@import url('fonts.css');

:root {
    --color: #1F5ED9;
    --color2: #0042BC;
    --color3: #F5A100;
    --color4: #FBC015;
    --color6: #AADDE1;
    --bliss-smile-body-font-size: 0.8333333vw;
    --bliss-smile-font-sans-serif: "Onest", sans-serif;
    --bliss-smile-heading-font: "SN Pro", sans-serif;
}

@media (max-width: 767px) {
    :root {
        --bliss-smile-body-font-size: 2.91667vw;
    }
}

#content {overflow: hidden;}
#content .bliss-smile-page {width: 100%; max-width: 100%; margin: 0;}

.bliss-smile-page {
    background: var(--color);
    color: #fff;
    font-family: var(--bliss-smile-font-sans-serif);
    font-size: var(--bliss-smile-body-font-size);
}

.bliss-smile-page img {max-width: 100%;}

.page {width: 100%; min-height: 100svh; display: flex; flex-direction: column; overflow: hidden; font-size: calc(var(--bliss-smile-body-font-size)*1.4375);}

.bliss-smile-page .h1,
.bliss-smile-page .h2,
.bliss-smile-page .h3,
.bliss-smile-page .h4,
.bliss-smile-page .h5,
.bliss-smile-page .h6,
.bliss-smile-page h1,
.bliss-smile-page h2,
.bliss-smile-page h3,
.bliss-smile-page h4,
.bliss-smile-page h5,
.bliss-smile-page h6 {font-family: var( --bliss-smile-heading-font);}

.bliss-smile-page .h1,
.bliss-smile-page h1 {font-size: calc(var(--bliss-smile-body-font-size)*3.75); font-weight: 900; text-transform: uppercase;}

.first-screen {min-height: calc(var(--bliss-smile-body-font-size)*74.2125); background: url(../img/bg_first_screen.svg) no-repeat 85% 136%; background-size: auto calc(var(--bliss-smile-body-font-size)*52); position: relative; margin-bottom: -1px;}
.first-screen .header-bliss-smile {text-align: center; padding-top: calc(var(--bliss-smile-body-font-size)*4.9); padding-bottom: calc(var(--bliss-smile-body-font-size)*1.25); min-height: calc(var(--bliss-smile-body-font-size)*13.75); width: 100%; background: url(../img/bg_header.svg) no-repeat 45% 100%; background-size: auto calc(var(--bliss-smile-body-font-size)*11.6875);}
.first-screen .header-bliss-smile h1, .first-screen .header-bliss-smile .h1 {margin-bottom: 0;}
.first-screen__footer {position: absolute; left: 0; bottom: 0; width: 100%; aspect-ratio: 1920/99;}
.first-screen__barsik {position: absolute; bottom: 0; right: 3.3333%; width: 25.295%; aspect-ratio: 1/1.09;}
.first-screen__barsik .body {z-index: 1; position: absolute; top: 0; left: 0; width: 100%;}
.first-screen__barsik .paws {position: absolute; top: 0; left: -12%; z-index: 2; width: 75%; margin-top: 79.8%;}
.first-screen__barsik .text {position: absolute; bottom: 85%; left: -35%; transform: rotate(17.32deg); text-transform: uppercase; color: var(--color2); background: #fff; width: calc(var(--bliss-smile-body-font-size)*20); text-align: center; font-family: var( --bliss-smile-heading-font); line-height: 1.05; border-radius: calc(var(--bliss-smile-body-font-size)*9.5)/calc(var(--bliss-smile-body-font-size)*4.5); padding: calc(var(--bliss-smile-body-font-size)*1) calc(var(--bliss-smile-body-font-size)*1.5); box-shadow: calc(var(--bliss-smile-body-font-size)*.5) calc(var(--bliss-smile-body-font-size)*1) 0 var(--color2); font-weight: 800; font-size: calc(var(--bliss-smile-body-font-size)*1.75);}
.first-screen__footer::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../img/bg_orange_1.svg) repeat-x 50% 100% / cover; z-index: 2;}

.bliss-smile-page .container {max-width: calc(var(--bliss-smile-body-font-size)*80); padding-left: 0; padding-right: 0; width: 100%;}

@media (max-width: 767px) {
    .bliss-smile-page .h1,
    .bliss-smile-page h1 {font-size: calc(var(--bliss-smile-body-font-size)*2.75);}

    .bliss-smile-page .container {max-width: 100%; padding-left: 20px; padding-right: 20px;}
}

