@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Montserrat+Alternates:wght@400;500;600;700&display=swap');

:root {
    background: #a0b0b4;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 400;
    font-size: 18px;
    @media (max-width: 640px) {
        font-size: 14px;
    }
}

a {
    text-decoration: none; /* Убрать подчеркивание */
}

/* Отдельное Модальное окно СОГЛАСИЯ с ПРАВИЛАМИ */
.popup-container-dream.rules {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 387px;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: none;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    @media (max-width: 640px) {
        width: 80%;
    }
}

.popup-container-dream.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.important-text.rules {
    color: #FF8C00;
    cursor: pointer;
    pointer-events: auto;
}


.main-button-rules {
    transition: all ease-in-out 150ms;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 23px;
    background: rgba(150, 180, 191, 1);
    border: 1px solid rgba(80, 80, 80, 1);
    box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.6) inset, -47px 11px 42.2px 0 rgba(255, 255, 255, 0.56) inset, 0 -3px 4px 0 rgba(0, 0, 0, 0.25) inset;
    height: 40.11px;
    border-radius: 19px;
    padding: 9px 14px;
    font-family: Montserrat Alternates, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    margin-top: 8px;
    margin-bottom: 19px;
    text-align: center;
    color: white;
    cursor: pointer;
    justify-content: center;
    will-change: transform;
    backface-visibility: hidden;
}

.main-button-rules.rules-btn-agree {
    opacity: 0.7;
    pointer-events: none;
}

.main-button-rules.rules-btn-agree.active {
    opacity: 1;
    pointer-events: auto;
}

.modal-dream-choice-icon.accept {
    height: 30px;
}

.help-icon.rules {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  cursor: help;
  position: absolute;
  top: -25px;
  right: 5px;
}

.option.rules {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}

