.imagesss2{position:relative;max-height:580px;overflow:hidden}
.imagesss2 img{width:100%;transform:scale(1);transition:transform .9s ease-out}
.imagesss2:hover img{transform:scale(1.1)}
.imagesss2 .img-overlay{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%;height:50%;transition:height .5s ease;z-index:2}
.imagesss2:hover .img-overlay{height:70%}
.imagesss2 .img-overlay::before,.imagesss2 .img-overlay::after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none;transition:opacity .4s ease}
.imagesss2 .img-overlay::before{background:linear-gradient(to top,#000f 0%,#0000 100%);opacity:1;z-index:1}
.imagesss2 .img-overlay::after{background:linear-gradient(to top,#ffd506ff 0%,#ffd54f00 100%);opacity:0;z-index:1}
.imagesss2:hover .img-overlay::after{opacity:1}
.imagesss2:hover .img-overlay::before{opacity:0}
.imagesss2 .img-overlay .text{position:absolute;bottom:15%;left:50%;transform:translate(-50%,15%);color:#fff;min-width:70%;z-index:3;text-shadow:0 2px 8px rgba(0,0,0,0.6), 0 0 10px rgba(255,255,255,0.3);}
.imagesss2 .img-overlay .text.mainhoonek{min-width:90%;}
.imagesss2:hover .img-overlay .text {text-shadow:none;color:var(--main-color2)}
.imagesss2 .img-overlay .text .huge{font-size:100px;line-height:1;font-family:var(--font2)}
.imagesss2 .img-overlay .text .huge.mainhoonek{font-size:40px;}
.imagesss2:hover .img-overlay .text .huge{-webkit-text-stroke:2px #f7e4ad;color:#0b1c05;text-shadow:0 2px 7px rgba(0,0,0,0.4),0 0 10px rgba(255,255,255,0.3);}
.jourpan{font-size:34px;}

@media(max-width:1399px){
.imagesss2 .img-overlay .text .huge{font-size:80px;}
.imagesss2 .img-overlay .text .huge.mainhoonek{font-size:32px;}
.jourpan{font-size:30px;}
}
@media(max-width:1199px){
.imagesss2 .img-overlay .text .huge{font-size:70px;}
.imagesss2 .img-overlay .text .huge.mainhoonek{font-size:36px;}
.jourpan{font-size:26px;}
}
@media(max-width:991px){
.imagesss2 .img-overlay .text .huge{font-size:60px;}
.imagesss2 .img-overlay .text .huge.mainhoonek{font-size:30px;}
.jourpan{font-size:22px;}
}
@media(max-width:575px){
.imagesss2,.imagesss2 img{border-radius:10px!important;}
.imagesss2 .img-overlay .text .huge{font-size:34px;}
.imagesss2 .img-overlay .text .huge.mainhoonek{font-size:28px;}
.jourpan{font-size:15px;}
}