@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');


/*****/
html {
  scroll-behavior: smooth;
}
a{
    text-decoration:none!important;
}

body{
    overflow-x:hidden;
    background-color: fff!important;
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-100%);
} 
100% {
opacity: 0.9;
transform: translateY(0);
} 
}
.btn-primary-action.scndry-btn a {
    color: white;
}
.container{
  max-width: 1440px !important;
}
.navbar-light .navbar-brand {
  width: 120px;
}
.navbar-brand img {
  width: 100%;
}
.main_header {
  margin-top: 26px;
}  
.navbar-light .navbar-nav .nav-link {
    color: #505050 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    padding: 10px 25px !important;
}
nav.navbar {
  background-color: #fff;
  border-radius: 1000px;
  box-shadow: rgba(76, 27, 50, 0.16) 0px 4px 16px 0px;
  opacity: 1;
  padding: 16px 0px;
}
.connection a {
  color: #041214bf;
  text-decoration: none;
  border: 1px solid #00000012;
  padding: 9px 12px 13px;
  border-radius: 50px;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 700;
}
.launch a {
  color: #fff;
  text-decoration: none;
  padding: 9px 54px 13px;
  border-radius: 59px;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 700;
  background-color: #000;
}
.launch a:hover{
    color:#7BDCDF;
}
.navbar-nav .menu-item a {
    color: #505050 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    padding: 10px 25px !important;
    text-decoration: none;
}
/****banner start***/
section.banner_sec {
    background-color: #fffcf5;
    padding: 230px 0 60px;
    margin-top: -115px;
}

  
/*new dropdown header*/

#menu-item-109718>a:first-child::after,
#menu-item-110119>a:first-child::after,
#menu-item-109726>a:first-child::after{
    content: " ";
    position: relative;
    width: 16px;
    height: 17px;
    background-image: url(https://marketingforlawfirm.com/wp-content/uploads/2024/12/dropicon-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 5px;
    border-radius: 10px;
    padding: 6px;
}
ul.sub-menu li.menu-item-has-children {
width: 49.7%;
display: inline-table;
position: relative;
}
ul.sub-menu li.menu-item-has-children a {
margin: 0px 10px !important;
}
li#menu-item-110036 ul.sub-menu,
li#menu-item-110040 ul.sub-menu,
li#menu-item-109952 ul.sub-menu,
li#menu-item-109954 ul.sub-menu{
display: block;
position: relative;
left: 0;
width: 100%;
box-shadow: none;
top: 0;
}
li#menu-item-110036 ul.sub-menu a,
li#menu-item-110040 ul.sub-menu a ,
li#menu-item-109952 ul.sub-menu a,
li#menu-item-109954 ul.sub-menu a{
line-height: 1;
background-color:white !important;
}
li#menu-item-110036  a, 
li#menu-item-110040  a,
li#menu-item-109952  a,
li#menu-item-109954  a {
background-color: white !important;
padding-top: 4px !important;
 font-size: 18px;
    font-weight: 900;
}
li#menu-item-110036 {
    border-right: 1px solid #00000024;
}
li#menu-item-110036, 
li#menu-item-110040, 
li#menu-item-109952 {
    height: 285px;
    padding-top: 41px;
    padding-left: 20px;
}
li#menu-item-109718 a, li#menu-item-110119 a, li#menu-item-109726 a, li#menu-item-110107 a {
    border: 1px solid #0000004f;
    padding: 0px 16px;
    border-radius: 20px;
}
li#menu-item-109718:hover a, 
li#menu-item-110119:hover a, 
li#menu-item-109726:hover a, 
li#menu-item-110107:hover a {
     background-color: #7BDCDF;
     border:none;
}
li#menu-item-109718:hover a:first-child::after, 
li#menu-item-110119:hover a:first-child::after, 
li#menu-item-109726:hover a:first-child::after, 
li#menu-item-110107:hover a:first-child::after {
    transform: rotate(180deg); /* Rotate 180 degrees on hover */
    transition:1s;
}
.menu-item {
    position: relative; 
}
.sub-menu {
    list-style: none;
    height: auto;
    width: 48vw;
    position: absolute;
    top: 260%; /* Adjust for space from top */
    left: -7vw;
    right: -59vw;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    padding: 5px 0px;
    border-radius: 10px;
    margin: 0;
    z-index: 9999;
    visibility: hidden; 
    opacity: 1;
}
.menu-item:hover > .sub-menu, #menu-item-109718:hover .menu-item {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
li#menu-item-110036 .sub-menu .menu-item a,
li#menu-item-110040 .sub-menu .menu-item a,
li#menu-item-109952 .sub-menu .menu-item a,
li#menu-item-109954 .sub-menu .menu-item a{
    font-size: 16px;
    font-weight: 600;
}
@media screen and (max-width:1899px){
    .sub-menu {
    width: 59vw;
    left: -10vw;
}
li#menu-item-110036, 
li#menu-item-110040, 
li#menu-item-109952 {
    height: 250px;
    padding-top: 23px;
}
}
@media screen and (max-width:1699px){
   .sub-menu {
    width: 59vw;
    right: 0;
    left: -8vw;
}
li#menu-item-109718 a, li#menu-item-110119 a, li#menu-item-109726 a, li#menu-item-110107 a {
    padding: 0px 13px;
}
li#menu-item-110036  a, li#menu-item-110040  a, li#menu-item-109952  a, li#menu-item-109954  a {
    font-size: 16px;
        padding-top: 3px !important;
}
li#menu-item-110036 .sub-menu .menu-item a, li#menu-item-110040 .sub-menu .menu-item a, li#menu-item-109952 .sub-menu .menu-item a, li#menu-item-109954 .sub-menu .menu-item a {
    font-size: 15px;
}
}
@media screen and (max-width:1365px){
    .menu-item a {
    padding: 4px 15px;
}
li#menu-item-110036 .sub-menu li a {
    padding: 0px;
}
li#menu-item-110036 .sub-menu .menu-item a, li#menu-item-110040 .sub-menu .menu-item a, li#menu-item-109952 .sub-menu .menu-item a, li#menu-item-109954 .sub-menu .menu-item a {
    font-size: 13px;
}
li#menu-item-110036 .sub-menu li a {
    padding: 0px 0px  0px 14px;
}
.mid  a {
    white-space: nowrap;
}
.sub-menu {
    width: 64vw;
    right: 0;
    left: -7vw; 
    padding:5px 5px;
}
ul.sub-menu li.menu-item-has-children {
    width: 49%;
}
}
@media screen and (max-width:1199px){
    .sub-menu {
    width: 95vw;
}
li#menu-item-110036  a, li#menu-item-110040  a, li#menu-item-109952  a, li#menu-item-109954  a {
    font-size: 14px;
}
li#menu-item-110036 .sub-menu .menu-item a, li#menu-item-110040 .sub-menu .menu-item a, li#menu-item-109952 .sub-menu .menu-item a, li#menu-item-109954 .sub-menu .menu-item a {
    font-size: 12px;
}
.sub-menu {
    width: 72vw;
    left: -97px;
    right: 0;
    margin: 0px -3px 0px 0px;
    padding: 5px 0px;
}
li#menu-item-110036, li#menu-item-110040, li#menu-item-109952 {
    height: 255px;
    padding-top: 15px;
}
}
@media screen and (max-width:991px){
    .menu-item:hover > .sub-menu, #menu-item-109718:hover .menu-item {
    top: 102%;
    display: flex;
    flex-direction: column;
    left: 0px;
}
ul.sub-menu li.menu-item-has-children {
    width: 78%;
}
.sub-menu {
    display:none; /* Initially hidden */
    position: relative;
        top: 0;
        left: 0;
}
ul.sub-menu.mobile-active{
    display:flex;
    flex-direction:column;
    visibility:visible;
}
.menu-item:hover > .sub-menu,
#menu-item-109718:hover .menu-item {
    display:flex; /* Make it visible */
}
.scndry-btn {
    margin: 80px 0 0 0px;
}
.sub-menu .menu-item a:hover {
    width: 100%;
}
.sub-menu {
    width: 100%;
}
ul#menu-hidden-menu {
    width: 326px;
}
}
@media screen and (max-width:575px){
  .hidden-menu .menu-item-has-children>a::after {
    right: 7px;
    top: 13px;
}
.socials_links_footer {
    padding-left: 5px;
}
ul.sub-menu li.menu-item-has-children a {
    margin: 0px 1px 0px 10px !important;
}
ul.sub-menu li.menu-item-has-children {
    width: 77%;
}
.menu-item a {
    padding: 4px 20px 4px 15px;
}
}
@media screen and (max-width:991px){
    .nav div.visible {
    overflow: scroll;
}
}
li#menu-item-109718 {
    display: flex;
    align-items: center;
    height: 200%;
}

/*priya header css start*/
/***/
body{
    /*background-color: #fffae9;*/
    color: white;
    font-family: "Bricolage Grotesque", sans-serif;
  }
  .nav div.visible{
      top:0;
      left:0;
      right:0;
      width:100%;
      height:100%;
      position:fixed;
      z-index:9997;
  }
/* menu button properties Starts*/
  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #7BDCDF;
    border-radius: 50px;
  }
  .hamRotate.active {
    transform: rotate(45deg);
  }
  .hamRotate180.active {
    transform: rotate(180deg);
  }
  .line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke:#000;
    stroke-width:5.5;
    stroke-linecap:round;
  }
  .ham .top {
    stroke-dasharray: 40 172;
  }
  .ham .middle {
    stroke-dasharray: 40 111;
  }
  .ham .bottom {
    stroke-dasharray: 40 172;
  }
  .ham.active .top {
    stroke-dashoffset: -132px;
  }
  .ham.active .middle {
    stroke-dashoffset: -71px;
  }
  .ham.active .bottom {
    stroke-dashoffset: -132px;
  }
   /* menu button properties End */
 header {
    display: flex;
    width: 1200px;
    justify-content: space-around;
    align-items: center;
    margin: 28px auto auto auto;
    background-color: white;
    border-radius: 50px;
    position: sticky;
    z-index: 10;
    padding: 13px 24px;
}
  .nav{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    gap: 20px;
  }
  .logo-new{
    z-index: 9998;
    width: 17%;
  }
  /*.logo-new img{*/
  /*  height: 50px;*/
  /*}*/
  .menu{
    border-radius: 50%;
    background-color: #7BDCDF;
    border: none;
    z-index: 9998;
  }
.hidden {
    height: 950px;
    width:100%;
    z-index:2;
    position:fixed;
    top:-980px;
    left: 0;
    background:white;
    color:#000;
}
.right ul{
    list-style: none;
    position: absolute;
    top: 150px;
    right: -600px;
    z-index: 2;
}
.right ul li{
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 800;
  letter-spacing: -5px;
  font-size: 140px;
  height: 120px;
  display: flex;
  align-items: center;
  z-index: -1;
}
.contact-btn{
    height: 60px;
    width: 180px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bolder;
    border: 1px solid #7BDCDF;
    color: rgb(0, 0, 0);
    background-color: transparent;
    z-index: 1;
    font-family: "Bricolage Grotesque", sans-serif;
  }
.first-anim{
    animation: anime1 1s cubic-bezier(0, 1.64, 0.62, 1.92) 0.5s 1 normal forwards;
}
 
