.devlopment-gallery-section{  padding: 143px 0 188px; background: #F8FBFF; }
.devlopment-gallery-main{ max-width: 1517px; margin: 0 auto; display: block; display: flex ;align-items: flex-start; width: 100%; width: 100%; position: relative; }
.devlopment-gallery-main .gallery-colum{ position: relative; z-index: 5; }
.devlopment-gallery-main .col-1{ display: flex; flex-direction: column; width: 33.2%;}
.devlopment-gallery-main .col-2{ display: flex; flex-direction: column;width: 37%;}
.devlopment-gallery-main .col-3{ justify-content: flex-end; align-items: flex-end; display: flex; flex-direction: column;width: 29.8%;}
.devlopment-gallery-main img{ transition: all 0.8s ease-in-out; max-width: 100%; height: auto;}
.devlopment-gallery-main .img{ transition: all 0.8s ease-in-out; overflow: hidden; width: 100%; display: block; position: relative;}
.devlopment-gallery-main .img.img-1{ background-color: #141a41;height: 367px;}
.devlopment-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; }
.devlopment-gallery-main .img.img-2{  background-color: #141a41; width: 100%; height: 624px;}
.devlopment-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; }
.devlopment-gallery-main .img.img-3{  background-color: #141a41; transition: all 0.8s ease-in-out; width: 100%; width: 100%; height: 449px;}
.devlopment-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; }
.bottom-image{  background-color: #141a41; transition: all 0.8s ease-in-out; z-index: 1;  display: flex; position: absolute; left: 0; bottom: 0; aspect-ratio: 1065/277; width: 70.2%; overflow: hidden;  }
.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; }
.devlopment-gallery-main .gallery-text{ display: flex; align-items: center; justify-content: center; background: #141A41; height: 449px;  }
.devlopment-gallery-main .gallery-text .text-inner{  width: 100%; height: 100%; display: flex ;align-items: center; justify-content: center; padding: 20px;  }
.devlopment-gallery-main .gallery-text .text-inner p{ text-align: center; color: #f8fbff;  font-size: 24px; line-height: 1.75; }
.devlopment-gallery-main .img.f-icon{  display: flex; align-items: center; justify-content: center; background: #151B24; aspect-ratio: 503/255; position: relative;}
.devlopment-gallery-main .img.f-icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80px; height: auto; } 

@media (min-width: 768px) {
.devlopment-gallery-main.active-images .img.img-3{ width: 1014px;}
.devlopment-gallery-main.active-images .bottom-image{ opacity: 0; }
.devlopment-gallery-main.active-images .img.img-2{ height: 449px; }
.devlopment-gallery-main.active-images .img.img-1{ height: 643px; }

.devlopment-gallery-main.active-images .img.img-1 img,
.devlopment-gallery-main.active-images .img.img-2 img,
.devlopment-gallery-main.active-images .img.img-3 img{ opacity: 1; }
}

@media (min-width: 1401px) and (max-width: 1599px) {
.devlopment-gallery-section{ padding: 93px 0 88px; } 
.devlopment-gallery-main{ max-width: 1140px; }	
.devlopment-gallery-main .img.img-1{ height: 318px; }
.devlopment-gallery-main .img.f-icon {aspect-ratio: inherit; height: 220px;}
.devlopment-gallery-main .col-1{ width: 380px;}
.devlopment-gallery-main .col-2{ width: 380px;}
.devlopment-gallery-main .col-3{ width: 380px;}
.devlopment-gallery-main .img.img-3,
.devlopment-gallery-main .gallery-text{ height: 380px; }
.devlopment-gallery-main .img.img-2{ height: 538px; }
.bottom-image{ aspect-ratio: inherit; height: 222px; width: 760px;}
.devlopment-gallery-main.active-images .img.img-1{ height: 540px; }
.devlopment-gallery-main.active-images .img.img-3{ width: 760px;}
}
@media (min-width: 1281px) and (max-width: 1400px) {
.devlopment-gallery-section{ padding: 93px 0 88px; } 
.devlopment-gallery-main{ max-width: 1140px; }	
.devlopment-gallery-main .img.img-1{ height: 318px; }
.devlopment-gallery-main .img.f-icon {aspect-ratio: inherit; height: 220px;}
.devlopment-gallery-main .col-1{ width: 380px;}
.devlopment-gallery-main .col-2{ width: 380px;}
.devlopment-gallery-main .col-3{ width: 380px;}
.devlopment-gallery-main .img.img-3,
.devlopment-gallery-main .gallery-text{ height: 380px; }
.devlopment-gallery-main .img.img-2{ height: 538px; }
.bottom-image{ aspect-ratio: inherit; height: 222px; width: 760px;}
.devlopment-gallery-main.active-images .img.img-1{ height: 540px; }
.devlopment-gallery-main.active-images .img.img-3{ width: 760px;}	
}
@media (min-width: 992px) and (max-width: 1280px) {
 
.devlopment-gallery-section{ padding: 64px 0;  } 
.devlopment-gallery-main{ max-width: 900px; }	
.devlopment-gallery-main .img.img-1{ height: 252px; }
.devlopment-gallery-main .img.f-icon {aspect-ratio: inherit; height: 173px;}
.devlopment-gallery-main .col-1,
.devlopment-gallery-main .col-2,
.devlopment-gallery-main .col-3{ width: 33.3333%;}
.devlopment-gallery-main .img.img-3,
.devlopment-gallery-main .gallery-text{ height: 307px; }
.devlopment-gallery-main .img.img-2{ height: 424px; }
.bottom-image{ aspect-ratio: inherit; height: 190px; width: 601px;}
.devlopment-gallery-main.active-images .img.img-1{ height: 441px; }
.devlopment-gallery-main.active-images .img.img-3{ width: 601px;}	
.devlopment-gallery-main .gallery-text .text-inner p{ font-size: 18px;}	
.devlopment-gallery-main .img.f-icon img {width: 48px;}

}
@media (max-width: 1200px) {
 
}
@media (min-width: 768px) and (max-width: 991px) {
.devlopment-gallery-section{ padding: 64px 0;  } 
.devlopment-gallery-main{ max-width: 700px; }	
.devlopment-gallery-main .img.img-1{ height: 170px; }
.devlopment-gallery-main .img.f-icon {aspect-ratio: inherit; height: 118px;}
.devlopment-gallery-main .col-1,
.devlopment-gallery-main .col-2,
.devlopment-gallery-main .col-3{ width: 33.3333%;}
.devlopment-gallery-main .img.img-3,
.devlopment-gallery-main .gallery-text{ height: 207px; } 
.devlopment-gallery-main .img.img-2{ height: 288px; }
.bottom-image{ aspect-ratio: inherit; height: 127px; width: 601px;}
.devlopment-gallery-main.active-images .img.img-1{ height: 441px; }
.devlopment-gallery-main.active-images .img.img-3{ width: 601px;}	
.devlopment-gallery-main .gallery-text .text-inner p{ font-size: 16px;}	
.devlopment-gallery-main .img.f-icon img {width: 48px;}
}
@media (max-width: 767px) {
.bottom-image{ display: none;}
.devlopment-gallery-main .img.img-3 {display: none;}
.devlopment-gallery-main {flex-wrap: wrap;}
.devlopment-gallery-main .col-1,
.devlopment-gallery-main .col-2{ width: 50%;}
.devlopment-gallery-main .col-3{ width: 100%;}
.devlopment-gallery-main .img.img-1 img,
.devlopment-gallery-main  .img.img-2 img,
.devlopment-gallery-main  .img.img-3 img{ opacity: 1; }

.devlopment-gallery-main .gallery-text{ height:407px;  }
.devlopment-gallery-main .img.img-2{  height:auto; aspect-ratio: 195/318;border-top: solid 1px #BCC5D3; }
.devlopment-gallery-main .img.f-icon { border-top: solid 1px #BCC5D3; }
.devlopment-gallery-main .img.f-icon,
.devlopment-gallery-main .img.img-1{ height:auto; aspect-ratio: 195/159; }
.devlopment-gallery-main .img.f-icon img{ width: 46px;}
.devlopment-gallery-main .col-1{ flex-direction: column-reverse;}
.devlopment-gallery-section{ padding: 0 0;  } 
}