.main-banner-bliss-smile {padding-top: calc(var(--bliss-smile-body-font-size)*7.25); position: relative;}
.main-banner__slider .slick-list {margin-top: -30px; margin-bottom: -30px;}
.main-banner__item {transition: .5s;}
.main-banner__slider .slick-track {display: flex; align-items: flex-end; min-height: calc(var(--bliss-smile-body-font-size)*44.0625 + 60px); padding-top: 30px; padding-bottom: 30px;}
.main-banner__slider .slick-slide {padding-left: calc(var(--bliss-smile-body-font-size)*1.875); padding-right: calc(var(--bliss-smile-body-font-size)*1.875); width: calc(var(--bliss-smile-body-font-size)*16);}
.main-banner__slider .slick-slide .main-banner__item {width: calc(var(--bliss-smile-body-font-size)*9.125); transition: .5s; position: relative; left: 0;}
.main-banner__slider .slick-current .main-banner__item {width: calc(var(--bliss-smile-body-font-size)*19.0625); left: calc(var(--bliss-smile-body-font-size)*(-3.125)); animation: pulsationItem 2s ease-in-out infinite;}
.main-banner__slider::before {content: ''; display: block; background: url(../img/icon-slider-1.svg) no-repeat 0 0 / cover; width: calc(var(--bliss-smile-body-font-size)*7.5625); aspect-ratio: 121/117; position: absolute; left: 50%; margin-left: calc(var(--bliss-smile-body-font-size)*(-8)); top: calc(var(--bliss-smile-body-font-size)*(-5) + 30px); z-index: 5;}
.main-banner__slider::after  {content: ''; display: block; background: url(../img/icon-slider-2.svg) no-repeat 0 0 / cover; width: calc(var(--bliss-smile-body-font-size)*4.5625); aspect-ratio: 45/51; position: absolute; left: 50%; margin-left: calc(var(--bliss-smile-body-font-size)*(-15)); top: calc(var(--bliss-smile-body-font-size)*5); z-index: 5;}
.main-banner__slider .slick-slide:has(+.slick-current) .main-banner__item,
.main-banner__slider .slick-current + .slick-slide .main-banner__item {width: calc(var(--bliss-smile-body-font-size)*13.625);}
.main-banner__slider .slick-slide:has(+.slick-current) .main-banner__item {left: calc(var(--bliss-smile-body-font-size)*(-3.125));}
.main-banner__slider .slick-current + .slick-slide .main-banner__item {left: calc(var(--bliss-smile-body-font-size)*3.125);}
.main-banner__slider .slick-current + .slick-slide  + .slick-slide .main-banner__item {margin-left: calc(var(--bliss-smile-body-font-size)*3.125);}
.main-banner__slider .slick-arrow {width: calc(var(--bliss-smile-body-font-size)*5); height: calc(var(--bliss-smile-body-font-size)*5); z-index: 10; margin-top: calc(var(--bliss-smile-body-font-size)*(-6.35));}
.main-banner__slider .slick-arrow::before {content: none;}
.main-banner__slider .slick-next {right: calc(var(--bliss-smile-body-font-size)*(-15.75));}
.main-banner__slider .slick-prev {left: calc(var(--bliss-smile-body-font-size)*(-15.75));}

