@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

a:hover {
    text-decoration: none;
    color: initial;
}

/*CSS RESET START*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#footer-outer .widget.widget_pages li a,
#footer-outer .widget.widget_nav_menu li a {
    padding: 8px 0 !important;
}

.main_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main_wrapper_title {
    color: #221f1f;
    font-family: 'Gotham-bold';
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.main_wrapper_subtitle {
    color: #221f1f;
    font-family: 'Gotham-normal';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 48px;
}

.main_content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.main_left_table {
    height: 650px;
    width: 33%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    border-radius: 10px;
    background: rgba(189, 216, 232, 0.3);
    position: relative;
    border: 1px solid #fff;
}

.main_left_table:hover {
    border: 1px solid var(--Sky-Blue-Tint---New, #bdd8e8);
    background: var(--hover-card,
            linear-gradient(180deg, #bdd8e8 44%, rgba(255, 255, 255, 0) 100%));
    transition: all 0.3s;
}

.main_left_table_title {
    align-self: flex-start;
    color: #2d2d2d;
    text-align: center;
    font-family: 'Gotham-bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.main_left_table_imgs_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 150px;
    left: -50px;
    margin: auto;
    animation: rotateBackAndFourItems 6s ease infinite;
}

.main_left_table_imgs_img_one {
    position: relative;
    left: 120px;
    top: 20px;
    transform: rotate(-10deg);
    animation: rotateBackAndForthq1 6s ease infinite;
}

.main_left_table_imgs_img_two {
    position: relative;
    left: 30px;
    top: -30px;
    animation: rotateBackAndForthq2 6s ease infinite;
}

.main_left_table_imgs_img_three {
    position: relative;
    right: 40px;
    top: 20px;
    transform: rotate(-6deg);
    z-index: 3;
    animation: rotateBackAndForthq3 6s ease infinite;
}

.main_left_table_imgs_img_four {
    position: relative;
    right: 100px;
    transform: rotate(-5deg);
    z-index: 2;
    animation: rotateBackAndForthq4 6s ease infinite;
}

.main_left_table_shadow {
    width: 278px;
    position: relative;
    top: -29px;
    animation: widthChange 6s ease-in-out infinite;
}

.main_table_button {
    display: flex;
    padding: 18px 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Button-color, #2d2d2d);
    color: var(--white, #fff);
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.36px;

    transition: all 0.3s;
    align-self: flex-end;
}

.shadow_button-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main_table_button:hover {
    background: #f9a351;
    color: #fff;
    transition: all 0.3s;
}

.middle_table {
    height: 650px;
    width: 33%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    border-radius: 10px;
    background: rgba(189, 216, 232, 0.3);
    border: 1px solid var(--Sky-Blue-Tint---New, #fff);
}

.middle_table:hover {
    border: 1px solid var(--Sky-Blue-Tint---New, #bdd8e8);
    background: var(--hover-card,
            linear-gradient(180deg, #bdd8e8 44%, rgba(255, 255, 255, 0) 100%));
    transition: all 0.3s;
}

.main_middle_table_images_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 40px;
}

.main_middle_table_img_one {
    position: relative;
    left: 60px;
    transform: rotate(-10deg);
    animation: rotateBackAndForth5 8s ease-in-out infinite;
}

.main_middle_table_img_two {
    position: relative;
    left: -60px;
    transform: rotate(10deg);
    animation: rotateBackAndForth4 8s ease-in-out infinite;
}

.main_middle_table_shadow {
    width: 269px;
    position: relative;
    top: 30px;
    animation: widthChange 8s ease-in-out infinite;
}

.right_table_wrapper {
    width: 33%;
    height: 650px;
    display: flex;
    flex-direction: column;
    gap: 19px;
    align-items: center;
    justify-content: center;
}

.right_top_table {
    height: 33%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    border-radius: 10px;
    border: 1px solid #bdcdc2;
    background: #bdcdc2;
    padding-right: 77px;
    border: 1px solid #fff;
    transition: all 0.3s;
}

.right_top_table:hover {
    border: 1px solid #bdcdc2;
    background: #7b9e87;
    transition: all 0.3s;
}

.right_top_table_img {
    transform: rotate(10deg);
    width: 79.721px;
    height: 160.929px;
    animation: rotateBackAndForth11 6s ease-in-out infinite;
    margin-bottom: 0 !important;
}

.table_right_text {
    color: #2d2d2d;
    text-align: center;
    font-family: 'Gotham-bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.main_play_icon {
    height: 46px !important;
    width: 46px !important;
    margin-bottom: 0 !important;
}

.right_middle_table {
    height: 33%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    border-radius: 10px;
    border: 1px solid #bdcdc2;
    background: #bdcdc2;
    width: 100%;
    position: relative;
    padding-right: 77px;
    border: 1px solid #fff;
    transition: all 0.3s;
}

.right_middle_table:hover {
    border: 1px solid #bdcdc2;
    background: #7b9e87;
    transition: all 0.3s;
}

.right_middle_table_img {
    width: 170px;
    height: 190px;
    animation: rotateBackAndForth1 6s ease-in-out infinite;
    margin-bottom: 0 !important;
}

.right_bottom_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33%;
    gap: 19px;
    width: 100%;
}

.right_bottom_left_table {
    width: 50%;
    height: 100%;
    border-radius: 10px;
    background: #bdd8e8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #fff;
    transition: all 0.3s;
}

.right_bottom_left_table:hover {
    border: 1px solid #bdcdc2;
    background: #7b9e87;
    transition: all 0.3s;
}

.right_bottom_left_table_img {
    width: 101.307px;
    height: 129.078px;
    margin-bottom: 0 !important;
    animation: rotateBackAndForth1 6s ease-in-out infinite;
}

.table_bottom_text {
    color: #2d2d2d;
    text-align: center;
    font-family: 'Gotham-bold';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.right_bottom_right_table_img {
    width: 120px !important;
    height: 144px !important;
    margin-bottom: 0 !important;
    animation: rotateBackAndForth 6s ease-in-out infinite;
}

@keyframes rotateBackAndForth {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-15deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotateBackAndForth1 {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    75% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotateBackAndForth11 {
    0% {
        transform: rotate(10deg);
    }

    25% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    75% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(10deg);
    }
}

.play_button_link {
    opacity: 1;
    transition: all 0.3s;
}

.play_button_link:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

@keyframes rotateBackAndForth4 {
    0% {
        transform: rotate(-10deg);
        top: 0px;
    }

    25% {
        transform: rotate(10deg);
        top: 30px;
    }

    50% {
        transform: rotate(10deg);
        top: 30px;
    }

    100% {
        transform: rotate(-10deg);
        top: 0px;
    }
}

@keyframes rotateBackAndForth5 {
    0% {
        transform: rotate(10deg);
        top: 0px;
    }

    25% {
        transform: rotate(-10deg);
        top: 30px;
    }

    50% {
        transform: rotate(-10deg);
        top: 30px;
    }

    100% {
        transform: rotate(10deg);
        top: 0px;
    }
}

@keyframes widthChange {
    0% {
        width: 269px;
    }

    25% {
        width: 320px;
    }

    50% {
        width: 320px;
    }

    100% {
        width: 269px;
    }
}

@keyframes rotateBackAndFourItems {
    0% {
        top: 150px;
    }

    25% {
        top: 185px;
    }

    50% {
        top: 185px;
    }

    100% {
        top: 150px;
    }
}

@keyframes rotateBackAndForthq1 {
    0% {
        transform: rotate(10deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(10deg);
    }
}

@keyframes rotateBackAndForthq2 {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotateBackAndForthq3 {
    0% {
        transform: rotate(6deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

@keyframes rotateBackAndForthq4 {
    0% {
        transform: rotate(-5deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}

@media (max-width: 1860px) {
    .main {
        padding-left: 50px;
        padding-right: 50px;
    }

    .right_middle_table {
        padding-right: 20px;
    }

    .right_top_table {
        padding-right: 20px;
    }
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/cf-fonts/v/montserrat/5.0.16/latin/wght/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/cf-fonts/v/montserrat/5.0.16/vietnamese/wght/normal.woff2);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/cf-fonts/v/montserrat/5.0.16/cyrillic-ext/wght/normal.woff2);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/cf-fonts/v/montserrat/5.0.16/latin-ext/wght/normal.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/cf-fonts/v/montserrat/5.0.16/cyrillic/wght/normal.woff2);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

.blueprint-button-wrapper {
    text-align: center;
    margin: 0;
    padding: 0;
}

.blueprint-button {
    display: inline-block;
    padding: 14px 36px;
    background: #2d2d2d;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    line-height: 1.4;
    letter-spacing: -0.3px;
    transition: all 0.3s ease;
}

.blueprint-button:hover {
    background: #f9a351;
}

.line {
    margin-top: 120px;
    width: 100%;
    overflow: hidden;
    background: #ecf4f9;
    /* Ensure content that goes outside the container is hidden */
}

