@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  background-color: #ffffff;
}

.namebanner {
  width: 100%;
  padding: 4.1666666667vw 0;
  height: 41.1458333333vw;
  background: #FBF7F0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner {
    height: 46.875vw;
  }
}
@media (max-width: 990px) {
  .namebanner {
    padding: 10.2564102564vw 4.1025641026vw;
    height: 185.8974358974vw;
  }
}
.namebanner .rings {
  position: absolute;
  bottom: 0;
  z-index: 0;
  padding: 0.2604166667vw;
  right: 9.375vw;
  width: 41.875vw;
  height: 30vw;
}
@media (max-width: 990px) {
  .namebanner .rings {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .rings {
    padding: 0.3125vw;
    right: 1.875vw;
    width: 50.25vw;
    height: 36vw;
  }
}
.namebanner .rings svg {
  width: 100%;
  height: 100%;
  display: block;
}
.namebanner .rings .ring {
  fill: none;
  stroke: #e6c9a0;
  stroke-width: 1;
}
.namebanner .rings .star {
  fill: none;
  stroke: #d98a2b;
  stroke-width: 1;
}
.namebanner .rings .dot {
  fill: #d98a2b;
}
.namebanner .rings .spin {
  transform-box: view-box;
  transform-origin: 49.88% 69.79%;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.namebanner .rings .r1 {
  animation-name: left;
  animation-duration: 40s;
}
.namebanner .rings .r2 {
  animation-name: right;
  animation-duration: 30s;
}
.namebanner .rings .r3 {
  animation-name: left;
  animation-duration: 24s;
}
.namebanner .rings .r4 {
  animation-name: right;
  animation-duration: 18s;
}
@keyframes right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.namebanner .banner-leftimg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 14.5833333333vw;
  height: 19.8958333333vw;
}
@media (max-width: 990px) {
  .namebanner .banner-leftimg {
    width: 64.1025641026vw;
    height: 71.7948717949vw;
  }
}
.namebanner .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .namebanner .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .container-fluid {
    max-width: 88.75vw;
  }
}
@media (max-width: 990px) {
  .namebanner .col-lg-5, .namebanner .col-md-5, .namebanner .col-12 {
    width: 100%;
    padding: 0;
  }
}
.namebanner .bannertext h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 700;
  margin-bottom: 0.625vw;
}
@media (max-width: 990px) {
  .namebanner .bannertext h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext h4 {
    font-size: 1.125vw;
    margin-bottom: 0.75vw;
  }
}
.namebanner .bannertext h1 {
  color: #142A3E;
  font-family: Lora;
  font-style: normal;
  font-weight: 400;
  width: 26.0416666667vw;
  font-size: 3.9583333333vw;
  line-height: 4.0625vw;
  margin-bottom: 1.3020833333vw;
}
@media (max-width: 990px) {
  .namebanner .bannertext h1 {
    width: 100%;
    font-size: 10.7692307692vw;
    line-height: 12.8205128205vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext h1 {
    width: 31.25vw;
    font-size: 4.75vw;
    line-height: 4.875vw;
    margin-bottom: 1.5625vw;
  }
}
.namebanner .bannertext h1 span {
  color: #D88A2D;
  font-style: italic;
}
.namebanner .bannertext p {
  width: 33.8541666667vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.09375vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 1.5625vw;
}
@media (max-width: 990px) {
  .namebanner .bannertext p {
    width: 100%;
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext p {
    width: 40.625vw;
    font-size: 1.375vw;
    line-height: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
.namebanner .bannertext .feature-list {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
@media (max-width: 990px) {
  .namebanner .bannertext .feature-list {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .feature-list {
    gap: 1.25vw;
  }
}
.namebanner .bannertext .feature-list .feature-box {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .feature-list .feature-box {
    gap: 0.5vw;
  }
}
.namebanner .bannertext .feature-list .feature-box .feature-icon {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .feature-list .feature-box .feature-icon {
    width: 1.75vw;
    height: 1.75vw;
  }
}
.namebanner .bannertext .feature-list .feature-box .feature-icon svg {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .feature-list .feature-box .feature-icon svg {
    width: 1.75vw;
    height: 1.75vw;
  }
}
.namebanner .bannertext .feature-list .feature-box .feature-text {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .feature-list .feature-box .feature-text {
    font-size: 1.0625vw;
  }
}
.namebanner .bannertext .checkout-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.0208333333vw;
  height: 3.59375vw;
  margin: 2.0833333333vw 0 1.0416666667vw;
  gap: 0.6770833333vw;
  border-radius: 0.4166666667vw;
  background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
@media (max-width: 990px) {
  .namebanner .bannertext .checkout-btn {
    display: none;
    width: 64.1025641026vw;
    height: 12.3076923077vw;
    margin: 5.1282051282vw 0;
    gap: 3.3333333333vw;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn {
    width: 21.625vw;
    height: 4.3125vw;
    margin: 2.5vw 0 1.25vw;
    gap: 0.8125vw;
    border-radius: 0.5vw;
  }
}
.namebanner .bannertext .checkout-btn:hover {
  transform: translateY(-0.15625vw);
  box-shadow: 0 0.4166666667vw 1.1458333333vw rgba(214, 147, 57, 0.28), inset 0 0.0520833333vw 0.0520833333vw rgba(255, 255, 255, 0.65);
  filter: saturate(1.08);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn:hover {
    transform: translateY(-0.1875vw);
    box-shadow: 0 0.5vw 1.375vw rgba(214, 147, 57, 0.28), inset 0 0.0625vw 0.0625vw rgba(255, 255, 255, 0.65);
  }
}
.namebanner .bannertext .checkout-btn:hover::before {
  transform: translate(0.625vw, 0.2604166667vw);
}
.namebanner .bannertext .checkout-btn:hover::before {
  opacity: 0.85;
}
.namebanner .bannertext .checkout-btn:hover::after {
  transform: translate(-0.4166666667vw, -0.2604166667vw);
}
.namebanner .bannertext .checkout-btn:hover::after {
  opacity: 0.9;
}
.namebanner .bannertext .checkout-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.1041666667vw 0.4166666667vw rgba(214, 147, 57, 0.18);
  transition-duration: 0.15s;
}
.namebanner .bannertext .checkout-btn::before {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: -2.0833333333vw;
  left: -2.6041666667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn::before {
    width: 6.75vw;
    height: 6.75vw;
    top: -2.5vw;
    left: -3.125vw;
  }
}
.namebanner .bannertext .checkout-btn::after {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: 1.9791666667vw;
  right: -0.5729166667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: -1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn::after {
    width: 6.75vw;
    height: 6.75vw;
    top: 2.375vw;
    right: -0.6875vw;
  }
}
.namebanner .bannertext .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 1.1979166667vw;
  font-weight: 800;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .namebanner .bannertext .checkout-btn span {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn span {
    font-size: 1.375vw;
  }
}
.namebanner .bannertext .checkout-btn svg {
  color: #142A3E;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .namebanner .bannertext .checkout-btn svg {
    width: 5.3846153846vw;
    height: 5.3846153846vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext .checkout-btn svg {
    width: 1.75vw;
    height: 1.75vw;
  }
}
.namebanner .bannertext h5 {
  color: #826E59;
  font-family: "DM Sans";
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 990px) {
  .namebanner .bannertext h5 {
    font-size: 3.5897435897vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .bannertext h5 {
    font-size: 0.875vw;
  }
}
.namebanner .predimage {
  width: 27.3958333333vw;
  height: 28.8020833333vw;
  margin: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .namebanner .predimage {
    width: 69.2307692308vw;
    height: 72.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .namebanner .predimage {
    width: 32.875vw;
    height: 34.5625vw;
  }
}
.namebanner .predimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.left-section {
  position: relative;
  z-index: 9;
  margin-top: -2.6041666667vw;
}
@media (max-width: 990px) {
  .left-section {
    margin-top: -12.8205128205vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section {
    margin-top: -3.125vw;
  }
}
.left-section .steps-wrapper {
  background: #FFF;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 64.5833333333vw;
  height: 5.3125vw;
  gap: 2.0833333333vw;
  padding: 0vw 2.6041666667vw;
  border-radius: 0.78125vw;
  box-shadow: 0 0.5208333333vw 1.5625vw 0 rgba(112, 81, 36, 0.06);
}
@media (max-width: 990px) {
  .left-section .steps-wrapper {
    align-items: flex-start;
    max-width: 92.3076923077vw;
    height: 30.7692307692vw;
    gap: 2.5641025641vw;
    padding: 4.1025641026vw 2.5641025641vw;
    border-radius: 3.8461538462vw;
    box-shadow: 0 2.5641025641vw 7.6923076923vw 0 rgba(112, 81, 36, 0.06);
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section .steps-wrapper {
    max-width: 77.5vw;
    padding: 0.75vw 0.625vw;
  }
}
.left-section .steps-wrapper .step {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
  position: relative;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step {
    flex-direction: column;
    gap: 2.0512820513vw;
    padding: 0vw;
    width: 30.7692307692vw;
  }
}
.left-section .steps-wrapper .step::after {
  content: "";
  right: 0;
  width: 0.0520833333vw;
  height: 2.8125vw;
  background: #BCC0C3;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step::after {
    display: none;
  }
}
.left-section .steps-wrapper .step:last-child::after {
  display: none;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step:last-child {
    display: none;
  }
}
.left-section .steps-wrapper .step .step-icon {
  width: 2.8645833333vw;
  height: 2.8645833333vw;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step .step-icon {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section .steps-wrapper .step .step-icon {
    width: 3.4375vw;
    height: 3.4375vw;
  }
}
.left-section .steps-wrapper .step .step-content {
  flex: 1;
  padding-right: 2.0833333333vw;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step .step-content {
    text-align: center;
    padding-right: 0vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section .steps-wrapper .step .step-content {
    padding-right: 2.5vw;
  }
}
.left-section .steps-wrapper .step .step-content h4 {
  color: #142A3E;
  font-family: Lora;
  font-weight: 700;
  font-size: 1.9270833333vw;
  line-height: normal;
  margin-bottom: 0.15625vw;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step .step-content h4 {
    font-size: 4.358974359vw;
    margin-bottom: 0.7692307692vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section .steps-wrapper .step .step-content h4 {
    font-size: 1.25vw;
    margin-bottom: 0.3125vw;
  }
}
.left-section .steps-wrapper .step .step-content p {
  color: #536273;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 0.7291666667vw;
  line-height: normal;
  margin-bottom: 0vw;
}
@media (max-width: 990px) {
  .left-section .steps-wrapper .step .step-content p {
    font-size: 2.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .left-section .steps-wrapper .step .step-content p {
    font-size: 1vw;
  }
}

.video-section {
  padding: 4.1666666667vw 0;
  background: #fff;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section {
    padding: 5vw 0 3.125vw;
  }
}
@media (max-width: 990px) {
  .video-section {
    padding: 5.1282051282vw 4.1025641026vw;
  }
}
.video-section .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .video-section .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .container-fluid {
    max-width: 88.75vw;
  }
}
@media (max-width: 990px) {
  .video-section .col-lg-5, .video-section .col-md-5, .video-section .col-12 {
    width: 100%;
    padding: 0;
  }
}
.video-section .video-wrapper {
  max-width: 31.25vw;
  height: 19.0104166667vw;
}
@media (max-width: 990px) {
  .video-section .video-wrapper {
    max-width: 100%;
    height: 56.4102564103vw;
    margin: 5.1282051282vw 0 10.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-wrapper {
    max-width: 37.5vw;
    height: 22.8125vw;
  }
}
.video-section .video-wrapper video, .video-section .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.4166666667vw;
  display: block;
}
.video-section .video-content {
  position: relative;
  max-width: 38.0208333333vw;
}
@media (max-width: 990px) {
  .video-section .video-content {
    max-width: 84.6153846154vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content {
    max-width: 45.625vw;
  }
}
.video-section .video-content h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 700;
  margin-bottom: 0.78125vw;
}
@media (max-width: 990px) {
  .video-section .video-content h4 {
    font-weight: 500;
    text-align: center;
    font-size: 3.5897435897vw;
    margin-bottom: 3.8461538462vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content h4 {
    font-size: 1vw;
    margin-bottom: 0.9375vw;
  }
}
.video-section .video-content h2 {
  color: #142A3E;
  font-family: Lora;
  font-style: normal;
  font-weight: 400;
  width: 28.6458333333vw;
  font-size: 2.6041666667vw;
  line-height: 2.8645833333vw;
  margin-bottom: 0.78125vw;
}
@media (max-width: 990px) {
  .video-section .video-content h2 {
    text-align: center;
    width: 100%;
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-bottom: 3.8461538462vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content h2 {
    width: 34.375vw;
    font-size: 3.125vw;
    line-height: 3.4375vw;
    margin-bottom: 0.9375vw;
  }
}
.video-section .video-content h2 span {
  color: #D88A2D;
  font-style: italic;
}
.video-section .video-content p {
  width: 25vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 990px) {
  .video-section .video-content p {
    width: 100%;
    font-size: 3.5897435897vw;
    line-height: 5.1282051282vw;
    margin-bottom: 10.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content p {
    width: 30vw;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-bottom: 1.25vw;
  }
}
.video-section .video-content .checkout-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.8854166667vw;
  height: 2.8125vw;
  gap: 0.6770833333vw;
  border-radius: 0.3125vw;
  background: linear-gradient(180deg, #F6CE87 0%, #DDA047 100%);
  text-decoration: none;
}
@media (max-width: 990px) {
  .video-section .video-content .checkout-btn {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .checkout-btn {
    width: 19.0625vw;
    height: 3.375vw;
    gap: 0.8125vw;
    border-radius: 0.375vw;
  }
}
.video-section .video-content .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 0.9375vw;
  font-weight: 800;
  line-height: normal;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .checkout-btn span {
    font-size: 1.125vw;
  }
}
.video-section .video-content .checkout-btn svg {
  color: #142A3E;
  width: 1.09375vw;
  height: 1.09375vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .checkout-btn svg {
    width: 1.3125vw;
    height: 1.3125vw;
  }
}
.video-section .video-content .sky-badge {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.6666666667vw;
  height: 16.1458333333vw;
  gap: 1.5625vw;
  right: 0vw;
  top: 0.5208333333vw;
  border-radius: 3.6458333333vw;
  border-top: 0.0520833333vw solid #EACFA9;
  border-bottom: 0.0520833333vw solid #EACFA9;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .sky-badge {
    width: 8vw;
    height: 19.375vw;
    gap: 1.875vw;
    right: 0vw;
    top: 0.625vw;
    border-radius: 4.375vw;
    border-top: 0.0625vw solid #EACFA9;
    border-bottom: 0.0625vw solid #EACFA9;
  }
}
@media (max-width: 990px) {
  .video-section .video-content .sky-badge {
    display: none;
  }
}
.video-section .video-content .sky-badge svg {
  width: 1.7708333333vw;
  height: 1.7708333333vw;
  flex-shrink: 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .sky-badge svg {
    width: 2.125vw;
    height: 2.125vw;
  }
}
.video-section .video-content .sky-badge .sun {
  transform-box: fill-box;
  transform-origin: center;
  animation: rotate360 20s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.video-section .video-content .sky-badge .texts {
  display: flex;
  flex-direction: column;
  color: #536273;
  text-align: center;
  font-family: "DM Sans";
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.25vw;
  gap: 1.3020833333vw;
  font-size: 0.7291666667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .video-section .video-content .sky-badge .texts {
    line-height: 1.5vw;
    gap: 1.5625vw;
    font-size: 0.875vw;
  }
}
.video-section .mobile-btn {
  display: none;
}
@media (max-width: 990px) {
  .video-section .mobile-btn {
    display: block !important;
    position: absolute;
    bottom: -7.6923076923vw;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
  }
  .video-section .mobile-btn .checkout-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2820512821vw;
    width: 76.9230769231vw;
    height: 15.3846153846vw;
    border-radius: 2.0512820513vw;
    background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
  }
  .video-section .mobile-btn .checkout-btn:hover {
    transform: translateY(-0.7692307692vw);
    box-shadow: 0 2.0512820513vw 5.641025641vw rgba(214, 147, 57, 0.28), inset 0 0.2564102564vw 0.2564102564vw rgba(255, 255, 255, 0.65);
    filter: saturate(1.08);
  }
  .video-section .mobile-btn .checkout-btn:hover::before {
    transform: translate(3.0769230769vw, 1.2820512821vw);
    opacity: 0.85;
  }
  .video-section .mobile-btn .checkout-btn:hover::after {
    transform: translate(-2.0512820513vw, -1.2820512821vw);
    opacity: 0.9;
  }
  .video-section .mobile-btn .checkout-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 0.5128205128vw 2.0512820513vw rgba(214, 147, 57, 0.18);
    transition-duration: 0.15s;
  }
  .video-section .mobile-btn .checkout-btn::before {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: -10.2564102564vw;
    left: -12.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .video-section .mobile-btn .checkout-btn::after {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: 9.7435897436vw;
    right: -2.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: -1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .video-section .mobile-btn .checkout-btn span {
    color: #142A3E;
    font-family: "DM Sans";
    font-size: 4.6153846154vw;
    font-weight: 800;
    line-height: normal;
    position: relative;
    z-index: 1;
  }
  .video-section .mobile-btn .checkout-btn svg {
    color: #142A3E;
    width: 5.641025641vw;
    height: 5.641025641vw;
    position: relative;
    z-index: 1;
  }
}

.knowyoursec {
  width: 100%;
  padding: 4.1666666667vw 0;
  background: #FBF7F0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec {
    padding: 5vw 0;
  }
}
@media (max-width: 990px) {
  .knowyoursec {
    padding: 17.9487179487vw 4.1025641026vw 5.1282051282vw;
  }
}
.knowyoursec::before {
  content: "";
  position: absolute;
  left: -7.9166666667vw;
  bottom: -10.3125vw;
  width: 26.3541666667vw;
  height: 27.3958333333vw;
  border-radius: 100%;
  z-index: 0;
  opacity: 0.4;
  background: #F5EDDF;
}
@media (max-width: 990px) {
  .knowyoursec::before {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec::before {
    left: -9.5vw;
    bottom: -12.375vw;
    width: 31.625vw;
    height: 32.875vw;
  }
}
.knowyoursec .haftcut {
  position: absolute;
  bottom: 0;
  z-index: 0;
  right: -2.8125vw;
  width: 24.4270833333vw;
  height: 21.875vw;
}
@media (max-width: 990px) {
  .knowyoursec .haftcut {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .haftcut {
    right: -3.375vw;
    width: 29.3125vw;
    height: 26.25vw;
  }
}
.knowyoursec .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .knowyoursec .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .container-fluid {
    max-width: 88.75vw;
  }
}
.knowyoursec .row {
  align-items: center;
}
@media (max-width: 990px) {
  .knowyoursec .col-lg-5, .knowyoursec .col-md-5, .knowyoursec .col-12 {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .col-lg-5, .knowyoursec .col-md-5, .knowyoursec .col-12 {
    padding: 0;
  }
}
.knowyoursec .booktext {
  position: relative;
  z-index: 1;
}
.knowyoursec .booktext h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 700;
  margin-bottom: 0.625vw;
}
@media (max-width: 990px) {
  .knowyoursec .booktext h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext h4 {
    font-size: 1.125vw;
    margin-bottom: 0.75vw;
  }
}
.knowyoursec .booktext h1 {
  color: #142A3E;
  font-family: Lora;
  font-style: normal;
  font-weight: 400;
  width: 36.4583333333vw;
  font-size: 2.8125vw;
  line-height: 3.125vw;
  margin-bottom: 0.78125vw;
  font-style: italic;
}
@media (max-width: 990px) {
  .knowyoursec .booktext h1 {
    width: 100%;
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-bottom: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext h1 {
    width: 43.75vw;
    font-size: 3.5vw;
    line-height: 3.75vw;
    margin-bottom: 0.9375vw;
  }
}
.knowyoursec .booktext p {
  width: 33.8541666667vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.09375vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 0.78125vw;
}
@media (max-width: 990px) {
  .knowyoursec .booktext p {
    width: 100%;
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext p {
    width: 40.625vw;
    font-size: 1.375vw;
    line-height: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
.knowyoursec .booktext .feature-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.625vw;
}
@media (max-width: 990px) {
  .knowyoursec .booktext .feature-list {
    gap: 2.0512820513vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .feature-list {
    gap: 0.75vw;
  }
}
.knowyoursec .booktext .feature-list .feature-box {
  display: flex;
  align-items: center;
  gap: 0.9375vw;
}
@media (max-width: 990px) {
  .knowyoursec .booktext .feature-list .feature-box {
    gap: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .feature-list .feature-box {
    gap: 1.125vw;
  }
}
.knowyoursec .booktext .feature-list .feature-box .feature-icon {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-icon {
    width: 1.875vw;
    height: 1.875vw;
  }
}
@media (max-width: 990px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-icon {
    width: 6.4102564103vw;
    height: 6.4102564103vw;
  }
}
.knowyoursec .booktext .feature-list .feature-box .feature-icon svg {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (max-width: 990px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-icon svg {
    width: 6.4102564103vw;
    height: 6.4102564103vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-icon svg {
    width: 1.875vw;
    height: 1.875vw;
  }
}
.knowyoursec .booktext .feature-list .feature-box .feature-text {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.9895833333vw;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-text {
    font-size: 1.25vw;
  }
}
@media (max-width: 990px) {
  .knowyoursec .booktext .feature-list .feature-box .feature-text {
    font-size: 4.1025641026vw;
  }
}
.knowyoursec .booktext .checkout-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.8854166667vw;
  height: 2.8125vw;
  margin-top: 1.7708333333vw;
  gap: 0.6770833333vw;
  border-radius: 0.3125vw;
  background: linear-gradient(180deg, #F6CE87 0%, #DDA047 100%);
  text-decoration: none;
}
@media (max-width: 990px) {
  .knowyoursec .booktext .checkout-btn {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .checkout-btn {
    width: 19.0625vw;
    height: 3.375vw;
    margin-top: 2.125vw;
    gap: 0.8125vw;
    border-radius: 0.375vw;
  }
}
.knowyoursec .booktext .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 0.9375vw;
  font-weight: 800;
  line-height: normal;
}
@media (max-width: 990px) {
  .knowyoursec .booktext .checkout-btn span {
    font-size: 4.6153846154vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .checkout-btn span {
    font-size: 1.125vw;
  }
}
.knowyoursec .booktext .checkout-btn svg {
  color: #142A3E;
  width: 1.09375vw;
  height: 1.09375vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .booktext .checkout-btn svg {
    width: 1.3125vw;
    height: 1.3125vw;
  }
}
.knowyoursec .bookimage {
  width: 33.0729166667vw;
  height: 25.6770833333vw;
  margin: 5.2083333333vw auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .knowyoursec .bookimage {
    width: 82.3076923077vw;
    height: 69.2307692308vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .knowyoursec .bookimage {
    width: 39.6875vw;
    height: 30.8125vw;
  }
}
.knowyoursec .bookimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.knowyoursec .mobile-btn {
  display: none;
}
@media (max-width: 990px) {
  .knowyoursec .mobile-btn {
    display: block !important;
  }
  .knowyoursec .mobile-btn .checkout-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.5641025641vw auto 0;
    gap: 1.2820512821vw;
    width: 76.9230769231vw;
    height: 15.3846153846vw;
    border-radius: 2.0512820513vw;
    background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
  }
  .knowyoursec .mobile-btn .checkout-btn:hover {
    transform: translateY(-0.7692307692vw);
    box-shadow: 0 2.0512820513vw 5.641025641vw rgba(214, 147, 57, 0.28), inset 0 0.2564102564vw 0.2564102564vw rgba(255, 255, 255, 0.65);
    filter: saturate(1.08);
  }
  .knowyoursec .mobile-btn .checkout-btn:hover::before {
    transform: translate(3.0769230769vw, 1.2820512821vw);
    opacity: 0.85;
  }
  .knowyoursec .mobile-btn .checkout-btn:hover::after {
    transform: translate(-2.0512820513vw, -1.2820512821vw);
    opacity: 0.9;
  }
  .knowyoursec .mobile-btn .checkout-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 0.5128205128vw 2.0512820513vw rgba(214, 147, 57, 0.18);
    transition-duration: 0.15s;
  }
  .knowyoursec .mobile-btn .checkout-btn::before {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: -10.2564102564vw;
    left: -12.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .knowyoursec .mobile-btn .checkout-btn::after {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: 9.7435897436vw;
    right: -2.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: -1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .knowyoursec .mobile-btn .checkout-btn span {
    color: #142A3E;
    font-family: "DM Sans";
    font-size: 4.6153846154vw;
    font-weight: 800;
    line-height: normal;
    position: relative;
    z-index: 1;
  }
  .knowyoursec .mobile-btn .checkout-btn svg {
    color: #142A3E;
    width: 5.641025641vw;
    height: 5.641025641vw;
    position: relative;
    z-index: 1;
  }
}

.why-choose {
  padding: 4.1666666667vw 0 2.6041666667vw;
  background: #fff;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose {
    padding: 5vw 0 3.125vw;
  }
}
@media (max-width: 990px) {
  .why-choose {
    padding: 5.1282051282vw 4.1025641026vw 10.2564102564vw;
    background: #FBF7F0;
  }
}
.why-choose .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .why-choose .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .container-fluid {
    max-width: 88.75vw;
  }
}
.why-choose .heading {
  text-align: center;
}
@media (max-width: 990px) {
  .why-choose .heading {
    text-align: left;
  }
}
.why-choose .heading h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 700;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 990px) {
  .why-choose .heading h4 {
    font-weight: 500;
    font-size: 3.5897435897vw;
    margin-bottom: 3.8461538462vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .heading h4 {
    font-size: 1.125vw;
    margin-bottom: 0.625vw;
  }
}
.why-choose .heading h2 {
  color: #142A3E;
  font-family: Lora;
  font-style: normal;
  font-weight: 400;
  font-size: 2.6041666667vw;
  line-height: 2.8645833333vw;
  margin-bottom: 0.5208333333vw;
  font-style: italic;
}
@media (max-width: 990px) {
  .why-choose .heading h2 {
    font-size: 7.1794871795vw;
    line-height: 8.9743589744vw;
    margin-bottom: 3.8461538462vw;
    font-style: normal;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .heading h2 {
    font-size: 3.125vw;
    line-height: 3.4375vw;
    margin-bottom: 0.625vw;
  }
}
.why-choose .heading p {
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 990px) {
  .why-choose .heading p {
    font-size: 3.5897435897vw;
    line-height: 5.1282051282vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .heading p {
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-bottom: 1.25vw;
  }
}
.why-choose .choose-row {
  display: flex;
  padding-top: 0.5208333333vw;
  align-items: flex-start;
  gap: 0.9375vw;
  align-self: stretch;
}
@media (max-width: 990px) {
  .why-choose .choose-row {
    gap: 4.6153846154vw;
    flex-direction: column;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .choose-row {
    padding-top: 0.625vw;
  }
}
@media (max-width: 990px) {
  .why-choose .choose-row .revers {
    flex-direction: row-reverse !important;
  }
}
.why-choose .choose-row .choose-box {
  display: flex;
  height: 13.1770833333vw;
  padding: 1.0416666667vw 0.78125vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5208333333vw;
  flex: 1 0 0;
  border-radius: 0.3125vw;
  background: #F6F6F6;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .choose-row .choose-box {
    height: 15.8125vw;
    padding: 1.25vw 0.9375vw;
    gap: 0.625vw;
    border-radius: 0.375vw;
  }
}
@media (max-width: 990px) {
  .why-choose .choose-row .choose-box {
    flex-direction: row;
    height: 64.8717948718vw;
    padding: 5.1282051282vw 3.8461538462vw;
    gap: 2.5641025641vw;
    border-radius: 2.5641025641vw;
    background: rgba(255, 255, 255, 0.72);
  }
}
.why-choose .choose-row .choose-box .box-img {
  display: flex;
  width: 4.0104166667vw;
  height: 4.0104166667vw;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .choose-row .choose-box .box-img {
    width: 4.8125vw;
    height: 4.8125vw;
  }
}
@media (max-width: 990px) {
  .why-choose .choose-row .choose-box .box-img {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }
}
.why-choose .choose-row .choose-box .choose-content {
  text-align: center;
}
@media (max-width: 990px) {
  .why-choose .choose-row .choose-box .choose-content {
    text-align: left;
  }
}
.why-choose .choose-row .choose-box .choose-content h4 {
  color: #142A3E;
  font-family: Lora;
  font-size: 1.0416666667vw;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 990px) {
  .why-choose .choose-row .choose-box .choose-content h4 {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .choose-row .choose-box .choose-content h4 {
    font-size: 1.25vw;
  }
}
.why-choose .choose-row .choose-box .choose-content p {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.8854166667vw;
  font-weight: 400;
  line-height: 1.1979166667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .why-choose .choose-row .choose-box .choose-content p {
    font-size: 3.5897435897vw;
    line-height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .choose-row .choose-box .choose-content p {
    font-size: 1.0625vw;
    line-height: 1.4375vw;
  }
}
.why-choose .text-center {
  margin: 2.0833333333vw auto 0;
  display: table;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .text-center {
    margin: 2.5vw auto 0;
  }
}
.why-choose .checkout-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.0208333333vw;
  height: 3.59375vw;
  gap: 0.6770833333vw;
  border-radius: 0.4166666667vw;
  background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
@media (max-width: 990px) {
  .why-choose .checkout-btn {
    display: none;
    width: 64.1025641026vw;
    height: 12.3076923077vw;
    gap: 3.3333333333vw;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn {
    width: 21.625vw;
    height: 4.3125vw;
    gap: 0.8125vw;
    border-radius: 0.5vw;
  }
}
.why-choose .checkout-btn:hover {
  transform: translateY(-0.15625vw);
  box-shadow: 0 0.4166666667vw 1.1458333333vw rgba(214, 147, 57, 0.28), inset 0 0.0520833333vw 0.0520833333vw rgba(255, 255, 255, 0.65);
  filter: saturate(1.08);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn:hover {
    transform: translateY(-0.1875vw);
    box-shadow: 0 0.5vw 1.375vw rgba(214, 147, 57, 0.28), inset 0 0.0625vw 0.0625vw rgba(255, 255, 255, 0.65);
  }
}
.why-choose .checkout-btn:hover::before {
  transform: translate(0.625vw, 0.2604166667vw);
}
.why-choose .checkout-btn:hover::before {
  opacity: 0.85;
}
.why-choose .checkout-btn:hover::after {
  transform: translate(-0.4166666667vw, -0.2604166667vw);
}
.why-choose .checkout-btn:hover::after {
  opacity: 0.9;
}
.why-choose .checkout-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.1041666667vw 0.4166666667vw rgba(214, 147, 57, 0.18);
  transition-duration: 0.15s;
}
.why-choose .checkout-btn::before {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: -2.0833333333vw;
  left: -2.6041666667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn::before {
    width: 6.75vw;
    height: 6.75vw;
    top: -2.5vw;
    left: -3.125vw;
  }
}
.why-choose .checkout-btn::after {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: 1.9791666667vw;
  right: -0.5729166667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: -1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn::after {
    width: 6.75vw;
    height: 6.75vw;
    top: 2.375vw;
    right: -0.6875vw;
  }
}
.why-choose .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 1.1979166667vw;
  font-weight: 800;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .why-choose .checkout-btn span {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn span {
    font-size: 1.375vw;
  }
}
.why-choose .checkout-btn svg {
  color: #142A3E;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .why-choose .checkout-btn svg {
    width: 5.3846153846vw;
    height: 5.3846153846vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .why-choose .checkout-btn svg {
    width: 1.75vw;
    height: 1.75vw;
  }
}

.how2027-sec {
  width: 100%;
  padding: 4.1666666667vw 0 2.0833333333vw;
  background: #FBF7F0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec {
    padding: 4.1666666667vw 0 2.0833333333vw;
  }
}
@media (max-width: 990px) {
  .how2027-sec {
    padding: 10.2564102564vw 4.1025641026vw 5.1282051282vw;
    background: #fff;
  }
}
.how2027-sec .star1 {
  position: absolute;
  top: 3.6458333333vw;
  left: 38.6458333333vw;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  animation: starZoom 2s ease-in-out infinite;
  transform-origin: center;
}
@media (max-width: 990px) {
  .how2027-sec .star1 {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .star1 {
    top: 4.375vw;
    left: 36.25vw;
    width: 2.5vw;
    height: 2.5vw;
  }
}
@keyframes starZoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.how2027-sec .star2 {
  position: absolute;
  right: 5.8333333333vw;
  top: 14.1145833333vw;
  width: 1.5104166667vw;
  height: 1.5104166667vw;
  animation: starZoom2 3s ease-in-out infinite;
  transform-origin: center;
}
@media (max-width: 990px) {
  .how2027-sec .star2 {
    width: 7.4358974359vw;
    height: 7.4358974359vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .star2 {
    right: 7vw;
    top: 16.9375vw;
    width: 1.8125vw;
    height: 1.8125vw;
  }
}
@keyframes starZoom2 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.how2027-sec .banner-rightimg {
  position: absolute;
  bottom: 0;
  z-index: 0;
  right: 9.375vw;
  width: 41.875vw;
  height: 30vw;
}
@media (max-width: 990px) {
  .how2027-sec .banner-rightimg {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .banner-rightimg {
    right: 1.875vw;
    width: 50.25vw;
    height: 36vw;
  }
}
.how2027-sec .rings {
  position: absolute;
  bottom: 0;
  z-index: 0;
  padding: 0.2604166667vw;
  right: 9.375vw;
  width: 41.875vw;
  height: 30vw;
}
@media (max-width: 990px) {
  .how2027-sec .rings {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .rings {
    padding: 0.3125vw;
    right: 1.875vw;
    width: 50.25vw;
    height: 36vw;
  }
}
.how2027-sec .rings svg {
  width: 100%;
  height: 100%;
  display: block;
}
.how2027-sec .rings .ring {
  fill: none;
  stroke: #e6c9a0;
  stroke-width: 1;
}
.how2027-sec .rings .star {
  fill: none;
  stroke: #d98a2b;
  stroke-width: 1;
}
.how2027-sec .rings .dot {
  fill: #d98a2b;
}
.how2027-sec .rings .spin {
  transform-box: view-box;
  transform-origin: 49.88% 69.79%;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.how2027-sec .rings .r1 {
  animation-name: left;
  animation-duration: 40s;
}
.how2027-sec .rings .r2 {
  animation-name: right;
  animation-duration: 30s;
}
.how2027-sec .rings .r3 {
  animation-name: left;
  animation-duration: 24s;
}
.how2027-sec .rings .r4 {
  animation-name: right;
  animation-duration: 18s;
}
@keyframes right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.how2027-sec .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .how2027-sec .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .container-fluid {
    max-width: 88.75vw;
  }
}
@media (max-width: 990px) {
  .how2027-sec .col-lg-5, .how2027-sec .col-md-5, .how2027-sec .col-12 {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .col-lg-5, .how2027-sec .col-md-5, .how2027-sec .col-12 {
    padding: 0;
  }
}
.how2027-sec .bannertext h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 700;
  margin-bottom: 0.625vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext h4 {
    font-size: 1.125vw;
    margin-bottom: 0.75vw;
  }
}
.how2027-sec .bannertext h1 {
  color: #142A3E;
  font-family: Lora;
  font-style: normal;
  font-weight: 400;
  width: 36.4583333333vw;
  font-size: 3.6458333333vw;
  line-height: 4.0625vw;
  margin-bottom: 0.78125vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext h1 {
    width: 100%;
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext h1 {
    width: 43.75vw;
    font-size: 4.375vw;
    line-height: 4.875vw;
    margin-bottom: 0.9375vw;
  }
}
.how2027-sec .bannertext h1 span {
  color: #D88A2D;
  font-style: italic;
}
.how2027-sec .bannertext p {
  width: 33.8541666667vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.09375vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 1.5625vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext p {
    width: 100%;
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext p {
    width: 40.625vw;
    font-size: 1.375vw;
    line-height: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
.how2027-sec .bannertext .feature-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5208333333vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list {
    gap: 2.5641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list {
    gap: 0.9375vw;
  }
}
.how2027-sec .bannertext .feature-list .feature-box {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list .feature-box {
    gap: 2.0512820513vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list .feature-box {
    gap: 0.5vw;
    align-items: flex-end;
  }
}
.how2027-sec .bannertext .feature-list .feature-box .feature-icon {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon {
    width: 1.875vw;
    height: 1.875vw;
  }
}
.how2027-sec .bannertext .feature-list .feature-box .feature-icon .minicon {
  width: 1.3020833333vw;
  height: 1.3020833333vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon .minicon {
    width: 6.4102564103vw;
    height: 6.4102564103vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon .minicon {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
.how2027-sec .bannertext .feature-list .feature-box .feature-icon svg {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon svg {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-icon svg {
    width: 1.875vw;
    height: 1.875vw;
  }
}
.how2027-sec .bannertext .feature-list .feature-box .feature-text {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-text {
    font-size: 3.8461538462vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .feature-list .feature-box .feature-text {
    font-size: 1.125vw;
  }
}
.how2027-sec .bannertext .checkout-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.0208333333vw;
  height: 3.59375vw;
  margin: 1.0416666667vw 0;
  gap: 0.6770833333vw;
  border-radius: 0.4166666667vw;
  background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .checkout-btn {
    display: none;
    width: 64.1025641026vw;
    height: 12.3076923077vw;
    margin: 5.1282051282vw 0;
    gap: 3.3333333333vw;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn {
    width: 21.625vw;
    height: 4.3125vw;
    margin: 2.5vw 0 1.25vw;
    gap: 0.8125vw;
    border-radius: 0.5vw;
  }
}
.how2027-sec .bannertext .checkout-btn:hover {
  transform: translateY(-0.15625vw);
  box-shadow: 0 0.4166666667vw 1.1458333333vw rgba(214, 147, 57, 0.28), inset 0 0.0520833333vw 0.0520833333vw rgba(255, 255, 255, 0.65);
  filter: saturate(1.08);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn:hover {
    transform: translateY(-0.1875vw);
    box-shadow: 0 0.5vw 1.375vw rgba(214, 147, 57, 0.28), inset 0 0.0625vw 0.0625vw rgba(255, 255, 255, 0.65);
  }
}
.how2027-sec .bannertext .checkout-btn:hover::before {
  transform: translate(0.625vw, 0.2604166667vw);
}
.how2027-sec .bannertext .checkout-btn:hover::before {
  opacity: 0.85;
}
.how2027-sec .bannertext .checkout-btn:hover::after {
  transform: translate(-0.4166666667vw, -0.2604166667vw);
}
.how2027-sec .bannertext .checkout-btn:hover::after {
  opacity: 0.9;
}
.how2027-sec .bannertext .checkout-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.1041666667vw 0.4166666667vw rgba(214, 147, 57, 0.18);
  transition-duration: 0.15s;
}
.how2027-sec .bannertext .checkout-btn::before {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: -2.0833333333vw;
  left: -2.6041666667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn::before {
    width: 6.75vw;
    height: 6.75vw;
    top: -2.5vw;
    left: -3.125vw;
  }
}
.how2027-sec .bannertext .checkout-btn::after {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: 1.9791666667vw;
  right: -0.5729166667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: -1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn::after {
    width: 6.75vw;
    height: 6.75vw;
    top: 2.375vw;
    right: -0.6875vw;
  }
}
.how2027-sec .bannertext .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 1.1979166667vw;
  font-weight: 800;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .checkout-btn span {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn span {
    font-size: 1.375vw;
  }
}
.how2027-sec .bannertext .checkout-btn svg {
  color: #142A3E;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .how2027-sec .bannertext .checkout-btn svg {
    width: 5.3846153846vw;
    height: 5.3846153846vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .bannertext .checkout-btn svg {
    width: 1.75vw;
    height: 1.75vw;
  }
}
.how2027-sec .predimage {
  width: 25.15625vw;
  height: 26.40625vw;
  margin: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .how2027-sec .predimage {
    width: 69.2307692308vw;
    height: 72.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .how2027-sec .predimage {
    width: 30.1875vw;
    height: 31.6875vw;
  }
}
.how2027-sec .predimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.how2027-sec .mobile-btn {
  display: none;
}
@media (max-width: 990px) {
  .how2027-sec .mobile-btn {
    display: block !important;
  }
  .how2027-sec .mobile-btn .checkout-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7.6923076923vw auto 0;
    gap: 1.2820512821vw;
    width: 76.9230769231vw;
    height: 15.3846153846vw;
    border-radius: 2.0512820513vw;
    background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
  }
  .how2027-sec .mobile-btn .checkout-btn:hover {
    transform: translateY(-0.7692307692vw);
    box-shadow: 0 2.0512820513vw 5.641025641vw rgba(214, 147, 57, 0.28), inset 0 0.2564102564vw 0.2564102564vw rgba(255, 255, 255, 0.65);
    filter: saturate(1.08);
  }
  .how2027-sec .mobile-btn .checkout-btn:hover::before {
    transform: translate(3.0769230769vw, 1.2820512821vw);
    opacity: 0.85;
  }
  .how2027-sec .mobile-btn .checkout-btn:hover::after {
    transform: translate(-2.0512820513vw, -1.2820512821vw);
    opacity: 0.9;
  }
  .how2027-sec .mobile-btn .checkout-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 0.5128205128vw 2.0512820513vw rgba(214, 147, 57, 0.18);
    transition-duration: 0.15s;
  }
  .how2027-sec .mobile-btn .checkout-btn::before {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: -10.2564102564vw;
    left: -12.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .how2027-sec .mobile-btn .checkout-btn::after {
    width: 27.6923076923vw;
    height: 27.6923076923vw;
    content: "";
    position: absolute;
    top: 9.7435897436vw;
    right: -2.8205128205vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
    filter: blur(22.875825882px);
    pointer-events: none;
    z-index: -1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .how2027-sec .mobile-btn .checkout-btn span {
    color: #142A3E;
    font-family: "DM Sans";
    font-size: 4.6153846154vw;
    font-weight: 800;
    line-height: normal;
    position: relative;
    z-index: 1;
  }
  .how2027-sec .mobile-btn .checkout-btn svg {
    color: #142A3E;
    width: 5.641025641vw;
    height: 5.641025641vw;
    position: relative;
    z-index: 1;
  }
}

.blankdiv {
  background: #FFF;
  height: 4.1666666667vw;
}

.astrology-sec {
  width: 100%;
  padding: 4.1666666667vw 0 0;
  background: #FCF9F5;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec {
    padding: 5vw 0 0;
  }
}
@media (max-width: 990px) {
  .astrology-sec {
    padding: 10.2564102564vw 4.1025641026vw;
  }
}
.astrology-sec .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .astrology-sec .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .container-fluid {
    max-width: 88.75vw;
  }
}
@media (max-width: 990px) {
  .astrology-sec .row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 990px) {
  .astrology-sec .col-lg-5, .astrology-sec .col-md-5, .astrology-sec .col-12 {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .col-lg-5, .astrology-sec .col-md-5, .astrology-sec .col-12 {
    padding: 0;
  }
}
.astrology-sec .astrologyrow {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext {
    margin-top: 20.5128205128vw;
  }
}
.astrology-sec .bannertext h4 {
  color: #E29A53;
  font-family: "Poppins";
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.78125vw;
  font-size: 0.7291666667vw;
  margin-bottom: 1.0416666667vw;
  letter-spacing: 0.2771354167vw;
}
.astrology-sec .bannertext h4::after {
  content: "";
  width: 6.1458333333vw;
  height: 0.0554166667vw;
  background: rgb(226, 154, 83);
  opacity: 0.6;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext h4::after {
    width: 17.9487179487vw;
    height: 0.2728205128vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext h4::after {
    width: 7.375vw;
    height: 0.0665vw;
  }
}
@media (max-width: 990px) {
  .astrology-sec .bannertext h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 3.0769230769vw;
    gap: 2.5641025641vw;
    letter-spacing: 0.5128205128vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext h4 {
    gap: 0.9375vw;
    font-size: 1.125vw;
    margin-bottom: 1.25vw;
    letter-spacing: 0.3325625vw;
  }
}
.astrology-sec .bannertext h1 {
  color: #193044;
  font-family: "Playfair Display";
  font-weight: 600;
  width: 35.4166666667vw;
  font-size: 3.75vw;
  line-height: 4.1666666667vw;
  margin-bottom: 0.78125vw;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext h1 {
    width: 71.7948717949vw;
    font-size: 7.6923076923vw;
    line-height: 10.2564102564vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext h1 {
    width: 42.5vw;
    font-size: 4.5vw;
    line-height: 5vw;
    margin-bottom: 0.9375vw;
  }
}
.astrology-sec .bannertext h1 span {
  color: #D88A2D;
  font-style: italic;
  font-size: 3.9583333333vw;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext h1 span {
    font-size: 7.6923076923vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext h1 span {
    font-size: 4.75vw;
  }
}
.astrology-sec .bannertext p {
  width: 33.8541666667vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 1.4583333333vw;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext p {
    width: 100%;
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext p {
    width: 40.625vw;
    font-size: 1.375vw;
    line-height: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
.astrology-sec .bannertext p b {
  font-weight: 600;
}
.astrology-sec .bannertext .astro-list {
  display: flex;
  align-items: flex-start;
  margin: 1.8229166667vw 0 1.6666666667vw -1.8229166667vw;
  max-width: 38.5416666667vw;
  gap: 0.5208333333vw;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext .astro-list {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .astro-list {
    margin: 2.1875vw 0 2vw -2.1875vw;
    max-width: 46.25vw;
    gap: 0.625vw;
  }
}
.astrology-sec .bannertext .astro-list .astro-box {
  display: flex;
  width: 8.3333333333vw;
  flex-direction: column;
  align-items: center;
  gap: 0.625vw;
  flex: 1;
  text-align: center;
  padding: 0 0.5208333333vw;
  border-right: 0.0520833333vw solid #EFDAC6;
}
.astrology-sec .bannertext .astro-list .astro-box:last-child {
  border-right: 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .astro-list .astro-box {
    gap: 0.75vw;
    width: 10vw;
    padding: 0 0.625vw;
    border-right: 0.0625vw solid #EFDAC6;
  }
}
.astrology-sec .bannertext .astro-list .astro-box .astroicon {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .astro-list .astro-box .astroicon {
    width: 4vw;
    height: 4vw;
  }
}
.astrology-sec .bannertext .astro-list .astro-box .astroicon img {
  width: 100%;
  height: 100%;
}
.astrology-sec .bannertext .astro-list .astro-box .astro-text {
  text-align: center;
}
.astrology-sec .bannertext .astro-list .astro-box .astro-text p {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .astro-list .astro-box .astro-text p {
    font-size: 1vw;
  }
}
.astrology-sec .bannertext .astro-list .astro-box .astro-text span {
  color: #536D87;
  font-family: "DM Sans";
  font-size: 0.625vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0997395833vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .astro-list .astro-box .astro-text span {
    font-size: 0.875vw;
    letter-spacing: 0.1196875vw;
  }
}
.astrology-sec .bannertext .checkout-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.0208333333vw;
  height: 3.59375vw;
  margin: 2.0833333333vw 0 1.0416666667vw;
  gap: 0.6770833333vw;
  border-radius: 0.4166666667vw;
  background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext .checkout-btn {
    display: none;
    width: 64.1025641026vw;
    height: 12.3076923077vw;
    margin: 5.1282051282vw 0;
    gap: 3.3333333333vw;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn {
    width: 21.625vw;
    height: 4.3125vw;
    margin: 2.5vw 0 1.25vw;
    gap: 0.8125vw;
    border-radius: 0.5vw;
  }
}
.astrology-sec .bannertext .checkout-btn:hover {
  transform: translateY(-0.15625vw);
  box-shadow: 0 0.4166666667vw 1.1458333333vw rgba(214, 147, 57, 0.28), inset 0 0.0520833333vw 0.0520833333vw rgba(255, 255, 255, 0.65);
  filter: saturate(1.08);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn:hover {
    transform: translateY(-0.1875vw);
    box-shadow: 0 0.5vw 1.375vw rgba(214, 147, 57, 0.28), inset 0 0.0625vw 0.0625vw rgba(255, 255, 255, 0.65);
  }
}
.astrology-sec .bannertext .checkout-btn:hover::before {
  transform: translate(0.625vw, 0.2604166667vw);
}
.astrology-sec .bannertext .checkout-btn:hover::before {
  opacity: 0.85;
}
.astrology-sec .bannertext .checkout-btn:hover::after {
  transform: translate(-0.4166666667vw, -0.2604166667vw);
}
.astrology-sec .bannertext .checkout-btn:hover::after {
  opacity: 0.9;
}
.astrology-sec .bannertext .checkout-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.1041666667vw 0.4166666667vw rgba(214, 147, 57, 0.18);
  transition-duration: 0.15s;
}
.astrology-sec .bannertext .checkout-btn::before {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: -2.0833333333vw;
  left: -2.6041666667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn::before {
    width: 6.75vw;
    height: 6.75vw;
    top: -2.5vw;
    left: -3.125vw;
  }
}
.astrology-sec .bannertext .checkout-btn::after {
  width: 5.625vw;
  height: 5.625vw;
  content: "";
  position: absolute;
  top: 1.9791666667vw;
  right: -0.5729166667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: -1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn::after {
    width: 6.75vw;
    height: 6.75vw;
    top: 2.375vw;
    right: -0.6875vw;
  }
}
.astrology-sec .bannertext .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 1.1979166667vw;
  font-weight: 800;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext .checkout-btn span {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn span {
    font-size: 1.375vw;
  }
}
.astrology-sec .bannertext .checkout-btn svg {
  color: #142A3E;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .astrology-sec .bannertext .checkout-btn svg {
    width: 5.3846153846vw;
    height: 5.3846153846vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .bannertext .checkout-btn svg {
    width: 1.75vw;
    height: 1.75vw;
  }
}
.astrology-sec .astroimg {
  width: 34.375vw;
  height: 39.0625vw;
  position: relative;
}
@media (max-width: 990px) {
  .astrology-sec .astroimg {
    width: 100%;
    height: 100.7692307692vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg {
    width: 41.25vw;
    height: 47.8125vw;
  }
}
.astrology-sec .astroimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.astrology-sec .astroimg .founder-card {
  position: absolute;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  left: 3.9583333333vw;
  bottom: 9.8958333333vw;
  width: 28.6458333333vw;
  height: 5.7291666667vw;
  padding: 0 1.7708333333vw;
  gap: 1.3020833333vw;
  border-radius: 0.78125vw;
  box-shadow: 0 0.8333333333vw 1.40625vw 0 rgba(152, 108, 66, 0.13);
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card {
    left: 50%;
    transform: translateX(-50%);
    bottom: -7.9487179487vw;
    width: 100%;
    height: 17.6923076923vw;
    padding: 0 5.1282051282vw;
    gap: 3.3333333333vw;
    border-radius: 3.8461538462vw;
    box-shadow: 0 4.1025641026vw 6.9230769231vw 0 rgba(152, 108, 66, 0.13);
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card {
    left: 4.75vw;
    bottom: 11.875vw;
    width: 34.375vw;
    height: 6.875vw;
    padding: 0 2.125vw;
    gap: 1.5625vw;
    border-radius: 0.9375vw;
    box-shadow: 0 1vw 1.6875vw 0 rgba(152, 108, 66, 0.13);
  }
}
.astrology-sec .astroimg .founder-card .who {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 14.5833333333vw;
  gap: 0.5208333333vw;
  flex-shrink: 0;
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card .who {
    width: 48.7179487179vw;
    gap: 1.2820512821vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card .who {
    width: 17.5vw;
    gap: 0.625vw;
  }
}
.astrology-sec .astroimg .founder-card .who::after {
  content: "";
  width: 0.0554166667vw;
  height: 2.3831770833vw;
  background: #EFDAC6;
  position: absolute;
  right: 0;
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card .who::after {
    width: 0.2728205128vw;
    height: 8.9743589744vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card .who::after {
    width: 0.0665vw;
    height: 2.8598125vw;
  }
}
.astrology-sec .astroimg .founder-card .who p {
  color: #193044;
  font-family: "Cormorant Garamond";
  font-size: 1.4409895833vw;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card .who p {
    font-size: 1.7291875vw;
  }
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card .who p {
    font-size: 5.1282051282vw;
  }
}
.astrology-sec .astroimg .founder-card .who small {
  display: block;
  color: #CE813B;
  font-family: "Poppins";
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0997395833vw;
  text-transform: uppercase;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card .who small {
    font-size: 0.75vw;
    letter-spacing: 0.1196875vw;
  }
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card .who small {
    font-size: 2.3076923077vw;
    letter-spacing: 0.2615384615vw;
  }
}
.astrology-sec .astroimg .founder-card .sig {
  color: #80563C;
  font-family: "Caveat";
  font-size: 1.6666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 8.6979166667vw;
  transform: rotate(-9deg);
  flex-shrink: 0;
}
@media (max-width: 990px) {
  .astrology-sec .astroimg .founder-card .sig {
    font-size: 4.6153846154vw;
    width: 25.641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .astrology-sec .astroimg .founder-card .sig {
    font-size: 2vw;
    width: 10.4375vw;
  }
}

.seen-sec {
  width: 100%;
  padding: 0 0 2.0833333333vw;
  background: #FCF9F5;
  z-index: 9;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec {
    padding: 0 0 2.0833333333vw;
  }
}
@media (max-width: 990px) {
  .seen-sec {
    padding: 5.1282051282vw 4.1025641026vw 10.2564102564vw;
    display: none;
  }
}
.seen-sec .container-fluid {
  max-width: 89.5833333333vw;
}
@media (max-width: 990px) {
  .seen-sec .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .container-fluid {
    max-width: 107.5vw;
  }
}
.seen-sec .seen-title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.7708333333vw;
  margin-bottom: 1.3020833333vw;
}
@media (max-width: 990px) {
  .seen-sec .seen-title {
    gap: 8.7179487179vw;
    margin-bottom: 6.4102564103vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .seen-title {
    gap: 2.125vw;
    margin-bottom: 1.5625vw;
  }
}
.seen-sec .seen-title p {
  color: #E29A53;
  font-family: "Poppins";
  text-transform: uppercase;
  font-weight: 500;
  line-height: normal;
  font-size: 0.8333333333vw;
  letter-spacing: 0.30484375vw;
  margin-bottom: 0;
  margin-top: -0.625vw;
}
@media (max-width: 990px) {
  .seen-sec .seen-title p {
    font-size: 4.1025641026vw;
    letter-spacing: 1.5007692308vw;
    margin-top: -3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .seen-title p {
    font-size: 1vw;
    letter-spacing: 0.3658125vw;
    margin-top: -0.75vw;
  }
}
.seen-sec .seen-title::after, .seen-sec .seen-title::before {
  content: "";
  height: 0.0554166667vw;
  flex: 1;
  background: #EFDAC6;
}
@media (max-width: 990px) {
  .seen-sec .seen-title::after, .seen-sec .seen-title::before {
    height: 0.2728205128vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .seen-title::after, .seen-sec .seen-title::before {
    height: 0.0665vw;
  }
}
.seen-sec .see-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5208333333vw;
  width: 70.625vw;
  align-self: stretch;
  margin: auto;
}
@media (max-width: 990px) {
  .seen-sec .see-logo {
    gap: 2.5641025641vw;
    width: 64.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .see-logo {
    gap: 0.625vw;
    width: 84.75vw;
  }
}
.seen-sec .see-logo::after, .seen-sec .see-logo::before {
  content: "";
  height: 0.0554166667vw;
  width: 7.2916666667vw;
  background: #EFDAC6;
}
@media (max-width: 990px) {
  .seen-sec .see-logo::after, .seen-sec .see-logo::before {
    height: 0.2728205128vw;
    width: 35.8974358974vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .see-logo::after, .seen-sec .see-logo::before {
    height: 0.0665vw;
    width: 8.75vw;
  }
}
.seen-sec .logoSwiper .swiper-wrapper {
  padding: 0.625vw 0;
  justify-content: center;
}
@media (max-width: 990px) {
  .seen-sec .logoSwiper .swiper-wrapper {
    padding: 3.0769230769vw 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .logoSwiper .swiper-wrapper {
    padding: 0.75vw 0;
  }
}
.seen-sec .logoSwiper .swiper-wrapper .swiper-slide {
  width: 12.1875vw;
  margin: 0 0.5208333333vw;
  transition: 0.5s linear;
}
@media (max-width: 990px) {
  .seen-sec .logoSwiper .swiper-wrapper .swiper-slide {
    width: 60vw;
    margin: 0 2.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .logoSwiper .swiper-wrapper .swiper-slide {
    width: 14.625vw;
    margin: 0 0.625vw;
  }
}
.seen-sec .logoSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.seen-sec .single {
  height: 2.7604166667vw;
}
@media (max-width: 990px) {
  .seen-sec .single {
    height: auto;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .seen-sec .single {
    height: 3.3125vw;
  }
}

.our-learners {
  padding: 4.1666666667vw 0;
  background: #fff;
}
@media (max-width: 990px) {
  .our-learners {
    padding: 10.2564102564vw 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners {
    padding: 5vw 0;
  }
}
.our-learners .container-fluid {
  max-width: 73.9583333333vw;
  padding: 0;
}
@media (max-width: 990px) {
  .our-learners .container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .container-fluid {
    max-width: 88.75vw;
  }
}
.our-learners .wrapper {
  display: flex;
  align-items: center;
  gap: 1.3020833333vw;
}
@media (max-width: 990px) {
  .our-learners .wrapper {
    gap: 2.5641025641vw;
    flex-direction: column;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper {
    gap: 1.5625vw;
  }
}
.our-learners .wrapper .heading {
  flex: 1;
  width: 100%;
}
.our-learners .wrapper .heading h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0416666667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .our-learners .wrapper .heading h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 1.2820512821vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .heading h4 {
    font-size: 1.125vw;
  }
}
.our-learners .wrapper .heading h2 {
  color: #193044;
  font-family: Lora;
  font-weight: 400;
  width: 35.4166666667vw;
  font-size: 2.4479166667vw;
  font-style: italic;
}
@media (max-width: 990px) {
  .our-learners .wrapper .heading h2 {
    width: 100%;
    font-size: 7.6923076923vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .heading h2 {
    width: 42.5vw;
    font-size: 2.9375vw;
  }
}
.our-learners .wrapper .seeall {
  width: 13.5416666667vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1.0416666667vw;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall {
    flex-direction: column;
    gap: 2.5641025641vw;
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall {
    width: 16.25vw;
    gap: 1.25vw;
  }
}
.our-learners .wrapper .seeall a {
  display: flex;
  align-items: center;
  gap: 0.2604166667vw;
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall a {
    gap: 1.2820512821vw;
    font-size: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall a {
    gap: 0.3125vw;
    font-size: 1.125vw;
  }
}
.our-learners .wrapper .seeall a svg {
  width: 0.78125vw;
  height: 0.78125vw;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall a svg {
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall a svg {
    width: 1.125vw;
    height: 1.125vw;
  }
}
.our-learners .wrapper .seeall .learner-arrows {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall .learner-arrows {
    gap: 2.5641025641vw;
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall .learner-arrows {
    gap: 0.625vw;
  }
}
.our-learners .wrapper .seeall .learner-arrows button {
  display: block;
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  padding: 0;
  border: none;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall .learner-arrows button {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall .learner-arrows button {
    width: 1.4375vw;
    height: 1.4375vw;
  }
}
.our-learners .wrapper .seeall .learner-arrows button svg {
  display: block;
  width: 1.1979166667vw;
  height: 1.1979166667vw;
}
@media (max-width: 990px) {
  .our-learners .wrapper .seeall .learner-arrows button svg {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .wrapper .seeall .learner-arrows button svg {
    width: 1.4375vw;
    height: 1.4375vw;
  }
}
.our-learners .learner-box {
  margin: 1.0416666667vw 0 0;
  overflow: hidden;
}
@media (max-width: 990px) {
  .our-learners .learner-box {
    margin: 5.1282051282vw 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box {
    margin: 1.25vw 0 0;
  }
}
.our-learners .learner-box .swiper-wrapper {
  height: auto;
}
.our-learners .learner-box .swiper-slide {
  width: 18.0729166667vw;
  height: auto;
  margin-right: 0.5208333333vw;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .our-learners .learner-box .swiper-slide {
    width: 76.9230769231vw;
    margin-right: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .swiper-slide {
    width: 21.6875vw;
    margin-right: 0.625vw;
  }
}
.our-learners .learner-box .testcard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  min-height: 17.34375vw;
  box-sizing: border-box;
  padding: 0.2604166667vw;
  border: 0.0520833333vw solid #EFEFEF;
  border-radius: 0.3125vw;
  background: #F6F6F6;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard {
    min-height: 85.3846153846vw;
    padding: 1.2820512821vw;
    border: 0.2564102564vw solid #EFEFEF;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard {
    min-height: 20.8125vw;
    padding: 0.3125vw;
    border: 0.0625vw solid #EFEFEF;
    border-radius: 0.375vw;
  }
}
.our-learners .learner-box .testcard .video-card {
  position: relative;
  width: 100%;
  max-width: 13.6979166667vw;
  height: 8.2291666667vw;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.3125vw;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .video-card {
    max-width: 100%;
    height: 40.5128205128vw;
    border-radius: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .video-card {
    max-width: 16.4375vw;
    height: 9.875vw;
    border-radius: 0.375vw;
  }
}
.our-learners .learner-box .testcard .video-card video,
.our-learners .learner-box .testcard .video-card iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  display: block;
}
.our-learners .learner-box .testcard .content-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1;
  padding: 0.78125vw 0.5208333333vw;
  gap: 0.3125vw;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card {
    padding: 3.8461538462vw 2.5641025641vw;
    gap: 1.5384615385vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card {
    padding: 0.9375vw 0.625vw;
    gap: 0.375vw;
  }
}
.our-learners .learner-box .testcard .content-card .staricon {
  color: #EC902D;
  font-size: 1.0416666667vw;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card .staricon {
    font-size: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card .staricon {
    font-size: 1.25vw;
  }
}
.our-learners .learner-box .testcard .content-card p {
  color: #171717;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card p {
    font-size: 4.1025641026vw;
    line-height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card p {
    font-size: 1vw;
    line-height: 1.375vw;
  }
}
.our-learners .learner-box .testcard .content-card .footerhead {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.7291666667vw;
  padding-top: 0.5208333333vw;
  margin-top: auto;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card .footerhead {
    gap: 3.5897435897vw;
    padding-top: 2.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card .footerhead {
    gap: 0.875vw;
    padding-top: 0.625vw;
  }
}
.our-learners .learner-box .testcard .content-card .footerhead .avatar {
  min-width: 2.1354166667vw;
  width: 2.1354166667vw;
  height: 2.1354166667vw;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card .footerhead .avatar {
    min-width: 8.9743589744vw;
    width: 8.9743589744vw;
    height: 8.9743589744vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card .footerhead .avatar {
    min-width: 2.5625vw;
    width: 2.5625vw;
    height: 2.5625vw;
  }
}
.our-learners .learner-box .testcard .content-card .footerhead .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.our-learners .learner-box .testcard .content-card .footerhead .text h4 {
  color: #171717;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-weight: 700;
  margin-bottom: 0.15625vw;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card .footerhead .text h4 {
    font-size: 3.5897435897vw;
    margin-bottom: 0.7692307692vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card .footerhead .text h4 {
    font-size: 1vw;
    margin-bottom: 0.1875vw;
  }
}
.our-learners .learner-box .testcard .content-card .footerhead .text h6 {
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-weight: 400;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .our-learners .learner-box .testcard .content-card .footerhead .text h6 {
    font-size: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .our-learners .learner-box .testcard .content-card .footerhead .text h6 {
    font-size: 0.875vw;
  }
}

.faq-wrapper-gov {
  padding: 1.0416666667vw 0 2.6041666667vw;
  background: #fff;
}
@media (max-width: 990px) {
  .faq-wrapper-gov {
    padding: 5.1282051282vw 4.1025641026vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov {
    padding: 1.25vw 0 3.125vw;
  }
}
.faq-wrapper-gov .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .container-fluid {
    max-width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .container-fluid {
    max-width: 88.75vw;
  }
}
.faq-wrapper-gov .heading {
  text-align: center;
}
.faq-wrapper-gov .heading h4 {
  color: #775E49;
  font-family: "DM Sans";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8854166667vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .heading h4 {
    font-size: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .heading h4 {
    font-size: 1.125vw;
  }
}
.faq-wrapper-gov .heading h2 {
  color: #193044;
  font-family: Lora;
  font-weight: 400;
  font-size: 2.4479166667vw;
  font-style: italic;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .heading h2 {
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .heading h2 {
    font-size: 2.9375vw;
    margin-bottom: 1.25vw;
  }
}
.faq-wrapper-gov .gov-accordion-box {
  position: relative;
  margin-top: 2.0833333333vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box {
    margin-top: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box {
    margin-top: 2.5vw;
  }
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .col-md-6 {
    width: 100%;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item {
  background: #FBFBFB;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  overflow: hidden;
  border-radius: 0.8333333333vw;
  margin-bottom: 0.5208333333vw;
  border: 0.0520833333vw solid #F3F4F6;
  padding: 0.78125vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item {
    border-radius: 1vw;
    margin-bottom: 0.625vw;
    border: 0.0625vw solid #F3F4F6;
    padding: 0.9375vw;
  }
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item {
    border-radius: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
    border: 0.2564102564vw solid #F3F4F6;
    padding: 2.5641025641vw 1.0256410256vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item.active {
  border: 0.0520833333vw solid #D88A2D;
  background: #FCF9F5;
  box-shadow: 0.2604166667vw 0 0.0520833333vw 0 #D88A2D inset;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item.active {
    border: 0.0625vw solid #D88A2D;
    box-shadow: 0.3125vw 0 0.0625vw 0 #D88A2D inset;
  }
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item.active {
    border: 0.2564102564vw solid #D88A2D;
    box-shadow: 1.2820512821vw 0 0.2564102564vw 0 #D88A2D inset;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item.active .accordion-header .faq-index {
  color: #D88A2D;
}
.faq-wrapper-gov .gov-accordion-box .faq-item.active .accordion-header .faq-chevron {
  background: #D88A2D;
  transform: rotate(180deg);
}
.faq-wrapper-gov .gov-accordion-box .faq-item.active .accordion-header .faq-chevron svg {
  stroke: #FFF;
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-btn {
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  width: 100%;
  background: none;
  border: none;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-btn {
    gap: 2.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-btn {
    gap: 1vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-btn:focus {
  box-shadow: none;
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background: #F3F4F6;
  flex-shrink: 0;
  transition: transform 0.25s ease, background 0.2s ease;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron {
    width: 1.5vw;
    height: 1.5vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron svg {
  width: 0.625vw;
  height: 0.625vw;
  stroke: #575757;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron svg {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-chevron svg {
    width: 1.125vw;
    height: 1.125vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-index {
  color: #536273;
  font-family: "DM Sans";
  font-weight: 600;
  font-size: 0.8333333333vw;
  line-height: 0.8333333333vw;
  letter-spacing: 0.0520833333vw;
  min-width: 1.0416666667vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-index {
    font-size: 4.1025641026vw;
    line-height: 4.1025641026vw;
    letter-spacing: 0.2564102564vw;
    min-width: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-index {
    font-size: 1.25vw;
    line-height: 1.25vw;
    letter-spacing: 0.0625vw;
    min-width: 1.25vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-text {
  flex: 1;
  color: #1E2939;
  font-family: "DM Sans";
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 1.0416666667vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-text {
    font-size: 3.8461538462vw;
    line-height: 5.641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .accordion-header .faq-question-text {
    font-size: 1.25vw;
    line-height: 1.375vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .faq-answer-body {
  padding: 0.5208333333vw 0.5208333333vw 0 2.0833333333vw;
  color: #575757;
  font-weight: 400;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  line-height: 1.09375vw;
}
@media (max-width: 990px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .faq-answer-body {
    padding: 2.5641025641vw 2.5641025641vw 0 6.4102564103vw;
    font-size: 3.5897435897vw;
    line-height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .faq-wrapper-gov .gov-accordion-box .faq-item .faq-answer-body {
    font-size: 1.125vw;
    line-height: 1.5vw;
    padding: 0.625vw 0.625vw 0 2.5vw;
  }
}
.faq-wrapper-gov .gov-accordion-box .faq-item .faq-answer-body a {
  color: #D88A2D;
  text-decoration: none;
}

.cta {
  background-image: url(../images/ctabg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%;
  height: 5.2083333333vw;
  overflow: hidden;
  position: sticky;
  bottom: 0;
  z-index: 9999;
}
@media (max-width: 990px) {
  .cta {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta {
    height: 6.25vw;
  }
}
.cta .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .cta .container-fluid {
    max-width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .container-fluid {
    max-width: 88.75vw;
  }
}
.cta .wrapper {
  width: 73.9583333333vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper {
    width: 88.75vw;
  }
}
@media (max-width: 990px) {
  .cta .wrapper {
    width: 100%;
    border-radius: 2.5641025641vw;
    padding-top: 5.1282051282vw;
  }
}
.cta .wrapper .b-left {
  display: flex;
  width: 35.4166666667vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5208333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-left {
    gap: 0.625vw;
  }
}
.cta .wrapper .b-left h4 {
  color: #EDBE79;
  font-family: "DM Sans";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.625vw;
  letter-spacing: 0.2560416667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .cta .wrapper .b-left h4 {
    font-size: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-left h4 {
    font-size: 0.875vw;
    letter-spacing: 0.18225vw;
  }
}
.cta .wrapper .b-left h2 {
  color: #fff;
  font-family: Lora;
  font-weight: 700;
  font-size: 1.5625vw;
  line-height: 1.3020833333vw;
  font-style: italic;
}
@media (max-width: 990px) {
  .cta .wrapper .b-left h2 {
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-left h2 {
    font-size: 1.875vw;
    line-height: 1.5625vw;
  }
}
.cta .wrapper .b-left h2 span {
  background: linear-gradient(90deg, #FECF86 0%, #E5BA77 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
.cta .wrapper .booksbox {
  width: 10.4166666667vw;
  height: 5.2083333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .booksbox {
    width: 12.5vw;
    height: 6.25vw;
  }
}
.cta .wrapper .booksbox .bookimg {
  width: 6.5625vw;
  height: 5.2083333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .booksbox .bookimg {
    width: 7.875vw;
    height: 6.25vw;
  }
}
.cta .wrapper .booksbox .bookimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta .wrapper .b-right {
  display: flex;
  width: 22.2395833333vw;
  flex-direction: column;
  align-items: center;
  gap: 0.625vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right {
    width: 26.6875vw;
    gap: 0.75vw;
  }
}
.cta .wrapper .b-right h4 {
  color: #F6F4F0;
  text-align: center;
  font-family: Lora;
  font-size: 1.0416666667vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1.25vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .cta .wrapper .b-right h4 {
    font-size: 3.5897435897vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right h4 {
    font-size: 1.25vw;
    line-height: 1.5vw;
  }
}
.cta .wrapper .b-right .checkout-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.3333333333vw;
  height: 2.34375vw;
  gap: 0.2604166667vw;
  border-radius: 0.4166666667vw;
  background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn {
    width: 10vw;
    height: 2.8125vw;
    gap: 0.3125vw;
    border-radius: 0.5vw;
  }
}
.cta .wrapper .b-right .checkout-btn:hover {
  transform: translateY(-0.15625vw);
  box-shadow: 0 0.4166666667vw 1.1458333333vw rgba(214, 147, 57, 0.28), inset 0 0.0520833333vw 0.0520833333vw rgba(255, 255, 255, 0.65);
  filter: saturate(1.08);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn:hover {
    transform: translateY(-0.1875vw);
    box-shadow: 0 0.5vw 1.375vw rgba(214, 147, 57, 0.28), inset 0 0.0625vw 0.0625vw rgba(255, 255, 255, 0.65);
  }
}
.cta .wrapper .b-right .checkout-btn:hover::before {
  transform: translate(0.625vw, 0.2604166667vw);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn:hover::before {
    transform: translate(0.75vw, 0.3125vw);
  }
}
.cta .wrapper .b-right .checkout-btn:hover::before {
  opacity: 0.85;
}
.cta .wrapper .b-right .checkout-btn:hover::after {
  transform: translate(-0.4166666667vw, -0.2604166667vw);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn:hover::after {
    transform: translate(-0.5vw, -0.3125vw);
  }
}
.cta .wrapper .b-right .checkout-btn:hover::after {
  opacity: 0.9;
}
.cta .wrapper .b-right .checkout-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.1041666667vw 0.4166666667vw rgba(214, 147, 57, 0.18);
  transition-duration: 0.15s;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn:active {
    box-shadow: 0 0.125vw 0.5vw rgba(214, 147, 57, 0.18);
  }
}
.cta .wrapper .b-right .checkout-btn::before {
  width: 3.59375vw;
  height: 3.59375vw;
  content: "";
  position: absolute;
  top: -2.0833333333vw;
  left: -2.6041666667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn::before {
    width: 4.3125vw;
    height: 4.3125vw;
    top: -2.5vw;
    left: -3.125vw;
  }
}
.cta .wrapper .b-right .checkout-btn::after {
  width: 3.59375vw;
  height: 3.59375vw;
  content: "";
  position: absolute;
  top: 1.9791666667vw;
  right: -0.5729166667vw;
  background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
  filter: blur(22.875825882px);
  pointer-events: none;
  z-index: -1;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn::after {
    width: 4.3125vw;
    height: 4.3125vw;
    top: 2.375vw;
    right: -0.6875vw;
  }
}
.cta .wrapper .b-right .checkout-btn span {
  color: #142A3E;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-weight: 600;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn span {
    font-size: 1vw;
  }
}
.cta .wrapper .b-right .checkout-btn svg {
  color: #142A3E;
  width: 0.9375vw;
  height: 0.9375vw;
  position: relative;
  z-index: 1;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right .checkout-btn svg {
    width: 1.125vw;
    height: 1.125vw;
  }
}
.cta .wrapper .b-right .blink-zoom {
  animation: blinkZoom 1.5s infinite;
}
@keyframes blinkZoom {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.cta .wrapper .b-right h5 {
  color: #F6F4F0;
  text-align: center;
  font-family: "DM Sans";
  font-size: 0.625vw;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1354166667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .cta .wrapper .b-right h5 {
    font-size: 3.5897435897vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .cta .wrapper .b-right h5 {
    font-size: 1.125vw;
  }
}

.mobilecard {
  display: none;
}
@media (max-width: 990px) {
  .mobilecard {
    background-image: url(../images/mobilebg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
    height: 25.641025641vw;
    padding: 3.8461538462vw;
    overflow: hidden;
    display: flex;
    gap: 2.5641025641vw;
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 999;
    position: sticky;
  }
  .mobilecard .divleft {
    flex: 1;
  }
  .mobilecard .divleft h4 {
    color: #fff;
    font-family: "DM Sans";
    font-size: 3.0769230769vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
  }
  .mobilecard .divleft h2 {
    color: #fff;
    font-family: "Lora";
    font-weight: 600;
    font-size: 4.6153846154vw;
    line-height: normal;
    margin-bottom: 1.5384615385vw;
  }
  .mobilecard .divleft h2 span {
    background: linear-gradient(90deg, #FECF86 0%, #E5BA77 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
  }
  .mobilecard .divleft .checkout-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25.641025641vw;
    height: 8.4615384615vw;
    border-radius: 10.7692307692vw;
    background: linear-gradient(180deg, #FAD88C 25.93%, #D69339 89.14%, #FAD9AD 107.41%);
    color: #071B2E;
    font-family: "DM Sans";
    font-size: 3.5897435897vw;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
  }
  .mobilecard .divleft .checkout-btn:hover {
    transform: translateY(-0.7692307692vw);
    box-shadow: 0 2.0512820513vw 5.641025641vw rgba(214, 147, 57, 0.28), inset 0 0.2564102564vw 0.2564102564vw rgba(255, 255, 255, 0.65);
    filter: saturate(1.08);
  }
  .mobilecard .divleft .checkout-btn:hover::before {
    transform: translate(3.0769230769vw, 1.2820512821vw);
    opacity: 0.85;
  }
  .mobilecard .divleft .checkout-btn:hover::after {
    transform: translate(-2.0512820513vw, -1.2820512821vw);
    opacity: 0.9;
  }
  .mobilecard .divleft .checkout-btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 0.5128205128vw 2.0512820513vw rgba(214, 147, 57, 0.18);
    transition-duration: 0.15s;
  }
  .mobilecard .divleft .checkout-btn::before {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    content: "";
    position: absolute;
    top: -5.1282051282vw;
    left: -5.1282051282vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 100%);
    filter: blur(6.875825882px);
    pointer-events: none;
    z-index: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .mobilecard .divleft .checkout-btn::after {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    content: "";
    position: absolute;
    top: -4.1025641026vw;
    right: 0vw;
    background: linear-gradient(180deg, #FDF6B0 0%, #FAFAFA 80%);
    filter: blur(6.875825882px);
    pointer-events: none;
    z-index: -1;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .mobilecard .divleft .blink-zoom {
    animation: blinkZoom 1.5s infinite;
  }
  @keyframes blinkZoom {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
  }
  .mobilecard .divright {
    width: 25.641025641vw;
    height: 23.0769230769vw;
  }
  .mobilecard .divright img {
    width: 100%;
    height: 100%;
  }
}

.checkout {
  padding: 0;
  background: #FCFAF5;
  position: relative;
  overflow: hidden;
}
.checkout .banner-leftimg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8.6458333333vw;
  height: 9.8958333333vw;
}
@media (max-width: 990px) {
  .checkout .banner-leftimg {
    width: 42.5641025641vw;
    height: 48.7179487179vw;
  }
}
.checkout .banner-rightimg {
  position: absolute;
  top: -0.5208333333vw;
  z-index: 0;
  right: 0vw;
  width: 17.1354166667vw;
  height: 17.2916666667vw;
}
@media (max-width: 990px) {
  .checkout .banner-rightimg {
    display: none;
  }
}
.checkout .star1 {
  position: absolute;
  bottom: 5.7291666667vw;
  right: 7.8125vw;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  animation: starZoom 2s ease-in-out infinite;
  transform-origin: center;
}
@media (max-width: 990px) {
  .checkout .star1 {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .star1 {
    bottom: 6.875vw;
    right: 9.375vw;
    width: 1.25vw;
    height: 1.25vw;
  }
}
@keyframes starZoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.checkout .container-fluid {
  max-width: 73.9583333333vw;
}
@media (max-width: 990px) {
  .checkout .container-fluid {
    max-width: 100%;
    padding: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .container-fluid {
    max-width: 88.75vw;
  }
}
.checkout .checkoutborder {
  display: flex;
  margin: auto;
  width: 86.8229166667vw;
  padding: 2.6041666667vw;
  gap: 2.6041666667vw;
}
@media (max-width: 990px) {
  .checkout .checkoutborder {
    width: 100%;
    padding: 5.1282051282vw;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder {
    width: 104.1875vw;
    padding: 3.125vw;
    gap: 3.125vw;
  }
}
.checkout .checkoutborder .addons {
  display: flex;
  position: relative;
  z-index: 99;
  width: 23.59375vw;
  padding: 1.4583333333vw 1.71875vw;
  flex-direction: column;
  gap: 0.625vw;
  flex-shrink: 0;
  border-radius: 0.6770833333vw;
  border: 0.0484375vw solid #F3ECE0;
  background: linear-gradient(90deg, #FFF 0%, #FFF9ED 100%);
  box-shadow: 0 0.4166666667vw 1.9270833333vw 0 rgba(171, 141, 87, 0.13);
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons {
    width: 100%;
    padding: 5.1282051282vw;
    gap: 3.0769230769vw;
    border-radius: 3.3333333333vw;
    border: 0.2384615385vw solid #F3ECE0;
    box-shadow: 0 2.0512820513vw 9.4871794872vw 0 rgba(171, 141, 87, 0.13);
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons {
    width: 28.3125vw;
    padding: 1.75vw 2.0625vw;
    gap: 0.75vw;
    border-radius: 0.8125vw;
    border: 0.058125vw solid #F3ECE0;
    box-shadow: 0 0.5vw 2.3125vw 0 rgba(171, 141, 87, 0.13);
  }
}
.checkout .checkoutborder .addons h6 {
  color: #E29A53;
  font-family: "Poppins";
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.78125vw;
  font-size: 0.625vw;
  margin-bottom: 0;
  letter-spacing: 0.1276041667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons h6 {
    gap: 0.9375vw;
    font-size: 0.75vw;
    letter-spacing: 0.153125vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons h6 {
    font-size: 3.0769230769vw;
    gap: 3.8461538462vw;
    letter-spacing: 0.5128205128vw;
  }
}
.checkout .checkoutborder .addons h6::after {
  content: "";
  width: 2.34375vw;
  height: 0.0520833333vw;
  background: rgb(226, 154, 83);
  opacity: 0.6;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons h6::after {
    width: 11.5384615385vw;
    height: 0.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons h6::after {
    width: 2.8125vw;
    height: 0.0625vw;
  }
}
.checkout .checkoutborder .addons h5 {
  width: 18.2291666667vw;
  color: #536273;
  font-family: "DM Sans";
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 1.0416666667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons h5 {
    width: 100%;
    font-size: 4.1025641026vw;
    line-height: 5.641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons h5 {
    width: 21.875vw;
    font-size: 0.9375vw;
    line-height: 1.25vw;
  }
}
.checkout .checkoutborder .addons .checkoutbook {
  width: 8.28125vw;
  height: 12.1875vw;
  margin: auto;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .checkoutbook {
    width: 40.7692307692vw;
    height: 60vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .checkoutbook {
    width: 9.9375vw;
    height: 14.625vw;
  }
}
.checkout .checkoutborder .addons .checkoutbook img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.checkout .checkoutborder .addons h2 {
  color: #082039;
  text-align: left;
  font-family: Lora;
  font-size: 1.40625vw;
  font-style: italic;
  font-weight: 400;
  margin: 1.3541666667vw 0 0;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons h2 {
    font-size: 6.9230769231vw;
    margin: 2.5641025641vw 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons h2 {
    font-size: 1.6875vw;
    margin: 1.625vw 0 0;
  }
}
.checkout .checkoutborder .addons .price {
  display: flex;
  align-items: center;
  color: #C86E54;
  font-family: Lora;
  font-weight: 400;
  line-height: normal;
  gap: 0.9375vw;
  font-size: 1.3020833333vw;
  margin-bottom: -0.2604166667vw;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .price {
    gap: 4.6153846154vw;
    font-size: 6.4102564103vw;
    margin-bottom: -1.2820512821vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .price {
    gap: 1.125vw;
    font-size: 1.5625vw;
    margin-bottom: -0.3125vw;
  }
}
.checkout .checkoutborder .addons .price small {
  font-size: 1.8229166667vw;
  font-weight: 700;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .price small {
    font-size: 8.9743589744vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .price small {
    font-size: 2.1875vw;
  }
}
.checkout .checkoutborder .addons p {
  width: 18.2291666667vw;
  color: #153453;
  font-style: italic;
  font-family: "DM Sans";
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.0416666667vw;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons p {
    width: 100%;
    font-size: 4.6153846154vw;
    line-height: 5.641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons p {
    width: 21.875vw;
    font-size: 1.125vw;
    line-height: 1.25vw;
  }
}
.checkout .checkoutborder .addons .feature-list {
  display: flex;
  padding: 0.78125vw 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625vw;
  align-self: stretch;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .feature-list {
    padding: 0.9375vw 0;
    gap: 0.75vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .feature-list {
    padding: 3.8461538462vw 0;
    gap: 3.0769230769vw;
  }
}
.checkout .checkoutborder .addons .feature-list .feature-box {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  align-self: stretch;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .feature-list .feature-box {
    gap: 2.0512820513vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .feature-list .feature-box {
    gap: 1vw;
  }
}
.checkout .checkoutborder .addons .feature-list .feature-box .feature-icon {
  display: flex;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  justify-content: center;
  align-items: center;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .feature-list .feature-box .feature-icon {
    width: 8.9743589744vw;
    height: 8.9743589744vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .feature-list .feature-box .feature-icon {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.checkout .checkoutborder .addons .feature-list .feature-box .feature-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.checkout .checkoutborder .addons .feature-list .feature-box .feature-text {
  color: #405872;
  flex: 1 0 0;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0416666667vw;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .feature-list .feature-box .feature-text {
    font-size: 3.5897435897vw;
    line-height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .feature-list .feature-box .feature-text {
    font-size: 1vw;
    line-height: 1.25vw;
  }
}
.checkout .checkoutborder .addons .addonsbutton {
  display: flex;
  width: 20.15625vw;
  height: 2.9166666667vw;
  padding: 0.5208333333vw 1.5625vw;
  border-radius: 0.5208333333vw;
  gap: 0.5729166667vw;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  justify-content: center;
  background: linear-gradient(90deg, #FFF2CC 0%, #F8DCA0 48%, #F8CA81 78%, #E8AA50 100%);
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .addonsbutton {
    width: 100%;
    height: 12.8205128205vw;
    padding: 2.5641025641vw;
    border-radius: 2.5641025641vw;
    gap: 0vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .addonsbutton {
    width: 24.1875vw;
    height: 3.5vw;
    padding: 0.625vw 1.875vw;
    border-radius: 0.625vw;
    gap: 0.6875vw;
  }
}
.checkout .checkoutborder .addons .addonsbutton input {
  width: 1.3020833333vw;
  height: 1.3020833333vw;
  accent-color: #E8AA50;
  border-radius: 0.2604166667vw;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .addonsbutton input {
    width: 6.4102564103vw;
    height: 6.4102564103vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .addonsbutton input {
    width: 1.5625vw;
    height: 1.5625vw;
    border-radius: 0.3125vw;
  }
}
.checkout .checkoutborder .addons .addonsbutton label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6770833333vw;
  width: 17.1875vw;
  color: #082039;
  font-family: Lora;
  font-size: 0.9895833333vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .addonsbutton label {
    gap: 3.3333333333vw;
    width: 84.6153846154vw;
    font-size: 4.8717948718vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .addonsbutton label {
    gap: 0.8125vw;
    width: 20.625vw;
    font-size: 1.1875vw;
  }
}
.checkout .checkoutborder .addons .addonsbutton label svg {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .addons .addonsbutton label svg {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .addons .addonsbutton label svg {
    width: 1.25vw;
    height: 1.25vw;
  }
}
.checkout .checkoutborder .formdiv {
  display: flex;
  width: 54.6875vw;
  padding-top: 0.9375vw;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  z-index: 99;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv {
    width: 100%;
    padding-top: 4.6153846154vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv {
    width: 59.375vw;
    padding-top: 1.125vw;
  }
}
.checkout .checkoutborder .formdiv h6 {
  color: #E29A53;
  font-family: "Poppins";
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.78125vw;
  font-size: 0.625vw;
  margin-bottom: 0;
  letter-spacing: 0.1276041667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv h6 {
    gap: 0.9375vw;
    font-size: 0.75vw;
    letter-spacing: 0.153125vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv h6 {
    font-size: 3.0769230769vw;
    gap: 3.8461538462vw;
    letter-spacing: 0.5128205128vw;
  }
}
.checkout .checkoutborder .formdiv h6::after {
  content: "";
  width: 2.34375vw;
  height: 0.0520833333vw;
  background: rgb(226, 154, 83);
  opacity: 0.6;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv h6::after {
    width: 11.5384615385vw;
    height: 0.2564102564vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv h6::after {
    width: 2.8125vw;
    height: 0.0625vw;
  }
}
.checkout .checkoutborder .formdiv h2 {
  color: #082039;
  font-family: Lora;
  font-size: 2.7083333333vw;
  font-style: italic;
  font-weight: 700;
  line-height: 3.0729166667vw;
  margin-top: 1.0416666667vw;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv h2 {
    font-size: 7.6923076923vw;
    line-height: 8.9743589744vw;
    margin-top: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv h2 {
    font-size: 3.25vw;
    line-height: 3.6875vw;
    margin-top: 1.25vw;
  }
}
.checkout .checkoutborder .formdiv p {
  color: #2D4B6F;
  font-family: Lora;
  font-size: 1.0416666667vw;
  font-weight: 400;
  margin-bottom: 0;
  line-height: normal;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv p {
    width: 100%;
    font-size: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv p {
    font-size: 1.25vw;
  }
}
.checkout .checkoutborder .formdiv form {
  margin-top: 0.78125vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form {
    margin-top: 0.9375vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form {
    margin-top: 0vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow {
  width: 100%;
  margin-top: 1.0416666667vw;
  display: flex;
  gap: 1.3020833333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow {
    width: 100%;
    margin-top: 1.25vw;
    gap: 1.5625vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow {
    width: 100%;
    margin-top: 5.1282051282vw;
    gap: 3.8461538462vw;
    flex-direction: column;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .inputfull {
  width: 100%;
}
.checkout .checkoutborder .formdiv form .inputrow .inputfull label {
  margin-bottom: 0.5208333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputfull label {
    margin-bottom: 0.625vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputfull label {
    margin-bottom: 2.5641025641vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .inputfull input {
  width: 100%;
}
.checkout .checkoutborder .formdiv form .inputrow label {
  display: block;
  color: rgb(0, 0, 0);
  font-family: "Lora";
  font-size: 0.8333333333vw;
  font-weight: 700;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow label {
    font-size: 1vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow label {
    font-size: 4.1025641026vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow label span {
  color: #D87918;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap {
  position: relative;
  width: 100%;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap svg {
  position: absolute;
  left: 0.6770833333vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 1.25vw;
  pointer-events: none;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap svg {
    left: 3.3333333333vw;
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap svg {
    left: 0.8125vw;
    width: 1.5vw;
    height: 1.5vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input,
.checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
  height: 2.7083333333vw;
  padding: 0.2604166667vw 0.6770833333vw 0.2604166667vw 2.34375vw;
  border-radius: 0.2604166667vw;
  border: 0.0520833333vw solid #D4D8DE;
  background: rgba(255, 255, 255, 0.73);
  font-size: 0.8333333333vw;
  font-family: "DM Sans";
  color: #000;
  outline: none;
  font-weight: 400;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap input,
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
    height: 3.25vw;
    padding: 0.3125vw 0.8125vw 0.3125vw 2.8125vw;
    border-radius: 0.3125vw;
    border: 0.0625vw solid #D4D8DE;
    background: rgba(255, 255, 255, 0.73);
    font-size: 1vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap input,
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
    height: 12.8205128205vw;
    padding: 1.2820512821vw 3.3333333333vw 1.2820512821vw 11.5384615385vw;
    border-radius: 1.2820512821vw;
    border: 0.2564102564vw solid #D4D8DE;
    font-size: 4.1025641026vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input::-moz-placeholder, .checkout .checkoutborder .formdiv form .inputrow .input-wrap select::-moz-placeholder {
  color: #A7B0BF;
  font-weight: 400;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input::placeholder,
.checkout .checkoutborder .formdiv form .inputrow .input-wrap select::placeholder {
  color: #A7B0BF;
  font-weight: 400;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input:focus,
.checkout .checkoutborder .formdiv form .inputrow .input-wrap select:focus {
  border-color: rgb(232, 170, 80);
  box-shadow: 0 0 0 0.15625vw rgb(255, 242, 204);
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b8f98' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7291666667vw center;
  cursor: pointer;
  color: rgb(190, 190, 190);
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
    background-position: right 0.875vw center;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap select {
    background-position: right 3.5897435897vw center;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap .date-picker-icon,
.checkout .checkoutborder .formdiv form .inputrow .input-wrap .time-picker-icon {
  flex-shrink: 0;
  cursor: pointer;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap #tob {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap #tob::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  cursor: pointer;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input[type=date] {
  cursor: pointer;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.checkout .checkoutborder .formdiv form .inputrow .input-wrap #gender {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3 3 3-3z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.4166666667vw center;
  background-size: 1.5625vw;
  cursor: pointer;
  color: #000;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap #gender {
    background-position: right 0.5vw center;
    background-size: 1.875vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .input-wrap #gender {
    background-position: right 2.0512820513vw center;
    background-size: 7.6923076923vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .inputleft {
  display: flex;
  width: 17.34375vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5208333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputleft {
    width: 20.8125vw;
    gap: 0.625vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputleft {
    width: 100%;
    gap: 2.0512820513vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .inputleft input,
.checkout .checkoutborder .formdiv form .inputrow .inputleft select {
  width: 100%;
}
.checkout .checkoutborder .formdiv form .inputrow .inputright {
  display: flex;
  width: 35.9375vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5208333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputright {
    width: 43.125vw;
    gap: 0.625vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .inputrow .inputright {
    width: 100%;
    gap: 2.0512820513vw;
  }
}
.checkout .checkoutborder .formdiv form .inputrow .inputright input,
.checkout .checkoutborder .formdiv form .inputrow .inputright select {
  width: 100%;
}
.checkout .checkoutborder .formdiv form .checkbox-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3125vw;
  margin: auto;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .checkbox-area {
    gap: 0.375vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .checkbox-area {
    gap: 1.5384615385vw;
  }
}
.checkout .checkoutborder .formdiv form .checkbox-area input {
  width: 0.9895833333vw;
  height: 0.9895833333vw;
  accent-color: #D87918;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .checkbox-area input {
    width: 1.1875vw;
    height: 1.1875vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .checkbox-area input {
    width: 4.8717948718vw;
    height: 4.8717948718vw;
  }
}
.checkout .checkoutborder .formdiv form .checkbox-area label {
  color: #556C8A;
  font-family: "DM Sans";
  font-size: 0.7291666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375vw;
  flex: 1;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form .checkbox-area label {
    font-size: 0.875vw;
    line-height: 1.125vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form .checkbox-area label {
    font-size: 3.5897435897vw;
    line-height: 4.6153846154vw;
  }
}
.checkout .checkoutborder .formdiv form .checkbox-area label a {
  color: #556C8A;
  text-decoration-line: underline;
}
.checkout .checkoutborder .formdiv form #checkoutsubmit {
  display: flex;
  width: 19.8958333333vw;
  height: 2.7083333333vw;
  padding: 0.4166666667vw 0.7291666667vw;
  justify-content: center;
  align-items: center;
  gap: 0.625vw;
  flex-shrink: 0;
  border-radius: 0.5208333333vw;
  background: linear-gradient(90deg, #FFF2CC 0%, #F8DCA0 48%, #F8CA81 78%, #E8AA50 100%);
  margin: auto;
  border: 0;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit {
    width: 100%;
    height: 13.3333333333vw;
    padding: 2.0512820513vw 3.5897435897vw;
    gap: 3.0769230769vw;
    border-radius: 2.5641025641vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit {
    width: 23.875vw;
    height: 3.25vw;
    padding: 0.5vw 0.875vw;
    gap: 0.75vw;
    border-radius: 0.625vw;
  }
}
.checkout .checkoutborder .formdiv form #checkoutsubmit span {
  color: #082039;
  font-family: Lora;
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit span {
    font-size: 1.25vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit span {
    font-size: 5.1282051282vw;
  }
}
.checkout .checkoutborder .formdiv form #checkoutsubmit svg {
  width: 1.3020833333vw;
  height: 1.3020833333vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit svg {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv form #checkoutsubmit svg {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
.checkout .checkoutborder .formdiv .paymenticons {
  margin-top: 1.5625vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .paymenticons {
    margin-top: 1.875vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .paymenticons {
    margin-top: 5.1282051282vw;
  }
}
.checkout .checkoutborder .formdiv .paymenticons ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.0416666667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .paymenticons ul {
    gap: 1.25vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .paymenticons ul {
    gap: 5.1282051282vw;
    margin-bottom: 0;
  }
}
.checkout .checkoutborder .formdiv .paymenticons ul li img {
  height: 1.8229166667vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .paymenticons ul li img {
    height: 2.1875vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .paymenticons ul li img {
    height: 5.1282051282vw;
  }
}
.checkout .checkoutborder .formdiv .trust-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin: 1.25vw auto 0;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .trust-bar {
    margin: 1.5vw auto 0;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .trust-bar {
    margin: 6.4102564103vw auto 0;
  }
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item {
  display: flex;
  align-items: center;
  gap: 0.5729166667vw;
  padding: 0 1.25vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item {
    gap: 0.6875vw;
    padding: 0 1.5vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item {
    gap: 1.2820512821vw;
    padding: 0 2.0512820513vw;
  }
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item:first-child {
  padding-left: 0;
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item:last-child {
  padding-right: 0;
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item .icon-circle {
  width: 2.3958333333vw;
  height: 2.3958333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item .icon-circle {
    width: 2.875vw;
    height: 2.875vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item .icon-circle {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
  }
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item .icon-circle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item .trust-text {
  color: #4C6484;
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 0.8333333333vw;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item .trust-text {
    font-size: 0.75vw;
    line-height: 1vw;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item .trust-text {
    font-size: 2.5641025641vw;
    line-height: 3.0769230769vw;
  }
}
.checkout .checkoutborder .formdiv .trust-bar .trust-item + .trust-item {
  border-left: 0.0520833333vw solid #DFDDD6;
  position: relative;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item + .trust-item {
    border-left: 0.0625vw solid #DFDDD6;
  }
}
@media (max-width: 990px) {
  .checkout .checkoutborder .formdiv .trust-bar .trust-item + .trust-item {
    border-left: 0.2564102564vw solid #DFDDD6;
  }
}
.checkout .heading h2 {
  color: #AA181C;
  font-family: "Poltawski Nowy";
  font-size: 2.34375vw;
  font-style: normal;
  font-weight: 700;
  line-height: 125.303%;
}
.checkout .heading p {
  color: var(--contrast-80-light, rgba(26, 41, 61, 0.83));
  font-family: "Poltawski Nowy";
  font-size: 0.9895833333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
}/*# sourceMappingURL=newhomepage.css.map */