@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
    font-family: 'SF Pro Display Bold';
    src: url('../font/sf-pro-display/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
        url('../font/sf-pro-display/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/sf-pro-display/SFProDisplay-Bold.woff2') format('woff2'),
        url('../font/sf-pro-display/SFProDisplay-Bold.woff') format('woff'),
        url('../font/sf-pro-display/SFProDisplay-Bold.ttf') format('truetype'),
        url('../font/sf-pro-display/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Medium';
    src: url('../font/sf-pro-display/SFProDisplay-Medium.eot');
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
        url('../font/sf-pro-display/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/sf-pro-display/SFProDisplay-Medium.woff2') format('woff2'),
        url('../font/sf-pro-display/SFProDisplay-Medium.woff') format('woff'),
        url('../font/sf-pro-display/SFProDisplay-Medium.ttf') format('truetype'),
        url('../font/sf-pro-display/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Regular';
    src: url('../font/sf-pro-display/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
        url('../font/sf-pro-display/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/sf-pro-display/SFProDisplay-Regular.woff2') format('woff2'),
        url('../font/sf-pro-display/SFProDisplay-Regular.woff') format('woff'),
        url('../font/sf-pro-display/SFProDisplay-Regular.ttf') format('truetype'),
        url('../font/sf-pro-display/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
   --ibm-font: "IBM Plex Sans", sans-serif;
   --inter-font: "Inter", sans-serif;
   --roboto-font: "Roboto", sans-serif;
   --cabin-font: "Cabin", sans-serif;
   --sf-pro-regular: 'SF Pro Display Regular';
   --sf-pro-medium: 'SF Pro Display Medium';
   --sf-pro-bold: 'SF Pro Display Bold';

  --black: #000000;
  --white: #ffffff;

  --Primary-gradient: linear-gradient(180.82deg, #12602F 0.71%, #6FAC2C 152.11%);

  --Primary-color: #053822;
  --Secondary-color: #0077B6;
  --Tertiary-color: #39393B;
  --Quaternary-color: #07070A;
  --Quinary-color: #E5F6FF;
  --Senary-color: #161C2D;
  --Septenary-color: #090909;
  --Octonary-color: #737373;
  --Nonary-color: #353535;
  --Denary-color: #252B42;
  --Undenary-color: #535353;

  --section-blue: #F4FBFF;


  --fs-banner: 50px;
  --fs-title: 40px;
  --fs-30: 30px;
  --fs-25: 25px;
  --fs-20: 20px;
  --fs-18: 18px;
  --fs-body: 16px;
  --fs-caption: 14px;

   --fw-light:300;
   --fw-regular:400;
   --fw-medium:500;
   --fw-semi-bold:600;
   --fw-bold:700;
   --fw-extra-bold:800;
   --fw-black:900;

   --secGap: 80px;
}

*{-webkit-tap-highlight-color:transparent;}
html,body{scroll-behavior: smooth;}
body{text-rendering:optimizeSpeed;line-height:1.5;font-family:var(--inter-font);font-weight:400;overflow-x: hidden;}
section{overflow: hidden;}
body,h1,h2,h3,h4,h5,h6,p,ul,ul li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,ul li{font-size: inherit;color: inherit;font-weight: inherit;font-family: inherit;padding: inherit;}
*,*::before,*::after{outline:none;box-sizing:border-box;scroll-behavior:smooth;}
*{margin:0;padding:0;}
input,button{-moz-appearance:none;-webkit-appearance:none;}
button{cursor:pointer;}
a:link,a:visited{text-decoration:none;border:none;outline:none;}
a:focus,
a:active,
button:focus,
button:active{outline:none;box-shadow:none;}
a:focus,button:focus{outline:none;outline-offset: 0px;}
img,picture,svg{max-width:100%;display:block;}
img,video{border:none;outline:none;width:100%;display:block;}
ul,ol{list-style:none;list-style-type:none;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
.desktop{display:block;}
.mobile{display:none;}
.helperSpan{display:inline-block;vertical-align:middle;width:1px;height:100%;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.clr{clear:both;}
.floatLft{float:left;}
.floatRgt{float:right;}
.d-flex{display:flex;}
.gap0-5{gap:0.5em;}
.gap1{gap:1em;}
.flxFlwRwWrp{flex-flow:row wrap;}
.justContCent{justify-content:center;}
.justContStretch{justify-content:stretch;}
.justContSpBtw{justify-content:space-between;}
.justContflxEnd{justify-content:flex-end;}
.algnItmCent{align-items:center;}
.algnItmstretch{align-items:stretch;}
.algnItmEnd{align-items:flex-end;}
.inlineBlk{display:inline-block;vertical-align:middle;}
.table{display:table;}
.transition{transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-webkit-transition:all 0.35s ease 0s;}
.row{display:flex;justify-content:space-between;}
.flexdircol{flex-direction:column;}
.flexdirrow{flex-direction:row;}
.black{color:var(--Black);}
.white{color:var(--White);}
.sec_head{font-size:var(--Main_Heading);font-weight:var(--fw-bold);}
.card_head{font-size:var(--Sub_Heading);font-weight:var(--fw-bold);}
/* ======= containers ======= */
/* font weight */
.fw-black{font-weight:var(--fw-black);}
.fw-ex-bold{font-weight:var(--fw-extra-bold);}
.fw-bold{font-weight:var(--fw-bold);}
.fw-semi-bold{font-weight:var(--fw-semi-bold);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-regular{font-weight:var(--fw-regular);}
.fw-light{font-weight:var(--fw-light);}
.ff-secondary{font-family:var(--primary-font);}
/* ======= containers ======= */
.col-10{width:10%;}
.col-20{width:20%;}
.col-30{width:30%;}
.col-40{width:40%;}
.col-50{width:50%;}
.col-60{width:60%;}
.col-70{width:70%;}
.col-80{width:80%;}
.col-90{width:90%;}
.col-100{width:100%;}
.textCenter{text-align:center;}
.textJustify{text-align:justify;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.textUp{text-transform:uppercase;}
.bg-transparent{background-color:transparent;}
.main-wrapper{max-width: 1550px;width:100%;margin:0 auto;}
.wrapper1440{max-width: 1440px;width:100%;margin:0 auto;}
.wrapper1280{max-width: 1280px;width:100%;margin:0 auto;}
.sv-secGap{padding-block: var(--secGap);}
.sv-secGapTop{padding-top: var(--secGap);}
.sv-secGapBottom{padding-bottom: var(--secGap);}
.min100vh{min-height: 100vh;}
.margiBot0-5em{margin-bottom:0.5em;}
.margiBot1em{margin-bottom:1em;}
.margiBot2em{margin-bottom:2em;}
.margiBot3em{margin-bottom:3em;}
.margiBot4em{margin-bottom:4em;}
.margiBot5em{margin-bottom:5em;}
.padd-bot0{padding-bottom:0;}
.marg-bot0{margin-bottom:0;}
.z-3{z-index: 3 !important;}

.no-scroll{overflow:hidden;touch-action:none;}
body.menu-open{overflow:hidden;}

/* ===== Scrollbar CSS ===== */
 /* Firefox */
 *{scrollbar-width:auto;scrollbar-color:var(--Secondary-color) var(--gray-200);}
/* Chrome,Edge,and Safari */
 *::-webkit-scrollbar{width:10px;}
*::-webkit-scrollbar-track{background:var(--gray-200);}
*::-webkit-scrollbar-thumb{background-color:var(--Secondary-color);border-radius:10px;border:2px solid #ffffff;}


/* Tabbing */
.tab-content{display: none;}
.tab-content.active{display: flex;}
.tabBtns .tabBtn{font-size: var(--fs-body);color: var(--gray-600);text-transform: capitalize;padding: 0.625em;width: max-content;white-space: nowrap;cursor: pointer;}
.tabBtns .tabBtn.active{font-size: var(--fs-sh);color: var(--black);font-weight: var(--fw-medium);border-bottom: 2px solid var(--black);}

.lightBlueBg{background-color: var(--section-blue);}

/* Commen Section Title */
.secTitle{padding: 0.3em 0.977em;margin-bottom: 1.3333em;font-size: var(--fs-18);color: var(--Secondary-color);font-family: var(--sf-pro-medium);letter-spacing: 0.0625em;width: max-content;background-color: var(--Quinary-color);font-weight: var(--fw-medium);border-radius: 50px;margin-inline: auto;}
.commonTitle{font-size: var(--fs-title);color: var(--Quaternary-color);font-family: var(--sf-pro-bold);margin-bottom: calc(var(--secGap) / 2);text-transform: capitalize;}
.commonTitle span{color: var(--Secondary-color);}

/* Slick Slider */
.slick-slider button{width: 37px;height: 37px;transition: all 0.3s;border-radius: 100%;}
.slick-slider button.slick-prev{background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='28.6892' cy='27.6892' r='18.1892' stroke='%230077B6'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M27.6028 27.6893L32.1916 32.2781L30.8808 33.589L24.9811 27.6893L30.8808 21.7896L32.1916 23.1004L27.6028 27.6893Z' fill='%230077B6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='57' height='57' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow'/%3E%3C/filter%3E%3CclipPath id='clip0'%3E%3Crect width='22' height='22' transform='translate(17 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 150% 145% !important;}
.slick-slider button.slick-prev:hover{background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='28.6892' cy='27.6892' r='18.6892' fill='%230077B6'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M27.6029 27.689L32.1918 32.2779L30.881 33.5887L24.9813 27.689L30.881 21.7893L32.1918 23.1001L27.6029 27.689Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='57.3785' height='57.3784' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow'/%3E%3C/filter%3E%3CclipPath id='clip0'%3E%3Crect width='22.2491' height='22.2491' transform='translate(17.5649 16.5645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.slick-slider button.slick-next{background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='28.6892' cy='27.6892' r='18.1892' transform='rotate(180 28.6892 27.6892)' stroke='%230077B6'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M29.7757 27.6891L25.1868 23.1003L26.4977 21.7894L32.3974 27.6891L26.4977 33.5889L25.1868 32.278L29.7757 27.6891Z' fill='%230077B6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='57.3785' height='57.3784' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow'/%3E%3C/filter%3E%3CclipPath id='clip0'%3E%3Crect width='22.2491' height='22.2491' transform='matrix(-1 0 0 -1 39.8138 38.8137)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 150% 145% !important;}
.slick-slider button.slick-next:hover{background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='28.6892' cy='27.6892' r='18.6892' transform='rotate(-180 28.6892 27.6892)' fill='%230077B6'/%3E%3C/g%3E%3Cpath d='M29.7757 27.6891L25.1868 23.1003L26.4977 21.7894L32.3974 27.6891L26.4977 33.5889L25.1868 32.278L29.7757 27.6891Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='57.3785' height='57.3784' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");}
.slick-dots li.slick-active button{background-color: var(--Secondary-color);outline: 1px solid var(--Secondary-color);border: 1px solid white;}
.slick-dots li button{background-color: var(--Secondary-color);border: none;}
.slick-dots{bottom: -60px;}

.commonBtn > a{font-size: var(--fs-20);color: var(--white);font-family: var(--ibm-font);font-weight: var(--fw-semi-bold);padding: 0.8em 2.05em;background-image: var(--Primary-gradient);border-radius: 11px;transition: all 0.3s;margin-inline: auto;display: inline-flex;text-transform: capitalize;}
.commonBtn > a:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}