@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
 body {
     font-family: 'Inter';
     font-size: 14px;
     font-weight: 500;
     margin: 0;
}
 .industries .shell {
     position: relative;
     width: 100%;
}
 .mt-80{
     margin-top:80px;
}
 .industries .image {
     display: block;
     width: 100%;
     height: auto;
     max-height: 280px;
     object-fit: cover;
}
 aside#right-sidebar {
     display: none;
}
 div#primary {
     width: 100% !important;
     border: 0 !important;
     padding-right: 0 !important;
}
.owl-carousel {
    z-index: auto;
}
 .industries .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     transition: .5s ease;
     background: linear-gradient(0deg, #202025 25.75%, #20202599 66.75%, #ffffff00 93.65%);
}
 .shell:hover .industries-owl-content{
     visibility:hidden !important;
}
 .industries .shell:hover .overlay {
     opacity: 1;
}
 .industries .text {
     color: white;
     position: absolute;
     bottom: 0%;
     left: 0%;
}
 ul.home-tab-list {
     width: 100% !important;
     border: 0;
     margin: 0 !important;
     position: absolute;
     bottom:0;
}
/* for latest banner */
 .latesthome-banner ul.home-tab-list {
     width: 100% !important;
     border: 0;
     margin: 0 !important;
     position: static !important;
     bottom:0;
}
 .font-12{
     font-size: 12px !important;
}
 .font-14{
     font-size: 14px !important;
}
 .font-16{
     font-size: 16px !important;
}
 .font-18{
     font-size: 18px !important;
}
 .font-20{
     font-size: 20px !important;
}
 .font-32{
     font-size: 32px;
}
 .font-36{
     font-size: 36px !important;
}
 .font-weight-400{
     font-weight: 400 !important;
}
 .font-weight-500{
     font-weight: 500 !important;
}
 .font-weight-600{
     font-weight: 600 !important;
}
 .font-weight-700{
     font-weight: 700 !important;
}
 .black-80{
     color: #303035;
}
 .clr-blue{
     color: #007BB6;
}
 .clr-light-black{
     color:#202025;
}
 .home-banner .bg-black{
     opacity:0.8;
}
 .bg-light-blue{
     background-color: #E6EDF6;
}
 .p-10{
     padding: 10px;
}
 .col-12.bg-grey {
     background: #F3F4F7;
}
 img.img-fluid.width-30 {
     width: 30%;
}
 a.industries-btn {
     border: 1px solid grey;
     padding: 14px 16px;
     border-radius: 5px;
     text-transform: uppercase;
}
 #industry img.prev-class {
     padding: 14px 12px;
}
 #news img.prev-class {
     padding: 14px 12px;
}
 #industry button.owl-prev {
     background: #D9D9D9 !important;
     border-radius: 50px !important;
}
 #news button.owl-prev {
     background: #D9D9D9 !important;
     border-radius: 50px !important;
}
 #industry button.owl-prev:focus {
     background: #034EA2 !important;
}
 #industry button.owl-next:focus {
     background: #034EA2 !important;
}
 #industry button.owl-prev:hover {
     background: #034EA2 !important;
}
 #industry button.owl-next:hover {
     background: #034EA2 !important;
}
 #news button.owl-prev:focus {
     background: #034EA2 !important;
}
 #news button.owl-next:focus {
     background: #034EA2 !important;
}
 #news button.owl-prev:hover {
     background: #034EA2 !important;
}
 #news button.owl-next:hover {
     background: #034EA2 !important;
}
 #industry img.next-class {
     padding: 14px 12px;
}
 #news img.next-class {
     padding: 14px 12px;
}
 #industry button.owl-next {
     background: #D9D9D9 !important;
     border-radius: 50px !important;
}
 #news button.owl-next {
     background: #D9D9D9 !important;
     border-radius: 50px !important;
}
#news .owl-item .item img {
    max-height: 274px;
    object-fit: cover;
}
 ul.home-tab-list a.nav-link {
     padding: 16px 16px;
}
 ul.home-tab-list a.nav-link.active {
     border-top: 5px solid #FDB913 !important;
     border: 0;
}
 ul.home-tab-list a.nav-link {
     border-top: 5px solid transparent !important;
     border: 0;
}
 ul.home-tab-list a.nav-link{
     border-radius: 0 !important;
}
 ul.home-tab-list .bg-light-grey{
     background-color: #202025 !important;
     opacity: .8;
}
 img.img-fluid.width-50 {
     width: 50%;
     margin: -20px auto 0 auto;
}
 .min-height-70{
     min-height: 70px;
}
 .min-height-60{
     min-height: 100px;
}
 .min-height-80{
	min-height:80px;
}
 .min-height-160 {
     min-height: 160px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .bg-banner-sbi{
     background-image: url('https://ls20.langoorqa.net/wp-content/uploads/2023/01/sbi-banner.png');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     min-height: 600px;
}
 .bg-banner-slider {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     min-height: 600px;
}
 a.integrated {
     text-decoration: none;
     border: 1px solid white;
     padding: 5px;
}
 .owl-dots {
     margin-top: 20px !important;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #034EA2 !important;
}
.our-expertise .nav-pills .nav-link{
    width: 100%;
}
 .our-expertise .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     background-color: #034EA2 !important;
     border-radius: 8px !important;
     padding: 14px 16px !important;
}
 .our-expertise .nav-pills .nav-link.active img.black-image{
     display:none;
}
.our-expertise .nav-pills .nav-link.active img.white-image{
     display:block;
}
 .our-expertise .nav-pills .nav-link img.black-image{
     display:block;
}
 .our-expertise .nav-pills .nav-link img.white-image{
     display:none;
}
 .our-expertise img{
     float:left;
}
/*.our-expertise .img-icon-1{
    */
    /* width: 11%;
    */
    /*
}
*/
/*.our-expertise .img-icon-2{
    */
    /* width: 21%;
    */
    /*
}
*/
/*.our-expertise .img-icon-3{
    */
    /* width: 17%;
    */
    /*
}
*/
 .our-expertise button.nav-link.active p {
     color: white !important;
}
 .our-expertise .square{
     width: 7px;
     height: 7px;
     background-color: #F15A22;
}
 .hover-bg-blue:hover{
     background: #E6EDEF;
}
 .hover-bg-blue p{
     color: #6E6E77;
    ;
}
 .clr-light-grey{
     color: #6E6E77;
}
 .border-top-grey{
     border-top: 1px solid #D9D9D9 !important;
}
 .our-expertise-mb .accordion-item {
     border: 0;
}
 .our-expertise-mb .accordion-button:not(.collapsed) {
     box-shadow: none !important;
     background-color: #034EA2 !important;
     color: white !important;
     border-radius: 8px !important;
     min-height: 65px;
}
 .our-expertise-mb .accordion-button:not(.collapsed) img.white-image {
     display:block;
}
 .our-expertise-mb .accordion-button:not(.collapsed) img.black-image {
     display:none;
}
 .our-expertise-mb .accordion-button img.white-image{
     display:none;
}
 .our-expertise-mb .accordion-button img.black-image{
     display:block;
}
 .our-expertise-mb .accordion-button:not(.collapsed) p {
     color: white !important;
}
 .our-expertise-mb .accordion-button:not(.collapsed)::after {
     background-image: url(https://ls20.langoorqa.net/wp-content/uploads/2023/01/up-arrow-1.png) !important;
     background-position: center;
     background-size: contain;
}
 .our-expertise-mb .accordion-button::after {
     background-image: url(https://ls20.langoorqa.net/wp-content/uploads/2023/01/down-arrow.png) !important;
     background-position: center;
     background-size: contain;
}
 @media (max-width:767px){
     .home-tab-list {
         display: flex;
         overflow-x: auto;
         flex-wrap: inherit;
    }
     .our-expertise-mb img{
         float:left;
    }
    /* .min-height-60 {*/
    /*     min-height: 50px;*/
    /*}*/
     img.img-fluid.width-30 {
         width: 30%;
    }
     img.img-fluid.width-50 {
         width: 80%;
         margin: -20px auto 0 auto;
    }
     a.industries-btn {
         border: 1px solid grey;
         padding: 14px 16px;
         border-radius: 5px;
         width: 100% !important;
         display: block;
         text-align: center;
    }
     .bg-banner-sbi{
         background-image: url('https://ls20.langoorqa.net/wp-content/uploads/2023/01/mb-sbi-banner.png');
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         min-height: 600px;
    }
     .bg-banner-slider{
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         min-height: 600px;
    }
     .for-width-img{
         width: 25%;
    }
}
 @media (max-width:767px){
     ul.home-tab-list li a.nav-link {
         min-height: 70px;
         display: flex;
         justify-content: center;
         align-items: center;
    }
     ul#myTab {
         overflow-x: scroll;
    }
     ul.home-tab-list li a.nav-link {
         min-width:130px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 16px;
    }
     img.img-fluid.for-image-tab {
         width: 75%;
    }
}
 @media (max-width:991px) and (orientation: landscape) {
     img.img-fluid.for-image-tab {
         width: 50%;
    }
     .our-expertise-mb img {
         float: left;
    }
     .our-expertise-mb img {
         float: left;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
     ul.nav.nav-tabs {
         width: 100% !important;
         border: 0;
         margin: 0 !important;
         position: absolute;
         bottom: 0;
         display: flex;
         flex-flow: nowrap;
         justify-content: flex-start;
         overflow-x: scroll;
    }
     img.img-fluid.for-image-tab {
         width: 65%;
    }
     .our-expertise-mb img {
         float: left;
    }
     ul.home-tab-list li a.nav-link {
         padding: 0;
         min-height: 75px;
         display: flex;
         justify-content: center;
         align-items: center;
    }
}
/*@media(max-width:991px){
    */
    /* ul.home-tab-list li a.nav-link {
        */
        /* min-height: 70px;
        */
        /* display: flex;
        */
        /* justify-content: center;
        */
        /* align-items: center;
        */
        /*
    }
    */
    /*ul#myTab {
        */
        /* overflow-x: scroll !important;
        */
        /*
    }
    */
    /*ul.home-tab-list li a.nav-link {
        */
        /* min-width:130px;
        */
        /* display: flex;
        */
        /* justify-content: center;
        */
        /* align-items: center;
        */
        /* padding: 0;
        */
        /*
    }
    */
    /*img.img-fluid.for-image-tab {
        */
        /* width: 35%;
        */
        /*
    }
    */
    /*
}
*/
 @media (min-width:1024px){
     ul.home-tab-list img.for-image-tab {
         width: 40% !important;
         max-height: 50px;
         object-fit: contain;
    }
     ul.home-tab-list li a.nav-link {
         min-height: 70px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding:0;
    }
	 .newhome-banner ul.home-tab-list li a.nav-link{
		 height: 70px;
	 }
	 /* for latest banner */
 	 .latesthome-banner ul.home-tab-list li a.nav-link{
		 height: 70px;
		 padding: 0 8px;
	 }
     .for-width-img{
         width: 13%;
    }
     #industry .owl-nav {
         position: absolute;
         top: 50%;
         width: 100%;
    }
     #news .owl-nav {
         position: absolute;
         top: 35%;
         width: 100%;
    }
     #industry button.owl-prev {
         position: absolute;
         left: -60px;
    }
     #news button.owl-prev {
         position: absolute;
         left: -25px;
    }
     #news button.owl-next {
         position: absolute;
         right: -25px;
    }
     #industry button.owl-next {
         position: absolute;
         right: -60px;
    }
}
 @media (max-width:991px){
    /* .owl-nav {*/
    /*     margin-top: 32px !IMPORTANT;*/
    /*}*/
}
 @media (min-width:767px) and (max-width:991px){
     .for-width-img{
         width: 12%;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     #industry button.owl-next {
         position: absolute;
         right: -46px;
    }
     #industry button.owl-prev {
         position: absolute;
         left: -46px;
    }
     #news button.owl-next {
         position: absolute;
         right: -46px;
    }
     #news button.owl-prev {
         position: absolute;
         left: -46px;
    }
}
/* case-study listing*/
 .font-40{
     font-size: 40px;
}
 .font-60{
     font-size: 60px;
}
 .font-24{
     font-size: 24px !important;
}
 .for-position-absolute {
     position: absolute;
     top: 6%;
    /* z-index: 99;*/
     right: 6%;
}
 .clr-888891{
     color: #888891;
}
 .clr-034EA2{
     color: #034EA2;
}
 .bg-F2F2F3{
     background-color: #F2F2F3;
}
 li.clr-888891.pe-4::marker:nth-child(1) {
     display: none;
}
/*Case study detail*/
/* casestudy */
 .for-outer-border {
     border: 1px solid black;
     border-radius: 8px;
     padding: 3px 10px;
}
 .border-right-grey {
     border-right: 1px solid #D7D7DA;
}
 .challenges{
     background: url('https://ls20.langoorqa.net/wp-content/uploads/2023/01/case-study-challenge.png') no-repeat;
     background-size: cover;
     background-position: center center;
}
 .min-width-150{
     min-width: 150px;
}
 .fa-li {
     left: calc(var(--fa-li-width, 2em)*-1);
     position: absolute;
     text-align: center;
     width: var(--fa-li-width,2em);
     line-height: inherit;
     left: -35px !important;
}
/* ul.for-two-column-list{
     list-style-image: url('https://ls20.langoorqa.net/wp-content/uploads/2023/01/arrow_circle_right.png');
}
 */
 i.fa-solid.fa-arrow-circle-right {
     font-size: 18px;
     background: #6E6E77;
     color: white;
     border-radius: 50%;
     border: 2px solid #6E6E77;
     margin-right: 10px;
}
 .border-box{
     background: #FFFFFF;
     border: 2px solid #009BE6;
     border-radius: 8px;
     padding: 32px;
}
 .border-top-grey{
     border-top: 1px solid #D7D7DA;
}
 @media (max-width:767px){
     .width-30-mb{
         width: 30% !important;
    }
}
 @media (min-width:991px){
     ul.for-two-column-list {
         columns: 2;
         -webkit-columns: 2;
         -moz-columns: 2;
    }
}

