@import url(/wp-content/themes/landing/assets/css/reset.css);
@import url(/wp-content/themes/landing/assets/fonts/stylesheet.css);
:root {
   --primary-color: #000000;
   --tertiary-color: #6a6b6d;
   --error-color: #b70021;
   --selected-item-color: #00b754;
   --default-font-size: 18px;
   --transition: 0.25s linear;
}
html {
   scrollbar-width: thin;
   scrollbar-color: var(--secondary-color) #f1f1f1;
   overflow-x: hidden !important;
}

p {
   /* color: #33363f; */
}

body {
   font-family: "Inter Tight" !important;
   font-weight: 400;
   font-size: var(--default-font-size);
   overflow-x: hidden !important;
   line-height: normal;
}
h2 {
   font-family: "IngoStem" !important;
   font-weight: 500;
}
a {
   color: var(--primary-color);
   text-decoration: none;
   transition: color var(--transition);
}

.container {
   max-width: 1400px;
   margin: 0 auto;
}
.container.large {
   max-width: 1450px;
}
.container.middle {
   max-width: 1300px;
}
.container.small {
   max-width: 1064px;
}

h2 {
   font-size: 40px;
}
header {
   background-color: #ffffff;
   position: relative;
   z-index: 999;
}
.title-block--center {
   display: flex;
   justify-content: center;
   margin: 100px 0 50px;
}
.haader__disclaimer {
   padding: 5px 0 0 0;
   font-size: 12px;
   color: var(--tertiary-color);
   text-align: center;
}
.header__inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 21.5px 0;
}
.header__logo {
   display: flex;
   max-width: 465px;
   align-items: center;
   column-gap: 20px;
}
.header__logo a > img {
   min-width: max-content;
   max-width: 240px;
   max-height: 50px;
   min-height: 30px;
}
.header__logo span {
   color: var(--tertiary-color);
   font-size: 18px;
}
.header__navigation ul {
   display: flex;
   align-items: center;
   column-gap: 40px;
}
.header__navigation ul > li > a {
   color: var(--tertiary-color);

   font-size: 16px;
}
.header__navigation ul > li > a:hover {
   color: var(--primary-color);
}
.header__number,
.header__number--mobile,
.footer__number--mobile {
   display: flex;
   flex-direction: column;
   align-items: center;
   column-gap: 20px;
}
.header__number a,
.footer__col-number a {
   font-size: 18px;
   font-weight: 500;
}
.header__number--mobile a,
.footer__number--mobile a {
   font-weight: 500;
   font-size: 24px;
}
.header__number span,
.footer__col-number span,
.header__number--mobile span,
.footer__number--mobile span {
   text-decoration: underline;
   cursor: pointer;
}
.header__number--mobile,
.footer__number--mobile {
   align-items: center;
   flex-direction: row;
   margin-bottom: 20px;
}
.footer__col-number span {
   margin-bottom: 5px;
   display: block;
}
.header__button a {
   background: var(--secondary-color);
   color: #ffffff;
   padding: 10px 15px;
   font-size: 17px;
   border-radius: 5px;
   transition: var(--transition);
}
.header__button a:hover {
   opacity: 0.8;
}

