:root {
  --primary-color: #000000;
  --secondary-color2: #de711e;
  --secondary-color3: #52504e;
  --secondary-color4: #f4eadb;
  --secondary-color5: #163e74;
  --bs-white: #fff;
  --bodyFont: "Work Sans", sans-serif;
  --headingFont: "elyarisregular", sans-serif;
}

@font-face {
  font-family: "elyarisregular";
  src:
    url("../font/elyaris-vgbgb-webfont.woff") format("woff2"),
    url("../font/elyaris-vgbgb-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.relative,
body,
html {
  position: relative;
}

body,
ul {
  margin: 0;
  padding: 0;
}

html {
  max-width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-weight: normal;
  line-height: 1.4 !important;
  font-size: 18px;
  font-weight: 400;
  font-weight: normal;
  font-family: var(--bodyFont);
  color: var(--primary-color);
  background: #fff;
  position: relative;
  z-index: 0;
  /* overflow-y: hidden;
  overflow-x: hidden; */
  min-height: 100%;
}

html {
  height: 100%;
}

ul {
  list-style: none;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-family: var(--headingFont);
}

h1 {
  font-size: 102px;
  font-weight: 400;
  line-height: 110px;
}

.title {
  font-size: 72px;
  font-weight: 400;
  line-height: 68px;
}

.btn-transparent {
  background: transparent;
  color: var(--secondary-color2);
  border: 2px solid #d97824;
  border-radius: 0;
  padding: 13px 30px;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
  border: solid #de711e;
  border-width: 2px 1px 1px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-transparent:hover,
.btn-transparent:focus-visible {
  background: #de711e;
  color: #fff;
  border-color: #de711e;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 28px;
}

h6 {
  font-size: 20px;
}

.p-v-75 {
  padding: 75px 0;
}

.stellarnav {
  height: 100%;
  max-height: 67px;
}

.stellarnav ul {
  padding: 23px 22px;
  padding-left: 36px;
  padding-right: 40px;
  /*  font-size: 14px; */
  max-width: 803px;
  /* margin-left: 80px; */
  margin-inline: auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  border: 1px solid #ece1d9;
  /* box-shadow: 0px 4px 14.2px 0px #4E3A281F; */
}

header {
  padding: 50px 0;
  background: #f4eadb;

  &.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
    background: #f4eadb;
    padding: 15px 0;

    .stellarnav ul {
      padding: 10px 22px;

      li>a {
        padding: 0px 15px;
        font-size: 16px;
      }
    }

    .right_btn {
      max-width: 120px;
      height: 35px;

      a {
        font-size: 18px;
        gap: 8px;

        span {
          width: 20px;
          height: 20px;
        }
      }
    }

    .logo {
      width: 110px;
    }
  }
}

.stellarnav>ul>li>a {
  padding: 0px 21px;
  font-size: 18px;
  color: #000000;
  line-height: 1;
  font-family: var(--bodyFont);

  &:hover {
    color: var(--secondary-color2);
  }
}

/* The item matching the page being viewed reads the same as the hover state. */
.stellarnav>ul>li.current-menu-item>a,
.stellarnav>ul>li.current-menu-parent>a,
.stellarnav>ul>li.current-menu-ancestor>a,
.stellarnav>ul>li.current_page_item>a,
.stellarnav>ul>li.current_page_parent>a,
.stellarnav>ul>li.current_page_ancestor>a {
  color: var(--secondary-color2);
  font-weight: 600;
}

.stellarnav ul ul.menu_child li.current-menu-item>a,
.stellarnav ul ul.menu_child li.current-menu-ancestor>a,
.stellarnav ul ul.menu_child li.current_page_item>a {
  color: var(--secondary-color2);
  font-weight: 600;
}

.stellarnav>ul:nth-child(2) li>a {
  padding-left: 0px;
}

.stellarnav>ul:last-child li>a {
  padding-right: 0px;
}

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

.logo {
  width: 192px;

  img {
    max-width: 191px;
  }
}

.right_btn {
  width: 100%;
  max-width: 142px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;

  a {
    color: var(--secondary-color2);
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;

    span {
      width: 30px;
      height: 30px;

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

/* Footer */
.site-footer {
  position: relative;
  z-index: 2;
  overflow-x: clip;
  color: #f8e9df;
  background: #f7e8d7;
  font-family: var(--bodyFont);
  /* Enough room for the fire graphic that overhangs the dark box by 39px. */
  padding-top: 60px;
  overflow: hidden;

  .darkbox {
    background: #24160a;
    justify-content: center;
    padding-top: 27px;
    margin-bottom: 1px;
    z-index: 1;
    position: relative;

    &::before {
      position: absolute;
      content: "";
      left: -100px;
      bottom: -27px;
      background: url("../img/footer-flower.png") no-repeat;
      width: 234px;
      height: 230px;
      z-index: -1;
    }

    &::after {
      position: absolute;
      content: "";
      right: -57px;
      top: -39px;
      background: url("../img/yellow-fire.png") no-repeat;
      width: 201px;
      height: 246px;
      z-index: 1;
    }
  }
}

.footer-logo-col {
  width: 220px;
}

.footer-links-col {
  width: 206px;
}

.footer-services-col {
  width: 260px;
}

.footer-contact-col {
  width: 410px;
}

.footer-logo {
  width: 180px;
  margin: 0 0 33px;
  padding-bottom: 17px;
  position: relative;

  &::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 156px;
    height: 1px;
    background: #f3ece580;
  }
}

.footer-logo img {
  display: block;
  width: 100%;
}

.footer-title {
  margin: 0 0 12px;
  color: #fff0e7;
  font-size: 28px;
  font-weight: 400;
}

.footer-links li+li {
  margin-top: 4px;
}

.footer-links a,
.footer-contact,
.footer-contact a {
  color: #fbf5ee;
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
}

.footer-links a:hover,
.footer-contact a:hover {
  color: #ff9d3e;
}

.footer-contact p+p {
  margin-top: 6px;
}

.footer-contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-contact-list li+li {
  margin-top: 6px;
}

.footer-contact span {
  color: #fff4ec;
}

.footer-title--newsletter {
  margin-top: 15px;
}

.footer-socials {
  margin: 0;
  padding: 0;
  gap: 16px;
}

.footer-socials a {
  display: grid;
  width: 55.55px;
  height: 55.55px;
  place-items: center;
  border: 0.42px solid #ffffff;
  border-radius: 50%;
  color: #fff;
  transition: 0.2s ease;
}

.footer-socials a:hover {
  color: #ff941f;
  border-color: #ff941f;
}

.footer-socials svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.footer-socials rect,
.footer-socials circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.footer-socials .footer-social-dot {
  fill: currentColor;
  stroke: none;
}

.footer-form {
  width: 100%;
  max-width: 309px;
  margin-top: 6px;
}

.footer-form input,
.footer-form button {
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 0;
  font-size: 16px;
}

.footer-form input {
  padding: 0 27px;
  color: #838383;
  background: #f3ece5;
  outline: none;
}

.footer-form button {
  margin-top: 14px;
  color: #fff;
  cursor: pointer;
  background: var(--secondary-color2);
  text-transform: uppercase;
  border: solid #6b3a18;
  border-width: 2px 1px 1px 2px;
  transition: 0.3s ease;
}

.footer-form button:hover,
.footer-form button:focus-visible {
  background: transparent;
  color: var(--secondary-color2);
  border-color: var(--secondary-color2);
}

.footer-bottom {
  margin-top: 18px;
  color: #c2b9b0;
  font-size: 15px;
  line-height: 38px;
  text-align: center;
  width: 100%;
  height: 38px;
}

.footer-brand {
  color: #fff0e7;
  transition: color 0.3s ease;
}

.footer-brand:hover,
.footer-brand:focus-visible {
  color: #ff9d3e;
}

/* CTA Section */

.cta-section {
  background: #fff;
  overflow: hidden;
  padding: 116px 0 130px;
}

.cta_span {
  position: relative;
  font-size: 128px;
  line-height: 80px;
  color: var(--secondary-color2);

  &::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 31px;
    height: 45px;
    background: url("../img/cta-vision-img.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    top: 58%;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 50%;
  }
}

.cta-box {
  background: #fbf5ee;
  padding: 33px 60px 34px 292px;
  position: relative;
  /* overflow: hidden; */
  margin-top: 56px;
  margin-bottom: 31px;
  z-index: 1;

  &::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbf5ee;
    z-index: -1;
  }

  p {
    font-size: 24px;
    line-height: 42px;
    color: var(--secondary-color3);
  }

  .fire {
    position: absolute;
    left: 50px;
    top: -41px;
    width: 202px;
    height: 256px;
    z-index: -1;
  }
}

.cta-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  flex-wrap: wrap;
}

.industry-slider-sec {
  background: #24160a;
  position: relative;
  overflow: hidden;
  padding: 165px 0 65px;

  .title {
    color: #fbf5ee;
  }

  .industry-flower {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.industry-desc {
  color: #fbf5ee;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
  margin: 11px auto 62px;
}

.industrySlider {
  overflow: visible;
  margin-top: 11px;
}

.industry-card {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0 16px;
  transition: all 0.8s ease;
  position: relative;
  text-align: center;

  &::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 45px);
    background: #fbf5ee;
    z-index: -1;
  }
}

.swiper-slide-active .industry-card {
  &::after {
    height: calc(100% - 51px);
    border-bottom: 2px solid #de711e;
    border-left: 2px solid #de711e;
    box-shadow: 0px 4px 27.3px rgba(228, 218, 202, 0.4);
  }
}

.industry-card img {
  width: 100%;
  height: 303px;
  object-fit: cover;
}

.industry-content {
  padding: 20px 12px 18px;
}

.industry-content h4 {
  color: #0d0803;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 4px;
}

.industry-content p {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #52504e;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}

/* .swiper-slide-active .industry-content p {
  display: block;
} */
/* .industry-slider-sec .swiper-wrapper .swiper-slide{
    min-height: 401px;
    transition: 0.6s;
 } */
.industry-slider-sec .swiper-wrapper .industry-card {}

.industry-slider-sec .swiper-wrapper .industry-card:hover p {
  max-height: 200px;
  opacity: 1;
}

.industry-content .read-more {
  display: inline-block;
  margin-top: 14px;
  color: #de711e;
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
}

.industry-nav {
  margin-top: 37px;
  display: flex;
  justify-content: center;
  gap: 16px;

  img {
    width: 33px;
  }
}

.theme-btn {

  line-height: 22px;
}

.industry-prev,
.industry-next {
  width: 72px;
  height: 72px;
  border: 0.91px solid #ee8c13;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #de711e;
  cursor: pointer;
  transition: 0.3s;
}

.industry-next {
  img {
    transform: rotate(180deg);
  }
}

.industry-prev:hover,
.industry-next:hover {
  background: #de711e;

  img {
    filter: sepia(46);
  }
}

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

/* =============================
       GALLERY SECTION
    ============================= */
.gallery-section {
  padding: 48px 16px;
  position: relative;
}

.gallery-section .stickyHeading.is-fixed {
  position: fixed;
  top: 120px;
  left: 0;
  right: 0;
  z-index: 0;
}

.gallery-section .stickyHeading.is-bottom {
  position: absolute;
  /* Parks so the handoff from is-fixed (top:120px) is seamless at the moment
     the next section's top is 200px from the viewport top:
     section bottom - (scrollTop + 120) = 200 - 120 = 80px above the bottom. */
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 0;
}

/* Zigzag Gallery */
.gallery-zigzag-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1320px;
  margin: 0 auto;
  /* padding: 40px 0; */
  position: relative;
}

.gallery-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gallery-column.offset-down {
  margin-top: 80px;
}

.gallery-column.offset-up {
  margin-top: -40px;
  position: relative;
  left: -40px;
}

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

.gallery-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  display: block;
}

.style-1.gallery-item {
  height: 419px;
  /* width: 428px; */
  width: 400px;
  object-fit: cover;
  position: relative;
}

.mt-109 {
  margin-top: 109px;
}

.m-151 {
  margin-top: 151px;
  margin-bottom: 158px;
}

.m-101 {
  margin: 101px 0;
}

.mt-53 {
  margin-top: 53px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-183 {
  margin-top: 183px;
}

.style-2.gallery-item {
  height: 308px;
  width: 366px;
  object-fit: cover;
  position: relative;
  right: 0;
}

.style-3.gallery-item {
  height: 439px;
  /* width: 416px; */
  width: 380px;
}

.style-4.gallery-item {
  height: 327px;
  width: 326px;
  margin-left: auto;
}

.style-5.gallery-item {
  height: 428px;
  /* width: 411px; */
  width: 380px;
}

.style-6.gallery-item {
  height: 436px;
  width: 359px;
}

.style-7.gallery-item {
  height: 565px;
  width: 380px;
}

/*
.style-8.gallery-item {
  height: 225px;
  width: 328px;
} */

.creative-services {
  background: #231307;
  padding: 90px 0;
  overflow: hidden;

  .title {
    color: #fbf5ee;
  }
}

.top-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 60px;

  .button {
    margin-top: 22px;
    border-color: #fff;
  }
}

.top-content .left {
  max-width: 996px;
}

.title {
  margin-bottom: 18px;
}

.top-content p {
  color: #f4eadb;
  font-size: 22px;
  line-height: 42px;
  max-width: 996px;
}

.service-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #bf6d22;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
  margin-top: 22px;
}

