/* <style id="elementor-post-92850"> */
/* Start custom CSS for section, class: .elementor-element-2b3656cb */
/*! Style for products-common template */
/*! applied on all /products/... pages */
@keyframes progress_load_vertical {
    from {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

.st__banner .button-group .elementor-widget-wrap {
    flex-flow: row;
    gap: 10px
}

.st__banner .button-group .elementor-button {
    min-width: 180px
}

.st__banner .elementor-widget-video video {
    aspect-ratio: 1398/640;
    height: auto
}

@media screen and (max-width: 979px) {
    .st__banner {
        padding: 0!important
    }

    .st__banner .elementor-button:hover {
        border-color: #00c85f;
        background-color: #00c85f;
        color: #fff
    }

    .st__banner .elementor-widget-video video {
        aspect-ratio: 375/208
    }
}

.section-type-1 .link .elementor-heading-title::after, .section-type-2 .link .elementor-heading-title::after {
    background: url(/wp-content/uploads/2024/02/arrow-right-blue.png) 0 0/contain no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 7px;
    width: 12px
}

.section-type-1 .elementor-top-column > div > .elementor-widget-wrap, .section-type-2 .elementor-top-column > div > .elementor-widget-wrap {
    display: grid
}

.section-type-1 .heading-top, .section-type-2 .heading-top {
    grid-area: a
}

.section-type-1 .heading, .section-type-2 .heading {
    grid-area: b
}

.section-type-1 .image, .section-type-2 .image {
    grid-area: c
}

.section-type-1 .animated-items, .section-type-2 .animated-items {
    grid-area: c;
    z-index: 1
}

.section-type-1 .text, .section-type-2 .text {
    grid-area: d
}

.section-type-1 .link, .section-type-2 .link {
    grid-area: e
}

.multi-columns .link .elementor-heading-title::after {
    background: url(/wp-content/uploads/2024/02/arrow-right-blue.png) 0 0/contain no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 7px;
    width: 12px
}

.multi-columns .cards-container .elementor-row {
    gap: 30px
}

.multi-columns .card .elementor-widget-wrap {
    flex-flow: column
}

.multi-columns .card .image {
    overflow: hidden;
    flex: 1 0 auto;
    display: flex;
    justify-content: end;
    flex-flow: column
}

@media screen and (min-width: 980px) {
    .st__banner .elementor-button {
        font-weight: 700!important
    }

    .st__banner .button-group .elementor-button {
        font-weight: 700
    }

    .arcordion-autoslide > div :has(.arcordion-autoslide_slide-item) {
        position: unset
    }

    .arcordion-autoslide_slide-item {
        cursor: pointer;
        margin-left: 21px;
        margin-right: 80px;
        position: unset
    }

    .arcordion-autoslide_slide-item .elementor-container, .arcordion-autoslide_slide-item .elementor-row {
        position: unset
    }

    .arcordion-autoslide_slide-item.active .content-box .progress-bar .loader {
        animation: 5s linear progress_load_vertical;
        transform-origin: center top;
        background-color: #007bff;
        border-radius: 0 0 2px 2px;
        display: block;
        height: 100%
    }

    .arcordion-autoslide_slide-item.active .content-box .title .elementor-heading-title {
        color: #202124;
        font-size: 22px;
        font-weight: 32px
    }

    .arcordion-autoslide_slide-item.active .content-box .description {
        display: unset
    }

    .arcordion-autoslide_slide-item.active .content-box .description .elementor-heading-title {
        overflow: hidden;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-all
    }

    .arcordion-autoslide_slide-item.active .image-box {
        display: unset
    }

    .arcordion-autoslide_slide-item .content-box {
        width: 100%
    }

    .arcordion-autoslide_slide-item .content-box .progress-bar {
        background-color: #e6e8eb;
        height: 100%;
        left: -21px;
        list-style: none;
        position: absolute;
        top: 0;
        width: 3px
    }

    .arcordion-autoslide_slide-item .content-box .description {
        display: none
    }

    .arcordion-autoslide_slide-item .image-box {
        display: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 15px
    }

    .section-type-1 .heading-top, .section-type-2 .heading-top {
        margin-top: auto
    }

    .section-type-1 .link, .section-type-2 .link {
        margin-bottom: auto
    }

    .section-type-1 .elementor-widget-wrap {
        grid-template: "c top" 1fr "c a" auto "c b" auto "c d" auto "c e" auto "c bottom" 1fr/1fr 1fr
    }

    .section-type-2 .elementor-widget-wrap {
        grid-template: "top c" 1fr "a c" auto "b c" auto "d c" auto "e c" auto "bottom c" 1fr/1fr 1fr
    }

    .multi-columns .link {
        margin-bottom: auto
    }

    .multi-columns .card .elementor-image {
        aspect-ratio: 402/316;
        overflow: hidden
    }
}

@media screen and (max-width: 979px) {
    .st__banner .button-group .elementor-widget-wrap {
        flex-flow: row;
        align-items: center
    }

    .st__banner .button-group .elementor-button {
        min-width: 160px
    }

    .arcordion-autoslide .elementor-accordion-item {
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e8eb!important
    }

    .arcordion-autoslide .elementor-accordion-item .elementor-tab-title {
        position: relative
    }

    .arcordion-autoslide .elementor-accordion-item .elementor-accordion-icon {
        top: 50%;
        position: absolute
    }

    .arcordion-autoslide .elementor-accordion-item .elementor-accordion-icon svg {
        width: 12px
    }

    .arcordion-autoslide .elementor-accordion-item .elementor-accordion-icon-right {
        right: 0
    }

    .arcordion-autoslide .elementor-tab-content p:not(:has(img)) {
        padding-bottom: 20px
    }

    .arcordion-autoslide .elementor-tab-content img {
        display: block;
        width: 100%
    }

    .arcordion-autoslide .elementor-tab-content img.aligncenter {
        margin: auto
    }

    .arcordion-autoslide .elementor-tab-content img.alignright {
        margin-left: auto
    }

    .arcordion-autoslide .elementor-accordion-title {
        display: block
    }

    .section-type-1 .elementor-widget-wrap, .section-type-2 .elementor-widget-wrap {
        grid-template: "a" auto "b" auto "c" auto "d" auto "e" auto/1fr
    }
}

.btn-view-detail-price a:hover {
    color: #007bff!important;
    text-decoration: underline;
    text-underline-offset: 3px
}

.btn-view-detail-price a:hover svg path {
    fill: #007bff
}

/* End custom CSS */
/* </style> */