/* === Scroll to Top Button === */
#scrollToTopBtn {
    position: fixed;
    right: 24px;
    bottom: 32px;
    z-index: 9999;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    display: block;
}
#scrollToTopBtn.show {
    opacity: 1;
    pointer-events: auto;
}
/* GENERAL */
html {
    /* Override Bootsrap scroll-behaviour: smooth */
    scroll-behavior: auto !important;
    --pt-calc: 150px;
}
.grecaptcha-badge { 
    opacity:0; 
}
.text-balance {
    text-wrap: balance;
}
.zIndex-0 {
    z-index: 0;
}
.zIndex-1 {
    z-index: 1;
}
.zIndex-2 {
    z-index: 2;
}
.wrapper {
    padding: 0;
}
section {
    position: relative;
}
.img-container img {
    width: 100%;
}
.brd-t {
    border-top: 1px solid var(--color-black);
}
.brd-t-dgray {
    border-top: 1px solid var(--color-gray);
}
.brd-b {
    border-bottom: 1px solid var(--color-black);
}
.brd-l {
    border-left: 1px solid var(--color-black);
}
.brd-l-gray {
    border-left: 1px solid var(--color-gray); 
}
.brd-r {
    border-right: 1px solid var(--color-black);
}
.brd-l-tablet {
    border: none;
}
@media (min-width: 1200px) {
    .brd-l-tablet {
        border-left: 1px solid var(--color-gray);
    }
}
.brd-t-mob {
    border-top: 1px solid var(--color-gray);
}
@media (min-width: 768px) and (max-width: 1199px) {
    .brd-l-tablet {
        border-left: transparent;
    }
}
@media (min-width: 1200px) {
    .brd-t-mob {
        border-top: transparent;
    }
}
.img-container, .video-container {
    position: relative;
    overflow: hidden;
}
.img-container img, .video-container video {
    width: 100%;
}
.fit-cover img {
    -o-object-fit: cover;
       object-fit: cover;
}
.bg-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
}
.abs-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .3s cubic-bezier(0.23, 1, 0.320, 1);
    -o-transition: color .3s cubic-bezier(0.23, 1, 0.320, 1);
    transition: color .3s cubic-bezier(0.23, 1, 0.320, 1);
}
a:hover {
    color: var(--color-red);
}
.abs-pos {
    position: absolute;
}
.rad10 {
    border-radius: 10px;
}
.rad20 {
    border-radius: 20px;
}
.gap5 {
    gap: 5px;
}
.orange-skew {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 175px;
    width: auto;
    background: var(--color-orange);
    padding: 22px 42px;
    z-index: 1;
}
.orange-skew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 101%;
    background: inherit;
    z-index: -1;
    transform: skewX(-10deg);
}
.black-skew {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 175px;
    width: auto;
    background: var(--color-black);
    padding: 22px 42px;
    z-index: 1;
}
.black-skew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 101%;
    background: inherit;
    z-index: -1;
    transform: skewX(-10deg);
}
.dropdown-item.active, .dropdown-item:active {
    color: #1e2125;
    background-color: #e9ecef;
}
/* The Content */
.theContent > *:last-child {
    margin-bottom: 0 !important;
}
/* breadcrumbs */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: var(--color-black);
}
/* END GENERAL */
/* ABOUT */
.section-orange-skew {
    height: 60px;
    width: 250px;
    position: absolute;
    top: -59px;
    left: 0;
    background: var(--color-orange);
}
@media (min-width: 744px) {
    .section-orange-skew {
        width: 400px;
    }
}
@media (min-width: 1200px) {
    .section-orange-skew {
        width: 500px;
    }
}
@media (min-width: 1800px) {
    .section-orange-skew {
        height: 100px;
        width: 600px;
        top: -80px;
    }
}
.section-orange-skew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 100%;
    background: var(--color-orange);
    z-index: 1;
    transform: skewX(-10deg);
}
.section-green-skew {
    height: 60px;
    width: 250px;
    position: absolute;
    top: -60px;
    left: 0;
    background: var(--color-light-green);
}
@media (min-width: 744px) {
    .section-green-skew {
        width: 400px;
    }
}
@media (min-width: 1200px) {
    .section-green-skew {
        width: 500px;
    }
}
@media (min-width: 1800px) {
    .section-green-skew {
        height: 100px;
        width: 800px;
        top: -80px;
    }
}
.section-green-skew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    height: 100%;
    background: var(--color-light-green);
    z-index: -1;
    transform: skewX(-10deg);
}
@media (max-width: 992px) {
    .layout-about .mob-e-padding {
        transform: translateX(+15px);
    }
    .layout-about .mob-e-padding2 {
        transform: translateX(+50px);
    }
}
.layout-about .shadow {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}
.layout-about .pos-abs {
    position: absolute;
}
.layout-about .ratio-company-images{
    position: relative;
    aspect-ratio: 416 / 570;
}
.ratio-company-images img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.values-container > div:last-child {
    margin-bottom: 0 !important;
}
.layout-about .partners-frame {
    border: none;
    border-radius: 10px;
    background: var(--color-white);
    padding: 40px;
    justify-items: center;
}
@media (min-width: 768px) {
    .layout-about .partners-frame {
        padding: 60px;
    }
}
@media (min-width: 1200px) {
    .layout-about .partners-frame {
        padding: 80px;
    }
}
@media (min-width: 1920px) {
    .layout-about .partners-frame {
        padding: 105px 143px 135px 143px;
    }
}