/* Pie chart start*/

.pie-chart {
  background: #F3F4F7;
  padding: 60px 0;
}
.pie-chart .di-block-col {
  display: inline-block;
  font-size: initial;
  vertical-align: middle;
  position: relative;
}
.pie-chart .sect-text h3 {
  padding-right: 26%;
  line-height: 52px;
}
.pie-chart .thumbnail {
  position: relative;
}
.pie-chart .thumbnail img.visible-1023 {
  display: none;
}
.pie-chart .thumbnail .round-box {
  width: 640px;
  height: 640px;
  background: #E9EAED;
  border-radius: 50%;
}
.pie-chart .thumbnail .round-box canvas,
.pie-chart .thumbnail .round-box #piechart {
  background: #E1E1E1;
  width: 100% !important;
  height: 100% !important;
  margin: 0px auto;
  border: 15px solid #E9EAED;
  border-radius: 50%;
  background: #E1E1E1 url(../img/life-cycle/circle.png) scroll no-repeat center center;
  background-size: 49% 49%;
  padding: 10px;
}

#chartjs-tooltip {
  font-size: 16px;
  font-family: "Inter";
  line-height: 1.5;
  font-weight: 400;
  padding: 20px 18px 18px;
  width: 285px;
/*   height: 295px; */
  background: #fff;
  box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.3);
  margin-left: -220px;
  margin-top: 45px;
  pointer-events: none;
}
#chartjs-tooltip::before {
  content: "";
  position: absolute;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 0;
  margin-top: -5px;
  right: 0;
  transform: translateY(-50%);
  margin-right: 56px;
}
#chartjs-tooltip th {
  text-align: left;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 14px;
}
#chartjs-tooltip .chartjs-tooltip-key {
  display: block;
  width: 28px;
  height: 28px;