@keyframes anime1{
    from{
        right: -100px;
    }
    to{
        right: 200px;
    }
}
.right ul li{
  --thickness: .1em;
  --strike: 0;
  
  background: linear-gradient(90deg, transparent, #7BDCDF 0) no-repeat 
              right center / calc(var(--strike) * 100%) var(--thickness);

  transition: background-size .4s ease;
  font: 120px;
  padding: 0 .2em;
  position: relative;
  z-index: 2;
}
.right ul li:hover {
  --strike: 1; 
  background-position-x: left;
}

.contact{
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.contact p:first-child{
  color:#7BDCDF;
  font-size:24px;
  font-weight: 600;
  margin-bottom:0.5rem;
}
.contact p:nth-child(2), .contact p:nth-child(3){
  font-size: 40px;
  margin: 0;
  font-weight: 600;
}
.contact p:nth-child(4) {
  font-size: 25px;
  font-weight: 600;
}
.contact a{
    color:black;
    text-decoration:none;
}
.contact a:hover{
    color:#7BDCDF;
}
.second-anim{
  animation: anime2 1s cubic-bezier(0.1, 1, 0.1, 1.3) 0.5s 1 normal forwards ;
}
@keyframes anime2{
  from{
    bottom: -60px;
    display: none;
  }
  to{
    bottom: 50px;
    display: block;
  }
}
.mid{
    display: flex;
    height: 70px;
    width: 550px;
    background-color:white;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 10px;
    /* box-shadow: -0.1px 0.1px 10px 0.2px #adacac; */
}
.mid  a{
    background-color: white;
    border: none;
    font-size: 20px;
    font-weight: bold;
    font-family: "Bricolage Grotesque", sans-serif;
    margin: 0;
    padding: 0;
    color: #6e6e6e;
    height: 38px;
    text-decoration: none;
}
.mid a:hover{
    color: #000;
}
.middle{
    width: 75px;
}
.left{
    display: flex;
    gap: 20px;
    
}
.right{
    display: flex;
    gap: 20px;
    
}
@media screen and (max-width:600px){
    .nav{
        width: 300px;
        gap: 10px;
    }
    .contact-btn{
        height: 60px;
        width: 150px;
    }
    .ham{
        width: 50px;
    }
    header{
        margin: 25px auto auto 50px;
    }
}
@media screen and (max-width:1600px){
    @keyframes anime1{
        from{
            right: -10vw;
            display: none;
        }
        to{
            right: 5vw;
            display: block;
        }
    }
}
@media screen and (max-width:1200px) {
    .contact{
        top: 500px;
    }
    .list li{
      top: 70px;
      font-size: 100px;
      height: 85px;
    }
}
@media screen and (max-width:990px) {
  .contact{
    top: 700px;
  }
  .right ul{
    top: 50px;
  }
}
@media screen and (max-width:550px) {
  .contact-btn{
    display: none;
  }
 .nav{
  justify-content: end;
 }
 @keyframes anime1{
  from{
      right: -5vw;
      display: none;
  }
  to{
      right: 30vw;
      display: block;
  }
}
.contact{
  left: 10px;
}
}
@media screen and (max-width:1899px){
    .sticky{
        width:70%;
    }
}
@media screen and (max-width:1699px) {
header {
    padding: 10px 11px;
}
.sticky {
    width:80%;
    padding: 10px 11px;
}
.mid{
    width:520px;
    gap:15px;
}
}
@media screen and (max-width:1365px){
    section.banner_wras {
    margin-top: -181px;
}
.sticky {
    width: 80%;
    padding: 10px 11px;
}
header {
    width: 80%;
    padding: 10px 11px;
}
.right ul li {
    font-size: 119px;
    height: 106px;
}
.mid{
    width: 450px;
}
.mid a {
    font-size:17px;
}
}
@media screen and (max-width:1199px){
    .contact-btn {
    height: 47px;
    width: 133px;
    font-size: 17px;
}
header {
    width: 85%;
    padding: 5px 0;
    justify-content: space-between;
}
svg:not(:root) {
    overflow: hidden;
    width: 43px;
}
.menu {
    margin-left: 91px;
}
/*.logo-new img {*/
/*    height: 54px;*/
/*}*/
.sticky {
    width: 85%;
    padding: 5px 0;
}
.right ul li {
    font-size: 98px;
    height: 96px;
}
.logo-new {
    width: 26%;
    padding-left: 20px;
}
}

@media screen and (max-width:991px){
    header {
    width: 72%;
    padding: 5px 0;
}
.sticky{
    width: 72%;
    padding: 5px 0;
}
.mid{
    display: none;
}
.nav{
    justify-content: end;
    padding-right:20px;
}
.contact h3 {
    font-size: 19px;
}
.contact h2 {
    font-size: 25px;
}
.contact {
    top: 500px;
}
.right ul li {
    font-size: 88px;
    height: 96px;
}
.menu-services-container{
    display:none;
}
.visible-menu{
    display:none;
}
.right ul{
    right:-100px;
}
ul#menu-hidden-menu{
    display:flex;
    width:260px;
    padding:0;
}
.sub-menu .menu-item a:hover {
    background-color: white;
}
.contact{
    display:none;
}
.scndry-btn{
    display:flex !important;
}
.hidden-hdr{
    display:flex;
    flex-direction:column;
    align-items:center;
    
}
.menu-hidden-menu-container{
    padding-right:25px;
}

}

@media screen and (max-width:767px){
    .banners_text h2 {
    font-size: 75px;
}
header {
    width: 86%;
    padding: 5px 0;
}
.contact-btn {
    margin-left: 43px;
}
.menu {
    margin-left: 58px;
}
.sticky {
    width: 86%;
    padding: 5px 0;
}
.right ul li {
    font-size: 65px;
}
.contact h2 {
    font-size: 20px;
}.contact h3 {
    font-size: 18px;
}

}
@media screen and (max-width:575px){
    .banners_text h2 {
    font-size: 54px;
    line-height: 74px;
}
.banner_btn a {
    padding: 8px 30px;
    font-size: 15px;
}
svg:not(:root) {
    overflow: hidden;
    width: 55px;
}
.logo-new img {
    /*height: 45px;*/
    width:118px;
}
.logo-new {
    padding-left: 0;
}
header {
    width: 85%;
    padding: 5px 13px 5px 25px;
    margin-left: 29px;
}
.sticky {
    width: 85%;
    padding: 5px 13px 5px 25px;
    margin-left: 29px;
}
.right ul li {
    font-size: 64px;
    height: 70px;
}
.contact {
    top: 581px;
    left: 38px;
}

}
@media screen and (max-width:375px){
    .right ul li {
    font-size: 59px;
    
}
.banners_text h2 {
    font-size: 53px;
     height: 60px;
   
}
.contact h2 {
    font-size: 18px;
    margin: 3px 0;
}
.contact {
    top: 540px;
}
}
/*header css end*/




/*new footer css*/
.footer_home_offshore_wrap{
    background-color: black;
    padding-top: 30px;
}
.footer_wrapper_wrap_text h2 {
    font-size: 53px;
    line-height: 56px;
    font-weight: 800;
    font-family: "Bricolage Grotesque", sans-serif;
    color: white;
}
.footer_wrapper_wrap_text{
    padding-top :10px;
 
}
.footer_wrapper_wrap_text_one{
    padding-top :10px;
   
}
.footer_wrapper_wrap_text_one h2 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 15px;
    color: white;
    text-align: justify;
    padding-right: 42px;
    font-family: "Inter", sans-serif;
}
.footer_wrapper_wrap_text_one a {
    background-color: #FFDA15;
    color: black;
    border: 2px solid #FFDA15;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 24px;
    text-transform: uppercase;
    margin-top: 23px;
    position: relative;
    top: 21px;
    font-family: "Inter", sans-serif;
}
.footer_wrapper_wrap_text_one a:hover{
    color:white;
}
.footer_wrapper_wrap_text_one a svg {
    vertical-align: middle;
    margin-left: 16px;
    margin-top: -3px;
}
.footer_wrapper_wrap_text_two {
    position: relative;
    background-color: white;
    padding: 24px;
    border-radius: 16px;
    width: 492px;
}
.footer_wrapper_wrap_text_two h1 {
    font-size: 33px;
    letter-spacing: -3px;
    font-weight: 700;
    margin-bottom: 16px;
    word-spacing: -2px;
}
.footer_wrapper_wrap_text_two p{
    margin-bottom: 16px;
    font-family: "Inter", sans-serif;
}
.footer_wrapper_wrap_text_two a {
    display: inline-block;
    position: relative;
    padding: 8px 16px;
    background-color:#FFDA15;
    color: black;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #FFDA15;
    border-radius: 30px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.footer_partenter_logo img {
    width: 100%;
    object-fit:contain;
}
.get_in_social_carbon_wrapper {
    display: flex;
    margin-top: 102px;
    gap: 90px;
}
.get_in_social_carbon_wrapper a:hover{
    color: #7BDCDF;
}
.footer_partenter_wrapper_logo {
    margin-top: 101px;
}
.get-in-touch h5, 
.socials_links_footer h5{
    margin-bottom: 15px;
    color: white;
    font-size: 40px;
    letter-spacing: -2px;
    font-family: "Bricolage Grotesque", sans-serif;
}
 .get-in-touch p {
    color: white;
    font-size: 18px;
    font-weight: 500;
}
.get-in-touch a ,.socials_links_footer a{
    line-height: 10px;
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: 500;
}
.address {
    line-height: 24px;
    position: relative;
    top: 10px;
}
.ind{
    display:flex;
    gap:7px;
}
.usa{
    display:flex;
    gap:7px;
}
.email{
    display:flex;
    gap:7px;
}
.phone{
    display:flex;
    gap:7px;
    padding-top: 2px;
}
.ind img,
.usa img,
.email img,
.phone img{
    position:relative;
    bottom:3px;
}
.contacts_wrap_footer {
    line-height: 16px;
    margin-top: 14px;
}
.social_link_wrap {
    line-height: 2px;
}
.carbon-wrapper a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.carbon-wrapper p  span i{
        color: white;
        font-size: 32px;
        position: relative;
        top: 9px;
        left: 10px;

}
.footer_partenter_logo {
    display: flex;
    margin-right:10px;
    padding:10px 0;
}
.footer_format_wrapper_wrap {
    display: flex;
    justify-content: end;
    gap: 58px;
}
.footer_last_format p {
    color: #fffffff5;
    font-size: 22px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin-top: 35px;
    text-align: center;
    position: relative;
    top: 30px;
}
.footer_last_format {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}
.footer_last_format img{
    position: relative;
    top: 30px;
}
@media screen and (max-width:1899px){
    .it_workcard {
    margin: 20px;
}
}
@media (max-width:1699px){
    .footer_wrapper_wrap_text_two {
        position: relative;
        background-color: white;
        padding: 24px;
        border-radius: 16px;
        width: 374px;
    }
}
@media(max-width:1366px){
    .footer_wrapper_wrap_text_two h1 {
        font-size: 27px;
        letter-spacing: -3px;
        word-spacing: 0;
    }
    .footer_wrapper_wrap_text_two {
        width: 286px;
    }
    .footer_wrapper_wrap_text_two {
        padding: 10px;
    }
}
@media(max-width:1199px){
    .mid .menu-item:hover>.sub-menu {
    padding: 0;
}
    .footer_wrapper_wrap_text h2 {
        font-size: 35px;
    }
    .footer_wrapper_wrap_text_one h2 {
        font-size: 17px;
        padding-right: 59px;
    }
    .footer_wrapper_wrap_text_two {
        width: 296px;
        position: relative;
        left: -59px;
        bottom: 10px;
    }
    .footer_partenter_logo img {
    width: 146px;
    object-fit: cover;
    margin-left: 9px;
}
    .footer_wrapper_wrap_text_one a {
        top: 17px;
    }
    .footer_last_format img {
        position: relative;
        top: 30px;
        width: 112%;
        left: 4%;
        height: 65px;
    }
    .footer_wrapper_wrap_text_two {
        width: 296px;
        position: relative;
        left: -59px;
        bottom: 11px;
    }
}
@media (max-width:991px){
    .footer_wrapper_wrap_text_two {
        width: 448px;
        position: relative;
        left: -1px;
        bottom: 11px;
        margin-top: 91px;
        margin-bottom: 20px;
    }
    .footer_partenter_logo img {
        width: 140px;
        height: 62px;
        object-fit: cover;
        margin-left: 18px;
        margin-top: 7px;
    }
}
@media(max-width:767px){
    .footer_partenter_logo img {
        width: 145px;
        height: 59px;
        object-fit: cover;
        margin-left: 18px;
        margin-top: 20px;
    }
    .get_in_social_carbon_wrapper {
        gap: 45px;
    }
}
@media (max-width:575px){
  .cards_text p {
    font-size: 15px !important;
    line-height: 1.5;
    text-align: left;
}
    .footer_wrapper_wrap_text_two {
        width: 364px;
        position: relative;
        left: -1px;
        bottom: 11px;
        margin-top: 91px;
        margin-bottom: 20px;
    }
    .footer_wrapper_wrap_text_one h2{
        padding: 0 10px;
    }
    .footer_wrapper_wrap_text{
        padding:0 10px;
    }
    .ind br{
        display:none;
    }
        .slick-prev:after, .slick-next:after {
    top: 14.5px;
    left: 14px;}

    hr{
        display: none;
    }
    .footer_partenter_logo img {
        width: 116px;
        height: 46px;
        object-fit: cover;
        margin-left: 6px;
        margin-top: 0px;;
}
    .get_in_social_carbon_wrapper {
           flex-wrap: wrap;
           margin-top: 40px;
    }
}
/*new footer css end*/


/*==================*/
/*  NEW WEBSITE CSS STARTS  */
/*========================*/


 body {
      margin: 0;
    }

    .lfmhero-section,
    .lfmhero-section * {
      box-sizing: border-box;
    }

    .lfmhero-section {
      position: relative;
      isolation: isolate;
      width: calc(100% - 16px);
      min-height: 820px;
      margin: 8px;
      overflow: hidden;
      border-radius: 26px;
      color: #ffffff;
      background: #171519;
      font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    }

    .lfmhero-background {
      position: absolute;
      z-index: -5;
      inset: -25px;
      background-image: url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=2200&q=90");

      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      filter: blur(6px);
      transform: scale(1.06);
    }

    .lfmhero-overlay {
      position: absolute;
      z-index: -4;
      inset: 0;
      background: linear-gradient( 110deg, rgba(28, 16, 21, 0.86) 0%, rgba(90, 43, 35, 0.66) 28%, rgba(79, 55, 91, 0.56) 61%, rgba(37, 48, 68, 0.72) 100% );
    }

    .lfmhero-glow {
      position: absolute;
      z-index: -3;
      inset: 0;
      background: radial-gradient( circle at 43% 43%, rgba(209, 139, 105, 0.22), transparent 34% ),
        radial-gradient( circle at 70% 58%, rgba(123, 74, 140, 0.28), transparent 37% ),
        linear-gradient( to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.3) );
    }

    .lfmhero-container {
      position: relative;
      z-index: 5;
      width: min(1280px, calc(100% - 50px));
      min-height: 840px;
      margin: 0 auto;
      padding: clamp(85px, 9vw, 145px) 0 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .lfmhero-award-heading {
      margin-bottom: 15px;
      color: rgba(255, 255, 255, 0.98);
      font-size: 14px;
      font-weight: 600;
      line-height: 12px;
      letter-spacing: -0.02em;
      text-align: center;
      text-transform: uppercase;
    }

    .lfmhero-awards-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 17px;
      margin-bottom: 29px;
    }

    .lfmhero-award-item {
      width: 59px;
      height: 31px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }

    .lfmhero-award-item img {
      display: block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      filter: grayscale(100%) brightness(0) invert(100%); 
      opacity: 0.95;
    }

    .lfmhero-laurel-left,
    .lfmhero-laurel-right {
      position: relative;
      width: 32px;
      height: 43px;
      flex: 0 0 auto;
    }
    
    .lfmhero-laurel-left img { 
        transform: rotate(11deg); 
    }
    
    .lfmhero-laurel-right img {
        transform: rotate(-12deg);
    }

    .lfmhero-laurel-left::after {
      left: 14px;
      top: 6px;
      width: 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.65);
      border-radius: 70% 0 0 70%;
      transform: rotate(-15deg);
    }

    .lfmhero-laurel-right::before {
      right: 7px;
      top: 5px;
      border-right: 2px solid rgba(255, 255, 255, 0.9);
      border-radius: 0 70% 70% 0;
      transform: rotate(15deg);
    }

    .lfmhero-laurel-right::after {
      right: 14px;
      top: 6px;
      width: 10px;
      border-right: 1px solid rgba(255, 255, 255, 0.65);
      border-radius: 0 70% 70% 0;
      transform: rotate(15deg);
    }

    .lfmhero-title {
      width: 100%;
      max-width: 1240px;
      margin: 0;
      color: #ffffff;
      font-family: "saans", ui-sans-serif, system-ui, sans-serif;
      font-size: clamp(72px, 7.7vw, 130px);
      font-weight: 500;
      line-height: 0.88;
      letter-spacing: -5px;
    }

    .lfmhero-title-line {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
    }
    .lfmhero-title-line + .lfmhero-title-line {
      margin-top: 17px;
    }
    
    .lfmhero-title-image {
      position: relative;
      width: clamp(78px, 7.2vw, 120px);
      height: clamp(78px, 7.2vw, 120px);
      margin: 0 clamp(12px, 1.4vw, 24px);
      flex: 0 0 auto;
      overflow: hidden;
      border-radius: 18px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28);
    }

    .lfmhero-title-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
    }

    .lfmhero-subtitle {
      margin-top: 39px;
      color: #ffffff;
      font-family: "saans",ui-sans-serif, system-ui, sans-serif;
      font-size: clamp(21px, 1.85vw, 30px);
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: -0.04em;
    }

    .lfmhero-platforms {
      width: min(1096px, 100%);
      margin-top: 55px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 23px;
    }

    .lfmhero-platform {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      color: rgba(255, 255, 255, 0.94);
      font-family: "saans", ui-sans-serif, system-ui, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 1;
      white-space: nowrap;
    }
    
    .lfmhero-platform img {
        width: 75%;
    }

    .lfmhero-platform-symbol {
      width: 21px;
      height: 21px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      border: 1.4px solid rgba(255, 255, 255, 0.93);
      border-radius: 50%;
      color: #ffffff;
      font-size: 9px;
      font-weight: 700;
      line-height: 1;
    }

    .lfmhero-bottom {
      position: absolute;
      z-index: 6;
      left: 24px;
      right: 24px;
      bottom: 20px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 35px;
      pointer-events: none;
    }

    .lfmhero-bottom-left {
    width: 100%;
    max-width: 514px;
    color: rgba(255, 255, 255, 0.93);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42;
    text-align: left;
}

   .lfmhero-bottom-right {
    width: 100%;
    max-width: 340px;
    color: rgba(255, 255, 255, 0.93);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42;
    text-align: right;
}

    .lfmhero-bottom-right strong {
      color: #ffffff;
      font-weight: 700;
    }

    @media screen and (max-width: 1200px) {
      .lfmhero-section {
        min-height: 760px;
      }
      .lfmhero-container {
        min-height: 760px;
        padding-top: 100px;
      }
      .lfmhero-title {
        font-size: clamp(66px, 8.3vw, 104px);
      }
      .lfmhero-platforms {
        width: min(920px, 100%);
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 38px;
        row-gap: 20px;
      }
      .lfmhero-awards-row {
          gap: 9px
      }
      .lfmhero-award-item {
          width: 52px;
          height: 26px;
      }
    }

    @media screen and (max-width: 991px) {
      .lfmhero-section {
        min-height: 770px;
      }
      .lfmhero-container {
        min-height: 770px;
        width: calc(100% - 38px);
        padding-top: 85px;
        padding-bottom: 145px;
      }
      .lfmhero-awards-row {
        gap: 7px;
      }
      .lfmhero-award-item {
        width: 35px;
        height: 28px;
      }
      .lfmhero-award-item-wide {
        width: 76px;
      }
      .lfmhero-title {
        font-size: clamp(58px, 9.7vw, 88px);
        line-height: 0.91;
      }
      .lfmhero-title-image {
        border-radius: 14px;
      }
      .lfmhero-platforms {
        max-width: 760px;
      }
    }

    @media screen and (max-width: 650px) {
      .lfmhero-section {
        width: calc(100% - 10px);
        min-height: 740px;
        margin: 5px;
        border-radius: 20px;
      }
      .lfmhero-container {
        width: calc(100% - 28px);
        min-height: 740px;
        padding-top: 68px;
        padding-bottom: 155px;
      }
      .lfmhero-award-heading {
        margin-bottom: 11px;
        font-size: 10px;
      }
      .lfmhero-awards-row {
        width: 100%;
        gap: 7px;
        margin-bottom: 26px;
      }
      .lfmhero-award-item {
        width: 47px;
        height: 27px;
      }
      .lfmhero-award-item-wide {
        width: 63px;
      }
      .lfmhero-laurel-left,
      .lfmhero-laurel-right {
        width: 20px;
        height: 31px;
      }
      .lfmhero-laurel-left::after,
      .lfmhero-laurel-right::after {
        display: none;
      }
      .lfmhero-title {
        font-size: clamp(45px, 14vw, 66px);
        line-height: 0.95;
        letter-spacing: -0.065em;
      }
      .lfmhero-title-line {
        flex-wrap: wrap;
      }
      .lfmhero-title-line + .lfmhero-title-line {
        margin-top: 7px;
      }
      .lfmhero-title-image {
        width: 56px;
        height: 56px;
        margin: 0 8px;
        border-radius: 10px;
      }
      .lfmhero-subtitle {
        max-width: 330px;
        margin-top: 27px;
        font-size: 19px;
        line-height: 1.3;
      }
      .lfmhero-platforms {
        max-width: 430px;
        margin-top: 32px;
        column-gap: 20px;
        row-gap: 17px;
      }
      .lfmhero-platform {
        font-size: 12px;
        gap: 5px;
      }
      .lfmhero-platform-symbol {
        width: 17px;
        height: 17px;
        font-size: 7px;
      }
      .lfmhero-bottom {
        left: 16px;
        right: 16px;
        bottom: 17px;
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
      }
      .lfmhero-bottom-left,
      .lfmhero-bottom-right {
        max-width: 410px;
        font-size: 11px;
        line-height: 1.4;
        text-align: left;
      }
    }

    @media screen and (max-width: 420px) {
      .lfmhero-section {
        min-height: 710px;
      }
      .lfmhero-container {
        min-height: 780px;
        padding-top: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .lfmhero-title {
        font-size: 63px;
        line-height: 55px;
        letter-spacing: -3px;
      }
      .lfmhero-bottom-left, .lfmhero-bottom-right {
          font-size: 16px;
          text-align: center;
          padding-bottom: 13px;
      }
      .lfmhero-bottom-left {
          display: none;
      }
      .lfmhero-title-image {
        width: 57px;
        height: 57px;
        margin: 0 6px;
      }
      .lfmhero-title-line + .lfmhero-title-line {
          margin-top: 7px;
      }
      .lfmhero-award-heading {
          font-size: 15px;
          line-height: 14px;
      }
      .lfmhero-platforms {
        display: none;
      }
      .lfmhero-platform {
        font-size: 11px;
      }
    }
    .lfmhero-laurel-right img,
    .lfmhero-laurel-left img {
    width: 116%;
}
:root{
    --blue:#3d5a8c;
    --blue-light:#6d8ac2;
    --blue-lighter:#a9bde0;
    --blue-dark:#26385a;
    --blue-tint:#eef1f7;
    --blue-tint-2:#f6f8fb;
    --black:#0a0a0b;
    --ink:#111214;
    --white:#ffffff;
    --line:#e6e8ee;
    --max:1240px;
    --r-lg:28px;
    --r-md:18px;
    --r-sm:12px;
  }
  
  img,svg{
      display:block;
      max-width:100%;
  }
  a{
      color:inherit;
      text-decoration:none;
  }
  ul{margin:0;padding:0;list-style:none;}
  h1,h2,h3,h4{
    font-family:'Sora',sans-serif;
    font-weight:700; 
    margin:0;
    letter-spacing:-0.02em;
  }
  .mono{font-family:'JetBrains Mono',monospace;}
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--blue);
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--blue-tint);
    padding:7px 14px 7px 10px;
    border-radius:999px;
  }
  .eyebrow.on-dark{
    color:#c7d4ea;
    background:rgba(255,255,255,.08);
  }
  .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;}
  .eyebrow.on-dark i{background:var(--blue-light);box-shadow:0 0 10px var(--blue-light);}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 32px;}
  .hero{padding:120px 0;}
  .btn {
    display: inline-flex !important;
    align-items: center!important;
    gap: 9px!important;
    font-family: 'Inter',sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 15px 28px!important;
    border: 1px solid transparent!important;
    cursor: pointer!important;
    transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
    white-space: nowrap;
    text-transform: uppercase!important;
    letter-spacing: 0.6px!important;
    border-radius: 0px!important;
}
  .btn-primary{background:var(--blue)!important;color:var(--white)!important;box-shadow:0 8px 24px -8px rgba(61,90,140,.6)!important;}
  .btn-primary:hover{background:var(--blue-dark)!important;transform:translateY(-2px)!important;box-shadow:0 12px 28px -8px rgba(61,90,140,.75)!important;}
  .btn-ghost-dark{background:rgba(255,255,255,.06)!important;color:var(--white)!important;border:2px solid #fff!important ;}
  .btn-ghost-dark:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-2px)!important;}
  .btn-ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important;}
  .btn-ghost:hover{border-color:var(--blue)!important;color:var(--blue)!important;transform:translateY(-2px)!important;}
  .btn svg{width:15px!important;height:15px!important;transition:transform .22s ease!important;}
  .btn:hover svg{transform:translateX(3px)!important;}
  a:focus-visible, button:focus-visible{outline:2px solid var(--blue)!important;outline-offset:3px!important;}

