:root {
    --theme-primary-clr: #3498DB;
    --theme-secondary-clr: #ffffff;
}

.gotop-container {
    position: fixed;
    left: unset !important;
    top: unset !important;
    right: 25px;
    bottom: 25px;
    translate: 100px;
    transition: translate 500ms ease;
    z-index: 10000;

    &.left {
        right: unset !important;
        left: 25px !important;
        translate: -100px;
    }

    &.show {
        translate: 0px;
    }
}

.ata-preloader img {
    max-width: 250px;
    height: auto;
    margin-bottom: 10px;
}

.btn-whatsapp-pulse {
    background: #3498DBff;
    color: #fff;
    right: unset; left: 25px;
}

#YUGBTROETT {
    .overlay-content {
        input {
            border-radius: 0 15px 15px 0 !important;
        }
    }

    .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;

        >* {
            flex: 1;

            &:nth-child(1)>* {
                justify-content: start;
            }

            &:nth-child(3)>* {
                justify-content: end;
            }

            @media (min-width: 768px) {
                width: unset;
            }

            @media (max-width: 767px) {
                width: unset;
            }

            @media (width < 1025px) {
                &:nth-child(1)>* {
                    justify-content: center;
                }
            }
        }

        @media (width < 1025px) {
            .main-menu {
                order: -1;
            }
        }

        a.ata-popsearch {
            padding: 10px;
        }
    }

    img {
        display: block;
        object-fit: contain;
    }

    .menu svg {
        margin-inline-start: 0.25rem;
    }

    #top_header_YUGBTROETT_el {
        background-color: #12161f;

        * {
            color: #fff;
        }
    }

    .main-header {
        background-color: #ffffff;
    }

    .elementor-element-10b31b6,
    .elementor-element-518587f {
        max-width: unset;
        width: fit-content;
    }

    h3.number {
        display: flex;
        flex-direction: row-reverse;
    }

    #logo_YUGBTROETT_el {
        display: grid;
        place-content: center;
    }

    .menu-item.level-0 {
        text-wrap-mode: nowrap;

        @media (width < 996px) {
            font-size: 0.75rem;
        }
    }

    #mobile_menu_YUGBTROETT_el {
        .menu-item-has-children {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;

            >svg {
                margin-inline-end: 0.25rem;
            }

            .sub-menu {
                flex: 1 0 100%;
            }
        }
    }

    .phone-nav-toggle {
        font-size: 1.25rem;
    }


    img.logo {
        width: -1px;
        height: 60px;
        mix-blend-mode: normal;

        @media (width < 768px) {
            height: 100px;
        }
    }
}#NGOFLGQXYI {
    #breadcrumb_NGOFLGQXYI_el>* {
        &:not(:last-of-type):after {
            content: "/";
            padding-inline: 0.5rem;
        }
    }
}#ZSFHYRIDTY {
    .text {
        --line-clamp: 10;
        text-align: justify;
    }

    .title {
        --line-clamp: 0;
    }

    img {
        object-fit: cover;
    }
}#GAYSFMKJBF {
    .card-text {
        --line-clamp: 1;
        text-align: center;
        margin-block-start: 0.5rem;
    }

    .card-title {
        --line-clamp: [CardTitleLineClamp];
    }

    img {
        width: 100%;
        height: 150px;
        border-radius: 15px;
        object-fit: cover;
    }
}#WPNRCDDMAH {
    .text {
        --line-clamp: 0;
        text-align: justify;
        color: #fff;
    }

    .heading {
        --line-clamp: 1;
    }

    .title {
        --line-clamp: 1;
    }

    .elementor-background-overlay {
        opacity: calc(78 / 100);
    }
}#KXWYNJLMGK {
    .card-title-container {
        height: 250px;
        overflow: clip;
    }

    .card-title {
        --line-clamp: 0;
        color: #fff;
    }

    .card-text {
        --line-clamp: [cardTextClamp];
        text-align: jusitfy;
        color: #fff;
    }

    .text {
        --line-clamp: 10;
        text-align: justify;
        color: #111;
    }

    a:has(img) {
        display: block;
        img {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }
    }

}#ENIJZXIJRM{
    .bg-section {
        background-image: url(https://cdn.sqp.ir/Templates/Shamim/assets/images/footer3.jpg);
    }

    .elementor-background-overlay {
        background-color: #02031b;
        opacity: calc(70 / 100);
    }

    img {
        height: 70px;
        object-fit: contain;
    }
}