/*   margin-bottom: 20px; */
}
#chartjs-tooltip ul li {
  position: relative;
  color: #000;
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding-left: 9px;
  margin-bottom: 14px;
  font-family: "Inter";
  line-height: 1;
  font-weight: 400;
}
#chartjs-tooltip ul li::before {
  content: "";
  background: #007BB6;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cat-names {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: var(--ls-base-fontfamily);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #fff;
  pointer-events: none;
}
.cat-names.cat-media {
  margin-top: -190px;
  margin-left: 115px;
}
.cat-names.cat-uiux {
  margin-top: 0;
  margin-left: 220px;
}
.cat-names.cat-innovate {
  margin-top: 185px;
  margin-left: -110px;
  width: 125px;
}
.cat-names.cat-creativeCom {
  margin-top: 185px;
  margin-left: 100px;
  width: 125px;
}
.cat-names.cat-customerExp {
  margin-top: 0;
  margin-left: -220px;
  width: 88px;
}
.cat-names.cat-dataInsight {
  margin-top: -190px;
  margin-left: -115px;
  width: 64px;
}

@media screen and (max-width: 1310px) {
  .pie-chart .thumbnail .round-box {
    width: 500px;
    height: 500px;
    margin: 0 auto;
  }
  .pie-chart .thumbnail .round-box .round-innerbox {
    width: 500px;
    height: 500px;
  }
  #chartjs-tooltip {
    margin-top: 40px;
    margin-left: -220px;
  }
  .cat-names {
    font-size: 12px;
    line-height: 17px;
  }
  .cat-names.cat-media {
    margin-top: -150px;
    margin-left: 92px;
  }
  .cat-names.cat-uiux {
    margin-top: 0px;
    margin-left: 180px;
  }
  .cat-names.cat-creativeCom {
    margin-top: 135px;
    margin-left: -80px;
    width: 95px;
  }
  .cat-names.cat-innovate {
    margin-top: 135px;
    margin-left: 95px;
    width: 80px;
  }
  .cat-names.cat-customerExp {
    margin-top: 0;
    margin-left: -160px;
    width: 66px;
  }
  .cat-names.cat-dataInsight {
    margin-top: -150px;
    margin-left: -80px;
  }
}
@media screen and (max-width: 1023px) {
  .pie-chart {
    margin-top: 76px;
  }
  .pie-chart .sect-text h3 {
    padding-right: 20%;
    line-height: 45px;
    font-size: 32px;
  }
  .pie-chart .thumbnail img.visible-1023 {
    display: block;
    width: 100%;
  }
  .pie-chart .thumbnail .round-box {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .pie-chart {
    padding: 45px 0 15px;
  }
  .pie-chart .di-block-col {
    width: 100%;
  }
  .pie-chart .sect-text h3 {
    padding-right: 0;
    font-size: 24px;
    line-height: 31.2px;
    margin: 0 auto 40px;
    text-align: center;
  }
  .pie-chart .thumbnail img {
    max-width: 375px;
  }
}
@media screen and (max-width: 575px) {
  .pie-chart .sect-text h3 {
    text-align: left;
  }
}

/* Pie start end*/


 @media screen and (max-width: 575px) {
    .case-study-img .case-study-thumb {
        min-height: 320px;
        object-fit: cover;
    }
    .portfolio-points-section {
        row-gap: 15px;
    }
    .portfolio-points-section .price {
        min-height: 135px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .portfolio-points-section .point-counter{
        font-size: 32px;
    }
    .portfolio-points-section .point-title{
        font-size: 14px !important;
        line-height: 16.8px;
    }
    .featured-campaigns .main-heading{
        font-size: 24px;
    }
    .bg-banner-slider{
        background-position: right;
    }
    #news.owl-carousel {
        z-index: auto;
    }
}
/*header*/
/* blog */
 .box-shadow-blog{
     box-shadow: 0px 20px 108px rgba(0, 0, 0, 0.08);
     border-radius: 8px;
}
 .wrapper {
     position: relative;
     overflow-x: scroll;
     /*overflow-x: hidden;*/
     /*overflow-y: hidden;*/
}
 .wrapper .icon {
     position: absolute;
     top: 0;
     height: 100%;
     width: 66px;
     display: flex;
     align-items: center;
}
 .icon:first-child {
     left: 0;
     display: none;
     background: linear-gradient(90deg, #fff 70%, transparent);
}
 .icon:last-child {
     right: 0;
     justify-content: flex-end;
     background: linear-gradient(-90deg, #fff 70%, transparent);
}
 .icon i {
     width: 55px;
     height: 55px;
     cursor: pointer;
     font-size: 1.2rem;
     line-height: 55px;
     border-radius: 50%;
}
 .icon i#left{
     text-align: left;
}
 .icon i#right{
     text-align: right;
}
/* .icon i:hover {
     background: #efedfb;
}
 */
 .icon:first-child i {
     margin-left: 0px;
}
 .icon:last-child i {
     margin-right: 0px;
}
 .wrapper .tabs-box {
     display: flex;
     gap: 12px;
     list-style: none;
     padding-left: 0;
     margin-bottom: 0;
     border-bottom: 1px solid #D7D7DA;
}
 .wrapper .tabs-box::-webkit-scrollbar{
     display: none;
}
 .tabs-box.dragging {
     scroll-behavior: auto;
     cursor: grab;
}
 .tabs-box .tab {
     cursor: pointer;
     font-size: 16px;
     white-space: nowrap;
     padding: 4px 16px 12px 0px;
}
/* .tabs-box .tab:hover{
     background: #efedfb;
}
 */
 .tabs-box.dragging .tab {
     user-select: none;
     pointer-events: none;
}
 .tabs-box .tab.active{
     color: black;
     border-bottom: 1px solid red;
}
 [data-tab-info] {
     display: none;
}
 .active[data-tab-info] {
     display: block;
}
 .search-tab-box {
     position:relative;
     display:inline-flex;
     margin:4px 2px;
     height:44px;
     width:100%;
     vertical-align:bottom;
     align-items:flex-start;
     justify-content:flex-end 
}
 .search-tab-box .mglass {
     display:inline-block;
     width:20px;
     height:20px;
     padding-top:6px 
}
 .search-tab-box .searchbutton {
     font-size:22px;
     width:100%;
     margin:0;
     padding:0;
     background:white;
}
 .search-tab-box .search:focus + .searchbutton {
     transition-duration:.4s;
     -moz-transition-duration:.4s;
     -webkit-transition-duration:.4s;
     -o-transition-duration:.4s;
     background-color:#fff;
     color:#000
}
 .search-tab-box .search {
     position:absolute;
     right:30px;
     background-color:#fff;
     outline:none;
     border:none;
     padding:0;
     width:0;
     height:100%;
     z-index:10;
     border-bottom: 1px solid #D7D7DA;
     transition-duration:.4s;
     -moz-transition-duration:.4s;
     -webkit-transition-duration:.4s;
     -o-transition-duration:.4s
}
 .search-tab-box .search:focus {
     width:200px;
     padding:0 16px 0 0;
     text-indent:10px
}
 @media (min-width:991px){
     .for-left{
         left: -20%;
         top: 25%;
    }
}
 a.for-border-tab{
     border: 1px solid grey;
     border-radius: 4px;
     padding: 6px 12px;
}
/*blog-detail*/
 .bg-light-blue-tags{
     background: rgba(3, 78, 162, 0.1);
     border-radius: 2px;
     color: #034EA2;
     padding: 6px 14px;
     margin-right: 12px;
     margin-bottom: 12px;
     white-space: nowrap;
     font-weight: 700;
}
 i.fa-brands:hover {
     color: blue !important;
}
 .for-border-tab{
     position: relative;
}
 .for-border-tab::before {
     background: #034EA2 !important;
}
 .for-border-tab::before{
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     transition: all .9s ease-in-out;
     border-radius: 4px;
     opacity: 0;
     z-index: -1;
     clip-path: circle(0% at 0% 0%);
}
 .for-border-tab:hover::before {
     opacity: 0.9;
     clip-path: circle(150% at 0% -50%);
     color: blue;
}
 .for-border-tab:hover {
     color: white;
}
 .bg-light-blue-tags{
     position: relative;
}
 .bg-light-blue-tags::before {
     background: #034EA2 !important;
}
 .bg-light-blue-tags::before{
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     transition: all .9s ease-in-out;
     border-radius: 4px;
     opacity: 0;
     z-index: -1;
     clip-path: circle(0% at 0% 0%);
}
 .bg-light-blue-tags:hover::before {
     opacity: 0.9;
     clip-path: circle(150% at 0% -50%);
     color: blue;
}
 .bg-light-blue-tags:hover {
     color: white;
}
 .card-image {
     display: block;
     overflow: hidden;
}
 .card-image img {
     transform: scale3d(1,1,1);
     transition: transform 1s ease-in-out;
}
 .card-image:hover img {
     transform: scale3d(1.5,1.5,1);
     transition: transform 5s ease-in-out;
}



/*portfolio*/

#social-media img.prev-class {
    padding: 14px 12px;
}
#social-media button.owl-prev {
    background: #D9D9D9 !important;
    border-radius: 50px !important;
}
#social-media button.owl-prev:focus {
    background:  #034EA2 !important;
}
#social-media button.owl-next:focus {
    background:  #034EA2 !important;
}
#social-media button.owl-prev:hover {
    background:  #034EA2 !important;
}
#social-media button.owl-next:hover {
    background:  #034EA2 !important;
}
#industry img.next-class {
    padding: 14px 12px;
}
#social-media img.next-class {
    padding: 14px 12px;
}
#social-media button.owl-next {
    background: #D9D9D9 !important;
    border-radius: 50px !important;
}
.play-video-btn {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play-video-btn.position-absolute {
    width: 40px;
    height: 40px;
    background: #007BB6;
    padding: 15px;
    border-radius: 50%;
}
img.img-fluid.for-margin {
    margin-top: -2px;
    margin-left: 2px;
}
.branded-films-thumb:hover{
    filter: brightness(0.5);
    transition: 0.1s;
}
.white-box-shadow{
  background: #FFFFFF;
border: 1px solid #F2F2F3;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.formax-height{
  min-height: 50px;
  max-width: 120px;
  display: flex;
  justify-content: start;
  align-items: flex-start;
}
.portfolio-points-section .price{
    border-radius: 8px;
}
.portfolio-points-section .point-counter{
    font-family: 'Sora', sans-serif;
}
@media (min-width:1024px){
  #social-media .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
}
#social-media button.owl-prev {
    position: absolute;
    left: -25px;
}
#social-media button.owl-next {
    position: absolute;
    right: -25px;
}
}



