*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
caption,th {text-align:left;}

q:before,q:after {content:'';}
abbr,acronym { border:0;}
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

button:focus, input:focus, .btn:focus,.form-control:focus{outline: none ;box-shadow: none;outline-color: transparent;outline-width: 0;border-color: unset;border: unset;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin-bottom: 0;}
html, body{max-width: 100%;}
img{max-width: 100%;height: auto;}
.modal-content{border: 0;}
ul,li{list-style: none;padding: 0;}
a, a:hover{text-decoration: none;outline: 0;outline-color: transparent;outline-width: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: initial;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.wrapper {overflow: hidden;}
.container{width: 100%;max-width: 1327px;margin: 0 auto; padding: 0 10px;}
body{font-family: "Open Sans", sans-serif;}

.font_48, h1{color: #000;  font-size:48px; font-weight: 300;line-height: 120%;letter-spacing: -2.4px;}
.font_32, h2{color: #000;  font-size:32px; font-weight: 300; line-height: 120%; letter-spacing: -1.6px;}
.font_20, h3{color: #000;  font-size:20px; font-weight: 300; line-height: 120%; letter-spacing: -1px;}
.font_18, p{color: #5D5D5D; font-size: 18px; font-weight: 400; line-height: 150%;}
.font_16, p{color: #5D5D5D; font-size: 16px; font-weight: 400; line-height: 150%;}
.font_14, p{ color: rgba(0, 0, 0, 0.64); font-size: 14px; font-weight: 400; line-height: 120%; letter-spacing: -0.56px;}
.font_28 {color: #FFF;font-size: 28px;font-weight: 300;line-height: 160%; letter-spacing: -1.4px;}

.partner_btn{display: inline-block;color: #FFF; background: #094CA1;font-size: 14px;font-weight: 600;line-height: normal;letter-spacing: -0.28px;padding: 12px 20px;align-items: center; border-radius: 8px; backdrop-filter: blur(8px);}
.partner_btn:hover{color: #FFF;}
.poweredby_btn {position: relative;display: inline-block;color: #094CA1;text-align: center;font-size: 12px;font-weight: 700;line-height: 120%;letter-spacing: 0.24px;text-transform: uppercase;padding: 7px 12px;border-radius: 68px;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: none;z-index: 1;}
.poweredby_btn::before {content: "";position: absolute;inset: 0;padding: 0.5px; /* border thickness */border-radius: 68px;background: linear-gradient(94deg, #094CA1 35.08%,#4D9BFF 66.13%);-webkit-mask:  linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor; mask-composite: exclude;pointer-events: none;}
.poweredby_btn:hover{color: #094CA1;}
.empowering_cards .font_16 {text-transform: uppercase;}

header{position:fixed;left: 0;right: 0;transition: top ease-in-out 0.5s;top: 0;width: 100%;z-index: 999;  -webkit-transform: translateZ(0);transform: translateZ(0);}
header .bg-light{background: transparent!important;}
#health_member, #employee { scroll-margin-top: 100px; }
.header.nav-up {top: -125px;}
.header_logo {
    width: 172px;
    height: auto;
    display: block;
    -webkit-transform: translate3d(0,0,0);
    image-rendering: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    
}
/* .header_logo {width:172px;image-rendering: optimizeSpeed;image-rendering: -moz-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: optimize-contrast;image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } */

.wellbeing{background: linear-gradient(180deg, #D9E3F0 0%, #FFF 100%);padding:140px 0 130px;}
.wellbeing .span_text{color: #094CA1;font-weight: 700;}
.wellbeing .platform{width: 100%; max-width: 616px; margin: 0 auto;}
.wellbeing .partner_btn{margin-top:32px;}

.image-section {width: 100%; overflow: hidden;}
.image-grid {display: flex !important;  flex-direction: row !important; flex-wrap: nowrap !important;   gap: 16px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;align-items: flex-end;}
.image-grid::-webkit-scrollbar { display: none;}
.image-card {min-width: 320px !important; max-width: 320px;height: 384px;border-radius:16px 16px 0 0;overflow: hidden;flex-shrink: 0;}
.image-card:nth-child(even) {height: 320px;}
.image-card img {width: 100%;height: 100%;object-fit: cover;display: block;}

.benefits{margin-top: 80px;}
.benefits .span_text{color: #094CA1;font-weight: 700;}
.benefits .platform{width: 100%; max-width: 616px;margin: 0 auto;}
.how-it-works {background: linear-gradient(180deg, #FFF -3.77%, #EFF3F9 123.99%);margin-top:80px;padding: 80px 20px 67px;}
.hiw-title {margin-bottom: 40px;}
.hiw-title p {line-height: 120%;letter-spacing: 0.32px;font-weight: 700;color: #5D5D5D;}
.hiw-line-wrapper {position: relative;margin-bottom: 28px;}
.hiw-line {max-width:64%;position: absolute;left:235px;right: 0;height:1px;top:24px;background: #1f1f99;transform: translateY(-50%);width: 100%;text-align: center;}
.hiw-icons {display: grid;grid-template-columns: repeat(3, 1fr);z-index: 2;}
.hiw-icon {display: flex;align-items: center;justify-content: center;margin: 0 auto;padding-bottom: 28px;}
.hiw-icon img {width: 48px;height: 48px;}
.hiw-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;text-align: center;}
.hiw-item {max-width: 320px;margin: 0 auto;position: relative;}
.hiw-item p {color: #6b7280;line-height: 140%; width: 100%;max-width: 230px; margin:0 auto;}
.how-it-works .font_20, h3{font-weight: 600;}
.hiw-wrapper{position: relative;}

.partner-swiper {padding: 80px 0;background: linear-gradient(180deg, #F1F5FA 0%, #FFF 100%);}
.partner-swiper #partnerFilter {-webkit-appearance: none; -moz-appearance: none;appearance: none; background-image: none;}
.partner-swiper .font_16{font-weight: 700;line-height: 120%; letter-spacing: 0.32px;}
.partnerSwiper .swiper-slide {width: 300px;height: auto;display: flex;}
.partner-content{ border-radius: 16px;overflow: hidden;padding: 22px 16px;flex-shrink: 0;}
.partner-content .bold_text{color: #000;font-weight: 700;line-height: 120%; letter-spacing: -0.72px;}
.partner-content .font_14{color: #5D5D5D;font-weight: 400;line-height: 120%;letter-spacing: -0.56px;}
.partner-img-wrap {position: relative;height: 165px; overflow: hidden;}
.partner-card {background: #fff;border-radius: 16px;height: 100%;display: flex;flex-direction: column;position: relative;overflow: hidden;}
.partner-card .card-img-top {flex: 1 1 auto;min-height: 0;  width: 100%;object-fit: cover;}
.overlay-card {position: absolute;top: 0;left: 0;    height: 64px;width:fit-content;padding:6px;object-fit: contain;background: #fff;border-radius: 0 0 20px 0;display: flex;align-items: center;justify-content: center;z-index: 2;border: none;}
.overlay_img {height: 100%;width: auto;object-fit: contain;}
.partner-content {flex-shrink: 0;padding: 16px;}
.partner-swiper .partner-card .font_18 { font-size: 16px;}
.bold_text { font-weight: 700;}
.card-img-top {transition: all 0.3s ease;}
.partner-card .card-body {flex-grow: 0;flex-shrink: 0;}
.partnerSwiper .swiper-pagination {bottom: 0 !important;}
.swiper-pagination-bullet {background: #cbd5e1;opacity: 1;}
.swiper-pagination-bullet-active {background: #2563eb;}
.partner-swiper .search_btn{ width: 100%; max-width: 313px;margin:0 auto !important; border-radius:6px;border: 1px solid#5D5D5D;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(8px);padding:10px 16px;color: #5D5D5D;}
.partner-swiper .select_drop{max-width: 313px;width: 100%;position: relative;margin: 0 auto 40px;}
.partner-swiper .select_drop::after{content: "";background-image: url(../images/dropdown_arrow.svg);width: 20px;height: 20px;background-repeat: no-repeat;position: absolute;right: 12px;top:12px;pointer-events: none;}
.partnerSwiper {position: relative; padding-bottom: 48px;}

/* ARROWS */
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.partnerSwiper .swiper-button-prev,
.partnerSwiper .swiper-button-next {width: 44px;height: 44px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);z-index: 10;}
.partnerSwiper .swiper-button-prev::after,
.partnerSwiper .swiper-button-next::after {display: none;}
.partnerSwiper .swiper-button-prev {left: 10px;}
.partnerSwiper .swiper-button-next {right: 10px;}
.partnerSwiper .swiper-pagination {bottom: 0;}
.partner-swiper .nxt_prev{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.partner-swiper .fitness_partner{position: relative;}
.partner-swiper .swiper-button-prev {left: -18px;width: 40px; height: 40px;}
.partner-swiper .swiper-button-next {right:23px; width: 40px; height: 40px;}

.empowering{background: rgba(9, 76, 161, 0.04); padding-top:80px }
.empowering .span_text{color: #094CA1; font-weight: 700;}
.empowering .font_16{width: 100%; max-width: 540px; margin:0 auto;}
.empowering_cards .font_16{margin-top:67px;font-weight: 700;margin-bottom:40px}
.wellness-card {background: #fff;border-radius: 16px;overflow: hidden;text-align: left;box-shadow: 0 10px 30px rgba(0,0,0,0.08);height: 100%;}
.wellness-card img {width: 100%;height: 200px;object-fit: cover;display: block;}
.wellness-card .font_18 {color: #000; font-weight:700;margin:20px 16px;line-height: 120%;letter-spacing: -0.72px;}
.wellness-card .font_14{margin:20px 16px; color:rgba(0, 0, 0, 0.64);line-height: 150%;letter-spacing: -0.28px;} 

.blue_background {border-radius: 20px 20px 0 0;background: linear-gradient(270deg, rgba(9, 76, 161, 0.00) 0%, #094CA1 52.97%);margin-top:67px;}
.blue_background .together_col{ padding:67px 56px;text-align: left;}
.blue_background .together {color: #fff;line-height: 140%;letter-spacing: -1.6px;    width: 100%;max-width: 587px;}
.blue_background .span_color{color: #fff;font-weight: 700;line-height: 140%;letter-spacing: -1.6px;}
.blue_background  .partner_btn{margin-top:32px;background: linear-gradient(270deg, rgba(9, 76, 161, 0.00) 0%, #094CA1 52.97%);border-radius: 8px;border: 2px solid #FFF;backdrop-filter: blur(8px);}
.blue_background::after{content:"";position: absolute;right: 0;background-image: url(../images/Frame\ 1973357806.png);width: 719px;height: 100%;top: 0;background-repeat: no-repeat;background-size: cover;z-index: -1;border-radius: 0 20px;}
.choose_vitality{background: linear-gradient(180deg, #FFF -1.36%, #EDF2F8 26.71%, #EDF2F8 71.09%, #FFF 100%);padding:90px 0 80px;}
.choose_vitality .choose_span{color: #094CA1; font-weight: 700;}
.choose_vitality .font_32{margin-bottom:40px;}
.choose_vitality .font_20{font-weight: 600;}
.choose_vitality .cards_choose{width: 100%;height:100%;padding:40px;border-radius: 20px;background: #FFF;box-shadow: 2px 2px 4px -3px rgba(35, 39, 47, 0.04);}

.newsletter{position:relative;margin-top:40px;padding:100px 56px ;border-radius: 20px;background:url(../images/newsletter_img.png) no-repeat;background-blend-mode: darken, normal;}
.newsletter .font_28{color: #FFF;font-size: 28px;font-weight: 300;line-height: 160%; letter-spacing: -1.4px;}
.newsletter .span_news{font-size: 28px;font-weight: 600 !important;line-height: 160%;letter-spacing: -1.4px;}

.footer {background: linear-gradient(180deg, rgba(9, 76, 161, 0.12) 0%, rgba(9, 76, 161, 0.00) 100%);padding: 80px 0 0;}
.footer .logo img {height: 60px;margin-bottom: 20px;}
.footer .social-links {display: none;gap: 13px;}
.footer .social-links img {height: 48px;width: 52px;}
.footer-links {color: #454545;font-weight: 700;font-size: 16px;margin-bottom: 16px;}
.links ul li a {font-weight: 400 !important;}
.footer_nav {margin-bottom: 87px;}
.contact-item {display: flex;gap: 10px;font-size: 16px;line-height: 140%;margin-bottom: 24px;color: #5D5D5D;}
.footer-contact .contact-item img {height: 16px;margin-top: 4px;}
.footer-divider {width: 100%;height: 1px;background: rgba(93, 93, 93, 0.2);margin: 40px 0 20px;}
.footer-bottom {width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #5D5D5D; padding:0px 100px 30px;}
.footer-bottom .font_14{color: #454545;font-weight: 600;line-height: 140%; letter-spacing: -0.28px;}