* {
   font-family: 'SF Pro Text', sans-serif;
   margin: 0;
   padding: 0;
 }
 
 html {
   scroll-behavior: smooth;
 }
 
 h1, h2, h3, h4, h5, h6, p {
   padding: 0;
   margin: 0;
 }
 
 a {
   text-decoration: none;
 }
 
 a:hover {
   text-decoration: none;
 }
 
 button {
   outline: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
 }
 
 :hover {
   transition: 0.3s;
 }
 
 :root {
   --main-color: #007AFF;
   --main-hover: #0070e8;
   --main2-color: #35B535;
   --main2-hover: #30a430;
   --white: #fff;
   --black: #000;
   --text1: #222222;
   --text1-hover: #414141;
 }
 
 ::-webkit-scrollbar {
   width: 8px;
 }
 
 ::-webkit-scrollbar-track {
   border-radius: 10px;
 }
  
 ::-webkit-scrollbar-thumb {
   background: var(--main-color); 
   border-radius: 10px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
   background: var(--main-hover); 
 }
 
 @media (max-width: 500px) {
   ::-webkit-scrollbar {
     width: 5px;
   }
 }
 
 /* Container */
 
 .container,
 .container-fluid,
 .container-xxl,
 .container-xl,
 .container-lg,
 .container-md,
 .container-sm {
   width: 100%;
   padding-top: 0;
   padding-bottom: 0;
   padding-right: calc(1.5rem * 0.5);
   padding-left: calc(1.5rem * 0.5);
   margin-right: auto;
   margin-left: auto;
 }
 
 @media (min-width: 320px) {
   .container-sm, .container {
     max-width: 300px;
   }
 }
 @media (min-width: 360px) {
   .container-sm, .container {
     max-width: 320px;
   }
 }
 @media (min-width: 375px) {
   .container-sm, .container {
     max-width: 350px;
   }
 }
 @media (min-width: 390px) {
   .container-sm, .container {
     max-width: 360px;
   }
 }
 @media (min-width: 414px) {
   .container-sm, .container {
     max-width: 390px;
   }
 }
 @media (min-width: 500px) {
   .container-sm, .container {
     max-width: 450px;
   }
 }
 @media (min-width: 576px) {
   .container-sm, .container {
     max-width: 540px;
   }
 }
 @media (min-width: 768px) {
   .container-md, .container-sm, .container {
     max-width: 720px;
   }
 }
 @media (min-width: 992px) {
   .container-lg, .container-md, .container-sm, .container {
     max-width: 960px;
   }
 }
 @media (min-width: 1200px) {
   .container-xl, .container-lg, .container-md, .container-sm, .container {
     max-width: 1140px;
   }
 }
 @media (min-width: 1400px) {
   .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
     max-width: 1320px;
   }
 }