.main-banner__slider2 {position: absolute; inset: 0; pointer-events: none; }
.main-banner__slider2 .slick-list,
.main-banner__slider2 .slick-track {height: 100%; overflow: visible;}
.main-banner__slider2 .main-banner__item {position: relative;}
.main-banner__slider2 .main-banner__item > * {pointer-events: auto;}
.main-banner__slider2 .main-banner__text h2 {font-size: calc(var(--bliss-smile-body-font-size)*3.1875); color: var(--color6); font-weight: 800; text-transform: uppercase;}
.main-banner__slider2 .main-banner__text h3 {font-size: calc(var(--bliss-smile-body-font-size)*2.25); color: var(--color4); font-weight: 800; text-transform: uppercase; transform: translateY(calc(var(--bliss-smile-body-font-size)*2.5)); transition: 1.5s; opacity: 0;}
.main-banner__slider2 .main-banner__subtext {transform: translateY(calc(var(--bliss-smile-body-font-size)*4.5)); transition: 2s; opacity: 0; margin-top: calc(var(--bliss-smile-body-font-size)*1.75); font-weight: 500;}
.main-banner__slider2 .main-banner__subtext .d-flex {margin-bottom: calc(var(--bliss-smile-body-font-size)*.5); align-items: center; gap: calc(var(--bliss-smile-body-font-size)*1); text-transform: uppercase;}
.main-banner__slider2 .main-banner__subtext .d-flex img {flex-shrink: 0; width: calc(var(--bliss-smile-body-font-size)*3.125);}
.main-banner__slider2 .slick-current .main-banner__subtext,
.main-banner__slider2 .slick-current .main-banner__text h2,
.main-banner__slider2 .slick-current .main-banner__text h3 {transform: translateY(0); opacity: 1;}
.main-banner__descr {position: absolute; top: 0; right: 0; max-width: calc(var(--bliss-smile-body-font-size)*26); padding: calc(var(--bliss-smile-body-font-size)*3.25) calc(var(--bliss-smile-body-font-size)*2.75); border-radius: calc(var(--bliss-smile-body-font-size)*3); color: var(--color6); background: var(--color2); line-height: 1.3;}
.main-banner__icon {position: absolute; width: calc(var(--bliss-smile-body-font-size)*13.5); height: calc(var(--bliss-smile-body-font-size)*13.5); display: flex; align-items: center; justify-content: center; bottom: calc(var(--bliss-smile-body-font-size)*(-3.5)); right: calc(var(--bliss-smile-body-font-size)*(-5.5)); pointer-events: none; animation: translateYItem 3s ease-in-out infinite;}
.main-banner__icon.top-right {top: calc(var(--bliss-smile-body-font-size)*(-4.5)); right: calc(var(--bliss-smile-body-font-size)*(-4.5));}
.main-banner__descr:has(.top-right) > div:first-child::before {content: ''; display: block; float: right; width: calc(var(--bliss-smile-body-font-size)*5); height: calc(var(--bliss-smile-body-font-size)*5);}

@media (max-width: 767px) {
    .first-screen {min-height: 0; background-position: 50% 175vw; background-size: auto calc(var(--bliss-smile-body-font-size)*18);}
    .first-screen .header-bliss-smile {min-height: 0; padding-top: calc(var(--bliss-smile-body-font-size)*2.5); padding-bottom: calc(var(--bliss-smile-body-font-size)*2.5); background-position: 45% 50%; background-size: auto calc(var(--bliss-smile-body-font-size)*3.6875);}
    .first-screen .header-bliss-smile h1, .first-screen .header-bliss-smile .h1 {font-size: calc(var(--bliss-smile-body-font-size)*1.8); max-width: 80%; margin-left: 10%;}

    .main-banner__icon {display: none;}

    .first-screen__footer { aspect-ratio: 360/33; }
    .first-screen__footer::before { background-size: auto 100%; background-position-x: 16.5%; }
    .first-screen__barsik {width: 44%; right: 8.5%;}
    .first-screen__barsik .text {font-size: calc(var(--bliss-smile-body-font-size)*1.35); width: calc(var(--bliss-smile-body-font-size)*16); bottom: 40%; left: -100%; transform: rotate(15deg);}

    .main-banner-bliss-smile {margin-bottom: calc(var(--bliss-smile-body-font-size)*15);}

    .main-banner__slider2 {position: relative;}
    .main-banner__descr {position: relative; inset: 0; max-width: none; margin-left: -20px; margin-right: -20px; border-radius: 0; margin-top: calc(var(--bliss-smile-body-font-size)*3); padding: 20px;}

    .main-banner__subtext {max-width: max-content; margin-left: auto; margin-right: auto;}

    .main-banner-bliss-smile {padding-top: 60vw;}
    .main-banner__slider .slick-slide {width: 90vw;}
    .main-banner__slider .slick-slide .main-banner__item {left: auto; margin-left: auto; margin-right: auto;}

    .main-banner__slider2 .main-banner__text {position: absolute; left: 0; top: -200vw; width: 100%; text-align: center;}

    .main-banner__slider .slick-arrow {margin-top: 0;}
    .main-banner__slider .slick-prev {left: 0;}
    .main-banner__slider .slick-next {right: 0;}

}

.page__main {background: var(--color3); flex-grow: 1;}

.about {padding-top: calc(var(--bliss-smile-body-font-size)*.9);}

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