.creative-slider {
  overflow: visible;
  position: relative;
}

/* .swiper-slide {
  width: 220px;
  transition: 0.4s;
} */

.service-card .image {
  overflow: hidden;
  background: #fff;
  transition: 0.4s;
}

.service-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-card h4 {
  color: #fff;
  font-family: var(--bodyFont);
  font-size: 22px;
  font-weight: 300;
  margin-top: 26px;
  transition: 0.4s;
}

.creative-slider .swiper-slide .service-card {
  max-width: 265px;
  width: 100%;

  .image {
    height: 308px;
  }
}

/* The enlarged 3rd card must not change the slide's width — Swiper sizes and
   positions slides from an equal inline width, so a wider slide shifts the
   following ones and clips the 4th at the container edge. Scale the inner
   .image instead. */
.creative-slider .creative-active {
  /* width: auto !important; */
}

.creative-slider .swiper-wrapper {
  padding-top: 80px;
}

.creative-slider .creative-active {
  margin-top: -50px;
}

.creative-slider .swiper-slide-active.swiper-slide {
  margin-top: -60px;
}

.creative-slider .swiper-slide-active.swiper-slide .service-card {
  max-width: 100%;
  width: 100%;
}

.creative-slider .swiper-slide-active.swiper-slide .image {
  height: 252px !important;
  /* border: #fff 5px solid; */
}

