.mor-image { overflow:hidden; }







/* Base image class with zoom support via a custom property */



._img-fluid {



  max-width: 100%;



  height: auto;



  transition: transform 0.3s ease;



  /* 



    We apply a default scale transform here for "zoom".



    This property won't conflict if you only pick a single transform from each dropdown



    and you want to respect the scale from --zoom-level. 



    But be aware that any *other* transform class can override it.



  */



  transform: scale(var(--zoom-level, 1));



}







/* -------------------------



   Flip Classes



   ------------------------- */



/* Flips override the transform property entirely to flip the image. */



.flip-flipH {



  transform: scaleX(-1);



}







.flip-flipV {



  transform: scaleY(-1);



}







/* -------------------------



   Rotation Classes



   ------------------------- */



/* Each rotation class sets transform, which means it overrides other transforms. */



.rotate-90 {



  transform: rotate(90deg);



}







.rotate-180 {



  transform: rotate(180deg);



}







.rotate-270 {



  transform: rotate(270deg);



}







/* -------------------------



   Grayscale



   ------------------------- */



/* Simple filter for grayscale. This won't conflict with transform, but it *does* override other filters (like blur). */



.grayscale {



  filter: grayscale(100%);



}







/* -------------------------



   Blur Classes



   ------------------------- */



/* Each class sets the blur filter. If you need grayscale + blur, you'd have to combine them in a single rule



   or use something like .grayscale.blur-2 { filter: grayscale(100%) blur(2px); } etc. */



.blur-0 {



  filter: blur(0px);



}



.blur-1 {



  filter: blur(1px);



}



.blur-2 {



  filter: blur(2px);



}



.blur-3 {



  filter: blur(3px);



}



.blur-4 {



  filter: blur(4px);



}



.blur-5 {



  filter: blur(5px);



}



.blur-6 {



  filter: blur(6px);



}



.blur-7 {



  filter: blur(7px);



}



.blur-8 {



  filter: blur(8px);



}



.blur-9 {



  filter: blur(9px);



}



.blur-10 {



  filter: blur(10px);



}







.homepage-banner {background:var(--secondary-1);padding: 30px 0 60px;}



.homepage-banner .row {align-items:center;}



.homepage-banner h1, .homepage-banner p {max-width:70%}



.homepage-banner h1 {margin-bottom:15px;}







.homepage-banner .slick-track {/* max-width: 100%; */height:560px;}



.homepage-banner .slick-slide:nth-child(2n+1) {left: 0!important;/* position:absolute!important; */height: 560px!important;transition:0.5s ease;}



.homepage-banner .slick-slide:nth-child(2n+2) {left: 320px!important;/* position: absolute!important; */height: 560px!important;z-index:unset!important;transition:0.5s ease;}



.homepage-banner .slick-slide.slick-active {opacity:1!important; transition:0.5s ease;}



.homepage-banner .gallery-item {padding:5px 10px}



.homepage-banner .gallery-item img {object-fit:cover;border-radius:15px;width:100%}



.homepage-banner .slick-slide:nth-child(2n+1) > div:first-child img, .homepage-banner .slick-slide:nth-child(2n+2) > div:last-child img {height:320px}



.homepage-banner .slick-slide:nth-child(2n+1) > div:last-child img, .homepage-banner .slick-slide:nth-child(2n+2) > div:first-child img {height:210px}







@media (max-width:1365px) {



.homepage-banner .slick-slide:nth-child(2n+2) {left: 280px!important;} 



}



@media (max-width:1199px) {



.homepage-banner .slick-slide:nth-child(2n+2) {left: 220px!important;}



  .homepage-banner h1, .homepage-banner p {max-width:100%}



}



@media (max-width:991px) {



  .homepage-banner .slick-slide:nth-child(2n+2) {left:unset!important;}



  .homepage-banner .slick-slide:nth-child(2n+1) {left: 0!important;/* position:absolute!important; */height: unset!important;}



  .homepage-banner .slick-track {/* max-width: 100%; */height: 560px;}



}







.parallax {



  background-attachment: fixed!important;



  background-position: center!important;



  background-repeat: no-repeat!important;



  background-size: cover!important;



}



@media (max-width:991px) {

  .parallax {



  background-attachment:unset!important;



}

}



.parallax .content-area-wrap {background:rgba(0,0,0,0.5)}



.rounded-corners, .parallax.rounded-corners .content-area-wrap {border-radius:20px;}











@media (max-width:991px) {



 .right-top .left-col {order:2}



  .right-top .right-col {order:1}



}







.page-banner-style-4 {background:var(--secondary-1); padding-bottom:30px}



.page-banner-style-4 .col-lg-7 {height:500px;border-radius:20px 0 0 20px}



.page-banner-style-4 .col-lg-5 {border-radius: 0 20px 20px 0;display:flex;align-items:center;padding: 0 60px;justify-content: center;}



.page-banner-style-4 .col-lg-5 h1 {margin-bottom:0}







@media (max-width:991px) {



 .page-banner-style-4 .col-lg-7 {height:350px;border-radius:20px 20px 0 0} 



  .page-banner-style-4 .col-lg-5 {padding:30px; border-radius:0 0 20px 20px}



}