/*  Above-the-fold styles for /gift. The complete original cascade loads in giftPage-local.css.  */

@font-face {
  font-family: "PoetsenOne-Regular";
  font-display: swap;
  src: url(/minify/css/PoetsenOne-Regular.min.css);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  font-family: Open Sans !important;
}

body,html{
    width: 100%;
    height: 100vh;
    overflow: hidd;
}

@media screen and (max-width: 768px) {

  .fun-and-learn-day-2 {
    position: absolute;
    right: -4rem;
    top: -14px;
    width: 75px;
  }

  .navratri-offer-decoration-2 {
    position: absolute;
    right: -2.75rem;
    top: -2.5rem;
    width: 60px;
  }


  .daughterday-offer-decoration-2 {
    position: absolute;
    right: -2.75rem;
    top: -2.5rem;
    width: 60px;
  }

  .childrens-day-decoration-2 {
    position: absolute;
    right: -3.75rem;
    top: -1.5rem;
    width: 60px;
  }

  .christmas-offer-decoration-2 {
    position: absolute;
    right: -2rem;
    top: -2.5rem;
    width: 40px;
  }
  .new-year-offer-decoration-2{
    position: absolute;
    right: -2.5rem;
    top: -2.5rem;
    width: 75px;
  }

  .fathers-day-offer-decoration-2 {
    position: absolute;
    right: -2.5rem;
    top: -2.5rem;
    width: 40px;
  }

  .rakshabandhan-decoration-2 {
    position: absolute;
    right: -4.5rem;
    top: -3rem;
    width: 40%;
  }

  .childrens-day-decoration-3 {
    position: absolute;
    right: -1.75rem;
    top: 7rem;
    width: 60px;
  }

  .dusshera-decoration-2 {
    position: absolute;
    right: -3.75rem;
    top: -3.5rem;
    width: 60px;
  }


  .diwali-decorationg-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }
  .g-wrapper .hat {
    position: absolute;
    top: -43px;
    scale: .7;
    left: -26px;
  }

  .fun-and-learn-day-1 {
    position: absolute;
    top: -0.5rem;
    left: -3rem;
    width: 50px;
  }

  .navratri-offer-decoration-1 {
    position: absolute;
    top: -2.5rem;
    left: -2rem;
    width: 50px;
  }

  .daughterday-offer-decoration-1{
    position: absolute;
    top: -2.5rem;
    left: -2rem;
    width: 50px;
  }

  .dusshera-decoration-1{
    position: absolute;
    top: -3.5rem;
    left: -3rem;
    width: 60px;
  }

  .childrens-day-decoration-1{
    position: absolute;
    top: -1.5rem;
    left: -3rem;
    width: 60px;
  }

  .christmas-offer-decoration-1{
    position: absolute;
    top: -3rem;
    left: -2.5rem;
    width: 30px;
  }

  .new-year-offer-decoration-1 {
    position: absolute;
    top: -2rem;
    left: -2.5rem;
    width: 75px;
  }

  .fathers-day-offer-decoration-1 {
    position: absolute;
    top: -2rem;
    left: -2rem;
    width: 50px;
  }

  .rakshabandhan-decoration-1 {
    position: absolute;
    top: -3rem;
    left: -2rem;
    width: 18%;
  }

  .diwali-decor-left{
    position: absolute;
    top: 0rem;
    left: 0;
    width: 20%;
  }

  .main-bg {
    width: 100% !important;
    /* top: 10%; */
    height: 100%;
    position: absolute;
  }

  .headert-text-container {
    align-items: center !important;
    margin: auto;
    margin-left: 0 !important;
  }

  .festive-character {
    width: 24%;
    position: absolute;
    right: -5rem;
  }
  .fective-character-diwali{
    right: -6%;
  }

  .festive-character-2 {
    width: 24%;
    position: absolute;
    right: 18rem;
    top: -1.4rem;
  }
  .offer-backdrop {
    width: 100% !important;
    padding: 5px;
  }

  .new-year-offer-wave {
    top: 65% !important;
  }
}

@media (min-width:768px) {
    .fun-and-learn-day-2{
      position: absolute;
      right: -9rem;
      top: -0.5rem;
    }
    .navratri-offer-decoration-2{
      position: absolute;
      right: -9rem;
      top: 0rem;
    }

    .daughterday-offer-decoration-2{
      position: absolute;
      right: -9rem;
      top: 0rem;
      width: 18%;
    }

    .dusshera-decoration-2{
      position: absolute;
      right: -16rem;
      top: 0rem;
      width: 18%;
    }

    .childrens-day-decoration-2 {
      position: absolute;
      right: -16rem;
      top: 0rem;
    }

    .christmas-offer-decoration-2 {
      position: absolute;
      right: -12rem;
      top: 0rem;
    }

    .new-year-offer-decoration-2{
      position: absolute;
      right: -12rem;
      top: 0rem;
    }

    .fathers-day-offer-decoration-2 {
      position: absolute;
      right: -12rem;
      top: 0rem;
    }

     .rakshabandhan-decoration-2 {
      position: absolute;
      right: -12rem;
      top: 0rem;
    }

    .childrens-day-decoration-3 {
      position: absolute;
      right: -9rem;
      top: 14rem;
    }

    .diwali-decorationg-right {
      position: absolute;
      right: 50%;
      top: 0;
      width: 9%;
    }
.fun-and-learn-day-1{
      position: absolute;
    top: 0.5rem;
 left: -6rem;
}

.navratri-offer-decoration-1{
    position: absolute;
    top: 0rem;
    left: -7rem;
}

.daughterday-offer-decoration-1{
    position: absolute;
    top: 0rem;
    left: -7rem;
    width: 18%;
}

.childrens-day-decoration-1 {
    position: absolute;
    top: 0rem;
    left: -8rem;
    width: 18%;
}
.christmas-offer-decoration-1 {
  position: absolute;
    top: 0rem;
    left: -8rem;
}

.new-year-offer-decoration-1 {
  position: absolute;
    top: -2rem;
    left: -9.5rem;
    scale: 0.75;
}

.fathers-day-offer-decoration-1 {
  position: absolute;
    top: 3rem;
    left: -8rem;
    scale: 0.75;
}

.rakshabandhan-decoration-1 {
  position: absolute;
  top: -1.75rem;
  left: -8rem;
  scale: 0.75;
}

.rakshabandhan-decoration-2 {
  z-index: -1;
}

.dusshera-decoration-1 {
    position: absolute;
    top: 0rem;
    left: -8rem;
    width: 18%;
}

.diwali-decor-left{
  position: absolute;
  top: 0rem;
  left: 0;
  width: 9%;
}

.g-wrapper .hat {
    position: absolute;
    top: -36px;
    left: -55px;
}
  }