/* ===============================================
    NEW BANNER SECTION CSS STARTS
===================================================*/

/* ===== HERO ===== */
  .hero{
    position:relative;
    background:var(--black);
    color:var(--white);
    padding:120px 0 100px;
    overflow:hidden;
    isolation:isolate;
  }
  .hero-glow{
    position:absolute;inset:0;z-index:-1;
    background:
      radial-gradient(680px 480px at 18% 8%, rgba(61,90,140,.55), transparent 60%),
      radial-gradient(560px 460px at 88% 30%, rgba(109,138,194,.35), transparent 60%),
      radial-gradient(900px 600px at 50% 110%, rgba(61,90,140,.28), transparent 60%);
  }
  .hero-grid{
    position:absolute;inset:0;z-index:-1;opacity:.35;
    background-image:
      linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(700px 500px at 50% 20%, black, transparent 75%);
  }
  .hero .wrap{position:relative;z-index:1; text-align: center;}
  .hero-top{max-width:768px; margin: 0 auto;}
  .hero h1{
    font-size:clamp(40px,5.4vw,71px);
    line-height: 80px;
    margin: 24px 0 26px;
    font-family: 'Sora',sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
}
  .hero h1 .grad{
    color: #295294;
  }
  .hero p.lede{
    font-size:27px;
    color:#b8bdc8;
    max-width:690px;
    margin:0 auto 36px;
    letter-spacing: 0.4px;
  }
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:64px; justify-content: center;}
  
  

/* =========================================================
   SECTION CLIENT LOGO CAROUSEL
========================================================= */

.lfmclients-section,
.lfmclients-section * {
  box-sizing: border-box;
}

.lfmclients-section {
  --lfmclients-bg: #E6EFF8;
  --lfmclients-gap: 80px;
  width: 100%;
  overflow: hidden;
  background: var(--lfmclients-bg);
  font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}
.lfmclients-inner {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 18px;
}

