@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
  font-family: var(--mainFontFamily) !important;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 100px;
}

/* SECTION MARGIN */


.section-mt-60 {
  margin-top: 60px;
}

/* MAIN CSS */

main.height-auto {
  /* overflow: hidden; */
}

.landing-banner-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-height: 845px;
  padding-top: 60px;
  background-size: cover;
  background-position: center;
}

.landing-banner-main-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  width: 1150px;
}

.landing-banner-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 50px;
}

.landing-banner-footer {
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #fff;
  width: 100vw;
  /* ширина баннера на всю ширину экрана */
  position: relative;
  left: 50%;
  /* дополнительное выравнивание */
  transform: translateX(-50%);
  /* центрирование баннера */
  z-index: 1;
  top: 0;
}

.landing-banner-header-wrapper h1 {
  color: #fff;
  text-transform: uppercase;
}

.landing-banner-header-wrapper p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.register-section .landing-banner-header-register-form .landing-register-form {
  flex-direction: column;
  width: 340px;

}

.landing-banner-header-register-form .landing-register-form {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 16px;

}

.landing-banner-header-register-form .landing-register-form input {
  width: 320px;
  height: 48px;
  padding: 14px 20px;
  border-radius: 12px;
  border: none;
  font-size: 16px;
}

.register-section .landing-banner-header-register-form .landing-register-form input {
  background-color: #FAFAFF;
  width: 100%;
}

.landing-banner-header-register-form .landing-register-form input::placeholder {
  font-size: 16px;
  color: #ABABC8;
}

.landing-banner-header-register-form .landing-register-form button {
  height: 48px;
  border: none;
  outline: none;
  border-radius: 12px;
  padding: 14px 30px;
  background-color: #306DDE;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.0025em;
}

.register-section .landing-banner-header-register-form .landing-register-form button {
  width: 100%;
}

.landing-banner-main-wrapper {
  position: relative;
}

.landing-banner-sub-img {
  position: absolute;
}


.landing-banner-sub-img.item-1 {
  left: -160px;
  top: 60px;
}


.landing-banner-sub-img.item-2 {
  left: -160px;
  top: 220px;
}

.landing-banner-sub-img.item-3 {
  right: -160px;
  top: 60px;
}


.landing-banner-sub-img.item-4 {
  right: -160px;
  top: 280px;
}

.landing-banner-footer h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.0014em;
  text-align: center;
}

span.primary {
  color: #306DDE;
}

.landing-banner-footer-logos-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  /* gap: 30px; */
}

.landing-banner-footer-logos-list .logo-item img {
  width: auto;
  height: auto;
  object-fit: cover;
}

.landing-banner-footer-logos-list .logo-item {
  /* margin-right: 30px; */
  display: flex !important;
  align-items: center;
  justify-content: center;

}

.agents-page .landing-banner-footer-logos-list .logo-item {
  max-height: 90px;
}

.landing-card {
  padding: 50px 70px;
  background-color: #fff;
  border-radius: 24px;
}

.landing-card.type-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.landing-card.type-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



.feedback-section .landing-card.type-2 {
  padding: 50px 0px;
  max-width: 100%;
  overflow-x: auto;
}

.for-business-section .landing-card.type-1 {
  display: flex;
  flex-direction: row-reverse;
}

.for-business-section .landing-card-right-block {
  background-position: center;
  background-size: cover;
}

.for-agency-section .landing-card.type-1 .landing-card-left-block,
.for-business-section .landing-card.type-1 .landing-card-left-block {
  width: 30%;
}

.for-agency-section .landing-card.type-1 .landing-card-right-block,
.for-business-section .landing-card.type-1 .landing-card-right-block {
  width: 60%;
  height: auto;
  border-radius: 12px;
}

.for-agency-section .landing-card.type-1 .landing-card-right-block video,
.for-business-section .landing-card.type-1 .landing-card-right-block video {
  max-width: 100%;
}

.register-section .landing-card.type-1 .landing-card-left-block {
  width: 60%;
}

.landing-card .title {
  font-size: 35px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.landing-card .subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.landing-card-content-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.landing-card-features-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
}

.landing-card-features-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.landing-card-features-item .checkmark {
  min-width: 20px;
  min-height: 20px;
  border-radius: 5px;
  background-color: #306DDE;
  position: relative;
}

.landing-card-features-item .checkmark img {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
}

.landing-card-features-item h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0014em;
  color: #888EBA;
}

.btn-primary.rm {
  background-color: #306DDE;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.25%;
  border-radius: 12px;
  width: fit-content;
  padding: 12px 30px;
  min-height: 48px;
}

.btn-light-primary.rm {
  background-color: #E7EDF8;
  color: #3968BF;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.25%;
  border-radius: 12px;
  width: fit-content;
  padding: 12px 30px;
  min-height: 48px;
}

/* .btn-primary:focus:not(.btn-text){
  background-color: #155cde!important;
} */

.nav.rm .btn-primary:focus:not(.btn-text) {
  background-color: #fff !important;
}

.nav.rm .btn.btn-primary.rm.nav-link.mr-5 {
  margin-right: 10px !important;
}

.btn-primary.rm.transparent {
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.25%;
  border-radius: 12px;
  width: fit-content;
  padding: 12px 30px;
  min-height: 48px;
  border: 1px solid #306DDE;
  color: #306DDE;
}

.btn-primary.rm:hover {
  background-color: #155cde !important;
}

.btn-primary.rm.transparent:hover {
  background-color: #306DDE !important;
  color: #fff;
}

.section-header {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.section-header .title {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.section-header .subtitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.section-header h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.register-section .section-header h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.news-section .section-header h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.news-section .section-header h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.section-header h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.0014em;
  text-transform: uppercase;
}

.section-header.center {
  justify-content: center;
  flex-direction: column;
}

.section-header.left {
  justify-content: space-between;
}

/* FEATURE SECTION */

.landing-container .feature-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  margin: 0 auto;
}

.landing-container .feature-item {
  border-radius: 10px;
}

.landing-container .feature-item .feature-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.landing-container .feature-item.feature-type-7 .feature-item-conten {
  gap: 40px;
}

.agents-page .feature-type-1 {
  background-color: #DBF9E7;
}

.feature-type-1 {
  grid-column: span 4;
  background-color: #FFE9BB;
  padding: 20px 30px;
}

.feature-type-1 h3 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.0014em;
  color: #907B4E;
  text-align: left;
}

.agents-page .feature-type-1 h3 {
  color: #4F966F;
}

.feature-type-1 .feature-item-banner-wrapper {
  display: flex;
  gap: 20px;
}

.feature-type-1 .feature-item-banner-wrapper img {
  width: 100%;
  height: auto;
  margin-top: 30px;
}

.feature-type-2 {
  grid-column: span 8;
  background-color: #DAECFF;
  padding: 20px 60px;
  width: 100%;
  position: relative;
}

.feature-type-2 h3 {
  font-size: 35px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.0014em;
  color: #3877B5;
  text-align: left;
}

.agents-page .feature-type-2 h3 {
  width: 100%;
}

.feature-type-2 .feature-item-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.feature-type-2 .feature-item-banner-wrapper img {
  width: 450px;
}

.agents-page .feature-type-2 .feature-item-banner-wrapper img {
  width: 730px;
}

.agents-page .feature-type-2 .feature-item-banner-wrapper {
  right: auto;
  bottom: auto;
  margin-top: 30px;
}

.feature-type-3 {
  grid-column: span 9;
  background-color: #D9F9EC;
  padding: 30px 60px 50px 60px;
  /* width: 100%; */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.business-page .feature-type-7 {
  grid-column: span 9;
  background: linear-gradient(to left top, #92B2EE, #C6DAFF);
  padding: 30px 60px 50px 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}

.business-page .feature-type-7 h3 {
  color: #496393;
  font-size: 48px;
  font-weight: 500;
}

.business-page .feature-type-7 h4 {
  color: #496393;
  font-size: 22px;
  font-weight: 400;
  width: 80%;
}

.business-page .feature-type-7 .feature-item-banner-wrapper {
  margin-bottom: -50px;
  margin-left: auto;
  width: 500px;
}

.feature-item.feature-type-9 {
  grid-column: span 8;
  padding: 30px 60px 50px 60px;
  background-color: #FFF5C6;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}

.business-page .feature-item.feature-type-9 {
  background: linear-gradient(to left top, #DDEBF2, #B6D2E0);
}

.business-page .feature-type-9 h3 {
  color: #446677;
}

.business-page .feature-type-9 h4 {
  color: #446677;
}

.feature-type-9 h3 {
  color: #78714F;
  font-size: 50px;
  font-weight: 500;
}

.feature-type-9 h4 {
  color: #78714F;
  font-size: 22px;
  font-weight: 400;
  width: 60%;
}

/*  */
.feature-item.feature-type-10 {
  grid-column: span 12;
  padding: 30px 60px 50px 60px;
  background-color: #CDDDFB;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}

.feature-type-10 h3 {
  color: #426098;
  font-size: 40px;
  font-weight: 500;
}

.feature-type-10 h4 {
  color: #426098;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
}

.feature-item.feature-type-11 {
  grid-column: span 4;
  padding: 30px;
  background-color: #D9F9EC;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}

.feature-type-11 h3 {
  color: #769E8D;
  font-size: 26px;
  font-weight: 500;
}

.feature-type-11 h4 {
  color: #769E8D;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
}

.feature-item.feature-type-11 .feature-item-banner-wrapper {
  max-width: 160px;
  margin-left: auto;
}

/*  */

.agents-page .feature-type-3 {
  grid-column: span 8;
  background-color: #F5F9D9;
}

.agents-page .feature-type-3 h2 {
  font-size: 80px;
  color: #675078;
  font-weight: 500;
  line-height: 67px;
  letter-spacing: -0.0014em;
}

.agents-page .feature-type-3 h4 {
  color: #A79DAF;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.0014em;
  margin-top: 60px;
}

.agents-page .feature-type-3 h3 {
  font-size: 50px;
  font-weight: 500;
  line-height: 67px;
  letter-spacing: -0.0014em;
  color: #769E8D;
}

.feature-type-3 h3 {
  font-size: 50px;
  font-weight: 500;
  line-height: 67px;
  letter-spacing: -0.0014em;
  color: #769E8D;
}

.agents-page .feature-type-3 h3 {
  color: #675078;
}

.feature-type-3 h4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: -0.0014em;
  color: #769E8D;
}

.feature-type-3 .feature-item-banner-wrapper {
  margin-right: -60px;
}

.agents-page .feature-type-3 .feature-item-banner-wrapper {
  margin-right: 0px;
  position: absolute;
  right: 40px;
  bottom: 0;
}

.feature-type-3 .feature-item-banner-wrapper img {
  display: flex;
  align-items: flex-end;
  width: 430px;
}

.agents-page .feature-type-3 .feature-item-banner-wrapper img {
  width: auto;
}

.feature-type-9 .feature-item-banner-wrapper img {
  width: 620px;
}

.feature-type-4 {
  grid-column: span 3;
  background-color: #DBDCFF;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.business-page .feature-type-8 {
  grid-column: span 3;
  background-color: #FFF5C6;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.business-page .feature-type-8 h3 {
  color: #78714F;
  font-size: 60px;
  font-weight: 500;
}

.business-page .feature-type-8 h4 {
  color: #78714F;
  font-size: 22px;
  font-weight: 400;
}

.agents-page .feature-type-4 {
  grid-column: span 4;
  padding: 50px 70px;
}

.feature-type-4 h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.0014em;
  color: #583F88;
}

.landing-container .feature-item.feature-type-4 .feature-item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.agents-page .feature-type-4 h3 {
  font-size: 32px;
}

.agents-page .feature-type-4 h5 {
  font-size: 18px;
}

.feature-type-4 h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0014em;
  color: #8772B0;
}

.landing-container .feature-item.feature-type-4 .feature-item-content.battery {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.battery-wrapper {
  position: relative;
}

.battery-wrapper .battery-item {
  width: 100%;
  position: relative;
}

.battery-wrapper .battery-item .battery-item-background {
  background-color: #fff;
  height: 64px;
  border-radius: 16px;

}

.battery-wrapper .battery-item.empty .battery-item-background {
  background: transparent;
}

.battery-wrapper .battery-item .battery-item-active {
  background: linear-gradient(#13FF71, #3BFFE8);
  width: 8%;
  height: 64px;
  border-radius: 16px 0px 0px 16px;
  position: absolute;
  z-index: 1;
}

.battery-wrapper .battery-item.empty .battery-item-active {
  background: linear-gradient(#13FF71, #3BFFE8);
  width: 20%;
  height: 64px;
  border-radius: 16px;
}

.battery-text {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 60px;
}

.agents-page .feature-type-5 {
  grid-column: span 12;
}

.feature-type-5 {
  grid-column: span 6;
  background-color: #E1EEF6;
  padding: 40px 50px 90px 50px;
  position: relative;
}

.feature-type-5 .feature-item-banner-wrapper {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.feature-type-5 h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 70.95px;
  letter-spacing: -0.0014em;
  color: #407EA8;
  margin-bottom: 20px;
}

.feature-type-6 {
  grid-column: span 6;
  background-color: #FFE5E5;
  padding: 40px 50px 90px 50px;
  position: relative;
}

.agents-page .feature-type-6 {
  grid-column: span 8;
}

.feature-type-6 h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: -0.0014em;
  color: #814E4E;
}

.feature-type-6 h2 {
  font-size: 100px;
  font-weight: 500;
  line-height: 140px;
  letter-spacing: -0.0014em;
  color: #814E4E;
}

.feature-type-6 h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.0014em;
  color: #BC9F9F;
}

.feature-type-6 .feature-item-banner-wrapper img {
  width: 300px;
  height: auto;
}

.agents-page .feature-type-6 .feature-item-banner-wrapper img {
  width: 80%;
}

.business-page .feature-type-6 .feature-item-banner-wrapper img {
  width: 100%;
}

.business-page .feature-type-6 .feature-item-banner-wrapper {
  position: relative;
  right: 0px;
  margin-top: 50px;
}

.landing-container.business-page .feature-item.feature-type-6 .feature-item-content {
  width: 100%;
}

.agents-page .feature-type-6 .feature-item-banner-wrapper {
  position: relative;
  right: 0px;
  margin-top: 50px;
}

.feature-type-6 .feature-item-banner-wrapper {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.landing-container .feature-item.feature-type-6 .feature-item-content {
  width: 80%;
  gap: 0px;
}

.feature-type-7 {
  grid-column: span 12;
  background-color: #CDDDFB;
  padding: 80px 50px 0px 50px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  gap: 80px;
}

.feature-type-7 .feature-item-content {
  width: 100%;
}

.feature-type-7 h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.8164612054824829px;
  color: #426098;
  margin-bottom: 0px;
}

.feature-item-list-ul li {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.0014em;
  color: #407EA8;
}

.feature-item-list-ul li .extra-info {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.0014em;
  color: #407EA8;
  padding: 8px 16px;
  border-radius: 20px;
  border: 1px solid #407EA8;
  margin-left: 15px;
}

.feature-type-7 .wath-vide-button {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #BBCEF0;
  padding: 10px 20px;
  border-radius: 24px;
  max-width: 360px;
}

.feedback-wrapper-list {
  display: flex;
  align-items: center;
  gap: 24px;
}

.feedback-item-wrapper {
  width: 700px !important;
  transition: opacity 0.3s ease;
  /* Плавный переход прозрачности */
  margin-right: 24px !important;
}

.feedback-item-wrapper {
  opacity: 0.6;
  /* По умолчанию боковые карточки полупрозрачные */
}

.feedback-item-wrapper.center {
  opacity: 1;
  /* Центральная карточка будет полностью видимой */
}

.slick-current .feedback-item-wrapper {
  opacity: 1 !important;
  /* Полная видимость активной карточки */
}

.feedback-item-wrapper .feedback-img {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  background-color: #ABABC8;
}

.feedback-item-info {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
  gap: 16px;
}

.feedback-item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.feedback-item-content-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.feedback-item-content-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.feedback-item-content-footer {
  display: flex;
  flex-direction: column;
}

.feedback-item-content-footer-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0014em;
  color: #888EBA;
}

.feedback-item-content-footer-description.name {
  font-weight: 500;
}


.slider-feedback {
  max-width: 100%;
}

/* NEWS */
.landing-card-tabs-list {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}

.landing-card-btn .btn {
  max-width: 190px;
}

.landing-card-tab-item {
  background-color: #FAFAFF;
  color: #24223E;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.0014em;
  border-radius: 12px;
  padding: 12px 28px;
  cursor: pointer;
  white-space: nowrap;
}

.landing-card-tab-item.active {
  background-color: #306DDE;
  color: #fff;
}

.landing-card-tab-item:hover {
  background-color: #306DDE;
  color: #fff !important;
  transition: all 0.3s;
}

.slider-btns-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.slider-btn-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F4F6F9;
  cursor: pointer;
}

.slider-btn-item.left {
  transform: rotate(180deg);
}

.slider-btn-item:hover {
  background-color: #306DDE;
}

.slider-btn-item:hover svg path {
  fill: #fff;
}

.news-card-item {
  max-width: 380px !important;
  width: auto !important;
  background-color: #FAFAFF;
  border-radius: 24px;
  margin-right: 20px !important;
  display: block;
  min-height: 420px;
}

.news-card-img {
  width: 100%;
  height: 190px;
  background-size: cover;
  background-position: center;
  border-radius: 24px 24px 0px 0px;
}

.news-card-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 25px;
}

.news-card-item-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 25.2px;
  min-height: 75px;
  color: #24223E;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Количество строк до обрезки */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-item-description {
  font-size: 15px;
  font-weight: 400;
  line-height: 25.2px;
  min-height: 80px;
  color: #888EBA;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Количество строк до обрезки */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-item-bottom .date {
  font-size: 12px;
  font-weight: 400;
  line-height: 25.2px;
  color: #888EBA;
}

.news-card-item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.news-cards-list {
  display: flex;
  align-items: center;
  position: relative;

}

.news-section .landing-card-content {
  width: 100%;
}

.checkbox-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.custom-checkbox {
  display: none;
}

.custom-checkbox+.checkbox-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 13px;
  color: #8989B4;
  margin-bottom: 0px;
}

.custom-checkbox+.checkbox-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #FAFAFF;
  border-radius: 4px;
  display: inline-block;
}

.custom-checkbox:checked+.checkbox-label::before {
  background-color: #306DDE;
  border: none;
  background-image: url('../../images/remaster/icon-check-white.svg');
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}


.register-section h1 {
  font-weight: 500;
}

.register-section .section-header {
  margin-bottom: 60px;
}

.bonus-header-wrapper {
  background-color: #306DDE;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: center;
}

.bonus-header-wrapper .close-btn {
  display: none;
}

.bonus-header-wrapper span {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.0025em;
  color: #fff;
}

@media (min-width: 992px) {
  #kt_header {
    height: 100px;
    transition: opacity 0.1s ease;
    opacity: 1;
  }

  #kt_header.hide {
    opacity: 0;
    display: none;
  }
}

.widget-header.header-right-block{
    width: 100%;
    padding: 20px 40px 0px 20px;
    justify-content: flex-end;
}

.header-bottom-right .header-desktop-enter .header-login,
.header-right-block .header-desktop-enter .header-login {
  border: 1px solid #306DDE;
  color: #306DDE;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 15px;
  height: 40px;
}

.header-bottom-right .header-desktop-enter .header-reg,
.header-right-block .header-desktop-enter .header-reg {
  background-color: #306DDE;
  color: #fff;
  padding: 8px 16px;
  font-size: 15px;
  border-radius: 12px;
  border: none;
  height: auto;
  height: 40px;
}

.header-bottom-right .header-desktop-enter .header-reg.active,
.header-right-block .header-desktop-enter .header-reg.active {
  background-color: #306DDE;
  color: #fff;
}

.header-bottom-right .header-desktop-enter .header-login.active,
.header-right-block .header-desktop-enter .header-login.active {
  background-color: #306DDE;
  color: #fff;
}

.header-bottom-right .header-desktop-enter .header-reg.unactive,
.header-right-block .header-desktop-enter .header-reg.unactive {
  background-color: #fff;
  color: #306DDE;
  border: 1px solid #306DDE;
}

.header-bottom-right .header-desktop-enter .header-login.unactive,
.header-right-block .header-desktop-enter .header-login.unactive {
  background-color: #fff;
  border: 1px solid #306DDE;
  color: #306DDE;
}

.header-bottom-right .header-desktop-enter .header-reg:hover,
.header-right-block .header-desktop-enter .header-reg:hover {
  background-color: #306DDE;
  color: #fff;
}

.header-bottom-right .header-desktop-enter .header-login:hover,
.header-right-block .header-desktop-enter .header-login:hover {
  background-color: #306DDE;
  color: #fff;
}

.header .header-bottom .header-bottom-left a {
  padding: 15px 0px;
}


@media (min-width: 769px) {
  .header-bottom {
    padding: 0px 40px;
  }
}

.header .header-bottom .header-bottom-left ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header .header-bottom .header-bottom-left ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.0025em;
  white-space: nowrap;
}

.header .header-bottom .header-bottom-left .content-section-menu-header ul li a {
  max-width: none !important;
  text-overflow: initial;
}

.header .logo-link {
  width: auto;
}

.header-scrolled.header-bottom .header-bottom-left ul li {
  display: flex;
  align-items: center;
}

.header .header-bottom .header-bottom-left a:hover {
  color: #306DDE;
}

.header-scrolled-main-info .header-bottom-left a:hover span {
  color: #306DDE;
}

.header-scrolled.header-bottom .header-bottom-left a {
  padding: 20px 0px;
}

.header-search-wrapper {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  transition: all 1s ease;
}

.header-search-block {
  width: 80%;
  border: 1px solid #E4E6EE;
  border-radius: 12px;
  display: flex;
  align-items: center;
  height: 58px;
  padding: 20px 10px;
  gap: 8px;
}

.header-search-wrapper .header-search-block-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E4E6EE;
  border-radius: 12px;
  width: 58px;
  height: 58px;
}

.header-scrolled-main-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.header-search-block-filter img {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

.header-search-separator {
  color: #306DDE;
}

.header-search-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 85%;
  width: 100%;
}

.header-search-bottom {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #19191E60;
}

.header-search-top {
  font-size: 16px;
  color: #19191E;
  display: flex;
  gap: 4px;
  width: 100%;
}

.header-search-place {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-scrolled {
  justify-content: space-between;
  align-items: center;
  padding: 0px 40px;
  border-bottom: 1px solid #ebedf3;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 1040;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  display: none;
  min-height: 60px;
}

.header-scrolled.show {
  display: flex;
  opacity: 1;
  animation: slideDown 0.6s ease forwards;
  /* Добавлена анимация выпадения */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  /* Тень при показе */
  transform: translateY(0);
  /* Чтобы элемент оставался на месте после анимации */
}

.menu-item-main-info .menu-item-crown {
  width: 22px;
  margin-top: -3px;
  display: inline-block;
}

body.select2-scroll-lock {
  position: fixed!important;
  width: 100%!important;
  overflow: hidden!important;
}


@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .header .header-bottom .header-bottom-left a.active {
    color: #19191e;
  }

  .header .header-bottom .header-bottom-left .menu-item-main-info.active {
    color: #19191e;
  }
}

@media (min-width: 992px) {
  .header.header-fixed.subheader-fixed.subheader-enabled .wrapper {
    padding-top: 130px;
  }
}

@media (min-width: 769px) {
  .header .header-bottom .header-bottom-left a.active::after {
    bottom: 0px;
  }

  .header-scrolled.header-bottom .header-bottom-left a.active::after {
    display: none;
  }
}

