@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    :root {
        --primary-font: "Plus Jakarta Sans", sans-serif;
        --secondary-font: "Plus Jakarta Sans", sans-serif;
        --primary-color:#c11f52;
        --secondary-color:#612560;
        --color-white:#FFF;
        --color-dark:#000;
        --heading-color:#100806;
        --muted-color:#000;
      }
    ::selection {
    background-color: var(--primary-color);
    color: var(--color-white);
    }
    ::-webkit-scrollbar {
    width: 10px;
    }
    ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;    
    border: 2px solid #f1f1f1; 
    }
    ::-webkit-scrollbar-thumb:hover {
    background-color: var(--secondary-color);
    }
    .site-wrapper{
        overflow: hidden;
      }
      html{
        scroll-behavior: smooth;
      }
      body{
        background-color: #FFF !important;
        font-family: var(--primary-font) !important;
        color: var(--color-dark);
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
      }
    a {
        text-decoration: none !important;
        font-family: var(--primary-font);
    }
    p {
        font-family: var(--primary-font);
        position: relative;
        margin: 0 0 10px!important;
        line-height: 29px;
        color: #000;
        font-weight: 400;
        font-size: 17px; 
    }
    p,
    li {
        font-family: var(--primary-font);
        color: var(--color-dark);
        text-decoration: none !important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        font-family: var(--primary-font) !important;
        /* letter-spacing: -0.3px; */
    }
    img{
        max-width: 100%;
        transition:all 0.3s ease-in-out;
    }
    .mb-25{
        margin-bottom: 25px !important;
    }
    figure{
      margin: 0 !important;
      padding: 0 !important;
    }
    .bg-clay{
        background-color: #FFF6F2 !important;
    }
    .logo-box{
        margin-right: 40px;
    }
    nav.navbar {
        padding: 0;
    }
    ul.navbar-nav {
        margin: 0 0 auto;
        /* margin: 0 auto; */
    }
    .py-70{
      padding: 70px 0;
    }
    .btn{
         font-family: var(--primary-font);
    }
 
  #navbarSupportedContent{
    justify-content: space-between !important;
  }
  .navbar-container{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
a.nav-link {
    position: relative;
    font-family: var(--primary-font);
    font-size: 17px;
    font-weight: 500;
    color: var(--color-dark); 
    margin: 0 7px;
    padding: 36px 0;
    letter-spacing: -0.3px;
    text-transform: capitalize;
    transition: 0.3s ease all;
}
a.nav-link:hover{
  color: var(--primary-color);
}
.main-header.sticky a.nav-link:hover{
    color:var(--primary-color) !important;
    transition: 0.3s ease;
}
.main-header.sticky{
   box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08) !important;
}
.bs-box img.hb-img {
    max-height: 700px;
    min-height: 700px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transition: transform 7s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: -1;
}
.bs-box {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
/* .bs-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -0.5px;
    top: 0;
    background: linear-gradient(to bottom right, rgb(14 1 7 / 75%) 0%, rgba(0, 0, 0, .1) 100%);
    z-index: 0;
} */
  .bs-con {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    width: 100%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.t-shadow{
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%) !important;
}
.bs-con h6 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color:#a81313;
    text-shadow: 0 1px 2px rgb(0 0 0 / 12%);
    margin-bottom: 25px;
}
.bs-con h1 {
   color: #ffffff;
    font-size: 60px;
    line-height: 100px;
    font-weight: 700;
    margin: 0px 0 35px;
    /* text-transform: capitalize; */
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    line-height: 78px;
}
.bsc-btn {
    display: flex;
    justify-content: start;
    column-gap: 30px;
    margin-top: 16px;
}
.bs-slider .slick-prev, .bs-slider .slick-next {
width: 55px !important;
height: 55px !important;
opacity: 1;
background-color: #17020c54;
border:none !important;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.bs-slider:hover .slick-prev, .bs-slider:hover .slick-next{
    transition: all 0.3s ease-in-out;
}
.bs-slider .slick-prev i, .bs-slider .slick-next i{
   color: var(--color-white);
    font-size: 20px;
}
.bs-slider .slick-prev:hover, .bs-slider .slick-next:hover{
    background-color: var(--secondary-color);
}
.bs-slider .slick-prev:hover i, .bs-slider .slick-next:hover i{
  color: var(--color-white);
}
  .slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    border-radius: 50%;
    padding: 0px !important;
    background-color: #c9c4be !important;
}
    .slick-dots li button:before {
        display: none !important;
    }
    .slick-dots li {
        width: 17px !important;
        height: 17px !important;
        margin: 0 5px !important;
    }
    .slick-dots {
        bottom: -40px !important;
    }
      .slick-dots li.slick-active button {
    background-color: var(--primary-color) !important;
   }
    .slick-prev {
        left: 40px !important;
        z-index: 1;
    }
    .slick-next {
        right: 40px !important;
    }
    .slick-next:before, .slick-prev:before {
        display: none;
    }
    .slick-next, .slick-prev {
        width: 40px !important;
        height: 40px !important;
        background-size: 40px !important;
        opacity: 0.6;
    }
    .slick-next:hover, .slick-prev:hover {
        background-size: 20px !important;
        transition: 0.5s !important;
        opacity: 1;
    }
    .bs-slider {
        margin: 0 !important;
    }
