:root {
   --mainColor: #179A95;
   --textShadow: 0px 4px 4px rgba(0, 0, 0, 25%);
}
.__description{
   padding: 25px 15px;
}
.__description h1, .__description h2, .__description h3 {
   font-weight: bold;
   color: #000;
}
.__description p, .__description ol, .__description li {
   font-size: 1rem;
   color: #444;
}

/*header*/
header .header__logo--mob {
   display: none;
}

header {
   background: #F7F7F7;
   box-shadow: 0px 4px 4px 0px #00000040;
   position: relative;
   z-index: 102;
}

.header__container {
   display: flex;
   align-items: center;
   padding-top: 3px;
   padding-bottom: 3px;
}

.logo {
   display: block;
   width: 40px;
}

.header__logo {
   margin-right: clamp(1.25rem, -1.908rem + 6.58vw, 3.438rem);
   margin-top: -2px;
   margin-bottom: 2px;
}

#mob-menu {
   display: flex;
   align-items: center;
   margin-right: auto;
}

.header-telephone {
   display: none;
   font-family: "Inter", sans-serif;
   font-size: 15px;
   align-items: center;
   margin-top: auto;
   margin-left: 26px;
   margin-bottom: 45px;
   position: relative;
}

.header-telephone__arrow {
   margin-left: 10px;
   cursor: pointer;
   transition: 0.5s;
}

.header-telephone__arrow.open {
   transform: rotate(180deg);
}

.telephone__list {
   display: none;
   position: absolute;
   top: 1.2em;
}

.menu__list {
   display: flex;
   gap: clamp(0.938rem, -0.867rem + 3.76vw, 2.188rem);
}

.menu__item {
   display: none;
}

.menu__item--pc {
   display: block;
}

.menu__link,
.call-us__link {
   font-weight: 600;
   color: var(--mainColor);
   transition: 0.5s;
   text-shadow: var(--textShadow);
}

.menu__link:hover,
.call-us__link:hover {
   text-shadow: none;
}

.social {
   display: flex;
   align-items: center;
   gap: 20px;
}

.header__social {
   margin-right: 15px;
}

.call-us {
   display: flex;
   align-items: center;
   margin-right: 20px;
}

.call-us__link {
   margin-right: clamp(1.25rem, -1.908rem + 6.58vw, 3.438rem);
}

.call-us__number {
   font-family: "Inter", sans-serif;
   font-weight: 500;
   margin-right: 15px;
}

.language {
   display: flex;
   align-items: center;
   gap: 12px;
}

.language__text {
   color: #616161;
   cursor: pointer;
}

.language__text.active {
   color: #000;
}

/*footer*/
footer {
   box-shadow: 0px 4px 4px 0px #00000040;
}

.footer__row {
   display: grid;
   grid-template-columns: 1fr 44%;
   background: #fff;
}

.footer__content {
   padding-top: 20px;
   padding-left: 25px;
   padding-right: 45px;
   padding-bottom: 30px;
   display: grid;
   border-top: 1px solid #F0F0F0;
}

.footer__logo {
   margin-bottom: 15px;
}

.call-back {
   padding-top: clamp(0.25rem, 0.131rem + 0.51vw, 0.375rem);
   padding-bottom: clamp(0.25rem, 0.131rem + 0.51vw, 0.375rem);
   padding-inline: clamp(0.375rem, 0.017rem + 1.53vw, 0.75rem);
   box-shadow: 0px 8px 16px 0px #0000000D;
   border: 2px solid #BFBFBF;
   margin-bottom: 25px;
   display: flex;
   align-items: center;
   height: clamp(2.5rem, 1.427rem + 4.58vw, 3.625rem);
   max-width: 650px;
}

.call-back__in-el {
   width: 100%;
   height: 100%;
   position: relative;
}

.call-back__label {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   padding-right: 6px;
   color: #B3BAC8;
   font-size: clamp(0.688rem, 0.389rem + 1.27vw, 1rem);
   display: flex;
   align-items: center;
   opacity: 0;
   z-index: -1;
}

.call-back__control {
   font-size: clamp(0.688rem, 0.389rem + 1.27vw, 1rem);
   height: 100%;
   width: 100%;
   border: 1px solid transparent;
   background: none;
}

.call-back__control::-moz-placeholder {
   color: #fff;
}

.call-back__control::-webkit-input-placeholder {
   color: #fff;
}

