.markino-image-box .markino-image-box-img {
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    overflow: hidden;
    cursor: pointer;

}

.markino-image-box .markino-image-box-img img {
    animation-duration: 15s;
}

.markino-image-box.hover-image-scroll:hover .markino-image-box-img img {
    transform: translateY(calc(-100% + 500px));
    transition: 5s ease-out;
}

.markino-image-box .elementor-image-box-content .markino-image-box-title a {
    color: var(--color-theme-primary);
}

.markino-image-box .elementor-image-box-content .markino-image-box-title a:hover {
    color: var(--color-theme-secondary);
}

.markino-image-box .elementor-image-box-content .markino-image-box-description {
    margin-bottom: 0;
}


.markino-image-box.hover-image-scroll .markino-image-box-img img {
    width: 100%;
    object-fit: cover;
    transform: translateY(0);
    transition: 5s ease-out;
}

/*******Image Scroll Effect**********/
.markino-image-box.hover-image-scroll .markino-image-box-img {
    cursor: pointer;
    height: 500px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    overflow: hidden;
}

.markino-image-box.hover-image-scroll .markino-image-box-img img {
    width: 100%;
    object-fit: cover;
    transform: translateY(0);
    transition: 5s ease-out;
}

.markino-image-box.hover-image-scroll:hover .markino-image-box-img img {
    transform: translateY(calc(-100% + 500px));
    transition: 5s ease-out;
}

.markino-image-box .elementor-image-box-content {
    margin-top: 32px;
}

/*========================
image-box-slide
==============================*/

.image-box-bg{
    position: absolute;
    left: 29vw;
    top: -2px;
}

.image-box-bg img{
    width: 38.75vw;
    height: 44.740177439797215vh !important;
}

.markino-image-box-slider.markino-style1 .owl-stage-outer .owl-stage .owl-item.active.center .markino-image-box{
    position: relative;
    padding-bottom: 14px;
}

.markino-image-box-slider.markino-style1 .owl-stage-outer .owl-stage .owl-item.active .markino-image-box .markino-image-box-img img{
    transform: scale(0.8);
    box-shadow: 5px 3px 18px 5px rgba(0, 0, 0, 0.15);
}


.markino-image-box-slider.markino-style1 .owl-stage-outer .owl-stage .owl-item.active.center .markino-image-box .markino-image-box-img img{
    transform: scale(1);
    box-shadow: none;
    border-radius: 20px 20px 0 0;
}

.markino-image-box-slider.markino-style1.owl-carousel.owl-loaded  .owl-nav{
    margin-top: 100px;
    position: relative;
}

.markino-image-box-slider.markino-style1.owl-carousel.owl-loaded  .owl-nav Button.owl-prev,
.markino-image-box-slider.markino-style1.owl-carousel.owl-loaded  .owl-nav Button.owl-next{
    top: auto;
    bottom: 0;
    transform: none;
}

.markino-image-box-slider.markino-style1.owl-carousel.owl-loaded  .owl-nav Button.owl-prev{
    left: 120px;
}

.markino-image-box-slider.markino-style1.owl-carousel.owl-loaded  .owl-nav Button.owl-next{
    right: 120px;
}

/*=================
responsive
======================*/

@media (min-width: 1601px){
    .image-box-bg img{
        height: 45.740177439797215vh !important;
    }
}

@media (max-width: 1199px){
    .image-box-bg{
        display: none;
    }

    .markino-image-box-slider.markino-style1 .owl-stage-outer .owl-stage .owl-item.active.center .markino-image-box .markino-image-box-img img{
        border-radius: 0;
    }
}

@media (max-width: 785px){
    .markino-image-box-slider.markino-style1 .owl-stage-outer .owl-stage .owl-item.active.center .markino-image-box .markino-image-box-img img{
        border-width: 0;
        border-radius: 0;
    }
}
 