.news-section .slick-arrow.slick-next {
  position: absolute;
  top: -80px;
  right: 0px;
  background-image: url('../../images/remaster/chevron-right.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.news-section .slick-arrow.slick-prev {
  position: absolute;
  top: -80px;
  left: calc(100% - 90px);
  background-image: url('../../images/remaster/chevron-left.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.slider-feedback .slick-arrow.slick-next {
  position: absolute;
  top: -90px;
  right: 80px;
  background-image: url('../../images/remaster/chevron-right.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.slider-feedback .slick-arrow.slick-prev {
  position: absolute;
  top: -90px;
  left: 80px;
  background-image: url('../../images/remaster/chevron-left.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.news-section .slick-arrow:hover {
  transform: scale(1.1);
}

/* .agents-main-banner-section{
  padding-top: 60px;
} */

.agents-main-banner-section .landing-card.type-1 {
  align-items: flex-start;
  gap: 20px;
}

.money-management-main-banner-section .landing-card.type-1 {
  align-items: flex-start;
  gap: 50px;
}

.money-management-main-banner-section .main-banner-right {
  margin-right: -70px;
}

.money-management-main-banner-section .extra-title {
  background-color: #FEDD00;
  color: #24223E;
  padding: 4px 12px;
  border-radius: 4px;
  width: fit-content;
  font-weight: 500;
  font-size: 15px;
}

.money-management-main-banner-section .landing-card-left-block {
  width: 50%;
}

.money-management-main-banner-section .landing-card .subtitle {
  color: #888EBA;
}

.money-management-main-banner-section .landing-card-content-header {
  margin-bottom: 60px;
}

.money-management-mockups-section .landing-card-content-header {
  margin-bottom: 0px;
}

.money-management-page .download-app-section .landing-card.type-2 {
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 80px;
}

.money-management-page .download-app-section .download-center-block {
  width: 50%;
}

.money-management-mockups-section .landing-card-content-header h2.title {
  text-transform: none;
  font-size: 40px;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.money-management-mockups-section .landing-card-content-header h3.subtitle {
  color: #888EBA;
  font-size: 18px;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.default-card-section .landing-card {
  gap: 50px;
  align-items: flex-start;
}

.default-card-section.landing-card-content-header h2.title {
  text-transform: none;
  font-weight: 500;
}

.money-management-page .landing-card-main-content .banner-img {
  border-radius: 8px;
}

.default-card-section .landing-card-content-header h3.subtitle {
  color: #888EBA;
}

.default-card-section .extra-text {
  color: #5B596E;
  font-size: 20px;
  font-weight: 600;
  margin-top: 50px;
}

.planing-travel-section .landing-card-left-block,
.bonus-programm-section .landing-card-left-block {
  width: 60%;
}

.newest-technology-section .landing-card-left-block {
  width: 55%;
}

.receipt-section .landing-card-left-block {
  width: 55%;
}

.newest-technology-section .features-list {
  width: 100%;
  margin-left: 0px;
}

.newest-technology-section .features-list li {
  width: 100%;
  white-space: pre-wrap;
  font-size: 20px;
  flex: auto;
}

.default-card-section .landing-card-main-content {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

.default-card-section .landing-banner-footer-logos-list {
  padding-left: -50px;
}

.default-card-section .landing-banner-footer {
  padding-top: 0px;
  padding-bottom: 0px;
  width: auto;
}

.result-money-management-section .results-mm-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 30px;
}

.result-money-management-section .result-mm-item {
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 24px;
  background-color: #F4F7FD;
  min-height: 480px;
  padding: 70px 35px;
  width: 26%;
}

.result-money-management-section .result-mm-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 80px;
  font-weight: 500;
  padding: 15px 30px;
  border-radius: 55px;
  background-color: #fff;
  color: #24223E;
}

.result-money-management-section .result-mm-content {
  color: #24223E;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}

.result-money-management-section .title {
  margin-bottom: 80px;
}

.functional-table-section .landing-card.type-2 .title {
  text-transform: none;
  margin-bottom: 25px;
  font-weight: 500;
}

.functional-table-section .landing-card.type-2 {
  align-items: flex-start;
}

.functional-mm-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  margin-top: 20px;
  font-size: 18px;
  color: #24223E;
}

.functional-mm-table th,
.functional-mm-table td {
  padding: 10px;
  border-right: 1px solid #E4E6EE;
  text-align: center;
}

.functional-mm-table th:last-child,
.functional-mm-table td:last-child {
  border-right: none;
}

.functional-mm-table th:first-child {
  text-align: left;
}

.functional-mm-table tr {
  border-bottom: 1px solid #E4E6EE;
}

.functional-mm-table tr:last-child {
  border-bottom: none;
}

.functional-mm-table th {
  background-color: #fff;
  font-weight: 500;
  font-size: 24px;
}

.functional-mm-table td:first-child {
  text-align: left;
  background-color: #fff;
  width: 40%;
}

.functional-mm-table .functional-mm-header td {
  padding-top: 40px;
}

.form-cooperation-section .landing-card.type-2 .landing-card-main-content {
  width: 70%;
}

.form-cooperation-section .landing-card.type-2 .title {
  text-transform: none;
  text-align: center;
  font-weight: 500;
}

.form-cooperation-section .landing-card.type-2 .subtitle {
  text-transform: none;
  text-align: center;
  color: #5B596E;
}

.cooperation-form {
  width: 100%;
}

.cooperation-form input,
.cooperation-form select,
.cooperation-form textarea,
.cooperation-form .select-container {
  width: calc(50% - 10px);
  padding: 15px;
  border: none;
  border-radius: 12px;
  background-color: #F8F8FF;
  font-size: 16px;
  color: #5B596E;
  margin-bottom: 10px;
  outline: none;
  position: relative;
}

.cooperation-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid #8989B4;
}

.cooperation-form .full-width {
  width: 100%;
}

.cooperation-form .form-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.cooperation-form label {
  font-size: 14px;
  color: #8989B4;
  margin-bottom: 0px;
}

.cooperation-form .btn-primary.rm {
  width: 100%;
  margin-top: 10px;
  width: calc(50% - 10px);
}

.cooperation-form .checkbox-container-cooperation {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8989B4;
  width: calc(50% - 10px);
}

.cooperation-form .checkbox-container-cooperation input {
  margin-bottom: 0px;
}

.cooperation-form .form-row textarea {
  resize: none;
  margin-top: 20px;
}

.cooperation-form .dropdown-menu-select {
  display: none;
}

.cooperation-form .select-container {
  padding: 0px;
}

.dropdown-toggle-btn {
  border: none;
  outline: none;
  background: none;
  font-size: 16px;
  color: #757575;
  width: 100%;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.dropdown-menu-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #F8F8FF;
  z-index: 1;
  top: 55px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.dropdown-menu-select label {
  font-size: 16px;
  color: #5B596E;
  width: fit-content;
  white-space: nowrap;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.dropdown-menu-select label input {
  margin-bottom: 0px;
}

/* Custom dropdown styles */

.agents-main-banner-section .landing-card-left-block {
  width: 60%;
}

.agents-main-banner-section .subtitle {
  font-size: 18px;
}

.landing-card.type-1 .title {
  text-transform: uppercase;
}

.landing-card.type-2 .title {
  text-transform: uppercase;
}

.landing-container .main-banner h1 {
  font-size: 32px;
}

.main-banner .main-banner-right {
  min-height: 372px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.business-main-banner-section .main-banner-right {
  min-height: 300px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.main-banner-right {
  margin-right: 0px;
}

.agents-page .main-banner-right {
  margin-right: -70px;
}

.agents-page .agents-main-banner-section .main-banner-right {
  display: flex;
  justify-content: flex-end;
  max-width: 650px;
}

.agents-main-banner-section .landing-card-right-block {
  width: 50%;
}

.control-income-section .landing-card.type-1 .landing-card-content-header {
  width: 60%;
}

/* Анимация появления */
@keyframes fadeIn {
  from {
    opacity: 0;
    /* transform: scale(0.95); */
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.highlights-content-item.fade-in {
  animation: fadeIn 0.3s slidein;
}

/* Для плавного изменения активного элемента */
.highlight-item {
  transition: background 0.3s ease;
}

.highlights-content-item {
  transition: opacity 0.3s ease, transform 0.1s ease;
}

.highlights-section .half-sections-wrapper {
  margin-top: 60px;
}

.half-sections-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.half-sections-wrapper .section-wrapper {
  flex: 0 0 50%;
}

.highlights-list {
  display: flex;
  align-items: center;
  gap: 50px;
}

.highlight-item {
  width: 90px;
  /* Размер круга */
  height: 90px;
  border-radius: 50%;
  /* Делает элемент круглым */
  padding: 4px;
  /* Отступ внутри рамки для градиентного эффекта */
  background: #E4E6EE;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.highlight-item.active {
  background: linear-gradient(to bottom, #9E63FF, #306DDE);
  /* Градиентная рамка */
}

.highlight-item:hover {
  background: linear-gradient(to bottom, #9E63FF, #306DDE);
  /* Градиентная рамка */
}

.circle-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* Круглая картинка */
  object-fit: cover;
  /* Обрезает изображение, сохраняя пропорции */
}

.highlights-content-item {
  background-position: center;
  background-size: cover;
  width: 550px;
  height: 420px;
  border-radius: 12px;
  display: none;
}

.highlights-content-item.active {
  display: flex;
  transition: all 0.8s;
}

.fix-price-section .landing-card.type-1 {
  min-height: 520px;
}

.fix-price-section .landing-card.type-1 .landing-card-content-header {
  width: 50%;
  gap: 70px;
}

.ready-to-start-section .landing-card.type-1 .landing-card-section {
  flex: 0 0 46%;
}

.ready-to-start-section .landing-card.type-1 {
  align-items: flex-start;
  gap: 50px;
}

.ready-to-start-section .landing-card.type-1 .landing-card-left-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.start-path {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.path-step {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.step-number {
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: #F3F5FB;
  color: #1A1A1A;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  position: relative;
  z-index: 2;
}

.step-number::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 120px;
  background-color: #F4F4FD;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.path-step:last-child .step-number::after {
  display: none;
  /* Убираем линию для последнего шага */
}

.step-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #24223E;
  text-transform: uppercase;
}

.step-content p {
  font-size: 18px;
  color: #5B596E;
  margin: 0;
}

.ready-to-start-btns-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}

.ready-to-start-btns-wrapper .reg {
  flex: 0 0 50%;
}

.ready-to-start-btns-wrapper .login {
  flex: 0 0 50%;
}

.login.btn-primary.rm {
  background-color: #fff;
  border: 1px solid #306DDE;
  color: #306DDE;
}

.loyalty-section .landing-card.type-1 {
  min-height: 600px;
  align-items: flex-start;
}

.loyalty-section .landing-card-content-header .title {
  width: 70%;
  color: #fff;
}

.loyalty-cards-list {
  display: flex;
  align-items: center;
  gap: 30px;
}

.loyalty-card-item {
  width: 270px;
  min-height: 320px;
  border-radius: 20px;
  background-color: #F8F8FF;
  padding: 30px 20px;
  overflow-x: hidden;
}

.loyalty-card-header-info {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}

.loyalty-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.loyalty-card-item .loyalty-plane-image {
  margin-right: -30px;

}

.loyalty-card-header-info .title {
  font-size: 18px;
  color: #24223E;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}

.loyalty-card-header-info .description {
  font-size: 18px;
  color: #24223E;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}

.loyalty-line {
  margin-top: 20px;
  border-radius: 5px;
  height: 3px;
}

.loyalty-line.bronze {
  background-color: #B99C7E;
}

.loyalty-line.silver {
  background-color: #858585;
}

.loyalty-line.gold {
  background-color: #B48F31;
}

.loyalty-card-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 35px;
  width: 100%;
}

.card-content-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card-content-item .title {
  font-size: 13px;
  color: #24223E;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  text-transform: uppercase;
}

.card-content-item .description {
  font-size: 12px;
  color: #24223E;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}

.calculate-profit h3 {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.range-container {
  margin-top: 60px;
  position: relative;
}

.calculate-profit .range-slider {
  width: 100%;
  margin: 15px 0;
  z-index: 1;
  -webkit-appearance: none;
  background: linear-gradient(to right, #306DDE 4%, #D9D9D9 4%);
  outline: none;
  /* Убираем контур */
  transition: background 0.3s ease;
}

.calculate-profit .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #306DDE;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}


.calculate-profit .range-values {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #B5B5B5;
}

.calculate-profit .range-values span {
  white-space: nowrap;
}

.range-values span:last-child {
  text-align: right;
  transform: translateX(-50%);
}

.calculate-profit .display-value {
  font-size: 20px;
  font-weight: 400;
  color: #24223E;
  position: absolute;
  background-color: #F4F6F9;
  border-radius: 6px 6px 0px 0px;
  padding: 16px 30px;
  width: 100%;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}

.commission-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
}

.commission-block,
.bonus-block {
  width: fit-content;
}

.commission-block h3,
.bonus-block h3 {
  font-weight: 700;
  color: #24223E;

}

.commission-value,
.bonus-value {
  font-size: 32px;
  background-color: #F4F6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
  width: fit-content;
}

.calculate-profit .plus {
  font-size: 32px;
  margin: 0 20px;
  margin-top: 45px;
}

p.note {
  font-size: 14px;
  color: #ABABC8;
  margin-top: 25px;
}

.calculate-profit-result-section {
  background-color: #F4F6F9;
  border-radius: 24px;
  padding: 60px;
  width: 500px;
}

.calculate-profit-result-section p {
  font-size: 18px;
  color: #5B596E;
  line-height: 20px;
  letter-spacing: -0.14%;
}

.calculate-profit-result-section .result-section-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
}

.calculate-profit-result-section p#commissionResult,
.calculate-profit-result-section p#bonusResult {
  font-weight: 700;
  font-size: 25px;
  color: #24223E;
}

.calculate-profit-result-section p#totalResult {
  font-weight: 700;
  font-size: 30px;
  color: #24223E;
}

.result-section-info-item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.result-section-info-item.total p {
  font-weight: 500;
  color: #24223E;
  font-size: 24px;
}

.result-section-info-item p {
  max-width: 60%;
}

.calculate-profit-section .landing-card.type-1 {
  gap: 50px;
}

.calculate-profit-section .landing-card.type-1 .landing-card-left-block {
  width: 50%;
}

.agents-services-list {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  margin-top: 90px;
  margin-bottom: 70px;
}

.agents-services-list a {
  transition: transform 0.2s ease;
  flex: 1;
}

.agents-services-list a:hover {
  transform: scale(1.03);
}

.agents-services-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.agents-services-item img {
  width: 56px;
  height: 56px;
}

.agents-services-item-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.agents-services-item-info h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.0014em;
  color: #24223E;
  text-transform: uppercase;
}

.agents-services-item-info p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.0014em;
  color: #8989B4;
}

.all-services-section .subtitle {
  color: #8989B4;
  font-size: 24px;
}

.upcoming-features {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  background-color: #F8F8FF;
  border-radius: 24px;
  padding: 22px;
  margin-bottom: 60px;
}

.upcoming-features p {
  width: 40%;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.0014em;
  text-align: left;
}

.features-list {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  column-gap: 50px;
}

.features-list li {
  flex: 0 0 40%;
  /* 45% ширины для двух колонок */
  margin-bottom: 5px;
  font-size: 14px;
  color: #888EBA;
  position: relative;
  padding-left: 20px;
  white-space: nowrap;
  min-width: 300px;
}

.features-list li::before {
  content: '\2022';
  font-family: var(--mainFontFamily);
  position: absolute;
  left: 0;
  color: #306DDE;
  /* Цвет маркера */
  font-size: 20px;
  line-height: 1;
  top: 3px;
}

.all-services-section .btn {
  margin: 0 auto;
}

.our-team-section .landing-card-content {
  width: 100%;
}

.team-cards-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.team-card-item {
  display: flex !important;
  flex-direction: column;
  gap: 30px;
  padding-right: 30px;
  width: 250px;
  min-height: 500px;
}

.team-card-img {
  background-position: center;
  background-size: cover;
  width: 250px;
  height: 280px;
  border-radius: 12px;
}

.team-card-item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-card-item-info h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.team-card-item-info p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.0014em;
  color: #888EBA;
}

.team-card-item-info p.number {
  font-size: 17px;
  color: #24223E !important;
}

.section-subheader {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 30px;
}

.section-subheader.justify {
  justify-content: space-between;
}

.section-subheader.left {
  justify-content: flex-start;
  flex-direction: column;
}

.section-subheader h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.0014em;
}

.section-subheader.justify p {
  text-align: right;
}

.section-subheader p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.0014em;
}

.agents-register-section .landing-card {
  min-height: 620px;
  background-position: right;
  background-repeat: no-repeat;
}

.agents-register-section .landing-card-content-header .title {
  width: 60%;
}

.agents-register-section .landing-card-content-header .subtitle {
  width: 50%;
  color: #8989B4;
}

.agents-register-section .landing-card.type-1 {
  align-items: flex-start;
  padding-top: 100px;
}

.agents-register-section .btn {
  margin-top: 60px;
}

.agents-logo-section .landing-card-left-block {
  width: 100%;
}

.agents-logo-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 50px;
}

.logos-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Оставляем равномерное пространство между логотипами */
  margin-bottom: 20px;
  width: 100%;
}

.logo-item {
  margin: 0 10px;
  flex: 0 0 auto;
  /* Гарантируем, что элементы не будут растягиваться */
}

.logo-item img {
  max-width: 100px;
  /* Устанавливаем максимальную ширину для логотипов */
  height: auto;
  display: block;
}

.section-block .slick-slide {
  display: flex;
  justify-content: center;
}

.section-block .slick-list {
  overflow: hidden;
  padding: 0;
}

.section-block .slick-track {
  display: flex;
  align-items: center;
}

.team-cards-list-content {
  display: none;
  flex-direction: column;
}

.team-cards-list-content.active {
  display: flex;
  transition: all 0.5s;
}

.team-cards-list .slick-arrow.slick-next {
  position: absolute;
  top: -260px;
  right: 0px;
  background-image: url('../../images/remaster/chevron-right.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.team-cards-list .slick-arrow.slick-prev {
  position: absolute;
  top: -260px;
  left: calc(100% - 90px);
  background-image: url('../../images/remaster/chevron-left.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}


.agents-logo-section .title {
  text-align: center;
  font-weight: 500;
  width: 60%;
  margin: 0 auto;
  line-height: 40px;
}

.agents-logo-section .landing-card {
  padding: 50px 0px;
}

.partnership-section .landing-card-content {
  width: 100%;
}

.partnership-section .faq-item {
  margin-left: 0px;
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  margin-top: 24px;
}

.partnership-section .faq-item .faq-title {
  font-weight: 500;
  color: #24223E;
  background-color: #F8F8FF;
  padding: 1rem 3.5rem 1rem 1rem;
  border-radius: 16px;
  display: flex;
  align-items: center;
}

.partnership-section .faq-item .faq-title img {
  position: absolute;
  right: 20px;
}

/* .partnership-section .faq-item .faq-title:hover img {
  transform: rotate(180deg);
  transition: all .2s;
} */

.partnership-section .faq-item .faq-title::after {
  display: none;
}

.partnership-section .faq-item .faq-title:hover:hover::after {
  display: none;
}

.partnership-section .faq-item .faq-content p {
  font-weight: 400;
  color: #5B596E;
  margin-bottom: 16px;
}

.partnership-section .faq-item .faq-content p.extra-note {
  border: 1px solid #5B596E;
  border-radius: 12px;
  padding: 14px;
}

.landing-container .partnership-section ul li,
.landing-container .partnership-section ol li {
  font-weight: 400;
  color: #5B596E;
  list-style: none;
}

.landing-container .partnership-section ul li:before {
  content: '\2014';
  color: #306DDE;
  margin-right: 4px;
}

.partnership-section .faq-item .faq-content {
  margin-left: 24px;
}

/* Начальное состояние секции - невидимая и немного сдвинута */
.section-block {
  opacity: 0;
  transform: translateY(50px);
  /* Смещение по оси Y */
  transition: all 0.7s ease;
  /* Плавная анимация */
}

/* Класс для секций, которые стали видимыми */
.section-block.visible {
  opacity: 1;
  transform: translateY(0);
  /* Сбрасываем смещение */
  position: relative;
}

footer.rm .footer-nav h3 {
  font-size: 14px;
  font-weight: 500;
  color: #24223E;
}

footer.rm .footer-apps {
  margin-bottom: 20px;
}

footer.rm .footer-contact--item a {
  font-weight: 500;
  font-size: 12px;
}

footer.rm .footer-nav a {
  color: #8989B4;
}

footer.rm {
  padding: 42px 40px 40px 40px;
}

footer.rm .footer-contact--item span {
  color: #8989B4;
  font-size: 14px;
}

footer.rm .footer-contact--item {
  margin-bottom: 24px;
}

footer.rm .footer-main-logo img {
  width: 100px;
}

footer.rm .footer-adress {
  color: #8989B4;
}

footer.rm .footer-info {
  color: #8989B4;
}

.footer-bottom-info {
  padding-top: 30px;
  border-top: 1px solid #ABABC84D;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom-info-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.footer-subscribe {
  display: flex;
  align-items: center;
  gap: 35px;
}

.subscribe-text h2 {
  font-size: 18px;
  color: #24223E;
  margin: 0 0 5px;
  font-weight: 500;
}

.subscribe-text p {
  font-size: 14px;
  color: #898989;
  margin: 0;
}

.subscribe-form {
  display: flex;
  align-items: center;
  background-color: #F4F4FD;
  border-radius: 16px;
  padding: 4px;
}

.subscribe-form input {
  padding: 10px;
  border: none;
  outline: none;
  border-radius: 8px;
  background-color: #f3f5fb;
  font-size: 14px;
  color: #6F7287;
  width: 250px;
  margin-right: 10px;
}

.subscribe-form input::placeholder {
  color: #ABABC8;
  font-size: 16px;
}

.agents-page .landing-banner-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 40px;
}

.calendar-promo-tours-section .landing-card.type-2 {
  align-items: flex-start;
}

.calendar-promo-tours-section .landing-card.type-2 .landing-card-left-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.calendar-promo-tours-section .subtitle {
  color: #8989B4;
}

.calendar-promo-tours-section .landing-card-right-block {
  width: 100%;
}

.promo-tours-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.promo-tours-item-info h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.0014em;
  color: #24223E;
}

.promo-tours-item-info p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.0014em;
  color: #888EBA;
}

.promo-tours-item-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 25px;
}

.promo-tours-item {
  width: 32%;
  position: relative;
}

.promo-tours-item-img {
  width: 100%;
  height: 220px;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
}

.promo-status {
  border-radius: 30px;
  padding: 5px 15px;
  color: #24223E;
  font-weight: 500;
  font-size: 18px;
  position: absolute;
  top: -20px;
  right: 10px;
}

.promo-status.yellow {
  background-color: #FFF973;
}

.yellow-extra {
  background-color: #FFF72D;
  font-size: 12px;
  font-weight: 400;
  color: #24223E;
  padding: 4px;
}

.section-main-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 50px;
}

.section-main-header h1 {
  font-size: 38px;
  text-transform: uppercase;
}

.section-main-header h2 {
  font-size: 24px;
  font-weight: 400;
  color: #8989B4;
  text-align: center;
}

.calendar-list-promo-tours-section {
  margin-top: 120px;
}

.calendar-list-promo-tours-section .landing-card-right-block {
  width: 100%;
}

/*  */
.calendar-dates {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.calendar-dates ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
  gap: 10px;
  overflow-x: auto;
  justify-content: space-between;
}

.calendar-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #24223E;
  cursor: pointer;
}

.calendar-day:hover {
  color: #306DDE;
  font-weight: 500;
}

.calendar-day:hover .day-of-week {
  color: #306DDE;
  font-weight: 500;
}

.calendar-day.weekend:hover .day-of-week {
  color: #306DDE;
  font-weight: 500;
}

.calendar-day .date-of-week {
  font-weight: 500;
}

.calendar-day .day-of-week {
  color: #8989B4;
}

.calendar-day.weekend .day-of-week {
  color: #CF3F3F;
}

.calendar-day.inactive {
  color: lightgray;
  pointer-events: none;
}

.calendar-arrow {
  font-size: 24px;
  cursor: pointer;
  padding: 0 10px;
}

.pagination.rm .pag-last {
  background-image: none;
  width: auto;
  height: auto;
  background-color: transparent;
}

.pagination.rm .pag-first {
  background-image: none;
  width: auto;
  height: auto;
  background-color: transparent;
}

ul.pagination.rm li.active {
  background-color: #306DDE;
  border-radius: 4px;
}

ul.pagination.rm li {
  padding: 8px;
}

.useful-platform-section {
  background-color: #fff;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%) !important;
  padding: 60px 0px;

}

.cards-useful-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.card-useful-item {
  width: 100%;
  border-radius: 24px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 50px 50px 0px 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  min-height: 510px;

}

.card-useful-item.purple {
  background-color: #CBC9E3;
}

.card-useful-item.purple .useful-features-logo {
  background-color: #9694B2;
}

.card-useful-item.yellow {
  background-color: #FDFCE8;
}

.card-useful-item.yellow .useful-features-logo {
  background-color: #C9C46F;
}