.lfmclients-heading-wrap {
  position: relative;
  z-index: 30;
  width: 190px;
  min-width: 190px;
  flex: 0 0 190px;
  display: flex;
  align-items: center;
  background: var(--lfmclients-bg);
}
.lfmclients-heading {
  margin: 0;
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.lfmclients-slider {
  position: relative;
  width: calc(100% - 190px);
  height: 200px;
  display: flex;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

.lfmclients-track {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation-name: lfmclientsInfiniteMove;
  animation-duration: var(--lfmclients-duration, 30s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.lfmclients-sequence {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--lfmclients-gap); /* This is very important. It creates the same spacing between the last logo of sequence 1 and first logo of sequence 2. */
  padding-right: var(--lfmclients-gap);
}

.lfmclients-logo {
  width: 190px;
  min-width: 190px;
  height: 100px;
  flex: 0 0 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 18px 20px;
}

.lfmclients-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 55px;
  object-fit: contain;
  object-position: center;
  filter: grayscale(100%) contrast(1.15);
  opacity: 0.92;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

.lfmclients-logo-fallback {
  display: none;
  color: #111;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}

@keyframes lfmclientsInfiniteMove {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform:
      translate3d(
        calc(-1 * var(--lfmclients-distance)),
        0,
        0
      );
  }
}

.lfmclients-slider::before,
.lfmclients-slider::after {
  content: "";
  position: absolute;
  z-index: 25;
  top: 0;
  bottom: 0;
  width: 150px;
  pointer-events: none;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.lfmclients-slider::before {
  left: -1px;
  background:
    linear-gradient(
      90deg,
      var(--lfmclients-bg) 0%,
      rgba(230, 239, 248, 0.96) 13%,
      rgba(230, 239, 248, 0.80) 30%,
      rgba(230, 239, 248, 0.48) 53%,
      rgba(230, 239, 248, 0.16) 76%,
      rgba(244, 243, 241, 0) 100%
    );
  -webkit-mask-image:
    linear-gradient(
      90deg,
      #000 0%,
      #000 20%,
      rgba(0,0,0,.75) 55%,
      transparent 100%
    );
  mask-image:
    linear-gradient(
      90deg,
      #000 0%,
      #000 20%,
      rgba(0,0,0,.75) 55%,
      transparent 100%
    );
}

.lfmclients-slider::after {
  right: -1px;
  background:
    linear-gradient(
      270deg,
      var(--lfmclients-bg) 0%,
      rgba(230, 239, 248, 0.96) 13%,
      rgba(230, 239, 248, 0.80) 30%,
      rgba(230, 239, 248, 0.48) 53%,
      rgba(230, 239, 248, 0.16) 76%,
      rgba(244, 243, 241, 0) 100%
    );
  -webkit-mask-image:
    linear-gradient(
      270deg,
      #000 0%,
      #000 20%,
      rgba(0,0,0,.75) 55%,
      transparent 100%
    );
  mask-image:
    linear-gradient(
      270deg,
      #000 0%,
      #000 20%,
      rgba(0,0,0,.75) 55%,
      transparent 100%
    );
}

@media screen and (max-width: 1200px) {
  .lfmclients-section {
    --lfmclients-gap: 60px;
  }
  .lfmclients-heading-wrap {
    width: 170px;
    min-width: 170px;
    flex-basis: 170px;
  }
  .lfmclients-slider {
    width: calc(100% - 170px);
  }
  .lfmclients-logo {
    width: 170px;
    min-width: 170px;
    flex-basis: 170px;
  }
  .lfmclients-logo img {
    max-width: 135px;
    max-height: 50px;
  }
  .lfmclients-slider::before,
  .lfmclients-slider::after {
    width: 125px;
  }
}

@media screen and (max-width: 850px) {
  .lfmclients-inner {
    min-height: 180px;

    padding-left: 16px;
    padding-right: 16px;
  }
  .lfmclients-heading-wrap {
    width: 155px;
    min-width: 155px;
    flex-basis: 155px;
  }
  .lfmclients-slider {
    width: calc(100% - 155px);
    height: 180px;
  }
  .lfmclients-logo {
    width: 155px;
    min-width: 155px;
    flex-basis: 155px;
  }
  .lfmclients-slider::before,
  .lfmclients-slider::after {
    width: 95px;
  }
}

@media screen and (max-width: 650px) {
  .lfmclients-section {
    --lfmclients-gap: 45px;
  }
  .lfmclients-inner {
    width: 100%;
    min-height: auto;
    padding: 28px 0 18px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .lfmclients-heading-wrap {
    width: 100%;
    min-width: 0;
    flex: none;
    padding: 0 18px 8px;
    background: transparent;
  }
  .lfmclients-heading {
    width: 100%;
    font-size: 15px;
    white-space: normal;
    text-align: left;
  }
  .lfmclients-slider {
    width: 100%;
    height: 115px;
  }
  .lfmclients-logo {
    width: 135px;
    min-width: 135px;
    height: 90px;
    flex-basis: 135px;
    padding: 15px 10px;
  }
  .lfmclients-logo img {
    max-width: 115px;
    max-height: 43px;
  }
  .lfmclients-slider::before,
  .lfmclients-slider::after {
    width: 75px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

@media screen and (max-width: 420px) {
  .lfmclients-section {
    --lfmclients-gap: 35px;
  }
  .lfmclients-inner {
    padding-top: 38px;
  }
  .lfmclients-heading-wrap {
    padding: 0 15px 5px;
  }
  .lfmclients-heading {
    font-size: 15px;
  }
  .lfmclients-slider {
    height: 105px;
  }
  .lfmclients-logo {
    width: 120px;
    min-width: 120px;
    flex-basis: 120px;
    height: 85px;
  }
  .lfmclients-logo img {
    max-width: 103px;
    max-height: 39px;
  }
  .lfmclients-slider::before,
  .lfmclients-slider::after {
    width: 58px;
  }
}




/* =========================================================
   LAW FIRM ABOUT SECTION CSS STARTS
========================================================= */

.lfmabout-section,
.lfmabout-section * {
  box-sizing: border-box;
}

.lfmabout-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #E6EFF8;
  padding: clamp(75px, 8vw, 50px) 24px clamp(100px, 8vw, 50px);
  font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmabout-container {
  width: min(1150px, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.lfmabout-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 23px;
    margin-bottom: 25px;
    border: 1px solid #c7a45cd9;
    border-radius: 999px;
    background: rgba(255,255,255,0.45);
    color: #343a32;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 2px 7px
    rgba(0,0,0,0.04);
}

.lfmabout-title {
  width: 100%;
  max-width: 1150px;
  margin: 0;
  color: #000;
  font-size: clamp(42px, 4.7vw, 72px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.lfmabout-inline-image {
  display: inline-flex;
  width: 121px;
  height: 66px;
  margin: 0 10px;
  position: relative;
  top: 4px;
  overflow: hidden;
  border-radius: 999px;
  vertical-align: middle;
}

.lfmabout-inline-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.lfmabout-inline-image--wide {
  width: 121px;
  border-radius: 999px;
}

.lfmabout-description {
  width: min(737px, 100%);
  margin: 28px auto 0;
  color: #66655f;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.lfmabout-actions {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  flex-wrap: wrap;
}

.lfmabout-btn {
  min-height: 52px;
  padding: 6px 7px 6px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  white-space: nowrap;
}

.lfmabout-btn--primary {
  color: #fff;
  background: #c7a45c;
  border: 1px solid #c7a45c;
  box-shadow: 0 5px 14px rgba(147,112,44,0.15);
}

span.lfmabout-btn-arrow img {
    width: 15px;
}

.lfmabout-btn--secondary {
  color: #344034;
  background: #E6EFF8;
  border: 2px solid #c7a45c;
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

.lfmabout-btn-arrow {
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 400;
  transform: rotate(-2deg);
}

.lfmabout-btn--primary
.lfmabout-btn-arrow {
  background: #ffffff;
  color: #b89142;
}

.lfmabout-btn--secondary
.lfmabout-btn-arrow {
  background: #c7a45c;
  color: #ffffff;
}

.lfmabout-btn:hover {
  transform: translateY(-2px);
}

.lfmabout-btn--primary:hover {
  box-shadow:
    0 8px 20px
    rgba(147,112,44,0.23);
    color: #fff;
}

.lfmabout-btn--secondary:hover {
  background: #ffffff;
  color: #000;
  box-shadow:
    0 8px 18px
    rgba(0,0,0,0.07);
}

@media screen and (max-width: 900px) {
  .lfmabout-section {
    padding: 40px 37px 80px;
  }
  .lfmabout-title {
    max-width: 800px;
    font-size: clamp(40px, 45px, 59px);
  }
  .lfmabout-inline-image {
    width: 91px;
    height: 53px;
  }
  .lfmabout-inline-image--wide {
    width: 91px;
  }
  .lfmabout-description {
    max-width: 590px;
  }
}

@media screen and (max-width: 650px) {
  .lfmabout-section {
    padding: 64px 18px;
  }
  .lfmabout-container {
    align-items: center;
  }
  .lfmabout-badge {
    margin-bottom: 21px;
    padding: 6px 16px;
    min-height: 29px;
    font-size: 11px;
  }
  .lfmabout-title {
    max-width: 100%;
    font-size: clamp(36px, 10vw, 49px);
    line-height: 1.08;
    letter-spacing: -0.045em;
  }
  .lfmabout-inline-image {
    width: 58px;
    height: 34px;
    margin: 0 5px;
    top: 3px;
  }
  .lfmabout-inline-image--wide {
    width: 66px;
  }
  .lfmabout-description {
    max-width: 460px;
    margin-top: 23px;
    font-size: 14px;
    line-height: 1.55;
  }
  .lfmabout-actions {
    width: 100%;
    margin-top: 27px;
    gap: 10px;
  }
  .lfmabout-btn {
    min-height: 49px;
    padding: 5px 6px 5px 20px;
    gap: 13px;
    font-size: 12px;
  }
  .lfmabout-btn-arrow {
    width: 37px;
    height: 37px;
  }
}

@media screen and (max-width: 430px) {
  .lfmabout-section {
    padding: 55px 15px;
  }
  .lfmabout-title {
    font-size: clamp(33px, 10vw, 42px);
    line-height: 1.1;
  }
  .lfmabout-inline-image {
    width: 100px;
    height: 57px;
    margin: 0 4px;
  }
  .lfmabout-inline-image--wide {
    width: 100px;
  }
  .lfmabout-description {
    font-size: 13px;
  }
  .lfmabout-actions {
      max-width: 360px;
      flex-direction: row;
  }
 
}

/* =========================================================
   SERVICES SECTION CSS STARTS
========================================================= */

.lfmpa-section,
.lfmpa-section * {
    box-sizing: border-box;
}

.lfmpa-section {
    --lfmpa-bg: #E6EFF8;
    --lfmpa-white: #ffffff;
    --lfmpa-dark: #202226;
    --lfmpa-navy: #101b31;
    --lfmpa-grey: #7c7d7a;
    --lfmpa-gold: #d0ad6f;
    --lfmpa-soft: #f5f5e9;
    width: 100%;
    overflow: hidden;
    padding: clamp(65px, 6vw, 95px) 0 clamp(60px, 6vw, 110px);
    background: var(--lfmpa-bg);
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmpa-top {
    width: min(1600px, calc(100% - 48px));
    margin: 0 auto 55px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.75fr);
    align-items: end;
    gap: 70px;
}

.lfmpa-badge {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border-radius: 999px;
    background: #efeee4;
    color: #393a38;
    font-size: 17px;
    line-height: 1;
}

.lfmpa-badge-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--lfmpa-gold);
}

.lfmpa-heading {
    margin: 0;
    color: var(--lfmpa-dark);
    font-size: clamp(42px, 3.7vw, 56px);
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -0.035em;
}

.lfmpa-intro {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 21px;
    border-bottom:
        1px solid
        rgba(32,34,38,0.13);
}

.lfmpa-intro-icon {
    width: 48px;
    min-width: 48px;
    color: var(--lfmpa-gold);
}

.lfmpa-intro-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.lfmpa-intro-text {
    margin: 0;
    color: #7a7b77;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
}

.lfmpa-slider-area {
    width: min( 1600px, calc(100% - 114px) );
    margin: 0 auto;
    position: relative;
}

.lfmpa-slick-slider {
    width: 100%;
    margin: 0 auto;
}

.lfmpa-slick-slider .slick-list {
    overflow: hidden;
    margin: 0 -8px;
    cursor: grab;
}

.lfmpa-slick-slider .slick-list:active {
    cursor: grabbing;
}

.lfmpa-slick-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

.lfmpa-slick-slider .slick-slide {
    height: auto;
    padding: 0 8px;
}

.lfmpa-slick-slider .slick-slide > div {
    height: 100%;
}

.lfmpa-slick-slider .slick-arrow,
.lfmpa-slick-slider .slick-dots {
    display: none !important;
}

.lfmpa-card {
    position: relative;
    width: 100%;
    min-height: 485px;
    height: 100%;
    isolation: isolate;
}

.lfmpa-card-shape {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: #ffffff;
    -webkit-mask-image: url("https://marketingforlawfirm.com/wp-content/themes/offshoremarketers/assets/img/home/service2-mask1.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-image: url("https://marketingforlawfirm.com/wp-content/themes/offshoremarketers/assets/img/home/service2-mask1.png");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
}

.lfmpa-card-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 485px;
    display: flex;
    flex-direction: column;
    padding: 25px 27px 22px;
}

.lfmpa-card-icon {
    width: 106px;
    height: 111px;
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--lfmpa-gold);
    color: #ffffff;
    transition: background-color 0.45s ease, color 0.45s ease, transform 0.45s ease;
    padding: 18px;
}

.lfmpa-card-icon img {
    width: 66px;
    height: 66px;
    display: block;
    stroke: currentColor;
}

.lfmpa-card:hover
.lfmpa-card-icon {
    background: var(--lfmpa-dark);
    color: #ffffff;
    transform: scale(1.04);
}

.lfmpa-plus {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 3px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    color: var(--lfmpa-navy);
    transition: background-color 0.42s ease, color 0.42s ease;
    pointer-events: none;
}

.lfmpa-plus-symbol {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform 0.7s cubic-bezier(.22,.7,.25,1);
}

.lfmpa-card:hover
.lfmpa-plus {
    background: var(--lfmpa-gold);
    color: #ffffff;
}

.lfmpa-card:hover
.lfmpa-plus-symbol {
    transform: rotate(360deg);
}

.lfmpa-card-copy {
    margin: 55px 15px 33px;
}

.lfmpa-card-title {
    margin: 0 0 14px;
    color: var(--lfmpa-navy);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.025em;
}

.lfmpa-card-description {
    margin: 0;
    color: var(--lfmpa-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
}

.lfmpa-features {
    margin-top: auto;
    padding: 10px 18px;
    border-radius: 18px;
    background: var(--lfmpa-soft);
}

.lfmpa-feature {
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--lfmpa-navy);
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,0.95);
}

.lfmpa-feature:last-child {
    border-bottom: none;
}

.lfmpa-check {
    color: var(--lfmpa-gold);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.lfmpa-footer-pill {
    width: fit-content;
    max-width: calc(100% - 30px);
    min-height: 54px;
    margin: 40px auto 0;
    padding: 5px 75px 5px 5px;
    display: flex;
    align-items: center;
    gap: 25px;
    border: 1px solid rgba(30,35,34,0.13);
    border-radius: 999px;
}

.lfmpa-footer-icon {
    width: 83px;
    height: 61px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--lfmpa-gold);
    color: #ffffff;
    font-size: 43px;
}

span.lfmpa-footer-icon img {
    width: 59px;
    height: 36px;
}

.lfmpa-footer-text {
    color: #878780;
    font-size: 16px;
    white-space: nowrap;
}

.lfmpa-footer-link {
    color: #383a37;
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.lfmpa-footer-arrow {
    color: #777975;
    font-size: 20px;
}

/* =========================================================
   TABLET / MOBILE SLIDER CONTROLS
========================================================= */

.lfmpa-mobile-controls {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 21px;
    position: absolute;
    z-index: 999;
    bottom: -96px;
}

.lfmpa-mobile-arrow {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(16, 27, 49, 0.15);
    border-radius: 50%;
    background: #ffffff;
    color: var(--lfmpa-navy);
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

.lfmpa-mobile-arrow span {
    display: block;
    font-size: 21px;
    line-height: 1;
    transform: translateY(-1px);
}

.lfmpa-mobile-arrow:hover {
    background: var(--lfmpa-gold);
    border-color: var(--lfmpa-gold);
    color: #ffffff;
    transform: scale(1.05);
}

.lfmpa-mobile-arrow:active {
    transform: scale(0.94);
}

@media screen and (min-width: 1700px) {
    .lfmpa-slider-area {
        width: min( 1660px, calc(100% - 46px) );
    }
}

@media screen and (max-width:1570px){
    .lfmpa-top {
        width: min(1600px, calc(100% - 131px));
    }
}

@media screen and (max-width: 1300px) {
    .lfmpa-slider-area {
        width: calc(100% - 110px);
    }
    .lfmpa-top {
    width: min(1333px, calc(100% - 126px));
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.75fr);
    gap: 68px;
}
}

@media screen and (max-width: 980px) {
    .lfmpa-top {
        width: calc(100% - 84px);
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 70px;
    }
    .lfmpa-footer-pill {
        margin: 140px auto 0;
    }
    .lfmpa-intro {
        max-width: 620px;
    }
    .lfmpa-slider-area {
        width: calc(100% - 50px);
    }
    .lfmpa-card {
        min-height: 490px;
    }
    .lfmpa-card-content {
        min-height: 490px;
    }
    .lfmpa-mobile-controls {
        display: flex;
        padding-top: 18px;
        margin-bottom: 16px;
    }
    .lfmpa-card-title {
        font-size: 23px;
    }
}

@media screen and (max-width: 650px) {
    .lfmpa-section {
        padding: 52px 0 58px;
    }
    .lfmpa-top {
        width: calc(100% - 30px);
        gap: 24px;
        margin-bottom: 34px;
    }
    .lfmpa-badge {
        margin-bottom: 17px;
        font-size: 12px;
    }
    .lfmpa-heading {
        font-size: clamp( 36px, 10.5vw, 49px );
        line-height: 1.05;
    }
    .lfmpa-intro {
        gap: 15px;
    }
    .lfmpa-intro-icon {
        width: 48px;
        min-width: 48px;
    }
    .lfmpa-intro-text {
        font-size: 15px;
        line-height: 1.7;
    }
    .lfmpa-slider-area {
        width: calc(100% - 24px);
    }
    .lfmpa-slick-slider .slick-list {
        margin: 0 -6px;
    }
    .lfmpa-slick-slider .slick-slide {
        padding: 0 6px;
    }
    .lfmpa-card {
        min-height: 470px;
    }
    .lfmpa-card-content {
        min-height: 470px;
        padding: 22px 21px 19px;
    }
    .lfmpa-card-icon {
        width: 73px;
        height: 73px;
        flex-basis: 73px;
    }
    .lfmpa-card-icon img {
        width: 39px;
        height: 39px;
    }
    .lfmpa-plus {
        width: 53px;
        height: 53px;
        top: 5px;
        right: 2px;
    }
    .lfmpa-plus-symbol {
        font-size: 28px;
    }
    .lfmpa-card-copy {
        margin-top: 31px;
    }
    .lfmpa-card-title {
        font-size: 20px;
    }
    .lfmpa-card-description {
        font-size: 12.5px;
    }
    .lfmpa-feature {
        font-size: 11.5px;
    }
    .lfmpa-footer-pill {
        gap: 12px;
        padding-right: 13px;
    }
    .lfmpa-footer-text {
        display: none;
    }
    .lfmpa-mobile-controls { 
        padding-top: 12px;
        margin-bottom: 14px;
        gap: 8px;
    }
    .lfmpa-mobile-arrow {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
    .lfmpa-mobile-arrow span {
        font-size: 19px;
    }
}

@media screen and (max-width: 575px) {
    .lfmpa-slider-area {
        width: calc(100% - 20px);
    }
    .lfmpa-card-title {
        font-size: 22px;
    }
    .lfmpa-section {
        padding: 52px 10px 58px;
    }
    .lfmpa-card-description {
        font-size: 15px;
    }
    .lfmpa-feature {
        font-size: 14px;
    }
    .lfmpa-mobile-controls {
        gap: 16px;
    }
    .lfmpa-footer-icon {
        width: 81px;
        height: 51px;
    }
    span.lfmpa-footer-icon img {
        width: 50px;
        height: 28px;
    }
}


/* =========================================================
   FAQ SECTION CSS STARTS
========================================================= */

.lfmfaq-section,
.lfmfaq-section * {
    box-sizing: border-box;
}


.lfmfaq-section {
    --lfmfaq-bg: #E6EFF8;
    --lfmfaq-card: #ffffff;
    --lfmfaq-dark: #111111;
    --lfmfaq-text: #161616;
    --lfmfaq-muted: #747672;
    --lfmfaq-border: rgba(17, 17, 17, 0.08);
    width: 100%;
    position: relative;
    background: var(--lfmfaq-bg);
    padding: clamp(80px, 8vw, 140px) 0;
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmfaq-container {
    width: min( 1600px, calc(100% - 114px) );
    margin: 0 auto;
}

.lfmfaq-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.48fr) minmax(0, 1.52fr);
    gap: clamp(50px, 7vw, 120px);
    align-items: start;
}

.lfmfaq-left {
    position: relative;
    min-height: 100%;
}

.lfmfaq-sticky {
    position: sticky;
    top: 100px;
}

.lfmfaq-title {
    margin: 0;
    color: var(--lfmfaq-dark);
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(58px, 5.5vw, 92px);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.07em;
}

.lfmfaq-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.lfmfaq-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--lfmfaq-card);
    border: 1px solid transparent;
    border-radius: 20px;
    transition: border-radius 0.55s cubic-bezier(.22,.7,.25,1), border-color 0.35s ease, background-color 0.35s ease;
}

.lfmfaq-item:not(.lfmfaq-open):hover {
    border-radius: 999px;
}

.lfmfaq-item.lfmfaq-open {
    border-radius: 26px;
    transition:
        border-radius 0s,
        border-color 0.35s ease,
        background-color 0.35s ease;
}

.lfmfaq-question {
    width: 100%;
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center;
    gap: 30px;
    padding: 21px 25px 21px 28px;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--lfmfaq-text);
    cursor: pointer;
    text-align: left;
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    -webkit-tap-highlight-color: transparent;
}

.lfmfaq-question-window {
    position: relative;
    display: block;
    overflow: hidden;
}

.lfmfaq-question-main {
    position: relative;
    display: block;
    color: var(--lfmfaq-text);
    font-size: clamp(18px, 1.45vw, 27px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.045em;
    transform: translateY(0);
    transition: transform 0.55s cubic-bezier(.22,.7,.25,1);
}

.lfmfaq-question-clone {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: block;
    color: var(--lfmfaq-text);
    font-size: clamp(18px, 1.45vw, 27px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.045em;
    transform: translateY(0);
    transition: transform 0.55s cubic-bezier(.22,.7,.25,1);
}

.lfmfaq-item:hover
.lfmfaq-question-main {
    transform: translateY(-100%);
}

.lfmfaq-item:hover
.lfmfaq-question-clone {
    transform: translateY(-100%);
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-question-main {
    transform: translateY(-100%);
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-question-clone {
    transform: translateY(-100%);
}

.lfmfaq-plus {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    flex: 0 0 auto;
}

.lfmfaq-plus::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 2px;
    border-radius: 10px;
    background: var(--lfmfaq-dark);
    transform: rotate(0deg);
    transition: transform 0.55s cubic-bezier(.22,.7,.25,1);
}

.lfmfaq-plus::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 17px;
    border-radius: 10px;
    background: var(--lfmfaq-dark);
    transform: rotate(0deg);
    transition: transform 0.55s cubic-bezier(.22,.7,.25,1), opacity 0.35s ease;
}

.lfmfaq-item:not(.lfmfaq-open):hover
.lfmfaq-plus::before,
.lfmfaq-item:not(.lfmfaq-open):hover
.lfmfaq-plus::after {
    transform: rotate(0deg);
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-plus::before {
    transform: rotate(45deg);
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-plus::after {
    transform: rotate(45deg);
}

.lfmfaq-answer-wrap {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.55s cubic-bezier(.22,.7,.25,1), opacity 0.35s ease;
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-answer-wrap {
    grid-template-rows: 1fr;
    opacity: 1;
}

.lfmfaq-answer-inner {
    overflow: hidden;
}

.lfmfaq-answer {
    /*max-width: 900px;*/
    margin: 0;
    padding: 0 80px 29px 28px;
    color: var(--lfmfaq-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.015em;
    transform: translateY(-8px);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(.22,.7,.25,1), opacity 0.4s ease;
}

.lfmfaq-item.lfmfaq-open
.lfmfaq-answer {
    transform: translateY(0);
    opacity: 1;
}

@media screen and (max-width: 1300px) {
    .lfmfaq-container {
        width: calc(100% - 110px);
    }
    .lfmfaq-layout {
        grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1.58fr);
        gap: 55px;
    }
    .lfmfaq-question {
        min-height: 74px;
        padding: 20px 24px;
    }
}

@media screen and (max-width: 991px) {
    .lfmfaq-section {
        padding: 75px 0;
    }
    .lfmfaq-container {
        width: calc(100% - 65px);
    }
    .lfmfaq-layout {
        grid-template-columns: auto;
        gap: 50px;
    }
    .lfmfaq-title {
        font-size: clamp(50px, 7vw, 68px);
    }
    .lfmfaq-sticky {
        top: 70px;
    }
    .lfmfaq-question {
        min-height: 70px;
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 18px;
        padding: 19px 20px;
    }
    .lfmfaq-question-main,
    .lfmfaq-question-clone {
        font-size: 18px;
    }
    .lfmfaq-answer {
        padding: 0 55px 25px 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 700px) {
    .lfmfaq-section {
        padding: 58px 0;
    }
    .lfmfaq-container {
        width: calc(100% - 24px);
    }
    .lfmfaq-layout {
        display: block;
    }
    .lfmfaq-left {
        min-height: auto;
        margin-bottom: 35px;
    }
    .lfmfaq-sticky {
        position: static;
    }
    .lfmfaq-title {
        font-size: clamp(52px, 16vw, 72px);
    }
    .lfmfaq-list {
        gap: 8px;
    }
    .lfmfaq-item {
        border-radius: 17px;
    }
    .lfmfaq-item:not(.lfmfaq-open):hover {
        border-radius: 17px;
    }
    .lfmfaq-item.lfmfaq-open {
        border-radius: 21px;
    }
    .lfmfaq-question {
        min-height: 67px;
        grid-template-columns: minmax(0, 1fr) 30px;
        gap: 15px;
        padding: 18px 17px 18px 19px;
    }
    .lfmfaq-question-main,
    .lfmfaq-question-clone {
        font-size: 17px;   
        line-height: 1.25;
    }
    .lfmfaq-plus {
        width: 30px;
        height: 30px;
    }
    .lfmfaq-plus::before {
        width: 15px;
    }
    .lfmfaq-plus::after {
        height: 15px;
    }
    .lfmfaq-answer {
        padding: 0 50px 22px 19px;
        font-size: 14px;
        line-height: 1.65;
    }
}

@media screen and (max-width: 420px) {
    .lfmfaq-container {
        width: calc(100% - 48px);
    }
    .lfmfaq-left {
        margin-bottom: 28px;
    }
    .lfmfaq-title {
        font-size: clamp(48px, 15vw, 62px);
    }
    .lfmfaq-question {
        min-height: 64px;
        padding: 17px 15px 17px 17px;
    }
    .lfmfaq-question-main,
    .lfmfaq-question-clone {
        font-size: 18px;
    }
    .lfmfaq-answer {
        padding: 0 40px 20px 17px;
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lfmfaq-item,
    .lfmfaq-question-main,
    .lfmfaq-question-clone,
    .lfmfaq-answer-wrap,
    .lfmfaq-answer,
    .lfmfaq-plus::before,
    .lfmfaq-plus::after {
        transition-duration: 0.01ms !important;
    }
}


/* =========================================================
   VIDEO SCROLL SECTION STARTS
========================================================= */

.lfmshowcase-section,
.lfmshowcase-section * {
    box-sizing: border-box;
}

.lfmshowcase-section {
    --lfmshowcase-bg:#E6EFF8;
    position: relative;
    width: 100%;
    height: 250vh;
    height: 250svh;
    background: var(--lfmshowcase-bg);
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmshowcase-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background:
        var(--lfmshowcase-bg);
}

.lfmshowcase-frame {
    position: relative;
    width: min( 76vw, 1320px );
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #211827;
    transform: translateZ(0);
    will-change: width, height, border-radius;
}

.lfmshowcase-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

.lfmshowcase-video-shade {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(18, 12, 21, 0.08);
    pointer-events: none;
}

.lfmshowcase-sound {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(201, 187, 176, 0.60);
    color: #ffffff;
    cursor: pointer;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
    transition: transform 0.35s cubic-bezier(.22,.7,.25,1), background-color 0.35s ease;
    -webkit-tap-highlight-color: transparent;
}

.lfmshowcase-sound:hover {
    background: rgba(201, 187, 176, 0.72);
    transform: translate(-50%, -50%) scale(1.06);
}

.lfmshowcase-sound:active {
    transform: translate(-50%, -50%) scale(0.96);
}

.lfmshowcase-sound svg {
    width: 33px;
    height: 33px;
    display: block;
}

.lfmshowcase-muted-icon {
    display: block;
}

.lfmshowcase-audio-icon {
    display: none;
}

.lfmshowcase-sound.lfmshowcase-sound-active
.lfmshowcase-muted-icon {
    display: none;
}

.lfmshowcase-sound.lfmshowcase-sound-active
.lfmshowcase-audio-icon {
    display: block;
}

@media screen and (max-width: 1000px) {
    .lfmshowcase-section {
        height: 280vh;
        height: 280svh;
    }
    .lfmshowcase-frame {
        width: min( 84vw, 900px );
        border-radius: 16px;
    }
    .lfmshowcase-sound {
        width: 96px;
        height: 96px;
    }
    .lfmshowcase-sound svg {
        width: 29px;
        height: 29px;
    }
}

@media screen and (max-width: 700px) {
    .lfmshowcase-section {
        height: 260vh;
        height: 260svh;
    }
    .lfmshowcase-frame {
        width: calc(100vw - 26px);
        aspect-ratio: 4 / 5;
        border-radius: 15px;
    }
    .lfmshowcase-sound {
        width: 80px;
        height: 80px;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .lfmshowcase-sound svg {
        width: 25px;
        height: 25px;
    }
}

@media screen and (max-width: 420px) {
    .lfmshowcase-frame {
        width: calc(100vw - 20px);
    }
    .lfmshowcase-sound {
        width: 72px;
        height: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lfmshowcase-sound {
        transition: none;
    }
}

/* ========================================================= */
    /* LAW FIRM INSIGHTS SLIDER SECTION CSS STARTS */
/* ========================================================= */


.lfmnews-section,
.lfmnews-section * {
    box-sizing: border-box;
}

.lfmnews-section {
    --lfmnews-bg: #021733;
    --lfmnews-white: #ffffff;
    --lfmnews-green: #fff;
    --lfmnews-gap: 24px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--lfmnews-bg);
    padding: clamp(65px, 6vw, 105px) 0 clamp(75px, 7vw, 120px);
    color: var(--lfmnews-white);
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmnews-header {
    width: 100%;
    padding-left: clamp( 24px, 13vw, 250px );
    padding-right: clamp( 24px, 13vw, 250px );
    margin-bottom: 30px;
}

.lfmnews-title-row {
    display: flex;
    align-items: center;
    gap: 22px;
}

.lfmnews-title-dot {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #ffffff;
    transform-origin: center;
    animation: lfmnews-heartbeat 2.4s ease-in-out infinite;
    will-change: transform;
}

@keyframes lfmnews-heartbeat {
    0% {
        transform: scale(0.84);
    }
    45% {
        transform: scale(1.08);
    }
    55% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(0.84);
    }
}

.lfmnews-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp( 31px, 2.5vw, 48px );
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.055em;
}

.lfmnews-view-link {
    width: fit-content;
    margin: 15px 0 0 52px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--lfmnews-green);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: gap 0.3s ease;
}

.lfmnews-view-link:hover {
    gap: 19px;
}

.lfmnews-view-arrow {
    display: inline-flex;
    align-items: center;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
}

.lfmnews-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
}

.lfmnews-slider.lfmnews-dragging {
    cursor: grabbing;
}

.lfmnews-track {
    display: flex;
    align-items: stretch;
    gap: var(--lfmnews-gap);
    width: max-content;
    padding-left: clamp( 24px, 13vw, 250px );
    padding-right: clamp( 24px, 13vw, 250px );
    will-change: transform;
    transform: translate3d( 0, 0, 0 );
    transition: transform 0.7s cubic-bezier(.22,.72,.22,1);
}

.lfmnews-track.lfmnews-no-transition {
    transition: none !important;
}

.lfmnews-card {
    position: relative;
    width: clamp( 330px, 36vw, 690px );
    flex: 0 0 clamp( 330px, 36vw, 690px );
    aspect-ratio: 1.38 / 1;
    overflow: hidden;
    border-radius: 22px;
    background: #171717;
    color: #ffffff;
    isolation: isolate;
}

.lfmnews-card-image {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.01);
    filter: blur(0);
    transition: transform 1s cubic-bezier(.22,.7,.25,1), filter 0.8s ease;
    pointer-events: none;
}

.lfmnews-card-gradient {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.03) 38%, rgba(0,0,0,0.18) 52%, rgba(0,0,0,0.48) 67%, rgba(0,0,0,0.78) 82%, rgba(0,0,0,0.96) 100% );
    transition: opacity 0.45s ease;
    pointer-events: none;
}

.lfmnews-card-hover {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba( 101, 239, 193, 0.84 );
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: opacity 0.5s cubic-bezier(.22,.7,.25,1);
}

.lfmnews-date {
    position: absolute;
    z-index: 5;
    top: clamp( 25px, 2.2vw, 45px );
    left: clamp( 26px, 2.3vw, 48px );
    margin: 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.4s ease;
}

.lfmnews-content {
    position: absolute;
    z-index: 5;
    left: clamp( 26px, 2.3vw, 48px );
    right: clamp( 26px, 2.3vw, 48px );
    bottom: clamp( 82px, 6vw, 105px );
}

.lfmnews-card-title {
    max-width: 90%;
    margin: 0 0 7px;
    color: #ffffff;
    font-size: clamp( 24px, 2vw, 36px );
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.045em;
    transition: color 0.4s ease;
}

.lfmnews-read {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.4s ease, gap 0.3s ease;
}

.lfmnews-read:hover {
    gap: 18px;
}

.lfmnews-read-arrow {
    font-size: 19px;
}

.lfmnews-description {
    max-width: 90%;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    color: #101010;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    opacity: 0;
    transform: translateY(18px);
    transition: max-height0.65s cubic-bezier(.22,.7,.25,1), opacity 0.4s ease, transform 0.55s cubic-bezier(.22,.7,.25,1), margin 0.5s ease;
}

.lfmnews-tags {
    position: absolute;
    z-index: 6;
    left: clamp( 26px, 2.3vw, 48px );
    right: clamp( 26px, 2.3vw, 48px );
    bottom: clamp( 25px, 2.3vw, 45px);
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    transform: none;
}

.lfmnews-tag {
    min-width: 71px;
    min-height: 30px;
    padding: 6px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lfmnews-green);
    border-radius: 999px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    transition: border-color 0.4s ease, color 0.4s ease, background 0.4s ease;
}

@media (hover: hover) {
    .lfmnews-card:hover
    .lfmnews-card-image {
        transform: scale(1.075);
        filter: blur(4px);
    }
    .lfmnews-card:hover
    .lfmnews-card-gradient {

        opacity: 0.18;
    }
    .lfmnews-card:hover
    .lfmnews-card-hover {

        opacity: 1;
    }
    .lfmnews-card:hover
    .lfmnews-date {

        color: #101010;
    }
    .lfmnews-card:hover
    .lfmnews-card-title {
        color: #101010;
    }
    .lfmnews-card:hover
    .lfmnews-read {
        color: #101010;
    }
    .lfmnews-card:hover
    .lfmnews-description {
        max-height: 100px;
        margin-top: 11px;
        opacity: 1;
        transform: translateY(0);
    }
    .lfmnews-card:hover
    .lfmnews-tag {
        color: #101010;
        border-color: rgba( 0, 0, 0,0.70 );
        background: rgba( 255, 255, 255, 0.04 );
    }
}

.lfmnews-arrow {
    position: absolute;
    z-index: 20;
    top: 54%;
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--lfmnews-green);
    color: #07110d;
    cursor: pointer;
    transform: translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.45s ease, visibility 0.45s ease, transform 0.45s cubic-bezier(.22,.7,.25,1), background 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

.lfmnews-arrow-prev {
    left: clamp( 10px, 12.5vw, 240px );
}

.lfmnews-arrow-next {
    right: clamp( 10px, 12.5vw, 240px );
}

.lfmnews-arrow.lfmnews-arrow-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform:translateY(-50%)scale(0.72);
}

.lfmnews-arrow:not(
    .lfmnews-arrow-hidden
):hover {
    transform: translateY(-50%) scale(1.08);
    background: #fff;
}

.lfmnews-arrow svg {
    width: 23px;
    height: 23px;
    display: block;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media screen and (max-width: 1000px) {
    .lfmnews-section {
        --lfmnews-gap: 18px;
    }
    .lfmnews-header {
        padding-left: 40px;
        padding-right: 40px;
    }
    .lfmnews-track {
        padding-left: 40px;
        padding-right: 40px;
    }
    .lfmnews-card {
        width: 58vw;
        flex-basis: 58vw;
    }
    .lfmnews-arrow-prev {
        left: 19px;
    }
    .lfmnews-arrow-next {
        right: 19px;
    }
    .lfmnews-content {
        left: 30px;
        right: 30px;
        bottom: 88px;
    }
    .lfmnews-tags {
        left: 30px;
        right: 30px;
        bottom: 28px;
    }
    .lfmnews-date {
        left: 30px;
        top: 30px;
    }
}

@media screen and (max-width: 650px) {
    .lfmnews-section {
        --lfmnews-gap: 13px;
        padding: 55px 0 70px;
    }
    .lfmnews-header {
        padding: 0 18px;
        margin-bottom: 25px;
    }
    .lfmnews-title-row {
        gap: 13px;
    }
    .lfmnews-title-dot {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
    .lfmnews-title {
        font-size: clamp( 27px, 8.3vw, 37px );
    }
    .lfmnews-view-link {
        margin: 12px 0 0 33px;
        font-size: 14px;
    }
    .lfmnews-track {
        padding-left: 18px;
        padding-right: 18px;
    }
    .lfmnews-card {
        width: 82vw;
        flex-basis: 82vw;
        aspect-ratio: 0.84 / 1;
        border-radius: 18px;
    }
    .lfmnews-date {
        top: 23px;
        left: 23px;
        font-size: 12px;
    }
    .lfmnews-content {
        left: 23px;
        right: 23px;
        bottom: 78px;
    }
    .lfmnews-tags {
        left: 23px;
        right: 23px;
        bottom: 24px;
    }
    .lfmnews-card-title {
        max-width: 100%;
        font-size: clamp( 22px, 6.5vw, 30px );
    }
    .lfmnews-description {
        max-width: 100%;
        font-size: 13px;
    }
    .lfmnews-tag {
        min-width: auto;
        min-height: 27px;
        padding: 5px 11px;
        font-size: 10px;
    }
    .lfmnews-arrow {
        width: 43px;
        height: 43px;
        top: 55%;
    }
    .lfmnews-arrow-prev {
        left: 7px;
    }
    .lfmnews-arrow-next {
        right: 7px;
    }
}

@media screen and (max-width: 390px) {
    .lfmnews-card {
        width: 84vw;
        flex-basis: 84vw;
    }
    .lfmnews-arrow {
        width: 40px;
        height: 40px;
    }
}

@media (
    prefers-reduced-motion:
    reduce
) {
    .lfmnews-track,
    .lfmnews-card-image,
    .lfmnews-card-hover,
    .lfmnews-card-gradient,
    .lfmnews-content,
    .lfmnews-description,
    .lfmnews-arrow {
        transition-duration:
            0.01ms !important;
    }
    .lfmnews-title-dot {
        animation: none;
        transform: none;
    }
}

/* =========================================================
   COUNTER SECTION CSS STARTS
========================================================= */

.lfmroll-section,
.lfmroll-section * {
    box-sizing: border-box;
}

.lfmroll-section {
    --lfmroll-bg: #E6EFF8;
    --lfmroll-dark: #090a0b;
    --lfmroll-line:
        rgba(9, 10, 11, 0.12);
    --lfmroll-digit-gap: 0.002em;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--lfmroll-bg);
    padding: clamp(52px, 5vw, 80px) 0 clamp(52px, 5vw, 150px);
    color: var(--lfmroll-dark);
    font-family: "saans", ui-sans-serif, system-ui, sans-serif;
}

.lfmroll-container {
    width: calc(100% - 48px);
    max-width: 1900px;
    margin: 0 auto;
}

.lfmroll-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1.3fr 1.05fr 0.9fr;
    align-items: stretch;
}

.lfmroll-item {
    position: relative;
    min-width: 0;
    min-height: clamp( 245px, 18vw, 300px );
    padding: clamp(48px, 4.8vw, 78px) clamp(30px, 2.5vw, 42px) 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-left: 1px solid var(--lfmroll-line);
}

.lfmroll-item:last-child {
    border-right: none;
}

.lfmroll-value {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: clamp( 26px, 2.3vw, 36px );
    overflow: visible;
}

.lfmroll-reels {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
    width: max-content;
    font-size: clamp( 100px, 10.2vw, 140px );
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color:var(--lfmroll-dark);
    white-space: nowrap;
}

.lfmroll-digit-window {
    position: relative;
    width: 0.55em;
    height: 1em;
    flex: 0 0 0.55em;
    overflow: hidden;
    margin-right: var(--lfmroll-digit-gap);
}

.lfmroll-digit-window:last-child {
    margin-right: 0;
}

.lfmroll-digit-strip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transform: translate3d( 0,0, 0);
    transform-origin: center top;
    will-change: transform, filter, opacity;
}

.lfmroll-digit {
    width: 100%;
    height: 1em;
    flex: 0 0 1em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color:var(--lfmroll-dark);
    user-select: none;
}

.lfmroll-symbol-window {
    position: relative;
    width: 0.62em;
    height: 1em;
    flex: 0 0 0.62em;
    overflow: hidden;
    margin-right:
        0.005em;
}

.lfmroll-symbol-strip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transform: translate3d( 0, 0, 0 );
    will-change: transform, filter, opacity;
}

.lfmroll-symbol {
    width: 100%;
    height: 1em;
    flex: 0 0 1em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    color: var(--lfmroll-dark);
    user-select: none;
}

.lfmroll-suffix {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: flex-end;
    color:var(--lfmroll-dark);
    margin-left: clamp( 11px, 0.7vw, 17px );
    margin-bottom: clamp( 6px, 0.75vw, 12px );
    font-size: clamp( 43px, 4vw, 66px );
    font-weight: 600;
    line-height: 0.78;
    letter-spacing: -0.035em;
    opacity: 1;
    visibility: visible;
    filter: none;
    transform: none;
    pointer-events: none;
}

.lfmroll-label {
    margin: 0;
    color: var(--lfmroll-dark);
    font-size: clamp( 15px, 1.05vw, 18px );
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.lfmroll-digit-strip,
.lfmroll-symbol-strip {
    filter: blur(2.3px);
    opacity: 0.43;
}

.lfmroll-section.lfmroll-complete
.lfmroll-digit-strip,
.lfmroll-section.lfmroll-complete
.lfmroll-symbol-strip {
    filter: blur(0) !important;
    opacity: 1 !important;
}

@media screen and (max-width:1750px){
    .lfmroll-container {
        width: calc(100% - 114px);
    }
}

@media screen and (max-width:1450px){
    .lfmroll-reels {
        font-size: clamp( 100px, 10.2vw, 119px );
    }
}

@media screen and (max-width: 1200px) {
    .lfmroll-container {
        width: calc(100% - 110px);
    }
    .lfmroll-item {
        min-height: 204px;
        padding: 46px 24px 18px;
    }
    .lfmroll-reels {
        font-size: clamp( 82px, 8vw, 120px);
    }
    .lfmroll-suffix {
        font-size: clamp( 37px, 4vw, 52px );
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px){
    .lfmroll-grid {
        grid-template-columns: 1.3fr 1.05fr 1fr;
    }
}

@media screen and (max-width: 850px) {
    .lfmroll-container {
        width: calc(100% - 30px);
    }
    .lfmroll-item {
        min-height: 190px;
        padding: 38px 18px 18px;
    }
    .lfmroll-reels {
        font-size: clamp( 68px, 74px, 92px );
    }
    .lfmroll-suffix {
        font-size: clamp( 31px, 5vw, 42px );
        margin-left: 8px;
        margin-bottom: 5px;
    }
    .lfmroll-label {
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    .lfmroll-section {
        padding: 40px 052px;
    }
    .lfmroll-container {
        width: calc(100% - 28px);
    }
    .lfmroll-grid {
        grid-template-columns: 1fr;
    }
    .lfmroll-item {
        min-height: 210px;
        padding: 40px 18px 34px;
        border-left: none;
        border-right: none;
        border-top: 1px solid var(--lfmroll-line);
    }
    .lfmroll-item:last-child {
        border-right: none;
        border-bottom: 1px solid var(--lfmroll-line);
    }
    .lfmroll-reels {
        font-size: clamp( 90px, 24vw, 122px );
    }
    .lfmroll-suffix {
        font-size: clamp( 40px, 11vw, 54px );
        margin-left: 8px;
        margin-bottom: 7px;
    }
    .lfmroll-label {
        font-size: 16px;
    }
}

@media screen and (max-width: 390px) {
    .lfmroll-container {
        width: calc(100% - 20px);
    }
    .lfmroll-reels {
        font-size: 83px;
    }
    .lfmroll-suffix {
        font-size: 37px;
        margin-left: 7px;
    }
}

@media (
    prefers-reduced-motion:
    reduce
) {
    .lfmroll-digit-strip,
    .lfmroll-symbol-strip {
        filter: none !important;
        opacity: 1 !important;
    }
}


 /* =========================================================
    SERVICES HOVER SECTION CSS STARTS
========================================================= */
        
    section.lfmlegal-service-sec {
        background-color: #021733;
        color: #fff;
    }

    .lfmlegal-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 80px 20px;
    }
    
    .lfmlegal-section-heading {
        margin: 0 0 50px 0;
        color: #ffffff;
        text-align: left;
        font-family: "saans", ui-sans-serif, system-ui,  sans-serif;
        font-size: clamp(42px, 5vw, 72px);
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.04em;
        text-transform: uppercase;
    }

    .lfmlegal-service-item {
        position: relative;
        border-bottom: 1px solid #333;
        padding: 40px 0;
        cursor: pointer;
        overflow: visible;
        transition: all 0.4s ease;
        min-height: 150px;
    }

    .lfmlegal-service-item:hover {
        min-height: 610px;
        padding: 60px 0;
    }

    .lfmlegal-service-header {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0;
        position: relative;
        z-index: 2;
    }

    .lfmlegal-service-number {
        font-size: 72px;
        font-weight: 400;
        letter-spacing: -2px;
        min-width: 120px;
        position: relative;
        z-index: 10;
        font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    }

    .lfmlegal-service-label {
        writing-mode: sideways-lr;
        text-orientation: mixed;
        font-size: 13px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        position: absolute;
        left: 120px;
        top: 0;
        transition: all 0.4s ease;
        z-index: 5;
        font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    }

    .lfmlegal-service-info {
        flex: 1;
        margin-left: 80px;
        transition: all 0.4s ease;
        position: relative;
        z-index: 2;
    }

    .lfmlegal-service-title {
        font-size: 36px;
        font-weight: 400;
        margin-bottom: 12px;
        letter-spacing: -0.5px;
        font-family: "saans", ui-sans-serif, system-ui, sans-serif;
    }

    .lfmlegal-service-subtitle {
        font-size: 17px;
        color: #b3b1b1;
        font-weight: 300;
        font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        margin: 0;
    }

    .lfmlegal-service-image {
        position: absolute;
        top: 45px;
        left: 200px;
        right: 60px;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: opacity 0.5s ease, height 0.5s ease;
        z-index: 4;
    }

        .lfmlegal-service-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .lfmlegal-see-more {
            position: absolute;
            bottom: 30px;
            left: 200px;
            font-size: 15px;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 8px;
            opacity: 0;
            transition: opacity 0.4s ease 0.3s;
            z-index: 6;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
            text-decoration: none;
        }

        .lfmlegal-see-more::after {
            content: '→';
            font-size: 18px;
        }

        .lfmlegal-service-item:hover
        .lfmlegal-service-image {
            opacity: 1;
            height: 400px;
        }

        .lfmlegal-service-item:hover
        .lfmlegal-service-info {
            transform: translateY(408px);
        }

        .lfmlegal-service-item:hover
        .lfmlegal-service-label {
            top: 150px;
        }

        .lfmlegal-service-item:hover
        .lfmlegal-see-more {
            opacity: 1;
            bottom: 15px;
        }
        
        @media screen and (max-width:1450px){
            .lfmlegal-container {
                padding: 80px 71px;
            }
        }
        
        @media screen and (max-width:1199px){
            .lfmlegal-container {
                padding: 80px 47px;
            }
        }

        @media (max-width: 767px) {
            .lfmlegal-service-item {
                padding: 40px 0;
                min-height: auto;
            }
            .lfmlegal-service-item:hover {
                min-height: auto;
                padding: 40px 0 60px 0;
            }
            .lfmlegal-service-header {
                flex-direction: column;
            }
            .lfmlegal-service-number {
                font-size: 48px;
                min-width: auto;
                margin-bottom: 20px;
            }
            .lfmlegal-service-label {
                position: static;
                writing-mode: horizontal-tb;
                margin-bottom: 20px;
                margin-left: 0;
            }
            .lfmlegal-service-info {
                margin-left: 0;
            }
            .lfmlegal-service-title {
                font-size: 24px;
                margin-bottom: 8px;
            }
            .lfmlegal-service-subtitle {
                font-size: 14px;
            }
            .lfmlegal-service-image {
                position: relative;
                top: auto;
                left: auto;
                right: auto;
                width: 100%;
            }
            .lfmlegal-service-item:hover
            .lfmlegal-service-image {
                height: 250px;
                margin-top: 30px;
            }
            .lfmlegal-service-item:hover
            .lfmlegal-service-info {
                transform: none;
            }
            .lfmlegal-service-item:hover
            .lfmlegal-service-label {
                top: auto;
            }
            .lfmlegal-see-more {
                position: relative;
                left: auto;
                bottom: auto;
                margin-top: 0px;
            }
            .lfmlegal-service-item:hover
            .lfmlegal-see-more {
                opacity: 1;
                bottom: -22px;
            }
        }
        
        @media screen and (max-width:575px){
            .lfmlegal-container {
                padding: 80px 20px;
            }
            .lfmlegal-section-heading {
                margin: 0 0 20px 0;
            }
        }
        
        
        
        
/* =========================================================
     CASE STUDIES SCROLLTRIGGER GSAP SLIDER CSS START
========================================================= */

        .lfmcase-slider {
            /*margin-top: 120px;*/
            background-color: #021733;
            overflow: hidden;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        }

        .lfmcase-slider * {
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        }

        .lfmcase-slider__rail h1 {
            transform: scale(1.3);
            color: #fff;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        }

        .lfmcase-slider__height--7 {
            height: 480rem;
        }

        .lfmcase-slider__height {
            min-height: 200rem;
        }

        .lfmcase-slider__stick {
            position: sticky;
            padding: 21rem 0;
            top: 0;
            bottom: 0;
        }

        .lfmcase-fade-box.lfmcase-in {
            opacity: 1;
            -webkit-transition: opacity 1.2s linear;
            -o-transition: opacity 1.2s linear;
            transition: opacity 1.2s linear;
        }

        .lfmcase-slider__top {
            padding-left: 5rem;
            margin-bottom: 8.5rem;
        }

        .lfmcase-slider__top
        .lfmcase-subheading {
            margin-bottom: 1rem;
        }

        .lfmcase-slider__viewport {
            height: 60rem;
            position: relative;
            max-height: 400px;
            transform: translate(0,0);
        }

        .lfmcase-slider__rail {
            white-space: nowrap;
            height: 100%;
            position: absolute;
            transform: translate(1800.907px,0);
        }

        .lfmcase-card.lfmcase-active {
            -webkit-transform: translateY(-12rem);
            -ms-transform: translateY(-12rem);
            transform: translateY(-12rem);
            opacity: 1;
            -webkit-transition: opacity .2s linear, -webkit-transform .6s cubic-bezier(.6,0,.2,1);
            transition: opacity .2s linear, transform .6s cubic-bezier(.6,0,.2,1), -webkit-transform .6s cubic-bezier(.6,0,.2,1);
            -o-transition: opacity .2s linear, transform .6s cubic-bezier(.6,0,.2,1);
        }

        .lfmcase-card {
            display: inline-block;
            margin: 0 1.6rem;
            width: 28rem;
            vertical-align: top;
            opacity: .3;
            -webkit-transition: opacity .2s linear, -webkit-transform .4s cubic-bezier(.6,0,.2,1);
            transition: opacity .2s linear, transform .4s cubic-bezier(.6,0,.2,1), -webkit-transform .4s cubic-bezier(.6,0,.2,1);
            -o-transition: opacity .2s linear, transform .4s cubic-bezier(.6,0,.2,1);
        }

        .lfmcase-card__media {
            height: 55.2rem;
            max-height: calc(100vh - 28rem);
            width: 100%;
            margin-bottom: 2.6rem;
            z-index: 2;
            position: relative;
            background-color: #202020;
            border-radius: 2rem;
        }

        .lfmcase-arrow-button__arrow,
        a.lfmcase-card__media.lfmcase-button-hover:hover {
            background-color: #bb70ad;
        }

        .lfmcase-card__media
        .lfmcase-media {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 2rem;
        }

        .lfmcase-card--cta
        .lfmcase-card__media {
            background-color: rgba(24,24,24,.5);
            border-radius: 2rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            pointer-events: auto;
            overflow: hidden;
        }

        .lfmcase-card__content {
            width: 29.5rem;
            white-space: initial;
            opacity: 0;
            -webkit-transform: translateY(-12rem);
            -ms-transform: translateY(-12rem);
            transform: translateY(-12rem);
            -webkit-transition: opacity .2s linear, -webkit-transform .4s cubic-bezier(.6,0,.2,1);
            transition: opacity .2s linear, transform .4s cubic-bezier(.6,0,.2,1), -webkit-transform .4s cubic-bezier(.6,0,.2,1);
            -o-transition: opacity .2s linear, transform .4s cubic-bezier(.6,0,.2,1);
        }

        .lfmcase-card.lfmcase-active
        .lfmcase-card__content {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: opacity .6s linear, -webkit-transform .6s cubic-bezier(.6,0,.2,1);
            transition: opacity .6s linear, transform .6s cubic-bezier(.6,0,.2,1), -webkit-transform .6s cubic-bezier(.6,0,.2,1);
            -o-transition: opacity .6s linear, transform .6s cubic-bezier(.6,0,.2,1);
        }

        .lfmcase-arrow-button {
            height: 3rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .lfmcase-card--cta {
            pointer-events: none;
        }

        .lfmcase-arrow-button__arrow {
            width: 2.6rem;
            height: 2.6rem;
            overflow: hidden;
            border-radius: 100%;
            position: relative;
            margin-right: 1.2rem;
        }

        .lfmcase-arrow-button__arrow img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate3d(-50%,-50%,0) translateX(0);
            transform: translate3d(-50%,-50%,0) translateX(0);
            height: .9rem;
            width: auto;
        }

        .lfmcase-arrow-button__arrow
        img:first-child {
            -webkit-transform: translate3d(-50%,-50%,0) translateX(-2.6rem);
            transform: translate3d(-50%,-50%,0) translateX(-2.6rem);
        }

        .lfmcase-arrow-button__label {
            font-size: 1.4rem;
            font-weight: 500;
            position: relative;
            overflow: hidden;
            padding: .2rem 0;
        }

        .lfmcase-arrow-button__label span {
            position: relative;
            display: inline-block;
            color: #fff;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .lfmcase-arrow-button__label::after {
            content: attr(data-content);
            position: absolute;
            left: 0;
            width: 100%;
            color: #fff;
            -webkit-transform: translateY(2rem);
            -ms-transform: translateY(2rem);
            transform: translateY(0rem);
        }

        .lfmcase-card--cta:hover {
            opacity: 1;
        }

        .lfmcase-arrow-button:hover
        .lfmcase-arrow-button__arrow
        img:first-child,
        .lfmcase-button-hover:hover
        .lfmcase-arrow-button__arrow
        img:first-child {
            -webkit-transform: translate3d(-50%,-50%,0) translateX(0);
            transform: translate3d(-50%,-50%,0) translateX(0);
        }

        .lfmcase-arrow-button:hover
        .lfmcase-arrow-button__arrow img,
        .lfmcase-button-hover:hover
        .lfmcase-arrow-button__arrow img {
            -webkit-transition: -webkit-transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1);
            -o-transition: transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1), -webkit-transform .5s cubic-bezier(.6,0,.2,1);
        }

        .lfmcase-arrow-button:hover
        .lfmcase-arrow-button__label span,
        .lfmcase-button-hover:hover
        .lfmcase-arrow-button__label span {
            -webkit-transition: -webkit-transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1);
            -o-transition: transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1), -webkit-transform .5s cubic-bezier(.6,0,.2,1);
            -webkit-transform: translateY(-2rem);
            -ms-transform: translateY(-2rem);
            transform: translateY(-2rem);
        } 

        .lfmcase-card__content
        .lfmcase-subheading {
            font-size: 1.3rem;
            font-weight: 700;
            line-height: .8;
            display: block;
            color: #fff;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
            margin-bottom: 1.4rem;
        }

        .lfmcase-subheading {
            text-transform: uppercase;
            line-height: 1;
            font-size: 1.4rem;
            letter-spacing: 0;
            color: #d6d6d6;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
            display: block;
        }

        .lfmcase-h0,
        .lfmcase-card__hashtag {
            color: #fff;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        }

        .lfmcase-card__heading {
            margin: 0 0 .7rem;
            color: #fff;
            font-size: 2rem;
            font-weight: 600;
            line-height: 1.08;
            letter-spacing: -.025em;
            text-transform: none;
            white-space: normal;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        }

        .lfmcase-card__description {
            width: 100%;
            max-width: 27rem;
            margin: 0;
            color: rgba( 255, 255, 255, .68 );
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.45;
            letter-spacing: -.01em;
            white-space: normal;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
        } 
        
        .lfmcase-viewmore { 
            display: inline-flex;
            align-items: center;
            gap: 9px;
            margin-top: 18px;
            color: #fff;
            text-decoration: none;
            font-family: "saans", ui-sans-serif, system-ui, sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 1;
            cursor: pointer;
            width: fit-content;
            -webkit-tap-highlight-color:
            transparent;
        }
        .lfmcase-viewmore__label {
            position: relative;
            display: inline-block;
            overflow: hidden;
            height: 18px;
            min-width: 68px;
        }

        .lfmcase-viewmore__label-current {
            display: block;
            transform: translateX(0);
            transition: transform .45s cubic-bezier(.6,0,.2,1);
            white-space: nowrap;
        }
        .lfmcase-viewmore__label-next { 
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            transform: translateX(-110%);
            transition: transform .45s cubic-bezier(.6,0,.2,1);
            white-space: nowrap;
        }
        
        .lfmcase-viewmore__arrow {
            position: relative;
            display: inline-block;
            width: 17px;
            height: 18px;
            overflow: hidden;
        }
        
        .lfmcase-viewmore__arrow-current {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: translateX(0);
            transition: transform .45s cubic-bezier(.6,0,.2,1);
        }
        
        .lfmcase-viewmore__arrow-next {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: translateX(-110%);
            transition: transform .45s cubic-bezier(.6,0,.2,1);
        }
        .lfmcase-viewmore__label-current,
        .lfmcase-viewmore__label-next,
        .lfmcase-viewmore__arrow-current,
        .lfmcase-viewmore__arrow-next {
            animation: none;
        }
        
        @keyframes lfmcaseViewMoreTextOut {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(115%);
            }
        }
        
        @keyframes lfmcaseViewMoreTextIn {
            from {
                transform: translateX(-115%);
            }
            to {
                transform: translateX(0);
            }
        }

        @keyframes lfmcaseViewMoreArrowOut {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(115%);
            }
        }
        @keyframes lfmcaseViewMoreArrowIn {
            from {
                transform: translateX(-115%);
            }
            to {
                transform: translateX(0);
            }
        }

        .lfmcase-viewmore.lfmcase-viewmore-run
        .lfmcase-viewmore__label-current {
            animation: lfmcaseViewMoreTextOut .45s cubic-bezier(.6,0,.2,1) forwards;
        }
        .lfmcase-viewmore.lfmcase-viewmore-run
        .lfmcase-viewmore__label-next {
            animation: lfmcaseViewMoreTextIn .45s cubic-bezier(.6,0,.2,1) forwards;
        }


        .lfmcase-viewmore.lfmcase-viewmore-run
        .lfmcase-viewmore__arrow-current {
            animation: lfmcaseViewMoreArrowOut .45s cubic-bezier(.6,0,.2,1) forwards; 
        }

        .lfmcase-viewmore.lfmcase-viewmore-run
        .lfmcase-viewmore__arrow-next {
            animation:
            lfmcaseViewMoreArrowIn
            .45s
            cubic-bezier(.6,0,.2,1)
            forwards;
        }
     
        .lfmcase-viewmore:focus-visible {
            outline: 1px solid #fff; 
            outline-offset: 5px; 
        }

        .lfmcase-h0 {
            text-transform: uppercase;
            font-weight: 700;
        }

        .lfmcase-card--cta
        .lfmcase-card__media::after {
            content: "";
            position: absolute;
            height: 64rem;
            width: 64rem;
            border-radius: 100%;
            background-color: #bb70ad;
            z-index: 0;
            -webkit-transform: translateX(-7.25rem) scale(.02);
            -ms-transform: translateX(-7.25rem) scale(.02);
            transform: translateX(-7.25rem) scale(.02);
            -webkit-transition: -webkit-transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1);
            -o-transition: transform .5s cubic-bezier(.6,0,.2,1);
            transition: transform .5s cubic-bezier(.6,0,.2,1), -webkit-transform .5s cubic-bezier(.6,0,.2,1);
        }

        @media screen and (max-width:1699px) {
            .lfmcase-card {
                width: 21rem;
            }
            .lfmcase-card__content {
                width: 21.5rem;
            }
        }

        @media screen and (max-width:1365px) {
            .lfmcase-card__content {
                width: 22.5rem;
            }
            .lfmcase-card {
                width: 22rem;
            }
        }

        @media screen and (max-width:991px) {
            #menu-item-109718:hover
            .menu-item,
            .menu-item:hover > .sub-menu {
                top: 102%;
                display: flex;
                flex-direction: column;
                left: 0;
                display: flex;
            }
            ul.sub-menu
            li.menu-item-has-children {
                width: 78%;
            }
            .sub-menu {
                display: none;
                position: relative;
                top: 0;
                left: 0;
            }
            ul.sub-menu.mobile-active {
                display: flex;
                flex-direction: column;
                visibility: visible;
            }
            .scndry-btn {
                margin: 80px 0 0;
            }
            .sub-menu, .sub-menu .menu-item a:hover {
                width: 100%;
            }
            ul#menu-hidden-menu {
                width: 326px;
            }
            .nav div.visible {
                overflow: scroll;
            }
            .lfmcase-card__content {
                width: 100%;
                -webkit-transform: translateY(-6rem);
                -ms-transform: translateY(-6rem);
                transform: translateY(-6rem);
            }
            .lfmcase-card.lfmcase-active
            .lfmcase-card__content {
                transform: translateY(0);
            }
            .lfmcase-card {
                width: 19rem;
            }
            .lfmcase-viewmore { 
                margin-top: 15px;
                font-size: 13px;
            }
        }

        @media screen and (max-width: 991px) {
            .lfmcase-slider__stick {
                padding: 10rem 0;
            }
            .lfmcase-slider__viewport {
                height: 58vh;
                height: 58svh;
                min-height: 430px;
                max-height: 540px;
            }
            .lfmcase-slider__rail h1 {
                display: inline-block;
                width: clamp(320px, 48vw, 430px);
                margin: 0 2.5rem 0 0;
                vertical-align: top;
                transform: scale(1);
                transform-origin: left center;
                font-size: clamp(3.2rem, 7vw, 4.8rem);
                line-height: .95;
                letter-spacing: -.05em;
                white-space: normal;
            }
            .lfmcase-card {
                width: clamp(18rem, 38vw, 20.5rem);
                margin: 0 .9rem;
            }
            .lfmcase-card.lfmcase-active {
                -webkit-transform: translateY(-5rem);
                -ms-transform: translateY(-5rem);
                transform: translateY(-5rem);
            }
            .lfmcase-card__media {
                height: clamp(21rem, 43svh, 27rem);
                max-height: none;
                margin-bottom: 1.45rem;
                border-radius: 1.5rem;
                overflow: hidden;
            }
            .lfmcase-card__media
            .lfmcase-media {
                border-radius: 1.5rem;
            }
            .lfmcase-card__content {
                width: 100%;
                -webkit-transform: translateY(-5rem);
                -ms-transform: translateY(-5rem);
                transform: translateY(-5rem);
            }
            .lfmcase-card.lfmcase-active
            .lfmcase-card__content {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
            .lfmcase-card__heading {
                margin-bottom: .55rem;
                font-size: 1.4rem;
                line-height: 1.08;
            }
            .lfmcase-card__description {
                max-width: 100%;
                font-size: .9rem;
                line-height: 1.4;
            }
        }

        @media screen and (max-width: 767px) {
            .lfmcase-slider {
                margin-top: 70px;
            }
            .lfmcase-slider__stick {
                padding: 7rem 0;
            }
            .lfmcase-slider__viewport {
                height: 62vh;
                height: 62svh;
                min-height: 400px;
                max-height: 500px;
            }
            .lfmcase-slider__rail h1 {
                width: clamp(230px, 74vw, 310px);
                margin-right: 1.25rem;
                font-size: clamp(2.55rem, 11vw, 3.5rem);
                line-height: .94;
                letter-spacing: -.05em;
            }
            .lfmcase-card {
                width: min(74vw, 18rem);
                margin: 0 .6rem;
            }
            .lfmcase-card.lfmcase-active {
                -webkit-transform: translateY(-3.5rem);
                -ms-transform: translateY(-3.5rem);
                transform: translateY(-3.5rem);
            }
            .lfmcase-card__media {
                height: clamp(17.5rem, 40svh, 21.5rem);
                max-height: none;
                margin-bottom: 1.05rem;
                border-radius: 1.2rem;
            }
            .lfmcase-card__media
            .lfmcase-media {
                border-radius: 1.2rem;
            }
            .lfmcase-card__content {
                width: 100%;
                -webkit-transform: translateY(-3.5rem);
                -ms-transform: translateY(-3.5rem);
                transform: translateY(-3.5rem);
            }
            .lfmcase-card.lfmcase-active
            .lfmcase-card__content {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
            .lfmcase-card__heading {
                margin-bottom: .45rem;
                font-size: 1.2rem;
                line-height: 1.08;
            }
            .lfmcase-card__description {
                max-width: 100%;
                font-size: .8rem;
                line-height: 1.38;
            }
            .lfmcase-arrow-button__label {
                font-size: .9rem;
            }
            .lfmcase-viewmore {
                margin-top: 13px;
                font-size: 12px;
                gap: 7px;
            }
            .lfmcase-viewmore__label {
                height: 16px;
                min-width: 59px;
            }
            .lfmcase-viewmore__arrow {
                width: 15px;
                height: 16px;
            }
        }
        @media screen and (max-width: 480px) {
            .lfmcase-slider__stick {
                padding: 6.25rem 0;
            }
            .lfmcase-slider__viewport {
                height: 60vh;
                height: 60svh;
                min-height: 380px;
                max-height: 460px;
            }
            .lfmcase-slider__rail h1 {
                width: clamp(215px, 76vw, 285px);
                margin-right: .9rem;
                font-size: clamp(2.25rem, 10.5vw, 3rem);
            }
            .lfmcase-card {
                width: min(77vw, 17rem);
                margin: 0 .5rem;
            }
            .lfmcase-card.lfmcase-active {
                -webkit-transform: translateY(-3rem);
                -ms-transform: translateY(-3rem);
                transform: translateY(-3rem);
            }
            .lfmcase-card__media {
                height: clamp(16rem, 38svh, 19rem);
                border-radius: 1rem;
            }
            .lfmcase-card__media
            .lfmcase-media {
                border-radius: 1rem;
            }
            .lfmcase-card__content {
                -webkit-transform: translateY(-3rem);
                -ms-transform: translateY(-3rem);
                transform: translateY(-3rem);
            }
            .lfmcase-card__heading {
                font-size: 1.08rem;
            }
            .lfmcase-card__description {
                font-size: .76rem;
            }
        }
        
    
/*===========================================
      NEW ABOUT US SECTION CSS STARTS
=============================================*/
        
        .sec {
            padding: 110px 6vw;
        }
        .about-grid{
            display:grid;
            grid-template-columns:5fr 4fr;
            gap:72px;
            align-items:center
        }
        .mosaic-wrap{
            position:relative;
            padding-bottom:22px
        }
        .mosaic{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:9px;
            height:520px
        }
        .mi{
            overflow:hidden;
            border-radius:16px
        }
        .mi img{
            width:100%;
            height:100%;
            object-fit:cover;
            transition:transform .5s
        }
        .mi:hover img{
            transform:scale(1.04)
        }
        .mi:first-child{
            grid-row:span 2
        }
        .about-pill{
            position:absolute;
            bottom:-22px;
            left:50%;
            transform:translateX(-50%);
            background:#3d5a8c;
            color:#fff;
            border-radius:14px;
            padding:16px 26px;
            display:flex;
            gap:14px;
            align-items:center;
            white-space:nowrap;
            box-shadow:0 10px 36px rgba(61,90,140,.3)
        }
        .reveal h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2rem, 3.8vw, 3.1rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.025em;
    color: #0f0f1a;
}
 .reveal .h2 em {
    font-style: italic;
    font-weight: 300;
    color: #3d5a8c;
}
.ap-n{font-family:'Montserrat',sans-serif;font-size:2rem;font-weight:800;line-height:1}
.ap-l{font-size:.75rem;opacity:.78;line-height:1.4}

.checks{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.chk{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px;border:1px solid #00000012;transition:border-color .2s,box-shadow .2s}
.chk:hover{border-color:rgba(61,90,140,.22);box-shadow:0 4px 18px rgba(61,90,140,.08)}
.chk-ic{width:38px;height:38px;border-radius:10px;background:rgba(61,90,140,.08);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.chk h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:700;margin-bottom:3px}
.chk p{font-size:.8rem;color:#7c8099;line-height:1.6}
        
        .tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Inter',sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--blue);
    background: rgba(61,90,140,.07);
    border: 1px solid rgba(61,90,140,.18);
    padding: 5px 14px;
    border-radius: 100px;
    width: fit-content;
    margin-bottom: 1.3rem;
}
        
        
        
/* ────────────────────────────────────────
   SERVICES / PRACTICE SLIDER
──────────────────────────────────────── */
.srv-sec{background:#0f0f1a;padding:110px 0 0}
.srv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:0 6vw 52px}
.srv-head .tag{color:rgba(61,90,140,.75);border-color:rgba(61,90,140,.22);background:rgba(61,90,140,.08)}
.srv-head .h2{color:#fff}
.srv-head .lead{color:rgba(255,255,255,.38);max-width:320px}
.srv-ctrl{display:flex;gap:8px;align-self:flex-end}
.srv-btn{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s}
.srv-btn:hover{background:#3d5a8c;border-color:#3d5a8c}

/* Slider viewport — no overflow clip, we just translate */
.srv-outer{overflow:hidden;padding:0 6vw 0}
.srv-track{display:flex;gap:20px;transition:transform .55s cubic-bezier(.25,.1,.25,1);padding-bottom:60px}

/* Each service card — tall with image */
.scard{
  flex:0 0 calc(33.333% - 14px);
  border-radius:22px;overflow:hidden;
  position:relative;cursor:pointer;
  min-height:500px;
  transition:transform .3s,box-shadow .3s;
}
.scard:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.45)}

/* Full background image */
.scard-img{position:absolute;inset:0}
.scard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:brightness(.65)}
.scard:hover .scard-img img{transform:scale(1.07)}

/* Gradient overlay */
.scard-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,15,.92) 0%,rgba(8,8,15,.4) 50%,rgba(8,8,15,.12) 100%)}