.layout-about .collab-svg {
    width: 30px;
    height: 30px;
}
@media (min-width: 768px) {
    .layout-about .collab-svg {
        width: 40px;
        height: 40px;
    }
}
.layout-about .gray-frame {
    background: #E5E5E5;
    padding: 20px;
    border-radius: 10px;
    border: none;
}
@media (min-width: 768px) {
    .layout-about .gray-frame {
        padding: 50px;
    }
}
.layout-about .values {
    position: relative;
    display: inline-flex;
    width: auto;
    flex-wrap: wrap;
    padding: 30px;
    z-index: 1;
    gap: 20px;
    background: var(--color-white);
}
@media (min-width: 768px) {
    .layout-about .values {
        padding: 20px 0px 50px 30px;
        background: transparent;
    }
}
@media (min-width: 1200px) {
    .layout-about .values {
        padding: 30px 0px 80px 70px;
        transform: translateX(-30px);
    }
}
@media (min-width: 768px) {
    .layout-about .values::before {
        content: '';
        position: absolute;
        top: 0;
        left: -10px;
        width: calc(100% + 20px);
        height: 100%;
        background: var(--color-white);
        z-index: -1;
        transform: skewX(-10deg);
    }
}
.layout-about .small-container-grid > div:nth-last-child(-n+2) {
    padding-bottom: 0 !important;
}
.layout-about .goals {
    height: 100%;
    min-height: 200px;
    border: none;
    border-radius: 10px;
    background: var(--color-white);
    padding: 30px 25px;
}
@media (min-width: 768px) {
    .layout-about .goals {
        min-height: 270px;
    }
}
.layout-about .strategies {
    height: 258px;
    border: none;
    border-radius: 10px;
    background: var(--color-white);
    padding: 30px 25px;
    display: grid;
    align-content: space-between;
}
.layout-about .vcarousel-cell {
    position: relative;
    margin: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.layout-about .vstacked-container {
    background: var(--color-white);
    padding: 30px 25px;
    border-radius: 10px;
}
.layout-about .vstacked-container:last-child {
    margin-bottom: 0 !important;
}
@media (min-width: 768px) {
    .layout-about .clip-right {
        clip-path: polygon(0 0, 100% 0% , 72% 100%, 0% 100%);
    }
}
@media (min-width: 992px) {
    .layout-about .clip-right {
        clip-path: polygon(0 0, 100% 0% , 80% 100%, 0% 100%);
    }
}
.layout-about .s3aspect-ratio {
    position: relative;
    aspect-ratio: 1 / 1;
}
.layout-about .s3aspect-ratio img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
@media (min-width: 992px) {
    .layout-about .s3aspect-ratio {
        aspect-ratio: 826 / 1126;
    }
    .layout-about .s3aspect-ratio img {
        position: relative;
    }
}
.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top,rgba(0, 0, 0, 0.4) 40%,rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
}
.vcarousel-cell>.inner-container-about {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    max-width: 100%; 
    /* aspect-ratio: 460 / 430; */
    aspect-ratio: 300 / 390;
    padding: 40px 30px 30px 30px;
    border-radius: 10px;
}
@media (min-width: 768px) {
    .vcarousel-cell>.inner-container-about {
        width: 350px;
        aspect-ratio: 350 / 430;
    }
}
@media (min-width: 1200px) {
    .vcarousel-cell>.inner-container-about {
        width: 420px;
        aspect-ratio: 416 / 390;
    }
}
.img_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* END ABOUT */
/* CONTACT */
.layout-contact iframe {
    border: 0;
    border-radius: 20px;
    width: 100%;
    height: 400px;
}
@media(min-width: 1200px) {
    .layout-contact iframe {
        height: 560px;
    }
}
/* CONTACT FORM */
.underlined {
    text-decoration: underline;
}
.wpcf7 {
    max-width: 100%;
}
.wpcf7 .wpcf7-form p {
    margin-bottom: 0;
}
/* .wpcf7 .wpcf7-form label {
    width: 100%;
    background-color: var(--color-lbeige);
} */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea {
    width: 100%!important;
    background: var(--color-lbeige) !important;
    border: none !important;
    border-radius: 0;
    border-bottom: 1px solid var(--color-black) !important;
    color: var(--color-black) !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 0.875rem;
    padding: 0!important;
    margin: 0;
    height: 2.5rem;
}
@media (min-width: 768px) {
    .wpcf7 input[type=text],
    .wpcf7 input[type=email],
    .wpcf7 input[type=tel],
    .wpcf7 textarea {
        font-size: 1rem;
    }
}
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder,
.wpcf7 input[type=tel]::placeholder,
.wpcf7 textarea::placeholder {
    color: var(--color-deep-gray);
}
.wpcf7-list-item {
    margin: 0;
}
/* END CONTACT FORM */
/* END CONTACT */
/* single */
.layout-single .aspect-ratio {
    aspect-ratio: 1462 / 655;
}
.layout-single .aspect-ratio img {
    height: 100%;
    object-fit: cover;
}
.layout-single .theContent p {
    margin-bottom: 30px;
}
/* END single */
/* blog */
.layout-blog .aspect-ratio {
    aspect-ratio: 465 / 282;
}
.layout-blog .aspect-ratio img {
    height: 100%;
    object-fit: cover;
}

