/*=====Start Home Banner Section=====*/
.banner {
  background-image: linear-gradient(
    360deg,
    #000000 0%,
    #300b00 48.21%,
    #611700 96.42%
  );
  color: #fff;
}
.bannerText {
  padding-top: 60px;
}
.bannerBg {
  max-width: 416px;
}
.bannerText-h1 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
}
.bannerText-h6 {
  font-size: 16px;
  font-weight: 400;
}
.bannerText-h1,
.bannerText-h6 {
  margin-bottom: 20px;
}
.downloadBtns {
  margin-top: 26px;
}
.downloadBtns .button {
  background: #000;
  color: #fff;
  padding: 10px;
  border: 0.5px solid #a6a6a6;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.downloadBtns .button:not(:last-child) {
  margin-right: 13px;
}
.downloadBtns .button img {
  margin-right: 10px;
}
.downloadBtns .button img.apple {
  width: 26px;
}
.downloadBtns .button img.gplay {
  width: 24px;
}
.downloadBtns .button p:first-child {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  margin-bottom: 3px;
}
.downloadBtns .button p:nth-child(2) {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
/*=====End Home Banner Section=====*/

/*=====Start Home Section Earn=====*/
.homeSection-earn .content {
  padding-top: 34px;
  font-weight: 500;
}
.homeSection-earn .content h2 {
  margin-bottom: 10px;
}
.homeSection-earn .content button {
  margin-top: 25px;
}
.homeSection-earn-img,
.homeSection-gold-img {
  width: 100%;
  /*height: 416px;
    max-width: 416px;
	object-fit: cover;*/
  border-radius: 20px;
}

.homeSection-earn .homeRelImgHolder {
  position: relative;
  text-align: center;
}
.homeSection-earn .earnlabel1,
.homeSection-earn .earnlabel2,
.homeSection-gold .goldlabel-icon1,
.homeSection-gold .goldlabel-icon2,
.homeSection-gold .goldlabel1,
.homeSection-gold .goldlabel2 {
  position: absolute;
  z-index: 1;
}
.homeSection-earn .earnlabel1 img,
.homeSection-earn .earnlabel2 img,
.homeSection-gold .goldlabel-icon1 img,
.homeSection-gold .goldlabel-icon2 img,
.homeSection-gold .goldlabel1 img,
.homeSection-gold .goldlabel2 img {
  width: 100%;
}

.homeSection-earn .earnlabel1 {
  left: -67px;
  top: 33px;
  width: 160px;
}
.homeSection-earn .earnlabel2 {
  right: -71px;
  bottom: -90px;
  width: 232px;
}

.homeSection-gold .homeSection-earn {
  padding-top: 35px;
}
.homeSection-gold .homeSection-earn .content {
  padding-left: 50px;
  padding-top: 56px;
}
.homeSection-gold .goldlabel-icon1 {
  width: 147px;
  right: -61px;
  top: 64px;
}
.homeSection-gold .goldlabel-icon2 {
  width: 53px;
  bottom: -30px;
  left: 78px;
}
.homeSection-gold .goldlabel1 {
  width: 160px;
  top: 79px;
  left: -63px;
}
.homeSection-gold .goldlabel2 {
  width: 232px;
  right: -121px;
  bottom: -36px;
}

/*=====End Home Section Earn=====*/

/*=====Start Home Section Pay Bill=====*/
.homeSection-paybill {
  background: linear-gradient(90deg, #000000 0%, #611700 100%);
  color: #fff;
}
.homeSection-paybill .content {
  padding-top: 15px;
  font-weight: 500;
}
.homeSection-paybill h3 {
  margin-top: 45px;
}
.homeSection-paybill .form-check-label {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}
.homeSection-paybill .form-check-label p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 6px 0 35px;
  text-transform: capitalize;
}
.homeSection-paybill .customCheckbox:last-child .form-check-label p {
  margin-bottom: 0;
}
.homepaybillTab {
  margin-top: 40px;
}
.tabView .nav-tabs {
  border-bottom: none;
}
.homepaybillTab .tabMenu {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1);
  color: #fffafa;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 25px;
  text-decoration: none;
}
.homepaybillTab .nav-item:not(:last-child) .tabMenu {
  border-right: 1px solid #c5c5c56b;
}
.tabView .tabMenu:hover,
.tabView .tabMenu:focus,
.tabView .tabMenu:focus-visible {
  border: none;
}
.tabView .tabMenu:focus-visible {
  box-shadow: none;
}
.homepaybillTab .tabMenu.active {
  background: linear-gradient(180deg, #be2e00 21.05%, #581500 100%);
  color: #fff;
  border: none;
}
.tabView .tab-content {
  padding-top: 15px;
}
.billItemHolder {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
}
.billItemHolder:not(:last-child) {
  margin-right: 30px;
}
.billItemHolder .icon {
  display: inline-block;
  background: #ffffff2b;
  border: 1px solid #ffffff66;
  padding: 17px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.billItemHolder .icon img {
  height: 45px;
  width: 45px;
  object-fit: contain;
}
/*=====End Home Section Pay Bill=====*/

/*=====Start Home Section Pay Bill Now=====*/
.homecard1,
.homecard2 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 53px;
}
.homecard1 {
  background: linear-gradient(180deg, #fff1e3 0%, #ffffff 100%);
}
.homecard2 {
  background: linear-gradient(180deg, #d7e9ff 0%, #ffffff 100%);
}
.homecard2 .highlightText {
  color: #084591;
}
.homecard1 .badge,
.homecard2 .badge {
  font-size: 10px;
  line-height: 13px;
  font-weight: 500;
  padding: 8px 16px;
  margin-bottom: 18px;
}
.homecard1 .badge {
  background: #dd5428;
}
.homecard2 .badge {
  background: #084591;
}
.homeSection-paybillnow .paybillBtn {
  margin-top: 50px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 9px 24px;
  transition: all 0.3s ease;
}
.homeSection-paybillnow .paybillBtn:hover,
.homeSection-paybillnow .paybillBtn:focus,
.homeSection-paybillnow .paybillBtn:active,
.homeSection-paybillnow .paybillBtn:focus-visible {
  color: #fff !important;
  box-shadow: none;
  opacity: 0.8;
}
.homeSection-paybillnow .homecard1 .paybillBtn {
  background: linear-gradient(180.53deg, #dd5428 0.45%, #772d16 225.94%);
}
.homeSection-paybillnow .homecard2 .paybillBtn {
  background: linear-gradient(180.53deg, #084591 0.45%, #052a58 225.94%);
}
.bg-lineart {
  position: relative;
}
.bg-lineart:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -36%;
  left: 0;
  z-index: -1;
  background-image: url("../images/lineart-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}
/*=====End Home Section Pay Bill Now=====*/

/*=====Start Home Section Why Choose Us=====*/
.homeSection-whychooseus {
  background: linear-gradient(180deg, #2b0a01 0%, #661903 100%);
  color: #fff;
}
.homeSection-whychooseus .heading {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 80px;
}
.homeSection-whychooseus .heading h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
}
/* .whychoosebg {
  width: 100%;
  height: 100%;
} */
.whychoosebg {
  padding: 0;
}
.whychoosebg img {
  width: 100%;
  height: 100%;
  object-position: bottom;
  object-fit: cover;
  position: relative;

}
/*.whychoosebg {
	height: 100%;
	width: 100%;
	background-image: url("../images/whychooseus-bg.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position-x: center;
    background-position-y: bottom;
}*/
.labellList {
  padding-bottom: 30px;
}
.labellList .itemHolder {
  padding: 0 0 30px;
  position: relative;
}
.labellList .item {
  background: linear-gradient(89.99deg, #3f0f02 0.01%, #661903 155.33%);
  box-shadow: 0px 4px 18px 0px #00000040;
  border: 1px solid #fff4f4b2;
  border-radius: 100px;
  padding: 15px 21px;
  display: inline-flex;
}
.labellList .item img {
  height: 26px;
  width: 26px;
  object-fit: contain;
}
.labellList .item span {
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
  text-wrap: nowrap;
}
.labellList.card1 {
  text-align: right;
}
.labellList.card1 .itemHolder:nth-child(1) {
  margin-right: -40px;
}
.labellList.card1 .itemHolder:nth-child(2) {
  margin-right: 20px;
}
.labellList.card1 .itemHolder:nth-child(3) {
  margin-right: -10px;
}
.labellList.card1 .itemHolder:nth-child(4) {
  margin-right: -30px;
}
.labellList.card2 .itemHolder:nth-child(1) {
  margin-left: -40px;
}
.labellList.card2 .itemHolder:nth-child(2) {
  margin-left: 20px;
}
.labellList.card2 .itemHolder:nth-child(3) {
  margin-left: -10px;
}
.labellList.card2 .itemHolder:nth-child(4) {
  margin-left: -30px;
}
/*=====End Home Section Why Choose Us=====*/

/*=====Start Home Section Trust=====*/
.secHeading {
  font-size: 120px;
  line-height: 151px;
  font-weight: 700;
  position: relative;
  color: #0000000d;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.secHeading .smallHeading {
  font-size: 36px;
  line-height: 40px;
  color: #000;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 32px;
  width: 100%;
  text-transform: capitalize;
}

.swiper-container {
  position: relative;
}
.swiper-container > .swiper-slide__content {
  position: absolute;
  top: 0;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  transform: scale(0.8);
  border-radius: 10px;
}
.swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.swiper-slide .slideItem {
  border-radius: 10px;
  overflow: hidden;
}
.swiper-slide .slideItem {
  position: relative;
}
.swiper-slide .slideItem .overlay {
  display: none;
  align-items: flex-end;
  color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #dd5428 111.27%);
  padding: 35px;
}
.swiper-slide.swiper-slide-active .slideItem .overlay {
  display: flex;
  cursor: pointer;
}
.swiper-slide .slideItem .playIcon {
  position: absolute;
  z-index: 2;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  height: 44px;
  width: 44px;
}
.swiper-slide .slideItem .overlay .name {
  font-size: 26px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}
.swiper-slide .slideItem .overlay .city {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.swiper-slide .slideItem .overlay .rating {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.swiper-slide .slideItem .overlay .rating img {
  height: 28px;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: 70vh;              /* responsive height */
  background: #000;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;        /* 🔥 removes black bars */
  border: 0;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .video-wrapper {
    height: 50vh;
  }
}
.videoModal .btn-close {
  fill: #fff;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  right: 10px;
  top: 10px;
  padding: 5px;
  cursor: pointer;
}
/*=====End Home Section Trust=====*/

/*=====Start Home Section We Are Here=====*/
h1.bigHead {
  font-size: 120px;
  /*line-height: 150px;*/
  line-height: 120px;
  color: #0000000d;
  text-align: center;
  margin-bottom: 50px;
}
.homeSection-wearehere h3 {
  line-height: 45px;
  font-weight: 400;
}

.homeSection-wearehere h3 > span{
  font-weight: 600;
}
.homeSection-wearehere .contactList {
  padding-top: 70px;
  padding-bottom: 70px;
}
.homeSection-wearehere .contactList .item:not(:last-child) {
  padding-bottom: 20px;
}
.homeSection-wearehere .contactList .item {
  display: flex;
  align-items: center;
}
.homeSection-wearehere .contactList .item img {
  height: 24px;
  width: 24px;
  object-fit: contain;
}
.homeSection-wearehere .contactList .item span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding-left: 10px;
}
.contactList a{
  text-decoration: none;
  color: #000;
}
.contactList a:hover{
  color: #dd5428;
}
.homeSection-wearehere .customercare {
  border: 2px solid #e6e6e6;
  border-radius: 16px;
  background: #fff;
  padding: 35px;
}
.homeSection-wearehere .customercare .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.homeSection-wearehere .customercare img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 10px;
}
.homeSection-wearehere .customercare .info {
  color: #7c7c7c;
  line-height: 22px;
  padding: 20px 0;
}
.homeSection-wearehere .customercare .primeBtn {
  font-size: 14px;
  background: #dd5428;
}
/*------------------*/
.accordionItem {
  background: #fff;
  border: 1px solid #dedede;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0px 33px 72px 0px #8080801a;

  padding: 18px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.accordionItem .title {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #151515;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.accordionItem .que {
  width: calc(100% - 25px);
}
.accordionItem .toggleIcon {
  height: 20px;
  width: 20px;
  background: #dd5428;
  border-radius: 10px;
  padding: 0;
  color: #fff;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
}
.accordionItem .title .toggleIcon span:nth-child(2) {
  display: inline-block;
}
.accordionItem .title .toggleIcon span:nth-child(1) {
  display: none;
}
.accordionItem .title.collapsed .toggleIcon span:nth-child(2) {
  display: none;
}
.accordionItem .title.collapsed .toggleIcon span:nth-child(1) {
  display: inline-block;
}

.accordionItem .description {
  padding-top: 10px;
  padding-left: 5px;
}
/*=====End Home Section We Are Here=====*/
.homeSection-downloadnow {
  background: linear-gradient(270deg, rgba(221, 84, 40, 0.024) 6.82%, rgba(255, 255, 255, 0.2) 115.39%);

}
/*.homeSection-downloadnow .bigHead {
    position: relative;
    top: -80px;
}*/
.homeSection-downloadnow .bigHead {
  position: absolute;
  left: 10px;
  margin-bottom: 0;
  top: -76px;
  font-size: 110px;
  line-height: 110px;
}
.downloadnowsec img {
  width: 110%;
  /*width: 100%;
	max-width: 500px;*/
  margin: -190px 0 20px;
}
.homeSection-downloadnow .bannerText {
  padding-bottom: 90px;
  /*margin-top: -80px;*/
  margin-top: 70px;
}

.homeSection-downloadnow .bannerText-h1, .contactBanner .bannerText-h1 {
  font-size: 40px;
  line-height: 54px;
}
.homeSection-downloadnow .bannerText-h6, .contactBanner .bannerText-h6 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
}
.homeSection-downloadnow .downloadBtns {
  margin-top: 0;
}
/*-----------------Video Slider----------------*/
.homeVideoHolder .slick-slide {
  text-align: center;
}
.homeVideoHolder .slick-active {
  text-align: center;
  padding: 10px;
}
.homeVideoHolder .slick-active.slick-center {
  background: red;
  padding: 0;
}
.homeVideoHolder .slick-slide {
  text-align: center;
}
.homeVideoHolder .videoItem {
  width: 100%;
  height: 15vw;
}
.homeVideoHolder .videoItem iframe {
  width: 100%;
}
/*===============End Home Page Style=============*/

/*=========Start Service Offer Page Style=========*/
.servicbannersliderHolder {
  padding: 40px 40px 0;
}
.servicbannerslider {
  padding-top: 40px;
  border-radius: 30px;
}
.servicbannerslider .bannerText {
  padding-top: 16px;
}
.servicbannerslider .bannerText-h1 {
  font-size: 40px;
  line-height: 60px;
}
.servicbannerslider .bannerText-h6 {
  font-size: 18px;
  margin-top: 25px;
}
/*---------------------*/
.section-paymentReminder {
  padding-top: 45px;
  padding-bottom: 40px;
}
.section-paymentReminder h2 {
  font-weight: 600;
}
.section-paymentReminder .paymentReminderList {
  padding: 15px 0 0;
  margin: 0 -8px;
}

.planItem {
  padding: 16px 8px 0;
}
.planItem .content {
  position: relative;
  background: #ffe9e1;
  border-radius: 16px;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}
.planItem .due {
  background: #ff0000;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  top: -15px;
  left: 30px;
  padding: 5px 15px;
  border-radius: 20px;
  position: absolute;
  z-index: 1;
}
.planItem .repeatoffer {
  padding: 30px;
}
.planItem .offername {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.planItem .repeat {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.planItem .repeatamount {
  padding: 30px 30px 30px 40px;
  position: relative;
  z-index: 1;
  color: #fff;
  border-radius: 0 16px 16px 0;
  overflow: hidden;
}
.planItem .repeatamount:before {
  content: "";
  height: 200%;
  width: 200%;
  background: linear-gradient(180deg, #e93901 0%, #c83303 100%);
  display: block;
  position: absolute;
  z-index: -1;
  top: -72%;
  left: 0;
  border-radius: 100%;
}
/*---------------------*/
.section-servicelist {
  padding: 0 0 30px;
}
.serviceOfferBannerHolder {
  padding: 0 2% 40px;
}
.serviceOfferBanner {
  background: linear-gradient(
    90deg,
    rgba(255, 131, 92, 0.3) 0%,
    rgba(255, 160, 7, 0.3) 100%
  );
  height: 261px;
  border-radius: 30px;
}
.section-servicelist h3 {
  font-weight: 600;
  margin-bottom: 40px;
}
.serviceList {
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
  padding-bottom: 40px;
}
.serviceList .serviceItem {
  /*width: calc(100%/8);*/
  /* width: 140px; */
  padding: 7px;
}
.serviceList .serviceItem .content {
  border-radius: 12px;
  background: #ffe9e2;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.serviceList .serviceItem .iconHolder {
  background: linear-gradient(180deg, #e93901 0%, #c83303 100%);
  border-radius: 0 0 100% 100%;
}
/* .serviceList .serviceItem .iconHolder {
  position: relative;
}
.serviceList .serviceItem .iconHolder:before {
  content: "";
  background: linear-gradient(180deg, #e93901 0%, #c83303 100%);
  position: absolute;
  z-index: 1;
  border-radius: 0 0 200px 200px;
  width: 110%;
  height: 110%;
  top: -10%;
  left: -5%;
} */
.serviceList .serviceItem .iconHolder img {
  width: 48px;
  position: relative;
  z-index: 2;
}
.iconHolder {
  padding: 20px;
}
.serviceName {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  min-height: 90px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.servicbannersliderHolder {
  padding: 40px 40px 0;
}
/*---------------------------*/
.section-trustedClients {
  padding: 0 40px 40px;
}
.trustedClientsSliderHolder {
  background: rgba(255, 131, 92, 0.2);
  border-radius: 30px;
  padding: 30px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.clientSliderHolder {
  margin: 0 -5px;
}
.clientSliderHolder .slick-slide {
  padding: 0 5px;
}
.clientSliderHolder img {
  background: #fff;
}
/*------------------------*/
.stickyBar-ReferSec {
  position: sticky;
  z-index: 11;
  bottom: 0;
  background: linear-gradient(90deg, #ffbfaa 0%, #fff2c5 100%);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.stickyBar-ReferSec .stickyBg {
  height: auto;
  width: 67px;
  margin-top: 15px;
  margin-right: 23px;
}
.stickyBar-ReferSec .btn {
  min-width: 158px;
}

/*=========End Service Offer Page Style=========*/

/*=========Start Utility Page Tab Style=========*/
.sectionHeadingbanner {
  background: linear-gradient(180deg, #5e1600 0%, #2c0a01 100%);
  padding: 75px 0 0;
  color: #fff;
}
.sectionHeadingbanner .headingbannerText {
  padding-bottom: 70px;
}
.sectionHeadingbanner .tagline {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  padding: 15px 0;
}
.sectionHeadingbanner .pageHeading {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
}
.utilityTab .slick-slide {
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 0 5px;
}
.utilityTab .slick-slide.slick-current:after {
  display: block;
}
.utilityTab .slick-slide:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: none;
}
.utilityTab .utilityIcon {
  height: 56px;
  width: 56px;
  border-radius: 50px;
  background: #ffffff2b;
  border: 1px solid #ffffff66;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.utilityTab .utilityIcon img {
  max-width: 30px;
  object-fit: contain;
}
.utilityTab .tabItem {
  padding-bottom: 20px;
  cursor: pointer;
}
/*=========End Utility Page Tab Style=========*/

/*=========Start Utility Page TabContent Mobile Prepaid Style=========*/
.utilityTabContent {
  padding-top: 45px;
  position: relative;
}
/*.utilityTabContent:before {
	content: "";
	width: 100%;
	height: 264px;
	left: 0;
	top: 0;
	background: linear-gradient(181.08deg, rgba(255, 255, 255, 0.5) 0.9%, rgba(221, 84, 40, 0.5) 152.11%);
	position: absolute;
}*/
.t_bottom {
  padding-bottom: 45px;
}
.utilityTabContent .mobilebill-ad {
  background-image: url("../images/utility-mobileBill-bg.svg");
  /*min-height: 500px;*/
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  position: relative;
}
/*.utilityTabContent .mobilebill-bgmob {
    background-image: url("../images/mobile-bill-bg.png");
    width: 54%;
    height: 76%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}*/
.utilityTabContent .contactIntro {
  padding: 52px 39px;
  color: #fff;

  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.utilityTabContent .contactIntro h4 {
  font-style: italic;
  font-weight: 800;
  margin-bottom: 15px;
}
.utilityTabContent .contactIntro .para1 {
  max-width: 62%;
}
.utilityTabContent .contactIntro .para2 {
  max-width: 55%;
}
.utilityTabContent .contactIntro .downloadoptions {
  display: flex;
  margin: 18px 0;
}
.utilityTabContent .contactIntro h5 {
  color: #000 !important;
}
.utilityTabContent .contactIntro .qrcodeImage {
  width: 59px;
}
.utilityTabContent .mobilebill-form {
  background: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: 0px 4px 14px 6px #0000000a;
  border-radius: 18px;
  height: 100%;
  padding: 34px 28px;
}
.utilityTabContent .mobilebill-form h5 {
  margin-bottom: 32px;
}
.utilityTabContent .mobilebill-form h5 {
  margin-bottom: 32px;
}
.utilityTabContent .mobilebill-form .primeBtn {
  border-radius: 20px;
}
.utilityTabContent .mobilebill-form .hasbrowseTextLink {
  position: relative;
}
.utilityTabContent .mobilebill-form .hasbrowseTextLink .form-control {
  padding-right: 110px;
}
.utilityTabContent .mobilebill-form .browseTextLink {
  color: #be2e00;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  padding: 16px 18px 16px 0;
}
/*----------------------------------*/
.sectionBrowsePlan .planItem {
  padding: 0;
}
.sectionBrowsePlan .planItem .content {
  border-radius: 12px;
}
.sectionBrowsePlan .planItem .repeatamount:before {
  height: 150%;
  width: 150%;
  top: -25%;
  left: 0px;
  border-radius: 100%;
  background: linear-gradient(180deg, #ff835c 0%, #dd5428 100%);
}
.sectionBrowsePlan .planItem .repeatamount {
  border-radius: 0 12px 12px 0;
  min-width: 25%;
}
.sectionBrowsePlan .planItem .repeat {
  font-size: 14px;
  line-height: 18px;
}
.sectionBrowsePlan .repeatoffer .offername {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
/*=====*/
.pendingPaymentList h6 {
  margin-bottom: 20px;
}
.pendingPaymentList {
  padding-bottom: 30px;
}
.pendingPaymentList .planItem .content {
  font-size: 16px;
  line-height: 24px;
}
.pendingPaymentList .o-logo {
  padding-right: 8px;
}
.pendingPaymentList .o-logo img {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.pendingPaymentList .planItem .repeatamount {
  padding: 15px 15px 15px 20px;
}
.pendingPaymentList .planItem .content {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 43px 43px 0px #ababab17;
}
.pendingPaymentList .repeatoffer {
  display: flex;
  align-items: center;
  padding: 15px;
}
.pendingPaymentList .repeatoffer .offername {
  color: #7c7c7c;
  margin-top: 2px;
}
.pendingPaymentList .repeatoffer .offername .dot {
  display: inline-block;
  padding: 0 5px;
}
/*=====*/
.suggestedPlanList h5 {
  margin: 25px 0 40px;
}
.suggestedPlanList .planItem .repeatoffer {
  padding: 20px;
}
.suggestedPlanList .planItem .repeatamount {
  padding: 30px 20px 20px 30px;
}
.suggestedPlanList .planItem .content {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.suggestedPlanList .planItem .content .repeatamount {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.suggestedPlanList .planItem .repeatamount:before {
  height: 220%;
  width: 221%;
  top: -47%;
}
.suggestedPlanList .repeatoffer .offername {
  margin-bottom: 6px;
}
/*=====*/
.selectPlanTab {
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  padding: 50px 20px 20px;
}
.sectionBrowsePlan .tabView .nav-item .tabMenu {
  text-decoration: none;
  color: #292d32;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px 12px;
  display: block;
}
.sectionBrowsePlan .tabView .nav-item .tabMenu.active {
  color: #000;
  font-weight: 700;
  border-bottom: 2px solid #000000;
}
.sectionBrowsePlan .planItem:not(:last-child) {
  padding-bottom: 20px;
}
/*---*/
.findPlanList {
  padding-top: 20px;
}
.findPlanList .planItem .content {
  font-size: 16px;
  line-height: 24px;
}
.findPlanList .o-logo {
  padding-right: 8px;
}
.findPlanList .o-logo img {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.findPlanList .planItem .repeatamount {
  padding: 15px 15px 15px 20px;
}
.findPlanList .planItem .content {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 43px 43px 0px #ababab17;
}
.findPlanList .repeatoffer {
  display: flex;
  align-items: center;
  padding: 15px;
}
.findPlanList .repeatoffer .offername {
  color: #7c7c7c;
  margin-top: 2px;
}
.findPlanList .repeatoffer .offername .dot {
  display: inline-block;
  padding: 0 5px;
}
.findPlanList .text1 .validity,
.findPlanList .amount {
  padding-right: 10px;
}
.findPlanList .text1 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.findPlanList .text2 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.findPlanList .text1,
.findPlanList .text2 {
  color: #848484;
  padding: 0 10px;
  border-left: 1px solid #c5c5c566;
}
.findPlanList .planItem .repeat {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.findPlanList .planItem .repeatamount {
  min-width: 105px;
}
.findPlanList .planItem .repeatamount:before {
  height: 220%;
  width: 220%;
  top: -45%;
}
/*-----*/
.sectionBrowsePlan .searchPlanHolder {
  position: relative;
  bottom: -27px;
  padding: 0 18px;
}
.searchPlan {
  border: 0.5px solid #ff835c;
  background: #f8f8f8;

  border-radius: 12px;
}
.searchPlan .form-control,
.searchPlan .btn {
  background: none;
  border: none;
  background: transparent;
  color: #000;
}
.searchPlan .form-control:focus {
  box-shadow: unset;
}
.searchPlan .form-control::placeholder,
.searchPlan .form-control::-ms-input-placeholder {
  color: #222222;
  opacity: 1; /* Firefox */
}
.searchPlan .btn-check:checked + .btn,
.searchPlan .btn.active,
.searchPlan .btn.show,
.searchPlan .btn:first-child:active,
.searchPlan .btn:not(.btn-check) + .btn:active {
  color: unset;
  background-color: unset;
  border-color: unset;
}
/*-------*/
/* .instantPayBox {
  background: linear-gradient(180deg, #ffffff -89.04%, #ffbfaa 181.58%);
  border-radius: 16px;
} */
.instantPayHolder {
  padding-bottom: 40px;
}
.instantPayHolder h5 {
  margin-bottom: 20px;
}
.instantPay {
  background: linear-gradient(180deg, #ffffff -89.04%, #ffbfaa 181.58%);
  padding: 15px 20px;
  border-radius: 16px;
}
.instantPayHolder .qrWhiteBg {
  background: #fff;
  border-radius: 10px;
  padding: 7px 12px;
}
.instantPayHolder .qrcodeimg {
  height: 68px;
  width: 68px;
  margin: 0 10px;
}
.instantPayHolder .qrWhiteBg .downloadoptions {
  padding-left: 6px;
  margin: 5px 0;
}
.instantPayHolder .qrWhiteBg .downloadoptions img {
  width: 20px;
  margin-right: 16px;
}
.instantPayHolder .desc {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-style: italic;
  color: #772d16;
  display: inline-block;
}
.generateQRcode-modal .modal-dialog {
  max-width: 455px;
}
.generateQRcode-modal .modal-content {
  border-radius: 20px;
  border: 1px solid #dfdfdf;
}
.generateQRcode-modal .modal-body {
  padding: 90px 90px 60px;
}
.generateQRcode-modal .btn-close {
  position: absolute;
  right: 25px;
  top: 25px;
}
.generateQRcode-modal h5 {
  margin-bottom: 0;
}
.generateQRcode-modal img.qr {
  max-width: 264px;
  margin: 30px 0;
}
.sectionBuyPlan .pendingPaymentList,
.sectionBuyPlan .amountDetail {
  border-radius: 16px;
  border: 1px solid #ebebeb;
}
.sectionBuyPlan .pendingPaymentList {
  padding: 20px;
}
.sectionBuyPlan .pendingPaymentList .total {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
.sectionBuyPlan .pendingPaymentList .total .cost {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}
.sectionBuyPlan .amountDetail h5 {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.sectionBuyPlan .amountDetail {
  margin-top: 20px;
  padding: 30px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.sectionBuyPlan .amountDetail .form-check-label {
  padding-left: 10px;
  font-size: 16px;
}
.sectionBuyPlan .amountDetail .form-check-label div:nth-child(2) {
  font-size: 12px;
  color: #7c7c7c;
}
.sectionBuyPlan .amountDetail .detail1 {
  padding-bottom: 20px;
}
.sectionBuyPlan .amountDetail .detail2 {
  padding-bottom: 30px;
}
.sectionBuyPlan .amountDetail .detail3 {
  padding-top: 24px;
  border-top: 1px dashed #d0d0d0;
}
/*---------------------*/
.paymentOptionTab {
  border: 1px solid #ebebeb;
  border-radius: 16px;
  padding: 30px;
}
.tabTite {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 25px;
}
.paymentOptionTab .nav-tabs {
  padding-bottom: 35px;
}
.sectionBrowsePlan .paymentOptionTab .tabView .nav-item .tabMenu {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.sectionBrowsePlan .paymentOptionTab .tabView .nav-item .tabMenu span {
  padding-left: 5px;
}
.sectionBrowsePlan .paymentOptionTab .tabView .nav-item .tabMenu.active {
  /* padding: 12px; */
  border-radius: 5px;
  background: #e4e4e4;
  /* font-size: 18px; */
  color: #000;
  font-weight: 400;
  border-bottom: none;
}
.paymentContentSection {
  padding-top: 20px;
}
.paymentContentSection label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: 15px;
}
.paymentContentSection .form-control {
  background: #f0f0f0;
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 20px;
}
.paymentContentSection .form-group .success {
  padding-left: 20px;
  padding-top: 10px;
}
.paymentContentSection .upi-icons-list {
  margin-bottom: 20px;
}
.paymentContentSection .btn {
  background: linear-gradient(180deg, #ff835c 0%, #dd5428 100%);
  border-radius: 16px;
  margin-bottom: 30px;
  font-weight: 500;
}
.seperatorText {
  padding: 20px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.paymentContentSection .pendingPaymentList .planItem .content {
  border: 2px solid #e8e8e8;
  font-size: 20px;
}
.paymentContentSection .planItem .content .o-logo {
  padding-right: 20px;
}
.paymentContentSection .pendingPaymentList .planItem .repeatamount {
  border-radius: 0 10px 10px 0;
}
.paymentContentSection .planItem .repeatamount:before {
  height: 170%;
  width: 170%;
  top: -35%;
}
.paymentContentSection .planItem .repeatamount {
  border-radius: 0 12px 12px 0;
  min-width: 100px;
}
.paymentContentSection .info {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #848484;
  padding-bottom: 10px;
}
.paymentContentSection .note {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #848484;
}
.paymentContentSection .selectedBankLogo {
  min-height: 200px;
}
.paymentContentSection .selectedBankLogo img {
  height: 50px;
  display: inline-block;
}
/*=========End Utility Page TabContent Mobile Prepaid Style=========*/

/*=========Start Utility Page TabContent Electricity Bill Style=========*/
.utilityTab-whiteBox {
  border: 1px solid #d3d3d3;
  background: #fff;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0px 0 10px 0 #0000000a;
  margin-bottom: 35px;
}

.tabBookingForm.leftBox {
  border-right: 1px solid #d9d9d9;
}
.leftBox {
  padding-right: 40px;
}
.rightBox {
  padding-left: 40px;
}
.tabBookingForm,
.tabBookingContent {
  padding-top: 30px;
}
.tabBookingForm label {
  color: #000;
}
.tabBookingForm .form-control {
  border: 1px solid #ff835c;
}
.tabBookingForm .searchPlan .form-control {
  border: none;
}
.tabBookingContent .mobBillDetail {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.tabBookingContent .mobBillDetail .price {
  font-weight: 800;
}
.tabBookingContent .mobBillDetail .ditem {
  padding-bottom: 10px;
}
/*=========End Utility Page TabContent Electricity Bill Style=========*/

/*=========Start Utility Page TabContent Credit Cards Style=========*/
.noCreditCard {
  max-width: 320px;
  font-size: 16px;
  line-height: 26px;
}
.noCreditCard img {
  max-width: 142px;
  margin-bottom: 20px;
}
.noCreditCard h5 {
  margin-bottom: 16px;
}
.noCreditCard button {
  background: linear-gradient(180deg, #ff835c 0%, #dd5428 100%);
  margin-top: 20px;
}
/*----------*/
.bankListHolder h6 {
  margin-bottom: 20px;
}
.bankList {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.bankList img {
  display: inline-block;
  margin-bottom: 10px;
}
.bankListItemHolder {
  margin-bottom: 20px;
}
.bankListItem {
  padding: 20px 10px;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loadmoreCard {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}
/*-------*/
.addCreditCard .form-group label {
  font-weight: 500;
  color: #000;
  margin-bottom: 9px;
}
.addCreditCard .customCheckbox .form-check-input {
  background: #dd5428 !important;
}
.addCreditCard .customCheckbox .form-check-input:checked:after,
.customCheckbox .form-check-input:checked[type="checkbox"]:after {
  border-color: #611700;
}
.addCreditCard .customCheckbox .form-check-label {
  color: #7c7c7c;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
}
/*=========End Utility Page TabContent Credit Cards Style=========*/



/* Booking Pages by AJIT   */
body{background: #FFF4F0 !important}
.bookingHeader{position: fixed; width: 100%; z-index: 2; top: 0}
.bookingsliderHolder{margin-top: 72px;}
.bookingSlider{height: 466px; border-radius: 0}
 .bookingSlider .bannerText-h1{text-transform: capitalize;}
 .bookingSlider .sliderHolder-slickfade .slick-dots{bottom: -20px;}
 .bookingSlider .bannerBg{max-width: 264px; margin-top: -12px; float: right;}
.bookingSlider .container{max-width: 1200px;}
 .bookingContainer{max-width: 1200px; margin: -100px auto 30px; background: #fff; border-radius: 16px; border: 1px solid #D3D3D3; box-shadow: 0px 4px 30px 0px #0000001A;}

.bookingTabs{ padding: 25px 30px 0}
.bookingTabs ul, .flightsTab ul, .trainClass ul{list-style: none; margin: 0; padding: 0; display: inline-flex; gap: 27px;}
.bookingTabs ul{gap: 12px;}
.bookingTabs ul li{ text-align:center; font-size:13px; font-weight:600; border: 1px solid #D8D8D8; border-radius: 110px; cursor:pointer; position:relative; padding:4px 20px; display: flex;}
.bookingTabs ul li.active{border-color: #BE2E00}
.bookingTabs ul li a{color: #000}
.bookingTabs ul li img{width:36px; display: inline-block; vertical-align: middle; margin-right: 12px;}

  .tabContainer{padding: 20px 30px;}
  .tabbox{display: none}
  .tabDetails .tabbox:first-child{display: block}
.flightsTab ul, .trainClass ul{border:1px solid #DD5428;  font-weight: 500; gap: 0}
  .flightsTab li, .trainClass li{padding: 4px 20px; cursor: pointer; border-left:1px solid #DD5428; white-space: nowrap;}
  .flightsTab li.active, .trainClass li.active{background:#DD5428; color:#fff }
    .flightsTab svg{margin-right: 8px;}
  .flightsTab svg path{fill: #151515}
  .flightsTab li:first-child, .trainClass li:first-child{border: 0}
    .flightsTab li.active svg path{fill:#fff}
    .tabDetails{padding: 25px 0 0;}
    .flightBook{display: flex; gap: 16px; flex-wrap: wrap;}
    .flightBook > div {width: calc(25% - 12px); position: relative;}
    .flightBook  label{display: block; font-weight: 500; color: #717171; padding-bottom: 5px}
   .flightBook input, .form-input{border:1px solid #D3D3D3; background: #F4F4F4; border-radius: 8px; font-weight: 400; font-size: 16px;  padding: 8px 15px; width: 100%;}
  .flightBook .searchBtn{height: 100%}

.inputArrow{cursor: pointer;}
.inputArrow:before {width: 40px; height: 40px; position: absolute; left: -28px; top: 18px; content: ""; background: url(../../assets/images/input-arrow.svg) no-repeat center center;}
#multiCity{counter-reset: box;}
#multiCity .flightBook{padding-bottom: 20px;}
#multiCity .flightBook:first-child > div:first-child{width: calc(70% - 8px);}
#multiCity .flightBook:first-child > div:nth-child(2){width: calc(30% - 8px);}
.addcity{border: 1px solid #BE2E00; border-radius: 8px; padding:11px 20px; background: #fff; color: #BE2E00; font-size: 16px; font-weight: 500}
.addCityBtn{display: flex; gap: 20px;}
.addCityBtn button{width: 270px;}
.addCityBtn svg{display: inline-block; vertical-align: baseline; margin-right: 10px;}
 
#multiCity .flightBook:not(:first-of-type){counter-increment: box;     padding-top: 30px;}
#multiCity .flightBook > div{position: relative;}
#multiCity .flightBook:not(:first-of-type) > div:first-child:before{content: "Trip " counter(box); position: absolute; left: 0; top: -33px; font-size: 18px; font-weight: 600}
.removeFlight{border: 0; background: none; color: #BE2E00; font-size: 26px; font-weight: 600}

.flightSearchBanner{height: 370px;  text-align: center; padding: 70px 0 0}
.flightSearchBanner .container{        max-width: 730px;}
.flightSearchBanner .bannerText-h1{text-transform: capitalize; font-size: 40px; line-height: 60px;} 
.flightSearchResult{display:flex; gap:20px; max-width: 1200px; margin:30px auto 60px; flex-wrap:wrap; }
.flightSearchResult h5{color: #fff; font-weight: 500; width: 100%}
.filterSec{width: calc(25% - 10px);  border-radius: 16px; border: 1px solid #D3D3D3; padding: 0 20px; background: #fff; height: 100%}
.filterBlock{border-bottom: 1px solid #D3D3D3; padding: 20px 0}
.filterBlock:last-child{border: 0}
.filterBlock h6.filterHeading{display: flex; justify-content: space-between; border-bottom: 1px solid #D3D3D3; padding-bottom: 20px;}

.filterBlock h6{margin-bottom: 20px;}
.filterBlock h6 > span{color: #BE2E00; font-size: 13px; font-weight: 300; cursor: pointer;}
.filterBlock .customCheckbox-boxonly{padding: 0; border: 0;}
.filterBlock .customCheckbox-boxonly .form-check-input{border-color: #848484; background-color: #fff; border-width: 2px;}
.filterBlock .customCheckbox-boxonly .form-check-input:checked{background-color:#C83303; border-color: #C83303}
.filterBlock ul li{ display:flex; justify-content:space-between; padding-bottom:10px;align-items: center; line-height:26px; position:relative; }
.searchResult{width: calc(75% - 10px);}
.range-slider {
  position: relative;
  height: 30px;
}

.range-slider input {
  position: absolute;
  width: 100%;
  height: 6px;
  top: 12px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
}

.range-slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: auto;
  width: 18px;
  height: 18px;
  background: #e55b2d;
  border-radius: 50%;
  cursor: pointer;
}

.range-slider input::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  background: #e55b2d;
  border-radius: 50%;
  cursor: pointer;
}

.slider-track {
  position: absolute;
  height: 6px;
  width: 100%;
  background: #ddd;
  border-radius: 10px;
  top: 12px;
}

.price-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.price-labels > span:before{
  content: "₹";
}

.sliderFordate{border: 1px solid #D3D3D3; margin-bottom: 20px !important; display: flex; padding: 0 40px; border-radius: 16px; overflow: hidden;}
.sliderFordate .slick-slide{color: #1D1C2B; font-weight: 500; background: #fff; padding:10px 20px; border-right:1px solid #D3D3D3; text-align:center; cursor:pointer; }
.sliderFordate .slick-slide.active{font-weight: 700; color: #BE2E00; background: #FFF4F0}
.sliderFordate .slick-arrow{background: #fff; width: 40px;height: 102%; }
.flightListBlock{border: 1px solid #D3D3D3;border-radius: 16px; background: #fff; padding: 20px 0 0; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 20px;}
.flightIcon{padding: 0 10px 0 30px;}
.flightIcon img{width: 114px;}
.flightnumber{border-radius: 40px; padding: 1px 12px; background: #C83303; color: #fff; font-size: 12px; font-weight: 500;     height: 100%;}

.flightTime{display: flex; gap: 30px; width: 37%; padding: 0 20px;}
.time{font-size: 20px; font-weight: 600; color: #000}
.time > span{font-size: 16px; font-weight: 600; color: #808080; display: block; text-align: center;}
.duration{font-size: 12px; font-weight: 500; color: #848484;     line-height: 14px;}
.duration > span{display: block;font-weight: 600; color: #606060; text-align:center; font-size:14px; }
.duration > span:first-child:after{content: ""; background: url(../../assets/images/distance-icon.svg) no-repeat center center; width: 92px; height: 32px; display: block; margin:0 auto;  }
.flightFare{font-size: 20px; font-weight: 700; color: #000}
.flightFare > span{font-size: 13px; font-weight: 500; color:#04A85B; display: block;}


.flightViewPrice{padding:0 20px 0 0;}
.flightViewPrice > button{background: linear-gradient(180deg, #FF835C 0%, #DD5428 100%);}



.flightDetailLink{border-top: 1px solid #D3D3D3; padding: 20px 30px; font-weight: 500; width: 100%}
.flightDetailLink > a{color: #DD5428; text-decoration: none; position: relative; padding-right: 20px; transition: all 0.3s ease-in-out;}
.flightDetailLink > a:hover{padding-right: 10px;}
.flightDetailLink > a:after, .sliderFordate .slick-prev:before, .flightDetailLink > a:after, .sliderFordate .slick-next:before{width: 9px;
    content: "";
    height: 9px;
    border-right: 2px solid #e55b2d;
    border-bottom: 2px solid #e55b2d;
    transform: rotate(-45deg);
    position: absolute;

   top: 5px;
    right: 0;}

 .sliderFordate .slick-prev:before, .sliderFordate .slick-next:before{width: 10px; height: 10px;     position: static;
    display: inline-block; z-index: 1; border-color: #D3D3D3}
 .sliderFordate .slick-prev{left: 0; border-right: 1px solid #D3D3D3;}
 .sliderFordate .slick-next{right: 0; border-left: 1px solid #D3D3D3;}
 .sliderFordate .slick-prev:before{transform: rotate(135deg); margin-left: 8px;}
  .sliderFordate .slick-next:before{margin-right: 8px;}

.fareDetails {
  display: flex;
  padding: 16px 20px;
  border-top: 1px solid #eee;
  font-size: 16px;
  font-weight: 600;
  color: #555;
}

.fareDetails > span:first-child{
  width:40% ;
}

.fareDetails > span:nth-child(2){
  width:60%;
  color: #000;
}

#cancellationPolicy .fareDetails > span{
  width: 50%;
}

.card-header, .cardHeader {
  background: #FFEFEA;
  padding: 14px 20px;
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

/* Flight Card */
.flight-card {
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  margin-bottom: 24px;
  background: #fff;
}

.flight-header {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
    padding: 20px;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    color: #222;
}

.flight-header h5{margin: 0;}
 

/* Flight Body */
.flight-body {
 /* display: flex;
  align-items: center;
  gap: 80px;*/
  padding: 20px;
  font-size: 16px;
}

.airline .logo {
  font-size: 22px;
  font-weight: bold;
  color: #1a2c8b;
}

.flight-info strong {
  display: block;
  font-size: 16px;
}

.flight-info span {
  display: block;
  line-height: 22px;
}
.flight-info > span:first-child{font-size: 16px; font-weight: 700}
.flight-info > span:nth-child(2){font-size: 20px; font-weight: 700; padding: 10px 0}

/* Timeline */
.timeline {
  text-align: center;
  color: #606060;
  font-weight: 600;
  width: 140px;
}

.line {
  position: relative;
  margin-top: 6px;
  height: 2px;
  background: #848484;
}

.line .dot {
  position: absolute;
  top: -4px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #848484;
  border-radius: 50%;
}

.line .dot:first-child {
  left: 0;
}

.line .dot:last-child {
  right: 0;
}

.flgihtInfo img, .flightpayinfo img{width: 55px;}
.flgihtInfo {gap: 0 10px;}
.flgihtInfo > div{border-right:1px solid #CFCFCF; padding-right: 20px;}
.flgihtInfo > div:last-child{border: 0; padding-left: 20px;}
.flgihtInfo > div > div{font-size: 20px; font-weight: 600; color: #000; margin-bottom:10px; }

.flgihtInfo > div > div > span:first-child:after{content: ""; background: url('../../assets/images/right-arrow.svg') no-repeat center center; background-size: 16px auto; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: 0 5px;}
.dateBlock{background: #DD5428; color: #fff; border-radius: 40px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 10px;}
.flightNumber{font-weight: 600; flex-wrap: wrap;}
.flightNumber > span{width: 100%}
.flightNumber > span:nth-child(2){border: 0.5px solid #C9C9C9; display: block; border-radius: 40px; font-weight: 600; text-align: center; max-width: 110px; font-size: 12px; margin-top:10px; }

.tripSummery{background: #F2F2F2; width: 100%; border-radius: 8px; margin: 20px 0 0; padding: 20px; gap: 50px}
/* Section */
.section-title {
  margin: 30px 0 16px;
  font-size: 18px;
}


.detailsTitle{border-bottom: 1px solid #ccc; padding: 20px;}
.flightDetailstabs{border-bottom: 1px solid #ccc; padding: 20px 20px 0;}
.flightDetailstabs ul{ display:flex }
.flightDetailstabs ul li{  padding: 10px 40px; cursor: pointer;  
font-weight: 600;
font-style: 600;
font-size: 18px;

}
.flightDetailstabs ul li.active {
 background: linear-gradient(90deg, #FF835C 0%, #DD5428 100%);

  color: #fff;
  border-radius: 10px 10px 0 0;
}
#flightDetails .flight-body{gap: 40px}
.fareSummary{padding: 20px 35px;}
.summaryMid{border: 1px solid #ccc;border-radius: 20px; overflow: hidden; margin-bottom: 20px}
#cancellationPolicy  .summaryMid{margin: 20px 0}
.airline img{width: 98px;}
.baggage{margin-top: 20px;}
.baggage .card-header{display: flex;}
.baggage .fareDetails span,
.baggage .card-header span{
  width: 25%;
}
.baggage img{margin-right: 8px; display: inline-block; vertical-align: middle;}
.baggage .fareDetails span{font-size: 14px; color: #222}
.important { background: #fff1eb; padding: 10px 20px; margin-bottom: 20px;}
.important h4 {margin: 0;color: #222;}
.important p {  margin: 0; font-size: 13px; color: #444;}

.overlay {position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; justify-content: center;
  align-items: center; top: 0;  left: 0; display: none; z-index: 2;}

.popup {  background: #fff; max-width: 1200px; border-radius: 16px; overflow: hidden; position: absolute; top: 50px; margin:0 auto; left: 0; right: 0; z-index: 3; display: none;}

.popup-header { display: flex; padding: 20px 30px; justify-content: space-between; padding-bottom: 10px;border-bottom: 1px solid #E2E2E2;}
.popup-header h6{font-weight:500}
.popupClose {cursor: pointer;}

.route {padding: 14px 30px 20px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; display: flex; flex-wrap: wrap; font-size: 24px; font-weight: 600; color: #222; align-items: self-end;}
.route img{width: 117px; margin-right: 50px;}

.route > span:nth-child(2) img{ width: 92px; margin:0 10px;}
.route > div{font-size: 20px;color: #848484;font-weight: 500;width: 100%;padding: 20px 0 0}
.route > div > span:nth-child(2){padding-left: 25px}
.fare-slider{margin-top: 10px;padding: 0 20px;}
.fare-card{background: linear-gradient(359.88deg, #FFFFFF 0.1%, #FFE0D7 101.24%);border-radius: 12px;padding:20px;margin: 10px;border: 1px solid #D3D3D3;position: relative;max-width: 454px;box-shadow: 0.5px 0.5px 16px 0px #1A1A1A33}

.fare-card h6{font-weight: 600; margin-bottom: 20px;}
.fare-card li{position: relative; padding: 0 0 0 30px; margin-bottom: 10px; line-height: 24px}
.fare-card li:before{content: ""; position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-size: 18px auto !important}
.fare-card li.tick:before{background: url(../../assets/images/tick-icon.svg);}
.fare-card li.block:before{background: url(../../assets/images/block-icon.svg);}

.fare-card.highlight {
  background: #ffe9dc;
}
.fare-card .primeBtn{width: 100%; margin-top: 15px;}


.cardBlock{background: #fff ; border-radius: 8px; padding: 15px; position: relative; margin-bottom: 20px}

.cardBlock .tag:before{content: ""; background: url(../../assets/images/cardblock-icon.svg); width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px}
.tag{font-weight: 700;color: #BE2E00;font-size: 18px}
.cardBlock .badge{position: absolute;right: 20px;top: 25px;background: #DAFFEE;color: #008145;font-size: 10px;padding: 7px 15px;font-weight: 700;border-radius: 50px}
.priceHolder{ font-size:16px;  font-weight:600; display:block; }
.cardBlock > small{font-size: 14px; font-weight: 400; color: #707070}


.reviewBookingBanner{padding: 40px 0 0}
.reviewBookingBanner > .container{ justify-content: space-between; color: #fff; max-width: 1230px; padding: 0 20px 15px;}
 
.reviewBookingBanner > .container > div > span{position: relative; padding:0px 12px}
.reviewBookingBanner > .container > div > span:after{content: ""; width: 4px; height: 4px; border-radius: 2px; background: #fff; position: absolute; right: 0; top: 14px;}
.reviewBookingBanner > .container > div > span:last-child:after{display: none;}
.reviewBookingBanner .bannerText-h1{text-transform: capitalize; font-size: 40px; line-height: 60px;} 
.reviewBooking .container{flex-wrap: wrap; gap: 20px; margin-bottom: 60px; max-width: 1230px; padding: 0 15px;}
.reviewBooking .container > h5{margin: 30px 0 10px}
.reviewBooking .container > h5{width: 100%}
.reviewBookLft{width: calc(70% - 10px)}
.reviewBookRgt{width: calc(30% - 10px)}

.fareCard{background: #fff;border-radius: 14px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);margin-bottom: 18px;border: 1px solid #D3D3D3}
.fareCard > div:not(.total-row){padding: 0 20px 12px}
.fareCardTitle{font-size: 18px;font-weight: 600;margin-bottom: 14px;border-bottom: 1px solid #e5e5e5;padding-bottom: 12px;padding: 15px 20px}
.fareCharge{display: flex;justify-content: space-between;padding: 12px 20px;font-size: 14px;color: #333;line-height: 20px}
.total-row{background: #e25724;color: #fff;display: flex;justify-content: space-between;padding: 14px 16px;border-radius: 0 0 14px 14px;margin: 16px 0 0;font-weight: 800;font-size: 16px}
.coupon-title{display: flex;align-items: center;gap: 10px}
.coupon-icon{width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;font-weight: bold}
.coupon-input{width: 100%;padding: 14px;border-radius: 10px;border: 1px solid #ddd;font-size: 14px;margin: 16px 0;outline: none}.coupon-input:focus{border-color: #e25724}
.view-coupon, .viewAll{color: #e25724;font-size: 14px;cursor: pointer;text-decoration: none}
.view-coupon:hover, .viewAll:hover{text-decoration: underline;}

 
 .baggageBlock{padding: 0 20px 20px; font-weight: 500}
 .baggageBlock img{margin-right: 15px;}
 .baggageBlock > span{display: inline-block; width: 50%; color: #222}
 .baggageBlock > span > span{color: #000}

.reviewBookLft .line{margin-top: 0;
    height: auto;
    background: no-repeat;}
.reviewBookLft .timeline{font-weight: 400}
 .reviewBlock{border: 1px solid #D3D3D3; background: #fff; margin: 20px 0 0; border-radius: 16px;}
 .reviewHeader{padding: 15px 30px; border-bottom: 1px solid #D3D3D3; color:#717171; position:relative; }
 .reviewHeader svg{margin-right: 10px;}
  .reviewHeader > p{margin-bottom: 0}
 .reviewHeader > p > span{color: #BE2E00; font-weight: 700}
 .reviewHeader > h5{color: #222; margin:0}

 .reivewBody{padding: 20px 30px;}
 .tripsTags{ gap:10px 25px; flex-wrap:wrap; padding-bottom:20px; }
 .tripsTags > span:before{background: url(../../assets/images/tick-icon.svg) no-repeat center center; content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.reviewFooter{padding:20px 20px 30px;}
.refundBooking{border: 1px solid #848484; background: #fff; color: #848484; margin-right: 20px; padding: 11px 20px}
.refundBooking:hover{color: #848484 !important}
 
.refundBooking:has(input:checked) {
  background: linear-gradient(180deg, #FF835C 0%, #DD5428 100%); color: #fff; border-color: #FF835C;
}

.refundBooking .checkBoxParent{margin-right: 10px;}
.refundBooking .form-check-input{border-color: #848484; background-color: #fff; border-width: 3px;}
.refundBooking:has(input:checked) .form-check-input{background-color: #FFF; border-color: #fff; }

.refundBooking:has(input:checked) {color: #fff !important}
.refundBooking:has(input:checked) .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23BE2E00' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.addPassanger{width: 100%; display: block; color: #BE2E00; border: 0.5px dashed #BE2E00; background: #FFF3EF; text-align: center; font-weight: 500; cursor: pointer;}
.addPassanger svg{width: 24px; height: 24px; display: inline-block; vertical-align: bottom; margin-right:0;}
.addPassanger:hover{background: linear-gradient(180deg, #FF835C 0%, #DD5428 100%); color: #fff; }
.addPassanger path{fill:#fff}

.contactinfoForm{flex-wrap: wrap; gap: 20px;}
.contactinfoForm > div > label{display: block; font-weight: 500; color: #717171; margin-bottom: 5px;}
.contactinfoForm > div{width: calc(50% - 10% - 20px);}
.contactinfoForm > div:first-child{width: 20%}
.contactinfoForm > div:last-child{width: 100%}
.country-input{display: inline-flex;align-items: center;gap: 10px}
.country-code{width: 42px;border: none;background: transparent;font-size: 16px;color: #666;outline: none;text-align: center;cursor: pointer}

.note{display: block; color: #717171; font-weight: 500; padding: 10px 0 0}
.reviewBookLft .form-check-input {border-radius: 8px}
.contactinfoForm .checkBoxParent {vertical-align: sub; margin-left: 10px;} 
.contactInfo .reviewFooter{border-top: 1px solid #84848469}
.contactInfo .reviewFooter .checkBoxParent {vertical-align: sub; margin-right: 10px;} 
.checkboxlabel{color: #222 !important; font-weight: 500}
.continue{margin:20px 0 0; display: inline-block;} 


.passengerFieldSec{display: none;}
.passnote{color: #DD5428}
.selectRadio{display: flex; gap: 0 16px; padding: 15px 0}
.selectRadio label{border: 1px solid #D3D3D3; border-radius: 8px; padding: 10px; font-weight: 600; color: #151515; width: 234px;  line-height: 22px}
.selectRadio label:before{content: ""; width: 42px; height: 42px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.selectRadio label[for="adult"]:before{background: url('../../assets/images/adult-icon.svg') no-repeat center center;}
.selectRadio label[for="child"]:before{background: url('../../assets/images/child-icon.svg') no-repeat center center;}
.selectRadio label[for="infant"]:before{background: url('../../assets/images/infant-icon.svg') no-repeat center center;}
.selectRadio label span > span{display: block; color: #A2A2A2;}
.selectRadio label > span{display: inline-block; vertical-align: middle;}
.selectRadio .checkBoxParent{float: right;     margin: 10px 0 0;}
.selectRadio .checkBoxParent input{    border-radius: 50%;
    border: 1.5px solid #D3D3D3;
    background-color: #fff;}
.selectRadio .form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.selectRadio label:has(input:checked) {background: #FFF3EF; border-color:#FFA78B}
.passengerField{flex-wrap:wrap; gap:16px }
.passengerField label{color: #717171; font-weight: 500; padding-bottom: 5px;}
.passengerField > div{width: calc(33.33% - 11px);}
.passengerField select{height: 47px}
 
.btnContainer{padding: 20px 0 0; justify-content: flex-end; gap: 16px;}
.reviewBtn.cancelbtn{background: #fff; border:1px solid #DD5428; color: #DD5428 !important}
.reviewBtn.cancelbtn:hover{background: linear-gradient(180.53deg, #dd5428 0.45%, #772d16 225.94%); color:#fff !important }

.passengerDetail{display: none}
.passengerInfo{border: 1px solid #D3D3D3; padding: 20px 20px 20px 60px; border-radius: 8px; justify-content: space-between; counter-increment: count; position: relative; margin-bottom: 24px;}
.nameInfo{font-size: 16px; font-weight: 600}
.status{font-size: 12px; color: #BE2E00; background: #FFDDD2; padding: 4px 13px 6px; border-radius: 30px; margin-left: 15px}
.nameInfo > span:last-child{display: block; color: #848484}
.passengerInfo:before{content: "" counter(count); position: absolute; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: #151515; left: 20px; top:25px; font-weight: 700; font-size: 12px; line-height: 25px; text-align: center;}
.editDelete{gap: 10px;}
.editDelete > span{ cursor:pointer; }
.travelInsBlock .tripsTags {padding-bottom: 0}
.travelInsBlock .reviewFooter{padding: 10px 20px 30px}
.travelInsBlock .reviewHeader > span{position: absolute; right: 20px; top: 50%; font-weight: 700; font-size: 18px;  transform: translateY(-50%); color: #222}
.travelInsBlock .reviewHeader > span > span{color: #BE2E00}
.distanceSec{font-size: 18px; font-weight: 600; background: #}
.distanceSec > span > span{background: url('../../assets/images/flight-vector.svg') no-repeat center center; width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin: 0 10px;}
.distanceSec > p{font-size: 12px; font-weight: 400}
.distanceSec > p > span{font-weight: 600}
.reviewBlock.seatBlock{margin: 0}
.seatBlock .reivewBody{padding-bottom: 30px}
.btnContainer {text-align: center;}
.btnContainer button{ max-width:388px; width: 100% }
.reviewBlock.cabBlock{margin: 0;}
 
.pickupBlock{flex-wrap: wrap; display: flex; gap: 20px}
.pickupBlock label, .pickupBlock > div.searchbtn{display: block; width:100%}
.pickupBlock > div{width:calc(30% - 15px); position: relative;}
.pickupBlock > div:nth-child(4), .pickupBlock > div:nth-child(5){width:calc(20% - 15px)}
.pickupBlock .form-input{background: #fff; border:1px solid #ccc; width: 100%;}
.pickupBlock > div:nth-child(2) .form-input, .pickupBlock > div:nth-child(3) .form-input{padding-left: 40px}
.pickupBlock > div:nth-child(2):before{content: ""; background: url('../../assets/images/flight-vector-grey.svg') no-repeat center center; width: 23px; height: 23px; position: absolute; left: 14px;     top: 13px;}
.pickupBlock > div:nth-child(3):before{content: ""; background: url('../../assets/images/location-grey.svg') no-repeat center center; width: 15px; height:20px; position: absolute; left: 14px; top: 13px}
.searchbtn button{width: 100%}
.pickupOption{ flex-wrap: wrap; border: 1px solid #ccc; border-radius: 16px; margin: 30px 0; justify-content: space-between; position: relative; box-shadow: 0px 4px 24px 6px #00000024;}
.pickupOption:last-child{margin-bottom: 0}
.pickupInfo, .cabPriceBtn{padding: 20px; gap:30px; align-items: flex-start; }
.vehicleType{position: absolute; left: 20px; top: -20px;   border-radius: 12px;  display: block;  font-size: 12px; font-weight: 700; color: #fff;  line-height: 15px; 
    text-align: center; margin-top: 5px; padding: 5px 15px}
.cng{background: #009157; }
.petrol{background: #CA9D5C; }
    .cabinfo{font-weight: 600}
.rating{font-size: 10px; border-radius: 16px; font-weight: 700;  display: block; background: #009157; color: #fff; max-width: 45px; height: 20px; line-height: 13px;
    text-align: center; margin-top: 5px; padding: 4px 8px}
.cabTag{font-size: 10px; border-radius: 10px; line-height: 13px;  background: #DD54281A; color: #BE2E00; text-align: center; padding: 6px 14px}
.cabPrice{font-size: 20px; font-weight: 800;}
.cabPrice > span{display: block; font-size: 14px; color: #666; font-weight: 300}

.cabsFooter{border-top:1px solid #ccc; padding:20px; width:100%; font-size:12px; line-height:18px; }
.cabsFooter > span{margin-right:20px}
.cabsFooter > span:first-child:before{content: ""; width: 16px; height: 16px; background: url('../../assets/images/seats-icon.svg'); display: inline-block; vertical-align: middle; margin-right: 7px;}
.cabsFooter > span:last-child:before{content: "";width: 6px;height: 6px;background: #000;border-radius: 50%;display: inline-block;vertical-align: top;margin:5px 7px;0 0}

  .btnContainer{padding-bottom: 35px;}
  .btnContainer button{max-width: 292px;}

.paymentDetail .paymentOptionTab{background: #fff; margin: 32px 0}
.paymentDetail .reviewHeader{justify-content: space-between;     align-items: center;}
.paymentDetail .reviewBlock {box-shadow: 0px 4px 24px 6px #00000024; margin-bottom: 20px;}
.paymentDetail .reviewHeader button{background: #DD5428}

.editBtn{ font-size: 14px; font-weight: 500; border-radius: 40px; padding: 8px 25px}
.editBtn:after{content: ""; display: inline-block; width: 17px; height: 17px; background:url('../../assets/images/edit-icon-white.svg'); margin-left: 5px; vertical-align: middle;}
    .contactDetail{color: #f00; gap: 50px; font-size: 16px; font-weight: 500}
    .contactDetail div > span, .contactDetail div span > a{color: #222; margin-left: 20px; text-decoration: none;}
    .paynote{font-size: 12px; font-weight: 500; color: #6D6C6C; line-height: 24px;}
.pricePayBtn {justify-content: flex-end; gap: 40px; color: #6D6C6C; line-height: 24px; margin: 20px 0}
.pricePayBtn > div span{color: #BE2E00; font-size: 20px; font-weight: 800; display: block;}
.filterDropdown{display: none;}
.fieldLabel{background: #E8E8E8; border-radius: 8px; padding: 12px 14px; line-height: 26px; color: #000; font-weight: 700; font-size: 16px; cursor: pointer;}
 .fieldLabel label{padding-bottom: 0; font-weight: 500; font-size: 14px; cursor: pointer;}
 #oneway .flightBook > div, #bookTrain > .flightBook > div{width: calc(20% - 13px)}
 .fieldLabel input[type="date"]{padding: 0; background: no-repeat; border: 0;}

/* From / To dropdown */
.dropdown-menu{display: none;position: absolute;top: 100%;left: 0;background: #fff;width: 100%;border: 1px solid #ddd;z-index: 10}
.dropdown-menu li{padding: 10px;cursor: pointer}
.dropdown-menu li:hover{background: #f1f1f1}
.traveller-dropdown{display: none;position: absolute;top: 100%;right: 0;width: 280px;background: #fff;border-radius: 10px;padding: 15px;box-shadow: 0 8px 25px rgba(0,0,0,0.15);z-index: 10}
.traveller-dropdown .flex{justify-content: space-between;margin-bottom: 10px}
.traveller-dropdown .flex > span{font-weight: 500}.count{display: flex;gap: 0 10px}
.count button{width: 25px;height: 25px;border-radius: 50%;padding: 0;font-size: 18px;font-weight: 400;font-family: arial}
.count > span{font-weight: 600}

#oneway .searchBtn{ height:100% }
.flightClass{gap: 0 5px;}
.flightClass button{border: 1px solid #C9C9C9;padding: 5px 14px;border-radius: 8px;background: #fff;font-size: 12px;line-height: 16px}
.flightClass button.active{background:linear-gradient(180deg, #FF835C 0%, #DD5428 100%); border-color: #FF835C;
    color: #fff;}
.speacialFare{border-top: 1px solid #C9C9C9; padding: 15px 0 0; gap:0 16px; color: #000; margin-top:25px; }
.speacialFare > div:not(.speacialHead){border: 0.5px solid #C5C5C5; font-weight: 700; border-radius: 8px; padding: 10px 16px; line-height: 20px; cursor: pointer;}
.speacialHead{font-size: 18px; font-weight: 600; }
.speacialFare > div:not(.speacialHead) > span{font-weight: 400; color: #6E6E6E; display: block;}
.speacialFare > div.active{border-color:#DD5428 }

.offerBanner{border-radius: 16px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 66px; color: #000; font-weight: 700; max-width: 1200px;  line-height: normal; margin:0 auto 60px; height: 400px;}
.termsBlock{max-width: 1200px; margin: 0 auto 60px; color: #848484; font-size: 16px;}
.termsBlock .font18, .termsBlock h4{color: #000}
.termsBlock h4{margin-bottom: 20px;}

.searchResultMain{max-width: 1230px;
    margin: 105px auto 30px;
    padding: 0 15px;
    }
.searchResultMain > .resultContainer{background: #fff;
    border-radius: 16px;
    border: 1px solid #D3D3D3;
    box-shadow: 0px 4px 30px 0px #0000001A; }    
.searchResultMain:before, .reviewBookingBanner:before{content: ""; position: absolute; top: 0; left: 0; height: 620px; background: linear-gradient(
    360deg,
    #000000 0%,
    #300b00 48.21%,
    #611700 96.42%
  ); width: 100%; z-index: -1}
.farePack{flex-wrap: wrap; padding: 20px 30px 10px; gap: 0 20px;}
.farePack > div > span{display: block; font-size: 12px; color: #5D5D5D; padding: 12px 0 0}
.farePack > div > span:first-child{border: 1px solid #D8D8D8; border-radius: 8px; padding: 8px 20px; color: #000; font-weight: 400; font-size: 14px; width: 230px; cursor: pointer;}
.farePack > div > span.active:first-child{background: linear-gradient(180deg, #FF835C 0%, #DD5428 100%); color: #fff}
.farePack > div > span > span{display: block; font-weight: 700; font-size: 20px; }
.reviewBookingBanner:before{height: 207px;}

.impInfo h6{position: relative; font-weight: 600; padding-left: 30px}
.impInfo h6:before{content: ""; background: url('../../assets/images/info-icon.svg') no-repeat center center; width: 20px; height: 20px; position: absolute; left: 0; top: 3px}
.impInfo ul{margin-left: 15px}
.reivewBody > h5 > span{color: #868686; font-weight: 400; font-size: 14px;}
.benefitsBlock{padding: 0 0 10px}
.benefitsBlock > span{color: #DD5428; font-weight: 600; display: block; padding-bottom: 6px;}
.benefitsBlock .flex{flex-wrap: wrap; gap: 0 16px;}
.benefitsBlock .flex > div{border: 1px solid #DEDEDE; background: #F5F5F5; padding:12px; border-radius: 8px; font-size: 16px; font-weight: 600;}
.benefitsBlock .flex > div > span{display: block; font-size:12px; font-weight:400 }
.successNote{background: linear-gradient(90deg, #A7FFBE 0%, #649990 100%); font-weight: 600; border-radius: 8px; padding: 7px 10px 7px 42px; position: relative;  margin: 10px 0; display: none;}
.successNote:before{content: ""; background: url('../../assets/images/success-icon.svg') no-repeat center center; width: 20px; height: 23px; position: absolute; left: 12px; top: 12px;}
.radioBlock label{ display:block; padding:10px 0; font-weight:600; line-height:22px }
.radioBlock .customCheckbox-boxonly .form-check-input, .radioBlock .customCheckbox-boxonly .form-check-input:checked{background-color: #fff; border-color: #1D1B20; border-width: 2px; border-radius: 50%; width: 20px; height: 20px;}
.radioBlock .form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e") }
.radioBlock .checkBoxParent{margin: 2px 6px 0 0; vertical-align: middle;}

label:has(#Yes:checked) + .successNote {display: block;}
.bookingDetails{border-top: 1px solid #C9C9C9; flex-wrap: wrap; margin: 20px 0 0; padding: 20px 0; gap: 16px;}
 .bookingDetails > h6,  .bookingDetails > div:nth-child(5){width: 100%; margin-bottom: 0}
 .bookingDetails > div{width: calc(33.33% - 11px)}
 .bookingDetails .customCheckbox-boxonly .form-check-input, .bookingDetails .customCheckbox-boxonly .form-check-input:checked,
  .selectState .customCheckbox-boxonly .form-check-input, .selectState .customCheckbox-boxonly .form-check-input:checked,
.checkboxAgree .customCheckbox-boxonly .form-check-input, .checkboxAgree .customCheckbox-boxonly .form-check-input:checked

  {background-color: #000; border-color: #000; width: 18px;  height: 18px; border-radius: 4px;}
 .gstnumber .checkBoxParent, .checkboxAgree .checkBoxParent{line-height: 19px; margin-right: 6px}
 .selectState{font-size: 16px}
.selectState > div > label{font-weight: 600;padding-bottom: 6px;}
 .selectState select{background-color: #F0F0F0; max-width: 225px; margin-bottom: 20px;}
 .gstnumber{font-weight: 600}
  .gstnumber > span{color: #DD5428}
  .reviewHeader > h5 > span{color: #5E5E5E; font-size: 12px; font-weight: 400}
  .continueBtn{text-align: right;}
  .continueBtn button{max-width: 185px;}
  .seatsNote{background: #EAEAEA; padding: 3px 10px; border-radius:4px; color:#000; font-size:12px; text-align:center; }
  .seatsNote a, .checkboxAgree span{color: #DD5428; font-weight: 600; text-decoration: none;}
    .seatsNote a:hover{text-decoration: underline;}
    .flightImg{width: 100%}
    .flightimgdist{border: 1px solid #D2D2D2; border-radius: 4px; margin: 20px 0 0; background: #FFF2EE; position: relative;}
.seatBlock .distanceSec{background: #DD5428; color: #fff; border-radius: 4px 4px 0 0; overflow: hidden;     padding: 9px 20px;
    line-height: 24px;}
.seatBlock .distanceSec p{margin-bottom: 0}
.seatBlock .distanceSec > span > span{background: none; line-height: 20px; margin: 0 3px; text-align: center;}
.seatBlock .distanceSec > span > span:after, 
.flightpayinfo > .flex > span:nth-child(3):after{content: "→";
    font-weight: 900;
    font-size: 24px;
    font-family: monospace;}
    .flightInfoImg{position: absolute; left: 20px; bottom: 20px}
    .flightAddone h6{font-weight: 600; margin-bottom: 10px;}
    .flightAddone img{width: 100%}

.flightpayinfo{border: 1px solid #DDD; border-radius: 16px; background: #fff; margin-top: 20px}
.flightpayinfo > div{padding: 16px 20px; border-bottom: 1px solid #DDDDDD}
.flightpayinfo > div:last-child{border: 0}
.flightpayinfo > .flex{font-size: 18px; font-weight: 600; flex-wrap: wrap;     align-items: center;}
.flightInfo span{position: relative; padding: 0 0 0 23px; color: #707070; font-size: 14px; font-weight: 400}
.flightInfo span:before{content: ""; background: url('../../assets/images/flight-vector-grey.svg') no-repeat center center; width: 18px; height: 18px; display: inline-block; position: absolute; left: 0; top: 7px}
.flightInfo{width:  100%; gap: 0 20px; padding: 0 0 0 86px}
.flightpayinfo img.userIcon{width: 46px;     margin-right: 20px;} 
.flightpayinfo .flex:nth-child(2) > div > span, .flightpayinfo .flex:nth-child(1) > span{padding: 0 10px;}
.flightpayinfo > .flex:last-child{display:flex; justify-content: space-between;}
.flightpayinfo > .flex:last-child span > span{display: block; font-size: 12px; font-weight: 400}
.flightpayinfo a{color: #000; text-decoration: none;}
.flightpayinfo a:hover{text-decoration: underline; color: #DD5428}
.paymentDetails .amountDetail{background: #fff; margin-top: 0}
.sectionBuyPlan{margin-top: 20px;}
.sectionBuyPlan .paymentOptionTab{background: #fff}


.contactBanner{padding:40px 40px 0; margin-top:72px; }
.contactBanner .container{max-width: 1230px;}
.contactBanner .banner{border-radius: 20px; height: 466px}
.contactBanner > div > div > div{justify-content: space-between;}
.contactBanner > div > div > div > div{max-width: 70%; padding: 65px 0 30px}
.contactBanner img{width: 158px; margin-top: -106px}
.contactSec{max-width: 1230px; margin: -200px auto 60px; padding: 0 15px; gap: 0 15px}
.contactLft{width: calc(60% - 8px); background: #fff; box-shadow: 0px 4px 14px 0px #0000000A; padding: 30px; border-radius: 10px}
.contactRgt{width: calc(40% - 8px); background: #fff; box-shadow: 0px 4px 14px 0px #0000000A; padding: 30px; border-radius: 10px}
.contactForm{gap:10px 15px; flex-wrap: wrap;}
.contactForm > div{width: calc(50% - 8px)}
.contactForm label{font-size: 16px; font-weight: 600; color: #717171; padding-bottom: 5px;}
.contactForm select{background-color:#EFEFEF }
.contactForm > div:nth-last-child(2), .contactForm .btnContainer{width: 100%}
.contactForm textarea{height: 184px;}
.contactRgt h6:before{content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: 19px}
.contactRgt > div{padding:15px 0 15px 27px; position: relative; border-bottom: 1px solid #D3D3D3} 
.contactRgt > div:last-child{border: 0}
.officeAddress > p{margin-bottom: 0}
.officeAddress h6:before, .businessHours h6:before{background: url('../../assets/images/address-icon.svg') no-repeat center center;}
.phoneDetails h6:before{background: url('../../assets/images/phone-icon.svg') no-repeat center center;}
.emailDetails h6:before{background: url('../../assets/images/email-icon.svg') no-repeat center center;} 
 
.contactRgt .flex > span{width: 50%}
.contactRgt a{color: #000; text-decoration: none;}
.contactRgt a:hover{color: #DD5428; text-decoration: underline;}
.trustedBanner{background: linear-gradient(90deg, #000000 0%, #611700 100%); height: 434px; position: relative; display: flex;     align-items: center;}
.trustedBanner:before{content: ""; background: url('../../assets/images/trusted-bg.svg') no-repeat left center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.trustedBanner > div{max-width: 820px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 1; color: #fff; display: flex; gap: 0 100px;}
.downloadApp{gap: 0 10px; background: #fff; border-radius: 100px; max-width: 160px; color: #000; padding:8px 20px}
.downloadApp img{width: 11px;}
.reviewBlock.hiddenBlock{margin-bottom: 20px;}
.hiddenBlock .reivewBody, .hideElm{display: none;}
.hiddenBlock .reviewHeader{border: 0}
.hiddenBlock .reivewBody{border-top: 1px solid #D3D3D3}
.hiddenBlock .reivewBody.checkboxAgree{border: 0}
.reviewBlock.hideBorder{border: 0}
.active .reviewBlock.hideBorder{border:1px solid #D3D3D3 }

.blogBanner{margin-top: 72px;}
.blogBanner .container{max-width: 1200px;}
.blogBanner .flex{justify-content: space-between; gap: 0 80px; padding: 60px 0;  } 
.blogBanner .flex > div{ width:50% }
.blogBanner .bannerText-h1, .blogDetailBanner .bannerText-h1{font-size: 52px;}
.blogBanner .bannerText-h6{font-size: 24px; padding-top: 20px}
.blogContainer{max-width: 1230px; margin: 0 auto; padding: 80px 15px 20px;}
.blogBannersec{position: relative; overflow: hidden;}
.blogBannersec .box:before{padding-top: 34%}
.blogBannersec img{border-radius: 20px;}
.blogOverlay{background: linear-gradient(172.21deg, rgba(87, 87, 87, 0) 5.35%, #000000 93.33%); position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; align-items: flex-end; color: #fff; padding: 50px 50px 30px; font-size: 22px; border-radius: 20px;}
.blogtag{border: 1px solid #C0C0C0; background-color: #BE2E00; padding: 8px 30px; font-size: 20px; font-weight: 500; border-radius: 50px; color: #fff; }
.blogOverlay h4{font-size: 26px; font-weight: 500; margin:30px 0 10px; }
.latestBlog{padding:40px 0 150px}
.latestBlog h2{font-weight: 600}
.blogList{ gap:16px; flex-wrap:wrap; padding:15px 0 0 }
.blogList > a{border: 1px solid #BE2E00; box-shadow: 0px 4px 18px 0px #0000001A; padding: 12px; border-radius: 16px; display: flex; width: calc(50% - 8px); flex-wrap: wrap;     align-items: center; gap: 0 40px; text-decoration: none;}
.blogList > a > span:first-child{width: calc(38% - 20px)}
.blogList > a > span:nth-child(2){width: calc(62% - 20px)}
.blogList img{width: 200px;}
.box{position: relative; border-radius: 8px; overflow: hidden;}
.box:before { content: ""; padding-top: 88%; display: block;}
.imageHolder{    position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.box img{object-fit: cover; object-position: center center; font-family: "object-fit: cover;object-position: center center"; height: 100%; transition: all 0.3s ease;}
.blogList > a:hover .box img{transform: scale(1.5)}
.blogInfo{padding: 10px 0 0}
.blogInfo .blogtag{font-size: 12px; font-weight: 600}
.blogInfo h4{font-size: 22px; font-weight: 500; color: #000; margin:10px 0 0}


.blogDetailBanner{margin-top: 72px; padding: 40px 40px 0}
.blogDetailBanner .banner{border-radius: 20px; text-align: center;}
.blogDetailBanner .bannerText-h1{padding: 68px 15px 100px; max-width: 800px; margin: 0 auto;}

.blogDetailContainer{ max-width: 1200px; margin: -50px auto 60px;}
.blogDetailImg{border: 10px solid #FFFFFF; border-radius: 20px; background: #fff}
.blogDetailImg img{width: 100%; border-radius: 20px}
.authorImg{width: 80px; height: 80px; border-radius: 50%; overflow: hidden; display: block;}
.blogAuthor {border-bottom: 1px solid #848484; padding: 30px 0; justify-content: space-between;}
.authorSocial {max-width: 330px; flex-wrap: wrap; gap: 0 20px}
.authorImg img{height: 80px; object-fit: cover;}
.authorSocial > div > span:nth-child(1){font-size: 24px; font-weight: 700}
.authorSocial > div > span:nth-child(2){font-size: 22px; display: block;}
.social > a{margin-right: 5px;}
.social > a:last-child{margin-right: 0}
.social img{width: 46px;}
.blogDes{padding: 40px 0; font-size: 20px; line-height: 41px; overflow: hidden;}
.blogDes h5{background: linear-gradient(90deg, rgba(221, 84, 40, 0.12) 0%, rgba(119, 45, 22, 0.12) 100%); padding: 20px 30px; font-size: 22px; font-weight: 500; margin: 30px 0 20px}
.blogDes img{max-width: 432px; border-radius: 20px; width: 100%}
.alignRgt{float: right; margin-left: 20px; margin-top: 20px;}
.alignLft{float: left; margin-right: 20px;  margin-top: 20px;}

.ourBlog{flex-wrap: wrap; gap: 20px; padding: 70px 0 0; font-size: 20px;}
.ourBlog h2{ width:100% }
.ourBlog > div{width: calc(33.33% - 14px); border: 1px solid #DD5428; border-radius: 20px; padding: 12px;}
.ourBlog > div:hover img{transform: scale(1.1); }
.ourBlog img{border-radius: 10px; transition: all 0.3s ease}
.ourBlog h4{font-weight: 600}
.ourBlog > div > a{color: #000; text-decoration: none;}
.ourBlog > div > a > div:first-child{overflow: hidden; margin-bottom: 20px; }
.ourBlog > div > a:hover h4{color: #DD5428}
#economy{display: block;}
.fareSliderBlock{display: none;}

.searchNews{padding: 100px 15px; max-width: 760px; margin: 0 auto;}
.searchNews > div{position: relative;}
.searchNews input{border-radius: 40px; font-size: 20px; padding: 16px 70px 16px 30px}
.searchIcon{background: url('../../assets/images/search-icon.png') no-repeat center center #BE2E00; background-size: 25px auto; position: absolute; right: 10px; top: 4px; width: 55px; height: 55px; border-radius: 50%; cursor: pointer;}
.hashTags{font-size: 18px; font-weight: 600; line-height: 41px; gap: 0 20px;     justify-content: center; padding: 14px 0 0}

.newsUpdatesCont, .newsOurBlog{max-width: 1230px; padding: 45px 15px; margin: 0 auto;}
.newsUpdate{text-align: center;}
.newsUpdate ul li{ display:inline-block; font-size:24px; font-weight:500; padding:4px 35px; width: 230px; border-radius:50px; line-height:41px; cursor:pointer; }
.newsUpdate ul li.active{background: linear-gradient(180.53deg, #DD5428 0.45%, #772D16 225.94%); color: #fff; font-size: 16px; font-weight: 700}
.newsUpdatecontent{padding: 50px 0 0}
.newsUpdatecontent > div > div{gap: 60px;}
.newsUpdatecontent > div > div > div:first-child{width: 60%}
.newsUpdatecontent > div > div > div:last-child{width: 40%}
.newsUpdatecontent img{border-radius: 10px;}
.newsLft h2{font-size: 34px; font-weight: 600}
.imgBlockDetail{padding: 35px 0; border-bottom: 1px solid #DDD; color: #848484; font-size: 16px; line-height: 25px;}
.imgBlockDetail > div:nth-child(2){padding:14px 0 }
.imgBlockDetail .box:before{padding-top: 50%}
.imgBlockDetail img{width: 100%}
.imgBlockDetail h4{font-size: 22px; color: #000; line-height: 48px}
.imgBlockDetail .authorImg{    width: 46px;     height: 46px;}
.imgBlockDetail .authorImg img{height: 46px;}
.imgBlockDetail .authorSocial > div > span:nth-child(1){font-size: 18px; color: #000}
.imgBlockDetail .authorSocial > div > span:nth-child(2){color: #747373; font-size: 14px;}

.latestNews{padding: 15px 0 0}
.latestNews > .flex{gap: 25px; border-bottom: 1px solid #DDD; padding: 20px 0}
.newsImg{width: 105px;}
.newsImg .box:before{padding-top: 100%}
 
.latestNews .authorImg{    width: 34px;     height: 34px;}
.latestNews .authorSocial{gap: 0 10px; line-height: 18px}
.latestNews .authorImg img{height: 34px;}
.latestNews .authorSocial > div > span:nth-child(1){font-size: 14px; color: #000}
.latestNews .authorSocial > div > span:nth-child(2){color: #747373; font-size: 12px;}

.aboutBanner{margin-top: 72px; overflow: hidden;}
.aboutBanner .container{max-width: 1230px; padding: 0 15px;}
.aboutBanner .banner{background: linear-gradient(181.08deg, rgba(255, 255, 255, 0.5) 22.55%, rgba(221, 84, 40, 0.5) 173.76%);
color: #000; padding: 45px 0 0}
.aboutBanner .flex{justify-content: space-between;     align-items: flex-end; font-size: 16px; line-height: 31px;}
.aboutBanner .flex > div:first-child{max-width:486px; padding:0 0 40px; }
.aboutBanner .flex > div:nth-child(2){max-width: 390px; background: linear-gradient(221.99deg, rgba(190, 46, 0, 0.3) 1.89%, #A23A19 98.9%);
padding: 33px 54px 0; border-radius:16px 16px 0 0; height:400px; }
.aboutBanner img{width: 281px;}
.aboutBanner h2{font-size: 52px; line-height: 70px;}
.aboutBanner h2 span{color: #BE2E00; display: block;}
.reviewBtn.learnHow{background: transparent; border: 1px solid #BE2E00; color: #BE2E00; margin-left: 13px;}
.reviewBtn.learnHow:hover{background:linear-gradient(180deg, #FF835C 0%, #DD5428 100%); border-color:#FF835C; opacity:1 }
.learnHow svg{width: 20px; height: 20px; display: inline-block; vertical-align: sub; margin-right: 8px}
.reviewBtn.learnHow:hover svg path{fill:#fff}

.aboutShortContent{padding: 60px 0; text-align: center; font-size: 44px; line-height: 70px; color: #B3B3B3}
.aboutShortContent .container, .abouteR .container, .whyChooseUs .container, .helpSupport .container{max-width: 1230px; margin: 0 auto;}

.abouteR, .ourTeam{background: linear-gradient(90deg, #000000 0%, #611700 100%); color: #fff; padding: 72px 0; font-size: 16px; line-height: 31px}
.aboutTag, .chooseTag, .teamTag, .supportTag, .faqTag{border: 1px solid; border-image-source: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(0deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)); border-radius: 50px;  font-size: 16px; font-weight: 600; padding: 10px 20px; background: #FFFFFF14; margin-bottom: 30px; display: inline-block; width: 200px; text-align: center;}
.abouteR h2, .whyChooseUs h2{ font-size:36px; }
.ourMissionBlock{background: #DD54281A; border: 1px solid #FFFFFF66; border-radius: 10px}
.ourMissionBlock > div{padding: 30px;}
.missionHeader{border-bottom: 1px solid #FFFFFF47;}
.missionHeader > h4{font-size: 26px; }
.missionHeader > h4:before{content: "";background: url('../../assets/images/mission-icon.svg') no-repeat center center; width: 32px;height: 32px; display: inline-block; vertical-align: middle; margin-right: 20px;}
.missionHeader > p, .chooseBlock > div > div > p{margin: 0}
.missionBody ul{margin-top: 20px;}
.missionBody ul li{position: relative; padding: 0 0 10px 30px;}
.missionBody ul li:before{content: ""; background: url('../../assets/images/tick-icon.svg') no-repeat center center; width: 18px; height: 18px; position: absolute; left: 0; top: 7px}
.whyChooseUs, .helpSupport{padding: 90px 0; text-align: center; font-size: 16px; line-height: 31px}
.chooseTag{border: 1px solid; border-image-source: linear-gradient(0deg, #BE2E00, #BE2E00),
linear-gradient(0deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)); color: #BE2E00;}
.whyChooseUs > .container > p, .ourTeam > .container > p{max-width: 780px; margin: 0 auto;}

.chooseBlock{text-align: left; padding: 52px 0 0}
.chooseBlock.flex{gap: 16px;}
 .chooseBlock > div{border-radius: 18px; padding: 40px 25px 25px; border: 1px solid #BE2E0036;}
 .chooseBlock > div:first-child{background: linear-gradient(180deg, #FFF1E3 0%, #FFFFFF 100%);}
 .chooseBlock > div:nth-child(2){ background: linear-gradient(180deg, #D7E9FF 0%, #FFFFFF 100%);}
  .chooseBlock > div:nth-child(3){background: linear-gradient(180deg, #FFF1E3 0%, #FFFFFF 100%);}
.choosIcon{margin-bottom: 18px;}

.ourTeam{text-align: center;}

.supportBlock{text-align: left; background: linear-gradient(180deg, #FFF1E3 0%, #FFFFFF 100%); display: flex;
    flex-direction: column; justify-content: space-between;}
.helpSupport > div > .flex{gap: 16px}
.helpSupport > div > .flex > div{padding:60px 60px; border-radius:20px 20px; width:calc(50% - 8px) }
.supportTag{background: #DD5428; color: #fff}
.helpSupport h2{color:#BE2E00 }
.helpSupport h2 > span{display: block; font-weight: 400; color: #000}

.customerCare{border: 2px solid #E6E6E6; border-radius: 16px; padding: 30px 30px; margin-top: 20px; background: #FFF; font-size: 14px; line-height: 26px; color: #7C7C7C}
.customerCare .font18{font-weight: 500}
.customerCare h6:before{content: ""; background: url('../../assets/images/customer-care.svg') no-repeat center center; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px}
.customerCare a{color: #7C7C7C; text-decoration: none;}
.customerCare a:hover{color:#DD5428; text-decoration: underline;}
.customerCare .btn-primary{width: 100%}

.faqBlock{background: linear-gradient(180deg, #D7E9FF 0%, #FFFFFF 100%); text-align: left; color:#747474 }
.faqTag{background: #084591; color: #fff}
.faqBlock li{background: #fff; border: 1px solid #DEDEDE; padding:14px 18px; margin-bottom:20px; border-radius:10px; position:relative; cursor:pointer; }
.faqBlock li:after{content:"";background:url('../../assets/images/round-plus.svg') no-repeat center center; width:27px; height:27px; position:absolute; right:20px; top:18px }
.faqBlock li > span{font-weight: 500; color: #000}
.faqBlock ul li .active{display: block;}
.teamSlider{padding: 70px 0 0}
.teamSlider .slick-track{display: flex; gap: 50px}
.teamCard {
  width: 160px;
  height: 300px;
  max-width:160px;;
  border-radius: 100px;
  overflow: hidden;
  background: #fff;
  transition: height 0.4s ease;
  position: relative;
}

/* EVERY EVEN CARD TALL */
.teamCard:nth-child(even) {
  height: 380px;
}

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

/* slick fix */
.teamSlider .slick-slide {
  display: flex !important;
  justify-content: center;
}

.teamOverlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 30px 20px; display: flex; flex-direction: column; justify-content: flex-end; font-size: 18px; font-weight: 600; line-height: 25px; opacity: 0; transition: all 0.3s ease;}
.teamOverlay > span{display: block; }
.teamOverlay > span:nth-child(2){font-weight: 400; font-size: 16px;}
.teamCard:hover .teamOverlay{opacity: 1}

/* Train booking */
.pnrSearch{ gap:15px }
.pnrSearch label{background:#E8E8E8 ; border-radius: 8px; padding: 7px 14px; width: calc(100% - 198px);}
.pnrSearch .form-input{background: transparent; padding: 0; border: 0}
.pnrSearch button{width: 198px;}
.trainTabSec .tabContainer .tabDetails{ padding:0 }
.filterCount{position: absolute; left: 0; top: 7px; background: #C83303; color: #fff; font-size: 8px; font-weight: 700; width: 14px; height: 14px; border-radius: 50%; text-align: center; line-height: 14px}
.trainFilter .filterBlock ul li{padding-left: 20px;}

.traincardHeader{width: 100%; padding: 0 30px 20px; gap: 15px; border-bottom: 1px solid #D3D3D3}
.trainNamenumber{gap: 10px}
.trainNamenumber:before{content: ""; background: url('../../assets/images/train-route-icon.svg') no-repeat center center; width:20px; height: 20px; display: inline-block; margin-top: 4px}
.trainDay{padding-left: 15px; border-left: 1px solid #D5D5D5;}
.trainDay:before{content: ""; background: url('../../assets/images/train-clock.svg') no-repeat center center; width:20px; height: 20px; display: inline-block; margin-top: 6px; vertical-align: text-bottom} 
.trainDay > span{display: inline-block; padding-left: 10px;}

.trainDay > span.active{color: #BE2E00; font-weight: 600}
.trainList .flightTime, .trainReviewBooking .flightTime{width: 100%; gap:0 100px}
.trainList .duration > span:first-child:after{background: url('../../assets/images/train-between-icon.svg') no-repeat center center; width: 92px; height: 22px;}
.trainDetailLink .tabDetails .active{display: block;}
.trainDetailLink{padding:20px 0 20px 18px }
.timeDataBlock{border: 1px solid #D3D3D3; background: #F4F4F4; border-radius: 8px; padding: 15px 20px 10px; position:relative; margin-right:15px; line-height:25px; width:211px; cursor:pointer; }
.cancelTag{background: #FFE9E2; border-radius: 40px; padding: 6px 10px; line-height: 10px; font-size: 10px; font-weight: 600; color: #BE2E00; position: absolute; left: 20px; top: -10px}
.dateSlider .slick-track{padding:10px 0 0 }
.timeDataBlock .flex{justify-content: space-between; font-weight: 600}
.availble{font-size: 12px; font-weight: 500; color: #222}
.avail{color: #04A85B}
.waiting{color: #BE2E00}
.dateSlider .slick-arrow{width: 60px; height: 60px; z-index: 1}
.dateSlider .slick-arrow:before, .dateSlider .slick-disabled{display: none !important;}
.dateSlider .slick-next{background: url('../../assets/images/slider-right-arrow.svg') no-repeat center center; right: 0}
.dateSlider .slick-prev{background: url('../../assets/images/slider-right-arrow.svg') no-repeat center center; transform: rotate(-180deg) translateY(30px);}

.trainReviewBooking .container > h5{color: #fff; margin: 0 0 10px; font-weight: 500}
.trainReviewBooking .trainDetailLink{padding: 0 20px}
.trainList .time > span, .trainReviewBooking .time > span{text-align: left;}
.boarDingForm{padding: 20px 0;}
.trainReviewBooking .form-select{background-color: #F4F4F4; max-width: 80%; background:url('../../assets/images/drodpown-change.svg') no-repeat right 0.75rem center #F4F4F4; margin-top: 5px;}

.trainPassanger .reviewHeader, .irctsDetail .reviewHeader{ justify-content:space-between; }
.addtrainPass{color: #222; font-size: 16px; cursor: pointer;}
 .addtrainPass svg{display: inline-block; vertical-align: middle; margin-right: 3px}
.irctsDetail .reviewHeader > a{color: #009216; font-size: 16px; font-weight: 500; text-decoration: none;}
.irctsDetail label{padding-bottom: 10px; font-weight: 500}
.irctsDetail label > span{display: block; font-size: 12px; line-height: 14px; color: #BE2E00}
.irctsDetail .form-select{margin-bottom: 20px;}
.irctsDetail p{max-width: 80%}
.irctsDetail .btn-primary{background: none; border: 0; font-size: 16px; font-weight: 500; color: #B3B3B4}
.contactInfo .flex{gap: 20px; padding-bottom: 15px}
.contactInfo .flex > div{width: calc(50% - 10px)}
.travelInsBlock h5{margin-bottom: 10px}

.travelInsBlock .refundBooking{    border: 1px solid #848484;
    background: #fff;
    color: #848484;
    margin-right: 20px;
    padding: 11px 20px; text-align: left;}
.travelInsBlock .refundBooking:hover{color: #848484 !important}
.travelInsBlock .refundBooking .checkBoxParent{margin-right: 10px;}
.travelInsBlock .refundBooking .form-check-input{border-color: #848484; background-color: #fff; border-width: 3px;}
.travelInsBlock .refundBooking:has(input:checked) .form-check-input{background-color: #FFF; border-color: #fff; }

.travelInsBlock .refundBooking:has(input:checked) {color: #fff !important}
.travelInsBlock .refundBooking:has(input:checked) .form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23BE2E00' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") }

.insuranceDetil{padding: 10px 0 0; border-bottom: 1px solid #84848469}
.radioforupgrade{padding: 20px 0 0}
.radioforupgrade > label{display: block; padding: 0 0 15px; font-weight: 500;}
.radioforupgrade > label .checkBoxParent{padding-right: 10px; line-height: 20px}
.radioforupgrade > label:has(input:checked) {color: #DD5428 !important;}
.amountBtn{justify-content: space-between; padding: 40px 0}
.amountBtn h5 > span{display: block; color: #848484; font-size: 14px; font-weight: 400}
.outerTag{padding: 20px 0 0}

[data-id="#trainPayment"] .depDestBlock{font-size: 14px; font-weight: 400; gap:30px }
.depDestBlock > div, .depDestBlock > div > div{position: relative; padding-left: 66px; line-height: 24px}
.depDestBlock span{font-size: 18px; font-weight: 600; display: block; padding:0 !important}
.departure{width: 260px;}
.departure:before{content: ""; position: absolute; left: 0; top: 2px; background: url('../../assets/images/calender-icon.svg') no-repeat center center; width: 46px; height: 46px; }
.depDestBlock > .flex{justify-content: space-between; width: calc(100% - 290px)}
.boardingSta:before{content: ""; position: absolute; left: 0; top: 2px; background: url('../../assets/images/location-black.svg') no-repeat center center; background-size: 24px auto;  width: 46px; height: 46px; border:1px solid #D5D5D5; border-radius:8px; }
.divider{width: 80%; position: absolute; left: 0; right: 0; margin: 0 auto; background: #CACACA; width: 40%; height: 1px}
.divider:after{content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: -3px;}

.boardingSta{width: 220px}
.depDestBlock .divider{position: absolute; top: 50%}



.popupHolder {
  background: #fff;
  max-width: 1200px;
  border-radius: 16px;
  overflow: hidden;
  position: fixed;
   top: 50%;
   transform: translateY(-50%);
   margin:0 auto;
   left: 0;
   right: 0;
  z-index: 3;
  display: none;

}
.popheader{padding: 20px; border-bottom: 1px solid #E2E2E2; justify-content: space-between;}
.popheader h5{margin: 0}
.popBody{padding: 20px;}
.addPassForm{gap: 20px; flex-wrap: wrap;}
.addPassForm .form-input{background: #fff}
.addPassForm > div{width:calc(33.33% - 14px);}
.addPassForm > div.btnContainer{width:  100%; text-align: right;}
.closePop{cursor: pointer;}
.addPassForm > div > label{padding-bottom: 5px;}

/* Train booking */


/* My Account */
.profileContainer{margin-top: 72px; background: #fff}
.profileContainer .container{max-width: 1230px; padding: 30px 15px}
.completeKyc{background: linear-gradient(90deg, #FFD9D9 0%, #FFDEDE 100%); padding: 20px 30px; font-weight: 500; color: #FF0004; border-radius: 12px; justify-content: space-between;}
.completeKyc > span:before{content: ""; background: url('../../assets/images/info-icon-red.svg') no-repeat center center; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 5px}
.completeKyc > a{color:#FF0004 }
.completeKyc > a:hover{text-decoration: none;}
.profileSec{padding: 34px 0; gap: 60px; align-items: flex-start}
.profileLft{ width:calc(25% - 30px);  border: 1px solid #DDD; border-radius:12px; padding:20px }
.profileLft li{margin-bottom: 10px}
.profileRgt{ width:calc(75% - 30px) }

.profileBlock{border-bottom: 1px solid #84848469; padding-bottom: 20px; gap: 0 20px; align-items: center;}
.firstLetter{width: 80px; height: 80px; line-height: 80px; border-radius: 50%; background: #DD5428; color: #fff; font-size: 30px; font-weight: 600; text-align: center;}
.profileBlock > .font18{line-height: 22px}
.profileBlock > .font18 > span{display: block; font-size: 14px;}
.profileBlock > .font18 > span:first-child{font-weight: 400; font-size: 12px; color: #818181}
.profileBlock > .font18 > span:nth-child(2){color: #DD5428; cursor: pointer;}

.profileForm{padding: 25px 0 0; gap: 20px; flex-wrap: wrap;}
.profileForm > div{width: calc(50% - 10px);}
.profileForm > div.streetAdd, .profileForm > div.btnContainer{width: 100%;}
.profileForm label{font-size: 16px; font-weight: 500; padding-bottom: 5px}
.profileForm .form-input{background-color: #fff}
.streetAdd textarea{height: 80px}
.profileForm > div.btnContainer{text-align: right;}
.profileForm button{max-width: 170px}

.deleteAccount{background: linear-gradient(90deg, rgba(255, 217, 217, 0.3) 0%, rgba(255, 222, 222, 0.3) 100%); padding: 20px 30px; border: 1px solid #FF0000; border-radius: 12px}
.deleteAccount h6{color: #FF0000}
.deleteAccount button{background: #FF0000}

.referTitleBtn{justify-content: space-between; align-items: center; border-bottom: 1px solid #84848469; padding-bottom: 20px;}
.referTitleBtn p{margin-bottom: 0}
.totalEarn{background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 131, 92, 0.5) 185.51%); border-radius: 16px; margin: 40px 0; padding: 30px 0 0 30px; clear: both; overflow: hidden; line-height: 20px;}
.earnCount{font-size: 84px; font-weight: 800; display: block; line-height: 100px; color: #8B2D10}
.totalEarn img{max-height: 220px; float: right; margin-bottom: -10px}
.cointSummary{border-bottom: 1px solid #84848469; padding-bottom: 30px;}
.cointSummary .flex{background: linear-gradient(90deg, rgba(249, 160, 130, 0.3) 0%, rgba(255, 203, 186, 0.3) 100%); border-radius: 16px; padding: 20px 30px; font-size: 18px; line-height: 40px; gap: 50px}
.cointSummary .flex span{font-size: 26px; font-weight: 700; display: block; line-height: 50px}
.referFriend{padding: 30px 0 0}
.referralCode{padding: 20px 0 80px}
.referralCode h5{font-weight: 600}
.referralCode .flex{padding: 15px 0 0; align-items: center; gap: 16px}
.referralCode .flex > div{position: relative;}
.referralCode .form-input{border: 0.6px dashed #7C7C7C; background: #fff; width: 390px; padding-right: 105px}
.copyCode{position: absolute; right: 20px; top: 7px; cursor: pointer;}
.referBtn svg{margin-left: -10px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.refferinvSec{gap: 60px; border-bottom: 1px solid #84848469; padding-bottom: 20px;}
.refferinvSec h6{margin-bottom: 20px}
.refferinvSec a{background-color: #084591; border-radius: 50%; width: 60px; height: 60px; display: inline-block; line-height: 60px; text-align: center; margin-right: 18px}
.refferinvSec a:hover{background: linear-gradient(180deg, #FF835C 0%, #DD5428 100%)}
.refferinvSec a:last-child{margin: 0}
.moreDetail{padding: 30px 0}
.referExample{max-width: 390px}
.transactionsList{border: 1px solid #D9D9D9; border-radius: 16px; padding: 25px 34px;}
.transTable{width:100%}
.transTable-header,.transTable-row{display:grid;grid-template-columns:2.4fr 1.8fr 1.5fr 1.4fr 1.2fr .8fr;align-items:center; padding-bottom: 30px}
.transTable-row{}
.transTable-header{font-size:13px;color:#797979;text-transform:uppercase; font-weight: 600}
.details{display:flex;align-items:center;gap:12px}
  .transTable-row .title{font-weight:600; line-height: 16px}
 .transTable-row .sub{font-size:10px;color:#292D32}
 .transTable-row .time{font-size: 12px; color: #848484}
.transTable-row .status{display:inline-flex;align-items:center;gap:6px;padding:2px 18px;border-radius:50px;background: #1193001F; color:#119300;font-size:12px; margin: 0; font-weight: 500}
.dot{width:8px;height:8px;background:#119300;border-radius:50%}
.amount{font-weight:600}
.action{color:#DD5428;font-weight:500;cursor:pointer}
.action:hover{text-decoration:underline}
.transactionsFilter{gap: 14px; padding: 25px 0}
.transactionsFilter .form-input{background: #fff}
.transactionsFilter > div:first-child{width: calc(33.33% - 7px); max-width: 100%}
.transactionsFilter > div{width: calc(22.22% - 7px); max-width: 150px}
.transactionsFilter > div:last-child{width: 8.34%}

.offersBanner{border-radius: 16px; overflow: hidden; margin:30px 0;  }
.offersSec {flex-wrap: wrap; gap:30px  }
.offerBlock{border: 1px solid #FFC9B8; border-radius: 16px; padding: 17px 0 27px; width: calc(50% - 15px); transition: all 0.3s ease;}
.offerBlock:hover{background: linear-gradient(180deg, #FF835C 10%, #DD5428 50%); color: #fff}
.offerBlock:hover *{color: #fff}
.offershead{padding: 0 30px 30px 0; justify-content: space-between;}
.offerStrip{background: #DD5428; border-top-right-radius: 40px; border-bottom-right-radius: 40px; padding: 5px 20px; color: #fff;}
.offershead > span:not(.offerStrip){font-size: 10px; line-height: 18px}
.offershead > span > span{display: block; font-size: 16px; font-weight: 600; color: #000}
.offerbody{padding: 0 30px;  color: #000; font-size: 18px;}
.offerbody > .flex{gap: 20px}
.offerFooter{padding: 30px 30px 0;}
.offerFooter button{width: 100%; border:1px solid #fff}
.viewOfferPop{max-width: 920px;}
.viewOfferPop .closePop{position: absolute; right:20px; top: 10px}
.viewOfferPop .closePop img{width: 15px;}
.viewOfferPop .popBody{padding: 40px}
.offerDetail{gap: 40px;}
.offerDetail h5{color: #DD5428}
.offerDetail > div{width: calc(50% - 20px);}
.offerDetail img{width: 100%}
.offerDetail .box:before{padding-top:100%}

.settingsTab{gap: 16px; padding: 30px 0 50px}
.settingsTab > a{border: 1px solid #E5E5E5; border-radius: 4px; font-weight: 500; color: #000; padding: 4px 20px; text-decoration: none;}
.settingsTab > a:hover, .settingsTab > a.active{background: #FFE9E2; color: #DD5428}

.notificationBlock{border: 1px solid #E9E9E9; border-radius: 16px; padding: 0 36px}
.notiSec{border-bottom: 1px solid #DADADA; padding: 20px 0}
.notiSec > label{justify-content: space-between;}
.notiSec .customCheckbox-boxonly .form-check-input{width: 18px; height: 18px;}
.notificationBlock .notiSec:last-child{border: 0}
/* My Account */


/* How It Works  */
.howitworksBanner{background: linear-gradient(360deg, #000000 0%, #300B00 48.21%, #611700 96.42%); color: #fff; font-size: 16px; line-height: 30px;}
.howitworksBanner h2 span{color: #DD5428}
.howitworksBanner .container{justify-content: space-between; align-items: center;}
.howitworksBanner .container > div:first-child{max-width: 580px;}
.howitworksBanner .container > div:last-child{max-width: 330px; margin-right: 70px; position: relative;}
.rewardEarn{position: absolute; left: -130px; top: 70px;background: #FFFFFF; box-shadow: 0px 7px 16px 0px #ABABAB1A; color: #000; font-size: 10px;  text-align: center; border-radius: 16px; padding: 14px}
.rewardBtm{left: auto; right: -70px; bottom: 70px; top: auto;}
.rewardTitle{font-size: 14px; font-weight: 600; color: #DD5428; line-height: 10px; padding:10px 0 0}
.rewardEarn > span{display: block;}
.howitworksCon{background: #fff}
.howitworksCon .container{position: relative; max-width: 1150px; padding: 150px 15px 0;}
.howitworksCon .bigHead{position: absolute; left: 0; top: -19px}
.howitworkBlock{border-bottom: 1px solid #DD542833; padding: 65px 0; align-items: center; gap: 100px; justify-content: space-between;}
.contentBlock{max-width: 500px; font-size: 16px; line-height: 30px;}
.contentBlock h3{font-weight: 600}
.contentBlock h3 span{color: #DD5428}
.contentImg{max-width: 390px;}

/* How It Works  */

/* Homepage Section  */
.payBillsSec, .payBillBanner, .propertyTravel, .homeSection-earn, .everythingCard, .simpleFastTrans, .homeSection-videoSlider, .homeSection-wearehere, .homeDownloadsec, .marqueeStrip{background: #fff}
.payBillsSec .container{max-width: 1230px; padding: 85px 15px 40px;}
.payBillHeader{text-align: center;}
.badgeBill{border: 1px solid #FFEDD5; background: #FFF7ED; color: #C2410C; font-size: 12px; font-weight: 500; padding: 4px 12px 7px;}
.badgeBill:before{content:""; background: #F97316; width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 8px;}
.payBillHeader h1{font-size: 60px; font-weight: 600; line-height: 80px; margin: 15px 0 80px}
.payBillHeader h1 span{color: #DD5428; display: block;}

.paybillBody{gap: 30px}
.paybillBody > div{width: calc(50% - 15px)}
.billRecharge{background: linear-gradient(180deg, #FFD2C4 0%, #FFD8CC 189.32%); padding: 30px; border-radius: 20px}
.paybillBody h4{font-weight: 600; justify-content: space-between; padding-bottom: }
.billRecharge h4 span{background: #DD5428; color: #fff; font-size: 12px; font-weight: 400; border-radius: 20px 0 0 20px; line-height:18px; padding:10px 20px; margin-right:-30px }

.rechargeOption{padding: 30px 0}
.whiteBlock{flex-wrap: wrap; gap: 16px}
.whiteBlock > div{width: calc(25% - 12px); background: #fff; border-radius: 8px; padding: 18px 12px;     align-content: center; text-align: center; font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; transition: all 0.3s ease;} 
.whiteBlock > div:hover{background: #DD5428; color: #fff}
.whiteBlock > div > span{ display:block; line-height:0; padding-bottom:12px; }
.rechargeNote{background: #DD5428; color: #fff; border-radius: 8px; padding: 8px 20px; line-height: 24px; position: relative;}
.rechargeNote:before{ content: ""; position: absolute;
  top: -10px;
  left: 15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #DD5428;}

  .UtFinaceblock{background: #FFF0EB; flex-wrap: wrap; padding: 30px; border-radius: 20px}
  .UtFinaceblock h4{width: 100%; margin-bottom: 0}
    .flexCol{display: flex; flex-direction: column; gap: 30px}
    .payBillBanner{padding-bottom: 40px}
  .payBillBanner .container{max-width: 1230px; border-radius: 20px; overflow:hidden; }
  .payBillBannerSlider img{width: 100%}
.propertyTravel .container{max-width: 1230px; padding: 0 15px; gap: 20px;}
.propertyTravel .container > div{width: calc(50% - 10px);}
.property h4{padding-bottom: 24px}
.homeSection-earn .container{padding: 0 15px; max-width: 1230px;}
.homeSection-earn .row > div{padding: 0;}
.homeSection-earn .row div.col-sm-7{padding-right: 70px;}

.everythingCard{padding: 40px 50px 0;}
.everythingCard .container{background: linear-gradient(180deg, #FFE5DD 0%, #FFF1ED 100%); max-width: 100%; border-radius: 30px; position: relative;}
.everythingCard .container:before{background: url('../../assets/images/everything-card-bg.png') repeat center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-size:50% auto; z-index:1 }
.everythingCard .container > .flex{max-width: 1230px; padding: 100px 15px 0; margin: 0 auto; gap: 100px; align-items: end;}
.everythingCard .container > .flex > div{width: calc(50% - 50px); position:relative; z-index:2 }
.everythingCard h5{font-weight: 600}
.everythingCard h1{-webkit-text-stroke: 1px #BE2E00; font-size: 60px; font-weight: 700; letter-spacing: 4%;
  color: transparent; line-height: 80px;  transform: translateZ(0);}
.everythingCard h6{color: #BE2E00; font-weight: 600; margin-bottom: 15px}
.cardNote{flex-wrap: wrap; gap: 16px}
.cardNote > span{box-shadow: 0px 198px 55px 0px #A3A3A300; background: #fff; border-radius: 8px; padding: 8px 20px; font-weight: 500;
}
.cardNote > span:before{content: ""; background: url('../../assets/images/tick-icon.svg') no-repeat center center; width: 14px; height: 14px; margin-right: 8px; display: inline-block; vertical-align: middle; background-size: 14px auto;}
.cardBtn{padding: 20px 0 40px; align-items: center;}
.cardBtn a{color: #BE2E00; font-weight: 500}
.cardBtn button{margin-right: 20px;}
.cardImg{padding-bottom: 50px}
.cardImg img{ display:inline-block; margin-right:20px; }

.digitalGoldSec{padding: 0 0 80px; background: linear-gradient(274.59deg, #283A52 2.76%, #5A82B8 113.73%); position: relative;
}
.digitalGoldSec:before{content: ""; background: url('../../assets/images/digital-gold-man-img.png') no-repeat left bottom; width: 25%; height: 713px; position: absolute; left: -50px; top: -200px; background-size: 90% auto;}
.marqueeStrip{padding: 100px 0 120px}
 
.marqueeStrip .container, .digitalGoldSec .container{max-width: 1230px; padding: 0 15px; justify-content: flex-end;}

.topStrip{background: #FFD6C9; border-radius: 16px; padding: 20px; gap: 30px; font-weight: 500; line-height: 18px; max-width: 1010px}
.topStrip span{padding-right: 20px}
.topStrip img{width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px}
.digitalCardBlock{ gap: 70px; align-items: center; max-width: 1010px}
/*.digitalCardBlock > div:first-child{width: calc(46% - 35px); box-shadow: 0px 14px 30px 0px #C7C7C71A; border: 0.5px solid #CFA04F; border-radius: 20px; padding: 30px; position:relative; }*/
/*.digitalCardBlock > div:first-child:before{background: url('../../assets/images/digital-gold-bg.png') no-repeat center center; content: ""; position: absolute; left: 0; top: 0; opacity: 0.05; background-size: 100% auto;  width: 100%; height: 100%}*/
.digitalCardBlock > div:first-child{width: calc(44% - 30px); color: #fff; font-weight: 200}
 
 .digitalTab{position: relative; height: 68px}
 .digitalTab svg{width: 100%}
 .digitalTab ul{position: relative; z-index: 1}
 .digitalTab li{width: 50%; cursor:pointer; font-size:24px; ; padding: 20px 0; font-weight:700; color:#CFA04F; text-align:center; }
 li[data-id="silverTab"]{color: #A2A2A2}
  .digitalTab li img{width: 40px; margin-right: 5px}
 .digitalTab .svg-holder{width: 100%; position: absolute; left: 0; top: 0}
#goldTab{background: linear-gradient(180deg, rgba(255, 231, 196, 1) 0%, #FFFFFF 100%);}
#silverTab{background: linear-gradient(180deg, #E4E4E4 0%, #FFFFFF 100%);}
.goldSilverBlock{margin-top: -67px; border-radius: 30px; overflow: hidden;}
.livebuy{background: #fff; border-radius: 50px; padding: 9px 20px; font-size: 12px; font-weight: 600}
.livebuy:before{display: inline-block; vertical-align: middle; content: ""; background: #FF0000; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px}

.digitalBody > h4{margin: 20px 0; font-size: 26px; justify-content: space-between;}
.digitalBody > h4 span{font-size: 14px; text-decoration: underline; font-weight: 400}

.goldSilverTitle{font-size: 68px; font-weight: 700; background: -webkit-linear-gradient(180deg, #82591F 0%, #F6AE45 100%); line-height: 80px; text-shadow: FFBE00;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}


.digitalCardBlock > div:first-child h4{font-weight: 500; margin-bottom: 15px}
.digitalCardBlock > div a{color: #fff; text-decoration: underline; font-weight: 400}
.digitalCardBlock > div a:hover{text-decoration: none;}
.digitalCardBlock h5 span{color: #FF0000; font-size: 16px; line-height: 22px; padding-left: 20px; display: inline-block; vertical-align: text-top;}
.digitalCardBlock h5 span:before{display: inline-block; vertical-align: middle; content: ""; background: #FF0000; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px}
.digitalCardBlock > div:nth-child(2){width: calc(58% - 30px);}

.digitalHeading h4{font-weight: 600; font-size: 22px; margin-top: 20px}
.digitalHeading h4 span{color: #848484; padding-left: 25px; font-size: 14px; font-weight: 400}
.digitalBody{padding: 20px 30px 30px; position: relative; z-index: 1; display: none;}
.digitalBody.active{display: block;}
.tabhead ul{border: 1px solid #DD5428; border-radius: 8px; display: flex; overflow: hidden;}
.tabhead ul li{width: 50%; text-align: center; padding:8px 15px; color: #DD5428; cursor: pointer;}
.tabhead ul li.active{background: #DD5428; color: #fff}

.digitalTabDes{padding: 20px 0 0}
.digitalTabDes button{margin-top: 30px; width: 100%}
#goldruppes, #silverruppes{display: block;}
.tabDes{border:#D5AC65 1px solid; border-radius: 12px; padding: 25px; background: #FFF8ED}
#silverTab .tabDes{background: #fff}

.digitalTabDes h4{justify-content: space-between; margin-bottom: 20px; font-size: 30px; }
.digitalTabDes h4 span{text-decoration: underline;}
.digitalTabDes h4 span:nth-child(2){font-size: 18px; font-weight: 400; text-decoration: none;}
.rupeesgram{gap: 6px; flex-wrap: wrap;}
.rupeesgram span{border: 1px solid #EDEDED; background: #fff; border-radius: 8px; font-size: 14px; font-weight: 600; padding: 3px 16px; cursor: pointer;}
.rupeesgram span.active{border-color: #DD5428}

.digitalCardBlock > div:nth-child(2) h5{color: #BE2E00; font-weight: 700}

.digitalCardBlock > div:nth-child(2) h2{font-size: 34px;  font-weight: 700; line-height: 48px; margin: 20px 0 30px}

.digitalCardBlock > div:nth-child(2){line-height: 30px;}
.digitalCardBlock > div:nth-child(2) a{display: inline-block; text-decoration: none;}
.rewardGift{background: linear-gradient(180deg, #DD5428 0%, #08254C 100%); padding:0 100px; color: #fff; overflow: hidden; position: relative;}

 
.badgegift{border: 1px solid #FFEDD5; background: #fff; color: #C2410C; font-size: 12px; font-weight: 500; padding: 4px 12px 7px;}
.badgegift:before{content:""; background: #F97316; width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 8px;}
.rewardContent h1{padding: 20px 0; font-size: 60px; font-weight: 600; line-height: 80px;}

.rewardContent p > span{font-size: 16px; font-weight: 600; margin-right: 20px}
.rewardContent p > span:before{content: ""; width: 12px; height: 12px; background: #fff; border-radius: 50%; display: inline-block; margin-right: 8px}
.rewardGift > .container.flex{gap:100px }
.rewardContent{width: 50%; padding: 100px 0; position: relative;}
.rewardImgsec{width: 50%; gap: 40px; margin-top: -98px}
.rewardImgsec > div{width: 50%}
.rewardImgsec > div:first-child{margin-top: 92px}
.rewardImgtxt{position: relative; margin-bottom: 60px}
.rewardImgtxt .box:before{padding-top: 117%}
.rewardImgsec > div:first-child .rewardImgtxt:first-child .box:before{padding-top: 117%}
.rewardImgsec > div:first-child .rewardImgtxt:nth-child(2) .box:before{padding-top: 118%}
.rewardImgsec > div:first-child .rewardImgtxt:nth-child(2){margin-bottom: -30px}
.rewardContent:after{content: "#Rewards 100%"; position: absolute; left: 0; bottom: 30px; font-size: 110px; font-weight: 700; -webkit-text-stroke: 1px #FFFFFF80; color: transparent; white-space: nowrap; }
 






.rewardPrice:before{content: "";  background: url('../../assets/images/price-bg.svg') repeat-x 0; width: 100%;
    height: 16px; position: absolute; left: 0; top: -8px;}
.rewardPrice{background:#DD5428; font-size:20px; font-weight:600; position:absolute; left:0; bottom:-20px; width:100%; text-align:center; align-items:center; justify-content:center; padding:10px 20px 20px;gap:20px; border-radius:0 0 20px 20px }
.rewardPrice strike{font-size: 20px}
.rewardPrice span{font-size: 30px}


.simpleFastTrans{padding: 80px 0 0}
.simpleFastTrans .container{max-width: 1230px; padding: 0 15px}
.simpleFastTrans .badgeBill{margin: 0 auto; width: 90px; display: block;}
.simpleFastTrans h1{font-size: 60px; font-weight: 600; text-align: center; line-height: 80px; padding: 20px 0}
.simpleFastTrans h1 span{display: block; color: #DD5428}
.simpleblockImg{gap: 50px; padding: 50px 0 0}
.simpleblockImg > div{width: calc(50% - 25px);}
.simpleBlock{background: #B8C8E040; padding: 30px 30px 30px 70px; border-radius: 20px; margin-bottom: 30px; position: relative; font-size: 16px; line-height: 26px; transition: all 0.3s ease;}
.simpleBlock:last-child{margin-bottom: 0}
.blockIcon{position: absolute; left: 30px; top: 30px}
.simpleBlock h5{font-size: 22px; font-weight: 600; margin-bottom: 10px;}
.simpleBlock p{margin-bottom: 0}
.simpleBlock.active{background: #FD815A; color: #fff}
.simpleblockImg > div:nth-child(2){background: #FFCDBD; border-radius: 40px; padding: 50px 70px 0; overflow: hidden; display: flex;     align-items: end; position: relative;}
.simpleblockImg > div:nth-child(2) img{width: auto; height: 100%; margin: 50px auto 0; display: block;}
.simpleblockImg > div:nth-child(2) .box{width: 100%}
.simpleblockImg > div:nth-child(2) .box:before{padding-top: 115%}
.homeSection-videoSlider .container{max-width: 1230px; padding: 0 15px;}
.simpleBlockImgSec .box{display: none;
    position: absolute;   /* prevents layout jump */
    top: 0;
    left: 0;
    width: 100%;}
.videoModal .modal-dialog{max-width: 1200px;}



.svg-holder > div {
  display: none;
}

.svg-holder > div.active {
  display: block;
}


.registerLoginPop, .loginPop{ z-index: 999; position: absolute; top: 50px; transform: none;}
.registerLoginPop .popupClose, .loginPop .popupClose{position: absolute; right: 20px; top: 20px; background: #D0D0D0; width:40px; height:40px; border-radius:50%; text-align:center; line-height:40px; font-size:0 }
.registerLoginPop .popupClose img, .loginPop .popupClose img{width: 14px;}
.regLogBlock { background: #C34017; }
.regLogLft{width: 45%; color: #fff; text-align: center; padding: 100px;}
.reglogForm{width: 55%; padding:60px 80px; background: #fff; display: flex; align-items: center;}
.scanner{max-width: 270px; background: #FFEFEA; padding: 50px; font-size: 0; line-height: 0;  border-radius: 30px; margin: 0 auto;}
.scannerInfo{padding: 20px 0; font-size: 16px;}
.scannerInfo h5{font-size: 22px;}

.reglogForm{font-size: 16px; font-weight: 400}
.reglogForm > div{width: 100%}
.reglogForm h2 span, .reglogForm p > span{ color:#DD5428 }
.reglogForm label{font-size: 20px; font-weight: 500; padding-bottom: 5px}
.regForm > div{padding: 0 0 10px}
.regForm .form-input{background: #fff}
.regForm > div.robotimg{max-width: 295px; padding: 10px 0 20px}
.regForm > div.btnContainer{padding: 10px 0 0}
.regForm button{max-width: 100%; margin-bottom: 10px}
.signIn, .signUp, .resendOtp{cursor: pointer;}

.otpField{ gap:20px; }
.otpField > div{width: calc(25% - 5px);}
.otpField .form-input:focus-visible{border-color: #04A85B}
.otpTimer{justify-content: space-between; font-size: 18px; font-weight: 600} 
.otpTimer img{margin-right: 5px; vertical-align: middle; display: inline-block;}
.createPin h5{font-weight: 500; margin: 0}
.createPin label{font-size: 14px;}
.pinCreatedBlock{max-width: 430px; text-align: center;}

.verifyOtp, .createPin, .pinCreated{display: none;}

.error{color: #FF0000;font-size: 14px;}

 /* Homepage Section  */




 


/* Booking > Pages by AJIT   */