.business-gallery-section { position: relative; width: 100%; padding: 80px 0; background: #EBF0F7; }
.business-gallery-section:before { position: absolute; top: 0; left: 0; width: 100%; height: 18.229vw; content: ''; pointer-events: none; background: var(--light-gray); }
.business-gallery-main { position: relative; max-width: 1517px; margin: 0 auto; display: block; display: flex ;align-items: flex-start; width: 100%; width: 100%; }
.business-gallery-main .gallery-colum{ position: relative; z-index: 5; }
.business-gallery-main .col-1{ display: flex; flex-direction: column; min-width: 35.795%; }
.business-gallery-main .col-2{ display: flex; flex-direction: column; min-width: 31.18%;}
.business-gallery-main .col-3{ justify-content: flex-end; align-items: flex-end; display: flex; flex-direction: column; min-width: 33.092%;max-width: 33.092%; }
.business-gallery-main img{ transition: all 0.8s ease-in-out; max-width: 100%; height: auto;}
.business-gallery-main .img{ transition: all 0.8s ease-in-out; overflow: hidden; width: 100%; display: block; position: relative;}
.business-gallery-main .img.img-1 { background-color: #06080B;  height: 449px;  }
.business-gallery-main .img.img-1 img{ opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease-in-out; }
.business-gallery-main .col-1 .img.img-2 { background-color: #06080B; width: 100%;  height: 449px; }
.business-gallery-main .col-2 .img.img-2 { background-color: #06080B; width: 100%;  height: 621px; }


.business-gallery-main .img.img-2 img { opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease-in-out; }
.business-gallery-main .img.img-3{  background-color: #06080B; transition: all 0.8s ease-in-out; min-width: 100%; width: 100%; min-height: 449px; }
.business-gallery-main .img.img-3 img{ opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease-in-out; }
.business-gallery-main .bottom-image { width: 100%; background-color: #06080B; transition: all 0.8s ease-in-out; z-index: 1; display: flex; position: relative; overflow: hidden;  height: 270px;  }
.business-gallery-main .bottom-image .imgbox { position: absolute; top: 0; right: 0; display: flex; width: 100%; height: 100%; }
.business-gallery-main .bottom-image img{ opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease-in-out; }
.business-gallery-main .gallery-text { position: absolute; right: 0; bottom: 0; max-width: 64.2%; display: flex; align-items: center; background: var(--light-gray); height: 277px; }
.business-gallery-main .gallery-text .text-inner { position: relative; width: 100%; height: 100%; padding: 54px 54px 20px 70px; }
.business-gallery-main .gallery-text .text-inner h3 { margin-bottom: 34px; font-family: 'apparat'; font-size: 32px;color: #151B24; line-height: 1; font-weight: 700; text-transform: uppercase; }
.business-gallery-main .gallery-text .text-inner p{ color: var(--black-alt);  font-size: 16px; line-height: 1.625; }
.business-gallery-main .img.f-icon{  display: flex; align-items: center; justify-content: center; background: #151B24;   height: 351px;  position: relative;}
.business-gallery-main .img.f-icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80px; height: auto; } 


.business-gallery-main .img.f-icon.mobile-show{ display: none;}



 @media (min-width: 768px) {
  .business-gallery-main.active-images .col-1 .img.img-1 { height: 248px; }
.business-gallery-main.active-images .col-1 .img.img-2 { height: 650px; }
.business-gallery-main.active-images .bottom-image {width: 975px;}
.business-gallery-main.active-images .col-2 .img.img-2{ height: 352px; }   
} 

@media (min-width: 1800px) {
    .business-gallery-main .gallery-text .text-inner { max-width: 805px; padding: 62px 0 20px 56px; }
    
}


@media (min-width: 1401px) and (max-width: 1599px) {
    .business-gallery-section{ padding: 81px 0; } 
    .business-gallery-main{ max-width: 1140px; }	
    .business-gallery-main .col-1 .img.img-2,
    .business-gallery-main .img.img-1{ height: 389px; }
    .business-gallery-main .col-2 .img.img-2{ height: 538px; }
    .business-gallery-main .img.f-icon{ height: 318px; }
    .business-gallery-main .bottom-image{ height: 220px; }

    .business-gallery-main.active-images .col-1 .img.img-2{ height: 562px; }
   .business-gallery-main.active-images .col-1 .img.img-1{ height: 216px; }
    .business-gallery-main.active-images .col-2 .img.img-2{ height: 318px; }
    .business-gallery-main.active-images .bottom-image{ width: 761px;}

    .business-gallery-main .col-1,
    .business-gallery-main .col-2,
    .business-gallery-main .col-3{ min-width: 0; max-width: none; width: 100%;}
    .business-gallery-main .gallery-text{height: 240px;  width: 761px; max-width: 100%;  }
    
    
}

@media (min-width: 1281px) and (max-width: 1400px) {
.business-gallery-section{ padding: 81px 0; } 
    .business-gallery-main{ max-width: 1140px; }	
    .business-gallery-main .col-1 .img.img-2,
    .business-gallery-main .img.img-1{ height: 389px; }
    .business-gallery-main .col-2 .img.img-2{ height: 538px; }
    .business-gallery-main .img.f-icon{ height: 318px; }
    .business-gallery-main .bottom-image{ height: 220px; }

    .business-gallery-main.active-images .col-1 .img.img-2{ height: 562px; }
    .business-gallery-main.active-images .col-1 .img.img-1{ height: 216px; }
    .business-gallery-main.active-images .col-2 .img.img-2{ height: 318px; }
    .business-gallery-main.active-images .bottom-image{ width: 761px;}

    .business-gallery-main .col-1,
    .business-gallery-main .col-2,
    .business-gallery-main .col-3{ min-width: 0; max-width: none; width: 100%;}
    .business-gallery-main .gallery-text{ height: 240px; width: 761px; max-width: 100%; }
}
@media (min-width: 992px) and (max-width: 1280px) {
 
.business-gallery-section{ padding: 64px 0;  } 
.business-gallery-main{ max-width: 900px; }	
 
    .business-gallery-main .col-1 .img.img-2,
    .business-gallery-main .img.img-1{ height: 308px; }
    .business-gallery-main .col-2 .img.img-2{ height: 425px; }
    .business-gallery-main .img.f-icon{ height: 251px; }
    .business-gallery-main .bottom-image{ height: 174px; }

    .business-gallery-main.active-images .col-1 .img.img-2{ height: 445px; }
   .business-gallery-main.active-images .col-1 .img.img-1{ height: 171px; }
    .business-gallery-main.active-images .col-2 .img.img-2{ height: 252px; }
    .business-gallery-main.active-images .bottom-image{ width: 600px;}

    .business-gallery-main .col-1,
    .business-gallery-main .col-2,
    .business-gallery-main .col-3{ min-width: 0; max-width: none; width: 100%;}
    .business-gallery-main .gallery-text{ height: 192px;  width: 600px; max-width: 100%;}
    .business-gallery-main .gallery-text .text-inner{ padding: 32px; }
    .business-gallery-main .gallery-text .text-inner h3{ margin: 0 0 16px; font-size: 24px; }
    .business-gallery-main .gallery-text .text-inner p{ font-size: 14px;}



}

@media (max-width: 991px) {
    section[data-component="business-area-section"] { padding-top: 50px; }
}


@media (min-width: 768px) and (max-width: 991px) {
.business-gallery-section{ padding: 64px 0;  } 
.business-gallery-main{ max-width: 700px; }	


 .business-gallery-main .col-1 .img.img-2,
    .business-gallery-main .img.img-1{ height: 239px; }
    .business-gallery-main .col-2 .img.img-2{ height: 330px; }
    .business-gallery-main .img.f-icon{ height: 195px; }
    .business-gallery-main .bottom-image{ height: 135px; }

    .business-gallery-main.active-images .col-1 .img.img-2{ height: 345px; }
   .business-gallery-main.active-images .col-1 .img.img-1{ height: 133px; }
    .business-gallery-main.active-images .col-2 .img.img-2{ height: 196px; }
    .business-gallery-main.active-images .bottom-image{ width: 467px;}

    .business-gallery-main .col-1,
    .business-gallery-main .col-2,
    .business-gallery-main .col-3{ min-width: 0; max-width: none; width: 100%;}
    .business-gallery-main .gallery-text{ height: 148px;  width: 467px; max-width: 100%;}
    .business-gallery-main .gallery-text .text-inner{ padding: 20px; }
    .business-gallery-main .gallery-text .text-inner h3{ margin: 0 0 10px; font-size: 20px; }
    .business-gallery-main .gallery-text .text-inner p{ font-size: 13px;}

}
@media (max-width: 767px) {
 
.business-gallery-main .img.img-3 {display: none;}
.business-gallery-main {flex-wrap: wrap;}
.business-gallery-main .col-1,
.business-gallery-main .col-2{ width: 50%;}
.business-gallery-main .col-3{ width: 100%;}
.business-gallery-main .img.img-1 img,
.business-gallery-main  .img.img-2 img,
.business-gallery-main  .img.img-3 img{ opacity: 1; }

.business-gallery-main .gallery-text{ min-height:407px;  }
.business-gallery-main .img.img-2{ min-height: 0; aspect-ratio: 195/318}
.business-gallery-main .img.f-icon,
.business-gallery-main .img.img-1{ height: auto; min-height: 0; aspect-ratio: 195/159; }
.business-gallery-main .img.f-icon img{ width: 46px;}
.business-gallery-main .bottom-image{ height: auto;  }
.business-gallery-main .bottom-image .imgbox{ min-height: 0; aspect-ratio: 195/318; }
 
.business-gallery-section{ padding: 0 0;  } 

.business-gallery-main .img.f-icon.mobile-show{ display: flex;}
.business-gallery-main .img.f-icon.desktop-show{ display: none;}
.business-gallery-main .col-1 .img.img-2,
.business-gallery-main .col-2,
.business-gallery-main.active-images .col-1 .img.img-2{ display: none;}
.business-gallery-main .col-1,
.business-gallery-main .col-3 {width: 50%;}
.business-gallery-main .bottom-image .imgbox{  position: relative; }
 .business-gallery-main .col-1,
    .business-gallery-main .col-2,
    .business-gallery-main .col-3{ min-width: 0; max-width: none; width: 50%;}

.business-gallery-main .gallery-text .text-inner{ padding: 0; }    
.business-gallery-main .gallery-text{ padding: 80px 30px; min-height: auto; position: relative; width: 100%;  max-width: 100%; height: auto;  }  
.business-gallery-main .gallery-text .text-inner h3 { margin: 0 0 34px; font-size: 26px;}  
}