.features-container {overflow-x: clip;min-height: 800px;}
.features-left{width: 50%;height: 100vh;}
.features-right{width: 50%;padding-left: 9.25%;}
.features-title {width: 100%;position: absolute;left: 0;bottom:calc(100% - 150px);min-height: 80px;display: flex;align-items: center;}
.features-main-title{font-size: 40px;line-height: 1;font-weight: 600;letter-spacing: -0.01em;color:var(--kal-black);margin-bottom: 0px;}
.features-img {width: 100%;height:auto;position: absolute; top:160px; bottom:120px; opacity: 0;;transition: opacity 0.8s ease;}
.features-img.show {opacity: 1;}
.feature {padding: 100px 0;display: flex;align-items: center; min-height: 90vh;}
/* .feature:first-child {margin-top: 166px;}
.feature:last-child {margin-bottom: 166px;} */
.feature-content {width: 100%;position: relative;z-index: 1;padding: 60px 94px;}
.feature-content::before {content: '';width: 100vw;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;z-index: -1;background: inherit;}
.feature-tag {font-size: 18px;font-weight: 600;line-height: 1.4;text-transform: uppercase;letter-spacing: 0.015em;margin-bottom: 12px;}
.feature-content h3 {font-size: 30px;line-height: 35px;font-weight: 600;letter-spacing: -0.01em;}
.feature-cta {margin-top: 24px;}
.features-lower {overflow: clip;padding-top: 50px;}


/* ======================== Tab start =============== */
.fs-swiper-inner {margin-left: 8.33333333%;}
.fs-thumb-holder{border-left: solid 1px var(--kal-grey);}
.fs-thumb-holder .swiper-slide {width: 22.7%!important;}
.fs-thumb-label {font-size: 18px;line-height: 45px;text-align: center; text-transform: uppercase; letter-spacing: 0.015em;width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;padding: 7.5px 20px;font-weight: 600;border: 1px solid transparent;}
.feature-thumbs-slider .swiper-slide:not(:last-child) .fs-thumb-label{border-right: 0;}
.feature-thumbs-slider .swiper-slide {cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.fs-thumb-holder .swiper-slide:not(.swiper-slide-thumb-active) .fs-thumb-label{background: var(--kal-white);border-color: var(--kal-grey);}
.fs-thumb-holder .swiper-slide.swiper-slide-thumb-active .fs-thumb-label{background: var(--kal-green);color: var(--kal-black);border-color: var(--kal-green);}
.features-text-box {width: 100%;background: var(--kal-green);padding: 72px 84px;position: relative;z-index: 1;}
.feature-image-box {margin-top: 62px;width: 100%;padding-right: 10%;}
.features-text-box h3 {font-size: 35px;line-height: 1;letter-spacing: -0.01em;font-weight: 600;margin-bottom: 12px;}
/* ======================== Tab end =============== */

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
  .feature {padding: 80px 0;}
  .features-lower {padding-top: 60px;}
  .feature-content {padding: 42px 0px 42px 25px;}
  .feature-cta {margin-top: 10px;}   
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
  .features-swiper-wrapper{width:calc(100% + 15px)}
  .features-main-title {font-size: 35px;margin-bottom: 68px;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
  .features-text-box {padding: 64px 15%;}
  .fs-thumb-label {font-size: 18px;line-height: 20px;}  
  .fs-swiper-inner {padding: 0 0 0 32px;} 
  .feature-image-box {margin-top: 70px;padding-right: 15%;}
  .fs-thumb-holder .swiper-slide {width: 20.5% !important;}
  .fs-thumb-label {padding: 7.5px 30px;text-align: center;}
  .features-text-box h3 {margin-bottom: 20px;}
  .features-btn-box {margin-top: 30px;}
  .features-main-title {font-size: 35px; margin-bottom: 50px;padding: 0 8% 0 55px;}  
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
  .features-swiper-wrapper {width: calc(100% + 30px);margin-left: -15px;}
  .fs-swiper-inner {padding: 0;margin-left: 0;}
  .fs-thumb-holder .swiper-slide {width: 37.2% !important;}
  .features-text-box {padding: 25px 15px 50px;}
  .features-text-box h3 {font-size: 30px;line-height: 35px;}
  .features-btn-box {margin-top: 20px;}
  .feature-image-box {margin-top: 30px;padding-right: 7%;padding-left: 6%;}
  .features-main-title {font-size: 30px; margin-bottom: 45px;padding: 0;} 
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}