/* Hide by default */
.slide-animate {
  opacity: 0;
  transform: translateY(40px);
}
/* Animation keyframe */
@keyframes fadeInUpCustom {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Optional delay classes */
.delay-1 {
  animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.4s;
}
.delay-3 {
  animation-delay: 0.6s;
}
.sticky {
    width: 100%;
    position: fixed !important;
    top: 0px;
    z-index: 999;
    top: 0 !important;
    background-color: var(--color-white) !important;
}
 img.header-logo {
        max-width: 250px;
    }
.sticky img.header-logo {
    max-width: 220px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:focus {
    color:#d42159 !important;
}
.header-dropdown .dropdown-menu {
    padding: 20px;
    margin: 0;
    border: none;
    border-radius: 0 !important;
    background: #2B2826;
}
.header-dropdown .dropdown-menu li:first-child{
    border-radius: 20px 20px 0 0 !important;
}
.header-dropdown .dropdown-menu li{
  margin-bottom: 17px;
}
.header-dropdown .dropdown-menu li a {
    position: relative;
    left: 0;
    font-size: 15px;
    padding: 0;
    color: #aaa49e;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.header-dropdown .dropdown-menu li a{
  background-color: transparent !important;
}
.header-dropdown .dropdown-menu li:hover a{
   color: var(--primary-color);
   background-color: transparent;
}
.header-dropdown .dropdown-menu li .dropdown-item.active{
    background-color: var(--primary-color) !important;
    color: var(--color-white) !important;
}
.header-dropdown .dropdown-menu li:last-child{
    border: none !important;
    margin: 0 !important;
}
/* #header-dropdown .dropdown-toggle::after {
    display:inline-block;
    content: '\f078' !important;
    font-family: 'Font Awesome 6 Pro' !important;
    vertical-align:baseline !important;
    border: none !important;
    font-size: 14px;
    font-weight: 700;
    padding-left: 2px;
} */
 #header-dropdown .dropdown-toggle::after {
    display: none;
    /* display: inline-block; */
    content: '\f078' !important;
    font-family: 'Font Awesome 6 Pro' !important;
    vertical-align: baseline !important;
    border: none !important;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    top: -1px;
    /* padding-left: 4px; */
    transition: transform 0.3s ease;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23e48360' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler {
    border: 2px solid var(--primary-color) !important;
    background-color: var(--color-white) !important;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem #f007751f !important;
}
.main-header {
    position: relative;
    z-index: 99999;
    /* padding: 5px 0; */
    background: var(--color-white);
}
.site-btn{
    font-size: 15px;
    font-weight: 500;
    color: var(--color-white);
    background-color: var(--primary-color);
    padding: 12px 35px 15px 35px;
    line-height: 21px;
    border-radius: 30px;
    transition: all 0.3s ease;
}
.site-btn:hover{
    background-color: var(--secondary-color);
}
.site-btn.style-two{
    padding: 13px 30px 13px;
}
.header-btn{
    display: flex;
    align-items: center;
    gap: 20px;
}
.tpcall-action-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.tpcall-action-wrap .icon{
    width: 43px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background-color: var(--primary-color);
}
.tpcall-action-wrap .icon img{
  height: 23px;
  width: auto;
}
.tpcall-action-wrap .content a{
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 600;
}
.section-padding{
    padding: 70px 0;
}
/* Section Title */
 
.section-title .sec-sm-title {
    color: #e66d4a;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.section-title .sec-lg-title{
    font-size: 42px;
    line-height: 58px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 15px !important;
}
.section-title .section-para{
    color: #000;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}
/* Services */
.service-block{
       position: relative;
    text-align: center;
    box-shadow: 0 0 10px #e2e2e2;
    padding: 30px;
    background: #fff;
}
.ser-block-icon{
    margin-bottom: 20px;
}
.ser-block-icon img{
    height: 105px;
    width: auto;
}
.ser-block-content .title{
    color: var(--color-dark);
    font-size: 22px;
    line-height: 31px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.ser-block-content .title a{
    color: inherit;
}
.ser-block-content .desc {
    color: var(--muted-color);
    font-size: 16px;
    margin-top: 16px !important;
}
.ser-block-content .action-link{
    margin-top: 27px;
    position: relative;
    display: inline-block;
    /* top: auto;
    left: auto;
    height: auto;
    width: auto; */
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-dark);
    z-index: 1;
    overflow: hidden;
}
.ser-block-content .action-link .link_text{
    position: relative;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    text-indent: -110px;
    visibility: hidden;
    white-space: nowrap;
    opacity: 0;
    transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
    will-change: visibility,margin-right,text-indent,opacity;
}
.service-block:hover .ser-block-content .action-link .link_text{
    opacity: 1;
    text-indent: 0;
    margin-right: 6px;
    visibility: visible;
    transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
}
.ser-block-content .action-link .link_icon{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 23px;
    height: 23px;
    line-height: 24px;
    text-align: center;
}
.ser-block-content .action-link .link_icon:before{
    font-size: 11px;
    line-height: inherit;
    font-size: 17px;
    font-weight: 500;
    font-style: inherit;
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    vertical-align: top;
    color: currentColor;
}
/* About Us */
.abtus-section{
    position: relative;
    overflow: hidden;
}
.abtus-section .abt-shape {
    position: absolute;
    left: -9%;
    top: 8%;
    pointer-events: none;
}
.abtus-section .abt-shape img{
    max-width: 360px;
}
.abtus-lhs-wrap {
    position: relative;
    padding: 0px 70px 100px 250px;
}
.abtus-sectitle-container{
    padding-right: 20%;
}
.abtus-text-wrap{
    padding-left: 20%;
}
.abtus-rm{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: fit-content;
    color: #191717;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    /* letter-spacing: -0.3px; */
}
.abtus-rm::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-dark);
    transition:width 0.35s ease-in-out;
}
.abtus-rm:hover::after{
    width: 0;
}
.abtus-lhs-desc{
    font-size: 17px;
    line-height: 30px;
    color: var(--muted-color);
}
.abtus-rhs-wrap{
    position: relative;
    height: 100%;
    min-height: 100%;
    z-index: 1;
}
.play-ico-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 65px;
  width: 65px;
  background-color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 2;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.25),
    0 0 0 8px rgba(255, 255, 255, 0.12);
}
.play-ico-wrap::after {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.15);
  animation: playPulse 2s ease-out infinite;
}
.play-ico-wrap i {
  font-size: 20px;
  color: var(--color-dark);
  transition: color 0.3s ease;
}
.play-ico-wrap:hover i {
  color: var(--secondary-color);
}
@keyframes playPulse {
  0% {
    transform: scale(0.85);
    opacity: 0.7;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.abtus-wid-wrap{
    position: relative;
    height: 100%;
}
.abtus-wid-wrap img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.abtus-readmore{
    margin-top: 30px;
}
.abtus-lbwidget{
    min-height: 300px;
    height: 100%;
    width: 100%;
}
.abtus-lbwidget img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.abtus-lbcontent{
   background-color: #612560;
   padding: 15% 12% 15% 12%;
   height: 100%;
   min-height: 100%;
}
.abtus-lbcontent .abtus-lb-block:not(:last-child){
    margin-bottom: 40px;
}
.abtus-lbcontent .abtus-lb-block h4{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 15px;
}
.abtus-lbcontent .abtus-lb-block p{
    color: #e7c3e6;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 0;
}
/* Service Style Two */
.service-item{
    position: relative;
}
.service-item.even{
    margin-top: 77px;
}
.service-item .inner-box{
    border-radius: 200px;
    position: relative;
    overflow: hidden;
    padding: 99px 0 45px;
    min-height: 514px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.service-item .inner-box::before{
    background-color: rgba(228, 131, 96, 0.8);
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 300ms ease;
}
.service-item .inner-box:hover::before{
    height: 100%;
}
.service-item .inner-box .image-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-item .inner-box .image-box .bg-image{
    width: 100%;
    height: 514px;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 300ms ease;
}
.service-item .inner-box:hover .image-box .bg-image{
    opacity: 1;
    transform: rotate(-8deg) scale(1.3);
}
.service-item .inner-box .content-box{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    z-index: 2;
}
.service-item .inner-box .content-box .title{
    color: var(--color-white);
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    opacity: 0;
    margin-bottom: 28px;
    transform: translateY(-30px);
    transition: all 300ms ease;
}
.service-item .inner-box:hover .content-box .title{
    opacity: 1;
    transform: translateY(0px);
}
.service-item .inner-box .content-box .title a{
    color: var(--color-white);
}
.service-item .inner-box .content-box .shape{
    margin-bottom: -16px;
    transform: scale(0);
    z-index: -1;
    transition: all 300ms ease;
}
.service-item .inner-box:hover .content-box .shape{
    transform: scale(1);
}
.service-item .inner-box .content-box .btn-more{
    background-color: var(--color-white);
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    transform: scale(0);
    transition: all 300ms ease;
}
.service-item .inner-box:hover .content-box .btn-more{
  transform: scale(1);
}
/* Testimonials */
.testimonial-wrapper{
    position: relative;
}
.testiminial-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    z-index: 1;
}
.testiminial-arrows .testi-prev, .testiminial-arrows .testi-next{
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--color-white);
    border: 1px solid #f3e1d8;
    transition: 0.3s ease-in-out;
}
.testiminial-arrows .testi-prev:hover, .testiminial-arrows .testi-next:hover{
    background-color: var(--primary-color);
    color: var(--color-white);
}
.testiminial-arrows .testi-prev:hover i, .testiminial-arrows .testi-next:hover i{
    color: var(--color-white);
}
.testiminial-arrows .testi-prev i, .testiminial-arrows .test-next i{
  font-size: 16px;
  color: var(--color-dark);
}
.testimonial-item{
    position: relative;
   text-align: center;
    z-index: 2;
    background: #fff !important;
    margin: 5px 20px;
    box-shadow: 0 0 10px #e2e2e2;
    padding: 30px;
}
.testimonial-item .testi-avatar-wrap{
    display: flex;
    justify-content: center;
    margin-bottom: 38px;
}
.testimonial-item .testi-avatar-wrap .testi-avatar{
    height: 103px;
    width: 103px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
}
.testimonial-item .testi-avatar-wrap .testi-avatar img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 50%;
}
.testimonial-item .testi-desc {
    color: #191717;
    font-size: 19px;
    line-height: 35px;
    font-weight: 500;
}
.testimonial-item .quote {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 30px;
}
.testimonial-item .quote img{
    max-width: 35px;
}
.testimonial-item .auth-name {
    color: #ec7c5c;
    font-size: 19px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}