.call-back__control:placeholder-shown:not(:focus)+* {
   opacity: 1;
   z-index: 1;
}

.call-back__button {
   flex: 0 0 auto;
   padding-inline: clamp(0.25rem, -0.227rem + 2.04vw, 0.75rem);
   height: 100%;
   font-size: clamp(0.688rem, 0.389rem + 1.27vw, 1rem);
   border-radius: 0;
   box-shadow: none;
}

.footer-menu {
   max-width: 450px;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 15px;
   margin-bottom: 35px;
}

.footer-menu__item.active .footer-menu__link,
.footer-menu__link:hover {
   text-decoration: underline;
}

.footer__social {
   justify-content: flex-end;
}

.footer__social img {
   width: 28px;
}


/*swiper*/
.swiper-button-prev,
.swiper-button-next {
   color: #596774;
   text-shadow: var(--textShadow);
}

.swiper-button-prev:after,
.swiper-button-next:after {
   font-size: clamp(2rem, 1.648rem + 1.5vw, 3rem);
}


/*hero*/
.hero__slider {
   box-shadow: 0px 4px 4px 0px #00000040;
}

.hero-item__container {
   padding-inline: 30px;
}

.hero-item {
   min-height: clamp(13.75rem, 8.028rem + 24.41vw, 30rem);
   padding-top: clamp(1.875rem, 1.215rem + 2.82vw, 3.75rem);
   padding-bottom: clamp(1.875rem, 1.215rem + 2.82vw, 3.75rem);
}

.hero-item__desc {
   max-width: 768px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

.hero-item__status {
   font-weight: 500;
   font-size: clamp(1rem, 0.648rem + 1.5vw, 2rem);
   color: #69B2B0;
   margin-bottom: clamp(0rem, -0.253rem + 1.08vw, 0.625rem);
}

.hero-item__title {
   font-weight: 700;
   font-size: clamp(0.875rem, 0.303rem + 2.44vw, 2.5rem);
   margin-bottom: clamp(0rem, -0.253rem + 1.08vw, 0.625rem);
   text-shadow: var(--textShadow);
}

.hero-item__pretitle {
   font-size: clamp(0.875rem, 0.655rem + 0.94vw, 1.5rem);
   margin-bottom: clamp(1.563rem, 1.309rem + 1.08vw, 2.188rem);
   text-shadow: var(--textShadow);
}

.hero-item__buttons {
   display: flex;
   align-items: center;
   gap: clamp(1.25rem, -0.144rem + 5.95vw, 4.688rem);
}

.hero-item__button {
   font-weight: 500;
   font-size: clamp(0.813rem, 0.534rem + 1.19vw, 1.5rem);
   height: clamp(2.5rem, 1.74rem + 3.24vw, 4.375rem);
   padding-inline: clamp(0.875rem, 0.655rem + 0.94vw, 1.5rem);
}

.hero-item__link {
   font-weight: 500;
   font-size: clamp(0.813rem, 0.534rem + 1.19vw, 1.5rem);
   color: #fff;
   text-shadow: var(--textShadow);
   display: flex;
   align-items: center;
}

.hero-item__link:hover {
   text-shadow: none;
}


/*statistics*/
.statistics__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: clamp(2.813rem, 2.052rem + 3.24vw, 4.688rem);
   padding-bottom: clamp(2.813rem, 2.052rem + 3.24vw, 4.688rem);
}

.statistic-item {
   width: 30%;
   min-height: clamp(6.875rem, 5.608rem + 5.41vw, 10rem);
   padding: 15px;
   text-align: center;
   background: #F7F7F7;
   border-radius: 40px;
   box-shadow: 0px 4px 4px 0px #00000040;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.statistic-item__number {
   font-weight: 700;
   font-size: clamp(2rem, 1.797rem + 0.86vw, 2.5rem);
   text-shadow: var(--textShadow);
   color: var(--mainColor);
   margin-bottom: clamp(0rem, -0.38rem + 1.62vw, 0.938rem);
}

.statistic-item__text {
   font-weight: 700;
   font-size: clamp(0.938rem, 0.912rem + 0.11vw, 1rem);
}


/*big-section*/
.big-section::before,
.big-section::after{
   content: "";
   position: absolute;
   top: 0;
}

.big-section::before{
   right: 0;
   width: 100%;
   height: 100%;
   background: url("../img/assortment-bg1.png") no-repeat right top;
   transform: scale(-1, 1) ;
   background-size: cover;
   z-index: -1;
   opacity: 0.8;
}