.card-useful-item.green {
  background-color: #C9FFE9;
}

.card-useful-item.green .useful-features-logo {
  background-color: #54AB89;
}

.card-useful-item.orange {
  background-color: #FDEEE8;
}

.card-useful-item.orange .useful-features-logo {
  background-color: #C4AA9B;
}

.card-useful-item.orange .useful-features-item.more-btn p {
  color: #A78876;
}

.card-useful-item.green .useful-features-item.more-btn p {
  color: #54AB89;
}

.more-btn-img {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-team-section a {
  color: inherit;
}

.card-useful-image {
  position: absolute;
  margin-top: -80px;
  margin-left: 15%;
}

.card-useful-item-left-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 30%;
  top: 50px;
}

.card-useful-item-left-content .btn {
  margin-top: 40px;
}

.card-useful-item-left-content h3 {
  font-size: 36px;
  font-weight: 600;
  color: #24223E;
  text-transform: uppercase;
}

.card-useful-item-left-content h4 {
  font-size: 24px;
  font-weight: 400;
  color: #24223E;
}

.card-useful-item-right-content {
  position: relative;
  z-index: 1;
  top: 30px;
}

.useful-features-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

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

.useful-features-item p {
  font-size: 18px;
  color: #24223E;
  white-space: nowrap;
}

.useful-features-logo {
  min-width: 36px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.useful-features-item.more-btn {
  cursor: pointer;
}

.hidden {
  display: none;
}

.card-useful-item.expanded {
  height: 780px;
}

.expanded .hidden {
  display: flex;
}

.more-btn p {
  cursor: pointer;
  transition: color 0.3s ease;
}

.chevron {
  transition: transform 0.3s ease;
}

.expanded .chevron {
  transform: rotate(180deg);
}


.request-demo-section .landing-card {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}

.request-demo-section .section-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 50%;
}

.request-demo-section .section-header h2 {
  font-size: 28px;
  color: #24223E;
  font-weight: 500;
  text-transform: none;
}

.request-demo-section .section-header a {
  font-size: 20px;
  color: #24223E;
  font-weight: 400;
  text-transform: none;
}

.request-demo-link {
  cursor: pointer;
}

.request-demo-section .landing-register-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  margin-top: 0px;
}

.request-demo-section .landing-register-form input {
  background-color: #F8F8FF;
}

.request-demo-section .landing-register-form button {
  width: 100%;
}

.download-app-section .landing-card {
  flex-direction: row;
  gap: 30px;
}

.download-center-block {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 60%;
}

.download-app-section h2 {
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  color: #24223E;
  margin-bottom: 20px;
}

.download-app-section h3 {
  font-size: 18px;
  font-weight: 400;
  color: #ABABC8;
}

.qrcode-block h3 {
  text-align: center;
}

.qrcode-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.money-management-page .download-app-section h3 {
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  color: #24223E;
  margin-bottom: 20px;
}

.money-management-page .download-app-section h4 {
  font-size: 18px;
  font-weight: 400;
  color: #ABABC8;
}

.download-banner-img {
  margin-bottom: -50px;
  width: 40%;
}

.download-center-block-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
}

.telegram-banner-info h2 {
  color: #885959;
  font-weight: 500;
  font-size: 38px;
}

.telegram-banner-info h3 {
  color: #885959;
  font-weight: 400;
  font-size: 22px;
}

.telegram-subscribe-section .landing-card {
  flex-direction: row;
  justify-content: space-around;
  background-color: #FFE5E5;
  padding: 20px 70px;
}

.telegram-subscribe-section .landing-card .btn {
  margin-top: 30px;
}

.telegram-banner-img {
  margin-bottom: -20px;
}

.faq-section .section-header .title {
  width: 52%;
}

.faq-section .section-header h1 {
  width: 52%;
}

.news-slider {
  display: none;
}

.news-slider.active {
  display: flex;
}

.book-demo-section .landing-card {
  align-items: flex-start;
}

.book-demo-section .landing-card .landing-card-left-block {
  width: 50%;
}

.book-demo-section .landing-card .landing-card-right-block {
  width: 40%;
}

.book-demo-section .landing-card .landing-card-left-block h2 {
  font-size: 47px;
  color: #24223E;
  line-height: 50px;
}

.book-demo-section .landing-card .landing-card-left-block h3 {
  color: #8989B4;
}

.book-demo-section .landing-register-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.book-demo-section .landing-register-form input {
  background-color: #F8F8FF;
  width: 100%;
}

.book-demo-section .landing-banner-header-register-form .landing-register-form input {
  width: 100%;
}

.book-demo-section .landing-register-form button {
  width: 100%;
}

.book-demo-section .landing-register-form p {
  font-size: 18px;
  color: #8989B4;
  text-align: left;
}

.book-demo-section .landing-banner-header-register-form .landing-register-form input::placeholder {
  color: #5B596E;
}

.book-demo-section .radiobutton-form-block {
  margin: 20px 0px;
}

.book-demo-section .radiobutton-form-block .filters-list {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}

.radiobutton-form-block .filters-list .filter-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.radiobutton-form-block .filters-list .filter-item input {
  width: auto;
  height: auto;
}

.radiobutton-form-block .filters-list .filter-item p {
  margin-left: 8px;
  line-height: 110%;
}

.radiobutton-form-block .filters-list .filter-item {
  margin-right: 25px;
}

.radiobutton-form-block .filters-list .filter-item:last-child {
  margin-right: 0px;
}

.business-main-banner-section .landing-banner-wrapper {
  /* height: 780px;
  background-color: #F8F8FF; */
  padding-top: 100px;
}

.business-main-banner-section .landing-banner-header-wrapper {
  width: 100%;
  margin-top: 30px;
}

.business-main-banner-section .landing-banner-header-wrapper h1 {
  color: #24223E;
  text-align: center;
}

.business-main-banner-section .landing-banner-header-wrapper p {
  color: #8989B4;
  text-align: center;
}

.book-demo-section input {
  background-color: #F8F8FF;
  border: none;
  border-radius: 12px;
  height: 50px;
}

.book-demo-section input::placeholder {
  color: #5B596E;
}

.book-demo-section .form-control:focus {
  background-color: #F8F8FF;
}

.book-demo-section .form-field .btn {
  width: 100%;
}

.radio-button-wrapper {
  margin: 40px 0px;
}

.book-demo-section .checkbox-group p {
  font-size: 16px;
  color: #8989B4;
  line-height: 110%;
}

.radio-button-wrapper .checkbox-group {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}

.book-demo-section .checkbox-group .value.regular-b1 {
  margin-left: 8px;
}

.book-demo-section .radio-button-wrapper .checkbox-group input {
  height: auto;
}

.book-demo-section .checkbox-group.term {
  margin-top: 20px;
}

.landing-banner-footer-logos-list {
  margin: 0 auto;
  max-width: 1360px;
}

.agents-main-banner-section {
  margin-top: 80px;
}

.breadcrumb-wrapper {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
  margin-bottom: 15px;
  margin-top: 20px;
}

.breadcrumb-wrapper.absolute {
  position: absolute;
  top: 70px;
  left: 60px;
  margin-top: 0px;
}

.breadcrumb-item {
  text-decoration: none;
  color: #5B596E;
}

.breadcrumb-item:hover {
  text-decoration: underline;
}

.langing-top.rm {
  background: none;
  background-color: #BED3FC;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 40px;
  z-index: 10;
}

.langing-top.rm h1 {
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 600;
  color: #496293;
  letter-spacing: -0.14%;
  max-width: none;
}

.landing-top-content {
  max-width: 1360px;
  margin: 0 auto;
  padding-top: 60px;
}

.langing-top.rm .landing-card.type-1 {
  padding: 30px 40px;
}

.header-scrolled .nav {
  flex-wrap: nowrap;
}

.header-scrolled .btn.btn-primary.rm.nav-link {
  background-color: #FAFAFF;
  color: #24223E;
  border: none;
  padding: 8px 20px;
  font-size: 14px;
}

.header-scrolled ul.nav li.nav-item {
  margin-bottom: 0px;
}

.header-scrolled .header-basket-description {
  white-space: nowrap;
  color: #717380;
}

.header-scrolled .header-basket-wrapper {
  height: 40px;
  padding: 8px 20px;
  background-color: #F4F6F9;
}

.header .header-basket-wrapper {
  min-height: 40px;
}

.header-language-content {
  display: flex;
  align-items: center;
  gap: 4px;
}

.header-language-content span {
  margin-right: 20px;
  cursor: pointer;
}

.header-phone a {
  color: #24223E;
  font-size: 14px;
}

.header-desktop-account-text {
  color: #C4C4CE;

}

.header-desktop-account-text span {
  font-weight: 600;
  color: #7F8297;
}

.header-basket-description {
  color: #717380;
}

/* Изначально все секции скрыты */
.content-section-menu-header {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 4px 9px #696FFC26;
  padding: 20px;
  top: 100%;
  border-radius: 16px;
  z-index: 1;
}

/* Показываем контент при наведении на пункт меню */
.menu-item:hover .content-section-menu-header,
.menu-item.active .content-section-menu-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.menu-item.active::after {
  transform: rotate(90deg);
}


.content-section-menu-header-main {
  display: flex;
  flex-direction: row;
  gap: 80px;
}

/* Стили для списка */
.header-bottom .header-bottom-left .content-section-menu-header ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 5px;
  min-width: 100px;
}

.header-bottom .header-bottom-left .content-section-menu-header li {
  position: relative;
  margin-bottom: 10px;
  color: #19191E;
  font-size: 14px;
  margin-bottom: 0px;
  text-align: left;
  cursor: pointer;
}

.header-bottom .header-bottom-left .content-section-menu-header li a {
  white-space: nowrap;
}

.header-bottom .header-bottom-left .content-section-menu-header li.active a {
  color: #306DDE;
  font-weight: 600;
}

.header-bottom .header-bottom-left .content-section-menu-header li.active a:hover {
  font-weight: 600;
}

.header-bottom .header-bottom-left .content-section-menu-header li:hover a {
  color: #306DDE;
  font-weight: 400;
}

.header-bottom .header-bottom-left .content-section-menu-header a {
  padding: 0px;
}

.header-bottom .menu-socials {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}

.content-section-menu-header .content-section-menu-header-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ABABC830;
  padding-top: 30px;
}

.content-section-menu-header-bottom a:hover {
  color: #818183 !important;
}


.content-section-menu-header-bottom a.header-menu-btn {
  padding: 8px 16px !important;
  border-radius: 8px;
  border: 2px solid #818183;
  width: fit-content;
  color: #818183;

}

.content-section-menu-header-bottom a.header-menu-btn.blue:hover {
  background-color: #306dde2f;
  color: #306DDE !important;
}

.content-section-menu-header-bottom a.header-menu-btn:hover {
  background-color: rgba(244, 244, 253, 0.883);
}

.content-section-menu-header-bottom a.header-menu-btn.blue {
  border: 2px solid #306DDE;
  color: #306DDE;
}

.header-menu-btns-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-menu-btns-wrapper img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.btn.btn-primary.rm.nav-link {
  background-color: #fff;
  min-height: 44px;
  font-weight: 400;
  font-size: 16px;
  color: #306DDE;
  padding: 12px 15px;
}

.btn.btn-primary.rm.nav-link svg {
  margin-right: 8px;
}

.btn.btn-primary.rm.nav-link svg path {
  fill: #306DDE;
}

.btn.btn-primary.rm.nav-link svg rect {
  fill: #306DDE;
}

.btn.btn-primary.rm.nav-link.active svg rect {
  fill: #fff;
}

.btn.btn-primary.rm.nav-link.active svg path {
  fill: #fff;
}

.btn.btn-primary.rm.nav-link:hover svg path {
  fill: #fff;
}

.btn.btn-primary.rm.nav-link.airbnb-icon:hover svg path {
  stroke: #fff;
}

.btn.btn-primary.rm.nav-link.active:hover svg rect {
  fill: #fff;
}

.btn.btn-primary.rm.nav-link:hover svg rect {
  fill: #fff;
}

.btn.btn-primary.rm.nav-link.airbnb-icon.active svg path {
  stroke: #fff;
}

.btn.btn-primary.rm.nav-link:hover {
  background-color: #306DDE !important;
}

.btn.btn-primary.rm.nav-link.active {
  background-color: #306DDE;
  color: #fff;
}

.travelhub-trust-section .landing-card.type-1 {
  gap: 40px;
}

.travelhub-trust-section .landing-card.type-1 .landing-card-left-block {
  width: 40%;
}

.travelhub-trust-section .landing-card.type-1 .landing-card-right-block {
  width: 60%;
}

.travelhub-trust-section .landing-card.type-1 .landing-card-right-block .landing-image {
  width: 100%;
  height: 400px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}

.travelhub-trust-section .landing-card.type-1 .landing-card-left-block h2 {
  line-height: 50px;
}

.travelhub-trust-section .landing-card.type-1 .landing-card-left-block h3 {
  color: #ABABC8;
  font-size: 16px;
  font-weight: 400;
}

.travelhub-trust-section .yellow-extra {
  font-size: inherit;
  border-radius: 12px;
  display: block;
  width: fit-content;
}

.destination-card-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;

}

.popular-destination-cards-list {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 40px;
}

.destination-card-item .card-item-img {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.card-item-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.card-item-content .card-item-title {
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
  color: #19191E;
}

.card-item-content .card-item-subtitle {
  font-size: 18px;
  font-weight: 400;
  font-weight: 500;
  white-space: nowrap;
  color: #19191E;
}

.card-item-content-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.card-item-content-bottom .btn {
  padding: 12px 15px;

}

.card-item-content .card-item-subtitle img {
  margin-right: 5px;
}

/*  */

.popular-destination-city-cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  width: 100%;
}

.city-card {
  width: calc(33.33% - 20px);
  height: fit-content;
  background-color: #F4F4FD;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: all 0.3s ease-in-out;

}

.city-header-content {
  display: flex;
  gap: 24px;
}

.city-card.collapsed .city-info {
  display: none;
}

.city-card img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.city-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.city-name {
  font-weight: bold;
  font-size: 18px;
}

.city-country {
  color: #585858;
}

.city-info {
  margin-top: 10px;
  font-size: 14px;
  color: #8989B4;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.city-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-icon-city-dest {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dropdown-icon-city-dest {
  transform: rotate(180deg);
}

.dropdown-icon-city-dest.rotated {
  transform: rotate(360deg);
}

/* REMASTER MAIN INPUTS */
.langing-top.rm .select2-container--krajee-bs3 .select2-selection {
  border: none !important;
  background-color: #F4F7FD;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 56px !important;
  display: flex;
  align-items: center;
  border-radius: 12px !important;
  padding-left: 10px !important;
  min-width: auto;
}

.langing-top.rm .select2-container--krajee-bs3 .select2-selection.has-error {
  border: 1px solid #f00 !important;
}

.datepicker-avia-from.has-error {
  border: 1px solid #f00 !important;
}

.search-container .select2.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  top: 8px;
}

.select2.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  background-image: url('../../images/remaster/chevron-down-blue-small.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.langing-top.rm .form-group label {
  color: #ABABC8;
  font-weight: 600;
  display: flex;
  padding: 0px;
}

.langing-top.rm .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
  color: #24223E;
  font-size: 14px;
  padding-right: 10px;
  max-width: 250px;
}

.langing-top.rm .route-link {
  font-size: 14px;
  color: #24223E;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  width: fit-content;
}

.langing-top.rm .route-link:hover {
  color: #306DDE;
}

.form-row.rm {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 1.75rem;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
}

.search-container.transfers .form-row.rm, .search-container.cars .form-row.rm, .search-container.hotels .form-row.rm,.search-container.excursions .form-row.rm{
  margin-bottom: 0px;
}

#flights-search-form .form-row.rm {
  align-items: flex-start;
}

.form-row.rm.tours {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr 1fr 1fr 1fr;
  min-width: auto;
  gap: 10px;
}

.form-row.rm.hotels {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  min-width: auto;
  align-items: start;
}

/* .form-row.rm.trains{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  min-width: auto;
} */

.form-row.rm.transfers {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 0.7fr;
  min-width: auto;
  align-items: flex-start;
}

.form-row.rm.trains {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 0.7fr;
  min-width: auto;
  align-items: flex-start;
}

.input-group-item.date-trains,
.form-group.rm.date-trains,
.form-group.rm .input-default-trains-from,
.form-group.rm .input-default-trains-to {
  min-width: 180px;
}

.search-container.transfers .form-group.rm .search-btn {
  margin-top: 27px;
}

.input-transfers-location-time-row {
  display: flex;
  align-items: center;
  gap: 20px;
}

.input-transfers-location-time-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-row.rm.excursions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 0.6fr;
  min-width: auto;
}

.form-group.rm {
  flex: 1;
  min-width: 130px;
  margin-bottom: 0px;
}

.form-group.rm.location-form {
  width: 220px;
}

.form-group.rm.field-flightsearchform-locationto {
  width: 200px;
}

.form-group.rm .search-btn {
  height: 56px;
  width: 360px;
  font-size: 14px;
}

.form-group.rm label {
  font-size: 14px;
  color: #F4F7FD;
  display: block;
  margin-bottom: 5px;
}

.class-type {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.class-type label {
  flex: 1;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  background-color: #F4F7FD;
  cursor: pointer;
}

.class-type input {
  display: none;
}

.class-type input:checked+label {
  background-color: #4285f4;
  color: #fff;
}

.passenger-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.passenger-count button {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  line-height: 0;
}

.passenger-count input {
  width: 40px;
  text-align: center;
  border: none;
  background: none;
}

.search-button {
  background-color: #4285f4;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

.search-button:hover {
  background-color: #3367d6;
}

/*  */

.date-inputs-wrapper.rm {
  position: relative;
}

.date-inputs-wrapper.rm .remove-datepicker-date {
  top: 8px;
  right: 5px;
  padding: 10px;
}

.date-inputs-wrapper.rm .date-inputs-item {
  border: none;
  background-color: #F4F7FD;
  min-height: 56px;
  border-radius: 12px !important;
  width: 180px;
}

.search-container.transfers .date-inputs-wrapper.rm .date-inputs-item {
  width: 100%;
}

.date-inputs-wrapper.rm .date-inputs-item::placeholder {
  color: #ABABC8;
}

.select2.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: #ABABC8;
}

.form-group.rm .count-block {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;

}

.form-group.rm .people-count-block {
  border-radius: 12px;
  background-color: #F4F7FD;
  padding: 16px 8px;
}

.form-group.rm .plus {
  font-size: inherit;
  margin: 0px;
}

.form-group.rm .count-button {
  color: #306DDE;
  border: none;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 20px;
  font-weight: 600;
}

.form-group.rm.field-cabin-class {
  margin-top: 0px;
  margin-bottom: 0px;
}

.form-group.rm .radio-group {
  border-radius: 12px;
  background-color: #F4F7FD;
  padding: 16px 20px;
  min-height: 56px;
}

.langing-top.rm .form-group.rm .radio-group label {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 14px;
}

.checkbox-block {
  align-items: center;
  cursor: pointer;
}

/*  */

.form-group.rm p {
  font-size: 14px;
}

.form-group.rm.dropdown-avia-type {
  width: 255px;
}

.dropdown-avia {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-toggle-form {
  width: 100%;
  padding: 10px;
  background-color: #F4F7FD;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  color: #24223E;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
}

.dropdown-menu-form {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 100%;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  flex-direction: column;
  z-index: 1;
}

.langing-top.rm .form-group .dropdown-menu-form label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  color: #484872;
  font-size: 16px;
  font-weight: 400;
}

.dropdown-menu-form label input[type="checkbox"] {
  margin-right: 8px;
  appearance: none;
  background-color: white;
  border: 1px solid #E4E6EE;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
}

.dropdown-menu-form label input[type="checkbox"]:checked {
  background-color: #306DDE;
  border: none;
}

.dropdown-menu-form label input[type="checkbox"]:checked::after {
  content: url('../../images/remaster/icon-check-white.svg');
  color: white;
  position: absolute;
  left: 4px;
  top: -6px;
  font-size: 16px;
}

.form-row.rm .switch-btn-wrapper {
  position: relative;
  bottom: -10px;
  min-width: 20px;
  min-height: 20px;
  cursor: pointer;
}

.form-row.rm.avia-row {
  width: 100%;
}

.form-row.rm.avia-row.hidden {
  display: none;
}

.form-row.rm.avia-row:first-child .delete-avia-row {
  display: none;
}

.form-row.rm.avia-row .delete-avia-row {
  margin-bottom: 20px;
  cursor: pointer;
}

/* .avia-row .input-group-item{
  width: 30%;
} */

.langing-top.rm .search-container {
  width: 100%;
}

.avia-row .date-inputs-wrapper.rm .date-inputs-item {
  width: 100%;
}

.form-row.rm.avia-row .group-type-2.date {
  width: 37%;
}

#manyWayAviaWrapper .form-row.rm .group-type-5 {
  width: calc(68% - 7px);
}

.group-type-1 {
  display: flex;
  align-items: flex-end;
  width: 66%;
  gap: 12px;
}

.manyway-avia-row-icon {
  display: block;
}

.manyway-mobile-avia-row-icon {
  display: none;
}

.form-row.rm.avia-row .flights-location-input-group .form-group.rm.location-form {
  width: 100%;
}

.form-row.rm.avia-row .input-group-item.input-default-flights-to {
  width: 100%;
}

.form-row.rm.avia-row .input-group-item.input-default-flights-from {
  width: 100%;
}

.form-row.rm .group-type-1 .switch-btn-wrapper {
  bottom: 15px;
}

.form-row.rm .group-type-1 {
  width: calc(66% - 7px);
}

.form-row.rm .group-type-5 {
  width: calc(66% - 7px);
}

.form-row.rm .group-type-3 {
  width: 70%;
  display: flex;
  align-items: center;
  gap: 22px;
}

#flights-search-form .form-row.rm .group-type-3 {
  align-items: flex-start;
}

.group-type-2 {
  display: flex;
  align-items: flex-end;
  width: 28%;
  gap: 20px;
}

.group-type-1 .input-group-item {
  width: -webkit-fill-available;
}

.group-type-2 .input-group-item {
  width: -webkit-fill-available;
}

.group-type-2 .form-group.rm {
  min-width: auto;
}

.group-type-1 .form-group.rm.dropdown-avia-type {
  width: auto;
}

.group-type-2 .form-group.rm .search-btn {
  width: -webkit-fill-available;
}

/* Плавное появление/исчезновение блоков */
.search-container.fade {
  transition: opacity 0.3s ease-in;
  opacity: 0;
  display: none;
}

.search-container.fade.show {
  opacity: 1;
  display: block;
}

.langing-top.rm #extended-search-button {
  color: #306DDE;
  font-weight: 500;
}

.langing-top.rm .extended-search-block .select-list .list-block {
  border-radius: 16px;
  background-color: #F4F7FD;
}

.langing-top.rm .list-block-header-actions a {
  padding: 16px;
}

.langing-top.rm .list-block-header-actions a.active,
.langing-top.rm .list-block-header-actions a:hover {
  border-bottom: 2px solid #306DDE;
  color: #306DDE;
}

.select-list .list-block-header-actions a.active {
  white-space: nowrap;
}

.langing-top.rm .list-block-header-actions a span {
  color: #306DDE;
}

.langing-top.rm .list-block-header-actions a {
  margin: 0px;
}

.langing-top.rm .list-block-header {
  padding: 16px 20px;
  height: auto;
  border-bottom: none;
}

.langing-top.rm .list-block-header-input {
  background: transparent;
  width: 80%;
  padding: 0px;
}

.list-block-header-input-wrapper {
  position: relative;
  background-color: #fff;
  border-radius: 16px;
  width: 220px;
  display: flex;
  align-items: center;
  padding: 5px 0px 5px 10px;
}

.list-block-header-input-wrapper .clear-input-btn {
  position: absolute;
  top: 16px;
  right: 15px;
  cursor: pointer;
}

.langing-top.rm .list-block-header-input::placeholder {
  color: #ABABC8;
  cursor: pointer;
}

.airbnb-form .form-row-content .form-group {
  width: 100%;
  margin-bottom: 0px;
}

.airbnb-form .form-row-content .form-group.has-error .help-block {
  position: absolute;
}

.airbnb-form .form-row-content .form-group .form-control:focus {
  background-color: #F8F8FF;
  border: none !important;
}

.form-row-content.w-label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}

.form-row-content .input-group-item {
  width: 48%;
}

