.section-1-container {
  background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-1-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-2-container {
  background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-2-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
}

.section-4-container {
  background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-4-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-5-container {
  background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-5-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-8-container {
  background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-8-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-1-pink-cloud {
  top: 100px !important;
}

[data-modal-overlay-open="false"] {
  display: none;
}
[data-modal-overlay-open="true"] {
  display: block;
}

.festive-modal [data-festive-modal-step] {
  display: none !important;
}
.festive-modal [data-festive-modal-step][data-festive-modal-step-active] {
  display: flex !important;
}

.festive-modal-step2-text-block h5 {
  background: linear-gradient(90deg, #832729 0.17%, #631517 99.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  backdrop-filter: blur(12px);
}

.festive-modal-open {
  display: flex !important  ;
}

.festive-modal-close {
  display: none !important;
}

#loader svg {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  opacity: 0;
}

@media screen and (min-width: 1280px) {
  #preloader {
    width: 100vw;
    height: calc(100vh - 74px) !important;
    margin-top: 74px !important;
  }

  #loader > img {
    width: 250px !important;
    height: 250px !important;
    object-fit: cover !important;
  }

  /* ======================================== */
  /* Section 1                                */
  /* ======================================== */

  .section-1-heading {
    position: relative;
    top: -40% !important;
  }

  .section-1-model {
    width: 100vmin;
    height: auto;
    /* width: 907px;
    height: 605px;
    object-fit: cover; */
  }

  .section-2-bg-1 {
    inset: 0;
    margin: auto 0;
    width: 50vw;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }

  /* ======================================== */
  /* Section 2                                */
  /* ======================================== */

  .section-2-video-container div {
    width: 70vw;
    height: 70dvh;
  }

  .section-2-cloud-1-patch {
    top: -63vh !important;
  }

  /* ======================================== */
  /* Section 3                                */
  /* ======================================== */

  .section-3-container {
    background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-3-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .section-3-slide-list {
    width: 261px;
  }

  .section-3-slide {
    padding: 20px 18px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #f9fafd;

    box-shadow: 0 -6px 12px 0 rgba(0, 0, 0, 0.04);
  }
  .section-3-slide-arrows {
    width: 44px;
    height: 20px;
  }

  .section-3-slide-arrows .splide__arrow {
    position: relative;
    transform: unset !important;
    width: unset;
    height: unset;
    background-color: transparent;
    left: unset;
    top: unset;
    right: unset;
  }

  .section-3-slide-arrows .splide__arrow svg {
    fill: none;
  }

  .section-3-slider-trigger > svg {
    scale: 1.5;
  }

  /* ======================================== */
  /* Section 4                                */
  /* ======================================== */

  .section-4-product {
    border-radius: 20px;
    padding: 0 30px 30px 30px;
    cursor: pointer;
  }

  /* ======================================== */
  /* Section 5                                */
  /* ======================================== */

  .section-5-blur-layer {
    width: 140vw;
    height: 311px;
    background: linear-gradient(
      181deg,
      #165596 76.09%,
      #114286 86.7%,
      rgba(22, 85, 150, 0.6) 99.05%
    );

    filter: blur(67px);
  }

  .section-5-bottom {
    top: -46vh !important;
  }

  .section-5-slider-trigger > svg {
    scale: 1.5;
  }
  /* ======================================== */
  /* Section 6                                */
  /* ======================================== */
  .section-6-container-text-block {
    margin-bottom: 50px !important;
  }

  .section-6-product {
    border-radius: 20px;
    padding: 0 30px 30px 30px;
    cursor: pointer;
  }

  /* ======================================== */
  /* Section 7                                */
  /* ======================================== */

  .section-7-container {
    background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg/section-7-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .section-7-slide {
    width: 700px !important;
    height: 400px !important;
    align-items: center !important;
  }

  .section-7-text-block {
    margin-top: 10vh !important;
    z-index: 200;
  }

  .section-7-slide-arrows .splide__arrow {
    width: 64px;
    height: 64px;
    border: 1px solid #832729;
    background-color: transparent;
    position: relative;
  }

  .section-7-slide-arrows .splide__arrow--prev {
    left: unset !important;
    transform: scaleX(-1);
    top: 0% !important;
  }
  .section-7-slide-arrows .splide__arrow--next {
    right: unset !important;
  }

  .section-7-slide-arrows .splide__arrow svg {
    fill: none !important;
    width: 20px;
    height: 20px;
  }

  /* ======================================== */
  /* Section 8                                */
  /* ======================================== */

  .section-8-container > div {
    padding-left: 76px;
    padding-right: 53px;
    border-radius: 24px;
  }

  /* ======================================== */
  /* Section 9                                */
  /* ======================================== */

  .section-9 {
    margin-bottom: -600px;
  }

  .section-9-button {
    border-radius: 80px;
    border: 1px solid rgba(126, 85, 138, 0.3);
    background: rgba(148, 120, 156, 0.14);
    color: #7e558a;
    text-align: center;
    font-family: Outfit;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 14.08px */
    letter-spacing: 0.66px;
    text-transform: uppercase;
  }

  /* ======================================== */
  /* MODALS                                   */
  /* ======================================== */
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
  .section-2-cloud-1-patch {
    left: unset !important;
  }
  .section-5-container .section-text-block {
    left: 10% !important;
  }

  .section-5-lotus {
    bottom: -15% !important;
  }

  .splide-section-5 {
    bottom: 30px !important;
    top: unset !important;
  }

  .section-9-envelope-text-block {
    top: 20% !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1280px) and (max-height: 700px) {
  .section-1-model {
    bottom: 0% !important;
  }

  .section-1-bottom {
    top: -27vh !important;
  }

  .section-3-product-container > .section-3-product {
    top: -10% !important;
    scale: 0.8 !important;
  }

  .section-5-lotus {
    bottom: -25% !important;
    scale: 0.75 !important;
  }

  .section-5-product-container {
    scale: 0.8 !important;
    top: 10% !important;
  }

  .section-5-product-container .section-5-slider-trigger:first-of-type {
    right: 25% !important;
  }

  .section-5-product-container .section-5-slider-trigger:nth-of-type(2) {
    bottom: 10% !important;
  }
  .section-5-product-container .section-5-slider-trigger:last-of-type {
    left: 5% !important;
  }
  .splide-section-5 {
    bottom: -5% !important;
    top: unset !important;
  }

  .section-7-slide-arrows {
    margin-bottom: 25px !important;
  }

  .section-9-envelope-text-block {
    top: 22% !important;
  }
}

@media screen and (min-width: 1440px) {
  .section-1-model {
    width: 115vmin;
  }
}

@media screen and (min-width: 1900px) and (max-width: 1920px) {
  .section-1-bottom {
    min-width: 100vw !important;
    top: -19vh !important;
  }
  .section-1-bottom img {
    width: 100vw !important;
    object-fit: cover !important;
    min-width: 100vw !important;
  }

  .section-2-video-cloud {
    top: 10vh !important;
  }

  .section-2-explore-button {
    margin-top: 20px;
  }

  .section-2-castle {
    scale: 1.4 !important;
    top: 20% !important;
  }

  .section-2-bottom {
    top: 30vh !important;
  }

  .section-2-cloud-1-patch {
    min-width: 100vw !important;
  }

  .section-3-product {
    scale: 1.3 !important;
    top: -12% !important;
  }

  .section-3-castle {
    top: 30% !important;
  }

  .splide-section-3 {
    right: -16vw !important;
    top: 30vh !important;
  }

  .splide-section-5 {
    top: 20% !important;
    right: 10% !important;
  }

  .section-3-cloud-1 {
    min-width: 100vw !important;
  }

  .section-6-bottom {
    top: 65vh !important;
    left: 0vh !important;
  }

  .section-9-envelope-container {
    top: 10vh !important;
  }

  .section-9-envelope-text-block {
    top: 8% !important;
    left: 1% !important;
  }
}

@media screen and (min-width: 1280px) and (max-height: 600px) {
  .section-9-envelope-text-block {
    top: 58vh !important;
  }

  .section-3-product-container > .section-3-product {
    top: -5% !important;
  }

  .section-5-lotus {
    bottom: -35% !important;
  }
}

@media screen and (min-width: 1280px) and (min-height: 601px) and (max-height: 700px) {
  .section-9-envelope-text-block {
    top: 20% !important;
  }
}

@media screen and (max-width: 767px) {
  #preloader {
    width: 100vw !important;
    height: calc(100dvh - 64px) !important;
    margin-top: 64px !important;
  }

  #loader > img {
    width: 180px !important;
    height: 180px !important;
    object-fit: cover !important;
  }
  /* ======================================== */
  /* Section 1                                */
  /* ======================================== */

  .section-1-container {
    background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg-mobile/section-1-bg.png");
  }

  .section-1-heading {
    width: 70% !important;
  }

  .section-1-heading img {
    width: 100%;
  }

  .section-1-cta {
    gap: 10px !important;
  }

  .section-1-island-right {
    top: unset !important;
    width: 75% !important;
    bottom: 10% !important;
  }

  .section-1-island-left {
    top: unset !important;
    width: 95% !important;
    bottom: 10% !important;
  }

  .section-1-model {
    width: 140% !important;
    right: -25% !important;
    bottom: 40px !important;
  }

  .section-1-bottom {
    top: -16vh !important;
    min-width: 100vw !important;
  }

  .section-1-bottom img {
    width: 100vw !important;
    object-fit: cover !important;
    min-width: 100vw !important;
  }

  .section-1-bottom > img:first-of-type {
    height: 54vh !important;
    margin-top: 0px !important;
  }

  .section-1-bottom > img:nth-of-type(2) {
    left: -160% !important;
    height: 51vh;
  }

  /* ======================================== */
  /* Section 2                                */
  /* ======================================== */

  .section-2-video-container {
    height: 100%;
  }

  .section-2-video-container div {
    width: 95vw !important;
    height: 100% !important;
    border-radius: 7.5px !important;
  }

  .section-2-video-cloud {
    margin-top: -60% !important;
  }

  .section-2-video-cloud > [data-gsap-cloud-seperator-inner] {
    top: 0px !important;
  }

  .section-2-video-cloud > img {
    height: 50vh !important;
    left: -100% !important;
    scale: 1.15;
  }

  .section-2-text-container h4 {
    font-size: 26px !important;
    letter-spacing: -0.52px !important;
  }

  .section-2-text-container > p:first-of-type {
    max-width: 310px;
    font-size: 18px !important;
    letter-spacing: -0.36px;
  }

  .section-2-explore-button {
    padding: 12px 7.5px !important;
  }

  .section-2-explore-button img {
    width: 80% !important;
  }

  .section-2-explore-text {
    font-size: 10px !important;
    letter-spacing: 0.6px !important;
  }

  .section-2-castle-container {
    height: auto !important;
    overflow: hidden;
  }

  .section-2-castle {
    width: 318px;
    height: 350px;
    object-fit: cover;
    z-index: 100;
  }

  .section-2-island-right,
  .section-2-island-left {
    width: 120px;
    height: 120px;
    object-fit: cover;
    z-index: 90;
    top: unset !important;
  }

  .section-2-castle-cloud-2 {
    top: 42% !important;
    left: -60% !important;
    z-index: 91;
  }

  .section-2-castle-cloud-3 {
    top: 55% !important;
    left: 20% !important;
    z-index: 91;
  }

  .section-2-castle-cloud-5 {
    bottom: -60% !important;
    left: -120vw !important;
  }

  .section-2-bottom {
    left: unset !important;
    top: 25vh !important;
  }

  .section-2-bottom img {
    height: 70vh;
    object-fit: cover;
    top: -45vh !important;
  }

  .section-2-bottom > img:first-of-type {
    left: unset !important;
    top: -30vh;
  }

  .section-2-cloud-1-patch {
    min-width: 100vw !important;
  }

  /* ======================================== */
  /* Section 3                                */
  /* ======================================== */

  .section-3-container {
    background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg-mobile/section-3-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden;
    height: auto !important;
    gap: unset !important;
  }

  .section-3-castle {
    width: 400px;
    height: 300px;
    left: -40% !important;
    bottom: -5% !important;
    top: unset !important;
  }

  .section-3-container .section-text-block {
    top: 0%;
    left: 8vw;
    margin-top: 10% !important;
  }
  .section-3-product-container {
    width: 100%;
  }
  .section-3-product-container > div:first-of-type {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0% !important;
    left: unset !important;
    top: unset !important;
  }

  .section-3-product-1 {
    width: 100%;
    height: 390px;
    object-fit: cover;
    max-width: 450px;
  }

  .section-3-bottom {
    top: -18vh !important;
    left: unset !important;
  }

  .section-3-bottom > img {
    height: 55vh;
    top: 0vh !important;
    left: -55vw !important;
  }

  .splide-section-3 {
    width: 333px !important;
    right: unset !important;
    top: unset !important;
    bottom: 10% !important;
  }

  .splide-section-3 .splide__track,
  .splide-section-3 ul {
    height: 100% !important;
  }

  .section-3-slide {
    flex-direction: row !important;

    border-radius: 16px !important;
    padding: 8px !important;
    border: 1px solid #fff;
    background: #f9fafd;

    box-shadow: 0 -6px 12px 0 rgba(0, 0, 0, 0.04);
  }

  .section-3-slide img {
    width: 104px !important;
    border-radius: 8px !important;
    height: 100% !important;
    object-fit: cover;
  }

  .section-3-slide > div {
    width: 205px !important;
    position: relative;
    height: 100% !important;
  }

  .section-3-slide > div > h3 {
    color: #353535;
    font-family: Outfit;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 103%; /* 12.36px */
    letter-spacing: -0.24px;
    margin-bottom: 4px !important;
  }

  .section-3-slide > div > p:first-of-type {
    color: #353535;
    font-family: Outfit;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 103%; /* 12.36px */
    letter-spacing: -0.24px;
    margin-bottom: 16px !important;
  }

  .section-3-slide > div > p {
    color: #353535;
    font-family: Outfit;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 103%; /* 12.36px */
    letter-spacing: -0.24px;
    left: 0px !important;
    bottom: 0px !important;
  }

  .section-3-slide-arrows {
    right: 10px !important;
    bottom: 5px !important;
  }

  .section-3-slide-arrows .splide__arrow {
    width: 11.5px !important;
    height: 11.5px !important;
    position: relative;
    transform: unset !important;
    width: unset;
    height: unset;
    background-color: transparent;
    left: unset;
    top: unset;
    right: unset;
  }

  .section-3-slide-arrows .splide__arrow--prev {
    top: -10% !important;
  }

  .section-3-slide-arrows .splide__arrow svg {
    fill: none;
  }

  .section-3-slider-trigger {
    height: 35px !important;
    letter-spacing: -0.22px !important;
  }

  .section-3-slider-trigger p {
    font-size: 11px !important;
  }

  .section-3-slider-trigger:first-of-type {
    top: 50% !important;
    right: 8% !important;
  }

  .section-3-slider-trigger:nth-of-type(2) {
    top: 93% !important;
    left: 20% !important;
  }

  .section-3-slider-trigger:nth-of-type(3) {
    top: 50% !important;
    left: 8% !important;
  }

  .section-3-cloud-1 {
    min-width: 100vw !important;
  }

  /* ======================================== */
  /* Section 4                                */
  /* ======================================== */

  .section-4-container {
    gap: 40px !important;
    min-height: unset !important;
  }

  .section-4-container > div:first-of-type {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }

  .section-4-container .section-text-block {
    left: 8vw !important;
  }

  .section-4-temple {
    width: 135px;
    height: 135px;
    top: 30% !important;
  }

  .section-4-product {
    border-radius: 20px;
    padding: 0 30px 30px 30px;
  }

  .section-4-product-container {
    overflow-y: hidden;
    width: 100%;
    justify-content: flex-start !important;
    padding: 0 5vw;
    scroll-snap-type: x proximity;
  }

  .section-4-product-container::-webkit-scrollbar {
    display: none;
  }

  .section-4-product {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 257px !important;
    padding: 0px 15px 15px 15px !important;
    scroll-snap-align: center;
  }

  .section-4-product > div:first-of-type {
    min-height: unset !important;
    max-height: unset !important;
  }

  .section-4-product:nth-of-type(3) > div:first-of-type {
    top: 20px;
    position: relative;
  }

  .section-4-product:nth-of-type(3) > div:first-of-type > img {
    width: 70%;
  }

  .section-4-product-img {
    width: 100%;
  }

  .section-4-product:first-of-type .section-4-product-img {
    top: -10% !important;
    position: relative;
  }

  .section-4-product-title {
    font-size: 13.67px !important;
    letter-spacing: -0.273px !important;
    margin-bottom: 0px !important;
  }

  .section-4-pattern {
    width: 143px;
    height: 120px;
  }

  /* ======================================== */
  /* Section 5                                */
  /* ======================================== */

  .section-5-blur-layer {
    width: 120vw;
    height: 100px;
    background: linear-gradient(
      181deg,
      #165596 76.09%,
      #114286 86.7%,
      rgba(22, 85, 150, 0.6) 99.05%
    );

    filter: blur(20px);
    top: -7% !important;
    left: -25% !important;
  }

  .section-5-slider-trigger {
    height: 35px !important;
    letter-spacing: -0.22px !important;
  }

  .section-5-slider-trigger p {
    font-size: 11px !important;
  }

  .section-5-slider-trigger:first-of-type {
    top: 60% !important;
    right: 4% !important;
  }

  .section-5-slider-trigger:nth-of-type(2) {
    top: 83% !important;
    left: 50% !important;
  }

  .section-5-slider-trigger:nth-of-type(3) {
    top: 55% !important;
    left: 2% !important;
  }

  .section-5-container {
    flex-direction: column !important;
    overflow: hidden;
    height: 100vh !important;
    gap: unset !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 60px !important;
    min-height: unset !important;
  }

  .section-5-lotus {
    width: 175px;
    height: 218px;
    bottom: 5% !important;
    top: unset !important;
    left: 0% !important;
    z-index: 220 !important;
    scale: none !important;
  }

  .section-5-container .section-text-block {
    top: 5% !important;
    left: 20px;
    align-self: flex-start;
  }
  .section-5-product-container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-top: -15% !important;
    height: auto !important;
    left: unset !important;
    margin-left: 0px !important;
  }

  .section-5-product-1 {
    width: 100%;
    height: 390px;
    object-fit: cover;
    max-width: 318px;
    right: unset !important;
  }

  .section-5-product-2 {
    width: 115px;
    height: 115px;
  }

  .section-5-bottom {
    top: 65vh !important;
    z-index: 181 !important;
  }

  .splide-section-5 {
    width: 333px !important;
    right: unset !important;
    top: unset !important;
    bottom: 0% !important;
    opacity: 100% !important;
  }

  .splide-section-5 .splide__track,
  .splide-section-5 ul {
    height: 100% !important;
  }

  /* ======================================== */
  /* Section 6                                */
  /* ======================================== */

  .section-6-container {
    gap: 40px !important;
    min-height: unset !important;
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }

  .section-6-container-text-block {
    margin-bottom: unset !important;
  }

  .section-6-container .section-text-block {
    left: 8vw !important;
    margin-top: 50px;
  }

  .section-6-container > div:first-of-type {
    justify-content: space-between;
    z-index: 200;
    margin-top: 40px !important;
  }

  .section-6-temple {
    width: 135px;
    height: 135px;
  }

  .section-6-product-container {
    overflow-y: hidden;
    width: 100%;
    justify-content: flex-start !important;
    padding: 0 5vw;
    scroll-snap-type: x proximity;
  }

  .section-6-product-container::-webkit-scrollbar {
    display: none;
  }

  .section-6-product {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 257px !important;
    padding: 0px 15px 15px 15px !important;
    scroll-snap-align: center;
    border-radius: 11px;
  }

  .section-6-product > div:first-of-type {
    min-height: unset !important;
    max-height: unset !important;
  }

  .section-6-product:nth-of-type(3) > div:first-of-type {
    top: 20px;
    position: relative;
  }

  .section-6-product:nth-of-type(3) > div:first-of-type > img {
    width: 70%;
  }

  .section-6-product-img {
    width: 100%;
  }

  .section-6-product:first-of-type .section-6-product-img {
    top: -10% !important;
    position: relative;
  }

  .section-6-product-title {
    font-size: 13.67px !important;
    letter-spacing: -0.273px !important;
    margin-bottom: 0px !important;
  }

  .section-6-pattern {
    width: 143px;
    height: 120px;
  }

  .section-6-island {
    width: 295px !important;
    height: 195px !important;
    top: 0;
    bottom: 0 !important;
    right: -20% !important;
    z-index: 200;
    margin-left: -80px;
  }

  .section-6-bottom {
    top: 30vh !important;
    left: 100vw !important;
    transform: scaleX(-1) !important;
    left: 50vw !important;
  }
  .section-6-bottom img {
    width: 250vw !important;
  }

  /* ======================================== */
  /* Section 7                                */
  /* ======================================== */

  .section-7-container {
    background-image: url("https://staticimg.tanishq.co.in/microsite/mriganka/assets-three/images/bg-mobile/section-7-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .section-7-slide-container {
    max-width: calc(100vw - 40px);
    display: flex;
    justify-content: center;
  }

  .section-7-container .swiper-slide-shadow-left,
  .section-7-container .swiper-slide-shadow-right {
    background-image: none;
  }

  .section-7-slide {
    border-radius: 18px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden;
  }

  .section-7-product {
    top: 7% !important;
    width: 75% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }

  .section-7-text-block {
    margin-top: 50% !important;
    max-width: 318px !important;
  }
  .section-7-text-block h2 {
    color: var(--color-gray-2);
    text-align: center;
    font-family: Fraunces;
    font-size: 26px !important;
    font-style: italic;
    font-weight: 300;
    line-height: 112%;
    letter-spacing: -0.52px;
  }

  .section-7-text-block p {
    color: var(--color-gray-2);
    text-align: center;
    font-size: 12px !important;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.12px;
    opacity: 0.8;
  }

  .section-7-slide h4 {
    color: #fff;
    font-family: Fraunces;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: -0.44px;
    opacity: 0.8;
  }

  .section-7-slide-text-block {
    left: 16% !important;
    bottom: 50px !important;
  }

  /* ======================================== */
  /* Section 8                                */
  /* ======================================== */

  .section-8-container {
    height: 115vh !important;
    padding: 100px 0 50px !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
  }

  .section-8-container > div {
    width: 90vw !important;
    max-width: 401px !important;
    height: 200vw !important;
    max-height: 852px !important;

    padding: 42px 24px !important;
    border-radius: 18px !important;

    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 50% !important;
  }

  .section-8-product {
    right: -12% !important;
  }

  .section-8-text-block h3 {
    font-size: 26px !important;
    letter-spacing: -0.52px !important;
  }

  .section-8-text-block p {
    font-size: 12px !important;
    letter-spacing: -0.12px !important;
  }

  /* ======================================== */
  /* Section 9                                */
  /* ======================================== */

  .section-9-text-block h4 {
    color: #fff;
    text-align: center;
    font-family: Fraunces;
    font-size: 26px;
    font-style: italic;
    font-weight: 300;
    line-height: 112%;
    letter-spacing: -0.52px;
  }
  .section-9-text-block h4 {
    font-size: 26px !important;
    font-style: italic;
    letter-spacing: -0.52px;
  }

  .section-9-text-block p {
    font-size: 12px !important;
    line-height: 140% !important;
    letter-spacing: -0.12px !important;
    max-width: 280px !important;
  }

  .section-9-envelope {
    width: 100%;
    scale: unset !important;
  }

  .section-9-button {
    border-radius: 80px;
    border: 1px solid rgba(126, 85, 138, 0.3);
    background: rgba(148, 120, 156, 0.14);
    color: #7e558a;
    text-align: center;
    font-family: Outfit;
    font-size: 7.901px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 10.113px */
    letter-spacing: 0.474px;
    text-transform: uppercase;
  }

  .section-9-text-envelope {
    color: #4f5561;
    text-align: center;
    font-family: Outfit;
    font-size: 8.691px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 11.298px */
    letter-spacing: -0.087px;
    max-width: 170px !important;
    opacity: 0.8;
  }

  .section-9-envelope-container {
    width: 100% !important;
    min-height: unset !important;
  }

  .section-9-envelope-container > div {
    top: 32% !important;
    left: -2% !important;
  }

  .section-9-button {
    width: 119px !important;
    height: 38px !important;
    padding: 0 !important;
  }

  .section-9-bird {
    scale: 0.6 !important;
    right: -40px !important;
    top: 50px !important;
  }

  .section-9-cloud {
    bottom: -10vh !important;
    top: unset !important;
    left: -20% !important;
  }

  /* ======================================== */
  /* Modals                                   */
  /* ======================================== */

  .festive-modal {
    flex-direction: column !important;
    max-width: 78vw !important;
    height: fit-content !important;
    justify-content: flex-start !important;
  }

  .festive-modal-step1-container {
    padding: 28px 30px !important;
  }

  .festive-modal-step2-container {
    padding: 10px 20px !important;
    align-items: center !important;
  }

  .festive-modal-step2-container h4 {
    width: 100% !important;
    font-size: 24px !important;
    line-height: 112% !important;
    letter-spacing: -0.48px !important;
    margin-bottom: 0px !important;
  }

  .festive-modal-step2-text-block h5 {
    font-size: 16px !important;
  }

  .festive-modal-step2-container button {
    margin: 24px 0 !important;
  }

  .festive-modal-island {
    bottom: -18% !important;
    right: -18% !important;
  }

  .festive-modal-close-btn {
    top: 3% !important;
    right: 3% !important;
  }

  .festive-modal-close-btn path {
    stroke: #e6e6e6 !important;
  }
}

@media screen and (max-width: 450px) {
  .festive-modal-island {
    bottom: -20% !important;
    right: -10% !important;
  }

  .festive-modal-close-btn {
    right: 5% !important;
  }

  .festive-modal-step1-container {
    padding: 23px !important;
  }

  .festive-modal-step1-text-block h3 {
    font-size: 25px !important;
  }
  .festive-modal-step1-text-block h3 em {
    font-size: 30px !important;
  }

  .festive-modal-step1-text-block p {
    font-size: 14px !important;
  }

  .festive-modal-step1-container .festive-modal-step1-inputs {
    gap: 6px !important;
  }

  .festive-modal-step1-inputs input {
    padding: 9px 12px;
    font-size: 12px !important;
  }

  .festive-modal-step2-container {
    padding: 20px !important;
  }

  .festive-modal-step2-container button {
    font-size: 11px !important;
    margin-top: 3px !important;
    margin-bottom: 20px !important;
  }

  .festive-modal-step2-container h4 {
    font-size: 18px !important;
    letter-spacing: -0.36px !important;
  }

  .festive-modal-step2-item {
    padding-right: 12px !important;
  }

  .festive-modal-step2-item > img:first-of-type {
    width: 50px !important;
    height: 50px !important;
  }

  .festive-modal-step2-item > img:nth-of-type(2) {
    width: 20px !important;
    height: 20px !important;
  }

  .festive-modal .festive-modal-step2-text-block {
    padding: 9px 0px 9px 12px;
  }

  .festive-modal-step2-text-block h5 {
    font-size: 12px !important;
    letter-spacing: -0.132px !important;
  }
}

@media screen and (max-width: 380px) and (max-height: 745px) {
  .section-3-slider-trigger:first-of-type {
    right: 0% !important;
  }

  .section-3-slider-trigger:nth-of-type(2) {
    left: 16% !important;
  }

  .section-3-slider-trigger:nth-of-type(3) {
    left: 3% !important;
  }

  .section-1-model {
    bottom: 0px !important;
  }

  .section-5-slider-trigger:first-of-type {
    top: 40% !important;
  }

  .section-5-slider-trigger:nth-of-type(2) {
    top: 73% !important;
  }

  .section-5-slider-trigger:nth-of-type(3) {
    top: 36% !important;
  }
}

@media screen and (max-width: 450px) and (max-height: 745px) {
  .section-5-container {
    height: 100vh !important;
  }
}

@media screen and (max-width: 450px) and (max-height: 668px) {
  .section-3-container {
    height: 110vh !important;
  }

  .section-3-product-container > div:first-of-type {
    top: -20% !important;
  }
}

@media screen and (max-width: 450px) and (min-height: 600px) and (max-height: 800px) {
  .section-3-product-container > div:first-of-type {
    top: -13vh !important;
  }

  .splide-section-3 {
    bottom: 10% !important;
  }
}

@media screen and (max-width: 450px) and (min-height: 800px) and (max-height: 1100px) {
  .section-3-product-container > div:first-of-type {
    top: -5vh !important;
  }

  .splide-section-3 {
    bottom: 10% !important;
  }
}

/* Pixel 3 */

@media screen and (min-width: 390px) and (max-width: 393px) and (min-height: 780px) and (max-height: 786px) {
  .section-5-bottom {
    top: 55vh !important;
  }

  .section-5-product-1 {
    top: 19% !important;
    max-width: 393px !important;
  }
}

/* Pixel 4 */

@media screen and (min-width: 350px) and (max-width: 360px) and (min-height: 740px) and (max-height: 745px) {
  .section-5-bottom {
    top: 45vh !important;
  }

  .section-5-lotus {
    bottom: 5% !important;
  }
}

/* iPhone XR */

@media screen and (min-width: 389px) and (max-width: 450px) and (min-height: 825px) and (max-height: 933px) {
  .section-3-castle {
    left: -35% !important;
    bottom: 0% !important;
  }

  .section-5-container {
    height: 90vh !important;
  }

  .section-5-product-1 {
    top: 20% !important;
    max-width: 100% !important;
  }

  .section-6-container > img {
    top: -55vh !important;
    left: -310vw !important ;
  }
}

/* Very small mobiles */
@media screen and (max-width: 414px) and (max-height: 680px) {
  .section-3-product {
    scale: 0.8 !important;
  }

  .section-5-product-container {
    scale: 0.8 !important;
  }
  .section-5-lotus {
    scale: 0.75 !important;
  }
}