h1,

h2,

h3,

h4,

h5 {

  /* font-family: "Playfair Display", serif; */

  /* font-family: "Playfair Display", Georgia, serif; */

  font-family: Georgia, serif;

}


.dis-text a {

  text-decoration: none !important;

  color: #a6a6a6 !important;

}

.header-section {

  background-color: #0a0a0a;

  padding: 10px 0px;

  position: sticky;

  top: 0;

  z-index: 9999;

}



.right-column {

  display: flex;

  gap: 20px;

  justify-content: end;

}



.phone-number a {

  text-decoration: none;

  color: #A6A6A6;

  font-size: 14px;

  font-weight: 600;

}



.enq-btn a {

  border-radius: 7px;

  padding: 4px 16px 7px;

  /* background-color: #EEB105; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  color: #000;

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

}



.featured-section {

  padding-top: 90px;

  padding-bottom: 90px;

  background-color: #0a0a0a;

}



.project-text {

  text-align: center;

  font-size: 48px;

  font-weight: 700;

  color: #FAFAFA;

}



.project-text span {

  /* color: #C72026; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}



.porur-text {

  text-align: center;

  font-size: 35px;

  font-weight: 700;

  color: #FAFAFA;

  padding-bottom: 8px;

}



.dis-text {

  text-align: center;

  color: #a6a6a6;

}



.divider-red {

  margin: 24px auto !important;

  height: 4px;

  width: 80px !important;

  border-radius: 9999px;

  /* background-color: #C72026; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  box-shadow: 0 0 15px #c7202680;

}



.kg-content .row {

  margin-top: 20px;

}



.kg-image-wrapper {

  position: relative;

}



.kg-image-wrapper::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(to top,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0.4) 40%,

      transparent 70%);

}



.kg-image-wrapper {

  position: relative;

  overflow: hidden;

  border-radius: 16px;

}



.project-img-wrap {

  position: relative;

  overflow: hidden;

}



.kg-image,

.project-img {

  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);

}



.kg-image-wrapper:hover .kg-image,

.project-card:hover .project-img {

  transform: scale(1.07);

}



.kg-image {

  width: 100%;

  border-radius: 16px;

  height: 500px !important;

  object-fit: cover !important;

  /* margin-top: 20px; */

}



.ready-badge {

  position: absolute;

  top: 20px;

  left: 20px;

  background: #1a1a1a99;

  padding: 8px 16px;

  border-radius: 16px;

  font-size: 14px;

  color: #fff;

  font-weight: 500;

  display: flex;

  gap: 8px;

  z-index: 99;

  align-items: center;

}



.ready-badge i {

  /* color: #C72026;  */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;



}



.project-title {

  padding: 12px 24px;

  font-size: 30px;

  font-weight: 700;

  display: inline-block;

  border-radius: 16px;

  background-color: #1a1a1a99;

  color: #FAFAFA;

  border: 1px solid #3333334d;

}



.info-box {

  background-color: #1a1a1a99;

  border: 1px solid #3333334d;

  border-radius: 16px;

  padding: 12px 24px;

}



.info-section {

  display: flex;

  align-items: center;

  gap: 12px;

}



.icon-div {

  /* background-color: #c7202633; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  border-radius: 12px;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.icon-div i {

  color: #000;

}



.info-label {

  font-size: 12px;

  color: #A6A6A6;

  margin: 0;

}



.info-value {

  font-weight: 600;

  font-size: 16px;

  color: #FAFAFA;

  margin: 0;

}



.project-description {

  line-height: 1.625;

  color: #a6a6a6;

}



.rera-no {

  color: #d4af37 !important;

}



.project-actions {

  display: flex;

  gap: 16px;

  /* margin-top: 30px; */

}



.explore-actions {

  margin-top: 30px;

}



.enquire-btn {

  border-radius: 12px !important;

  padding: 10px 40px 12px !important;

  /* background-color: #EEB105 !important; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);



  /* background: linear-gradient(

        135deg,

        #1a1a1a,

        #2b2b2b

    );

    border: 1px solid #d4af37;

    color: #f5e6a8 !important; */



  /* color: #fff !important; */

  text-decoration: none !important;

  font-size: 16px !important;

  font-weight: 700 !important;

}