.testimonial-item .auth-place{
  color: #000;
  font-size: 15px;
  line-height: 20px;
  margin: 0 !important; font-weight: bold;
}
.testimonial-slider .slick-dots {
    bottom: -90px !important;
}
.testimonial-slider .slick-dots li button {
    width: 9px !important;
    height: 9px !important;
}
/* Why Choose Us */
.wcu-wid-wrap{
    position: relative;
    padding-right: 100px;
    height: 100%;
}
.wcu-wid-wrap img.wcu-widget{
   min-height: 650px;
   height: 100%;
   object-fit: cover;
}
.wcu-add-widget{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--primary-color);
    padding: 36px;
    max-width: 340px;
}
.wcu-add-widget h3 {
    color: var(--color-white);
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 0 !important;
    text-shadow: 0 1px 2px rgb(0 0 0 / 12%);
}
.wcu-list li { 
  position: relative;
    padding-left: 23px;
    margin-bottom: 10px;
    line-height: 25px;
}
.wcu-list li::before {
    content: "\f111";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 8px;
    color: var(--primary-color);
}
.wcu-action-wrap{
    margin-top: 40px;
}
.prod_head_2 {
    color: #000;
       font-weight: bold;
    font-size: 18px;
    position: relative;
    margin: 15px 0 10px;
    padding-bottom: 11px;
}
.prod_head_2:after {
    content: "";
    position: absolute;
    width: 60px;
        height: 3px;
    background: #fb9f84;
    bottom: 0;
    left: 0;
}
.image-anime, .overlay-anime {
  position: relative;
  overflow: hidden;
}
.image-anime::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.18)
  );
  opacity: 0;
  transition: opacity 0.8s ease;
}
.image-anime img {
  transition: transform 0.8s ease;
}
.image-anime:hover img {
  transform: scale(1.05);
}
.image-anime:hover::after {
  opacity: 1;
}
.overlay-anime:after {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.overlay-anime:hover:after {
    height: 100%;
    opacity: 0;
    transition: all 400ms linear;
}
/* partner */
.partner-section{
    padding: 70px 0;
}
.partner-slider {
  overflow: hidden;
}
.partner-item{
     display: flex !important;
  align-items: center;
  justify-content: center;
    text-align: center;
}
.partner-item img{
    opacity: 0.2;
    transition-duration: 0.3s;
}
.partner-item:hover img{
  opacity: 1;
}
.section-shape{
    position: relative;
}
.section-shape::before {
    content: '';
    position: absolute;
    left: -8%;
    top: 5%;
    background-image: url('../img/shape/section-shape.webp');
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    background-size: contain;
    z-index: -1;
    pointer-events: none;
}
.section-shape::after {
    content: '';
    position: absolute;
    bottom: 5%;
    right: -8%;
    background-image: url('../img/shape/section-shape.webp');
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    background-size: contain;
    pointer-events: none;
}
/* Widget Section */
.widsec-container{
    position: relative;
    padding-bottom: 100px;
}
.widsec-img-wrap{
    min-height: 480px;
    height: 100%;
}
.widsec-img-wrap img{
    min-height: 480px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.widsec-con-wrap .description p{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 25px;
}
.widsec-con-wrap .description p:last-child{
    margin-bottom: 0 !important;
}
.widsec-add-widget{
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 50%;
    background-color: var(--primary-color);
    padding: 65px 50px;
}
.widsec-add-widget h3 {
    color: var(--color-white);
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 0 !important;
    text-shadow: 0 1px 2px rgb(0 0 0 / 12%);
}
/* Counter */
.counter-box .counter-title{
  color: #191717;
  text-align: center;
  font-size: 19px;
  line-height: 27px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 15px;
}
.counter-box .counter-value{
    text-align: center;
    color: var(--color-dark);
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 1px;
    margin: 0 !important;
    display: inline-flex;
  align-items: center;
}
.counter-box .counter-value .counter{
    padding-right: 2px;
}
.counter-box .counter-value .plus{
    position: relative;
    top: -7px;
}
/* Blog */
.blog-item{
    padding: 0 12.5px;
}
.blog-card{
  position: relative;
  background-color: transparent;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.blog-card:hover{
  transform: translateY(-8px);
}
.blog-card .blog-image{
  position: relative;
  overflow: hidden;
}
.blog-card .blog-image::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 60%,
    rgba(0,0,0,0.18)
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}
.blog-card:hover .blog-image::after{
  opacity: 1;
}
.blog-card .blog-image img{
  width: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
.blog-card.odd .blog-image img, .blog-item:nth-child(odd) .blog-card .blog-image img{
  height: 335px;
  object-fit: cover;
  object-position: top;
}
.blog-card.even .blog-image img, .blog-item:nth-child(even) .blog-card .blog-image img{
  height: 410px;
}
.blog-card:hover .blog-image img{
  transform: scale(1.08);
}
.blog-content{
  position: relative;
  margin-top: 28px;
  padding-left: 48px;
}
.blog-content::before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 32px;
  height: 2px;
  background-color: var(--color-dark);
  opacity: 0.6;
}
.blog-meta{
  margin-bottom: 14px;
}
.blog-meta .meta-item{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-dark);
}

.blog-meta .meta-item::after {
    content: "•";
    display: inline-block;
    margin: 0 4px;
    font-size: 13px;
    opacity: 0.4;
}
.blog-meta .meta-item a{
    color: inherit;
}
.blog-meta .meta-date{
  display: inline-block;
  font-size: 12px;
  color: #9a9896;
  transition: color 0.3s ease;
}
.blog-meta .meta-date a{
    color: inherit;
}
.blog-title{
  color: var(--color-dark);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 !important;
  transition: color 0.3s ease;
}
.blog-card:hover .blog-title{
  color: var(--secondary-color);
}
.blog-slider .slick-dots {
    bottom: -75px !important;
}
.blog-slider .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
}
/* Footer */
.footer-area{
    position: relative;
    overflow: hidden;
    background-color: #161514;
}
.footer-top{
  padding: 70px 0 30px;
}
.footer-lg-text{
    color: var(--color-white);
    font-size: 37px;
    line-height: 53px;
    font-weight: 600;
}
.widget-sec-wrapper{
    margin-top: 60px;
}
.footer-wid-title{
    font-size: 18px;
    color: var(--color-white);
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
}
.foot-data{
    color: #aaa49e;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}
a.foot-data{
    position: relative;
    color: #aaa49e;
    font-size: 16px;
    width: fit-content;
    line-height: 26px;
    font-weight: 400;
    padding-bottom: 5px;
    transition: 0.3s ease all;
}
a.foot-data:hover{
    color: var(--color-white);
}
a.foot-data::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.8px;
  background-color: #aaa49e;
  width: 100%;
  transition: 0.25s ease-in-out all;
}
a.foot-data:hover::after{
    background-color: var(--color-white);
    width: 0;
}
.foot-pnumber{
    display: block;
    color: var(--color-white);
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin-top: 26px;
}
.foot-pnumber1{
    display: block;
    color: var(--color-white);
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin-top: 6px;
}
.footer-links{
    list-style: none;
}
.footer-links li{
    margin-bottom: 12px;
}
.footer-links li a{
     color: #aaa49e;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    transition: 0.3s ease all;
}
.footer-links li:hover a{
    color: var(--color-white);
}
.footer-bottom{
    border-top: 1px solid #aaa49e54;
    padding: 18px 0;
}
.copyright-text, .credit-text {
    font-size: 15px;
    color: #aaa49e;
}
.copyright-text .brand-text {
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600 !important;
}
.credit-text a {
    text-transform: uppercase;
    color: #0091BF !important;
    font-weight: 600 !important;
}
/* Breadcrumb */
.breadcrumb-area{
    position: relative;
    padding: 80px 0;
    /* background-color: var(--color-white); */
    background-image: url('../img/bg/bc-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.breadcrumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #1313138c;
    opacity: 0.7;
    content: "";
    z-index: -1;
}
.breadcrumb-area .image-curve {
    background-image: url(../img/shape/bc-shape.png);
    position: absolute;
    width: 100%;
    height: 69px;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.breadcrumb-area .bc-title{
    position: relative;
    text-align: center;
    font-size: 42px;
    color: var(--color-white);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0 !important;
    padding-bottom: 30px;
}
.breadcrumb-area .bc-title::after{
  content: '\f078';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  color: var(--color-white);
}
/* Service Inner */
.serinn-card{
    position: relative;
    padding: 88px 37px 40px;
    text-align: center;
    background-color: var(--color-white);
    border: 1px solid #f3e1d8;
    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
    will-change: box-shadow;
}
.serinn-card:hover{
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.serinn-card .serinn-icon {
    text-align: center;
}
.serinn-card .serinn-icon img{
    max-width: 75px;
   transition: all 0.3s ease;
}
.serinn-card:hover .serinn-icon img{
  filter: brightness(0) saturate(100%);
}
.serinn-card .serinn-content{
    margin-top: 36px;
}
.serinn-card .serinn-content .serinn-title{
    color: var(--heading-color);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.2px;
    margin-bottom: 18px;
}
.serinn-card .serinn-content .serinn-title a{
    color: inherit;
}
.serinn-card .serinn-content .serinn-desc{
    color: #65605c;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0 !important;
}
.serinn-card a{
    display: block;
}
.serinn-card .rd-action{
    display: inline-block;
    margin-top: 28px;
    font-size: 20px;
    color: var(--color-dark);
    transition: 0.3s ease-in-out all;
}
.serinn-card:hover .rd-action{
    color: var(--secondary-color);
}
.serinn-card.abtfeat{
    padding: 35px 15px;
}
.serinn-card.abtfeat .serinn-content .serinn-title{
   font-size: 24px;
}
.siw-lhs-wrap{
    height: 100%;
    max-height: 100%;
    height: 100%;
}
.siw-lhs-wrap img{
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
} 
.siw-action-wrap{
    margin-top: 40px;
}
.wwd-item{
    position: relative;
    z-index: 1;
    text-align: left;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.wwd-item .wwd-inner{
  position: relative;
  z-index: 1; margin: 10px;
}
.wwd-item .wwd-inner::after{
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: 0;
    transition: opacity 0.3s ease;
    will-change: opacity;
    z-index: 1;
    pointer-events: none;
}
.wwd-item:hover .wwd-inner::after{
    opacity: 0.6;
}
.wwd-item .wwd-inner .wwd-image{
    position: relative;
}
.wwd-item .wwd-inner .wwd-image::after{
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0; 
    opacity: 0.6;
    transition: opacity 0.3s ease;
    will-change: opacity;
    pointer-events: none;
}
.wwd-image img{
  height: 300px;
  width: 100%;
  object-fit: cover;  box-shadow:0 0 10px #e2e2e2; 
}
.wwd-item .wwd-inner .icon-wrap{
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0);
   font-size: 35px; 
   opacity: 0;
   visibility: hidden;
   transition: 0.45s ease-in-out all;
   z-index: 3;
   cursor: pointer;
    color: #fff;
}
.wwd-item:hover .wwd-inner .icon-wrap{
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
   visibility: visible;
}
.wwd-item .wwd-inner .wwdc-number{
    display: inline-block;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 2;
    color: var(--color-white);
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 2px rgb(0 0 0 / 12%);
}
.wwd-item .wwd-inner .wwd-content{
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 2;
    overflow: hidden;
    transform: translateY(40px);
    will-change: transform;
    transition: transform 0.3s ease-out;
}
.wwd-item .wwd-inner .wwd-content .wwd-con-info{
    padding-right: 40px;
}
.wwd-item:hover .wwd-inner .wwd-content{
    transform: translateY(0);
}
.wwd-item .wwd-inner .wwd-content .wwd-title {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-white);
    margin-bottom: 15px;
}
.wwd-item .wwd-inner .wwd-content .wwd-title a{
    color: inherit;
}
.wwd-item .wwd-inner .wwd-content .wwd-desc {
    color: #ffffffcc;
    line-height: 25px;
    font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
}
.wwd-item .wwd-inner .wwd-content .wwd-button{
    display: inline-block;
    margin-top: 15px;
    opacity: 0;
    will-change: opacity;
    transition: opacity 0.3s ease-out;
}
.wwd-item:hover .wwd-inner .wwd-content .wwd-button{
    opacity: 1;
}
.wwd-item .wwd-inner .wwd-content .wwd-button a {
    height: 45px;
    width: 45px;
    background-color: transparent;
    border: 1px solid #ffffff33;
    display: inline-flex;
    color: var(--color-white);
    font-size: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
}
.wwd-item .wwd-inner .wwd-content .wwd-button a:hover{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.wcu-wid-wrap.inner{
    padding-right: 0;
    padding-left: 100px;
}
.wcu-wid-wrap.inner .wcu-add-widget{
    right: unset;
    left: -8%;
    background-color: transparent !important;
    padding: 0 0 40px 0;
    max-width: 100%;
    width: 100%;
}
.wcu-wid-wrap.inner .wcu-cus-col{
    padding: 30px 35px;
}
.wcu-wid-wrap.inner .wcu-cus-col.odd{
    background-color: var(--primary-color);
}
.wcu-wid-wrap.inner .wcu-cus-col.even{
    background-color: #D1A6FA;
}
.wcu-wid-wrap.inner .wcu-cus-col .cusc-title{
    color: var(--color-white);
    text-shadow: 0 1px 2px rgb(0 0 0 / 12%);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 7px;
}
.wcu-wid-wrap.inner .wcu-cus-col .cusc-counter{
    color: var(--color-white);
    font-size: 70px;
    line-height: 1.2;
    font-weight: 700;
}
.wcu-wid-wrap.inner .wcu-cus-col .cusc-counter .plus{
    position: relative;
    padding-left: 4px;
    top: -10px;
}
.wcu-wid-wrap.inner .wcu-cus-col  .cusc-desc{
    color: #FCFCFCC9;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0 !important;
}
/* Contact us */
.contus-section{
    position: relative;
}
.contus-shape {
    position: absolute;
    display: inline-block;
    content: '';
    right: 2%;
    top: 5%;
    max-width: 300px;
    height: auto;
    opacity: 0.1;
    animation: pilatesFloat 8s ease-in-out infinite;
}
@keyframes pilatesFloat {
    0% {
        transform: translateY(0) scale(1) rotate(0deg);
        opacity: 0.08;
    }
    50% {
        transform: translateY(-18px) scale(1.04) rotate(1deg);
        opacity: 0.14;
    }
    100% {
        transform: translateY(0) scale(1) rotate(0deg);
        opacity: 0.08;
    }
}
.contus-card{
    position: relative;
    padding: 35px 30px 40px;
    text-align: center;
    margin-bottom: 30px;
    background: linear-gradient(135deg, #c11f52 0%, #612560 100%);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 20px 40px rgba(228, 131, 96, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.25);
    transition: transform .4s ease, box-shadow .4s ease;
    z-index: 1;
}
.contus-card::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url(
    '../img/shape/wave.png');
    background-repeat: no-repeat;
    background-size: 400px;
    z-index: -1;
    opacity: 0.15;
}
.contus-card:hover{
    transform: translateY(-6px);
    box-shadow:
        0 30px 60px rgba(228, 131, 96, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.3);
}
.contus-card .contus-icon{
    margin-bottom: 22px;
}
.contus-card .contus-icon i{
    font-size: 28px;
    color: #E48360;
    width: 72px;
    height: 72px;
    line-height: 72px;
    background: linear-gradient(
        135deg,
        #ffffff,
        #fff6f2
    );
    border-radius: 50%;
    box-shadow:
        0 10px 25px rgba(0,0,0,0.15);
    transition: transform .4s ease;
}

.contus-card:hover .contus-icon i{
    transform: rotate(6deg) scale(1.05);
}
.contus-card .contus-info h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
    padding-bottom: 8px;
}
.contus-card .contus-info h5::after{
    content: '';
    width: 40px;
    height: 3px;
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 10px;
}
.contus-card .contus-info p,
.contus-card .contus-info a{
    color: #fff;
    font-size: 16px;
    line-height: 28px; 
}
.contus-card .contus-info a:hover{
    color: #FFF6F2;
}
/* .contus-form-section{
    background-color: #fff6f257;
} */
.contus-wid-wrap{
    position: relative;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
}
.contus-wid-wrap img{
    height: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.contus-con-wrap {
    padding: 100px 80px 100px 20px;
}
.contus-form-wrapper{
    margin-top: 30px;
}
.contus-form-wrapper .form-group{
    position: relative;
    margin-bottom: 25px;
}
.contus-form-wrapper .form-group::before{
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #f3e1d8;
    z-index: 1;
    transition: all 0.4s ease;
}
.contus-form-wrapper .form-group::after{
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background-color: #191717;
    z-index: 2;
    transition: all 0.4s ease;
}
.contus-form-wrapper .form-group:hover::after{
    width: 100%;
}
.contus-form-wrapper .form-control, .contus-form-wrapper .form-select{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 12px;
}
.fancybox__container{
    z-index: 105000 !important;
}
.abtinn-rhs-image{
    padding-top:80px;
}
.abtinn-rhs-image img{
    height: 395px;
    width: 100%;
    object-fit: cover;
}
.abtusinn-lhs-wrap img{
    height: 580px;
    width: 100%;
    object-fit: cover;
}
/* CTA Area */
.cta-area{
    position: relative;
    padding: 100px 0;
    background-image: url('../img/bg/cta-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    z-index: 1;
}
.cta-area::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   background:linear-gradient(135deg, rgb(51 45 44 / 95%), rgb(27 26 25 / 95%));
    z-index: -1;
    opacity: 0.8;
}
.cta-action-wrap{
    margin-top: 25px;
}
.fw-600{
    font-weight: 500 !important;
}
.cta-area .section-para {
    color: #fff !important;
}
.serinn-card.style-2{
    background-color: #ebdbd7d6;
    transition: all .5s ease-in-out;
    border-radius: 10px;
    padding: 45px 37px 40px;
    height: 100%;
}
.serinn-card.style-2:hover{
    transform: translateY(-10px);
}
.serinn-card.style-2 .serinn-content .serinn-title {
    font-size: 23px !important;
    font-weight: 700 !important;
}
.serinn-card.style-2 .serinn-icon {
    transition: all .5s ease-in-out !important;
}
.serinn-card.style-2:hover .serinn-icon{
    transform: rotateX(360deg);
}
/* Membership */
.ms-card{
    position: relative;
    background-color: var(--color-white);
    margin-bottom: 25px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06) !important;
}
.ms-card .ms-thumb{
  position: relative;
  overflow: hidden;
}
.ms-card .ms-thumb img{
    display: block;
    max-height: 255px;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all .5s ease;
    transform: scale(1);
    max-width: unset !important;
}
.ms-card:hover .ms-thumb img{
    transform: scale(1.05);
}
.ms-card .ms-content{
    position: relative;
    padding: 35px;
}
.ms-card .ms-content .ms-title {
    color: var(--color-dark);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    transition:color 0.3s ease-in-out;
}
.ms-card:hover .ms-content .ms-title{
    color: var(--secondary-color);
}
.ms-instr{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 7px;
    color: var(--color-dark);
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
}
.ms-instr span{
  color: #65605c !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
}
.ms-ruler{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-color: #f3e1d8 !important;
    opacity: 1 !important;
}
.ms-det-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.ms-det-list li{
    display: flex;
    align-items: center;
    gap: 7px;
}
.ms-det-list li i{
    font-size: 18px;
    color: var(--secondary-color);
}
.ms-det-list li .content{
    display: inline-block;
    font-size: 15px;
    color: var(--color-dark);
    font-weight: 600;
    line-height: 1.3;
}
.ms-price {
    color: #271b19;
    font-size: 23px;
    line-height: 1.1;
    font-weight: 800;
    margin-top: 24px;
    margin-bottom: 10px;
}
.ms-price .del-price{
    color: #191717;
    margin-right: 8px;
    opacity: 0.5;
}
.ms-readmore{
    margin-top: 25px;
}
.ms-readmore .site-btn{
    width: 100%;
    text-align: center;
}
.team-item{
    position: relative;
    margin-bottom: 25px;
}
.team-item .team-image img{
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.team-item .team-content{
    margin-top: 24px;
}
.team-item .team-content .team-name{
    color: var(--heading-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 11px;
}
.team-item .team-content .team-designation{
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #65605c;
}
.msbl-wrapper{
    margin-top: 20px;
}
.ms-benefit-list li {
    color: var(--color-dark);
    font-weight: 500;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    line-height: 1.6;
}
.ms-benefit-list li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 15px;
  color: var(--secondary-color);
}


.video-popup{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.85);

    display:none;

    align-items:center;
    justify-content:center;

    z-index:99999;
}

.video-content{
    width:80%;
    max-width:900px;
    position:relative;
}

#popupVideo{
    width:100%;
    border-radius:10px;
    height: 600px;
    background: #000;
}

.close-video{
    position:absolute;
    top:-40px;
    right:0;

    color:#fff;

    font-size:40px;
    cursor:pointer;
}

@media(max-width:767px){

.video-content{
    width:95%;
}

}
.close-video{
    position:absolute;
    top:-18px;
    right:-18px;

    width:48px;
    height:48px;

    background:#ffffff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    box-shadow:
        0 10px 25px rgba(0,0,0,.20);

    transition:.3s ease;

    z-index:10;
}

.close-video i{
    font-size:20px;
    color:#111827;
    transition:.3s;
}

.close-video:hover{
    transform:rotate(90deg) scale(1.08);
    background:#3f9dd3;
}

.close-video:hover i{
    color:#fff;
}

@media(max-width:767px){

.close-video{
    width:42px;
    height:42px;

    top:-12px;
    right:-12px;
}

.close-video i{
    font-size:18px;
}

}