.header__mobile-menu {
   width: 100%;
   height: auto;
   position: absolute;
   z-index: 9999;
   background-color: #ffffff;
   transition: all var(--transition);
   left: -100%;
   top: 69.4px;
   overflow-y: scroll;
   max-height: -webkit-fill-available;
   scrollbar-width: thin;
}
.header__mobile-menu__bottom {
   padding: 20px 0;
}
.header__mobile-menu__bottom ul {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
   margin-bottom: 20px;
}
.header__mobile-menu.show {
   transition: all var(--transition);
   left: 0;
}
.header__mobile-menu .container {
   padding: 10px;
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.header__mobile-menu__list .calculate-bnt {
   text-align: center;
   width: 100%;
}
.header__mobile-menu__list,
.footer__mobile-menu__list {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}
.header__mobile-menu__dropdown,
.footer__mobile-menu__dropdown {
   width: 100%;
   border-radius: 5px;
   border: 2px solid #f8f8f8;
}
.dropdown__head {
   display: flex;
   justify-content: space-between;
}
.header__mobile-menu__dropdown:not(.angle-modal__dropdown) img,
.footer__mobile-menu__dropdown:not(.angle-modal__dropdown) img {
   transform: rotate(90deg);
}
.header__mobile-menu__list .intro__navigation-dropdown__default-block {
   padding: 15px;
   max-width: none;
}
.header__mobile-menu__list .default-block__title {
   font-size: 16px;
}

.static-intro .intro__navigation-dropdown {
   border: 1px solid #e1e6f0;
}
.intro__navigation-dropdown {
   border-bottom: 1px solid #e1e6f0;
}
/* Burger Button */
.menuButton {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 5px;
   color: #ffffff;
   width: 46px;
   padding: 6px;
   height: 46px;
   border-radius: 5px;
   cursor: pointer;
   display: none;
   background: var(--secondary-color);
   transition: all var(--transition);
}

input[type="checkbox"] {
   -webkit-appearance: none;
   display: none;
   visibility: hidden;
}

.menuButton span {
   width: 30px;
   height: 3px;
   background: #ffffff;
   border-radius: 100px;
   transition: var(--transition);
}

input[type]:checked ~ span.top {
   transform: translateY(290%) rotate(45deg);
   width: 40px;
}

input[type]:checked ~ span.bot {
   transform: translateY(-270%) rotate(-45deg);
   width: 40px;
}

input[type]:checked ~ span.mid {
   transform: translateX(-20px);
   opacity: 0;
}
.intro {
   position: relative;
   background: url(/wp-content/themes/landing/assets/img/backgrounds/intro-bg.jpg)
      top no-repeat;
   background-size: 100%;
   padding: 10px 0;
}
.intro__inner {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   height: 100%;
   position: relative;
}
.intro__content {
   margin-top: 260px;
}
.intro__navigation {
   position: relative;
}
.intro__navigation .intro__navigation-list {
   display: flex;
   justify-content: space-between;
   column-gap: 10px;
}
.intro__video {
   width: 100%;
   height: 70%;
   left: 0;
   top: 0;
   position: absolute;
   z-index: 0;
   object-fit: cover;
}
.intro__navigation .intro__navigation-list > li {
   display: flex;
   max-width: 197px;
   flex-grow: 1;
}
.intro__navigation-dropdown__list li {
   flex-grow: 0;
}
.intro__navigation .intro__navigation-list > li > a {
   font-size: var(--default-font-size);
   padding: 18px 0;
   color: var(--tertiary-color);
   display: block;
   text-wrap: nowrap;
   background: #ffffff;
   transition: var(--transition);
   text-align: center;
   width: 100%;
   border-radius: 5px;
}
.static-intro
   .intro__navigation
   .intro__navigation-list
   > li
   > a:first-child:not(.active) {
   border: 1px solid #e1e6f0;
}
.static-intro
   .intro__navigation
   .intro__navigation-list
   > li
   > a:first-child:hover {
   border-color: var(--secondary-color);
}
.intro__navigation .intro__navigation-list > li > a:hover,
.intro__navigation .intro__navigation-list > li > a.active {
   color: #ffffff;
   background: var(--secondary-color);
}

.intro__navigation-list li:hover .intro__navigation-dropdown {
   visibility: visible !important;
   opacity: 1 !important;
   transition: var(--transition);
   transform: translateY(0);
   z-index: 9999;
}
.intro__navigation-list li:hover .intro__navigation-dropdown::before {
   content: "";
   position: absolute;
   top: -10px;
   left: 0;
   width: 100%;
   height: calc(100% + 10px);
   z-index: -1;
}
.intro__navigation-dropdown {
   display: flex;
   justify-content: space-between;
   background-color: #ffffff;
   border-radius: 10px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   position: absolute;
   top: 58px;
   width: 100%;
   left: 0;
   padding: 40px;
   margin-top: 10px;
}
.intro__categories {
   margin-top: 40px;
   position: relative;
   z-index: 1;
}
.intro__navigation-dropdown__lists {
   display: flex;
   column-gap: 100px;
}
.intro__navigation-dropdown__lists li > a:hover {
   color: var(--tertiary-color);
}
.intro__navigation-dropdown__default-block {
   width: 435px;
   position: relative;
   border-radius: 10px;
   background: var(--secondary-color);
   padding: 30px;
   height: max-content;
}
.intro__navigation-dropdown__default-block::before {
   content: "";
}
.default-block__img {
   position: absolute;
   width: max-content;
   height: 45%;
   bottom: 0;
   user-select: none;
   object-fit: contain;
   right: 0;
}
.intro__navigation-dropdown__default-block * {
   color: #ffffff;
}
.intro__navigation-dropdown {
   transition: var(--transition);
}

.default-block__title {
   font-weight: 700;
   font-size: 22px;
   margin-bottom: 15px;
}
.default-block__button {
   margin-top: 15px;
   display: block;
   border-radius: 5px;
   border: 1px solid #ffffff;
   padding: 15px 25px;
   width: max-content;
}
.intro__navigation-dropdown__list {
   display: flex;
   flex-direction: column;
   row-gap: 22px;
}
.intro__navigation-dropdown__list li:first-child {
   margin-bottom: 8px;
   width: max-content;
}
.dropdown__list-title {
   font-weight: 500;
   position: relative;
   font-size: 22px;
   margin-bottom: 30px;
}
.dropdown__list-title.auto {
   position: relative;
}
.dropdown__list-title.auto::after {
   content: "";
   position: absolute;
   background: url(/wp-content/themes/landing/assets/img/icons/left-arrow.svg)
      center no-repeat;
   background-size: 100%;
   top: 50%;
   transform: translateY(-50%);
   width: 8px;
   height: 16px;
   right: -20px;
}
.btn {
   border-radius: 5px;
   transition: opacity var(--transition);
   background: var(--secondary-color);
   color: #ffffff;
   cursor: pointer;
}
.btn:hover {
   opacity: 0.8;
}
.main-title {
   font-size: 50px;
   color: #ffffff;
   text-align: center;
   margin-bottom: 30px;
   position: relative;
}
.main-title--mobile {
   display: none;
}
.intro__categories {
   display: flex;
   justify-content: space-between;
   column-gap: 20px;
}
.intro__categories-card {
   border-radius: 10px;
   background-color: #f8f8f8;
   padding: 55px 30px;
   width: 23%;
   height: 500px;
   overflow: hidden;
   display: flex;
   transition: all var(--transition);
   position: relative;
   flex-direction: column;
   justify-content: space-between;
}
.intro__categories-card img {
   width: 100px;
   max-height: 120px;
}
.intro__categories-card * {
   z-index: 3;
}
.intro__categories-card:not(.hover) div:not([class]),
.pt-hover {
   position: absolute;
   opacity: 0;
   visibility: hidden;
}
.intro__categories-card.hover div:not([class]),
.intro__categories-card.hover .pt-hover {
   position: relative;
   opacity: 1;
   visibility: visible;
}
.intro__categories-card.hover .intro__categories-card__parameters,
.intro__categories-card.hover .intro__categories-card__head--m {
   position: absolute;
   visibility: hidden;
   opacity: 0;
}
.intro__categories-card:not(.hover) {
   width: 23%;
   transition: var(--transition);
}
.intro__categories-card.hover {
   width: 50%;
   transition: var(--transition);
}
.intro__categories-card.static-card {
   width: 50%;
   position: relative;
}

.static-card .pt-hover:hover {
   opacity: 0.8 !important;
}
.card--casco {
   width: 50%;
   background: url(/wp-content/themes/landing/assets/img/infoblocks/casco.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.ipoteka.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/ipoteka.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.osago.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/e-osago.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.e-osago.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/osago.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.dms.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/dms.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.dms-yurlic.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/dms-yurlic.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.kvartira.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/kvartira.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.dom.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/dom.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.ipotechnoe-strahovanie.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/ipoteka.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.neschasniy-sluchay.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/neschasniy-sluchay.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.puteshestvie.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/puteshestvia.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.zelenaya-karta.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/zelenaya-karta.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.electro-osago.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/electro-osago.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.str-gruz.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/str-gruz.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.str-opo.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/str-opo.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.str-kn.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/str-kd.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.osagop-taxi.hover {
   background: url(/wp-content/themes/landing/assets/img/infoblocks/osagop-taxi.jpg)
      center no-repeat;
   background-size: cover;
}
.intro__categories-card.ipotekechnoe-strahovanie.hover {
   background: #ffffff;
}
.intro__categories-card:not(.hover) {
   background-image: none;
   background-color: #f8f8f8;
}

.intro__categories-card ul > li {
   list-style-type: disc;
   margin-left: 15px;
   color: #787878;
   margin-bottom: 8px;
}
.intro__categories-card::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #f8f8f8;
   z-index: -1;
}

.card-title {
   font-weight: 600;
   font-size: 30px;
   margin-bottom: 25px;
}
.card__title--m {
   display: none;
}
.card-description {
   color: var(--tertiary-color);
   font-size: 18px;
   margin-bottom: 40px;
   display: block;
}
.card__button-box {
   display: flex;
   align-items: center;
}
.calculate-bnt {
   width: max-content;
   padding: 20px 30px;
}
.more-link {
   padding: 15px 20px;
   display: block;
   color: var(--tertiary-color);
}
.more-link:hover {
   color: var(--primary-color);
}
.adventages {
   position: relative;
   padding-bottom: 100px;
}
.adventages__slider {
   display: flex;
}
.adventages__slide {
   display: flex !important;
   overflow: hidden;
   /* width: 345px !important; */
   align-items: center;
   padding-top: 65px;
   justify-content: space-between;
   flex-direction: column;
   border-radius: 10px;
   height: 430px !important;
   background-color: #f8f8f8;
   row-gap: 30px;
}
.adventages__slider-title {
   text-align: center !important;
   max-width: 60%;
}
.adventages__slide img {
   filter: grayscale(1);
   width: 80%;
   transition: var(--transition);
   mix-blend-mode: darken;
}
.adventages__slide:hover img {
   filter: none;
}
.mySwiper .swiper-wrapper {
   transition-timing-function: linear !important;
}
.agreement-modal {
   position: fixed;
   bottom: -100%;
   width: 100%;
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
   opacity: 0;
   transition: all 0.3s ease;
   visibility: hidden;
   background-color: #ffffff;
   border-radius: 10px 10px 0 0;
   padding: 33px 0;
}
.agreement-modal.show {
   bottom: 0;
   opacity: 1;
   visibility: visible;
   transition: all 0.3s ease;
}
.agreement-modal-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: 20px;
}
.agreement-modal-content p {
   color: var(--tertiary-color);
   line-height: 120%;
}
.agreement-modal-content p > a {
   color: var(--secondary-color);
}
.agreement-modal-content button {
   padding: 20px 100px;
   background: var(--secondary-color);
   border: none;
   outline: none;
   transition: var(--transition);
   cursor: pointer;
   color: #ffffff;
   font-size: var(--default-font-size);
   border-radius: 5px;
}
.agreement-modal-content button:hover {
   opacity: 0.8;
}
/* BENEFITS  */
.benefits {
   padding: 70px 0;
   border-radius: 20px;
   background: url(/wp-content/themes/landing/assets/img/backgrounds/adventages-bg.jpg)
      center no-repeat;
   background-size: cover;
   min-height: 850px;
   width: 96%;
   margin: 0 auto;
   margin-top: 50px;
}
.benefits h2 {
   margin-bottom: 40px;
}
.benefits__row {
   max-width: 710px;
   display: flex;
   column-gap: 20px;
   overflow: hidden;
   position: relative;
   padding-top: 5px;
}
.benefits__col {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
   width: 50%;
}
.benefits__benefit {
   padding: 40px;
   border-radius: 10px;
   width: 100%;
   border: 1px solid #eeeeee;
   transition: var(--transition);
   cursor: pointer;
   background-color: #ffffff;
}
.benefits__benefit:hover {
   box-shadow: 0 0 12.8px -8px rgb(106, 107, 109, 0.5);
   -moz-box-shadow: 0 0 12.8px -8px rgb(106, 107, 109, 0.5);
   -webkit-box-shadow: 0 0 12.8px -8px rgb(106, 107, 109, 0.5);
   transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   -moz-transform: translateY(-5px);
   -webkit-transform: translateY(-5px);
   transition: var(--transition);
}
.benefits__benefit h3 {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 20px;
}
.benefits__benefit p {
   color: var(--tertiary-color);
   line-height: 120%;
}
.benefits__benefit.accompaniment {
   padding-bottom: 140px;
   height: 80%;
}
.benefits__benefit.blue {
   height: 80%;
   background-color: var(--secondary-color);
   border: none;
}
.benefits__benefit.blue * {
   color: #ffffff;
}
.benefits__benefit.blue img {
   margin-top: 24px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   user-select: none;
}
.benefits__slider {
   display: none !important;
}
.benefits__slider.active {
   display: flex !important;
}

.benefits__slide {
   width: 100% !important;
   min-height: 610px !important;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   background-color: #ffffff;
   padding: 40px;
}
.benefits__slide::before {
   content: "";
   position: absolute;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100%;
   cursor: pointer;
}

.benefits__slide::after:hover {
   filter: invert(1);
}
.benefits__slide.blue {
   background-color: var(--secondary-color);
}
.benefits__slide:not(.blue) {
   padding-bottom: 0;
}
.benefits__slide.blue * {
   color: #ffffff;
}
.benefits__slide.blue img:not(.slide-close-img) {
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   width: 300px;
}
.benefits__slide h3 {
   font-size: 40px;
   font-weight: 600;
   margin-bottom: 20px;
   position: relative;
}
.benefits__slide p {
   font-size: var(--default-font-size);
   color: var(--tertiary-color);
   line-height: 120%;
   margin-bottom: 20px;
   position: relative;
}
.benefits__slide-inner {
   display: flex;
   justify-content: space-between;
}
.benefits__slider:not(.active) ~ .benefits__slider-buttons {
   display: none !important;
}
.benefits__slider-buttons {
   display: flex;
   position: absolute;
   top: 50px;
   right: 40px;
   column-gap: 10px;
   z-index: 1;
}
.benefits__slider-buttons .b-slider-btn {
   width: 30px;
   height: 30px;
   display: flex;
   background-color: #ffffff;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   transition: var(--transition);
   cursor: pointer;
   border: 1px solid #e1e6f0;
}

.b-slider-btn:hover {
   opacity: 0.5;
}
.benefits__prev-btn {
   transform: rotate(180deg);
}
.benefits__slide-gifts {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}

.benefits__slide-gift {
   display: flex;
   padding: 40px 20px;
   overflow: hidden;
   position: relative;
   border-radius: 10px;
   background-color: #f8f8f8;
}
.benefits__slide-gift__title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 10px;
}
.benefits__slide-inner img {
   width: 50%;
}
.benefits__slide-gift img {
   position: absolute;
   mix-blend-mode: darken;
   user-select: none;
   right: 0;
   transform: translateY(-50%);
   top: 50%;
   width: 300px;
}
h4.benefits__slide-gift__title {
   color: var(--secondary-color);
}
.benefits__slide-gift span {
   width: 61%;
   display: block;
}
.benefits__slide.stocks {
   padding-bottom: 40px;
}
.benefits__slide .benefits__slide-close {
   width: 20px;
   height: 20px;
   position: absolute;
   cursor: pointer;
   top: 10px !important;
   right: 10px !important;
   transition: var(--transition);
   display: flex;
   align-items: center;
   justify-content: center;
   transform: none;
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-box-shadow: 0 0 5px 1px #dddddd;
   -moz-box-shadow: 0 0 5px 1px #dddddd;
   box-shadow: 0 0 5px 1px #dddddd;
}
.benefits__slide .benefits__slide-close img {
   width: 10px;
   height: 10px;
}
.benefits__slide .benefits__slide-close:hover {
   opacity: 0.5;
   transition: var(--transition);
}
.faq {
   padding: 100px 0;
}
.faq__navigation {
   margin-top: 40px;
   display: flex;
   border-bottom: 1px solid #eeeeee;
   column-gap: 20px;
   scrollbar-width: none;
   overflow-x: auto;
}
.faq__navigation-item {
   padding: 0 20px 20px;
   cursor: pointer;
}
.faq__navigation-item.active {
   border-bottom: 1px solid var(--secondary-color);
}
.faq__question-box {
   margin-top: 40px;
}
.faq__questions {
   display: flex;
   gap: 20px;
   justify-content: space-between;
   flex-wrap: wrap;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   transform: translateY(50px);
}
.faq__questions.show {
   opacity: 1;
   visibility: visible;
   position: relative;
   transition: var(--transition);
   transform: translateY(0);
}
.faq__question {
   flex-basis: 49%;
   max-width: 50%;
   padding: 24px 30px;
   border-radius: 10px;
   border: 1px solid #e1e6f0;
   background-color: #f8f8f8;

   transition: var(--transition);
}
.faq__question__head.dropdown__head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
}
.faq__question span {
   font-weight: 600;
   transition: color var(--transition);
}
.faq__question-img {
   width: 30px;
   height: 30px;
   aspect-ratio: 1/1;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   transition: var(--transition);
   cursor: pointer;
   border: 1px solid #e1e6f0;
}
.faq__question:hover span {
   color: var(--secondary-color);
   transition: color var(--transition);
}
.faq__question:hover .faq__question-img {
   transform: translateX(5px);
   transition: var(--transition);
   border-color: var(--secondary-color);
}
/* USEFULL */
.useful {
   padding: 70px 0 100px;
   border-radius: 20px;
   background: url(/wp-content/themes/landing/assets/img/backgrounds/usefull-bg.jpg)
      center no-repeat;
   background-size: cover;
   height: auto;
   width: 96%;
   height: auto;
   margin: 0 auto;
}
.useful h2 {
   color: #ffffff;
}