.enquire-btn i,

.read-more i {

  font-size: 14px;

}



.learn-btn {

  border-radius: 12px !important;

  padding: 10px 40px 12px !important;

  background-color: transparent !important;

  /* border: 2px solid #c7202680 !important; */

  border: 1px solid #d4af37 !important;

  color: #fff !important;

  text-decoration: none !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  line-height: 24px !important;

}



.learn-btn:hover {

  color: #fff !important;

}



.choose-section {

  padding-top: 90px;

  padding-bottom: 90px;

  background-color: #141414;

}



.choose-card {

  background: #1a1a1a99;

  border-radius: 16px;

  border: 1px solid #3333334d;

  padding: 32px;

  text-align: center;

  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);

  margin-top: 40px;

  /* height: 80%; */

  display: flex;

  flex-direction: column;

  border: 1px solid transparent;

  transition: box-shadow 1s ease-out, transform 1s ease, border-color 0.35s ease;

}



.choose-card:hover {

  border-color: rgba(212, 175, 55, 0.45);

  box-shadow:

    0 0 40px rgba(212, 175, 55, 0.15),

    0 18px 40px rgba(212, 175, 55, 0.25);

  transform: translateY(-4px);

}



.choose-card:hover .icon-box {

  box-shadow: 0 0 18px rgba(212, 175, 55, 0.45);

}



.icon-box {

  width: 64px;

  height: 64px;

  margin: 0 auto 25px;

  /* background: #c720264d; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  border: 1px solid #c720264d;

  border-radius: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.icon-box i {

  font-size: 22px;

  color: #000;

  /* background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text; */

}



.choose-card h4 {

  font-size: 19px;

  font-weight: 600;

  margin-bottom: 15px;

  color: #FAFAFA;

}



.choose-card p {

  color: #a6a6a6;

  font-size: 14px;

  line-height: 1.625;

}



.project-card {

  background: #1a1a1a99;

  border-radius: 16px;

  overflow: hidden;

  margin-top: 40px;

  border: 1px solid transparent;

  transition: box-shadow 1s ease-out, transform 1s ease, border-color 0.35s ease;

}



.project-card:hover {

  border-color: rgba(212, 175, 55, 0.45);

  box-shadow:

    0 0 40px rgba(212, 175, 55, 0.15),

    0 18px 40px rgba(212, 175, 55, 0.25);

  transform: translateY(-4px);

}



.project-img {

  width: 100%;

  height: 230px;

  object-fit: cover;

}



.project-img-wrap {

  position: relative;

}



.project-img-wrap::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(to top,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0.4) 40%,

      transparent 70%) !important;

}



.project-body {

  padding: 19px;

}



.project-body h3 {

  margin-bottom: 13px;

  font-size: 20px;

  font-weight: 600;

  color: #FAFAFA;

}



.location {

  color: #a6a6a6;

  font-size: 14px;

}



