@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 900;

  src:
    url('../fonts/GothamPro-Black.woff2') format('woff2'),
    url('../fonts/GothamPro-Black.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 700;

  src:
    url('../fonts/GothamPro-Bold.woff2') format('woff2'),
    url('../fonts/GothamPro-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 300;

  src:
    url('../fonts/GothamPro-Light.woff2') format('woff2'),
    url('../fonts/GothamPro-Light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 500;

  src:
    url('../fonts/GothamPro-Medium.woff2') format('woff2'),
    url('../fonts/GothamPro-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 400;

  src:
    url('../fonts/GothamPro-Regular.woff2') format('woff2'),
    url('../fonts/GothamPro-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: bold;

  src: url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: normal;

  src: url('../fonts/helveticaneuecyr-roman-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: 300;

  src: url('../fonts/helveticaneuecyr-light-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: 600;

  src: url('../fonts/helveticaneuecyr-medium-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: 100;

  src: url('../fonts/helveticaneuecyr-thin-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 700;

  src:
    url('../fonts/WorkSans-Bold.woff2') format('woff2'),
    url('../fonts/WorkSans-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 300;

  src:
    url('../fonts/WorkSans-Light.woff2') format('woff2'),
    url('../fonts/WorkSans-Light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 500;

  src:
    url('../fonts/WorkSans-Medium.woff2') format('woff2'),
    url('../fonts/WorkSans-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 400;

  src:
    url('../fonts/WorkSans-Regular.woff2') format('woff2'),
    url('../fonts/WorkSans-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 600;

  src:
    url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
    url('../fonts/WorkSans-SemiBold.woff') format('woff');
  font-display: swap;
}


:root {
  --font-family-primary: 'GothamPro', 'Arial', sans-serif;
  --font-family-secondary: 'WorkSans', 'Arial', sans-serif;
}


*,
*::after,
*::before {
  box-sizing: border-box;
}

.lock,
body.locked {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.visually-hidden {
  position: absolute;

  display: block;

  width: 1px;
  height: 1px;

  padding: 0;
  margin: -1px;

  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.list-reset {
  padding: 0;
  margin: 0;

  list-style: none;
}

html:has(.avf-landing) header {
  font-family: 'Arial', sans-serif;
}

html:has(.avf-landing),
html:has(.avf-landing) .landing,
html:has(.avf-landing) body {
  font-family: var(--font-family-primary);
  font-size: 16px;

  line-height: normal;

  color: #272e37;
}

html:has(.avf-landing) h1,
html:has(.avf-landing) h2,
html:has(.avf-landing) h3,
html:has(.avf-landing) h4 {
  text-transform: none;
}

.page-container:has(.avf-landing) {
  overflow: initial;
}

.avf-landing .header {
  position: sticky;
  top: 40px;
  height: 40px;
}

.main-menu__link.active {
  font-weight: 600;
}

.avf-section {
  scroll-margin-top: 16vh;
}

@media (max-width: 1200px) {
  .avf-landing .header {
    height: auto;
  }
  
}

@media (max-width: 1080px) {
  .avf-landing .header {
    top: 38px;
  }
}

@media (max-width: 1030px) {
  .avf-landing .header {
    top: 0;
  }
}

.avf-link-sup a {
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;

  line-height: normal;

  color: inherit;

  text-decoration: none;
}

.avf-footnote {
  font-family: var(--font-family-secondary);
  font-size: 0.75em;
}

.avf-footnote a {
  font-family: var(--font-family-secondary);

  color: inherit;

  text-decoration: none;
}

.avf-h1 {
  font-family: var(--font-family-primary);
  font-size: clamp(2.5rem, 1.7487rem + 2.9178vw, 5.25rem);
  font-weight: 500;

  line-height: normal;

  text-wrap: balance;
}

.avf-h1 sup {
  position: static;

  display: inline-block;

  font-size: clamp(1.25rem, 0.9085rem + 1.3263vw, 2.5rem);
  font-weight: 400;

  line-height: normal;
  vertical-align: super;
}

.avf-h2 {
  font-family: var(--font-family-primary);
  font-size: clamp(2rem, 1.4536rem + 2.122vw, 4rem);
  font-weight: 500;

  line-height: 110%;
}

.avf-h2 sup {
  position: static;

  font-size: clamp(1.25rem, 1.0451rem + 0.7958vw, 2rem);
  font-weight: 500;

  line-height: normal;
  vertical-align: super;
}

.avf-btn {
  display: inline-flex;

  gap: 12px;
  align-items: center;
  justify-content: center;

  padding: 16px 40px;
  margin: 0;

  text-decoration: none;

  cursor: pointer;

  background-color: transparent;
  border: none;

  transition:
    color 0.3s,
    background-color 0.3s;
}

.avf-btn__icon {
  width: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
}

.avf-btn__primary {
  font-size: clamp(1rem, 0.7951rem + 0.7958vw, 1.75rem);
  font-weight: 500;

  color: #ffffff;

  background-color: #ee4353;
  border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);
}

.avf-btn__primary:hover {
  background-color: #d42939;
}

.avf-btn__primary:active {
  background-color: #ee4353;
}

.avf-btn__primary:disabled,
.avf-btn__primary.disabled {
  pointer-events: none;

  background-color: #f8b4ba;
}

.avf-btn-secondary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 16px 24px;
  margin: 0;

  font-family: var(--font-family-primary);
  font-size: 20px;
  font-weight: 600;

  text-decoration: none;

  cursor: pointer;

  background-color: #ffffff;
  border: none;
  border-radius: 16px;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);

  transition:
    color 0.3s,
    background-color 0.3s;
}

.avf-btn-secondary:active {
  outline: 1px solid #d7f0ff;
}

@media (max-width: 768px) {
  .avf-btn {
    padding: 12px 20px;
  }
}

.avf-accordion {
  padding: 32px;

  border-radius: 20px;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);
}

.avf-accordion__summary {
  position: relative;

  display: block;

  padding-right: 44px;

  font-family: var(--font-family-primary);
  font-size: clamp(1.25rem, 1.1134rem + 0.5305vw, 1.75rem);
  font-weight: 500;

  line-height: normal;

  cursor: pointer;

  border-radius: 20px;
}

.avf-accordion:hover {
  outline: 2px solid #d7f0ff;
}

.avf-accordion__summary::-webkit-details-marker {
  display: none;
}

.avf-accordion__summary::after {
  position: absolute;
  top: 50%;
  right: 8px;

  display: block;

  width: 28px;
  height: 28px;

  content: ' ';

  background-image: url('../images/fluvekto/icons/chevron-down.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transform: translateY(-50%) rotate(0);

  transition: transform 0.2s ease-out;
}

.avf-accordion[open] > .avf-accordion__summary::after {
  transform: translateY(-50%) rotate(-180deg);
}

.avf-accordion__content {
  padding-top: 16px;

  font-family: var(--font-family-primary);
  font-size: clamp(1rem, 0.9317rem + 0.2653vw, 1.25rem);
  font-weight: 400;

  line-height: 1.1;
}

@media (prefers-reduced-motion: no-preference) {
  details {
    interpolate-size: allow-keywords;
  }
}

.avf-accordion::details-content {
  block-size: 0;

  overflow-y: clip;

  opacity: 0;

  transition:
    content-visibility 0.3s allow-discrete,
    opacity 0.3s,
    block-size 0.3s;
}

.avf-accordion[open]::details-content {
  block-size: auto;

  opacity: 1;
}

@supports not (interpolate-size: allow-keywords) {
  .avf-accordion::details-content {
    transition: opacity 0.3s;
  }
}

@media (max-width: 768px) {
  .avf-accordion {
    padding: 24px;

    border-radius: 16px;
  }

  .avf-accordion__summary::after {
    width: 20px;
    height: 20px;
  }
}

/* PAGES BLOCKS */

.avf-main-banner {
  position: relative;

  margin-top: 100px;
  margin-bottom: 80px;

  overflow-x: clip;
}

.avf-main-banner__decors {
  position: absolute;

  width: 100%;
  max-width: 1440px;
  height: 100%;
}

.avf-main-banner__wrapper {
  display: grid;

  grid-template-columns: repeat(22, 1fr);

  align-items: end;
  justify-items: center;

  overflow: hidden;

  background-color: #38b3ff;
  border-radius: 1026px;
  box-shadow: 2.052px 4.103px 18.29px 0 rgb(16 68 99 / 15%);
}

.avf-main-banner__content {
  grid-column: 4 / 13;

  padding-top: 24px;
  padding-bottom: 14px;
  padding-left: 80px;
}

.avf-main-banner__logo {
  display: flex;

  flex-direction: column;

  row-gap: 8px;

  margin-bottom: 16px;
}

.avf-main-banner__logo img {
  display: block;
}

.avf-main-banner__logo-text {
  font-family: var(--font-family-primary);
  font-size: clamp(0.875rem, 0.7725rem + 0.3979vw, 1.25rem);
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: #ffffff;

  text-align: right;

  text-shadow: 1.957px 1.957px 7.827px rgb(16 68 99 / 17%);
}

.avf-main-banner__promo-text {
  padding: 8px 16px;
  margin-bottom: 32px;

  font-family: var(--font-family-primary);
  font-size: clamp(1rem, 0.7951rem + 0.7958vw, 1.75rem);
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: #272e37;

  text-align: center;

  background-color: #ffffff;
  border-radius: 1000px;
}

.avf-main-banner__img {
  position: relative;

  margin-right: calc(-1 * clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem));
}

.avf-main-banner__decor-img {
  grid-column: 13 / 20;
}

.avf-main-banner__decor-img img {
  display: block;
}

.avf-stick-decor {
  position: absolute;

  display: block;

  width: 30px;
  height: 2px;

  background-color: #afe0ff;

  transform-origin: center;

  animation: stick-rotate 1.2s ease-in-out infinite alternate;
}

.avf-stick-decor.top-left {
  top: 16%;
  right: calc(100% + clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem));

  transform: rotate(20deg);

  --to-rotate: 44deg;
}

.avf-stick-decor.bottom-left {
  top: 40%;
  right: calc(100% + clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem));

  transform: rotate(-20deg);

  --to-rotate: -44deg;
}

.avf-stick-decor.top-right {
  top: 16%;
  left: calc(100% - clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem));

  transform: rotate(-20deg);

  --to-rotate: -44deg;
}

.avf-stick-decor.bottom-right {
  top: 40%;
  left: calc(100% - clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem));

  transform: rotate(20deg);

  --to-rotate: 44deg;
}

@media (max-width: 992px) {
  .avf-main-banner__wrapper {
    display: flex;

    align-items: center;
    justify-content: center;

    padding-top: 40px;
    padding-bottom: 40px;

    overflow: visible;
  }

  .avf-main-banner__content {
    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0;
  }

  .avf-main-banner__logo {
    row-gap: 12px;

    width: 54vw;
  }

  .avf-main-banner__promo-text {
    align-self: stretch;

    margin-bottom: 20px;
  }

  .avf-main-banner__img {
    display: flex;

    max-width: 74vw;
  }

  .avf-main-banner__img img {
    flex-grow: 1;
  }

  .avf-main-banner__decor-img {
    display: none;
  }
}

@media (max-width: 768px) {
  .avf-main-banner {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-height: 100vw;
  }

  .avf-main-banner__wrapper {
    align-items: center;

    height: 100%;

    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }

  .avf-main-banner__wrapper::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;

    display: block;

    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    aspect-ratio: 1;

    content: '';

    background-color: #38b3ff;
    border-radius: 50%;
    box-shadow: 2.052px 4.103px 18.29px 0 rgb(16 68 99 / 15%);

    transform: translate(-50%, -50%);
  }
}

@keyframes stick-rotate {
  to {
    transform: rotate(var(--to-rotate));
  }
}

.avf-parasites {
  position: relative;

  padding-top: 80px;
  padding-bottom: 80px;

  overflow-x: clip;
}

.avf-parasites__decors {
  position: absolute;
  left: 50%;

  width: 100%;
  max-width: 1440px;
  height: 100%;

  transform: translateX(-50%);
}

.avf-parasites__ttl {
  max-width: 1196px;

  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;

  text-align: center;
}

.avf-parasites__content {
  position: relative;

  display: flex;

  justify-content: center;
}

.avf-parasites__center {
  position: relative;
  z-index: 1;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  min-width: 280px;
  max-width: 492px;
  aspect-ratio: 492 / 572;

  margin: 0 auto;

  overflow: clip;

  clip-path: polygon(50% 0, 100% 10%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 0 10%);
}

.avf-parasites__center .avf-parasites__video {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 120%;
  height: 120%;

  object-fit: cover;
  object-position: center;

  transform: translate(-50%, -56%);
}

.avf-parasites__shield {
  width: 100%;
}

.avf-parasites__shield-img {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 94%;

  transform: translate(-50%, -50%);
}

.avf-parasites__left {
  display: flex;

  flex-direction: column;

  align-items: end;
  justify-content: space-between;

  padding-top: 16px;
  padding-bottom: 96px;
}

.avf-parasites__right {
  position: relative;
  z-index: 0;

  display: flex;

  flex-direction: column;

  align-items: start;
  justify-content: space-between;

  padding-top: 30px;
  padding-bottom: 66px;
}

.avf-parasites__item {
  display: flex;

  flex-direction: column;
}

.avf-parasites__item span {
  font-family: var(--font-family-primary);
  font-size: clamp(1rem, 0.7268rem + 1.061vw, 2rem);
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  opacity: 0;

  transition: opacity 0.3s ease-out;
}

.avf-parasites__left .avf-parasites__item {
  align-items: end;
}

.avf-parasites__right .avf-parasites__item {
  align-items: start;
}

.avf-parasites__left span {
  padding-right: 90px;

  text-align: right;
}

.avf-parasites__right span {
  text-align: left;
}

.avf-parasites__item.top-right span {
  padding-left: 90px;
}

.avf-parasites__img-top-left {
  width: clamp(4.25rem, 3.45rem + 4vw, 8.25rem);

  transform: translate(248px, 110px) rotate(18deg);

  transition: transform 0.3s ease-out;
  transition-delay: 1.07s;
}

.animated .avf-parasites__img-top-left {
  transform: translate(-10px, 16px) rotate(18deg);
}

.avf-parasites__img-bottom-left {
  width: clamp(5.875rem, 4.5rem + 6.875vw, 12.75rem);

  transform: translate(360px, -70px) rotate(-11deg);

  transition: transform 0.3s ease-out;
  transition-delay: 1.67s;
}

.animated .avf-parasites__img-bottom-left {
  transform: translate(0, 0) rotate(-11deg);
}

.avf-parasites__img-top-right {
  width: clamp(4.5rem, 3.425rem + 5.375vw, 9.875rem);

  transform: translate(-248px, 110px) rotate(-45deg);

  transition: transform 0.3s ease-out;
  transition-delay: 1.37s;
}

.animated .avf-parasites__img-top-right {
  transform: translate(20px, 10px) rotate(-45deg);
}

.avf-parasites__img-bottom-right {
  width: clamp(4.5rem, 3.675rem + 4.125vw, 8.625rem);

  transform: translate(-264px, -70px) rotate(36deg);

  transition: transform 0.3s ease-out;
  transition-delay: 1.97s;
}

.animated .avf-parasites__img-bottom-right {
  transform: translate(-20px, 0) rotate(36deg);
}

.avf-parasites__item.top-left span {
  transition-delay: 1.07s;
}

.avf-parasites__item.top-right span {
  transition-delay: 1.37s;
}

.avf-parasites__item.bottom-left span {
  transition-delay: 1.67s;
}

.avf-parasites__item.bottom-right span {
  transition-delay: 1.97s;
}

.animated .avf-parasites__item span {
  opacity: 1;
}

@media (max-width: 1200px) {
  .avf-parasites__left span {
    padding-right: 20px;
  }

  .avf-parasites__item.top-right span {
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .avf-parasites {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .avf-parasites__content {
    width: 64.8vw;

    padding-top: 50px;
    padding-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
  }

  .avf-parasites__left,
  .avf-parasites__right {
    position: absolute;
    top: 0;

    height: 100%;

    padding: 0;
  }

  .avf-parasites__left {
    right: 100%;

    align-items: start;

    padding-top: 20px;

    transform: translateX(50%);
  }

  .avf-parasites__right {
    left: 100%;

    transform: translateX(-60%);
  }

  .avf-parasites__left .avf-parasites__item {
    align-items: start;
  }

  .avf-parasites__left span {
    padding-right: 0;

    text-align: left;
  }

  .avf-parasites__item.top-right span {
    padding-left: 0;
  }

  .avf-parasites__item.top-right,
  .avf-parasites__item.top-left {
    flex-direction: column-reverse;
  }

  .avf-parasites__img-bottom-left {
    transform: translate(160px, -160px) rotate(-20deg);
  }

  .animated .avf-parasites__img-bottom-left {
    transform: translate(0, -8px) rotate(-20deg);
  }

  .avf-parasites__img-top-left {
    transform: translate(160px, 160px) rotate(18deg);
  }

  .animated .avf-parasites__img-top-left {
    transform: translate(-10px, 0) rotate(18deg);
  }

  .avf-parasites__img-top-right {
    transform: translate(-160px, 160px) rotate(-45deg);
  }

  .animated .avf-parasites__img-top-right {
    transform: translate(20px, -10px) rotate(-45deg);
  }

  .avf-parasites__img-bottom-right {
    transform: translate(-124px, -70px) rotate(36deg);
  }

  .avf-parasites__item.bottom-right {
    padding-left: 30px;
  }
}

.avf-why {
  position: relative;

  padding-top: 160px;
  padding-bottom: 80px;

  overflow-x: clip;

  background: linear-gradient(180deg, #60c2ff 0%, #afe1ff 50%, #ffffff 100%);
  border-radius: 80px 80px 0 0;
}

.avf-why::after {
  position: absolute;
  top: 19%;
  right: 5%;

  display: block;

  width: 492px;
  height: 470px;

  content: '';

  background: url('../images/fluvekto/paw-light.png');
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: contain;
}

.avf-why__ttl {
  margin-bottom: 80px;
}

.avf-why__wrapper {
  position: relative;
  z-index: 2;
}

.avf-why__list {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  row-gap: 60px;
  column-gap: 24px;
}

.avf-why-card {
  display: flex;

  column-gap: 12px;

  height: 100%;
  min-height: 182px;

  padding: 24px;

  background: #ffffff;
  border-radius: 24px;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);
}

.avf-why-card__icon {
  display: flex;

  flex-shrink: 0;

  align-items: center;
  justify-content: center;

  width: 68px;
  height: 68px;

  padding: 12px;

  border-radius: 100%;
}

.avf-why-card__icon img {
  max-width: 44px;
  max-height: 44px;
}

.avf-why-card__content {
  display: flex;

  flex-direction: column;

  row-gap: 8px;
}

.avf-why-card__ttl {
  font-size: clamp(1rem, 0.7268rem + 1.061vw, 2rem);
  font-weight: 500;
}

.avf-why-card__text {
  font-size: clamp(0.75rem, 0.6134rem + 0.5305vw, 1.25rem);
}

@media (max-width: 1024px) {
  .avf-why__list {
    grid-template-columns: repeat(2, 1fr);

    row-gap: 24px;
    column-gap: 24px;
  }
}

@media (max-width: 768px) {
  .avf-why {
    padding-top: 60px;
    padding-bottom: 60px;

    border-radius: 40px 40px 0 0;
  }

  .avf-why::after {
    top: 13%;
    right: -27%;

    width: 60.68vw;
    min-width: 250px;
    height: 240px;

    background: url('../images/fluvekto/paw-light-mob.png');
  }

  .avf-why__ttl {
    margin-bottom: 24px;
  }

  .avf-why__list {
    row-gap: 16px;
    column-gap: 16px;
  }

  .avf-why-card {
    flex-direction: column;

    row-gap: 8px;

    min-height: 144px;

    padding: 12px;
  }

  .avf-why-card__content {
    row-gap: 4px;
  }

  .avf-why-card__icon {
    width: 36px;
    height: 36px;

    padding: 8px;
  }

  .avf-why-card__icon img {
    max-width: 20px;
    max-height: 20px;
  }
}

.avf-for-who {
  position: relative;

  padding-top: 160px;

  overflow-x: clip;
}


.avf-for-who-slider {
  display: flex;

  column-gap: 44px;
}

.avf-for-who-slider__main {
  position: relative;

  order: 1;

  width: 553px;
  height: 678px;

  margin-right: 0;
  margin-left: auto;
}

.avf-for-who-slider__main::before {
  position: absolute;
  top: 51%;

  display: block;

  width: 100%;
  height: auto;
  aspect-ratio: 1;

  content: '';

  background-color: #38b3ff;
  border-radius: 50%;

  transform: translateY(-50%);
}

.avf-for-who-slider__main.swiper,
.avf-for-who-slider__main .swiper-wrapper,
.avf-for-who-slider__main .swiper-slide {
  overflow: visible;
}

.avf-for-who-slider__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max-content;
  height: max-content;

  overflow: visible;

  transform: translate(-50%, -50%);
}

.avf-for-who-slider__main img {
  display: block;

  width: auto;
  max-width: none;
  height: auto;
}

.avf-for-who-slider__thumbs {
  padding-top: 80px;
  margin-right: 0;
  margin-left: 0;
}

.avf-for-who-slider__thumbs .swiper-slide {
  height: auto;
}

.avf-for-who-thumb {
  display: flex;

  column-gap: 16px;
  align-items: center;

  margin-bottom: 24px;

  cursor: pointer;
}

.avf-for-who-thumb__icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 56px;
  height: 56px;

  padding: 8px;

  background-color: #c3eb98;
  border-radius: 50%;
}

.avf-for-who-thumb__icon svg path {
  stroke: #6b9238;
}

.swiper-slide-thumb-active .avf-for-who-thumb__icon {
  background-color: #d7f0ff;
}

.swiper-slide-thumb-active .avf-for-who-thumb__icon svg path {
  stroke: #38b3ff;
}

.avf-for-who-thumb__text {
  font-size: clamp(1.25rem, 1.0451rem + 0.7958vw, 2rem);
  font-weight: 500;
}

@media (max-width: 1200px) {
  .avf-for-who-slider__main {
    width: 358px;
    height: 440px;
  }

  .avf-for-who-slider__main img {
    max-height: 440px;
  }

  .avf-for-who-slider__thumbs {
    padding-top: 40px;
  }

  .avf-for-who-thumb__icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 768px) {
  .avf-for-who-slider {
    flex-direction: column;
  }

  .avf-for-who-slider__main {
    order: 0;

    margin-right: auto;
  }

  .avf-for-who-slider__thumbs {
    padding-top: 16px;
  }

  .avf-for-who-thumb {
    margin-bottom: 16px;
  }
}

@media (max-width: 420px) {
  .avf-for-who-slider__main {
    width: 87.86vw;
    height: 103.16vw;
  }

  .avf-for-who-slider__main img {
    max-height: 103.16vw;
  }
}

.avf-how-it-works {
  padding-top: 160px;
  padding-bottom: 95px;

  overflow: hidden;

  background: linear-gradient(180deg, #ffffff 0%, #afe1ff 50%, #60c2ff 100%);
  border-radius: 0 0 80px 80px;
}

.avf-how-it-works__ttl {
  margin-bottom: 60px;
}

.avf-how-it-works-slider {
  display: flex;

  column-gap: 24px;
  align-items: center;
}

.avf-how-it-works-slider__main {
  position: relative;

  display: flex;

  flex-grow: 1;
  flex-direction: column;

  align-items: start;
  justify-content: center;

  width: 52.8%;
  height: 570px;

  perspective: 1000px;
}

.avf-how-it-works-slider__thumbs {
  display: flex;

  flex-direction: column;

  row-gap: 24px;

  width: 45.5%;
}

.avf-how-it-works__img {
  position: absolute;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 522px;
  height: 302px;

  padding: 16px;

  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);

  transition:
    transform 0.6s ease,
    z-index 0.6s ease;
}

.avf-how-it-works__img img {
  display: block;

  max-height: 270px;
}

.avf-how-it-works__img:nth-child(1) {
  top: 0;
  left: 0;
  z-index: 0;

  transform: rotate(-3.07deg);
}

.avf-how-it-works__img:nth-child(2) {
  top: 24%;
  left: 20%;
  z-index: 2;

  transform: rotate(5.27deg);
}

.avf-how-it-works__img:nth-child(3) {
  bottom: 0;
  left: 8%;
  z-index: 1;

  transform: rotate(-5.27deg);
}

.avf-how-it-works__img.active {
  z-index: 3;
}

.avf-how-it-works-card {
  padding: 24px 80px;

  cursor: pointer;

  border: 4px dashed transparent;
  border-radius: 1000px;

  transition: border-color 0.3s ease-in-out;
}

.avf-how-it-works-card.active {
  border-color: #38b3ff;
}

.avf-how-it-works-card__content {
  display: flex;

  flex-direction: column;

  row-gap: 16px;
}

.avf-how-it-works-card__ttl {
  font-size: clamp(1.25rem, 1.0451rem + 0.7958vw, 2rem);
  font-weight: 500;

  line-height: normal;
}

.avf-how-it-works-card__text {
  font-size: clamp(0.875rem, 0.7725rem + 0.3979vw, 1.25rem);
  font-weight: 400;

  line-height: normal;
}

.avf-how-it-works-slider:has(.avf-how-it-works-card:nth-child(1).active) .avf-how-it-works__img:nth-child(1) {
  z-index: 3;

  transform: rotate(-3.07deg) scale(1.03);
}

.avf-how-it-works-slider:has(.avf-how-it-works-card:nth-child(2).active) .avf-how-it-works__img:nth-child(2) {
  z-index: 3;

  transform: rotate(5.27deg) scale(1.03);
}

.avf-how-it-works-slider:has(.avf-how-it-works-card:nth-child(3).active) .avf-how-it-works__img:nth-child(3) {
  z-index: 3;

  transform: rotate(-5.27deg) scale(1.03);
}

@media (max-width: 1400px) {
  .avf-how-it-works-slider__main {
    height: 500px;
  }

  .avf-how-it-works__img {
    width: 460px;
    height: 266px;
  }

  .avf-how-it-works__img img {
    max-height: 234px;
  }
}

@media (max-width: 1200px) {
  .avf-how-it-works-slider__main {
    height: 440px;
  }

  .avf-how-it-works__img {
    width: 400px;
    height: 232px;
  }

  .avf-how-it-works__img img {
    max-height: 200px;
  }
}

@media (max-width: 992px) {
  .avf-how-it-works {
    padding-top: 40px;
    padding-bottom: 36px;

    border-radius: 0 0 40px 40px;
  }

  .avf-how-it-works-slider {
    flex-direction: column;

    row-gap: 48px;
  }

  .avf-how-it-works__ttl {
    margin-bottom: 24px;
  }

  .avf-how-it-works-slider__thumbs {
    row-gap: 0;

    width: 100%;
  }

  .avf-how-it-works-card__content {
    row-gap: 8px;
  }
}

@media (max-width: 768px) {
  .avf-how-it-works-slider__main {
    width: 100%;
    max-width: 290px;
    height: 270px;
  }

  .avf-how-it-works__img {
    width: 252px;
    height: 146px;

    padding: 8px;
  }

  .avf-how-it-works__img img {
    max-height: 130px;
  }

  .avf-how-it-works-card {
    padding: 16px 40px;

    border-width: 3px;
    border-radius: 40px;
  }
}

.avf-steps-line {
  height: 208px;

  background-image: url('../images/fluvekto/info-section-steps.png');
  background-repeat: repeat-x;
  background-size: contain;

  mask-image: linear-gradient(
    to right,
    #000000 0%,
    #000000 var(--mask-progress, 0%),
    transparent var(--mask-progress, 0%),
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

@media (max-width: 1024px) {
  .avf-steps-line {
    height: 140px;
  }
}

@media (max-width: 768px) {
  .avf-steps-line {
    height: 78px;
  }
}

.avf-packages {
  padding-top: 40px;
  padding-bottom: 40px;
}

.avf-packages__ttl {
  justify-content: center;

  margin-bottom: 40px;

  text-align: center;
}

.avf-packages__slider {
  padding-bottom: 4px;
}

.avf-packages__wrapper {
  display: flex;

  justify-content: center;

  width: 100%;
  max-width: 1440px;

  margin-right: auto;
  margin-left: auto;

  overflow: clip;
}

.avf-packages__slider.swiper {
  width: 1440px;

  overflow: visible;
}

.avf-packages__slider .swiper-wrapper {
  align-items: center;

  width: 100%;
  height: 592px;

  padding-left: 34px;
}

.avf-packages__slide.swiper-slide {
  flex-shrink: 0;

  width: 286px !important;
  height: 332px;
}

.avf-packages__slide.swiper-slide-next {
  margin-left: 54px;
}

.avf-packages__images {
  position: relative;

  width: 100%;
  max-width: 224px;
  height: 100%;
  max-height: 332px;
}

.avf-packages__img {
  position: absolute;
  inset: 0;

  display: block;

  transform-origin: center center;

  transition:
    transform 0.6s ease,
    opacity 0.3s ease;

  will-change: transform;
}

.avf-packages__info img {
  display: block;

  max-height: 52px;
}

.avf-packages__img--front {
  opacity: 1;

  transform: scale(1) rotateY(0deg);
}

.avf-packages__img--back {
  opacity: 0;

  transform: scale(1) rotateY(-180deg);
}

.avf-packages__slide:hover .avf-packages__img--front {
  opacity: 0;

  transform: scale(1) rotateY(180deg);
}

.avf-packages__slide:hover .avf-packages__img--back {
  opacity: 1;

  transform: scale(1) rotateY(0deg);
}

.avf-packages__slide.swiper-slide-active .avf-packages__img {
  top: calc(50% - 100px);

  padding-left: 48px;
}

.avf-packages__slide.swiper-slide-active .avf-packages__img--front {
  transform: scale(2.3) rotateY(0);
}

.avf-packages__slide.swiper-slide-active .avf-packages__img--back {
  transform: scale(2.3) rotateY(180deg);
}

.avf-packages__slide.swiper-slide-active:hover .avf-packages__img--front {
  transform: scale(2.3) rotateY(180deg);
}

.avf-packages__slide.swiper-slide-active:hover .avf-packages__img--back {
  transform: scale(2.3) rotateY(0deg);
}

.avf-packages__info {
  position: absolute;
  top: calc(100% + 208px);
  left: -24px;
  z-index: -1;

  display: flex;

  column-gap: 4px;
  align-items: center;

  height: 52px;

  font-size: clamp(1.75rem, 1.6817rem + 0.2653vw, 2rem);
  font-weight: 500;

  opacity: 0;
}

.avf-packages__slide.swiper-slide-active .avf-packages__info {
  opacity: 1;

  transition: opacity 0.6s ease-in-out;
}

.avf-packages-nav {
  position: relative;
  z-index: 1;

  display: flex;

  align-items: center;
  justify-content: space-between;

  width: 460px;

  padding-right: 32px;
  margin-top: 78px;
  margin-right: auto;
  margin-left: auto;
}

.avf-packages-nav__btn {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  padding: 8px;
  margin: 0;

  cursor: pointer;

  background-color: #ffffff;
  border: 1px solid #38b3ff;
  border-radius: 50%;
}

@media (max-width: 560px) {
  .avf-packages__slider.swiper {
    width: 1230px;
  }

  .avf-packages__slider .swiper-wrapper {
    height: 480px;

    padding-left: 0;
  }

  .avf-packages__slide.swiper-slide {
    width: 246px !important;
  }

  .avf-packages__info img {
    max-height: 42px;
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__images img {
    top: calc(50% - 100px);

    padding-left: 48px;
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__img--front {
    transform: scale(2) rotateY(0);
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__img--back {
    transform: scale(2) rotateY(180deg);
  }

  .avf-packages__slide.swiper-slide-active:hover .avf-packages__img--front {
    transform: scale(2) rotateY(180deg);
  }

  .avf-packages__slide.swiper-slide-active:hover .avf-packages__img--back {
    transform: scale(2) rotateY(0deg);
  }

  .avf-packages__slide.swiper-slide-next {
    margin-left: 54px;
  }

  .avf-packages__info {
    top: calc(100% + 130px);
    left: 0;

    height: 42px;
  }

  .avf-packages-nav {
    width: 246px;

    margin-top: 120px;
  }
}

@media (max-width: 420px) {
  .avf-packages__slider.swiper {
    width: 1000px;
  }

  .avf-packages__slider .swiper-wrapper {
    height: 420px;

    padding-left: 12px;
  }

  .avf-packages__slide.swiper-slide {
    width: 200px !important;
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__images img {
    top: calc(50% - 128px);

    padding-left: 24px;
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__img--front {
    transform: scale(1.6) rotateY(0);
  }

  .avf-packages__slide.swiper-slide-active .avf-packages__img--back {
    transform: scale(1.6) rotateY(180deg);
  }

  .avf-packages__slide.swiper-slide-active:hover .avf-packages__img--front {
    transform: scale(1.6) rotateY(180deg);
  }

  .avf-packages__slide.swiper-slide-active:hover .avf-packages__img--back {
    transform: scale(1.6) rotateY(0deg);
  }

  .avf-packages__slide.swiper-slide-next {
    margin-left: 24px;
  }

  .avf-packages__info {
    top: calc(100% + 60px);
    left: -32px;

    width: 246px;
    height: 42px;
  }

  .avf-packages-nav {
    margin-top: 80px;
  }
}


.avf-instruction {
  padding-top: 80px;
  padding-bottom: 112px;

  overflow: hidden;
}

.avf-instruction__wrapper {
  display: flex;

  flex-direction: column;

  row-gap: 60px;
  align-items: start;
}

.avf-instruction-carousel {
  position: relative;

  max-width: 100%;

  padding-bottom: 36px;
}

.avf-instruction-slider {
  overflow: visible;
}

.avf-instruction-card {
  display: flex;

  flex-direction: column;

  row-gap: 24px;
}

.avf-instruction-card__img {
  display: flex;

  align-items: center;
  justify-content: center;

  max-height: 344px;
  aspect-ratio: 464 /344;

  padding: 24px 40px;

  border: 4px dashed transparent;
  border-radius: 40px;
  box-shadow:
    -2px -3px 15px 0 rgb(15 126 191 / 8%),
    2px 3px 15px 0 rgb(15 126 191 / 8%);

  transition: border-color 0.3s ease-in-out;
}

.avf-instruction-card:hover .avf-instruction-card__img {
  border-color: #38b3ff;
}

.avf-instruction-card__img img {
  display: block;
}

.avf-instruction-card__content {
  display: flex;

  flex-direction: column;

  row-gap: 12px;
}

.avf-instruction-card__ttl {
  font-size: clamp(1.75rem, 1.5451rem + 0.7958vw, 2.5rem);
  font-weight: 500;

  line-height: 130%;
}

.avf-instruction-card__descr {
  font-size: clamp(1rem, 0.8634rem + 0.5305vw, 1.5rem);
  font-weight: 400;

  line-height: normal;
}

.avf-instruction-carousel:has(.swiper-pagination-lock) {
  padding-bottom: 0;
}

.avf-instruction-carousel .swiper-pagination-bullet {
  width: 12px;
  height: 12px;

  background: #d7f0ff;

  opacity: 1;
}

.avf-instruction-carousel .swiper-pagination-bullet-active {
  background: #38b3ff;

  opacity: 1;
}

.avf-instruction-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

@media (max-width: 992px) {
  .avf-instruction-card__img {
    padding: 18px 32px;
  }

  .avf-instruction-card:hover .avf-instruction-card__img {
    border-color: transparent;
  }
}

@media (max-width: 768px) {
  .avf-instruction {
    padding-top: 40px;
    padding-bottom: 28px;
  }
}

.avf-where-to-by {
  padding-top: 80px;
  padding-bottom: 80px;

  background-color: #38b3ff;
}

.avf-where-to-by__ttl {
  margin-bottom: 60px;

  color: #ffffff;

  text-align: center;
}

.avf-shops {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;
  align-items: center;
  justify-content: space-between;

  max-width: 1196px;

  margin-right: auto;
  margin-left: auto;
}

.avf-shops__card {
  display: flex;

  align-items: center;
  justify-content: center;

  min-width: 174px;
  max-width: 342px;
  height: auto;
  max-height: 264px;
  aspect-ratio: 342 / 264;

  padding: 40px;

  background-color: #ffffff;
  border-radius: 10%;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);
}

@media (max-width: 992px) {
  .avf-shops__card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .avf-where-to-by {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .avf-where-to-by__ttl {
    margin-bottom: 40px;
  }
}

@media (max-width: 680px) {
  .avf-shops {
    grid-template-columns: repeat(2, 1fr);

    gap: 16px;
  }

  .avf-shops__card {
    min-width: 120px;
  }
}

.avf-questions {
  padding-top: 112px;
  padding-bottom: 88px;
}

.avf-questions__ttl {
  margin-bottom: 40px;
}

.avf-questions__wrapper {
  display: flex;

  column-gap: 48px;
}

.avf-scroll-container {
  width: calc(50% - 24px);
  height: 660px;
}

.avf-questions__list {
  display: flex;

  flex-direction: column;

  row-gap: 24px;

  padding-top: 4px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 6px;
}

.avf-scroll-container .simplebar-track.simplebar-vertical {
  background: #f1f2f3;
}

.avf-scroll-container .simplebar-scrollbar.simplebar-visible::before {
  background: #38b3ff;

  opacity: 1;
}

.avf-questions__media {
  position: relative;

  align-self: center;

  width: calc(50% - 24px);
}


.avf-questions__video-wrapper {
  position: relative;

  width: 68%;
  min-width: 280px;
  max-width: 464px;
  aspect-ratio: 1 / 1;

  margin: 0 auto;

  overflow: clip;

  clip-path: circle(50%);
}

.avf-questions__full-video {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 140%;
  height: 140%;

  object-fit: cover;
  object-position: center;

  transform: translate(-50%, -36%);
}

.avf-questions__show-more {
  display: none;
}

.avf-questions__media-decor {
  position: absolute;
  top: -8%;
  right: 0;

  display: flex;

  align-items: center;
  justify-content: center;
}

.avf-questions__media::before {
  position: absolute;
  top: -40px;
  left: 40px;

  display: block;

  width: 44px;
  height: 44px;

  content: '';

  background-color: #d7f0ff;
  border-radius: 50%;
}

.avf-questions__media::after {
  position: absolute;
  right: 0;
  bottom: -10%;
  z-index: -1;

  display: block;

  width: 42%;
  height: auto;
  aspect-ratio: 1;

  content: '';

  border: 2px solid #afe0ff;
  border-radius: 50%;
}

@media (max-width: 962px) {
  .avf-questions__wrapper {
    flex-direction: column;

    row-gap: 16px;
  }

  .avf-scroll-container {
    width: 100%;
    height: auto;
  }

  .avf-scroll-container .simplebar-wrapper,
  .avf-scroll-container .simplebar-mask,
  .avf-scroll-container .simplebar-height-auto-observer,
  .avf-scroll-container .simplebar-height-auto-observer-wrapper,
  .avf-scroll-container .simplebar-content-wrapper {
    overflow: visible !important;
  }

  .avf-questions__list {
    padding: 0;
  }

  .avf-questions__list.collapsed .avf-questions__item:nth-child(n + 7) {
    display: none;
  }

  .avf-questions__media {
    order: -1;

    width: 100%;

    padding-top: 14px;
    padding-bottom: 37px;
  }

  .avf-questions__show-more {
    display: inline-flex;
  }

  .avf-questions__media-decor {
    top: 0;
    left: calc(100% - 68% / 2);
  }

  .avf-questions__media::before {
    top: 0;
    right: calc(100% - 40% / 2);
    left: auto;
  }

  .avf-questions__media::after {
    bottom: 0;

    width: 46%;
  }
}

@media (max-width: 768px) {
  .avf-questions {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .avf-questions__ttl {
    margin-bottom: 16px;
  }

  .avf-questions__media-decor {
    right: 0;
    left: unset;
  }

  .avf-questions__media-decor svg {
    width: 44px;
    height: 70px;
  }

  .avf-questions__media::before {
    width: 26px;
    height: 26px;
  }
}

.avf-form-section {
  position: relative;

  padding-top: 80px;
  padding-bottom: 80px;

  overflow: hidden;

  color: #ffffff;

  background: linear-gradient(180deg, #38b3ff 0%, #1c8cd9 50%, #0065b2 100%);
  border-radius: 0 0 80px 80px;
}

.avf-form-section::before {
  position: absolute;
  bottom: 0;
  left: 4%;

  width: auto;
  max-width: 50%;
  height: 100%;
  aspect-ratio: 1;

  content: '';

  background: url('../images/fluvekto/form-bg-woman.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}

.avf-form-section__ttl.avf-h2 {
  color: inherit;
}

.avf-form-section__content {
  position: relative;

  display: flex;

  justify-content: end;
}

.avf-form-section__content::after {
  position: absolute;
  top: -8%;
  right: -6%;

  display: block;

  width: 453px;
  height: 435px;

  content: '';

  background: url('../images/fluvekto/paw.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}

.avf-form-section__form-wrapper {
  position: relative;
  z-index: 3;

  display: flex;

  flex-direction: column;

  row-gap: 40px;

  width: 50%;
}

.avf-form-section__form-wrapper p {
  font-size: clamp(1.25rem, 1.1134rem + 0.5305vw, 1.75rem);
  font-weight: 500;
}

.avf-form-section__socials {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;
}

.avf-form-section__socials a {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  padding: 12px;

  color: #272e37;

  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);

  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out;
}

.avf-form-section__socials a:hover {
  color: #1589d1;

  background-color: #f1f2f3;
  border-color: #afe0ff;
}

.avf-form-section__socials a:active {
  color: #38b3ff;

  background-color: #f7f9fa;
  border-color: #d7f0ff;
}

.avf-form-section__phone a {
  display: inline-block;

  font-size: clamp(1rem, 0.8634rem + 0.5305vw, 1.5rem);
  font-weight: 500;

  color: #272e37;

  text-decoration: none;

  border-bottom: 1px dashed transparent;

  transition: border-color 0.3s ease-in-out;
}

.avf-form-section__phone a:hover {
  border-color: #272e37;
}

.avf-form-section__phone a:active {
  color: #4d4d4d;

  border-color: #272e37;
}

.avf-form__wrapper {
  display: flex;

  flex-direction: column;

  row-gap: 24px;
}

.avf-form__group {
  display: flex;

  flex-direction: column;

  row-gap: 12px;
}


input[type=text].avf-input,
.avf-input {
  padding: 32px;

  font-family: var(--font-family-primary);
  font-size: clamp(1rem, 0.9317rem + 0.2653vw, 1.25rem);
  color: #272e37;
  height: auto;
  background-color: #ffffff;
  border: none;
  border-radius: 20px;
  box-shadow: 2px 4px 17.83px 0 rgb(16 68 99 / 15%);
}

input[type=tel].avf-input {
  color: #272e37;
}

input[type=checkbox] + label:before {
  background: none;
  position: relative;
  left: unset;
  top: unset;
}

input[type=checkbox].avf-checkbox,
.avf-checkbox {
  display: none;
}

input[type=checkbox] + .avf-checkbox__label,
.avf-checkbox__label {
  position: relative;
  padding: 0;

  display: flex;

  column-gap: 4px;
  align-items: center;

  font-size: clamp(0.75rem, 0.6817rem + 0.2653vw, 1rem);
  font-weight: 400;
}

.avf-checkbox__label a {
  font: inherit;

  color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  text-decoration-skip-ink: none;
}

input[type=checkbox] + .avf-checkbox__label::before,
.avf-checkbox__label::before {
  display: block;

  width: 24px;
  height: 24px;

  content: '';

  background-image: url('../images/fluvekto/icons/checkbox-empty.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

input[type=checkbox].avf-checkbox:checked + .avf-checkbox__label::before,
.avf-checkbox:checked + .avf-checkbox__label::before {
  background-image: url('../images/fluvekto/icons/checkbox-filled.svg');
  background-position: center;
}


.avf-form-section__send {
  display: none;

  padding-top: 200px;
  padding-bottom: 200px;
}

.avf-form-section__content.send .avf-form-section__form-wrapper {
  display: none;
}

.avf-form-section__content.send .avf-form-section__send {
  position: relative;
  z-index: 2;

  display: flex;

  flex-direction: column;

  row-gap: 24px;
  align-items: center;

  width: 50%;
}

.avf-form-section__send-top {
  display: flex;

  column-gap: 16px;
  align-items: center;
}

.avf-form-section__send-heding {
  display: flex;

  flex-direction: column;

  row-gap: 16px;
}

.avf-form-section__content.send .avf-form-section__send-top::before {
  display: flex;

  flex-shrink: 1;

  align-items: center;

  width: 10vw;
  max-width: 200px;
  height: auto;
  aspect-ratio: 1;

  content: '';

  background-image: url('../images/fluvekto/icons/check-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.avf-form-section__send .avf-btn {
  width: 100%;

  font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem);

  color: #272e37;
}

.avf-form-section__send-heding p {
  font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem);
  font-weight: 500;
}


@media (max-width: 768px) {
  .avf-form-section {
    padding-top: 40px;
    padding-bottom: 40px;

    border-radius: 0 0 40px 40px;
  }

  .avf-form-section::before {
    display: none;
  }

  .avf-form-section__content::after {
    top: -4%;
    right: -32%;

    width: 298px;
    height: 286px;
  }

  .avf-form-section__form-wrapper {
    row-gap: 24px;

    width: 100%;
  }

  .avf-form__wrapper {
    row-gap: 12px;
  }

  .avf-input {
    padding: 24px;
  }

  .avf-checkbox__label::before {
    width: 20px;
    height: 20px;
  }

  .avf-form-section__send {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .avf-form-section__content.send .avf-form-section__send {
    width: 100%;
  }
}

.avf-disclaimer {
  padding-top: 80px;
  padding-bottom: 80px;

  color: #8e949b;
}

.avf-disclaimer__ttl {
  margin-bottom: 40px;
  color: #8e949b;

  font-size: clamp(1.5rem, 0.817rem + 2.6525vw, 4rem);

  text-align: center;
}

.avf-disclaimer__cols {
  display: grid;

  grid-template-columns: repeat(12, 1fr);

  column-gap: 24px;

  font-size: clamp(0.875rem, 0.7725rem + 0.3979vw, 1.25rem);
}

.avf-disclaimer__left {
  grid-column: span 8;
}

.avf-disclaimer__right {
  grid-column: span 4;
}

.avf-disclaimer__list {
  display: flex;

  flex-direction: column;

  row-gap: 24px;

  counter-reset: note-item;
}

.avf-disclaimer__item {
  display: flex;

  column-gap: 4px;

  counter-increment: note-item;
}

.avf-disclaimer__item::before {
  display: inline-block;

  padding-top: 2px;

  font-size: clamp(0.75rem, 0.7158rem + 0.1326vw, 0.875rem);

  white-space: nowrap;

  content: counter(note-item) ' \2014';
}

.avf-disclaimer__license {
  display: flex;

  flex-direction: column;

  row-gap: 12px;

  margin-bottom: 24px;
}

.avf-disclaimer__license b {
  font-weight: 500;
}

.avf-disclaimer__right a {
  font: inherit;

  color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: 0;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

@media (max-width: 768px) {
  .avf-disclaimer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .avf-disclaimer__ttl {
    margin-bottom: 24px;
  }

  .avf-disclaimer__cols {
    display: flex;

    flex-direction: column;

    row-gap: 24px;
  }

  .avf-disclaimer__list {
    row-gap: 16px;
  }

  .avf-disclaimer__license {
    row-gap: 8px;

    margin-bottom: 16px;
  }
}


/* FIGURES DECOR PARALLAX*/

.avf-fig-circle {
  --size: 372px;
  width: var(--size);
  height: var(--size);
  aspect-ratio: 1/1;

  border: 2px solid #afe0ff;
  border-radius: 50%;
}

.avf-fig-circle-filled {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  aspect-ratio: 1/1;

  background-color: #afe0ff;
  border-radius: 50%;
}

.avf-fig-circle.filled-dark {
  border-color: #38b3ff;
}

.avf-fig-circle-filled.filled-dark {
  background-color: #38b3ff;
}

.avf-fig-circle.icon-centered {
  display: flex;

  align-items: center;
  justify-content: center;
}

.avf-fig-circle.inner-figure div {
  margin-top: 10px;
  margin-left: 80px;
}

.fig-1 {
  --size: 372px;
  position: absolute;
  top: 40px;
  left: -120px;
}

.fig-inner-1 {
  --size: 24px;
}

.fig-2 {
  --size: 48px;
  position: absolute;
  bottom: 20px;
  left: 10px;
}

.fig-3 {
  --size: 64px;
  position: absolute;
  top: -20px;
  left: 58%;
}

.fig-4 {
  position: absolute;
  top: 22%;
  left: 8%;
  z-index: 5;
}

.fig-5 {
  --size: 372px;
  position: absolute;
  top: -20%;
  right: -8%;
}

.fig-6 {
  --size: 174px;
  position: absolute;
  bottom: -14%;
  left: 30%;
}

.fig-7 {
  --size: 24px;
  position: absolute;
  top: 67%;
  left: 6%;
  z-index: 5;
}

.fig-8 {
  --size: 24px;
  position: absolute;
  top: 14%;
  right: 12%;
  z-index: 5;
}

.fig-9 {
  position: absolute;
  top: 58%;
  right: 8%;
  z-index: 5;
}

.fig-10 {
  --size: 48px;
  position: absolute;
  top: 50%;
  right: -10%;
}

.fig-11 {
  --size: 126px;
  position: absolute;
  right: 5%;
  bottom: -28%;
}

.fig-12 {
  --size: 72px;
  position: absolute;
  top: 2%;
  left: 0;
}

.fig-13 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.fig-14 {
  --size: 584px;
  position: absolute;
  top: 10%;
  left: 98%;
}

.fig-15 {
  --size: 126px;
  position: absolute;
  top: 40%;
  left: 2%;
}

.fig-16 {
  --size: 72px;
  position: absolute;
  top: 100%;
  left: 5%;

  border-color: #ffffff;
}

.fig-17 {
  --size: 372px;
  position: absolute;
  top: 110%;
  left: 46%;
}

.fig-18 {
  display: none;
}

.fig-19 {
  --size: 70px;
  position: absolute;
  top: 64%;
  left: 25%;
}

.fig-20 {
  --size: 372px;
  position: absolute;
  top: 58%;
  right: -4%;
}

.fig-21 {
  --size: 125px;
  position: absolute;
  bottom: -72%;
  left: 48%;
}

.fig-22 {
  --size: 332px;
  position: absolute;
  bottom: -94%;
  left: -2%;
}

.fig-23 {
  --size: 524px;
  position: absolute;
  bottom: -87%;
  left: 8%;

  border-width: 1px;
}

.fig-24 {
  --size: 193px;
  position: absolute;
  bottom: -67%;
  left: 24%;

  background-color: #ebf7ff;

  opacity: 0.8;
}

.fig-25 {
  --size: 154px;
  position: absolute;
  top: 134%;
  left: 96%;
}

.fig-26 {
  position: absolute;
  right: 18%;
  bottom: -118%;
}

.fig-27 {
  --size: 78px;
  position: absolute;
  right: 8%;
  bottom: -156%;
}

@media (max-width: 1440px) {
  .fig-14 {
    left: 94%;
  }
}

@media (max-width: 768px) {
  .avf-fig-circle.inner-figure div {
    margin-top: -4px;
    margin-left: 28px;
  }

  .fig-1 {
    --size: 114px;
    top: 10%;
    left: -10%;
  }

  .fig-inner-1 {
    --size: 14px;
  }

  .fig-2 {
    --size: 14px;
  }

  .fig-3,
  .fig-4,
  .fig-5.avf-fig-circle.icon-centered,
  .fig-7,
  .fig-12,
  .fig-27 {
    display: none;
  }

  .fig-6 {
    --size: 88px;
    bottom: -18%;
    left: 15%;
  }

  .fig-8 {
    top: 6%;
    right: 8%;
  }

  .fig-9 {
    top: 88%;

    width: 14px;
    height: 34px;
  }

  .fig-11 {
    --size: 56px;
    right: 24%;
    bottom: -6%;
  }

  .fig-14 {
    --size: 300px;

    top: 0;
    left: 90%;
  }

  .fig-17 {
    --size: 126px;

    top: 144%;
    left: 0;
  }

  .fig-18 {
    position: absolute;
    top: 68%;
    left: 50%;
    z-index: -1;

    display: block;

    --size: 72px;
  }

  .fig-19 {
    --size: 21px;

    top: 64%;
    left: 65%;
  }

  .fig-20 {
    --size: 172px;

    top: 70%;
    right: -16%;
  }

  .fig-21 {
    --size: 60px;

    bottom: -74%;
    left: 90%;
  }

  .fig-22 {
    --size: 190px;

    bottom: -120%;
    left: 58%;
  }

  .fig-23 {
    --size: 298px;

    bottom: -100%;
    left: 8%;
  }

  .fig-24 {
    --size: 74px;

    bottom: -104%;
    left: 8%;

    opacity: 0.8;
  }

  .fig-25 {
    --size: 106px;

    top: 156%;
    left: 92%;
  }

  .fig-26 {
    right: 8%;
    bottom: -165%;

    width: 27px;
    height: 52px;
  }
}