.form-row-content label.control-label {
  color: #757575;
  font-weight: 600;
}

.input-number-with-currency-option input[type="number"] {
  height: 54px;
  width: 100%;
}

.form-row-content .select2-container--krajee-bs3 .select2-selection {
  border: none !important;
  background-color: #F8F8FF;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 56px !important;
  display: flex;
  align-items: center;
  border-radius: 12px !important;
  padding-left: 10px !important;
  min-width: auto;
  color: #5B596E;
  font-size: 16px;
}

.search-container.tours #tours-calendar {
  height: 56px;
  border-radius: 12px;
  background-color: #F4F7FD;
  border: none;
  width: auto;
  font-size: 14px;
}

.search-container .select-list .title {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #ABABC8;
  font-weight: 600;
}

.search-container .form-control.form-control-solid {
  background-color: #F4F7FD;
  height: 56px;
  border-radius: 12px;
}

.search-container .extended-search-button-block {
  margin-bottom: 0px;
}

.search-container .extended-search-button-block.show {
  margin-bottom: 20px;
}

.search-container.hotels #tourists-select,
.search-container.transfers #tourists-select,
.search-container.excursions #tourists-select,
.search-container.tours #tourists-select,
.search-container.trains #tourists-select {
  background-color: #F4F7FD;
  border: none;
  border-radius: 12px;
  height: 56px;
  font-size: 14px;
  color: #24223E;
}

.search-container.hotels .date-hotels .input-group.date input,
.search-container.transfers .input-group input,
.search-container.excursions .input-group input,
.search-container.tours .input-group input {
  height: 56px;
  background-color: #F4F7FD;
  border-radius: 12px;
  border: none;
}

.search-container.transfers .input-group.bootstrap-timepicker input.form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.search-container .input-group .bootstrap-timepicker-hour.form-control {
  background-color: transparent;
}

.search-container .input-group .bootstrap-timepicker-minute.form-control {
  background-color: transparent;
}

.search-container.hotels #tours-calendar {
  border: 12px;
}

.btn.rm.select-modal-save-btn {
  width: 100%;
}

.search-container.hotels .form-group.rm .search-btn {
  margin-top: 25px;
}

.search-container.hotels .form-group.rm .search-btn,
.search-container.transfers .form-group.rm .search-btn,
.search-container.excursions .form-group.rm .search-btn,
.search-container.tours .form-group.rm .search-btn,
.search-container.trains .form-group.rm .search-btn {
  width: -webkit-fill-available;
}

.search-container.tours .form-group.rm.field-nights {
  width: 200px;
}

.search-container.hotels .tourists-count-select-modal,
.search-container.transfers .tourists-count-select-modal,
.search-container.excursions .tourists-count-select-modal,
.search-container.tours .tourists-count-select-modal,
.search-container.trains .tourists-count-select-modal {
  top: 60px;
}

.search-container.hotels .form-group.rm .people-count-block,
.search-container.excursions .form-group.rm .people-count-block,
.search-container.transfers .form-group.rm .people-count-block,
.search-container.tours .form-group.rm .people-count-block,
.search-container.trains .form-group.rm .people-count-block {
  background-color: transparent;
  padding: 0px;
  padding-bottom: 12px;
  padding-top: 12px;
  /* border-bottom: 1px solid #ABABC84D; */
  border-radius: 0px;
  gap: 10px;
}

.search-container.transfers .form-group.rm .people-count-block:nth-last-child(2),
.search-container.tours .form-group.rm .people-count-block:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0px;
}

.search-container.excursions .form-group.rm .people-count-block:last-child,
.search-container.transfers .form-group.rm .people-count-block:last-child,
.search-container.tours .form-group.rm .people-count-block:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.search-container.tours .form-group.rm .tourists-count-select-modal .people-count-block.last {
  border-bottom: none;
  padding-bottom: 0px;
}

.search-container .occupancy-widget-item,
.occupancy-widget-item-nationality {
  border-top: 1px solid #ABABC84D;
  border-bottom: none;
}

.search-container .people-count-block .subtitle {
  color: #ABABC8;
  font-size: 12px;
}

.search-container .people-count-block .title {
  margin: 0px;
}

.search-container .people-count-block .people-count-block-info {
  display: flex;
  flex-direction: column;
}

.search-container.hotels .form-group.rm .people-count-block.last,
.search-container.trains .form-group.rm .people-count-block.last {
  border-bottom: none;
}

.search-container.hotels .tourists-count-select-modal .people-count-block .title,
.search-container.trains .tourists-count-select-modal .people-count-block .title,
.search-container.excursions .tourists-count-select-modal .people-count-block .title,
.search-container.transfers .tourists-count-select-modal .people-count-block .title,
.search-container.tours .tourists-count-select-modal .people-count-block .title {
  font-size: 16px;
  color: #24223E;
  font-weight: 400;
  text-transform: none;
}

.search-container.hotels .form-group.rm .count-block,
.search-container.trains .form-group.rm .count-block,
.search-container.excursions .form-group.rm .count-block,
.search-container.transfers .form-group.rm .count-block,
.search-container.tours .form-group.rm .count-block {
  justify-content: center;
  width: auto;
}

.search-container.hotels .tourists-count-select-modal .people-count-block .count-block .count-button,
.search-container.trains .tourists-count-select-modal .people-count-block .count-block .count-button,
.search-container.excursions .tourists-count-select-modal .people-count-block .count-block .count-button,
.search-container.transfers .tourists-count-select-modal .people-count-block .count-block .count-button,
.search-container.tours .tourists-count-select-modal .people-count-block .count-block .count-button {
  background-color: #306DDE;
  font-size: 16px;
}

.search-container.hotels .people-count-block-header,
.search-container.trains .people-count-block-header,
.search-container.transfers .people-count-block-header,
.search-container.excursions .people-count-block-header,
.search-container.tours .people-count-block-header {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}

.search-container.hotels .form-group.rm .people-count-block.select-save-btn-block,
.search-container.trains .form-group.rm .people-count-block.select-save-btn-block {
  border-bottom: none;
}

.people-count-block.select-save-btn-block {
  width: 100%;
}

.search-container.hotels .occupancy-widget-item:first-child,
.search-container.trains .occupancy-widget-item:first-child,
.search-container.transfers .occupancy-widget-item:first-child,
.search-container.transfers .occupancy-widget-item:first-child,
.search-container.tours .occupancy-widget-item:first-child {
  padding-top: 0px;
}

.search-container.hotels .occupancy-widget-item:last-child,
.search-container.trains .occupancy-widget-item:last-child,
.search-container.transfers .occupancy-widget-item:last-child,
.search-container.transfers .occupancy-widget-item:last-child,
.search-container.tours .occupancy-widget-item:last-child {
  border-bottom: 1px solid #ABABC84D;
}

.search-container.hotels .add-occupancy-widget-item,
.search-container.hotels .remove-occupancy-widget-item {
  color: #306DDE;
  font-size: 16px;
  margin-bottom: 10px;
}

.search-container.excursions .add-occupancy-widget-item,
.search-container.excursions .remove-occupancy-widget-item {
  color: #306DDE;
  font-size: 16px;
  margin-bottom: 10px;
}

.search-container.transfers .add-occupancy-widget-item,
.search-container.transfers .remove-occupancy-widget-item {
  color: #306DDE;
  font-size: 16px;
  margin-bottom: 10px;
}

.search-container.hotels .tourists-count-select-modal .people-count-block .count-block .count-button:active {
  background-color: #E4E6EE;
  color: #ABABC8;
}

.search-container.excursions .tourists-count-select-modal .people-count-block .count-block .count-button:active {
  background-color: #E4E6EE;
  color: #ABABC8;
}

.search-container.transfers .tourists-count-select-modal .people-count-block .count-block .count-button:active {
  background-color: #E4E6EE;
  color: #ABABC8;
}

.tourists-count-select-modal .people-count-block .count-block .count-button:active {
  background-color: #E4E6EE;
  color: #ABABC8;
}

@media (hover: hover) and (pointer: fine) {
  .search-container.hotels .tourists-count-select-modal .people-count-block .count-block .count-button:hover {
    background-color: #E4E6EE;
    color: #ABABC8;
  }

  .search-container.excursions .tourists-count-select-modal .people-count-block .count-block .count-button:hover {
    background-color: #E4E6EE;
    color: #ABABC8;
  }

  .search-container.transfers .tourists-count-select-modal .people-count-block .count-block .count-button:hover {
    background-color: #E4E6EE;
    color: #ABABC8;
  }

  .tourists-count-select-modal .people-count-block .count-block .count-button:hover {
    background-color: #E4E6EE;
    color: #ABABC8;
  }
}

.search-container.transfers .input-group-append {
  background-color: #F4F7FD;
  border-radius: 12px;
}

.search-container.transfers .input-group-text.picker {
  border: none;
  background-color: #EAF1FF;
  padding: 18px;
}

.search-container.transfers p.value {
  font-weight: 400;
  line-height: 130%;
  margin-left: 8px;
  font-size: 14px;
}

.search-container .input-container input:checked~.checkmark-block {
  background-color: #306DDE;
}

.form-group.rm .radio-label input[type="radio"]:checked+.custom-radio {
  background-color: #306DDE;
  border: none;
}

.form-group.rm .custom-radio {
  background-color: #fff;
  border: 1px solid #E4E6EE;
}

.form-group.rm.has-error .help-block {
  position: absolute;
  font-size: 12px;
}

.search-container.hotels .form-group.rm.has-error .help-block {
  position: absolute;
  font-size: 12px;
  max-width: 100%;
}

#flights-search-form .form-group.rm .help-block {
  position: relative;
  font-size: 12px;
  max-width: 100%;
  color: red;
}

.form-content-upload-container .upload-btn {
  background-color: #306DDE;
  outline: none;
  border-radius: 8px;
  border: none;
  padding: 10px 15px;
  color: #fff;
}

.form-content-upload-container .upload-btn:hover {
  transform: scale(1.05);
}

.form-content-upload-container .upload-area {
  background-color: #f8f8ff;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s;
  border-radius: 12px;
}

.form-content-upload-container .upload-area.drag-over {
  border-color: #000;
}

.form-content-upload-container .preview-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.preview-item {
  height: 100px;
  width: 150px;
  background-color: #F8F8FF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 8px;
}

.form-content-upload-container .preview-image {
  max-width: 100px;
  max-height: 100px;
  object-fit: cover;
  padding: 5px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-content-upload-container .delete-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 2px 5px;
  font-size: 12px;
}

.form-content-upload-container .file-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.select2-container--krajee-bs3 .select2-dropdown {
  border: none;
  border-radius: 16px;
}

.select2-search--dropdown {
  background-color: #fff;
  padding: 10px;
}

.select2-results {
  background-color: #F4F7FD;
}

.select2-container.select2-container--krajee-bs3.select2-container--open {
  z-index: 1000;
}

.modal-open .select2-container.select2-container--krajee-bs3.select2-container--open, .order-modal .select2-container.select2-container--krajee-bs3.select2-container--open{
  z-index: 1050;
}

.fancybox-active .select2-container.select2-container--krajee-bs3.select2-container--open {
  z-index: 99995;
}

.select2-container--krajee-bs3.select2-container--open .select2-results__option--highlighted[aria-selected] {
  background-color: #306DDE !important;
  color: #fff !important;
}

.select2-container--krajee-bs3.select2-container--open .select2-results__option.select2-results__option--selected,
.select2-container--krajee-bs3.select2-container--open .select2-results__option[aria-selected=true] {
  color: #24223E;
  background-color: #b9d2ff;
}

.select2-container--krajee-bs3.select2-container--open li.select2-results__option {
  width: 100%;
  white-space: normal;
  min-height: 45px;
}

.select2-container.select2-container--open .select2-dropdown--above {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.select2-container.select2-container--open .select2-dropdown--below {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.select2-dropdown-new {
  padding-top: 0px !important;
  padding-bottom: 0px !important;

}

#flights-search-form .select2-dropdown-new {
  min-width: 320px;
}

.select2-container--krajee-bs3 .select2-dropdown-new .select2-results__group {
  background: #fff;
  border-top: none;
  border-bottom: none;
  font-weight: 500;
  padding: 10px 12px;
}

.select2-container--krajee-bs3 .select2-dropdown-new .select2-results__group span {
  font-weight: 400;
  font-size: 18px;
}


.select2-results__option {
  padding: 10px 15px;
}

.select2-container--krajee-bs3.select2-container--open .select2-search--dropdown .select2-search__field {
  background: #F4F7FD url(../../images/remaster/search-blue-small.svg) left 10px top 12px no-repeat;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 12px;
  height: 40px;
  padding-left: 35px;
}

.select2-container--krajee-bs3 .select2-results__group {
  background-color: #fff;
  font-size: 16px;
  color: #24223E;
  border-top: none;
  border-bottom: none;
  padding: 15px 12px;
}

.bordered-checkbox.input-container {
  display: flex;
  align-items: center;
  gap: 4px;
}

.bordered-checkbox.input-container:hover input~.checkmark-block {
  /* background-color: #e4e4e4; */
}

.bordered-checkbox.input-container:hover input~.checkmark-block img {
  /* display: none; */
}

.bordered-checkbox.input-container .checkmark-block {
  background-color: #fff;
  border: 1px solid #306DDE;
}

.bordered-checkbox.input-container p.value {
  line-height: 130%;
}

.select2-container--krajee-bs3 .select2-results__option .select2-results__option b {
  font-size: 16px;
  font-weight: 400;
  color: #24223E;
}

.select2-container--krajee-bs3.select2-container--open .select2-selection,
.select2-container--krajee-bs3 .select2-selection:focus {
  border: 1px solid #c1c1c1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--krajee-bs3.select2-container--open.select2-container--below .select2-selection {
  border-radius: 6px;
  border-bottom-color: #c1c1c1;
}

.select2-container--krajee-bs3.select2-container--open.select2-container--above .select2-selection {
  border-radius: 6px;
  border-top-color: #c1c1c1;
}

.form-control:focus {
  border: 1px solid #c1c1c1 !important;
}

.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] b {
  color: #fff;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder {
  color: #ABABC8;
}

.dropdown-menu .separator {
  border: none;
}

.extended-search-checkbox {
  border: 1px solid #306DDE;
  width: 20px;
  height: 20px;
}

.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  font-weight: 400;
  font-size: 20px;
  top: 13px;
}

.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {
  font-weight: 400;
}

.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice:first-child {
  margin-left: 0px;
}

.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
  margin: 3px 6px 3px 0;
  color: #24223E;
  background-color: #fff;
  border: none;
  padding: 7px 10px;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {
  font-weight: 400;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice:first-child {
  margin-left: 0px;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
  margin: 3px 6px 3px 0;
  color: #24223E;
  background-color: #fff;
  border: none;
  padding: 7px 10px;
}

.search-container.transfers .bootstrap-timepicker-widget,
.search-container.trains .bootstrap-timepicker-widget {
  top: 60px;
  border-radius: 16px;
}

.search-container.tours .form-group {
  margin-bottom: 0;
  min-width: 170px;
}

.search-container.transfers .bootstrap-timepicker-widget table td:not(.separator),
.search-container.trains .bootstrap-timepicker-widget table td:not(.separator) {
  color: #24223E;
  font-size: 16px;
}

.search-container.transfers .bootstrap-timepicker-widget table td>a,
.search-container.trains .bootstrap-timepicker-widget table td>a {
  width: 100%;
  height: 40px;
}

#transfer-search-form input.bootstrap-timepicker-hour.form-control {
  background-color: #fff;
}

#transfer-search-form input.bootstrap-timepicker-minute.form-control {
  background-color: #fff;
}

.header-right-block .header-language .header-language-content span,
.header-top-menu-mobile .header-language .header-language-content span {
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzI2OTJfMTQxNzIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjY5Ml8xNDE3MikiPgo8cGF0aCBkPSJNMTIgMjJDMTAuNjMzMyAyMiA5LjM0MTY3IDIxLjczNzUgOC4xMjUgMjEuMjEyNUM2LjkwODMzIDIwLjY4NzUgNS44NDU4MyAxOS45NzA4IDQuOTM3NSAxOS4wNjI1QzQuMDI5MTcgMTguMTU0MiAzLjMxMjUgMTcuMDkxNyAyLjc4NzUgMTUuODc1QzIuMjYyNSAxNC42NTgzIDIgMTMuMzY2NyAyIDEyQzIgMTAuNjE2NyAyLjI2MjUgOS4zMjA4MyAyLjc4NzUgOC4xMTI1QzMuMzEyNSA2LjkwNDE3IDQuMDI5MTcgNS44NDU4MyA0LjkzNzUgNC45Mzc1QzUuODQ1ODMgNC4wMjkxNyA2LjkwODMzIDMuMzEyNSA4LjEyNSAyLjc4NzVDOS4zNDE2NyAyLjI2MjUgMTAuNjMzMyAyIDEyIDJDMTMuMzgzMyAyIDE0LjY3OTIgMi4yNjI1IDE1Ljg4NzUgMi43ODc1QzE3LjA5NTggMy4zMTI1IDE4LjE1NDIgNC4wMjkxNyAxOS4wNjI1IDQuOTM3NUMxOS45NzA4IDUuODQ1ODMgMjAuNjg3NSA2LjkwNDE3IDIxLjIxMjUgOC4xMTI1QzIxLjczNzUgOS4zMjA4MyAyMiAxMC42MTY3IDIyIDEyQzIyIDEzLjM2NjcgMjEuNzM3NSAxNC42NTgzIDIxLjIxMjUgMTUuODc1QzIwLjY4NzUgMTcuMDkxNyAxOS45NzA4IDE4LjE1NDIgMTkuMDYyNSAxOS4wNjI1QzE4LjE1NDIgMTkuOTcwOCAxNy4wOTU4IDIwLjY4NzUgMTUuODg3NSAyMS4yMTI1QzE0LjY3OTIgMjEuNzM3NSAxMy4zODMzIDIyIDEyIDIyWk0xMiAxOS45NUMxMi40MzMzIDE5LjM1IDEyLjgwODMgMTguNzI1IDEzLjEyNSAxOC4wNzVDMTMuNDQxNyAxNy40MjUgMTMuNyAxNi43MzMzIDEzLjkgMTZIMTAuMUMxMC4zIDE2LjczMzMgMTAuNTU4MyAxNy40MjUgMTAuODc1IDE4LjA3NUMxMS4xOTE3IDE4LjcyNSAxMS41NjY3IDE5LjM1IDEyIDE5Ljk1Wk05LjQgMTkuNTVDOS4xIDE5IDguODM3NSAxOC40MjkyIDguNjEyNSAxNy44Mzc1QzguMzg3NSAxNy4yNDU4IDguMiAxNi42MzMzIDguMDUgMTZINS4xQzUuNTgzMzMgMTYuODMzMyA2LjE4NzUgMTcuNTU4MyA2LjkxMjUgMTguMTc1QzcuNjM3NSAxOC43OTE3IDguNDY2NjcgMTkuMjUgOS40IDE5LjU1Wk0xNC42IDE5LjU1QzE1LjUzMzMgMTkuMjUgMTYuMzYyNSAxOC43OTE3IDE3LjA4NzUgMTguMTc1QzE3LjgxMjUgMTcuNTU4MyAxOC40MTY3IDE2LjgzMzMgMTguOSAxNkgxNS45NUMxNS44IDE2LjYzMzMgMTUuNjEyNSAxNy4yNDU4IDE1LjM4NzUgMTcuODM3NUMxNS4xNjI1IDE4LjQyOTIgMTQuOSAxOSAxNC42IDE5LjU1Wk00LjI1IDE0SDcuNjVDNy42IDEzLjY2NjcgNy41NjI1IDEzLjMzNzUgNy41Mzc1IDEzLjAxMjVDNy41MTI1IDEyLjY4NzUgNy41IDEyLjM1IDcuNSAxMkM3LjUgMTEuNjUgNy41MTI1IDExLjMxMjUgNy41Mzc1IDEwLjk4NzVDNy41NjI1IDEwLjY2MjUgNy42IDEwLjMzMzMgNy42NSAxMEg0LjI1QzQuMTY2NjcgMTAuMzMzMyA0LjEwNDE3IDEwLjY2MjUgNC4wNjI1IDEwLjk4NzVDNC4wMjA4MyAxMS4zMTI1IDQgMTEuNjUgNCAxMkM0IDEyLjM1IDQuMDIwODMgMTIuNjg3NSA0LjA2MjUgMTMuMDEyNUM0LjEwNDE3IDEzLjMzNzUgNC4xNjY2NyAxMy42NjY3IDQuMjUgMTRaTTkuNjUgMTRIMTQuMzVDMTQuNCAxMy42NjY3IDE0LjQzNzUgMTMuMzM3NSAxNC40NjI1IDEzLjAxMjVDMTQuNDg3NSAxMi42ODc1IDE0LjUgMTIuMzUgMTQuNSAxMkMxNC41IDExLjY1IDE0LjQ4NzUgMTEuMzEyNSAxNC40NjI1IDEwLjk4NzVDMTQuNDM3NSAxMC42NjI1IDE0LjQgMTAuMzMzMyAxNC4zNSAxMEg5LjY1QzkuNiAxMC4zMzMzIDkuNTYyNSAxMC42NjI1IDkuNTM3NSAxMC45ODc1QzkuNTEyNSAxMS4zMTI1IDkuNSAxMS42NSA5LjUgMTJDOS41IDEyLjM1IDkuNTEyNSAxMi42ODc1IDkuNTM3NSAxMy4wMTI1QzkuNTYyNSAxMy4zMzc1IDkuNiAxMy42NjY3IDkuNjUgMTRaTTE2LjM1IDE0SDE5Ljc1QzE5LjgzMzMgMTMuNjY2NyAxOS44OTU4IDEzLjMzNzUgMTkuOTM3NSAxMy4wMTI1QzE5Ljk3OTIgMTIuNjg3NSAyMCAxMi4zNSAyMCAxMkMyMCAxMS42NSAxOS45NzkyIDExLjMxMjUgMTkuOTM3NSAxMC45ODc1QzE5Ljg5NTggMTAuNjYyNSAxOS44MzMzIDEwLjMzMzMgMTkuNzUgMTBIMTYuMzVDMTYuNCAxMC4zMzMzIDE2LjQzNzUgMTAuNjYyNSAxNi40NjI1IDEwLjk4NzVDMTYuNDg3NSAxMS4zMTI1IDE2LjUgMTEuNjUgMTYuNSAxMkMxNi41IDEyLjM1IDE2LjQ4NzUgMTIuNjg3NSAxNi40NjI1IDEzLjAxMjVDMTYuNDM3NSAxMy4zMzc1IDE2LjQgMTMuNjY2NyAxNi4zNSAxNFpNMTUuOTUgOEgxOC45QzE4LjQxNjcgNy4xNjY2NyAxNy44MTI1IDYuNDQxNjcgMTcuMDg3NSA1LjgyNUMxNi4zNjI1IDUuMjA4MzMgMTUuNTMzMyA0Ljc1IDE0LjYgNC40NUMxNC45IDUgMTUuMTYyNSA1LjU3MDgzIDE1LjM4NzUgNi4xNjI1QzE1LjYxMjUgNi43NTQxNyAxNS44IDcuMzY2NjcgMTUuOTUgOFpNMTAuMSA4SDEzLjlDMTMuNyA3LjI2NjY3IDEzLjQ0MTcgNi41NzUgMTMuMTI1IDUuOTI1QzEyLjgwODMgNS4yNzUgMTIuNDMzMyA0LjY1IDEyIDQuMDVDMTEuNTY2NyA0LjY1IDExLjE5MTcgNS4yNzUgMTAuODc1IDUuOTI1QzEwLjU1ODMgNi41NzUgMTAuMyA3LjI2NjY3IDEwLjEgOFpNNS4xIDhIOC4wNUM4LjIgNy4zNjY2NyA4LjM4NzUgNi43NTQxNyA4LjYxMjUgNi4xNjI1QzguODM3NSA1LjU3MDgzIDkuMSA1IDkuNCA0LjQ1QzguNDY2NjcgNC43NSA3LjYzNzUgNS4yMDgzMyA2LjkxMjUgNS44MjVDNi4xODc1IDYuNDQxNjcgNS41ODMzMyA3LjE2NjY3IDUuMSA4WiIgZmlsbD0iI0I1QjVDMiIvPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.header-scrolled .header-bottom-left ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0px;
}