.line_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 62px;
    width: auto;
    /* Adjust width to fit content naturally */
    background: #ecf4f9;
    padding: 10px 0;
    animation: scrollPingPong 20s linear infinite;
    /* Ping-pong animation */
}

@keyframes scrollPingPong {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-50%);
        /* Move to the left */
    }

    100% {
        transform: translateX(0);
        /* Return to original position */
    }
}

.line_icon_text_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    /* Prevent text wrapping */
}

.line_icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 0 !important;
}

.line_icon_text {
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.line {
    margin-top: 120px;
    width: 100%;
    overflow: hidden;
    background: #ecf4f9;
    /* Ensure content that goes outside the container is hidden */
}

.line_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 62px;
    width: auto;
    /* Adjust width to fit content naturally */
    background: #ecf4f9;
    padding: 10px 0;
    animation: scrollPingPong 40s linear infinite;
    /* Ping-pong animation */
}

@keyframes scrollPingPong {
    0% {
        transform: translateX(10%);
    }

    50% {
        transform: translateX(-150%);
        /* Move to the left */
    }

    100% {
        transform: translateX(10%);
        /* Return to original position */
    }
}

.line_icon_text_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    /* Prevent text wrapping */
}

.line_icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 0 !important;
}

.line_icon_text {
    color: #f9a351;
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.link-in-line {
    /* text-decoration: none; */
    color: #f9a351;
    font-weight: 600;
    text-decoration: underline !important;
}

.therapies {
    width: 100%;
    padding-top: 120px;
    padding-left: 150px;
    padding-right: 150px;
}

.therapies_wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.therapies_items_wrapper {
    width: 100%;
}

.swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.therapies_item_text-block {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all 0.5s;
}

.therapies_item_text {
    color: #221f1f;
    font-family: 'Gotham-normal';
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.accent_text_item {
    color: #221f1f;
    font-family: 'Gotham-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.therapies_item {
    width: 390px;
    height: 458px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
    background-size: cover;
    transition: background-image 0.5s ease-in-out;
    /* smooth transition */
}

.item_fst {
    background-image: url('https://valhallavitality.com/wp-content/uploads/2025/04/2.webp');
}

.item_snd {
    background-image: url('https://valhallavitality.com/wp-content/themes/salient-child/inc/assets/img/vvchanges-2/2.webp');
}

.item_trd {
    background-image: url('https://valhallavitality.com/wp-content/uploads/2025/04/3.webp');
}

.item_fth {
    background-image: url('https://valhallavitality.com/wp-content/uploads/2025/04/4.webp');
}

@media (min-width: 1024px) {
    .item_fst:hover {
        background-image: url('https://valhallavitality.com/wp-content/themes/salient-child/inc/assets/img/vvchanges-2/11.webp');
    }

    .item_snd:hover {
        background-image: url('https://valhallavitality.com/wp-content/themes/salient-child/inc/assets/img/vvchanges-2/22.webp');
    }

    .item_trd:hover {
        background-image: url('https://valhallavitality.com/wp-content/themes/salient-child/inc/assets/img/vvchanges-2/33.webp');
    }

    .item_fth:hover {
        background-image: url('https://valhallavitality.com/wp-content/themes/salient-child/inc/assets/img/vvchanges-2/44.webp');
    }
}

.shop {
    padding-top: 180px;
    padding-left: 150px;
    padding-right: 150px;
    width: 100%;
}

.shop_wrapper {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.shop_deco_line {
    position: absolute;
    bottom: 130px;
    left: 0;
    width: 100% !important;
    height: 134px !important;
    background-color: #bdd8e8;
    z-index: -1;
    border-radius: 10px;
}

.shop_content_wrapper {
    display: flex;
    margin: 0 auto;
}

.shop_content_tabs_wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.shop_img_texts_wrapper {
    display: flex;
    gap: 60px;
    align-items: center;
    justify-content: center;
}

.shop_img {
    max-width: 837px !important;
    max-height: 450px !important;
    height: 100% !important;
    width: 837px !important;
    z-index: -2;
    margin-bottom: 0 !important;
}

.shop_texts {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.shop_texts_title {
    color: #000;
    font-family: 'Gotham-bold';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.shop_texts_subtitle {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 458px;
}

.shop_texts_button {
    display: flex;
    padding: 18px 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Button-color, #2d2d2d);
    color: var(--white, #fff);
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.36px;

    transition: all 0.3s;
    max-width: 293px !important;
}

.shop_texts_button:hover {
    background: #f9a351;
    color: #fff;
    transition: all 0.3s;
}

.shop_tabs_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.shop_tab {
    display: flex;
    flex-direction: column;
    width: 261px !important;
    height: 211px !important;
    padding: 22px 8px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    background: var(--White, #fefdfd);
    box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.shop_tab_img {
    height: 120px !important;
    transition: all 0.3s;
    position: relative;
    top: 0;
}

.shop_tab_title {
    color: #000;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    top: 0;
    transition: all 0.3s;
}

.shop_tab:hover {
    cursor: pointer;
}

.shop_tab:hover img {
    height: 173px !important;
    top: 20px !important;
    transition: all 0.3s;
}

.shop_tab:hover .shop_tab_title {
    top: 30px;
    transition: all 0.3s;
}

.shop_tab.activated img {
    height: 173px !important;
    margin-bottom: 0 !important;
    top: 20px;
}

.shop_tab.activated .shop_tab_title {
    top: 35px;
}

.shop_tab.activated {
    border: 2px solid var(--Sky-Blue---New, #4a9bc4);
}

@font-face {
    font-family: 'Gotham-normal';
    src: url('/wp-content/themes/salient/fonts/Gotham-Book.eot');
    /* IE9 Compat Modes */
    src: url('/wp-content/themes/salient/fonts/Gotham-Book.eot') format('embedded-opentype'),
        url('/wp-content/themes/salient/fonts/Gotham-Book.woff2') format('woff2'),
        url('/wp-content/themes/salient/fonts/Gotham-Book.woff') format('woff'),
        url('/wp-content/themes/salient/fonts/Gotham-Book.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham-bold';
    src: url('/wp-content/themes/salient/fonts/Gotham-Bold.eot');
    /* IE9 Compat Modes */
    src: url('/wp-content/themes/salient/fonts/Gotham-Bold.eot') format('embedded-opentype'),
        url('/wp-content/themes/salient/fonts/Gotham-Bold.woff2') format('woff2'),
        url('/wp-content/themes/salient/fonts/Gotham-Bold.woff') format('woff'),
        url('/wp-content/themes/salient/fonts/Gotham-Bold.ttf') format('truetype');
}

.contact_dr {
    width: 100%;

    margin: 0 auto;
}

.contact_dr_wrapper {
    display: flex;
    gap: 170px;
    /* max-width: 956px; */
    align-items: center;
    justify-content: center;
    padding: 180px 180px 0 312px;
    margin: 0 auto;
    position: relative;
}

.contact_dr_phone {
    position: relative;
    min-width: 250px;
    /* Match the mask size */
    height: 507px;
    /* Match the mask size */
}

.contact_dr_phone_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100% !important;
    height: 100% !important;
}

.slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    overflow: hidden;
    z-index: 4;
    /* Behind the mask image */
    background-color: #000;
    border-radius: 15px;
}

.slide {
    width: calc(100%) !important;
    /* Adjust for padding */
    height: calc(100%) !important;
    object-fit: cover;
    transition: transform 1s ease, opacity 1s ease;
    opacity: 1;
    position: absolute;
}

.slide.active {
    opacity: 1;
    position: relative;
    transform: translateX(0);
}

.contact_dr_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact_dr_title {
    color: #000;
    font-family: 'Gotham-bold';
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    max-width: 479px;
    margin-bottom: 18px;
    position: relative;
}

.contact_dr_subtitle {
    color: #000;

    font-family: 'Gotham-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.contact_online_ad {
    position: absolute;
    top: 0;
    right: -300px;
    box-shadow: -0.596px 0.596px 0.596px 0px rgba(255, 255, 255, 0.35) inset,
        0px 0.596px 3.577px 0px rgba(255, 255, 255, 0.35) inset;
}

.contact_dr_text_block_wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 60px;
}

.contact_dr_number_text_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

.contact_dr_number_bg {
    max-height: 30px;
    max-width: 30px;
    width: 100%;
    height: 100%;
    padding: 5px 0px 5px 0px;
    border-radius: 10px;
    background: var(--New-Brand-Color, #f9a351);
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_dr_number_item {
    color: var(--white, #fff);
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
}

.contact_dr_text_wraooer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_dr_text_title {
    color: #000;
    font-family: 'Gotham-bold';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contact_dr_text_text {
    color: #000;
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 530px;
}

.contact_dr_button {
    display: flex;
    width: 100%;
    max-width: 287px;
    padding: 18px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #2d2d2d;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-family: 'Gotham-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    text-decoration: none;
    transition: all 0.3s;
}

.contact_dr_button:hover {
    color: #fff;
    background: #f9a351;
    transition: all 0.3s;
}

.contact_dr_title_mob {
    display: none;
}

.contact_dr_subtitle_mob {
    display: none;
}

button {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border-color: #4a9bc4;
    color: #4a9bc4;
    background: transparent;
    border-style: none;
}

.center-align {
    text-align: center;
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 150px;
    height: 150px;
    z-index: -1;
}

@-webkit-keyframes hvr-ripple-out {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@-webkit-keyframes a {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -20px;
        opacity: 0;
    }
}

@keyframes a {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@-webkit-keyframes b {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@keyframes b {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@-webkit-keyframes c {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@keyframes c {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@-webkit-keyframes d {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

@keyframes d {
    10% {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        opacity: 1;
    }

    100% {
        top: -200px;
        right: -200px;
        bottom: -200px;
        left: -200px;
        opacity: 0;
    }
}

.hvr-ripple-out:before,
.a:before,
.b:before,
.c:before,
.d:before {
    border-radius: 50%;
    content: '';
    position: absolute;
    border: #4a9bc4 solid 2.572px;
    opacity: 0;
    top: 0;
    left: 0;

    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    animation-iteration-count: 60;
}

.hvr-ripple-out:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.a:before {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: a;
    animation-name: a;
}

.b:before {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-name: a;
    animation-name: a;
}

.c:before {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-name: a;
    animation-name: a;
}

.d:before {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    -webkit-animation-name: a;
    animation-name: a;
}

/* The animation code */

@media (max-width: 1470px) {
    .contact_dr_wrapper {
        padding: 60px 100px 100px 200px;
    }
}

@media (max-width: 1250px) {
    .contact_dr_wrapper {
        gap: 90px;
        padding: 100px 50px 0 150px;
    }
}

@media (max-width: 1100px) {
    .contact_dr_wrapper {
        flex-direction: column;
        gap: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact_dr_title {
        display: none;
    }

    .contact_dr_subtitle {
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .contact_dr_title_mob {
        display: block;
        margin-bottom: 0;
        max-width: 302px;
        font-size: 34px;
    }

    .contact_dr_subtitle_mob {
        display: block;
        margin-bottom: 18px;
    }

    .contact_online_ad_mob {
        position: absolute;
        top: 40px;
        left: -20px;

        z-index: 99;
    }

    .contact_online_mob_text {
        color: #000;
        text-align: center;
        font-family: 'Gotham-normal';
        font-size: 10.757px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.215px;
    }

    .contact_dr_button {
        margin: 0 auto;
    }

    .contact_dr_phone {
        min-width: 200px !important;
        min-height: 408px !important;
        max-width: 200px !important;
        max-height: 408px !important;
    }

    .contact_dr_phone_img {
        margin-bottom: 18px;
    }

    .contact_elipce_3 {
        top: 15%;
        left: 150px;
    }

    .contact_dr_number_bg {
        margin-top: 10px;
    }

    .contact_dr_number_text_wrapper {
        gap: 12px;
    }

    @-webkit-keyframes hvr-ripple-out {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @keyframes hvr-ripple-out {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @-webkit-keyframes a {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @keyframes a {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @-webkit-keyframes b {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @keyframes b {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @-webkit-keyframes c {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @keyframes c {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @-webkit-keyframes d {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }

    @keyframes d {
        10% {
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
            opacity: 1;
        }

        100% {
            top: -100px;
            right: -100px;
            bottom: -100px;
            left: -100px;
            opacity: 0;
        }
    }
}

.vip {
    width: 100%;
    padding-top: 180px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

.vip_wrapper {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.vip_section_title {
    color: #000;
    text-align: center;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.accent_title {
    color: #f9a351;
}

.vip_content_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.vip_item_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.vip_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 400px;
    padding: 41.791px 35px;
    border-radius: 19.18px;
    background: #fff;

    box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.1);
}

.vip_item_img {
    height: 115px !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

.vip_item_text {
    color: #000;
    text-align: center;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 26.852px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.vip_video_wrapper {
    width: 500px !important;
    height: 916px !important;
    position: relative;
}

.vip_video_wrapper video {
    object-fit: cover;
    border-radius: 20px;
    width: 500px !important;
    height: 916px !important;
}

.vip_swiper {
    display: none !important;
}

.ben_button {
    display: flex;
    padding: 18px 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Button-color, #2d2d2d);
    color: var(--white, #fff);
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.36px;

    transition: all 0.3s;
    max-width: 282px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: auto;
}

.ben_button:hover {
    background: #f9a351;
    color: #fff;
    transition: all 0.3s;
}

.mob_but {
    display: none;
}

@media (max-width: 1580px) {
    .vip_item_wrapper {
        display: none;
    }

    .vip_swiper {
        display: block !important;
        width: 100%;
        position: relative;
        top: -150px;
    }

    .vip_slide {
        width: 390px !important;
    }

    .vip_swiper {
        overflow: visible !important;
    }

    .swiper-pagination2 {
        margin: 0 auto;
        text-align: center;
        margin-top: 40px !important;
    }

    .desktop_but {
        display: none;
    }

    .mob_but {
        display: flex;
        bottom: initial;
        top: -130px;
        position: relative;
    }
}

@media (max-width: 700px) {
    .vip_video_wrapper {
        width: 335px !important;
        height: 589px !important;
    }

    .vip_video_wrapper video {
        object-fit: cover;
        border-radius: 20px;
        width: 335px !important;
        height: 589px !important;
    }

    .vip_section_title {
        font-size: 32px;
        max-width: 285px;
        margin: 0 auto;
    }

    .vip_wrapper {
        gap: 22px;
    }

    .vip_item {
        padding: 41.791px 22px;
        width: 250px;
        height: 220px;
        margin: 0 auto;
    }

    .vip_slide {
        width: 100% !important;
    }

    .vip {
        padding-top: 100px;
    }

    .vip_item_img {
        width: 80px !important;
        height: 80px !important;
    }
}

.testing {
    padding-top: 180px;
    padding-left: 150px;
    padding-right: 150px;
    overflow: hidden;
}

.testing_wrapper {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_title {
    color: #000;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
}

.testing_imgs_wrapper {
    width: 50%;
    height: 100%;
    position: relative;
}

.testing_fst_bottle {
    position: absolute;
    bottom: -220px;
    right: 120px;
    height: 400px !important;
    margin-bottom: 0 !important;
    z-index: 2;
}

.testing_snd_bottle {
    position: absolute;
    bottom: -250px;
    right: 120px;
    height: 600px !important;
    margin-bottom: 0 !important;
}

.testing_items_wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.testing_item {
    border-radius: 10px;
    background: #fff;
    box-shadow: 2px 4px 18px 7px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    width: 600px;
    padding: 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.testing_item_title {
    color: #000;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.testing_item_subtitle {
    color: #000;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Gotham-normal', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 275;
    line-height: normal;
}

.testing_button {
    display: flex;
    padding: 18px 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Button-color, #2d2d2d);
    color: var(--white, #fff);
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.36px;

    transition: all 0.3s;
}

.testing_button:hover {
    background: #f9a351;
    color: #fff;
    transition: all 0.3s;
}

.testing_fst_bottle {
    animation: rotateBottle 14s ease-in-out infinite;
    display: block;
    transform-origin: center;
}

@keyframes rotateBottle {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(-40deg);
    }

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.testing_snd_bottle {
    animation: rotateBottle2 14s ease-in-out infinite;
    display: block;
    transform-origin: center;
}

@keyframes rotateBottle2 {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-40deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media (max-width: 1600px) {
    .testing {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1444px) {
    .testing {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1344px) {
    .testing {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    .testing_wrapper {
        flex-direction: column;
    }

    .testing_fst_bottle {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 75px;
        margin: 0 auto;
        height: 250px !important;
        z-index: 2;
    }

    .testing_snd_bottle {
        position: absolute;
        bottom: 0;
        right: 0;
        left: -75px;
        margin: 0 auto;
        height: 360px !important;
    }

    .testing_imgs_wrapper {
        height: 360px;
        width: 100%;
    }

    .testing_items_wrapper {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .testing_title {
        margin-bottom: 0 !important;
        max-width: 242px;
    }

    .testing_item_title {
        font-size: 22px;
        text-align: center;
    }

    .testing_item_subtitle {
        font-size: 18px;
        max-width: 285px;
    }

    .testing_item {
        width: 330px;
    }

    .testing {
        padding-top: 50px;
    }

    .testing_items_wrapper {
        position: relative;
        top: -70px;
        z-index: 5;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.benefits {
    width: 100%;
    margin: 0 auto;

}

.benefits_wrapper {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 180px;
    margin: 0 auto;
    padding-bottom: 150px;
}

.section_title {
    color: #000;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
}

.benefits_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 78px;
    margin-bottom: 12px;
}

.benefits_left_items {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    gap: 32px;
    margin-bottom: 30px;
}

.benefits_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 2px 4px 18px 7px rgba(0, 0, 0, 0.1);
    width: 335px;
}

.benefits_item_icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 0 !important;
}

.benefits_item_text {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Gotham', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 220px;
}

.benefits_mid_img {
    position: relative;
}

.benef_mid_img_act {
    border-radius: 14px;
    max-width: 519px;
    max-height: 678px;
    width: 100%;
    height: 100%;
}

.benefits_right_items {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    gap: 32px;
    margin-top: 30px;
}

.benefits_quote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 85px;
}

.benefits_quote_wrapper {
    display: flex;
    align-items: center;
    gap: 38px;
    padding-top: 30px;
}

.benefits_quote_text {
    color: #221f1f;
    font-family: 'Gotham-bold', sans-serif;
    font-size: 41.689px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 601px;
}

.benefits_button {
    display: flex;
    padding: 18px 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Button-color, #2d2d2d);
    color: var(--white, #fff);
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: -0.36px;
    position: relative;
    left: 30px;
    transition: all 0.3s;
}

.benefits_button:hover {
    background: #f9a351;
    color: #fff;
    transition: all 0.3s;
}

.benefits_abs_text {
    border-radius: 15px;
    background: #fff;
    box-shadow: 1.408px 2.816px 2.816px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -265px;

    bottom: 39px;
}

.benefits_abs_textt {
    color: #000;
    font-family: 'Gotham-normal';
    font-size: 32px;
    font-weight: 400;
    text-transform: capitalize;
    white-space: nowrap;
    line-height: 90%;
}

.accent_color {
    color: #f9a351;
    font-family: 'Gotham-normal';
    font-size: 32px;
    font-weight: 400;
    text-transform: capitalize;
}

.b_mob_item {
    display: none;
}

@media (max-width: 1620px) {
    .benefits_wrapper {
        padding-left: 100px;
        padding-right: 100px;

    }
}

@media (max-width: 1444px) {
    .benefits_wrapper {
        padding-left: 50px;
        padding-right: 50px;

    }
}

@media (max-width: 1340px) {
    .benefits_wrapper {
        padding-left: 20px;
        padding-right: 20px;

    }

    .benefits_content {
        gap: 30px;
    }
}

@media (max-width: 1177px) {
    .b_mob_item {
        display: flex;
    }

    .benefits_right_items {
        display: none;
    }

    .benefits_content {
        flex-direction: column-reverse;
        gap: 0;
    }

    .benefits_left_items {
        align-self: center;
        position: relative;
        top: -35px;
        z-index: 3;
    }

    .benefits_item {
        padding: 12px 22px;
        max-width: 305px;
    }

    .benefits_item_icon {
        width: 30px !important;
        height: 30px !important;
    }

    .benefits_item_text {
        font-size: 18px;
    }

    .benefits_abs_text {
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 60px;
        width: 310px;
    }

    .benefits_abs_textt {
        font-size: 22px;
    }

    .accent_color {
        font-size: 22px;
    }

    .section_title {
        margin-bottom: 68px;
        font-size: 30px !important;
    }

    .benefits_quote {
        flex-direction: column;
        gap: 29px;
    }

    .benefits_button {
        left: 0;
    }

    .benefits_quote_text {
        max-width: 295px;
        font-size: 28px;
    }

    .benefits_quote_wrapper img {
        width: 65px !important;
        height: 51px !important;
        margin-bottom: 0 !important;
        position: absolute;
        top: -20px;
        left: -50px;
        z-index: -1;
    }

    .benefits_quote_wrapper {
        gap: 0;
        padding: 0;
        position: relative;
        left: 25px;
    }

    .benefits_content {
        margin-bottom: 0;
    }

    .benefits_wrapper {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

@media (max-width: 1770px) {
    .shop {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1550px) {
    .shop {
        padding-left: 20px;
        padding-right: 20px;
    }

    .shop_tab {
        width: 220px !important;
    }
}

.shop_texts_subtitle.mob_texts {
    display: none;
}

.mob_button {
    display: none;
}

.m_img {
    display: none;
}

.mob_wrapper {
    display: none;
}

/* Adjust for 3.8 slides visible */
@media (max-width: 1300px) {
    .shop_tab {
        /* Showing 3.8 slides */
        border-radius: 8.676px;
        background: #fefdfd;
        box-shadow: 1.446px 2.892px 8.676px 0px rgba(0, 0, 0, 0.1);
        width: 190px;
    }

    .shop_tab_title {
        font-size: 13px;
    }

    .shop_texts {
        display: none;
    }

    .shop_texts_subtitle.mob_texts {
        display: block;
        margin-bottom: 22px;
        max-width: 280px;
        line-height: 130%;
        padding-left: 20px;
    }

    .shop_title {
        margin-bottom: 10px !important;
        padding-left: 20px;
    }

    .shop {
        padding-left: 0;
        padding-right: 0;
    }

    .mob_button {
        display: block;
        margin: 0 auto;
        margin-top: 22px;
    }

    .shop_deco_line {
        bottom: 215px !important;
    }

    .shop_img {
        width: 315px !important;
        max-height: 637.368px !important;
    }

    .shop_img_texts_wrapper {
        position: relative;
        top: 20px;
    }
}

@media (max-width: 1075px) {
    .d_img {
        display: none;
    }

    .m_img {
        display: block;
    }

    .shop_tabs_wrapper {
        gap: 15px;
    }

    .shop_wrapper {
        position: relative;
        overflow: hidden;
        /* Prevents overflow of content outside the wrapper */
    }

    /* Container for the scrollable tabs */
    .shop_tabs_wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        overflow-x: auto;
        /* Enable horizontal scrolling */
        scroll-snap-type: x mandatory;
        /* Enable snap scrolling */
        scroll-behavior: smooth;
        /* Smooth scrolling */
        white-space: nowrap;
        /* Ensure items don't wrap */
        position: absolute;
        /* Ensure proper positioning */
        bottom: -130px;
        width: 100% !important;
        justify-content: initial;
    }

    /* Show scrollbar on WebKit browsers */
    .shop_tabs_wrapper::-webkit-scrollbar {
        height: 8px;
        /* Adjust the height of the scrollbar */
    }

    .shop_tabs_wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
        /* Track color */
    }

    .shop_tabs_wrapper::-webkit-scrollbar-thumb {
        background: #888;
        /* Thumb color */
        border-radius: 10px;
        /* Rounded corners */
    }

    .shop_tabs_wrapper::-webkit-scrollbar-thumb:hover {
        background: #555;
        /* Thumb color on hover */
    }

    /* Hide scrollbar in Firefox and IE */
    .shop_tabs_wrapper {
        -ms-overflow-style: scrollbar;
        /* Show scrollbar for IE and Edge */
        scrollbar-width: auto;
        /* Show scrollbar for Firefox */
    }

    .shop_content_wrapper {
        position: relative;

        justify-content: initial;
    }

    /* Individual tab styles */
    .shop_tab {
        flex: 0 0 auto;
        /* Prevent shrinking and allow horizontal scrolling */
        width: 190px;
        /* Fixed width for each tab */
        scroll-snap-align: start;
        /* Align to the start of the scroll container */
        transition: transform 0.3s ease-in-out;
    }

    .shop_texts_button.mob_button {
        margin-top: 150px;
        position: relative;
    }

    .shop_deco_line {
        bottom: 180px !important;
    }

    .shop {
        padding-top: 100px;
    }

    .mob_wrapper {
        display: flex;
    }

    .desk_wrapper {
        display: none;
    }

    .shop_tab:hover img {
        height: 120px !important;
        top: 0 !important;
        transition: all 0.3s;
    }

    .shop_tab:hover .shop_tab_title {
        top: 0;
        transition: all 0.3s;
    }

    .shop_tab.activated img {
        height: 120px !important;
        /* margin-bottom: 0 !important; */
        top: 0;
    }

    .shop_tab.activated .shop_tab_title {
        top: 0;
    }

    .shop_tab.activated {
        border: 2px solid var(--Sky-Blue---New, #4a9bc4);
    }
}

@media (max-width: 1860px) {
    .therapies {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1760px) {
    .therapies {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1600px) {
    .therapies {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 580px) {
    .therapies_wrapper {
        gap: 0;
    }

    .therapies {
        padding-top: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .therapies_title {
        margin-bottom: 22px !important;
    }

    .therapies_item_text {
        font-size: 22px;
    }

    .therapies_item_text-block {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (max-width: 465px) {
    .therapies {
        padding-left: 10px;
        padding-right: 10px;
    }

    .therapies_item {
        width: 100%;
        height: 352.308px;
        border-radius: 20px;
    }
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: initial !important;
    bottom: initial !important;
    margin-top: 20px;
}

.swiper-pagination-bullet {
    background: #e4e7e9 !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #434343 !important;
}

.therapies_item:hover .therapies_item_text-block {
    background: rgba(255, 255, 255, 1);
    transition: all 0.5s;
}

@media (max-width: 700px) {
    .line_wrapper {
        animation: scrollPingPong 60s linear infinite;
        /* Ping-pong animation */
    }

    @keyframes scrollPingPong {
        0% {
            transform: translateX(-100%);
        }

        50% {
            transform: translateX(-1005%);
            /* Move to the left */
        }

        100% {
            transform: translateX(100%);
            /* Return to original position */
        }
    }

    .line {
        margin-top: 100px;
    }
}

@media (max-width: 700px) {
    .line_wrapper {
        animation: scrollPingPong 40s linear infinite;
        /* Ping-pong animation */
    }

    @keyframes scrollPingPong {
        0% {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-505%);
            /* Move to the left */
        }

        100% {
            transform: translateX(0);
            /* Return to original position */
        }
    }

    .line {
        margin-top: 100px;
    }
}

@media (max-width: 500px) {
    .blueprint-button {
        font-size: 15px;
        padding: 10px 24px;
    }
}

@media (max-width: 1680px) {
    .main_left_table_imgs_wrapper {
        left: -50px;
    }
}

@media (max-width: 1580px) {
    .main_left_table_imgs_wrapper {
        left: -25px;
    }
}

@media (max-width: 1580px) {
    .main_left_table_imgs_wrapper {
        transform: scale(0.8);
    }

    .main_middle_table_images_wrapper {
        transform: scale(0.8);
    }
}

@media (max-width: 1330px) {
    .main_left_table_imgs_wrapper {
        left: -70px;
    }

    .main_content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main_left_table {
        width: 45%;
    }

    .middle_table {
        width: 45%;
    }

    .right_table_wrapper {
        width: 50%;
    }

    .right_top_table,
    .right_middle_table {
        justify-content: center;
        align-items: center;
    }

    .main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1150px) {
    .main_left_table_imgs_wrapper {
        left: -50px;
    }

    .main_play_icon {
        height: 28px !important;
        width: 28px !important;
        margin-bottom: 0 !important;
    }

    .main_wrapper_title {
        font-size: 32px;
        max-width: 320px;
        text-align: center;
        margin-bottom: 0;
    }

    .main_wrapper_subtitle {
        font-size: 18px;
        max-width: 290px;
        margin-bottom: 32px;
    }
}

@media (max-width: 980px) {
    .main_left_table_imgs_img_one {
        top: 42px;
    }

    .main_left_table_imgs_img_two {
        top: -10px;
    }

    .main_left_table_imgs_img_three {
        top: 40px;
    }

    .main_left_table {
        width: 100%;
        height: 394.687px;
        padding: 18px;
    }

    .middle_table {
        width: 100%;
        height: 394.687px;
        position: relative;
    }

    .right_table_wrapper {
        width: 100%;
        height: 394.687px;
    }

    .main {
        overflow: hidden;
    }

    .main_left_table_imgs_wrapper {
        top: 30px;

        transform: scale(0.7);
        left: -35px;
        right: 0;
        margin: auto;
    }

    .main_middle_table_images_wrapper {
        transform: scale(0.7);
        top: 0;
    }

    @keyframes rotateBackAndFourItems {
        0% {
            top: 15px;
        }

        25% {
            top: 30px;
        }

        50% {
            top: 30px;
        }

        100% {
            top: 15px;
        }
    }

    .main_table_button {
        font-size: 11px;
        padding: 10px 19px;
    }

    .main_left_table_shadow {
        top: -30px;
    }

    .main_middle_table_shadow {
        top: -30px;
    }

    @keyframes rotateBackAndForth4 {
        0% {
            transform: rotate(-10deg);
            top: 0px;
        }

        25% {
            transform: rotate(10deg);
            top: 0px;
        }

        50% {
            transform: rotate(10deg);
            top: 0px;

        }

        100% {
            transform: rotate(-10deg);
            top: 0px;
        }
    }

    @keyframes rotateBackAndForth5 {
        0% {
            transform: rotate(10deg);
            top: 0px;
        }

        25% {
            transform: rotate(-10deg);
            top: 0px;
        }

        50% {
            transform: rotate(-10deg);
            top: 0px;
        }

        100% {
            transform: rotate(10deg);
            top: 0px;
        }
    }

    .main_table_button {
        position: absolute;
        bottom: 18px;
        right: 18px;
    }

    .right_top_table_img,
    .right_middle_table_img,
    .right_bottom_left_table_img,
    .right_bottom_right_table_img {
        display: block;
        transform: scale(0.7);
        height: 90px !important;
        width: auto;
    }

    .right_table_wrapper {
        height: auto;
    }

    .right_top_table,
    .right_middle_table,
    .right_bottom_left_table {
        height: 120px;
    }

    .right_top_table_img {
        height: 90px !important;
        width: auto;
    }

    .right_bottom_left_table {
        padding: 0;
        padding-bottom: 10px;
    }

    .right_bottom_left_table_img,
    .right_bottom_right_table_img {
        height: 80px !important;
        margin-bottom: 0 !important;
        margin-top: 5px;
    }

    .table_bottom_text {
        font-size: 15px;
    }

    .table_right_text {
        font-size: 18px;
    }

    @keyframes widthChange {
        0% {
            width: 168px;
        }

        25% {
            width: 220px;
        }

        50% {
            width: 220px;
        }

        100% {
            width: 168px;
        }
    }
}

@media (min-width: 1960px) {
    .right_top_table {
        padding-right: 0;
        justify-content: center;
    }

    .right_middle_table {
        padding-right: 0;
        justify-content: center;
    }
}