:root {
    --font-default: 'Yantramanav', sans-serif;
    --fontawesome: "Font Awesome 5 Pro";
    --black: #000000;
    --dark: #03112d;
    --dark-secondary: #001d4c;
    --dark-optional: #3e00a7;
    --white: #ffffff;
    --color-primary: #7ed956;
    --color-secondary: #1695e6;
    --color-optional: rgb(255, 30, 126);
    --color-heading: #04000b;
    --color-paragraph: #787878;
    --box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
    --box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
    --box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
    --bg-gray: #f3f7fd;
    --bg-gradient: linear-gradient(30deg, var(--color-secondary) 20%, var(--color-primary) 80%);
}

.banner-area {
    height: 400px;
}