/* General */
html {
    /* Override Bootsrap scroll-behaviour: smooth */
    scroll-behavior: auto !important;
    --pt-calc: 200px;
}
body {
    overflow-x: hidden;
}
.otgs-development-site-front-end {
    display: none !important;
}
.pt-calc {
    padding-top: var(--pt-calc, 68px);
}
.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;
}
.text-balance {
    text-wrap: balance;
}
.text-decoration-underline {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
.brd-l {
    border-left: 1px solid var(--color-black);
}
.brd-r {
    border-right: 1px solid var(--color-black);
}
.brd-t {
    border-top: 1px solid var(--color-black);
}
.brd-b {
    border-bottom: 1px solid var(--color-black);
}
@media(min-width: 992px) {
    .brd-lg-l {
        border-left: 1px solid var(--color-black);
    }
    .brd-lg-r {
        border-right: 1px solid var(--color-black);
    }
    .brd-lg-t {
        border-top: 1px solid var(--color-black);
    }
    .brd-lg-b {
        border-bottom: 1px solid var(--color-black);
    }
}
.brd-dgray {
    border-color: var(--color-dgray);
}
.rad-5 {
    border-radius: 5px;
}
.rad-10 {
    border-radius: 10px;
}
.rad-20 {
    border-radius: 20px;
}
.rad-30 {
    border-radius: 30px;
}
.rad-round {
    border-radius: 50%;
}
.img-container, .video-container {
    position: relative;
    overflow: hidden;
}
.img-container img, .video-container video {
    width: 100%;
}
.abs-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fit-contain img {
    -o-object-fit: contain;
       object-fit: contain;
}
.fit-cover img {
    -o-object-fit: cover;
       object-fit: cover;
}
.parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
}
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-blue);
}
/* .a-block {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
    will-change: opacity, visibility, transform;
} */
.facetwp-facet-pagination {
    display: inline-flex;
    justify-content: center;
}
.modal {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.info-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25,0C11.22,0,0,11.22,0,25s11.22,25,25,25,25-11.22,25-25S38.78,0,25,0Zm0,48c-12.68,0-23-10.32-23-23S12.32,2,25,2s23,10.32,23,23-10.32,23-23,23Zm1.51-27.53v16.46c0,.22-.14,.36-.36,.36h-2.3c-.22,0-.36-.14-.36-.36V20.47c0-.22,.14-.36,.36-.36h2.3c.22,0,.36,.14,.36,.36Zm.07-7.21v2.62c0,.22-.15,.36-.36,.36h-2.44c-.22,0-.36-.14-.36-.36v-2.62c0-.22,.14-.36,.36-.36h2.44c.22,0,.36,.14,.36,.36Z'/%3E%3C/svg%3E");
    vertical-align: top;
    margin-right: 5px;
}
@media (min-width: 1200px) {
    .info-icon {
        margin-right: 10px;
    }
}
.doc-icon {
    display: inline-block;
    width: 20px;
    height: 27px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40'%3E%3Cpath d='M28,2V38H2V2H28m2-2H0V40H30V0h0Z' style='fill:%23fff;'/%3E%3Cg%3E%3Cline x1='7' y1='11' x2='23' y2='11' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cline x1='7' y1='16' x2='23' y2='16' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cline x1='7' y1='21' x2='23' y2='21' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cline x1='7' y1='26' x2='14' y2='26' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3C/g%3E%3C/svg%3E");
    vertical-align: top;
}
@media (min-width: 1200px) {
    .doc-icon {
        width: 30px;
        height: 40px;
    }
}
.password-toggle {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.1 28.1'%3E%3Cpath d='M22.87,6.88s-.11-.05-.16-.07L27.81,1.71c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-8.87,8.87c-.98-.7-2.18-1.11-3.47-1.11-3.31,0-6,2.69-6,6,0,1.08,.29,2.13,.83,3.05,.09,.15,.22,.26,.36,.34l-2.44,2.44c-2.11-1.4-3.78-3.41-4.69-5.84,1.81-4.8,6.56-8,11.94-8,1.08,0,2.15,.13,3.19,.39,.54,.13,1.08-.2,1.21-.73s-.19-1.08-.73-1.21c-1.19-.29-2.43-.44-3.67-.44-6.35,0-11.95,3.89-13.95,9.68-.07,.21-.07,.44,0,.65,.98,2.86,2.85,5.26,5.26,6.95L.29,26.4c-.39,.39-.39,1.02,0,1.41,.19,.19,.45,.29,.71,.29s.51-.1,.71-.29l5.42-5.43c2.08,1.07,4.44,1.67,6.92,1.67,6.35,0,11.95-3.89,13.94-9.68,.07-.21,.07-.44,0-.65-.94-2.74-2.72-5.11-5.12-6.85h0Zm-12.82,7.17c0-2.21,1.79-4,4-4,.74,0,1.42,.22,2.02,.57l-5.47,5.47c-.36-.61-.55-1.32-.55-2.03h0Zm4,8c-1.92,0-3.77-.42-5.42-1.16l8.86-8.86c.35,.6,.57,1.28,.57,2.02,0,2.21-1.79,4-4,4-.55,0-1,.45-1,1s.45,1,1,1c3.31,0,6-2.69,6-6,0-1.29-.42-2.49-1.11-3.47l2.46-2.46c.07,.15,.16,.28,.3,.38,1.98,1.43,3.45,3.34,4.29,5.55-1.81,4.8-6.56,8-11.94,8h0Z'/%3E%3C/svg%3E");
    border: none;
    outline: none!important;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    margin: 0;
}
.password-toggle.password-visible {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.01 20'%3E%3Cpath d='M14,20C7.65,20,2.05,16.11,.05,10.33c-.07-.21-.07-.44,0-.65C2.05,3.89,7.65,0,14,0s11.95,3.89,13.95,9.67c.07,.21,.07,.44,0,.65-1.99,5.79-7.6,9.67-13.95,9.67h0ZM2.06,10c1.81,4.8,6.56,8,11.94,8s10.13-3.2,11.94-8c-1.81-4.8-6.56-8-11.94-8S3.87,5.2,2.06,10Zm11.94,6c-3.31,0-6-2.69-6-6s2.69-6,6-6,6,2.69,6,6-2.69,6-6,6Zm0-10c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Z'/%3E%3C/svg%3E");
}
.offcanvas-start, .offcanvas-end {
    border: none!important;
}
/* ARTWORKS LOOP */
:root {
    --row-gap: 10px;
}
.layout-artworks .artwork-row {
    column-gap: var(--row-gap);
}
.artwork-row > * {
    width: calc(50% - var(--row-gap));
    flex-shrink: 1;
}
.layout-artworks .artwork-item {
    /* width: 344px; */
    max-width: 100%;
    text-align: center;
}
@media (min-width: 744px) {
    :root {
        --row-gap: 40px;
    }
    .layout-artworks .artwork-item {
        width: calc(35.33333% - var(--row-gap));
    }
}
@media (min-width: 1200px) {
    :root {
        --row-gap: 100px;
    }
    .layout-artworks .artwork-item {
        width: calc(25% - var(--row-gap));
    }
}
.layout-artworks .artwork-item .img-container img {
    transition: transform 0.3s ease-out;
}
.layout-artworks .artwork-item .img-container img:hover {
    transform: scale(1.05);
}
/* END ARTWORKS LOOP */
/* SINGLE ARTWORK + PRODUCT EDITS */
.artwork .img-container img, .single-product .gallery-wrapper .img-container img {
    max-width: 280px;
    max-height: 450px;
    object-fit: contain;
}
.artwork .row-wrapper .gallery-container, .single-product .row-wrapper .gallery-container {
    height: calc(74vh - var(--pt-calc, 68px));
}
.artwork .row-wrapper .popup_gallery, .single-product .row-wrapper .popup_gallery {
    height: 100%;
    /* overflow: hidden; */
    overflow: auto;
}
/* .artwork .gallery-wrapper, .artwork .content-wrapper {
    height: 100%;
    overflow-y: auto;
} */
.artwork .gallery-wrapper::-webkit-scrollbar, .artwork .content-wrapper::-webkit-scrollbar {
    width: 1px;
}
.artwork .gallery-wrapper::-webkit-scrollbar-track, .artwork .content-wrapper::-webkit-scrollbar-track {
    background: var(--color-gray);
}
.artwork .gallery-wrapper::-webkit-scrollbar-thumb, .artwork .content-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--color-dgray);
    /* border-radius: 6px; */
    /* border: 1px solid var(--color-white); */
}
.artwork .gallery-draggable, .single-product .gallery-draggable {
    /* Prevent page scroll chaining - multiple fallbacks */
    /* overscroll-behavior: contain; */
    /* overscroll-behavior-y: contain; */
    /* touch-action: none; */
    position: relative;
    isolation: isolate;
    /* Additional containment */
    contain: layout style;
}
.artwork .gallery-draggable::-webkit-scrollbar, .single-product .gallery-draggable::-webkit-scrollbar {
    display: none;
}
.artwork .gallery-slide, .single-product .gallery-slide {
    scroll-snap-align: start;
    /* min-height: 400px; */
    /* max-height: calc(80vh - var(--pt-calc, 68px)); */
    /* height: 100%; */
    max-height: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: block;
}
.artwork .gallery-slide.single-slide, .single-product .gallery-slide.single-slide {
    top: 50%;
    transform: translateY(-50%);
}
.artwork .gallery-slide a, .single-product .gallery-slide a {
    display: inline-block;
    max-height: 100%;
    /* height: 100%; */
}
.artwork .gallery-nav-dots, .single-product .gallery-nav-dots {
    padding-left: calc(var(--vs-gutter-x) * 2) !important;
    position: absolute;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 34px;
    z-index: 10;
}
.artwork .gallery-nav-dot, .single-product .gallery-nav-dot {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transform: translateX(-50%);
}
.artwork .gallery-nav-dot::before, .single-product .gallery-nav-dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-gray);
    transform: translate(-50%, -50%);
    transition: background 0.3s ease;
}
.artwork .gallery-nav-dot.active::before, .single-product .gallery-nav-dot.active::before {
    background: var(--color-black);
}
.pswp {
    --pswp-bg: #ffffff;
    --pswp-placeholder-bg: #fff;
}
.pswp__button--close {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 15px;
}
.pswp__button--close svg * {
    transform-origin: center;
    transition: fill 0.3s ease, transform 0.3s ease;
}
.pswp__button--close:hover svg * {
    fill: var(--color-blue) !important;
    transform: scale(0.8);
}
@media(min-width: 744px) {
    .pswp__button--close {
        top: 30px;
        right: 30px;
    }
}
.pswp__counter, .pswp--zoom-allowed .pswp__button--zoom {
    display: none!important;
}
.pswp__img,
.pswp__container,
.pswp__content,
.pswp__bg,
.pswp__zoom-wrap,
.pswp {
    cursor: default !important;
}
.post-navigation {
    position: absolute;
    top: 50vh;
    right: 0;
    padding-right: var(--vs-gutter-x);
    transform: translateY(-50%);
}
.artwork .scrolldown {
    position: absolute;
    right: 40px;
    transition: transform 0.3s ease-out;
}
.artwork .scrolldown.scrolled {
    transform: rotate(180deg);
}
.touchpop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 130px;
    height: 130px;
    background: var(--color-blue);
    border-radius: 50%;
    color: var(--color-white);
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.touchpop svg {
    width: 30px;
}
@media (min-width: 744px) {
    .artwork .gallery-nav-dots, .single-product .gallery-nav-dots {
        padding-left: var(--vs-gutter-x) !important;
    }
    .artwork .img-container img, .single-product .gallery-wrapper .img-container img {
        max-width: calc(36rem + ((1vw - 0.48rem) * 28.7338));
        max-height: calc(80vh - var(--pt-calc, 68px));
    }
    .artwork .row-wrapper .gallery-container, .single-product .row-wrapper .gallery-container {
        height: calc(80vh - var(--pt-calc, 68px));
    }
    /* .artwork .row-wrapper .popup_gallery {
        height: calc(85vh - var(--pt-calc, 68px));
        overflow: hidden;
    } */
}
@media (min-width: 992px) {
    .artwork .row-wrapper .gallery-container, .single-product .row-wrapper .gallery-container {
        height: calc(73vh - var(--pt-calc, 68px));
        padding-bottom: 20px;
    }    
}    
@media (min-width: 1200px) {
    .artwork .img-container img, .single-product .gallery-wrapper .img-container img {
        max-width: 770px;
        /* max-height: calc(100vh - var(--pt-calc, 68px));; */
        max-height: 100%;
    }
    .artwork .row-wrapper .gallery-container, .single-product .row-wrapper .gallery-container {
        height: calc(100vh - var(--pt-calc, 68px));
        overflow: hidden;
        padding-left: calc(var(--vs-padding-x) * .5) !important;
        padding-right: calc(var(--vs-padding-x) * .5) !important;
    }
    /* .artwork .row-wrapper .popup_gallery {
        height: calc(100vh - var(--pt-calc, 68px));
        overflow: hidden;
    } */
    .artwork .gallery-nav-dots, .single-product .gallery-nav-dots {
        padding-left: 0 !important;
    }
}
@media (min-width: 1400px) {
    .artwork .img-container img, .single-product .gallery-wrapper .img-container img {
        max-width: 580px;
        /* max-height: 870px; */
    }
}
@media (min-width: 1800px) {
    .artwork .img-container img, .single-product .gallery-wrapper .img-container img {
        max-width: 770px;
        /* max-height: 870px; */
    }
}
@media (min-width: 2000px) {
    .artwork .img-container img, .single-product .gallery-wrapper .img-container img {
        max-width: 930px;
        /* max-height: 1130px; */
    }
}
/* CURSOR */
#cursor {
    position: absolute;
    will-change: transform;
    pointer-events: none;
    z-index: 9999999;
    /* width: 6rem;
    height: 6rem; */
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    -o-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
            transform: translate(-100%);
}
@media(min-width: 1200px) {
    #cursor .btn-arrow {
        position: absolute;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M6.59,.22c-.29-.29-.77-.29-1.06,0s-.29,.77,0,1.06l4.04,4.03H.75c-.41,0-.75,.34-.75,.75,0,.21,.08,.39,.22,.53,.14,.14,.32,.22,.53,.22H9.57l-4.03,4.03c-.29,.29-.29,.77,0,1.06s.77,.29,1.06,0l5.84-5.84L6.59,.22Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 14px;
        border-radius: 50%;
        padding: 0;
        transform: translate(-70%, -70%);
    }
    #cursor.expand .btn-arrow, #cursor:not(.expand) .btn-expand, #cursor:not(.contract) .btn-contract, #cursor.expand .btn-contract {
        display: none!important;
    }
    #cursor.left .btn-arrow {
        transform: translate(-70%, -70%) rotate(180deg);
    }
    #cursor.expand .btn-expand {
        position: absolute;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.47 19.47'%3E%3Cpolygon points='19.47 6.47 19.46 .03 13 0 12.98 1.33 17.24 1.32 11.7 6.85 12.64 7.78 18.16 2.24 18.14 6.49 19.47 6.47' style='fill:%23fff;'/%3E%3Cpolygon points='6.83 11.69 1.32 17.24 1.33 12.98 0 13 .01 19.44 6.47 19.47 6.49 18.14 2.24 18.16 7.77 12.63 6.83 11.69' style='fill:%23fff;'/%3E%3C/svg%3E") no-repeat center / 22px;
        border-radius: 50%;
        padding: 0;
        transform: translate(-70%, -70%);
    }
    #cursor.contract .btn-contract {
        position: absolute;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.35 20.38'%3E%3Cpolygon points='20.35 .94 19.42 0 13.9 5.55 13.91 1.29 12.58 1.31 12.6 7.75 19.06 7.78 19.07 6.45 14.82 6.47 20.35 .94' style='fill:%23fff;'/%3E%3Cpolygon points='1.29 12.6 1.28 13.93 5.53 13.91 0 19.44 .94 20.38 6.45 14.83 6.44 19.09 7.77 19.07 7.75 12.63 1.29 12.6' style='fill:%23fff;'/%3E%3C/svg%3E") no-repeat center / 22px;
        border-radius: 50%;
        padding: 0;
        transform: translate(-70%, -70%);
    }
    
}
#cursor.hide {
    opacity: 0!important;
    visibility: hidden!important;
    pointer-events: none!important;
    transform: translate(-9999px, -9999px)!important;
}
#cursor[data-lightbox-mode="true"]:not(.contract) {
    opacity: 0!important;
}
#cursor .cursor-container {
    -webkit-transform: translate(-70%, -70%);
        -ms-transform: translate(-70%, -70%);
            transform: translate(-70%, -70%);
}
#cursor .close, #cursor.close .arrow {
    display: none;
}
#cursor.close .close {
    display: block;
}
.artwork .theContent h1,
.artwork .theContent h2,
.artwork .theContent h3,
.artwork .theContent h4,
.artwork .theContent h5,
.artwork .theContent h6 {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.4464)); /* 13 - 15 */
    line-height: 123%;
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .artwork .theContent h1,
    .artwork .theContent h2,
    .artwork .theContent h3,
    .artwork .theContent h4,
    .artwork .theContent h5,
    .artwork .theContent h6 {
        font-size: calc(0.9375rem + ((1vw - 0.48rem) * 1.3393)); /* 15 - 18 */
        line-height: 126%;
    }
}
@media (min-width: 992px) {
    .artwork .theContent h1,
    .artwork .theContent h2,
    .artwork .theContent h3,
    .artwork .theContent h4,
    .artwork .theContent h5,
    .artwork .theContent h6 {
        font-size: calc(1.125rem + ((1vw - 0.62rem) * 0.9615)); /* 18 - 20 */
        line-height: 111%;
    }
}
@media (min-width: 1200px) {
    .artwork .theContent h1,
    .artwork .theContent h2,
    .artwork .theContent h3,
    .artwork .theContent h4,
    .artwork .theContent h5,
    .artwork .theContent h6 {
        font-size: calc(1.25rem + ((1vw - 0.75rem) * 1.0417)); /* 20 - 25 */
        line-height: 125%;
    }
}
@media (min-width: 1680px) {
    .artwork .theContent h1,
    .artwork .theContent h2,
    .artwork .theContent h3,
    .artwork .theContent h4,
    .artwork .theContent h5,
    .artwork .theContent h6 {
        font-size: 1.5625rem; /* 25 */
        line-height: 112%;
    }
}
/* CONTACT FORMS */
.wpcf7 {
    max-width: 1390px;
}
.wpcf7 .form-group {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    border: none;
    transition: background 0.3s ease-out, border-color 0.3s ease-out;
}
.wpcf7 .form-group:has(input:focus) {
    background: var(--color-white);
}
.wpcf7 .form-group:has(.wpcf7-not-valid-tip) {
    outline: 1px solid var(--color-red);
}
.wpcf7 .form-group .separator {
    display: none;
    min-height: 100%;
    border-left: 1px solid var(--color-blue);
    opacity: 0.2;
}
.wpcf7 .form-group label {
    width: 100%;
    text-transform: uppercase;
    align-self: center;
    padding-right: 20px;
}
.wpcf7-form-control-wrap, .wpcf7 .input-group-text {
    width: 100%;
    padding: 0 0 30px;
}
.form-control::placeholder, .widget_archive select::placeholder, .widget_categories select::placeholder, .wpcf7 .wpcf7-validation-errors::placeholder, .wpcf7 input[type=color]::placeholder, .wpcf7 input[type=date]::placeholder, .wpcf7 input[type=datetime-local]::placeholder, .wpcf7 input[type=datetime]::placeholder, .wpcf7 input[type=email]::placeholder, .wpcf7 input[type=file]::placeholder, .wpcf7 input[type=month]::placeholder, .wpcf7 input[type=number]::placeholder, .wpcf7 input[type=range]::placeholder, .wpcf7 input[type=search]::placeholder, .wpcf7 input[type=submit]::placeholder, .wpcf7 input[type=tel]::placeholder, .wpcf7 input[type=text]::placeholder, .wpcf7 input[type=time]::placeholder, .wpcf7 input[type=url]::placeholder, .wpcf7 input[type=week]::placeholder, .wpcf7 select::placeholder, .wpcf7 textarea::placeholder {
    color: rgb(0, 0, 0, 0.2);
    opacity: 1;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 .wpcf7-dropdown, .wpcf7 input[type=date], .wpcf7 select, .wpcf7 textarea {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    border-bottom: 1px solid var(--color-gray) !important;
    border-radius: 0;
    padding: 10px 0 30px;
    /* font-size: 17px; */
    font-size: inherit;
    /* font-family: var(--font-l); */
    color: var(--color-black);
}
.wpcf7 .wpcf7-dropdown {
    border-radius: 5px 5px 0 0;
}
.wpcf7 textarea {
    margin-bottom: 10px;
    border: none !important;
}
/* .wpcf7 .wpcf7-form-control-wrap:has(textarea) {
    border-bottom: 1px solid var(--color-black) !important;
} */
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 1.3em;
    left: 0;
    font-size: 11px!important;
    line-height: 1.2;
    /* text-transform: uppercase; */
    color: var(--color-red);
    letter-spacing: 0.5px;
    text-wrap: nowrap;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
}
.wpcf7-form-control-wrap:has(input[type=text].wpcf7-phonetext) .wpcf7-not-valid-tip {
    margin-left: 80px;
}
.wpcf7-form-control-wrap:has(.dropdown-menu.show) .wpcf7-not-valid-tip, .wpcf7-form-control-wrap input:focus ~ .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap:has(input:focus) .wpcf7-not-valid-tip, .wpcf7-form-control-wrap textarea:focus ~ .wpcf7-not-valid-tip {
    opacity: 0;
}
.wpcf7 .btn-select {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    color: var(--color-black);
    background: transparent;
    border: none !important;
    outline: none !important;
}
.wpcf7 .btn-select::after {
    /* position: absolute; */
    display: inline-block;
    width: 40px;
    height: 40px;
    right: 0;
    top: 50%;
    /* transform: translateY(-50%); */
    margin-left: 14px;
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background 0.3s ease-out, border 0.3s ease-out;
}
.wpcf7 .btn-select::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-color: transparent!important;
    background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%232b32c7;'/%3E%3C/svg%3E") no-repeat center / 11px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.wpcf7 .btn-select:hover::before {
    opacity: 1;
}
.wpcf7 .btn-select.show::before {
    opacity: 1;
    transform: rotate(180deg);
}
.wpcf7 .dropdown .dropdown-menu {
    width: 100%;
    background: var(--color-white);
    border: none;
    padding: 16px 0;
    left: 0 !important;
    top: 10px !important;
    overflow: hidden auto;
    border-radius: 0;
}
.wpcf7 .dropdown .dropdown-item {
    text-transform: unset !important;
    padding: 10px 20px;
    width: 100% !important;
    transition: background 0.3s ease-out, color 0.3s ease-out;
}
.wpcf7 .dropdown .dropdown-item:hover {
    background: var(--color-white);
    color: var(--color-blue);
}
/* .wpcf7 .dropdown .dropdown-menu li:first-child {
    display: none;
} */
.wpcf7 .form-group:has(.dropdown-menu) {
    padding-right: 0;
    padding-left: 0;
}
.wpcf7 .form-group:has(.dropdown-menu) label {
    padding-left: 20px;
}
.wpcf7 .form-group:has(.dropdown-menu) .wpcf7-form-control-wrap {
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 5px;
    border-radius: 0 5px 0 0;
}
.wpcf7 .form-group:has(.dropdown-menu.show) .wpcf7-form-control-wrap {
    background: var(--color-blue);
    border-color: var(--color-blue);
}
.wpcf7 .form-group:has(.dropdown-menu.show) .btn-select {
    color: var(--color-white);
}
.wpcf7 .form-group:has(.dropdown-menu) .separator {
    position: relative;
    left: -5px;
}
.wpcf7 .form-group:has(.dropdown-menu.show) .separator {
    border-color: var(--color-white);
    left: -5px;
}
.wpcf7 .flatpickr-wrapper {
    width: 100%;
    position: unset;
    display: inline-block;
    cursor: pointer;
}
.wpcf7 .flatpickr-wrapper input {
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}
.wpcf7 .flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
    width: auto;
    padding: 15px;
    max-width: 110%;
    left: -5%;
}
.wpcf7 .flatpickr-rContainer, .wpcf7 .flatpickr-days {
    max-width: 100%;
}
.wpcf7 .flatpickr-rContainer .dayContainer {
    max-width: 100%;
    min-width: unset;
}
.wpcf7 .flatpickr-current-month {
    top: -10px;
    display: flex;
    justify-content: space-between;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--color-black);
    border-color: transparent;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange,