.wrapper {
   overflow: hidden;
}
 
 .lock {
   overflow: hidden;
   height: 100px;
 }
 
 /* Buttons */
 .btn-blue {
   padding: 14.5px;
   border-radius: 10px;
   background: var(--main-color);
   border: none;
   color: var(--white);
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   line-height: 21px;
   outline: none;
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 4px;
   cursor: pointer;
 }
 
 .btn-blue:hover {
   background: var(--main-hover);
 }
 
 .btn-green {
   padding: 16px 36px;
   border-radius: 10px;
   background: var(--main2-color);
   border: none;
   color: var(--white);
     font-family: "SF Pro Display";
   font-style: normal;
   font-weight: 500;
   font-size: 17px;
   line-height: 24px;
   outline: none;
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 4px;
   cursor: pointer;
   text-align: center;
 }
 
 .btn-green:hover {
   background: var(--main2-hover);
   color: var(--white);
 }
 
 .btn-aqua {
   padding: 14.5px;
   border-radius: 10px;
   background: rgba(0, 122, 255, 0.1);
   border: none;
   color: var(--main-color);
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   line-height: 21px;
   outline: none;
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 4px;
   cursor: pointer;
 }
 
 .btn-aqua:hover {
   background: rgba(0, 123, 255, 0.226);
 }
 
 .btn-border-green {
   font-family: "SF Pro Display";
   font-style: normal;
   font-weight: 500;
   font-size: 17px;
   line-height: 24px;
   outline: none;
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 4px;
   cursor: pointer;
   padding: 16px 36px;
   border-radius: 10px;
   background: none;
   border: 1.5px solid var(--main2-color);
   /*border: 1.5px solid var(--white);*/
   color: var(--text1);
   /*color: var(--white);*/
 }
 
 .btn-border-green:hover {
   border: 1.5px solid var(--main2-hover);
   color: var(--text1);
 }
 
 @media (max-width: 500px) {
   .btn-blue {
     font-size: 16px;
   }
 
   .btn-green,
   .btn-border-green {
     font-size: 15px;
   }
 }
 
 /* Text */
 .text-blue {
   color: var(--main-color);
 }
 .text-gold {
   background: #ffd700;
   border-radius: 20px;
   width: fit-content;
   color: var(--text1);
   padding: 8px 20px;
   font-size: 20px;
   margin-bottom: 21px;
 }
 
 .text-gray {
   color: #696969;
 }
 
 .text-uppercase {
   text-transform: uppercase;
 }
 .text-initial {
   text-transform: initial;
 }
 /* Section */
 section {
   padding: 60px 0;
   position: relative;
 }
 
 .section__header {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
 }
 
 .section__title {
     font-family: "SF Pro Display";
   font-style: normal;
   font-weight: 700;
   font-size: 30px;
   line-height: 135%;
   color: var(--black);
   text-transform: uppercase;
   text-align: center;
   user-select: none;
 }

 .section__title .text-blue {
     font-family: "SF Pro Display";
 }
 
 .section__subtitle {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 135%;
   text-align: center;
   user-select: none;
 }
 
 @media (max-width: 500px) {
   section {
     padding: 30px 0;
   }
   .section__title {
     font-size: 26px;
   }
   .section__subtitle {
     font-size: 13px;
   }
 }
 
 /* page */
 .page__header {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 30px;
 }
 
 .page__title {
     font-family: "SF Pro Display";
   font-style: normal;
   font-weight: 700;
   font-size: 26px;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 20px;
   text-align: center;
 }
 
 .page__subtitle {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 135%;
   color: var(--text1);
   text-align: center;
 }
 
 /* Swiper */
 .swiper {
   width: 100%;
   height: 100%;
 }
 
 .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
 
   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
 }
 
 .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 
 /* Accordion */
 .accordion {
   --bs-accordion-color: var(--bs-body-color);
   --bs-accordion-bg: #fff;
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--bs-border-color);
   --bs-accordion-border-width: 1px;
   --bs-accordion-border-radius: 0.375rem;
   --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
   --bs-accordion-btn-padding-x: 1.25rem;
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-border-color: #86b7fe;
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
   --bs-accordion-active-color: #0c63e4;
   --bs-accordion-active-bg: #e7f1ff;
 }
 
 .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
   font-size: 1rem;
   color: var(--bs-accordion-btn-color);
   text-align: left;
   background-color: var(--bs-accordion-btn-bg);
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: var(--bs-accordion-transition);
 }
 @media (prefers-reduced-motion: reduce) {
   .accordion-button {
     transition: none;
   }
 }
 .accordion-button:not(.collapsed) {
   color: var(--bs-accordion-active-color);
   background-color: var(--bs-accordion-active-bg);
   box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
 }
 .accordion-button:not(.collapsed)::after {
   background-image: var(--bs-accordion-btn-active-icon);
   transform: var(--bs-accordion-btn-icon-transform);
 }
 .accordion-button::after {
   flex-shrink: 0;
   width: var(--bs-accordion-btn-icon-width);
   height: var(--bs-accordion-btn-icon-width);
   margin-left: auto;
   content: "";
   background-image: var(--bs-accordion-btn-icon);
   background-repeat: no-repeat;
   background-size: var(--bs-accordion-btn-icon-width);
   transition: var(--bs-accordion-btn-icon-transition);
 }
 @media (prefers-reduced-motion: reduce) {
   .accordion-button::after {
     transition: none;
   }
 }
 .accordion-button:hover {
   z-index: 2;
 }
 .accordion-button:focus {
   z-index: 3;
   border-color: var(--bs-accordion-btn-focus-border-color);
   outline: 0;
   box-shadow: var(--bs-accordion-btn-focus-box-shadow);
 }
 
 .accordion-header {
   margin-bottom: 0;
 }
 
 .accordion-item {
   color: var(--bs-accordion-color);
   background-color: var(--bs-accordion-bg);
   border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
 }
 .accordion-item:first-of-type {
   border-top-left-radius: var(--bs-accordion-border-radius);
   border-top-right-radius: var(--bs-accordion-border-radius);
 }
 .accordion-item:first-of-type .accordion-button {
   border-top-left-radius: var(--bs-accordion-inner-border-radius);
   border-top-right-radius: var(--bs-accordion-inner-border-radius);
 }
 .accordion-item:not(:first-of-type) {
   border-top: 0;
 }
 .accordion-item:last-of-type {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
 .accordion-item:last-of-type .accordion-button.collapsed {
   border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
   border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
 }
 .accordion-item:last-of-type .accordion-collapse {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
 
 .accordion-body {
   padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
 }
 
 .accordion-flush .accordion-collapse {
   border-width: 0;
 }
 .accordion-flush .accordion-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
 }
 .accordion-flush .accordion-item:first-child {
   border-top: 0;
 }
 .accordion-flush .accordion-item:last-child {
   border-bottom: 0;
 }
 .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
   border-radius: 0;
 }
 
 
 /* page search */
 .page__search-form {
   width:auto;
   background: #F5F5F5;
   border: none;
   box-shadow: 0px 0px 0px 1px #dce1e661;
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding: 12px;
   text-transform: lowercase;
 }
 
 .page__search-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: none;
   border: none;
 }
 
 .page__search-input {
   font-style: normal;
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
   background: none;
   border: none;
   outline: none;
   width: 100%;
 }
 
 
 .text-link-underline1 {
   color: var(--main-color);
   text-decoration: underline;
   text-underline-offset: 5px;
 }
 .text-link-underline1:hover {
   color: #016ee3;
   text-decoration: underline;
   text-underline-offset: 5px;
 }
 
 
 .header__nav.active ~ body {
   overflow: hidden !important;
 }
 
 
 /* Checkbox */
 .checkbox {
   display: flex;
   align-items: center;
   margin: 21px 0 25px 0;
   color: #EDEDED;
   display: block;
   position: relative;
   padding: 2.5px 0 0 35px;
   cursor: pointer;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
 }
 
 .checkbox input[type="checkbox"] {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   left: 0;
 }
 
 .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 19px;
   width: 20px;
   background: none;
   border-radius: 3px;
   border: 1px solid #9c9c9c;
 }
 
 .checkmark::after {
   content: "";
   position: absolute;
   display: none;
 }
 
 .checkbox input:checked ~ .checkmark {
   background-color: var(--white);
   border: 1px solid var(--white);
 }
 
 .checkbox input:checked ~ .checkmark::after {
   display: block;
 }
 
 .checkbox .checkmark::after {
   left: 5px;
   top: 2px;
   width: 8px;
   height: 8px;
   border: solid var(--main-color);
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
   border-radius: 1px;
 }
 
 @media (max-width: 500px) {
   .checkbox {
     font-size: 14px;
   }
 }
 /* Checkbox end*/
 
 /* vue-tel-input */
 .vue-tel-input {
   display: flex;
   background: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
   padding: 0;
   font-style: normal;
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
   width: 100%;
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   outline: none;
   margin-bottom: 10px;
   /* flex-direction: row-reverse; */
 }
 
 .vue-tel-input:focus-within {
   box-shadow: none !important;
   border-color: none !important;
 }
 
 .vti__input {
   background: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 0px !important;
   font-style: normal;
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
   width: 100%;
   border-top: none;
   border-left: none;
   border-right: none;
   outline: none;
 }
 
 .vue-tel-input.inputPhoneQuestion {
   border-bottom: 1px solid #4e9bee !important;
 }
 
 .vue-tel-input.inputPhoneQuestion .vti__input
  {
   width: 100%;
   background: none;
   border: none;
   padding: 12px 0;
   outline: none;
   font-size: 13px;
   color: var(--white) !important;
 }
 
 .vue-tel-input.inputPhoneQuestion .vti__country-code,
 .vue-tel-input.inputPhoneQuestion .vti__dropdown-arrow {
   color: var(--white) !important;
 }
 .vue-tel-input.inputPhoneQuestion .vti__input::placeholder {
   color: var(--white) !important;
 }
 /* vue-tel-input end */
 
 
 .snow-canvas {
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   pointer-events: none;
   opacity: 0.5;
 }
 
 .my-notification .vue-notification {
   padding: 10px 0 10px 35px;
   border: none;
   color: var(--text1);
   margin: 0;
 }
 
 .my-notification .vue-notification.error {
   background: url('../img/ic-notify-error.svg') no-repeat left;
 }
 .my-notification .vue-notification.warn {
   background: url('../img/ic-notify-warning.svg') no-repeat left;
 }
 .my-notification .vue-notification.success {
   background: url('../img/ic-notify-success.svg') no-repeat left;
 }
 
 .my-notification .vue-notification-wrapper {
   background: var(--white);
   border-radius: 8px;
   padding: 5px 15px;
   margin: 10px 0;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }
 
 .my-notification .vue-notification-template {
   padding-left: 37px;
 }
 
 
 .vue-notification-group {
   z-index: 100!important;
 }
 
 .vue-notification-template {
   z-index: 100!important;
 }
 
 .notification-content {
   color: #848E9F;
 }
 
 .m-input-wrapper {
   background: transparent !important;
   border: none !important;
 }
 
 .maz-flex-1 {
   flex: 1 1 70% !important;
 }
 
 .m-phone-number-input {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   margin-bottom: 6px !important;
 }
 
 #userPhoneId .m-input.--has-label .m-input-input,
 #userPhoneId .m-input .m-input-input,
 #userPhoneId .m-input-label,
 #userPhoneId .m-select .m-select-chevron {
   color: var(--white) !important;
 
 }
 
 .m-input.--has-label .m-input-input {
   margin: 0 !important;
   padding-bottom: 0 !important;
   border-bottom: 0 !important;
 }
 
 #userPhoneId.m-phone-number-input {
   border-bottom: 1px solid #4E9BEE;
   margin-bottom: 6px;
 }
 
 #input-tel.m-phone-number-input {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 6px;
 }
 
 @media (max-width: 500px) {
  #user_phone.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select .m-input-wrapper .m-select-input,
  #userPhoneId.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select .m-input-wrapper .m-select-input{
    padding: 1rem 0 0 1.5rem !important;
    width: 60px;
  }
  .m-phone-number-input__country-flag {
    left: 0 !important;
  }
  #user_phone.m-phone-number-input .m-input-label,
  #userPhoneId.m-phone-number-input .m-input-label {
    font-size: 0.75rem;
    left: 0rem;
  }
  #user_phone.m-phone-number-input .m-phone-number-input__select,
  #userPhoneId.m-phone-number-input .m-phone-number-input__select {
    width: 5.5rem;
  }
  .m-input.--md .m-input-input {
    font-size: 13px !important;
  }
 }
 @media (max-width: 360px) {
   .feedback__form input {
     font-size: 13px;
   }
  
 }