.hero {color: var(--color2); background: var(--color3) url(../img/hero-bg.png) no-repeat 64% 100% / 100% auto; padding-top: calc(var(--bliss-smile-body-font-size)*8);}
.hero .h1 {font-size: calc(var(--bliss-smile-body-font-size)*8.5); text-align: center; margin-bottom: calc(var(--bliss-smile-body-font-size)*8);}
.hero__image {width: calc(var(--bliss-smile-body-font-size)*48.6875); margin: 0 auto; position: relative;}
.hero__text {padding: calc(var(--bliss-smile-body-font-size)*3.25); font-size: calc(var(--bliss-smile-body-font-size)*1.5); line-height: 1.3; border-radius: calc(var(--bliss-smile-body-font-size)*3); background: #fff; color: #000; width: calc(var(--bliss-smile-body-font-size)*27.0625); position: absolute;}
.hero__text--1 {top: 0; left: 0;}
.hero__text--2 {top: calc(var(--bliss-smile-body-font-size)*27.625); right: 0;}
.hero__text .hero__icon {position: absolute; width: calc(var(--bliss-smile-body-font-size)*12);}
.hero__text--1 .hero__icon {top: 100%; left: 0; margin-top: calc(var(--bliss-smile-body-font-size)*-3); animation: pulsationItem 2s ease-in-out infinite;}
.hero__text--2 .hero__icon {top: calc(var(--bliss-smile-body-font-size)*-4.5); right: calc(var(--bliss-smile-body-font-size)*-4.5); transform: rotate(20deg); animation: translateYItem 3s ease-in-out infinite;}
.hero__container {position: relative; padding-top: calc(var(--bliss-smile-body-font-size)*4.625); width: 100%;}

@media (max-width: 767px) {
    .hero {padding-top: calc(var(--bliss-smile-body-font-size)*4);}
    .hero .h1 {font-size: calc(var(--bliss-smile-body-font-size)*4); margin-bottom: calc(var(--bliss-smile-body-font-size)*4);}
    .hero__container {padding-top: 0; display: flex; flex-direction: column; gap: calc(var(--bliss-smile-body-font-size)*5);}
    .hero__text {position: relative; inset: 0; text-align: center; width: 100%;}
    .hero__image {width: 100%;}
    .hero__text--1 .hero__icon {width: calc(var(--bliss-smile-body-font-size)*9);}
    .hero__text--1::before {content: ''; display: block; top: 100%; margin-top: calc(var(--bliss-smile-body-font-size)*-2.5); right: 0; transform: rotate(20deg); animation: translateYItem 3s ease-in-out infinite; position: absolute; width: calc(var(--bliss-smile-body-font-size)*12);
        background: url(/img/taste/illustration_multifruit.png) no-repeat 0 0 / contain; aspect-ratio: 329/326;}
    .hero__text--2 {order: 5; margin-bottom: calc(var(--bliss-smile-body-font-size)*2);}
    .hero__text--2 .hero__icon {display: none;}
}

.whois {position: relative;}
.whois__bg {background: var(--color2) url(../img/whois-bg.svg) no-repeat 50% 0 / 100% auto;}
.whois__title {text-align: center; margin-bottom: calc(var(--bliss-smile-body-font-size)*6); font-weight: 900; text-transform: uppercase; font-size: calc(var(--bliss-smile-body-font-size)*8.5); color: var(--color3); line-height: calc(var(--bliss-smile-body-font-size)*10.125); font-family: var( --bliss-smile-heading-font);}
.whois__item-title {font-size: calc(var(--bliss-smile-body-font-size)*2.5); font-weight: 900; font-family: var( --bliss-smile-heading-font); line-height: calc(var(--bliss-smile-body-font-size)*3); text-transform: uppercase; margin-bottom: calc(var(--bliss-smile-body-font-size)*.5);}
.whois__item-text {font-size: calc(var(--bliss-smile-body-font-size)*1.25); line-height: calc(var(--bliss-smile-body-font-size)*1.6875);}
.whois__items {margin-bottom: calc(var(--bliss-smile-body-font-size)*10); margin-right: calc(var(--bliss-smile-body-font-size)*-1);}
.whois__items .col {display: flex; flex-direction: column; gap: calc(var(--bliss-smile-body-font-size)*6.25); justify-content: space-between;}

.whois__slider .slick-list,
.whois__slider .slick-track {height: 100%; overflow: visible;}
.whois__slide {display: flex;}
.whois__slide-aside {flex-grow: 1;}
.whois__slide-aside img {position: relative; z-index: 2;}
.whois__slide-title {color: var(--color3); font-size: calc(var(--bliss-smile-body-font-size)*4); font-weight: 900; text-transform: uppercase; margin-top: calc(var(--bliss-smile-body-font-size)*1); margin-bottom: calc(var(--bliss-smile-body-font-size)*3.625); text-align: center; font-family: var( --bliss-smile-heading-font);}
.whois__slide-text {flex-shrink: 0; margin-left: auto; width: calc(var(--bliss-smile-body-font-size)*46); min-height: calc(var(--bliss-smile-body-font-size)*33.25); border-radius: calc(var(--bliss-smile-body-font-size)*3); padding: calc(var(--bliss-smile-body-font-size)*5.75) calc(var(--bliss-smile-body-font-size)*5); background: #fff; color: #000; position: relative; font-size: calc(var(--bliss-smile-body-font-size)*1.875); font-weight: 500; line-height: calc(var(--bliss-smile-body-font-size)*2.125);}
.whois__slide-text ul {display: flex; flex-direction: column; gap: calc(var(--bliss-smile-body-font-size)*1.5); margin: 0; padding: 0;}
.whois__slide-text li {margin: 0; padding: 0; display: flex; gap: calc(var(--bliss-smile-body-font-size)*1); align-items: flex-start;}
.whois__slide-text li::marker {content: none;}
.whois__slide-text li::before {content: ''; display: block; flex-shrink: 0; width: calc(var(--bliss-smile-body-font-size)*1.5); height: calc(var(--bliss-smile-body-font-size)*1.5); border-radius: 50%; background: var(--color2); margin-top: calc(var(--bliss-smile-body-font-size)*.25);}
.whois__slide-text a {color: inherit; pointer-events: none;}
.whois__slider .slick-arrow {width: calc(var(--bliss-smile-body-font-size)*5); height: calc(var(--bliss-smile-body-font-size)*5); z-index: 10;}
.whois__slider .slick-arrow::before {content: none;}
.whois__slider .slick-next {right: calc(var(--bliss-smile-body-font-size)*-15.75);}
.whois__slider .slick-prev {left: calc(var(--bliss-smile-body-font-size)*-15.75);}
.whois__slider .slick-dots {position: relative; bottom: 0; display: flex; gap: calc(var(--bliss-smile-body-font-size)*.8); align-items: center; justify-content: center; margin-top: calc(var(--bliss-smile-body-font-size)*3.1875); margin-left: auto; width: calc(var(--bliss-smile-body-font-size)*46);}
.whois__slider .slick-dots li {margin: 0; width: auto; height: auto;}
.whois__slider .slick-dots li button:before {content: none;}
.whois__slider .slick-dots li button {opacity: .3; background: #fff; border-radius: 50%; width: var(--bliss-smile-body-font-size); height: var(--bliss-smile-body-font-size);}
.whois__slider .slick-dots li.slick-active button {opacity: 1;}
.whois__slider.slick-dotted.slick-slider {margin-bottom: 0;}
.whois__slide-decor {position: absolute; pointer-events: none;}
.whois__slide.slide-0 .whois__slide-aside::before {content: ''; position: absolute; left: calc(var(--bliss-smile-body-font-size)*-2); top: calc(var(--bliss-smile-body-font-size)*5); width: calc(var(--bliss-smile-body-font-size)*30.625); aspect-ratio: 1; background: url(../img/decorWhoisSlide1_aside.svg) no-repeat 0 0 / contain;  animation: spin 50s linear infinite;}
.whois__slide.slide-0 .whois__slide-aside img {margin-top: calc(var(--bliss-smile-body-font-size)*17.3125); position: relative; right: calc(var(--bliss-smile-body-font-size)*-3);}
.whois__slide.slide-0 .whois__slide-decor.slide-decor-0 {top: calc(var(--bliss-smile-body-font-size)*-9); left: calc(var(--bliss-smile-body-font-size)*-6); width: calc(var(--bliss-smile-body-font-size)*18.625); animation: translateYItem 3s ease-in-out infinite;}
.whois__slide.slide-0 .whois__slide-decor.slide-decor-1 {top: calc(var(--bliss-smile-body-font-size)*-5); right: calc(var(--bliss-smile-body-font-size)*-4); width: calc(var(--bliss-smile-body-font-size)*8.125); animation: heartbeat 5s ease-in-out infinite;}
.whois__slide.slide-0 .whois__slide-decor.slide-decor-2 {bottom: calc(var(--bliss-smile-body-font-size)*-9); right: calc(var(--bliss-smile-body-font-size)*-9); width: calc(var(--bliss-smile-body-font-size)*18.8125); animation: shake 5s ease-in-out infinite;}

.whois__slide.slide-1 .whois__slide-aside::before {content: ''; position: absolute; left: calc(var(--bliss-smile-body-font-size)*-8); top: calc(var(--bliss-smile-body-font-size)*15); width: calc(var(--bliss-smile-body-font-size)*35.8125); aspect-ratio: 1; background: url(../img/decorWhoisSlide2_aside.svg) no-repeat 0 0 / contain;  animation: spin 50s linear infinite;}
.whois__slide.slide-1 .whois__slide-aside img {margin-top: calc(var(--bliss-smile-body-font-size)*7); position: relative; right: calc(var(--bliss-smile-body-font-size)*3);}
.whois__slide.slide-1 .whois__slide-decor.slide-decor-0 {top: calc(var(--bliss-smile-body-font-size)*-10); left: calc(var(--bliss-smile-body-font-size)*-34); width: calc(var(--bliss-smile-body-font-size)*17.75); animation: translateYItem 3s ease-in-out infinite; z-index: 2;}
.whois__slide.slide-1 .whois__slide-decor.slide-decor-1 {left: calc(var(--bliss-smile-body-font-size)*15.3125); bottom: -2px; width: calc(var(--bliss-smile-body-font-size)*16.25);}
.whois__slide.slide-1 .whois__slide-decor.slide-decor-2 {bottom: calc(var(--bliss-smile-body-font-size)*-8); right: calc(var(--bliss-smile-body-font-size)*-5); width: calc(var(--bliss-smile-body-font-size)*11.875); animation: shake 5s ease-in-out infinite;}

.whois__slide.slide-2 .whois__slide-aside::before {content: ''; position: absolute; left: calc(var(--bliss-smile-body-font-size)*22); top: calc(var(--bliss-smile-body-font-size)*32); width: calc(var(--bliss-smile-body-font-size)*20.75); aspect-ratio: 1; background: url(../img/decorWhoisSlide3_aside.svg) no-repeat 0 0 / contain;  animation: spin 50s linear infinite; z-index: 3;}
.whois__slide.slide-2 .whois__slide-aside img {margin-top: calc(var(--bliss-smile-body-font-size)*10); position: relative; right: calc(var(--bliss-smile-body-font-size)*-2);}
.whois__slide.slide-2 .whois__slide-decor.slide-decor-0 {top: calc(var(--bliss-smile-body-font-size)*-4); left: calc(var(--bliss-smile-body-font-size)*-5); width: calc(var(--bliss-smile-body-font-size)*11.875); animation: translateYItem 3s ease-in-out infinite; z-index: 2;}
.whois__slide.slide-2 .whois__slide-decor.slide-decor-1 {bottom: calc(var(--bliss-smile-body-font-size)*-5); right: calc(var(--bliss-smile-body-font-size)*6); width: calc(var(--bliss-smile-body-font-size)*12.9375); animation: shake 5s ease-in-out infinite;}

@media (max-width: 767px) {
    .whois__title {margin-bottom: calc(var(--bliss-smile-body-font-size)*2); font-size: calc(var(--bliss-smile-body-font-size)*4); line-height: 1.25;}
    .whois__items {margin-right: 0;}
    .whois__items .col {gap: 0;}
    .whois__items .col:has(img) {order: -1;}
    .whois__items img {margin-left: auto; margin-right: auto; width: calc(var(--bliss-smile-body-font-size)*18);}
    .whois__items .whois__item {margin-top: calc(var(--bliss-smile-body-font-size)*3);}

    .whois__slider .slick-arrow {top: calc(var(--bliss-smile-body-font-size)*20); width: calc(var(--bliss-smile-body-font-size)*4); height: calc(var(--bliss-smile-body-font-size)*4);}
    .whois__slider .slick-prev {left: 0;}
    .whois__slider .slick-next {right: 0;}

    .whois__slide {flex-direction: column;}
    .whois__slide-aside {flex-grow: 0; position: relative; margin-bottom: calc(var(--bliss-smile-body-font-size)*2);}
    .whois__slide-aside img {margin-top: 0 !important; inset: 0; margin-left: auto; margin-right: auto; max-width: 70%;}
    .whois__slide-text {width: 100%; min-height: 0; padding: calc(var(--bliss-smile-body-font-size)*3); font-size: calc(var(--bliss-smile-body-font-size)*1.7);}
    .whois__slide.slide-0 .whois__slide-aside::before {width: calc(var(--bliss-smile-body-font-size)*13); left: auto; right: 10px; top: 0;}
    .whois__slide.slide-0 .whois__slide-decor.slide-decor-0 {top: calc(var(--bliss-smile-body-font-size)*-7); left: calc(var(--bliss-smile-body-font-size)*-2); width: calc(var(--bliss-smile-body-font-size)*11);}
    .whois__slide.slide-0 .whois__slide-decor.slide-decor-1 {right: calc(var(--bliss-smile-body-font-size)*-2);}
    .whois__slide.slide-0 .whois__slide-decor.slide-decor-2 {right: calc(var(--bliss-smile-body-font-size)*-3); width: calc(var(--bliss-smile-body-font-size)*12);}
    .whois__slide-main {display: contents;}
    .whois__slide-title {order: -1; font-size: calc(var(--bliss-smile-body-font-size)*2.7); line-height: 1.25;}

    .whois__slide.slide-1 .whois__slide-decor.slide-decor-0 {top: calc(var(--bliss-smile-body-font-size)*-27); left: calc(var(--bliss-smile-body-font-size)*7); width: calc(var(--bliss-smile-body-font-size)*10.75);}
    .whois__slide.slide-1 .whois__slide-decor.slide-decor-1 {left: calc(var(--bliss-smile-body-font-size)*7);}
    .whois__slide.slide-1 .whois__slide-decor.slide-decor-2 {bottom: calc(var(--bliss-smile-body-font-size)*-4); right: calc(var(--bliss-smile-body-font-size)*-2); width: calc(var(--bliss-smile-body-font-size)*8);}
    .whois__slide.slide-1 .whois__slide-text,
    .whois__slide.slide-2 .whois__slide-text {padding-bottom: calc(var(--bliss-smile-body-font-size)*10);}
    .whois__slide.slide-1 .whois__slide-aside {z-index: 1;}
    .whois__slide.slide-1 .whois__slide-aside::before {left: calc(var(--bliss-smile-body-font-size)*3); top: calc(var(--bliss-smile-body-font-size)*7); width: calc(var(--bliss-smile-body-font-size)*19);}

    .whois__slide.slide-2 .whois__slide-aside {position: static;}
    .whois__slide.slide-2 .whois__slide-aside::before {width: calc(var(--bliss-smile-body-font-size)*14.75); bottom: calc(var(--bliss-smile-body-font-size)*-6); top: auto; left: 0;}
    .whois__slide.slide-2 .whois__slide-decor.slide-decor-0 {left: 0; top: calc(var(--bliss-smile-body-font-size)*-26);}
    .whois__slide.slide-2 .whois__slide-decor.slide-decor-1 {bottom: 0; width: calc(var(--bliss-smile-body-font-size)*10); right: calc(var(--bliss-smile-body-font-size)*3);}

    .whois__slider .slick-dots {width: 100%; margin-left: 0;}
}


.conference {position: relative; background: var(--color4) url(../img/conference_bg3.png) no-repeat 50% 100%/100% auto; margin-top: -1px;}
.conference::before {content: ''; display: block; position: absolute; inset: 0; top: calc(var(--bliss-smile-body-font-size)*-9.75); background: url(../img/conference_bg1.svg) no-repeat 0 0/calc(var(--bliss-smile-body-font-size)*22.1875) auto, url(../img/conference_bg2.svg) no-repeat 100% calc(var(--bliss-smile-body-font-size)*11)/calc(var(--bliss-smile-body-font-size)*25.6875) auto;}
.conference__title.h1 {text-align: center; color: var(--color2); margin-bottom: calc(var(--bliss-smile-body-font-size)*9);}
.conference .container {position: relative;}
.conference__items .row {margin-top: calc(var(--bliss-smile-body-font-size)*-3.25);}
.conference__items .row:nth-child(2) .conference__item::before {content: ''; display: block; position: absolute; bottom: 100%; left: calc(var(--bliss-smile-body-font-size)*7.4375); width: calc(var(--bliss-smile-body-font-size)*24.4375); aspect-ratio: 391/212; background: url(../img/conference_block2.svg) no-repeat 0 0 / contain; margin-bottom: calc(var(--bliss-smile-body-font-size)*-1);}
.conference__item {padding: calc(var(--bliss-smile-body-font-size)*3.25); font-size: calc(var(--bliss-smile-body-font-size)*1.5); line-height: 1.3; border-radius: calc(var(--bliss-smile-body-font-size)*3); background: #fff; color: #000; position: relative;}
.conference__footer {font-weight: 500; color: var(--color2); font-size: calc(var(--bliss-smile-body-font-size)*1.875); min-height: calc(var(--bliss-smile-body-font-size)*37.125);}
.conference__footer .row {align-items: center; min-height: calc(var(--bliss-smile-body-font-size)*27.5);}

@media (max-width: 767px) {
    .conference {background-position: 10% 100%; background-size: 170% auto; padding-top: 9vw;}
    .conference::before {top: calc(var(--bliss-smile-body-font-size)*(-1.75)); background-position: 0 0, 100% calc(var(--bliss-smile-body-font-size)*6.5); background-size: calc(var(--bliss-smile-body-font-size)*7) auto, calc(var(--bliss-smile-body-font-size)*7) auto;}
    .conference__title.h1 {margin-bottom: calc(var(--bliss-smile-body-font-size)*6);}
    .conference__items .row:nth-child(1) .conference__item::before {content: ''; display: block; position: absolute; bottom: 100%; right: 3%; width: calc(var(--bliss-smile-body-font-size)*12.4375); aspect-ratio: 391/212; background: url(../img/conference_block2.svg) no-repeat 0 0 / contain; margin-bottom: calc(var(--bliss-smile-body-font-size)*-1);}
    .conference__items .row:nth-child(2) .conference__item::before {content: none;}

    .conference__items .row {margin-top: calc(var(--bliss-smile-body-font-size)*2.5);}

    .conference__footer .row {min-height: 0; margin-top: calc(var(--bliss-smile-body-font-size)*2.5);}
    .conference__footer {font-size: calc(var(--bliss-smile-body-font-size)*1.75);}
}

.bliss-smile-page .footer {text-align: center; color: var(--color2); background: var(--color3); padding-top: calc(var(--bliss-smile-body-font-size)*5.1875); padding-bottom: calc(var(--bliss-smile-body-font-size)*9.5); margin-top: -1px; z-index: 1;}
.bliss-smile-page .footer .h1 {margin-bottom: calc(var(--bliss-smile-body-font-size)*5.25); font-size: calc(var(--bliss-smile-body-font-size)*4);}
.bliss-smile-page .partners {display: flex; flex-wrap: wrap; gap: calc(var(--bliss-smile-body-font-size)*1.2); justify-content: center;}
.bliss-smile-page .partners img {width: auto; height: calc(var(--bliss-smile-body-font-size)*13.125);}

@media (max-width: 767px) {
    .bliss-smile-page .footer {padding-bottom: calc(var(--bliss-smile-body-font-size)*5.5);}
    .bliss-smile-page .footer .h1 {margin-bottom: calc(var(--bliss-smile-body-font-size)*2.25);}
    .bliss-smile-page .partners {gap: 20px;}
    .bliss-smile-page .partners img {height: calc(var(--bliss-smile-body-font-size)*7.125);}
}

@keyframes translateYItem {
    0% {transform: translateY(calc(var(--bliss-smile-body-font-size)*(-1)))}
    50% {transform: translateY(calc(var(--bliss-smile-body-font-size)*1))}
    to {transform: translateY(calc(var(--bliss-smile-body-font-size)*(-1)))}
}

@keyframes pulsationItem {
    0% {transform: scale(.97)}
    50% {transform: scale(1.03)}
    to {transform: scale(.97)}
}

@keyframes heartbeat {
    0% {transform: scale( .75 );}
    20% {transform: scale( 1 );}
    40% {transform: scale( .75 );}
    60% {transform: scale( 1 );}
    80% {transform: scale( .75 );}
    100% {transform: scale( .75 );}
}

@keyframes shake {
    0% { transform: translateX(0) rotate(0deg); }
    25% { transform: translateX(-5px) rotate(-1deg); }
    50% { transform: translateX(5px) rotate(1deg); }
    75% { transform: translateX(-5px) rotate(-1deg); }
    100% { transform: translateX(0) rotate(0deg); }
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}