html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

.wp-block-template-part {
    position: relative;
    z-index: 1;
}
.bg-img-topright,
.bg-img-bottomleft {
    position: absolute !important;
    margin: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
}
.bg-img-topright {
    top: 0;
    right: 0;
}
.bg-img-bottomleft {
    bottom: 0;
    left: 0;
}

.inverted-button {
    -webkit-filter: invert(1); filter: invert(1);
}

.sticky-box {
  position: sticky;
  top: 1rem;
}

.wp-block-image {
    position: relative;
    display: inline-block;
}
.wp-element-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0.5rem 1rem !important;
    width: fit-content !important;
    background: var(--wp--preset--color--gtr-black) !important;
    border-top: 3px solid var(--wp--preset--color--gtr-orange);
    border-right: 3px solid var(--wp--preset--color--gtr-orange);
    border-radius: 0 10px 0 10px;
    font-size: 16px !important;
    color: var(--wp--preset--color--gtr-white) !important;
}

@media (min-width: 1280px) {
    .mobile-header {
        justify-content: flex-start;
        padding: 0.5rem 0.5rem 0 0.5rem;
    }
    .wp-block-navigation {
        flex-direction: column;
        align-items: start;
    }
    .justify-between-items {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100vh;
    }
    .sticky-box-sidebar {
        position: sticky;
        top: 0;
    }
}

@media (max-width: 1280px) {
    .justify-between-items,
    .sticky-box-sidebar {
        width: 100vw;
    }
    .sticky-box-sidebar {
        border-right: none !important;
        border-bottom: 3px dashed var(--wp--preset--color--gtr-orange);
    }
    .sidebar-area {
        margin: 0 1rem 1rem 1rem;
    }
    .sidebar-area .wp-block-group {
        font-size: 14px;
        gap: 0.5rem !important;
    }
    .sidebar-area > .wp-block-group:first-of-type {
        border-radius: 10px !important;
        border: 3px dashed var(--wp--preset--color--gtr-green) !important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .sidebar-area .wp-block-group p {
        line-height: 1.1;
    }
    .sidebar-area .wp-block-button {
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .mobile-heading {
        font-size: 12vw !important;
        text-align: center;
    }
    .reset-img-size-container,
    .reset-img-size {
        min-height: auto !important;
        aspect-ratio: 16/9 !important;
    }
    .reset-img-size img {
        object-fit: cover;
    }
    .treatments-img-radius {
        border-radius: 10px 10px 0 0 !important;
    }
    .treatments-header-radius {
        border-radius: 0 0 10px 10px !important;
    }
    .wp-block-post-content {
        margin: 1rem !important;
    }
}

@media (max-width: 600px) {
    .mobile-header {
        justify-content: space-between;
    }
    .wp-block-navigation__responsive-container-open {
        color: var(--wp--preset--color--gtr-white) !important;
        letter-spacing: 1px;
    }
    .wp-block-navigation__responsive-container-open::after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        color: var(--wp--preset--color--gtr-white) !important;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 5v1.5h14V5H5z"/><path d="M5 12.8h14v-1.5H5v1.5z"/><path d="M5 19h14v-1.5H5V19z"/></svg>');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 4px;
        vertical-align: middle;
    }
    .wp-block-navigation__responsive-container {
        background: var(--wp--preset--color--gtr-green) !important;
    }
    .wp-block-navigation__responsive-close {
        padding: 2rem;
    }
    .wp-block-cb-carousel-v2,
    .cb-carousel-block,
    .cb-wrapper,
    .swiper,
    .cb-slide {
        position: relative !important;
        z-index: 0 !important;
    }
}