/*the challenge now*/
@media (min-width:1024px){
  .our-challenges-case-study{
  /* background:  linear-gradient(110.77deg, #D8ECFF 0.59%, #FCDEDE 62.43%); */
  background-image:  url('https://ls20.langoorqa.net/wp-content/uploads/2023/02/Rectangle-24190.png');
  background-position: right center, left center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto; 
}
.our-challenges-case-study-two{
  background-image:  url('https://ls20.langoorqa.net/wp-content/uploads/2023/02/Rectangle-24190.png');
  background-position: right center, left center;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, auto; 
}
}
.clr-red{
  color: #E71B24;
}




/*how_it_works_section_IA css*/
.how-it-works-wrapper {
  background-color: #ededed;
}
.how-it-works-wrapper h2 {
  padding: 40px 16px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .how-it-works-wrapper h2 {
    padding: 80px 0 80px 40px;
    font-size: 60px;
  }
}
.how-it-works-wrapper .list-Wrapper {
  padding: 0 16px 40px;
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper {
    padding: 0 40px 80px;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list {
  display: flex;
  border-bottom: 1px solid rgb(169, 169, 169);
  border-top: 1px solid rgb(169, 169, 169);
}
.how-it-works-wrapper .list-Wrapper .how-it-list .si-no {
  border-right: 1px solid rgb(169, 169, 169);
  max-width: 80px;
}
.how-it-works-wrapper .list-Wrapper .how-it-list .si-no p {
  padding: 20px 16px 20px 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no p {
    padding-right: 20px;
    font-size: 54px;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no:nth-child(1) {
    text-align: right;
    min-width: 45.88%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no:nth-child(2) {
    max-width: 29.55%;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content {
  padding: 20px;
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content p {
  font-family: "Inter", sans-serif;
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content p:nth-child(1) {
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .content p:nth-child(1) {
    font-size: 54px;
    margin-bottom: 20px;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content p:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .content p:nth-child(2) {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(2) .si-no {
    text-align: right;
    min-width: 29.55%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(2) .content {
    min-width: 70.55%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(3) .si-no {
    text-align: right;
    min-width: 36.9%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(3) .content {
    min-width: 63.1%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(4) .si-no {
    text-align: right;
    min-width: 66.3%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(4) .content {
    min-width: 33.7%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(5) .si-no {
    text-align: right;
    min-width: 44.1%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(5) .content {
    min-width: 55.9%;
  }
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

html {
  scroll-behavior: smooth;
}

.max-width-container {
  max-width: 1440px;
  margin: 0 auto;
}

.hero-sections {
  padding-inline: 16px;
  margin-top:48px;
}

@media screen and (min-width: 1200px) {
    .hero-sections {
 margin-top:unset;
    }
    
}
@media screen and (min-width: 1440px) {
  .hero-sections {
    padding-inline: 40px;
    
  }
}
.hero-sections .breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding-block: 10px;
  padding-bottom:unset;
}
.hero-sections .breadcrumbs .crumb {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #252525;
  cursor: pointer;
}

/*.hero-sections .breadcrumbs .crumb.crumb-inactive {*/
/*  opacity: 0.5;*/
/*}*/
.hero-sections .breadcrumbs .crumb.crumb-active {
  opacity: 1;
}
.hero-sections .breadcrumbs .crumb:nth-child(1){
    opacity:0.5 ;
}
.hero-sections .breadcrumbs img{
    margin:unset;
}
.hero-sections .hero-content {
  width: 100%;
  padding-block: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (min-width: 1400px) {
  .hero-sections .hero-content {
    padding-block: 60px;
  }
}
.hero-sections .hero-content .hero-title {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size:46px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #252525;
  text-align: left;
  padding:initial;
}
@media screen and (min-width: 1024px) {
  .hero-sections .hero-content .hero-title {
    width: 70%;
     font-size:80px;
  }
}
.hero-sections .hero-content .hero-description {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
}
@media screen and (min-width: 768px) {
  .hero-sections .hero-content .hero-description {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .hero-sections .hero-content .hero-description {
    width: 70%;
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  .hero-sections .hero-content .hero-description {
    width: 65%;
    max-width: 903px;
  }
}
.hero-sections .hero-content .info-pill {
  border: 0.8px solid #E0F2FE;
background: #F0F7FF;
  padding: 6px 14px;
}
.hero-sections .hero-content .info-pill .pill-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #0066CC;
}
.hero-sections .external-content {
  padding-bottom: 40px;
  border-bottom: 0.8px solid #A9A9A9;
}
@media screen and (min-width: 1400px) {
  .hero-sections .external-content {
    padding-bottom: 60px;
  }
}
.hero-sections .external-content .external-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  gap: 20px;
}
.hero-sections .external-content .external-list .external-item {
  width: fit-content;
  position: relative;
}
.hero-sections .external-content .external-list .external-item::after {
  content: "";
  position: absolute;
  bottom: -5.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #252525;
}
.hero-sections .external-content .external-list .external-item .item-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.marketing-sections .marketing-wrapper {
  padding-inline: 16px;
  padding-block: 40px;
}
@media screen and (min-width: 1400px) {
  .marketing-sections .marketing-wrapper {
    padding-inline: 40px;
    padding-block: 80px;
  }
}
.marketing-sections .marketing-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-wrapper {
    flex-direction: row;
    gap: 0;
  }
  .hero-sections .hero-content .info-pill .pill-text {
      font-size:16px;
  }
}
.marketing-sections .marketing-wrapper .marketing-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #252525;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-wrapper .marketing-title {
    width: 50%;
    max-width: 670px;
    font-size: 60px;
  }
}
.marketing-sections .marketing-wrapper .marketing-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-wrapper .marketing-content {
    width: 50%;
    max-width: 497px;
    align-self: center;
    margin-left: auto;
  }
}
.marketing-sections .marketing-wrapper .marketing-content .marketing-desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-wrapper .marketing-content .marketing-desc {
    align-self: right;
     font-size: 16px;
  }
}
.marketing-sections .marketing-visual-wrapper {
  position: relative;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-visual-wrapper {
    padding-bottom: 80px;
    padding-inline: 40px;
  }
}
.marketing-sections .marketing-visual-wrapper .marketing-visual {
  display: flex;
  overflow-x: auto;
  gap: 16px;
}
.marketing-sections .marketing-visual-wrapper .marketing-visual::-webkit-scrollbar {
  display: none;
}
.marketing-sections .marketing-visual-wrapper .marketing-visual .text-visual {
  white-space: nowrap;
  padding: 6px 10px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: clamp(1rem, 0.7799rem + 0.939vw, 1.625rem);
  line-height: 1;
  letter-spacing: 0px;
  cursor: default;
}
@media screen and (min-width: 450px) {
  .marketing-sections .marketing-visual-wrapper .marketing-visual .text-visual {
    width: fit-content;
    margin: 0 auto;
    padding-inline: initial;
  }
}
@media (min-width: 1024px) {
  .marketing-sections .marketing-visual-wrapper .marketing-visual {
    overflow: visible;
    justify-content: space-between;
  }
  .marketing-sections .marketing-visual-wrapper .marketing-visual .text-visual {
    flex: 1;
    text-align: center;
    white-space: normal;
  }
}
.marketing-sections .marketing-visual-wrapper .marketing-arrow {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  height: 20px;
  object-fit: cover;
  pointer-events: none;
  background:none;
}
@media screen and (min-width: 1024px) {
  .marketing-sections .marketing-visual-wrapper .marketing-arrow {
    bottom: 50px;
    padding-inline: 40px;
    box-sizing: border-box;
  }
}

.integrated-section .integrated-wrapper {
  padding-block: 40px;
  padding-inline: 16px;
}
.integrated-section .integrated-wrapper .content-wrapper {
  padding-bottom: 40px;
   display: flex;
  flex-direction: column;
  gap: 12px;
}
.integrated-section .integrated-wrapper .content-wrapper .integrated-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #252525;
  padding: initial;
  margin:initial;
}
.integrated-section .integrated-wrapper .content-wrapper .desc-wrapper {
  max-width: 600px;
}
.integrated-section .integrated-wrapper .content-wrapper .desc-wrapper .integrated-desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
  margin: 0;
}
.integrated-section .integrated-wrapper .item-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.integrated-section .integrated-wrapper .item-wrapper-four{
    display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .integrated-section .integrated-wrapper .item-wrapper {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
  }
  .integrated-section .integrated-wrapper .content-wrapper .integrated-title {
      font-size:60px;
  }
  .integrated-section .integrated-wrapper .content-wrapper .desc-wrapper .integrated-desc{
      font-size:16px;
  }
  .integrated-section .integrated-wrapper .item-wrapper-four{
    grid-template-columns: repeat(4, 1fr);
}
}
.integrated-section .integrated-wrapper .item-wrapper .item {
  background-color: #EDEDED;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
  border: 1px solid #A9A9A9;
}
 .integrated-section .integrated-wrapper .item-wrapper-four .item{
      min-height: 172px;
 }
.integrated-section .integrated-wrapper .item-wrapper .item.item-one {
  grid-column: 1/-1;
}
.integrated-section .integrated-wrapper .item-wrapper .item .item-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  align-self: flex-start;
  margin:unset;
}
.integrated-section .integrated-wrapper .item-wrapper .item .item-desc {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
  margin: 0;
  margin-block-start: 32px;
}
@media (min-width: 1024px) {
  .integrated-section .integrated-wrapper {
    padding-block: 80px;
    padding-inline: 40px;
  }
  .integrated-section .integrated-wrapper .content-wrapper {
    padding-bottom: 80px;
    gap:20px;
  }
  .integrated-section .integrated-wrapper .content-wrapper .integrated-title {
    
    width: 50%;
  }
  
  .integrated-section .integrated-wrapper .item-wrapper .item {
    padding: 20px;
    min-height: 240px;
  }
  .integrated-section .integrated-wrapper .item-wrapper-four .item{
      min-height: 280px;
  }
  .integrated-section .integrated-wrapper .item-wrapper .item.item-one {
    grid-column: auto;
  }
}

.how-it-works-wrapper {
  background-color: #ededed;
}

.how-it-works-wrapper h2 {
  padding: 40px 16px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .how-it-works-wrapper h2 {
    padding: 80px 0 80px 40px;
    font-size: 60px;
  }
}
.how-it-works-wrapper .list-Wrapper {
  padding: 0 16px 40px;
}

@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper {
    padding: 0 40px 80px;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list {
  display: flex;
  border-bottom: 1px solid rgb(169, 169, 169);
  border-top: 1px solid rgb(169, 169, 169);
}

.how-it-works-wrapper .list-Wrapper .how-it-list .si-no {
  border-right: 1px solid rgb(169, 169, 169);
  max-width: 80px;
  min-width: 80px;
}

.how-it-works-wrapper .list-Wrapper .how-it-list .si-no p {
  padding: 20px 16px 20px 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
      white-space: nowrap;
}

@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no p {
    padding-right: 20px;
    font-size: 54px;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no:nth-child(1) {
    text-align: right;
    min-width: 45.88%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .si-no:nth-child(2) {
    max-width: 29.55%;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content {
  padding: 20px;
}

.how-it-works-wrapper .list-Wrapper .how-it-list .content p {
  font-family: "Inter", sans-serif;
}

.how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(2){
  border: none;
}
.how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(4){
    border-top:none;
}


.how-it-works-wrapper .list-Wrapper .how-it-list .content h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .content h3 {
    font-size: 54px;
    margin-bottom: 20px;
  }
}
.how-it-works-wrapper .list-Wrapper .how-it-list .content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list .content p {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(2) .si-no {
    text-align: right;
    min-width: 29.55%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(2) .content {
    min-width: 70.55%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(3) .si-no {
    text-align: right;
    min-width: 36.9%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(3) .content {
    min-width: 63.1%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(4) .si-no {
    text-align: right;
    min-width: 63.3%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(4) .content {
    min-width: 33.7%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(5) .si-no {
    text-align: right;
    min-width: 44.1%;
  }
}
@media (min-width: 768px) {
  .how-it-works-wrapper .list-Wrapper .how-it-list:nth-child(5) .content {
    min-width: 55.9%;
  }
}
.netwotk-section {
  margin: 0 auto;
  padding: 40px 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.netwotk-section .top-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.netwotk-section .top-content .title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  text-transform: uppercase;
  color: #252525;
}
.netwotk-section .top-content .desc-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.netwotk-section .top-content .desc-content .desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
}
.netwotk-section .top-content .desc-content .highlight {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0%;
  padding: 6px 14px;
  background-color: #f0f7ff;
  border: 0.8px solid #e0f2fe;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  color: #0066cc;
}
.netwotk-section .network-cards {
  border: 1px solid #a9a9a9;
  display: flex;
  flex-direction: column;
}
.netwotk-section .network-cards .network-card {
  border-bottom: 1px solid #a9a9a9;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 14px;
  gap: 8px;
}
.netwotk-section .network-cards .network-card .card-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #252525;
}
.netwotk-section .network-cards .network-card .card-desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #252525;
}
.netwotk-section .network-cards .network-card:last-child {
  border-bottom: none;
}

@media (min-width: 768px) {
  .netwotk-section .top-content {
    flex-direction: row;
  }
  .netwotk-section .network-cards {
    flex-direction: row;
  }
  .netwotk-section .network-cards .network-card {
    border-bottom: none;
    border-right: 1px solid #a9a9a9;
    min-height: 200px;
    flex: 1;
  }
  .netwotk-section .network-cards .network-card:last-child {
    border-right: none;
  }
}
@media (min-width: 1024px) {
  .netwotk-section {
    padding: 80px 40px;
    gap: 60px;
  }
  .netwotk-section .top-content .title {
    font-size: 60px;
  }
  .netwotk-section .top-content .desc-content {
    margin-top: auto;
  }
  .netwotk-section .top-content .desc-content .desc {
    font-size: 16px;
  }
  .netwotk-section .top-content .desc-content .highlight {
    font-size: 18px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .netwotk-section .network-cards .network-card .card-title {
    font-size: 18px;
  }
  .netwotk-section .network-cards .network-card .card-desc {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .netwotk-section {
    gap: 80px;
  }
  .netwotk-section .top-content .title {
    width: 74%;
  }
  .netwotk-section .network-cards .network-card {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .ai-intelligence-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    column-gap: 50px;
  }
}
@media (min-width: 1440px) {
  .ai-intelligence-container {
    padding-top: 80px;
    column-gap: 224px;
  }
}
@media screen and (min-width: 1400px) {
  .ai-intelligence-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.ai-intelligence-container .ai-text-container {
  padding: 40px 16px;
}
@media (min-width: 768px) {
  .ai-intelligence-container .ai-text-container {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .ai-intelligence-container .ai-text-container {
    padding: 0px;
  }
}
.ai-intelligence-container .ai-text-container h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #252525;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin: 0px;
}
@media (min-width: 1200px) {
  .ai-intelligence-container .ai-text-container h2 {
    font-size: 60px;
  }
}

.ai-intelligence-container .ai-text-container .ai-paragraph-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 40px;
}
@media (min-width: 992px) {
  .ai-intelligence-container .ai-text-container .ai-paragraph-container {
    gap: 20px;
  }
}
.ai-intelligence-container .ai-text-container .ai-paragraph-container p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
  margin: 0px;
}
@media (min-width: 992px) {
  .ai-intelligence-container .ai-text-container .ai-paragraph-container p {
    font-size: 16px;
  }
}
.ai-intelligence-container .ai-text-container .ai-paragraph-container p .bold-texts {
  font-weight: 700;
}
.ai-intelligence-container .ai-circle-img-container {
  overflow: hidden;
  max-width:482px;
  margin-left:-50px;
}
.ai-intelligence-container .ai-circle-img-container #mobile-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1/1;
}
@media (min-width: 992px) {
  .ai-intelligence-container .ai-circle-img-container #mobile-img {
    display: none;
  }
}
.ai-intelligence-container .ai-circle-img-container #desktop-img {
  width: 100%;
  height: 100%;
  max-width: 482px;
  object-fit: contain;
  aspect-ratio: 1/1;
  display: none;
}
@media (min-width: 992px) {
  .ai-intelligence-container .ai-circle-img-container #desktop-img {
    display: block;
    margin-left: -50px;
  }
}

.business-container {
  padding: 40px 16px;
}
@media (min-width: 1400px) {
  .business-container {
    padding: initial;
    padding-block: 120px;
    padding-inline: 40px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .business-container .business-text-container {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .business-container .business-text-container {
    gap: 167px;
  }
}
.business-container .business-text-container h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #252525;
  margin: 0px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .business-container .business-text-container h2 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .business-container .business-text-container h2 {
    font-size: 60px;
  }
}

.business-container .business-text-container .sub-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  border-left: 1px solid #A9A9A9;
  height: 286px;
  padding-left: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .business-container .business-text-container .sub-text-container {
    width: 50%;
  }
}
.business-container .business-text-container .sub-text-container p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0px;
  color: #A9A9A9;
  margin: 0px;
  position:relative;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .business-container .business-text-container .sub-text-container p {
    font-size: 18px;
  }
}
.business-container .business-text-container .sub-text-container .bold-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #252525;
}
@media (min-width: 992px) {
  .business-container .business-text-container .sub-text-container .bold-text {
    font-size: 26px;
  }
}
.business-container .business-text-container .sub-text-container .bold-text::before {
                    content: "";
                    position: absolute;
                    top: -18px;
                    left: -16px;
                    width: 4px;
                    height: 250%;
                    background-color: #0066CC;
}

.industries-container {
  padding: 40px 16px;
}
@media (min-width: 992px) {
  .industries-container {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1400px) {
  .industries-container {
    padding: initial;
    padding-block: 80px;
    padding-inline: 40px;
    margin: 0 auto;
  }
}
.industries-container .commere-text-container {
  max-width: 400px;
}
@media (min-width: 992px) {
  .industries-container .commere-text-container {
    max-width: 670px;
  }
}
.industries-container .commere-text-container h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 40px;
}
@media (min-width: 1440px) {
  .industries-container .commere-text-container h2 {
    font-size: 60px;
  }
}
.industries-container .industry-section .industry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.industries-container .industry-section .industry-grid .industry-item {
  border: 0.8px solid #A9A9A9;
  font-family: "Inter", sans-serif;
  text-align: center;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .industries-container .industry-section .industry-grid .industry-item {
    font-size: 20px;
    padding: 30px 20px;
  }
}
.industries-container .industry-section .industry-grid .full-width {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .industries-container .industry-section .industry-grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
  }
  .industries-container .industry-section {
    /* Top row (3 items centered) */
  }
  .industries-container .industry-section .industry-item:nth-child(1) {
    grid-column: 1/5;
  }
  .industries-container .industry-section .industry-item:nth-child(2) {
    grid-column: 5/9;
  }
  .industries-container .industry-section .industry-item:nth-child(3) {
    grid-column: 9/13;
  }
  .industries-container .industry-section {
    /* Bottom row (4 items full width) */
  }
  .industries-container .industry-section .industry-item:nth-child(4) {
    grid-column: 1/4;
  }
  .industries-container .industry-section .industry-item:nth-child(5) {
    grid-column: 4/7;
  }
  .industries-container .industry-section .industry-item:nth-child(6) {
    grid-column: 7/10;
  }
  .industries-container .industry-section .industry-item:nth-child(7) {
    grid-column: 10/13;
  }
}

.ai-growth-section {
  background-color: #252525;
}
.ai-growth-section .ai-growth-wrapper {
  padding: 80px 16px;
}
@media (min-width: 992px) {
  .ai-growth-section .ai-growth-wrapper {
    padding-left: 213px;
  }
}
@media screen and (min-width: 1400px) {
  .ai-growth-section .ai-growth-wrapper {
    width: fit-content;
    padding-block: 80px;
    padding-right: 721px;
    max-width: 1440px;
    margin: 0 auto;
  }
}
.ai-growth-section .ai-growth-wrapper .ai-growth-text-container {
  max-width: 506px;
}
.ai-growth-section .ai-growth-wrapper .ai-growth-text-container h3 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  font-style: Italic;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0px;
}
@media (min-width: 992px) {
  .ai-growth-section .ai-growth-wrapper .ai-growth-text-container h3 {
    font-size:24px;
  }
}
.ai-growth-section .ai-growth-wrapper .ai-growth-text-container p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size:14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin: 20px 0px 40px 0px;
}
@media (min-width: 992px) {
  .ai-growth-section .ai-growth-wrapper .ai-growth-text-container p {
    font-size: 16px;
  }
}
.ai-growth-section .ai-growth-wrapper .cta-links {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  .ai-growth-section .ai-growth-wrapper .cta-links {
    flex-direction: row;
  }
}
.ai-growth-section .ai-growth-wrapper .cta-links a.cta-links__item {
  font-family: "Inter", sans-serif;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #FFFFFF;
  width: fit-content;
  padding-bottom: 5px;
}


.growth-today-section .growth-today-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding-inline: 16px;
  padding-block: 40px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .growth-today-section .growth-today-wrapper {
    flex-direction: row;
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .growth-today-section .growth-today-wrapper {
    padding-inline: 40px;
    padding-block: 80px;
  }
}
.growth-today-section .growth-today-wrapper .section-title {
  width: 80%;
  max-width: 670px;
  align-self: flex-start;
}
@media screen and (min-width: 1024px) {
  .growth-today-section .growth-today-wrapper .section-title {
    width: 50%;
  }
}
.growth-today-section .growth-today-wrapper .section-title h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #252525;
}
@media screen and (min-width: 1000px) {
  .growth-today-section .growth-today-wrapper .section-title h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .growth-today-section .growth-today-wrapper .section-title h2 {
    width: 80%;
  }
}
.growth-today-section .growth-today-wrapper .content-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .growth-today-section .growth-today-wrapper .content-wrapper {
    width: 50%;
  }
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-content p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
}
@media screen and (min-width: 1200px) {
  .growth-today-section .growth-today-wrapper .content-wrapper .desc-content p {
    font-size: 16px;
  }
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-content p span {
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
}
@media screen and (min-width: 1200px) {
  .growth-today-section .growth-today-wrapper .content-wrapper .desc-content p span {
    font-size: 16px;
  }
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-blocks-wrapper {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px;
  border: 1px solid #A9A9A9;
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-blocks-wrapper .desc-block {
  width: 100%;
  height: auto;
  padding-inline: 16px;
  padding-block: 16px 80px;
  box-sizing: border-box;
  border: 1px solid #A9A9A9;
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-blocks-wrapper .desc-block p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #252525;
}
@media screen and (min-width: 1200px) {
  .growth-today-section .growth-today-wrapper .content-wrapper .desc-blocks-wrapper .desc-block p {
    font-size: 16px;
  }
}
.growth-today-section .growth-today-wrapper .content-wrapper .desc-blocks-wrapper .block-one p {
  width: 90%;
}
.growth-today-section .growth-today-wrapper .content-wrapper .info-text {
  padding-inline: 14px;
  padding-block: 6px;
  box-sizing: border-box;
  background-color: #F0F7FF;
  border: 0.8px solid #E0F2FE;
}
.growth-today-section .growth-today-wrapper .content-wrapper .info-text p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #0066CC;
}
@media screen and (min-width: 1200px) {
  .growth-today-section .growth-today-wrapper .content-wrapper .info-text p {
    font-size: 18px;
  }
}


* {
  box-sizing: border-box;
  margin: 0;
}

.our-strategy .our-strategy-container {
  padding: 40px 16px;
}
@media (min-width: 1200px) {
  .our-strategy .our-strategy-container {
    padding: 80px 40px;
  }
}
.our-strategy .our-strategy-container .our-strategy-contents h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #252525;
  padding-bottom: 40px;
  margin:initial;
}
@media (min-width: 1200px) {
  .our-strategy .our-strategy-container .our-strategy-contents h2 {
    font-size: 60px;
    padding-bottom: 80px;
  }
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy {
    display: none;
  }
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy .os-grid-content {
  padding: 20px;
  border: 0.8px solid #A9A9A9;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy .os-grid-content .os-wrap {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy .os-grid-content .os-wrap p:first-child {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #252525;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .our-strategy-first-grid.mob-ourstrategy .os-grid-content .os-wrap p:last-child {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #252525;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid {
  display: none;
}
@media (min-width: 1024px) {
  .our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content:center;
  }
}
@media (min-width: 1400px) {
  .our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid {
    justify-content: left;
  }
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content {
  display: flex;
  max-height: 390px;
  /*transition: max-width 0.55s cubic-bezier(0.4, 0, 0.2, 1);*/
  transition:all 0.5s ease;
  
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active {
  max-width: 390px;
  width: 100%;
  position: relative;
  max-height: 390px;
  flex-direction: unset;
  
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active .os-desk-card {
  opacity: 0;
  max-width: 0;
  margin: 0;
  padding: 0;
  /*transition: opacity 0.3s ease;*/
  transition:all 0.5s ease;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active .os-wrap {
  border: 0.8px solid #A9A9A9;
  max-width: 498px;
  opacity: 1;
  /*transition: cubic-bezier(0.4, 0, 0.2, 1);*/
  transition:all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 20px;
  padding: 271px 20px 20px 20px;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-wrap {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
transition: max-width 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease 0.15s;
  /*transition: cubic-bezier(0.4, 0, 0.2, 1);*/
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-wrap p:first-child {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  color: #252525;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-wrap p:last-child {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #252525;
  margin:0px;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card {
  border: 0.8px solid #A9A9A9;
  max-width: 195px;
  display: flex;
  justify-content: center;
  transition: opacity 0.3s ease;
  padding: 63px 58px 0px 51px;
  height: 100%;
  position: relative;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 108px;
  height: 63px;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 26px;
  margin-right: 0;
  right: unset;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card.mos::after {
  background-image: url(https://www.lsdigital.com/wp-content/uploads/2026/03/01.png);
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card.dbs::after {
  background-image: url(https://www.lsdigital.com/wp-content/uploads/2026/02/02.png);
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card.ces::after {
  background-image: url(https://www.lsdigital.com/wp-content/uploads/2026/02/03.png);
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card.das::after {
  background-image: url(https://www.lsdigital.com/wp-content/uploads/2026/03/04.png);
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card.ggs::after {
  background-image: url(https://www.lsdigital.com/wp-content/uploads/2026/03/05.png);
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card .os-desk-dash::after {
  content: "";
  top: 26.5px;
  position: absolute;
  transform: rotate(90deg) translate(0px, -22px);
  width: 55px;
  border-top: 2px solid #A9A9A9;
}
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card p {
  width: fit-content;
  height: fit-content;
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  font-family: "Inter", sans-serif;
  transform-origin: 0% 0%;
  transform: rotate(90deg) translate(0px, -82px);
}



/* CHANGED: use explicit width instead of max-width for smooth transition */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content {
  display: flex;
  height: 390px;
  min-width: 130px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transition: width 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

/* CHANGED: explicit width instead of max-width */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active {
  width: 390px;
  flex-direction: unset;
}

/* CHANGED: position absolute + opacity only, no max-width */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-wrap {
  position: absolute;
  inset: 0;
  opacity: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 20px;
  padding: 271px 20px 20px 20px;
  transition: opacity 0.25s ease;
}

/* CHANGED: fade in with delay so text appears after card opens */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active .os-wrap {
  opacity: 1;
  transition: opacity 0.3s ease 0.3s;
}

/* CHANGED: position absolute + opacity only, no max-width */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card {
  position: absolute;
  inset: 0;
  border: 0.8px solid #A9A9A9;
  max-width: 195px;
  display: flex;
  justify-content: center;
  padding: 63px 58px 0px 51px;
  height: 100%;
  opacity: 1;
  transition: opacity 0.2s ease;
}

/* CHANGED: just fade out, no max-width collapse */
.our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content.active .os-desk-card {
  opacity: 0;
  pointer-events: none;
}
 
 @media (min-width:1300px){
     .our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content {
         width:190px;
     }
     .our-strategy .our-strategy-container .our-strategy-grid-wrap .desktop-first-grid .os-grid-content .os-desk-card p{
         font-size:20px;
     }
 }