.creative-slider .creative-active .image {
  height: 450px !important;
  border: #fff 5px solid;

  &::before {
    display: none;
  }
}

.creative-services .swiper-slide.creative-active .service-card .image {
  box-shadow: 0px 5.35px 32px 0px #ffffff75;
}

.creative-slider .creative-active .service-card {
  max-width: 100%;
  width: 100%;
}

.creative-slider .creative-active h4 {
  font-size: 25px;
  font-weight: 500;
  margin-top: 20px;
}

.creative-slider .slider-navigation {
  img {
    width: 33px;
  }
}
@media (max-width: 1366px){
.creative-slider .slider-navigation {
  img {
    width: 20px;
  }
}
}


.creative-slider.swiper .swiper-wrapper {
  min-height: 504px;
}

/*
 * Every card title reserves three lines, whether it needs them or not.
 *
 * This is the one place this slider departs from the static design, and it is
 * there because the content differs, not the styling. The design's service
 * names are two words and fit on one line, so all its cards are the same
 * height and the row never changes size. The real titles are sentences that
 * wrap to one, two or three lines, which left the cards uneven, moved the
 * longest ones down into the arrows, and resized the whole row whenever the
 * arrows moved the enlarged card to a title of a different length.
 *
 * Reserving the same block on every card restores the design's even row
 * without shortening or truncating anything. In em, so it follows the larger
 * type on the enlarged card without a second value to keep in step: 4.2 is
 * three lines of the inherited 1.4 line height.
 */