/* Blue accent bar on hover */
.scard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(#3d5a8c);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:4}
.scard:hover::after{transform:scaleX(1)}

/* Card content */
.scard-body{position:absolute;bottom:0;left:0;right:0;padding:30px 28px 32px;z-index:3}
.scard-num{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:10px}
.scard-ico{font-size:1.6rem;margin-bottom:12px;display:block}
.scard h3{font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:8px;line-height:1.25}
.scard p{font-size:.8rem;color:rgba(255,255,255,.52);line-height:1.72;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;opacity:0}
.scard:hover p{max-height:120px;opacity:1}
.scard-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#3d5a8c;opacity:0;transform:translateY(6px);transition:opacity .35s .05s,transform .35s .05s}
.scard:hover .scard-cta{opacity:1;transform:none}

/* Top badge */
.scard-badge{position:absolute;top:18px;left:18px;z-index:4;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px}

/* Dots */
.srv-dots{display:flex;gap:6px;padding:0 6vw 32px;align-items:center}
.srv-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:all .28s}
.srv-dot.on{
    background:var(#3d5a8c);
    width:22px;
    border-radius:3px
}


/* ===============================
   FULL WIDTH TRUST BAR
================================ */

.lftrust-mainbar{
    width:100%;
    min-height:78px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#4569A3;
    overflow:hidden;

}

.lftrust-item{
    width:100%;
    min-height:78px;
    display:flex;
    align-items:center;
    padding:0 30px;
    gap:16px;
    border-right:1px solid rgba(255,255,255,0.18);
}

.lftrust-item:last-child{
    border-right:none;
}

.lftrust-icon{
    width:28px;
    min-width:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    line-height:1;

}

.lftrust-content{
    display:flex;
    flex-direction:column;
}

.lftrust-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.15px;
    margin-bottom: 3px;
    font-family: 'Montserrat', sans-serif;
}