.usefull__head,
.news__head {
   margin-bottom: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.news__draggable rect {
   fill: var(--secondary-color);
}
.usefull__slider-buttons {
   display: flex;
   column-gap: 10px;
}
.useful__slider-button,
.news__slider-button--m {
   width: 44px;
   height: 44px;
   border-radius: 5px;
   display: flex !important;
   align-items: center;
   cursor: pointer;
   justify-content: center;
   background-color: #ffffff;
   transition: opacity var(--transition);
}
.news__slider-button--m {
   background-color: var(--secondary-color);
}
.useful__slider-button:hover,
.news__slider-button--m:hover {
   opacity: 0.8;
}
.usefull__slider-prev,
.news__slider-prev,
.usefull__slider-prev--d {
   transform: rotate(180deg);
}

.useful__slider-button.swiper-button-disabled,
.news__slider-button--m.swiper-button-disabled {
   background-color: transparent;
   border: 1px solid rgb(255, 255, 255, 0.2);
   transition: var(--transition);
}
.news__slider-button--m.swiper-button-disabled {
   border-color: #eeeeee;
}
.useful__slider-buttons--mobile {
   justify-content: space-between;
   display: none;
}
.useful__slider-button.swiper-button-disabled svg > path {
   fill: #ffffff;
   transition: var(--transition);
}
.news__slider-button--m.swiper-button-disabled svg > path {
   fill: #a6a6a6;
   transition: var(--transition);
}
.usefull__materials {
   overflow: hidden;
}
.usefull__slide {
   display: flex !important;
   column-gap: 20px;
}
.usefull__slider-wrapper {
   display: flex;
}
.usefull__slider-wrapper--mobile {
   display: none !important;
}
.usefull__slide-main,
.usefull__slide-small {
   border-radius: 10px;
   position: relative;
   background-color: #ffffff;
   overflow: hidden;
   flex-basis: 49%;
}
.usefull__slide-small {
   display: flex;
   flex-grow: 1;
   gap: 20px;
   flex-wrap: wrap;
   background-color: transparent;
}
.usefull__small-slide {
   flex-basis: 48%;
   border-radius: 10px;
   flex-grow: 1;
   overflow: hidden;
   background-color: #ffffff;
}
.usefull__slide-tags {
   top: 30px;
   position: absolute;
   left: 30px;
   display: flex;
   align-items: center;
   column-gap: 20px;
}
.usefull__slide-tag--abs {
   padding: 10px;
   border-radius: 5px;
   font-size: 16px;
   background-color: var(--secondary-color);
   color: #ffffff;
}

.usefull__slide-main__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   max-height: 350px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
}

.usefull__slide-main__img img {
   object-fit: cover;
   width: 100%;
   flex-grow: 1;
}
.usefull__slide-text {
   padding: 30px;
}
.usdefull__slide-title {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 10px;
}
.usefull__slide-descr {
   color: var(--tertiary-color);
   line-height: 120%;
   font-size: var(--default-font-size);
}
.usefull__slide-head {
   display: flex;
   align-items: center;
   column-gap: 20px;
   margin-bottom: 20px;
}
.usefull__slide-date {
   color: var(--tertiary-color);
}
.usefull__slide-tag {
   padding: 10px;
   font-size: 16px;
   border-radius: 5px;
   background-color: var(--secondary-color);
   color: #ffffff;
}
/* NEWS */
.news {
   padding: 100px 0;
}
.stroke-btn {
   padding: 20px 55px;
   border: 1px solid rgb(0, 0, 0, 0.2);
   border-radius: 5px;
   transition: var(--transition);
}
.stroke-btn:hover {
   color: #ffffff;
   border-color: var(--secondary-color);
   background: var(--secondary-color);
}
.news__slider-button--horizontal {
   display: flex;
   position: relative;
   align-items: center;
   margin-bottom: 40px;
}
.news__slider {
   overflow: hidden;
}
.news__slider-button {
   position: relative;
   z-index: 2;
   user-select: none !important;
   -moz-user-select: none;
   cursor: grab;
}
.news__slider-button:active {
   cursor: grabbing;
}
.news__slider-button__line {
   position: absolute;
   width: 0%;
   left: 0;
   height: 1px;
   top: 50%;
   background-color: var(--secondary-color);
   transform: translateY(-50%);
   z-index: 1;
}
.news__slider-button__line--gray {
   background-color: #eeeeee;
   width: 100%;
   position: absolute;
   left: 0;
   height: 1px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 0;
}
.news__slider-wrapper {
   display: flex;
}
.news__slide {
   border-radius: 10px;
   position: relative;
   background-color: #f8f8f8;
   max-width: 345px;
   overflow: hidden;
   height: auto !important;
   display: flex !important;
   flex-direction: column;
}
.news__slide-img {
   border-radius: 10px;
   overflow: hidden;
}
.news__slide-img img {
   height: 220px;
   display: block;
   width: 100%;
   object-fit: cover;
}
.news__slide-text {
   padding: 40px;
   border: 1px solid rgb(0, 0, 0, 0.2);
   border-radius: 0 0 10px 10px;
   border-top: none;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.news__slide-date {
   color: var(--tertiary-color);
   display: block;
   margin-bottom: 10px;
}
.news__slide-title {
   font-weight: 600;
   font-size: 22px;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 40px;
}
.news__slide-button {
   width: 100%;
   text-align: center;
   display: block;
   transition: var(--transition);
}
.news__slide-button:hover {
   color: #ffffff;
   background-color: var(--secondary-color);
   transition: var(--transition);
   border-color: var(--secondary-color);
}
.news__mobile-buttons {
   display: none;
}
.news__slider-buttons {
   display: flex;
   justify-content: space-between;
}
/* FOOTER */
footer {
   padding-top: 50px;
   background-color: #f8f8f8;
}
.footer__row {
   display: flex;
   justify-content: space-between;
}
.footer__col-logo {
   margin-bottom: 35px;
   display: block;
}
.footer__col-logo img {
   width: max-content;
   max-height: 50px;
}
.footer__offices {
   display: flex;
   color: var(--tertiary-color);
   margin-top: 35px;
   align-items: center;
}
.footer__offices svg > path {
   fill: var(--secondary-color);
}
.footer__top-info {
   max-width: 340px;
}
.footer__top-info p {
   color: var(--tertiary-color);
   line-height: 120%;
   font-size: 12px;
}
.footer__mobile-socials h4 {
   font-size: 16px;
   text-align: center;
   font-weight: 500;
   margin-bottom: 40px;
}
.footer__mobile-socials-row {
   display: flex;
   align-items: center;
   column-gap: 18px;
   justify-content: center;
}
.footer__col-list {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
   margin-bottom: 40px;
   max-width: 230px;
}
.footer__socials-row {
   display: flex;
   column-gap: 20px;
   align-items: center;
}
.footer__col-list li > a {
   color: var(--tertiary-color);
   font-size: 16px;
}
.footer__offices,
.footer__col-list li > a {
   transition: color var(--transition);
}
.footer__col-list li > a:hover,
.footer__offices:hover {
   color: var(--primary-color);
}
.footer__list-title {
   font-size: var(--default-font-size);
   font-weight: 500;
}
.footer__top-info .footer__list-title {
   margin-bottom: 20px;
}
.footer__copyright {
   margin: 40px 0;
}
.footer__copyright span {
   color: var(--tertiary-color);
}
.footer__bottom-info {
   padding: 40px 0;
   border-top: 1px solid #e1e6f0;
}
.footer__bottom-info {
   color: var(--tertiary-color);
   line-height: 120%;
}
.footer__bottom-info p > a {
   color: var(--secondary-color);
}
.footer__bottom-info p {
   font-size: 12px;
}
.footer__bottom-info--mobile {
    padding: 20px 0;
}
.footer__mobile-agency-info {
    padding: 20px 0;
    border-top: 1px solid #e1e6f0;

}
.footer__mobile-agency-info .footer__list-title {
    margin-bottom: 10px;
}

.disclaimer-modal .footer__bottom-info {
   border-top: none;
}

.dropdown__description-wrapper {
   display: grid;
   grid-template-rows: 0fr;
   overflow: hidden;
   transition: var(--transition);
   -webkit-transition: var(--transition);
   -moz-transition: var(--transition);
   padding-left: 15px;
   padding-right: 15px;
   opacity: 0;
   visibility: hidden;
}
.header__mobile-menu__dropdown,
.footer__mobile-menu__dropdown {
   padding: 20px;
}
.dropdown__head {
   position: relative;
   cursor: pointer;
}
.dropdown__head::after {
   content: "";
   position: absolute;
   width: calc(100% + 40px);
   height: calc(100% + 40px);
   left: -20px;
   top: -20px;
}
.header__mobile-menu__dropdown.open .dropdown__description-wrapper,
.footer__mobile-menu__dropdown.open .dropdown__description-wrapper {
   grid-template-rows: 1fr;
   border-radius: 10px;
   background-color: #f8f8f8;
   padding: 20px 15px;
   opacity: 1;
   visibility: visible;
}
.header__mobile-menu__dropdown .dropdown__head img,
.footer__mobile-menu__dropdown .dropdown__head img {
   transition: var(--transition);
   -webkit-transition: var(--transition);
   -moz-transition: var(--transition);
}
.header__mobile-menu__dropdown.open .dropdown__head,
.footer__mobile-menu__dropdown.open .dropdown__head {
   margin-bottom: 15px;
   padding: 0;
}
.header__mobile-menu__dropdown.open,
.footer__mobile-menu__dropdown.open {
   padding: 20px;
}
.header__mobile-menu__dropdown.open .dropdown__head span,
.footer__mobile-menu__dropdown.open .dropdown__head span {
   font-weight: 700;
}
.dropdown__description-title {
   font-weight: 500;
}
.dropdown__description {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
.dropdown__head {
   align-items: center;
}
.header__mobile-menu__dropdown .dropdown__head *,
.footer__mobile-menu__dropdown .dropdown__head * {
   transition: var(--transition);
}
.header__mobile-menu__dropdown.open .dropdown__head *,
.footer__mobile-menu__dropdown.open .dropdown__head * {
   color: var(--secondary-color);
   transition: var(--transition);
}
.header__mobile-menu__dropdown .dropdown__head svg,
.footer__mobile-menu__dropdown .dropdown__head svg {
   transform: rotate(90deg);
}
.header__mobile-menu__dropdown.open .dropdown__head svg,
.footer__mobile-menu__dropdown.open .dropdown__head svg {
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   transition: var(--transition);
   -webkit-transition: var(--transition);
   -moz-transition: var(--transition);
}
.header__number--mobile span,
.footer__number--mobile span {
   font-size: 20px;
}
.header__mobile-menu__dropdown.open .dropdown__head svg > path,
.footer__mobile-menu__dropdown.open .dropdown__head svg > path {
   stroke: var(--secondary-color);
}
.header__mobile-menu__dropdown .dropdown__description,
.footer__mobile-menu__dropdown .dropdown__description {
   min-height: 0;
}
.dropdown__description li > a {
   transition: var(--transition);
}
.dropdown__description li > a:active {
   color: var(--tertiary-color);
}
.footer__mobile-menu {
   display: none;
}
.header__mobile-menu__dropdown.hide {
   transition: 0.1s all linear;
   -webkit-transition: 0.1s linear;
   -moz-transition: 0.1s linear;
   opacity: 0;
   transform: translateY(100px);
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   visibility: hidden;
   order: 1;
}
@media (max-width: 499px) {
   :root {
      --default-font-size: 16px;
   }
}
@media (max-width: 399px) {
   :root {
      --default-font-size: 14px;
   }
}
/* ====== КАСКО ====== */
.intro--casco {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/casco-intro.jpg)
      top no-repeat;
}
.intro--casco-none {
   background: none !important;
}
.intro.imushestvo {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/imushestvo-bg.jpg)
      top no-repeat;
}
.intro.ipoteka {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/ipoteka.jpg)
      top no-repeat;
   background-size: 100% 70%;
}
.intro.puteshestvie {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/puteshestvie-bg.jpg)
      top no-repeat;
   background-size: 100% 70%;
}
.intro.yurlic {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/yurlic-bg.jpg)
      top no-repeat;
   background-size: 100% 70%;
}
.actual-stocks {
   padding-bottom: 80px;
}
.actual-stocks .title-block {
   margin: 70px 0 50px;
}
.actual-stocks__inner {
   display: flex;
   justify-content: space-between;
   column-gap: 20px;
}
.actual-stocks-img {
   border-radius: 10px;
   overflow: hidden;
   user-select: none;
   width: 50%;
}
.actual-stocks-img img {
   user-select: none;
}
.actual-stocks-img:empty {
   background-color: var(--tertiary-color);
   height: 360px;
}
.actual-m-img {
   display: none;
}
.types {
   padding: 80px 0;
}