.big-section::after{
   right: 0;
   width: 100%;
   height: 100%;
   background: url("../img/assortment-bg1.png") no-repeat right top;
   background-size: cover;
   z-index: -1;
}

/*radio, checkbox*/
.radio {
   margin-bottom: 0;
}

.radio input {
   display: none;
}

.radio span {
   display: inline-block;
   position: relative;
   font-weight: 500;
   font-size: 16px;
   line-height: 27px;
   padding-left: 23px;
   cursor: pointer;
}

.radio span:before,
.radio input[type="radio"]:checked+span:after {
   content: "";
   position: absolute;
   top: 13px;
   transform: translatey(-50%);
}

.radio span:before {
   height: 16px;
   width: 16px;
   left: 0px;
   border: 2px solid #414141;
   border-radius: 50%;
}

.radio input[type="radio"]:checked+span:after {
   height: 14px;
   width: 14px;
   left: 1px;
   border-radius: 50%;
   background: #414141;
}

/*assortments*/
.assortments{
   padding-top: 30px;
   padding-bottom: 15px;
   background: rgba(0, 0, 0, 2%);
   margin-bottom: 45px;
}

.assortments::before{
   content: "";
   position: absolute;
   top: 0;  
   right: 85px;
   width: 82%;
   height: 400px;
   background: url("../img/assortment-bg2.png") no-repeat right top;
   background-size: contain;
   opacity: 0.5;
}

.assortments__container {
   display: grid;
   grid-template-columns: 40% 1fr;
   grid-template-rows: auto 1fr;
   column-gap: 6%;
   
}

.as-category {
   grid-row: span 2;
}

.as-header__title {
   font-weight: 700;
   font-size: clamp(1.25rem, 1.149rem + 0.43vw, 1.5rem);
   margin-bottom: 15px;
}

.as-header__row {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 25px;
}