.creative-slider .service-card h4 {
  min-height: 4.2em;
}

.creative-services .swiper-slide-active.swiper-slide .service-card {
  max-width: 252px;
  width: 100%;
}

#gallery .title {
  margin-bottom: 95px;
}

.creative-slider .slider-navigation {
  display: flex;
  justify-content: flex-end;
  gap: 27px;
  margin-top: 20px;
  width: 175px;
  height: 73px;
  margin-left: auto;
}

.creative-slider .slider-navigation .swiper-button-next,
.creative-slider .slider-navigation .swiper-button-prev {
  position: static;
}

.swiper-button-next {
  img {
    transform: rotate(180deg);
  }
}

.creative-slider .image {
  position: relative;

  &::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 43%);
    top: 0;
    content: "";
  }
}

.service-prev,
.service-next {
  position: static;
  width: 72.42px;
  height: 72.42px !important;
  flex: 0 0 72.42px;
  border: 0.91px solid #ee8c13;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b3742f;
  font-size: 18px;
  cursor: pointer;
  margin: 0;
  transition: 0.3s;
}

.service-prev::after,
.service-next::after {
  display: none;
}

.service-prev:hover,
.service-next:hover {
  background: #b3742f;
  color: #fff;
}

/* .hero-slider .slick-prev:before,
.hero-slider .slick-next:before {
    content: "";
} */

.testimonial-section {
  padding: 90px 0 20px;
  overflow: hidden;

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


/* 
.testimonialSwiper {
    width: 100%;
    padding: 50px 0;
    margin-top: 48px;
}

.testimonialSwiper .swiper-slide {
    width: 500px;
    height: 319px;
    transition: .45s;
    transform: scale(.82);
    opacity: .35;
}

.testimonialSwiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
}

.testimonialSwiper .swiper-slide-prev,
.testimonialSwiper .swiper-slide-next {
    opacity: .55;
    transform: scale(.9);
}

.testimonial-card {
    position: relative;
    background: #FDF6F1;
    height: 245px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quote-bg {
    position: absolute;
    left: 35px;
    top: 18px;
    font-size: 180px;
    color: #F3DCCB;
    font-family: serif;
    line-height: 1;
}

.testimonial-content {
    margin-left: auto;
    width: 515px;
    background: #DE711E;
    color: #fff;
    padding: 18px;
    z-index: 2;
    padding-left: 38px;
    padding-right: 62px;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

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

.client-info img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.client-info h5 {
    color: #FBF5EE;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
}

.divider {
    width: 212px;
    height: 2.5px;
    background: #F3ECE5;
    content: "";
    left: 38px;
    top: 167px;
    position: absolute;
} */

.testimonial-content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.9;
  color: #fbf5ee;
}

.desc {
  font-size: 24px;
  line-height: 42px;
  color: #52504e;
}

.rating {
  position: absolute;
  left: 45px;
  bottom: 24px;
  color: #d96d14;
  font-size: 18px;
  letter-spacing: 3px;
}

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

.testimonialSwiper .swiper-pagination-bullet {
  width: 22px;
  height: 3px;
  border-radius: 50px;
  background: #d7b9a2;
  opacity: 1;
}

.testimonialSwiper .swiper-pagination-bullet-active {
  width: 54px;
  background: #d96d14;
}

.rating {
  position: relative;
  left: auto;
  bottom: 0;
  margin-top: auto;
  display: flex;
  gap: 8px;

  img {
    width: 23px;
    height: 23px;
  }
}

.testimonialSwiper .swiper-wrapper {
  padding-block: 3rem;
}

/* .testimonialSwiper .swiper-slide.swiper-slide-active {
    width: 850px;
    z-index: 9;
    opacity: 1;
    min-height: 471px;
    height: 471px;

    .testimonial-card {
        min-height: 471px;
        background: #FBF5EE;
        width: 850px;
        padding-block: 50px;
        padding-left: 45px;
        padding-right: 59px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .testimonial-content {
            min-height: 371px;
        }
    }
} */

/* .testimonialSwiper .swiper-slide.swiper-slide-active {
    opacity: .5;
    z-index: 1;
} */

