@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  color: #fff;
}

html {
  scroll-behavior: smooth;
}

/* ul, ol {
	margin-left: 0 !important;
}
 */
img {
  max-width: initial !important;
}

h1, h2, h3, h4, h5, h6, p, hr, ul, ol, dl {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  line-height: normal !important;
}

h4, h5, h6 {
  font-weight: initial !important;
}

.container:before, .container:after {
  display: none !important;
}

a {
  color: #fff !important;
}
a:hover {
  text-decoration: none !important;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1 {
  font-size: 56px;
}
@media screen and (max-width: 1180px) {
  h1 {
    font-size: 32px;
    line-height: normal;
  }
}

h2 {
  font-size: 40px;
}
@media screen and (max-width: 1180px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 24px;
}
@media screen and (max-width: 1180px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-weight: 400;
  font-size: 20px;
}
@media screen and (max-width: 1180px) {
  h4 {
    font-size: 16px;
  }
}

p {
  font-size: 18px;
}
@media screen and (max-width: 1180px) {
  p {
    font-size: 14px;
  }
}

ul {
  padding-left: 20px;
}

a {
  text-decoration: none;
}

.cta {
  cursor: pointer;
  padding: 20px 32px;
  width: fit-content;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #D2B446;
  font-weight: 500;
  font-size: 20px;
  line-height: normal;
}
@media screen and (max-width: 1180px) {
  .cta {
    padding: 12px 16px;
  }
}

.nav-burger {
  position: relative;
  z-index: 99;
}

.nav-burger__line {
  background-color: #fff !important;
}

.gold-text {
  color: #D2B446;
}
.gold-text a {
  color: #D2B446 !important;
}

.container {
  width: 95%;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

main {
  padding-top: 120px;
  padding-bottom: 40px;
}

.homepage {
  background-color: #3A2856;
  /*     padding: 40px 0; */
  background-image: url("https://sesame-bm.prodesign-demo.com/wp-content/uploads/2025/06/bg-scaled.webp");
  background-size: 100%;
  background-repeat: repeat-y;
}

.homepage > .container {
  background-color: #683C91;
  border-radius: 0 0 30px 30px;
  padding: 48px 40px;
  overflow: hidden;
}

.homepage > .container:has(.hero-section) {
  padding: 28px 24px 48px 24px;
  border-radius: 30px 30px 0 0;
}

@media screen and (max-width: 1023px) {
  .homepage > .container,
  .homepage > .container:has(.hero-section) {
    padding: 10px;
  }
}

.homepage section {
  padding: 56px 0;
}
@media screen and (max-width: 1023px) {
  .homepage section {
    padding: 32px 0;
  }
}
.homepage section:first-child {
  padding-top: 0;
}
.homepage section:last-child {
  padding-bottom: 0;
}

.hero-section {
  display: flex;
  flex-direction: column;
  /* gap: 48px; */
  gap: 96px;
}
@media screen and (max-width: 1023px) {
  .hero-section {
    gap: 24px;
  }
}
.hero-section_header {
  border-radius: 30px;
  overflow: hidden;
  /* height: 728px; */
  width: 100%;
  aspect-ratio: 18 / 8;
}
/* @media screen and (max-width: 767px) {
  .hero-section_header {
    height: 230px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-section_header {
    height: 400px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .hero-section_header {
    height: 550px;
  }
} */
.hero-section_header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .hero-section_content {
    padding: 0 24px;
    gap: 20px;
  }
}
.hero-section_content .cta {
  margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .hero-section_content .cta {
    margin-top: 0;
  }
}

.betting-shops {
    display: flex;
    flex-direction: column;
    gap: 72px;
    align-items: center;
    justify-content: center;
    /* padding-top: 92px; */
}

.betting-shops .blocks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 88px;
}

@media screen and (max-width: 1023px) {
  .betting-shops {
    padding: 0 10px;
    gap: 24px;
  }

  .betting-shops .blocks {
      width: 100%;
      flex-direction: column;
      gap: 32px;
  }
}

.betting-shops .blocks .block {
    width: calc(50% - 44px);
    background-color: #3A2856;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
}

@media screen and (max-width: 1023px) {
    .betting-shops .blocks .block {
        width: 100%;
    }

    .betting-shops .blocks .block .cta {
      width: 100%;
    }
}

.betting-shops .blocks .block .block-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.betting-shops .blocks .block .block-header h2 {
  color: #FFE06C;
}

.betting-shops .blocks .block .block-content h4,
.betting-shops .blocks .block .block-content h4 strong {
    font-weight: 700;
}

.betting-shops .blocks .block .block-content li {
    font-size: 18px;
    line-height: 150%;
}

.betting-shops .blocks .block .cta {
    font-size: 20px;
    font-weight: 500;
}