.types .title-block {
   margin-bottom: 40px;
}
.types__cards {
   display: flex;
   gap: 20px 20px;
   flex-wrap: wrap;
}
.types__card {
   padding: 40px;
   border-radius: 10px;
   background-color: #f8f8f8;
   border: 1px solid #e1e6f0;
   width: 32.4%;
   flex-grow: 1;
   max-width: 32.4%;
}
.types__card-head {
   display: flex;
   column-gap: 20px;
   margin-bottom: 30px;
   align-items: center;
}
.types__card-head img {
   width: 70px;
   height: 80px;
}
.types__card-head h3 {
   text-transform: uppercase;
   font-size: 30px;
   color: #000000;
   font-weight: 600;
}
.types__card-descr {
   font-weight: 500;
   color: #6a6b6d;
}
.franchise {
   padding-bottom: 80px;
}
.franchise .title-block h2 {
   margin-bottom: 40px;
}
.franchise__cards {
   display: flex;
   column-gap: 20px;
   margin-top: 40px;
}
.franchise__card {
   max-width: 520px;
   width: 50%;
   padding: 0 40px 30px 40px;
   border-radius: 10px;
   border: 1px solid #eeeeee;
   background-color: #f8f8f8;
   overflow: hidden;
   position: relative;
}
.franchise__card.blue {
   background-color: var(--secondary-color);
   color: #ffffff;
   border: none;
}
.franchise__card img {
   position: relative;
   left: -44px;
}

.franchise__card-title {
   margin: 10px 0 30px;
   font-size: 24px;
   font-weight: 600;
}
.carousel__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.carousel__info {
   max-width: 400px;
   line-height: 140%;
   font-size: 24px;
   display: flex;
   flex-direction: column;
   row-gap: 40px;
   align-items: center;
}

.carousel__main-navigation {
   display: flex;
   column-gap: 20px;
   border-bottom: 1px solid #eeeeee;
   position: relative;
   justify-content: center;
   width: max-content;
   margin: 0 auto;
   margin-top: 10px;
}
.carousel__main-navigation::after {
   content: "";
   position: absolute;
   left: 0;
   transition: var(--transition);
   top: 100%;
   height: 0.5px;
   width: 50%;
   background-color: var(--secondary-color);
}
.carousel__main-navigation.with-gap::after {
   left: 0;
}

.carousel__main-navigation.without-gap::after {
   left: 50%;
}
.carousel__main-navigation-btn {
   padding: 9.5px 20px;
   text-align: center;
   cursor: pointer;
}
.carousel__main-navigation-btn.active {
   /* border-bottom: 1px solid var(--secondary-color); */
}
.carousel__main-text {
   margin-bottom: 50px;
   text-align: center;
}
.carousel__main-text span {
   font-size: 20px;
}
.carousel__main-values {
   width: 90%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 2px solid #dfdfdf;
   justify-self: center;
   margin: 0 auto;
}
.carousel__main-values div {
   position: relative;
}
.carousel__main-values span {
   color: var(--secondary-color);
   position: absolute;
   top: -20px;
   left: -10px;
}

.carousel__main-values div::after {
   position: relative;
   content: "";
   display: block;
   width: 2px;
   height: 20px;
   left: 50%;
   transform: translateX(-40%);
   border-radius: 2px 2px 0 0;
   background-color: #dfdfdf;
   margin-top: 8px;
}
.carousel__main-values span {
   color: var(--secondary-color);
}
.carousel__main-values div.active span {
   color: #6a6b6d;
}
.carousel__main-slide {
   width: 90%;
   user-select: none;
   margin: 0 auto;
   position: relative;
}
.carousel__main-slide-mask {
   background-color: #fafafa;
   opacity: 0.4;
   width: 0%;
   height: 96%;
   position: absolute;
   transition: var(--transition);
   left: 0;
   bottom: 0;
   border-right: 2px solid #dfdfdf;
}
.carousel__main-slide::after {
   content: "";
   position: absolute;
   width: 40px;
   height: 40px;
   background: url(/wp-content/themes/landing/assets/img/icons/carousel-btn.svg)
      center no-repeat;
   background-size: cover;
   left: var(--slider-button-position, 0%);
   transform: translate(calc(-20px));
   top: 30%;
   cursor: e-resize;
   transition: var(--transition);
   z-index: 5;
}
.carousel__main-slide.dragging::after,
.carousel__main-slide.dragging .carousel__main-slide-mask {
   transition: none;
}
.carousel__slide-info {
   width: 100%;
   display: flex;
   justify-content: center;
}
.carousel__slide-info span {
   text-align: center;
   font-size: 24px;
   font-weight: 400;
}
.carousel__main-slide::before {
   width: 100px;
   height: 100%;
   position: absolute;
   content: "";
   background-color: #fafafa;
   opacity: 0.4;
   left: -100px;
   z-index: 1;
}

.carousel__main-slide img {
   position: relative;
   /* left: -87px; */
   width: 100% !important;
   /* height: 100%; */
   max-width: none;
}
.tooltip {
   position: relative;
   display: inline-block;
   cursor: pointer;
   top: -20px;
   width: 24px;
   height: 24px;
   min-width: 24px;
   min-height: 24px;
}

.tooltip .tooltiptext {
   visibility: hidden;
   width: 305px;
   background-color: #ffffff;
   color: #808080;
   border-radius: 6px;
   padding: 12px;
   position: absolute;
   line-height: 140%;
   z-index: 1;
   top: 102%;
   left: 0;
   box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2);
   font-size: 14px;
   opacity: 0;
   transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
}
.title-tooltip {
   display: flex;
   column-gap: 10px;
   margin-bottom: 50px;
}
.title-tooltip h2 {
   text-align: start !important;
   max-width: 1000px;
}
/* CALCULATOR */
.calculator-section {
   padding-bottom: 80px;
}
.calculator-section.with-padding {
   padding-top: 50px;
}
.calculator {
   padding: 30px;
   border-radius: 10px;
   border: 1px solid #e1e6f0;
   display: flex;
   flex-direction: column;
   position: relative;
   row-gap: 40px;
}
/* .calculator__form {
    display: none;
}
.calculator__form.show {
    display: block;
} */
.calculator__stage {
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}

/* ПРОГРЕСС-БАР */
.calculator__progress {
   background-color: #f4f4f4;
   padding: 20px;
   display: flex;
   border-radius: 10px;
   column-gap: 20px;
}
.calculator__progress-info {
   font-size: 18px;
   font-weight: 500;
   color: #33363f;
   line-height: 150%;
}
.calculator__progress-bar {
   flex-basis: 90%;
   display: flex;
   flex-direction: column;
   row-gap: 5px;
}
.calculator__progress-bar-info {
   color: #808080;
   line-height: 140%;
   font-size: 16px;
}
.calculator__progress-bar-value {
   font-size: 30px;
   font-weight: 600;
   color: #33363f;
}
.calculator__progress-bar-track {
   border-radius: 10px;
   position: relative;
   width: 100%;
   height: 4px;
   overflow: hidden;
   background-color: #e6e6e6;
}
.calculator__progress-bar-fill {
   height: 100%;
   background-color: var(--selected-item-color);
   transition: var(--transition);
   width: 25%;
}
/* ШАГИ */
.calculator__steps {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
}
.calculator__step {
   display: flex;
   column-gap: 14px;
   align-items: center;
}
.calculator__step-number {
   width: 40px;
   height: 40px;
   background-color: #e6e6e6;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #b5b5b5;
   font-size: 22px;
   border-radius: 50%;
   font-weight: 600;
}
.calculator__step-title {
   color: #808080;
   line-height: 140%;
   font-size: 16px;
   font-weight: 500;
}
.calculator__step.active .calculator__step-title {
   color: var(--primary-color);
}
.calculator__step.active .calculator__step-number {
   color: #ffffff;
   background-color: var(--secondary-color);
}
.calculator__steps-line {
   background-color: #f4f4f4;
   flex-grow: 1;
   display: flex;
   height: 2px;
   margin: 0 14px;
}
.calculator__steps-line.active {
   background-color: var(--selected-item-color);
}
/* Общие элементы */
.calculator__title {
   font-size: 20px;
   font-weight: 600;
   color: #33363f;
   margin-bottom: 20px;
   line-height: 140%;
}
.select-list {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   justify-content: start;
}
.select-list li {
   font-size: 16px;
   text-align: center;
   max-width: 185px;
   padding: 10px 72px;
   transition: var(--transition);
   border-radius: 6px;
   position: relative;
   cursor: pointer;
   box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2);
}

.select-list .calculator__popular-variant,
.select-list.calculator__popular-list li {
   max-width: none !important;
   width: auto !important;
   padding: 10px 20px;
}
.select-list li:hover,
.select-list li.active,
.select-list li.choosed {
   color: #ffffff;
   background-color: var(--selected-item-color) !important;
}
.calculator__buttons {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
}
.calculator__next-btn {
   padding: 20px 30px;
   font-size: 18px;
   cursor: pointer;
}
.calculator__input-box {
   margin-bottom: 40px;
   position: relative;
   width: max-content;
   z-index: 10;
}
.calculator__input-box input,
.custom-input-field {
   width: 430px;
   height: 46px;
   border-radius: 6px;
   border: none;
   outline: 1px solid #f4f4f4;
   background-color: #f4f4f4;
   padding: 12px 24px;
   color: var(--primary-color);
   font-size: 16px;
   font-weight: 500;
   transition: var(--transition);
}
.calculator__input-message {
   display: none;
   color: var(--error-color);
   font-size: 14px;
   display: block;
   font-weight: 300;
   margin-top: 10px;
}
.calculator__input-box input::placeholder,
.custom-input-field::placeholder {
   font-size: 16px;
   font-weight: 500;
   color: #808080;
}
.calculator__input-box input:focus,
.custom-input-field:focus {
   outline: 1px solid var(--secondary-color);
}
.calculator__label-info {
   color: var(--tertiary-color);
   margin-top: 10px;
   font-size: 16px;
   display: block;
   line-height: 130%;
}
.calculator__label-info * {
   color: var(--tertiary-color);
   font-size: 16px;
   line-height: 130%;
   list-style-type: disc;
}
ul.calculator__label-info {
   margin-left: 20px;
}

.calculator__right-elements {
   position: relative;
   left: 2%;
}
.input-info-box {
   margin: 0 !important;
   width: auto;
}
.custom-radio-info {
   row-gap: 30px !important;
}
.calculator__input-dropdown {
   position: absolute;
   width: 100%;
   overflow: hidden;
   background-color: #ffffff;
   left: 0;
   box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2);
   border-radius: 6px;
   z-index: -1;
   padding-top: 10px;
   top: 0%;
   opacity: 0;
   overflow-y: scroll;
   scrollbar-width: none;
   scrollbar-color: #1e4cdc #f1f1f1;
   scrollbar-width: thin;
   max-height: 300px;
   visibility: hidden;
   transition: var(--transition);
}

.calculator__input-dropdown li,
.calculator__static-dropdown-list li {
   padding: 6px 0;
   cursor: pointer;
   text-align: center;
   font-size: 16px;
   transition: var(--transition);
}
.calculator__input-dropdown li:hover {
   transition: var(--transition);
   color: #ffffff;
   background-color: var(--selected-item-color);
}
.calculator__static-dropdown-list li:hover,
.calculator__static-dropdown-list li.active {
   transition: var(--transition);
   color: #ffffff;
   background-color: var(--secondary-color);
}