.location i {

  /* color: #c5161d; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  margin-right: 6px;

}



.desc {

  font-size: 14px;

  color: #a6a6a6;

  line-height: 21px;

}



.accordion {

  margin-left: auto;

  margin-right: auto;

  max-width: 48rem;

  margin-top: 40px;

  border-radius: 16px !important;

}



.faq-accordion .accordion-item {

  background: #1a1a1a99;

  border: none;

  border-radius: 16px;

  margin-bottom: 18px;

  overflow: hidden;

}



.faq-accordion .accordion-button {

  background: #1a1a1a99;

  color: #FAFAFA;

  font-size: 18px;

  font-weight: 500;

  padding: 24px;

  box-shadow: none;

}



.faq-accordion .accordion-button:hover {

  /* color: #C72026; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}



.faq-accordion .accordion-button::after {

  filter: invert(1);

}



.faq-accordion .accordion-button:not(.collapsed) {

  background: #1a1a1a99;

  color: #fff;

}



.faq-accordion .accordion-button:not(.collapsed):hover {

  /* color: #C72026; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}



.faq-accordion .accordion-body {

  color: #a6a6a6;

  padding: 24px;

  font-size: 14px;

  line-height: 1.6;

}



.accordion-button:focus {

  box-shadow: none;

}



.border-div {

  width: 100%;

  height: 1px;

  background-color: #2e2e2e;

}



.popular-text {

  font-size: 18px;

  font-weight: 600;

  text-align: center;

  color: #FAFAFA;

}



.popular-text i {

  transition: transform 0.3s ease;

}



/* rotate arrow when open */

.popular-text[aria-expanded="true"] i {

  transform: rotate(180deg);

}



.popular-list {

  list-style: none;

  padding: 0;

}



.popular-links a {

  display: block;

  color: #bdbdbd;

  font-size: 14px;

  margin-bottom: 10px;

  text-decoration: none;

  transition: color 0.3s ease;

}



.popular-links a:hover {

  /* color: #c5161d; */

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-decoration: none;

}



@media (max-width: 767px) {

  .kg-image {

    height: 400px !important;

  }



  .choose-card {

    margin-top: 0px;

  }



  .project-card {

    margin-top: 0px;

  }



  .project-text {

    font-size: 36px;

  }



  .enquire-btn {

    padding: 10px 30px 12px !important;

  }



  .Copyright-section {

    flex-direction: column;

    text-align: center;

  }



  .popular-section {

    padding: 40px 0px 50px !important;

  }



  .testimonial-carousel .owl-nav .owl-prev,

  .testimonial-carousel .owl-nav .owl-next {

    display: none !important;

  }



  .modal-dialog {

    width: auto !important;

  }

}



.banner-section {

  background-color: #141414;

}



.banner-div {

  padding: 40px 0px;

  text-align: center;

}



.banner-section h2 {

  margin-bottom: 30px !important;

}



.btn:first-child:active {

  border-color: transparent !important;

}



:not(.btn-check)+.btn:active {

  border-color: transparent !important;

}



.fixed {

  position: fixed;

}



.mob-btn.fixed {

  z-index: 99999;

  width: 100%;

  bottom: -2px;

  overflow: hidden;

  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.35);

}



.mob-btn.fixed a:first-child {

  border-right: 2px solid #b8860b;

}



.mob-btn.fixed a {

  width: 50%;

  float: left;

  height: 48px;

  line-height: 48px;

  text-align: center;

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  font-size: 16px;

  font-weight: 700;

  color: #000;

  text-decoration: none;

}



.text-uppercase {

  text-transform: uppercase !important;

}



.Copyright-section {

  display: flex;

  justify-content: space-between;

  color: #A6A6A6;

  font-size: 14px;

  padding-top: 40px !important;

}



.Copyright-section a {

  text-decoration: none;

  color: #A6A6A6;

}



.link-section {

  color: #a6a6a680;

  padding-top: 24px;

  text-align: center;

  font-size: 12px;

}

.link-section a {

  text-decoration: none;

  color: #a6a6a680;

}

.popular-section {

  background-color: #0a0a0a;

  padding: 40px 0px 20px;

}



/* form style */

.modal-content {

  background-color: #0a0a0a !important;

  color: #FAFAFA !important;

  border: 0.5px solid rgba(189, 189, 189, 0.4) !important;

  /* width: 500px !important; */

}



.modal-dialog {

  margin-top: 50px !important;

  width: 400px;

}



.modal-title {

  font-size: 18px !important;

}



form .enquire-btn {

  height: 40px;

  font-size: 14px !important;

  padding: 8px 40px 8px !important;

}



.form-label {

  font-size: 14px !important;

}



.form-control {

  border: 0.5px solid rgba(189, 189, 189, 0.4) !important;

  background-color: #0a0a0a !important;

  color: #FAFAFA !important;

  border-radius: .75rem !important;

  font-size: 14px !important;

  height: 50px;

}



.form-check {

  font-size: 12px !important;

  color: #bdbdbd;

}



.form-control::placeholder {

  color: #bdbdbd !important;

  font-size: 12px !important;

}



.form-control:focus {

  border-color: #d4af37 !important;

  box-shadow: none !important;

}



