.collaboration-section{ display: block; width: 100%; position: relative; overflow: hidden; }
.collaboration-section .shape-icon{ position: absolute; right: 0; top:-87px; }
.collaboration-section::after{ top: 0; position: absolute; left: -30vw; width: 160vw; content: ''; height: 100%;   box-shadow: inset 0 10px 80px 0 rgba(0, 0, 0, 0.16);}   
.technologies-listing{ margin: 0 0 -130px;  padding-top: 85px; display: flex; align-items: stretch; width: 100%; }
.technologies-box{ min-height: 354px; display: block; width: calc(25% + 25px);  border-radius: 10px;
  box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff; padding: 61px 40px;}
  .technologies-box + .technologies-box{ margin-left: -25px; }
  .technologies-box h4{ min-height: 66px; margin: 0 0 34px; }
.technologies-section  .icon-shape{ width: 480px; position: absolute; left: -82px; bottom: 0; }
.technologies-section  .icon-shape img{ width: 100%;} 

.collaboration-section{ padding-top: 272px; }
.collaboration-bg{ width: 100%; display: block; position: relative; overflow: hidden;  }
 
 .collaboration-bg picture{ z-index: 2; min-height: 420px; aspect-ratio: 1920/630; overflow: hidden; display:block; width: 100%; position: relative; }
  .collaboration-bg picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.collaboration-bg::after{  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;   opacity: 0.5;
  mix-blend-mode: multiply; 
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, #111519, #111519); content: '';}
.solutions-over-text-wapper{ position: absolute; left: 0; bottom: 134px; width: 100%; z-index: 5; }


@media (min-width: 1600px) and (max-width: 1800px) {
 .technologies-box{ padding:32px 48px 32px 32px;  min-height: 300px; }
 .technologies-box h4{ font-size: 24px;} 

 .technologies-listing{ padding: 64px 0 0 0; margin: 0 0 -110px; }
 .collaboration-section{ padding: 220px 0 0 0; }
 .collaboration-section .shape-icon{ top: -70px; width: 420px;}
}
@media (min-width: 1400px) and (max-width: 1599px) {
 .technologies-box{ padding:32px 40px 32px 24px;  min-height: 300px; }
.technologies-box h4{ min-height: 54px; font-size: 20px;} 

 .technologies-listing{ padding: 64px 0 0 0; margin: 0 0 -110px; }
 .collaboration-section{ padding: 220px 0 0 0; }
 .collaboration-section .shape-icon{ top: -70px; width: 420px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
 .technologies-box{ padding:32px 40px 32px 24px;  min-height: 300px; }
.technologies-box h4{ margin: 0 0 20px; min-height: 54px; font-size: 20px;} 


 .technologies-listing{ padding: 64px 0 0 0; margin: 0 0 -110px; }
 .collaboration-section{ padding: 180px 0 0 0; }
 .collaboration-section .shape-icon{ top: -70px; width: 350px;}
}
@media (max-width: 992px) {
  .technologies-box.active .text-data{ max-height: 1000px; opacity: 1; }
  .technologies-box   .text-data{ opacity: 0; overflow: hidden; max-height: 0; transition: all 0.3s ease-in-out;} 
   .technologies-box  .text-data p{ padding: 17px 0 0 0;}
}

@media (max-width: 1199px) {
   .technologies-box{ padding: 36px;  min-height: 420px; }
.technologies-box h4{ min-height: 0px; margin: 0; font-size: 22px; line-height: 1.5;} 
.technologies-box{ padding: 35px 32px 48px; min-height: 0; width: 100%; margin: 0;} 	
.technologies-box + .technologies-box{ margin:-13px 0 0 0; }
.technologies-listing{ flex-direction: column;}

 .technologies-listing{ padding: 64px 0 0 0; margin: 0 0 -110px; }
 .collaboration-section{ padding: 180px 0 0 0; }
 .collaboration-section .shape-icon{ top: -70px; width: 350px;}
}


@media (max-width:  992px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
    
}

@media (max-width: 767px) {
 
}