.form-control:focus {
    box-shadow: none;
}
/* Resellerers */
.layout-resellers .theContent h1,
.layout-resellers .theContent h2,
.layout-resellers .theContent h3,
.layout-resellers .theContent h4,
.layout-resellers .theContent h5,
.layout-resellers .theContent h6,
.layout-resellers .theContent p {
    font-size: 1rem; /* 16 */
    line-height: 140%;
    margin-bottom: 1rem;
}
@media (min-width: 1200px) {
    .layout-resellers .theContent h1,
    .layout-resellers .theContent h2,
    .layout-resellers .theContent h3,
    .layout-resellers .theContent h4,
    .layout-resellers .theContent h5,
    .layout-resellers .theContent h6,
    .layout-resellers .theContent p {
        font-size: calc(1rem + ((1vw - 0.75rem) * 0.3333)); /* 16 - 18 */
    }
}
@media (min-width: 1800px) {
    .layout-resellers .theContent h1,
    .layout-resellers .theContent h2,
    .layout-resellers .theContent h3,
    .layout-resellers .theContent h4,
    .layout-resellers .theContent h5,
    .layout-resellers .theContent h6,
    .layout-resellers .theContent p {
        font-size: 1.125rem; /* 18 */
    }
}
.layout-warranty .theContent h1,
.layout-warranty .theContent h2,
.layout-warranty .theContent h3,
.layout-warranty .theContent h4,
.layout-warranty .theContent h5,
.layout-warranty .theContent h6,
.layout-warranty .theContent p {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.4902)); /* 16 - 18 */
    line-height: 140%;
    margin-bottom: 1rem;
}

@media (min-width: 1200px) {
    .layout-warranty .theContent h1,
    .layout-warranty .theContent h2,
    .layout-warranty .theContent h3,
    .layout-warranty .theContent h4,
    .layout-warranty .theContent h5,
    .layout-warranty .theContent h6,
    .layout-warranty .theContent p {
        font-size: calc(1.125rem + ((1vw - 0.75rem) * 0.3333)); /* 18 - 20 */
        line-height: 130%;
    }

}
@media (min-width: 1800px) {
    .layout-warranty .theContent h1,
    .layout-warranty .theContent h2,
    .layout-warranty .theContent h3,
    .layout-warranty .theContent h4,
    .layout-warranty .theContent h5,
    .layout-warranty .theContent h6,
    .layout-warranty .theContent p {
        font-size: 1.25rem; /* 20 */
    }
}
.brd-none {
    border: none;
}
/* END Resellerers */
/* warranty */
.layout-warranty .aspect-ratio {
    aspect-ratio: 150 / 100;
}
@media (min-width: 992px) {
    .layout-warranty .aspect-ratio {
        aspect-ratio: 800 / 1000;
    }
}
.layout-warranty .aspect-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.overlay-right {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-light-gray2);
    clip-path: polygon(100% 0, 68% 101% , 101% 100%);
}
.layout-warranty .content-box .content-item:last-child {
    padding-bottom: 0 !important;
}
/* END warranty */
/* Facewp */
.facetwp-pager .facetwp-page.prev, .facetwp-pager .facetwp-page.next {
    font-size: 0;
    padding: 0;
    border: 1px solid var(--color-deep-gray);
}
.facetwp-page.next::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.671875%201.30859L6.67187%206.15426L0.671875%2010.9999%22%20stroke%3D%22%23909090%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.facetwp-page.prev::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.17187%201.30859L1.17188%206.15426L7.17188%2010.9999%22%20stroke%3D%22%23909090%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* account tables */
@media (max-width: 1200px) {
    .woocommerce table.shop_table_responsive tr.collapse:not(.show),
    .woocommerce-page table.shop_table_responsive tr.collapse:not(.show) {
        display: none;
    }
    .woocommerce table.shop_table_responsive tr.collapse.show,
    .woocommerce-page table.shop_table_responsive tr.collapse.show {
        display: table-row;
    }
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23ffffff"/></svg>');
    content: "";
    display: block;
    height: 22px;
    width: 22px
}
.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23ffffff"/></svg>')
}
/* MARQUEE */
.marquee-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 115px;
    width: 300px;
    background: var(--color-orange);
    transform: translateX(-5%) skewX(-10deg);
    z-index: 1;
}
.marquee {
    position: relative;
    width: 100%;
    padding: 60px 0 50px;
}
.marquee__text {
    overflow: hidden;
}
.marquee__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.marquee__sentence {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: inherit;
}
/* MARQUEE END */