.form-check-input:checked {

  background-color: #d4af37 !important;

  border-color: #d4af37 !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' d='M16.7 5.3a1 1 0 0 1 0 1.4l-8 8a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.3 7.3-7.3a1 1 0 0 1 1.4 0z'/%3E%3C/svg%3E");

}



.form-check-input:focus {

  box-shadow: 0 0 0 0.2rem rgba(199, 32, 38, 0.25) !important;

}



.btn-close {

  filter: invert(76%) sepia(0%) saturate(0%) hue-rotate(0deg) !important;

  opacity: 1 !important;

  font-size: 0.7rem !important;

}



.btn:hover {

  color: #000 !important;

}



.accordion-button {

  border-bottom: none !important;

  box-shadow: none !important;

}



.testi-card {

  background: #1a1a1a99;

  border-radius: 16px;

  overflow: hidden;

  margin-top: 40px;

  border: 1px solid transparent;

  transition: box-shadow 1s ease-out, transform 1s ease, border-color 0.35s ease;

}



.testi-card a {

  text-decoration: none;

}



.testi-card:hover {

  border-color: rgba(212, 175, 55, 0.45);

  box-shadow:

    0 0 40px rgba(212, 175, 55, 0.15),

    0 18px 40px rgba(212, 175, 55, 0.25);

  transform: translateY(-4px);

}



.testi-body {

  padding: 19px;

}



.testi-body h3 {

  margin-bottom: 13px;

  font-size: 20px;

  font-weight: 600;

  color: #FAFAFA;

}



.testi-body p {

  color: #a6a6a6;

}



/* PREMIUM TESTIMONIAL REDESIGN */

.premium-testi-section {

  background-color: #0a0a0a;

  padding: 100px 0;

}



.testi-card-new {

  position: relative;

  border-radius: 24px;

  overflow: hidden;

  background: #1a1a1a;

  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  height: 100%;

  margin-top: 40px;

}



.testi-link-wrap {

  display: block;

  text-decoration: none;

}



.testi-image-box {

  position: relative;

  aspect-ratio: 6/6;

  overflow: hidden;

}



.testi-image-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);

}



.testi-overlay-new {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 30px;

  opacity: 1;

  transition: all 0.5s ease;

}



.quote-mark {

  position: absolute;

  top: 25px;

  right: 25px;

  width: 45px;

  height: 45px;

  background: linear-gradient(135deg, #b8860b, #ffd700);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000;

  font-size: 18px;

  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);

  transform: translateY(-10px);

  opacity: 0;

  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

}



.testi-content-new h3 {

  color: #fff;

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 5px;

  letter-spacing: 0.5px;

}



.testi-content-new p {

  color: #ffd700;

  font-size: 14px;

  font-weight: 500;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 2px;

}



/* Hover Effects */

.testi-card-new:hover {

  transform: translateY(-12px);

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.15);

}



.testi-card-new:hover .testi-image-box img {

  transform: scale(1.1);

}



.testi-card-new:hover .quote-mark {

  opacity: 1;

  transform: translateY(0);

}