.testimonial-section .swiper-pagination-bullet,
.printingSlider .swiper-pagination-bullet {
  width: 36px;
  background: #d2c3b9;
  border: 4px solid #d2c3b9;
  border-radius: 10px;

  &.swiper-pagination-bullet-active {
    width: 114px;
    background: #de711e;
    border-color: #de711e;
  }
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.hero_home {
  background: #f4eadb;
  padding-top: 30px !important;
  margin-top: -1px;

  /*
   * The copy column sits next to the taller image column in a centred row, so
   * it was pushed down by half the height difference and opened a wide gap
   * under the divider. Pinning it to the top closes that gap; the spare height
   * falls below the feature list where the flower artwork already sits.
   */
  .row>.col-lg-12+.col-md-6 {
    align-self: flex-start;
  }

  .hero-divider {
    max-width: 770px;
  }

  .hero_flower {
    position: absolute;
    bottom: 0;
    left: 459px;
  }

  .hero_btn {
    display: flex;
    gap: 24px;
    margin-top: 62px;
    margin-bottom: 105px;
  }

  h4 {
    color: #6e2e04;
    font-size: 40px;
    line-height: 28px;
    margin-bottom: 28px;
  }

  p {
    color: #52504e;
    font-size: 18px;
    line-height: 28px;
  }

  .wrap {
    position: relative;
    padding-left: 14px;

    .vertical-line {
      width: 1px;
      background: #6e2d03;
      height: 100%;
      margin-right: 28px;
      position: absolute;
      left: 0;
      top: 0;

      &::before {
        content: "";
        position: absolute;
        top: 14px;
        left: 0;
        width: 3px;
        height: 70%;
        background: #6e2d03;
      }
    }

    ul {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 16px 0;
    }

    li {
      font-size: 18px;
      line-height: 28px;
      color: #52504e;

      &::first-letter {
        font-size: 20px;
      }

      img {
        width: 17px;
        object-fit: contain;
        display: inline-block;
      }
    }
  }
}


.button {
  color: #fff;
  cursor: pointer;
  background: var(--secondary-color2);
  text-transform: uppercase;
  border: solid #6b3a18;
  border-width: 2px 1px 1px 2px;
  font-size: 18px;
  padding: 18.68px 34.5px;
}

.about-section.hero_about {
  .hero-divider {
    max-width: 680px;
  }

  .about_fire {
    position: absolute;
    height: 295px;
    width: 157px;
    top: -54px;
    right: 14px;
    z-index: 3;
    transform: rotate(7deg);
    border: 0;
  }

  /* .about-section.secGap.hero_about .image-area .about_fire img{
  border: none !important;
} */
  .bg-box {
    height: 526px;
    background: #fbf5ee;
    bottom: -62px;
  }

  .image-frame {
    position: relative;
    background: #fff;
    padding: 20px;
    /* box-shadow: 0 3px 38px 0px #b5751c33; */
    z-index: 2;
    max-width: 438px;
    margin: 0 auto;
    box-shadow: 0 3px 38px 0px #b5751c33;

    img {
      max-width: 397px;
      height: 485px;
      border: 11px solid #fff;
      box-shadow: 0 3px 38px 0px #b5751c33;
    }
  }
}

.event-printing-section {
  background: #fff;
  /* overflow: hidden; */
}

.event-desc {
  max-width: 830px;
  color: #52504e;
  font-size: 22px;
  line-height: 42px;
  margin-top: 17px;
}

.event-printing-wrapper {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  min-height: 450px;
}

.event-item img {
  height: 100%;
  display: block;
  width: 100%;
  object-fit: contain;
}

.standee-big {
  width: 100%;
  max-width: 239px;
  min-height: 690px;
  z-index: 3;
  margin-right: 50px;
}

.standee-small {
  width: 100%;
  max-width: 192px;
  min-height: 524px;
  z-index: 3;
  margin-right: auto;
  margin-bottom: 79px;
  transform: translateY(-10px);
  margin-top: auto;
}

.printer {
  width: 100%;
  max-width: 624px;
  height: 367px;
  z-index: 2;
}

/* .about-section.secGap.hero_about .image-area .about_fire img {
  border: 11px solid #FFFFFF;
} */
.about-section.hero_about .content p,
.event-desc,
.printing-desc,
.creative-services .top-content p,
.industry-desc,
.testimonial-section .desc,
.cta-box p {
  /* max-width:901px; */
  margin: 0 auto;
}

.shape-bg {
  position: absolute;
  width: 100%;
  max-width: 978px;
  height: 472px;
  /* background: linear-gradient(249.22deg, #F4EADB 36.24%, #FFFFFF 77.52%); */
  /* clip-path: polygon(29% 17%, 79% 10%, 23% 100%, 0 64%); */
  /* clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); */
  /* clip-path: polygon(48% 30%, 90% 40%, 58% 101%, 5% 91%); */
  /* clip-path: polygon(81% 20%, 100% 30%, 0 100%, 3% 48%); */
  clip-path: polygon(61% 25%, 100% 35%, 25% 100%, 0 65%);
  background: linear-gradient(187deg, #f4eadb 40.24%, #ffffff 79.52%);
  right: 128px;
  bottom: 76px;
  z-index: 1;
  opacity: 0.9;
}

.event_flower {
  position: absolute;
  width: 360px;
  height: 340px;
  left: 49%;
  transform: translateX(-64%);
  z-index: 1;
  top: 14%;
}

.quote-btn {
  position: absolute;
  right: 40px;
  bottom: 15%;
  z-index: 5;
}

/* Existing button class */
/* .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
} */

/* Responsive */

.printing-slider-section {
  padding: 50px 0 140px;
}

.event-printing-section .event-printing-wrapper .event-item.standee-big {
  position: relative;
}

.event-printing-section .event-printing-wrapper .event-item.standee-big::after {
  position: absolute;
  content: "";
  -webkit-box-shadow: 0px 0px 185px 78px #3E1F0B;
  -moz-box-shadow: 0px 0px 185px 78px #3E1F0B;
  box-shadow: -7px 0px 67px 92px #3E1F0B;
  top: 67%;
  bottom: 0;
  left: 132px;
  right: 0;
  z-index: -1;
  height: 0px;
  width: 0px;
}

.event-printing-section .event-printing-wrapper .event-item.standee-small {
  position: relative;
}

.industry-slider-sec .swiper-slide {
  min-height: 506px;
}

.event-printing-section .event-printing-wrapper .event-item.standee-small::after {
  position: absolute;
  content: "";
  -webkit-box-shadow: 0px 0px 185px 78px #3E1F0B;
  -moz-box-shadow: 0px 0px 185px 78px #3E1F0B;
  box-shadow: 2px 0px 83px 53px #3E1F0B;
  top: 73%;
  bottom: 0;
  left: 96px;
  right: 0;
  z-index: -1;
  height: 0px;
  width: 0px;
}

.printing-desc {
  max-width: 794px;
  margin: 17px auto 20px;
  color: #52504e;
  line-height: 42px;
  font-size: 22px;
}

.creative-slider .swiper-slide .service-card,
.creative-slider .creative-active .service-card,
.creative-services .swiper-slide-active.swiper-slide .service-card,
.creative-slider .swiper-slide-active.swiper-slide .service-card {

  min-height: 457px;
}

.printingSlider {
  padding-bottom: 80px !important;

  .swiper-wrapper {
    padding-top: 55px;
  }
}

.printingSlider .swiper-slide.swiper-slide-active,
.printingSlider .swiper-slide.last-visible {
  margin-top: -52px;
}

.printing-card {
  position: relative;
  text-align: center;
  padding-left: 15px;
  padding-top: 19px;

  .vertical-line {
    width: 1px;
    background: #6e2d03;
    height: 100%;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 0;

    &::before {
      content: "";
      position: absolute;
      top: 14px;
      left: 0;
      width: 3px;
      height: 70%;
      background: #6e2d03;
    }
  }
}

/* .printing-card::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 0;
    width: 1px;
    height: 160px;
    background: #c58b5b;
} */

/* .printing-slider-section .swiper-slide:last-child .printing-card::after {
  display: none;
} */

.printing-image {
  height: 210px;
  overflow: hidden;
}

.printing-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.printing-card:hover img {
  transform: scale(1.08);
}

.printing-card h5 {
  margin-top: 23px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #52504e;
  font-family: var(--bodyFont);
}

/* .printingSlider .swiper-pagination {
  bottom: 0;
}

.printingSlider .swiper-pagination-bullet {
  width: 36px;
  height: 5px;
  border-radius: 30px;
  background: #d2c3b9;
  opacity: 1;
  margin-inline: 10px !important;
}

.printingSlider .swiper-pagination-bullet-active {
  background: #de711e;
  width: 114px;
} */

.circle-gallery {
  width: 629px;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.circle-wrapper {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  display: flex;
  align-items: center;
}

/* LEFT BIG CIRCLE */

.big-circle {
  position: relative;
  width: 100%;
  max-width: 439px;
  height: 439px;
  margin-right: auto;
  border-radius: 50%;
  overflow: hidden;
  z-index: 3;
  border: 2px solid #ffffff;
}

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

/* RIGHT CIRCLE */

.small-circle {
  position: absolute;
  width: 626px;
  height: 600px;
  right: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden;
  transform: rotate(24deg);
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  -o-transform: rotate(24deg);
  border: 1px solid #ffffff;
  box-shadow: 0px 8px 89px -44px #fdfdfd;
}

/* PIECES */

.slice {
  position: absolute;
  width: 50%;
  height: 50%;
  overflow: hidden;
  border: 1px solid #ffffff;
  background: #fff;
}

.slice img {
  position: absolute;
  width: 127%;
  height: 120%;
  object-fit: cover;
  border: 2px solid #ffffff;
}

/* top left */

.top-left {
  left: 0;
  top: 0;
  clip-path: polygon(22% -124%, 160% 100%, 0% 100%);
  /* width: 45%; */
}

.top-left img {
  left: 0;
  top: 0;
}

/* top right */

.top-right {
  right: 0;
  top: -0;
  clip-path: polygon(0% -124%, 160% 100%, 0% 100%);
}

.top-right img {
  right: 0;
  top: 0;
}

/* bottom right */

.bottom-right {
  right: 0;
  bottom: 0;
  clip-path: polygon(16% -156%, 159% 100%, -1% 624%);
  width: 41%;
}

.bottom-right img {
  right: 0;
  bottom: 0;
}

/* bottom left */

.bottom-left {
  left: 0;
  bottom: 0;
  clip-path: polygon(0% -124%, 160% 100%, 0% 100%);
  width: 64%;
}

.bottom-left img {
  left: 0;
  bottom: 0;
}

/* White separators */

/* .small-circle::before{

    content:"";
    position:absolute;
    width:8px;
    height:100%;
    background:#fff;
    left:50%;
    transform:translateX(-50%);
    z-index:10;

}

.small-circle::after{

    content:"";
    position:absolute;
    width:100%;
    height:8px;
    background:#fff;
    top:50%;
    transform:translateY(-50%);
    z-index:10;

} */

/* Diagonal separator */

.small-circle span {
  display: none;
}

/* Responsive */

.testiSlider {
  .swiper-outer {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .swiper {
    width: 100%;
    overflow: visible;
  }

  .swiper-slide {
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
  }

  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-prev {
    opacity: 0.5;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-wrapper {
    align-items: center;
    padding: 30px 0;
  }

  /* ---- Card (cream backdrop) ---- */
  .testimonial-card {
    position: relative;
    background: #fdf6f1;
    min-height: 330px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 40px;
    padding-left: 308px;
  }

  .swiper-slide-active .testimonial-card {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
  }

  .quote-bg {
    position: absolute;
    left: 45px;
    top: 54px;
    line-height: 1;
    z-index: 1;

    img {
      width: auto;
      height: 92px;
    }
  }

  /* ---- Orange inner panel ---- */
  .testimonial-content {
    background: #de711e;
    color: #fff;
    max-width: 515px;
    flex: 0 0 515px;
    width: 100%;
    min-height: 250px;
    padding: 34px 38px 38px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: relative;
  }

  .client-info {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .client-info img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
  }

  .client-info h5 {
    color: #fff;
    font-family: var(--bodyFont);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
  }

  .divider {
    width: 160px;
    height: 2px;
    background: rgba(255, 255, 255, 0.55);
    border: 0;
    margin-top: 50px;
  }

  .testimonial-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
  }

  .desc {
    font-size: 24px;
    line-height: 42px;
    color: #52504e;
  }

  /* ---- Rating on the cream card, bottom-left ---- */
  .rating {
    position: absolute;
    left: 45px;
    bottom: 40px;
    display: flex;
    gap: 4px;
    z-index: 2;

    img {
      width: 18px;
      height: 18px;
    }
  }

  /* ---- Active slide ---- */
  .swiper-slide.swiper-slide-active {
    z-index: 9;
    opacity: 1;
    transform: scale(1);
  }

  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right {
    background-image: none;
  }
}

.swiper-outer {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

.service-prev:hover,
.service-next:hover {
  img {
    filter: sepia(46);
  }
}

.stellarnav ul ul.menu_child {
  box-shadow: 0px 4px 20.7px 0px rgba(0, 0, 0, 0.12);
  background: linear-gradient(90deg, #fff9f0 0%, #ffffff 100%);
  padding: 16px 15px 19px 14px;
  height: 299px;
  width: 270px;
  overflow-y: scroll;

  li {
    a {
      color: #000;
      font-size: 16px;
      line-height: 24px;
      font-family: var(--bodyFont);
      border-bottom: 1px solid #ece1d9;
      padding: 12px 0;
    }

    &:last-child {
      a {
        border: none;
      }
    }
  }
}

.stellarnav ul ul.menu_child::-webkit-scrollbar {
  width: 5px;
}

.stellarnav ul ul.menu_child::-webkit-scrollbar-track {
  background: #f2ece3;
  border-radius: 10px;
}

.stellarnav ul ul.menu_child::-webkit-scrollbar-thumb {
  background: #de711e;
  border-radius: 10px;
  min-height: 90px;
}

/* Hover */
.stellarnav ul ul.menu_child::-webkit-scrollbar-thumb:hover {
  background: #de711e;
}

.stellarnav li.has-sub>a:after {
  background-image: url("../img/caret.svg");
}

.stellarnav li.has-sub>a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background-image: url("../img/caret.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  vertical-align: middle;
}

#contactModal .modal-content {
  border-radius: 0;
  background: linear-gradient(180deg, #f4eadb 0%, #ffffff 100%);

  .modal-title {
    color: #0d0803;
    font-family: var(--bodyFont);
    font-size: 32px;
    line-height: 40px;
  }

  form {
    .form-label {
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      color: #0d0803;
      font-family: var(--bodyFont);
      margin-bottom: 8px;
    }

    .form-control {
      background: #ffffff;
      height: 52px;
      padding: 0 20px;
      border-radius: 12px;
      color: #818181;
      font-size: 14px;
      font-weight: bold;
    }

    .input-wrap {
      margin-bottom: 25px;
    }

    #message {
      height: 99px;
      resize: none;
      border-radius: 12px;
      color: #818181;
      font-size: 14px;
      font-weight: bold;
    }

    .theme-btn {
      margin-top: 45px;
      width: 100%;
      max-width: 328px;
    }

    .form-select {
      background-color: #ffffff;
      height: 52px;
      padding: 0 20px;
      border-radius: 12px;
      border: none;
      color: #818181;
      font-size: 14px;
      font-weight: bold;
    }
  }
}

.hero-section.hero_home .hero_flower img {
  width: 318px;
}

#gallery {
  padding: 138px 0;
}

.about-section.secGap.hero_about {
  overflow: hidden;
}

.about-section.secGap.hero_about .content-wrapper .content .title {
  position: relative;
}

.about-section.secGap.hero_about .content-wrapper .content .title::after {
  position: absolute;
  left: -100%;
  right: 0;
  bottom: -20px;
  top: auto;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #d6c3b6;
}

.testimonial-section .text-center {
  margin-bottom: 20px;
}

.testimonial-section {
  padding-bottom: 80px;
}

.industry-slider-sec .swiper-wrapper .industry-card p {
  opacity: 1;
}

.about-section.secGap.hero_about {
  padding-top: 88px;
}

.event-printing-section .event-item.printer {
  position: relative;
}

.event-printing-section .event-item.printer::after {
  position: absolute;
  content: "";
  -webkit-box-shadow: 0px 0px 185px 78px #CA6929;
  -moz-box-shadow: 0px 0px 185px 78px #CA6929;
  box-shadow: 7px 0px 194px 101px #CA6929;
  top: 32%;
  bottom: 0;
  left: 338px;
  right: 0;
  z-index: -1;
  height: 0px;
  width: 0px;
}

.industry-slider-sec .industry-content h4 {
  font-family: "Work Sans", sans-serif;
}

.industry-slider-sec .industry-content {
  padding: 20px 4px 18px !important;
}

.creative-services {
  padding-bottom: 70px;
}

/* .event-printing-section .event-printing-wrapper .event-item.printer img{
  width: 673px;
} */
.about-section.secGap.hero_about .content-wrapper .content p {
  font-size: 22px;
  line-height: 42px;
  color: #52504E;
  letter-spacing: 0;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 14px;
}

.about-section.secGap.hero_about .content-wrapper .content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1440px) {
  .hero-section.hero_home .hero_flower img {
    width: 276px;
  }

  .hero-section {
    padding: 24px 0 44px;
  }
}

.portfolios.secGap2 img {
  height: 378px;
  object-fit: cover;
  width: 100%;
}

/* The footer link for the page being viewed, matching the hover colour. */
.footer-links li.current-menu-item>a,
.footer-links li.current-menu-parent>a,
.footer-links li.current-menu-ancestor>a,
.footer-links li.current_page_item>a,
.footer-links li.current_page_parent>a {
  color: #ff9d3e;
  font-weight: 600;
}

/*
 * Newsletter submit button while the request is in flight.
 *
 * The button is disabled and relabelled "Submitting..." during the request,
 * but the cursor is still sitting on it from the click, so the hover rule was
 * painting it transparent and the button looked like it had vanished. The
 * disabled state wins over hover and keeps a solid, obviously inert button.
 */
.footer-form button:disabled,
.footer-form button:disabled:hover,
.footer-form button:disabled:focus-visible {
  background: var(--secondary-color2);
  color: #fff;
  border-color: #6b3a18;
  opacity: 0.75;
  cursor: progress;
}

/* Newsletter validation and status messages. */
.footer-form .form-error,
.footer-form .form-status {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
}

.footer-form .form-error {
  color: #ff9d3e;
}

.footer-form .form-status.is-error {
  color: #ff9d3e;
}

.footer-form .form-status.is-success {
  color: #b9e6b0;
}

.footer-form .form-error:empty,
.footer-form .form-status:empty {
  display: none;
}

/*
 * Form validation and status messages.
 *
 * These spans had no styling at all, so they inherited the surrounding body
 * type and wrapped onto several lines inside the contact popup.
 */
.form-error,
.form-status {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 6px;
}

.form-error {
  color: #c0392b;
}

.form-status.is-error {
  color: #c0392b;
}

.form-status.is-success {
  color: #1e7e34;
}

.form-error:empty,
.form-status:empty {
  display: none;
}

/*
 * Popup fields: the placeholder sits on the vertical centre.
 *
 * A fixed height with no vertical padding leaves iOS Safari drawing the text
 * against the top of the box, so the line box is given the full height of the
 * field instead. Textareas and selects are excluded: one needs to wrap, the
 * other centres its own text.
 */
#contactModal .modal-content form input.form-control {
  line-height: 52px;
}

/*
 * Popup message box.
 *
 * The theme styles this as #message, but the field is rendered with the form
 * key prefixed onto its id, so that rule has never matched anything: the
 * textarea was falling back to the shared .form-control height with no
 * vertical padding, which left the placeholder against the top border. Matched
 * by element instead, so it holds whatever the field is named.
 */
#contactModal .modal-content form textarea.form-control {
  height: 99px;
  padding: 14px 20px;
  line-height: 1.5;
  resize: none;
}

/*
 * Home gallery heading.
 *
 * The heading scrolls up with the page, holds once it is 250px from the top of
 * the window, then releases a short way into the gallery rather than riding
 * over the whole of it.
 *
 * A sticky element can never be pushed outside its own parent, so the track is
 * what sets the stopping point. flow-root keeps the heading's bottom margin
 * inside the track, which alone would stop it dead on the first images; the
 * padding below adds the extra travel on top of that gap, and the grid takes
 * the same amount back so the layout is unchanged.
 */
@media (min-width: 992px) {
  .gallery-section {
    /* How far past the images the heading may carry on. */
    --gallery-title-travel: 100px;
  }

  .gallery-title-track {
    display: flow-root;
    padding-bottom: var(--gallery-title-travel);
  }

  /* Taken straight back off, so the extra travel costs no layout height. */
  .gallery-title-track+.gallery-zigzag-grid {
    margin-top: calc(var(--gallery-title-travel) * -1);
  }

  .gallery-title-sticky {
    position: sticky;
    top: 250px;
    z-index: 2;
  }
}

.printing-slider-section.service .printing-card {
  padding-top: 0;
}

.printing-slider-section.service .printing-card {
  & .vertical-line {
    &::before {
      top: 0;
    }
  }
}

.wp-block-woocommerce-coming-soon h1.wp-block-heading {
    font-size: 50px;
}