.solutions-section{   overflow: hidden; display:block; width: 100%; position: relative;  }
.solutions-section .solutions-outer-1{  z-index: 1; overflow: hidden; display:block; width: 100%; position: relative;}
.solutions-section .solutions-outer-1 .bg-image{ position: relative; width: 100%; display: block;}
 .solutions-section .solutions-outer-1 .bg-image picture{ z-index: 2; min-height: 420px; aspect-ratio: 1920/630; overflow: hidden; display:block; width: 100%; position: relative; }
  .solutions-section .solutions-outer-1 .bg-image picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.solutions-section .solutions-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: '';}
.solutions-over-text-wapper{ position: absolute; left: 0; bottom: 134px; width: 100%; z-index: 5; }

.solutions-listing{display: flex;   padding-bottom: 90px; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.solutions-box{ width: 289px;}
.solutions-box a{ height: 100%;  padding: 72px 20px 64px; display: block; width: 100%;   border-radius: 10px;box-shadow: 0 10px 80px 0 rgba(103,108,110,0.29);background-color: #fff; }
.solutions-box a:hover{box-shadow: 0 10px 80px 0 rgba(237,40,27,0.29);}

 .solutions-over-text-wapper .section-title.white .text-data{ max-width: 800px; margin: 0 auto; display: block; }
 .solutions-section .solutions-outer-2{ margin: -54px 0 0 0; display: flex; width: 100%; justify-content: center;}


.solutions-box a h4 { min-height: 72px; padding-bottom: 10px;   color: #1a1b1d; display: block; width: 100%; text-align: center;}
.solutions-box a .text-data p{ text-align: center; }


@media (min-width: 1600px) and (max-width: 1800px) {
.solutions-box{ width: 260px;} 
}

@media (min-width: 1400px) and (max-width: 1599px) {
.solutions-over-text-wapper{bottom: 100px; } 
.solutions-box{ width: 224px;} 
.solutions-box a{ padding: 48px 20px 30px; }
.solutions-box a h4{ font-size: 20px;}
.solutions-box a .text-data p{ font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .solutions-over-text-wapper{bottom: 100px; }
 
 .solutions-listing{ gap: 20px; justify-content: center; }
 .solutions-box{ width: 280px;} 
.solutions-box a{ padding: 48px 20px 30px; }
.solutions-box a h4{ font-size: 20px;}
.solutions-box a .text-data p{ font-size: 16px;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
 .solutions-over-text-wapper{bottom: 90px; }  
	
 
  .solutions-listing{ gap: 20px; justify-content: center; }
 .solutions-box{ width: 270px;} 
.solutions-box a{ padding: 48px 20px 30px; }
.solutions-box a h4{ font-size: 20px;}
.solutions-box a .text-data p{ font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  

   .solutions-listing{ gap: 20px; justify-content: center; }
 .solutions-box{ width: 330px;} 
.solutions-box a{ padding: 48px 20px 30px; }
.solutions-box a h4{ min-height: 64px; font-size: 20px;}
.solutions-box a .text-data p{ font-size: 16px;}

 
}
@media (max-width: 992px) {
.solutions-section .solutions-outer-1 .bg-image{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
 .solutions-section .solutions-outer-1 .bg-image picture{ position: relative; height: 100%; min-height: 0; } 
 .solutions-over-text-wapper{ padding: 245px 0 65px; position: relative; bottom: auto; }
.solutions-section{ margin-bottom: 0; }
} 
@media (max-width: 767px) {
 .solutions-section{ margin-top: 0; } 

 .solutions-box a .text-data{ opacity: 0; overflow: hidden; max-height: 0; transition: all 0.3s ease-in-out;}
.solutions-section .solutions-outer-2{ padding: 80px 0 0 0; margin: 0; }
.solutions-listing{ gap: 32px; flex-direction: column;}	
.solutions-box{ width: 100%;} 
.solutions-box a{ padding: 25px 20px; }
.solutions-box a h4{ min-height: 0; padding: 0; }
.solutions-box a .text-data p{ padding: 40px 0 15px 0; }


 

}