.header-scrolled .header-bottom-left ul li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.0025em;
  color: #19191E;
}

.header-scrolled .menu-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.header-scrolled .header-left-block {
  display: flex;
  align-items: center;
  gap: 50px;
}

.menu-item-main-info {
  display: flex;
  align-items: center;
  gap: 4px;
}

.menu-sub-dropdown.menu.show {
  position: absolute;
  transform: translate(-30px, 130px);
}

.header-dropdown-desktop-nav {
  gap: 50px;
}

.header-dropdown-desktop.active .menu-item-main-info img {
  display: none;
}

.header-bottom-left .menu-item .menu-item-main-info .chevron {
  display: none;
}

.header-dropdown-desktop-new {
  max-width: 300px;
}

.amadeus-section .landing-card-content-header {
  gap: 40px;
}

.amadeus-section .landing-card .subtitle {
  font-weight: 600;
  font-size: 28px;
}

.amadeus-card-list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 60px;
  gap: 20px;
}

.amadeus-card-item {
  width: 33%;
  border-radius: 16px;
  background-color: #F8F8FF;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.amadeus-card-item-content {
  display: flex;
  align-items: flex-start;
  padding: 30px 25px 0px 25px;
  gap: 16px;
}

.amadeus-card-item-content .card-item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #306DDE;
  color: #306DDE;
  font-size: 20px;
  min-width: 40px;
  min-height: 40px;
}

.amadeus-card-item-content .card-item-description {
  font-size: 18px;
  color: #24223E;
}

.amadeus-card-image {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.amadeus-section .btn {
  margin: 0 auto;
}

.header-bottom-content-mobile {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  width: 100%;
}

.search-flag-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0.25px solid #888EBA;
  object-fit: cover;
}

.search-flag-item.small {
  width: 15px;
  height: 15px;
}

.row-search-result-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-search-result-item.city-country {
  padding: 0px 13px;
}

.row-search-result-item .row-search-result-img {
  width: 20px;
  height: 20px;
}


.row-result-description {
  font-size: 13px;
  color: #888EBA;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.row-result-title {
  font-size: 16px;
  color: #293050;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.row-result-title-country {
  margin-left: 0px;
  font-size: 16px;
  color: #888EBA;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.row-result-title.semibold {
  font-weight: 500;
}

.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] .row-result-title {
  color: #fff;
}

.select2-container--krajee-bs3 li.select2-results__option {
  background-color: #F4F7FD;
  color: #24223E;
}

.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] .row-result-title-country,
.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] .row-result-description {
  color: #fff;
}

.search-container.tours .input-group-item.search-btn-block-mobile {
  display: none;
}

.search-container .extended-search-block .columns-block {
  gap: 20px;
}

.search-container .extended-search-block .columns-block .column .hotel-selects-block {
  gap: 20px;
}

.header-basket.mobile {
  display: none;
}

#flights-search-form {
  width: 100%;
}

.flights-location-input-group,
.trains-location-input-group {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  width: 60%;
  justify-content: space-between;
}

.trains-location-input-group {
  width: 100%;
}

.center-block-switch-mobile {
  display: none;
}

.disabled {
  color: gray;
  pointer-events: none;
  opacity: 0.6;
}

.row-search-result-item .row-search-result-info.avia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.row-search-result-item .row-search-result-info.avia .row-result-description {
  font-size: 14px;
}

.row-search-result-item .row-search-result-info.avia .country-text {
  color: #888EBA;
}

.money-management-page .landing-card-main-content .banner-img {
  border-radius: 8px;
}

.form-group.rm.field-propertysearchform-nationality {
  width: 200px;
}

.nationality .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
  padding-right: 15px;
}

.select2-dropdown.no-scroll .select2-results__options {
  white-space: nowrap;
  overflow-x: hidden;
}

.select2-container.select2-container--krajee-bs3 .select2-results>.select2-results__options {
  overflow-x: hidden;
}

ul.select2-results__options li:last-child {
  padding-bottom: 0px;
}

.search-container.hotels .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

.search-container.hotels .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.search-container.hotels .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

.search-container.hotels .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: transparent;
}

.search-container.hotels .select2-dropdown .select2-results__options::-webkit-scrollbar-button {
  display: none;
}

.field-propertysearchform-guests .occupancy-widget-select .arrow-blue {
  margin-left: auto;
}

.search-container.trains .form-group.rm.field-propertysearchform-guests,.search-container.transfers .form-group.rm.tourists-select-widget {
  min-width: 220px;
}

.form-group.rm.field-propertysearchform-guests {
  min-width: 250px;
}

.hotel-info-block .select2-container--krajee-bs3 .select2-selection {
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E4E6EE;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-button {
  display: none;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: transparent;
}

.select2.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
  height: 45px;
}

.header-language .header-language-content .currency-tex {
  margin-bottom: 0px;
}

.header-dropdown-desktop-nav ul li {
  cursor: pointer;
}

.header-bottom-left ul li {
  cursor: pointer;
}


.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  visibility: hidden;
  opacity: 1;
}

.search-container .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear::before {
  visibility: visible;
  content: url('../images/cross-grey-input-icon.svg');
  position: absolute;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  visibility: hidden;
  opacity: 1;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear::before {
  visibility: visible;
  content: url('../images/cross-grey-input-icon.svg');
  position: absolute;
}

#flights-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  font-weight: 400;
  font-size: 20px;
  top: 13px;
}

.count-passengers-modal {
  display: none;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 1070;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  border-radius: 0;
  transition: transform 0.3s ease-in-out;
}

/* Стили для активного состояния модального окна */
.count-passengers-modal.active {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  animation: slideUp 0.3s ease-in-out forwards;
}

/* Анимация всплытия */
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.form-row.rm .charter-checkbox {
  background-color: transparent;
  border: 1px solid #306DDE;
  width: 20px;
  height: 20px;
}

.form-row.rm .charter-checkbox:checked {
  background-color: #306DDE;
}

.form-row.rm .charter-checkbox:checked::after {
  top: 4px;
  left: 5px;
}

.count-passengers-modal .form-group.rm label,
.count-passengers-class-text label {
  color: #ABABC8;
  font-weight: 600;
  display: flex;
  margin-bottom: 0px;
}

.count-passengers-modal .form-group.rm .count-button {
  width: 32px;
  height: 32px;
}

.count-passengers-modal .form-group.rm .people-count-block {
  padding: 10px 20px;
}

.count-passengers-modal .form-group.rm .count-block {
  justify-content: space-between;
}

.count-passengers-modal .form-group.rm .radio-group label {
  font-weight: 400;
}

.count-passengers-modal .count-block-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.count-passengers-modal .modal-inputs-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}

.modal-inputs-header {
  font-size: 18px;
  font-weight: 500;
}

.count-passengers-modal-header .count-passengers-class-text {
  background-color: #F4F7FD;
  border: none;
  border-radius: 12px;
  height: 56px;
  font-size: 14px;
  color: #24223E;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.search-container .count-passengers-class-btn {
  background-color: #F4F7FD;
  border: none;
  border-radius: 12px;
  height: 56px;
  font-size: 14px;
  color: #24223E;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.count-passengers-class-text-info {
  display: flex;
  align-items: center;
}

.count-passengers-modal .count-passengers-class-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}

.search-container .count-passengers-class-btn .arrow-blue {
  margin-left: auto;
}

.count-passengers-class-text {
  display: flex;
  align-items: center;
  padding: 11px 13px;
  width: 100%;
}

#hotel-book-checkout-date,
#hotel-book-checkin-date {
  border-radius: 12px;
  padding: 11px 10px;
}

#transfer-search-form .input-group.date input {
  border-radius: 12px;
  padding: 11px 10px;
}

.search-container.tours #tourists-select {
  padding: 0px 10px;
}

.form-group.rm .bootstrap-timepicker input {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.count-passengers-modal-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.count-passengers-modal .avia-modal-save-btn {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 150px;
}

.count-passengers-modal-back-icon {
  cursor: pointer;
}

.highlights-section .landing-card-left-block {
  width: 100%;
}

.highlights-content-item video {
  max-width: 100%;
}

.count-passengers-group {
  display: none;
}

.charter-group-item-mobile {
  display: none;
}

.passenger-inputs-wrapper-desktop {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

.cabinclass-inputs-wrapper-desktop {
  display: flex;
  gap: 20px;
  width: 56%;
  justify-content: space-between;
}

.form-group.rm.location-form.field-flightsearchform-airlines {
  width: 385px;
}

.select-airlines-input-group {
  /* width: 100%; */
  width: 44%;
}

.header-tabbar-panel {
  display: none;
  width: 95%;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: -6px 0px 19.2px 0px #55669938;
  position: fixed;
  bottom: 10px;
  padding: 10px 16px;
  margin: 0 10px;
  z-index: 1003;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateY(100%);
  /* Скрыт по умолчанию */
  opacity: 0;
}

.header-tabbar-panel.visible {
  transform: translateY(0);
  /* Показывается при добавлении класса */
  opacity: 1;
}

.header-tabbar-panel-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-tabbar-panel-item {
  min-width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.header-tabbar-panel-item.active svg circle,
.header-tabbar-panel-item.active svg path {
  stroke: #306DDE;
}

.header-tabbar-panel-item.active svg rect,
.header-tabbar-panel-item.active svg path {
  fill: #306DDE;
}

.header-tabbar-panel-item.active p {
  color: #306DDE;
}

.header-tabbar-panel-item p {
  color: #5B596EA6;
  font-size: 11px;
  font-weight: 500;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
  max-width: 90%;
}

.header-bottom-content-mobile .header-bottom-right {
  margin-left: auto;
}

.header-bottom-content-mobile .header-language {
  display: none;
}

.datatable.datatable-default>.datatable-pager>.datatable-pager-info .datatable-pager-size {
  width: fit-content !important;
}

.datatable.datatable-default>.datatable-pager>.datatable-pager-info .datatable-pager-size .btn.dropdown-toggle {
  margin-bottom: 0px;
}

.field-orderreportform-userid .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 15px;
}

.hotel-info-switcher-row .has-success .select2-container--krajee-bs3 .select2-selection {
  border-color: #E4E6EE;
}

.has-success .select2-container--krajee-bs3.select2-container--focus .select2-selection {
  box-shadow: none;
  border-color: #c1c1c1 !important;
}

.has-success .select2-container--krajee-bs3 .select2-selection {
  box-shadow: none;
  border-color: #E4E6EE !important;
}

.has-success.has-error .select2-container--krajee-bs3 .select2-selection {
  box-shadow: none;
  border-color: #a94442 !important;
}

.header-reg-mobile {
  display: none;
}

.header-reg-btns {
  display: none;
}

a.btn.btn-primary {
  background-color: #306DDE;
  background: #306DDE;
  border-color: #306DDE;
}

a.btn {
  border-radius: 12px;
}

.form-cooperation-section ul li:before {
  content: '\2014';
  color: #306DDE;
  margin-right: 4px;
}

.form-cooperation-section p {
  font-weight: 400;
  color: #5B596E;
  margin-bottom: 16px;
}

.form-cooperation-section ul li {
  font-weight: 400;
  color: #5B596E;
  list-style: none;
}

.form-cooperation-section p.extra-note {
  border: 1px solid #5B596E;
  border-radius: 12px;
  padding: 14px;
}

.form-cooperation-section.airbnb-form .landing-card.type-2 .subtitle {
  font-size: 18px;
  text-align: left;
  color: #19191E;
}

.form-cooperation-section.airbnb-form .checkbox-block {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 10px;
  cursor: pointer;
}

.form-cooperation-section.airbnb-form .charter-checkbox,
.form-cooperation-section.airbnb-form .charter-radio {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  padding: 0px;
  border-radius: 6px;
  margin-bottom: 0px;
}

.form-cooperation-section.airbnb-form .charter-checkbox:checked,
.form-cooperation-section.airbnb-form .charter-radio:checked {
  border-color: #306DDE;
}

.form-cooperation-section.airbnb-form .charter-checkbox:checked::after,
.form-cooperation-section.airbnb-form .charter-radio:checked::after {
  top: 4px;
  left: 5px;
}

.form-cooperation-section.airbnb-form .add-tourist-container {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.form-cooperation-section.airbnb-form .add-tourist-container .btn {
  width: 100%;
}

.form-cooperation-section.airbnb-form .toggle-add-tourist-btn {
  margin-top: 20px;
  cursor: pointer;
}

.form-cooperation-section.airbnb-form .checkbox-block .checkbox-title {
  margin-bottom: 0px;
}

.form-row-title {
  text-transform: none;
  font-weight: 500;
  font-size: 20px;
}

.form-row-subtitle {
  font-weight: 400;
  color: #5B596E;
  font-size: 16px;
}

.form-row-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 15px;
}

.airbnb-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.airbnb-form .dropdown-menu-select {
  top: 100%;
}

.dropdown-menu-select .dropdown-item-icon img {
  width: 30px;
}

.cooperation-form.airbnb-form input,
.cooperation-form.airbnb-form .select-container {
  margin-bottom: 0px;
}

.cooperation-form.airbnb-form input::placeholder,
.cooperation-form.airbnb-form textarea::placeholder {
  color: #5B596E;
}

.cooperation-form.airbnb-form input.has-error {
  border: 1px solid #f00;
}

.input-number-with-currency-option {
  display: flex;
  align-items: center;
  position: relative;
}

.input-number-with-currency-option input {
  width: 90%;
  border-radius: 12px 0px 0px 12px;
}

.input-number-with-currency-option .currency-type-block {
  padding: 15px;
  border: none;
  border-radius: 0px 12px 12px 0px;
  background-color: #F8F8FF;
  font-size: 16px;
  color: #5B596E;
  border-left: 1px solid #E4E6EE;
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cooperation-form.airbnb-form .tourists-count-select-modal {
  top: 100%;
}

.cooperation-form .btn-primary.rm.confirm-selection-btn {
  width: 100%;
}

.form-row-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  position: relative;
}

.form-row-content.column {
  flex-direction: column;
}

.form-row-content .remove-datepicker-date {
  top: 16px;
}

.form-row-content #tourists-select {
  background-color: #F8F8FF;
  border: none;
  border-radius: 12px;
  height: 56px;
  font-size: 16px;
  color: #5B596E;
  width: 100%;
}

.form-row-content .tourists-count-select-modal .people-count-block .count-block .count-button {
  width: 30px;
  height: 30px;
}

.form-row-content .tourists-count-select {
  width: 100%;
}

.form-row-content .people-counter {
  margin-bottom: 0px;
}

.form-row-content .people-count-block {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
  padding: 12px 0px;

}

.form-row-content .people-count-block .title {
  margin: 0px;
  font-size: 16px;
}

.cooperation-form.airbnb-form .form-row textarea {
  min-height: 100px;
  margin: 0px;
}

.form-row-content .tourists-count-select-modal .people-count-block.last {
  margin-top: 0px;
}

.faq-item.rm .faq-title {
  font-weight: 500;
  color: #24223E;
  background-color: #F8F8FF;
  padding: 1rem 3.5rem 1rem 1rem;
  border-radius: 16px;
  display: flex;
  align-items: center;
}

.faq-item.rm {
  margin-left: 0px;
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  margin-top: 24px;
}

.faq-item.rm .faq-title img {
  position: absolute;
  right: 20px;
}

.faq-item.rm .faq-title::after {
  display: none;
}

.faq-item.rm .faq-content {
  margin-left: 24px;
}

.faq-item.rm .faq-content p {
  font-weight: 400;
  color: #5B596E;
  margin-bottom: 16px;
}

.faq-item.rm ol li {
  font-weight: 400;
  color: #5B596E;
  list-style: none;
  font-size: 16px;
  margin-bottom: 12px;

}

.faq-item.rm ol {
  color: #191c30;
  padding: 0px;
  margin: 0px 0px 0px 20px;
}

.faq-item.rm:first-child {
  margin-top: 0px;
}

.count-passengers-modal .form-group.rm .radio-group label {
  color: #19191E;
}

.search-container .multiple-input-list__item td {
  /* display: flex;
  align-items: center; */
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr 1fr;
  align-items: center;
  gap: 20px;
  border-top: none;
  border-bottom: none;
  padding-left: 0px;
  padding-right: 0px;
}

.search-container .multiple-input-list__item {
  position: relative;
}

.search-container .multiple-input-list__item .multiple-input-list__btn.js-input-remove {
  position: absolute;
  top: -85px;
  right: -10px;
  border-radius: 50%;
  width: 20px !important;
  min-width: 34px;
  height: 34px !important;
  display: flex;
  background-color: #F64E60 !important;
  align-items: center;
  justify-content: center;
}

.search-container .multiple-input-list__btn.add-avia-row-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 12px;
  background-color: #E4E7EC !important;
  height: 56px;
  cursor: pointer;
  border: none;
  font-weight: 400;
}

.search-container .multiple-input-list__btn.add-avia-row-btn:hover {
  background-color: #F4F7FD !important;
}

.search-container .multiple-input-list__item .multiple-input-list__btn.js-input-remove i {
  padding: 0px;
}

.search-container .multiple-input-list__item .switch-btn-wrapper {
  position: absolute;
  top: -2px;
}

.search-container .multiple-input-list.list-renderer .list-cell__button {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  width: 100%;
}

.search-container .table td {
  border-top: none;
}

.search-container .multiple-input-list.list-renderer .form-group {
  margin-bottom: 0px !important;
}

.search-container .multiple-input-list .col-sm-6 {
  max-width: none;
  padding-left: 0px;
  padding-right: 0px;
}

.search-container .multiple-input-list tfoot tr td:first-child {
  display: none;
}

.search-container .multiple-input-list .date-inputs-wrapper.rm .date-inputs-item {
  width: 100%;
}

.group-type-2.group-passengers-select-manyway {
  width: 100%;
}

.select2-dropdown-extended .select2-close-btn {
  display: none;
}

/* Скрываем кнопку "Ещё", пока она не нужна */
.header-scrolled .header-bottom-left.has-auth .menu-item.more.hidden {
  display: none;
}

/* Стили для пункта "Ещё" и его вложенного меню */
.header-scrolled .header-bottom-left.has-auth .menu-item.more {
  cursor: pointer;
}

/* Выпадающее меню внутри "Ещё" */
.header-scrolled .header-bottom-left.has-auth .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border-radius: 12px;
  z-index: 9999;
  /* Чтобы было поверх всего */
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 4px 9px #696FFC26;
}

.header-scrolled .header-bottom-left.has-auth .submenu li {
  padding: 5px 10px;
}

.header-scrolled .header-bottom-left.has-auth .submenu li a {
  color: #333;
  text-decoration: none;
}

.header-scrolled .header-bottom-left.has-auth .more.hidden {
  display: none !important;
}


.header-scrolled .header-bottom-left.has-auth .header-bottom-left .menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
  overflow: visible;
  /* Чтобы выпадающее меню могло выходить за рамки */
}

.header-scrolled .header-bottom-left.has-auth .menu-item {
  position: relative;
  /* Нужно для вложенного submenu */
  margin-right: 20px;
  white-space: nowrap;
  /* Запрещаем перенос, чтобы понять реальную ширину */
  margin-right: 0px;
}

#moreSubmenu {
  display: none;
  flex-direction: column;
}

#moreMenuItem:hover #moreSubmenu {
  display: flex;
  left: -150px;
}

#moreSubmenu li:hover .chevron {
  transform: rotate(90deg);
}

#moreMenuItem .content-section-menu-header {
  left: calc(100% + 5px);
  top: 0px;
}

#moreSubmenu li {
  margin-right: 0px;
  width: 100%;
}

#moreSubmenu li a {
  padding: 10px 0px;
}

#moreSubmenu .menu-item-main-info .chevron {
  display: flex;
}

#moreSubmenu .menu-item-main-info {
  gap: 10px;
}

.header-scrolled .header-bottom-left.has-auth {
  width: 100%;
  margin-right: 20px;
}

.header-scrolled .header-bottom-left ul .submenu {
  gap: 10px;
}

table.subscribe-table-plan {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

th.subscribe-table-plan,
td.subscribe-table-plan {
  border: 1px solid #ddd;
  padding: 10px;
}

th.subscribe-table-plan {
  background-color: #306DDE;
  color: white;
  font-size: 16px;
}

td.subscribe-table-plan {
  font-size: 16px;
}

.subscribe-plan-table-container {
  width: 100%;
  overflow-x: auto;
}

.main-form-row .extended-search-button-block {
  margin-bottom: 0px;
}

.footer-pays img {
  height: 15px;
}

.footer-copy .footer-copy-row .footer-pays {
  flex-wrap: wrap;
  gap: 20px;
}

.view-pass-btn {
  cursor: pointer;
  margin-left: 4px;
}

.form-group.password-group {
  position: relative;
  margin-bottom: 0px;
}

.form-group.password-group .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

.form-control.password-input {
  border: none;
  cursor: default;
  padding: 0px;
}

.form-control.password-input:focus {
  border: none !important;
}

.menu-item-main-info span {
  font-size: 16px;
}

.form-group.bordered-input {
  border: 1px solid #E4E6EE;
  border-radius: 6px;
  padding: 0px 20px;
}

#change_password_form .form-group.password-group {
  margin-bottom: 1.75rem;
}

#preloader-lottie-container rect {
  fill: transparent !important;
}

.filter-modal-content.filters-block.show {
  display: block;
}

.google-card-link {
  color: #306DDE;
  font-size: 14px;
}

/* AI BUTTON */

.sparkle-button {
  --active: 0.8;
  --cut: 0;
  --transition: 0.3s;
  --spark: 3s;
  /* --bg: linear-gradient(
        325deg,
        hsl(217 calc(var(--active) * 100%) 56% / calc(0.3 + var(--active) * 0.7)) 0%,
        hsl(194 calc(var(--active) * 100%) 69% / calc(0.3 + var(--active) * 0.7)) 55%,
        hsl(217 calc(var(--active) * 100%) 56% / calc(0.3 + var(--active) * 0.7)) 90%
      );

  background: var(--bg);
  font-size: 1.2rem;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  padding: 1em 1em;
  display: flex;
  align-items: center;
  gap: 0.25em;
  white-space: nowrap;
  border-radius: 100px;*/
  border: none;
  position: relative;
  transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
  transition: .3s;
}

.sparkle-button:active {
  scale: 1;
  transition: .3s;
}

.sparkle path {
  color: hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));
  transform-box: fill-box;
  transform-origin: center;
  fill: currentColor;
  stroke: currentColor;
  animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));
  animation-duration: 0.6s;
  transition: color var(--transition);
}

.sparkle-button:is(:hover, :focus-visible) path {
  animation-name: bounce;
}

@keyframes bounce {

  35%,
  65% {
    scale: var(--scale);
  }
}

.sparkle path:nth-of-type(1) {
  --scale: 0.5;
  --delay: 0.1;
  --base: 40%;
}

.sparkle path:nth-of-type(2) {
  --scale: 1.5;
  --delay: 0.2;
  --base: 20%;
}

.sparkle path:nth-of-type(3) {
  --scale: 2.5;
  --delay: 0.35;
  --base: 30%;
}

.sparkle-button:before {
  content: "";
  position: absolute;
  inset: -0.2em;
  z-index: -1;
  border-radius: 12px;
  opacity: var(--active, 0);
  transition: opacity var(--transition);
}

.spark {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  rotate: 0deg;
  overflow: hidden;
  mask: linear-gradient(white, transparent 50%);
  animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}

.spark:before {
  content: "";
  position: absolute;
  width: 200%;
  aspect-ratio: 1;
  top: 0%;
  left: 50%;
  z-index: -1;
  translate: -50% -15%;
  rotate: 0;
  transform: rotate(-90deg);
  opacity: calc((var(--active)) + 0.4);
  background: conic-gradient(from 0deg,
      transparent 0 340deg,
      white 360deg);
  transition: opacity var(--transition);
  animation: rotate var(--spark) linear infinite both;
}

.spark:after {
  content: "";
  position: absolute;
  inset: var(--cut);
  border-radius: 12px;
}


.sparkle-button:is(:hover, :focus-visible)~ :is(.bodydrop, .particle-pen) {
  --active: 1;
  --play-state: runnin;
}

.sparkle-button:is(:hover, :focus-visible) {
  --active: 1;
  --play-state: running;
}

@keyframes float-out {
  to {
    rotate: 360deg;
  }
}

.sparkle-button svg {
  inline-size: 1.25em;
  translate: -25% -5%;
}

