/* GeneratePress Site CSS */ /*--- Elementor CSS Styles ---*/

/* Adjust button shadow and float animation */
.no-hover-shadow .elementor-button:not(:hover) {
    box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0) !important;
}

.elementor-animation-float:active,
.elementor-animation-float:focus,
.elementor-animation-float:hover {
    transform: translateY(-4px);
}

/* Create fake mobile scroll box */

.scroll-box .elementor-column-wrap {
    overflow: hidden;
    max-width: 50%;
    margin: auto;
    position: relative;
    box-shadow: inset 0 5px 10px 2px rgba(255, 255, 255, 0.3), 0 10px 15px -5px rgba(0, 0, 0, 0.5);
    ;

}

.scroll-box .elementor-widget-container {
    position: relative;
    border-radius: 30px;
		overflow: auto;
    padding-bottom: 216%;
}
.scroll-box .elementor-image {
	height: 0;
}

.scroll-box .elementor-image img {
    width: 100%;
	
}

.scroll-box .elementor-column-wrap:after {
    content: '';
    position: absolute;
    top: 2.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 2.5%;
    background-color: rgb(58, 58, 58);
    border-radius: 0 0 10px 10px;
}

/* Create Perspective classes */

@media (min-width: 769px) {

    .left-perspective,
    .right-perspective {
        perspective: 1000px;
    }

    body:not(.customize-partial-edit-shortcuts-shown):not(.elementor-editor-active) .left-perspective>.elementor-column-wrap {
        -webkit-transform: perspective(1000px) rotateY(15deg);
        transform: perspective(1000px) rotateY(15deg);
        -webkit-transition: -webkit-transform 0.3s ease-in;
        transition: -webkit-transform 0.3s ease-in;
        transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
        z-index: 1;
    }

    body:not(.customize-partial-edit-shortcuts-shown):not(.elementor-editor-active) .right-perspective>.elementor-column-wrap {
        -webkit-transform: perspective(1000px) rotateY(-15deg);
        transform: perspective(1000px) rotateY(-15deg);
        -webkit-transition: -webkit-transform 0.3s ease-in;
        transition: -webkit-transform 0.3s ease-in;
        transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in,
            -webkit-transform 0.3s ease-in;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    body:not(.customize-partial-edit-shortcuts-shown):not(.elementor-editor-active) .left-perspective:hover>.elementor-column-wrap {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);

    }

    body:not(.customize-partial-edit-shortcuts-shown):not(.elementor-editor-active) .right-perspective:hover>.elementor-column-wrap {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
} /* End GeneratePress Site CSS */