.giftCardContainer {
       position: relative;
       width: 120px;
       min-height: 150px;
       margin-top: 50px;
       margin-right: 25px;
   }

   .giftCardBrand1 {
       position: relative;
       top: 24px;
       left: 0;
       background-color: #0078ae;
       padding: 59px 10px 19px 10px;
       border: 1px solid #fff;
       border-radius: 16px;
       min-height: 111px;
   }


   .componentTextContainer {
       position: absolute;
       z-index: 2;
       margin-left: auto;
       width: 72px;
       padding: 18px 15px;
       top: 0;
       right: 0;
   }

   .componentGraphic1 {
       position: relative;
       /* top: 20%;
       right: -10px;
       translate: 0 -50%;
       width: 84% !important;
       aspect-ratio: 9140338 / 9077561; */
   }

   .componentCol1 {
       position: absolute;
       z-index: 1;
       display: flex;
       flex-direction: column;
       align-items: center;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       text-align: center;
       line-height: 11px;
       font-size: 13px;
       font-weight: 800;

   }

   /* .owl-carousel.owl-drag .owl-item {
        height: 1030px !important;
        margin-top: 80px;
    } */

   /* brand2 */
   .giftCardBrand2 {
       position: relative;
       color: #dd17aa;
       text-align: center;
       min-height: 111px;
   }

   /* 
   .giftCardBrand2Container .componentCol1 {
       color: #dd17aa;
   } */

   .giftcardComponent {
       position: absolute;
       top: -20px;
       right: -10px;
       width: 60px;
   }

   .giftCardBrand2Container .giftCardBrand2 {
       position: relative;
       top: 24px;
       left: 0;
       background-color: #dd17aa;
       padding: 59px 10px 19px 10px;
       border: 1px solid #fff;
       border-radius: 16px;
   }

   .gift-container {
       /* margin: 10px; */


       padding-left: 18px;
       padding-right: 0px;
   }


   .gift-card-container {
       margin-top: 50px;
       margin-bottom: 50px;
       padding-top: 10px;
       margin-top: 0px;
       margin-bottom: 50px;
       background:
           radial-gradient(circle at left center,
               rgba(255, 82, 48, 1) 0%,
               rgba(255, 82, 48, 0.2) 23%,
               rgba(255, 82, 48, 0) 51%),
           radial-gradient(circle at right center,
               rgba(255, 82, 48, 1) 0%,
               rgba(255, 82, 48, 0.6) 13%,
               rgba(255, 82, 48, 0) 43%),
           linear-gradient(to right,
               rgba(255, 82, 48, 1) 0%,
               rgba(38, 103, 255, 0) 0%,
               rgba(38, 103, 255, 0) 100%,
               rgba(255, 82, 48, 1) 100%),
           #000;
   }

   .a {
       width: 133px;
       display: flex;
       flex-direction: column;
       gap: 1px;
       background-color: var(--blue-50);
       padding-bottom: 2px;
       border: 1px solid #fff;
       border-radius: 16px;
       margin-right: 15px;
   }

   .b {
       margin: -1px -1px 0 -1px;
       display: flex;
       flex-direction: column;
       line-height: 1;
       text-align: left;
       background: linear-gradient(90deg, #043df4 0%, #704eff 100%) top left / auto auto no-repeat;
       padding: 38px 6px 12px 8px;
       border-radius: 16px;
       position: relative;
   }



   .d {
       position: absolute;
       top: -10px;
       right: 0px;
       width: 50% !important;
   }

   .flightImage {
       width: 120px !important;
       top: -20px;
       right: -7px;
   }

   .hotelImage {
       width: 90px !important;
       top: -33px;
       right: -6px;
   }

   .dthImg {
       width: 70px !important;
       top: -22px;
       right: 0px;
   }

   .ccRechargeImg {
       width: 85px !important;
       top: -26px;
       right: -5px;
   }

   .viaCcImage {
       width: 98px !important;
       top: -15px;
       right: -2px;
   }

   .goldImage {
       width: 100px !important;
       top: -15px;
       right: 1px;
   }

   .rechargeImage {
       width: 62px !important;
       position: absolute;
       top: -27px;
       right: 4px;
   }

   .giftcardimage {
       width: 89px !important;
       top: -12px;
       right: 0px;
   }

   .recharge-container .owl-carousel.owl-drag .owl-item {
       margin: 30px 0px;
       margin-right: 7px;
   }

   .recharge-container .owl-carousel .owl-stage-outer {
       height: 180px;
   }

   .recharge-container .owl-carousel .owl-stage {
       margin: 0px -20px;
   }

   .column-text-bottom {
       margin-top: 10px;
   }

   .recharge-container .subtitle4 {
       margin-bottom: 20px;
   }

   .recharge-container {
       padding-bottom: 50px;
       padding-top: 50px;
       /* background: linear-gradient(to right, rgba(255, 82, 48, 1) 0%, rgba(38, 103, 255, 0) 15%, rgba(38, 103, 255, 0) 85%, rgba(255, 82, 48, 1) 100%), #000; */
       padding-left: 10px;
       padding-right: 0px;
       background:
           radial-gradient(circle at left center,
               rgba(255, 82, 48, 1) 0%,
               rgba(255, 82, 48, 0.2) 23%,
               rgba(255, 82, 48, 0) 51%),
           radial-gradient(circle at right center,
               rgba(255, 82, 48, 1) 0%,
               rgba(255, 82, 48, 0.6) 13%,
               rgba(255, 82, 48, 0) 43%),
           linear-gradient(to right,
               rgba(255, 82, 48, 1) 0%,
               rgba(38, 103, 255, 0) 0%,
               rgba(38, 103, 255, 0) 100%,
               rgba(255, 82, 48, 1) 100%),
           #000;
   }

   .swiper {
       width: 100%;
       padding: 10px 0;
   }

   .swiper-slide {
       width: auto;
       flex-shrink: 0;
   }

   .swiper-slide img {
       height: 120px;
       border-radius: 10px;
       margin: 0 !important;
   }

   .swiper-wrapper {
       height: auto !important;
   }

   #swiperFirst .swiper-slide img {
       height: auto;
       border-radius: 10px;
       margin: 0 !important;
       width: 100%;
   }

   .a2 {
       width: 133px;
       display: flex;
       flex-direction: column;
       gap: 1px;
       background-color: var(--blue-50);
       padding-bottom: 2px;
       border: 1px solid #fff;
       border-radius: 16px;
       margin-right: 15px;
   }

   .b2 {
       margin: 1px 1px 1px 1px;
       flex-direction: column;
       text-align: left;
       background: linear-gradient(0deg, #ae282e 0%, #ff5230 100%) top left / auto auto no-repeat;
       border-radius: 16px;
       display: flex;
       gap: 10px;
       padding: 10px;
       min-height: 130px;
       justify-content: space-between;
   }



   .d2 {
       position: absolute;
       top: 50%;
       right: 0px;
       width: 75px !important;
       transform: translateY(-50%);
   }

   .exclusive-container .owl-carousel.owl-drag .owl-item {
       margin: 30px 0px;
       margin-right: 7px;
   }

   .exclusive-container .owl-carousel .owl-stage-outer {
       height: 180px;
   }

   .exclusive-container .owl-carousel .owl-stage {
       margin: 0px -20px;
   }

   .column-text-bottom {
       margin-top: 10px;
   }

   .exclusive-container .subtitle4 {
       margin-bottom: 20px;
   }

   .exclusive-container {
       padding-bottom: 50px;
       margin-top: 0px;
       background: linear-gradient(to right, rgba(255, 82, 48, 1) 0%, rgba(38, 103, 255, 0) 15%, rgba(38, 103, 255, 0) 85%, rgba(255, 82, 48, 1) 100%), #000;

   }

   .e2 {
       border-radius: 12px;
       background: #fff;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
       position: absolute;
       right: 3px;
       top: -9px;
       padding: 6px;
       width: 70px;
       text-align: center;
   }

   .e2 h4 {
       color: #FF5230;
       font-family: Inter;
       font-size: 12px;
       font-style: normal;
       font-weight: 600;
       line-height: 12px;
   }

   .exclusive-container .owl-carousel .owl-item .dealImg {
       width: 50px !important;
   }

   .flatText {
       color: var(--Black-100, #FFF);
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 400;
       line-height: 10px;
   }

   .offText {
       color: var(--Black-100, #FFF);
       font-family: Inter;
       font-size: 20px;
       font-style: normal;
       font-weight: 600;
       line-height: 28px;
   }

   .c2 span {
       color: var(--Black-100, #FFF);
       font-family: Inter;
       font-size: 12px;
       font-style: normal;
       font-weight: 500;
       line-height: 12px;
       /* 100% */
   }

   .text-Orange-600 {
       color: var(--Orange-600, #FF5230);
       text-align: center;
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 500;
       line-height: 12px;
       /* 120% */
   }



   .cards-container {
       display: flex;
       gap: 5px;
       justify-content: space-between;
   }

   .cards-container .ORangeCard {
       width: 130px;
       background: #fff;
       border: 2px solid #ffd700;
       border-radius: 8px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
       padding: 4px;
       overflow: auto;
   }



   .cards-container .texttext {
       font-size: 12px;
       margin: 0;
       color: #001f4d;
       font-weight: bold;
       text-align: left;
       line-height: 1;
   }

   .cards-container span {
       display: block;
       font-size: 9px;
       margin-top: 3px;
       color: #001f4d;
   }

   .cardFooter {
       background: linear-gradient(to bottom, #ff6a00, #c40000);
       color: #fff;
       font-size: 10px;
       border: 2px solid #ffd700;
       border-radius: 8px;
       line-height: 1;
       padding: 3px;
       display: flex;
       align-items: center;
       text-align: left;
   }

   .bookingContainer {
       background-repeat: no-repeat;
       width: 100%;
       position: relative;
       border: 16px solid transparent;
       border-image: url('../../assets/images/border.svg') 18 stretch;
       padding: 10px 10px 10px 10px;
   }

   .bookingContainer2 {
       display: flex;
       align-items: center;
       justify-content: space-around;
       gap: 2px;
       /* position: absolute;
       top: 48%;
       left: 49%;
       transform: translate(-50%, -50%);
       width: 90%;
       gap: 2px; */

   }


   .bookingItem {
       background: #fff;
       color: #000;
       width: 50%;
       border-radius: 4px;
       border: 1px solid var(--low-gold, #D4A537);
       padding: 6px;
       position: relative;
   }

   .bookingContent {
       text-align: left;
   }

   .bookingItem h3 {
       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 11px;
       font-style: normal;
       font-weight: 700;
       line-height: 12px;
       text-align: right;
   }

   .bookingItem h4 {
       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 24px;
       font-style: normal;
       font-weight: 600;
       line-height: 24px;
   }

   .bookingItem h5 {
       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 500;
       line-height: 10px;
   }

   .bookingItem p {
       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 600;
       line-height: 12px;
   }

   .bookingImges {
       position: absolute;
       right: 0;
       width: 50px !important;
       bottom: 0px;
   }

   .giftCardSContainer {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 20px;
       max-width: 900px;
       margin: auto;
       margin-top: 30px;
       /* background-image: url('../../assets/images/border.svg'); */

   }

   .GiftscardsItem {
       background: #fff;
       color: #000;
       border-radius: 4px;
       border: 1px solid var(--low-gold, #D4A537);
       padding: 6px;
       position: relative;
       height: fit-content;
   }

   .GiftCardsContent {
       /* display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 20px;
       max-width: 900px;
       margin: auto; */
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .GiftCardsContent h4 {
       text-align: left;
       color: var(--Blue-800, #022289);
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 700;
       line-height: 10px;
   }

   .startImage {
       position: absolute;
       top: -10px;
       right: -10px;
       width: 40px;
       height: 40px;
       background-image: url('../../assets/images/star.svg');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
   }

   .startImage h5 {
       position: absolute;
       top: 5px;
       font-size: 13px !important;
       text-align: center;
       color: #fff !important;
       padding: 4px;
   }

   .giftCardsImges {
       margin: 0 !important;
       width: 30px;
       height: 30px;
   }

   .bottomGiftSCardImg {
       position: relative;
       margin: 0 !important;
   }

   .allGiftCardsContain {
       display: grid;
       grid-template-columns: repeat(8, 1fr);
       margin-top: 10px;
       gap: 6px;
   }

   .worthImgContain {
       display: flex;
       margin: 0;
       justify-content: space-between;
       align-items: baseline;

   }

   .worthImgContain img {
       border-radius: 4px;
       background: #010C32;
       margin: 0 !important;
       width: 35px;
   }

   .brandDealsItem {
       /* background: #fff;
       color: #000;
       width: 50%;
       border-radius: 4px;
       border: 1px solid var(--low-gold, #D4A537);
       padding: 6px;
       position: relative;
       text-align: left; */
       display: flex;

   }

   .brandDealsItem img {
       width: 40px;
       border-radius: 4px;
       background: #FFF;
       object-fit: contain;
       padding: 2px;
   }

   .brandDealRestContent img {
       background-color: #fff;
   }

   .brandDealRestContent img {
       width: 30px;
       border-radius: 4px;
       border: 1px solid var(--low-gold, #D4A537);
       background: #FFF;
       box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
       padding: 2px;
   }

   .brandDealsItem h5 {
       color: #FF5230;
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 700;
       line-height: 12px;

   }

   .spanFlatText {

       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 10px;
       font-style: normal;
       font-weight: 600;
       line-height: 10px;
   }


   .brandDealsItem h4 {
       color: var(--Orange-600, #FF5230);
       font-family: Inter;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;
       line-height: 24px;
   }

   .brandDealContainer {
       background-repeat: no-repeat;
       width: 100%;
       position: relative;
       border: 16px solid transparent;
       padding: 5px 10px 10px 10px;
       border-image: url('../../assets/images/border.svg') 18 stretch;

   }

   .brandDealContainer2 {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 2px;
       /* position: absolute;
       top: 48%;
       left: 49%;
       transform: translate(-50%, -50%);
       width: 90%;
       gap: 10px; */

   }

   .ottConttainer {
       display: grid;
       grid-template-columns: repeat(8, 1fr);
       gap: 4px;
   }

   img.ottImg {

       width: 40px !important;
       margin: 0px !important;
   }

   .ottConttainer2 {
       display: flex;
       align-items: center;
       gap: 0px;
       justify-content: space-evenly;
       margin-top: 10px;
   }

   .branddealRestItem h3 {
       color: var(--Blue-800, #022289);
       font-family: Inter;
       font-size: 8px;
       font-style: normal;
       font-weight: 600;
       line-height: 8px;
       /* 100% */
   }

   .branddealRestItem {
       background: #fff;
       color: #000;
       width: 50%;
       border-radius: 4px;
       border: 1px solid var(--low-gold, #D4A537);
       padding: 6px;
       position: relative;
       display: flex;
       flex-direction: column;
       min-height: 70px;
       justify-content: space-between;
       text-align: left;
   }

   .branddealRestItem img {
       margin: 0 !important;
       width: 30px;
       padding: 3px;
   }

   .branddealRestItem h4 {
       color: var(--Blue-800, #022289);
       font-family: Inter;
       font-size: 8px;
       font-style: normal;
       font-weight: 600;
       line-height: 8px;
   }

   .brandDealRestContent {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 3px;
       margin-top: 10px;
   }

   .GiftscardsItem .startImage h5 {
       position: absolute;
       top: 5px !important;
       font-size: 10px !important;
       text-align: center;
       color: #fff !important;
       padding: 4px;
   }

   /* body {
       margin: 0;
       min-height: 300vh;
       background: linear-gradient(180deg, #ff7eb3, #ff758c);
       transition: background 0.3s linear;
   } */
   .amazonOffer {
       color: #000;
   }

   .dominosOffer {
       color: #fff;
   }

   .flipkartOffer {
       color: #107bd4;
   }

   .mcdonaldsOffer {
       color: #c2302d
   }

   .myntraOffer {
       color: #dd17aa
   }

   .pvrOffer {
       color: #3d3d3d
   }

   .starbucksOffer {
       color: #ffffff
   }

   .uberOffer {
       color: #010202
   }

   .zeptoOffer {
       color: #950edb
   }


   .loader {
       position: fixed;
       z-index: 2;
       top: 100px;
       width: 100%;
       left: 0px;
       overflow: hidden;
       z-index: 0;
   }

   .loader img {
       width: 100px;
       /* optional base width */
       transform: scale(2);
       /* 200% initially */
       opacity: 1;
       animation: shrinkFade 2.5s forwards;
       width: 100%;
   }

   @keyframes shrinkFade {
       to {
           transform: scale(0);
           opacity: 0;
       }
   }