/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

#site-header,
#site-footer {
    display: none !important;
}

.container {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.header {
    z-index: 1111 !important;
    position: static !important;
    top: 0;
    width: 100%;
    transition: all 0.5s ease;
}

.header.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 11111 !important;
    background-color: #fff;
    animation: slideDown 0.5s ease-out;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.elementor-element.e-parent {
    scroll-margin-top: 160px;
}

.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button .elementor-button-icon {
    width: 36px;
    height: 36px;
    background-color: #F1F0EB;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gray-btn .elementor-button .elementor-button-icon {
    background-color: #fff;
}

.banner-text {
    mix-blend-mode: hard-light;
}

.info-text span {
    font-weight: 600 !important;
}

.info-text em,
.info-text strong {
    font-weight: 400;
    font-family: 'Instrument Serif';
    position: relative;
    font-style: italic;
}

.info-text em::before,
.info-text strong::before {
    content: "";
    width: 102%;
    height: 152%;
    background-image: url('./images/text-em-1.svg');
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: -24px;
    left: -8px;
}

.info-text strong::before {
    width: 109%;
    height: 160%;
    top: -18px;
    left: -22px;
    background-image: url('./images/text-em-2.svg');
}

.single-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
}

.marquee {
    overflow: hidden;
    display: flex;
    gap: 100px;
    opacity: 0.1;
}

.marquee p {
    white-space: nowrap;
    display: flex;
    gap: 100px;
}

.marquee p strong {
    font-weight: normal;
}

.work-block {
    transform: scale(0.91);
    transition: transform 0.4s ease;
}

.swiper-slide-active .work-block {
    transform: scale(1);
}

.work-block img {
    height: 531px;
    object-fit: cover;
    width: 100%;
    border: 3px solid #fff;
    border-radius: 30px;
    object-position: top;
}

.work-slider-arrow {
    margin: -71px 0 50px 0;
}

.work-button {
    display: flex;
    align-items: center;
    gap: 0 50px;
    justify-content: flex-end;
}

.work-button-next,
.work-button-prev {
    cursor: pointer;
    transition: transform 0.4s ease;
}

.work-button-next img,
.work-button-prev img {
    height: 17px;
    object-fit: contain;
}

.work-button-next:hover,
.work-button-prev:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

.mobile {
    display: none;
}

.error-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
}

.active-scroll .elementor-button {
    background-color: #EE8416 !important;
    color: #fff !important;
}

/* Responsive */
@media screen and (max-width: 1870px) {

    .container {
        max-width: 1250px;
    }

    .elementor-element.e-parent {
        scroll-margin-top: 150px;
    }

    .info-text em::before {
        top: -12px;
    }
}

@media screen and (max-width: 1299px) {
    .container {
        max-width: 1150px;
    }

    .elementor-element.e-parent {
        scroll-margin-top: 135px;
    }

    .info-text strong::before {
        top: -11px;
        left: -8px;
    }

    .work-block img {
        height: 440px;
    }
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 930px;
    }

    .work-block img {
        height: 400px;
    }
}

@media screen and (max-width: 991px) {
    .container {
        max-width: 730px;
    }

    .elementor-button .elementor-button-icon {
        width: 30px;
        height: 30px;
    }

    .work-block img {
        height: 300px;
    }

    .info-text strong::before {
        top: -7px;
        left: -3px;
    }

    .info-text em::before {
        top: -5px;
        left: -2px;
    }

    .work-slider-arrow {
        margin: -60px 0 30px 0;
    }

    .work-slider-arrow {
        display: none;
    }

    .work-slider-arrow.mobile {
        display: block;
        margin: 30px 0 0 0;
    }

    .work-button {
        justify-content: center;
    }

    .elementor-button-icon svg {
        height: 16px !important;
        width: 16px !important;
    }

    .head-button .elementor-button-content-wrapper {
        gap: 5px !important;
    }

    .head-button .elementor-button {
        padding: 5px 5px 5px 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .elementor-element.e-parent {
        scroll-margin-top: 160px;
    }
}