.testi-card-new:hover .testi-overlay-new {

  background: linear-gradient(to top, rgba(184, 134, 11, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);

}



/* Carousel Customization */

.testimonial-carousel .owl-dots {

  margin-top: 40px !important;

  text-align: center;

}



.testimonial-carousel .owl-dot span {

  width: 10px !important;

  height: 10px !important;

  background: rgba(255, 255, 255, 0.2) !important;

  margin: 0 6px !important;

  transition: all 0.3s ease !important;

}



.testimonial-carousel .owl-dot.active span {

  width: 35px !important;

  background: linear-gradient(135deg, #b8860b, #ffd700) !important;

  border-radius: 10px !important;

}



.testimonial-carousel .owl-nav button {

  background: rgba(255, 255, 255, 0.05) !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;

  width: 50px !important;

  height: 50px !important;

  border-radius: 50% !important;

  color: #fff !important;

  transition: all 0.3s ease !important;

  backdrop-filter: blur(5px);

}



.testimonial-carousel .owl-nav button:hover {

  background: linear-gradient(135deg, #b8860b, #ffd700) !important;

  color: #000 !important;

  border-color: transparent !important;

  box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);

}



@media (max-width: 768px) {

  .testi-content-new h3 {

    font-size: 18px;

  }



  .premium-testi-section {

    padding: 60px 0;

  }

}



.read-more {

  color: #d4af37 !important;

}



.read-more:hover {

  color: #d4af37 !important;

}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

  display: block !important;

}



/* CHART INFO STYLES */

.chart-info-box {

  background: #1a1a1a99;

  border: 1px solid #3333334d;

  border-radius: 16px;

  padding: 24px;

}



.chart-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.chart-list li {

  position: relative;

  padding-left: 30px;

  margin-bottom: 15px;

  color: #a6a6a6;

  font-size: 15px;

  line-height: 1.6;

}



.chart-list li:last-child {

  margin-bottom: 0;

}



.chart-list li::before {

  content: "\f058";

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  position: absolute;

  left: 0;

  top: 2px;

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  font-size: 18px;

}



.chart-list li strong {

  color: #FAFAFA;

  font-weight: 600;

  display: block;

  margin-bottom: 4px;

  font-size: 16px;

}



@media (max-width: 991px) {

  .chart-info-box {

    margin-bottom: 30px;

  }

}



/* PREMIUM SNAPSHOT CARD STYLES */

.snapshot-points-grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 15px;

}



.snapshot-point-card {

  background: rgba(255, 255, 255, 0.03);

  backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-radius: 16px;

  padding: 20px;

  display: flex;

  gap: 15px;

  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  position: relative;

  overflow: hidden;

  height: 100%;

}



.snapshot-point-card::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 4px;

  height: 100%;

  background: linear-gradient(180deg, #b8860b, #ffd700);

  opacity: 0.5;

  transition: width 0.3s ease;

}



.snapshot-point-card:hover {

  transform: translateX(8px);

  background: rgba(255, 255, 255, 0.06);

  border-color: rgba(212, 175, 55, 0.3);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

}



.snapshot-point-card:hover::before {

  width: 6px;

  opacity: 1;

}



.point-icon {

  flex-shrink: 0;

  width: 32px;

  height: 32px;

  background: linear-gradient(135deg, rgba(184, 134, 11, 0.2), rgba(255, 215, 0, 0.1));

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.point-icon i {

  background: linear-gradient(135deg, #b8860b, #ffd700);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 16px;

}



.point-content {

  flex-grow: 1;

}



.point-content h4 {

  color: #FAFAFA;

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 6px;

  font-family: inherit;

}



.point-content p {

  color: #a6a6a6;

  font-size: 14px;

  line-height: 1.5;

  margin: 0;

}



@media (max-width: 991px) {

  .snapshot-points-grid {

    margin-bottom: 40px;

  }

}





.testimonial-carousel .owl-nav .owl-prev {

  /* left: calc(50% - 520px);  */

  left: -2%;

}



.testimonial-carousel .owl-nav .owl-next {

  /* right: calc(50% - 520px); */

  right: -2%;

}



.testimonial-carousel .owl-nav {

  position: absolute;

  inset: 0;

  pointer-events: none;

}



.testimonial-carousel .owl-nav button {

  pointer-events: auto;

  position: absolute;

  top: 45%;

  transform: translateY(-50%);

  background: #1C1C1C !important;

  width: 42px;

  height: 42px;

  border-radius: 35%;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

}



.testimonial-carousel .owl-dots {

  margin-top: 30px;

  text-align: center;

}



.testimonial-carousel .owl-dot span {

  width: 8px;

  height: 8px;

  background: #555;

  border-radius: 50%;

  margin: 0 6px;

  display: block;

}



.testimonial-carousel .owl-dot.active span {

  width: 34px;

  background: #d4af37;

  border-radius: 20px;

}

.thankyou-modal {

  border: 0.5px solid rgba(189, 189, 189, 0.4);
}


.thankyou-title {

  font-size: 36px;

  margin-bottom: 8px;

}

.thankyou-title span {

  background: linear-gradient(135deg, #b8860b, #ffd700, #a67c00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;
}

.thankyou-text {

  font-size: 15px;

  margin-bottom: 6px;

}