@keyframes effect {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ai_button {

  --clr-font-main: hsla(0 0% 20% / 100);
  --btn-bg-1: rgb(119, 223, 254);
  --btn-bg-2: rgb(37, 120, 253);
  --btn-bg-color: hsla(360 100% 100% / 1);
  --radii: 0.5em;
  cursor: pointer;
  padding: 0.9em 1.4em;
  min-width: 120px;
  min-height: 44px;
  font-size: var(--size, 1rem);
  font-weight: 500;
  transition: 0.8s;
  background-size: 280% auto;
  background-image: linear-gradient(325deg,
      var(--btn-bg-2) 0%,
      var(--btn-bg-1) 55%,
      var(--btn-bg-2) 90%);
  border: none;
  border-radius: 18px;
  color: var(--btn-bg-color);
  display: flex;
  align-items: center;
  /* box-shadow:
    0px 0px 20px rgba(71, 184, 255, 0.5),
    0px 5px 5px -1px rgba(58, 125, 233, 0.25),
    inset 4px 4px 8px rgba(175, 230, 255, 0.5),
    inset -4px -4px 8px rgba(19, 95, 216, 0.35); */
  margin-left: auto;
}

.ai_button:hover {
  background-position: right top;
}


@media (prefers-reduced-motion: reduce) {
  .ai_button {
    transition: linear;
  }
}

/* From Uiverse.io by xXJollyHAKERXx */
.ai_spinner {
  background-image: linear-gradient(hsla(194 100% 69% / 1) 35%, hsla(217 100% 56% / 1));
  width: 100px;
  height: 100px;
  animation: spinning82341 1.7s linear infinite;
  text-align: center;
  border-radius: 50px;
  filter: blur(1px);
  box-shadow: 0px -5px 20px 0px hsla(194 100% 69% / 1), 0px 5px 20px 0px hsla(217 100% 56% / 1);
}

.ai_spinner1 {
  background-color: rgb(255, 255, 255);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  filter: blur(10px);
}

.ai_loading_steps {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  white-space: pre-line;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  animation: fadeIn 0.3s ease-in-out;
}

.loading-step-text {
  font-size: 18px;
  font-weight: 500;
  color: #585858;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes spinning82341 {
  to {
    transform: rotate(360deg);
  }
}

.ai_loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.ai_popup_close_wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0px;
  height: 40px;
  background-color: #fff;
}

.ai_popup_close {
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
  color: #999;
  transition: color 0.2s;
}

.ai_popup_close img {
  width: 16px;
  height: 16px;
}

.ai_popup_close:hover {
  color: #000;
}

.ai_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ai_popup_content {
  background: white;
  border-radius: 12px;
  padding: 20px;
  width: 600px;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  padding: 0px 20px 40px;
}

.ai_popup_content::-webkit-scrollbar {
  width: 6px;
}

.ai_popup_content::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.ai_popup_content::-webkit-scrollbar-track {
  background: transparent;
}

.ai_loader {
  font-size: 18px;
  text-align: center;
}

.ai_popup_backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ai_result h1,
.ai_result h2,
.ai_result h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 18px;
}

.ai_result p {
  margin-bottom: 0.5em;
  font-size: 16px;
}

.ai_result ul {
  padding-left: 20px;
  margin-bottom: 1em;
}

.ai_result li {
  margin-bottom: 0.3em;
  font-size: 16px;
}