.as-header__col {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.as-category {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.categoty-item {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.categoty-item__img {
   aspect-ratio: 243/203;
   width: clamp(10.313rem, 8.336rem + 8.43vw, 15.188rem);
   margin-bottom: clamp(0.75rem, 0.598rem + 0.65vw, 1.125rem);
   border: 1px solid #CCCCDC;
   border-radius: 10px;
   box-shadow: 4px 4px 4px 0px #00000040;
   overflow: hidden;
}

.categoty-item__as-check input {
   display: none;
}

.categoty-item__button {
   height: 34px;
   padding-inline: 30px;
   background: #888888;
}

.categoty-item__button:hover {
   background: #646464;
}

.categoty-item__as-check input:checked~.categoty-item__button {
   background: #0F6461;
   box-shadow: none;
}

.as-bottom {
   display: flex;
   align-items: center;
   gap: 25px;
   padding-top: 15px;
   align-self: start;
}

.as-bottom__button {
   font-size: 12px;
   height: 41px;
   padding-inline: 12px;
}

.as-bottom__price {
   font-weight: 500;
   font-size: 20px;
}

/*select-bl*/
.select-bl {
   position: relative;
   width: 100px;
}

.dropdown-toggle .icon-chevron-down {
   position: absolute;
   top: 0px;
   right: 6px;
   line-height: 27px;
   transition: 0.5s;
   cursor: pointer;
}

.dropdown-toggle.open .icon-chevron-down {
   transform: rotate(180deg);
   ;
}

.dropdown-menu {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   background: #fff;
   padding: 2px 2px 2px 12px;
   border: 1px solid #7E7E7E;
   border-radius: 4px;
   margin-top: 2px;
}

.dropdown-menu li:not(:last-child) {
   margin-bottom: 2px;
}

.dropdown-menu li a,
.dropdown-menu li span {
   cursor: pointer;
   display: block;
}

.select-bl__control {
   width: 100%;
   height: 27px;
   border: 1px solid #7E7E7E;
   border-radius: 4px;
   padding-left: 12px;
   padding-right: 20px;
   cursor: pointer;
}

/*big-social*/
.big-social {
   margin-bottom: 60px;
}

.big-social__border {
   padding-top: clamp(1.563rem, 0.929rem + 2.7vw, 3.125rem);
   padding-bottom: clamp(1.563rem, 0.929rem + 2.7vw, 3.125rem);
   padding-inline: clamp(1.25rem, -0.017rem + 5.41vw, 4.375rem);
   /*background: url("../img/line.svg") center no-repeat;
   background-size: contain;*/
   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='%23179A95FF' stroke-width='6' stroke-dasharray='65' stroke-dashoffset='30' stroke-linecap='square'/%3e%3c/svg%3e");
   border-radius: 30px;
}

.big-social__wrapper {
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: clamp(1.875rem, -3.539rem + 11.28vw, 5.625rem);
   row-gap: clamp(0.313rem, 0.186rem + 0.54vw, 0.625rem);
   background: #fff;
   box-shadow: 0px 0px 10.6px 10px #00000040;
   border-radius: 20px;
   padding-inline: clamp(0.75rem, 0.167rem + 2.49vw, 2.188rem);
   padding-top: clamp(2.188rem, 1.427rem + 3.24vw, 4.063rem);
   padding-bottom: clamp(2.188rem, 1.427rem + 3.24vw, 4.063rem);
   position: relative;
}

.big-social__wrapper::before {
   content: "";
   width: 1px;
   height: clamp(6.25rem, 4.476rem + 7.57vw, 10.625rem);
   background: #E6E6E6;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.big-social__title {
   display: none;
   font-weight: 700;
   font-family: "Rubik", sans-serif;
   font-size: 14px;
   position: absolute;
   top: clamp(0.625rem, 0.267rem + 1.53vw, 1rem);
   left: 50%;
   transform: translateX(-50%);
}

.big-social-item {
   height: clamp(3.125rem, 2.111rem + 4.32vw, 5.625rem);
   display: flex;
   align-items: center;
   gap: clamp(0.313rem, 0.135rem + 0.76vw, 0.75rem);
   border: 2px solid var(--mainColor);
   border-radius: 15px;
   padding: 10px;
   padding-left: clamp(1.25rem, 0.997rem + 1.08vw, 1.875rem);
   box-shadow: 0px 4px 4px 0px #00000040;
}

.big-social-item:hover {
   box-shadow: none;
   border-color: #0F6461;

   .big-social-item__button {
      box-shadow: none;
   }
}

.big-social-item__icon img {
   width: clamp(1.125rem, 0.669rem + 1.95vw, 2.25rem);
}

.big-social-item__desc {
   display: grid;
}

.big-social-item__text {
   font-weight: 300;
   font-family: "Rubik", sans-serif;
   font-size: 14px;
   line-height: 1;
   margin-top: -14px;
}

.big-social-item__title {
   font-weight: 700;
   font-family: "Poppins", sans-serif;
   font-size: clamp(0.75rem, 0.345rem + 1.73vw, 1.75rem);
}

.big-social-item__button {
   color: #000;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   font-size: 12px;
   padding-inline: 12px;
   height: 30px;
   background: #D1D1D1;
   border: 1px solid #fff;
   box-shadow: 0px 0px 15px 0px #00000040;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 15px;
   margin-left: auto;
   transition: 0.5s;
}

/*faq*/
.faq {
   margin-bottom: 100px;
}

.faq__title {
   font-weight: 700;
   font-size: clamp(1.5rem, 0.892rem + 2.59vw, 3rem);
   margin-bottom: clamp(0.938rem, 0.684rem + 1.08vw, 1.563rem);
   text-align: center;
}

.accordion {
   padding-right: 12px;
}

.item-accordion:first-child {
   border-top: 2px solid #000;
}

.item-accordion {
   padding-top: clamp(0.938rem, 0.811rem + 0.54vw, 1.25rem);
   padding-bottom: clamp(0.938rem, 0.811rem + 0.54vw, 1.25rem);
   border-bottom: 2px solid #000;
}

.item-accordion__title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 15px;
   cursor: pointer;
}

.item-accordion__text {
   font-weight: 700;
   font-size: clamp(0.688rem, 0.358rem + 1.41vw, 1.5rem);
}

.item-accordion__desc {
   font-size: clamp(0.625rem, 0.473rem + 0.65vw, 1rem);
   padding-top: 15px;
}

.item-accordion__control,
.item-accordion__desc {
   display: none;
}

.icon-plus-lg {
   font-size: clamp(1.25rem, 0.845rem + 1.73vw, 2.25rem);
   margin-right: -18px;
   transition: 0.5s;
}

.item-accordion__control:checked+.item-accordion__title .icon-plus-lg {
   transform: rotate(135deg);
}

/*advice*/
.advice {
   display: grid;
   grid-template-columns: 50% auto;
   background: #F7F7F7;
}

.advice__bg-text {
   display: flex;
   align-items: center;
   font-family: "Keania One", sans-serif;
   font-size: clamp(1.125rem, 0.154rem + 2.02vw, 2rem);
   line-height: 1;
   text-transform: uppercase;
   color: #fff;
   width: clamp(11.063rem, -0.244rem + 23.55vw, 21.25rem);
   height: clamp(4.5rem, -0.078rem + 9.54vw, 8.625rem);
   position: absolute;
   left: 0;
   padding-left: clamp(0.438rem, -0.464rem + 1.88vw, 1.25rem);
}

.advice__bg-text-1 {
   top: 21%;
}

.advice__bg-text-2 {
   top: 45.5%;
}

.advice__bg-text-3 {
   top: 70%;
}

.advice__form {
   padding-top: 30px;
   padding-bottom: 30px;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding-left: clamp(0.938rem, -4.476rem + 11.28vw, 4.688rem);
}

.advice__title {
   font-weight: 700;
   font-size: clamp(1.25rem, 0.167rem + 2.26vw, 2rem);
   margin-bottom: 15px;
}

.advice__label,
#advice-name {   
   font-weight: 700;
   font-size: clamp(0.938rem, 0.912rem + 0.11vw, 1rem);
   margin-bottom: clamp(0.375rem, -0.437rem + 1.69vw, 0.938rem);
}

#advice-name{
   border: none;
   background: none;
}