.points {
  background-image: url('https://res.cloudinary.com/dmlrcdgdt/image/upload/q_auto,f_auto,w_100/v1762245002/why-tubuddy-gift-sets-sprint_z5x7vx.png');
  display: inline-block;
}

.points {
  flex: none;
}

@media (max-width:768px) {
  .points {
    scale: 70%;
  }
}

.point1 {
  height: 100px;
  width: 100px;
  background-position: 0px 0px;

}

.point2 {
  height: 100px;
  width: 100px;
  background-position: 0px -102px;
}

.point3 {
  height: 100px;
  width: 100px;
  background-position: 0px 100px;
}

.divider2 {
  height: 13.69px;
  width: 60%;
  background: radial-gradient(45.57% 78.57% at 50% -28.57%, #d9d9d9 0, #d9d9d9 .01%, hsla(0, 0%, 85.1%, 0) 100%);
}

@media (max-width:576px) {
  .divider2 {
    width: 100%;
  }
}

@media screen and (min-width: 765px) and (max-width: 1300px) {

  .column-header{
    /* padding-left: 5rem !important; */
  }
  .festive-character{
    margin-right: 0 !important;
  }

  .main-title-head{
    font-size: 32px !important;
  }
  .festive-character2{
    top: -33%;
  }
}

.preview-section {
  background: linear-gradient(180deg, #F1F1F1 0%, #FFF 52.08%, #F1F1F1 100%);
}

.preview-section-festive {
  background: #FFFFFF;
}

.head-text {
  text-align: left;
}

.column-header {
  flex: 0 0 50%;
  max-width: 50%;
 /* padding-left: 7rem; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* z-index: 2; */
}

.column-header-img {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  max-width: 50%;
  z-index: 100;
}

.column-header-festive {
  flex: 0 0 50%;
  max-width: 50%;
  /* padding-left: 7rem; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.column-header-img-festive {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  max-width: 50%;
  z-index: 2;
}

.btns-mob {
  display: none;
}

.head-text {
  text-align: left;
}

@media (min-width:1280px) {
  .column-header {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .column-header-img {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width:1080px) {
  .decoration-2{
    left: -3.7rem !important;
    rotate: 3deg !important;
  }
  .decoration-2-btn{
    left: -3.7rem !important;
    rotate: 3deg !important;
  }
}

.decoration-2{
  position: absolute;
  left: -2.1rem;
  scale: .65;
  /* top: -1rem; */
  top: -1.6rem;
  rotate: 10deg;
}

.template-decoration-2 {
  position: absolute;
    left: -4.8rem;
    scale: 2.5;
    top: 3.75rem;
  /* rotate: -15deg; */
}

.template-decoration-3 {
  position: absolute;
  top: 5.3rem;
  right: -12rem;
  scale: 2;
}

.decoration-2-btn{
  position: absolute;
  left: -3.7rem;
  scale: .65;
  top: -2rem;
  rotate: 10deg;
}

.template-decoration-2-btn{
  position: absolute;
  left: -2.8rem;
  /* scale: 1.1; */
  /* top: -1rem; */
  rotate: 5deg;
}

.offer-container-pc {
  position: relative;
  left: -15%;
  top: 1%;
  max-height: 100px;
}

.offer-container {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.offer-template {
  background-color: #FFEFDF;
  padding: 10px;
  text-align: left;
  width: 114%;
  position: relative;
  z-index: 1;
}

.offer-template p {
  color: #CC4400;
  font-family: "PoetsenOne-Regular";
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  margin-left: 3rem;
}

@media (max-width:550px) {
  .main-title-head {
    font-size: 6vw !important;
  }
}

@media (max-width:1080px) {
  .decoration-1{
    position: absolute;
    top: -21px !important;
    right: -2rem !important;
    scale: .65 !important;
    rotate: -13deg;
  }
  .decoration-1-btn{
    position: absolute;
    top: -28px !important;
    right: -3rem !important;
    scale: .65 !important;
    rotate: -13deg;
  }

  .main-title-head {
    width: fit-content;
  }
  .column-header {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
   padding: 0rem !important;
   display: flex;
   align-items: center;
  }

  .column-header-img {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .btns-desk {
    display: none !important;
  }

  .btns-mob {
    display: block;
    background-color: white;
  }

  .head-text {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.explore-gifts{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 234px;
  height: 52px;
  border-radius: 200px;
  border: 2px solid #E70;

  color:white !important;
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 124%;
  position: relative;
  /* 17.36px */
  background-color: #e70;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.explore-gifts:hover{
  text-decoration: none;
}

.explore-gifts-festive {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 345px;
  height: 52px;
  font-size: 16px;
  border-radius: 200px;
  border: 2px solid #E70;
  color:white !important;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 124%;
  position: relative;
  background-color: #e70;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.explore-gifts-festive:hover{
  text-decoration: none;
}

@media (min-width:1650px) {
  .main-title-head {
    font-size: 52px !important;
  }
  .sub-title-head {
    font-size: 24px !important;
  }
  .button-box-head-fun-and-learn {
    margin-top: 0.5rem !important;
  }
}

.btns-desk {
  display: flex;
}

.main-title-head {
  font-family: "PoetsenOne-Regular";
  position: relative;
  width: fit-content;
  font-size: 24px;
}

.decoration-1{
  position: absolute;
  top: -1.4rem;
  right: -3rem;
  rotate: -15deg;
  scale: .76;
}

.template-decoration-1{
  position: absolute;
  top: 2rem;
  right: -7rem;
  scale: 1.8;
  /* rotate: -3deg; */
}

.decoration-1-btn{
  position: absolute;
  top: -1.4rem;
  right: -3rem;
  rotate: -15deg;
  scale: .76;
}

.template-decoration-1-btn{
  position: absolute;
  /* top: -0.5rem; */
  right: -3rem;
  rotate: 0deg;
  /* scale: 1.1; */
}

@media (max-width:768px) {
  #main-div {
    overflow-x: hidden;
  }

  .offer-template p {
    font-size: 18px;
    text-align: left;
    margin-left: 2rem;
  }
  .template-decoration-3 {
    top: -1.8rem;
    right: -2.5rem !important;
    scale: 1;
  }

  .section-heading{
    font-size: 24px !important;
    font-weight: 700 !important;
  }
  .column-header {
    padding-top: 1.5rem !important;
  }
  .template-decoration-4 {
    position: absolute;
    top: 7.45rem;
    left: -2.5rem !important;
  }
  .template-decoration-1{
    position: absolute;
    top: -2rem !important;
    right: -1.5rem;
    scale: 0.8;
  }
  .template-decoration-new-1{
    top: -6rem !important;
    right: 17.2rem !important;
    scale: 0.4 !important;
    z-index: 1;
  }
  .template-decoration-1-btn{
    position: absolute;
    /* top: -1.4rem; */
    right: -3rem;
    /* rotate: -15deg; */
    scale: 1;
  }
  .template-decoration-2{
    position: absolute;
    left: -2rem;
    scale: 1;
    top: -1.5rem;
    /* rotate: 10deg;*/
  }
  .template-decoration-new-2{
    left: 13.5rem !important;
    scale: 0.4 !important;
    top: -7rem !important;
  }
  .template-decoration-new-3 {
    left: -4rem !important;
    top: 4.6rem !important;
    scale: 0.4;
  }

  .template-decoration-2-btn{
    position: absolute;
    /* left: 0; */
    scale: 1;
    /* top: -1rem; */
    /* rotate: -14deg; */
  }
  .sub-title-head {
    margin-top: 0 !important;
  }
  .column-header-festive {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding: 0rem !important;
    display: flex;
    align-items: center;
    padding-left: 0;
  }

  .column-header-img-festive {
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 2;
  }
  .festive-character2 {
    width: 15% !important;
    position: absolute !important;
    top: -53% !important;
    z-index: 5 !important;
    left: 0rem;
  }
  .back-to-school-main-bg {
    top: 6% !important;
  }

}

@media screen and (max-width: 1280) {
  .headert-text-container{
    align-items: center !important;
    margin: auto;
    margin-left: 0 !important;
  }
}

.offer-backdrop {
  width: 115%;
  height: 56px;
  /* padding: 20px; */
  background-color: #D9EAF2;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.festive-character {
  z-index: 3;
  margin-bottom: 3.5rem;
  margin-right: 8rem;
  /* scale: 1.2; */
}

.festive-character2 {
    width: 10%;
    position: relative;
    top: -20%;
    z-index: 5;
}

.christmas-bg {
  background: linear-gradient(180deg, #D9EAF2 0%, #FFFFFF 25.62%, #FFFFFF 46.69%);
}

.new-year-bg {
  background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/New-Year-2026/new-year-bg.webp") center / cover no-repeat;
}

.makarsankranti-bg {
  background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/Makarsankranti/additional-makarsankranti-banner-pc.webp") no-repeat;
}

.republic-day-bg {
  background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/republic-day/republic-background.webp") no-repeat;
}

.holi-bg {
  background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/holi-offer/holi-background.webp") top center / cover no-repeat;
}

@media (max-width: 768px) {
  .makarsankranti-bg {
    background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/Makarsankranti/additional-makarsankranti-banner-pc.webp") top center / contain no-repeat;
  }
  .republic-day-bg {
    background: #ffffff url("https://trubuddy.me/assets/Festive%20Assets/republic-day/republic-background.webp") top center / contain no-repeat;
  }
  .column-header.holi-bg {        /* REMOVE THIS WHEN HOLI OFFER IS OVER */
    padding-top: 0 !important;
  }
  .summersale-decor{
    width: 100%;
  }
}

.summer-sale-bg {
  background:linear-gradient(180deg, #FFF9E7 0%, #FFFFFF 49.91%);
}

.ganesh-chaturthi-bg {
  background: #FFF8E0;
}

.ganesh-chaturthi-hero-bg {
  position: absolute;
  top: 0;
  left: -1.09%;
  z-index: 0;
  width: 56.25%;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.ganesh-chaturthi-hero-element {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 7.86%;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.ganesh-chaturthi-hero-element--left {
  left: 0;
  transform: scaleX(-1);
}

.ganesh-chaturthi-hero-element--right {
  left: 43.07%;
}

.janmashtami-bg {
  background: linear-gradient(180deg, #E2EDF1 0%, #FFFFFF 83.93%);
}

.janmashtami-hero-element {
  position: absolute;
  top: 0;
  left: 42.34%;
  z-index: 1;
  width: 8.18%;
  max-width: none;
  height: auto;
  pointer-events: none;
}

@media (min-width: 768px) {
  .teachers-day-bg .gift-offer-banner-desktop,
  .janmashtami-bg .gift-offer-banner-desktop {
    flex: 0 0 auto;
    aspect-ratio: 970 / 144;
  }

  .teachers-day-bg .gift-offer-banner-desktop .header-bottom-festimg,
  .janmashtami-bg .gift-offer-banner-desktop .header-bottom-festimg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
  }

  .janmashtami-bg .gift-offer-banner-desktop {
    top: 0;
  }

  .janmashtami-bg .button-box-head.btns-desk {
    margin-top: 0 !important;
  }

  .teachers-day-bg .gift-offer-banner-desktop {
    top: 0;
  }

  .teachers-day-bg .button-box-head.btns-desk {
    margin-top: 0 !important;
  }
}

.teachers-day-hero-element {
  position: absolute;
  z-index: 3;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.teachers-day-hero-element--hat {
  top: -0.9vw;
  left: 6.5%;
  width: 17.4%;
}

.teachers-day-hero-element--brush {
  top: 3.3vw;
  left: 85%;
  width: 11.3%;
}

.teachers-day-hero-element--globe {
  top: 33.4vw;
  left: 85%;
  width: 12.4%;
}

.template-decoration-new-1 {
  position: absolute;
  top: -3px;
  right: 39rem;
}

.template-decoration-new-2 {
  position: absolute;
  left: 40.2rem;
  top: -4px;
}

.template-decoration-new-3 {
  position: absolute;
  left: 44.2rem;
  top: 22rem;
  z-index: 100;
}

.anniversary-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-year-offer-wave {
  width: 115%;
  /* height: 100%; */
  position: absolute;
  top: 37%;
  z-index: 2;
}

.offer-containerx{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.headert-text-container{
  display: flex;
  margin-left: 8rem;
  height: 80%;
  flex-direction: column;
  justify-content: space-evenly;
  z-index: 100;
}

.header-bottom-festimg{
  /* height: 20%; */
  z-index: 2;
}

.gift-offer-banner {
  position: relative;
  width: 100%;
}

.gift-offer-banner-desktop .header-bottom-festimg,
.gift-offer-banner-mobile > img:first-of-type {
  width: 100%;
}

.gift-offer-banner-desktop {
  container-type: inline-size;
}

.gift-offer-banner-copy {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  margin: 0;
  padding: 0 1rem;
  color: #CC4400;
  font-family: "PoetsenOne-Regular", "Open Sans", sans-serif;
  font-size: clamp(15px, 1.35vw, 24px);
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
  pointer-events: none;
}

.gift-offer-banner-copy-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 0.45rem;
}

.gift-offer-banner-desktop .gift-offer-banner-copy {
  display: block;
  padding: 0;
}

.gift-offer-banner-desktop .gift-offer-banner-copy-content {
  position: absolute;
  top: 51.2605%;
  left: 13.8206%;
  display: block;
  text-align: left;
  width: auto;
  height: auto;
  font-size: 2.8866cqw;
  line-height: 1.24;
  letter-spacing: 0;
  white-space: nowrap;
}

.gift-offer-banner-mobile {
  container-type: inline-size;
}

.gift-offer-banner-mobile.gift-offer-reference-banner {
  overflow: hidden;
}

.gift-offer-banner-mobile.gift-offer-reference-banner > img:first-of-type {
  width: 130%;
  max-width: none;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--fathers-day {
  display: block;
  inset: 0;
  padding: 0;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--fathers-day .gift-offer-banner-copy-content {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  white-space: nowrap;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--fathers-day .gift-offer-name {
  position: absolute;
  top: 18.4%;
  left: 17.6%;
  font-size: 3.56cqw;
  color: #102A75;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--fathers-day .gift-offer-discount {
  position: absolute;
  top: 50.8%;
  left: 17.6%;
  font-size: 4.59cqw;
  color: #CC4400;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--fathers-day .gift-offer-separator {
  display: none;
}

.gift-offer-banner-mobile .gift-offer-banner-copy:not(.gift-offer-banner-copy--fathers-day):not(.gift-offer-banner-copy--profile) {
  right: 18%;
  font-size: clamp(13px, 4vw, 18px);
  padding: 0 0.5rem;
}

.gift-offer-banner-copy--profile .gift-offer-name {
  color: var(--gift-offer-name-color, #CC4400);
}

.gift-offer-banner-copy--profile .gift-offer-separator,
.gift-offer-banner-copy--profile .gift-offer-discount {
  color: var(--gift-offer-discount-color, #CC4400);
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile {
  inset: 0;
  padding: 0;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-banner-copy-content {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  white-space: nowrap;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-name,
.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-discount {
  position: absolute;
  left: var(--gift-offer-mobile-left, 17.6%);
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-name {
  top: var(--gift-offer-mobile-name-top, 18%);
  font-size: var(--gift-offer-mobile-name-size, 3.56cqw);
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-discount {
  top: var(--gift-offer-mobile-discount-top, 52%);
  font-size: var(--gift-offer-mobile-discount-size, 4.59cqw);
}

.gift-offer-banner-mobile .gift-offer-banner-copy--profile .gift-offer-separator {
  display: none;
}

.gift-offer-banner-copy--back-to-school {
  --gift-offer-name-color: #FFFFFF;
  --gift-offer-discount-color: #FFFFFF;
  --gift-offer-mobile-left: 24%;
  --gift-offer-mobile-name-top: 16%;
  --gift-offer-mobile-discount-top: 49%;
}

.gift-offer-banner-copy--childrens-day {
  --gift-offer-name-color: #984278;
  --gift-offer-mobile-left: 9%;
}

.gift-offer-banner-copy--christmas {
  --gift-offer-name-color: #5A9A4B;
  --gift-offer-discount-color: #D12018;
  --gift-offer-mobile-left: 10.6%;
  --gift-offer-mobile-name-top: 13%;
  --gift-offer-mobile-discount-top: 42%;
}

.gift-offer-banner-copy--diwali {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 9%;
}

.gift-offer-banner-copy--friendship {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 17%;
  --gift-offer-mobile-name-size: 3.4cqw;
}

.gift-offer-banner-copy--fun-learn {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 16%;
  --gift-offer-mobile-name-size: 3.35cqw;
}

.gift-offer-banner-copy--guru-purnima {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 15%;
  --gift-offer-mobile-name-top: 14%;
  --gift-offer-mobile-discount-top: 45%;
}

.gift-offer-banner-copy--holi {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 8.6%;
  --gift-offer-mobile-name-top: 13%;
  --gift-offer-mobile-discount-top: 45%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--holi .gift-offer-name {
  font-style: normal;
}

.gift-offer-banner-copy--independence {
  --gift-offer-name-color: #57934C;
  --gift-offer-mobile-left: 17%;
  --gift-offer-mobile-name-size: 3.5cqw;
}

.gift-offer-banner-copy--ipl {
  --gift-offer-name-color: #27447D;
  --gift-offer-discount-color: #27447D;
  --gift-offer-mobile-left: 18.6%;
  --gift-offer-mobile-name-top: 10%;
  --gift-offer-mobile-name-size: 3.56cqw;
  --gift-offer-mobile-discount-top: 39%;
}

.gift-offer-banner-copy--makarsankranti {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 9%;
  --gift-offer-mobile-name-top: 13%;
  --gift-offer-mobile-name-size: 3.6cqw;
  --gift-offer-mobile-discount-top: 46.5%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--makarsankranti .gift-offer-name {
  font-style: normal;
}

.gift-offer-banner-copy--monsoon {
  --gift-offer-name-color: #111111;
  --gift-offer-mobile-left: 18.6%;
  --gift-offer-mobile-name-top: 18%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--monsoon .gift-offer-name {
  font-style: normal;
}

.gift-offer-banner-copy--mothers-day {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 13%;
  --gift-offer-mobile-name-top: 20%;
  --gift-offer-mobile-name-size: 3.35cqw;
}

.gift-offer-banner-copy--navratri {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 11%;
  --gift-offer-mobile-name-top: 12%;
  --gift-offer-mobile-name-size: 3.45cqw;
  --gift-offer-mobile-discount-top: 41%;
  --gift-offer-mobile-discount-size: 4.59cqw;
}

.gift-offer-banner-copy--new-year {
  --gift-offer-name-color: #3A91AC;
  --gift-offer-discount-color: #91418E;
  --gift-offer-mobile-left: 11%;
  --gift-offer-mobile-name-top: 37%;
  --gift-offer-mobile-discount-top: 62%;
}

.gift-offer-banner-copy--rakshabandhan {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 9%;
}

.gift-offer-banner-copy--ram-navmi {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 12.5%;
  --gift-offer-mobile-name-top: 15.5%;
  --gift-offer-mobile-name-size: 3.56cqw;
  --gift-offer-mobile-discount-top: 49%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--ram-navmi .gift-offer-name {
  font-style: normal;
}

.gift-offer-banner-copy--republic-day {
  --gift-offer-name-color: #2F8C38;
  --gift-offer-mobile-left: 9%;
  --gift-offer-mobile-name-top: 13%;
  --gift-offer-mobile-name-size: 3.56cqw;
  --gift-offer-mobile-discount-top: 43%;
}

.gift-offer-banner-copy--summer {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 8%;
  --gift-offer-mobile-name-top: 14%;
  --gift-offer-mobile-name-size: 4.15cqw;
}

.gift-offer-banner-copy--teachers-day {
  --gift-offer-mobile-left: 18%;
  --gift-offer-mobile-name-top: 22%;
  --gift-offer-mobile-name-size: 3.4cqw;
  --gift-offer-mobile-discount-top: 52%;
  --gift-offer-mobile-discount-size: 4.3cqw;
}

.gift-offer-banner-copy--valentine {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 7%;
  --gift-offer-mobile-discount-top: 44%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--valentine .gift-offer-name {
  top: 19%;
  font-size: 3.55cqw;
  font-style: normal;
  left: 7%;
}

.gift-offer-banner-copy--wisdom {
  --gift-offer-name-color: #7B4A24;
  --gift-offer-mobile-left: 10%;
}

.gift-offer-banner-copy--yoga {
  --gift-offer-name-color: #91418E;
  --gift-offer-mobile-left: 14.6%;
  --gift-offer-mobile-name-top: 17%;
  --gift-offer-mobile-name-size: 3.56cqw;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--yoga .gift-offer-name {
  font-style: normal;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--profile {
  --gift-offer-name-color: #CC4400;
  --gift-offer-discount-color: #CC4400;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--ganesh-chaturthi {
  --gift-offer-name-color: #B84E2D;
  --gift-offer-discount-color: #B84E2D;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--ganesh-chaturthi .gift-offer-banner-copy-content {
  top: 51.2605%;
  left: 13.8206%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--ganesh-chaturthi {
  --gift-offer-name-color: #B84E2D;
  --gift-offer-discount-color: #B84E2D;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--janmashtami {
  --gift-offer-name-color: #B84E2D;
  --gift-offer-discount-color: #B84E2D;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--janmashtami .gift-offer-banner-copy-content {
  top: 51.2605%;
  left: 13.8206%;
}

@media (max-width: 767.98px) {
  .ganesh-chaturthi-bg {
    position: relative;
    min-height: min(48.46vw, 189px);
    overflow: hidden;
    background: #FFF8E0 url("https://trubuddy.me/assets/Festive%20Assets/festive-assets-optimized/ganesh-chaturthi/ganeshchaturthi-giftpage-hero-bg.webp") center / cover no-repeat;
  }

  .ganesh-chaturthi-hero-bg {
    display: none;
  }

  .ganesh-chaturthi-hero-element {
    top: 0;
    z-index: 3;
    width: 19.49%;
  }

  .ganesh-chaturthi-hero-element--left {
    left: -0.51%;
    transform: scaleX(1);
  }

  .ganesh-chaturthi-hero-element--right {
    left: 80.51%;
    transform: scaleX(-1);
  }

  .ganesh-chaturthi-bg .headert-text-container {
    height: min(48.46vw, 189px);
    margin: 0;
    padding: min(5.64vw, 22px) min(3.85vw, 15px) 0;
    justify-content: flex-start;
  }

  .ganesh-chaturthi-bg .main-title-head {
    width: 100%;
    margin: 0;
    font-size: min(6.15vw, 24px) !important;
    line-height: 1.2083;
    text-align: center;
  }

  .ganesh-chaturthi-bg .sub-title-head {
    width: 100%;
    margin: min(3.59vw, 14px) 0 0;
    padding: 0;
    font-size: min(4.1vw, 16px);
    line-height: 1.24;
    text-align: center;
  }

  .ganesh-chaturthi-bg .font-weight-bold.head-text {
    margin: min(4.1vw, 16px) auto 0;
    padding: 0;
    font-size: min(4.1vw, 16px);
    line-height: 1.24;
    text-align: center;
  }

  .ganesh-chaturthi-mobile-character {
    top: -66.5%;
    right: 13.62%;
    bottom: auto;
    width: 20%;
    margin: 0 !important;
  }

  .gift-offer-banner-mobile .gift-offer-banner-copy--ganesh-chaturthi {
    --gift-offer-name-color: #8F40AB;
    --gift-offer-discount-color: #CC4400;
    --gift-offer-mobile-left: 11%;
    --gift-offer-mobile-name-size: 3.59cqw;
    --gift-offer-mobile-discount-size: 4.62cqw;
  }

  .janmashtami-bg {
    position: relative;
    min-height: min(48.46vw, 189px);
    overflow: hidden;
    background: linear-gradient(180deg, #E3EEF1 0%, #FFFFFF 45.96%);
  }

  .janmashtami-bg .headert-text-container {
    height: min(48.46vw, 189px);
    margin: 0;
    padding: min(5.64vw, 22px) min(3.85vw, 15px) 0;
    justify-content: flex-start;
  }

  .janmashtami-bg .main-title-head {
    width: 100%;
    margin: 0;
    font-size: min(6.15vw, 24px) !important;
    line-height: 1.2083;
    text-align: center;
  }

  .janmashtami-bg .sub-title-head {
    width: 100%;
    margin: min(3.59vw, 14px) 0 0;
    padding: 0;
    font-size: min(4.1vw, 16px);
    line-height: 1.24;
    text-align: center;
  }

  .janmashtami-bg .font-weight-bold.head-text {
    margin: min(4.1vw, 16px) auto 0;
    padding: 0;
    font-size: min(4.1vw, 16px);
    line-height: 1.24;
    text-align: center;
  }

  .janmashtami-hero-element {
    top: 0;
    left: 86.41%;
    z-index: 3;
    width: 16.46%;
  }

  .janmashtami-mobile-character {
    top: -84.2%;
    right: 2.56%;
    bottom: auto;
    width: 26.92%;
    margin: 0 !important;
  }

  .gift-offer-banner-mobile .gift-offer-banner-copy--janmashtami {
    --gift-offer-name-color: #3570BA;
    --gift-offer-discount-color: #CC4400;
    --gift-offer-mobile-left: 11%;
    --gift-offer-mobile-name-top: 10%;
    --gift-offer-mobile-discount-top: 40%;
    --gift-offer-mobile-name-size: 3.59cqw;
    --gift-offer-mobile-discount-size: 4.62cqw;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .ganesh-chaturthi-bg {
    position: relative;
    min-height: 48.46vw;
    overflow: hidden;
    background: #FFF8E0 url("https://trubuddy.me/assets/Festive%20Assets/festive-assets-optimized/ganesh-chaturthi/ganeshchaturthi-giftpage-hero-bg.webp") center / cover no-repeat;
  }

  .ganesh-chaturthi-hero-bg {
    display: none;
  }

  .ganesh-chaturthi-hero-element {
    top: 0;
    z-index: 3;
    width: 19.49%;
  }

  .ganesh-chaturthi-hero-element--left {
    left: -0.51%;
    transform: scaleX(1);
  }

  .ganesh-chaturthi-hero-element--right {
    left: 80.51%;
    transform: scaleX(-1);
  }

  .ganesh-chaturthi-bg .headert-text-container {
    box-sizing: border-box;
    width: 100%;
    height: 48.46vw;
    margin: 0;
    padding: 5.64vw 3.85vw 0;
    align-items: center;
    justify-content: flex-start;
  }

  .ganesh-chaturthi-bg .main-title-head,
  .ganesh-chaturthi-bg .sub-title-head,
  .ganesh-chaturthi-bg .font-weight-bold.head-text {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 600px) and (max-width: 767.98px) and (orientation: portrait) {
  .ganesh-chaturthi-bg .sub-title-head {
    max-width: 66%;
  }
}

@media (min-width: 1080.01px) {
  .teachers-day-hero-element--hat {
    top: 0.4vw;
    left: 1.17%;
    width: 7.1%;
  }

  .teachers-day-hero-element--brush {
    top: 2.15vw;
    left: 39.8%;
    width: 4.52%;
  }

  .teachers-day-hero-element--globe {
    top: 10.8vw;
    left: 42.64%;
    width: 5.05%;
  }

  .janmashtami-hero-element {
    top: clamp(-2.75rem, calc(73.333vw - 968px), 0px);
    right: 50%;
    left: auto;
    width: clamp(6.5%, calc(39.32vw - 413.98px), 8%);
  }

  .janmashtami-bg + .column-header-img #showcase-video,
  .teachers-day-bg + .column-header-img #showcase-video {
    height: 100%;
    object-fit: cover;
  }
  .ganesh-chaturthi-hero-bg {
    clip-path: inset(0 0 37.16% 0);
  }

  .ganesh-chaturthi-bg .headert-text-container {
    box-sizing: border-box;
    width: 80%;
    height: auto;
    margin: 0 0 0 13.8%;
    padding: clamp(1.5rem, 2vw, 2.4rem) 0 0;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .ganesh-chaturthi-bg {
    justify-content: flex-end;
  }

  .ganesh-chaturthi-bg .main-title-head {
    width: 100%;
    margin: 0;
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.12;
    text-align: left;
  }

  .ganesh-chaturthi-bg .sub-title-head {
    width: 100%;
    margin: clamp(1rem, 1.7vw, 1.5rem) 0 0 !important;
    padding: 0;
    font-size: clamp(16px, 1.35vw, 21px) !important;
    line-height: 1.35;
    text-align: left;
  }

  .ganesh-chaturthi-bg .sub-title-head br {
    display: none;
  }

  .ganesh-chaturthi-bg .font-weight-bold.head-text {
    width: 100%;
    margin: clamp(0.5rem, 0.8vw, 0.75rem) 0 0;
    padding: 0 !important;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.25;
    text-align: left;
  }

  .ganesh-chaturthi-bg .button-box-head.btns-desk {
    margin-top: clamp(0.75rem, 1vw, 1.25rem) !important;
  }

  .ganesh-chaturthi-bg .explore-gifts {
    width: clamp(137px, 12.2vw, 234px);
    height: clamp(30px, 2.7vw, 52px);
    font-size: clamp(11px, 0.85vw, 16px);
  }

  .ganesh-chaturthi-bg .gift-offer-banner-desktop {
    height: clamp(70px, 6.2vw, 120px);
  }

  .ganesh-chaturthi-bg .gift-offer-banner-desktop .header-bottom-festimg {
    height: 100%;
  }
}

@media (min-width: 1200.01px) and (max-width: 1300px) {
  .janmashtami-bg,
  .teachers-day-bg {
    justify-content: space-between;
  }

  .janmashtami-bg .gift-hero-description {
    margin-bottom: 0;
  }

  .janmashtami-bg .gift-hero-age {
    margin-bottom: 0.5rem;
    padding-bottom: 0 !important;
  }

  .teachers-day-bg .gift-hero-description,
  .teachers-day-bg .gift-hero-age {
    margin-bottom: 0.5rem;
  }

  .teachers-day-bg .gift-hero-age {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1080.01px) and (max-width: 1200px) {
  .janmashtami-bg,
  .teachers-day-bg {
    justify-content: space-between;
  }

  .janmashtami-bg .main-title-head,
  .teachers-day-bg .main-title-head {
    font-size: 28px !important;
    line-height: 1.15;
  }

  .janmashtami-bg .gift-hero-description,
  .teachers-day-bg .gift-hero-description {
    margin-bottom: 0;
    line-height: 1.35;
  }

  .janmashtami-bg .gift-hero-age,
  .teachers-day-bg .gift-hero-age {
    margin-bottom: 0.5rem;
    padding-bottom: 0 !important;
  }

  .janmashtami-bg .button-box-head.btns-desk,
  .teachers-day-bg .button-box-head.btns-desk {
    height: 44px;
  }
}

@media (min-width: 1300.01px) and (max-width: 1340px) {
  .janmashtami-bg {
    justify-content: space-between;
  }

  .janmashtami-bg .gift-hero-age {
    padding-bottom: 0.5rem !important;
  }
}

.gift-offer-banner-desktop .gift-offer-banner-copy--back-to-school {
  --gift-offer-name-color: #FFFFFF;
  --gift-offer-discount-color: #FFFFFF;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--childrens-day {
  --gift-offer-name-color: #984278;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--christmas {
  --gift-offer-name-color: #5A9A4B;
  --gift-offer-discount-color: #D12018;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--christmas .gift-offer-separator {
  color: var(--gift-offer-name-color);
  font-size: 0;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--christmas .gift-offer-separator::after {
  content: "|";
  font-size: 2.8866cqw;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--christmas .gift-offer-discount {
  position: relative;
  transform: translate(-0.35cqw, 0.2cqw);
}

.gift-offer-banner-desktop .gift-offer-banner-copy--new-year {
  --gift-offer-name-color: #3A91AC;
  --gift-offer-discount-color: #91418E;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--republic-day {
  --gift-offer-name-color: #2F8C38;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--mothers-day .gift-offer-banner-copy-content {
  top: 53%;
  left: 14.5%;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--summer .gift-offer-banner-copy-content {
  top: 53.261%;
  left: 13.6%;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--makarsankranti .gift-offer-banner-copy-content {
  top: 59.261%;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--holi .gift-offer-banner-copy-content {
  top: 59.261%;
}

.gift-offer-banner-copy--anniversary .gift-offer-separator {
  display: none;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-banner-copy-content {
  inset: 0;
  width: 100%;
  height: 100%;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary {
  --gift-offer-name-color: #B48720;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-name {
  position: absolute;
  top: 57%;
  left: 24.5%;
  width: 50%;
  font-size: 2.8866cqw;
  line-height: 1;
  text-align: center;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-discount {
  position: absolute;
  top: 6%;
  left: 80.5%;
  width: 17%;
  height: 90%;
  line-height: 1;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-discount-prefix {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.45cqw;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-discount-value {
  position: absolute;
  top: 15%;
  left: 0;
  font-size: 6.2cqw;
}

.gift-offer-banner-desktop .gift-offer-banner-copy--anniversary .gift-offer-discount-suffix {
  position: absolute;
  top: 20%;
  left: 63%;
  font-size: 2.5cqw;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary {
  --gift-offer-name-color: #B48720;
  --gift-offer-discount-color: #B48720;
  --gift-offer-mobile-left: 4.5%;
  --gift-offer-mobile-name-top: 49%;
  --gift-offer-mobile-name-size: 4.2cqw;
  --gift-offer-mobile-discount-top: 27%;
  --gift-offer-mobile-discount-size: 3.5cqw;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary .gift-offer-name {
  left: 31.8%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary .gift-offer-discount {
  width: 22%;
  height: 70%;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary .gift-offer-discount-prefix {
  position: absolute;
  top: 0;
  left: 6%;
  font-size: 3.1cqw;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary .gift-offer-discount-value {
  position: absolute;
  top: 25%;
  left: 0;
  font-size: 7.2cqw;
}

.gift-offer-banner-mobile .gift-offer-banner-copy--anniversary .gift-offer-discount-suffix {
  position: absolute;
  top: 34%;
  left: 71%;
  font-size: 3.8cqw;
}

@media (max-width: 420px) {
  .gift-offer-banner-mobile .gift-offer-banner-copy {
    align-content: center;
  }

  .gift-offer-banner-mobile .gift-offer-banner-copy-content {
    flex-wrap: wrap;
    gap: 0 0.3rem;
  }
}

.wisdom-sale-column-header{
  background: linear-gradient(180deg, #FFFFDD 0%, #FFFFFF 37.76%);
}

.festive-char-back-to-school{
  margin-right: 6rem;
}

.back-to-school-bg {
  background: linear-gradient(180deg, rgba(71, 112, 60, 0.6) 0%, #FFFFFF 83.93%);
}

.fun-learn-bg {
  background: linear-gradient(180deg, #FFF8D1 0%, #FFFFFF 83.93%);
}

.anniversary-sale-bg {
  background-color: #FFFCF3;
}

.navratri-offer-bg {
  background: radial-gradient(33.96% 141.48% at 17.34% 103.93%, #FFE4D9 0%, #FFEEDC 50%, #FFF8E0 100%);
}

.daughters-day-bg {
  background: radial-gradient(98.59% 90.08% at 1.41% 1.35%, rgba(255, 238, 249, 0.6) 0%, rgba(254, 242, 255, 0.8) 50%, rgba(243, 225, 251, 0.6) 100%);
}

.dussehra-offer-bg {
  background: radial-gradient(98.59% 90.08% at 1.41% 1.35%, rgba(255, 225, 199, 0.6) 0%, rgba(255, 245, 217, 0.8) 50%, rgba(255, 225, 199, 0.6) 100%);
}

.diwali-offer-bg {
  background: linear-gradient(180deg, rgba(83, 25, 109, 0.9) 0%, rgba(135, 58, 172, 0.9) 45.83%);

}

.monsoon-sale-bg {
  background: url("https://trubuddy.me/assets/Festive%20Assets//monsoon-sale/pc-background.webp?v=1") no-repeat center / cover;
}

.childrens-day-bg {
  background-image: url("https://trubuddy.me/assets/Festive%20Assets/Childrens-day/childrens-day-bg.webp?v=2");
}

.diwali_heading{
  background: linear-gradient(180deg, #F8B607 0%, #FFE08E 82.76%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.back-to-school-main-bg {
  top: 8%;
}

.column-header .thunder {
  position: absolute;
  top: 8.5%;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

#canvas3 { z-index: 5; }

#canvas2 { z-index: 10; }

#canvas1 { z-index: 100; }

.g-wrapper {
    position: relative;
    display: inline-block;
}

.g-wrapper .hat img {
  scale: .85;
}

@media (min-width: 768px) {
  .section-heading{
    font-size: 28px !important;
    font-weight: 700 !important;
  }
   .summersale-decor{
    width: 50%;
  }

.main-bg {
  position: absolute;
  /* top: 15%; */
  z-index: 1;
  width: 50%;
  height: 100%;
}
}

.benefits-section,
#gift-section,
.embed-responsive,
footer,
#books-by-category-section-modal { content-visibility: auto; contain-intrinsic-size: 800px 600px; }

.diwali-right-rocket{
  position: absolute;
  right: 0;
  bottom: 0;
  scale: .8;
}

.diwali-left-rocket{
  position: absolute;
  left: 0;
  bottom: 0;
  scale: .7;
}

.ram-navmi-bg{
  background: linear-gradient(180deg, #FEF0E3 0%, #F5F5F5 50%, #FFFFFF 100%);

}

.ram-navmi-decoration-1{
  position: absolute;
    left: 2%;
    top: 0;
}

.ram-navmi-decoration-2{
  position: absolute;
    right: 52%;
    top: 0;
    transform: scaleX(-1);
}

@media (max-width: 768px) {
  .ram-navmi-decoration-1{
    height: 80px;
  }

  .ram-navmi-decoration-2{
        position: absolute;
    right: 1%;
    top: 0;
    /* scale: .7; */
    height: 80px;
    transform: scaleX(-1);
  }
}

.mothers-day-bg{
  background: linear-gradient(180deg, #FEF0E3 0%, #F5F5F5 50%, #FFFFFF 100%);

}

.fathers-day-bg{
  background: linear-gradient(180deg, #E2EDF1 0%, #FFFFFF 83.93%);
}

.independence-day-bg {
  background:
    linear-gradient(180deg, rgba(251, 247, 243, 0.85) 0%, rgba(245, 245, 245, 0.6) 50%, rgba(255, 255, 255, 0.2) 100%),
    url('https://trubuddy.me/assets/Festive%20Assets/independence-day/independence-day-pc-bg.webp');
}

.rakshabandhan-bg {
  background: linear-gradient(180deg, #FFF5EA 0%, #FFFFFF 83.93%);
}

.guru-purnima-bg{
  background: linear-gradient(180deg, #FFF5EA 0%, #FFFFFF 83.93%);
}

.friendship-day-bg{
  background: url('https://trubuddy.me/assets/Festive%20Assets/friendship-day/friendship-day-pc-bg.webp') top center / cover no-repeat;
}

.yoga-day-bg{
  background: url('https://trubuddy.me/assets/Festive%20Assets/yoga-day/yoga-day-pc-bg.webp') top center / cover no-repeat;
}

@media (max-width: 768px) {
  .yoga-day-bg{
    /* background-size: contain; */
  }
}

.mothers-day-decoration-1{
    position: absolute;
    left: 2%;
    top: 3%;
    height: 16%;
}

.mothers-day-decoration-2{
  position: absolute;
    right: 52%;
    top: 0;
    transform: scaleX(-1);
        top: 3%;
    height: 16%;
}

@media (max-width: 768px) {
  .mothers-day-decoration-1{
    height: 12%;
  }

  .mothers-day-decoration-2{
          position: absolute;
        right: 1%;
        top: 2%;
        /* scale: .7; */
        height: 10%;
  }
}

.ipl-offer-bg {
    background-image: url("https://trubuddy.me/assets/Festive%20Assets/IPL/background.webp?v=22");
    background-size: 100% 50%;
    background-position: -57% top;
    background-repeat: no-repeat;
}

.gift-offer-theme-anniversary {
  background-color: #FFFCF3;
}

.gift-offer-text-white {
  color: white;
}

.gift-offer-layout-opacity-half {
  opacity: 50%;
}

.gift-offer-layout-width-full {
  width: 100%;
}

.gift-offer-layout-anniversary-mobile-bg {
  width: 100%;
  margin-top: -1rem;
  margin-bottom: 0.5rem;
}

.gift-offer-layout-mobile-overscan {
  position: relative;
  width: 105%;
}

.gift-offer-banner-mobile > img.gift-offer-layout-ipl-right {
  position: absolute;
  right: 5%;
  bottom: 0;
  width: 27%;
}

.gift-offer-layout-ipl-ball {
  position: absolute;
  top: -32%;
  left: 47%;
  width: 12%;
}

.gift-offer-layout-ipl-player {
  position: absolute;
  bottom: 0;
  left: -1%;
  width: 21%;
}

.gift-offer-layout-fill-front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
  width: 100%;
}

.gift-offer-layout-half-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -46;
  width: 50%;
}

.gift-offer-layout-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -46;
}

.gift-offer-layout-character-20-raised-scaled {
  bottom: 15%;
  width: 20%;
  margin-right: 7rem !important;
  margin-bottom: 0;
  scale: 1.2 !important;
}

.gift-offer-layout-character-21-bottom {
  bottom: 0;
  width: 21%;
  margin-bottom: 0;
}

.gift-offer-layout-character-22-right {
  right: 4%;
  bottom: 4%;
  width: 22%;
  margin: 0;
}

.gift-offer-layout-character-25-bottom {
  bottom: 0;
  width: 25%;
  margin-bottom: 0;
}

.gift-offer-layout-character-30-bottom {
  bottom: 0;
  width: 30%;
  margin-bottom: 0;
}

.gift-offer-banner-mobile .gift-offer-layout-character-teachers-day-raised {
  bottom: 10%;
}

.gift-offer-layout-character-30-right {
  right: 10%;
  bottom: 0;
  width: 30%;
  margin: 0;
}

.gift-offer-layout-character-35-bottom {
  bottom: 0;
  width: 35%;
  margin-bottom: 0;
}

.gift-offer-layout-character-35-raised {
  bottom: 10%;
  width: 35%;
  margin-bottom: 0;
}

.gift-offer-layout-character-35-raised-scaled {
  bottom: 15%;
  width: 35%;
  margin-right: 7rem !important;
  margin-bottom: 0;
  scale: 1.2 !important;
}

@media (max-width: 767.98px) {
  .headert-text-container > .gift-hero-description,
  .headert-text-container > .gift-hero-age {
    margin-top: 0.75rem !important;
    margin-bottom: 0;
  }

  .headert-text-container > .gift-hero-age {
    margin-bottom: 1rem !important;
  }

  .teachers-day-hero-element--globe {
    top: 10rem;
    right: 10%;
    left: auto;
    width: clamp(38px, 12vw, 48px);
  }
}

@media (width: 1280px) and (height: 800px),
       (width: 1280px) and (height: 950px),
       (width: 1440px) and (height: 900px) {
  .janmashtami-bg .gift-offer-banner-desktop {
    top: 13px;
  }

  .teachers-day-bg .gift-offer-banner-desktop {
    top: 4px;
  }
}

@media (width: 1920px) and (height: 1080px) {
  .janmashtami-bg .gift-offer-banner-desktop {
    top: 18px;
  }

  .teachers-day-bg .gift-offer-banner-desktop {
    top: 4px;
  }
}

@keyframes rotation {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

@keyframes spin { to { transform: translateY(-50%) rotate(360deg); } }

@keyframes thunder-bg {
  0%, 9%, 80%, 83% {
    background-color: rgba(34, 34, 34, 0.9);
  }
  10%, 82%, 83.5% {
    background-color: rgba(59, 59, 59, 0.3);
  }
  10.5%, 100% {
    background-color: rgba(34, 34, 34, 0.9);
  }
}