/* With BrijeshB */
:root {--blue: #266FF1;--secondary-blue: #0354E3;--primary-black: #000000;--secondary-black: #202020;--primary-grey: #f3f4f5;--secondary-grey: #F8F9FC;}
body{font-family: Euclid circular a,sans-serif;color: #000000 !important;}
h1, h2, h3, h4, h5, h6,p,figure{margin-bottom: 0px !important;}

.font-euclid-circular-a{font-family: Euclid circular a,sans-serif;}
/* .font-aeonik-pro-trial{font-family: 'Aeonik Pro TRIAL' !important;} */

.fs-10 {font-size: 10px !important}
.fs-11 {font-size: 11px !important}
.fs-12 {font-size: 12px !important}
.fs-13 {font-size: 13px !important}
.fs-14 {font-size: 14px !important}
.fs-15 {font-size: 15px !important}
.fs-16 {font-size: 16px !important}
.fs-17 {font-size: 17px !important}
.fs-18 {font-size: 18px !important}
.fs-20 {font-size: 20px !important}
.fs-22 {font-size: 22px !important}
.fs-24 {font-size: 24px !important}
.fs-26 {font-size: 26px !important}
.fs-28 {font-size: 28px !important}
.fs-30 {font-size: 30px !important}
.fs-32 {font-size: 32px !important}
.fs-34 {font-size: 34px !important}
.fs-36 {font-size: 36px !important}
.fs-40 {font-size: 40px !important}
.fs-44 {font-size: 44px !important}
.fs-48 {font-size: 48px !important}
.fs-50 {font-size: 50px !important}
.fs-52 {font-size: 52px !important}
.fs-55 {font-size: 55px !important}
.fs-58 {font-size: 58px !important}
/* sm 17px */
@media (max-width: 575px) {
    .fs-sm-20{font-size: 20px !important;}
    .fs-sm-17{font-size: 17px !important;}
    .fs-sm-14{font-size: 14px !important;}
}
.fw-100 {font-weight: 100 !important}
.fw-300 {font-weight: 300 !important}
.fw-400 {font-weight: 400 !important}
.fw-500 {font-weight: 500 !important}
.fw-600 {font-weight: 600 !important}
.fw-700 {font-weight: 700 !important}
.fw-800 {font-weight: 800 !important}
.fw-900 {font-weight: 900 !important}

.text-first-letter-capitalize:first-letter {text-transform: capitalize}

.opacity-0 {opacity: 0 !important}
.opacity-25 {opacity: .25 !important}
.opacity-32 {opacity: .32 !important}
.opacity-50 {opacity: .5 !important}
.opacity-72 {opacity: .72 !important}
.opacity-75 {opacity: .75 !important}
.opacity-80 {opacity: .80 !important}
.opacity-100 {opacity: 1 !important}

.line-height-initial {line-height: initial !important}
.line-height-0 {line-height: 0 !important}
.line-height-10 {line-height: 10px !important}
.line-height-12 {line-height: 12px !important}
.line-height-14 {line-height: 14px !important}
.line-height-16 {line-height: 16px !important}
.line-height-18 {line-height: 18px !important}
.line-height-20 {line-height: 20px !important}
.line-height-22 {line-height: 22px !important}
.line-height-24 {line-height: 24px !important}
.line-height-26 {line-height: 26px !important}
.line-height-28 {line-height: 28px !important}
.line-height-30 {line-height: 30px !important}
.line-height-32 {line-height: 32px !important}
.line-height-48 {line-height: 48px !important}
.line-height-50 {line-height: 50px !important}
.line-height-60 {line-height: 60px !important}
@media (max-width: 1024px) {.line-height-initial-1024 {line-height: initial !important}}

.max-width-900 {width: 100%;max-width: 900px}
.max-width-800 {width: 100%;max-width: 800px}
.max-width-750 {width: 100%;max-width: 750px}
.max-width-700 {width: 100%;max-width: 700px}
.max-width-600 {width: 100%;max-width: 600px}
.max-width-500 {width: 100%;max-width: 500px}
.max-width-400 {width: 100%;max-width: 400px}
.max-width-300 {width: 100%;max-width: 300px}
.max-width-350 {width: 100%;max-width: 350px}
.max-width-250 {width: 100%;max-width: 250px}
.max-width-200 {width: 100%;max-width: 200px}
.max-width-150 {width: 100%;max-width: 150px}
.max-width-100 {width: 100%;max-width: 100px}

.rounded-4 {border-radius: 4px !important}
.rounded-6 {border-radius: 6px !important}
.rounded-8 {border-radius: 8px !important}
.rounded-10 {border-radius: 10px !important}
.rounded-12 {border-radius: 12px !important}
.rounded-20 {border-radius: 20px !important}
.rounded-30 {border-radius: 30px !important}
.rounded-50 {border-radius: 50px !important}
.rounded-80 {border-radius: 80px !important}

/* using */
.bg-theme-blue {background-color: var(--blue) !important}
.bg-theme-dark-blue {background-color: #2749C3 !important}
.bg-primary-grey {background-color: var(--primary-grey) !important}
.bg-secondary-grey {background-color: var(--secondary-grey) !important}
.bg-solitude {background-color: #ddeaff}
.bg-black {background-color: #000000 !important;}
.bg-off-white {background-color: #fafafa;}
.bg-off-blue {background-color: #EFF3FA;}
.bg-color-white {background-color: #ffffff; }
.bg-periwinkle-gray{background-color: #CFD4EE;}
.bg-secondary-blue{background-color: var(--secondary-blue);}
.bg-athens-gray{background-color: #F4F5F8;}
.bg-shark{background-color: #25272D;}
.bg-azure-blue{background-color: #3C4BAE;}
.bg-pale-leaf {background-color:#C4D6B9;}
.bg-selago{background-color: #F7F9FE;}
.bg-transparent{background-color: transparent;}
.bg-athens-gray-90{background-color: #E9EDF0E5;}
.bg-edward{background-color: #E8EAEF;}




/* using */
.color-theme-blue {color: var(--blue) !important}
.color-primary-black {color: var(--primary-black) !important}
.color-secondary-black {color: var(--secondary-black) !important}
.color-primary-grey {color: var(--primary-grey) !important}
.color-charcoal-grey {color: #474747;}
.color-hit-grey {color: #a5a6a6;}
.color-link-water{color: #D4D7DC;}
.color-boulder-grey{color: #7a7a7a;} /* black - opacity 50% */
.color-slate-grey{color: #777e85;} /* #1C2833 - opacity 60% */
.color-palm-leaf {color:#1c240b}
.color-green-grey {color:#4E5B50}
.color-white {color: #ffffff !important; }
.color-c-grey {color: #C1C1C1;}
.color-coal-grey {color: rgba(28,40,51,0.70);}
.color-coal-black {color: #080C12;}
.color-rhino {color: #30375C;}
.color-steel-grey{color: #1E1E2A;}
.color-secondary-blue{color: var(--secondary-blue);}
.color-tuatara{color: #323231;}
.color-scorpion-grey{color: #5E5E5E;}
.color-grey1{color: #828282;}
.color-comet{color: #565975;}
.color-silver{color: #BABABA;}
.color-bright-turquoise{color: #08DCBC;}
.color-dove-grey{color: #616161;}
.color-vulcan{color: #0F111A;}
.color-woodsmoke{color: #131416;}
.color-gradient-black-brown{background: linear-gradient(180deg, #000000 34.9%, #C36A53 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.color-cod-gray{color: #131313;}
.color-storm-gray{color: #6E7385;}


.wrapper-1320{margin:0 auto;max-width:1320px;width:100%;padding:0 15px} /* creates wrapper for 1290px */
.wrapper-1190{margin:0 auto;max-width:1190px;width:100%;padding:0 15px} /* creates wrapper for 1170px */
.wrapper-1024{margin:0 auto;max-width:1024px;width:100%;padding:0 15px}
.wrapper-930{margin:0 auto;max-width:930px;width:100%;padding:0 15px}
.wrapper-700{margin:0 auto;max-width:700px;width:100%;padding:0 15px}
.wrapper-600{margin:0 auto;max-width:600px;width:100%;padding:0 15px}
.wrapper-500{margin:0 auto;max-width:500px;width:100%;padding:0 15px}

.white-space-nowrap{white-space: nowrap;}

.letter-s-05{letter-spacing: -0.5px;}
.letter-s-06{letter-spacing: -0.6px;}
.letter-s-02{letter-spacing: -0.2px;}
.letter-s-08{letter-spacing: -0.08px;}
.text-decoration-none{text-decoration: none;}
.loader {border: 6px solid #f3f3f3;border-radius: 50%;border-top: 6px solid #3498db;width: 50px;height: 50px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}

/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}