.rangeMode .flatpickr-day {
    border-radius: 50%;
    box-shadow: none !important;
}
.flatpickr-day.inRange {
    box-shadow: none !important;
}
input[type="date" i]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.65 21.56'%3E%3Cpath d='m19.79,2.12h-2.43V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37h-4.29V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37h-4.29V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37H1.86c-1.02,0-1.86.83-1.86,1.86v15.73c0,1.02.83,1.86,1.86,1.86h17.93c1.02,0,1.86-.83,1.86-1.86V3.98c0-1.02-.83-1.86-1.86-1.86ZM1.86,3.62h3.13s.03,0,.05,0,.03,0,.05,0h5.69s.03,0,.05,0,.03,0,.05,0h5.69s.03,0,.05,0,.03,0,.05,0h3.13c.2,0,.36.16.36.36v3.44H1.5v-3.44c0-.2.16-.36.36-.36Zm17.93,16.44H1.86c-.2,0-.36-.16-.36-.36v-10.78h18.65v10.78c0,.2-.16.36-.36.36h0Z'/%3E%3C/svg%3E");
    outline: none!important;
}
.wpcf7-form-control-wrap:has(.flatpickr-wrapper)::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.65 21.56'%3E%3Cpath d='m19.79,2.12h-2.43V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37h-4.29V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37h-4.29V.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.37H1.86c-1.02,0-1.86.83-1.86,1.86v15.73c0,1.02.83,1.86,1.86,1.86h17.93c1.02,0,1.86-.83,1.86-1.86V3.98c0-1.02-.83-1.86-1.86-1.86ZM1.86,3.62h3.13s.03,0,.05,0,.03,0,.05,0h5.69s.03,0,.05,0,.03,0,.05,0h5.69s.03,0,.05,0,.03,0,.05,0h3.13c.2,0,.36.16.36.36v3.44H1.5v-3.44c0-.2.16-.36.36-.36Zm17.93,16.44H1.86c-.2,0-.36-.16-.36-.36v-10.78h18.65v10.78c0,.2-.16.36-.36.36h0Z'/%3E%3C/svg%3E");
    transform: translateY(-50%);
    pointer-events: none;
}
@media(min-width: 744px) {
    .wpcf7 .form-group {
        flex-direction: row;
        padding: 0 15px 0 30px;
    }
    .wpcf7 .form-group .separator {
        display: block;
    }
    .wpcf7 .form-group:has(.dropdown-menu) .separator {
        position: relative;
        left: 2px;
    }
    .wpcf7 .dropdown .dropdown-item {
        padding: 12px 30px;
    }
    .wpcf7 .form-group label {
        width: 33%;
    }
    .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 .wpcf7-dropdown, .wpcf7 input[type=date], .wpcf7 select, .wpcf7 textarea {
        padding: 0 0 50px 10px;
    }
    .wpcf7-form-control-wrap, .wpcf7 .input-group-text {
        width: 67%;
        padding: 0;
    }
    .wpcf7 .btn-select::after, .wpcf7 .btn-select::before {
        width: 50px;
        height: 50px;
    }
    .wpcf7-not-valid-tip {
        bottom: 0.7em;
        left: 10px;
        font-size: 12px!important;
    }
    .wpcf7 .dropdown .dropdown-menu {
        width: 100%;
        left: -10px !important;
    }
    .wpcf7 .form-group:has(.dropdown-menu) .wpcf7-form-control-wrap {
        padding-left: 0;
    }
    .wpcf7 .form-group:has(.dropdown-menu) label {
        padding-left: 30px;
        width: 36%;
    }
}
@media(min-width: 1200px) {
    .wpcf7 .form-group {
        padding: 0 15px 0 30px;
    }
    .wpcf7 .btn-select::after, .wpcf7 .btn-select::before {
        width: 55px;
        height: 55px;
    }
    .wpcf7-not-valid-tip {
        bottom: 0.3em;
    }
    .wpcf7 .flatpickr-calendar.static.open {
        z-index: 999;
        display: block;
        width: auto;
        padding: 15px;
        max-width: 100%;
        left: unset;
    }
    .wpcf7 .dropdown .dropdown-menu {
        /* width: calc(100% + 35px); */
        background: var(--color-white);
        border: none;
        padding: 16px 0;
        /* left: -20px !important; */
        top: 60px !important;
        border-radius: 0;
    }
}
/* Create a custom toggle switch */
input[type="checkbox"][name="your-acceptance"] {
    display: none;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
    display: flex;
    align-items: center;
}
.wpcf7-list-item {
    margin: 0;
}
.btn-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--color-black);
    background-color: transparent;
    cursor: pointer;
    vertical-align: middle;
    overflow: hidden;
    flex-shrink: 0;
}
/* Toggle indicator */
.btn-toggle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: var(--color-black);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}
input[type="checkbox"]:checked + .btn-toggle:before, .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label .btn-toggle:before {
    transform: translate(-50%, -50%) scale(8);
}
.btn-toggle .check svg {
    width: 17px!important;
    opacity: 0;
}
.wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label .btn-toggle .check svg {
    opacity: 1;
}
.btn-toggle .check svg * {
    stroke: var(--color-white)!important;
}
@media(min-width: 744px) {
    .btn-toggle {
        width: 50px;
        height: 50px;
    }
}
@media(min-width: 1200px) {
    .btn-toggle {
        width: 55px;
        height: 55px;
    }
}
.wpcf7 .your-acceptance .wpcf7-list-item-label {
    display: flex;
    align-items: center;
}
.wpcf7 form .wpcf7-response-output {
    max-width: 80%;
    margin: 30px 0 0;
    padding: 0;
    padding-left: calc(var(--vs-gutter-x) * .5) !important;
    padding-right: calc(var(--vs-gutter-x) * .5) !important;
    border: none;
    text-transform: uppercase;
    text-align: left;
    font-size: 1rem;
    line-height: 1.4;
    font-family: var(--font-sb);
    color: var(--color-blue);
    letter-spacing: 0.2px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: var(--color-red);
}
.your-acceptance input[type=checkbox]:checked+.wpcf7-list-item-label .btn-toggle {
    background-color: var(--color-blue);
    background-size: 0;
    border-color: var(--color-blue);
}
.intl-tel-input .flag-container {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: start;
}
.wpcf7 input[type=text].wpcf7-phonetext {
    border: none !important;
}
.intl-tel-input .selected-flag .iti-arrow {
    right: 0;
    top: 70%;
}
.intl-tel-input {
    display: flex;
    padding-left: 0;
    border-bottom: 1px solid var(--color-gray);
}
.intl-tel-input .selected-flag {
    padding: 0;
}
.intl-tel-input.separate-dial-code input[type=text] {
    padding-left: 15px !important;
}
.intl-tel-input.separate-dial-code .selected-flag {
    background: transparent !important;
    font-family: var(--font-l);
    font-size: 17px;
    display: flex;
    height: auto;
    outline: none!important;
}
.intl-tel-input .selected-flag .iti-flag {
    margin: 5px auto;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 0;
    width: 0 !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 35px !important;
}
@media(min-width: 744px) {
    .intl-tel-input .flag-container {
        padding-top: 0;
    }
    .intl-tel-input .selected-flag .iti-arrow {
        top: 60%;
    }
    .btn-toggle {
        width: 40px;
        height: 40px;
    }
    .wpcf7 form .wpcf7-response-output {
        margin: 30px 0 0 auto;
        max-width: 66.6666666%;
    }
    .intl-tel-input {
        display: flex;
        padding-left: 10px;
    }
}
@media(min-width: 1200px) {
    .intl-tel-input .selected-flag .iti-arrow {
        top: 40%;
    }
    .btn-toggle {
        min-width: 55px;
        min-height: 55px;
    }
    /* .wpcf7 form .wpcf7-response-output {
        max-width: 45%;
    } */
    .intl-tel-input.separate-dial-code .selected-flag {
        padding-bottom: 5px;
    }
}
@media(min-width: 1800px) {
    /* .wpcf7 form .wpcf7-response-output {
        max-width: 30%;
    } */
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}
/* Eye */
.fa-eye-slash:before {
    content: "";
    height: 17px;
    width: 22px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044.35%2030.49%22%3E%3Cpath%20d%3D%22m22.09%2C22.74c4.12%2C0%2C7.47-3.35%2C7.47-7.47%2C0-1.88-.7-3.6-1.85-4.91L37.31.71l-.71-.71-4.8%2C4.82v.01l-.77.77v.01l-4.04%2C4.06c-1.31-1.15-3.03-1.85-4.91-1.85-4.12%2C0-7.47%2C3.35-7.47%2C7.47%2C0%2C1.89.71%2C3.62%2C1.88%2C4.93l-4.41%2C4.43v.01l-.76.76v.01l-4.38%2C4.4.71.71%2C9.54-9.58c1.31%2C1.14%2C3.02%2C1.83%2C4.89%2C1.83Zm6.47-7.47c0%2C3.57-2.9%2C6.47-6.47%2C6.47-1.59%2C0-3.05-.58-4.18-1.54l9.09-9.13c.97%2C1.13%2C1.56%2C2.6%2C1.56%2C4.2Zm-12.94%2C0c0-3.57%2C2.9-6.47%2C6.47-6.47%2C1.6%2C0%2C3.07.59%2C4.2%2C1.56l-9.09%2C9.13c-.98-1.14-1.58-2.61-1.58-4.22Z%22/%3E%3Cpath%20d%3D%22m44.18%2C15.15c-.21-.34-3.73-5.91-10.46-9.43l-.75.75c5.95%2C3.02%2C9.38%2C7.74%2C10.18%2C8.94-1.25%2C1.82-8.71%2C11.87-21.79%2C11.42-2.7-.09-5.11-.62-7.28-1.39l-.79.79c2.36.9%2C5.04%2C1.5%2C8.04%2C1.6.28%2C0%2C.55.01%2C.82.01%2C14.08%2C0%2C21.7-11.65%2C22.02-12.16l.17-.27-.17-.27Z%22/%3E%3Cpath%20d%3D%22m11.13%2C24.16c-5.73-2.95-9.06-7.43-9.94-8.75%2C1.19-1.79%2C8.27-11.54%2C20.99-11.54.04%2C0%2C.08%2C0%2C.13%2C0%2C2.86.01%2C5.42.54%2C7.7%2C1.34l.79-.79c-2.49-.92-5.32-1.53-8.48-1.54-.04%2C0-.09%2C0-.13%2C0C7.92%2C2.87.48%2C14.65.17%2C15.15l-.17.27.17.27c.52.81%2C3.94%2C5.89%2C10.22%2C9.22l.74-.75Z%22/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fa-eye:before {
    content: "";
    height: 17px;
    width: 22px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044.35%2024.97%22%3E%3Cpath%20d%3D%22m44.18%2C12.28C43.87%2C11.78%2C36.47.07%2C22.3%2C0c-.04%2C0-.09%2C0-.13%2C0C7.92%2C0%2C.48%2C11.78.17%2C12.28l-.17.27.17.26c.76%2C1.2%2C7.84%2C11.72%2C21.17%2C12.15.28%2C0%2C.55.01%2C.82.01%2C14.09%2C0%2C21.69-11.65%2C22.02-12.16l.17-.27-.17-.27Zm-22.81%2C11.68C9.25%2C23.57%2C2.51%2C14.51%2C1.19%2C12.54%2C2.38%2C10.75%2C9.46%2C1%2C22.17%2C1c.04%2C0%2C.08%2C0%2C.13%2C0%2C12.63.06%2C19.67%2C9.75%2C20.86%2C11.54-1.25%2C1.82-8.7%2C11.87-21.79%2C11.42Z%22/%3E%3Cpath%20d%3D%22m22.09%2C4.92c-4.12%2C0-7.47%2C3.35-7.47%2C7.47s3.35%2C7.47%2C7.47%2C7.47%2C7.47-3.35%2C7.47-7.47-3.35-7.47-7.47-7.47Zm0%2C13.94c-3.57%2C0-6.47-2.9-6.47-6.47s2.9-6.47%2C6.47-6.47%2C6.47%2C2.9%2C6.47%2C6.47-2.9%2C6.47-6.47%2C6.47Z%22/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* FLATPICKR SETUP */
.datepicker-wrapper .facetwp-facet, .datepicker-wrapper .facet-label {
    display: none;
}
.datepicker-wrapper {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.datepicker-wrapper .flatpickr-input {
    display: inline-block;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
}
.datepicker-wrapper .text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.datepicker-wrapper .flatpickr-input {
    display: inline-block;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    transform: translateY(100%);
}
.datepicker-wrapper .text #datepicker-trigger {
    position: relative;
    width: 55px;
    height: 55px;
    background: transparent no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 22.86'%3E%3Cpath d='M17,2.86V0h-1V2.86H5V0h-1V2.86H0V22.86H21V2.86h-4Zm3,19H1V7.86H20v14ZM1,6.86V3.86H20v3H1Zm5.29,9.82c0,.58-.47,1.04-1.04,1.04s-1.04-.47-1.04-1.04,.47-1.04,1.04-1.04,1.04,.47,1.04,1.04Zm-2.08-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm5.25,4.17c0-.58,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm0-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm5.25,4.17c0-.58,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm0-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Z' style='fill:%23000000;fill-rule:evenodd'/%3E%3C/svg%3E");
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease-out, border 0.3s ease-out;
}
.datepicker-wrapper .text #datepicker-trigger:hover, .datepicker-wrapper .text #datepicker-trigger.open {
    border-color: var(--color-black);
}
.datepicker-wrapper .text #datepicker-trigger::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-black) no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 22.86'%3E%3Cpath d='M17,2.86V0h-1V2.86H5V0h-1V2.86H0V22.86H21V2.86h-4Zm3,19H1V7.86H20v14ZM1,6.86V3.86H20v3H1Zm5.29,9.82c0,.58-.47,1.04-1.04,1.04s-1.04-.47-1.04-1.04,.47-1.04,1.04-1.04,1.04,.47,1.04,1.04Zm-2.08-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm5.25,4.17c0-.58,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm0-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm5.25,4.17c0-.58,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Zm0-4.17c0-.57,.47-1.04,1.04-1.04s1.04,.47,1.04,1.04-.47,1.04-1.04,1.04-1.04-.47-1.04-1.04Z' style='fill:%23ffffff;fill-rule:evenodd'/%3E%3C/svg%3E");
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.datepicker-wrapper .text #datepicker-trigger.open::before, .datepicker-wrapper .text #datepicker-trigger:hover::before {
    opacity: 1;
}
.flatpickr-current-month .numInputWrapper {
    line-height: 0;
    font-size: unset;
}
.flatpickr-calendar {
    padding: 20px;
    margin-top: 20px;
    border-radius: 0;
    width: auto;
    width: 552px;
    max-width: calc(100% - 40px);
}
@media(max-width: 743px) {
    .flatpickr-calendar.open {
        left: 20px!important;
    }
}
span.flatpickr-weekday {
    text-transform: uppercase;
    font-family: var(--font-h);
    font-size: 13px;
    color: var(--color-black);
}
.flatpickr-day {
    font-size: 13px;
}
.flatpickr-custom-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.flatpickr-custom-buttons button {
    padding: 0;
    background: transparent;
    border: none !important;
}
.flatpickr-custom-buttons button.flatpickr-clear-btn {
    display: flex;
    gap: 10px;
    align-items: center;
}
.flatpickr-custom-buttons button.flatpickr-clear-btn svg {
    width: 20px;
}
.flatpickr-months .btn-arrow {
    width: 45px;
    height: 45px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    position: relative;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
}
.flatpickr-months .flatpickr-month {
    margin-top: 5px;
}
:root {
    --flatpickr-gap: 0;
}
.flatpickr-current-month {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--flatpickr-gap);
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    font-family: var(--font-h);
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
}
.flatpickr-rContainer, .flatpickr-days {
    width: 100%;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    gap: var(--flatpickr-gap);
}
.dayContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    column-gap: var(--flatpickr-gap);
}
@media(min-width: 744px) {
    :root {
        --flatpickr-gap: 30px;
    }
    .flatpickr-calendar {
        padding: 30px 40px;
    }
    .flatpickr-custom-buttons button.flatpickr-clear-btn svg {
        width: 30px;
    }
}