@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@font-face {
    font-family: ardela-edge-variable-x02;
    src: url(../fonts/ardela-edge-variable-x02.ttf);
}

@font-face {
    font-family: ardela-edge-variable-x01;
    src: url(../fonts/ardela-edge-variable-x01.ttf);
}

:root {
    --clr-primary-100: #3E7BF6;
    --clr-primary-200: #6BCABC;
    --clr-primary-300: #F3BE42;

    --clr-secondary-100: #FBFBFB;
    --clr-secondary-200: #0A0903;
    --clr-secondary-300: #181F26;

    --clr-secondary-400: #20334A;

    /* functional colors */
    --accent-blue: #005BB9;
    --accent-red: #C81414;

    --gray-800: #EFEFEF;
    --gray-700: #656565;
    --gray-600: #6F6F6F;
    --gray-500: #d0d0d0;
    --gray-400: #F4F4F4;
    --white: #ffffff;
    --black-off: #0F1425;
    --black-bg: #262F35;
    --black: #1D1D1D;
    --dark-black: #0A0903;
    --accent-color: #343F4D;
    /* --black: #000000; */

    --heading-01-font: 'ardela-edge-variable-x02';
    --heading-02-font: 'ardela-edge-variable-x01';
    --primary-font: 'Kumbh Sans';
    --secondary-font: 'Nunito', sans-serif;
    --lato-font: 'Lato', sans-serif;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;

    --border-radius-10: 10px;
    --border-radius: 20px;
    --border-radius-30: 30px;
    --border-radius-50: 50px;
}

/* background: var(--Card-BG, radial-gradient(52.15% 80.07% at 47.19% -0.63%, #20334A 0%, #181F26 100%), linear-gradient(155deg, rgba(25, 43, 72, 0.70) 0%, rgba(24, 41, 69, 0.70) 49.53%, rgba(23, 38, 61, 0.70) 75.72%)); */
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd,
ul {
    margin: 0;
}

ul {
    padding-left: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    list-style: none !important;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Typographys */
h1,
.h1,
.txt-heading-h1 {
    font-family: var(--heading-01-font);
    font-size: 50.52px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h2,
.h2,
.txt-heading-h2 {
    font-family: var(--heading-01-font);
    font-size: 32px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: auto;
    text-transform: uppercase;
}

h3,
.h3,
.txt-heading-h3 {
    font-family: var(--heading-01-font);
    font-size: 28px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: auto;
    text-transform: uppercase;
}

h4,
.h4,
.txt-heading-h4 {
    font-family: var(--heading-02-font);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 160%;
    text-transform: uppercase;
}

p.large,
.txt-large,
.large {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: 21px;
    line-height: 150%;
    text-transform: capitalize;
}

p.standard,
.txt-standard,
.standard {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: 16px;
    line-height: 160%;
}

p.standard-bold,
.txt-standard-bold,
.standard-bold {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-600);
    font-size: 16px;
    line-height: 160%;
}

p.small,
.txt-small,
.small {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: 12.003px;
    line-height: 156%;
}

p.btns,
.txt-btns,
.btns {
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-700);
    line-height: 27px;
    /* letter-spacing: 2px; */
    text-transform: capitalize;
}

p.nav,
.txt-nav {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}



a {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: 16px;
    line-height: 168.75%;
    text-transform: capitalize;
}

li a {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: 16px;
    line-height: 176.5%;
}

li a.nav-link:hover,
header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link.show {
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: var(--font-weight-400);
    /* font-size: 16px; */
    line-height: 176.5%;
    color: var(--white);
}

@media (max-width: 768px) {

    h2,
    .h2 {
        font-size: 28px;
        line-height: 140%;
    }

}

/* Mobile Responsive */
@media (min-width: 375px) and (max-width: 767px) {

    h1,
    .h1 {
        font-family: var(--heading-01-font);
        font-size: 32px;
        font-style: normal;
        font-weight: var(--font-weight-500);
        line-height: auto;
        text-transform: uppercase;
    }

    p.large,
    .txt-large,
    .large {
        font-family: var(--primary-font);
        font-style: normal;
        font-weight: var(--font-weight-500);
        /* font-size: 16px; */
        line-height: 160%;
    }
}

/* =================== End Typography =================== */

/* =================== Utilities =================== */

