.technologies-section{  overflow: hidden;  position: relative; display: block; width: 100%;}


.technologies-section .technologies-outer-1{  z-index: 1; overflow: hidden; display:block; width: 100%; position: relative;}
.technologies-section .technologies-outer-1 .bg-image{ position: relative; width: 100%; display: block;}
.technologies-section .technologies-outer-1 .bg-image picture{ z-index: 2; aspect-ratio: 1920/1057; overflow: hidden; display:block; width: 100%; position: relative; }
.technologies-section .technologies-outer-1 .bg-image picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.technologies-section .technologies-outer-1 .bg-image::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: '';}
.technologies-over-text-wapper{ position: absolute; left: 0; bottom: 275px; width: 100%; z-index: 5; }
 
.technologies-section .technologies-outer-2{ margin: -204px 0 0 0; display: flex; width: 100%; justify-content: center;}

.technologies-listing{ padding-bottom: 212px; display: flex; align-items: stretch; width: 100%; }
.technologies-box{ min-height: 488px; 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 63px;}
  .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%;}


@media (min-width: 1600px) and (max-width: 1800px) {
 .technologies-box{ padding: 44px;  min-height: 440px; }
 .technologies-box h4{ font-size: 24px;}
 .technologies-section  .icon-shape{ width: 440px;}
}

@media (min-width: 1400px) and (max-width: 1599px) {
.technologies-box{ padding: 36px;  min-height: 420px; }
.technologies-box h4{ min-height: 54px; font-size: 20px;} 
.technologies-section  .icon-shape{ width: 420px;}
.technologies-listing{ padding-bottom: 80px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .technologies-box{ padding: 36px;  min-height: 420px; }
.technologies-box h4{ min-height: 54px; font-size: 20px;} 
.technologies-section  .icon-shape{ width: 380px;}

.technologies-section .technologies-outer-2{ margin: -150px 0 0 0; }
.technologies-over-text-wapper{ bottom: 215px; }
.technologies-listing{ padding: 0 0 150px; }

.technologies-listing{ padding-bottom: 80px; }
}
 
@media (min-width: 992px) and (max-width: 1200px) {
  
}
@media (min-width: 768px) and (max-width: 991px) {
 
 
} 
@media (max-width: 992px) {
  .technologies-section .technologies-outer-1 .bg-image{ position: absolute; left: 0; top: 0;  height: 100%;} 
  .technologies-over-text-wapper{ padding: 180px 0 64px; position: relative; display: block; bottom: auto; }
  .technologies-section .technologies-outer-2{ margin:-14px 0 0 0; }
  .technologies-section .technologies-outer-2 .container{ padding: 0; width: 100%; max-width: 100%; }
  .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.active .text-data p{ padding: 27px 0 0 0;}
}
@media (max-width: 1200px) {
  .technologies-box{ padding: 36px;  min-height: 420px; }
.technologies-box h4{ min-height: 0px; margin: 0; font-size: 22px; line-height: 1.5;} 
.technologies-section  .icon-shape{ width: 380px;} 
 
.technologies-listing{ flex-direction: column; padding: 0 0 150px; }

.technologies-box{ padding: 35px 32px 48px; min-height: 0; width: 100%; margin: 0;} 	
.technologies-box + .technologies-box{ margin:-13px 0 0 0; }


 
.technologies-listing{ padding: 0 0 150px; }

.technologies-section  .icon-shape{ display: none; width: 380px;}
.technologies-listing{ padding-bottom: 80px; }

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