@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

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

/* Links */
a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

address {
  font-style: normal;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type=submit] {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

header {
  width: 100%;
  height: 70px;
  background-color: #FFFFFF;
  padding: 20px;
  z-index: 1000;
  top: 0;
  position: fixed;
  -webkit-box-shadow: 0 0.625rem 1.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.625rem 1.5rem rgba(0, 0, 0, 0.1);
  left: 0;
}

.select-box {
  position: relative;
  width: 100%;
  margin: 20px auto; /* Adjusted to match the margin-top in .inputs */
  border-radius: 1rem;
  padding-left: 10px;
  background-color: #fff; /* Replaced $white with #fff for the actual color */
  border: 1px solid gray;
}

.select-box input {
  height: 50px;
  width: calc(100% - 20px); /* Adjust to fit within the select-box padding */
  padding: 1rem 0.6rem;
  font-size: 1.1rem;
  border: 0.1rem solid transparent;
  outline: none;
  background: transparent; /* Make the input background transparent */
  margin: 0; /* Remove default margin */
  border-radius: 1rem; /* Add border-radius to match .inputs */
}

input[type=tel] {
  margin-left: -50px;
  border-radius: 0 1rem 1rem 0; /* Updated to match the new border-radius */
}

.selected-option {
  background-color: #fff; /* Ensure it matches the new background color */
  border-radius: 1rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px; /* Add padding to align with .select-box */
}

.selected-option div {
  position: relative;
  width: 6rem;
  padding: 0 2.8rem 0 0.5rem;
  text-align: center;
  cursor: pointer;
}

.selected-option div::after {
  position: absolute;
  content: "";
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 0.8rem;
  height: 0.8rem;
  border-right: 0.12rem solid var(--primary);
  border-bottom: 0.12rem solid var(--primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.selected-option div.active::after {
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}

.select-box .options {
  position: absolute;
  top: 4rem;
  width: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  display: none;
}

.select-box .options.active {
  display: block;
}

.select-box .options::before {
  position: absolute;
  content: "";
  left: 1rem;
  top: -1.2rem;
  width: 0;
  height: 0;
  border: 0.6rem solid transparent;
  border-bottom-color: var(--primary);
}

input.search-box {
  background-color: var(--primary);
  color: #fff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 1.4rem 1rem;
}

.select-box ol {
  list-style: none;
  max-height: 23rem;
  overflow: overlay;
}

.select-box ol::-webkit-scrollbar {
  width: 0.6rem;
}

.select-box ol::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 3rem;
  background-color: #ccc;
  border-radius: 0.4rem;
}

.select-box ol li {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.select-box ol li.hide {
  display: none;
}

.select-box ol li:not(:last-child) {
  border-bottom: 0.1rem solid #eee;
}

.select-box ol li:hover {
  background-color: lightcyan;
}

.select-box ol li .country-name {
  margin-left: 0.4rem;
}

.iconify {
  font-size: 24px; /* Увеличиваем размер иконок */
  margin-left: -10px;
  margin-top: 5px;
}

.selected_option .iconify {
  font-size: 32px; /* Увеличиваем размер иконки в выбранной опции */
}

.option .iconify {
  font-size: 24px; /* Увеличиваем размер иконок в выпадающем списке */
}

/* Стили для блока one */
.section__one {
  margin-top: 45px;
}

.txt__one {
  font-size: 25px;
  font-weight: bold;
}

.line {
  width: 100%;
  height: 2px;
  background-color: #CFCDCD;
  border-radius: 20px;
  margin-top: 20px;
}

.txt__mini {
  font-size: 1.125rem;
  margin-top: 20px;
  font-weight: 300;
  line-height: 1.5625rem;
}

.block__pay {
  background-color: #fff;
  width: 100%;
  min-height: 13rem;
  border-radius: 20px;
  margin-top: 30px;
  padding: 10px 15px;
  -webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
}

.txt__mini__pay, .bottoms {
  font-size: 12px;
  font-weight: 300;
}

.inputs__txt {
  width: 100%;
  height: 50px;
  border: 1px solid #CFCDCD;
  border-radius: 5px;
  margin-top: 10px;
  padding-left: 10px;
}

.btn__pay {
  width: 100%;
  height: 60px;
  border-radius: 1rem;
  border: none;
  margin-top: 20px;
  background-color: #ff7575;
  color: #fff;
}

/* Стили для блока two */
.section__two {
  margin-top: 30px;
}

.block__statics {
  margin-top: 120px;
}

.txt__statics {
  font-size: 25px;
  font-weight: bold;
  color: #ff7575;
}

.block__one__two {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #CFCDCD;
  margin-top: 20px;
  padding: 5px 0;
}

.imgs {
  margin-top: 25px;
}

.txt__static {
  margin-top: 4px;
  font-weight: 300;
}

.block__otz {
  width: 100%;
  height: 290px;
  background-color: #fff;
  position: absolute;
  margin-top: 60px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  padding: 20px;
}

.txt__abouts {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

/* Стили для блока three */
.section__three {
  margin-top: 400px;
}

.txt__pays {
  font-size: 25px;
  font-weight: bold;
}

.block__nals, .btn__cards {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 30px;
  padding: 20px;
}

.nals__punkt, .txt__card__txt {
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 10px;
}

.contetns__txt__punkt, .txt__cards {
  font-weight: 300;
  margin-top: 15px;
  font-size: 1rem;
}

.btn__punkts {
  width: 100%;
  background-color: #ff7575;
  height: 55px;
  border-radius: 1rem;
  margin-top: 25px;
}

.btn__punkts a {
  color: #fff;
}

.block__app {
  margin-top: 60px;
  padding-top: 25px;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  height: 300px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='359'%20fill='none'%20viewBox='0%200%201600%20359'%3E%3Crect%20width='1600'%20height='872'%20y='-2'%20fill='%23FF527C'/%3E%3Cmask%20id='prefix__a'%20width='1600'%20height='740'%20x='0'%20y='-2'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3E%3Crect%20width='1600'%20height='740'%20y='-2'%20fill='%23FF5252'/%3E%3C/mask%3E%3Cg%20mask='url(%23prefix__a)'%3E%3Cg%20filter='url(%23prefix__b)'%3E%3Cpath%20fill='%23FF8756'%20d='M471.774%20709.353c-348.919-89.481-607.63-282.027-577.847-430.065%2029.783-148.037%20336.781-195.507%20685.7-106.026%20348.919%2089.481%20607.633%20282.027%20577.843%20430.065-29.78%20148.037-336.777%20195.507-685.696%20106.026Z'/%3E%3C/g%3E%3Cg%20filter='url(%23prefix__c)'%3E%3Cpath%20fill='%23FF5252'%20d='M1301.71%20674.221c-144.61-37.086-233.95-205.792-199.54-376.815%2034.4-171.024%20179.53-279.602%20324.14-242.516%20144.61%2037.085%20233.94%20205.791%20199.54%20376.815-34.41%20171.023-179.53%20279.601-324.14%20242.516Z'/%3E%3C/g%3E%3Cg%20filter='url(%23prefix__d)'%3E%3Cellipse%20fill='%23FFE000'%20rx='219.71'%20ry='190.696'%20transform='matrix(.84069%20-.54152%20.25511%20.96691%20131.791%2030.06)'/%3E%3C/g%3E%3Cg%20filter='url(%23prefix__e)'%3E%3Cellipse%20fill='%23FFE000'%20rx='186.055'%20ry='210.522'%20transform='matrix(.84069%20-.54152%20.25511%20.96691%201334.59%20141.436)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id='prefix__b'%20width='2068.21'%20height='1426.51'%20x='-508.407'%20y='-271.945'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_10014_289362'%20stdDeviation='200'/%3E%3C/filter%3E%3Cfilter%20id='prefix__c'%20width='1338.42'%20height='1433.86'%20x='694.796'%20y='-352.375'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_10014_289362'%20stdDeviation='200'/%3E%3C/filter%3E%3Cfilter%20id='prefix__d'%20width='1182.11'%20height='1238.93'%20x='-459.262'%20y='-589.406'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_10014_289362'%20stdDeviation='200'/%3E%3C/filter%3E%3Cfilter%20id='prefix__e'%20width='1130.84'%20height='1254.36'%20x='769.169'%20y='-485.742'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_10014_289362'%20stdDeviation='200'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.block__message {
  margin-top: 20px;
  margin-top: 20px;
  position: relative;
  height: 160px; /* Высота двух блоков */
  overflow: hidden;
}

.message {
  width: 90%;
  margin: 0 auto;
  background-color: white;
  border-radius: 1rem;
  height: 60px;
  padding: 5px;
  position: relative;
  margin-top: 15px;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
  border: 1px silver solid;
}

.message-3 {
  height: 90px;
}

.txt__messages {
  margin-top: 20px;
  font-size: 1rem;
  left: 10px;
  position: absolute;
  color: #535353;
}

.txt__name {
  font-size: 0.75rem;
  color: #9e9e9e;
  left: 10px;
  position: absolute;
}

.app__pay {
  font-size: 25px;
  color: #FFFFFF;
  font-weight: bold;
}

.section__fo {
  margin-top: 380px;
}

.korpay {
  font-size: 25px;
  font-weight: bold;
  padding-top: 30px;
}

.block__two {
  width: 100%;
  height: 240px;
  border-radius: 1rem;
  margin-top: 20px;
  background-color: #FFFFFF;
  padding: 20px 15px;
}

.threes {
  height: 216px;
}

.fos {
  height: 192px;
}

.txt__pays__one {
  font-weight: bold;
  font-size: 1.125rem;
  margin-top: 10px;
}

.txt__mini__pays {
  font-weight: 300;
  margin-top: 10px;
}

.fifty {
  margin-top: 60px;
}

.block__abouts__fifty {
  width: 100%;
  height: 260px;
  background-color: white;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  position: absolute;
  padding: 20px;
}

.block__helps__fifty {
  width: 100%;
  height: auto;
  background-color: white;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  position: absolute;
  margin-top: 320px;
  padding: 30px 20px;
}

.abouts__txt {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 10px;
}

.block__controls {
  right: 20px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: -20px;
}

.block__controls svg {
  color: #535353;
}

.ssvg {
  margin-top: 20px;
}

.block__corusels {
  position: relative;
  overflow: hidden;
  height: 8rem; /* Adjust based on your text height */
}

.txt__corusels {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.txt__corusels.active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.txt__corusels.exit {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.btn__lefts__c, .btn__rights__c {
  background: none;
  border: none;
  cursor: pointer;
}

.txt__vopros {
  font-size: 1.5rem;
  font-weight: 700;
}

.block_vopros {
  padding-top: 30px;
}

.vopross {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 1rem;
  border: 1px solid gray;
  padding: 10px 15px;
  position: relative;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  padding-bottom: 20px;
}

.txt__vp {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 400;
}

.bi-chevron-down {
  right: 15px;
  position: absolute;
  top: 20px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.voprosii {
  margin-top: 25px;
  color: #ff7575;
  font-weight: 500;
  font-size: 1rem;
}
.voprosii a {
  color: #ff7575;
}
.voprosii svg {
  top: 3px;
  position: relative;
}

.txt__vp__ss {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-top: 10px;
  display: none;
}

.opened .txt__vp__ss {
  display: block;
}

.opened .bi-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sixty {
  margin-top: 940px;
}

.txt__sixty {
  font-size: 25px;
  font-weight: bold;
}

.txt__mini__sixty {
  font-weight: 300;
  margin-top: 15px;
  font-size: 1rem;
}

.inputs {
  width: 100%;
  border-radius: 1rem;
  height: 50px;
  padding-left: 10px;
  background-color: #FFFFFF;
  margin-top: 20px;
  border: 1px solid gray;
}

.emails {
  margin-top: -3px;
}

.vopros {
  width: 100%;
  height: 160px;
  border-radius: 1rem;
  background-color: #FFFFFF;
  border: 1px solid gray;
  padding: 20px;
  margin-top: 20px;
}

.btn__otpr {
  width: 100%;
  height: 50px;
  border-radius: 1rem;
  background-color: #ff7575;
  margin-top: 20px;
  color: #FFFFFF;
}

.txt__kon {
  top: 20px;
  position: relative;
  font-weight: 300;
  text-align: unset;
  font-size: 0.75rem;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}

.seven {
  margin-top: 60px;
}

.block__sevens {
  width: 100%;
  height: 710px;
  background-color: #FFFFFF;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  position: absolute;
  padding: 60px 20px;
}

.txt__moneys {
  font-size: 1.5rem;
  font-weight: bold;
}

.block__moneys {
  margin-top: 30px;
  font-size: 1.125rem;
  font-weight: 400;
}

.txt__mm {
  font-weight: 300;
  margin-top: 15px;
  font-size: 1rem;
}

.eight {
  margin-top: 800px;
}

.txt__es {
  color: #9e9e9e;
  font-weight: 300;
  font-size: 0.75rem;
}

.disl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: 15px;
}

.txt__disl__s {
  color: #535353;
  font-weight: 400;
  font-size: 0.875rem;
}
.txt__disl__s a {
  color: #535353;
  text-decoration: underline;
  font-size: 0.75rem;
}

.asp {
  margin-top: 10px;
}

.ess {
  margin-top: 20px;
}

.iconsss {
  width: 32px;
  height: 32px;
}

.liness {
  width: 100%;
  border-bottom: 0.0625rem solid #e7e7e7;
  margin-top: 30px;
}

.uls {
  margin-top: 30px;
  border-bottom: 0.0625rem solid #e7e7e7;
  padding-bottom: 30px;
}
.uls a {
  font-size: 1rem;
  color: #535353;
  font-weight: 400;
}
.uls li {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.logos {
  margin-top: 20px;
}

.txt__paa {
  font-weight: 300;
  margin-top: 25px;
  font-size: 0.75rem;
}

.cooks {
  color: #535353;
  text-decoration: underline;
  font-size: 0.9375rem;
  top: 20px;
  position: relative;
}

.ulss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-left: 20px;
  margin-top: -35px;
}

.block__konech {
  position: relative; /* Установим относительное позиционирование для родительского элемента */
  width: 100%;
  height: 100vh;
  margin-top: 40px;
  padding-top: 30px;
  background-color: #5032EF;
  text-align: center;
}

.txt__prs {
  font-size: 1.5rem;
  color: white;
  font-weight: 600;
  margin-top: 30px;
}

.imggs {
  width: 250px;
  height: 250px;
}

.imggss {
  margin-top: -10px;
}

.txt__three__st {
  color: white;
  padding: 0 5px;
  margin-top: 15px;
  line-height: 1.5rem;
  font-weight: 400;
}

.block__taimer {
  width: 90%;
  height: 150px;
  border-radius: 1rem;
  overflow: hidden;
  background-color: black;
  z-index: 1000;
  margin: 0 auto;
  margin-top: 20px;
}

.taimners {
  font-size: 40px;
  margin-top: 45px;
  color: white;
  font-weight: 300;
}

.block__pays {
  width: 100%;
  height: 740px;
  border-radius: 20px;
  background-color: white;
  margin-top: 20px;
  padding: 20px;
}

.input-container {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.input-container label {
  color: black;
  position: relative;
  top: 20px;
  border-top: none;
  border-right: none;
  border-left: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  margin: 0px 0px 0px 12px;
  padding: 0px 4px 0px 4px;
  font-size: 0.75rem;
}

.input-container input {
  border: 1px solid gray;
  padding: 8px;
  border-radius: 1rem;
  height: 50px;
}

.input-container input:focus {
  outline: none;
}

.btns {
  width: 100%;
  height: 50px;
  background-color: #ff7575;
  border-radius: 1rem;
  margin-top: 20px;
  color: white;
}

.select-boxs {
  position: relative;
  width: 100%;
  margin-top: 20px; /* Adjusted to match the margin-top in .inputs */
  border-radius: 1rem;
  padding-left: 10px;
  background-color: #fff; /* Replaced $white with #fff for the actual color */
  border: 1px solid gray;
  height: 50px;
}

.text-input {
  position: relative;
  height: 50px;
  width: 100%; /* Adjust to fit within the select-box padding */
  padding: 1rem 0.6rem;
  font-size: 1.1rem;
  border: 0.1rem solid gray;
  outline: none;
  background: transparent; /* Make the input background transparent */
  margin: 0; /* Remove default margin */
  border-radius: 1rem; /* Add border-radius to match .inputs */
}
.text-input::-webkit-input-placeholder {
  left: 5px;
  top: 5px;
  position: relative;
}
.text-input::-moz-placeholder {
  left: 5px;
  top: 5px;
  position: relative;
}
.text-input:-ms-input-placeholder {
  left: 5px;
  top: 5px;
  position: relative;
}
.text-input::-ms-input-placeholder {
  left: 5px;
  top: 5px;
  position: relative;
}
.text-input::placeholder {
  left: 5px;
  top: 5px;
  position: relative;
}

.block__val {
  width: 80px;
  height: 80%;
  margin-top: 5px;
  border-left: 1px solid gray;
  right: 0;
  position: absolute;
  top: 0;
}

.valuts {
  margin-left: 17px;
  font-weight: 400;
  margin-top: 8px;
}

.select-boxs input {
  height: 50px;
  width: calc(100% - 20px); /* Adjust to fit within the select-box padding */
  padding: 1rem 0.6rem;
  font-size: 1.1rem;
  border: 0.1rem solid transparent;
  outline: none;
  background: transparent; /* Make the input background transparent */
  margin: 0; /* Remove default margin */
  border-radius: 1rem; /* Add border-radius to match .inputs */
}

input[type=tel] {
  margin-left: -50px;
  border-radius: 0 1rem 1rem 0; /* Updated to match the new border-radius */
}

.selecteds-option {
  background-color: #fff; /* Ensure it matches the new background color */
  border-radius: 1rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: -10px;
  margin-top: 6px;
  /* Add padding to align with .select-box */
}

.selecteds-option div {
  position: relative;
  width: 6rem;
  padding: 0 2.8rem 0 0.5rem;
  text-align: center;
  cursor: pointer;
}

.selecteds-option div::after {
  position: absolute;
  content: "";
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 0.8rem;
  height: 0.8rem;
  border-right: 0.12rem solid var(--primary);
  border-bottom: 0.12rem solid var(--primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.selecteds-option div.active::after {
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}

.select-boxs .options {
  position: absolute;
  top: 4rem;
  width: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  display: none;
  z-index: 9999;
}

.select-boxs .options.active {
  display: block;
}

.select-boxs .options::before {
  position: absolute;
  content: "";
  left: 1rem;
  top: -1.2rem;
  width: 0;
  height: 0;
  border: 0.6rem solid transparent;
  border-bottom-color: var(--primary);
}

input.search-box {
  background-color: var(--primary);
  color: #fff;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 1.4rem 1rem;
}

.select-boxs ol {
  list-style: none;
  max-height: 23rem;
  overflow: overlay;
}

.select-boxs ol::-webkit-scrollbar {
  width: 0.6rem;
}

.select-boxs ol::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 3rem;
  background-color: #ccc;
  border-radius: 0.4rem;
}

.select-boxs ol li {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.select-boxs ol li.hide {
  display: none;
}

.select-boxs ol li:not(:last-child) {
  border-bottom: 0.1rem solid #eee;
}

.select-boxs ol li:hover {
  background-color: lightcyan;
}

.select-boxs ol li .country-name {
  margin-left: 0.4rem;
}

.iconify {
  font-size: 24px; /* Увеличиваем размер иконок */
  margin-left: -10px;
  margin-top: 10px;
}

.selected_option .iconify {
  font-size: 32px; /* Увеличиваем размер иконки в выбранной опции */
}

.option .iconify {
  font-size: 24px; /* Увеличиваем размер иконок в выпадающем списке */
}

.txt__pr {
  top: 22px;
  left: 20px;
  position: absolute;
  font-size: 0.75rem;
  font-weight: 300;
  z-index: 9998;
}

.txt__strn {
  top: 17px;
  position: absolute;
  margin-left: 50px;
  font-weight: 400;
  z-index: 9998;
}

.calllss {
  font-weight: 300;
  font-size: 0.65rem;
  width: 100%;
  top: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block__apps {
  margin-top: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icons__as {
  width: 160px;
  height: 160px;
  border-radius: 1rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='url(%23prefix__a)' rx='16'/%3E%3Cpath fill='%23FC0' d='M19.538 45.731v-2.94h25.015v2.94H19.538Zm15.818-27.016-3.346 3.27-3.275-3.27 3.275-3.275 3.346 3.275Zm.446 20.16V26.374a23.424 23.424 0 0 1 6.417 2.003l-4.147 10.032a.803.803 0 0 1-.71.468c-.312.01-1.56 0-1.56 0Zm-2.939-15.75v18.37s4.827-.005 6.084 0c1.049.004 1.423-.942 1.423-.942l4.408-10.75c.425.272.84.557 1.247.856l-4.582 10.837h3.194l4.927-11.79a26.448 26.448 0 0 0-16.701-6.58ZM28.29 38.877V26.372a23.433 23.433 0 0 0-6.419 2.003l4.149 10.033c.128.278.403.46.71.467.312.01 1.56.002 1.56.002Zm2.94-15.752v18.37s-4.83-.005-6.085 0c-1.05.004-1.423-.942-1.423-.942l-4.41-10.75c-.424.272-.839.557-1.245.856l4.581 10.837h-3.194l-4.927-11.79a26.451 26.451 0 0 1 16.702-6.58Z'/%3E%3Cdefs%3E%3ClinearGradient id='prefix__a' x1='48.178' x2='4.622' y1='4.267' y2='72.889' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E31A3C'/%3E%3Cstop offset='1' stop-color='%23FF5252'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 4rem;
  margin-right: 1rem;
  position: relative;
  width: 4rem;
}

.txt_eb, .fs {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.fs {
  margin-top: 60px;
  margin-left: 30px;
}

.sas {
  margin-top: 240px;
}

.block__perebods {
  width: 100%;
  height: 150px;
  background-color: white;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  margin-top: 100px;
}

.txt__zn {
  font-size: 1.3rem;
  margin-left: 15px;
  margin-top: -30px;
  font-weight: 400;
}

body {
  background-color: #F4EFEF;
  font-family: "Montserrat", sans-serif;
  color: #292929;
}

main {
  padding: 70px 20px;
}