.about-sesame {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .about-sesame {
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
  }
}
.about-sesame_left {
  width: calc(100% - 530px);
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media screen and (max-width: 1023px) {
  .about-sesame_left {
    width: 100%;
    padding: 0 24px;
    gap: 24px;
  }
}
.about-sesame_left ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.about-sesame_right {
  width: 397px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 1023px) {
  .about-sesame_right {
    width: 100%;
  }
}
.about-sesame_right .img-wrapper {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.about-sesame_right .img-wrapper img {
  width: 100%;
  height: auto;
}

.about-bookmakers {
  display: flex;
  flex-direction: column;
  gap: 72px;
  background-color: #3A2856;
  padding: 96px 63px 101px 63px !important;
  margin-top: 128px;
  align-items: center;
  border-radius: 24px;
}
@media screen and (max-width: 1023px) {
  .about-bookmakers {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 56px 15px !important;
    gap: 32px;
  }
}
.about-bookmakers .block-list {
  display: flex;
  flex-wrap: wrap;
  /* column-gap: 108px; */
  column-gap: 100px;
  row-gap: 100px;
  /*         justify-content: center; */
}
@media screen and (max-width: 1023px) {
  .about-bookmakers .block-list {
    row-gap: 32px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .about-bookmakers .block-list {
    column-gap: 45px;
    row-gap: 64px;
  }
}
@media screen and (min-width: 1180px) and (max-width: 1366px) {
  .about-bookmakers .block-list {
    column-gap: 60px;
    row-gap: 60px;
  }
}
.about-bookmakers .block-list_item {
  /* width: calc(33.3333333333% - 108px); */
  width: calc(33.3333333333% - 70px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1023px) {
  .about-bookmakers .block-list_item {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .about-bookmakers .block-list_item {
    width: calc(33.3333333333% - 30px);
  }
}
@media screen and (min-width: 1180px) and (max-width: 1366px) {
  .about-bookmakers .block-list_item {
    width: calc(33.3333333333% - 60px);
  }
}
.about-bookmakers .block-list_item:last-child {
  flex-grow: 1;
}
.about-bookmakers .block-list_item:last-child .cta {
  margin-top: 12px;
}

.how-to-apply {
  position: relative;
  margin-top: 72px;
}


.how-to-apply .footballer-img {
  position: absolute;
  width: 1200px;
  height: auto;
  top: -300px;
  right: -260px;
}
@media screen and (max-width: 1023px) {

  .how-to-apply {
    padding-top: 100px !important;
  }

  .how-to-apply .footballer-img {
    width: 500px;
    right: -150px;
    top: -200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .how-to-apply .footballer-img {
    width: 650px;
    right: -200px;
    top: -270px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .how-to-apply .footballer-img {
    width: 900px;
    top: -300px;
  }
}
@media screen and (min-width: 1180px) and (max-width: 1366px) {
  .how-to-apply .footballer-img {
    width: 1000px;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1536px) {
  .how-to-apply .footballer-img {
    width: 1100px;
  }
}
.how-to-apply .footballer-img img {
  width: 100%;
  height: auto;
}
.how-to-apply_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1023px) {
  .how-to-apply_content {
    padding: 0 24px;
  }
}
.how-to-apply_content > h4.-w {
  width: 55%;
}
@media screen and (max-width: 1023px) {
  .how-to-apply_content > h4.-w {
    width: 100%;
  }
}
.how-to-apply_content > h4:last-child {
  margin-top: 56px;
}
.how-to-apply_content .list {
  margin-top: 24px;
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 1023px) {
  .how-to-apply_content .list {
    flex-direction: column;
    gap: 32px;
  }
}
.how-to-apply_content .list-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.how-to-apply_content .list-item_label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.how-to-apply_content .list-item_label .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.how-to-apply_content .list-item_label .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.how-to-apply_content .list-item_label h3 {
  width: calc(100% - 32px);
}
.how-to-apply_content .list-item ul {
  padding-left: 55px;
}

.documents {
  display: flex;
  gap: 200px;
  position: relative;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .documents {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .documents {
    gap: 0;
    justify-content: space-between;
  }
}
.documents .bg {
  position: absolute;
  width: 50%;
  min-height: 500px;
  left: -3.5%;
  top: 0;
}

@media screen and (max-width: 1023px) {
  .documents .bg {
    position: initial;
    transform: translateX(-15px);
  }

  .contacts {
    padding-bottom: 50px !important;
  }

  .contacts .coins-img {
    position: initial;
    width: 100%;
  }

  .contacts .coins-img img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .documents .bg {
    width: 100%;
    min-height: 400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .documents .bg {
    width: 250px;
  }
}




.documents .bg img {
    width: 100%;
}

.documents_content {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .documents_content {
    width: 100%;
    padding: 0 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .documents_content {
    width: calc(100% - 350px);
    padding: 0 24px;
  }
}
.documents_content ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.documents_content ul li {
    font-size: 18px;
}

.equipment-wrapper {
  background: #3A2856;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 60px 55px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .equipment-wrapper {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 56px 15px;
    gap: 32px;
  }
}
.equipment-wrapper ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 64px;
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .equipment-wrapper ul {
    flex-direction: column;
    gap: 52px;
  }
}
.equipment-wrapper ul li {
  width: calc(33.3333333333% - 32px);
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1023px) {
  .equipment-wrapper ul li {
    width: 100%;
  }
}
.equipment-wrapper ul li .icon {
  width: 72px;
  height: 72px;
}
@media screen and (max-width: 1023px) {
  .equipment-wrapper ul li .icon {
    width: 48px;
    height: 48px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .equipment-wrapper ul li .icon {
    width: 45px;
    height: 45px;
  }
}
.equipment-wrapper ul li .icon img,
.equipment-wrapper ul li .icon svg {
  width: 100%;
  height: auto;
}
.equipment-wrapper ul li h4 {
  width: calc(100% - 72px - 12px);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .equipment-wrapper ul li h4 {
    width: calc(100% - 45px - 12px);
  }
}
.equipment .important-wrapper {
  display: flex;
  align-items: center;
  margin-top: 64px;
}
.equipment .important-wrapper_icon {
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .equipment .important-wrapper_icon {
    width: 50px;
    height: 50px;
  }
}
.equipment .important-wrapper_icon img,
.equipment .important-wrapper_icon svg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .equipment .important-wrapper_text {
    width: calc(100% - 50px);
  }
}

.contacts {
  display: flex;
  gap: 116px;
}
@media screen and (max-width: 1023px) {
  .contacts {
    flex-direction: column;
    gap: 32px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .contacts {
    gap: 0;
    justify-content: space-between;
  }
}
.contacts-wrapper {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .contacts-wrapper {
    width: 100%;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .contacts-wrapper {
    width: 35%;
  }
}
.contacts-wrapper h4:has(> strong) {
  padding-top: 13px;
  display: flex;
  flex-direction: column;
}
.contacts-wrapper .coins-img {
    width: 440px;
    position: absolute;
    bottom: 0;
}
.contacts-wrapper .coins-img img {
    width: 100%;
}
.contacts-cf7 {
  width: calc(100% - 620px);
}
@media screen and (max-width: 1023px) {
  .contacts-cf7 {
    width: 100%;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .contacts-cf7 {
    width: 60%;
  }
}
.contacts .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contacts .wpcf7-form .cf7-row p {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .contacts .wpcf7-form .cf7-row p {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts .wpcf7-form .cf7-row p {
    gap: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .contacts .wpcf7-form .cf7-row p {
    gap: 20px;
  }
}
.contacts .wpcf7-form .cf7-row p label {
  width: 100%;
}
.contacts .wpcf7-form .cf7-row p label span {
  color: #FF2C2C;
}
.contacts .wpcf7-form .cf7-row p label span.wpcf7-list-item-label {
  color: #fff;
}
.contacts .wpcf7-form .cf7-row p label input {
  height: 42px !important;
}
.contacts .wpcf7-form .cf7-row p label input,
.contacts .wpcf7-form .cf7-row p label textarea {
  border-radius: 4px;
  margin-top: 5px;
}
.contacts .wpcf7-form .cf7-row.dropzone p {
  flex-direction: column;
  gap: 5px;
}
.contacts .wpcf7-form .cf7-row.dropzone p span {
  width: 100%;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler {
  border-radius: 4px;
  border: 1px dashed #D9D9D9;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .codedropz-upload-container {
  height: 134px;
  display: flex;
  align-items: center;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .codedropz-upload-inner {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 10px;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .codedropz-upload-inner h3 {
  font-size: 16px;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .codedropz-upload-inner span {
  width: auto;
  display: block;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .codedropz-upload-inner a.cd-upload-btn {
  color: #FFE06C !important;
}
.contacts .wpcf7-form .cf7-row.dropzone .codedropz-upload-handler .dnd-upload-counter {
  width: auto;
  display: block;
}
.contacts .wpcf7-form .cf7-row .wpcf7-acceptance label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.contacts .wpcf7-form input.wpcf7-submit {
  cursor: pointer;
  padding: 20px 32px;
  width: fit-content;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #D2B446;
  font-weight: 500;
  font-size: 20px;
  height: auto;
  line-height: normal;
  color: #fff;
}

.footer {
  margin-top: 0 !important;
}
.footer-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: auto;
  background: #342051;
  padding: 12px 0;
}
.footer-bottom {
  background: #2C1B40;
  padding: 40px 0;
}
.footer-bottom p {
  text-align: center;
  margin-bottom: 1rem;
}
.footer-bottom .svg {
  width: 140px;
  margin: 20px auto 0 auto;
}
.footer-bottom .svg svg,
.footer-bottom .svg img {
  width: 100%;
  height: auto;
}

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  background: #2C1B40;
  margin-bottom: 0 !important;
}
.header-col {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-col.header-col-left {
  gap: 15px;
}
@media screen and (max-width: 1180px) {
  .header-col .left-part-menu,
  .header-col nav {
    display: none;
  }
}
.header > .container {
  max-width: initial !important;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .header > .container {
    padding: 0;
  }
}
.header-logo {
  display: flex;
  width: 140px;
  height: auto;
  position: relative;
  z-index: 99;
}
.header-logo svg,
.header-logo img {
  width: 100%;
  height: auto;
}
.header .nav--header li a {
  font-weight: 700;
  font-size: 16px;
}
.header .mobile-menu {
  display: none;
}
@media screen and (max-width: 1180px) {
  .header .mobile-menu {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateX(9000px);
    transition: 0.3s linear;
    background: #2c1b40;
    transition-delay: 0.3s;
  }
}
.header .mobile-menu > .container {
  padding: 0;
}
.header .mobile-menu-wrapper {
  padding: 120px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  transition: 0.2s linear;
}
.header .mobile-menu-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.menu-open .mobile-menu {
  transform: translateX(0);
  transition: 0.3s linear;
}
body.menu-open .mobile-menu-wrapper {
  opacity: 1;
  transition-delay: 0.4s;
}


.with-room,
.without-room {
    padding-top: 78px;
    background-color: #3E2759;
    padding-bottom: 0;
}

.with-room .with-room-header,
.without-room .without-room-header {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7;
}

.with-room .with-room-header .bg,
.without-room .without-room-header .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.with-room .with-room-header .bg::after,
.without-room .without-room-header .bg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(44, 28, 64, 0.00) -77.14%, rgba(44, 28, 64, 0.50) 19.87%, #2C1C40 89.64%);
    /* backdrop-filter: blur(32px); */
}

.with-room .with-room-header .bg img,
.without-room .without-room-header .bg img {
    width: 100%;
    height: 100%;
}


.with-room .with-room-header > .container,
.without-room .without-room-header > .container {
    position: relative;
    height: 100%;
}

.with-room .with-room-header .header-content,
.without-room .without-room-header .header-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    width: 60%;
}


.with-room .with-room-header .header-content .cta,
.without-room .without-room-header .header-content .cta {
    margin-top: 32px;
}


.without-room .without-room-header .header-content {
  width: 45%;
}


.without-room .without-room-header .header-content h4 {
  width: 100%;
  font-size: 32px;
  font-weight: 300 !important;
}

.with-room .why-sesame {
    background-color: #3A2856;
    /* background-color: #2C1C40; */
    /* aspect-ratio: 16 / 9; */
    padding-bottom: 142px;
    position: relative;
}


.with-room .why-sesame .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.with-room .why-sesame .bg svg {
    width: 100%;
    height: auto;
}

.with-room .why-sesame > .container {
    position: relative;
}

.with-room .why-sesame .content-wrapper {
    padding-top: 220px;
}


.with-room .why-sesame .content-wrapper .title {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.with-room .why-sesame .content-wrapper .title h2 {
    font-size: 56px;
}

.with-room .why-sesame .content-wrapper .list {
    padding-top: 72px;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 135px;
    row-gap: 42px;
}

.with-room .why-sesame .content-wrapper .list li {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 45%;
}

.with-room .why-sesame .content-wrapper .list li .text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.with-room .why-sesame .content-wrapper .list li .text *:has(strong) strong {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
}

.with-room .why-sesame .content-wrapper .list li .text *:not(:has(strong)) {   
    font-size: 24px;
    font-weight: 300;
}

.with-room .why-sesame .content-wrapper .list li .icon {
    height: 80px;
    width: auto;
}

.with-room .why-sesame .content-wrapper .list li .icon img,
.with-room .why-sesame .content-wrapper .list li .icon svg {
    width: auto;
    height: 100%;
}

.with-room .how-it-works {
    background-color: #33224B;
    /* background-color: #2C1C40; */
    aspect-ratio: 16 / 9;
    /* padding-bottom: 142px; */
    position: relative;
    margin-top: 30px;
    padding-bottom: 120px;
}

.with-room .how-it-works .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.with-room .how-it-works > .container {
    max-width: 1624px !important;
    padding: 96px;
    border: 8px solid #3E2759;
    border-width: 0 8px 8px 8px;
    position: relative;
}

.with-room .how-it-works .content-wrapper h2 {
    font-size: 56px;
    font-weight: 700;
}


.with-room .how-it-works .content-wrapper ul {
    padding-top: 72px;
    list-style: none;
    counter-reset: num;
    display: flex;
    flex-direction: column;
    gap: 24px;
}   

.with-room .how-it-works .content-wrapper ul li {
    counter-increment: num;
    display: flex;
    align-items: center;
    gap: 48px;
}


.with-room .how-it-works .content-wrapper ul li::before {
    content: counter(num) "";
    color: #FFE06C;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 96px;
}


.with-room .how-it-works .content-wrapper ul li .text *:has(strong) strong {
    color: #FFE06C;
    font-weight: 700;
    font-size: 32px;
}

.with-room .how-it-works .content-wrapper ul li .text *:not(:has(strong)) {
    font-size: 24px;
    font-weight: 300;
}

.with-room .how-it-works .content-wrapper ul li .dashed-line {
    /* width: 224px; */
    height: 2px;
    display: block;
    background-image: repeating-linear-gradient(
        to right,
        #FFE06C 0,
        #FFE06C 10px,
        transparent 10px,
        transparent 20px
    );
    position: relative;
    --index: 0;
    width: calc(224px + (var(--index) * 100px));
}

.with-room .how-it-works .content-wrapper ul li:nth-child(1) .dashed-line {
    --index: 0;
}
.with-room .how-it-works .content-wrapper ul li:nth-child(2) .dashed-line {
    --index: 1;
}
.with-room .how-it-works .content-wrapper ul li:nth-child(3) .dashed-line {
    --index: 2;
}
.with-room .how-it-works .content-wrapper ul li:nth-child(4) .dashed-line {
    --index: 3;
}
.with-room .how-it-works .content-wrapper ul li:nth-child(5) .dashed-line {
    --index: 4;
}

.with-room .how-it-works .content-wrapper ul li .dashed-line::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #FFE06C;
}

.contacts-section {
    padding: 72px 0;
    background-color: #2C1C40;
}

.contacts-section > .container {
    min-height: 215px;
}

.contacts-section .contacts-section-wrapper {
    display: flex;
    gap: 20px;
}

.contacts-section .contacts-section-wrapper .block {
    width: calc(50% - 10px);
}

.contacts-section .contacts-section-wrapper .block h2 {
    font-size: 64px;
    font-weight: 400;
    color: #FFE06C;
    line-height: 120%;
}

.contacts-section .contacts-section-wrapper .block span {
    font-weight: 700;
    color: #FFE06C;
}

.contacts-section .contacts-section-wrapper .block:not(:has(> .text-wrapper)),
.contacts-section .contacts-section-wrapper .block .text-wrapper {
    border: 1px solid #FFE06C;
    border-radius: 8px;
}

.contacts-section .contacts-section-wrapper .block:not(:has(> .text-wrapper)) {
    padding: 32px;
    display: flex;
    align-items: center;
}

.contacts-section .contacts-section-wrapper .block .text-wrapper {
    padding: 10px 20px;
}

.contacts-section .contacts-section-wrapper .block .text-wrapper h3 {
    font-size: 24px;
    line-height: 150% !important;
    font-weight: 300;
    width: 95%;
}

.contacts-section .contacts-section-wrapper .block:has(.text-wrapper) {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contacts-section .contacts-section-wrapper .block .btns,
.contacts-section .hidden-section .btns {
    display: flex;
    gap: 20px;
}


.contacts-section .contacts-section-wrapper .block .btns .cta,
.contacts-section .hidden-section .btns .cta {
    width: calc(50% - 10px);
}


.contacts-section .contacts-section-wrapper .block .btns .cta:nth-child(2) {
    outline: 1px solid #FFE06C;
    background-color: transparent;
}


.contacts-section .hidden-section {
    display: none;
}
.contacts-section .hidden-section .btns {
    margin-bottom: 20px;
}

.contacts-section .hidden-section .btns .cta {
    background-color: transparent;
    border: 1px solid #FFE06C;
    color: #FFE06C !important;
    font-size: 46px;
    line-height: 120%;
    text-decoration: underline;
}

.contacts-section .hidden-section .back-btn {
    width: calc(50% - 10px);
    float: right;
}



.without-room .what-you-get .content-wrapper {
  padding: 137px 0 78px 0;
}

.without-room .what-you-get .list .text {
  color: #fff;
}

.without-room .what-you-get .title {
  display: flex;
  justify-content: space-between;

  h2 {
    font-size: 48px;
    position: relative;
    width: 255px;
  }

  h2::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='209' height='209' viewBox='0 0 209 209' fill='none'%3E%3Cpath d='M190 209C200.493 209 209 200.493 209 190L209 19C209 8.50659 200.493 8.6849e-07 190 -4.52631e-06C179.507 8.6849e-07 171 8.50659 171 19V171H19C8.50659 171 8.6849e-07 179.507 -4.52631e-06 190C8.6849e-07 200.493 8.50659 209 19 209L190 209ZM50 50L36.565 63.435L176.565 203.435L190 190L203.435 176.565L63.435 36.565L50 50Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    width: 198px;
    height: 198px;
    top: -10px;
    right: -160px;
  }

  h4 {
    width: 55%;
    text-align: end;
    
    * {
      font-size: 48px;
      font-weight: 700;
    }

    strong {
      color: #FFE06C;
      text-transform: uppercase;
    }
  }
}

.without-room .what-you-get .list {
  padding-top: 157px;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 140px;
}

.without-room .what-you-get .list li {
  display: flex;
  flex-direction: column;
  gap: 33px;
  width: 157px;
  align-items: center;

  .icon {
    height: 88px;
    width: auto;

    img,
    svg {
      width: auto;
      /* height: fit-content; */
      height: 100%;
    }
  }

  .text {
    text-align: center;

    * { color: #fff; }
  }
}

.without-room .steps {
  min-height: 600px;
  background-color: #fff;
  padding-top: 32px;
  position: relative;
  margin: 100px 0;
}

.without-room .steps::before,
.without-room .steps::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 95px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}


.without-room .steps::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='95' viewBox='0 0 1920 95' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M95.7522 89.9709H241.791H262.764H267.425H285.291H320.247C320.247 89.9709 322.578 89.9709 324.131 89.9709H331.123H332.676C335.783 89.9709 339.667 89.1222 342.775 88.2734C345.105 88.2734 346.659 89.9709 348.989 90.8197H427.446C427.446 90.8197 427.446 90.8197 428.223 90.8197C428.223 90.8197 435.99 88.2734 439.875 90.8197C441.428 90.8197 442.205 90.8197 443.758 90.8197H473.277C473.277 90.8197 474.831 90.8197 475.607 90.8197H483.375C483.375 90.8197 484.929 90.8197 485.706 90.8197H491.92H526.876C526.876 90.8197 527.653 90.8197 528.43 90.8197H664.37C665.146 90.8197 666.7 90.8197 667.477 90.8197C667.477 90.8197 667.477 90.8197 668.254 90.8197H679.129C679.129 90.8197 680.683 90.8197 681.459 90.8197C681.459 90.8197 683.013 90.8197 683.79 90.8197H693.111C693.111 90.8197 694.665 90.8197 695.442 90.8197C696.219 90.8197 697.772 89.9709 698.549 89.1222C698.549 89.1222 697.772 89.9709 696.995 90.8197H732.728H822.06C822.06 90.8197 823.614 89.1222 822.837 88.2734V87.4246C822.837 87.4246 822.837 89.1222 822.837 89.9709C824.391 89.9709 825.944 90.8197 827.498 91.6685H832.935C832.935 91.6685 835.266 91.6685 836.819 91.6685C848.471 89.1222 860.9 91.6685 872.552 89.9709C872.552 89.9709 873.329 89.9709 874.106 90.8197C874.106 90.8197 875.659 91.6685 877.213 92.5173H898.186C898.186 92.5173 899.74 92.5173 900.517 92.5173C900.517 92.5173 900.517 92.5173 901.294 93.3661H1020.92H1081.51C1082.29 93.3661 1083.84 93.3661 1084.62 93.3661H1170.84C1170.84 93.3661 1173.95 93.3661 1174.73 91.6685C1174.73 91.6685 1174.73 91.6685 1174.73 90.8197C1176.28 92.5173 1177.83 94.2148 1182.5 93.3661H1185.6C1185.6 93.3661 1185.6 93.3661 1186.38 93.3661H1221.34H1263.28C1263.28 93.3661 1264.06 93.3661 1264.84 93.3661H1452.82H1531.28C1531.28 93.3661 1531.28 93.3661 1532.06 93.3661H1578.66C1578.66 93.3661 1579.44 93.3661 1580.22 93.3661H1587.98C1587.98 93.3661 1588.76 93.3661 1589.54 93.3661H1735.58C1735.58 93.3661 1737.13 93.3661 1737.13 92.5173C1737.13 92.5173 1739.46 92.5173 1741.01 92.5173C1744.9 92.5173 1748.01 92.5173 1751.89 91.6685C1751.89 91.6685 1751.11 91.6685 1750.34 91.6685C1750.34 92.5173 1751.89 93.3661 1753.44 94.2148H1807.04C1810.93 94.2148 1814.81 94.2148 1817.92 91.6685C1817.92 91.6685 1817.14 91.6685 1816.36 91.6685C1816.36 92.5173 1817.92 92.5173 1818.69 93.3661H1928.22C1928.22 93.3661 1928.22 93.3661 1929 93.3661V20.3709C1922.01 20.3709 1915.79 20.3709 1909.58 22.9173C1904.92 23.7661 1899.48 24.6148 1894.82 25.4636C1891.71 25.4636 1889.38 25.4636 1886.28 25.4636C1860.64 20.3709 1835.78 19.5222 1812.48 29.7075L1773.64 32.2539C1768.2 28.8587 1761.99 27.1612 1754.22 28.01C1745.68 31.4051 1733.25 30.5563 1726.26 36.4978C1720.82 36.4978 1715.38 36.4978 1711.5 33.9514C1705.28 33.9514 1697.51 33.9514 1692.08 37.3466C1682.75 36.4978 1680.42 40.7417 1676.54 44.1368L1664.89 41.5905C1657.12 38.1953 1649.35 32.2539 1640.03 34.8002C1626.05 39.0441 1612.84 35.649 1598.86 37.3466H1591.09C1591.09 37.3466 1585.65 35.649 1583.32 34.8002C1581.77 34.8002 1580.99 34.8002 1579.44 34.8002C1574.78 34.8002 1570.9 33.9514 1567.79 36.4978C1566.23 36.4978 1565.46 36.4978 1563.9 36.4978C1557.69 33.9514 1553.81 37.3465 1548.37 39.0441C1542.15 39.0441 1535.94 39.0441 1529.72 39.0441C1525.06 36.4978 1518.85 37.3466 1513.41 36.4978C1507.2 36.4978 1500.21 36.4978 1493.99 36.4978C1485.45 33.1026 1476.13 33.1027 1466.8 34.8002C1459.81 36.4978 1453.6 37.3466 1447.38 34.8002C1444.28 34.8002 1441.95 36.4978 1438.84 37.3466C1434.96 37.3466 1431.07 37.3466 1427.96 38.1953C1424.86 38.1953 1421.75 38.1953 1420.2 39.8929C1416.31 39.8929 1412.43 39.8929 1408.54 39.8929H1386.02C1386.02 39.8929 1383.69 38.1953 1382.13 36.4978C1379.8 36.4978 1376.7 36.4978 1374.36 36.4978C1366.6 37.3466 1361.16 39.8929 1361.16 44.9856L1354.17 50.0783C1347.95 53.4734 1340.96 56.0197 1331.64 54.3222C1327.76 54.3222 1323.87 54.3222 1319.99 54.3222C1309.11 47.5319 1299.02 47.5319 1288.14 54.3222C1285.81 54.3222 1283.48 56.0197 1280.37 56.8685C1274.93 57.7173 1270.27 58.5661 1264.84 59.4148C1257.84 59.4148 1250.85 57.7173 1245.42 61.1124C1238.42 61.1124 1233.76 64.5075 1229.88 67.9026C1227.55 67.9026 1225.22 67.9026 1222.11 67.9026C1215.12 68.7514 1208.91 67.9026 1202.69 66.2051C1195.7 62.81 1187.93 63.6587 1180.16 63.6587C1176.28 63.6587 1172.4 65.3563 1168.51 66.2051C1167.74 66.2051 1166.96 67.0539 1166.96 67.9026C1161.52 66.2051 1156.86 67.9027 1152.98 70.449C1147.54 70.449 1142.88 68.7514 1137.44 67.9026C1135.89 67.9026 1134.33 67.9026 1132.78 67.9026C1129.67 67.9026 1127.34 66.2051 1124.24 66.2051C1124.24 65.3563 1122.68 64.5075 1121.13 63.6587C1120.35 63.6587 1118.8 63.6587 1118.02 63.6587C1107.92 60.2636 1098.6 56.8685 1086.95 61.1124C1068.31 66.2051 1047.33 57.7173 1028.69 63.6587C1021.7 60.2636 1016.26 63.6587 1009.27 63.6587C1006.94 63.6587 1003.83 63.6587 1001.5 63.6587C998.394 61.1124 994.51 60.2636 989.849 61.9612C985.965 61.9612 982.081 61.9612 978.197 61.9612C976.643 61.9612 975.867 61.9612 974.313 61.9612C973.536 61.9612 971.982 63.6587 971.206 63.6587C969.652 63.6587 968.098 63.6587 966.545 62.81C966.545 62.81 965.768 62.81 964.991 62.81C961.884 60.2636 954.116 62.81 951.009 60.2636C948.678 60.2636 946.348 60.2636 944.018 60.2636C941.687 62.81 937.026 62.81 933.143 63.6587C933.143 63.6587 931.589 63.6587 930.812 63.6587C925.374 63.6587 919.937 64.5075 914.499 65.3563H898.186C898.186 65.3563 891.195 62.81 887.311 62.81C887.311 57.7173 884.981 53.4734 875.659 53.4734C872.552 50.927 870.222 49.2295 867.891 46.6831C864.007 46.6831 860.123 46.6831 856.239 47.5319C855.463 47.5319 853.909 46.6831 853.132 45.8344C851.578 45.8344 850.802 45.8344 849.248 45.8344C842.257 42.4392 833.712 44.1368 825.944 43.288C818.953 39.8929 811.185 39.8929 802.64 41.5905C801.087 41.5905 800.31 41.5905 798.756 41.5905C794.872 43.288 790.988 44.1368 787.104 45.8344C781.667 45.8344 777.006 47.5319 771.568 48.3807C770.015 48.3807 769.238 46.6831 767.684 46.6831C760.693 44.1368 756.809 36.4978 744.38 39.8929V41.5905C740.496 41.5905 736.612 43.288 732.728 44.1368L728.844 46.6831C728.844 46.6831 728.844 48.3807 729.621 49.2295C729.621 49.2295 729.621 50.927 729.621 51.7758C729.621 51.7758 730.398 50.0783 729.621 49.2295C729.621 49.2295 729.621 47.5319 729.621 46.6831C725.737 46.6831 720.299 46.6831 717.969 44.1368C714.085 42.4392 710.201 40.7417 706.317 39.0441C702.433 40.7417 698.549 42.4392 694.665 44.9856C692.334 44.9856 690.004 44.9856 687.674 44.9856C686.12 51.7758 678.352 48.3807 672.138 49.2295C670.584 49.2295 669.807 49.2295 669.031 49.2295C667.477 49.2295 665.923 49.2295 665.146 49.2295C663.593 46.6831 660.486 47.5319 657.378 46.6831C655.048 46.6831 651.941 45.8344 649.611 44.9856C641.066 40.7417 631.744 42.4392 622.423 42.4392C614.655 37.3466 606.886 42.4392 599.118 42.4392C595.234 44.1368 590.574 42.4392 587.466 44.1368C582.806 44.1368 577.368 44.1368 572.707 44.1368C571.154 44.1368 571.154 44.9856 570.377 45.8344C568.823 45.8344 567.27 45.8344 564.939 45.8344C559.502 44.9856 554.841 42.4392 548.626 41.5905C547.073 41.5905 546.296 41.5905 544.743 41.5905C544.743 41.5905 544.743 43.288 544.743 44.1368C544.743 44.1368 545.519 42.4392 544.743 41.5905C541.635 35.649 530.76 37.3465 525.323 33.9514C520.662 31.4051 514.447 33.1026 509.786 32.2539C509.786 32.2539 505.126 31.4051 502.795 32.2539C500.465 30.5563 497.358 29.7075 494.251 29.7075H486.483V27.1612C484.152 21.2197 477.161 22.9173 470.947 22.9173C467.062 22.9173 462.402 22.9173 458.518 24.6148C454.634 24.6148 451.527 24.6148 447.643 23.7661C446.089 22.9173 444.535 22.0685 442.982 21.2197C432.883 18.6734 422.008 21.2197 411.91 18.6734L389.383 15.2783H390.159C389.383 10.1856 387.829 5.94168 377.731 5.94168C376.177 4.24412 374.623 3.39534 373.07 1.69778C369.963 1.69778 366.855 1.69778 365.302 4.24413C353.65 4.24413 342.775 7.63924 332.676 10.1856C330.346 11.8831 327.239 12.7319 324.131 13.5807C321.024 13.5807 317.917 13.5807 314.81 11.8831C303.934 11.8831 293.836 11.8831 284.515 6.79046C277.523 2.54656 267.425 0.000221252 256.55 0.849007C250.335 -0.848557 247.228 0.848999 244.898 4.24413C243.344 4.24413 242.567 4.24413 241.014 4.24413C235.576 3.39534 230.915 8.48802 225.478 4.24413C219.263 4.24413 212.272 4.24413 206.058 4.24413C198.29 4.24413 188.968 0.848999 181.977 5.94168C178.093 5.94168 173.432 5.94168 171.102 8.48802C164.887 8.48802 159.45 10.1856 155.566 12.7319C151.682 13.5807 147.798 14.4295 143.914 16.127C133.815 16.127 122.94 16.127 112.842 16.127C105.851 16.127 99.6362 14.4295 92.645 13.5807C88.761 13.5807 84.877 13.5807 81.7698 12.7319C75.5553 12.7319 69.3409 12.7319 62.3497 11.8831C58.4657 11.8831 54.5818 11.8831 50.6978 11.8831C45.2601 8.48801 39.0458 6.79046 31.2777 7.63924C28.9474 7.63924 26.6169 7.63924 24.2865 7.63924C21.1793 5.0929 16.5186 4.24413 11.8578 3.39534C6.42017 0.000221252 -0.571045 0.000221252 -6.7854 0.000221252V89.9709H101.967H95.7522Z' fill='white'/%3E%3C/svg%3E");
  top: -80px;
  left: 0;
}
.without-room .steps::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='95' viewBox='0 0 1920 95' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M95.7522 4.2439H241.791H262.764H267.425H285.291H320.247C320.247 4.2439 322.578 4.2439 324.131 4.2439H331.123H332.676C335.783 4.2439 339.667 5.09268 342.775 5.94146C345.105 5.94146 346.659 4.2439 348.989 3.39512H427.446C427.446 3.39512 427.446 3.39512 428.223 3.39512C428.223 3.39512 435.99 5.94146 439.875 3.39512C441.428 3.39512 442.205 3.39512 443.758 3.39512H473.277C473.277 3.39512 474.831 3.39512 475.607 3.39512H483.375C483.375 3.39512 484.929 3.39512 485.706 3.39512H491.92H526.876C526.876 3.39512 527.653 3.39512 528.43 3.39512H664.37C665.146 3.39512 666.7 3.39512 667.477 3.39512C667.477 3.39512 667.477 3.39512 668.254 3.39512H679.129C679.129 3.39512 680.683 3.39512 681.459 3.39512C681.459 3.39512 683.013 3.39512 683.79 3.39512H693.111C693.111 3.39512 694.665 3.39512 695.442 3.39512C696.219 3.39512 697.772 4.2439 698.549 5.09268C698.549 5.09268 697.772 4.2439 696.995 3.39512H732.728H822.06C822.06 3.39512 823.614 5.09268 822.837 5.94146V6.79024C822.837 6.79024 822.837 5.09268 822.837 4.2439C824.391 4.2439 825.944 3.39512 827.498 2.54634H832.935C832.935 2.54634 835.266 2.54634 836.819 2.54634C848.471 5.09268 860.9 2.54634 872.552 4.2439C872.552 4.2439 873.329 4.2439 874.106 3.39512C874.106 3.39512 875.659 2.54634 877.213 1.69756H898.186C898.186 1.69756 899.74 1.69756 900.517 1.69756C900.517 1.69756 900.517 1.69756 901.294 0.848781H1020.92H1081.51C1082.29 0.848781 1083.84 0.848781 1084.62 0.848781H1170.84C1170.84 0.848781 1173.95 0.848781 1174.73 2.54634C1174.73 2.54634 1174.73 2.54634 1174.73 3.39512C1176.28 1.69756 1177.83 1.58098e-07 1182.5 0.848781H1185.6C1185.6 0.848781 1185.6 0.848781 1186.38 0.848781H1221.34H1263.28C1263.28 0.848781 1264.06 0.848781 1264.84 0.848781H1452.82H1531.28C1531.28 0.848781 1531.28 0.848781 1532.06 0.848781H1578.66C1578.66 0.848781 1579.44 0.848781 1580.22 0.848781H1587.98C1587.98 0.848781 1588.76 0.848781 1589.54 0.848781H1735.58C1735.58 0.848781 1737.13 0.848781 1737.13 1.69756C1737.13 1.69756 1739.46 1.69756 1741.01 1.69756C1744.9 1.69756 1748.01 1.69756 1751.89 2.54634C1751.89 2.54634 1751.11 2.54634 1750.34 2.54634C1750.34 1.69756 1751.89 0.84878 1753.44 0H1807.04C1810.93 0 1814.81 1.58098e-07 1817.92 2.54634C1817.92 2.54634 1817.14 2.54634 1816.36 2.54634C1816.36 1.69756 1817.92 1.69756 1818.69 0.848781H1928.22C1928.22 0.848781 1928.22 0.848781 1929 0.848781V73.8439C1922.01 73.8439 1915.79 73.8439 1909.58 71.2976C1904.92 70.4488 1899.48 69.6 1894.82 68.7512C1891.71 68.7512 1889.38 68.7512 1886.28 68.7512C1860.64 73.8439 1835.78 74.6927 1812.48 64.5073L1773.64 61.961C1768.2 65.3561 1761.99 67.0537 1754.22 66.2049C1745.68 62.8098 1733.25 63.6585 1726.26 57.7171C1720.82 57.7171 1715.38 57.7171 1711.5 60.2634C1705.28 60.2634 1697.51 60.2634 1692.08 56.8683C1682.75 57.7171 1680.42 53.4732 1676.54 50.078L1664.89 52.6244C1657.12 56.0195 1649.35 61.961 1640.03 59.4146C1626.05 55.1707 1612.84 58.5659 1598.86 56.8683H1591.09C1591.09 56.8683 1585.65 58.5658 1583.32 59.4146C1581.77 59.4146 1580.99 59.4146 1579.44 59.4146C1574.78 59.4146 1570.9 60.2634 1567.79 57.7171C1566.23 57.7171 1565.46 57.7171 1563.9 57.7171C1557.69 60.2634 1553.81 56.8683 1548.37 55.1707C1542.15 55.1707 1535.94 55.1707 1529.72 55.1707C1525.06 57.7171 1518.85 56.8683 1513.41 57.7171C1507.2 57.7171 1500.21 57.7171 1493.99 57.7171C1485.45 61.1122 1476.13 61.1122 1466.8 59.4146C1459.81 57.7171 1453.6 56.8683 1447.38 59.4146C1444.28 59.4146 1441.95 57.7171 1438.84 56.8683C1434.96 56.8683 1431.07 56.8683 1427.96 56.0195C1424.86 56.0195 1421.75 56.0195 1420.2 54.3219C1416.31 54.3219 1412.43 54.3219 1408.54 54.3219H1386.02C1386.02 54.3219 1383.69 56.0195 1382.13 57.7171C1379.8 57.7171 1376.7 57.7171 1374.36 57.7171C1366.6 56.8683 1361.16 54.3219 1361.16 49.2293L1354.17 44.1366C1347.95 40.7415 1340.96 38.1951 1331.64 39.8927C1327.76 39.8927 1323.87 39.8927 1319.99 39.8927C1309.11 46.6829 1299.02 46.6829 1288.14 39.8927C1285.81 39.8927 1283.48 38.1951 1280.37 37.3463C1274.93 36.4976 1270.27 35.6488 1264.84 34.8C1257.84 34.8 1250.85 36.4976 1245.42 33.1024C1238.42 33.1024 1233.76 29.7073 1229.88 26.3122C1227.55 26.3122 1225.22 26.3122 1222.11 26.3122C1215.12 25.4634 1208.91 26.3122 1202.69 28.0098C1195.7 31.4049 1187.93 30.5561 1180.16 30.5561C1176.28 30.5561 1172.4 28.8585 1168.51 28.0098C1167.74 28.0098 1166.96 27.161 1166.96 26.3122C1161.52 28.0098 1156.86 26.3122 1152.98 23.7659C1147.54 23.7659 1142.88 25.4634 1137.44 26.3122C1135.89 26.3122 1134.33 26.3122 1132.78 26.3122C1129.67 26.3122 1127.34 28.0098 1124.24 28.0098C1124.24 28.8585 1122.68 29.7073 1121.13 30.5561C1120.35 30.5561 1118.8 30.5561 1118.02 30.5561C1107.92 33.9512 1098.6 37.3463 1086.95 33.1024C1068.31 28.0098 1047.33 36.4976 1028.69 30.5561C1021.7 33.9512 1016.26 30.5561 1009.27 30.5561C1006.94 30.5561 1003.83 30.5561 1001.5 30.5561C998.394 33.1024 994.51 33.9512 989.849 32.2537C985.965 32.2537 982.081 32.2537 978.197 32.2537C976.643 32.2537 975.867 32.2537 974.313 32.2537C973.536 32.2537 971.982 30.5561 971.206 30.5561C969.652 30.5561 968.098 30.5561 966.545 31.4049C966.545 31.4049 965.768 31.4049 964.991 31.4049C961.884 33.9512 954.116 31.4049 951.009 33.9512C948.678 33.9512 946.348 33.9512 944.018 33.9512C941.687 31.4049 937.026 31.4049 933.143 30.5561C933.143 30.5561 931.589 30.5561 930.812 30.5561C925.374 30.5561 919.937 29.7073 914.499 28.8585H898.186C898.186 28.8585 891.195 31.4049 887.311 31.4049C887.311 36.4976 884.981 40.7415 875.659 40.7415C872.552 43.2878 870.222 44.9854 867.891 47.5317C864.007 47.5317 860.123 47.5317 856.239 46.6829C855.463 46.6829 853.909 47.5317 853.132 48.3805C851.578 48.3805 850.802 48.3805 849.248 48.3805C842.257 51.7756 833.712 50.078 825.944 50.9268C818.953 54.3219 811.185 54.3219 802.64 52.6244C801.087 52.6244 800.31 52.6244 798.756 52.6244C794.872 50.9268 790.988 50.078 787.104 48.3805C781.667 48.3805 777.006 46.6829 771.568 45.8341C770.015 45.8341 769.238 47.5317 767.684 47.5317C760.693 50.078 756.809 57.7171 744.38 54.3219V52.6244C740.496 52.6244 736.612 50.9268 732.728 50.078L728.844 47.5317C728.844 47.5317 728.844 45.8341 729.621 44.9854C729.621 44.9854 729.621 43.2878 729.621 42.439C729.621 42.439 730.398 44.1366 729.621 44.9854C729.621 44.9854 729.621 46.6829 729.621 47.5317C725.737 47.5317 720.299 47.5317 717.969 50.078C714.085 51.7756 710.201 53.4732 706.317 55.1707C702.433 53.4732 698.549 51.7756 694.665 49.2293C692.334 49.2293 690.004 49.2293 687.674 49.2293C686.12 42.439 678.352 45.8341 672.138 44.9854C670.584 44.9854 669.807 44.9854 669.031 44.9854C667.477 44.9854 665.923 44.9854 665.146 44.9854C663.593 47.5317 660.486 46.6829 657.378 47.5317C655.048 47.5317 651.941 48.3805 649.611 49.2293C641.066 53.4732 631.744 51.7756 622.423 51.7756C614.655 56.8683 606.886 51.7756 599.118 51.7756C595.234 50.078 590.574 51.7756 587.466 50.078C582.806 50.078 577.368 50.078 572.707 50.078C571.154 50.078 571.154 49.2293 570.377 48.3805C568.823 48.3805 567.27 48.3805 564.939 48.3805C559.502 49.2293 554.841 51.7756 548.626 52.6244C547.073 52.6244 546.296 52.6244 544.743 52.6244C544.743 52.6244 544.743 50.9268 544.743 50.078C544.743 50.078 545.519 51.7756 544.743 52.6244C541.635 58.5658 530.76 56.8683 525.323 60.2634C520.662 62.8098 514.447 61.1122 509.786 61.961C509.786 61.961 505.126 62.8098 502.795 61.961C500.465 63.6585 497.358 64.5073 494.251 64.5073H486.483V67.0537C484.152 72.9951 477.161 71.2976 470.947 71.2976C467.062 71.2976 462.402 71.2976 458.518 69.6C454.634 69.6 451.527 69.6 447.643 70.4488C446.089 71.2976 444.535 72.1463 442.982 72.9951C432.883 75.5415 422.008 72.9951 411.91 75.5415L389.383 78.9366H390.159C389.383 84.0293 387.829 88.2732 377.731 88.2732C376.177 89.9707 374.623 90.8195 373.07 92.5171C369.963 92.5171 366.855 92.5171 365.302 89.9707C353.65 89.9707 342.775 86.5756 332.676 84.0293C330.346 82.3317 327.239 81.4829 324.131 80.6341C321.024 80.6341 317.917 80.6341 314.81 82.3317C303.934 82.3317 293.836 82.3317 284.515 87.4244C277.523 91.6683 267.425 94.2146 256.55 93.3658C250.335 95.0634 247.228 93.3658 244.898 89.9707C243.344 89.9707 242.567 89.9707 241.014 89.9707C235.576 90.8195 230.915 85.7268 225.478 89.9707C219.263 89.9707 212.272 89.9707 206.058 89.9707C198.29 89.9707 188.968 93.3658 181.977 88.2732C178.093 88.2732 173.432 88.2732 171.102 85.7268C164.887 85.7268 159.45 84.0293 155.566 81.4829C151.682 80.6341 147.798 79.7854 143.914 78.0878C133.815 78.0878 122.94 78.0878 112.842 78.0878C105.851 78.0878 99.6362 79.7854 92.645 80.6341C88.761 80.6341 84.877 80.6341 81.7698 81.4829C75.5553 81.4829 69.3409 81.4829 62.3497 82.3317C58.4657 82.3317 54.5818 82.3317 50.6978 82.3317C45.2601 85.7268 39.0458 87.4244 31.2777 86.5756C28.9474 86.5756 26.6169 86.5756 24.2865 86.5756C21.1793 89.1219 16.5186 89.9707 11.8578 90.8195C6.42017 94.2146 -0.571045 94.2146 -6.7854 94.2146V4.2439H101.967H95.7522Z' fill='white'/%3E%3C/svg%3E");
  bottom: -80px;
  left: 0;
}

.without-room .steps h2 {
  color: #2C1C40;
  font-size: 48px;
}

.without-room {

  .list-wrapper {
    position: relative;
    min-height: 520px;
    height: fit-content;
    padding-top: 50px;

    > .container {
      height: 100%;
    }

    .steps-list {
      padding-left: 0;
      list-style-type: none;
      counter-reset: num;
      height: 690px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 345px;
      position: relative;

      .steps-list-item {
        counter-increment: num;
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
      }

      .steps-list-item:nth-child(2) {
        transform: translateX(126px);
      }

      .steps-list-item:nth-child(3) {
        transform: translate(-150px, 50px);
      }

      .steps-list-item:nth-child(4) {
        transform: translateX(250px);
      }

      .num {
        color: #683C91;
        font-size: 138px;
        line-height: 120%;
        font-weight: 700;
        position: relative;
      }

      .steps-list-item .num::after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }

      .steps-list-item:nth-child(1) .num::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='116' viewBox='0 0 24 116' fill='none'%3E%3Cpath d='M13.0611 0.939339C12.4754 0.353554 11.5256 0.353554 10.9398 0.939339L1.39388 10.4853C0.808095 11.0711 0.808095 12.0208 1.39388 12.6066C1.97967 13.1924 2.92942 13.1924 3.5152 12.6066L12.0005 4.12132L20.4858 12.6066C21.0716 13.1924 22.0213 13.1924 22.6071 12.6066C23.1929 12.0208 23.1929 11.0711 22.6071 10.4853L13.0611 0.939339ZM12.0005 116L13.5005 116L13.5005 2L12.0005 2L10.5005 2L10.5005 116L12.0005 116Z' fill='%232C1C40'/%3E%3C/svg%3E");
        top: calc(100% - 35px);
      }

      .steps-list-item:nth-child(2) .num::after,
      .steps-list-item:nth-child(4) .num::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='209' viewBox='0 0 24 209' fill='none'%3E%3Cpath d='M10.9396 208.061C11.5254 208.646 12.4751 208.646 13.0609 208.061L22.6068 198.515C23.1926 197.929 23.1926 196.979 22.6068 196.393C22.0211 195.808 21.0713 195.808 20.4855 196.393L12.0002 204.879L3.51495 196.393C2.92917 195.808 1.97942 195.808 1.39363 196.393C0.807847 196.979 0.807847 197.929 1.39363 198.515L10.9396 208.061ZM12.0002 0L10.5002 -6.55452e-08L10.5002 207L12.0002 207L13.5002 207L13.5002 6.55452e-08L12.0002 0Z' fill='%232C1C40'/%3E%3C/svg%3E");
        bottom: calc(100% - 50px);
      }

      .steps-list-item:nth-child(3) .num::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='244' viewBox='0 0 24 244' fill='none'%3E%3Cpath d='M13.0609 0.939346C12.4751 0.353546 11.5254 0.353546 10.9396 0.939346L1.39365 10.4853C0.807866 11.0711 0.807866 12.0208 1.39365 12.6066C1.97944 13.1924 2.92919 13.1924 3.51497 12.6066L12.0003 4.12132L20.4855 12.6066C21.0713 13.1924 22.0211 13.1924 22.6069 12.6066C23.1926 12.0208 23.1926 11.0711 22.6069 10.4853L13.0609 0.939346ZM12.0002 244L13.5002 244L13.5003 2L12.0003 2L10.5003 2L10.5002 244L12.0002 244Z' fill='%232C1C40'/%3E%3C/svg%3E");
        top: calc(100% - 35px);
      }


      .text {
        display: flex;
        flex-direction: column;
        gap: 13px;
        
        p {
          width: 90%;
        }
        
        p,
        p strong {
          font-size: 20px;
        }
        > ul {
          list-style-type: disc;

          li {
            font-size: 18px;
            font-weight: 400;
            line-height: normal;
          }
        }
      }
    }
  }

  .road {
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(50% + 75px);
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto;

    svg {
      height: auto;
      width: 100%;
    }

    .road-mobile {
      display: none;
    }
  }

  ul li {

    * {
      color: #3A2856;
    }
  }
}

.testimonials {
  background-color: #302047;
  margin-top: 50px;
  padding-top: 40px;

  .title {
    margin-bottom: 71px;
  }
}

.with-room-testimonials .block {
  display: flex;
  flex-direction: column;
  gap: 66px;
  flex-direction: column-reverse;

  .block-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;

    .testimonial-title {
      color: #FFE06C;
      font-weight: 700;
      font-size: 36px;
    }

    p {
      font-size: 24px;
    }
  } 


  .block-images {
    display: flex;
    position: relative;
    max-height: 445px;
    height: 445px;

    .img {
      width: 50%;
      height: 100%;
      position: relative;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .img::after,
    .img::before {
      content: '';
      position: absolute;
      width: 84px;
      height: 84px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='83' viewBox='0 0 83 83' fill='none'%3E%3Cpath d='M-3.62805e-06 83L0 -3.67176e-06L83 -4.37114e-08L-3.62805e-06 83Z' fill='%23302047'/%3E%3C/svg%3E");
      background-size: 100% auto;
      background-repeat: no-repeat;
    }

    .img:nth-child(odd)::before,
    .img:nth-child(even)::after  {
      left: 0;
    }

    .img:nth-child(even)::before,
    .img:nth-child(odd)::after  {
      right: 0;
    }

    .img:nth-child(odd)::before,
    .img:nth-child(even)::before {
      top: 0;
    }

    .img:nth-child(odd)::after,
    .img:nth-child(even)::after {
      bottom: 0;
    }

    .img:nth-child(even)::before {
      transform: scaleX(-1);
    }

    .img:nth-child(odd)::after {
      transform: rotate(180deg);
    }

    .img:nth-child(even)::after {
      transform: rotate(-90deg);
    }
  }
}

.with-room-testimonials .block-text {
  padding-top: 66px;
  padding-bottom: 80px;
  column-count: 2;
  /* column-gap: 112px; */

  strong {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
  }

  li,
  p:not(:has(strong)) {
    font-size: 24px;
    font-weight: 300;
  }
}

@media screen and (max-width: 1023px) {
  
  .with-room .with-room-header,
  .without-room .without-room-header {
    /* height: calc(90vh - 90px); */
    height: 85vh;
  }

  .with-room .with-room-header .bg img, .without-room .without-room-header .bg img {
    object-fit: cover;
    /* object-position: 25%; */
    object-position: calc(25% - 15px);
  }

  .with-room .with-room-header .bg::after, .without-room .without-room-header .bg::after {
    background: linear-gradient(270deg, rgba(44, 28, 64, 0.00) -77.14%, rgba(44, 28, 64, 0.80) 43.35%, #2C1C40 99.85%);
  }

  .with-room .with-room-header .header-content, .without-room .without-room-header .header-content {
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 85px;
  }

  .with-room .with-room-header .header-content .cta, .without-room .without-room-header .header-content .cta {
    margin-top: 0;
  }

  .with-room .why-sesame {
    overflow-x: hidden;
  }

  .with-room .why-sesame .bg {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
  }

  .with-room .why-sesame .bg svg {
    width: auto;
    height: 100%;
    object-position: center;
  }

  .with-room .why-sesame .content-wrapper .title {
    width: 100%;
  }
   
  .with-room .why-sesame .content-wrapper .title h2 {
    font-size: 32px;
  }

  .with-room .why-sesame .content-wrapper {
    padding-top: 70px;
  }

  .with-room .why-sesame .content-wrapper h4 {
    font-size: 18px;
  }

  .with-room .why-sesame .content-wrapper .list {
    gap: 24px;
  }

  .with-room .why-sesame .content-wrapper .list li {
    width: calc(50% - 12px);
  }
  
  .with-room .why-sesame .content-wrapper .list li .icon {
    height: 56px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:has(strong) strong {
    font-size: 20px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:not(:has(strong)) {
    font-size: 16px;
  }

  .with-room .how-it-works {
    margin-top: 5px;
  }

  .with-room .how-it-works > .container {
    border: none;
    padding: 0 24px;
  }


  .with-room .how-it-works .content-wrapper {
    padding-top: 28px;
  }

  .with-room .how-it-works .content-wrapper h2 {
    font-size: 32px;
  }

  .with-room .how-it-works .content-wrapper ul {
    padding-left: 0;
  }

  .with-room .how-it-works .content-wrapper ul li {
    gap: 12px;
  }

  .with-room .how-it-works .content-wrapper ul li::before {
    font-size: 56px;
  }

  .with-room .how-it-works .content-wrapper ul li .dashed-line {
    width: 52px;
    background-image: repeating-linear-gradient(
        to right,
        #FFE06C 0,
        #FFE06C 8px,
        transparent 1px,
        transparent 15px
    );
  }


  .with-room .how-it-works .content-wrapper ul li .text {
    width: calc(100% - 120px);
  }

  .with-room .how-it-works > .container {
    width: 100%;
  }

  .with-room .how-it-works .content-wrapper ul li .text *:not(:has(strong)) {
    font-size: 16px !important;
  }

  .with-room .how-it-works .content-wrapper ul li .text *:has(strong) strong {
    font-size: 20px !important;
  }

  .with-room .how-it-works .content-wrapper ul li .dashed-line::after {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 9px;
  }

  .contacts-section {
    padding: 48px 0;
  }

  .contacts-section .contacts-section-wrapper {
    flex-direction: column;
  }

  .contacts-section .contacts-section-wrapper .block {
    width: 100%;
  }

  .contacts-section .contacts-section-wrapper .block:not(:has(> .text-wrapper)) {
    padding: 18px;
  }

  .contacts-section .contacts-section-wrapper .block h2 {
    font-size: 32px;
  }

  .contacts-section .contacts-section-wrapper .block .text-wrapper h3 {
    font-size: 16px;
  }

  .contacts-section .contacts-section-wrapper .block .btns, .contacts-section .hidden-section .btns {
    flex-direction: column;
  }

  .contacts-section .contacts-section-wrapper .block .btns .cta, .contacts-section .hidden-section .btns .cta,
   .contacts-section .hidden-section .back-btn  {
    width: 100%;
    font-size: 16px;
  }

   .contacts-section .hidden-section .btns .cta {
    font-size: 32px;
   }


   .without-room .what-you-get .content-wrapper {
    padding: 96px 0;
   }

   .without-room .what-you-get .title {
    flex-direction: column-reverse;
    gap: 48px;
    align-items: center;

    h2 {
      font-size: 32px;
    }

    h2::after {
      display: none;
    }

    h4 {
      width: 100%;
      text-align: center;

      * {
        font-size: 24px;
      }
    }
   }

   .without-room .what-you-get .list {
    padding-top: 40px;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 60px;
    justify-content: center;

    .text h3 {
      font-size: 18px;
    }
   }

   .without-room .steps::before, .without-room .steps::after {
    height: 20px;
   }

   .without-room .steps::before {
    /* top: -20px; */
    top: -15px;
   }

  .without-room {

    .road {

      /* width: 200px;
      height: 100%; */
      /* top: 0; */
      top: 75px;
      /* left: -70px; */
      transform: none;
      height: 100%;
      width: 75px;
      display: flex;
      align-items: center;
      justify-content: center;

      .road-desktop {
        display: none;
      }

      .road-mobile {
        display: flex;
        width: 100%;
        /* height: 100%; */
        height: auto;
        object-fit: cover;
      }
    }

    .list-wrapper {
      display: flex;
      justify-content: flex-end;

      .steps-list {
        height: auto;
        flex-wrap: nowrap;
        gap: 42px;

        .steps-list-item {
          flex-direction: row;
          flex-wrap: nowrap;
          gap: 12px;
          align-items: flex-start;

          .num {
            font-size: 56px;
            display: flex;
            flex-direction: row-reverse;
          }

          .text {
            padding-top: 10px;

            strong {
              font-size: 20px;
            }

         

            ul li {
              font-size: 16px;
            }
          }
        }

        .steps-list-item .num::after {
          content: url("data:image/svg+xml,%3Csvg width='200' height='8' viewBox='0 0 99 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.3536 4.35355C98.5488 4.15829 98.5488 3.8417 98.3536 3.64644L95.1716 0.464462C94.9763 0.2692 94.6597 0.2692 94.4645 0.464462C94.2692 0.659724 94.2692 0.976307 94.4645 1.17157L97.2929 4L94.4645 6.82842C94.2692 7.02369 94.2692 7.34027 94.4645 7.53553C94.6597 7.73079 94.9763 7.73079 95.1716 7.53553L98.3536 4.35355ZM-171 4L-171 4.5L98 4.5L98 4L98 3.5L-171 3.5L-171 4Z' fill='%232C1C40'/%3E%3C/svg%3E%0A") !important;
          /* position: initial; */
          left: unset !important;
          /* top: 50% !important; */
          top: unset !important;
          height: 20px;
          transform: translateY(-50%) !important;
          right: calc(100% - 25px) !important;
        }

        .steps-list-item:nth-child(2),
        .steps-list-item:nth-child(3),
        .steps-list-item:nth-child(4) {
          transform: none;
        }

        .steps-list-item:nth-child(2) .num::after, .steps-list-item:nth-child(4) .num::after  {
          bottom: unset;
        }
      }
    }

    .list-wrapper > .container {
      /* width: calc(100% - 90px); */
      width: calc(100% - 125px);
      margin: initial !important;
      padding: 0 24px 0 0;
    }
  }

  .without-room .steps {
    padding-bottom: 63px;
    margin-bottom: 20px;
  }

  .without-room .steps::after {
    bottom: -15px;
  }

  .testimonials {

    .title {
      margin-bottom: 48px;
    }
  }

  .with-room-testimonials {

    .block {
      gap: 48px;
      
      .block-header {
        text-align: center;

        .testimonial-title  {
          font-size: 20px;
        }

        p {
          font-size: 18px;
        }
      }


      .block-images {
        flex-direction: column;

        .img {
          width: 100%;
        }

        .img::after, .img::before {
          width: 45px;
          height: 45px;
        }

        .img:nth-child(even)::after {
          transform: none;
          bottom: unset;
          top: 0;
        }

        .img:nth-child(odd)::before {
          transform: rotate(-90deg);
          top: unset;
          bottom: 0;
        }
      }
    }
 

    .block-text {
      column-count: 1;
      padding-top: 28px;
      padding-bottom: 74px;

      strong {
        font-size: 20px;
      }

      li,
      p:not(:has(strong)) {
        font-size: 16px;
      }

      p:has(strong) {
        padding-top: 20px;
      }
    }
  }
  


}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

  body {
    overflow-x: hidden;
  }

  .with-room .with-room-header, .without-room .without-room-header {
    height: 60vh;
  }

  .with-room .with-room-header .header-content h1, .without-room .without-room-header .header-content h1 {
    font-size: 46px;
  }

  .with-room .with-room-header .header-content h4, .without-room .without-room-header .header-content h4 {
    font-size: 20px;
  }

  .with-room .with-room-header .header-content, .without-room .without-room-header .header-content {
    justify-content: flex-end;
    padding-bottom: 100px;
  }

  .with-room .why-sesame .content-wrapper {
    padding-top: 100px;
  }

  .with-room .why-sesame .content-wrapper .title h2 {
    font-size: 32px;
  }

  .with-room .why-sesame .content-wrapper .title h4 {
    font-size: 18px;
  } 

  .with-room .why-sesame .content-wrapper .list li .icon {
    height: 50px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:has(strong) strong {
    font-size: 20px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:not(:has(strong)) {
    font-size: 16px;
  }

  .with-room .why-sesame .content-wrapper .list {
    column-gap: 90px;
  }

  .with-room .why-sesame .bg svg {
    height: 100%;
    width: auto;
  }

  .with-room .why-sesame .bg {
    overflow: visible;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }


  .with-room .why-sesame .bg svg {
    width: auto;
    height: 100%;
  }

  .with-room .how-it-works {
    padding-bottom: 60px;
  }

  .with-room .how-it-works .content-wrapper h2 {
    font-size: 48px;
  }

  .with-room .how-it-works > .container {
    padding: 52px 24px;
  }

  .with-room .how-it-works .content-wrapper ul {
    padding-top: 48px;
  }

  .with-room .how-it-works .content-wrapper ul li {
    gap: 32px;
  }

  .with-room .how-it-works .content-wrapper ul li::before {
    font-size: 56px;
  }

  .with-room .how-it-works .content-wrapper ul li .dashed-line {
    width: calc(100px + (var(--index) * 100px));
  }

  .with-room .how-it-works .content-wrapper ul li .text *:has(strong) strong {
    font-size: 22px;
  }

  .with-room .how-it-works .content-wrapper ul li .text *:not(:has(strong)) {
    font-size: 16px !important;
  }

  .contacts-section .contacts-section-wrapper .block h2 {
    font-size: 49px;
  }

  .without-room .what-you-get .title {
    h2 {
        font-size: 42px;
    }

    h2::after {
      width: 100px;
      height: 100px;
      right: -55px;
      top: 25px;
    }

    h4 {
      * {
        font-size: 30px;
      }
    }
  }

  .without-room .what-you-get .list {
    gap: 55px;

    li {

      .icon {
        height: 60px;
      }

      h3 {
        font-size: 18px;
      }
    }
  }

  .without-room .steps {
    padding-bottom: 140px;
  }

  .without-room .steps::before, .without-room .steps::after {
    height: 40px;
  }

  .without-room .steps::before {
    top: -40px;
  }

  .without-room .steps::after {
    bottom: -35px;
  }

  .without-room {

    .road {
      display: flex;
      align-items: center;
      justify-content: center;
      top: 50%;
    }

    .list-wrapper {

      .steps-list {
        gap: 255px;
        column-gap: 50px;
        height: 600px;
        
        .num {
          font-size: 100px;
        }

        .num::after {
          max-height: 200px;
          overflow: hidden;
        }

        .text {

          strong {
            font-size: 20px;
          }

          li {
            font-size: 16px;
          }
        }

        .steps-list-item:nth-child(even) .num::after {
          display: flex;
          align-items: flex-end;
        }

        .steps-list-item:nth-child(2) {
          transform: translate(-55px, 70px);
        }

        .steps-list-item:nth-child(3) {
          transform: none;
        }

        .steps-list-item:nth-child(2) {
          justify-content: flex-end;
        }

        .steps-list-item:nth-child(2) .num::after, .steps-list-item:nth-child(4) .num::after {
          bottom: calc(100% - 35px);
        }


        .steps-list-item:nth-child(1) {
          transform: translate(0, 70px);
        }

        .steps-list-item:nth-child(1) .num::after,
        .steps-list-item:nth-child(3) .num::after {
          top: calc(100% - 10px);
        }


        .steps-list-item:nth-child(4) {
          transform: translate(-35px, 200px);
        }
        
      }
    }
  }



  .with-room-testimonials .block {
    & .block-header {
      text-align: center;
        .testimonial-title {
          font-size: 28px;
        }

        p {
          font-size: 18px;
        }
    }
  }


  .with-room-testimonials .block-text {
    strong {
        font-size: 20px;
    }
  }

  .with-room-testimonials .block-text {
    li, p:not(:has(strong)) {
        font-size: 18px;
    }
  }
}

@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .with-room .why-sesame .content-wrapper {
    padding-top: 70px;
  }

  .with-room .why-sesame .content-wrapper .title h2 {
    font-size: 42px;
  }

  .with-room .why-sesame .content-wrapper .title h4 {
    font-size: 18px;
  }

  .with-room .why-sesame .content-wrapper .list {
    column-gap: 115px;
  }

  .with-room .why-sesame .content-wrapper .list li .icon {
    height: 60px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:has(strong) strong {
    font-size: 26px;
  }

  .with-room .why-sesame .content-wrapper .list li .text *:not(:has(strong)) {
    font-size: 18px;
  }

  .with-room .how-it-works .content-wrapper h2 {
    font-size: 42px;
  }

  .with-room .how-it-works > .container {
    padding: 48px 2.5%;
  }

  .with-room .how-it-works .content-wrapper ul {
    padding-top: 48px;
    padding-left: 0;
  }

  .with-room .how-it-works .content-wrapper ul li::before {
    font-size: 54px;
  }

  .with-room .how-it-works .content-wrapper ul li .text *:has(strong) strong {
    font-size: 26px;
  }

  .with-room .how-it-works .content-wrapper ul li .text *:not(:has(strong)) {
    font-size: 16px !important;
  }

  .with-room .how-it-works {
    padding-bottom: 0;
  }

  .contacts-section .contacts-section-wrapper .block h2 {
    font-size: 50px;
  }

  .contacts-section .contacts-section-wrapper .block .text-wrapper h3 {
    font-size: 20px;
  }

  .cta {
    font-size: 18px;
  }



  .without-room .what-you-get .title {
    & h4 {

      * {
        font-size: 36px;
      }
    }

    h2::after {
      width: 130px;
      height: 130px;
      top: 10px;
      right: -120px;
    }
  }


  .without-room .what-you-get .list {
    gap: 30px;

    li {
      width: 200px;

      .icon {
        height: 70px;
      }

      .text {

        * {
          font-size: 20px;
        }
      }
    }
  }


  .without-room .steps::before, .without-room .steps::after {
    height: 60px;
  }

  .without-room .steps::before {
    top: -55px;
  }

  .without-room .steps::after {
    bottom: -50px;
  }

  .without-room .road {
    top: calc(50% + 180px);
  }

  .without-room {
    .steps {
      padding-bottom: 100px;
    }

    .list-wrapper {

      .steps-list {

        .steps-list-item:nth-child(3) {
          transform: translate(-200px, 50px);
        }

        .steps-list-item:nth-child(3) .num::after {
          top: calc(100% - 15px);
        }

        .steps-list-item:nth-child(4) {
          transform: translate(-70px, 80px);
        }
      }
    }
  }




  .with-room-testimonials .block {
    & .block-header {
      text-align: center;
        .testimonial-title {
          font-size: 30px;
        }

        p {
          font-size: 18px;
        }
    }
  }


  .with-room-testimonials .block-text {
    strong {
        font-size: 22px;
    }
  }

  .with-room-testimonials .block-text {
    li, p:not(:has(strong)) {
        font-size: 18px;
    }
  }
}

.without-room-testimonials {
  background-color: #3E2758;

  .title {
    position: relative;
    z-index: 2;
  }

  .title h2 {
    font-size: 56px;
    color: #FFE06C;
    text-align: center;
  }

  .testimonial-modal {
    /* opacity: ; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    z-index: 9;
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition-delay: .5s;

    .testimonial-modal-wrapper {
      /* opacity: 0;
      visibility: hidden; */
      transition: .3s ease-in-out;
      width: 60%;
      height: inherit;
      max-height: 50%;
      background-color: #fff;
      padding: 32px 16px 32px 32px;
      transform: scale(0);
      transition-delay: 0;
      overflow: hidden;
      position: relative;

      .content-container {
        overflow-y: auto;
        height: 100%;

        * {
          color: #2C1C40;
          font-size: 18px;
        }

        *:not(strong) {
          font-weight: 400;
        }

        strong {
          font-weight: 700;
        }

        .modal-text {
          padding-right: 48px;
          .testimonial-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 24px;
          }
        }

        img {
          float: left;
          width: 250px;
          height: auto;
          margin: 0 24px 24px 0;
        }
      }

      .close-btn {
        cursor: pointer;
        position: absolute;
        top: 32px;
        right: 32px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-self: center;

        svg {
          width: 100%;
          height: auto;
        }
      }
    }
  }

  .testimonial-modal.show {
    opacity: 1;
    visibility: visible;
    transition: .2s linear;

    .testimonial-modal-wrapper {
      /* opacity: 1;
      visibility: visible; */
      transition: .3s ease-in-out;
      transition-delay: .4s;
      transform: scale(1);
    }
  }

  .wrapper {
    width: 100%;
    display: flex;
    position: relative;
    background-color: #2C1C40;
    padding-bottom: 128px;
  }

  .block {
    width: 50%;
    position: relative;

    .block-image {
      width: 100%;
      /* aspect-ratio: 8 / 7; */
      height: 100%;

      .img {
        width: 100%;
        height: 100%;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .block-content {
      display: flex;
      flex-direction: column;
      gap: 24px;
      /* width: 60%; */
      width: 587px;
      background: rgba(58, 40, 86, 0.50);
      backdrop-filter: blur(9.5px); 
      position: absolute;
      bottom: -128px;
      right: 85px;
      padding: 24px;
      min-height: 287px;

      span {
        color: #FFE06C;
        font-size: 24px;
        line-height: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 56px;
      }

      .text {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;

        * {
          font-size: 18px;
        }
      }

      .see-more-btn {
        cursor: pointer;
        font-size: 20px;
        font-weight: 500;
        text-decoration: underline;
      }
    }
  }
}

.without-room .contacts-section {
  background-color: #2C1C40;
}

.without-room {
  position: relative;
}

.without-room::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay effect */
  pointer-events: none; /* Don't block clicks */
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .2s linear;
    transition-delay: .5s;
}

.without-room:has(.testimonial-modal.show)::after {
  opacity: 1;
  visibility: visible;
  transition: .2s linear;
}

.without-room .contacts-section .contacts-section-wrapper .block h2 {
  font-size: 54px !important;
}

.without-room .contacts-section .contacts-section-wrapper .block .text-wrapper {
  padding: 34px 20px;
}

@media screen and (max-width: 1023px) {
  .without-room-testimonials {

    .title {
      margin-bottom: 26px;
    }
    .title h2 {
      font-size: 24px;
    }
    
    .wrapper {
      flex-direction: column;
      padding-bottom: 0;
    }

    .block {
      width: 100%;

      .block-content {
        position: initial;
        margin-top: -26px;
        width: 100%;

        span {
          font-size: 20px;
        }

        .text {
          max-height: 95px;
          transition: .3s ease-out;

          * {
            font-size: 16px;
          }
        }

        .text.expand {
          -webkit-line-clamp: none;
          max-height: 3000px;
          transition: .3s ease-in;
        }

        .see-more-btn {
          font-size: 18px;
        }
      }
    }
  }

  .without-room .contacts-section .contacts-section-wrapper .block h2 {
    font-size: 32px !important;
  }

  .without-room .contacts-section .contacts-section-wrapper .block .text-wrapper {
    padding: 10px 20px;
  }

  .contacts-section > .container {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .without-room-testimonials {
    
      .title h2 {
          font-size: 40px;
      }


      & .block {
        .block-content {
          width: 80%; 
          right: 24px;
        }
    }
  }
}

.with-room .why-sesame .content-wrapper h4 {
  font-weight: 300 !important;
}

@media screen and (max-width: 1023px) {
  .with-room .with-room-header .header-content .cta, .without-room .without-room-header .header-content .cta {
    padding: 12px 32px;
  }

  .without-room .without-room-header .header-content h4 {
    font-size: 18px !important;
  }
}