.dropdown-list-gray li:hover,
.dropdown-list-gray li.active {
   color: #000000;
   background-color: #f4f4f4;
}

.calculator__static-dropdown-list {
   top: 100%;
   z-index: 0;
   scrollbar-width: none;
   padding-top: 0;
   max-height: 0;
   transition: var(--transition);
   position: absolute;
   width: 100%;
   overflow: hidden;
   background-color: #ffffff;
   left: 0;
   box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2);
   border-radius: 6px;
}
.calculator__static-dropdown {
   width: 100%;
   height: 46px;
   position: relative;
   border-radius: 6px;
   background-color: #f4f4f4;
   cursor: pointer;
   padding: 12px 24px;
   color: var(--primary-color);
   border: none;
   outline: none;
   font-size: 16px;
   font-weight: 500;
   transition: var(--transition);
   color: #808080;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.calculator__static-dropdown::after {
   content: "";
   width: 14px;
   display: inline-block;
   height: 14px;
   transform: rotate(90deg);
   background: url(/wp-content/themes/landing/assets/img/icons/left-arrow-r.svg)
      center no-repeat;
   background-size: contain;
   transition: var(--transition);
}
.calculator__input-box input.focus ~ .calculator__input-dropdown {
   top: 80%;
   visibility: visible;
   transition: var(--transition);
   opacity: 1;
}
.calculator__static-dropdown.show-list ~ .calculator__static-dropdown-list {
   top: 100%;
   visibility: visible;
   transition: var(--transition);
   opacity: 1;
   max-height: 200px;
}
.calculator__static-dropdown.show-list::after {
   transform: rotate(-90deg);
}
.calculator__stage {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   transition: none;
}
.calculator__stage.active {
   position: relative;
   opacity: 1;
   visibility: visible;
   transition: var(--transition);
}
.select-list--brand {
   justify-content: start;
   column-gap: 50px;
}
.select-list--brand .select-list-item {
   width: 143px;
   padding: 10px 0;
}
.calculator__tags {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
}
.calculator__tags.hidden {
   position: absolute;
   opacity: 0;
   visibility: hidden;
}
.calculator__tags:empty {
   position: absolute;
}
.calculator__tag {
   display: flex;
   column-gap: 10px;
   background-color: #f4f4f4;
   border-radius: 50px;
   padding: 10px 16px;
   font-size: 16px;
   font-weight: 500;
   user-select: none;
   width: max-content;
   transition: var(--transition);
   cursor: pointer;
}
.calculator__tag:hover {
   background-color: #b5b5b5;
}
/* Ползунок цен */
.calculator__price-slider {
   width: 620px;
   position: relative;
}
input[type="range"] {
   -webkit-appearance: none;
   width: 100%;
   height: 4px;
   border-radius: 5px;
   background: #e6e6e6;
   outline: none;
}

input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 22px;
   height: 22px;
   border-radius: 50%;
   border: 1px solid #e6e6e6;
   background: #ffffff;
   cursor: pointer;
   transition: var(--transition);
}

input[type="range"]::-moz-range-thumb {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   cursor: pointer;
}
input[type="range"] {
   background: var(--selected-item-color);
}
.calculator__price-value {
   position: absolute;
   left: 0;
   font-weight: 600;
   font-size: 14px;
   color: #33363f;
   top: 126%;
   background: #fff;
   border: 1px solid #e6e6e6;
   padding: 12px;
   border-radius: 6px;
   transition: opacity var(--transition);
}
.price-value--top {
   top: auto;
   bottom: 78%;
}
/* Варианты выбора (Кнопки) */
.calculator__custom-radio {
   display: flex;
   column-gap: 20px;
}
.calculator__custom-radio-btn {
   position: relative;
   padding: 10px 50px;
   background-color: #e6e6e6;
   cursor: pointer;
   border-radius: 6px;
   font-weight: 500;
   font-size: 16px !important;
   transition: var(--transition);
}
.calculator__default-radio-btn {
   color: var(--tertiary-color) !important;
}
.calculator__default-radio-btn.active {
   color: #000000 !important;
}
.calculator__custom-radio-btn:hover {
   background-color: #b5b5b5;
}

.calculator__custom-radio-btn.active {
   background-color: #b5b5b5;
   color: #000000;
}
.hidden-action {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   display: none;
}
.calculator__hidden-box.hidden-action input {
   display: none !important;
}
.hidden-action.show,
.hidden-action.show input {
   position: relative;
   display: block;
   opacity: 1;
   visibility: visible;
   transition: var(--transition);
}
.select-list--hidden {
   position: absolute;
   visibility: hidden;
   opacity: 0;
}

/* Блок с результатом */
.calculator__step-results {
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}
.calculator__step-results.hidden {
   position: absolute;
   visibility: hidden;
   opacity: 0;
}
.calculator__step-result {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px;
   border-radius: 10px;
   background-color: #f4f4f4;
}
.calculator__step-result.hidden {
   position: absolute;
   visibility: hidden;
   opacity: 0;
}
.calculator__step-result-info {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}
.calculator__step-result-info > *,
.calculator__step-result-info > * {
   font-size: 16px;
   font-weight: 500;
}
.calculator__step-result-title {
   font-size: 16px;
   font-weight: 700;
   color: #33363f;
}
.calculator__step-result-delails span {
   font-size: 16px;
   font-weight: 500;
}
.calculator__step-result-edit {
   align-self: flex-start;
   display: flex;
   column-gap: 14px;
   transition: var(--transition);
   align-items: end;
   cursor: pointer;
   justify-content: end;
}
.calculator__step-result-edit span {
   font-size: 16px;
   font-weight: 500;
   color: #808080;
   text-decoration: underline;
}
.calculator__step-result-edit:hover {
   opacity: 0.8;
}