.lftrust-desc{
    color:rgba(255,255,255,0.78);
    font-size:11px;
    font-weight:500;
    line-height:15px;
    margin: 0;
}

@media(max-width:1100px){
    .lftrust-mainbar{
        grid-template-columns:repeat(5,220px);
        overflow-x:auto;
    }
    .lftrust-item{
        padding:0 22px;
    }
}
@media(max-width:600px){
    .lftrust-mainbar{
        grid-template-columns:repeat(5,230px);
        min-height:85px;
    }
    .lftrust-item{
        min-height:85px;
        padding:0 20px;
    }
    .lftrust-title{
        font-size:13px;
    }
    .lftrust-desc{
        font-size:10px;
    }
}

/*================================
     STATS SEC CSS STARTS
==================================*/
.stats-strip{background:#3d5a8c;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:60px 36px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.stat:last-child{border-right:none}
.stat-n{font-family:'Montserrat',sans-serif;font-size:clamp(2.6rem,3.8vw,3.5rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1}
.stat-n sup{font-size:.5em;color:rgba(255,255,255,.5);vertical-align:super}
.stat-l{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:8px}

.sec{padding:110px 6vw}
.sec-off{background:#f5f6fa}
.sec-dark{background:var(--ink)}




/* ==================================
    CASE STUDIES SEC CSS STARTS
===================================== */

.cs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}
.cs-outer{overflow:hidden}
.cs-track{display:flex;gap:20px;transition:transform .55s cubic-bezier(.25,.1,.25,1)}
.csc{flex:0 0 calc(33.333% - 14px);border-radius:20px;overflow:hidden;background:#fff;border:1px solid #00000012;cursor:pointer;transition:transform .28s,box-shadow .28s}
.csc:hover{transform:translateY(-5px);box-shadow:0 18px 52px rgba(61,90,140,.13)}
.csc-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f0f1a}
.csc-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .5s,filter .3s}
.csc:hover .csc-thumb img{transform:scale(1.06);filter:brightness(.58)}
.csc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pring{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;transition:background .22s,transform .22s}
.pring svg{width:17px;height:17px;fill:#fff;margin-left:3px}
.csc:hover .pring{background:#3d5a8c;border-color:#3d5a8c;transform:scale(1.12)}
.csc-badge{position:absolute;top:11px;left:11px;background:#3d5a8c;color:#fff;font-size:.57rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px}
.csc-dur{position:absolute;bottom:10px;right:11px;background:rgba(0,0,0,.6);color:#fff;font-size:.64rem;padding:2px 7px;border-radius:5px;font-weight:500}
.csc-body{padding:22px 22px 24px}
.csc-meta{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3d5a8c;margin-bottom:8px}
.csc-meta span{color:#7c8099}
.csc-body h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.015em;color:#0f0f1a;margin-bottom:7px;line-height:1.3}
.csc-body p{font-size:.79rem;color:#7c8099;line-height:1.7}
.csc-res{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #00000012}
.res-n{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#3d5a8c;letter-spacing:-.03em;line-height:1}
.res-l{font-size:.7rem;color:#7c8099;line-height:1.4}

.icon-btn{width:42px;height:42px;border-radius:11px;border:1.5px solid #0000001f;background:#fff;color:#0f0f1a;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,color .18s}
.icon-btn:hover{background:#3d5a8c;border-color:#3d5a8c;color:#fff}
.dot-row{display:flex;gap:6px;align-items:center;margin-top:22px}
.dot{width:6px;height:6px;border-radius:50%;background:#7c8099;opacity:.28;border:none;cursor:pointer;transition:all .28s}
.dot.on{opacity:1;background:var(#3d5a8c);width:20px;border-radius:3px}


/*===============================================
       PROCESS — STAGGERED CARDS CSS STARTS
==================================================*/
.proc-sec{background:#fff;padding:110px 6vw}
.proc-top{margin-bottom:56px}
.proc-top-tabs{display:flex;gap:10px;margin-bottom:28px}
.proc-tab{
  font-family:'Inter',sans-serif;font-size:.82rem;font-weight:500;
  color:#0f0f1a;border:1.5px solid #0000001f;
  padding:7px 18px;border-radius:100px;cursor:pointer;
  transition:border-color .18s,color .18s,background .18s
}
.proc-tab.active,.proc-tab:hover{border-color:#0f0f1a;background:#0f0f1a;color:#fff}
.proc-top-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.proc-big-h{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(2.4rem,4.5vw,4rem);
  font-weight:900;letter-spacing:-.04em;line-height:1.06;
  color:#0f0f1a;max-width:520px
}
.proc-top-desc{
  font-size:.92rem;color:#7c8099;line-height:1.82;
  max-width:420px;flex-shrink:0;
}
.proc-down-btn{
  width:48px;height:48px;border-radius:12px;
  background:#3d5a8c;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;flex-shrink:0;cursor:pointer;
  transition:background .18s,transform .18s;
  border:none;
}
.proc-down-btn:hover{background:#2e4470;transform:translateY(2px)}

/* Staggered card row */
.proc-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  align-items:start;
}
/* Odd cards sit higher, even cards sit lower — creates staggered look */
.pcard:nth-child(even){margin-top:40px}

.pcard{
  border-radius:22px;
  padding:28px 26px 32px;
  background:#f5f6fa;
  position:relative;
  overflow:hidden;
  transition:transform .28s,box-shadow .28s;
  cursor:default;
  min-height:280px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.pcard:hover{transform:translateY(-5px);box-shadow:0 20px 56px rgba(0,0,0,.1)}

/* Accent card (2nd) — blue fill */
.pcard.accent{background:#3d5a8c}
.pcard.accent .pc-num{color:rgba(255,255,255,.45)}
.pcard.accent h3{color:#fff}
.pcard.accent p{color:rgba(255,255,255,.62)}
.pcard.accent .pc-arrow{border-color:rgba(255,255,255,.25);color:#fff}
.pcard.accent:hover{box-shadow:0 20px 56px rgba(61,90,140,.35)}

.pc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}
.pc-num{
  font-family:'Montserrat',sans-serif;
  font-size:.7rem;font-weight:700;letter-spacing:.1em;
  color:#7c8099;
  background:rgba(0,0,0,.06);
  padding:4px 10px;border-radius:100px;
}
.pcard.accent .pc-num{background:rgba(255,255,255,.14)}
.pc-arrow{
  width:34px;height:34px;border-radius:50%;
  border:1.5px solid #0000001f;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;color:#7c8099;
  transition:border-color .2s,color .2s,background .2s;
}
.pcard:not(.accent):hover .pc-arrow{border-color:#3d5a8c;color:#3d5a8c;background:rgba(61,90,140,.06)}
.pc-body{}
.pcard h3{
  font-family:'Montserrat',sans-serif;
  font-size:1.2rem;font-weight:800;
  letter-spacing:-.025em;line-height:1.25;
  color:#0f0f1a;margin-bottom:12px
}
.pcard p{font-size:.82rem;color:#7c8099;line-height:1.72}


/*============================= 
CTA BAND SEC CSS STARTS
================================ */
  .cta-band{padding-bottom:130px;}
  .cta-inner{
    border-radius:32px;
    background:linear-gradient(135deg, #3d5a8c, #0a0a0b);
    position:relative;overflow:hidden;
    padding:72px 60px;
    display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;
    isolation:isolate;
  }
  .cta-inner::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:radial-gradient(500px 340px at 15% 20%, rgba(61,90,140,.55), transparent 60%),
               radial-gradient(500px 340px at 85% 90%, rgba(109,138,194,.35), transparent 60%);
  }
  .cta-inner h2{color:#fff;font-size:clamp(28px,3.2vw,38px);max-width:520px;}
  .cta-inner p{color:#9096a5;margin:14px 0 0;font-size:15px;}
  .cta-actions{display:flex;gap:16px;flex-wrap:wrap;}