.ai_confirm_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai_confirm_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.ai_confirm_modal {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 24px 30px;
  z-index: 1;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.ai_confirm_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ai_confirm_text {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
}

.ai_confirm_actions {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.ai_confirm_actions .btn {
  flex: 1;
  padding: 10px 0;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

.ai_confirm_yes {
  background: #e53935;
  color: #fff;
}

.ai_confirm_yes:hover {
  background: #c62828;
  color: #fff;
}

.ai_confirm_cancel {
  background: #eee;
  color: #333;
}

.ai_confirm_cancel:hover {
  background: #ddd;
}

.ai_popup_info {
  text-align: center;
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
}

/* AI BUTTON */

.for-agency-section.section-block {
  margin-top: 120px;
}

.popular-destination-wrapper {
  width: 100%;
}

.popular-destination-col {
  break-inside: avoid;
  margin-bottom: 30px;
  column-count: 5;
  column-gap: 40px;
}

.popular-destination-col h4 {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #222;
}

.popular-destination-col h4:first-child {
  margin-top: 0px;
}

.popular-destination-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.popular-destination-col ul li {
  margin-bottom: 6px;
}

.popular-destination-col ul li a {
  text-decoration: none;
  color: #19191e;
  font-size: 14px;
  transition: color 0.3s ease;
}

.popular-destination-col ul li a:hover {
  color: #306DDE;
}

.site-map {
  padding: 40px 20px;
  max-width: 960px;
  margin: 0 auto;
}

.site-map ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.site-map li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.6;
}

.site-map a {
  color: #306DDE;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-map a:hover {
  color: #0066cc;
  text-decoration: underline;
}

.site-map h2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.0014em;
  color: #24223E;
  margin-top: 30px;
}

.flight-special-price-label {
  padding: 5px 8px;
  background-color: #f2f5fa;
  color: #19191E;
  border-radius: 6px;
  font-weight: 500;
  margin-right: 8px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flight-special-price-label.red {
  padding: 5px 8px;
  background-color: #FFD3D3;
  color: #BF3939 !important;
  border-radius: 6px;
  font-weight: 500;
}

.flight-special-price-wrapper {
  margin-left: 10px;
}

.faq-item.open .faq-title img {
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 4s ease;
}

.helppage-article-content-section .faq-item.open .faq-content {
  max-height: none;
}

.faq-item.open .faq-content {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  display: block !important;
}

.info-lable-icon {
  margin-left: 8px;
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.info-lable-icon:hover {
  transform: scale(1.1);
  cursor: pointer;
}

.info-label-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5px;
}

.label-icon-wrapper {
  display: flex;
  align-items: center;
}

.info-label-container .tooltip {
  display: none;
  width: max-content;
  background-color: #4d4d4d;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 8px 12px;
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 10;
  max-width: 250px;
}

.info-label-container:hover .tooltip {
  display: block;
  opacity: 1;
}

.charter-not-found {
  color: #306DDE;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

/*  */

.feedback-search-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 0.85rem;
  margin-top: 30px;
}

.feedback-search-form-area {
  background-color: #F4F6F9;
  height: 200px;
  border-radius: 0.85rem;
  padding: 15px;
  resize: none;
  outline: none;
  border: none;
  width: 100%;
}

.feedback-search-form-area::placeholder {
  color: #B5B5C2;
  font-size: 14px;
}

.feedback-search-form-wrapper .btn.btn-primary.rm {
  width: 100%;
  margin-top: 22px;
}

.left-result-block {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.filter-btns-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-btns-wrapper.hidden {
  display: none;
}

.filter-btns-wrapper .text-btn {
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.filter-btns-wrapper .text-btn:hover {
  transform: scale(1.03);
}

.filter-btns-wrapper .text-btn.primary {
  color: #306DDE
}

.filter-btns-wrapper .text-btn.grey {
  color: #9a9a9a;
}

.message-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.message-popup.hidden {
  display: none;
}

.message-popup-content {
  background: #fff;
  padding: 25px 20px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.message-popup-text {
  font-size: 16px;
  color: #333;
}

.message-popup-close-btn {
  margin-top: 20px;
  width: 100% !important;
}

.flex-end-row {
  align-items: flex-end;
}

.footer-copy-col{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}

.footer-copy-col a{
  white-space: nowrap;
}

@media (max-width: 900px) and (min-width: 768px) {
  .header.header-has-auth .header-bottom .header-bottom-left ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
  }

  .header .header-bottom .header-bottom-left ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px !important;
  }

  .amadeus-card-list {
    flex-direction: column;
  }

  .amadeus-card-item {
    width: 100%;
    justify-content: center;
    bottom: 0px;
  }
}

@media (max-width: 1340px) and (min-width: 768px) {



  .search-container.tours .form-group.rm.field-nights {
    width: auto;
  }

  .form-group.rm.location-form.field-flightsearchform-airlines {
    width: 100%;
  }

  #flights-search-form .form-row.rm {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-row.rm .group-type-1 {
    width: 100%;
  }

  #manyWayAviaWrapper .form-row.rm .group-type-5 {
    width: 100%;
  }

  #flights-search-form .form-row.rm .group-type-3 {
    width: 100%;
  }

  #flights-search-form .group-type-2 {
    width: 100%;
  }

  #flights-search-form .group-type-3 .input-group-item {
    width: 100%;
  }

  .form-group.rm.dropdown-avia-type {
    width: auto;
  }

  .date-inputs-wrapper.rm .date-inputs-item {
    width: 100%;
  }

  .flights-location-input-group {
    width: 100%;
  }

  #flights-search-form .group-type-3 .flights-location-input-group .input-group-item {
    width: 100%;
  }

  .langing-top.rm {
    padding: 0px 13px;
    padding-bottom: 30px;
  }

  .langing-top.rm .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
    max-width: 220px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {

  .popular-destination-col {
    column-count: 4;
    column-gap: 20px;
  }

  .cabinclass-inputs-wrapper-desktop {
    width: 100%;
  }

  .select2-dropdown-extended {
    min-width: 100% !important;
  }

  .langing-top.rm .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
    max-width: 160px;
  }

  .langing-top.rm .form-group.field-hotel-book-checkin-date.required {
    padding-left: 0px !important;
  }

  .search-container.hotels #tourists-select {
    min-width: 230px;
  }

  .fix-price-section .landing-card.type-1 {
    background-position: center;
  }

  .content-section-menu-header {
    top: 100%;
  }

  .header-bottom-right .header-desktop-enter {
    gap: 10px;
  }

  .header .header-bottom .header-bottom-left ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
  }

  .header-bottom .header-bottom-left ul {
    gap: 10px !important;
  }

  .header-has-auth .header-bottom .header-bottom-left ul {
    gap: 15px;
  }

  .header-desktop-account-info .header-desktop-account-info-wrapper {
    display: none;
  }

  .header-has-auth .header-bottom {
    padding: 0px 20px;
  }

  .header-bottom {
    padding: 0px 10px;
  }

  .header-has-auth .header-bottom-content-mobile {
    flex-direction: row;
    align-items: center;
  }

  .header-has-auth .header-bottom-content-mobile .header-bottom-right {
    margin-left: auto;
    padding: 0px;
  }

  .header-has-auth .header-desktop-user {
    gap: 0px;
  }

  .logo-item img {
    max-width: 50px;
  }

  .feature-type-4 .battery-text h3 {
    white-space: nowrap;
    margin-bottom: 0px;
  }

  .battery .battery-wrapper .battery-text {
    left: 20px;
  }

  .footer-apps {
    flex-wrap: wrap;
  }

  .footer-nav a {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom-info {
    flex-wrap: wrap;
  }

  .travelhub-trust-section .landing-card.type-1 {
    flex-direction: column;
  }

  .travelhub-trust-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .travelhub-trust-section .landing-card.type-1 .landing-card-right-block {
    width: 100%;
  }

  #flights-search-form .form-row.rm .group-type-3 {
    width: 100%;
    flex-direction: column;
  }

  .form-group.rm.location-form {
    width: 100%;
  }

  .form-group.rm.field-flightsearchform-locationto {
    width: 100%;
  }

  #flights-search-form .group-type-2 {
    width: 100%;
  }

  #flights-search-form .group-type-3 .input-group-item {
    width: 100%;
  }

  .search-container .extended-search-block .columns-block {
    grid-template-columns: 1fr;
  }

  .header .header-bottom .header-bottom-left a {
    padding: 15px 0px;
  }

  .header .header-bottom .header-bottom-left .content-section-menu-header-main a {
    padding: 5px 0px;
  }

  .business-page .feature-type-8 h3 {
    font-size: 40px;
  }

  .business-page .feature-type-7 h3 {
    font-size: 40px;
  }

  .business-page .feature-type-9 h3 {
    font-size: 40px;
  }

  .agents-main-banner-section .landing-card.type-1 {
    flex-direction: column;
  }

  .agents-main-banner-section .landing-card-right-block {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .control-income-section .main-banner-right img {
    max-width: 90%;
  }

  .for-agency-section .landing-card.type-1,
  .for-business-section .landing-card.type-1 {
    flex-direction: column;
  }

  .for-agency-section .landing-card.type-1 .landing-card-left-block,
  .for-business-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .for-agency-section .landing-card.type-1 .landing-card-right-block,
  .for-business-section .landing-card.type-1 .landing-card-right-block {
    width: 100%;
  }

  .feature-item-list-ul li .extra-info {
    margin-left: 0px;
    display: block;
    width: fit-content;
  }

  .card-useful-item {
    flex-direction: column;
    padding: 20px;
    gap: 60px;
  }

  .card-useful-item-left-content {
    width: 100%;
    text-align: center;
    top: 0px;
  }

  .card-useful-image {
    position: relative;
    order: 2;
    margin: 0 auto;
    margin-bottom: -20px;
  }

  .card-useful-item-right-content {
    top: 0px;
  }

  .useful-features-item {
    gap: 0px;
    align-items: flex-start;
  }

  .card-useful-item-left-content h3 {
    font-size: 24px;
  }

  .card-useful-item-left-content h4 {
    font-size: 20px;
  }

  .card-useful-item-left-content .btn {
    width: 100%;
    margin-top: 0px;
  }

  .useful-features-item .useful-features-logo {
    margin-right: 20px;
  }

  .useful-features-item p {
    white-space: normal;
  }

  .useful-features-item.more-btn {
    display: none;
  }

  .agents-services-list {
    margin-top: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
  }

  .agents-services-item {
    gap: 14px;
    width: 45%;
    min-height: 270px;
  }

  .agents-services-item-info {
    gap: 10px;
  }

  .loyalty-section .landing-card-left-block {
    width: 100%;
  }

  .loyalty-cards-list {
    flex-direction: column;
    width: 100%;
  }

  .loyalty-card-item {
    width: 100%;
  }

  .loyalty-section .landing-card.type-1 {
    background-image: none !important;
    background: linear-gradient(to bottom, #7eacf6, #8c5ae3) !important;
  }

  .calculate-profit-section .landing-card.type-1 {
    flex-direction: column;
  }

  .calculate-profit-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .calculate-profit-section .landing-card.type-1 .landing-card-right-block {
    width: 100%;
  }

  .calculate-profit-result-section {
    width: 100% !important;
  }

  .calculate-profit-section .landing-card.type-1 {
    gap: 50px !important;
  }

  .ready-to-start-section .landing-card.type-1 {
    flex-direction: column;
  }

  .ready-to-start-btns-wrapper {
    flex-direction: column;
  }

  .ready-to-start-btns-wrapper .btn {
    width: 100%;
  }

  .ready-to-start-btns-wrapper .btn-primary.rm.transparent {
    width: 100%;
  }

  .landing-card-tabs-list {
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .landing-card-tabs-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
  }

  .landing-card-tabs-list::-webkit-scrollbar {
    height: 6px;
  }

  .team-cards-list .slick-arrow.slick-prev {
    top: -270px;
  }

  .team-cards-list .slick-arrow.slick-next {
    top: -270px;
  }

  .result-money-management-section .results-mm-list {
    flex-direction: column;
  }

  .result-money-management-section .result-mm-item {
    width: 100%;
    min-height: auto;
    padding: 30px 15px;
    gap: 20px;
    align-items: center;
  }

  .result-money-management-section .result-mm-content {
    font-size: 18px;
  }

  .result-money-management-section .result-mm-info {
    font-size: 58px;
    padding: 10px 20px;
    border-radius: 40px;
    width: fit-content;
  }

  .form-cooperation-section .landing-card.type-2 .landing-card-main-content {
    width: 100%;
  }

  /* .form-row.rm.trains{
    grid-template-columns: 1fr;
  }

  .form-row.rm.trains .input-group-item{
    width: 100%;
  }

.form-row.rm.trains{
  grid-template-columns: 1fr;
}

.form-row.rm.trains .input-group-item{
  width: 100%;
} */

  .langing-top.rm .landing-card.type-1 {
    padding: 30px 20px;
  }

}

@media (max-width: 1280px) and (min-width: 1024px) {

  .search-container.trains .form-group.rm .search-btn {
    width: 100%;
  }

  .form-row.rm.trains {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .cards-useful-list {
    padding: 0px 40px;
  }

  .card-useful-item-left-content h3 {
    font-size: 24px;
  }

  .useful-features-item p {
    font-size: 14px;
  }

  .card-useful-image {
    margin-left: 3%;
  }

  .card-useful-item-right-content {
    width: 40%;
  }

  .card-useful-item-left-content h4 {
    font-size: 18px;
  }

  .agents-services-item {
    min-height: 340px;
  }
}

@media (max-width: 1280px) and (min-width: 768px) {

  .trains-location-input-group .input-group-item {
    width: 50%;
  }

  .trains-location-input-group .form-group.rm {
    width: 100%;
  }

  .card-item-content-bottom .btn {
    width: 100%;
  }

  .popular-destination-cards-list {
    gap: 12px;
  }

  .for-agency-section.section-block {
    margin-top: 60px;
  }

  .header-scrolled .header-bottom-left {
    display: none;
  }

  .header-scrolled .header-bottom-left.has-auth {
    display: flex;
  }

  .header-scrolled .header-left-block {
    gap: 20px;
  }

  .header-scrolled .header-bottom-left.has-auth .content-section-menu-header {
    top: 55px;
  }

  .header-bottom-left.has-auth {
    max-width: 40%;
  }

  .logo-link {
    width: auto !important;
  }

  .header-basket-description {
    display: none;
  }

  .header-dropdown-desktop-nav {
    flex-direction: column;
  }

  .form-row.rm.transfers,
  .form-row.rm.trains {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .input-transfers-location-time-group {
    flex-direction: row;
  }

  .input-transfers-location-time-row {
    width: 100%;
  }

  .input-transfers-location-time-row .input-group-item {
    width: 50%;
  }

  .form-group.rm.field-propertysearchform-nationality {
    width: 100%;
  }

  .form-row.rm.tours {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .landing-container ul.nav {
    justify-content: center;
  }

  .form-row.rm.hotels {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .form-row.rm.form-row.rm.excursions {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .form-row.rm.form-row.rm.excursions>*:nth-child(4) {
    grid-column: 1 / span 2;
  }

  .news-card-item {
    max-width: 240px !important;
    width: auto !important;
  }

  .header-bottom .header-bottom-left ul {
    gap: 15px;
  }

  .header-scrolled .header-bottom-right .header-desktop-enter .header-login {
    color: #fff;
    background-color: #306DDE;
  }

  .landing-banner-main-content {
    width: 90%;
  }

  .landing-banner-header-wrapper h1 {
    text-align: center;
    font-size: 32px;
  }

  .landing-banner-header-wrapper p {
    font-size: 16px;
  }

  .landing-card-features-item h3 {
    font-size: 16px;
  }

  .feature-type-2 .feature-item-banner-wrapper {
    position: relative;
    bottom: -20px;
    justify-content: center;
  }

  .landing-container .feature-item .feature-item-content {
    gap: 8px;
  }

  .feature-type-2 h3 {
    font-size: 32px;
    line-height: 30px;
  }

  .feature-type-1 h3 {
    font-size: 32px;
  }

  .landing-container .feature-item {
    padding: 20px 25px;
  }

  .feature-type-3 .feature-item-banner-wrapper {
    margin-right: -30px;
  }

  .feature-type-3 h3 {
    font-size: 32px;
    line-height: 30px;

  }

  .feature-type-3 h4 {
    font-size: 22px;
    line-height: 30px;
  }

  .landing-container .feature-item.feature-type-4 .feature-item-content {
    gap: 10px;
  }

  .feature-type-4 h5 {
    font-size: 14px;
  }

  .feature-type-4 h3 {
    font-size: 18px;
    line-height: 30px;
  }

  .battery-wrapper .battery-text {
    left: 40px;
  }

  .feature-type-5 .feature-item-banner-wrapper {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }

  .landing-container .feature-item.feature-type-6 .feature-item-content {
    width: 100%;
  }

  .feature-type-6 .feature-item-banner-wrapper {
    position: relative;
    bottom: -20px;
    right: 0;
    display: flex;
    justify-content: center;
  }

  .feature-item.feature-type-7 .feature-item-banner-wrapper {
    bottom: -20px;
    position: relative;
  }

  .landing-container .feature-item.feature-type-7 .feature-item-content {
    gap: 25px;
  }

  .news-section .section-header h3 {
    white-space: nowrap;
  }

  .register-section h1 {
    font-size: 24px;
  }

  .subscribe-text h2 {
    font-size: 16px;
  }

  .subscribe-form input {
    width: 160px;
  }

  .footer-subscribe {
    margin-left: 15px;
  }

  .business-page .feature-type-5 .feature-item-banner-wrapper {
    position: relative;
    bottom: -20px;
  }

  .business-page .feature-type-7 .feature-item-banner-wrapper {
    margin-bottom: auto;
    margin: 0 auto;
  }

  .business-page .feature-type-7 h3 {
    width: 100%;
  }

  .feature-type-9 h3 {
    font-size: 48px;
  }

  .feature-type-9 h4 {
    font-size: 24px;
  }

  .business-page .feature-type-8 h4 {
    font-size: 18px;
  }

  .loyalty-cards-list {
    gap: 10px;
  }

  .range-values {
    font-size: 10px;
  }

  .calculate-profit h3 br {
    display: none;
  }

  .calculate-profit-result-section {
    width: 400px;
  }

  .calculate-profit-section .landing-card.type-1 {
    gap: 20px;
  }

  .calculate-profit h3 {
    font-size: 16px;
  }

  .book-demo-section .landing-card .landing-card-left-block h2 {
    font-size: 32px;
  }

  .agents-main-banner-section .landing-card-left-block {
    width: 80%;
  }

  .agents-page .feature-type-2 h3 {
    width: 100%;
  }

  .agents-page .feature-type-3 h4 {
    margin-top: 20px;
  }

  .agents-page .feature-type-3 .feature-item-banner-wrapper {
    position: relative;
    right: 0px;
    bottom: -20px;
    margin: 0 auto;
  }

  .agents-page .feature-type-3 {
    display: flex;
    flex-direction: column;
  }

  .agents-page .feature-type-3 h2 {
    font-size: 70px;
  }

  .agents-page .feature-type-4 h3 {
    font-size: 22px;
  }

  .agents-page .feature-type-4 h5 {
    font-size: 16px;
  }

  .agents-page .battery-wrapper .battery-text {
    left: 60px;
  }

  .agents-page .feature-type-5 .feature-item-banner-wrapper {
    position: relative;
    bottom: -20px;
  }

  .feature-type-6 h3 {
    font-size: 32px;
  }

  .feature-type-5 h3 {
    font-size: 30px;
  }

  .control-income-section .landing-card.type-1 .landing-card-content-header {
    width: 100%;
  }

  .half-sections-wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .highlights-section .right-section-wrapper {
    width: 100%;
  }

  .highlights-content-item {
    width: 100%;
    height: 510px;
  }

  .step-number::after {
    display: none;
  }

  .loyalty-section .landing-card.type-1 {
    min-height: 550px;
  }

  .footer-nav .col-xl-2.col-md-6 {
    margin-bottom: 20px;
  }

  .footer-nav .row {
    margin-bottom: 20px;
  }

  .default-card-section .landing-banner-footer {
    max-width: 100%;
  }

  .result-money-management-section .result-mm-info {
    font-size: 40px;
  }

  .result-money-management-section .result-mm-item {
    padding: 50px 20px;
  }

  .result-money-management-section .result-mm-content {
    font-size: 18px;
  }

  .money-management-main-banner-section .landing-card.type-1 {
    flex-direction: column-reverse;
  }

  .money-management-main-banner-section .landing-card-left-block {
    width: 100%;
  }

  .travelhub-trust-section .landing-card.type-1 .landing-card-left-block h2 {
    font-size: 30px;
  }

}

@media (max-width: 768px) {

  .agents-page .feature-type-6 .feature-item-banner-wrapper img {
    width: 100%;
  }

  .feedback-search-form-wrapper {
    margin-top: 20px;
  }

  .search-container.tours .form-group.rm.field-nights {
    width: auto;
  }

  .form-group.rm.location-form.field-flightsearchform-airlines {
    width: 100%;
  }

  .left-result-block {
    order: 1;
    max-width: none;
  }

  .popular-destination-col {
    column-count: 2;
    column-gap: 10px;
  }

  .popular-destination-col ul li a {
    font-size: 13px;
  }

  .bootstrap-timepicker-widget.dropdown-menu.open {
    right: 0px;
  }

  .input-group-item.date-trains,
  .form-group.rm.date-trains,
  .form-group.rm .input-default-trains-from,
  .form-group.rm .input-default-trains-to {
    min-width: 130px;
  }

  .card-item-content-bottom .btn {
    margin-top: 15px;
  }

  .for-agency-section.section-block {
    margin-top: 30px;
  }

  .langing-top.rm .search-container .list-block .list-block-header {
    padding: 16px 20px;
    height: auto;
    flex-direction: column;
    gap: 5px;
  }

  .langing-top.rm .search-container .list-block .list-block-header input {
    width: 100%;
  }

  .langing-top.rm .search-container .list-block .list-block-header .list-block-header-input-wrapper {
    height: 50px;
    width: 100%;
  }

  .ai_result h1,
  .ai_result h2,
  .ai_result h3 {
    font-size: 16px;
  }

  .ai_result p {
    font-size: 14px;
  }

  .ai_result li {
    font-size: 14px;
  }

  .ai_confirm_title {
    font-size: 16px;
  }

  .ai_popup_content {
    width: 90%;
    max-height: 80vh;
  }


  .ai_popup_info {
    font-size: 14px;
  }

  .loading-step-text {
    font-size: 14px;
  }

  .trains-location-input-group {
    flex-direction: column;
    width: 100%;
    background-color: #F4F7FD;
    border-radius: 12px;
    gap: 0px;
  }

  /* .form-row.rm.trains .input-group-item.count-quests{
    order: 3;
  }


  .form-row.rm.trains .search-btn-group-item{
    order: 3;
  } */

  .footer-copy .container .footer-copy-row {
    align-items: flex-start;
  }

  .footer-copy-col.none-md {
    display: flex;
  }

  table.subscribe-table-plan {
    min-width: 600px;
  }

  .form-row.rm.avia-row .delete-avia-row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    background-color: #306DDE;
  }

  .manyway-avia-row-icon {
    display: none;
  }

  .manyway-mobile-avia-row-icon {
    display: block;
  }

  .form-row.rm.avia-row .flights-location-input-group {
    order: 0;
    border-radius: 12px 12px 0px 0px;
  }

  .form-row.rm.avia-row {
    gap: 0px;
    position: relative;
    margin-bottom: 20px;
  }

  .form-row.rm.avia-row:first-child {
    margin-bottom: 10px;
  }

  .form-row.rm.avia-row .input-group-item.flight-date {
    background-color: #F4F7FD;
    border-radius: 0px 0px 12px 12px;
  }

  .form-row.rm.avia-row .input-group-item.flight-date .control-label {
    padding: 13px 13px 0px 13px;
  }

  #manyWayAviaWrapper .form-row.rm .group-type-5 {
    width: 100%;
  }

  .form-row.rm.avia-row .group-type-2.date {
    width: 100%;
  }

  .cooperation-form .form-row {
    justify-content: space-between;
  }

  .form-group.rm.field-propertysearchform-nationality {
    width: 100%;
  }

  .flights-location-input-group {
    flex-direction: column;
    width: 100%;
    background-color: #F4F7FD;
    /* padding: 13px; */
    border-radius: 12px;
    gap: 0px;
    order: 1;
  }

  .input-group-item.flight-date {
    order: 3;
  }

  .input-group-item.charter-group-item {
    order: 2;
  }

  .input-group-item.input-default-flights-from .control-label {
    padding: 13px 13px 0px 13px;
  }

  .input-group-item.input-default-flights-from .select2-container.select2-container--krajee-bs3 {
    padding: 0px 13px 0px 13px;
  }

  .input-group-item.charter-input-from .control-label {
    padding: 13px 13px 0px 13px;
  }

  .input-group-item.charter-input-from .select2-container.select2-container--krajee-bs3 {
    padding: 0px 13px 0px 13px;
  }

  .langing-top.rm .form-group.location-form label {
    padding: 13px 13px 0px 13px;
  }

  .input-group-item.input-default-flights-to .select2-container.select2-container--krajee-bs3 {
    padding: 0px 13px 0px 13px;
  }

  .langing-top.rm .input-group-item.charter-input-to .control-label {
    padding: 13px 13px 0px 13px;
  }

  .input-group-item.charter-input-to .select2-container.select2-container--krajee-bs3 {
    padding: 0px 13px 0px 13px;
  }

  .select2.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
    display: none;
  }

  .langing-top.rm .flights-location-input-group .select2-container--krajee-bs3 .select2-selection {
    padding: 0px !important;
    height: 30px !important;
  }

  .form-group.rm.location-form {
    width: 100%;
  }

  .form-group.rm.field-flightsearchform-locationto {
    width: 100%;
  }

  .form-row.rm .group-type-3 {
    flex-direction: column;
    width: 100%;
  }

  .form-row.rm .group-type-3 .input-group-item {
    width: 100%;
  }

  .form-group.rm.dropdown-avia-type {
    width: 100%;
  }

  .main-banner .main-banner-right {
    min-height: auto;
  }

  .business-main-banner-section .main-banner-right {
    min-height: auto;
  }

  .form-row.rm {
    display: flex !important;
  }

  .header-bottom.main .header-dropdown-desktop {
    display: none;
  }

  .header.header-has-auth .header-bottom.main .header-dropdown-desktop {
    display: block;
  }

  .header-top-menu-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0px;
  }

  header .header-bottom .header-top-menu-mobile .header-language {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
  }

  .header-desktop-enter {
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 150px;
  }

  .battery-text {
    left: 80px;
  }

  .calendar-promo-tours-section .landing-card.type-2 .landing-card-left-block {
    flex-direction: column;
  }

  .calendar-promo-tours-section .landing-card.type-2 .landing-card-left-block .btn {
    width: 100%;
  }

  .calendar-promo-tours-section .slick-prev {
    display: none !important;
  }

  .calendar-promo-tours-section .slick-next {
    display: none !important;
  }

  .calendar-promo-tours-section .landing-card-right-block {
    width: 100%;
  }

  .promo-tours-list {
    flex-direction: column;
  }

  .promo-tours-item {
    width: 100%;
  }

  .promo-tours-item-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .promo-tours-item-content .btn {
    width: 100%;
  }

  .promo-tours-item-img {
    width: 100%;
    height: 300px;
  }

  .login.btn-primary.rm {
    width: 100%;
  }

  .team-card-item {
    padding-right: 20px;
    min-width: 280px !important;
  }

  .range-values {
    font-size: 12px;
  }

  .agents-page .landing-banner-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
  }

  .footer-bottom-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .subscribe-form input {
    width: 100%;
  }

  .subscribe-form input::placeholder {
    font-size: 12px;
  }

  .footer-subscribe {
    flex-direction: column;
    margin-top: 20px;
  }

  .feature-type-7 .wath-vide-button {
    max-width: 100%;
  }

  .bonus-header-wrapper span {
    font-size: 10px;
    line-height: 14px;
    padding: 2px 5px;
  }

  .slider-feedback .slick-arrow.slick-prev {
    top: -65px;
    left: calc(100% - 100px);
  }

  .slider-feedback .slick-arrow.slick-next {
    top: -65px;
    right: 5px;
  }

  .landing-card {
    padding: 20px;
  }

  .landing-card.type-1 {
    flex-direction: column;
    gap: 20px;

  }

  .for-agency-section .landing-card.type-1 .landing-card-left-block,
  .for-business-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .for-agency-section .landing-card.type-1 .landing-card-right-block,
  .for-business-section .landing-card.type-1 .landing-card-right-block {
    width: 100%;
  }

  .for-business-section .landing-card.type-1 {
    flex-direction: column;
  }

  .section-header .title {
    font-size: 24px;
    text-align: center;
  }

  .section-header h1 {
    font-size: 22px;
  }

  .register-section .section-header h2 {
    font-size: 22px;
  }

  .section-header {
    margin-bottom: 20px;
  }

  .section-mt-60 {
    margin-top: 30px;
  }

  .feature-type-1 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-2 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-3 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-4 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-5 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-6 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-type-7 {
    grid-column: span 12;
    padding: 20px;
  }

  .feature-item.feature-type-9 {
    grid-column: span 12;
    padding: 20px;
    flex-direction: column;
  }

  .feature-item.feature-type-10 {
    grid-column: span 12;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }

  .feature-type-9 h3 {
    font-size: 24px;
  }

  .feature-type-9 h4 {
    font-size: 16px;
    width: 100%;
  }

  .landing-container .feature-type-1 img {
    max-width: 100%;
  }

  .feature-type-2 h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
  }

  .agents-page .feature-type-2 h3 {
    width: 100%;
  }

  .feature-type-2 .feature-item-banner-wrapper {
    position: relative;
    right: 0;
    margin-top: 20px;
  }

  .feature-type-3 h3 {
    font-size: 24px;
    line-height: 26px;
  }

  .feature-type-3 h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  .landing-container .feature-item .feature-item-content {
    gap: 10px;
  }

  .landing-banner-footer h2 {
    font-size: 18px;
  }

  .feature-type-3 {
    flex-direction: column;
  }

  .feature-type-3 .feature-item-banner-wrapper {
    margin-right: -20px;
    margin-top: 20px;
    margin-left: auto;
  }

  .feature-type-2 .feature-item-banner-wrapper {
    margin-bottom: -20px;
  }

  .agents-page .feature-type-2 .feature-item-banner-wrapper {
    margin-bottom: 0px;
  }

  .feature-type-5 .feature-item-banner-wrapper {
    position: relative;
    right: 0;
    margin-bottom: -20px;
  }

  .feature-item-list-ul li .extra-info {
    display: inline-block;
    margin-left: 0px;
  }

  .feature-type-1 h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 18px;
  }

  .feature-type-5 h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 20.95px;
  }

  .feature-type-6 .feature-item-banner-wrapper {
    position: relative;
    right: 0;
    margin-bottom: -20px;
  }

  .landing-container .feature-item.feature-type-6 .feature-item-content {
    width: 100%;
  }

  .feature-type-6 h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 10px;
  }

  .feature-type-6 h2 {
    font-size: 60px;
    font-weight: 500;
    line-height: 70px;
  }

  .feature-type-7 {
    flex-direction: column-reverse;
  }

  .feature-type-7 .feature-item-banner-wrapper {
    margin-bottom: -20px;
  }

  .feature-type-7 h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
  }

  .feature-type-7 h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
  }

  .feature-type-7 .feature-item-content {
    width: 100%;
  }

  .news-section .section-header h2 {
    font-size: 24px;
  }

  .landing-card-tabs-list {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 70px;
  }

  .landing-card-tabs-list::-webkit-scrollbar {
    visibility: hidden;
  }

  .partnership-section .landing-card-tabs-list::-webkit-scrollbar,
  .our-team-section .landing-card-tabs-list::-webkit-scrollbar {
    visibility: hidden;
  }

  .our-team-section .landing-card-tabs-list {
    flex-direction: column;
  }

  .our-team-section .landing-card-tabs-list .landing-card-tab-item {
    width: 100%;
  }

  .news-card-item {
    max-width: 100% !important;
    width: 100% !important;
  }

  .news-card-item-title {
    white-space: normal;
  }

  .news-section .slick-arrow.slick-next {
    top: -60px;
  }

  .news-section .slick-arrow.slick-prev {
    top: -60px;
  }

  .register-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .register-section .landing-banner-header-register-form .landing-register-form {
    width: 100%;
  }

  .register-section .landing-card.type-1 .landing-card-right-block {
    display: none;
    width: 90%;
  }

  .register-section .section-header {
    margin-bottom: 20px;
  }

  .register-section .landing-card {
    padding-bottom: 40px;
    position: relative;
  }

  .feedback-item-wrapper {
    width: 310px !important;
    margin-right: 5px !important;
  }

  /* .landing-banner-footer-logos-list .logo-item{
      display: none;
      margin-top: 20px;
    } */

  .slider-feedback {
    margin-top: 50px;
  }

  /* .landing-banner-footer-logos-list .logo-item:nth-child(1){
     display: flex;
    }

    .landing-banner-footer-logos-list .logo-item:nth-child(2){
      display: flex;
     }

     .landing-banner-footer-logos-list .logo-item:nth-child(3){
      display: flex;
     } */

  .landing-banner-header-wrapper h1 {
    text-align: center;
    margin-bottom: 10px;
  }

  .feedback-item-info {
    flex-direction: column;
  }

  .feedback-item-content {
    gap: 10px;
    margin-left: 5px;
    width: 90%;
  }

  .feedback-item-content-header {
    font-size: 18px;
    font-weight: 500;
    line-height: 10px;
  }

  .landing-banner-header-register-form .landing-register-form input {
    width: 100%;
  }

  .landing-banner-header-register-form {
    width: 100%;
  }

  .landing-banner-header-register-form .landing-register-form button {
    width: 100%;
  }

  .feedback-item-content-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .feedback-item-content-footer-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  .landing-container h1 {
    font-size: 24px;
  }

  .landing-banner-header-wrapper p {
    font-size: 16px;
  }

  .landing-banner-main-content {
    width: 100%;
  }

  .landing-banner-header-register-form .landing-register-form {
    width: 100%;
    flex-direction: column;
  }

  .landing-banner-wrapper {
    padding: 20px;
    max-height: none;
    padding-bottom: 0px;
    margin-bottom: 60px;
  }

  .landing-banner-header-register-form .landing-register-form input {
    width: 100%;
  }

  .landing-banner-footer {
    top: 0px;
  }

  #get-more-offers {
    font-size: 12px;
    text-align: center;
  }

  .landing-banner-sub-img.item-1 {
    left: -20px;
    top: 20px;
  }

  .landing-banner-sub-img.item-2 {
    left: -20px;
    top: 90px;
  }

  .landing-banner-sub-img.item-3 {
    right: -15px;
    top: 20px;
    width: 150px;
  }

  .landing-banner-sub-img.item-1 img {
    width: 100px;
  }

  .landing-banner-sub-img.item-2 img {
    width: 100px;
  }

  .landing-banner-sub-img.item-3 img {
    width: 100%;
  }

  .landing-banner-sub-img.item-4 img {
    width: 100%;
  }

  .landing-banner-sub-img.item-4 {
    right: -15px;
    top: 110px;
    width: 150px;
  }

  .landing-banner-footer-logos-list {
    gap: 0px;
    max-height: 60px;
  }

  .landing-banner-footer-logos-list .logo-item img {
    max-height: 60px;
  }

  .landing-banner-footer {
    padding-top: 20px;
  }

  .main-banner-right {
    margin-right: 0px;
  }

  .main-banner.section-block {
    margin-top: 0px;
  }

  .agents-main-banner-section .landing-card-left-block {
    width: 100%;
  }

  .landing-card .title {
    font-size: 24px;
  }

  .landing-container .main-banner h1 {
    font-size: 24px;
  }

  .agents-main-banner-section .subtitle {
    font-size: 16px;
  }

  .landing-card .subtitle {
    font-size: 16px;
  }

  .agents-main-banner-section .btn {
    width: 100%;
  }

  .agents-main-banner-section .main-banner-right {
    margin-right: -20px;
  }

  .agents-page .feature-type-3 {
    grid-column: span 12;
    padding: 20px;
  }

  .agents-page .feature-type-4 {
    grid-column: span 12;
    padding: 20px;
  }

  .agents-page .feature-type-3 h2 {
    font-size: 70px;
  }

  .agents-page .feature-type-3 h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .agents-page .feature-type-3 .feature-item-banner-wrapper {
    position: relative;
    bottom: -20px;
    right: 0px;
  }

  .agents-page .feature-type-3 h4 {
    margin-top: 30px;
  }

  .agents-page .feature-type-4 h3 {
    font-size: 24px;
  }

  .agents-page .feature-type-6 .feature-item-banner-wrapper {
    margin-top: 30px;
  }

  .agents-page .feature-type-6 .feature-item-banner-wrapper {
    margin-bottom: 0px;
  }

  .control-income-section .landing-card.type-1 .landing-card-content-header {
    width: 100%;
  }

  .half-sections-wrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .half-sections-wrapper .section-wrapper {
    width: 100%;
  }

  .highlights-list {
    justify-content: space-between;
    gap: 0px;
    width: 100%;
    margin-bottom: 30px;
  }

  .highlight-item {
    width: 60px;
    height: 60px;
    padding: 3px;
  }

  .highlights-content-item {
    width: 100%;
    height: auto;
  }

  .highlights-section .half-sections-wrapper {
    margin-top: 30px;
  }

  .fix-price-section .landing-card.type-1 .landing-card-content-header {
    width: 100%;
    gap: 30px;
  }

  .fix-price-section .landing-card.type-1 .landing-card-content-header br {
    display: none;
  }

  .fix-price-section .landing-card.type-1 {
    background-position: center;
    min-height: 400px;
  }

  .ready-to-start-btns-wrapper {
    flex-direction: column;
  }

  .ready-to-start-btns-wrapper a.rm {
    width: 100%;
  }

  .step-content p {
    font-size: 16px;
  }

  .step-content h3 {
    font-size: 18px;
  }

  .step-number::after {
    /* height: 140px; */
    display: none;
  }

  .loyalty-section .landing-card-content-header .title {
    width: 100%;
  }

  .loyalty-cards-list {
    flex-direction: column;
  }

  .loyalty-card-item {
    width: 100%;
  }

  .landing-card .loyalty-card-content .title {
    font-size: 18px;
  }

  .loyalty-card-content .card-content-item .description {
    font-size: 14px;
  }

  .loyalty-section .landing-card.type-1 {
    background-image: none !important;
    background: linear-gradient(to bottom, #7eacf6, #8c5ae3) !important;
  }

  .calculate-profit-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .calculate-profit-result-section {
    width: 100%;
  }

  .calculate-profit h3 {
    font-size: 14px;
  }

  .calculate-profit-result-section {
    padding: 20px;
  }

  .calculate-profit-result-section p {
    font-size: 16px;
  }

  .calculate-profit-result-section p#commissionResult,
  .calculate-profit-result-section p#bonusResult {
    font-size: 20px;
  }

  .calculate-profit-result-section p#totalResult {
    font-size: 24px;
  }

  .upcoming-features {
    flex-direction: column;
    padding: 10px;
  }

  .agents-services-list {
    margin-top: 30px;
    margin-bottom: 40px;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
  }

  .agents-services-item {
    gap: 14px;
    width: 45%;
    min-height: auto;
    width: 100%;
  }

  .agents-services-item-info {
    gap: 10px;
  }

  .agents-services-item-info h3 {
    font-size: 18px;
  }

  .agents-services-item-info p {
    font-size: 14px;
  }

  .upcoming-features p {
    width: 100%;
  }

  .landing-container ul.features-list {
    margin: 30px 0px 0px 5px;
  }

  .features-list {
    width: 100%;
  }

  .agents-logo-section .title {
    width: 100%;
    font-size: 22px;
  }

  .team-cards-list .slick-arrow.slick-prev {
    top: -150px;
    display: none !important;
  }

  .team-cards-list .slick-arrow.slick-next {
    top: -150px;
    display: none !important;
  }

  .team-card-img {
    width: 100%;
    height: 300px;
  }

  .partnership-section .landing-card-tabs-list,
  .our-team-section .landing-card-tabs-list {
    margin-bottom: 30px;
  }

  .section-subheader.justify {
    flex-direction: column;
  }

  .section-subheader.justify p {
    text-align: left;
  }

  .partnership-section .faq-item .faq-content {
    margin-left: 10px;
  }

  .partnership-section .faq-item .faq-title {
    font-weight: 400;
  }

  .agents-register-section .landing-card.type-1 {
    background-position: top;
  }

  .agents-register-section .landing-card.type-1 {
    padding-top: 20px;
  }

  .agents-register-section .landing-card-content-header .title {
    width: 100%;
  }

  .agents-register-section .landing-card-content-header .subtitle {
    width: 70%;
  }

  .agents-register-section .btn {
    margin-top: 10px;
  }

  .calculate-profit-section .landing-card-right-block.landing-card-section {
    width: 100%;
  }

  .business-page .feature-type-6 h3 {
    line-height: 30px;
  }

  .business-page .feature-type-6 .feature-item-banner-wrapper {
    margin-top: 20px;
    padding-bottom: 30px;
  }

  .business-page .feature-type-7 {
    grid-column: span 12;
    padding: 20px;
  }

  .business-page .feature-type-8 {
    grid-column: span 12;
    padding: 20px;
  }

  .business-page .feature-type-7 h4 {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
  }

  .business-page .feature-type-7 h3 {
    font-size: 24px;
  }

  .business-page .feature-type-7 h4 {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
  }

  .business-page .feature-type-7 .feature-item-banner-wrapper {
    margin-bottom: -20px;
    width: 100%;
  }

  .business-page .feature-type-8 {
    gap: 20px;
  }

  .business-page .feature-type-8 h3 {
    font-size: 24px;
  }

  .business-page .feature-type-8 h4 {
    font-size: 18px;
  }

  .card-useful-item {
    flex-direction: column;
    padding: 20px;
    gap: 60px;
  }

  .useful-features-item p br {
    display: none;
  }

  .useful-features-item p {
    white-space: normal;
  }

  .card-useful-item-left-content h3 {
    font-size: 24px;
  }

  .card-useful-item-left-content h4 {
    font-size: 20px;
  }

  .useful-features-item.more-btn {
    display: none;
  }

  .money-management-page .download-app-section h4 {
    margin-top: 15px;
  }

  .money-management-page .download-app-section h3 {
    font-size: 24px;
  }

  .money-management-page .download-app-section h4 {
    font-size: 16px;
  }

  .money-management-page .download-app-section h4 br:first-child {
    display: none;
  }

  .useful-features-item {
    gap: 0px;
    align-items: flex-start;
  }

  .useful-features-item .useful-features-logo {
    margin-right: 20px;
  }

  .book-demo-section .landing-card .landing-card-left-block h2 {
    font-size: 24px;
  }

  .useful-platform-section h1 {
    font-size: 24px;
    text-align: center;
  }

  .card-useful-item-left-content {
    width: 100%;
    text-align: center;
    top: 0px;
  }

  .card-useful-item-left-content .btn {
    width: 100%;
    margin-top: 0px;
  }

  .card-useful-item-right-content {
    top: 0px;
  }

  .card-useful-image {
    position: relative;
    margin-top: 0px;
    margin-left: auto;
    order: 2;
    margin-bottom: -20px;
  }

  .useful-platform-section {
    padding: 30px 0px;
  }

  .request-demo-section .landing-card {
    flex-direction: column;
  }

  .request-demo-section .section-header {
    width: 100%;
  }

  .download-app-section .landing-card {
    flex-direction: column;
  }

  .download-app-section .landing-card div:first-child {
    order: 2;
  }

  .download-app-section h3 {
    margin-top: 15px;
  }

  .download-center-block {
    width: 100%;
    gap: 30px;
  }

  .cards-useful-list {
    padding: 0px 13px;
  }

  .download-banner-img {
    margin-bottom: -20px;
    width: 100%;
  }

  .download-center-block {
    flex-direction: column-reverse;
  }

  .download-center-block-btns {
    margin-top: 0px;
  }

  .telegram-subscribe-section .landing-card {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }

  .telegram-banner-info h2 {
    font-size: 24px;
  }

  .telegram-banner-info h3 {
    font-size: 18px;
  }

  .telegram-subscribe-section .landing-card .btn {
    width: 100%;
  }

  .faq-section .section-header .title {
    width: 100%;
    font-size: 22px;
  }

  .faq-section .section-header h1 {
    width: 100%;
    font-size: 22px;
  }

  .book-demo-section .landing-card .landing-card-left-block h2 {
    font-size: 22px;
    line-height: 40px;
  }

  .book-demo-section .landing-card .landing-card-left-block {
    width: 100%;
  }

  .landing-card-content-header {
    margin-bottom: 0px;
  }

  .book-demo-section .landing-card .landing-card-right-block {
    width: 100%;
  }

  .book-demo-section .landing-register-form {
    margin-top: 0px;
  }

  .book-demo-section .landing-register-form p {
    font-size: 14px;
  }

  .book-demo-section .radiobutton-form-block {
    margin: 10px 0px;
  }

  .book-demo-section .landing-register-form p {
    font-size: 12px;
  }

  .business-main-banner-section .landing-banner-header-wrapper {
    width: 100%;
  }

  .breadcrumb-wrapper.absolute {
    left: auto;
    top: 10px;
  }

  .business-main-banner-section .landing-banner-wrapper {
    padding-top: 40px;
    max-height: none;
  }

  .calendar-dates ul {
    gap: 10px;
  }

  .calendar-list-promo-tours-section .section-main-header {
    text-align: center;
  }

  .calendar-list-promo-tours-section .section-main-header h1 {
    font-size: 32px;
  }

  .calendar-list-promo-tours-section {
    margin-top: 50px;
  }

  .radio-button-wrapper .checkbox-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .control-income-section .main-banner-right {
    margin-top: 20px;
    max-width: 100%;
  }

  .ready-to-start-section .landing-card-content-header {
    margin-bottom: 20px;
  }

  .agents-main-banner-section .landing-card-left-block .btn {
    margin: 30px 0px;
  }

  .travelhub-trust-section .landing-card.type-1 .landing-card-left-block {
    width: 100%;
  }

  .travelhub-trust-section .landing-card.type-1 .landing-card-right-block {
    width: 100%;
  }

  .popular-destination-cards-list {
    flex-direction: column;
    gap: 50px;
  }

  .destination-card-item {
    width: 100%;
  }

  .popular-destination-section .btn {
    width: 100%;
  }

  .download-app-section h2 {
    font-size: 24px;
  }

  .download-app-section h3 {
    font-size: 16px;
  }

  .download-app-section h3 br:first-child {
    display: none;
  }

  .popular-destination-city-cards-list {
    flex-direction: column;
    padding: 0px;
  }

  .city-card {
    width: 100%;
  }

  .langing-top.rm h1 {
    font-size: 28px;
  }

  .langing-top.rm .landing-card.type-1 {
    padding: 20px;
    /* margin: 0px 13px; */
  }

  .landing-container ul.nav {
    /* margin-left: 13px; */
    max-width: 100%;
    overflow-x: auto;
  }

  .langing-top .nav::-webkit-scrollbar {
    overflow: hidden;
  }

  .form-row.rm .input-group-item {
    width: 100%;
  }

  .form-row.rm .switch-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    right: 10%;
    top: 40%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #5B596E4D;
    position: absolute;
    display: none;
  }

  .form-row.rm .center-block-switch-mobile .divider-switch-btn {
    width: 100%;
    height: 1px;
    background-color: #ABABC84D;
  }

  .form-row.rm .center-block-switch-mobile {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0px;
  }

  .form-row.rm .center-block-switch-mobile .switch-btn-wrapper-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #5B596E4D;
    width: 50px;
    min-width: 50px;
    height: 50px;
    transform: rotate(90deg);
    position: absolute;
    right: 10%;
    cursor: pointer;
  }

  .form-row.rm .center-block-switch-mobile .switch-btn-wrapper-mobile img {
    width: 30px;
    height: 30px;
  }

  .form-group.rm .search-btn {
    width: 100%;
  }

  .langing-top.rm {
    padding: 0px 13px;
    padding-bottom: 30px;
  }

  .landing-top-content {
    padding-top: 30px;
  }

  .form-row.rm .group-type-1 {
    width: 100%;
    flex-direction: column;
  }

  .form-row.rm .group-type-2 {
    width: 100%;
    flex-direction: column;
  }

  .form-row.rm .group-type-2.date {
    display: flex;
    flex-direction: row-reverse;
  }

  .header-scrolled .nav {
    display: none;
  }

  .header-scrolled {
    padding: 8px 12px;
    flex-direction: column;
    gap: 16px;
  }

  .header-search-wrapper.show {
    display: flex;
    transition: all 1s ease;
    gap: 10px;
  }

  .header-scrolled-main-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .date-inputs-wrapper.rm .date-inputs-item {
    width: 100%;
  }

  .commission-section h3 {
    font-size: 11px;
  }

  .business-main-banner-section .landing-banner-header-wrapper {
    margin-top: 0px;
  }

  .header-scrolled .header-bottom-left {
    display: none;
  }

  .header-scrolled .header-desktop-enter {
    display: none;
  }

  .header-reg-mobile {
    border: 1px solid #306DDE;
    background-color: #306DDE;
    color: #fff;
    padding: 8px 16px;
    border-radius: 12px;
    font-weight: 500;
    margin-left: auto;
    white-space: nowrap;
  }

  .header-reg-mobile.active {
    border: 1px solid #306DDE;
    background-color: #306DDE;
    color: #fff;
  }

  .header-reg-mobile.unactive {
    border: 1px solid #306DDE;
    background-color: #fff;
    color: #306DDE;
  }

  .header-reg-mobile:hover {
    color: #fff;
    background-color: #3674e7;
    border: 1px solid #306DDE;
  }

  .header-reg-mobile.enter:hover {
    color: #fff !important;
    background-color: #306DDE;
  }

  .header-reg-mobile.register:hover {
    color: #fff !important;
    background-color: #306DDE;
  }

  .header-reg-mobile.enter {
    border: 1px solid #306DDE;
    background-color: transparent;
    color: #306DDE;
  }

  .dropdown-toggle-mobile {
    font-weight: 400;
    width: 100%;
  }

  .header-bottom.main {
    padding: 0px 20px;
    padding-bottom: 20px;
  }

  .header .header-bottom .header-bottom-left ul li a {
    padding: 0px;
    margin-bottom: 0px;
    font-size: 18px;
  }

  .header-dropdown-desktop-item::after {
    top: 25px;
    display: none;
  }

  .header-dropdown-desktop-nav ul {
    margin: 0px;
    padding: 0px 0px;
  }

  .header-dropdown-desktop-item li a {
    margin-top: 0px;
  }

  .header-dropdown-desktop-item li {
    margin-top: 0px;
    padding: 10px 0px;
  }

  .header-bottom.main .header-mobile-currency-rates {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .header-bottom.main .header-socials-mobile {
    margin-bottom: 20px;
  }

  .header .header-bottom .header-bottom-left .content-section-menu-header-main ul li a {
    font-size: 16px;
    color: #585858;
  }

  .header-bottom .header-bottom-left .content-section-menu-header ul {
    gap: 0px;
  }

  .header-bottom-content-mobile {
    display: block;
  }

  .header .header-bottom {
    justify-content: flex-start;
    position: fixed;
    bottom: -100%;
    transition: bottom 0.3s ease;
    /* Добавляем плавный переход */
  }

  .header-bottom.active {
    bottom: 0;
    /* Показываем блок, поднимая его в видимую область */

  }

  .menu-sub-dropdown.menu.show {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 1070;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    transform: none !important;
    padding-top: 0px !important;
  }

  .menu-sub-dropdown.menu.show .header-account-modal-mobile {
    position: sticky;
    padding-bottom: 20px;
    padding-top: 20px;
    height: 70px;
  }

  .menu-sub-dropdown.menu.show .rewards-user-container-center-info {
    position: relative;
    top: 0%;
    left: 0%;
  }

  .header-account-modal-mobile .header-account-modal-mobile-close {
    top: 21px;
  }

  .menu.menu-sub.menu-sub-dropdown {
    width: 100% !important;
  }

  .header .header-bottom .header-bottom-left ul li {
    padding: 10px 0px;
  }

  .header-bottom-right .header-desktop-enter .header-login {
    border: 1px solid #306DDE;
    background-color: transparent;
    color: #306DDE;
  }

  /* .header-bottom-left .menu-item::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tbGVmdCI+CjxwYXRoIGlkPSJWZWN0b3IgKFN0cm9rZSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC43MDM5MyAxNC40NjE5QzQuMzU2NzkgMTQuMTE0NyA0LjM1Njc5IDEzLjU1MTkgNC43MDM5MyAxMy4yMDQ4TDkuNDA4NzIgOC41MDAwMUw0LjcwMzkzIDMuNzk1MjFDNC4zNTY3OSAzLjQ0ODA4IDQuMzU2NzkgMi44ODUyNyA0LjcwMzkzIDIuNTM4MTNDNS4wNTEwNiAyLjE5MSA1LjYxMzg3IDIuMTkxIDUuOTYxIDIuNTM4MTNMMTEuMjk0MyA3Ljg3MTQ3QzExLjY0MTUgOC4yMTg2IDExLjY0MTUgOC43ODE0MSAxMS4yOTQzIDkuMTI4NTVMNS45NjEgMTQuNDYxOUM1LjYxMzg3IDE0LjgwOSA1LjA1MTA2IDE0LjgwOSA0LjcwMzkzIDE0LjQ2MTlaIiBmaWxsPSIjMTcyRTNFIi8+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 24px;
    transition: all .2s;
  } */

  .header-bottom-left .menu-item .menu-item-main-info .chevron {
    display: flex;
    position: absolute;
    right: 0px;
    top: 14px;
    transition: all .2s;
  }

  .header-bottom-left .menu-item.active .menu-item-main-info .chevron {
    transform: rotate(90deg);
  }

  .header-dropdown-desktop .header-dropdown-desktop-item.active .menu-item-main-info .chevron {
    transform: rotate(90deg);
  }

  .menu-item-main-info.active .chevron {
    /* transform: rotate(90deg); */
  }

  .content-section-menu-header {
    position: relative;
    box-shadow: none;
    padding: 0px;
    top: 0px;
    width: 100%;
  }

  .content-section-menu-header-main {
    flex-direction: column;
    gap: 0px;
  }

  .header-bottom.main .header-bottom-content .header-bottom-left ul li.menu-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .header-bottom.main .header-bottom-content .content-section-menu-header-main ul li {
    padding: 10px 0px;
  }

  .header-has-auth .header-top {
    justify-content: space-between;
  }

  .header-has-auth .header-toggle-nav-mobile {
    position: relative;
    right: 0;
    top: 0px;
    left: 0px;
  }

  .header-has-auth .header-account-mobile {
    position: static;
  }

  .header-has-auth .header-basket-wrapper {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    right: 0px;
    top: 0px;
    left: 0px;
    background-color: #F4F6F9;
  }

  .header-has-auth .header-basket-wrapper span {
    display: none;
  }

  #kt_header_mobile_user_menu_toggle {
    margin-left: 0px;
  }

  .header-right-block {
    gap: 15px;
  }

  .header .header-top .header-right-block .header-language {
    display: none;

  }

  .header .header-top .header-language,
  .header-scrolled .header-language {
    display: flex;
    position: relative;
    right: 0px;
    top: 0px;
    left: 0px;
  }

  .header .header-top .header-language .header-language-content .currency-text,
  .header-scrolled .header-language .header-language-content .currency-text {
    display: flex;
  }

  .header .header-top .header-language .header-language-content img,
  .header-scrolled .header-language .header-language-content img {
    display: flex;
  }

  .header-right-block .header-language .header-language-content span,
  .header-scrolled .header-language .header-language-content span {
    margin-right: 0px;
  }

  .header-scrolled .header-account-mobile {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: #eaf5ed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d7b50;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.105px;
  }

  .header-scrolled .header-basket-wrapper {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    right: 0px;
    top: 0px;
    left: 0px;
    background-color: transparent;
    padding: 0px;
    gap: 0px;
  }

  .header-bottom-mobile {
    position: sticky;
    min-height: 57px;
    z-index: 3;
  }

  .header-bottom-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*justify-content: space-between;*/
  }

  .header-scrolled .header-basket {
    display: none;
  }

  .header-language-dropdown.active {
    right: 0px;
    z-index: 1004;
  }

  .header-basket-description {
    display: flex;
  }

  .header-basket.mobile {
    display: block;
  }

  .header-desktop-user {
    display: none;
  }

  .header-dropdown-desktop.active .menu-item-main-info img {
    display: flex;
  }

  .amadeus-card-list {
    flex-direction: column;
  }

  .amadeus-card-item {
    width: 100%;
    height: auto;
  }

  .amadeus-section .landing-card .subtitle {
    font-size: 20px;
  }

  .amadeus-section .landing-card-content-header {
    gap: 20px;
  }

  .amadeus-card-item-content {
    padding: 15px 15px 0px 15px;
  }

  .amadeus-card-image {
    position: relative;
    display: flex;
    justify-content: center;
    right: 0px;
  }

  .money-management-main-banner-section .landing-card-left-block {
    width: 100%;
  }

  .money-management-main-banner-section .landing-card.type-1 {
    flex-direction: column-reverse;
  }

  .money-management-main-banner-section .landing-card-content-header {
    margin-bottom: 20px;
  }

  .money-management-mockups-section .landing-card-content-header h2.title {
    width: 100%;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .money-management-mockups-section .landing-card-content-header h3.subtitle {
    width: 100%;
    text-align: left;
  }

  .money-management-mockups-section .landing-card-content-header {
    margin-bottom: 20px;
  }

  .money-management-page .download-app-section .landing-card.type-2 {
    padding-top: 20px;
  }

  .money-management-page .download-app-section .download-center-block {
    width: 100%;
  }

  .default-card-section .landing-card-main-content {
    flex-direction: column;
  }

  .receipt-section.default-card-section .landing-card-main-content {
    flex-direction: column-reverse;
  }

  .receipt-section .landing-card-left-block {
    width: 100%;
  }

  .planing-travel-section .landing-card-left-block,
  .bonus-programm-section .landing-card-left-block {
    width: 100%;
  }

  .newest-technology-section.default-card-section .landing-card-main-content {
    flex-direction: column-reverse;
  }

  .newest-technology-section .landing-card-left-block {
    width: 100%;
  }

  .result-money-management-section .results-mm-list {
    flex-direction: column;
  }

  .result-money-management-section .result-mm-item {
    width: 100%;
    min-height: auto;
    padding: 30px 15px;
    gap: 20px;
    align-items: center;
  }

  .result-money-management-section .result-mm-content {
    font-size: 18px;
  }

  .result-money-management-section .result-mm-info {
    font-size: 58px;
    padding: 10px 20px;
    border-radius: 40px;
    width: fit-content;
  }

  .result-money-management-section .title {
    margin-bottom: 20px;
  }

  .form-cooperation-section .landing-card.type-2 .landing-card-main-content {
    width: 100%;
  }

  .cooperation-form input,
  .cooperation-form select,
  .cooperation-form textarea,
  .cooperation-form .select-container {
    width: 100%;
    margin-bottom: 20px;
  }

  .cooperation-form .form-row {
    gap: 0px;
  }

  .cooperation-form .checkbox-container-cooperation {
    width: 100%;
  }

  .cooperation-form .btn-primary.rm {
    width: 100%;
  }

  .input-number-with-currency-option .currency-type-block {
    width: 20%;
  }

  .cooperation-form {
    margin-top: 20px;
  }

  .form-cooperation-section .landing-card.type-2 .title {
    text-align: left;
  }

  .form-cooperation-section .landing-card.type-2 .subtitle {
    text-align: left;
  }

  .functional-table-section .landing-card.type-2 {
    max-width: 100%;
    overflow-x: auto;
    /* overscroll-behavior: none; */
  }

  .functional-table-section .landing-card.type-2 .title {
    position: sticky;
    left: 0;
  }

  .planing-travel-section .landing-banner-footer {
    max-width: 100%;
  }

  .planing-travel-section .landing-banner-footer-logos-list {
    padding: 0px;
  }

  .default-card-section .extra-text {
    margin-top: 20px;
  }

  .cooperation-form .checkbox-container-cooperation {
    margin-bottom: 20px;
  }

  .money-management-main-banner-section .main-banner-right {
    margin-right: -20px;
  }

  .money-management-page .main-banner {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cooperation-form .checkbox-container-cooperation input {
    width: 15px;
    height: 15px;
  }

  .money-management-page .landing-card .btn {
    width: 100%;
  }

  .search-container .extended-search-block .columns-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .langing-top.rm .search-container .list-block-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    padding: 0px 10px;
  }

  .langing-top.rm .list-block-header-actions a {
    padding: 10px 5px;
  }

  .langing-top.rm .search-container .list-block-header input {
    width: 95px;
    background-color: transparent;
    padding: 5px 5px;
  }

  .search-container .extended-search-block .columns-block .column .hotel-selects-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
  }

  .search-container.tours .input-group-item.search-btn-block {
    display: none;
  }

  .search-container.tours .input-group-item.search-btn-block-mobile {
    margin-top: 20px;
    display: flex;
  }

  .btn.btn-primary.rm.nav-link {
    font-size: 15px;
    padding: 5px 12px;
    min-height: auto;
    margin-right: 0.7rem !important;
  }

  .btn.btn-primary.rm.nav-link svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }

  .landing-container ul.nav {
    justify-content: center;
  }

  .search-container .search-form .checkboxes-row .checkbox-block:last-child {
    margin-top: 0px;
  }

  .input-transfers-location-time-group {
    width: 100%;
  }

  .landing-container .feature-item.feature-type-7 .feature-item-conten {
    gap: 10px;
  }

  .section-header .subtitle {
    font-size: 20px;
  }

  .langing-top.rm .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
    font-size: 17px;
    max-width: none;
  }

  .search-container.hotels .date-hotels .input-group.date input,
  .search-container.transfers .input-group input,
  .search-container.excursions .input-group input,
  .search-container.tours .input-group input {
    font-size: 16px;
  }

  .search-container.hotels #tourists-select,
  .search-container.transfers #tourists-select,
  .search-container.excursions #tourists-select,
  .search-container.tours #tourists-select {
    font-size: 17px;
  }

  .search-container.hotels .form-group.rm .search-btn,
  .search-container.transfers .form-group.rm .search-btn,
  .search-container.excursions .form-group.rm .search-btn,
  .search-container.tours .form-group.rm .search-btn {
    font-size: 17px;
  }

  .search-container.hotels .form-group.rm .search-btn {
    margin-top: 0px;
  }

  .search-container.transfers p.value {
    font-size: 17px;
  }

  .search-container.tours #tours-calendar {
    font-size: 16px;
  }

  .search-container.tours .extended-search-block .columns-block .column .select-list {
    gap: 20px;
    margin-bottom: 0px;
  }

  .form-group.rm p {
    font-size: 17px;
  }

  .langing-top.rm .form-group.rm .radio-group label {
    font-size: 17px;
  }

  .form-row.rm .checkbox-block p.checkbox-title {
    font-size: 17px;
  }

  .form-group.rm .search-btn {
    font-size: 17px;
  }

  .select2.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 17px;
  }

  .select2-container--krajee-bs3.select2-container--open .select2-search--dropdown .select2-search__field {
    font-size: 17px;
  }

  .menu.menu-sub.menu-sub-dropdown {
    z-index: 1052;
  }

  .menu-sub-dropdown .header-right-block-sub-menu {
    position: absolute;
    right: 30px;
  }

  .header-has-auth .header-bottom-left {
    margin-bottom: 180px;
  }

  .agents-main-banner-section {
    margin-top: 30px;
  }

  .header-language-dropdown .header-language-dropdown-tab .language-tab {
    font-size: 14px;
  }

  .header-language-dropdown .language-content a {
    font-size: 17px;
  }

  .header-scrolled .header-bottom-left {
    display: none;
  }

  .header-bottom.active::-webkit-scrollbar {
    display: none;
  }

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

  .agents-main-banner-section .landing-card-right-block {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .count-passengers-group {
    display: block;
  }

  .form-row.rm .group-type-3.charter-group-item-desktop {
    display: none;
  }

  .charter-group-item-mobile {
    display: flex;
  }

  .passenger-inputs-wrapper-desktop {
    display: none;
  }

  .cabinclass-inputs-wrapper-desktop {
    display: none;
  }

  .search-container .count-passengers-class-btn {
    font-size: 17px;
  }

  .header-tabbar-panel {
    display: flex;
  }

  .header-bottom-content-mobile .header-language {
    display: block;
  }

  .header-reg-mobile {
    display: flex;
  }

  .header-reg-btns {
    display: flex;
    gap: 10px;
    margin-left: auto;
  }

  .search-container .multiple-input-list__item td {
    background-color: #F4F7FD;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    gap: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .search-container .multiple-input-list.list-renderer .list-cell__button {
    background-color: transparent;
  }

  .search-container .multiple-input-list.list-renderer .form-group {
    width: 100%;
    border-top: 1px solid #ABABC84D;
  }

  .search-container .multiple-input-list.list-renderer .form-group label {
    padding: 0px 13px 0px 13px;
  }

  .search-container .multiple-input-list.list-renderer .form-group:first-child label {
    padding: 0px 13px 0px 13px;
  }

  .search-container .multiple-input-list.list-renderer .form-group.field-hotel-book-checkin-date:first-child label {
    padding-top: 10px;
  }

  .search-container .multiple-input-list.list-renderer .form-group:first-child {
    border-top: none;
  }

  .search-container .multiple-input-list.list-renderer .form-group.field-hotel-book-checkin-date:first-child {
    border-top: 1px solid #ABABC84D;
  }

  .search-container .multiple-input-list.list-renderer .form-group.list-cell__switch {
    border-top: none;
  }

  .search-container .multiple-input-list.list-renderer .form-group.list-cell__change {
    border-top: none;
  }

  .input-group-item.flight-date label {
    padding-left: 10px;
  }

  .search-container .multiple-input-list__item .switch-btn-wrapper {
    top: -15px;
    right: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #5B596E4D;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .search-container .multiple-input-list__item .switch-btn-wrapper img {
    width: 24px;
  }

  .search-container .multiple-input-list__item .multiple-input-list__btn.js-input-remove {
    top: -290px;
    right: -10px;
  }

  .search-container .multiple-input-list.list-renderer .list-cell__button {
    height: 30px;
    width: 100%;
    position: relative;
  }

  .select2-container.select2-container--krajee-bs3 .select2-dropdown-extended .select2-results>.select2-results__options {
    max-height: none;
    height: -webkit-fill-available;
    background: #fff;
  }

  .select2-dropdown-extended .select2-results {
    height: 100%;
  }

  .header .header-bottom .header-bottom-left ul li .menu-item-main-info {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
  }

  .header-bottom-left .menu-item a.menu-item-main-info .chevron {
    position: relative;
    margin-left: auto;
    top: 0px;
  }

  .select2-dropdown.no-scroll .select2-results__option:last-child .select2-results__options:last-child {
    margin-bottom: 200px;
  }

  .form-row.rm.tours {
    gap: 20px;
  }

  .form-row-content.two-column {
    flex-direction: column;
    gap: 20px;
  }

  .ai_confirm_modal {
    max-width: 80%;
  }

  .news-section .landing-card-tabs-list {
    margin-bottom: 10px;
  }

  .feature-type-10 h3 {
    font-size: 22px;
  }

  .feature-type-10 h4 {
    font-size: 16px;
  }

  .feature-item.feature-type-11 {
    grid-column: span 12;
    padding: 20px;
  }

  .widget-header.header-right-block{
    padding: 20px 16px 0px 20px;
  }

}