.option-label.rules {
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.toggle-handle-mode.rules.offline.right {
  width: 72px;
  height: 33px;
  border-radius: 19px;
  border: 1px solid #505050;
  background: url('/static/img/customers/offline-right-thumb-background.png');
  position: relative;
  box-shadow: inset 0 0 4px rgba(80,80,80,0.8);
  cursor: pointer;
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.toggle-handle-mode.offline.rules.right.active {
  transition: all 0.7s ease;
  opacity: 1;
  visibility: visible;
  display: block;
  background: none;
}

.toggle-handle-mode.rules.offline.right  img {
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.25),
        inset 0px 1px 1px 0px rgba(255, 255, 255, 1),
        0px 0px 1.1px 0px rgba(0, 0, 0, 0.25),
        0px 0px 13.1px 0px rgba(218, 235, 241, 1);
    position: absolute;
    border-radius: 50px;
    top: 2px;
    right: 5px;
}

.toggle-handle-mode.rules.online.left {
  width: 29px;
  height: 29px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.toggle-handle-mode.rules.online.left.active {
  transition: all 0.7s ease;
  opacity: 1;
  visibility: visible;
  display: block;
}

.toggle-mode-right.rules {
  width: 72px;
  height: 33px;
  background: url('/static/img/customers/offline-right-thumb-background.png');
  border-radius: 19px;
  border: 1px solid #505050;
  position: relative;
  box-shadow: inset 0 0 4px rgba(80,80,80,0.8);
  cursor: pointer;
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.toggle-mode-right.rules.active {
  transition: all 0.7s ease;
  opacity: 1;
  visibility: visible;
  display: block;
}

.toggle-mode-left.rules {
  width: 72px;
  height: 33px;
  background: url('/static/img/customers/online-left-thumb-background.png');
  border-radius: 19px;
  border: 1px solid #505050;
  position: relative;
  box-shadow: inset 0 0 4px rgba(80,80,80,0.8);
  cursor: pointer;
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.toggle-text.rules {
  display: inline-block;
  margin-right: 0px;
}

.toggle-mode-left.rules.active {
  transition: all 0.7s ease;
  opacity: 1;
  visibility: visible;
  display: block;
}

.help-icon.rules {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  cursor: help;
  position: absolute;
  top: -25px;
  right: 5px;
}

.help-icon.rules:hover .tooltip-modal.rules {
  opacity: 1;
  visibility: visible;
}

.tooltip-modal.rules {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px;
  border-radius: 4px;
  font-size: 10px;
  width: 120px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
  pointer-events: none;
  z-index: 15;
}


.tooltip.rules.active {
  opacity: 1;
  visibility: visible;
}

.tooltip-modal.rules.active {
  opacity: 1;
  visibility: visible;
}
/* Оконание Модальных ПРАВИЛ */

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    margin-top: 42px;
    margin-bottom: 0px;
    @media (max-width: 640px) {
        font-size: 36px;
    }
}

h2 {
    font-weight: 400;
    font-size: 36px;
    text-align: center;
    position: absolute;
    bottom: 113px;
    width: 41%;
    @media (max-width: 640px) {
        font-size: 26px;
        position: static;
        width: 100%;
    }
}

input {
    transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    background: #dfdfdb;
    box-sizing: border-box;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 18px;
    color: #17383f;
    height: 52px;
    padding-left: 8px;
    padding-right: 13px;
    width: 100%;
    margin-top: 8px;
    border-radius: 20px;
    border: 1px solid #505050;
    box-shadow: 0px 4px 4px 0px #ffffff40, 0px 4px 2.1px 0px #ffffffa6 inset, 3px 0px 2px 0px #ffffff inset,
        2px 0px 1.3px 0px #ffffff99;
    @media (max-width: 640px) {
        font-size: 14px;
    }
}

input:hover {
    background: rgba(207, 207, 201, 1);
}

input:focus {
    background: rgba(207, 207, 201, 1);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25), 0px 6px 4px 0px rgba(255, 255, 255, 0.65) inset,
        0px -40px 9px 0px rgba(181, 181, 175, 0.31) inset, 0px -6px 10px 0px rgba(237, 237, 236, 0.81) inset;
}

p {
    margin: 0px;
}

body {
    margin: 0px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #17383f;
    @media (max-width: 640px) {
        height: auto;
    }
    @media (max-height: 640px) {
        height: auto;
    }
}

.card {
    position: relative;
    border-radius: 20px;
    width: 808px;
    filter: drop-shadow(42px 48px 39.3px rgba(0, 0, 0, 0.25));
    background: linear-gradient(122.23deg, #dfdfdb 40%, rgba(255, 255, 255, 0.4) 80%, rgba(120, 120, 120, 0.25) 100%);
    box-shadow: -39px -16px 69.3px 0px #b9c9cd, 2px 2px 1px 0px #ffffffbd inset;
    @media (max-width: 640px) {
        width: 90%;
        height: auto;
    }
}

.panel {
    margin-top: 10px;
    position: relative;
}

.panel-logo-container {
    position: absolute;
    top: -19px;
    left: 10px;
    width: 100px;
    height: 100px;
}

.form-container {
    margin-top: 45px;
    padding-left: 53px;
    padding-right: 47px;
    display: grid;
    grid-template-columns: repeat(2, 331px);
    column-gap: 46px;
    @media (max-width: 640px) {
        margin-top: 20px;
        padding-left: 23px;
        padding-right: 17px;
        display: flex;
        flex-direction: column;
    }
}

.input-container {
    margin-top: 10px;
}

.error {
    color: red;
    font-size: 12px;
    line-height: 14.63px;
    margin-top: 4px;
}

.main-button {
    transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    cursor: pointer;
    background: #96b4bf;
    height: 64px;
    width: 100%;
    text-align: center;
    border: 1px solid #505050;
    box-shadow: 0px 4px 4px 0px #ffffff99 inset, 0px 4px 4px 0px #ffffff3b;
    font-weight: 600;
    font-size: 20px;
    color: white;
    font-family: 'Montserrat Alternates', sans-serif;
    border-radius: 20px;
    margin-bottom: 36.5px;
    @media (max-width: 640px) {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.main-button:hover {
    background: rgba(133, 172, 186, 1);
}

.main-button:active {
    background: rgba(133, 172, 186, 1);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.23), inset 0px 4px 4px 0px rgba(255, 255, 255, 0.47),
        inset 0px -70px 0px 0px rgba(116, 149, 160, 1), inset 0px 7px 6px 0px rgba(255, 255, 255, 0.37),
        inset 0px -7px 11px 0px rgba(255, 255, 255, 0.29);
}

.registration-form .main-button {
    margin-top: 16px;
}

.alter {
    margin-top: 27px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 16px;
}

.alter-button {
    transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    height: 52px;
    width: 100%;
    background: #dfdfdb;
    border: 1px solid #505050;
    box-shadow: 0px 4px 4px 0px #ffffff40, 0px 4px 2.1px 0px #ffffffa6 inset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 9.4px 0px 18.5px;
    border-radius: 20px;
    margin-bottom: 16px;
    cursor: pointer;
    font-family: 'Montserrat Alternates', sans-serif;
    color: #17383f;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    @media (max-width: 640px) {
        font-size: 16px;
    }
}

.alter-button:hover {
    background: rgba(207, 207, 201, 1);
}

.alter-button:active {
    background: rgba(207, 207, 201, 1);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25), 0px 6px 4px 0px rgba(255, 255, 255, 0.65) inset,
        0px -40px 9px 0px rgba(181, 181, 175, 0.31) inset, 0px -6px 10px 0px rgba(237, 237, 236, 0.81) inset;
}

.registration-form .alter-button {
    padding: 0px 12px;
    justify-content: center;
    margin-bottom: 16px;
}

hr {
    border: 1px solid #17383f;
    box-shadow: 0px 2px 4px 0px #ffffff;
    margin-left: 53px;
    margin-right: 47px;
    margin-top: 26px;
    margin-bottom: 58.5px;
    @media (max-width: 640px) {
        margin-left: 23px;
        margin-right: 17px;
    }
}

.modal {
    position: fixed;
    z-index: 2;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.border-red {
    border-color: red;
}

.border-red:focus {
    outline: 2px auto red;
}

.popup-container {
    width: 387px;
    box-shadow: 9px 9px 10.9px 0px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    @media (max-width: 640px) {
        width: 80%;
    }
}

.popup {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    border-radius: 20px;
    width: 100%;
    padding: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.17) 100%),
        linear-gradient(180deg, #dbe2e6 0%, rgba(192, 212, 219, 1) 100%);
    box-shadow: -5px -4px 8.8px 0px rgba(255, 255, 255, 0.3);
}

.popup-text {
    text-align: center;
    font-size: 18px;
    @media (max-width: 640px) {
        font-size: 14px;
    }
}

.popup .main-button {
    margin-top: 8px;
    margin-bottom: 19px;
}

.circle {
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    bottom: -31px;
    width: 62px;
    height: 62px;
    background: rgba(223, 223, 219, 1);
    border: 1px solid rgba(80, 80, 80, 1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -24px 15.5px 0px #c2c2c2 inset, 0px 4px 4px 0px #ffffff inset, 0px -3px 4px 0px #ffffffc9 inset;
    transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

.circle:hover {
    background: #c8c8c8;
    box-shadow: none;
}

.circle:active {
    background: #dfdfdb;
    box-shadow: none;
}

.additional-text {
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    color: rgba(53, 121, 136, 1);
    margin: 8px 0px 4px;
    padding: 0px 39px;
    @media (max-width: 640px) {
        font-size: 12px;
    }
}

.popup-header {
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: center;
    color: rgba(23, 56, 63, 1);
    margin-bottom: 16px;
    @media (max-width: 640px) {
        font-size: 16px;
    }
}

.underlined {
    cursor: pointer;
    text-decoration: underline;
    padding: 0px 5px;
    margin: 0px;
}

.flex-center-end {
    padding: 8px 0px 4px;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-center {
    text-align: center;
}

.relative {
    position: relative;
}

.eye {
    position: absolute;
    top: 22px;
    right: 11px;
    cursor: pointer;
}

.text-main-color {
    color: rgba(23, 56, 63, 1);
}

.my-24 {
    margin: 24px 0px;
}

.px-20 {
    padding: 0px 20px;
}

.mb-9 {
    margin-bottom: 9px;
}

.mt-0 {
    margin-top: 0px;
}

.popup .mt-0 {
    margin-top: 0px;
}

.bg-light {
    background: #e8f2f5;
    width: 463px;
    @media (max-width: 640px) {
        width: 80%;
    }
}

.header-welcome {
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    text-align: center;
    color: rgba(23, 56, 63, 1);
    @media (max-width: 640px) {
        font-size: 18px;
    }
}

.my-16 {
    margin: 16px 0px;
}

.text-24 {
    font-size: 24px;
    line-height: 29.26px;
}

.google-icon {
    width: 34px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='35' viewBox='0 0 34 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.36161 13.6441C5.55206 12.1953 3.71165 10.7879 1.84039 9.422C4.20737 4.83711 7.88818 1.85999 12.8828 0.490615C18.6617 -0.808582 23.7679 0.472535 28.2015 4.33382C28.2737 4.40602 28.2737 4.47813 28.2015 4.55033C26.6498 6.10201 25.098 7.6538 23.5464 9.20548C20.9157 6.97069 17.9025 6.23095 14.5067 6.98617C11.0216 8.03585 8.63994 10.2552 7.36161 13.6441Z' fill='%23EA4335' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.84039 9.42212C3.71165 10.788 5.55206 12.1954 7.36161 13.6442C6.64559 15.8784 6.64559 18.1158 7.36161 20.3563C5.50172 21.7375 3.66131 23.1448 1.84039 24.5784C-0.613464 19.5265 -0.613464 14.4745 1.84039 9.42212Z' fill='%23FABC0A' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9967 13.8607C19.6488 13.7885 22.3191 13.7524 25.0079 13.7524C27.7153 13.7524 30.3857 13.8247 33.019 13.969C27.686 13.8612 22.3452 13.8252 16.9967 13.8607Z' fill='%2381AEF8' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9967 13.8609C22.3452 13.8254 27.686 13.8614 33.019 13.9691C33.7468 18.396 33.0431 22.582 30.908 26.5272C30.3737 27.415 29.7603 28.2451 29.0676 29.0172C28.8039 29.3362 28.4972 29.5888 28.1474 29.775C26.3597 28.4661 24.5915 27.1308 22.8427 25.7694C23.6317 24.9976 24.3714 24.1676 25.062 23.2794C25.5677 22.4123 25.9466 21.4921 26.1987 20.5188C23.1316 20.4647 20.0642 20.4466 16.9967 20.4647C16.9967 18.2634 16.9967 16.0621 16.9967 13.8609Z' fill='%234385F4' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.36161 20.356C9.28581 25.181 12.8584 27.5085 18.0793 27.3387C19.7822 27.1499 21.37 26.6267 22.8427 25.7689C24.5915 27.1304 26.3597 28.4657 28.1474 29.7745C28.2756 29.9031 28.2756 30.0295 28.1474 30.1534C24.1519 33.3359 19.605 34.599 14.5067 33.9425C8.74895 32.8707 4.52684 29.7493 1.84039 24.5781C3.66131 23.1445 5.50172 21.7371 7.36161 20.356Z' fill='%2335A853' /%3e%3c/svg%3e");
}

.yandex-icon {
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 33.3915C26.0529 33.3915 33.3917 26.0527 33.3917 16.9998C33.3917 7.94696 26.0529 0.608154 17 0.608154C7.94717 0.608154 0.608368 7.94696 0.608368 16.9998C0.608368 26.0527 7.94717 33.3915 17 33.3915Z' fill='%23E3E2E3' /%3e%3cpath d='M17 31.5186C25.0182 31.5186 31.5183 25.0185 31.5183 17.0003C31.5183 8.98201 25.0182 2.48193 17 2.48193C8.98172 2.48193 2.48164 8.98201 2.48164 17.0003C2.48164 25.0185 8.98172 31.5186 17 31.5186Z' fill='white' /%3e%3cpath d='M25.6792 9.72984C24.6994 8.72292 24.2845 8.8002 24.2845 8.8002L17 15.8889L9.71559 8.8002C9.71559 8.8002 9.30064 8.72292 8.32089 9.72984C7.34114 10.7368 7.42918 11.1494 7.42918 11.1494L15.3609 18.9115V28.1227C15.3609 28.1227 15.595 28.4739 17 28.4739C18.405 28.4739 18.6392 28.1227 18.6392 28.1227V18.9115L26.5709 11.1498C26.5709 11.1498 26.6594 10.7368 25.6792 9.72984Z' fill='%23E85654' /%3e%3cpath d='M17 33.8599C7.70313 33.8599 0.140015 26.2968 0.140015 16.9999C0.140015 7.70301 7.70313 0.139893 17 0.139893C26.2969 0.139893 33.86 7.70301 33.86 16.9999C33.86 26.2968 26.2969 33.8599 17 33.8599ZM17 1.07656C8.2197 1.07656 1.07668 8.21958 1.07668 16.9999C1.07668 25.7802 8.2197 32.9232 17 32.9232C25.7803 32.9232 32.9234 25.7802 32.9234 16.9999C32.9234 8.21958 25.7803 1.07656 17 1.07656Z' fill='%231F212B' /%3e%3cpath d='M24.2592 4.92979C24.2185 4.92979 24.1777 4.91949 24.1402 4.89748C23.8414 4.72138 23.5314 4.55372 23.2181 4.39823C23.1024 4.34063 23.0551 4.20013 23.1123 4.08398C23.1703 3.9683 23.3118 3.92147 23.4265 3.97814C23.7492 4.13877 24.0695 4.31253 24.3777 4.49424C24.4892 4.56028 24.5262 4.70359 24.4606 4.81505C24.4175 4.88858 24.3393 4.92979 24.2592 4.92979Z' fill='%231F212B' /%3e%3cpath d='M25.6642 5.87669C25.6145 5.87669 25.5644 5.86123 25.5218 5.82845C25.3705 5.71277 25.2169 5.60037 25.0614 5.49078C24.9551 5.41632 24.9298 5.2702 25.0043 5.16482C25.0788 5.05945 25.2254 5.03369 25.3303 5.10769C25.4914 5.22056 25.6506 5.3367 25.8066 5.45613C25.9096 5.53481 25.9288 5.68139 25.8506 5.78443C25.8042 5.84531 25.7344 5.87669 25.6642 5.87669Z' fill='%231F212B' /%3e%3cpath d='M17 31.5186C8.99429 31.5186 2.48164 25.006 2.48164 17.0003C2.48164 8.99458 8.99429 2.48193 17 2.48193C18.7164 2.48193 20.3982 2.77932 21.998 3.36568C22.1198 3.41064 22.1821 3.54505 22.1376 3.66635C22.0931 3.78858 21.9582 3.8504 21.8369 3.80591C20.2886 3.23782 18.6616 2.95027 17 2.95027C9.25281 2.95027 2.94998 9.2531 2.94998 17.0003C2.94998 24.7474 9.25281 31.0503 17 31.0503C24.7472 31.0503 31.05 24.7474 31.05 17.0003C31.05 13.048 29.371 9.25638 26.4435 6.59718C26.3474 6.51007 26.3404 6.36208 26.4275 6.26654C26.5151 6.171 26.6631 6.16397 26.7582 6.25061C29.7836 8.99833 31.5183 12.9159 31.5183 17.0003C31.5183 25.006 25.0057 31.5186 17 31.5186Z' fill='%231F212B' /%3e%3cpath d='M17.0001 28.7085C15.5801 28.7085 15.2372 28.3596 15.1661 28.2528C15.1403 28.2144 15.1267 28.1695 15.1267 28.1231V19.0103L7.26527 11.3174C7.23249 11.2851 7.20954 11.2439 7.20018 11.1994C7.17301 11.0734 7.16224 10.5845 8.15277 9.56728C9.14282 8.55006 9.6341 8.54913 9.75821 8.57067C9.80364 8.5791 9.84579 8.60064 9.87857 8.63296L17.0001 15.5629L24.1215 8.63296C24.1548 8.60064 24.1965 8.5791 24.2419 8.57067C24.3665 8.54866 24.8568 8.5496 25.8473 9.56728C26.8379 10.585 26.8271 11.0739 26.7999 11.1994C26.7901 11.2444 26.7676 11.2856 26.7348 11.3174L18.8734 19.0103V28.1231C18.8734 28.1695 18.8598 28.2144 18.834 28.2528C18.7629 28.3596 18.42 28.7085 17.0001 28.7085ZM15.5951 28.0177C15.7046 28.081 16.0685 28.2402 17.0001 28.2402C17.9161 28.2402 18.2833 28.0861 18.4051 28.0135V18.9119C18.4051 18.8492 18.4303 18.7888 18.4753 18.7447L26.3321 11.0561C26.3012 10.9339 26.1616 10.5616 25.5115 9.89371C24.8732 9.23758 24.5065 9.08209 24.3697 9.04509L17.1635 16.0574C17.0726 16.1455 16.9279 16.1455 16.8371 16.0574L9.62755 9.04181C9.50578 9.07647 9.13814 9.22587 8.48856 9.89324C7.84882 10.5503 7.70363 10.9208 7.67085 11.0589L15.5248 18.7443C15.5698 18.7883 15.5951 18.8487 15.5951 18.9115V28.0177Z' fill='%231F212B' /%3e%3c/svg%3e");
}

.cross-icon {
    width: 27px;
    height: 26px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.9561 0.543945C26.6813 1.2692 26.6813 2.44508 25.9561 3.17034L3.67034 25.4561C2.94508 26.1813 1.7692 26.1813 1.04394 25.4561C0.318685 24.7308 0.318685 23.5549 1.04394 22.8297L23.3297 0.543945C24.0549 -0.181315 25.2308 -0.181315 25.9561 0.543945Z' fill='%23505050' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.04394 0.543945C1.7692 -0.181315 2.94508 -0.181315 3.67034 0.543945L25.9561 22.8297C26.6813 23.5549 26.6813 24.7308 25.9561 25.4561C25.2308 26.1813 24.0549 26.1813 23.3297 25.4561L1.04394 3.17034C0.318685 2.44508 0.318685 1.2692 1.04394 0.543945Z' fill='%23505050' /%3e%3c/svg%3e");
}

.left-arrow-icon {
    width: 44px;
    height: 43px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.6665 21.5007C7.6665 20.5111 8.46866 19.709 9.45817 19.709H34.5415C35.531 19.709 36.3332 20.5111 36.3332 21.5007C36.3332 22.4902 35.531 23.2923 34.5415 23.2923H9.45817C8.46866 23.2923 7.6665 22.4902 7.6665 21.5007Z' fill='%23505050' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.2667 7.69078C23.9664 8.39047 23.9664 9.52489 23.2667 10.2246L11.992 21.4993L23.2667 32.7741C23.9664 33.4738 23.9664 34.6082 23.2667 35.3079C22.567 36.0076 21.4326 36.0076 20.7329 35.3079L8.19127 22.7662C7.49158 22.0666 7.49158 20.9321 8.19127 20.2325L20.7329 7.69078C21.4326 6.99109 22.567 6.99109 23.2667 7.69078Z' fill='%23505050' /%3e%3c/svg%3e");
}

.refresh-icon {
    width: 24px;
    height: 23px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg' %3e%3cg clip-path='url(%23clip0_87_322)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45822 3.19531C1.81107 3.19531 2.09711 3.48135 2.09711 3.8342V8.94531H7.20822C7.56107 8.94531 7.84711 9.23135 7.84711 9.5842C7.84711 9.93705 7.56107 10.2231 7.20822 10.2231H1.45822C1.10538 10.2231 0.819336 9.93705 0.819336 9.5842V3.8342C0.819336 3.48135 1.10538 3.19531 1.45822 3.19531Z' fill='%23357988' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1528 13.4162C16.1528 13.0634 16.4389 12.7773 16.7917 12.7773H22.5417C22.8946 12.7773 23.1806 13.0634 23.1806 13.4162V19.1662C23.1806 19.5191 22.8946 19.8051 22.5417 19.8051C22.1889 19.8051 21.9028 19.5191 21.9028 19.1662V14.0551H16.7917C16.4389 14.0551 16.1528 13.7691 16.1528 13.4162Z' fill='%23357988' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.43115 2.60308C10.9344 2.16826 12.5233 2.12134 14.0496 2.46668C15.5759 2.81202 16.9899 3.53838 18.1595 4.57798C19.3292 5.61758 20.2164 6.93653 20.7384 8.41177C20.8561 8.74441 20.6819 9.10948 20.3493 9.22719C20.0166 9.3449 19.6516 9.17067 19.5339 8.83803C19.0838 7.56628 18.319 6.42925 17.3106 5.53304C16.3023 4.63684 15.0834 4.01067 13.7676 3.71295C12.4519 3.41524 11.0821 3.4557 9.78619 3.83054C8.49028 4.20539 7.31044 4.9024 6.35677 5.85655C6.35205 5.86127 6.34726 5.86592 6.34239 5.8705L1.89572 10.0488C1.63858 10.2905 1.23426 10.2779 0.992635 10.0207C0.751012 9.76359 0.763591 9.35927 1.02073 9.11764L5.46023 4.94605C6.56522 3.84293 7.93115 3.03696 9.43115 2.60308ZM23.0072 12.9791C23.2488 13.2362 23.2362 13.6405 22.9791 13.8822L18.5395 18.0538C17.4346 19.1569 16.0686 19.9629 14.5686 20.3967C13.0654 20.8315 11.4765 20.8785 9.95018 20.5331C8.42388 20.1878 7.00993 19.4614 5.84028 18.4218C4.67063 17.3822 3.78339 16.0633 3.26135 14.588C3.14364 14.2554 3.31788 13.8903 3.65051 13.7726C3.98315 13.6549 4.34823 13.8291 4.46593 14.1618C4.91597 15.4335 5.68083 16.5706 6.68915 17.4668C7.69747 18.363 8.91639 18.9891 10.2322 19.2869C11.5479 19.5846 12.9177 19.5441 14.2136 19.1693C15.5095 18.7944 16.6893 18.0974 17.643 17.1433C17.6477 17.1385 17.6525 17.1339 17.6574 17.1293L22.1041 12.951C22.3612 12.7094 22.7655 12.7219 23.0072 12.9791Z' fill='%23357988' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_87_322'%3e%3crect width='23' height='23' fill='white' transform='translate(0.5)' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.tick-icon {
    width: 38px;
    height: 38px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7999 5.97454C21.993 4.72387 18.8571 4.41404 15.8597 5.09125C12.8624 5.76846 10.1642 7.39644 8.16771 9.73237C6.17119 12.0683 4.98324 14.987 4.78105 18.0533C4.57887 21.1195 5.37327 24.169 7.04578 26.7469C8.7183 29.3247 11.1793 31.2929 14.0618 32.3578C16.9443 33.4227 20.0938 33.5274 23.0406 32.6561C25.9873 31.7848 28.5736 29.9843 30.4135 27.5231C32.2534 25.062 33.2484 22.0719 33.2502 18.999V17.5433C33.2502 16.6688 33.9591 15.9599 34.8335 15.9599C35.708 15.9599 36.4168 16.6688 36.4168 17.5433V18.9999C36.4147 22.7557 35.1985 26.4111 32.9498 29.4192C30.701 32.4273 27.5401 34.6279 23.9384 35.6928C20.3368 36.7577 16.4874 36.6298 12.9644 35.3283C9.44134 34.0267 6.43344 31.6211 4.38925 28.4704C2.34507 25.3197 1.37413 21.5926 1.62125 17.8449C1.86837 14.0973 3.3203 10.53 5.7605 7.67492C8.2007 4.81989 11.4984 2.83015 15.1619 2.00244C18.8253 1.17474 22.6581 1.55342 26.0888 3.08202C26.8875 3.43792 27.2465 4.37395 26.8906 5.1727C26.5347 5.97145 25.5987 6.33045 24.7999 5.97454Z' fill='%23505050' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.9522 5.21319C36.5708 5.83121 36.5713 6.83372 35.9533 7.45236L20.12 23.3015C19.8231 23.5987 19.4203 23.7657 19.0002 23.7658C18.5802 23.7659 18.1773 23.5991 17.8803 23.3021L13.1303 18.5521C12.5119 17.9338 12.5119 16.9312 13.1303 16.3129C13.7486 15.6946 14.7511 15.6946 15.3694 16.3129L18.9993 19.9428L33.713 5.21431C34.331 4.59567 35.3336 4.59517 35.9522 5.21319Z' fill='%23505050' /%3e%3c/svg%3e");
}

a.alter-button {
    width: auto !important;
}

.mobile-visible {
    display: none;
    @media (max-width: 640px) {
        display: block;
    }
}

.mobile-hidden {
    display: block;
    @media (max-width: 640px) {
        display: none;
    }
}

.iti__dropdown-content {
    background-color: #dfdfdb !important;
    border-radius: 20px !important;
}

.iti__search-input {
    transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out !important;
    background: #dfdfdb !important;
    box-sizing: border-box !important;
    font-family: 'Montserrat Alternates', sans-serif !important;
    font-size: 18px !important;
    color: #17383f !important;
    border-radius: 20px !important;
    border: 1px solid #505050 !important;
    box-shadow: 0px 4px 4px 0px #ffffff40, 0px 4px 2.1px 0px #ffffffa6 inset, 3px 0px 2px 0px #ffffff inset,
        2px 0px 1.3px 0px #ffffff99 !important;
    @media (max-width: 640px) {
        font-size: 14px !important;
    }
}

.iti__search-input:hover {
    background: rgba(207, 207, 201, 1) !important;
}

.iti__search-input:focus {
    background: rgba(207, 207, 201, 1) !important;
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25), 0px 6px 4px 0px rgba(255, 255, 255, 0.65) inset,
        0px -40px 9px 0px rgba(181, 181, 175, 0.31) inset, 0px -6px 10px 0px rgba(237, 237, 236, 0.81) inset !important;
}

.iti__country {
    transition: all 0.1s ease-in-out, box-shadow 0.1s ease-in-out !important;
    font-family: 'Montserrat Alternates', sans-serif !important;
}

.iti__selected-country-primary {
    transition: all 0.1s ease-in-out, box-shadow 0.1s ease-in-out !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.iti {
    margin-top: 8px !important;
    width: 100% !important;
}

.iti--fullscreen-popup {
    margin-top: 0px !important;
    width: auto !important;
}