.primary-font {
    font-family: var(--primary-font);
}

.secondary-font {
    font-family: var(--secondary-font);
}

.font-weight-300 {
    font-weight: var(--font-weight-300);
}

.font-weight-400 {
    font-weight: var(--font-weight-400);
}

.font-weight-500 {
    font-weight: var(--font-weight-500);
}

.font-weight-600 {
    font-weight: var(--font-weight-600);
}

.font-weight-700 {
    font-weight: var(--font-weight-700) !important;
}

.font-weight-800 {
    font-weight: var(--font-weight-800);
}

.clr-primary-100 {
    color: var(--clr-primary-100) !important;
}

.clr-primary-200 {
    color: var(--clr-primary-200);
}

.clr-primary-300 {
    color: var(--clr-primary-300);
}


.clr-secondary-100 {
    color: var(--clr-secondary-100) !important;
}

.clr-secondary-200 {
    color: var(--clr-secondary-200);
}

.clr-secondary-300 {
    color: var(--clr-secondary-300);
}

.clr-secondary-400 {
    color: var(--clr-secondary-400);
}

.clr-gray-800 {
    color: var(--gray-800);
}

.clr-gray-700 {
    color: var(--gray-700);
}

.clr-gray-600 {
    color: var(--gray-600);
}

.clr-gray-500 {
    color: var(--gray-500);
}

.clr-gray-400 {
    color: var(--gray-400) !important;
}

.clr-black-off {
    color: var(--black-off);
}

.clr-accent-blue {
    color: var(--accent-blue);
}

.clr-accent-red {
    color: var(--accent-red);
}

.black {
    color: var(--black);
}

.white {
    color: var(--white) !important;
}

.bg-primary-100 {
    background-color: var(--clr-primary-100);
}

.bg-primary-200 {
    background-color: var(--clr-primary-200);
}

.bg-primary-300 {
    background-color: var(--clr-primary-300);
}

.bg-secondary-100 {
    background-color: var(--clr-secondary-100);
}

.bg-secondary-200 {
    background-color: var(--clr-secondary-200);
}

.bg-secondary-300 {
    background-color: var(--clr-secondary-300);
}

.bg-secondary-400 {
    background-color: var(--clr-secondary-400);
}

.bg-gray-800 {
    background-color: var(--gray-800);
}

.bg-gray-700 {
    background-color: var(--gray-700);
}

.bg-gray-600 {
    background-color: var(--gray-600);
}

.bg-gray-500 {
    background-color: var(--gray-500);
}

.bg-gray-400 {
    background-color: var(--gray-400);
}

.bg-white {
    background-color: var(--white);
}

.bg-black-off {
    background-color: var(--black-off);
}

.border-primary-100 {
    border-color: var(--clr-primary-100);
}

.border-primary-200 {
    border-color: var(--clr-primary-200);
}

.border-primary-300 {
    border-color: var(--clr-primary-300);
}

.border-primary-400 {
    border-color: var(--clr-primary-400);
}

.border-primary-500 {
    border-color: var(--clr-primary-500);
}

.border-secondary-100 {
    border-color: var(--clr-secondary-100);
}

.border-secondary-200 {
    border-color: var(--clr-secondary-200);
}

.border-secondary-300 {
    border-color: var(--clr-secondary-300);
}

.border-gray-800 {
    border-color: var(--gray-800);
}

.border-gray-700 {
    border-color: var(--gray-700);
}

.border-gray-600 {
    border-color: var(--gray-600);
}

.border-gray-500 {
    border-color: var(--gray-500);
}

.border-gray-400 {
    border-color: var(--gray-400);
}

/* Border */
.border-1 {
    border-width: 0.0625rem;
    border-style: solid;
}

.border-2 {
    border-width: 0.125rem;
    border-style: solid;
}

.square {
    border-radius: 0;
}

.rounded {
    border-radius: var(--border-radius) !important;
}


.rounded-30 {
    border-radius: var(--border-radius-30) !important;
}

.rounded-10 {
    border-radius: var(--border-radius-10) !important;
}

.rounded-50 {
    border-radius: var(--border-radius-50) !important;
}

/* Opacity */
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-10 {
    opacity: 1;
}

/* Shadow */
.shadow {
    box-shadow: 0rem 0.75rem 1.875rem rgba(94, 156, 49, 0.18);
}