.calculator__default-radio,
.calculator__default-radio-btn {
   all: unset;
}
.calculator__default-radio {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.calculator__default-radio-btn {
   display: flex;
   align-items: center;
   cursor: pointer;
   width: fit-content;
}
.calculator__default-radio-circle {
   position: relative;
   width: 24px;
   height: 24px;
   border: 1px solid #868686;
   color: var(--tertiary-color);
   border-radius: 50px;
   transition: var(--transition);
   margin-right: 10px;
}
.calculator__default-radio-btn.active,
.calculator__default-radio-btn:hover {
   background-color: transparent;
}
.calculator__default-radio-btn.active .calculator__default-radio-circle {
   border: var(--secondary-color);
   background-color: var(--secondary-color);
   color: #000000;
}
.calculator__default-radio-btn.active
   .calculator__default-radio-circle::before {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   background-color: #ffffff;
   border-radius: 10px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.small-radio {
   padding: 10px 16px;
}
.calculator__option-row {
   display: flex;
   column-gap: 30px;
   margin-bottom: 20px;
}
.calculator__option-box {
   position: relative;
}
.calculator__option-box:has(input[type="text"]) {
   width: 280px;
}
.calculator__option-box input {
   width: 100%;
}
.calculator__option-title {
   font-size: 16px;
   color: #808080;
   display: inline-block;
   font-weight: 500;
   margin-bottom: 10px;
}
.custom-input-field {
   width: 280px;
}
.calculator__default-radio--green,
.calculator__default-radio-btn--green {
   all: unset;
}
.calculator__default-radio-btn--green.active,
.calculator__default-radio-btn--green:hover {
   background-color: transparent;
}
.calculator__default-radio--green {
   display: flex;
   flex-direction: row;
   column-gap: 20px;
}
.calculator__default-radio-btn--green {
   display: flex;
   align-items: center;
   color: #808080;

   cursor: pointer;
}
.calculator__default-radio-circle--green {
   position: relative;
   width: 24px;
   height: 24px;
   margin-right: 20px;
   background-color: #f9f9f9;
   box-shadow: inset -2px 2px 5px 0 rgb(215, 215, 215, 0.72);
   border-radius: 50px;
}

.calculator__default-radio-btn--green.active
   .calculator__default-radio-circle--green::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 16px;
   box-shadow: inset -2px 2px 5px 0 rgb(215, 215, 215, 0.72);
   height: 16px;
   background-color: var(--selected-item-color);
   border-radius: 50px;
}
.calculator__info-line {
   color: #808080;
   font-size: 18px;
   margin-bottom: 20px;
   display: block;
   font-weight: 500;
}
.calculator__agreement-text {
   color: #808080;
   font-size: 14px;
   line-height: 140%;
}
.calculator__agreement-text a {
   text-decoration: underline;
   color: #808080;
}
.calculator__agreement-box {
   display: flex;
   column-gap: 20px;
}
/* Кастомный чекбокс */
.calculator__custom-checkbox,
.contact-form__custom-checkbox {
   display: inline-flex;
   width: max-content;
   align-items: center;
   column-gap: 10px;
}
.calculator__custom-checkbox label,
.contact-form__custom-checkbox label {
   display: inline-block;
   cursor: pointer;
   width: 24px;
   position: relative;
   transition: var(--transition);
   height: 24px;
   border-radius: 6px;
   border: 1px solid #808080;
}
.calculator__custom-checkbox label.active,
.contact-form__custom-checkbox label.active {
   border: var(--secondary-color);
   background-color: var(--secondary-color);
   transition: var(--transition);
}
.calculator__custom-checkbox label.active::before,
.contact-form__custom-checkbox label.active::before {
   position: absolute;
   content: "";
   background: url(/wp-content/themes/landing/assets/img/icons/custom-checkmark.svg)
      center no-repeat;
   background-size: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 14.5px;
   height: 11px;
}
.calculator__custom-checkbox label::after,
.contact-form__custom-checkbox label::before {
   content: "";
   width: var(--pseudo-width);
   height: 100%;
   display: block;
}
.calculator__checkbox-text {
   color: var(--tertiary-color);
   transition: var(--transition);
   font-size: 16px;
}
.calculator__custom-checkbox label.active ~ .calculator__checkbox-text {
   color: var(--primary-color);
}
.calculator__tag img {
   max-width: 24px;
   max-height: 24px;
}
.calculator__tag {
   height: max-content;
   min-width: fit-content;
}
.calculator__buttons button:disabled {
   background-color: var(--tertiary-color);
   cursor: no-drop;
}

/* Мультиформы */
.calculate__multiform-title {
   font-size: 30px;
   font-weight: 400;
   margin-bottom: 40px;
}
.calculator__checkbox-container {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.custom-input-field[type="date"] {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   font-family: "Inter Tight" !important;
   position: relative;
   cursor: pointer;
}

.custom-input-field[type="date"]::-webkit-calendar-picker-indicator {
   display: none; /* Скрыть иконку календаря */
}

/* Модалка обратной связи */
.trigger {
   text-align: center;
   padding: 7px 13px;
   background: #3e3e3e;
   color: #fff;
   font-size: 15px;
   outline: none;
   border: none;
   border-radius: 5px;
   font-family: cursive;
}

.modal {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   padding: 20px;
   background-color: rgba(0, 0, 0, 0.4);
   opacity: 0;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   scrollbar-width: thin;
   z-index: -9999;
   visibility: hidden;
   transform: scale(1.1);
   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s,
      z-index 0.25s;
}

.modal-content {
   position: sticky;
   background-color: white;
   padding: 30px;
   margin: 0 auto;
   max-width: 635px;
   border-radius: 10px;
}
.success-sent-modal .modal-content {
   max-width: 1200px;
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}
.close-button {
   cursor: pointer;
   position: absolute;
   right: 20px;
   top: 20px;
}
.show-modal {
   opacity: 1;
   z-index: 9999;
   visibility: visible;
   transform: scale(1);
   transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal-title {
   margin-bottom: 40px;
}
.modal__fields {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
   margin-bottom: 40px;
}
.modal__toggles {
   margin-bottom: 40px;
}
.modal__toggles-title {
   font-size: 30px;
   margin-bottom: 40px;
}
.modal__toggles-btns {
   display: inline-flex;
   column-gap: 40px;
   border-bottom: 1px solid #eeeeee;
}
.modal__toggles-btn {
   padding-bottom: 10px;
   cursor: pointer;
}
.modal__toggles-btn.active {
   border-bottom: 1px solid var(--secondary-color);
}
.modal__toggles-target {
   opacity: 0;
   visibility: hidden;
   position: absolute;
}
.modal__toggles-target.show {
   opacity: 1;
   visibility: visible;
   position: relative;
   display: flex;
   flex-direction: column;
   row-gap: 20px;
   margin-top: 20px;
}
.modal__submit-btn {
   padding: 20px 0;
   text-align: center;
   width: 100%;
   font-size: 18px;
   margin-top: 30px;
}
/* Динамические даты и времена в модалке */
.modal__options-title {
   font-size: 17px;
   font-weight: 400;
   display: block;
   margin-bottom: 10px;
}
.modal__default-option {
   background-color: #ffffff;
   box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2);
   padding: 10px 23.5px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.modal__default-optionspan {
   font-weight: 500;
}
.modal__dynamical-date {
   font-size: 18px;
}
.modal__dynamical-weekday {
   font-size: 16px;
   color: #808080;
}
.modal__default-option.active {
   background-color: var(--secondary-color);
}
.modal__default-option.active span {
   color: #ffffff;
}
.modal-dynamical-dates,
.modal-dynamical-hours {
   column-gap: 8px !important;
}

.modal__hour {
   padding: 10px 11.5px;
   width: max-content;
}

/* TimePicker */
.ui-timepicker-container {
   max-width: 300px;
   max-height: 170px;
   padding: 0 !important;
   background: #ffffff;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.07);
   border-radius: 10px;
   border: none !important;
}
.ui-timepicker,
.ui-timepicker-viewport,
.ui-timepicker-standard .ui-menu-item {
   scrollbar-width: none;
   max-width: 300px;
   max-height: 170px;
   padding: 0 !important;
   width: 100% !important;
   border: none !important;
}

#ui-active-item {
   font-weight: 600 !important;
}
.ui-timepicker-standard .ui-menu-item {
   cursor: pointer;
}
.ui-state-hover {
   background-color: var(--secondary-color) !important;
   border: none !important;
   color: #ffffff !important;
   transition: var(--transition) !important;
}

.ui-timepicker-standard a {
   padding: 10px 0 !important;
   font-size: 16px !important;
   font-family: "Inter";
}

/* DatePicker */
.ui-datepicker {
   background: #ffffff;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.07);
   border-radius: 10px;
   padding: 20px 20px 60px;
}
table.ui-datepicker-calendar {
   border-collapse: collapse;
   border-spacing: 0;
   background: #ffffff;
}
.ui-datepicker-calendar thead {
   margin-bottom: 20px;
}
.ui-datepicker-calendar tbody {
   margin-top: 20px;
   position: relative;
   top: 20px;
}
.ui-datepicker-calendar thead th {
   padding: 4px 0;
   text-align: center;
   font-size: 12px;
   font-weight: 400;
   color: #000000;
}
.ui-datepicker-calendar tbody td {
   width: 40px;
   text-align: center;
   padding: 0;
}
.ui-datepicker-calendar tbody td a,
.ui-state-disabled span {
   display: block;
   border-radius: 4px;
   transition: 0.3s all;
   padding: 8px 10px;
   color: #808080;
   font-size: 12px;
   text-decoration: none;
}
.ui-state-disabled span {
   color: 808080;
   opacity: 0.5;
}
.ui-datepicker-calendar tbody td a:hover {
   color: var(--secondary-color);
}
.ui-datepicker-calendar tbody td a.ui-state-active {
   color: var(--secondary-color);
   font-weight: 600;
}
.ui-datepicker-week-end span:not(.ui-state-default) {
   color: #f36a6a;
}
.ui-datepicker-header a.ui-corner-all {
   cursor: pointer;
   position: absolute;
   top: 0;
   width: 32px;
   height: 32px;
   margin: 8px;
   border-radius: 4px;
   transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
   background-color: #eceff1;
}
.ui-datepicker-header a.ui-datepicker-prev {
   background: url(/wp-content/themes/landing/assets/img/icons/left-arrow-r.svg)
      center no-repeat;
   background-repeat: no-repeat;
   background-size: 8px;
   background-position: 50%;
   transform: rotate(180deg);
   top: 20px;
   left: 20px;
   width: 20px;
   height: 20px;
}
.ui-datepicker-header a.ui-datepicker-next {
   background-repeat: no-repeat;
   background-size: 10px;
   background: url(/wp-content/themes/landing/assets/img/icons/left-arrow-r.svg)
      center no-repeat;
   background-position: 50%;
   top: 20px;
   right: 20px;
   width: 20px;
   height: 20px;
}
.ui-datepicker-header a > span {
   display: none;
}
.ui-datepicker-title {
   text-align: center;
   line-height: 32px;
   margin-bottom: 20px;
   font-size: 14px;
   font-weight: 500;
   padding-bottom: 4px;
}
.ui-datepicker-week-col {
   color: #78909c;
   font-weight: 400;
   font-size: 12px;
}
.datepicker-box,
.timepicker-box {
   position: relative;
}
.datepicker-box::after,
.timepicker-box::after {
   position: absolute;
   width: 24px;
   height: 24px;
   content: "";
   background: url(/wp-content/themes/landing/assets/img/icons/calendar.svg)
      center no-repeat;
   background-size: 100%;
   right: 24px;
   top: 50%;
   transform: translateY(-50%);
}
.timepicker-box::after {
   background: url(/wp-content/themes/landing/assets/img/icons/time.svg) center
      no-repeat;
}
.calculator__offices-box {
   display: flex;
   column-gap: 40px;
}
.calculator__offices-col {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.timepicker-container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 300px;
   height: 170px;
   overflow: hidden;
   border: 1px solid #ccc;
   border-radius: 8px;
   position: relative;
}
.picker {
   width: 50px;
   height: 100%;
   overflow-y: hidden; /* Отключаем дефолтную прокрутку */
   text-align: center;
   padding-top: 40px;
   padding-bottom: 40px;
}
.separator {
   font-size: 24px;
   font-weight: bold;
   line-height: 100px;
}
.hour,
.minute {
   font-size: 18px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ccc;
   scroll-snap-align: center;
   cursor: pointer;
}
.hour.active,
.minute.active {
   font-size: 24px;
   font-weight: bold;
   color: black;
}
.calculator__offices-item {
   display: flex;
   flex-direction: column;
}
.calculator__offices-item span {
   line-height: 130%;
}
.calculator__office-address {
   font-size: 16px;
   font-weight: 600;
}
.calculator__office-tel {
   font-size: 16px;
   font-weight: 400;
}

.gap-details-btn {
   font-size: 18px;
   padding: 20px 30px;
   max-height: 58px;
   display: flex;
   align-items: center;
   justify-content: center;
}

/* Вспомогательные страницы О компании,  Сотрудники, Карточка сотрпудника, Офисы */

/* Общие элементы */
ul.intro__breadcrumbs {
   display: flex;
   margin: 20px 0;
   column-gap: 10px;
}

ul.intro__breadcrumbs li,
ul.intro__breadcrumbs li > a {
   color: #929294;
   font-weight: 300;
   transition: color var(--transition);
   font-size: 14px;
}
ul.intro__breadcrumbs li.current {
   color: #000000;
}
ul.intro__breadcrumbs li > a:hover {
   color: #000000;
}
.intro__title-box--static {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 50px;
}
.intro__title-box--static h1 {
   font-size: 70px;
   font-weight: 400;
   line-height: 120%;
}
.intro__title-box--static p {
   font-size: 18px;
   color: #808080;
   line-height: 140%;
   font-weight: 400;
   max-width: 550px;
}
.section-title-box {
   margin-bottom: 50px;
   display: flex;
   flex-direction: column;
}
.title-box--center {
   align-items: center;
}
.section-title-box h2 {
   font-weight: 400;
   font-size: 60px;
}
.static-subtitle {
   display: block;
   color: #808080;
   font-size: 18px;
   line-height: 140%;
   margin-bottom: 20px;
}
/* О компании */
.main-section {
   background: url(/wp-content/themes/landing/assets/img/backgrounds/about-bg.jpg)
      center no-repeat;
   background-size: cover;
   height: 860px;
   width: 96%;
   margin: 0 auto;
   border-radius: 30px;
   padding-bottom: 135px;
   overflow: hidden;
}
.main-section__inner {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: end;
   justify-content: center;
}
.main-section__btn {
   position: absolute;
   width: 95px;
   height: 95px;
   display: flex;
   left: 50%;
   align-items: center;
   justify-content: center;
   top: 50%;
   transform: translate(-50%, -50%);
}
.main-section__play-btn {
   width: 100%;
   height: 100%;
   transition: var(--transition);
}
.main-section__btn::after {
   content: "";
   position: absolute;
   width: 100%;
   z-index: -1;
   height: 100%;
   border-radius: 50%;
   border: 2px solid var(--secondary-color);
   animation: button-scalling linear 2s infinite;
   transition: var(--transition);
}
@keyframes button-scalling {
   from {
      transform: scale(1);
      opacity: 1;
   }
   to {
      transform: scale(1.5);
      opacity: 0;
   }
}
.main-section__btn:hover::after {
   animation: none;
   display: none;
}
.main-section__btn:hover > a {
   transform: scale(1.1);
   transition: var(--transition);
}
.main-section__text {
   display: flex;
   row-gap: 20px;
   flex-direction: column;
   align-items: center;
   color: #ffffff;
}

.main-section__text span {
   font-size: 30px;
   font-weight: 400;
   line-height: 120%;
}
.main-section__text h2 {
   font-size: 60px;
   line-height: 120%;
   font-weight: 400;
}
.main-section__video {
   width: 100%;
   height: 100%;
}
.goals {
   padding: 40px 0 80px 0;
}
.goals__cards {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.goals__cards-row {
   display: flex;
   column-gap: 10px;
   flex-grow: 1;
}
.goals__cards-card {
   padding: 60px 40px;
   background-color: #f8f8f8;
   border-radius: 10px;
}
.goals__cards-card.large-card {
   max-width: 710px;
}
.goals__cards-card.small-card {
   max-width: 375px;
}
.goals__cards-card.card-blue {
   background-color: var(--secondary-color);
   color: #ffffff;
}
.goals__cards-card.card-blue * {
   color: #ffffff;
}
.goals__card-title {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 30px;
}
.goals__card-description {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.goals__card-description p {
   font-size: 18px;
   line-height: 140%;
}
.bonuses {
   padding-bottom: 80px;
}
.bonuses__cards {
   display: flex;
   justify-content: space-between;
   column-gap: 20px;
   flex-grow: 1;
}
.bonuses__cards-card {
   background-color: #f8f8f8;
   max-width: 486px;
   height: 466px;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.bonuses__card-text {
   padding: 20px 30px;
}
.bonuses__card-text h4 {
   margin-bottom: 10px;
   font-size: 22px;
   font-weight: 600;
}
.bonuses__card-text p {
   font-size: 18px;
   color: #33363f;
   line-height: 140%;
}
.bonuses__card-img {
   overflow: hidden;
   border-radius: 10px;
   max-height: 270px;
}
.bonuses__card-img img {
   object-fit: cover;
   height: 100%;
}

.employees__department-title {
   font-size: 22px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 30px;
}
.employees__department-link {
   display: block;
   width: max-content;
   /* width: 33.33333%; */
}
.employees__department-list {
   padding: 60px 0;
   padding-top: 145px;
   display: flex;
   column-gap: 25px;
   flex-wrap: wrap;
   row-gap: 135px;
}
.employees__department-wrapper {
   border-radius: 10px;
   background-color: #f8f8f8;
   width: 98%;
   margin: 0 auto;
}
.employees__department {
   margin-bottom: 80px;
}
.employees__employee-card {
   max-width: 450px;
   /* width: 33.33333%; */
   position: relative;
   padding: 20px;
   border-radius: 10px;
   height: 150px;
   transition: var(--transition);
   background-color: #ececec;
}
.employee-card-inner {
   position: relative;
   display: flex;
   width: 100%;
   justify-content: center;
   column-gap: 20px;
   top: -100%;
   left: 50%;
   transform: translateX(-50%);
}
.employee-card__photo {
   width: 140px;
   height: 140px;
   min-width: 140px;
   border-radius: 10px;
   overflow: hidden;
   min-height: 140px;
}
.employee-card__photo img {
   width: 100%;
   height: 100%;
}
.main-section__text br {
   display: none;
}
.employee-card__name {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 10px;
}
.employee-card__position {
   font-size: 16px;
   font-weight: 400;
   color: var(--tertiary-color);
   line-height: 120%;
}
.employee-card__contacts {
   margin-top: 30px;
   display: flex;
   flex-direction: column;
   row-gap: 10px;
   /* width: max-content; */
   position: absolute;
}
.employee-card__contacts li {
   display: flex;
   align-items: center;
   font-size: 16px;
   column-gap: 10px;
   color: #6a6b6d;
}
.employees__employee-card:hover {
   /* box-shadow: 0 2px 7px 0 rgb(168, 153, 153, 0.2); */
   transform: translateY(-5px);
}
.info {
   padding-bottom: 80px;
}
.info__title {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 30px;
}
.info__paragpaphs {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}
.info__paragpaphs p {
   font-size: 18px;
   line-height: 140%;
   color: #33363f;
}
.main-section.show-video {
   padding: 0;
}
.main-section.show-video > .container {
   padding: 0;
   width: 100% !important;
   max-width: none;
}
.bonuses--employee {
   padding-top: 50px;
}
.title-box--employee {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
}
.title-box--employee span {
   margin: 0;
}
/* Карточка сотрудника */
.employee-info {
   padding: 60px 0 140px 0;
   width: 98%;
   border-radius: 30px;
   background-color: #f8f8f8;
   margin-bottom: 80px;
}
.employee-info__inner {
   display: flex;
   column-gap: 20px;
}
.employee-info__left {
   min-width: 430px;
   max-width: 430px;
   display: flex;
   /* justify-content: space-between; */
   flex-direction: column;
   row-gap: 20px;
}
.employee-info__btn {
   width: 100%;
   padding: 15px 0;
   display: block;
   font-size: 17px;
   text-align: center;
}
.employee-info__details {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.employee-info__personal-info {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.employee-info__name {
   font-size: 28px;
   font-weight: 600;
}
.employee-info__position {
   font-size: 20px;
}
.employee-info__biography {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
.employee-info__contacts {
   display: flex;
   column-gap: 40px;
}
.employee-info__achievements {
   display: flex;
   column-gap: 10px;
   align-items: center;
}
.employee-info__biography p {
   font-size: 16px;
   line-height: 120%;
}

.employee-info__contacts a {
   color: #6a6b6d;
   display: flex;
   font-size: 16px;
   column-gap: 10px;
   align-items: center;
}
.employee-info__achievements-link {
   text-decoration: underline;
   color: #6a6b6d;
   font-size: 16px;
}
.map img {
   width: 100%;
   height: 400px;
   object-fit: cover;
}
/* Офисы */
.offices {
   margin-bottom: 40px;
}

.offices__title {
   font-size: 26px;
   margin-bottom: 50px;
}
.offices__addresses {
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}
.offices__row {
   display: flex;
   justify-content: space-between;
   column-gap: 40px;
}
.offices__row-item {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
   width: 473px;
}

.offices__row-link {
   color: var(--tertiary-color);
   font-size: 16px;
   position: relative;
   display: flex;
   transition: var(--transition);
   align-items: center;
   column-gap: 10px;
}
.offices__row-link::before {
   content: "";
   position: relative;
   width: 18px;
   min-width: 18px;
   transition: var(--transition);
   height: 18px;
   min-height: 18px;
   background: url(/wp-content/themes/landing/assets/img/icons/map-pin.svg)
      center no-repeat;
   background-size: 100%;
}
.offices__row-tel::before {
   background: url(/wp-content/themes/landing/assets/img/icons/call-icon.svg)
      center no-repeat;
   background-size: 100%;
}
.offices__row-link:hover {
   color: #000000;
}
.offices__row-link:hover::before {
   filter: brightness(0.5);
}
.map__container {
   max-width: 1060px;
}
.map--offices {
   margin-bottom: 80px;
}
.contact-form {
   margin-bottom: 80px;
}
.contact-form__inner {
   display: flex;
   background-color: #f8f8f8;
   border-radius: 10px;
}
.contact-form form {
   padding: 30px;
   display: flex;
   flex-direction: column;
   row-gap: 40px;
   max-width: 690px;
}
.contact-form__title {
   font-size: 30px;
}
.contact-form__fields,
.contact-form__bottom-actions {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.contact-form__input-box {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}
.contact-form__input-title {
   font-size: 16px;
   font-weight: 500;
   color: #808080;
}
.contact-form .custom-input-field {
   width: 100%;
   background-color: #ffffff;
}

.agreement-box {
   display: flex;
   align-items: start;
   column-gap: 20px;
}
.agreement-text {
   font-size: 14px;
   color: #808080;
   line-height: 140%;
}
.agreement-text a {
   color: #808080;
   text-decoration: underline;
}
.contact-form__button {
   width: 100%;
   display: block;
   text-align: center;
   font-size: 18px;
   padding: 20px 0;
}
.custom-textarea {
   height: 105px;
   font-family: "Inter Tight";
   font-size: 16px;
   font-weight: 400;
   resize: none;
   width: 100%;
}
.custom-textarea::placeholder {
   font-size: 16px;
   font-weight: 400;
}
.contact-form-img img {
   height: 100%;
   object-fit: cover;
}
/* Модальное окно "Страховой случай" */
.angle-modal {
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   opacity: 0;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   opacity: 0;
   display: flex;
   justify-content: end;
   scrollbar-width: thin;
   visibility: hidden;
   transition: var(--transition);
}
.angle-modal__content {
   position: static;
   top: 0;
   background-color: white;
   padding: 30px;
   max-width: 775px;
   width: 100%;
   height: max-content;
   transform: translateY(20px);
   transition: all var(--transition);
}
.angle-modal.show-modal {
   opacity: 1;
   z-index: 9999;
   visibility: visible;
}
.angle-modal.show-modal .angle-modal__content {
   transform: translateY(0);
}
.angle-modal__title {
   margin-bottom: 40px;
   color: #33363f;
}
.angle-modal__dropdown {
   border: 1px solid #eeeeee;
   color: all var(--tertiary-color);
   padding: 20px 30px;
   transition: var(--transition);
   row-gap: 30px !important;
   display: flex;
   flex-direction: column;
}
.angle-modal__dropdowns {
   user-select: none;
}
.angle-modal__dropdown.open {
   transition: all var(--transition);
   padding: 20px 30px;
   box-shadow: 0 3px 30px 0 rgba(146, 146, 146, 0.25);
   user-select: none;
   row-gap: 30px !important;
}
.angle-modal__dropdown .dropdown__description-wrapper {
   opacity: 0;
   visibility: hidden;
   transition: var(--transition);
   display: none;
}
.angle-modal__dropdown.open .dropdown__description-wrapper:not(.child),
.angle-modal__dropdown-item.open .dropdown__description-wrapper.child {
   opacity: 1;
   visibility: visible;
   transition: var(--transition);
   display: block;
}
.angle-modal__dropdown-item.open .dropdown__head {
   background-color: var(--secondary-color);
   color: #ffffff;
}
.angle-modal__dropdown-item .dropdown__head::after {
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.angle-modal__dropdown-item .dropdown__head span {
   width: 100%;
   text-align: center;
   width: 100%;
}
.angle-modal__dropdown-item.open .dropdown__head span {
   color: #ffffff !important;
}

.angle-modal__dropdown.open .dropdown__head span {
   font-weight: 400;
   color: #6a6b6d;
}
.angle-modal__dropdown .dropdown__head svg {
   transform: rotate(180deg);
}
.angle-modal__dropdown.open .dropdown__head svg {
   transform: rotate(0);
}
.angle-modal__dropdown.open .dropdown__head svg > path {
   stroke: var(--tertiary-color);
}
.angle-modal__dropdown.open .dropdown__description-wrapper,
.angle-modal__dropdown .dropdown__description-wrapper {
   padding: 0;
   border-radius: 0;
   background-color: transparent;
   row-gap: 10px;
}
.angle-modal__dropdowns {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.angle-modal__dropdown.open .dropdown__head {
   margin-bottom: 0;
}
.angle-modal__dropdown-item {
   text-align: center;
   font-size: 18px;
   transition: var(--transition);
}
.angle-modal__dropdown-item .dropdown__head {
   transition: var(--transition);
   border: 1px solid #eeeeee;
   border-radius: 5px;
   background: #f8f8f8;
   cursor: pointer;
   padding: 20px !important;
}
.angle-modal__dropdown-item .dropdown__head span {
   text-align: center;
   display: block;
}
.angle-modal__dropdown-item .dropdown__head:hover {
   opacity: 0.8;
}
.angle-modal__dropdown-btn {
   background-color: var(--secondary-color);
   color: #ffffff;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   column-gap: 10px;
}
.angle-modal__dropdown-btn::before {
   content: "";
   position: relative;
   width: 18px;
   height: 18px;
   background: url(/wp-content/themes/landing/assets/img/icons/light.svg) center
      no-repeat;
   background-size: 100%;
}

.offices__row-link {
   color: var(--tertiary-color);
   font-size: 16px;
   position: relative;
   display: flex;
   transition: var(--transition);
   align-items: center;
   column-gap: 10px;
}
.offices__row-link::before {
   content: "";
   position: relative;
   width: 18px;
   min-width: 18px;
   transition: var(--transition);
   height: 18px;
   min-height: 18px;
   background: url(/wp-content/themes/landing/assets/img/icons/map-pin.svg)
      center no-repeat;
   background-size: 100%;
}
.offices__row-tel::before {
   background: url(/wp-content/themes/landing/assets/img/icons/call-icon.svg)
      center no-repeat;
   background-size: 100%;
}
.angle-modal__dropdown-content {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
   margin-top: 16px;
}
.angle-modal__dropdown-partner-info {
   display: flex;
   flex-direction: column;
   justify-content: center;
   row-gap: 10px;
}
.angle-modal__dropdown-partner-name {
   color: var(--tertiary-color);
   text-align: center;
   font-size: 16px;
}
.angle-modal__dropdown-partner-logo img {
   width: 30px;
   height: 30px;
}
.angle-modal__dropdown-addition-title {
   font-size: 22px;
   font-weight: 600;
   color: #33363f;
}
.angle-modal__dropdown-content-contacts {
   display: flex;
   flex-direction: column;
   align-items: center;
   row-gap: 20px;
}

.angle-modal__dropdown-content-contacts a {
   color: var(--tertiary-color);
   font-size: 16px;
   position: relative;
   display: flex;
   transition: var(--transition);
   align-items: center;
   column-gap: 10px;
}
.angle-modal__dropdown-content-contacts a::before {
   content: "";
   position: relative;
   width: 18px;
   min-width: 18px;
   transition: var(--transition);
   height: 18px;
   min-height: 18px;
   background: url(/wp-content/themes/landing/assets/img/icons/map-pin.svg)
      center no-repeat;
   background-size: 100%;
}
.angle-modal__dropdown-content-tel::before {
   background: url(/wp-content/themes/landing/assets/img/icons/call-icon.svg)
      center no-repeat !important;
   background-size: 100%;
}
.angle-modal__dropdown-content-contacts a > span {
   color: var(--secondary-color);
   font-weight: 600;
   font-size: 18px;
}
.angle-modal__dropdown-content-note {
   text-align: center;
   color: var(--tertiary-color);
   font-size: 14px;
}
.angle-modal__content .close-button {
   top: 24.5px;
   right: 24.5px;
}
.angle-modal__dropdowns .dropdown__description {
   row-gap: 0;
   row-gap: 10px;
}
.angle-modal__dropdown.open .dropdown__description {
   row-gap: 16px;
}
.angle-modal__dropdown .dropdown__head span {
   color: var(--tertiary-color);
}
.angle-second-modal.show-modal {
   z-index: 9999999;
}
/* Страницы Новости, Новость, Полезные материалы и внутренняя страница, 404 */
.useful-materials {
   padding-bottom: 80px;
}
.useful-materials__content {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}
.useful-materials__card {
   background-color: #f8f8f8;
   border: 1px solid #eeeeee;
   transition: var(--transition);
}
.useful-materials__card:hover {
   transform: translateY(-5px);
}
.usefull__slide-publishing-date {
   color: var(--tertiary-color);
   font-size: 14px;
   font-weight: 400;
   display: block;
   margin-bottom: 10px;
}
.load-more-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 10px;
}
.load-more-btn {
   padding: 20px 40px;
   border-radius: 5px;
   font-weight: 400;
   font-size: 16px;
}
/* Полезный материал  (статья)*/
.article {
   padding-bottom: 80px;
}

.article__content {
   display: flex;
   flex-direction: column;
   row-gap: 50px;
}
.article__row {
   display: flex;
   column-gap: 40px;
   height: max-content;
}
.article__row.row-reverse {
   flex-direction: row-reverse;
}
.article__col {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.article__row.row-center .article__text,
.article__row.row-reverse-center .article__text {
   display: flex;
   flex-direction: column;
   row-gap: 50px;
   justify-content: center;
   align-items: center;
}
.article__row.row-100 .article__text {
   flex-basis: 100%;
}
.article__row.row-reverse-center {
   flex-direction: row-reverse;
}
.article__text-part {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.article__text p {
   margin-bottom: 10px;
}
.article__text {
   flex-basis: 50%;
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.article__tags {
   display: flex;
   column-gap: 30px;
   align-items: center;
}
.article__tag {
   padding: 10px 15px;
   background: var(--secondary-color);
   color: #ffffff !important;
   border-radius: 5px;
   font-size: 18px;
}
.article__date {
   color: var(--tertiary-color);
   font-size: 14px;
}
.article__text p,
.article__text li {
   font-size: 20px;
}
.article__text h3 {
   font-size: 22px;
   line-height: 120%;
   font-weight: 600;
   color: #000000;
}

.article__text table > tbody > tr {
   display: flex;
   justify-content: space-between;
   column-gap: 40px;
   align-items: center;
   height: max-content !important;
}
.article__text table > tbody > tr > td:has(img) {
   overflow: hidden;
   border-radius: 10px;
}
.article__text table > tbody > tr > td:has(img) img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.article__text table > tbody > tr > td:has(h3) {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}
.article__text table {
   margin: 20px 0;
}
.article__text table img {
   min-height: 240px;
   object-fit: cover;
}
h3.article__text-title.article-title + .article__paragraph {
   font-size: 20px;
}

.article__text h3:empty,
.article__text p:empty {
   display: none;
}
.delete-margin-table {
   margin-bottom: 0px !important;
}
.article__paragraph {
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
.article__text p {
   color: var(--tertiary-color);
   font-size: 20px;
   line-height: 120%;
}
.article__text ul {
   list-style-type: disc;
   margin-left: 30px;
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
.article__text ol {
   list-style-type: decimal;
   margin-left: 30px;
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
strong {
   font-weight: 600;
   color: #33363f;
}
em {
   font-style: italic;
}
.article__text {
   color: var(--tertiary-color);
   font-size: 20px;
   line-height: 120%;
}
.article__text h3,
.article__text h2,
.article__text h1,
.article__text h4,
.article__text h5,
.article__text h6 {
   color: #000000;
}
.article__img {
   max-width: 740px;
   border-radius: 10px;
   max-height: 440px;
   display: flex;
   overflow: hidden;
   flex-direction: column;
   width: 50%;
   min-height: 440px;
}
.article__img img {
   width: 100%;
   height: 100% !important;
   object-fit: cover;
   flex-grow: 1;
}
/* Модалка успешной отправки */
.success-sent-modal__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.success-sent-modal__body h3 {
   font-size: 30px;
   font-weight: 600;
   text-align: center;
}

.success-sent-modal__body p {
   font-size: 24px;
   text-align: center;
   color: #808080;
   font-weight: 400;
}

.success-sent-modal__btns .btn {
   position: relative;
   width: max-content;
   text-transform: capitalize;
   padding: 20px 70px;
   top: 0;
   left: 0;
}
.success-sent-modal__btns {
   display: flex;
   justify-content: end;
}
.header__number span {
   font-size: 16px;
   color: #808080;
}
.intro__detail-info {
   position: absolute;
   top: 26%;
   right: 0;
   display: flex;
   column-gap: 10px;
   padding: 6px 8px;
   align-items: center;
   background-color: rgb(0, 0, 0, 0.34);
   border-radius: 5px;
   color: #ffffff;
}
.intro__detail-info-icon {
   animation: neon-icon-rotation 2s linear infinite;
   display: flex;
}
@keyframes neon-icon-rotation {
   from {
      transform: rotate(0);
   }
   to {
      transform: rotate(360deg);
   }
}

/* FAQ */
.faq__question {
   position: relative;
   height: max-content;
}
.faq__question .dropdown__description-wrapper {
   opacity: 0;
   visibility: hidden;
   transition: var(--transition);
   padding: 0;
   margin: 0;
   display: none;
   margin-top: 10px;
}

.faq__question.open .dropdown__description-wrapper {
   opacity: 1;
   visibility: visible;
   transition: var(--transition);
   height: max-content;
   display: block;
}
.faq__question-img {
   user-select: none !important;
}
.faq__question.open .faq__question-img {
   transform: translateX(5px) rotate(90deg);
   transition: var(--transition);
   border-color: var(--secondary-color);
}
.faq__question .dropdown__description {
   font-size: 16px;
}
.faq__question.open span {
   color: var(--secondary-color);
   font-weight: 600;
}

/* 404 */
.error-header {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 0;
}
.error-404 {
   width: 100%;
   height: 100vh;
}
.error-404__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
}
.error-404__img-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-basis: 48%;
}
.error-404__img-box span {
   font-size: 30px;
   text-align: center;
}
.error-404__text-box {
   flex-basis: 48%;
   margin-top: 100px;
}
.error-404__text-box h4 {
   font-size: 40px;
   font-weight: 400;
   line-height: 120%;
}
.to-home-btn {
   padding: 15px 20px;
   border-radius: 5px;
   color: var(--secondary-color);
   color: #ffffff;
   text-align: center;
   display: block;
   margin-top: 40px;
   width: max-content;
}

/* Форма оформления полиса по фотографии */
.fast-form__header {
   display: flex;
   column-gap: 40px;
}
.fast-form__header h4 {
   font-weight: 600;
   font-size: 20px;
}
.fast-form__header .title-tooltip {
   margin: 0;
}
.fast-form__header .tooltip {
   top: 0;
}

.fast-form__header .tooltiptext {
   color: #33363f;
}
.fast-form__custom-fileloader {
   color: #ffffff;
   padding: 20px;
   width: 240px;
   display: flex;
   cursor: pointer;
   position: relative;
   align-items: center;
   font-size: 18px;
   justify-content: center;
   border-radius: 5px;
   column-gap: 10px;
   background-color: var(--secondary-color);
}

.fast-form__file-upload {
   display: flex;
   align-items: center;
   column-gap: 20px;
}
.fast-form__custom-fileloader::before {
   content: "";
   width: 18px;
   height: 18px;
   display: block;
   background: url(/wp-content/themes/landing/assets/img/icons/upload.svg);
}
.fast-form__file-name {
   font-size: 20px;
   color: #808080;
}
#file-input {
   opacity: 0;
   visibility: hidden;
   position: absolute;
}
.fast-form__content,
.fast-form__contacts {
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}
.fast-form__contacts {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   transition: var(--transition);
}
.fast-form__contacts.active {
   position: relative;
   opacity: 1;
   visibility: visible;
}
.calculator__driver-box {
   display: flex;
   flex-direction: column;
   row-gap: 50px;
}

.intro__navigation .intro__navigation-list {
   /* scrollbar-width: thin; Для Firefox */
}

.intro__navigation .intro__navigation-list::-webkit-scrollbar-track {
   background: #eee !important; /* Цвет трека */
   border-radius: 10px !important; /* Скругление трека */
}

.intro__navigation .intro__navigation-list::-webkit-scrollbar-thumb {
   background-color: #666 !important; /* Цвет ползунка */
   border-radius: 10px !important; /* Скругление ползунка */
   border: 2px solid #eee !important; /* Отступ вокруг ползунка */
}
.calculator__input-dropdown:empty {
   position: absolute;
   visibility: hidden;
   opacity: 0;
   display: none;
   z-index: -9999;
}

button[type="submit"] {
    position: relative;
    min-width: 160px;
    min-height: 60px;
}
button[type="submit"]::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2.5px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 0.5s linear infinite;
    display: none;
}

@keyframes rotation {
    0% {
       transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
       transform: translate(-50%, -50%) rotate(360deg);
    }
 }
 button[type="submit"].loading::before {
    pointer-events: none !important;
    cursor: not-allowed;
    display: inline-block;
   
 }

 @media (max-width: 499px) {
    button[type="submit"].loading {
        width: 150px;
        height: 50px;
     }
 }

 .footer__bottom-info--last-agreement * {
    font-size: 12px;
    color: var(--tertiary-color);
}
.footer__bottom-info--last-agreement a {
    color: var(--secondary-color);
}
.intro__navigation .intro__navigation-list > li:hover > a:first-child {
	background: var(--secondary-color);
	color: #fff;
}
.static-intro .intro__navigation .intro__navigation-list > li:hover > a:first-child:not(.active) {
    border: 1px solid var(--secondary-color) !important;

}
.hidden {
   display: none;
}
#e-electro-osago .title-tooltip {
    justify-content: center;
}