html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  margin: 0px;
  padding: 0px;
  position: relative;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}
header {
  width: 100%;
  position: relative;
}
a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  width: fit-content;
}
.rowList {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
}
.columnList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.phoneNumber {
  font-size: 14px;
  font-style: normal;
  line-height: 19px;
  letter-spacing: 0.14px;
  font-weight: 600;
  color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.phone-icon {
  background: url("../../assets/image/icons/Calling.svg");
  width: 18px;
  height: 18px;
}
.btn {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  transition: 300ms;
}
.btn:hover {
  background: #e5382f;
  transition: 300ms;
  color: white;
}
.btnClosed {
  background-image: url("../../assets/image/icons/closed.svg");
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
}
.icon {
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  background-position: center;
  background-size: cover;
}
.header-bottom,
.header-top {
  /* padding: 0 19.5% 0 19.5%; */
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
}
.header-bottom {
  margin-top: 30px;
}
.header-top {
  height: 30px;
  background: var(--dark-200, #333);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  color: #989898;
}
.header__topContainer {
  height: 30px;
  background: var(--dark-200, #333);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  color: #989898;
}
.header-top__left {
  display: flex;
  justify-content: space-between;
  width: 792px;
}
.header-top__list {
  gap: 8px;
}
.header-top__navItem {
  color: #989898;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #989898;
  height: fit-content;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: 300ms;
}
.header-top__navItem a {
  color: #989898;
  transition: 300ms;
}
.header-top__navItem a:hover,
.header-top__navItem:hover {
  color: white;
  transition: 300ms;
}
.header-top__mobileNavItem a:hover,
.header-top__mobileNavItem a:hover {
  color: black;
}
.navItem-active {
  border-bottom: none;
}
.navItem-active a {
  color: #fafafa;
}
.navItem__locationIcon {
  background-image: url("../../assets/image/icons/Location.svg");
  /* position: absolute; */
}
.navItem__dashingIcon {
  background-image: url("../../assets/image/icons/dashing.png");
  display: flex;
  align-items: center;
  width: 7px;
  height: 17px;
  margin-right: 8px;
}
.dashingIcon-white {
  background-image: url("../../assets/image/icons/dashing-white.svg");
  margin: 0;
}
.header-top__right {
  display: flex;
  justify-content: space-between;
  width: 178px;
}
.services-icon {
  width: 80px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-top: 5px;
}
.googlePlay {
  background-image: url("../../assets/image/icons/google-play.png");
}
.appStore {
  background-image: url("../../assets/image/icons/app-store.png");
}
.header-bottom {
  padding-bottom: 18px;
  padding-top: 18px;
  background-color: white;
}
.header-bottom__container {
  display: flex;
  justify-content: space-between;
}
.header-bottom__left {
  display: flex;
  gap: 20px;
  align-items: center;
}
.logo-img {
  object-fit: cover;
  object-position: center;
  width: 177px;
  height: 26px;
}
.logo-header {
  display: flex;
  flex-direction: column;
  width: 178px;
  color: #808080;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 4px;
  text-align: center;
}
.header-bottom__dashingIcon {
  height: 33px;
  border: 1px solid red;
}
.logo-header__text {
  color: var(--black, #000);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.header-bottom__center {
  width: 525px;
  justify-content: space-between;
}
.header-bottom__item {
  position: relative;
}
.header-bottom__item a {
  color: #262626;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: 300ms;
  position: relative;
}
.nav-hover {
  position: relative;
}
.header-bottom__item a::after,
.nav-hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 0;
  border-bottom: 1px solid transparent;
  transition: 300ms;
  height: 1px;
  background-color: #262626;
}

.header-bottom__item a:hover::after,
.nav-hover:hover::after {
  width: 100%;
  left: 0;
}
.btn-pickUp {
  border-radius: 8px;
  background: #e5382f;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  padding: 12px 20px;
  width: 154px;
  box-sizing: border-box;
  height: 40px;
  transition: 300ms;
}
.btn-pickUp:hover {
  background-color: #262626;
  transition: 300ms;
}
.mobile-header__icon {
  object-fit: cover;
  object-position: center;
}
.mobile__burger {
  cursor: pointer;
}
.mobile-header {
  padding: 20px;
  display: none;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 11;
}
.mobile-header__container {
  display: flex;
  justify-content: space-between;
}
.mobile-header__left {
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
.mobile-header__left,
.mobile-header__right {
  width: 133px;
}
.mobile-logoTablet {
  margin-left: auto;
  margin-right: auto;
}
.black-number {
  color: #262626;
}
.mobileNumber {
  text-align: right;
  display: inline-block;
  width: 100%;
}
.mobile-logo {
  display: none;
}
.workTime {
  color: var(--normal-300, #828282);
  font-size: 12px;
}
.responsiveMenu {
  width: 360px;
  overflow: hidden;
  position: fixed;
  left: -360px;
  top: 0;
  background-color: white;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  transition: transform 300ms;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 11;
}

.responsiveMenu-active {
  transform: translateX(360px);
  transition: transform 300ms;
}
.popupDisabled {
  transition: 300ms;
}
.responsiveMenu__header {
  display: flex;
  gap: 15px;
  height: 44px;
}
.responsiveMenu__main {
  margin-top: 26px;
  color: #262626;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.responsiveMenu__numberContainer {
  margin-bottom: 24px;
}
.responsiveMenu__number {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.16px;
}
.responsiveMenu__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.responsiveMenu__button {
  width: 100%;
  height: 45px;
  margin-top: 24px;
}
.responsiveMenu__servicesIcon {
  width: 73px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-top: 14px;
}
.responsiveMenu__googlePlay {
  background-image: url("../../assets/image/icons/google-play-mobile.png");
}
.responsiveMenu__appStore {
  background-image: url("../../assets/image/icons/app-store-mobile.png");
}
.responsiveMenu__servicesContainer {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.responsiveMenu__servicesIcon {
  width: 152.5px;
  height: 40px;
  background-position: center;
  border-radius: 4px;
  border: 1px solid #afb2b8;
}
.responsiveMenu__logo {
  justify-content: center;
}
.responsiveMenu__logo,
.responsiveMenu__logo img {
  width: 127px;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: 7.579px;
  letter-spacing: 3.28px;
  white-space: nowrap;
}
.responsiveMenu__logo img {
  height: 18px;
}
.btnClosed {
  margin: auto 0;
}
@media screen and (max-width: 1600px) {
  /* .header-bottom,
  .header-top {
    padding-left: 200px;
    padding-right: 200px;
  } */
  /* .header-bottom__center {
    width: 500px;
  } */
}
@media screen and (max-width: 1400px) {
  /* .header-bottom,
  .header-top {
    padding-left: 150px;
    padding-right: 150px;
  } */
  /* .header-bottom__center {
    width: 460px;
  } */
  /* .header-top__left {
    width: 700px;
  } */
}
@media screen and (max-width: 1250px) {
  /* .header-bottom,
  .header-top {
    padding-left: 100px;
    padding-right: 100px;
  } */
}

@media screen and (max-width: 1200px) {
  .header-bottom,
  .header-top {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 1150px) {
  .header-bottom,
  .header-top {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 1075px) {
  .header-bottom,
  .header-top {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 1030px) {
  .header-bottom,
  .header-top {
    display: none;
  }
  .header-bottom__left {
    width: fit-content;
  }
  .mobile-header {
    display: block;
  }
  .header-bottom__item a {
    line-height: 25px;
    font-size: 18px;
  }
  .responsiveMenu__list {
    display: flex;
    gap: 24px;
  }
  .header-top__navItem {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
  }
}
@media screen and (max-width: 600px) {
  .mobile-logoTablet {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
}
@media screen and (max-width: 360px) {
  .responsiveMenu {
    width: 100%;
    /* padding-left: 13px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px; */
  }
  .responsiveMenu__button {
    width: 260px;
  }
  .responsiveMenu__servicesIcon {
    width: 124px;
  }
}
main {
  padding-top: 139px;
}
.swiper__container {
  position: relative;
}
.section {
  /* padding: 0 19.323% 0 19.271%; */
  position: relative;
}
.swiper__img {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: right;
}
.swiper-slideBanner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 400px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 74px;
  height: 74px;
}
.swiper-button-next {
  right: -35px;
}
.swiper-button-prev {
  left: -35px;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
  background-image: url("../../assets/image/icons/swiper-active.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  background-color: red;
  border-radius: 50%;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "";
  background-image: url("../../assets/image/icons/swiper-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  background-color: white;
  border-radius: 50%;
}
.swiper__textContainer {
  margin-top: 40px;
  margin-left: 74px;
  color: #fff;
  max-width: 563px;
}
.swiper__title {
  font-size: 28px; /*38**/
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 60px */
  letter-spacing: -0.48px;
  margin: 0px;
}
.swiper__title.black {
  color: var(--primary-black, #262626);
}
.swiper__description {
  margin: 12px 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 32.4px */
  letter-spacing: -0.24px;
}
.swiper__warn {
  color: var(--text-black, #262626);
  font-size: 12px;
  font-weight: 600;
  line-height: 125%; /* 17.5px */
  margin-top: auto;
  margin-bottom: 20px;
  margin-left: 74px;
  max-width: 694px;
}
.swiper__dateContainer {
  display: flex;
  padding: 12px 20px;
  align-items: flex-start;
  gap: 10px;
  background: #e5382f;
  max-width: 184px;
}
.swiper__date {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* 24.3px */
  letter-spacing: 0.18px;
}
.swiper__btn {
  display: flex;
  /*width: 186px;*/
  width: 170px;
  /*padding: 16px 24px;*/
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 160%; /* 24px */
  letter-spacing: 0.15px;
  /*margin-top: 36px;*/
  margin-top: 10px;
}
.swiper__btn.hidden {
  display: none;
}
/* @media screen and (max-width: 1600px) {
  .section,
  .swiper {
    padding: 0 200px;
  }
} */
/* @media screen and (max-width: 1400px) {
  .section,
  .swiper {
    padding: 0 150px;
  }
} */
@media screen and (max-width: 1300px) {
  .swiper__textContainer {
    /*max-width: 450px;*/
  }
  .swiper__title {
    /*font-size: 28px; /*32*/
  }
  .swiper__description {
    font-size: 22px;
  }
}
/* @media screen and (max-width: 1250px) {
  .section,
  .swiper {
    padding: 0 100px;
  }
} */
@media screen and (max-width: 1200px) {
  .section,
  .swiper {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1075px) {
  .section,
  .swiper {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1030px) {
  main {
    padding-top: 138px;
  }
  .swiper__title {
    font-size: 27px;
  }
  .swiper__description {
    font-size: 20px;
  }
  .swiper__textContainer {
    max-width: 350px;
  }
  .swiper__dateContainer {
    max-width: 164px;
  }
  .swiper__date {
    font-size: 16px;
    letter-spacing: 0.16px;
  }
  /* .swiper__btn {
    width: 168px;
  } */
  .swiper-slider {
    overflow: hidden;
  }
  .swiper__img {
    object-fit: cover;
  }
}
@media screen and (max-width: 900px) {
  /* .swiper__container{
    height:350px;
  } */
  .swiper__title {
    font-size: 27px;
  }
  .swiper__description {
    font-size: 18px;
  }
}
@media screen and (max-width: 800px) {
  .swiper-slider {
    overflow: hidden;
  }
  .swiper__img {
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 600px) {
  .section,
  .swiper {
    padding: 0 20px;
  }
  .swiper__img {
    position: relative;
    content: url("../../assets/image/swiper/swiper-mobile1.png");
    object-position: center;
    object-fit: cover;
  }
  .swiper-container {
    height: fit-content;
  }
  .swiper__textContainer {
    margin: 0;
    margin-top: 24px;
    width: 100%;
    max-width: 1000px;
    text-align: center;
  }
  .swiper__title {
    color: var(--dark-200, #333);
    font-family: "Ubuntu", sans-serif;
  }
  .swiper__description {
    color: #000;
  }
  .swiper__btn {
    background: #262626;
    width: 100%;
    color: #fff;
    font-size: 15px;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    width: 48px;
    height: 48px;
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    width: 48px;
    height: 48px;
  }
  .swiper__dateContainer {
    position: absolute;
    top: 0;
  }
  .swiper__warn {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 400px) {
  .swiper__img {
    height: 300px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: 40%;
  }
  .swiper__textContainer {
    text-align: left;
  }
}
.banners {
  padding-top: 20px;
}
.banners__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.banners__item {
  cursor: pointer;
  position: relative;
}
.banners__img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  transition: 300ms;
  /* width:200px */
}
.banners__logo{
  position: absolute;
  width:30px;
  height:30px;
  left:14px;
  top:28px
}
.banners__img:hover {
  opacity: 0.6;
}
@media screen and (max-width: 900px) {
  .banners {
    display: none;
  }
}
.redeem__container {
  background: linear-gradient(90deg, #262626 0%, #520d0b 100%);
  color: var(--text-white, #fff);
  padding: 44px 100px 44px 80px;
  display: flex;
  gap: 20px;
}
.redeem__container.reversed-bg {
  background: linear-gradient(90deg, #520d0b 0%, #262626 100%);
}
.pageTitle {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin: 0;
}
.redeem {
  padding-top: 100px;
}
.redeem__title {
  max-width: 400px;
}
.redeem__description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
  max-width: 320px;
  display: inline-block;
}
.redeem_btn {
  width: 200px;
  height: 56px;
  /* padding: 15px 0px; */
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.15px;
  border-radius: 10px;
  border: 1px solid var(--primary-white, #fff);
  margin-top: 32px;
}
.redeem_btn a {
  color: var(--text-white, #fff);
  height: 100%;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.redeem__containerLeft {
  width: 400px;
}
.redeem__containerCenter,
.redeem__containerRight {
  display: flex;
  flex-direction: column;
  gap: 48px;
  color: var(--text-white, #fff);
  font-size: 16px;
  font-weight: 700;
  line-height: 135%;
  padding-top: 13px;
}
.redeem_item {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 280px;
}
.redeem_btn-mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .redeem__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 1000px) {
  .redeem__containerCenter,
  .redeem__containerRight {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  .redeem__container {
    padding: 22px 60px 22px 40px;
  }
}
@media screen and (max-width: 800px) {
  .redeem__container {
    padding: 22px 40px 22px 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .redeem__container {
    flex-direction: column;
    align-items: center;
  }
  .redeem__containerCenter,
  .redeem__containerRight,
  .redeem__containerLeft {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
  .redeem_btn {
    margin: 0;
  }
  .redeem_item {
    max-width: 230px;
  }
  .redeem__containerCenter,
  .redeem__containerRight {
    gap: 33px;
  }
}
@media screen and (max-width: 600px) {
  .redeem__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 620px;
  }
  .redeem_btn {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    right: calc(50% - 140px);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    margin-top: 52px;
  }
  .redeem_btn-mobile {
    display: block;
  }
  .redeem__containerLeft {
    margin-right: 25px;
    width: fit-content;
  }
  .redeem__title {
    margin-right: 25px;
    width: fit-content;
    margin: auto;
  }
  .redeem__description{
    margin:auto;
    width:fit-content;
    text-align: center;
  }
  .redeem__containerCenter,
  .redeem__containerRight {
    gap: 33px;
  }
}
@media screen and (max-width: 450px) {
  .redeem {
    padding: 0;
    padding-top: 80px;
  }
  .redeem__containerLeft {
    width: fit-content;
  }
  .redeem__title {
    margin: 0;
    margin-right: 30px;
  }
  .redeem_btn {
    width: 100%;
  }
  .redeem__description{
    margin:0;
    width:fit-content;
    text-align: left;
  }
}
@media screen and (max-width: 350px) {
}
.catalog {
  padding-top: 100px;
}
.catalog__headerList {
  width: 100%;
}
.catalog__headerList__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog__headerList {
  justify-content: left;
  gap: 8px;
}
.catalog__headerList__item {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size:14px
}
.hotOffer {
  border-radius: 16px 16px 0px 0px;
  background: #e5382f;
  box-shadow: 0px -2px 0px 0px #e5382f inset !important;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.12px;
  padding: 12px 10px;
  width: 180px;
  height: 40px;
  box-sizing: border-box;
  cursor: auto;
}
.catalog__carModel {
  padding: 12px 24px;
  min-width: 138px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  gap: 4px;
}

.catalog__modelIcon {
  max-height: 20px;
  object-fit: cover;
  object-position: center;
}
.catalog__carsItem {
  /* width: 370px; */
  position: relative;
  display: none;
  width: calc(33.33% - 20px);
}
.catalog__content {
  display: flex;
  gap: 20px;
  flex-direction: column;
  position: relative;
}
.cars__introContainer {
  width: 100%;
  height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0px 0px;
  background: rgba(211, 211, 211, 0.5) 50% / cover no-repeat;
}
.cars__introContainer.notPng {
  background: transparent;
}
.cars__introContainer img {
  object-fit: cover;
  object-position: center;
  max-width: 301px;
}
.cars__textContainer {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 0px 0px 12px 12px;
  border: 1px solid #f5f6f7;
}
.cars__title {
  color: #262626;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0px;
}
.cars__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: var(--text-black, #262626);
  font-size: 18px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: 0.18px;
}
.cars__btn {
  width: 100%;
  box-sizing: border-box;
  height: 56px;
  padding: 15px 0px;
  border-radius: 10px;
  background: #262626;
  color: #ffffff;
  display: inline-block;
  text-align: center;
}

.catalog__headerDropdown {
  position: relative;
  display: none;
}

.catalog__headerDropdownButton {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
.catalog__headerDropdownButton,
.catalog__headerDropdownList {
  padding: 16px 12px 16px 24px;
  width: 370px;
  border-radius: 8px;
  background: #f5f6f7;
  box-sizing: border-box;
}

.catalog__headerDropdownButtonText {
  margin-right: 10px;
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap:4px
}

.catalog__headerDropdownButtonIcon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../assets/image/icons/dropdown.svg) no-repeat center;
  transition: transform 0.3s ease;
}

.catalog__headerDropdownButton.opened .catalog__headerDropdownButtonIcon {
  transform: rotate(180deg);
}

.catalog__headerDropdownList {
  position: absolute;
  top: 100%;
  left: calc(50% - 190px);
  z-index: 999;
  visibility: hidden;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.catalog__headerDropdownList.show {
  visibility: visible;
}

.catalog__headerList__item {
  /* display: block; */
  padding: 8px;
  text-align: center;
}

.catalog__headerDropdownList .catalog__headerList__item {
  cursor: pointer;
}
.catalog__carModel.disabled {
  opacity: 0.5;
}
.catalog__headerList__item.active {
  font-weight: bold;
  box-shadow: 0 4px 0 -2px #333;
  opacity: 1;
}

.catalog__carsItem.show {
  display: block;
}
.catalog__cardsRow {
  display: flex;
  gap: 20px;
  margin-top: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.cars-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.carsSwiper-wrapper {
  height: auto;
}
.full-size{
  height:100%;
}
.full-size img{
  max-width:100%;
}
.bg-gray{
  background:#DDDDDD
}
.full-height img{
  height:100%
}
.swiper-pagination-bullet {
  stroke-width: 3px;
  stroke: #e5382f;
  width: 50px;
  display: inline-block;
  background: #9c9c9c;
  height: 3px;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
  stroke-width: 3px;
  width: 50px;
  display: inline-block;
  background: #e5382f;
  height: 3px;
  border-radius: 0;
}
.catalog__showMoreBtn {
  display: none;
  color: var(--primary-red, #e5382f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 1px solid var(--primary-red, #e5382f);
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 1790px) and (max-width: 1910px) {
  .cars__btn {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .cars__introContainer img {
    max-width: 230px;
  }
  .full-size img{
    max-width:100%;
  }
}
@media screen and (min-width: 860px) {
  .catalog__showMoreBtn {
    display: none !important;
  }
}
@media screen and (max-width: 860px) {
  .catalog__carsItem {
    width: 320px;
  }
}
@media screen and (max-width: 860px) {
  .catalog__headerList {
    display: none;
  }
  .catalog__headerDropdown {
    display: block;
  }
}
@media screen and (max-width: 860px) {
  .catalog__carModel {
    width: auto;
  }
}
@media screen and (max-width: 450px) {
  .catalog__headerDropdownList {
    left: calc(50% - 140px);
  }
  .catalog__headerDropdownButton,
  .catalog__headerDropdownList {
    width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .catalog__carsItem {
    width: 100%;
  }
  .cars__introContainer img {
    max-width: 250px;
  }
  .full-size img{
    max-width:100%;
  }
}
@media screen and (max-width:370px) {
  .cars__introContainer{
    height:230px
  }
}
.banner-probeg {
  padding-top: 100px;
}
.banner-probeg__container {
  min-height: 250px;
  position: relative;
  background-image: url("../../assets/image/banners/probeg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding: 60px 150px 60px 80px;
}
.banner-probeg__img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner-probeg__textContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.banner-probeg__title {
  color: var(--text-white, #fff);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 45px */
  margin: 0;
}
.banner-probeg__link {
  border-radius: 10px;
  border: 1px solid var(--text-white, #fff);
  color: var(--text-white, #fff);
  font-size: 15px;
  font-weight: 600;
  line-height: 30px; /* 200% */
  letter-spacing: 0.15px;
  width: fit-content;
  /* margin-left:80px; */
  padding: 15px 24px;
}
@media screen and (max-width: 700px) {
  .banner-probeg__container {
    background-image: url("../../assets/image/banners/probeg-mobile.png");
    padding: 54px 22px 49px 22px;
  }
  .banner-probeg__textContainer {
    justify-content: space-between;
    gap: 0px;
    height: 517px;
  }
  .banner-probeg__container {
    height: 620px;
    box-sizing: border-box;
  }
  .banner-probeg__link {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .banner-probeg {
    padding: 0;
    padding-top: 100px;
  }
}
.special-offers {
  padding-top: 100px;
  overflow: hidden;
}
.special-offers__bannerContainer {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 20px;
  padding-top: 36px;
}
.special-offerrs__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.special-offers__title {
  color: var(--text-black, #262626);
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
  margin: 0;
  width: 100%;
}
.special-offers__item {
  position: relative;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  display: flex;
  flex-direction: column;
}
.div1,
.div6 {
  height: 400px;
}
.div2,
.div3,
.div4,
.div5 {
  width: 100%;
  height: 190px;
  padding: 28px 35px 27px 35px;
}
.special-offers__textContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  gap: 12px;
}
.special-offerrs__icon {
  width: 54px;
  height: 54px;
}
.special-offerrs__icon-small {
  width: 36px;
  height: 36px;
}
.special-offerrs__iconBrand {
  position: absolute;
  right: 25px;
}
.icon-svg{
  object-fit: cover;
  width:56px;
  height:56px;
  right:20px
}
.div1 {
  grid-area: 1 / 1 / 3 / 3;
  background-image: url("../../assets/image/special-offers/offers1.png");
  padding: 63px 20px 74px 60px;
}
.div2 {
  grid-area: 1 / 3 / 2 / 4;
  background-image: url("../../assets/image/special-offers/offers2.png");
}
.div3 {
  grid-area: 2 / 3 / 3 / 4;
  background-image: url("../../assets/image/special-offers/offers3.png");
}
.div4 {
  grid-area: 3 / 1 / 4 / 2;
  background-image: url("../../assets/image/special-offers/offers4.png");
}
.div5 {
  grid-area: 4 / 1 / 5 / 2;
  background-image: url("../../assets/image/special-offers/offers5.png");
}
.div6 {
  grid-area: 3 / 2 / 5 / 4;
  background-image: url("../../assets/image/special-offers/offers6.png");
  padding: 54px 201px 61px 60px;
}
.special-offers__itemTitle {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  margin: 0;
}
.special-offerrs__itemDescriptionContainer {
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.special-offerrs__itemDescription {
  color: #f2f2f2;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
  margin: 0;
  align-self: flex-start;
}
.special-offers__showMoreBtn {
  /* position: absolute;
  left: calc(50% - 47px); */
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  .special-offerrs__itemTitle {
    font-size: 20px;
  }
  .special-offerrs__itemDescription {
    font-size: 14px;
  }
}
@media screen and (max-width: 972px) {
  .div2,
  .div3,
  .div4,
  .div5 {
    width: 100%;
    height: 200px;
    padding: 22px 20px 22px 20px;
  }
  .div1,
  .div6 {
    height: 100%;
  }
}
@media screen and (max-width: 860px) {
  .special-offers__bannerContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .special-offers__textContainer {
    height: auto;
  }
  .div2,
  .div3,
  .div4,
  .div5 {
    width: 100%;
    height: 200px;
    padding: 20px;
    padding-right: 40px;
  }
  .special-offers__item {
    max-width: 320px;
    height: 300px;
  }
  .div1,
  .div6 {
    padding: 20px;
  }
  .div2 {
    background-image: url("../../assets/image/special-offers/offers2-mobile.png");
  }
  .div3,
  .div4 {
    /*background-image: url(../../assets/image/special-offers/offers4.png);*/
  }
  .div5 {
    /*background-image: url("../../assets/image/special-offers/offers5.png");*/
  }
  .special-offerrs__iconBrand {
    bottom: 25px;
  }
  .special-offerrs__icon {
    width: 36px;
    height: 36px;
    margin-top: 12px;
  }
  .special-offerrs__itemDescriptionContainer {
    gap: 5px;
  }
}
@media screen and (max-width: 709px) {
  .special-offers__title {
    font-size: 29px;
  }
}

.search-autoBanner {
  padding-top: 100px;
}
.insurance-autoBanner {
  padding-top: 47px;
}
.insurance-autoBanner .search-autoBanner__contentContainer {
  padding-top: 0;
}
.search-autoBanner,
.search-autoBanner__title {
  color: #262626;
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
}
.search-autoBanner__title span {
  color: #e5382f;
}
.search-autoBanner__contentContainer {
  display: flex;
  gap: 20px;
  padding-top: 64px;
  justify-content: center;
}
.search-autoBanner__item {
  width: 49.1525%;
  height: 270px;
  flex-shrink: 0;
  border-radius: 12.057px;
  background: linear-gradient(180deg, #f2f2f2 0%, #d5d5d5 100%), #f5f6f7;
  padding: 30px;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  position: relative;
  box-sizing: border-box;
}
.search-autoBanner__item a {
  margin-top: auto;
}
.search-autoBanner__itemTitle {
  color: #262626;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin: 0;
  max-width: 338px;
  z-index: 2;
}
.search-autoBanner__itemTitle-red {
  color: red;
}
.search-autoBanner-icon {
  width: 54px;
  height: 54px;
  cursor: pointer;
}
.search-autoBanner__img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.search-autoBanner__imgPhone {
  right: 40px;
  height: 316px;
}
/* @media screen and (max-width:1200px) {
  .search-autoBanner{
    display:none;
  }
} */
.insurance-autoBanner__description {
  color: #262626;
  font-size: 20px;
  font-weight: 400;
  line-height: 125%;
  max-width: 285px;
  z-index: 2;
  margin: 0;
}
/* .insurance-autoBanner__item{
  padding: 30px 0 30px 30px;
} */
.insurance-autoBanner__img {
  right: 0;
  z-index: 0;
}
.insurance-autoBanner__imgCar {
  top: calc(50% - 240px);
}
.insurance-autoBanner__warn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.12px;
}
@media screen and (max-width: 1000px) {
  .search-autoBanner__imgPhone {
    width: 220px;
  }
  .search-autoBanner__imgCar {
    width: 300px;
    top: 0;
  }
  .insurance-autoBanner__img {
    width: auto;
  }
  .insurance-autoBanner__imgCar {
    top: calc(50% - 240px);
  }
}
@media screen and (max-width: 860px) {
  .search-autoBanner__item {
    width: 100%;
  }
  .search-autoBanner__contentContainer {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 770px) {
  .search-autoBanner__item {
    height: 180px;
    padding: 20px;
  }
  .search-autoBanner-icon {
    width: 36px;
    height: 36px;
  }
  .search-autoBanner__imgPhone {
    width: 161px;
    height: 211px;
  }
  .search-autoBanner__imgCar {
    width: 184px;
    height: 161px;
  }
  .search-autoBanner__contentContainer {
    padding-top: 20px;
  }
  .insurance-autoBanner__itemTitile{
    font-size: 24px;
  }
  .insurance-autoBanner__img {
    width: auto;
  }
  .insurance-autoBanner__imgCar {
    width:auto;
    height:350px;
    top: calc(50% - 200px);
  }
  .insurance-autoBanner__item.overflow-hidden{
    overflow: hidden;
  }
}
@media screen and (max-width:550px) {
  .insurance-autoBanner__imgInsurance{
    width:250px
  }
  .insurance-autoBanner__imgCar {
    width:190px;
    height:250px;
    top: calc(50% - 140px);
    transform: translateX(50px);
  }
  .insurance-autoBanner__description{
    font-size: 16px;
    max-width:241px;
  }
}
@media screen and (max-width:450px) {
  .insurance-autoBanner__imgInsurance{
    width:210px;
    height:150px
  }
  .insurance-autoBanner__imgCar {
    width:200;
    height:250px;
    top: calc(50% - 140px);
  }
}
@media screen and (max-width: 709px) {
  .search-autoBanner__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 600px) {
  section {
    padding-top: 80px !important;
  }
  main {
    padding-top: 4px;
  }
}
@media screen and (max-width: 500px) {
  .search-autoBanner__itemTitle {
    font-size: 16px;
  }
}

.wagner-descriptions {
  padding-top: 100px;
  position: relative;
}
.wagner__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.wagner__introContainer {
  height: 580px;
  position: relative;
  background-image: url("../../assets/image/wagner-description/wagner-intro1.jpg");
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 45px;
  padding-left: 70px;
}
.wagner__introTextContainer {
  max-width: 507px;
  padding: 10px;
  border-radius: 10px;
  /* background-color: rgba(255, 255, 255, 0.652); */
  background-color: rgba(26, 26, 26, 0.68);

}
.wagner__title {
  color: white;
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
  margin: 0;
}
.wagner__introDescriptons {
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 115%;
  margin: 0;
  margin-top: 22px;
}
.wagner__introLogo {
  position: absolute;
  bottom: 45px;
}
.wagner__descriptionsContainer {
  display: flex;
  flex-direction: column;
  gap: 97px;
}
.wagner__descriptionsContentContainer {
  display: flex;
  justify-content: space-between;
}
.wagner-descriptions__item {
  padding-left: 100px;
  box-sizing: border-box;
  max-width: 480px;
  border-left: 2px solid #ec2830;
  color: var(--text-black, #262626);
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
}
.wagner__introImg-mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  /* .wagner__introTextContainer {
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.752);
  } */
}
@media screen and (max-width: 860px) {
  .wagner__container {
    gap: 0px;
  }
.wagner__title, .wagner__introDescriptons {
color:#262626;
}
  .wagner__introTextContainer {
    padding: 0;
    padding-top: 19px;
    border-radius: 0;
    background: none;
  }
  .wagner__introTextContainer {
    max-width: 700px;
  }
  .wagner__introImg-mobile {
    display: block;
  }
  .wagner__introDescriptons,
  .wagner__introContainer {
    background: none;
  }
  .wagner__introDescriptons {
    margin-top: 12px;
  }
  .wagner__introContainer {
    padding: 0;
    height: fit-content;
  }
  .wagner__introLogo {
    display: none;
  }
  .wagner__descriptionsContentContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .wagner__descriptionsContainer {
    gap: 22px;
    margin-top: 36px;
  }
  .wagner-descriptions__item {
    max-width: 700px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 709px) {
  .wagner__title {
    font-size: 28px;
  }
  .wagner-descriptions__item,
  .wagner__introDescriptons {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  .wagner-descriptions {
    padding: 0;
  }
  .wagner__container {
    padding: 0 20px;
  }
}

.yandexMap {
  padding-top: 100px;
  display: flex;
  position: relative;
}
.yandexMap__container {
  display: flex;
  align-items: center;
  max-width: 1180px;
  /* width:1180px; */
  width: 100%;
  /* margin-left:auto */
  min-height: 500px;
}
.yandexMap__introContainer {
  max-width: 380px;
  width: 380px;
}
.yandexMap__title {
  color: #262626;
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
}
.yandexMap__linkContainer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 51px;
}
.yandexMap__linkItem {
  max-width: 291px;
}
.yandexMap__linkTitle {
  color: #262626;
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: 0.18px;
}
.yandexMap__linkDescription {
  margin: 0px;
  margin-top: 6px;
  margin-bottom: 10px;
}
.yandexMap__linkMap {
  border-bottom: 1px solid var(--primary-red, #e5382f);
  color: var(--primary-red, #e5382f);
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
}
.yandexMap__mapContainer {
  width: 100%;
  position: absolute;
  width: 59.9%;
  /* width:100%; */
  margin-left: 23px;
  right: 0;
  height: 458px;
}
@media screen and (max-width: 860px) {
  .yandexMap__container {
    flex-direction: column;
    align-items: flex-start;
  }
  .yandexMap__mapContainer {
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    position: relative;
    margin-top: 24px;
  }
  .yandexMap__introContainer {
    max-width: 100%;
    width: 100%;
  }
  .yandexMap__linkContainer {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
  }
}
@media screen and (max-width: 709px) {
  .yandexMap__linkContainer {
    flex-direction: column;
  }
  .yandexMap__mapContainer {
    height: 272px;
    max-height: 272px;
  }
  .yandexMap__title {
    font-size: 28px;
  }
}
.footer {
  margin-top: 100px;
  min-height: 296px;
  background: #f5f6f7;
  padding-top: 42px;
}
.footer__topContainer {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.footer__topContainer__left {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 78.82%;
}
.footer__topLeft {
  display: flex;
  flex-direction: column;
  width: 281px;
}
.footer__topLeft span {
  color: #808080;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 4px;
  text-align: center;
  max-width: 177px;
}
.footer__topLeft a {
  margin-top: 16px;
}
.footer__logo {
  width: 177px;
  height: 26px;
}
.footer__top__linkContainer {
  width: 481px;
  display: flex;
  justify-content: space-between;
  margin-left: 21px;
}
.footer__top__linkContainer a {
  width: fit-content;
  color: var(--text-black, #262626);
  font-size: 16px;
  font-weight: 400;
  line-height: 135%; /* 21.6px */
}
.top__linkContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__top__socialContainer {
  margin-left: 92px;
  height: 100%;
}
.footer__rightContainer {
  margin-left: 92px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__servicesLink {
  border-radius: 4px;
  border: 1px solid #afb2b8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 40px;
  box-sizing: border-box;
}
.footer__servicesLink img {
  height: 14px;
  width: 75px;
}
.footer__descriptions,
.footer__companyName {
  margin-top: 42px;
  color: var(--text-gray-light, #afb2b8);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.12px;
  max-width: 976px;
}
.footer__companyName {
  margin-top: 18px;
  color: #989898;
}
@media screen and (max-width: 1200px) {
  .footer__top__socialContainer {
    display: none;
  }
  .footer__rightContainer {
    margin-left: auto;
  }
}
@media screen and (max-width: 988px) {
  .footer__top__linkContainer {
    display: flex;
    justify-content: space-between;
    margin-left: 9px;
  }
}
@media screen and (max-width: 860px) {
  .footer__topContainer,
  .footer__topContainer__left {
    flex-direction: column;
    align-items: center;
  }
  .footer__rightContainer,
  .footer__topContainer__left,
  .footer__top__linkContainer {
    margin: 0;
  }
  .footer__topContainer {
    width: 100%;
  }
  .footer__topLeft {
    align-items: center;
  }
  .footer__top__linkContainer {
    display: none;
  }
  .footer__rightContainer {
    margin-top: 26px;
    width: 100%;
  }
  .footer__servicesLink {
    width: 100%;
    position: relative;
  }
  .footer__container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer__descriptions {
    margin-top: 42px;
    max-width: 400px;
  }
  .footer {
    padding: 36px 20px;
  }
  .footer__companyName {
    width: 100%;
  }
  .footer__container {
    max-width: 400px;
  }
}
@media screen and (max-width: 709px) {
  .footer__descriptions {
    font-size: 14px;
  }
}
.send-popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2000;
  background: #00000070;
  display: none;
  align-items: center;
  justify-content: center;
}
.send-popup__container {
  width: 680px;
  height: 451px;
  display: flex;
  flex-direction: column;
  padding: 54px;
  box-sizing: border-box;
  border-radius: 12px;
  background: linear-gradient(0deg, #f5f6f7 0%, #f5f6f7 100%), #f5f6f7;
  position: relative;
}
.send-popup__title,
.send-popup__successTitle,
.send-popup__errorTitle {
  color: #262626;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
  margin: 0;
}
.send-popup__textContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
.send-popup__checkboxContainer,
.send-popup__checkboxContainer a {
  color: #828282;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
}
.send-popup__checkboxContainer a {
  border-bottom: 1px solid black;
  border-bottom: 1px solid var(--text-gray, #989898);
  padding-bottom: 0px;
}
.send-popup__input {
  border-radius: 8px;
  border: 0;
  border-left: 0.5px solid #f5f6f7;
  background: #fff;
  padding: 20px 16px;
}
.send-popup__btn {
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #262626;
  font-size: 15px;
  color: #fff;
}
/* Стили для чекбокса */
.send-popup__checkboxContainer input[type="checkbox"] {
  display: none; /* Скрыть оригинальный чекбокс */
}

.send-popup__checkboxLabel {
  position: relative;
  padding-left: 30px; /* Отступ слева для текста */
  cursor: pointer;
  display: inline-block;
}

.send-popup__checkboxCustom {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 5px;
}

.send-popup__checkboxContainer
  input[type="checkbox"]:checked
  + .send-popup__checkboxLabel
  .send-popup__checkboxCustom::after {
  /* Стили для отмеченного чекбокса */
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 6px;
  height: 12px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.error-message {
  display: none;
  color: red;
  margin-top: 5px;
}

.send-popup__input.error {
  border-color: red;
}
.send-popup__closed {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.send-popup__successContainer,
.send-popup__errorContainer {
  width: 680px;
  height: 224px;
  padding: 54px;
  box-sizing: border-box;
  border-radius: 12px;
  background: linear-gradient(0deg, #f5f6f7 0%, #f5f6f7 100%), #f5f6f7;
  text-align: center;
  display: none;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.send-popup__successDescription,
.send-popup__errorDescription {
  color: #262626;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 135%; /* 24.3px */
  letter-spacing: 0.18px;
}
.send-popup__errorContainer {
  background: #ffe2e0;
}
.send-popup__errorTitle {
  color: var(--primary-red, #e5382f);
}
@media screen and (max-width: 860px) {
  .send-popup__container {
    width: 550px;
    padding: 64px 26px 36px;
  }
}
@media screen and (max-width: 709px) {
  .send-popup__title,
  .send-popup__successTitle,
  .send-popup__errorTitle {
    font-size: 28px;
  }
  .send-popup__checkboxContainer {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .send-popup__container {
    width: 380px;
    padding: 64px 12px 36px;
  }
  .send-popup__successContainer,
  .send-popup__errorContainer {
    width: 380px;
  }
  .send-popup__errorDescription,
  .send-popup__successDescription {
    font-size: 16px;
  }
}
/* Базовые настройки */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; /* Растягиваем на всю ширину экрана */
  z-index: 9999; /* Чтобы всегда находилось поверх основного содержимого */
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 15px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(100%); /* Изначально спрятано внизу */
}

.cookie-banner a, a:hover{
  color: white;
  text-decoration: underline;

}
/* Анимация появления */
.show {
  opacity: 1;
  transform: translateY(0);
}

/* Стилизация текста внутри баннера */
.cookie-banner p {
  margin-bottom: 10px;
  line-height: 1.4;
}

/* Кнопка принятия политики cookie */
.cookie-banner button {
  background-color: #fff;
  color: #333;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  outline: none;
  font-weight: bold;
  transition: background-color 0.3s ease-in-out;
}

.cookie-banner button:hover {
  background-color: #ccc;
}

/* Медиа-запросы для мобильных устройств */
@media screen and (max-width: 768px) { /* Настройки для маленьких экранов */
  .cookie-banner {
      font-size: 14px;
      padding: 10px;
  }

  .cookie-banner button {
      padding: 8px 16px;
      font-size: inherit;
  }
}

/* Дополнительная настройка для очень маленьких экранов */
@media screen and (max-width: 480px) {
  .cookie-banner p {
      font-size: 13px;
  }
}