.text-left {
    text-align: left;
}


/* Gaps */

.g-40 {
    gap: 40px;
}

.g-8 {
    gap: 8px;
}

.g-140 {
    gap: 140px;
}

.g-20 {
    gap: 20px;
}

.g-16 {
    gap: 16px;
}

.g-40 {
    gap: 40px;
}

/* Padding */


.pb-6 {
    padding-bottom: 6px;
}

.pr-8 {
    padding-right: 8px;

}

.pt-12 {
    padding-top: 12px;
}

.pb-12 {
    padding-bottom: 12px;
}

.padding-16 {
    padding: 16px;
}

.padding-48 {
    padding: 48px;
}

.pt-16 {
    padding-top: 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.py-16 {
    padding: 16px 0;
}

.px-16 {
    padding: 0 16px;
}

.padding-20 {
    padding: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-75 {
    padding-top: 75px;
}

.py-20 {
    padding: 20px 0;
}

.px-20 {
    padding: 0 20px;
}

.padding-24 {
    padding: 24px;
}

.py-24 {
    padding: 24px 0;
}

.px-24 {
    padding: 0 24px;
}

.pt-24 {
    padding-top: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-26 {
    padding-bottom: 26px;
}

.padding-8 {
    padding: 8px;
}

.padding-32 {
    padding: 32px;
}

.py-32 {
    padding: 32px 0;
}

.px-32 {
    padding: 0 32px;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.ps-32 {
    padding-left: 32px;
}

.pe-32 {
    padding-left: 32px;
}

.padding-40 {
    padding: 40px;
}

.py-40 {
    padding: 40px 0;
}

.px-40 {
    padding: 0 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.padding-48 {
    padding: 48px;
}

.py-48 {
    padding: 48px 0;
}

.px-48 {
    padding: 0 48px;
}

.pt-48 {
    padding-top: 48px;
}

.pb-48 {
    padding-bottom: 48px;
}

.ps-48 {
    padding-left: 48px;
}

.pe-48 {
    padding-right: 48px;
}

.py-51 {
    padding: 51px 0;
}

.px-51 {
    padding: 0 51px;
}

.pt-51 {
    padding-top: 51px;
}

.pb-51 {
    padding-bottom: 51px;
}

.py-60 {
    padding: 60px 0;
}

.px-60 {
    padding: 0 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.py-64 {
    padding: 64px 0;
}

.px-64 {
    padding: 0 64px;
}

.padding-64 {
    padding: 64px;
}

.pt-64 {
    padding-top: 64px;
}

.pr-64 {
    padding-right: 64px;
}

.pl-64 {
    padding-left: 64px;
}

.pb-64 {
    padding-bottom: 64px;
}

.padding-80 {
    padding: 80px;
}

.py-80 {
    padding: 80px 0;
}

.py-100 {
    padding: 100px 0;
}

.pb-200 {
    padding-bottom: 200px;
}

.px-80 {
    padding: 0 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pe-80 {
    padding-right: 80px;
}

.mt-6 {
    margin-top: 6px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mt-9 {
    margin-top: 9px;
}

.mb-66 {
    margin-bottom: 66px;
}

.mt-11 {
    margin-top: 11px;
}

.mb-11 {
    margin-bottom: 11px;
}

.mb-21 {
    margin-bottom: 21px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mt-16 {
    margin-top: 16px;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mt-24 {
    margin-top: 24px;
}

.mt-26 {
    margin-top: 26px !important;
}

.mb-26 {
    margin-bottom: 26px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-44 {
    margin-top: 44px;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-32 {
    margin-bottom: 32px;
}

.mt-64 {
    margin-top: 64px;
}

.g-10 {
    gap: 10px;
}

.g-30 {
    gap: 30px;
}

.g-32 {
    gap: 32px;
}

.g-11 {
    gap: 11px;
}

.g-16 {
    gap: 16px;
}

.g-24 {
    gap: 24px;
}

/* =================== End Utilities =================== */

/* ---- Body ---- */
body.bg-img {
    background-image: url(../images/Footer.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
}

body.bg-img footer {
    background-image: none;
}

/* ---- End Body ---- */

/* Header */
header {
    background-color: var(--black-off);
    padding-top: 16px;
    padding-bottom: 16px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

header nav li.nav-item a {
    color: var(--white)
}

header .nav-link.dropdown-toggle.show svg {
    transform: rotate(180deg);
}

header .nav-item.dropdown .dropdown-item {
    color: var(--clr-secondary-100);
}

header .nav-link img {
    height: 24px;
    width: 24px;
}

header #navbarSupportedContent {
    justify-content: space-between;
    align-items: center;
}

header #navbarSupportedContent ul .logo {
    display: flex;
    align-items: center;
}

header .dropdown-menu.show {
    background-color: var(--black-bg);
    border: 1px solid var(--black-bg);
}

header .dropdown-menu[data-bs-popper] {
    top: 157%;
    left: -45px;
    text-align: center;
}

header .dropdown-menu {
    padding: 0;
}

header .dropdown-menu .dropdown-item {
    padding: 16px 10px;
    border-bottom: var(--black-bg);
}

header .dropdown-toggle::after {
    content: unset
}

header .dropdown-item:focus,
header .dropdown-item:hover {
    background: var(--clr-primary-100);
    color: var(--clr-secondary-100);
}

header .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
}

header .navbar-nav {
    gap: 24px;
}

header.active {
    background: var(--Card-BG, radial-gradient(52.15% 80.07% at 47.19% -0.63%, #20334A 0%, #181F26 100%), linear-gradient(155deg, rgba(25, 43, 72, 0.70) 0%, rgba(24, 41, 69, 0.70) 49.53%, rgba(23, 38, 61, 0.70) 75.72%));
    box-shadow: 0px 5.556px 4.625px 0px rgba(0, 0, 0, 0.01), 0px 25.4px 13px 0px rgba(0, 0, 0, 0.02);
}

header {
    background-color: unset;
}

/* Header */


/* Footer */

footer {
    background-image: url(../images/Footer.png);
    padding: 64px 0px;
    background-size: 91% 91%;
}

footer ul {
    padding: 0;
}

footer ul li {
    list-style: none;
}

footer ul li a,
footer p,
footer a {
    color: var(--clr-secondary-100);
    text-decoration: unset;
    text-align: left;
}

footer h4 {
    color: var(--clr-primary-100);
}

footer .bottom-bar p a,
footer .copyrights p {
    color: var(--gray-500)
}

footer .findus-section {
    width: 100% !important;
}

/* Footer */

/* Common CSS  */

.main-wrapper {
    min-height: 100vh;
    /* margin-bottom: -50px; */
    padding: 178px 0 112px;
    background-image: url(../images/Register-bg.png);
    background-repeat: no-repeat;
}

/* button */

.btn.btn-primary,
.btn-primary {
    padding: 16px 24px;
    background: var(--Gradient, linear-gradient(180deg, var(--clr-primary-100) 0%,
                var(--clr-primary-200) 100%));
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
    border-radius: 0;
    border: unset;
}

.btn.btn-secondary,
.btn-secondary {
    border: 1px solid var(--accent-color);
    background: var(--clr-primary-100);
    border-radius: unset;
    color: var(--white);
    padding: 16px 24px;

    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-600);
    line-height: 27px;
    text-transform: capitalize;

    width: 142px;
}

.btn.btn-main,
.btn-main {
    background-color: var(--accent-color);
    gap: 8px;
    color: var(--white);
    border: 1px solid var(--accent-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-600);
    line-height: 27px;
    text-transform: capitalize;
    border-radius: unset;
    padding: 16px 24px;
}

/* button end */

/* form input */

.form-input input,
.form-input textarea,
.form-input select {
    padding: 10px 14px;
    background: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.form-input {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

.form-input label,
.form-input input,
.form-input select{
    color: var(--white);
}

input[type="checkbox"] {
    -webkit-appearance: unset;
    height: 24px;
    width: 24px;
    border: 1px solid #656565;
    position: relative;
}

input[type="checkbox"]:checked:before {
    content: '✓';
    color: var(--clr-primary-100);
    background-color: var(--accent-color);
    height: 22px;
    width: 22px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* form input */

/* NABTABS */

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--clr-primary-100) !important;
    background-color: unset !important;
    border-left: 4px solid;
    border-radius: 0;
    height: 40px;
}

.nav-pills .nav-link {
    text-align: left;
}

.page-link {
    font-family: var(--lato-font);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-400);
    line-height: 16px;
}

/* NABTABS */