@media (max-width: 567px) {

  .calculate-profit .range-values span {
    white-space: normal;
  }

  .select2-container.select2-container--krajee-bs3.select2-container--open {
    z-index: 1050;
  }

  #kt_wrapper .logo {
    height: 35px;
    margin-right: 5px;
  }

  .select2-dropdown-extended .select2-search--dropdown {
    /* margin-top: 50px; */
    margin-top: 60px;
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 10px;
    flex: 0 0 auto;
  }


  .select2-dropdown-extended .select2-close-btn {
    display: block;
    text-align: center;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 10px;
  }

  .select2-dropdown-extended .select2-close-btn img {
    width: 16px;
    height: 16px;
  }

  .select2-dropdown-extended {
    width: 100% !important;
    position: fixed !important;
    height: 100vh !important;
    top: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto !important;
    touch-action: none;
    display: flex;
    flex-direction: column;
  }

  .select2-dropdown-extended #select2-propertysearchform-location-results,
  .select2-dropdown-extended #select2-country-id-results {
    max-height: 100% !important;
  }

  .select2-dropdown-extended .select2-results {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
  }

  .select2-container--krajee-bs3.select2-container--open .select2-dropdown-extended .select2-search--dropdown .select2-search__field {
    height: 48px;
    background: #F4F7FD url(../../images/remaster/search-blue-small.svg) left 10px top 17px no-repeat;
  }

  .select2-dropdown-extended .select2-search.select2-search--dropdown .custom-clear-icon {
    position: absolute;
    top: 25px;
    right: 20px;
  }

  .news-section .section-header.left {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (min-width: 568px) {
  .select2-dropdown-extended {
    min-width: 440px !important;
  }

  .select2-dropdown-extended #select2-propertysearchform-location-results,
  .select2-dropdown-extended #select2-country-id-results {
    max-height: 450px !important;
  }
}

@media (max-width: 370px) {
  #kt_wrapper .logo {
    height: 27px;
  }

}