.iti__selected-country-primary{
   padding-left: 0;
}

.advice__in-el {
   width: 100%;
   padding-top: clamp(0.313rem, -0.59rem + 1.88vw, 0.938rem);
   padding-bottom: clamp(0.313rem, -0.59rem + 1.88vw, 0.938rem);
   border-top: 2px solid #A79595;
   border-bottom: 2px solid #A79595;
   margin-bottom: clamp(1.25rem, -0.103rem + 2.82vw, 2.188rem);
}

.advice__in-el input#telephone {
   border: none;
   background: none;
   height: 30px;
   font-size: clamp(1rem, 0.797rem + 0.86vw, 1.5rem);
}
.advice__in-el .iti__selected-dial-code{
   font-size: clamp(1rem, 0.797rem + 0.86vw, 1.5rem);
}

.advice .radio span {
   font-weight: 700;
}

.advice__button {
   height: 52px;
   padding-inline: 55px;
   margin-top: clamp(1.25rem, -12.284rem + 28.2vw, 10.625rem);
}

/*action*/
.action__container {
   padding-top: clamp(0rem, -1.52rem + 6.49vw, 3.75rem);
   padding-bottom: clamp(3.75rem, 0.963rem + 11.89vw, 10.625rem);
}

.action__wrapper {
   display: flex;
   justify-content: space-between;
   padding-top: 50px;
   padding-bottom: 25px;
   padding-inline: clamp(0.938rem, 0.684rem + 1.08vw, 1.563rem);
   border: 1px solid #fff;
   background: rgba(255, 255, 255, 50%);
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.item-action {
   width: 22%;
   display: flex;
   flex-direction: column;
}

.item-action__icon {
   height: 65px;
   display: flex;
   align-items: flex-end;
   align-self: center;
   margin-bottom: clamp(0.938rem, 0.684rem + 1.08vw, 1.563rem);
   margin-right: 30%;
}

.item-action__title {
   font-weight: 700;
   font-size: clamp(1.25rem, 1.149rem + 0.43vw, 1.5rem);
   color: var(--mainColor);
   margin-bottom: clamp(0.938rem, 0.861rem + 0.32vw, 1.125rem);
}

.item-action__text {
   font-weight: 300;
   font-size: clamp(0.813rem, 0.736rem + 0.32vw, 1rem);
}


/*reviews*/
.reviews__container {
   padding-top: 60px;
   padding-bottom: 85px;
}

.reviews__container::before {
   top: 0;
   left: 0;
   height: 264px;
   background: url("../img/reviews-bg1.png") no-repeat left top;
}

.reviews__container::after {
   right: 0;
   bottom: 0;
   height: 350px;
   background: url("../img/reviews-bg2.png") no-repeat right bottom;
}

.reviews__container::before,
.reviews__container::after {
   content: "";
   width: 30%;
   position: absolute;
   background-size: contain;
   z-index: -1;
}

.reviews__title {
   text-align: center;
   font-weight: 700;
   font-size: clamp(1.5rem, 1.095rem + 1.73vw, 2.5rem);
   color: var(--mainColor);
   margin-bottom: 30px;
}

.item-reviews {
   display: flex;
   flex-direction: column;
   padding: 20px;
   background: #F1F1F8;
   height: 100%;
}

.item-reviews__text {
   flex: 1 1 auto;
   font-size: clamp(0.813rem, 0.736rem + 0.32vw, 1rem);
   margin-bottom: 13px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
   overflow: hidden;
}

.item-reviews__row {
   display: flex;
   align-items: center;
   gap: 20px;
}

.item-reviews__user {
   width: 42px;
   aspect-ratio: 42/42;
   border: 1px solid #fff;
   border-radius: 50%;
   overflow: hidden;
}

.item-reviews__name {
   font-weight: 700;
}

.swiper-pagination {
   position: relative;
   margin-top: 40px;
}

.swiper-pagination-bullet {
   height: 12px;
   width: 12px;
}

.swiper-pagination-bullet-active {
   background: #060629;
}

.reviews__slider .swiper-wrapper {
   align-items: stretch;
}

.reviews__slider .swiper-slide {
   height: auto;
}

/*modal*/
.modal {
   display: none;
   position: fixed;
   z-index: 200;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
   overflow: auto;
   background: rgba(24, 58, 79, 0.6);;
   justify-content: center;
   align-items: center;
   padding: 7px;
}

.modal .modal-content {
   position: relative;
   padding-top: 45px;
   padding-bottom: 30px;
   padding-inline: 15px;
   width: 100%;
   max-width: 485px;
   background: #fff;
   z-index: 201;
   box-shadow: 0px 0px 10.6px 10px #00000040;
   border-radius: 25px;
}
.modal .modal-content .text-success{
   text-align: center;
}
.modal .iti{
   width: 100%;
   height: 50px;
   font-family: "Open Sans", sans-serif;
   font-size: 15px;
   background: #F7F7F7;
   border-radius: 25px;
   padding-left: 10px;
   box-shadow: 0px 4px 4px 0px #00000040;
   border: 1px solid transparent;
}

.modal .iti:focus-within {
   border:1px solid gainsboro;
   box-shadow: none;
}

.modal .in-el input[name="phone"]{
   box-shadow: none;
   border: none;
   height: 48px;
}
.modal .iti--allow-dropdown .iti__country-container{
   left: 10px;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover{
   background-color: inherit;
}
.feedback{
   display: flex;
   flex-direction: column;
   align-items: center;
}

.modal__close {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
}

.modal__close svg{
   width: 26px;
   height: 26px;
}

.in-el {
   position: relative;
   margin-bottom: 15px;
   width: 100%;
}

.error {
   display: none;
   font-size: 11px;
   font-family: "Open Sans", sans-serif;
   color: red;
   position: absolute;
   left: 25px;
   bottom: 0px;
   transform: translateY(100%);
}
.error-price{
   font-family: "Open Sans", sans-serif;
   color: red;
}

.in-el--error .error{
   display: block;
}
.in-el--field,
.advice__in-el{
   position: relative;
}
.advice__in-el .error,
.in-el--field .error{
   left: 0;
   bottom: -3px;
}
.call-back__in-el.in-el--error input{
   border:none;
   box-shadow: none;
   color: inherit;
}
.call-back__in-el .error{
   left: 0;
   bottom: 10px;
}
.in-el input:not(.iti__search-input),
.in-el textarea {
   width: 100%;
   height: 50px;
   font-family: "Open Sans", sans-serif;
   font-size: 15px;
   border: 1px solid transparent;
   background: #F7F7F7;
   border-radius: 25px;
   padding-inline: 25px;
   box-shadow: 0px 4px 4px 0px #00000040;
}

.in-el input:focus{
   box-shadow: none;
}

.in-el--error input{
   border-color: rosybrown;
   box-shadow: none;
   color: rosybrown;
}

.in-el textarea {
   height: 100px;
   resize: none;
   padding-top: 15px;
}

.feedback input:focus,
.feedback textarea:focus {
   border-color: gainsboro;
   box-shadow: none;
}

.feedback__button{
   margin-top: 35px;
   height: 45px;
   padding-inline: 25px;
}