@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Reset CSS */
* {padding:0rem; margin:0rem;}
*:focus {outline: 0;}
html{ font-size: 16px;}
html, body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--paragraph); }
body{ margin:0; padding:0; font-family: "Public Sans", serif; font-size: 1.125rem; background: linear-gradient(90deg, #EEF2FB 0%, #ECF2F2 50.5%, #EAF5F5 100%);}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:0; margin:0; font-weight: 300; font-weight: 300;}
.clear {clear:both;}
a { text-decoration:none;}
a:hover {text-decoration:none;}
a:focus{outline:none !important;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:600; color: var(--heading); font-family: "Poppins", serif;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #A4A4A4;}
:-moz-placeholder{opacity:1; color: #A4A4A4;}
::-moz-placeholder{opacity:1; color: #A4A4A4;}
:-ms-input-placeholder{opacity:1; color: #A4A4A4;} 
/* Reset CSS */

:root{
  --white: #FFFFFF;
  --black: #000000;
  --heading: #252628;
  --paragraph: #67656E;
  --blue: #347AA4;
  --dark-blue: #002A3A;
  --light-blue: #002A3A;
  --green: #00B0B9;
}


.container{ max-width: 82.5rem !important;}

h2{ font-size: 3.3125rem; line-height: 3.875rem;}
h2 span{ font-weight: 300;}

.link{ color: var(--dark-blue); font-weight: 600; text-decoration: underline !important; text-underline-offset: 0.3125rem;}
.link:hover{ color: var(--green);}

.dark-txt{ color: var(--heading);}
.button{ display: inline-flex; align-items: center; justify-content: center; gap: 0 0.625rem; background: var(--light-blue); border: 0.0625rem solid var(--light-blue); border-radius: 3.125rem; padding: 0.8125rem 2.1875rem; color: var(--white); font-size: 1rem; transition: all 0.2s ease;}
.button:hover{ opacity: 0.8; gap: 0 0.875rem;}
.button.green{ background: var(--green); border: 0.0625rem solid var(--green);}
.button.bdr{ background: none; border: 0.0625rem solid var(--light-blue); color: var(--light-blue);}
.button.txt{ border: none; background: none; padding: 0; color: var(--green);}
.button.txt.blue{ color: var(--blue);}

.site-hrader{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99; padding: 1.5rem 5rem; transition: all 0.5s ease;}
.site-hrader.fixed{ background: rgba(255, 255, 255, .4); backdrop-filter: blur(0.5rem); padding-top: 0.625rem; padding-bottom: 0.625rem; box-shadow: 0 0 0.625rem 0 rgba(0,0,0,0.05);}
.header-main{ display: flex; align-items: center; justify-content: space-between;}
.header-left{ display: flex; align-items: center; gap: 0 2.1875rem;}

.site-hrader.fixed .site-nav ul li a{ color: var(--heading);}

.header-right{ display: flex; align-items: center; gap: 0 2.1875rem;}

.logo img{ max-width: 2em;}
.logo-dark{ display: none;}
.site-hrader.fixed .logo-dark{ display: block;}
.site-hrader.fixed .logo-light{ display: none;}
.site-hrader.fixed #dropdownButton{ color: var(--heading);}
.site-hrader.fixed #dropdownButton::after{ background: url('../images/drop-dark.svg') center center no-repeat;}

.site-nav ul{ display: flex; align-items: center; gap: 0 1.125rem;}
.site-nav ul li a{ font-size: 1rem; color: var(--white); padding: 0.5rem 0.9375rem; border-radius: 3.125rem;}
.site-nav ul li a:hover{ color: var(--green) !important;}
.site-nav ul li a.active{ border: 1px solid var(--heading) !important; color: var(--heading) !important;}

/* Language Dropdown */
.language-dropdown { position: relative; display: inline-block;}
#dropdownButton{ display: flex; align-items: center; cursor: pointer; border: none; background: none; font-size: 0.875rem; color: var(--white); font-weight: 300; position: relative; padding: 0 0.75rem 0 0;}
#dropdownButton::after{ content: ''; position: absolute; right: 0; top: 0.375rem; width: 0.5rem; height: 0.5rem; background: url('../images/drop.svg') center center no-repeat;}
.flag-icon { width: 1.375rem; height: auto; margin-right: 0.3125rem;}
#languageList { position: absolute; top: 1.875rem; right: 0; background-color: var(--white); border-radius: 0.3125rem; list-style: none; margin: 0; padding: 0; width: max-content; min-width: 7.5rem; z-index: 10; overflow: hidden; border: 1px solid #d9e9e9;}
#languageList li { display: flex; align-items: center; padding: 0.3125rem 0.625rem; cursor: pointer; font-size: 0.875rem; color: var(--heading); border-bottom: 0.0625rem solid #d9e9e9;}
#languageList li:last-child{ border: none;}
#languageList li:hover { background-color: #f5f5f5;}
.hidden { display: none;}
/* Language Dropdown */

.hero-banner{ position: relative;}
.banner-img{ height: 100vh; min-height: 43.75rem;}
.banner-img img{ width: 100%; height: 100%; object-fit: cover; object-position: top;} 
.hero-banner-text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg, #000 -6%, rgba(0, 0, 0, 0.50) 14.72%, rgba(0, 0, 0, 0.00) 50%); display: flex; align-items: center;}
.hero-banner-text::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(22, 18, 18, 0.37) 0%, rgba(255, 255, 255, 0.00) 100%);}
.banner-text-main{ margin-top: 6.375rem; max-width: 44.6875rem; padding: 2.5rem 3.25rem; border-radius: 1.875rem; background: rgba(255, 255, 255, 0.87); backdrop-filter: blur(0.125rem); position: relative; z-index: 5;}
.hero-banner h1{ font-size: 3.75rem; font-weight: 600; line-height: 4.25rem;}
.hero-banner h1 span{ font-weight: 300;}

.section{ padding: 6.25rem 0;}
.welcome{ max-width: 69.5rem; margin: 0 auto;}
.welcome p{ max-width: 50.4375rem; margin: 0 auto;}
.welcome-img img{ max-width: 7.25rem;}
.sub-heading{ font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.125rem;}

.image-card{ position: relative;}
.image-card-img{ height: 36.4375rem; border-radius: 1.25rem; overflow: hidden;}
.image-card-img img{ width: 100%; height: 100%; object-fit: cover;}
.image-card-txt{ position: absolute; width: calc(100% - 4.25rem); left: 2.125rem; bottom: 2.125rem; background: var(--white); border-radius: 1.25rem; padding: 1.875rem 1.5625rem;}
.image-card-txt p.dark-txt{ font-size: 1.25rem;}
.image-card-img.alt{ height: 17.5rem;}

.solutions-left{ max-width: 30.375rem;}

.tilted-img{ width: 100%; transform: rotate(-2.5deg);}
.tilted-img img{ border-radius: 1.875rem; }
.boost-txt{ padding-left: 7.875rem;}

.promote .col-sm-6{ order: 2;}
.promote .col-sm-6 + .col-sm-6{ order: 1;}
.promote .boost-txt{ padding-left: 0; padding-right: 7.875rem;}

.promote-image{ display: flex; align-items: center; gap: 0 1.25rem;}
.promote-image-single{  width: 19.25rem;}
.promote-image-single.alt{ transform: translateY(-6.25rem);}
.promote-image-single img{ width: 100%; height: auto; border-radius: 1.875rem;}

.wellness-heading{ max-width: 62.5rem; margin: 0 auto;}
.wellness-heading h2{ font-size: 3.5rem; line-height: 3.875rem;}
.wellness-heading p{ max-width: 30.375rem; margin: 0 auto;}
.wellness-freature-single{ padding: 2.5rem; display: flex; flex-direction: column; align-items: center; gap: 1.875rem; flex: 1 0 0; align-self: stretch; border-radius: 1.875rem;
  background: #FFF; height: 100%; transition: all 0.5s ease; text-align: center;}
.wellness-freature-single:hover{ transform: translateY(-0.625rem);}
.wellness-freatures{ padding-top: 3.75rem;}
.wellness-freatures .row{ margin-left: -0.875rem; margin-right: -0.625rem;}
.wellness-freatures [class*='col-']{ padding-left: 0.625rem; padding-right: 0.625rem; margin-top: 1.25rem;}
.wellness-freature-single h4{ font-weight: 400; height: 3.625rem; display: flex; align-items: center; justify-content: center;}
.wellness-freature-img img{ max-width: 14.0625rem; transition: all 0.5s ease;}
.wellness-freature-single:hover .wellness-freature-img img{ transform: scale(1.08);}

.section.how{ padding-top: 0;}
.blocks{ display: flex; justify-content: space-between; gap: 0 1.25rem;}
.blocks-single{ max-width: 19.375rem; margin-top: 5rem; transition: all 0.3s ease;}
.blocks-single:hover{ transform: translateY(-0.625rem);}
.blocks-single p a{ color: var(--dark-blue); font-weight: 600; text-decoration: underline !important; text-underline-offset: 0.3125rem;}
.blocks-single p a:hover{ color: var(--green);}
.blocks-divide{ margin-top: 7.5rem;}
.blocks-divide img{ max-width: 7.9375rem;}
.blocks-img img{ max-width: 5rem;}


.package{ padding: 4.375rem; padding-bottom: 0; border-radius: 2.5rem; background: #FFF;}
.package-title{ max-width: 42.5rem;}
.package-tab{ display: flex; align-items: flex-end; justify-content: space-between; margin-top: 3.125rem;}
.package-tab-left{ max-width: 28.125rem; padding-bottom: 4.375rem;}
.nav-style h5{ font-size: 1.25rem; transition: all 0.3s ease;}
.nav-style p{ color: var(--paragraph); line-height: 1.625rem; padding-top: 0.75rem;}
.nav-style .nav{ display: block; margin: 0; padding: 0;}
.nav-style .nav-link{ display: block; margin: 0; padding: 0; text-align: left; padding: 1rem; padding-left: 1.5rem; padding-right: 0; border-left: 0.25rem solid #F2F4F7;}
.nav-style .nav-link.active{ border-left: 0.25rem solid #347AA4;}
.nav-style .nav-link.active h5{ font-size: 1.5rem;} 
.package-img{ margin: 0 -4.375rem 0 0;}

.leaders-main{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.leaders-left{ max-width: 30.625rem;}
.leaders-right{ max-width: 42.3125rem;}
.logo-carousel{ margin-top: 6.25rem;}
.logo-carousel2{ margin-top: 2.5rem;}

.logo-carousel .logo-img{ height: 3.125rem; display: inline-flex; align-items: center; justify-content: center;}
.logo-carousel .logo-img img{ max-height: 3.125rem;}

.cta-banner{ border-radius: 1.875rem; overflow: hidden; position: relative;}
.cta-img img{ width: 100%;}
.cta-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-left: 4.625rem; padding-bottom: 4.625rem; display: flex; align-items: flex-end;}
.cta-txt::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.00) 100%); opacity: 0.8;}
.cta-txt-in{ position: relative; z-index: 5; max-width: 47.9375rem}

.author-img{ width: 3.75rem;}
.rev-author{ display: flex; align-items: center; justify-content: center; gap: 0 0.9375rem; text-align: left;}
.reviews-carousel{ margin-top: 5rem;}
.reviews-carousel .item{ display: flex; flex-direction: column; gap: 1.75rem 0; padding: 0 5rem;}
.reviews-carousel .item h4{ font-size: 1.75rem; font-weight: 500; color: #190D39; line-height: 2.625rem;}
.reviews-carousel .item p{ font-size: 1rem; line-height: 1.375rem;}
.reviews-carousel .item p.dark-txt{ font-size: 0.9375rem; color: #190D39; font-weight: 500;}

.reviews-carousel .owl-dots button{ width: 10px; height: 10px; display: block; border: 0.0625rem solid #190D39; border-radius: 3.125rem;}
.reviews-carousel .owl-dots button.active{ background: #190D39;}
.reviews-carousel .owl-dots{ display: flex; align-items: center; justify-content: center; gap: 0 0.3125rem; margin-top: 2.5rem;}

.faq{ border-radius: 2.5rem; background: #FFF; padding: 4.375rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.faq-left{ max-width: 23.125rem; display: flex; flex-direction: column; justify-content: space-between;}
.faq-left h2{ font-size: 2.75rem; line-height: 3.125rem;}
.faq-right{ max-width: 41.625rem;}

.accordion-style .accordion-button:focus{ outline: 0 !important; box-shadow: none !important;}
.accordion-style .accordion-button{ background: none !important; padding: 1.5625rem 0; font-size: 1.4375rem; line-height: 1.875rem; font-weight: 600; border-radius: 0 !important; box-shadow: none !important; border-bottom: 0.0625rem solid #EFEFEF; color: var(--heading) !important;}
.accordion-style .accordion-item{ border-radius: 0; border: none;}
.accordion-style .accordion-body{ border-bottom: 0.0625rem solid #EFEFEF; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 1.875rem;}
.accordion-style .accordion-button:not(.collapsed){ border: none;}

.site-footer{ margin-top: 6.25rem; padding: 5rem 5rem 3.125rem 5rem; background: var(--dark-blue); border-radius: 2.5rem 2.5rem 0rem 0rem;}
.footer-in{ display: flex; justify-content: space-between;}

.footer-left{ max-width: 24rem; display: flex; flex-direction: column; gap: 2.1875rem; align-self: stretch;}
.footer-logo{ mix-blend-mode: plus-lighter;}
.footer-logo img{ max-width: 3.625rem;}
.site-footer{ color: #FFF;}
.site-footer p{ font-weight: 100;}

.newsletter .button{ width: 3.5rem; height: 3.5rem; padding: 0; border-radius: 6.25rem;}
.newsletter input[type="email"], .newsletter input[type="text"]{ width: 100%; border-radius: 3.125rem; color: var(--white); font-size: 1rem; padding: 0.9375rem 1.5625rem; background: none; border: 0.0625rem solid #FFF;}

.social-link{ display: flex; align-items: center; gap: 0 0.3125rem;}
.social-link a{ display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; background: var(--white); border-radius: 6.25rem; color: var(--dark-blue); transition: all 0.3s ease;}
.social-link a:hover{ opacity: 0.7;}

.footer-right{ display: flex; gap: 0 3.75rem;}
.footer-block{ max-width: 16.25rem;}
.footer-block h4{ font-size: 1.75rem; color: var(--white); font-weight: 300;}
.footer-block ul{ padding-top: 1.25rem;}
.footer-block ul li{ margin-top: 0.9375rem;}
.footer-block ul li a{ font-size: 1rem; display: inline-block; line-height: 1.5rem; font-weight: 200; color: var(--white); transition: all 0.3s ease;}
.footer-block ul li a:hover{ opacity: 0.5;}

.site-footer .container{ max-width: 87.5rem !important;}


.mobClick { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 999;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #2c4b76; display: block; border-radius: 50px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; z-index: 9999999999; right: 15px; top: 15px; margin: 0 !important;}


/*  */
.site-hrader:not(.hrader-front) .logo-light{ display: none !important;}
.site-hrader:not(.hrader-front) .logo-dark{ display: block !important;}
.site-hrader:not(.hrader-front) .site-nav ul li a{ color: var(--heading);}
.site-hrader:not(.hrader-front) #dropdownButton{ color: var(--heading);}
.site-hrader:not(.hrader-front) #dropdownButton::after{ background: url('../images/drop-dark.svg') center center no-repeat;}

.inner-page{ padding: 8.75rem 0 0 0;}
.inner-banner{ border-radius: 2.5rem; overflow: hidden; background: #FFF; background: var(--white);}
.inner-banner-left{ height: 35.1875rem;}
.inner-banner-left img{ width: 100%; height: 100%; object-fit: cover;}
.inner-banner-right{ padding: 2.5rem; padding-left: 1.875rem;}

.benefit-title{ max-width: 52.5rem; margin: 0 auto; text-align: center;}
.benefit-title p{ max-width: 46.3125rem; margin: 0 auto;}
.benefit{ padding: 5rem 0 6.25rem 0;}
.benefit-single{ border-radius: 1.875rem; background: var(--white); padding: 2.5rem 1.5625rem; text-align: center; height: 100%;}
.benefit-img img{ max-height: 4.5rem;}
.benefit-single h4{ padding-left: 0.75rem; padding-right: 0.75rem;}
.img-single img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1.25rem;}
.img-single{ transform: rotate(-2.5deg);}
.img-single.alt{ transform: rotate(2.5deg);}

.yearly{ border-radius: 1.625rem; background: linear-gradient(90deg, rgba(214, 240, 147, 0.44) 0%, rgba(199, 228, 254, 0.57) 100%); padding: 4.375rem;}
.yearly-left{ max-width: 30.625rem;}
.yearly-right{ text-align: right;}
.text-card{ border-radius: 1.875rem; background: #FFF; padding: 2.5rem; display: flex; flex-direction: column; justify-content: center;}
.image-card-txt h3{ font-size: 2.375rem;}
.image-card-txt h3 span{ font-weight: 300;}
.text-block:not(:first-child){ margin-top: 5rem;}
.text-block:nth-child(even) .row{ flex-direction: row-reverse;}

.wellness-card{ padding: 2.4375rem 2.5rem; display: flex; justify-content: space-between; align-items: flex-start; align-self: stretch; gap:0 1.875rem; border-radius: 1.875rem; background: linear-gradient(90deg, #F4FDFD 0%, #F8FAFF 99.93%);}
.wellness-card:not(:first-child){ margin-top: 1.25rem;}
.emp-wellness{ margin-top: 5rem;}
.wellness-card h2{ font-size: 4rem; font-weight: 300;}
.wellness-card h3{ font-size: 1.5rem; font-weight: 400;}
.wellness-right{ padding: 0 0 0 3.125rem;}
.wellness-img{ transform: rotate(2.5deg);}
.wellness-img img{ border-radius: 1.875rem;}

.feature-article{ margin: 5rem 0;}
.feature-article-card{ background: var(--white); border-radius: 1.25rem; overflow: hidden; transition: all 0.5s ease;}
.feature-article-card:hover{ transform: translateY(-0.625rem);}
.feature-article-card:hover .article-img img{ transform: scale(1.08);}
.article-img{ height: 16.6875rem; overflow: hidden;}
.article-img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}
.article-cont{ padding: 2.5rem 2.1875rem; position: relative;}
.article-cont h4{ font-weight: 300; }
.article-tag{ position: absolute; left: 2.1875rem; top: -0.9375rem; border-radius: 1.875rem; border: 0.0625rem solid var(--green); background: var(--white); height: 1.875rem; display: inline-flex; align-items: center; font-size: 0.75rem; text-transform: uppercase; color: var(--green); padding: 0 0.75rem;}
/*  */


/*  */
.contact-title{ text-align: center; max-width: 53.25rem; margin: 0 auto;}
.contact-title h2{ font-size: 2.75rem; line-height: 3.125rem;}
.contact-form{ border-radius: 2.5rem; background: #FAFAF8; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 5rem;}
.contact-form-left{ padding: 2.5rem; }
.contact-form-img{ max-width: 32.25rem; height: 100%;}
.contact-form-img img{ width: 100%; height: 100%; object-fit: cover;}
.input{ font-size: 1rem; font-weight: 300; width: 100%; border-radius: 1.875rem; border: 0.0625rem solid #DAD9D9; background: #FFF; padding: 0.9375rem 1.625rem;}
.input:focus{ border: 0.0625rem solid var(--light-blue);}
.label{ display: block; font-size: 12px; color: var(--paragraph); text-transform: uppercase; margin: 0; padding: 0 0 0.625rem 0;}
.label span{ color: #E04562; font-size: 0.875rem;}
.input-wrap{ margin-bottom: 1.375rem;}
textarea.input{ height: 8.125rem;}
select.input{ appearance: none; background-image: url('../images/down.svg'); background-repeat: no-repeat; background-position: right 1.25rem center;}
.contact-title-bottom{ max-width: 43.5rem; margin: 0 auto; text-align: center;}
.contact-title-bottom p{ padding-left: 1.875rem; padding-right: 1.875rem;}
/*  */

/*  */
.wellness-freature-single h3{ font-size: 1.25rem; font-weight: 500;}
.post-header{ padding-bottom: 5rem;}
.post-header-title{ max-width: 45.125rem; text-align: center; margin: 0 auto;}
.post-header-title h2{ font-size: 2.75rem; line-height: 3.4375rem; font-weight: 500;}
.post{ background: var(--white);}

.post-wrap{ width: 60.875rem; margin: 0 auto; display: flex; justify-content: space-between;}
.post-share{ display: flex; flex-direction: column; gap: 0.3125rem 0; position: sticky; top: 7.5rem; height: 100%;}
.post-share a{ width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; background: #C7E4FE; border-radius: 100%; color: var(--heading); transition: all 0.3s ease;}
.post-share a:hover{ background: #a5ccee;}

.post-area{ max-width: 50rem;}
.post-block-image img{ width: 100%; height: auto; border-radius: 1.875rem;}

.post-cont h2{ font-size: 2.75rem; font-weight: 300; padding-bottom: 1.875rem;}
.post-cont ul{ padding-bottom: 1.875rem;}
.post-cont p{ padding-bottom: 1.875rem;}
.post-cont ul li{ margin-bottom: 0.625rem;}
.post-block-image, .group-img{ margin-bottom: 2.5rem;}

.post-cta{ border-radius: 1.875rem; background: #FAFAF8; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 2.5rem;}
.post-cta-img{ max-width: 20.5625rem;}
.post-cta-txt{ padding:0 3.75rem;}
.post-cta-txt h2{ font-size: 2.75rem; line-height: 3.125rem; font-weight: 600; padding: 0;}
.post-cta-txt h2 span{ font-weight: 300;}
.group-img-single{ margin-bottom: 1.25rem; height: 16.125rem;}
.group-img-single.large{ height: 30.625rem;}
.group-img-single img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1.875rem;}
/*  */


/*  */
.solution-banner{ position: relative; border-radius: 2.5rem; overflow: hidden;}
.solution-banner-img{ width: 100%; height: 43.75rem;}
.solution-banner-img img{ width: 100%; height: 100%; object-fit: cover;}
.solution-banner-txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(22, 18, 18, 0.37) 0%, rgba(255, 255, 255, 0.00) 100%); padding: 3.75rem; display: flex; align-items: center; justify-content: end;}
.solution-banner-txt-in{ max-width: 41.875rem; border-radius: 1.875rem; background: rgba(255, 255, 255, 0.87); backdrop-filter: blur(0.125rem); padding: 2.5rem;}
.solution-banner-txt h2{ font-size: 1.75rem; line-height: 2rem;}
.feature-list-single{ height: 5rem; display: flex; align-items: center; align-self: stretch; justify-content: space-between; border-radius: 0.9375rem; background: linear-gradient(90deg, #F4FDFD 0%, #F8FAFF 99.93%); box-shadow: 0rem 0.125rem 0.625rem 0rem rgba(0, 0, 0, 0.10); padding: 0 1.25rem;}
.feature-list-single img{ max-width: 2.5625rem;}
.feature-list-left{ display: flex; align-items: center; gap: 0 0.625rem;}
.feature-list-left h5{ font-size: 1.875rem; font-weight: 300;}
.feature-list-left h6{ font-size: 1.125rem; font-weight: 300;}
.feature-list-left p{ font-size: 1rem;}
.feature-list-single:not(:first-child){ margin-top: 0.625rem;}

.app-details{ display: flex; align-items: flex-start; justify-content: space-between; max-width: 64.375rem; margin: 0 0 0 3.75rem;}
.app-cont{ max-width: 50rem;}
.app-nav{ position: sticky; top: 6.25rem;}
.app-nav h5{ font-size: 1.25rem;}
.app-nav h5 span{ font-weight: 300;}
.app-nav-list{ padding-top: 1.5625rem;}
.app-nav-list a{ display: block; padding: 0.625rem 0rem 0.625rem 1.25rem; font-size: 1rem; font-weight: 200; color: var(--paragraph); position: relative; border-left: 0.0625rem solid #dbdbdb;}
.app-nav-list a.active::after{ content: ''; position: absolute; left: -0.0625rem; top: 0; width: 0.1875rem; height: 100%; background: #347AA4;}

.app-cont h2{ font-size: 2.75rem;}
.app-banner{ border-radius: 1.875rem; background: #FAFAF8; overflow: hidden; display: flex; margin-top: 1.875rem;}
.app-banner-left{ width: 50%;}
.app-banner-left img{ width: 100%; height: 100%; object-fit: cover;}
.app-banner-right{ width: 50%; padding: 1.5625rem; text-align: center;}
.app-banner-right img{ max-width: 20.6875rem;}

.tracking-progress{ margin-top: 3.125rem;}
.tracking-progress-right{ border-radius: 1.875rem; background: #FAFAF8; text-align: center; padding: 1.5625rem 1.875rem 1.875rem 1.875rem;}
.tracking-progress-left{ display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.tracking-progress-single{ display: flex; padding: 2.4375rem 2.5rem; align-items: flex-start; gap: 1.5625rem; align-self: stretch; border-radius: 1.875rem; background: linear-gradient(90deg, #F4FDFD 0%, #F8FAFF 99.93%);}
.tracking-progress-single h3{ font-size: 4rem; line-height: 3.375rem; font-weight: 300;}
.tracking-progress-single h5{ font-size: 1.5rem; font-weight: 300;}
.tracking-progress-single p{ padding-top: 0.3125rem;}
.tracking-left{ width: 3.125rem;}
/*  */


/*  */
.image-block{ display: flex; align-items: center; justify-content: space-between;}
.image-block-txt{ max-width: 27.625rem; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem;}
.image-block-img{ max-width: 43.875rem;}
.app-overview-txt{ max-width: 50.4375rem; margin: 0 auto; text-align: center;}

.feature-banner{ display: flex; align-items: center; justify-content: space-between;}
.feature-banner.alt{ flex-direction: row-reverse;}
.feature-banner-img{ max-width: 16.875rem;}
.feature-banner-txt{ max-width: 55.375rem; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem;}
.appBtn a{ transition: all 0.5s ease;}
.appBtn a:hover{ opacity: 0.7;}
/*  */

@media (max-width: 1599px) {
  html{ font-size: 14.5px;}
}

@media (max-width: 1400px) {
  html{ font-size: 14px;}
}

@media (max-width: 1250px) {
  html{ font-size: 13px;}
}

@media (max-width: 1199px) {
  html{ font-size: 11.5px;}
  body, .sub-heading{ font-size: 15px;}
  .site-nav ul li a{ font-size: 15px;}
  .footer-right{ gap: 2rem;}
  .banner-img{ height: 53rem;}
  .site-hrader{ padding-left: 30px; padding-right: 30px;}
  .site-footer{ padding-left: 30px; padding-right: 30px;}
  .site-footer .container{ padding-left: 15px; padding-right: 15px;}
  .button{ font-size: 15px;}
  .solutions-left{ max-width: 34.375rem;}
  .boost-txt{ padding-left: 3.875rem;}
  .promote .boost-txt{ padding-right: 3.875rem;}
  .package-img{ padding-left: 70px;}
  .footer-block ul li a{ font-size: 15px; line-height: 20px;}
  #dropdownButton{ font-size: 14px;}
  #languageList li{ font-size: 14px; }
  .flag-icon{ width: 24px;}
  #languageList{ min-width: 120px;}
  .logo img{ max-width: 2em;}
  #dropdownButton::after{ display: none;}

  h6{ font-size: 16px;}
  .input{ font-size: 15px;}
}

@media (max-width: 991px) {
  h2{ font-size: 3rem; line-height: 3.4rem;}
  .section{ padding-top: 50px; padding-bottom: 50px;}
  .container{ padding-left: 30px; padding-right: 30px;}
  .boost-txt{ padding-left: 20px;}
  .promote .boost-txt{ padding-right: 20px;}
  .leaders-right{ max-width: 100%; width: 100%; padding-top: 20px;}
  .faq-left{ text-align: center;}
  .faq-left, .faq-right{ width: 100%; max-width: 100%;}
  .faq-left div{ order: 2;}
  .faq-img{ order: 1 !important; margin-bottom: 30px;}
  .faq-right{ padding-top: 30px;}
  .accordion-style .accordion-button{ font-size: 1.7rem;}
  .footer-in{ flex-wrap: wrap;}
  .footer-left{ width: 100%; max-width: 100%;}
  .footer-right{ width: 100%; margin-top: 30px;}
  .footer-block{ max-width: 33.33%;}

  .site-nav{ position: fixed; width: 100%; height: 100vh; left: 0; top: 30px; z-index: 999; background: linear-gradient(90deg, #f7f9ff 0%, #f5ffff 50.5%, #eefdfd 100%); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
  .site-nav.act{ top: 0; opacity: 1; visibility: visible;}
  .site-nav ul{ flex-direction: column; gap: 15px;}
  .site-nav ul li a{ font-size: 19px; color: var(--heading) !important;}

  .blocks-divide{ display: none;}
  .package-img{ padding-left: 15px;}

  .mobClick{ display: block;}
  .logo{ display: flex; align-items: center; gap: 0 15px;}
  .site-hrader.fixed .site-nav ul li a{ color: var(--white);}

  .benefit [class*='col-'], .feature-article [class*='col-']{ margin: 10px 0;}
  .yearly .row, .emp-wellness .row{ flex-direction: column-reverse;}
  .yearly-left{ width: 100%; max-width: 100%; padding-top: 30px;}
  .yearly-right{ text-align: center;}
  .yearly-right img{ max-width: 300px;}
  .wellness-img img{ max-width: 330px;}
  .wellness-right{ padding: 0 0 50px 0; text-align: center;}

  .contact-form-img{ width: 100%; max-width: 100%; height: 300px; object-position: bottom; display: none;}

  .post-area{ max-width: 54rem;}

  .app-details{ margin: 0;}

  .image-block-img{ padding-left: 30px;}
  .feature-banner-txt{ padding-left: 30px;}
  .feature-banner.alt .feature-banner-txt{ padding-left: 0; padding-right: 30px;}
  
}

@media (max-width: 767px) {
  .banner-text-main{ padding: 20px;}
  h2, .wellness-heading h2{ font-size: 2.5rem; line-height: 3rem;}
  .sub-heading{ font-size: 13px;}
  .hero-banner h1{ font-size: 3rem; line-height: 3.2rem;}
  .footer-block ul li a{ font-size: 14px;}
  .site-hrader.fixed{ background: var(--white);}

  .post-wrap{ width: 100%;}
  .solution-banner-txt{ padding: 15px;}

  .app-details{ flex-wrap: wrap;}
  .app-nav{ display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgba(255,255,255,0.8); padding:4px 15px; border-radius: 50px; backdrop-filter: blur(0.5rem); margin-bottom: 30px; border: 1px solid var(--light-blue); display: none;}
  .app-nav-list{ display: flex; align-items: center; padding: 0;}
  .app-nav-list a{ font-size: 16px; padding: 5px 15px;}
  .app-nav-list a.active{ color: var(--light-blue); font-weight: 600;}
}

@media (max-width: 575px) {
  .section{ padding-top: 50px; padding-bottom: 50px;}
  .site-hrader{ padding-left: 10px; padding-right: 10px;}
  .container{ padding-left: 10px; padding-right: 10px;}
  .header-right .button.green{ display: none;}
  .image-card{ margin-bottom: 15px;}
  .solutions-left{ padding-bottom: 30px;}
  .boost-txt{ padding: 30px 0 0 0;}
  .promote .boost-txt{ padding-right: 0;}
  .promote .col-sm-6{ order: 1;}
  .promote .col-sm-6 + .col-sm-6{ order: 2;}
  .promote-image-single.alt{ transform: none;}
  .blocks{ flex-wrap: wrap;}
  .blocks-single{ max-width: 100%;}
  .package{ padding: 25px; overflow: hidden;}
  .package-tab{ flex-wrap: wrap;}
  .package-img{ padding: 0;}
  .package-tab-left{ margin-left: -26px; max-width: unset; padding: 30px 0 0 0;}
  .nav-style .nav-link.active{ border-left: 5px solid var(--blue);}
  .package-tab-left{ order: 2;}
  .package-tab-right{ order: 1;}

  .cta-txt{ padding-left: 15px; padding-bottom: 15px;}
  .cta-img{ height: 300px;}
  .cta-img img{ height: 100%; object-fit: cover;}
  .reviews-carousel .item{ padding: 0;}
  .faq{ padding: 25px; margin: 0 -10px; border-radius: 0;}
  .package{ margin: 0 -10px; border-radius: 0;}
  .site-footer{ padding: 25px;}
  .site-footer .container{ padding: 0;}
  .footer-right{ flex-wrap: wrap;}
  .footer-block{ width: 100%; max-width: 100%; border-top: 1px solid #3b5983; padding: 20px 0 0 0;}
  .footer-block ul{ padding-top: 0;}

  .inner-banner{ margin: 0 -10px; border-radius: 0;}
  .inner-page{ padding-top: 82px;}

  .benefit{ padding: 20px 0;}
  .yearly{ margin: 0 -10px; border-radius: 0; padding: 20px; }
  .img-single{ height: 240px;}
  .contact-form{ margin-left: -10px; margin-right: -10px; border-radius: 0;}

  .post-wrap{ flex-wrap: wrap; flex-direction: column-reverse;}
  .post-share{ width: unset; margin: 0 -10px; background: var(--white); top: unset; bottom: 0; flex-direction: row; align-items: center; justify-content: center; gap: 10px; padding: 5px 0; margin-top: 15px; z-index: 5;}
  .group-img-single{ height: 114px;}
  .group-img-single.large{ height: 206px;}

  .post-cta-img{ max-width: 100%; width: 100%; height: 300px;}
  .post-cta-img img{ width: 100%; height: 100%; object-fit: cover;}
  .post-cta-txt{ padding: 20px;}

  .solution-banner{ margin-left: -10px; margin-right: -10px; border-radius: 0;}
  .solution-banner-txt-in{ padding: 15px;}

  .app-banner{ flex-wrap: wrap;}
  .app-banner-left, .app-banner-right{ width: 100%;}
  .app-banner-right{ margin-top: -100px;}
  .tracking-progress-left{ gap: 10px;}
  .tracking-progress-right{ margin-top: 10px;}

  .image-block{ flex-wrap: wrap; flex-direction: column-reverse;}
  .image-block-img{ padding: 0 0 30px 0;}
  .app-overview-txt{ padding-top: 30px;}
  .feature-banner{ flex-wrap: wrap;}
  .feature-banner-img{ max-width: 100%; width: 100%; text-align: center;}
  .feature-banner-img img{ max-width: 190px;}
  .feature-banner-txt{ padding: 30px 0 0 0;}
}