:root {
  --custom-blue: #2119B0;
  --custom-blue-2: #554DD8;
}

.main__header--inner {
  height: 80px;
}
.main__logo--link img {
  height: 70px;
}
.swiper-slide-active .hero__slider--thumbnail__img {
  height: 400px;
  box-shadow: 20px 20px 30px -10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.breadcrumb__content--menu__items .text__secondary {
  color: var(--custom-blue);
}
.breadcrumb__content--menu__items::before {
  background: var(--custom-blue);
}
.breadcrumb__content--menu__items a:hover {
  color: var(--custom-blue);
}
.breadcrumb__content--title {
  margin-bottom: 3rem;
}
.simple-content h1 {
  margin-bottom: 2rem;
}
.simple-content h1.no-margin {
  margin-bottom: 0;
}
.simple-content h2 {
  font-size: 2.5rem;
  line-height: 110%;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.simple-content p {
  text-align: justify;
  margin-bottom: 1.5rem;
  line-height: 130%;
}
.simple-content a {
  color: var(--custom-blue);
}
.simple-content a:hover {
  color: var(--secondary-color);
}
.simple-content .contact-info p {
  margin-bottom: .5rem;
}
.simple-content ul {
  color: var(--text-gray-color);
  padding-left: 2em;
  margin-bottom: 1.5rem;
}
.simple-content ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: .5rem;
  line-height: 130%;
}
.simple-content ul li::before {
  content: "-";
  position: absolute;
  left: 0;
}
.footer__widget--menu__list {
  color: var(--ofwhite-color);
  line-height: 120%;
}
.primary__btn--blue {
  background: var(--custom-blue-2);
}
.primary__btn--blue:hover {
  background: var(--custom-blue);
}
.primary__btn--gray {
  background: #aaa;
}
.slider__content--footer {
  gap: 5px;
}
.header__menu-info {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header__contacts-wrapper {
  display: flex;
  gap: 15px;
  color: #fff;
  font-size: 13px;
  line-height: 100%;
}
.header__contacts-item a {
  display: flex;
  gap: 6px;
  align-items: center;
}
.header__contacts-item i {
  font-size: 20px;
}
.footer__widget--menu__list-contacts {
  display: flex;
  gap: 15px;
}
.footer__widget--menu__list-contacts a {
  display: flex;
  gap: 6px;
  align-items: center;
  line-height: 30px;
}
.footer__widget--menu__list-contacts {
  margin-top: 15px;
}
.footer__widget--menu__list-contacts i {
  font-size: 30px;
}
.cookie {
   display: none;
   position: fixed;
   z-index: 999;
   flex-direction: column;
   padding: 16px;
   width: 720px;
   max-width: 96%;
   left: 50%;
   transform: translateX(-50%);
   bottom: 32px;
   background: #FFFFFF;
   box-shadow: 0px 181px 73px rgba(0, 0, 0, 0.01), 0px 102px 61px rgba(0, 0, 0, 0.05), 0px 45px 45px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}
.showflex {
   display: flex;
}
.cookie__settings {
   transform: scaleY(0);
   transform-origin: bottom;
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: var(--transition);
}
.cookie__settings.active {
   max-height: 1000px;
   transform: scaleY(1);
   opacity: 1;
   margin-bottom: 10px;
}
.cookie__settings-wrapper {
   display: flex;
   gap: 15px;
}
.cookie__settings-item label {
   display: flex;
   gap: 8px;
   align-items: center;
}
.cookie__settings-item-content {
   display: flex;
   flex-direction: column;
}
.cookie__settings-item-description {
   color: var(--text-gray-color);
}
.cookie__settings-item-description a {
   color: var(--custom-blue);
}
.cookie__settings-item-description a:hover {
   text-decoration: underline;
}
.cookie__wrapper {
   display: flex;
   gap: 10px;
   flex-direction: column;
}
.cookie__content a {
   color: var(--custom-blue);
   display: inline;
}
.cookie__content a:hover {
   text-decoration: underline;
}
.cookie__buttons-wrapper, .cookie__buttons-wrapper-settings {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
}
.cookie__settings-item input {
   margin: 0;
   width: 0;
   height: 0;
   display: flex;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.cookie__settings-item input + label:before {
   content: "";
   display: inline-block;
   vertical-align: top;
   height: 24px;
   width: 24px;
   min-width: 24px;
   color: rgba(0, 0, 0, 0.275);
   border: solid 0.06em var(--custom-blue);
   border-radius: 4px;
   background: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.40705 7.3125L11.4696 0.25C11.6362 0.0833335 11.8307 0 12.0529 0C12.2751 0 12.4696 0.0833335 12.6362 0.25C12.8029 0.416667 12.8862 0.614722 12.8862 0.844167C12.8862 1.07361 12.8029 1.27139 12.6362 1.4375L4.99038 9.10417C4.82372 9.27083 4.62927 9.35417 4.40705 9.35417C4.18483 9.35417 3.99039 9.27083 3.82372 9.10417L0.240385 5.52083C0.073718 5.35417 -0.00628205 5.15639 0.000384615 4.9275C0.00705128 4.69861 0.0939955 4.50056 0.261218 4.33333C0.42844 4.16611 0.626496 4.08278 0.855385 4.08333C1.08427 4.08389 1.28205 4.16722 1.44872 4.33333L4.40705 7.3125Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
   background-size: 0;
   will-change: color, border, background, background-size, box-shadow;
   transform: translate3d(0, 0, 0);
   transition:
      color 0.1s,
      border 0.1s,
      background 0.15s,
      box-shadow 0.1s;
}
.cookie__settings-item input:enabled:active + label:before,
.cookie__settings-item input:enabled + label:active:before {
   background-color: var(--custom-blue);
}
.cookie__settings-item input:checked + label:before {
   background-color: var(--custom-blue);
   background-size: 14px;
   /*background-position-x: 2px;*/
   color: rgba(0, 0, 0, 0.075);
}
.cookie__settings-item input:checked:enabled:active + label:before,
.cookie__settings-item input:checked:enabled + label:active:before {
   background-color: var(--main-grey);
   color: rgba(0, 0, 0, 0.275);
}
.cookie__settings-item input:disabled + label:before {
   opacity: 0.5;
}
.cookie__settings-item input + label {
   -webkit-user-select: none;
   user-select: none;
}
.header__contact--info__list a {
  display: flex;
  gap: 5px;
  align-items: center;
}
.contact__info {
  background: var(--custom-blue-2);
}
.contact__info--items__inner {
  align-items: center;
  gap: 5px;
}
.contact__info--items__inner .contact__info--icon {
  font-size: 3rem;
  padding-top: 0.2rem;
}
.contact__info--content__title {
  color: #fff;
}
.contact__info--content__desc {
  font-size: 2rem;
  color: #fff;
}
.contact__info--items__inner {
  color: #fff;
}
a.contact__info--items__inner * {
  transition: var(--transition);
}
a.contact__info--items__inner:hover * {
  color: var(--secondary-color);
}
.contact__form--privacy {
  margin-bottom: 1rem;
}
.contact__form--privacy input {
   margin: 0;
   width: 0;
   height: 0;
   display: flex;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.contact__form--privacy input + label:before {
   content: "";
   display: inline-block;
   vertical-align: top;
   height: 20px;
   width: 20px;
   min-width: 20px;
   color: rgba(0, 0, 0, 0.275);
   border: solid 0.06em var(--custom-blue);
   border-radius: 4px;
   background: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.40705 7.3125L11.4696 0.25C11.6362 0.0833335 11.8307 0 12.0529 0C12.2751 0 12.4696 0.0833335 12.6362 0.25C12.8029 0.416667 12.8862 0.614722 12.8862 0.844167C12.8862 1.07361 12.8029 1.27139 12.6362 1.4375L4.99038 9.10417C4.82372 9.27083 4.62927 9.35417 4.40705 9.35417C4.18483 9.35417 3.99039 9.27083 3.82372 9.10417L0.240385 5.52083C0.073718 5.35417 -0.00628205 5.15639 0.000384615 4.9275C0.00705128 4.69861 0.0939955 4.50056 0.261218 4.33333C0.42844 4.16611 0.626496 4.08278 0.855385 4.08333C1.08427 4.08389 1.28205 4.16722 1.44872 4.33333L4.40705 7.3125Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
   background-size: 0;
   will-change: color, border, background, background-size, box-shadow;
   transform: translate3d(0, 0, 0);
   transition:
      color 0.1s,
      border 0.1s,
      background 0.15s,
      box-shadow 0.1s;
}
.contact__form--privacy input:enabled:active + label:before,
.contact__form--privacy input:enabled + label:active:before {
   background-color: var(--custom-blue);
}
.contact__form--privacy input:checked + label:before {
   background-color: var(--custom-blue);
   background-size: 14px;
   /*background-position-x: 2px;*/
   color: rgba(0, 0, 0, 0.075);
}
.contact__form--privacy input:checked:enabled:active + label:before,
.contact__form--privacy input:checked:enabled + label:active:before {
   background-color: var(--main-grey);
   color: rgba(0, 0, 0, 0.275);
}
.contact__form--privacy input:disabled + label:before {
   opacity: 0.5;
}
.contact__form--privacy input + label {
   -webkit-user-select: none;
   user-select: none;
}
.contact__form--privacy label {
  display: flex;
  gap: 8px;
  line-height: 120%;
}
.contact__form--privacy label a {
  display: inline;
  color: var(--custom-blue);
}
.contact__form--privacy label a:hover {
  text-decoration: underline;
}
.contact__form--textarea {
  height: 106px !important;
}
.contact__form {
  padding: 2rem 3rem 3rem;
}
.prices__section h2 {
  margin-bottom: 15px;
}
.prices__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.prices__item-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
}
.prices__item-info {
  min-width: 430px;
}
.prices__item-info ol, .prices__notes ol {
  margin-bottom: 0;
}
.prices__item-info ol li, .prices__notes ol li {
  list-style: decimal;
  font-size: 2rem;
  line-height: 110%;
}
.prices__item-info ol li:not(:last-child), .prices__notes ol li:not(:last-child) {
  margin-bottom: 10px;
}
.prices__item-info strong {
  white-space: nowrap;
}
.prices__item-fullprice {
  font-weight: 600;
  font-size: 4rem;
  line-height: 120%;
}
.prices__item-fullprice span {
  display: none;
}
.prices__item-symbol {
  height: 150px;
  width: 45px;
}
.prices__item-symbol::before {
  content: '';
  height: 100%;
  width: 100%;
  display: block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='199.99863' height='666.66669' viewBox='0 0 5.9999588 20.000001' fill='none' version='1.1' id='svg1' sodipodi:docname='123.svg' inkscape:version='1.4 (86a8ad7, 2024-10-11)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='1.00875' inkscape:cx='99.13259' inkscape:cy='333.58116' inkscape:window-width='1920' inkscape:window-height='1009' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg1' /%3E%3Cpath d='m 1,19 c 1.1046,0 2,-0.8954 2,-2 v -3.6745 c 0,-0.4892 0,-0.7338 0.0553,-0.964 0.049,-0.204 0.1298,-0.3991 0.2394,-0.5781 0.1237,-0.2018 0.2967,-0.3748 0.6426,-0.7207 L 5,10 3.9373,8.9373 C 3.5914,8.5914 3.4184,8.4184 3.2947,8.2166 3.1851,8.0376 3.1043,7.84254 3.0553,7.63846 3,7.40829 3,7.1637 3,6.67452 V 3 C 3,1.89543 2.1046,1 1,1' stroke='%23000000' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' id='path1' /%3E%3C/svg%3E%0A");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.prices__item-symbol--small::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='199.99863' height='666.66669' viewBox='0 0 5.9999588 20.000001' fill='none' version='1.1' id='svg1' sodipodi:docname='123.svg' inkscape:version='1.4 (86a8ad7, 2024-10-11)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='1.00875' inkscape:cx='99.13259' inkscape:cy='333.58116' inkscape:window-width='1920' inkscape:window-height='1009' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg1' /%3E%3Cpath d='m 1,19 c 1.1046,0 2,-0.8954 2,-2 v -3.6745 c 0,-0.4892 0,-0.7338 0.0553,-0.964 0.049,-0.204 0.1298,-0.3991 0.2394,-0.5781 0.1237,-0.2018 0.2967,-0.3748 0.6426,-0.7207 L 5,10 3.9373,8.9373 C 3.5914,8.5914 3.4184,8.4184 3.2947,8.2166 3.1851,8.0376 3.1043,7.84254 3.0553,7.63846 3,7.40829 3,7.1637 3,6.67452 V 3 C 3,1.89543 2.1046,1 1,1' stroke='%23000000' stroke-width='0.4' stroke-linecap='round' stroke-linejoin='round' id='path1' /%3E%3C/svg%3E%0A");
}
.prices__notes {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #ccc;
}
.prices__item h2 {
  font-size: 2.5rem;
  line-height: 3rem;
}
.offcanvas__menu-info {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 10px;
  padding-inline: 20px;
}
.offcanvas__menu-info-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.offcanvas__menu-info-phone {
  display: flex;
  align-items: center;
  gap: 8px;
}
.offcanvas__menu-info-phone i::before {
  font-size: 2rem;
}
.popup {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #11111133;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: -10;
}
.popup.is-active {
  opacity: 1;
  z-index: 999;
}
.popup__content-wrapper {
  transform: translateY(-100%);
  max-width: calc(100% - 32px);
  width: 518px;
  padding: 32px;
  background: #fff;
  opacity: 0;
  box-sizing: border-box;
  transition: var(--transition);
}
.popup.is-active .popup__content-wrapper {
  transform: translateY(0);
  opacity: 1;
}
.popup__header {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: normal;
    margin-bottom: 15px;
}
.popup__close::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6_583)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z' fill='%232A2A2A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6_583'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6_583)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z' fill='%232A2A2A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6_583'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-color: var(--primary-color);
    transition: var(--transition);
}
.popup__close:hover::before {
  background: var(--secondary-color);
}
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  font-size: 1.7em;
}
body div:where(.swal2-container) div:where(.swal2-html-container) {
  font-size: 1.7em;
}
body div:where(.swal2-container).swal2-center > .swal2-popup {
  width: 400px;
  max-width: 96%;
}
body div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 3em;
}
.works__wrapper {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(4, 1fr);
}
.works__item {
  height: 400px;
  overflow: hidden;
}
.works__item img {
  object-fit: cover;
  border: 2px solid transparent;
  transition: var(--transition);
  height: 100%;
  width: 100%;
}
.works__item:hover img {
  border-color: var(--custom-blue);
}
.how-work__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.how-work__item {
  flex-basis: calc((100% - 40px) / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 30px;
  background: #fff;
  border: 2px solid transparent;
  transition: var(--transition);
}
.how-work__item:hover {
  border-color: var(--secondary-color);
}
.how-work__number {
  font-size: 60px;
  line-height: 100%;
}
.how-work__icon {
  font-size: 60px;
  color: var(--custom-blue);
}
.how-work__title {
  font-size: 24px;
  text-align: center;
}


@media (max-width: 1200px) {

}
@media (max-width: 991px) {
  .simple-content h2 {
    font-size: 2.5rem;
  }
  .header__topbar {
    display: none;
  }
  .works__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .works__item {
    height: 300px;
  }
  .how-work__item {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .simple-content h2 {
    font-size: 2rem;
  }
  .simple-content ul {
    padding-left: 1em;
  }
  .prices__item h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .prices__item-fullprice {
    font-size: 2.5rem;
  }
  .prices__item-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .prices__wrapper {
    gap: 15px;
  }
  .prices__item:not(:first-child) {
    padding-top: 15px;
    border-top: 1px solid #ccc;
  }
  .prices__item-symbol {
    display: none;
  }
  .prices__item-fullprice span {
    display: inline;
  }
  .how-work__item {
    padding: 15px;
  }
  .how-work__title {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .simple-content h2 {
    font-size: 1.8rem;
  }
  .cookie__buttons-wrapper {
    flex-direction: column-reverse;
  }
  .prices__item h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .prices__item-info ol li, .prices__notes ol li {
    font-size: 1.5rem;
  }
  .header__menu-info-item.primary__btn {
    display: none;
  }
  .contact__form {
    padding: 1.5rem 1.5rem 2rem;
  }
  .main__logo--link img {
    height: 60px;
  }
  .works__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .works__item {
    height: 250px;
  }
  .how-work__item {
    flex-basis: 100%;
  }
}