/* With BrijeshB */
:root {
    --blue: #266FF1;
    --secondary-blue: #0354E3;
    --primary-black: #000000;
    --secondary-black: #202020;
    --primary-grey: #f3f4f5;
    --secondary-grey: #F8F9FC;
}
body{font-family: 'Inter', sans-serif !important;color: #000000 !important;}
h1, h2, h3, h4, h5, h6,p,figure{margin-bottom: 0px !important;}
.Inter {
    font-family: 'Inter', sans-serif !important;
}
.TT-Norms-Pro_bold{
    font-family: 'tt_norms_probold';
}
.TT-Norms-Pro_medium{
    font-family: 'tt_norms_promedium';
}
.TT-Norms-Pro_regular{
    font-family: 'tt_norms_proregular';
}
.mulish_semibold{
    font-family: 'Mulish', sans-serif;
}
.max-width-1258{width:100%;max-width:1258px; margin: 0 auto !important;}
.font-euclid-circular-a{font-family: 'Euclid Circular A' !important;}

/* custom margins */
.mar-0{margin: 0px !important;}
.mar-5{margin: 5px !important;}
.mar-10{margin: 10px !important;}
.mar-15{margin: 15px !important;}

.mar-b-0{margin-bottom: 0px !important;}
.mar-b-5{margin-bottom: 5px !important;}
.mar-b-10{margin-bottom: 10px !important;}
.mar-b-15{margin-bottom: 15px !important;}
.mar-b-20{margin-bottom: 20px !important;}
.mar-b-25{margin-bottom: 25px !important;}

.mar-t-0{margin-top: 0px !important;}
.mar-t-5{margin-top: 5px !important;}
.mar-t-10{margin-top: 10px !important;}
.mar-t-15{margin-top: 15px !important;}
.mar-t-20{margin-top: 20px !important;}
.mar-t-25{margin-top: 25px !important;}

.mar-s-0{margin-left: 0px !important;}
.mar-s-5{margin-left: 5px !important;}
.mar-s-10{margin-left: 10px !important;}
.mar-s-15{margin-left: 15px !important;}
.mar-s-20{margin-left: 20px !important;}
.mar-s-25{margin-left: 25px !important;}

.mar-e-0{margin-right: 0px !important;}
.mar-e-5{margin-right: 5px !important;}
.mar-e-10{margin-right: 10px !important;}
.mar-e-15{margin-right: 15px !important;}
.mar-e-20{margin-right: 20px !important;}
.mar-e-25{margin-right: 25px !important;}

/* custom paddings */
.pad-0{padding: 0px !important;}
.pad-5{padding: 5px !important;}
.pad-10{padding: 10px !important;}
.pad-15{padding: 15px !important;}
.pad-20{padding: 20px !important;}

.pad-b-0{padding-bottom: 0px !important;}
.pad-b-5{padding-bottom: 5px !important;}
.pad-b-10{padding-bottom: 10px !important;}
.pad-b-14{padding-bottom: 14px !important;}
.pad-b-14{padding-bottom: 14px !important;}
.pad-b-15{padding-bottom: 15px !important;}
.pad-b-20{padding-bottom: 20px !important;}
.pad-b-25{padding-bottom: 25px !important;}
.pad-b-45{padding-bottom: 45px !important;}

.pad-b-0{padding-top: 0px !important;}
.pad-t-5{padding-top: 5px !important;}
.pad-t-10{padding-top: 10px !important;}
.pad-t-14{padding-top: 14px !important;}
.pad-t-15{padding-top: 15px !important;}
.pad-t-20{padding-top: 20px !important;}
.pad-t-25{padding-top: 25px !important;}
.pad-t-45{padding-top: 45px !important;}
.pad-t-90{padding-top: 90px !important;}

.pad-s-0{padding-left: 0px !important;}
.pad-s-5{padding-left: 5px !important;}
.pad-s-10{padding-left: 10px !important;}
.pad-s-15{padding-left: 15px !important;}
.pad-s-20{padding-left: 20px !important;}
.pad-s-25{padding-left: 25px !important;}
.pad-s-50{padding-left: 50px !important;}

.pad-e-0{padding-right: 0px !important;}
.pad-e-5{padding-right: 5px !important;}
.pad-e-10{padding-right: 10px !important;}
.pad-e-15{padding-right: 15px !important;}
.pad-e-20{padding-right: 20px !important;}
.pad-e-25{padding-right: 25px !important;}
.pad-e-50{padding-right: 50px !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}

.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-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-1258{width:100%;max-width:1258px;margin: 0 auto !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;}


/* 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-green {color:#1c240b}
.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-zuccini{color: #03341F;}

.border-radius-50 { border-radius: 50px !important; }

.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-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}

.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;
}

@media(min-width:800px){

}

.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); }
  }