html,body{font:14px/150% 'Source Sans Pro', sans-serif;-webkit-animation:fadein 1s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #bdbdbd;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
color: #bdbdbd;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
color: #bdbdbd !important;
}
.form-control::-moz-placeholder { /* Firefox 18- */
color: #bdbdbd;
}
.overlay{display: none;background-color: rgba(0,0,0,0.7);width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;z-index: 9999;}
.navbar-expand-lg .navbar-collapse.hamburgerMenu{display:none !important;}
ul{padding:0;margin:0}
li{list-style:none}
a:focus,a:hover{text-decoration:none;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}
a:focus{outline:0}
.footer-big.footer-menu h4{margin:0;font-weight:bold;letter-spacing:0px;padding:0;color:#424242}
.footer-big{padding:60px 0 0 0;border:1px solid #BDBDBD;}
.footer-big .footer-widget{margin-bottom:40px}
.footer-big .footer-menu ul li a,.footer-big ul li{color:#4A4A4A;line-height:26px;font-size:14px;}
.footer-big .footer-menu ul li a:hover{text-decoration:underline;}
.footer-menu{padding-left:48px}
.footer-menu ul li a:hover{color:#4A4A4A}
.footer-widget-title{margin-bottom:21px;font-size:18px}
.mini-footer-right{margin-top:23px;}
.mini-footer-left{margin:18px 32px;}
.mini-footer-left ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.mini-footer-left ul li{list-style:none;border-right:1px solid #757575;padding:0px 18px 0px;}
.mini-footer-left ul li:last-child{border:none;}
.mini-footer-left ul li a{color:#424242;}
.faqdetails.dropdown:hover>.dropdown-menu, .contactdetails.dropdown:hover>.dropdown-menu {display: block;position:absolute;}
.faqdetails.dropdown .dropdown-menu{min-width: 6rem;border: 1px solid #F3F3F3;background-color: #FFFFFF;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);padding: 0;top: 56px;}
.faqdetails.dropdown .dropdown-menu a{color: #757575;font-size: 12px;letter-spacing: 0px;line-height: 15px;padding:10px 12px;}
.contactdetails.dropdown .dropdown-menu a:nth-child(2){padding: .25rem 1.5rem;padding-top: 1px;}
.faqdetails.dropdown .dropdown-menu a:active, .contactdetails.dropdown .dropdown-menu a:active{background-color:transparent;}
.contactdetails.dropdown .dropdown-menu{min-width: 10rem;border: 1px solid #F3F3F3;background-color: #FFFFFF;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);padding: 0;top: 56px;padding-bottom: 5px; left: -128px;}
.contactdetails.dropdown .dropdown-menu h2{color: #757575;font-size: 12px;letter-spacing: 0px;line-height: 15px;padding:10px 10px 6px 12px;}
.navbar{min-height:65px;margin:0;border:0;border-radius:0;padding:0px;background-color: #000000;}
.navbar-brand{padding:12px 15px;margin-right:30px;}
.navbar-brand img{width:120px;}
.wrapper{width:1260px;margin:0 auto;position:relative;z-index:2;display:flex;}
.navbar-default .navbar-nav > li > a{padding-top:20px;padding-bottom:16px;color:rgb(117, 117, 117);letter-spacing:0px;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left:16px;padding-right:16px;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link{color:#fff;font-size:16px;}
.navbar-light .navbar-nav .nav-link.signup-link{border-left: 1px solid #ffffff; padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 16px;}
.navbar-light .navbar-nav .nav-link:hover{color:#fff;font-weight:bold;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{color:rgb(208, 2, 27);background:transparent;border-bottom:7px solid rgb(237, 28, 36);font-weight:bold;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: white;font-size: 16px;}
.hamburgerLogin, .hamburgerContact{display: inline-block;height: 35px;width: 93px;border: 1px solid #D2D2D2;border-radius: 3px;text-align: center;padding: 7px 0px;color: #757575;margin: 0 3px;font-size: 12px;letter-spacing: 0.65px;}
.hamburgerLogin:hover, .hamburgerContact:hover{color: #757575}
.hamburgerButtonWrapper{width: max-content; margin: 0 auto;margin-bottom: 26px;}
.navrightSec .nav-item{border-bottom:7px solid transparent;}
.navrightSec{margin:0}
.navbar-light .navbar-toggler{border-color:transparent;outline:none;display:none !important;}
.navbar-light .navbar-brand{margin-top: 10px;}
.landingPageCarouselWrapper{margin-top:-1px;}
.landingPageCarouselWrapper .carousel-indicators li, .bookhotelScroll .carousel-indicators li{width:12px;height:12px;border:1px solid #BDBDBD;border-radius:10px;background-color:transparent;}
.landingPageCarouselWrapper .firstSlide .carousel-caption h5{color: #ED1C24 !important}
.landingPageCarouselWrapper .firstSlide .carousel-caption p{color: #000000 !important}
.faqdetails.dropdown .dropdown-menu::before{content: '';position: absolute;top: -10px;left: 54px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 10px solid white;transform: rotate(0deg);}
.contactdetails.dropdown .dropdown-menu::before{content: '';position: absolute;top: -10px;left: 152px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 10px solid white;transform: rotate(0deg);}
.landingPageCarouselWrapper .carousel-caption{width:1140px;margin:0 auto;}
.landingPageCarouselWrapper .carousel-indicators .active{background-color:#bdbdbd;border:none;}
.bookhotelScroll .carousel-indicators .active{background-color:#d2d2d2;border:none;}
.landingPageCarouselWrapper .carousel-inner .carousel-item{max-height:395px;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item{height:400px;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item:nth-child(1){background: linear-gradient(45deg, #511457 0%, #5B82C3 100%);}
.landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item:nth-child(2){background: linear-gradient(315deg, #FFC38A 0%, #962222 100%);}
.landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item:nth-child(3){background: linear-gradient(45deg, #511457 0%, #5B82C3 100%);}
.landingPageCarouselWrapper .carousel-caption{position:absolute;top:0;left:0;bottom:0;right:0;padding:110px 0;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-caption{padding:45px 0;}
/*.landingPageCarouselWrapper .carousel-inner .carousel-item:before,.landingPageCarouselWrapper .carousel-inner .carousel-item.active:before{content:'';display:block;position:absolute;width:100%;height:275px; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, #000000 114%);}*/
.landingPageCarouselWrapper.tiersPage .carousel-caption h5{color: #ED1C24;}
.landingPageCarouselWrapper .carousel-inner .carousel-item.firstSlide:before{content: none;}
.landingPageCarouselWrapper.earnPointsCarousel .carousel-inner .carousel-item:before,.landingPageCarouselWrapper.earnPointsCarousel .carousel-inner .carousel-item.active:before{content:'';display:none;position:absolute;width:100%;height:275px;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 80%, #000000 100%);}
.landingPageCarouselWrapper .carousel-caption .carouselSignupLink{height:45px;width:149px;border-radius:6px;background-color:#ED1C24;display:inline-block;padding-top:11px;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:1px;line-height:24px;text-align:center;position:absolute;left:0;}
.landingPageCarouselWrapper .carousel-caption .carouselKnowMore{color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:0px;line-height:19px;position:absolute;left:168px;margin-top:10px;}
.landingPageCarouselWrapper .firstSlide .carousel-caption .carouselKnowMore{display: none;}
.landingPageCarouselWrapper .carousel-caption .carouselKnowMore:hover{text-decoration:underline;}
.landingPageCarouselWrapper .carousel-caption .carouselKnowMore span{height:28px;width:36px;display:inline-block;background:url('../images/icons/know%20more.svg') no-repeat;vertical-align:middle;background-position:0px;}
.landingPageCarouselWrapper .carousel-caption .carouselSignupLink:hover{text-decoration:none;}
.landingPageCarouselWrapper .carousel-caption h5{color:#FFFFFF;font-size:32px;font-weight:bold;line-height:39px;text-align:left;margin-bottom:25px;}
.landingPageCarouselWrapper .carousel-caption p{color:#FFFFFF;font-size:16px;letter-spacing:0px;line-height:19px;width:450px;text-align:left;margin-bottom:45px;}
.spiceClubAboutWrapper{height: 400px;}
.spiceClubAboutWrapper .spiceClubContainer{width:1140px;margin:0 auto;}
.spiceClubAboutWrapper .spiceClubContainer h3,.tiers .spiceClubtierHead{padding-top:40px;color:#424242;font-size:24px;font-weight:bold;line-height:29px;}
.tiers .spiceClubtierHead{padding-bottom:36px;margin:0}
.spiceClubContainer .spiceClubConetnt{padding-top:16px;}
.spiceClubContainer .spiceClubConetnt .imageSection{width:300px;float:left;height:200px;}
.spiceClubContainer .spiceClubConetnt .imageSection img{width:350px; margin-left: -18px; margin-top: 6px;}
.spiceClubContainer .spiceClubConetnt .descSection{width:800px;float:left;}
.spiceClubContainer .spiceClubConetnt .descSection p{max-width:660px;margin:0 auto;font-size:18x;padding-top:16px;color:#424242;font-size:18px;letter-spacing:0px;line-height:23px;}
.spiceClubContainer .spiceClubConetnt .descSection p:nth-child(2){margin-top:30px;}
.spiceClubContainer .carouselSignupLink{height:45px;width:149px;border-radius:6px;background-color:#ED1C24;display:inline-block;padding-top:11px;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:1px;line-height:24px;text-align:center;float:right;margin-right:85px}
.spiceClubContainer .carouselSignupLink:hover{text-decoration:none;}
.spiceClubBenefitsContainer{width:1200px;margin:0 auto;}
.showMore{display:none;}
.spiceClubTierListsWrapper .spiceClubTierLists .desc{width: 1030px; color: #424242; font-size: 18px; letter-spacing: 0px; line-height: 24px; overflow: hidden;}
.spiceClubTierListsWrapper .spiceClubTierLists .desc a{ text-decoration: none;
color: #878787;
font-weight: bold;
letter-spacing: 0px;
line-height: 19px;}
.spiceClubBenefitsContainer{width:1140px;margin:0 auto;}
.loyaltyPointsContainer{width:1140px;margin:0 auto;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper{margin:0 auto; width: 1140px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem{width:76%;height:210px;margin:0 auto;position:relative;border-radius:17px;background-color:#FFFFFF;box-shadow:0 12px 15px 0 rgba(0, 0, 0, 0.2);display: flex;}
.spiceClubTierListsWrapper .spiceClubTierLists .spiceClubBenefits-Slider.firstSlider{margin-top: 40px;margin-bottom: 100px;}
.spiceClubTierListsWrapper .spiceClubTierLists .spiceClubBenefits-Slider.firstSlider:after {
content: '';
position: absolute;
height: 4px;
width: 56.4%;
bottom: -50px;
left: 0;
right: 0;
margin: auto;
}
.spiceClubTierListWrapper .spiceClubTierList .descBody{ color: #424242;
font-size: 18px;
letter-spacing: 0px;
line-height: 24px;
margin: 0;
position: absolute;
top: 109px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem .content{margin-top:30px;padding:0px 20px;}
.loyaltyPointsWrapper .loyaltyPointsContainer h6{color:#757575;font-size:12px;font-weight:bold;letter-spacing:0px;line-height:15px;}
.loyaltyPointsWrapper .loyaltyPointsContainer h3{color:#424242;font-size:22px;font-weight:bold;letter-spacing:0px;margin-bottom:30px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .descBody {
color: #424242;
font-size: 18px;
letter-spacing: 0px;
line-height: 24px;
margin-bottom: 40px;
padding-right: 230px;
/* padding-left: 15px; */
}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem .content h6{color:#BDBDBD;font-size:20px;font-weight:bold;letter-spacing:0px;line-height:24px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem .content p{color:#4A4A4A;font-size:14px;letter-spacing:0px;line-height:20px;margin-top:0px;}
.cardItem .content .cardknowMore{color:#ED1C24;font-size:14px;letter-spacing:0px;line-height:17px;position:absolute;bottom:20px;right:0px;}
.cardItem .content .cardknowMore:hover,.cardItem .content .cardknowMore:focus,.cardItem .content .cardknowMore:active,.cardItem .content .cardknowMore:visited{text-decoration:underline;color:#ED1C24;font-size:14px;letter-spacing:1.04px;line-height:17px;}
.cardItem .content .cardknowMore span{display:inline-block;height:24px;width:24px;}
.spiceCashWrapper .spiceCashContainer{width:1140px;margin:0 auto;padding-top:50px;}
.spiceCashWrapper .spiceCashContainer .row{}
.loyaltyPointsWrapper{padding-bottom:76px;padding-top:30px;}
.spiceCashWrapper .spiceCashContainer > h3{color:#424242;font-size:24px;font-weight:bold;letter-spacing:0px;line-height:29px;margin-bottom:30px;}
.spiceCashWrapper .spiceCashContainer > h6{color:#757575;font-size:12px;font-weight:bold;letter-spacing:0px;line-height:15px;}
.spiceClubAboutWrapper .spiceClubContainer h3::before,.tiers .spiceClubtierHead::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;animation-name:example;animation-duration:4s;}
.loyaltyPointsWrapper .loyaltyPointsContainer h3::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.spiceCashWrapper .spiceCashContainer > h3::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.spiceCashWrapper .spiceCashContainer .row .content h3{color:#424242;font-size:20px;font-weight:bold;line-height:24px;margin-bottom:20px;}
.spiceCashWrapper .spiceCashContainer .row .content p{color:#424242;font-size:16px;letter-spacing:0px;line-height:18px; padding-right: 164px;}
#spiceCashCard{height:272px;width:458px;background:url(../images/img/WALLETCARD@3x.png);margin:0 auto;background-size:contain;opacity:0;background-repeat: no-repeat; background-position: center;}
.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails{height:40px;width:140px;border:1px solid #ED1C24;border-radius:6px;color:#ED1C24;font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:17px;text-align:center;display:block;padding-top:12px;margin-top:70px;}
.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails:hover,.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails:visited,.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails:active,.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails:focus{text-decoration:none;color:#ED1C24;}
.spiceCashWrapper{padding-bottom:75px;}
.cardItem .content .cardknowMore span{height:28px;width:36px;display:inline-block;background:url(../images/icons/knowmoreRed.svg) no-repeat;vertical-align:middle;background-position:0px;margin-left:15px;}
.counterMainWrapper{margin-top:80px;}
.counterMainWrapper .counterWrapper{width:25%;height:120px;float:left;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .col-md-6:nth-child(1) .cardItem{float:left;}
.counterMainWrapper .counterWrapper h4{color:#4A4A4A;font-size:14px;font-weight:bold;letter-spacing:0px;line-height:17px;text-align:center;margin:0 auto;padding-top:25px;}
.counterMainWrapper .counterWrapper .innerCounter{height:48px;background-color:white;background-position:70px 0px !important;}
h3#flightsDaily{text-align:center;margin-left:70px;display:block;position:relative;border-right:2px solid #979797;color:#AEAEAE;font-size:48px;letter-spacing:0px;line-height:60px;}
h3#flightsDaily::before{content:'';width:48px;height:48px;background:url('../images/icons/48_Planetopview.svg') no-repeat;position:absolute;left:0;}
h3#aiportsWeFly{text-align:center;margin-left:70px;display:block;position:relative;border-right:2px solid #979797;color:#AEAEAE;font-size:48px;letter-spacing:0px;line-height:60px;}
h3#aiportsWeFly::before{content:'';width:48px;height:48px;background:url('../images/icons/48_airport.svg') no-repeat;position:absolute;left:15px;}
h3#holidays{text-align:center;margin-left:70px;display:block;position:relative;border-right:2px solid #979797;color:#AEAEAE;font-size:48px;letter-spacing:2.78px;line-height:60px;}
h3#holidays::before{content:'';width:48px;height:48px;background:url('../images/icons/48_holiday.svg') no-repeat;position:absolute;right:180px;}
h3#hotels{text-align:center;margin-left:70px;display:block;position:relative;color:#AEAEAE;font-size:48px;letter-spacing:2.78px;line-height:60px;}
h3#hotels::before{content:'';width:48px;height:48px;background:url('../images/icons/48_HOTEL.svg') no-repeat;position:absolute;right:180px;}
.spiceClubTierList{width:1140px;/*height:570px;*/
margin:0 auto;background-color:#F1F1F1;position:relative;}
.spiceClubTierLists{background-color:#d0caca;margin-top:20px;}
#carouselSpiceTier{width:100%;position:relative;}
.spiceClubTierhead{position:absolute;top:40px;color:#424242;font-size:24px;z-index:33;font-weight:bold;line-height:29px;padding-left:130px;}
.classicAdv{padding-left:30px;}
.benefitdiff{color:#777;font-size:15px;font-weight:400;letter-spacing:0px;line-height:14px;padding:0px 0 0 76px;margin: 0;padding-left:0;}
.spiceClubbenefitshead{color:#424242;font-size:24px;z-index:33;font-weight:bold;line-height:29px;padding:0px 0px 0px 76px;padding-left:0;}
.spiceClubTierLists .benefitdiff{padding-bottom: 30px;}
.spiceClubTierhead::before,.spiceClubbenefitshead::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li{text-indent:0;border:0;width:85px;height:32px;line-height:32px;text-align:center;background-color:transparent;color:#757575;font-size:15px;letter-spacing:0.8px;cursor:pointer;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li:hover, .tiers .nav-pills .nav-link:hover, .earnPointsPage .nav-pills .nav-link:hover, .usepointsPage .nav-pills .nav-link:hover, .spicecashPage .nav-pills .nav-link:hover{background: #E7E7E7;border-radius: 17px;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li.active{background:#D0021B;border-radius:17px;color:#FFFFFF;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators{top:40px;left:auto;right:-90px;height:40px;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item{height:570px; margin-top: 100px;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item .carouselCenter{width:calc(100% - 30px);height:340px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.carousel-control-prev-icon{background-image:url('../images/left-move.svg');width:22px;height:26px;}
.carousel-control-next-icon{background-image:url('../images/right-move.svg');width:22px;height:26px;}
.carouselCenter .row{height:340px;}
.carouselCenter .classicCard{border-radius:16px;background-color:#FFFFFF;box-shadow:0 25px 34px 0 rgba(84, 84, 84, 0.5);display:flex;padding:0px;}
.carousel-control-next,.carousel-control-prev{width:7%;}
.cardName h1{color:#FFFFFF;font-size:32px;font-weight:bold;letter-spacing:0.8px;line-height:39px;border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF;padding:10px 0;}
.cardName p{padding:0;text-align:initial;margin:10px 0;color:#FFFFFF;font-size:26px;letter-spacing:0.8px;line-height:32px;}
.classiccardleft{position:relative;height:100%;width:45%;display:table;}
.classicCard .cardTiers{display:none;}
.classiccardright{position:relative;height:100%;width:60%;margin:0 20px;}
.classiccardright .classicfeatures{color:#424242;font-size:20px;font-weight:bold;line-height:24px;padding:40px 0px 10px 0px;border-bottom:1px solid #979797;width:272px;margin:0 auto;}
.classiccardright ul{padding:0px;padding-left:14%;padding-top:8%}
.classiccardright ul li,.classiclistitems ul li{list-style:none;margin-bottom:3%;}
.classiccardright ul li.success,.classiclistitems ul li.success{color:#757575;font-size:12px;letter-spacing:0.8px;line-height:25px;}
.classiccardright ul li.success::before,.classiclistitems ul li.success::before{content:'';color:#757575;font-size:24px;display:inline-block;top:0px;position:relative;margin-right:8px;background-image:url("../images/tick.svg");width:12px;height:9px;}
.classiccardright ul li.closepoint,.classiclistitems ul li.closepoint{color:#BDBDBD;font-size:12px;letter-spacing:0.8px;line-height:25px;}
.classiccardright ul li.closepoint::before,.classiclistitems ul li.closepoint::before{content:'';color:#BDBDBD;font-size:24px;display:inline-block;top:0px;position:relative;margin-right:11px;background-image:url("../images/crosspoint.svg");width:10px;height:10px;}
.classiclistitems ul{padding:0 40px;}
.classiccardleft p.cardinfo{position:absolute;bottom:0;padding:0px 67px 20px 30px;text-align:initial;line-height:18px;font-size:12px;color:#FFFFFF;letter-spacing:0.8px;}
.classicDescription{color: #424242;font-size: 18px;line-height: 23px;}
.classiccardleft .cardName{display:table-cell;padding:10px;vertical-align:middle;}
.classichead{color:#424242;font-size:20px;font-weight:bold;line-height:24px;padding:10px 0;}
.classicheadList{padding-left:26px;padding-bottom:20px;text-indent:-13px;}
.classicheadList li{list-style:none;color:#424242;font-size:16px;line-height:30px;}
.classicheadList li::before{content:"\2022";color:#BDBDBD;font-size:24px;display:inline-block;top:2px;position:relative;padding-right:8px;}
.carouselCenter .btn{padding: 12px 0;width:140px;height:40px;color:#ED1C24;font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:17px;text-align:center;border:1px solid #ED1C24;border-radius:6px;background-color:transparent;}
.carouselCenter .btn:hover{background-color:transparent}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show > .btn-primary.dropdown-toggle{color:#fff;background-color:transparent;border-color:transparent;}
.classiccardleft.classic{background-image:url("../images/classic-card.png");background-repeat:no-repeat; BACKGROUND-SIZE: cover;}
.classiccardleft.silver{background-image:url("../images/silver-card.png");background-repeat:no-repeat;background-size: cover;}
.classiccardleft.gold{background-image:url("../images/gold-card.png");background-repeat:no-repeat; background-size: cover;}
.classiccardleft.platinum{background-image:url("../images/platinum-card.png");background-repeat:no-repeat;background-size: cover;}
.comparecard .classiccard,.comparecard .silvercard,.comparecard .goldcard,.comparecard .platinumcard{height:350px;margin:0px 10px;padding:0;max-width:23%;border-radius:16px;background:#FFFFFF;box-shadow:0 25px 34px 0 rgba(0, 0, 0, 0.1);position:relative;}
.comparecard .classiccard::after,.comparecard .silvercard::after,.comparecard .goldcard::after,.comparecard .platinumcard::after{content:'';display:inline-block;width:170px;position:absolute;height:5px;bottom:0;left:0;right:0;margin:auto;}
.comparecard .classiccard::after{background-color:#D0021B;}
.comparecard .silvercard::after{background-color:#AEAEAE;}
.comparecard .goldcard::after{background-color:#D79F00;}
.comparecard .platinumcard::after{background-color:#676767;}
.comparecard .subcard { padding: 10px;}
.comparecard .subcard .tier-card-spiceclub-logo {height: 12px; display: inline-block}
.comparecard .subcard img {height: 12px; vertical-align: baseline;}
.comparecard .subcard .tier-card-current-tier {display: inline-block; float: right; color: #ffffff; font-size: 10px; line-height: 12px;}
.comparecard .subcard .tier-card-phone { font-size: 15px; line-height: 19px; color: #ffffff; letter-spacing: 2px; margin-top: 60px;}
.comparecard .subcard .tier-card-footer {margin-top: 3px;}
.comparecard .subcard .tier-card-name {display: inline-block; color: #ffffff; letter-spacing: 1px; font-size: 11px; line-height: 14px; float: left;}
.comparecard .subcard .tier-card-valid {display: inline-block; float: right;}
.comparecard .subcard .tier-card-valid > div:first-child {margin-right: 4px; font-size: 5px; line-height: 7px; color: #ffffff; text-transform: uppercase; display: inline-block; float: left;}
.comparecard .subcard .tier-card-valid > div:nth-child(2) {font-size: 11px; line-height: 14px; color: #ffffff; display: inline-block; float: right;}
.comparecard .subcard.tier-card-classic {background: url("../images/classic-card-bg.png"); background-repeat: no-repeat; background-size: contain;}
.comparecard .subcard.tier-card-silver {background: url("../images/silver-card-bg.png"); background-repeat: no-repeat; background-size: contain;}
.comparecard .subcard.tier-card-gold {background: url("../images/gold-card-bg.png"); background-repeat: no-repeat; background-size: contain;}
.comparecard .subcard.tier-card-platinum {background: url("../images/platinum-card-bg.png"); background-repeat: no-repeat; background-size: contain;}
.comparecard .classiccard .subcard,.comparecard .silvercard .subcard,.comparecard .goldcard .subcard,.comparecard .platinumcard .subcard{width:220px;height:139px;position:absolute;top:-32px;border-radius:8px;margin:0 auto;box-shadow:0 10px 11px 0 #DADADA;right:0;left:0;}
.compareCardsRowAlign{margin-top:20px;}
#blackFridayHeader{color:#C78E22;width:283px;font-size:60px;font-weight:500;letter-spacing:3.33px;line-height:80px;margin-bottom:0;position:relative;}
.comparecard .classiccard{margin-left:0px;}
.comparecard .platinumcard{margin-right:0px;}
.tier{width:40px;height:100%;position:relative;display: none;}
.tier p{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);font-size:18px;color:#EAEAEA;font-weight:bold;position:absolute;letter-spacing:3px;top:40px;left:-16px;}
.subcardtitle{position:absolute;top:34px;}
.subcardtitle h1{font-size:22px;font-weight:bold;letter-spacing:0.8px;text-align:center;padding:5px 0;margin:0 auto;margin-bottom:16px;}
.subcardtitle p{font-size:12px;letter-spacing:0.8px;text-align:center;line-height:1.3;}
.classiccard .subcardtitle h1{color:#D0021B;width:60%;border-top:1px solid #D0021B;border-bottom:1px solid #D0021B;}
.classiccard .subcardtitle p{color:#D0021B;padding:0 5px}
.silvercard .subcardtitle h1{color:#878787;width:60%;border-top:1px solid #878787;border-bottom:1px solid #878787;}
.silvercard .subcardtitle p{color:#4A4A4A;padding:0 8px}
.goldcard .subcardtitle h1{color:#D79F00;width:60%;border-top:1px solid #D79F00;border-bottom:1px solid #D79F00;}
.goldcard .subcardtitle p{color:#D79F00;padding:0 5px}
.platinumcard .subcardtitle h1{color:#676767;width:70%;border-top:1px solid #676767;border-bottom:1px solid #676767;}
.platinumcard .subcardtitle p{color:#4A4A4A;padding:0 5px}
.classiclistitems{position:relative;margin-top:140px;width:100%;}
.platinumbtn{position:absolute;right:66px;bottom:28px;width:140px;height:40px;color:#ffffff;font-size:14px;font-weight:bold;letter-spacing:0.8px;line-height:17px;text-align:center;border:1px solid #ED1C24;border-radius:6px;background-color:#ED1C24;padding: 12px 0;}
.carouselCenter .btn:hover,.platinumbtn:hover{background-color:transparent;color:#ED1C24;border:1px solid #ED1C24;}
.carouselCenter .btn:focus,.platinumbtn:focus{box-shadow:none;}
.wantToKnowMoreWrapper{background:url('../images/img/red-gradient.png');height:270px;margin-top: -1px; background-color: #f1f1f1; background-size: cover;}
.wantToKnowMoreWrapper.homepage{background-color: transparent;}
.landingPageCarouselWrapper .carousel-item:nth-child(3) .carousel-caption .carouselKnowMore{position:absolute;bottom:87px;}
.landingPageCarouselWrapper .carousel-item:nth-child(3) img{}
.wantToKnowMoreContainer{width:1270px;margin:0 auto;}
.spiceClubTierListWrapper{background-color:#F1F1F1;position: relative;z-index: 1;}
.spiceClubTierListsWrapper{padding-bottom:1px; margin-bottom:15px;}
.spiceClubTierhead{padding-left:0;}
#blackFridayHeader::after{content:'DEALS';height:47px;width:108px;color:#C78E22;font-size:30px;font-weight:500;letter-spacing:1.67px;line-height:40px;border-bottom:1px solid #D79F00;border-top:1px solid #D79F00;margin-left:10px;position:absolute;top:59%;padding: 1% 0px;}
.carousel-control-prev-custom{left:-67px;}
.carousel-control-next-custom{right:-55px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h2{color:#FFFFFF;font-size:24px;font-weight:bold;letter-spacing:1.33px;line-height:29px;padding-top:50px;margin-bottom:15px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h4{color:#FFFFFF;font-size:18px;font-weight:bold;letter-spacing:1px; position: relative;
bottom: -20px;
left: 30px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption{color:#FFFFFF;font-size:16px;line-height:23px;display:inline-block;margin-top:40px;margin-right: 20px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption:hover{text-decoration:underline;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .tncCaption{color:#FFFFFF;font-size:16px;line-height:23px;display:inline-block;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .tncCaption:hover{text-decoration:underline;}
.talkToUs:hover{text-decoration:underline;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption span{height:32px;width:32px;display:inline-block;vertical-align:middle;background:url('../images/icons/icon_Help_24x24.svg');margin-right:10px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs{color:#FFFFFF;font-size:16px;line-height:23px;display:inline-block;margin-top:20px;margin-right: 20px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs span{height:32px;width:32px;display:inline-block;vertical-align:middle;background:url('../images/icons/call_circle_Help_24x24 copy.svg');margin-right:10px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .writeToUs{color:#FFFFFF;font-size:16px;line-height:23px;display:inline-block;margin-top:20px;margin-right: 20px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .writeToUs span{height:32px;width:32px;display:inline-block;vertical-align:middle;background:url('../images/icons/mail.svg');margin-right:10px;background-repeat: no-repeat; background-size: contain;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs.number{margin-left:150px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .helpContacctWrapper{margin-left:50px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs.number{margin-left:138px;margin-top:-10px;margin-bottom:10px;display:block;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) p{margin-top:75px;color:#FFFFFF;font-size:16px;line-height:23px;margin-bottom:0px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(2) p{margin-top:75px;color:#FFFFFF;font-size:16px;line-height:23px;margin-left:67px;}
.storeWrapper{display: flex;justify-content: center;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) p{margin-top:75px;color:#FFFFFF;font-size:16px;line-height:23px;margin-left:0px;}
.googlePlayIcon,.appleStoreIcon{margin-bottom:20px;margin-top:50px;}
.appleStoreIcon{margin-left:20px;}
.googlePlayIcon span{height:37px;width:123px;display:inline-block;background:url('../images/icons/Google Play Dark.svg');cursor:pointer;}
.appleStoreIcon span{height:37px;width:123px;display:inline-block;background:url('../images/icons/Apple Store Dark.svg');cursor:pointer;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) ul{list-style-type:none;margin-left:10px;margin-top:50px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) li{float:left;margin-left:40px;cursor:pointer;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) .twitterIcon{height:37px;width:46px;background:url(../images/icons/twitter.svg);display:inline-block;background-size: cover;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) .fbIcon{height:37px;width:39px;background:url(../images/icons/facebook.svg);display:inline-block;background-size: cover;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) .instaIcon{height:37px;width:37px;background:url(../images/icons/instagram.svg);display:inline-block;background-size: cover;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) .combineIcon{height:37px;width:37px;background:url(../images/icons/CombinedShape.svg);display:inline-block;background-size: cover;}
.infographicsWrapper{}
.infographicsContainer{width:100%;position:relative;background-image:url('../images/img/infographics.png');height:607px;}
.infographicsWrapper img{}
#cart{height:70px;width:70px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;top:38px;left:15px;}
#airplane{height:70px;width:70px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;top:137px;left:830px;}
#diamond{height:85px;width:85px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;left:830px;bottom:137px;}
#points{height:70px;width:70px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;bottom:143px;left:532px;}
.airplaneSection{width:375px;position:absolute;top:98px;right:125px;}
.airplaneSection h3{width:375px;color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;}
.airplaneSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-right:9px;}
.diamondSection{width:320px;position:absolute;top:370px;right:170px;}
.diamondSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-right:9px;}
.diamondSection h3{width:345px;color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;}
.pointsSection{width:426px;position:absolute;top:370px;left:54px}
.pointsSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-left:10px;}
.pointsSection h3{color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;text-align:right;}
.cartSection{width:426px;position:absolute;top:140px;left:54px}
.cartSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-left:10px;}
.cartSection h3{color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;text-align:right;}
.infographicsWrapperMobile{position:relative;width:100%;background:url('../images/img/Rectangle@3x Copy.png');background-size:cover;height:353px;}
.infographicsContainerMobile{position:relative;width:196px;height:196px;background:url('../images/img/Group 22.png');margin:0 auto;}
.infographicsWrapperMobile > h3{color:#FFFFFF;font-size:22px;font-weight:bold;letter-spacing:1.22px;line-height:27px;padding-top:15px;margin-bottom:50px;margin-left:15px;}
.infographicsWrapperMobile > h3::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
#cartM{height:40px;width:40px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;top:38px;left:15px;background-image:}
#cartM::before{content:'';display:inline-block;width:24px;height:24px;background:url('../images/icons/48_Shopping%20cart.svg');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
#cart::before{content:'';display:inline-block;width:100%;height:100%;background:url('../images/icons/Forma2.png');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;}
#airplaneM{height:40px;width:40px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;top:15px;right:5px;}
#airplaneM::before{content:'';display:inline-block;width:24px;height:24px;background:url('../images/icons/48_Planewhite.svg');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
#airplane::before{content:'';display:inline-block;width:100%;height:100%;background:url('../images/icons/fly@3x.png');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;}
#diamondM{height:40px;width:40px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;bottom:13px;right:13px;}
#diamondM::before{content:'';display:inline-block;width:24px;height:24px;background:url('../images/icons/48_Diamond.svg');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
#diamond::before{content:'';display:inline-block;width:100%;height:100%;background:url('../images/icons/Earn.png');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;}
#pointsM{height:40px;width:40px;background-color:#ED1C24;display:block;position:absolute;border-radius:50%;bottom:18px;left:5px;}
#pointsM::before{content:'';display:inline-block;width:24px;height:24px;background:url('../images/icons/48_Earn%20points.svg');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
#points::before{content:'';display:inline-block;width:100%;height:100%;background:url('../images/icons/cart.png');position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain; background-repeat: no-repeat;}
.cartSectionM{}
.cartSectionM h3{}
.cartSectionM span{}
.airplaneSectionM{width:89px;position:absolute;right:-82px;top:-16px;}
.airplaneSectionM h3{width:64px;color:#F7941D;font-family:Source Sans Pro;font-size:12px;font-weight:bold;letter-spacing:0.67px;line-height:15px;float:right;padding-top:6px;}
.airplaneSectionM span{opacity:0.5;color:#F7941D;font-family:Source Sans Pro;font-size:30px;font-weight:bold;letter-spacing:1.67px;line-height:36px;text-align:right;vertical-align:text-bottom;}
.diamondSectionM{width:98px;position:absolute;right:-88px;top:163px;}
.diamondSectionM h3{width:72px;color:#F7941D;font-family:Source Sans Pro;font-size:12px;font-weight:bold;letter-spacing:0.67px;line-height:15px;float:right;padding-top:6px;}
.diamondSectionM span{opacity:0.5;color:#F7941D;font-family:Source Sans Pro;font-size:30px;font-weight:bold;letter-spacing:1.67px;line-height:36px;text-align:right;vertical-align:text-bottom;}
.pointsSectionM{}
.pointsSectionM h3{}
.pointsSectionM span{}
.infographicsWrapperMobile{display:none;}
.storeWrapper::before{width:1px;display:none;background:white;height:100px;content:'';position:absolute;left:0;}
.storeWrapper::after{width:1px;display:none;background:white;height:100px;content:'';position:absolute;right:0;bottom:20px;}
.walletcardanimation{position:relative;left:0px;animation:walletcard 1s;opacity:1 !important;}
@keyframes walletcard{0%{position:relative;left:-144px;opacity:0;}
100%{position:relative;left:0px;opacity:1;}
}
.infographicsWrapper{background:url('../images/img/infographics.png');background-size:cover;height:607px;background-position:center;position:relative;}
.infographicsContainer{ width: 450px;
height: 450px;position:absolute;background-image:url('../images/img/infoinsidedesktop.png');background-size:cover;margin:auto;top:0;right:0;bottom:0;left:0; background-size: 318%; background-position: center;}
.infographicsWrapper img{}
#cart{height:70px;width:70px;background-color:transparent;display:block;position:absolute;border-radius:50%; top: 20%;
left: 20%;animation:book 1s;}
#airplane{height:70px;width:70px;background-color:transparent;display:block;position:absolute;border-radius:50%; top: 20%;
left: 68%;animation:fly 3s;}
#diamond{height:70px;width:70px;background-color:transparent;display:block;position:absolute;border-radius:50%; left: 68%;
bottom: 14%;animation:earn 5s;}
#points{height:70px;width:70px;background-color:transparent;display:block;position:absolute;border-radius:50%; left: 20%;
bottom: 14%;animation:use 6s;}
.airplaneSection{width:375px;position:absolute;top:10%;left:104%;animation:flySection 4s;}
.airplaneSection h3{color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;}
.airplaneSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-right:9px;}
.airplaneSection p{width:293px;color:#FFFFFF;font-size:14px;letter-spacing:1px;line-height:23px;margin-left:10px;}
.diamondSection{width:320px;position:absolute; top: 57%;
right: 0;
left: 104%;animation:earnSection 6s;}
.diamondSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-right:9px;}
.diamondSection p{width:293px;color:#FFFFFF;font-size:14px;letter-spacing:1.78px;line-height:23px;margin-left:10px;}
.diamondSection h3{width:345px;color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;}
.pointsSection{width:426px;position:absolute; top: 57%;
left: -102%;
;animation:useSection 7s;}
.pointsSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-left:10px;}
.pointsSection p{width:100%;color:#FFFFFF;font-size:14px;letter-spacing:1px;line-height:23px;text-align:right;padding:0px 0px 0px 92px;}
.pointsSection h3{color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;text-align:right;}
.cartSection{width:426px;position:absolute; top: 10%;
left: -99%;animation:bookSection 2s;}
.customNavMenuWrapper{margin-left:67px;}
.cartSection h3 span{opacity:0.5;color:#F7941D;font-size:50px;font-weight:bold;letter-spacing:2.78px;line-height:60px;text-align:right;vertical-align:middle;margin-left:10px;}
.cartSection p{width:100%;color:#FFFFFF;font-size:14px;letter-spacing:1px;line-height:23px;text-align:left;margin-left:150px;}
.cartSection h3{color:#F7941D;font-size:20px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;text-align:right;}
.infographicsWrapper > h3{color:#FFFFFF;width:1140px;font-size:22px;font-weight:bold;letter-spacing:1px;line-height:29px;margin:0 auto;padding-top:40px;}
.infographicsWrapper > h3::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.img-fill{cursor:pointer;}
.img-fill:hover > .info{background:rgba(0, 0, 0, 0.8) !important;}
.hoverInfo{display:none;}
.slick-list .slick-track .item .img-fill:hover .hoverInfo{display: block; width: 240px;height:auto;background: #ffffff;top:22px;position: absolute;left:180px;z-index: 9999;border: 1px solid #F3F3F3;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2); padding: 17px 17px 15px 20px;}
.slick-list .slick-track .item .img-fill:hover .hoverInfo p{ color: #757575;font-size: 12px; letter-spacing: 0.67px; line-height: 17px;margin: 0;text-align: left;}
.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo, .slick-list .slick-track .item:nth-child(4n+0) .img-fill:hover .hoverInfo{left:-180px;}
.slick-list .slick-track .item .img-fill:hover .hoverInfo::before{content: '';position: absolute;left: -11px;top: 20px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 12px solid white;transform: rotate(-90deg);}
.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo::before, .slick-list .slick-track .item:nth-child(4n+0) .img-fill:hover .hoverInfo::before{left: 234px; transform: rotate(90deg);content: '';position: absolute;top: 20px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 12px solid white;}
/*
@keyframes airplane{0%{left:120%;}
100%{left:68% }
}
@keyframes airplaneSection{0%{top:36%:display:none;opacity:0;}
60%{top:36%;display:none;opacity:0;}
100%{top:8%;opacity:1;}
}
@keyframes diamond{0%{left:120%;opacity:0;}
60%{left:120%;opacity:0;}
100%{left:68% }
}
@keyframes diamondSection{0%{top:93%;display:none;opacity:0;}
60%{top:93%;display:none;opacity:0;}
100%{top:53%;opacity:1;}
}
@keyframes points{0%{left:-400px;opacity:0;}
70%{left:-200px;opacity:0;}
100%{left:20% }
}
@keyframes pointsSection{0%{top:93%;opacity:0;}
70%{top:93%;opacity:0;}
100%{top:57%;opacity:1;}
}
@keyframes cart{0%{left:-118%;opacity:0;}
80%{left:-60%;opacity:0;}
100%{left:20% }
}
@keyframes cartSection{0%{top:25%;opacity:0;}
80%{top:25%;opacity:0;}
100%{top:10%;opacity:1;}
}
*/
@keyframes book{
0%{left:-118%;opacity:0;}
100%{left:20% }
}
@keyframes bookSection{0%{top:25%;opacity:0;}
60%{top:25%;opacity:0;}
100%{top:10%;opacity:1;}
}
@keyframes fly{
0%{left:100%;opacity:0;}
60%{left:100%;opacity:0;}
100%{left:68% }
}
@keyframes flySection{
0%{top:36%;display:none;opacity:0;}
60%{top:36%;display:none;opacity:0;}
100%{top:10%;opacity:1;}
}
@keyframes earn{
0%{left:100%;opacity:0;}
70%{left:100%;opacity:0;}
100%{left:68% }
}
@keyframes earnSection{
0%{top:93%;display:none;opacity:0;}
70%{top:93%;display:none;opacity:0;}
100%{top:57%;opacity:1;}
}
@keyframes use{
0%{left:-400px;opacity:0;}
80%{left:-200px;opacity:0;}
100%{left:20% }
}
@keyframes useSection{
0%{top:93%;opacity:0;}
80%{top:93%;opacity:0;}
100%{top:57%;opacity:1;}
}
.spiceClubTierLists{width:1140px;margin:0 auto;background-color:transparent;position:relative;}
.spiceClubBenefits-Slider,.spiceClubBenefitslike-Slider{height:205px;}
.plantickets p:before{content:'';display:block;width:80px;height:50px;background-image:url(../images/flight-voucher.png);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-size: contain;background-repeat: no-repeat;}
.img-fill .info p:after{content:'';display:block;width:39px;height:9px;background-image:url(../images/zigzagline.svg);position:relative;top:15px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.earnpoints p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Earnpoints.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.cancellation p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/miniwallet.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.upgrades p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Like.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.meals p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Meals.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;background-position: 14px 0;}
.checkin p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Briefcase.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.preffered p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Flag.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.deals p:before{content:'';display:block;width:50px;height:50px;background-image:url(../images/Diamond.svg);position:relative;top:-8px;left:0px;bottom:0;right:0;margin:auto;background-repeat: no-repeat;}
.likingmore,.likingmore:hover{color:#424242;font-size:18px;font-weight:bold;letter-spacing:1px;line-height:22px;text-decoration:none;margin:30px 0 20px 80px;display:none;}
.infographicsContainer{display:none;}
/* earn points css starts here */
.subContentwrapper, .faqPage .subContentWrapper{width:1140px;margin:0 auto;position:relative;display:block;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper{height:260px;position:absolute;top:0;bottom:0;margin:auto;padding:34px 0px;}
#faqTCtable{width: 100%;}
#faqTCtable, #faqTCtable th, #faqTCtable td{border: 1px solid black;
border-collapse: collapse; text-align: center;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{height:266px;width:482px;}
.earnPointsCaptionWrapper h3{text-align:left;color:#424242;font-size:24px;font-weight:bold;line-height:29px;margin-bottom:17px;}
.earnPointsCarousel.spicecashCarousel .earnPointsCaptionWrapper h3{font-size:20px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper p{color:#424242;font-size:16px;line-height:19px;text-align:left;margin-bottom:25px;margin-top:0;}
.earnPointsCarousel.spicecashCarousel .earnPointsCaptionWrapper p{font-size:16px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper .bookNow, #usepointsIndicators .carousel-inner .carousel-caption a.bookNow{height:45px;width:149px;border-radius:6px;background-color:#ED1C24;display:inline-block;padding-top:11px;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:1px;line-height:22px;text-align:center;float:left;}
.earnPointsPage .loyaltypointhead, .usepointsPage .loyaltypointhead, .spicecashPage .loyaltypointhead{color:#424242;font-size:18px;line-height:22px;padding:20px 0px;margin:0;}
.earnPointsPage .nav-pills .nav-item, .usepointsPage .nav-pills .nav-item, .spicecashPage .nav-pills .nav-item, .tiers .nav-pills .nav-item{color:#757575;font-size:12px;letter-spacing:0.5px;line-height:21px;padding:0px 30px;}
.usepointsPage .nav-pills .nav-item, .spicecashPage .nav-pills .nav-item{padding:0px 16px;}
.tiers .nav-pills .nav-item{padding:0px 6px;}
.earnPointsPage .nav-pills .nav-item a,.usepointsPage .nav-pills .nav-item a,.spicecashPage .nav-pills .nav-item a,.tiers .nav-pills .nav-item a{color:#757575;font-size:18px}
.earnPointsPage .nav-pills .nav-item:first-child,.usepointsPage .nav-pills .nav-item:first-child,.spicecashPage .nav-pills .nav-item:first-child,.tiers .nav-pills .nav-item:first-child{padding-left:0px}
.earnPointsPage .nav-pills .nav-item:last-child,.usepointsPage .nav-pills .nav-item:last-child,.spicecashPage .nav-pills .nav-item:last-child,.tiers .nav-pills .nav-item:last-child{padding-right:0px}
.earnPointsPage .nav-pills .nav-link.active,.usepointsPage .nav-pills .nav-link.active,.spicecashPage .nav-pills .nav-link.active,.tiers .nav-pills .nav-link.active,.earnPointsPage .nav-pills .show > .nav-link,.usepointsPage .nav-pills .show > .nav-link,.spicecashPage .nav-pills .show > .nav-link,.tiers .nav-pills .show > .nav-link{color:#FFFFFF;border-radius:23.5px;background-color:#ed1c24;font-weight:bold;letter-spacing:0.5px;}
.earnPointsPage .tab-content, .usepointsPage .tab-content, .spicecashPage .tab-content{padding:0;margin:0 0 75px 0px;}
.earnPointsPage .tabpanehead, .usepointsPage .tabpanehead, .spicecashPage .tabpanehead{position:relative;padding:0px 15px 0px 15px;color:#424242;font-size:24px;font-weight:bold;line-height:29px;}
.earnPointsPage .tabpanehead::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);position:absolute;left:-2px;bottom:6px;}
.earnPointsPage .earnupto{padding:14px 0px 20px;color:#4A4A4A;font-size:18px;line-height:25px;margin:0;}
.earnPointsPage .pointsList{margin:0;}
.earnPointsPage .pointsList .pointsListItems{margin:0 45px;padding:0px;max-width:320px;height:165px;border-radius:8px;background-color:#FFFFFF;-webkit-box-shadow: 6px 6px 18px 3px #ddd;box-shadow: 6px 6px 18px 3px #ddd;-moz-box-shadow: 6px 6px 18px 3px #ddd;position: relative;}
.subContentwrapper #flightadd{padding:40px 0 40px;}
.multipleloyaltysection{padding-bottom:29px;background-color:#FFFAF4;border-bottom:1px solid #F9E9D5;}
.earnPointsPage .pointsList .pointsListItems:first-child{margin-left:0px;}
.earnPointsPage .pointsList .pointsListItems:last-child{margin-right:0px;}
.earnPointsPage #flightadd .pointsListItems h2{color:#424242;font-size:18px;font-weight:bold;line-height:22px;padding:14px 0 12px 20px;margin:0}
.earnPointsPage #flightadd .pointsListItems p{color:#4A4A4A;font-size:14px;letter-spacing:0.5px;line-height:18px;padding:0px 4px 6px 73px;margin:0;position:relative;}
.earnPointsPage #flightadd .pointsListItems p::before{content:'';position:absolute;top:0;left:20px;bottom:0;margin:auto;}
.earnPointsPage #flightadd .spiceMax p::before{background:url('../images/earnpointsimages/erpflights.png') no-repeat;width:56px;height:41px;}
.earnPointsPage #flightadd .preferredSeats p::before{background:url('../images/earnpointsimages/addons.png') no-repeat;width:45px;height:39px; margin-top: 10px;}
.earnPointsPage #flightadd .hotMeals p::before{background:url('../images/earnpointsimages/bonus.png') no-repeat center;background-size: contain;width:60px;height:50px;margin-top: 5px;margin: 0 -12px;}
.earnPointsPage #flightadd .baggage p::before{background:url('../images/earnpointsimages/excessearnP.png') no-repeat;width:37px;height:35px;}
/* .earnPointsPage #flightadd .spiceMax{border:0.5px solid rgba(237, 28, 36, 0.5);} */
/* .earnPointsPage #flightadd .preferredSeats{border:0.5px solid rgba(237, 28, 36, 0.5);} */
/* .earnPointsPage #flightadd .hotMeals{border:0.5px solid rgba(237, 28, 36, 0.5);} */
.earnPointsPage #flightadd .baggage{border:0.5px solid rgba(74, 144, 226, 0.5);}
.earnPointsPage #flightadd .pointsMore{color:#BDBDBD;font-size:14px;font-weight:bold;letter-spacing:0.78px;line-height:17px;margin:0; position: absolute;
bottom: 26px;left: 20px;}
.earnpoints.spicecashSectionWrapper > .subContentwrapper > h3{color:#424242;font-size:24px;font-weight:bold;line-height:29px;}
.earnpoints.spicecashSectionWrapper .subContentwrapper > h3::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.earnpoints.spicecashSectionWrapper .desc h3{color:#4A4A4A;font-size:20px;font-weight:bold;line-height:29px;margin-bottom:23px;}
.earnpoints.spicecashSectionWrapper .desc p{color:#4A4A4A;font-size:16px;line-height:25px;margin-bottom:5px;}
.earnpoints.spicecashSectionWrapper .desc p::before{content:none;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList{margin-left:13px;display: none;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList li{color:#4A4A4A;font-size:16px;letter-spacing:1.78px;line-height:25px;margin-top:10px;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList li::before{top:1;font-size:20px;}
.earnpoints.spicecashSectionWrapper .content #spiceCashShowMore{display:none;}
.earnpoints.spicecashSectionWrapper .content .spiceCashViewDetails{height:40px;width:140px;border:1px solid #ED1C24;border-radius:6px;color:#ED1C24;font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:14px;text-align:center;display:block;padding-top:12px;margin-top:25px;}
.earnpoints.spicecashSectionWrapper .row{margin-top:30px;margin-left:0;margin-right:0;padding-bottom:40px;}
.earnpoints.partnerSection{overflow:hidden;height:auto;padding-bottom:48px;background-color: #F1F1F1;}
.earnpoints .columnalign{padding:0;}
.earnpoints .content{ padding: 64px;padding-left:34px;padding-right:0;}
.earnpoints.partnerSection > .subContentwrapper > h3, .moreSection h2{color:#424242;font-size:20px;font-weight:bold;line-height:29px;padding-left:15px;margin-bottom:27px;}
.dropdown-menu.dropdown-menu-left p.dropdown-item{margin-bottom: 0;padding-bottom: 0;}
.earnpoints.partnerSection .subContentwrapper > h2{color:#4A4A4A;font-size:16px;letter-spacing:0.5px;line-height:25px;padding-left:15px;}
.earnpoints.partnerSection .earnPointsPageSrollPointList{max-height: 215px;overflow-y: hidden;}
.earnPointPartnerShowMore{max-height: none !important;}
.earnpoints.partnerSection ul{list-style-type:none;padding:0 85px;padding-top:20px;}
.earnpoints.spicecashSectionWrapper{background-color: #F1F1F1;padding-top: 50px;}
.earnpoints.partnerSection ul li{display:inline-block;margin:0 8px 16px 8px;background: white;}
.earnpoints.partnerSection ul li .partnerIconWrapper{height:80px;width:175px;border:1px solid #D2D2D2;border-radius:3px;position:relative;display:block;}
.earnpoints.partnerSection .seeMorePartners{color:#ED1C24;;font-size:16px;letter-spacing:1.78px;line-height:25px;clear:both;display:block;padding-left:95px;display:block;}
.earnpoints.partnerSection .seeMorePartners::after{content: ''; display: inline-block; width: 14px;height: 8px;content: "";background-image: url(../images/earnpointsimages/uparrow-icon.svg); transform: rotate(180deg); margin-left: 10px;}
.earnpoints.partnerSection .seeMorePartners.less::after{content: ''; display: inline-block; width: 14px;height: 8px;content: "";background-image: url(../images/earnpointsimages/uparrow-icon.svg); transform: rotate(0deg); margin-left: 10px;}
.earnpoints.partnerSection .checkdetailPartners{height:45px;width:165px;color:rgb(237, 28, 36);font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:18px;text-align:center;display:block;padding-top:12px;margin-top:25px;border-width:1px;border-style:solid;border-color:rgb(237, 28, 36);border-image:initial;border-radius:6px;margin-top:0;margin-right:95px;float:right;}
.termsConditions{position:relative;background-color:#F1F1F1;}
.termsConditions .subContentwrapper{padding:44px 0 80px 0;}
.termsConditions .subContentwrapper h2, .usepointsPage .bookcontext h2, .faqPage h2{color:#424242;font-size:24px;font-weight:bold;letter-spacing:1px;line-height:29px;padding:0 0 30px 15px;position:relative;}
.usepointsPage .bookcontext h2{padding-right:12px;margin:0;}
.termsConditions .subContentwrapper h2::before, .usepointsPage .bookcontext h2::before, .faqPage h2::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);position:absolute;left:0px;top:6px;}
.faqPage .subContentwrapper h2{margin:0;}
.termsConditions .accordion .card-header{padding-left:35px;background-color:#FFFFFF;}
.termsConditions .accordion .card-header h5{padding-right: 50px;}
.termsConditions .accordion .card-header h5 .btn{background-color:#FFFFFF;color:#757575;font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:28px;text-decoration:none; white-space: normal; text-align: left;}
.termsConditions .accordion .card-body{padding:20px 225px 28px 55px;background-color:#FFFFFF;}
.termsConditions .accordion .card-body p{color:#424242;font-size:14px;letter-spacing:0.5px;line-height:18px;}
.termsConditions .accordion .card-header button[aria-expanded="true"]{color:#ED1C24;}
.termsConditions .accordion .card-header button{display:block}
.termsConditions .accordion .card-header,.termsConditions .accordion .card{border:none;}
.termsConditions .accordion .card .collapse.show{border-top:1px solid rgba(0, 0, 0, .125);}
.termsConditions .accordion .card-header h5 button[aria-expanded="true"]:after{width:14px;height:8px;content:"";background-image:url('../images/earnpointsimages/uparrow-icon.svg');position:absolute;top:22px;right:40px;}
.termsConditions .accordion .card-header h5 button[aria-expanded="false"]:after{width:14px;height:8px;content:"";background-image:url('../images/earnpointsimages/downarrow-icon.svg');position:absolute;top:22px;right:40px;}
.earnpoints.holidaySection > .header{text-align:left;color:#424242;font-size:24px;font-weight:bold;letter-spacing:1.33px;line-height:29px;padding-left:15px;margin-bottom:21px;}
.earnpoints.holidaySection > .header::before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:6px;}
.earnpoints.holidaySection > .caption{color:#4A4A4A;font-family:Source Sans Pro;font-size:18px;letter-spacing:1.78px;line-height:25px;padding-left:30px;margin-bottom:20px;}
.earnpoints.holidaySection > .caption::before{content:none;}
.earnpoints.holidaySection > .rowalign{margin:0;padding-left:15px;padding-right:15px;}
.earnpoints.holidaySection > .colalign{margin:0;padding:0;}
.earnpoints.partnerSection ul li .partnerIconWrapper > img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.earnpoints.holidaySection .holidayCardWrapper{padding:0;padding-bottom:40px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper{height:auto;width:535px;position:relative;margin:0 auto;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper{height:181px;width:396px;border-radius:8px;background-color:#FFFFFF;box-shadow:0 4px 15px 0 #E7E7E7;position:absolute;top:220px;right:0;left:0;bottom:0;margin:auto;padding:18px 28px 30px 36px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper h3{color:#424242;font-size:16px;font-weight:bold;letter-spacing:0.89px;line-height:19px;margin-bottom:11px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .caption{color:#4A4A4A;font-family:Source Sans Pro;font-size:14px;letter-spacing:1.56px;line-height:18px;margin-bottom:22px;max-width:250px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .popularTag{height:25px;width:80px;border:0.5px solid #CBE4AF;border-radius:14.5px;background-color:#E1F4CD;display:inline-block;float:right;color:#424242;font-size:10px;letter-spacing:1.11px;padding-top:2px;text-align:center;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .caption::before{content:none;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .HolidaybookNow{display:inline-block;height:45px;width:149px;border-radius:6px;background-color:#ED1C24;padding-top:14px;color:#FFFFFF;font-size:16px;font-weight:bold;letter-spacing:1.78px;line-height:19px;text-align:center;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .bookedValue{float:right;padding-top:25px;color:#757575;font-family:Source Sans Pro;font-size:14px;letter-spacing:1.56px;line-height:18px;}
.bookedValue var{font-size:14px;letter-spacing:1.56px;line-height:18px;font-weight:bold;font-style:normal;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .bookedValue::before{content:none;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .pointX{display:inline-block;width:50px;height:50px;position:absolute;background:white;border-radius:50%;top:35px;right:40px;color:#424242;font-size:16px;font-weight:bold;letter-spacing:0.89px;text-align:center;line-height:47px;}
.knowMoreFooter.wantToKnowMoreWrapper{background-color:#f1f1f1;}
.earnPointsCarousel .carousel-item.firstSlide .earnPointsCaptionWrapper{background: transparent !important;}
.earnPointsPage .pointsList{width: 1140px; margin: 0 auto;}
.earnPointsCarousel .carousel-item.firstSlide .earnPointsCaptionWrapper h3{color: #ED1C24; font-size: 32px;line-height: 39px;}
/* earn points css ends here */
/****** Tiers css starts here ******/
.tiersnavpills .spiceclubtiermenu ul{border-bottom:2px solid #FBC6C8;padding-bottom:8px;padding-left:14px;}
.tiers .nav-pills .nav-item{line-height:16px;}
.tiers-cards{margin:0;padding:42px 0 65px 0;position:relative;}
.tiers-cards .leftsec{padding:0;}
.tiers-cards .leftsec .subcard {height: 180px; padding: 14px;}
.tiers-cards .leftsec .subcard .tier-card-spiceclub-logo {display: inline-block;}
.tiers-cards .leftsec .subcard .tier-card-current-tier {display: inline-block; float: right; color: #ffffff;}
.tiers-cards .leftsec .subcard.tier-card-classic {background: url('../images/classic-card-bg.png'); background-repeat: no-repeat; background-size: cover;}
.tiers-cards .leftsec .subcard.tier-card-silver {background: url('../images/silver-card-bg.png'); background-repeat: no-repeat; background-size: cover;}
.tiers-cards .leftsec .subcard.tier-card-gold {background: url('../images/gold-card-bg.png'); background-repeat: no-repeat; background-size: cover;}
.tiers-cards .leftsec .subcard.tier-card-platinum {background: url('../images/platinum-card-bg.png'); background-repeat: no-repeat; background-size: cover;}
.tiers-cards .leftsec .subcard img {height: 16px;}
.tiers-cards .leftsec .subcard .tier-card-phone {font-size: 22px; line-height: 27px; color: #ffffff; letter-spacing: 3px; margin-top: 83px;}
.tiers-cards .leftsec .subcard .tier-card-footer {margin-top: 4px;}
.tiers-cards .leftsec .subcard .tier-card-name {font-size: 15px; line-height: 18px; color: #ffffff; display: inline-block; letter-spacing: 1px;}
.tiers-cards .leftsec .subcard .tier-card-valid { display: inline-block; float: right;}
.tiers-cards .leftsec .subcard .tier-card-valid > div:first-child { font-size: 7px; line-height: 9px; color: #ffffff; text-transform: uppercase; margin-right: 4px; display: inline-block; float: left;}
.tiers-cards .leftsec .subcard .tier-card-valid > div:nth-child(2) { font-size: 15px; line-height: 18px; color: #ffffff; display: inline-block;}
.tiers-cards .leftsec .subcardtitle h1{width:44%;letter-spacing:2.44px;}
.tiers-cards .platinumcard.leftsec .subcardtitle h1{width:54%;}
.tiers-cards .leftsec .subcardtitle p{color:#424242;font-size:12px;letter-spacing:1px;line-height:15px;text-align:center;}
.tiers-cards .classiccard.leftsec .subcardtitle p{padding:0 45px;}
.tiers-cards .silvercard.leftsec .subcardtitle p{padding:0 30px;}
.tiers-cards .goldcard.leftsec .subcardtitle p{padding:0 30px;}
.tiers-cards .platinumcard.leftsec .subcardtitle p{padding:0 30px;}
.tiers-cards .tier p{top:44px;left:-6px;}
.tiers-cards .rightsec h2{color:#424242;font-size:20px;font-weight:bold;letter-spacing:0.5px;line-height:24px;padding:14px 0 20px 0;margin:0; padding-top: 0px;}
.tiers-cards .rightsec p{color:#424242;font-size:16px;letter-spacing:0.5px;line-height:23px;padding:0 142px 0 0;}
.tiers-cards .rightsec p span{color:#424242;font-weight:bold;}
.tiers-cards a{width:150px;height:45px;border-radius:6px;background-color:#ED1C24;position:absolute;line-height:40px;text-align:center;border:1px solid #ED1C24;cursor:pointer;color:#FFFFFF;font-family:Source Sans Pro;font-size:16px;font-weight:bold;letter-spacing:1px;right:0;bottom:28px;}
.tabmenupills .spendBenefits,.tabmenupills .clubComforts,.tabmenupills .clubPrevileges{border-radius:3px;background-color:#FFFFFF;box-shadow:0 4px 15px 0 #E7E7E7;margin-bottom:60px;}
.tabmenupills .spendBenefits,.tabmenupills .clubComforts,.tabmenupills .clubPrevileges{border-left-style:solid;border-left-color:rgba(237, 28, 36, 1);border-left-width:3px;padding-left:60px;}
.tabmenupills .spendBenefits{margin-bottom: 30px;}
.spendBenefits .listitemspent:last-child .bonuspoints::before{background: url('../images/earnpointsimages/bonusBlack.png');background-size: contain;width: 40px;
height: 43px;
background-repeat: no-repeat;}
.tabmenupills .clubComforts{border-left-color:#ED1C24;margin-bottom: 30px;}
.tabmenupills .clubPrevileges{border-left-color:#ED1C24;}
.tabmenupills .spendBenefits h2,.tabmenupills .clubComforts h2,.tabmenupills .clubPrevileges h2{color:#424242;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:24px;padding:25px 0 30px 0px;margin:0;}
.Benefitsrow,.clubComfortsrow,.clubPrevilegesrow{width:100%;display:flex;position:relative;}
.Benefitsrow{padding-bottom:52px;}
.clubComfortsrow,.clubPrevilegesrow{padding-bottom:46px;}
.benefitsList.firstcol{width:30%;border-right:0.5px solid #BDBDBD;}
.benefitsList.secondcol{width:70%;display:flex;}
.benefitsList.secondcol .listitemspent:first-child{width:45%;border-right:0.5px solid #BDBDBD;}
.benefitsList.secondcol .listitemspent:last-child{width:55%;}
.comfortsList,.previlegesList{display:inline-block;border-right:0.5px solid #BDBDBD;;text-align:left;}
.comfortsList.firstcol,.previlegesList.firstcol{width:30%;}
.comfortsList.secondcol,.previlegesList.secondcol{width:32%;}
.comfortsList.thirdcol,.previlegesList.thirdcol{width:38%;}
.benefitsList:last-child,.comfortsList:last-child,.previlegesList:last-child{border:none;}
.benefitsList .listitemspent p,.comfortsList .listitemspent p,.previlegesList .listitemspent p{display:inline-block;color:#4A4A4A;font-size:14px;letter-spacing:0.5px;line-height:20px;margin:0}
.benefitsList .listitemspent,.comfortsList .listitemspent,.previlegesList .listitemspent{position:relative;}
.benefitsList .listitemspent img,.comfortsList .listitemspent img,.previlegesList .listitemspent img{float:left;}
.spendBenefits .firstcol p{padding:0 98px 40px 96px;}
.spendBenefits .secondcol p,.clubComforts .firstcol p,.clubComforts .secondcol p,.clubPrevileges .firstcol p,.clubPrevileges .secondcol p, .clubPrevilegesrow .previlegesList.thirdcol .listitemspent p{padding:0 60px 40px 128px;;margin:0}
.spendBenefits .firstcol p.spentINR::before,.spendBenefits .secondcol p.topupINR::before,.spendBenefits .secondcol p.bonuspoints::before,.clubComforts .firstcol p.checkIn::before,.clubComforts .thirdcol p.spentINR::before,.clubComforts .secondcol p.topupINR::before,.clubComforts .secondcol p.preferredBoarding::before,.clubComforts .secondcol p.upgradetospicemax::before,.clubComforts .thirdcol p.seatSelection::before,.clubPrevileges .firstcol p.cancellation::before,.clubPrevileges .secondcol p.freeFlight::before{content:'';display:inline-block;position:absolute;background-image:url(../images/tiers/newTier/SCPoints.png);background-repeat: no-repeat;background-size: contain;width:53px;height:31px;top:4px;left:18px}
.clubComforts .firstcol p.checkIn::before{background-image:url(../images/tiers/freeFlight.png);width: 56px;
height: 33px;}
.clubComforts .thirdcol p.seatSelection::before{background-image:url(../images/tiers/preferredBoarding.png);width:34px;height:45px;top:-4px;}
.clubPrevileges .firstcol p.cancellation::before{ background-image: url(../images/usepointsimages/addon3.png);width: 64px;height: 55px;top: -10px;}
.clubPrevileges .secondcol p.freeFlight::before{ background-image: url(../images/tiers/freemeals-icon.png);width: 38px;height: 49px;top: -10px;left: 45px;}
.clubComforts .secondcol p.preferredBoarding::before{background-image:url(../images/tiers/checkin-icon.png);width:44px;height:43px;}
.clubComforts .secondcol p.upgradetospicemax::before{background-image:url(../images/tiers/upgradeSpicemax.png);width:56px;height:41px;top:-6px;left:36px;}
.clubPrevilegesrow .previlegesList.thirdcol .listitemspent p::before {
content: '';
position: absolute;
background-image: url(../images/tiers/seatSelection-icon.png);
width: 55px;
height: 33px;
left: 38px;
top: -4px;
}
.benefitsList.secondcol .bonuspoints{padding-right:68px;}
.spendBenefits .firstcol p.accessDeals::before,.clubComforts .firstcol p.accessDeals::before,.clubComforts .secondcol p.accessDeals::before,.clubComforts .firstcol p.freemeals::before,.clubComforts .thirdcol p.accessDeals::before{content:'';display:inline-block;position:absolute;background-image:url(../images/tiers/newTier/Deals.png);background-size: contain;width:53px;height:31px;left:18px;top:4px;background-repeat:no-repeat;}
p.freemeals::before{background-image:url(../images/tiers/newTier/Discounts.png)!important;}
.clubComforts .firstcol p.freemeals::before::before{background-image:url(../images/earnpointsimages/spicecashearnP.png);width:38px;height:49px; top: 7px;left: 32px; content: ''};
#spicemaxclubprevileges::before{content: ''; background-image:url('../images/earnpointsimages/spicecashearnP.png');width:38px;height:49px; top: 7px;left: 32px; position: absolute;}
.spendBenefits .secondcol p.topupINR::before,.spendBenefits .secondcol p.bonuspoints::before,.clubComforts .secondcol p.topupINR::before,.clubComforts .thirdcol p.seatSelection::before,.clubComforts .thirdcol p.spentINR::before,.clubPrevileges .secondcol p.topupINR::before,.clubPrevileges .thirdcol p.seatSelection::before,.clubComforts .secondcol p.preferredBoarding::before,.clubComforts .secondcol p.preferredBoarding::before{left:36px;}
.clubComforts .firstcol p.checkIn::before,.clubComforts .thirdcol p.seatSelection::before{top:-2px;}
.spendBenefits .secondcol p{padding:0 100px 40px 118px;}
.clubComforts .secondcol p,.clubComforts .thirdcol p{padding:0 100px 60px 118px;margin:0}
.clubPrevileges .secondcol p{padding:0 78px 40px 118px;}
.spendBenefits .thirdcol p{padding:0 32px 40px 118px;margin:0}
.spendBenefits .listitemspent:last-child p,.clubComforts .listitemspent:last-child p,.clubPrevileges .listitemspent:last-child p{padding-bottom:0}
#details-Slider{margin-bottom:70px;height:auto;}
.detailsTierSlick h2{padding-bottom: 20px; padding-top: 60px; color:#424242;font-size:24px;font-weight:bold;letter-spacing:0.5px;line-height:29px;padding:0 0 10px 0px;margin:0;position:relative;}
.detailsTierSlick h2:before{content:'';display:inline-block;width:8px;height:15px;background-color:rgba(237, 28, 36, 1);margin-right:8px;}
.detailscardInfo p{color:#4A4A4A;padding:22px 38px 8px 24px;font-size:14px;letter-spacing:1.56px;line-height:20px;margin:0;}
.clubPrevileges .firstcol .cancellation.spicemax::before{content: ''; background-image:url('../images/earnpointsimages/spicecashearnP.png');width: 56px;
height: 41px;
top: -0px;
left: 36px; position: absolute; background-repeat: no-repeat;}
.detailsTierSlick{padding-bottom: 60px;}
/* Tiers Page Slick Slider */
#details-Slider .slick-list{width:100%;margin:0}
#details-Slider .detailsTiers .item{width:230px;}
#details-Slider .detailsTiers .detailscardInfo{width:280px;}
#details-Slider .slick-prev,#details-Slider .slick-prev:hover,#details-Slider .slick-prev:focus{left:-45px;}
#details-Slider .slick-next,#details-Slider .slick-next:hover,#details-Slider .slick-next:focus{right:-45px;}
#details-Slider .slick-initialized .slick-slide{width:510px !important;}
#details-Slider .slick-track:first-child{padding-left:0}
#details-Slider .slick-track:last-child{padding-right:0}
#details-Slider .slick-track{margin:0;display:flex;padding:12px;}
.details-classic .slick-track{justify-content:center;}
#details-Slider.slick-initialized .slick-slide{width:510px !important;display:flex;margin-right:25px;box-shadow:0 2px 13px 0 #BDBDBD;border-radius:8px;outline: none;}
#details-Slider.slick-initialized .slick-slide:last-child{margin-right:0;}
#details-Slider .item .img-fill{box-shadow:none;}
.tiers .compareInfo{width:1140px;margin:0 auto;padding:56px 82px;position:relative;}
.tiers .compareInfo::before{content:'';width:58px;height:59px;position:absolute;left:0;top:25px;bottom:10px;margin:auto;display:inline-block;background:url('../images/tiers/compare_icon.png') no-repeat;}
.tiers .compareInfo > h2{color:#424242;font-size:20px;font-weight:bold;line-height:24px;margin:0;padding-bottom:12px;}
.tiers .compareInfo > p{color:#424242;font-size:16px;line-height:23px;margin:0}
.tiers .eligible{width:1140px;margin:0 auto;padding:56px 100px;position:relative;}
.tiers .eligible::before{content:'';width:75px;height:76px;position:absolute;left:0;top:8px;bottom:10px;margin:auto;display:inline-block;background:url('../images/tiers/eligible_icon.png') no-repeat;background-size: cover;}
.tiers .eligible > h2{color:#424242;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:24px;margin:0;padding-bottom:12px;}
.tiers .eligible > p{color:#424242;font-size:16px;letter-spacing:0.5px;line-height:23px;margin:0}
.tiers .eligible2{width:1050px;margin:0 auto;padding:0px 120px;position:relative;}
.tiers .eligible2 > h2{color:#424242;font-size:24px;font-weight:bold;letter-spacing:0.5px;line-height:24px;margin:0;padding-bottom:12px;}
.tiers .eligible2 > p{color:#777;font-size:16px;margin:0}
#memberExclusiveWrapper {
width: 1140px;
margin: 0 auto;
height: auto;
display: flex;
padding-top: 40px;
}
#memberExclusiveWrapper .memberExclusive {
border-radius: 8px;
background-color: #FFFFFF;
box-shadow: 0 4px 15px 0 #E7E7E7;
margin-right: 120px;
}
#memberExclusiveWrapper .memberExclusive:last-child {
margin-right: 0;
}
#memberExclusiveWrapper .greyBackground {
height: 180px;
width: 300px;
border-radius: 8px 8px 0 0;
background-image: url(../images/memberexclusives/1.png);
box-shadow: 0 4px 15px 0 #E7E7E7;
}
#memberExclusiveWrapper .greyBackground2 {
height: 180px;
width: 300px;
border-radius: 8px 8px 0 0;
background-image: url(../images/memberexclusives/3.png);
box-shadow: 0 4px 15px 0 #E7E7E7;
}
#memberExclusiveWrapper .greyBackground3 {
height: 180px;
width: 300px;
border-radius: 8px 8px 0 0;
background-image: url(../images/memberexclusives/2.png);
box-shadow: 0 4px 15px 0 #E7E7E7;
}
#memberExclusiveWrapper .memberExclusive .contentWrapper {
padding: 20px 35px 35px 15px;
}
#memberExclusiveWrapper .memberExclusive .contentWrapper a {
color: #ed1c24;
}
#memberExclusiveWrapper .memberExclusive .header {
color: #424242;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 19px;
text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
margin: 0;
padding-bottom: 20px;
}
#memberExclusiveWrapper .memberExclusive .content {
margin: 0;
color: #4A4A4A;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
}
/*table*/
.tableMainWrapperTiersPage{display:flex;justify-content:center;padding-bottom:30px;}
.tableMainWrapperTiersPage .textBold{font-weight:bold;}
.tableFixedSectionWrapper{height:auto;width:540px;background-color:#FFFFFF;box-shadow:4px 5px 15px 0 #D2D2D2;border-radius: 8px 8px 0 0;}
.tableFixedSectionWrapper ul{padding:0;margin:0;}
.tableFixedSectionWrapper > .fixedSectionheader{color:#ED1C24;font-size:16px;font-weight:bold;line-height:19px;padding:19px 14px 18px 19px;margin:0;border-bottom:1px solid #BDBDBD;border-radius: 8px 8px 0 0;}
.fixedtableSections{background-color:#f5f5f5;color:#000000;font-size:14px;font-weight:bold;line-height:15px;padding:12px 131px 12px 23px;position:relative;}
.tableFixedSectionWrapper .fixedtableSections.clubComfort{background-color:#f5f5f5;}
.tableFixedSectionWrapper .fixedtableSections.clubprivileges{background-color:#f5f5f5;}
.tableFixedSectionWrapper .fixedtableSections.loyaltyPoints::before{content:'';height:100%;width:7px;background-color:#E2001D;position:absolute;top:0;left:0;}
.tableFixedSectionWrapper .fixedtableSections.clubComfort::before{content:'';height:100%;width:7px;background-color:#E2001D;position:absolute;top:0;left:0;}
.tableFixedSectionWrapper .fixedtableSections.clubprivileges::before{content:'';height:100%;width:7px;background-color:#ED1C24;position:absolute;top:0;left:0;}
.compareList{padding:20px 16px 12px 35px;border-bottom:0.5px solid #BDBDBD;color:#424242;font-size:14px;line-height:23px;}
.tableFixedSectionWrapper .compareList{padding-right:0px;}
.tableScrollableSectionWrapper{height:auto;width:600px;margin-left:0px;border-top:none;display:flex;border-radius:8px 8px 0 0;}
.tableScrollableSectionWrapper > .subSection{width:140px;margin-left:10px;border-right:1px solid #D2D2D2;border-left:1px solid #D2D2D2;border-radius:8px 8px 0px 0px;}
.tableScrollableSectionWrapper > .subSection .classic.category{height:56px;width:139px;padding:17px 0px;border-radius:8px 8px 0 0;background-image: linear-gradient(245deg, #C92735 0%, #820115 97%);font-size:16px;font-weight:bold;line-height:19px;color:#ffffff;text-align:center;}
.tableScrollableSectionWrapper > .subSection .silver.category{height:56px;width:139px;padding:17px 0px;border-radius:8px 8px 0 0; background-image: linear-gradient(245deg, #BDBDBD 0%, #838383 94%);font-size:16px;font-weight:bold;line-height:19px;color:#ffffff;text-align:center;}
.tableScrollableSectionWrapper > .subSection .gold.category{height:56px;width:139px;padding:17px 0px;border-radius:8px 8px 0 0;background-image: linear-gradient(270deg, #F8C73C 0%, #9E7C1A 100%);font-size:16px;font-weight:bold;line-height:19px;color:#ffffff;text-align:center;}
.tableScrollableSectionWrapper > .subSection .platinum.category{height:56px;width:139px;padding:17px 0px;border-radius:8px 8px 0 0;background-image: linear-gradient(270deg, #525252 0%, #000000 100%);font-size:16px;font-weight:bold;line-height:19px;color:#ffffff;text-align:center;}
.fixedtableSections.loyaltyPoints.adjustli{padding-top:28px;padding-right:0px;background-color: #f5f5f5;}
.fixedtableSections.clubComfort.adjustli{padding-top:27px;padding-right:0px;background:#f5f5f5;}
.fixedtableSections.clubprivileges.adjustli{padding-top:27px;padding-right:0px;background:#f5f5f5;}
.tableScrollableSectionWrapper .compareList{padding-left:0;padding-right:0;text-align:center;}
.tableresponsivescroll ul{padding:0;}
.fixedtableSections{padding-right:15px;}
.compareList.cross,.compareList.tick,.compareList.dash{padding-top:43px;}
.compareList.cross{background:url(../images/tiers/cross.png) no-repeat center;}
.compareList.tick{background:url(../images/tiers/green_tick.png) no-repeat center;}
.compareList.dash{background:url(../images/tiers/dash.png) no-repeat center;}
.tableScrollableSectionWrapper ul li{font-weight:bold;}
.tableScrollableSectionWrapper .subSection:nth-child(2),.tableScrollableSectionWrapper .subSection:nth-child(4){background-color:#FAFAFA;}
/****** Tiers css ends here ******/
/********* FAQs css starts here *****************/
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li a {
white-space: normal;
}
#faqSearchedQuestion{color: #424242; font-size: 18px; letter-spacing: 2px; line-height: 23px;margin-bottom: 35px;padding-left: 26px; display: none;}
.faqBanner{height: 400px; background: url(../images/faqBanner.png); background-position: center; background-size: cover;position:relative;}
.faqBanner::before{ content:" ";top:0;left:0;right:0;bottom:0;width:100%;height:100%;display: block;z-index:-1;background: linear-gradient(270deg, #C92735 0%, #820115 100%);opacity:0.4;}
.faqBanner .autosearchFormWrapper{width: 1140px; margin: 0 auto;padding: 123px 150px;position:absolute;left:0;right:0;top:0;bottom:0;}
.faqBanner .autosearchFormWrapper h5{color: #FFFFFF; font-size: 24px; font-weight: bold; letter-spacing: 1.33px; line-height: 29px;margin-bottom: 23px;}
.faqBanner .autosearchFormWrapper .autosearchForm input{ height: 60px; max-width: 732px; border-radius: 8px 0 0 8px; background-color: #FFFFFF;outline: none;padding-left: 40px;color: #424242; font-size: 20px; letter-spacing: 0.89px; line-height: 19px;position: relative;margin:0px;border: none;}
.faqBanner .autosearchFormWrapper .autosearchForm input:focus{border: none; box-shadow: none;}
.faqBanner .autosearchFormWrapper .autosearchFormSubmit{height: 60px; width: 109px; border-radius: 0 8px 8px 0; background-color: #ED1C24;outline: none;border: none;background-image: url('../images/zoom-out.png');background-repeat: no-repeat;background-position: center;}
.faqBanner .autosearchFormWrapper .autosearchFormSubmit:hover{background-color: #c31118;cursor: pointer;}
.faqBanner .autosearchFormWrapper p{width: 100%;margin: 0px;padding-top:15px;padding-left:40px; color: #FFFFFF; font-size: 14px; letter-spacing: 1.56px; line-height: 23px;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu{width: 87.2%;box-shadow: 0 2px 8px 0 #D2D2D2;border-radius:initial;border: 1px solid rgba(189, 189, 189,0.5);padding:0;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li:focus{outline:none;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li a:active{background:transparent;color: #424242;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li{padding: 10px 0px 15px 20px;color: #424242;font-size: 18px;letter-spacing: 1px;line-height: 22px;}
.faqBanner .autosearchFormWrapper .autosearchForm input:before{content: '';height: 28px; width: 1px; border: 1px solid #757575;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li:last-child{padding-bottom:30px;}
.faqPage.mainContainerWrapper{padding-bottom:10px;position: relative;z-index:1;}
.faqPage .frequently {display: flex;border: 1px solid rgb(151, 151, 151);border-radius: 8px;}
.faqPage .navPillsContainer {height:auto;width:20%;border-right:2px solid rgba(151, 151, 151, 0.5);padding: 30px 20px;}
.faqPage .accordianContainer {height: 100%;width: 80%;padding: 2px;}
.faqPage .nav-pills .nav-link {color: #757575;font-size:16px;letter-spacing:1.78px;line-height: 23px;margin-bottom: 35px;font-weight:500;}
.faqPage .nav-pills .nav-link.active,.faqPage .nav-pills .show>.nav-link{background-color:transparent;color:#ED1C24;font-weight: bold;}
.faqPage .nav-pills .nav-link:hover{color:#ED1C24;}
.faqPage .accordianContainer .btn-link {color: #757575;font-size: 16px;font-weight: bold;letter-spacing: 1.78px;line-height: 23px; text-decoration: none;text-align: left;padding:0;white-space: normal;
padding-right: 50px !important;}
.faqPage .accordianContainer .card {border: none;border-radius: 0;margin: 0 !important;}
.faqPage .accordianContainer .card>.collapse {background-color: #f8f8f8;}
.faqPage .accordianContainer .card>.collapsing {background-color: #f8f8f8;}
.faqPage .accordianContainer .card-body {color: #424242;font-size: 16px;letter-spacing: 1.78px;line-height: 23px;padding: 15px 115px 20px 64px;}
.faqPage .accordianContainer .card-header {background: transparent;}
.faqPage .accordianContainer .btn-link:hover,.faqPage .accordianContainer .btn-link:active,.faqPage .accordianContainer .btn-link:visited {
text-decoration: none;}
.faqPage .accordianContainer .card-header {padding: 36px 0px 18px 24px;border-bottom: 1px solid rgba(189, 189, 189, 0.5);width: 95%;
margin: 0 auto;}
.faqPage .accordianContainer .card:last-child {border-bottom: none;}
.faqPage .accordion .card-header h5 button[aria-expanded="false"]:after {width: 14px;height: 8px;content: "";background-image: url('../images/earnpointsimages/downarrow-icon.svg');position: absolute;top: 24px;right: 40px;}
.faqPage .accordion .card-header h5 button[aria-expanded="true"]:after {width: 14px;height: 8px;content: "";background-image: url('../images/earnpointsimages/uparrow-icon-same.svg');position: absolute;top: 24px;right: 40px;}
.faqPage .accordianContainer .card-body p {margin: 0;color: #424242;font-size: 16px;letter-spacing: 1.78px;line-height: 23px;}
.faqPage .accordion .card-header button[aria-expanded="true"] {color: #424242;}
.faqPage .breadcrumb{margin:0;background:transparent;padding: 16px 0px 26px 0px;}
.faqPage .breadcrumb .breadcrumb-item, .faqPage .breadcrumb .breadcrumb-item a{color: #757575;font-size: 16px;letter-spacing: 1.78px;line-height: 23px;}
.faqPage .breadcrumb .breadcrumb-item.active{color: #424242;}
.faqPage .breadcrumb-item+.breadcrumb-item::before{display: inline-block;padding-right:22px;padding-left:22px;color: #6c757d;
content: "";background-image: url('../images/earnpointsimages/bredcrum.svg');background-repeat: no-repeat; width: 14px;height:8px;position:relative;top:14px;transform:rotate(90deg)}
.faqCarousel .carousel-item img{max-height: 395px;}
.faqPage .accordianContainer .card:last-child .card-header{border-bottom:none;}
/********* FAQs css ends here *****************/
/********* Usepoints css Starts here ***********/
.useloyaltySection .subContentwrapper{padding-top:50px; }
.useloyaltySection .subContentwrapper .mainHeader{color: #424242; font-size: 24px; font-weight: bold;line-height: 29px;position: relative;margin: 0;padding-left: 15px;padding-bottom: 30px;}
.useloyaltySection .subContentwrapper .mainHeader::before{content: '';display: inline-block;width: 8px;height: 15px;background-color: rgb(237, 28, 36);position: absolute;left: 0px;top: 6px;}
.useloyaltySection .subContentwrapper .pointsCal{color: #424242;font-size: 18px;line-height: 24px;padding: 0 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper{margin: 0; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 10px 0 #E7E7E7;margin-top: 30px;height: 210px;}
.useloyaltySection .subContentwrapper .row.cardWrapper{ border-radius: 8px; background-color: #FFFFFF;-webkit-box-shadow: 6px 6px 18px 3px #ddd;box-shadow: 6px 6px 18px 3px #ddd;-moz-box-shadow: 6px 6px 18px 3px #ddd; display: flex;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc{padding: 25px 90px 30px 40px;margin: 0;width: 63%}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > h3{color: #111; font-size: 20px;font-weight: bold;line-height: 24px;margin: 0;padding-bottom: 20px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > p{ color: #777; font-size: 16px;line-height: 22px;margin: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image5{background: url(../images/usepointsimages/Spicemood.png);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
border-radius: 0px 8px 8px 0px;}
.firstSlideTierPage:before{content: none !important;}
.landingPageCarouselWrapper.tiersPage .carousel-caption p{color: #000000 !important;}
.firstSlideTierPage .carousel-caption h5{margin-bottom: 40px; color: white !important;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > .bookNow{height: 45px; width: 140px; border: 1px solid #ED1C24; border-radius: 6px;display: block;text-align: center;padding: 14px 0px;color: #ED1C24; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 17px; display: none;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg{padding: 0;width: 37%;margin-top:0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image1{background: url('../images/usepointsimages/booknow.png'); background-repeat: no-repeat;background-size: cover;height: 100%; border-radius: 0px 8px 8px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image2{background: url('../images/usepointsimages/spicemax.png'); background-repeat: no-repeat;background-size: cover;height: 100%; border-radius: 0px 8px 8px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image3{background: url('../images/usepointsimages/prefeeredseats.png'); background-repeat: no-repeat;background-size: cover;height: 100%; border-radius: 0px 8px 8px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image4{background: url('../images/usepointsimages/image4spicyfood.png'); background-repeat: no-repeat;background-size: cover;height: 100%; border-radius: 0px 8px 8px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image6{background: url('../images/usepointsimages/more-options.png'); background-repeat: no-repeat;background-size: cover;height: 100%; border-radius: 0px 8px 8px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row{margin: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc{padding-right: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons{padding: 0;min-height: 90px;text-align: center;position: relative;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons::after{content: '';position: absolute;
right: -8px;top: 0;height: 68px;width: 2px;background: #f1f1f1;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons.noBorder::after{content: none;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > h6{color: #424242; font-size: 12px; letter-spacing: 0.95px; line-height: 15px;padding: 10px 30px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .descImg > p{color: #777;font-size: 16px;line-height: 22px;margin: 0;padding: 0px 75px; padding-left: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow .manyMoreWrapper{text-align: right;padding-right: 40px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow .manyMore{color: #757575;font-size: 12px; letter-spacing: 0.95px; line-height: 15px;}
.useloyaltySection .bookPoints {display: flex;height: 520px;margin-top: 90px;}
.useloyaltySection .bookPoints .bookcontext {width: 40%;}
.useloyaltySection .bookPoints .bookcontext p {color: #4A4A4A;font-size: 16px;letter-spacing: 1.78px;line-height: 25px;margin: 0; padding: 0 40px 0 15px;}
.useloyaltySection .bookPoints .bookcontext p:nth-child(2){padding-bottom: 40px !important; padding-top: 40px;}
.useloyaltySection .bookPoints .bookhotelScroll {width: 60%;}
#usepointsIndicators{height:100%;}
#usepointsIndicators .carousel-indicators{margin:0;bottom:70px;}
#usepointsIndicators .carousel-control-next, #usepointsIndicators .carousel-control-prev{top:-180px;}
#usepointsIndicators .carousel-inner{width: 530px;height:100%;margin: 0 auto;position:relative;z-index: 1;}
#usepointsIndicators .carousel-inner .carousel-caption{margin:auto;right:0;left:0;height:180px;bottom:-52px;width:396px;border-radius:8px;background-color: #FFFFFF;box-shadow:0 4px 15px 0 #E7E7E7;padding:0;text-align:left;}
#usepointsIndicators .carousel-inner .carousel-caption h3{color:#424242;font-size: 16px;font-weight: bold;letter-spacing: 0.89px;line-height:19px;padding:18px 0 0 30px;margin:0;}
#usepointsIndicators .carousel-inner .carousel-caption p{color: #4A4A4A;font-size: 14px;letter-spacing:1.56px;line-height: 18px;padding:14px 40px 0 30px;margin: 0;}
#usepointsIndicators .carousel-inner .carousel-caption a.bookNow{margin:30px 0 0 30px;}
#usepointsIndicators .carousel-inner .carousel-caption p.bookedValue{float:right;padding-top:58px;color:#757575;font-size:14px;letter-spacing:1.56px;line-height:18px;}
#usepointsIndicators .carousel-inner .carousel-caption p .textBold{font-weight:bold;}
#usepointsIndicators .carousel-inner .carousel-caption .popularTag{height: 25px;width: 80px;border:0.5px solid rgba(203, 228, 175,0.5);border-radius: 14.5px;background-color: #E1F4CD;color: #424242;font-size: 10px;letter-spacing: 1.11px;padding-top: 2px;text-align: center;position: absolute;right: 34px;top: 12px;}
/*giftcard section */
.giftcardSection{background-color: #F1F1F1;}
.giftcardSection .subContentwrapper {padding-bottom: 95px;}
.giftcardSection .subContentwrapper > .row{padding: 0;margin: 0;}
.giftcardSection .subContentwrapper > .row > .giftcards{background: url('../images/usepointsimages/giftcards.png');background-repeat: no-repeat; background-position: center; background-position: 0px 90px;padding: 0;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper{padding-left: 30px;padding-right: 0;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > h3{color: #424242; font-family: Source Sans Pro; font-size: 24px; font-weight: bold; letter-spacing: 1.33px; line-height: 29px;padding-top: 85px;position: relative;padding-left: 15px;margin: 0;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > h3::before{content: '';display: inline-block;width: 8px;height: 15px;background-color: rgb(237, 28, 36);position: absolute;left: 0px;bottom:8px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > p{margin: 0; color: #4A4A4A; font-size: 16px; letter-spacing: 2px; line-height: 25px;padding: 16px 0px 16px 15px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper{padding-left: 30px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper li{color: #4A4A4A; font-size: 16px; letter-spacing: 1.78px; line-height: 25px;padding-bottom: 12px;position: relative;padding-left: 15px;padding-right: 100px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper li::before{content: '';position: absolute;top: 8px;left: 0;height: 7px; width: 7px; background-color: #D8D8D8;border-radius: 50%;}
.ContentWrapper.usepointsPage .seeMore{color: #878787; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 19px;display: none;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .buyNow{height: 45px; width: 149px; border-radius: 6px; display: inline-block; padding-top: 11px; color: #ED1C24;font-size: 16px;font-weight: bold;letter-spacing: 1.78px;line-height: 22px;text-align: center; margin-top: 14px;margin-left: 15px; border: 1px solid #ED1C24; }
.moreStuffSecction .subContentwrapper {padding-bottom: 60px;}
.moreStuffSecction .subContentwrapper > .mainHeader{color: #424242; position: relative; font-size: 24px; font-weight: bold; letter-spacing: 1.33px; line-height: 29px;padding-top: 49px;padding-left: 15px;margin: 0;}
.moreStuffSecction .subContentwrapper > .mainHeader::before{content: '';display: inline-block;width: 8px;height: 15px;background-color: rgb(237, 28, 36);position: absolute;left: 0px;bottom:8px;}
.moreStuffSecction .subContentwrapper > p{color: #4A4A4A; margin: 0;padding-top: 30px; font-size: 18px; letter-spacing: 1.78px; line-height: 25px;padding-left: 15px;padding-bottom: 30px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow{max-width: 860px;margin: 0 auto;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards{height: 211px; width: 400px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 10px 0 #E7E7E7;padding: 22px 48px 29px 125px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards > h3{color: #424242; margin: 0;padding-bottom: 14px; font-size: 16px; font-weight: bold; letter-spacing: 0.89px; line-height: 19px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards > p{margin: 0; color: #4A4A4A; font-family: Source Sans Pro; font-size: 14px; letter-spacing: 1.56px; line-height: 18px;padding-bottom: 30px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards > .moreStuffLinks{ height: 45px; width: 140px; border: 1px solid #ED1C24; border-radius: 6px;display: block;color: #ED1C24; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 17px; text-align: center;padding: 14px 0;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards.transferNow{background: url('../images/usepointsimages/48 _Transfer.svg') no-repeat;background-position: 50px 60px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards.topUpNow{background: url('../images/usepointsimages/48_Top up.svg')no-repeat;background-position: 50px 60px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > .useloyaltySeeMore{display: none;}
.bookContextSeeMore{display: none; color: #878787; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 19px;text-align: right;}
.bookContextSeeMore:hover{color: #878787;}
.bookContextOpen{display: block !important;}
/********* Usepoints css ends here ***********/
/*********** SpiceCash css starts here **********/
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{left:45px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard {position: absolute;padding:16px 45px;right:0;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard img{height:272px;width:458px; object-fit: contain;}
.spicecashPage .walletSection .subContentwrapper{padding-top: 40px;padding-bottom: 60px;padding-left: 10px;}
.spicecashPage .mainheader{color: #424242; font-size: 24px; font-weight: bold; line-height: 29px;position: relative;margin: 0;padding-bottom: 25px;}
.spicecashPage .mainheader::before, .moreSection h2::before, .spiceCashpartnerSection .earnpoints.partnerSection h3::before{content: '';position: absolute;height: 15px;width: 8px; background-color: #ED1C24;top: 8px;left: -15px;}
.spiceCashpartnerSection .earnpoints.partnerSection h3::before, .moreSection h2::before{left:0;}
.spiceCashpartnerSection .earnpoints.partnerSection h2{padding-left:92px; color: #4A4A4A; font-size: 18px; letter-spacing: 2px; line-height: 25px;margin-bottom: 0;}
.spicecashPage .moreSection p{color: #4A4A4A;font-size:18px;font-weight: normal;line-height: 25px;padding-left:15px;margin: 0;
padding-bottom: 40px;}
.spicecashPage .walletSection .subContentwrapper .caption{color: #4A4A4A;font-size: 18px; font-weight: normal; line-height: 25px;margin: 0;padding-bottom: 27px;}
.spicecashPage .walletSection .subContentwrapper .benefitsNow{color: #4A4A4A; font-family: Source Sans Pro; font-size: 16px; letter-spacing: 0.5px; line-height: 25px;margin: 0;padding-right: 52px;padding-bottom: 30px;}
.spicecashPage .walletSection .subContentwrapper .row{margin: 0;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper{padding-left: 0; padding-right: 0;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper > .imageSection{height: 254px;width: 364px;background: url('../images/spiceCash/spicecashWallet.jpg') no-repeat;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper > .imageSection{height: 254px;width: 364px;background: url('../images/spiceCash/spicecashWallet.jpg') no-repeat;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper{padding-left: 38px;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper li{color: #4A4A4A; font-size: 16px; letter-spacing: 0.5px; line-height: 25px;padding-bottom: 18px;padding-left: 26px;position: relative;padding-right: 156px;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper li::before{content:'';height: 10px; width: 10px; background-color: #BDBDBD;position: absolute;left: 0;top: 7px;border-radius: 50%;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow{margin: 0;padding: 21px 32px 22px 116px;border-radius: 8px; background-color: #FFFAF4;margin-top: 52px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper{padding: 0}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p{ color: #4A4A4A; font-size: 14px; letter-spacing: 0.5px; line-height: 20px;margin: 0;position: relative;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p::before{content: '';height: 23px; width: 30px;background: url(../images/spiceCash/mini%20wallet.svg) no-repeat;position: absolute;left: -68px;top: 9px;background-size: cover;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper{padding: 0;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper > a{
height: 45px;
width: 149px;
/* border: 1px solid #ED1C24; */
border-radius: 6px;
color: #000000;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 17px;
text-align: center;
display: block;
padding: 14px 0px;
float: right;
background-color: #CCCCCC;
pointer-events: none;
}
.spicecashPage .moreSection{margin:60px 0px;}
.spicecashPage .moreSection .spicecashTabs ul li a{color: #757575;font-size: 14px;line-height: 17px;}
.spicecashPage .moreSection .spicecashTabs ul li a.active{color: #ED1C24;font-size: 14px;line-height: 17px;background-color:transparent;font-weight:bold;}
.spicecashPage .moreSection .spicecashTabs .tab-content{border-radius: 8px;background-color:#FFFFFF;-webkit-box-shadow: 0 4px 15px 0 #E7E7E7;-moz-box-shadow: 0 4px 15px 0 #E7E7E7;box-shadow: 0 4px 15px 0 #E7E7E7;border-top:10px solid #F7941D;margin:0;padding: 38px 64px 6px 64px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .row{margin:0;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft, .spicecashPage .moreSection .spicecashTabs .tab-content .row .spiceSectionsRight{padding:0}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p, .spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p{padding: 0 150px 80px 54px;margin:0;color: #4A4A4A;font-size: 14px;letter-spacing: 0.5px; line-height: 20px;font-weight:normal;position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p{padding: 0 46px 50px 94px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft::after{content: '';display: block;height: 200px;width: 1px; background: #F7941D;top: 40px;position: absolute;bottom: 0;right: 78px;}
.spicecashPage .moreSection .registerNow{width:158px;height:45px;border:1px solid rgb(237, 28, 36);background-color:transparent;color:#ED1C24;font-size:14px;font-weight: bold;letter-spacing: 0.5px;line-height: 17px;text-align: center;display: inline-block;border-radius: 6px;vertical-align: middle;padding:14px 12px;margin-left:34px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash p{color: #4A4A4A;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;font-weight:normal;padding:0 0 48px 0;margin:0;position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox p:first-child{padding-bottom:10px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash>p:last-child{padding:15px 60px 21px 20px;border-radius: 8px; background-color: #FFFAF4;margin-bottom: 30px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash{padding:0 108px 0px 90px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash>p a{text-decoration:underline;color: #4A4A4A;font-size: 14px; letter-spacing: 1.24px; line-height: 25px;text-decoration-color: #4A4A4A;}
.spicecashPage .topUpSpicecash h5{color: #4A4A4A;font-size: 16px;font-weight: bold;line-height: 25px;margin: 0;
padding-bottom: 32px;}
.spicecashPage .topUpSpicecash .topUpSteps p, .spicecashPage .topUpSpicecash .topUpSteps h6, .spicecashPage .useSpicecashSec p{color: #4A4A4A;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;font-weight:normal;margin: 0;}
.topUpSpicecash .topUpSteps p{padding:16px 42px 0px 54px;position:relative;}
.topUpSpicecash .topUpSteps p span{position:absolute;left:10px;top:14px;opacity: 0.7;color: #F7941D;font-size: 30px;font-weight:bold;letter-spacing: 1.67px;line-height: 36px;}
.spicecashPage .topUpSpicecash .topUpSteps h6{font-weight:bold;text-align:center;}
.spicecashPage .topUpSpicecash .successPayment{color: #4A4A4A;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;font-weight:normal;padding:45px 0px;text-align: center;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft .secure::before{content: '';width: 35px;height: 38px;position: absolute;top: 4px;left: -14px; background: url('../images/spiceCash/48_securelock.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft .fastest::before{content: '';width: 35px;height: 38px;position: absolute;top: 4px;left: -14px; background: url('../images/spiceCash/48_fast.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft .topUp::before{content: '';width: 38px;height: 38px;position: absolute;top: 4px;left: -20px; background: url('../images/spiceCash/miniwallet.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight .loadMoney::before{content: '';width: 40px;height: 38px;position: absolute;top: 0px;left: 15px; background: url('../images/spiceCash/48card.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight .makeMoney::before{content: '';width: 40px;height: 38px;position: absolute;top: 0px;left: 15px; background: url('../images/spiceCash/48_Instant.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight .bookTicket::before{content: '';width: 40px;height: 38px;position: absolute;top: 0px;left: 15px; background: url('../images/spiceCash/48_network.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox{position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox{position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox::before{content: '';width: 40px;height: 38px;position: absolute;top: 0px;left: -80px; background: url('../images/spiceCash/48_login.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(2){position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(2)::before{content: '';width: 40px;height: 38px;position: absolute;top: 0px;left: -80px; background: url('../images/spiceCash/48secure.svg') no-repeat;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(3){position: relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(3)::before{content: '';width: 40px;height: 38px;position: absolute;top: 5px;left: -80px; background: url('../images/spiceCash/miniwallet.svg') no-repeat;}
.topUpIconWrapper{height: 88px; width: 88px; background-color: #FFFAF4;border-radius: 50%;position: relative;display: block;margin: 0 auto;margin-bottom: 18px;}
.topUpIconWrapper.first::before{content: '';width: 40px; height: 40px; position: absolute;top: 0;right: 0;left: 0;bottom: 0; margin: auto; background: url('../images/spiceCash/48_login.svg') no-repeat;}
.topUpIconWrapper.second::before{content: '';width: 40px; height: 40px; position: absolute;top: 0;right: 0;left: 0;bottom: 0; margin: auto; background: url('../images/spiceCash/enteramount.svg') no-repeat;}
.topUpIconWrapper.third::before{content: '';width: 40px; height: 40px; position: absolute;top: 0;right: 0;left: 0;bottom: 0; margin: auto; background: url('../images/spiceCash/48_PAY.svg') no-repeat;}
.topUpSpicecash .topUpSteps .loginSec{position: relative;}
.topUpSpicecash .topUpSteps .topUpSec{position: relative;}
.spicecashPage .topUpSpicecash .successPayment{padding: 16px 27px 20px 90px;margin: auto; text-align: left; margin-top: 50px;margin-bottom: 30px;max-width: 705px;border-radius: 8px; background-color: #FFFAF4;position: relative;}
.spicecashPage .topUpSpicecash .successPayment > span{width: 36px;height: 36px;border-radius: 50%;border: 1px solid #417505;display: inline-block;position: absolute;left: 30px;
}
.spicecashPage .topUpSpicecash .successPayment > span::before{content: ''; height: 10px; width:15px; background: url('../images/spiceCash/darkgreentick.svg') no-repeat;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.spicecashPage .useSpicecashSec .useSpiceLeft p{position: relative;}
.topUpSpicecash .topUpSteps .topUpSec::before{content: '';height: 88px; width: 1px; background: #F7941D; position: absolute;top: 0;right: 0;}
.topUpSpicecash .topUpSteps .loginSec::before{content: '';height: 88px; width: 1px; background: #F7941D; position: absolute;top: 0;right: 0;}
.spicecashPage .useSpicecashSec .bookFlights{padding: 0;border-right: 1px solid rgba(247, 148, 29, 0.6);}
.spicecashPage .useSpicecashSec .onlineMerchant{padding:0}
.spicecashPage .useSpicecashSec h3{color: #424242;font-size: 14px;font-weight: bold;letter-spacing: 0.5px;line-height: 17px;position: relative;margin:0;}
.spicecashPage .useSpicecashSec h3::after{content:'';display:block;height: 5px; width: 70px;background-color: #F7941D;bottom:-8px;position: absolute;}
.spicecashPage .useSpicecashSec .bookFlights h3{padding-left:26px;}
.spicecashPage .useSpicecashSec .onlineMerchant h3{padding-left:66px;}
.spicecashPage .useSpicecashSec .useSpiceLeft, .spicecashPage .useSpicecashSec .useSpiceRight{padding:60px 0px 0px 0px;}
.spicecashPage .useSpicecashSec .bookFlights{margin-bottom:34px;}
.spicecashPage .useSpicecashSec p{padding:0px 60px 40px 50px;}
.spicecashPage .useSpicecashSec .useSpiceLeft p{padding-left:96px;}
.spicecashPage .useSpicecashSec .useSpiceLeft p::before{content: '';position: absolute;width: 35px;height: 35px;position: absolute;top: 0;left: 20px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .chooseFlight::before{background: url('../images/spiceCash/48_Planetopview.svg') no-repeat;width: 45px;height: 41px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .paymentMode::before{background: url('../images/spiceCash/selectspicecash.svg') no-repeat;width: 60px;height: 41px;left: 2px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .loginForBal::before{background: url('../images/spiceCash/48_login.svg') no-repeat;width: 60px;height: 41px;left: 20px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .payAmount::before{background: url('../images/spiceCash/48card.svg') no-repeat;width: 60px;height: 41px;left: 20px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .enjoyFlight::before{background: url('../images/spiceCash/40_Boarding.svg') no-repeat;width: 60px;height: 41px;left: 20px;}
.spicecashPage .useSpicecashSec .useSpiceRight p{padding-left:140px;}
.spicecashPage .useSpicecashSec .useSpiceRight p{position: relative;}
.spicecashPage .useSpicecashSec .useSpiceRight p::before{content: '';position: absolute;top: 2px;;
left: 60px; width: 60px; height: 40px;}
.spicecashPage .useSpicecashSec .useSpiceRight .shopSpicecash::before{background: url('../images/spiceCash/48_shop.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .loginSpicecash::before{background: url('../images/spiceCash/48_login.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .locateCard::before{background: url('../images/spiceCash/card.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .enoughBal::before{background: url('../images/spiceCash/miniwallet.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .virtualCard::before{background: url('../images/spiceCash/48_enterpassword.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .enterExpiry::before{background: url('../images/spiceCash/48_PAY.svg') no-repeat;}
.spicecashPage .useSpicecashSec .useSpiceRight .enterOtp::before{background: url('../images/spiceCash/ENTEROTP.svg') no-repeat;left: 73px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .sameInfo{background-color:#FFFAF4;padding: 22px 26px 32px 30px;width:438px;text-align: center;letter-spacing: 0.5px;}
.virtualCardSection{padding: 65px 0px 88px; background-color: #F3F3F3;}
.spicecashPage .virtualCardSection .subContentwrapper .caption{color: #4A4A4A;font-size: 18px; font-weight: normal;line-height: 25px;margin: 0;padding-bottom: 44px;}
.spicecashPage .virtualCardSection .subContentwrapper{padding-left: 15px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row{margin: 0;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .walletCardWrapperCol{padding: 0;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .walletCardWrapperCol > .walletCardImage{height: 272px; width: 458px;background:url(../images/img/WALLETCARD@3x.png); background-size: contain;
background-repeat: no-repeat;
background-position: center;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol > .heading{color: #4A4A4A; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; line-height: 25px;margin-bottom: 5px;position: relative;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol > .heading::before{content: ''; height: 10px; width:15px; background: url('../images/spiceCash/darkgreentick.svg') no-repeat;position: absolute;left: -28px;top: 6px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol > .detail{color: #4A4A4A; font-size: 16px; letter-spacing: 0.5px; line-height: 25px;margin-bottom: 20px;padding-right: 80px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol {padding: 10px 0px 0px 40px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .freeCaption{padding: 0;padding-right: 10px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .freeCaption p{text-align: center; color: #4A4A4A; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; line-height: 25px;padding-top: 10px;}
.spicecashPage .earnpoints.partnerSection ul li .partnerIconWrapper{margin-bottom:6px;}
.spicecashPage .partnerPoints{color:#4A4A4A;font-size: 12px;letter-spacing: 1.33px;line-height: 20px; text-align: center; }
.spiceCashpartnerSection .earnpoints.partnerSection{background: #ffffff;}
.spiceCashpartnerSection .earnpoints.partnerSection .earnPointsPageSrollPointList{max-height: 266px;}
.spiceCashpartnerSection .earnpoints.partnerSection > h3{ color: #424242; font-size: 24px; font-weight: bold; letter-spacing: 1.33px; line-height: 29px;padding-left: 15px;margin-bottom: 27px;}
/*********** SpiceCash css ends here **********/
/* post login css starts here */
/* login page css starts here */
.loginPage.mainBanner{background-color: #f3f3f3; background-image: none;}
.loginPage.mainBanner { background: url('../images/postlogin/loginBanner.png');height: 100%; background-repeat: no-repeat; background-size: cover; position: relative;}
.loginPage.navbar{height: 75px;}
.loginPage.navrightSec{margin-top: 8px;}
.loginPage.mainBanner > .loginFormWrapper{position: absolute; height: 540px; width: 372px; border-radius: 6px; background-color: rgba(237,28,36,0.8); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5);
top:0px; bottom: 0; margin: auto;right: 90px; background-image: url('../images/postlogin/planeDotted.png');
background-repeat: no-repeat; background-position: 100% 50px; padding: 32px 20px 16px 20px;
}
.loginPage.mainBanner > .loginFormWrapper > .headerDesc{color: #FFFFFF; font-size: 14px; letter-spacing: 1.56px; line-height: 23px;margin-top: 34px;margin-bottom: 10px;}
.loginPage.mainBanner > .loginFormWrapper > .loginForm{height: 339px; width: 332px; border-radius: 2px; background-color: #FFFFFF; padding: 22px 25px 30px 25px;}
.loginPage.mainBanner > .loginFormWrapper > .loginForm label{height: 14px; color: #424242; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;margin-bottom: 10px;}
.loginPage.mainBanner > .loginFormWrapper .flagInputField{ height: 40px; width: 83px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;padding-left: 35px;
padding-right: 0;color: #757575; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;}
.loginPage.mainBanner > .loginFormWrapper .phoneNumberField{ height: 40px; width: 183px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF; display: inline-block; margin-left: 14px;}
.loginPage.mainBanner > .loginFormWrapper .phoneNumberField.is-invalid{border: 1px solid rgba(237,28,36,0.8) !important;}
.phoneNumberField::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.phoneNumberField::-moz-placeholder { /* Firefox 19+ */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.phoneNumberField:-ms-input-placeholder { /* IE 10+ */
color: #BDBDBD !important; font-size: 12px !important; letter-spacing: -0.15px !important; line-height: 14px !important;
}
.form-control::-moz-placeholder { /* Firefox 18- */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.loginPage.mainBanner > .loginFormWrapper .notRegistered{ width: 127px; color: #FFFFFF; font-size: 12px; letter-spacing: 1.33px; line-height: 23px;margin-top: 15px; display: inline-block;}
.loginPage.mainBanner > .loginFormWrapper .passwordField{ height: 40px; width: 282px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.loginPage.mainBanner > .loginFormWrapper .passwordLabel{margin-top: 30px;}
.loginPage.mainBanner > .loginFormWrapper .forgotPasswordLink{color: #757575; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;margin-top: 10px; float: right;display: block;}
.loginPage.mainBanner > .loginFormWrapper .forgotPasswordLink:hover{text-decoration: underline;}
#checkboxLabel{margin-top: 45px; cursor: pointer;
color: #757575; font-size: 14px; letter-spacing: 1.56px; line-height: 23px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
position: relative;padding-left: 30px;
}
#checkboxLabel .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px; width: 18px; border: 1px solid #979797; border-radius: 3px;
}
#checkboxLabel input:checked ~ .checkmark {
background: url('../images/postlogin/checkgreen.svg'); background-repeat: no-repeat; background-position: center;
}
#checkboxLabel input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.loginPage.mainBanner > .loginFormWrapper .loginButton{height: 45px; cursor: pointer;width: 150px; border-radius: 6px; background-color: #ED1C24; border: none; color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: 1.78px; line-height: 19px;margin-top: 15px;}
.loginPage.mainBanner > .loginFormWrapper .loginButton:focus{outline: none;}
.formErrorMsg{right: 86px; font-size: 12px; color: red; text-decoration: underline;position: absolute; margin-top: 2px; display: none;}
.loginPage.mainBanner > .loginFormWrapper .signupnow{color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 23px; margin-left: 12px;}
.loginPage.mainBanner > .loginFormWrapper .signupnow:hover{text-decoration: underline;}
/* login page css ends here */
/* registration page css starts here */
.registrationPage.mainBackground{background-color: #F3F3F3;background-repeat: no-repeat; background-size: cover; position: relative; background-image: none;}
.registrationPage.mainBackground > .registrationWrapper{height: 580px; width: 915px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 15px 0 #BDBDBD; position: absolute; left: 0; right: 0; top: 0px; margin:auto; display: flex; bottom: 0;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol{height: 580px; width: 500px; border-radius: 8px 0 0 8px; background-color: rgba(237, 28, 36, 0.8); padding: 44px 27px 53px 27px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .introducingTitle{
color: #FFFFFF; font-size: 22px; font-weight: normal !important; letter-spacing: 1.22px; line-height: 27px; padding-left: 7px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingbackground{background-image: url('../images/postlogin/registrationBanner.png');}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .spiceClubLogo{
height: 71px; width: 208px; background: url('../images/postlogin/SpiceClubLogowhite@2x.png'); background-repeat: no-repeat; background-size: contain; padding-left: 7px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .descMain{
color: #FFFFFF; font-size: 18px; letter-spacing: 1.5px; line-height: 22px; margin-top: 75px; margin-bottom: 65px; padding-right: 95px; padding-left: 7px; opacity: 0.9;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .descSub{
color: #FFFFFF; font-size: 14px; font-weight: normal !important; letter-spacing: 1.17px; line-height: 17px; margin-bottom: 20px; padding-left: 7px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList{
height: 133px; width: 446px; background-color: rgba(33, 33, 33, 0.3); display: flex; position: relative;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .divider{position: absolute;height: 81px; width: 2px; background: url('../images/postlogin/whiteline.svg'); top: 22px;
left: 209px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec{
width: 216px; height: 100%;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec > ul > li:nth-child(1){
background: url('../images/postlogin/48_Planetopview.svg') no-repeat; background-position: 37px 23px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec > ul > li:nth-child(2){
background: url('../images/postlogin/48_Like.svg') no-repeat; background-position: 37px 12px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec > ul > li:nth-child(1){
background: url('../images/postlogin/48_Meals.svg') no-repeat; background-position: 37px 20px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec > ul > li:nth-child(2){
background: url('../images/postlogin/earnpoints_Earnpoints.svg') no-repeat; background-position: 37px 15px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol .manyMoreSec{color: #FFFFFF; font-size: 12px; letter-spacing: 1px; line-height: 15px; float: right; margin-top: 8px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol .manyMoreSec > a{color: #FFFFFF; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-decoration: underline;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList ul{list-style-type: none; height: 100%; width: 100%;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList ul > li{width: 100%; height: 50%;color: #FFFFFF; font-size: 14px; opacity: 0.9;letter-spacing: 1.17px; line-height: 17px; padding: 22px 30px 11px 80px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec{
width: 228px; height: 100%;
}
#passwordInfoDesc{position: absolute; height: 160.94px; width: 212.69px; background-color: #FFFFFF; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); z-index: 9999; border-radius: 8px; left: 166px;top: 77px;padding: 14px 12px 0px 25px; display: none;}
#passwordInfoDesc::before{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid white;content: '';position: absolute;left: -9px;top: 10px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol{padding: 30px 50px; width: calc(100% - 500px);position: relative; background-color: #ffffff; border-radius: 0px 8px 8px 0px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .formTitle{
color: #424242; font-size: 20px; font-weight: bold; letter-spacing: 1.11px; line-height: 24px;margin: 0; position: relative; display: inline-block;
}
.hoverSecurityDetails, .hoverPersonalDetails{position: absolute;height: 33.24px; width: 113px; background-color: #757575;display: none;}
.hoverPersonalDetails p, .hoverSecurityDetails p{
color: #FFFFFF;
font-size: 12px;
letter-spacing: 0.67px;
line-height: 17px;margin: 0;
}
.hoverSecurityDetails{
right: -40px;
top: 64px;
text-align: center;
padding-top: 7px;
}
.hoverPersonalDetails{
right: 47px;
top: 64px;
text-align: center;
padding-top: 7px;
}
.hoverSecurityDetails:before, .hoverPersonalDetails:before{ content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid #757575;;
position: absolute;
top: -8px;
left: 6px;
}
#passwordInfoDesc > p{color: #757575; font-size: 12px; letter-spacing: -0.15px; line-height: 15px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .formTitle::after{content: ''; position: absolute; bottom: -7px; left: 0; height: 6px; width: 40px; background-color: #ED1C24;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > ul{display: inline-block; float: right; position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > ul::after{content: '';
position: absolute; height: 2px; width: 50px; background: url('../images/postlogin/dottedline.svg');top: 10px; left: 30px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > ul > li{display: inline-block;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .nav-pills .nav-link.personalDetails.active{background-color: transparent; background: url('../images/postlogin/Securitydeactivated.svg'); background-size: contain;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .nav-pills .nav-link.personalDetails{ background: url('../images/postlogin/completed.svg'); background-size: contain;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .nav-pills .nav-link.securityDetails.active{background-color: transparent; background: url('../images/postlogin/securityactive.svg'); background-size: contain;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .nav-pills .nav-link.securityDetails{ background: url('../images/postlogin/Personalactive.svg'); background-size: contain;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > ul > li > a{ border-radius: 50%;padding: 0;height: 23px; width: 23px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > ul > li > .securityDetails{
margin-left: 62px;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .usernameSection{display: flex;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content{margin-top: 28px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content label{
color: #2E2C38;font-size: 12px; letter-spacing: -0.15px; line-height: 14px; margin-bottom: 6px; position: relative;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .usernameSection .userName{position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content form .titleInputField{ height: 40px; width: 83px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;color: #757575; font-size: 12px; line-height: 14px; cursor: pointer;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content form .usernameField{ height: 40px; width: 212px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content form .userName{margin-left: 20px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .lastnameSection{margin-top: 30px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .lastnameSection > .lastnameField{height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .phoneSec{margin-top: 30px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .phoneSec .flagInputField{height: 40px; width: 83px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;padding-left: 35px;
padding-right: 0;color: #757575; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .phoneSec .phoneNumberField{
height: 40px; width: 212px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF; display: inline-block; margin-left: 20px;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .dobSection{margin-top: 30px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .dobSection .dobField{ height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background: url('../images/postlogin/dateIcon.svg'); background-repeat: no-repeat; background-position: 94% 9px; cursor: pointer;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .emailSection{margin-top: 30px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .emailSection .emailField{height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.regisInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.regisInput::-moz-placeholder { /* Firefox 19+ */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.regisInput:-ms-input-placeholder { /* IE 10+ */
color: #BDBDBD !important; font-size: 12px !important; letter-spacing: -0.15px !important; line-height: 14px !important;
}
.regisInput::-moz-placeholder { /* Firefox 18- */
color: #BDBDBD; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .securityDetailsNext{
color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; margin-top: 18px; float: right;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .securityDetailsNext span {height: 14px; width: 18px; display: inline-block; background: url('../images/postlogin/next.svg'); background-size: cover; vertical-align: middle; margin-left: 10px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .passwordSection{position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .passwordSection .passwordInfo{height: 22px; width: 22px; background: url('../images/postlogin/info.svg'); display: inline-block; vertical-align: middle; cursor: pointer;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .passwordField{height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF; margin-bottom: 30px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .confirmPasswordField{height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF; margin-bottom: 30px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .panCardField{
height: 40px; width: 315px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .signUp{height: 45px; width: 150px; border-radius: 6px; background-color: #ED1C24;font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 17px; border: none;color: #FFFFFF; margin-top: 20px;cursor: pointer;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .signUp:focus{outline: none;}
.regisInput{padding-left: 20px;}
.registrationPage#checkboxLabel{margin-top: 28px;color: #2E2C38; font-size: 12px; letter-spacing: -0.15px; line-height: 14px;}
.registrationPage#checkboxLabel .checkmark{top: -2px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .personalBack{
color: #757575;
font-size: 14px;
letter-spacing: 0.78px;
line-height: 17px;
margin-top: 86px;
display: block;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .personalBack span{
height: 14px;
width: 18px;
display: inline-block;
background: url('../images/postlogin/back.svg');
background-size: cover;
top: 1px;
position: relative;
margin-right: 10px;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .deactivateNext{
position: absolute; right: 50px; cursor: default;
}
.registrationPage.mainBackground > .registrationWrapper > .formCol .deactivateNext a{cursor: not-allowed;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .deactivateNext a span{
height: 14px;
width: 18px;
display: inline-block;
background: url(../images/postlogin/nextdeactivated.svg);
background-size: cover;
position: relative;
top: -2px;
margin-left: 10px;
}
.registrationPage.More{display: none;}
.registrationPage.More span{display: inline-block; height: 28px; width: 28px; background: url('../images/postlogin/more.svg'); background-size: 14px; background-color: #FFFFFF; border-radius: 50%; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-right: 10px;}
.registrationNameError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute;margin-top: 5px; display: none;}
.registrationLastNameError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute;margin-top: 5px; display: none;}
.registrationPhoneError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute;margin-top: 5px; display: none;bottom: -32px;right: 25px;}
.registrationDobError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute;margin-top: 5px; display: none;}
.registrationEmailError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute;margin-top: 5px; display: none;}
.registrationPasswordError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute; display: none; bottom: -31px;}
.registrationPasswordError.show{display: block !important;}
.registrationConfirmPasswordError{color: #ED1C24; font-size: 12px; letter-spacing: -0.15px; line-height: 14px; position: absolute; display: none; bottom: -31px;}
.registrationConfirmPasswordError.show{display: block !important;}
.formFieldInvalid{border: 1px solid #ED1C24 !important;}
.registrationHasError{display: block !important;}
.deactivateSecurityTab{position: absolute;height: 25px;width: 25px;right: 50px;z-index: 99; cursor: not-allowed;}
/* registration page css ends here */
/* dashboard spiceclub tab css starts here */
.currentUser{position: relative;}
.currentUser .nav-link{position: relative;}
.currentUser .nav-link::after{ content: ''; position: absolute;top: 27px;right: 0;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 5px solid #BDBDBD;transform: rotate(180deg);}
.dropdown-menu.currentUserActions{ left: -35px; min-width: 10rem;border: 1px solid #F3F3F3;background-color: #FFFFFF;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);padding: 0;top: 47px;padding-bottom: 5px;}
.dropdown-menu.currentUserActions::before { content: '';position: absolute;top: -11px;left: 118px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 10px solid white;transform: rotate(0deg);
}
.currentUserActions .dropdown-item:active{color: #16181b;text-decoration: none;background-color: #f8f9fa;}
.dashboard.NavbarWrapper{height: 110px; background: linear-gradient(90deg, #D20009 0%, #78080C 100%); padding: 23px 0px;}
.dashboard.NavbarWrapper .subWrapper{
width: 820px; margin: 0 auto; display: flex; position: relative;
}
.loginPage.navbar .navbar-brand{margin-right: 0; padding-right: 0;}
.dashboard.NavbarWrapper .subWrapper .userIcon{height: 55px; width: 55px; background-color: #FFFFFF;border-radius: 50%; margin-top: 5px; position: relative; text-align: center; padding: 13px 0px;}
.dashboard.NavbarWrapper .subWrapper .userIcon .userInitials{font-style: normal; color: #ED1C24; font-size: 26px; letter-spacing: 1.44px; line-height: 32px;}
.dashboard.NavbarWrapper .subWrapper .userDetail{margin-left: 20px; padding-top: 6px;}
.dashboard.NavbarWrapper .subWrapper .userDetail .userGreeting, .dashboard.NavbarWrapper .subWrapper .userDetail .userGreeting var{ color: #FFFFFF; font-size: 20px; letter-spacing: 1.11px; line-height: 24px; font-style: normal; margin-bottom: 12px;line-height: 24px;}
.dashboard.NavbarWrapper .subWrapper .userDetail .userCurrentTier, .dashboard.NavbarWrapper .subWrapper .userDetail .userCurrentTier var{color: #FFFFFF; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; margin: 0;font-style: normal;}
.dashboard.NavbarWrapper .subWrapper .spiceclubLogo{height: 35px; width: 103px;position:absolute;background:url('../images/postlogin/SpiceClubLogowhite.png');right: 0;background-size: cover;}
.dashboard.NavbarWrapper .subWrapper .myAccountCaption{color: #FFFFFF; font-size: 14px; letter-spacing: 1.56px; line-height: 23px;right: 12px; top: 40px; position: absolute;}
.dashboardTabsWrapper{width: 1047px; padding: 30px 0px 57px 0px; margin: 0 auto; display: flex;}
.dashboardTabsWrapper .tabMenuListWrapper{height: 543px; width: 270px; border: 1px solid #D2D2D2; border-radius: 8px;padding-top: 26px;}
.dashboardTabsWrapper .tabMenuListWrapper ul li{width: 100%;}
.dashboardTabsWrapper .tabMenuListWrapper ul li a{height: 60px; border-left: 7px solid #ffffff; cursor: pointer;}
.dashboardTabsWrapper .tabMenuListWrapper ul li a.active{ border-left: 7px solid #ED1C24; background: #f8f8f8;}
.dashboardTabsWrapper .tabMenuListWrapper ul li a{color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;width: 100%; display: block;padding: 22px 0px; padding-left: 93px;height: 100%;}
.dashboardTabsWrapper .tabMenuListWrapper ul li a:hover{border-left: 7px solid #f8f8f8; background: #f8f8f8;}
.dashboardTabsWrapper .contentWrapper{width: calc(100% - 270px);}
.spiceclubSubTabs{padding-left: 30px; margin-bottom: 34px;}
.spiceclubSubTabs .nav-pills .nav-link{height: 113px; width: 235px; border: 1px solid #D2D2D2; border-radius: 6px; background-color: #FFFFFF; margin-right: 20px; cursor: pointer; position: relative; padding: 17px 25px 12px 25px;}
.spiceclubSubTabs .nav-pills .nav-link .labelvalue{float: right; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;}
.spiceclubSubTabs .nav-pills .nav-link.active .labelvalue{color: #ED1C24;}
.spiceclubSubTabs .nav-pills .nav-link .labelvalue.loyaltyPoints{margin-top: 13px;font-size: 18px; letter-spacing: 1px; line-height: 22px;}
.spiceclubSubTabs .nav-pills .nav-link .labelvalue.totalFlights{font-size: 18px; letter-spacing: 1px; line-height: 22px; float: right;}
.spiceclubSubTabs .nav-pills .nav-link .labelvalue.totalSpent{position: relative;
left: 12px;}
.spiceclubSubTabs .nav-pills .nav-link.active{border: 1px solid #F7941D;box-shadow: 0 2px 15px 0 #BDBDBD;}
.spiceclubSubTabs .nav-pills .nav-link.active::before{content: ''; position: absolute; left: 0; top: 0; background-color: #F7941D;height: 111px; width: 5px;border-radius: 6px 0 0 6px;}
.spiceclubSubTabs .nav-pills .nav-link p{display: inline-block;color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;}
.spiceclubSubTabs .nav-pills .nav-link .details{ color: #BDBDBD; font-size: 12px; line-height: 36px;margin: 0;position: absolute;top: 72px;right: 25px; text-decoration: underline;}
.spiceclubSubTabs .nav-pills .nav-link.active .details{display: none;}
.spiceclubSubTabs .nav-pills .nav-link.lastChild{margin: 0;}
#subtab-tabContent .carouselWrapper{ margin: 0 auto; padding: 20px; width: 737px; padding-right: 0; padding-bottom: 0; padding-top: 0; height: 396px;}
.spiceclubCenterCarousel .check{ height: 295px; width: 177px; border: 1px solid #E7E7E7; border-radius: 16px; background-color: #FFFFFF; box-shadow: 0 5px 20px 0 #FFF3F4, 0 25px 34px 0 rgba(0,0,0,0.1);}
.check.slick-center{height: 355px; width: 237px;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide {
margin: 0px 10px;
width: 181px !important;
opacity: 0;
}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide img {
width: 100%;
}
#subtab-tabContent .carouselWrapper .slick-prev:before,
.slick-next:before {
color: black;
}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide {
transition: all ease-in-out .3s;
opacity: 0;
}
#subtab-tabContent .carouselWrapper .slick-active {
opacity: .5 !important;
}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader{position: absolute; top: 0; left: 0; right: 0; margin: auto;height: 108px; width: 146px; border-radius: 6px;box-shadow: 0 10px 11px 0 #DADADA; background: #ffffff; z-index: 99; }
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.classic::before{content: ''; width: 100%; height: 10px; position: absolute; top: 0; left: 0; background: linear-gradient(270deg, #C92735 0%, #820115 100%); border-radius: 6px 6px 0px 0px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.classic .tierTitle{ color: #D0021B; border-top: 1px solid #D0021B;border-bottom: 1px solid #D0021B;font-size: 18px;font-weight: bold;letter-spacing: 0.8px;text-align: center;padding: 7px 0;width: 60%; margin: 0 auto; margin-top: 23px;padding-bottom: 4px; letter-spacing: 2px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.classic .tierDesc{ font-size: 10px;letter-spacing: 0.8px;text-align: center;line-height: 1.3; color: #D0021B; margin-top: 12px; padding: 0 16px; margin-bottom: 0;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.silver::before{content: ''; width: 100%; height: 10px; position: absolute; top: 0; left: 0; background: linear-gradient(270deg, #FFFFFF 0%, #DADADA 35.93%, #838383 100%); border-radius: 6px 6px 0px 0px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.silver .tierTitle{ color: #878787; border-top: 1px solid #878787;border-bottom: 1px solid #878787;font-size: 18px;font-weight: bold;letter-spacing: 0.8px;text-align: center;padding: 7px 0;width: 60%; margin: 0 auto; margin-top: 23px;padding-bottom: 4px; letter-spacing: 2px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.silver .tierDesc{ font-size: 10px;letter-spacing: 0.8px;text-align: center;line-height: 1.3; color: #878787; margin-top: 12px; padding: 0 16px; margin-bottom: 0;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.gold::before{content: ''; width: 100%; height: 10px; position: absolute; top: 0; left: 0; background: linear-gradient(225.79deg, #F8C73C 0%, #BF8F07 67.14%, #9E7C1A 100%); border-radius: 6px 6px 0px 0px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.gold .tierTitle{ color: #D79F00; border-top: 1px solid #D79F00;border-bottom: 1px solid #D79F00;font-size: 18px;font-weight: bold;letter-spacing: 0.8px;text-align: center;padding: 7px 0;width: 60%; margin: 0 auto; margin-top: 23px;padding-bottom: 4px; letter-spacing: 2px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.gold .tierDesc{ font-size: 10px;letter-spacing: 0.8px;text-align: center;line-height: 1.3; color: #D79F00; margin-top: 12px; padding: 0 16px; margin-bottom: 0;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.platinum::before{content: ''; width: 100%; height: 10px; position: absolute; top: 0; left: 0; background: linear-gradient(270deg, #676767 0%, #1C1C1C 100%); border-radius: 6px 6px 0px 0px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.platinum .tierTitle{ color: #676767; border-top: 1px solid #676767;border-bottom: 1px solid #676767;font-size: 18px;font-weight: bold;letter-spacing: 0.8px;text-align: center;padding: 7px 0;width: 72%; margin: 0 auto; margin-top: 23px;padding-bottom: 4px; letter-spacing: 2px;}
#subtab-tabContent .carouselWrapper .dashboardTierCardsHeader.platinum .tierDesc{ font-size: 10px;letter-spacing: 0.8px;text-align: center;line-height: 1.3; color: #676767; margin-top: 12px; padding: 0 13px; margin-bottom: 0;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashboardTierCardsHeader{ height: 140px !important;width: 191px;border-radius: 8px;background-color: #FFFFFF;box-shadow: 0 10px 11px 0 #DADADA;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashBoardTierCards .classiclistitems{ margin-top: 130px !important;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashBoardTierCards .classiclistitems ul{padding-left: 35px;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashBoardTierCards .classiclistitems ul li{ font-size: 14px; letter-spacing: 1.56px; line-height: 25px; margin-bottom: 5%;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashboardTierCardsHeader .tierTitle{font-size: 22px; padding-top: 12px; padding-bottom: 8px;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashboardTierCardsHeader .tierDesc{ margin-top: 20px;font-size: 12px;letter-spacing: 1.33px;line-height: 15px;}
#subtab-tabContent .carouselWrapper .dashBoardTierCards{ height: 272px; width: 181px; border-radius: 10px; background: #ffffff; position: absolute; bottom: 0; box-shadow: 0 5px 20px 0 #FFF3F4, 0 25px 34px 0 rgba(0,0,0,0.1);border: 1px solid #E7E7E7;}
#subtab-tabContent .carouselWrapper .dashBoardTierCards .classiclistitems{margin-top: 100px;}
#subtab-tabContent .carouselWrapper .dashBoardTierCards .classiclistitems ul{padding-left: 20px; padding-right: 13px;}
#subtab-tabContent .carouselWrapper .dashBoardTierCards .classiclistitems ul li.success{font-size: 12px; margin-bottom: 1%;}
#subtab-tabContent .carouselWrapper .dashBoardTierCards .classiclistitems ul li.closepoint{font-size: 12px;margin-bottom: 1%;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-cloned{opacity: 0;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current {
opacity: 1 !important;
height: 386px !important; width: 237px !important;
}
#subtab-tabContent .carouselWrapper .slick-track {
height: 410px !important;
}
#subtab-tabContent .carouselWrapper .dashBoardTierCards::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; width: 120px; margin: auto;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashBoardTierCards::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; width: 170px; margin: auto;}
.dashBoardTierCards.silver::after{background-color: #AEAEAE;}
.dashBoardTierCards.gold::after{background-color: #D79F00;}
.dashBoardTierCards.classic::after{background-color: #D0021B;}
.dashBoardTierCards.platinum::after{background-color: #676767;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current div{height: 386px !important; margin-top: 0 !important;}
#subtab-tabContent .carouselWrapper .center.slider .slick-slide.slick-current .dashBoardTierCards{ height: 355px !important; width: 237px; border: 1px solid #E7E7E7; border-radius: 16px; background-color: #FFFFFF; box-shadow: 0 5px 20px 0 #FFF3F4;position: absolute; bottom: 0;}
#sub-loyalty .WrapperMain{display: flex;}
#sub-loyalty .pointsDetailsWrapper{ height: 393px; width: 490px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 2px 15px 0 #BDBDBD; margin-left: 34px;padding: 17px 28px 28px 28px;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper{display: flex; width: 100%; }
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection, #sub-loyalty .pointsDetailsWrapper .PointsWrapper .pendingPointsSection{width: 50%;position: relative;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection::after{content: '';height: 205px; width: 2px; background: #BDBDBD; position: absolute; right: 0; top: 105px; opacity: 0.5}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection .summaryWrapper{ height: 60px; width: 217px; border-radius: 3px; background-color: #F0F7FF; padding-top: 11px; padding-left: 19px;position: relative;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection .summaryWrapper::after{content: ''; position: absolute; right: 0;
top: 0; bottom: 0; margin: auto; height: 40px; width: 2px; background: #ffffff}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection .summaryWrapper .desc{color: #757575; font-size: 12px; letter-spacing: 0.67px; line-height: 16px;margin: 0;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .earnedPointsSection .summaryWrapper .avlPoints{position: absolute;right: 58px; bottom: 16px; color: #757575; font-size: 16px; font-weight: bold; line-height: 19px; font-style: normal; }
.earnedPointsChartWrapper{width: 98px; height: 98px; margin: 0 auto; margin-top: 16px; position: relative;}
.earnedPointsChartWrapper .chartValue{height: 43px; width: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center;color: #757575; font-size: 12px; letter-spacing: 0.67px; line-height: 20px;}
.earnedPointsChartWrapper .chartValue var{font-style: normal; font-size: 16px;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .pendingPointsSection .summaryWrapper .desc{color: #757575; font-size: 12px; letter-spacing: 0.67px; line-height: 16px;margin: 0; padding-left: 15px;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .pendingPointsSection .summaryWrapper .avlPoints{position: absolute;right: 32px; bottom: 16px; color: #757575; font-size: 16px; font-weight: bold; line-height: 19px; font-style: normal; }
.earnchartlegends{position: relative; margin-top: 15px; padding-left: 25px;}
.earnchartlegends::before{content: ''; position: absolute; top: 3px; left: 7px; height: 7px; width: 7px; border-radius: 50%;}
.pendingPointsSection .earnchartlegends::before{content: ''; position: absolute; top: 3px; left: 7px; height: 7px; width: 7px; border-radius: 50%;}
.earnchartlegends.first::before{ background-color: #5716F7;}
.earnchartlegends.second::before{ background-color: #FFD3D3;}
.earnchartlegends.third::before{ background-color: #50E3C2;}
.pendingPointsSection .earnchartlegends.first::before{ background-color: #4A90E2;}
.pendingPointsSection .earnchartlegends.second::before{ background-color: #F0DFFF;}
.pendingPointsSection .earnedPointsChartWrapper{margin-top: 30px;}
.pendingPointsSection .earnchartlegends var{right: 25px;}
.earnchartlegends p{color: #4A4A4A; font-size: 12px; line-height: 15px;margin: 0;}
.earnchartlegends var{font-style: normal;color: #4A4A4A; font-size: 12px; line-height: 15px; position: absolute; top: 2px; right: 40px;}
#sub-loyalty .pointsDetailsWrapper .PointsWrapper .pendingPointsSection .summaryWrapper{ height: 60px; width: 217px; border-radius: 3px; background-color: #F0F7FF; position: relative; padding-top: 11px; padding-left: 30px;}
#sub-loyalty .pointsDetailsWrapper .header{ color: #424242; font-size: 14px; font-weight: bold; letter-spacing: 0.78px; line-height: 17px;
margin-bottom: 10px;}
#sub-loyalty .pointsSummaryWrapper{height: 393px; width: 235px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 2px 15px 0 #BDBDBD; margin-left: 20px; display: block;position: relative;}
.pointsSummaryWrapper .pointsSummaryHeaderWrapper{ height: 65px; width: 235px; border-radius: 6px 6px 0 0; background: linear-gradient(225deg, #5B1861 0%, #3B5C93 100%); padding: 23px 0px 0px 0px;}
.pointsSummaryWrapper .pointsSummaryHeaderWrapper .header{ color: #FFFFFF; font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 17px; padding-left: 29px;}
.pointsSummaryWrapper .calcWrapper{padding: 38px 34px 35px 35px}
.pointsSummaryWrapper .calcWrapper .pointsEarned{display: flex; position: relative; margin: 0 auto;}
.pointsSummaryWrapper .calcWrapper .pointsEarned p{ color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; margin: 0; margin-right: 30px; }
.pointsSummaryWrapper .calcWrapper .pointsEarned p span{display: inline-block; height: 25px; width: 25px; background-color: #F4FDEA; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.pointsSummaryWrapper .calcWrapper .pointsEarned var{ color: #757575; font-style: normal;font-size: 18px; line-height: 22px;margin-top: 1px; position: absolute; right: 0;}
.pointsSummaryWrapper .calcWrapper .pointsUsed{display: flex; position: relative; margin: 0 auto; margin-top: 18px;}
.pointsSummaryWrapper .calcWrapper .pointsUsed::after{content: ''; position: absolute; height: 2px; width: 166px; background: #979797; bottom: -20px; opacity: 0.5;}
.pointsSummaryWrapper .calcWrapper .pointsUsed p{ color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; margin: 0; margin-right: 30px; }
.pointsSummaryWrapper .calcWrapper .pointsUsed p span{display: inline-block; height: 25px; width: 25px; background-color: #FFF3F4; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.pointsSummaryWrapper .calcWrapper .pointsUsed var{ color: #757575; font-style: normal;font-size: 18px; line-height: 22px;margin-top: 1px; position: absolute; right: 0; display: inline-block;}
.pointsSummaryWrapper .calcWrapper .totalPoints {
width: 125px;
margin: 0 auto;
margin-top: 30px;
position: relative;
display: flex;
margin-bottom: 38px;
}
.pointsSummaryWrapper .calcWrapper .totalPoints var{ color: #757575; font-size: 18px; font-weight: bold; line-height: 22px; position: absolute; right: -15px;bottom: 0; font-style: normal;}
.pointsSummaryWrapper .calcWrapper .totalPoints p{color: #757575; font-size: 12px; letter-spacing: 0.67px; line-height: 15px; margin: 0;}
.pointsSummaryWrapper .redeemNow{display: block;height: 44px; width: 147.49px; color: #757575; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 17px; text-align: center; border: 1px solid;border-radius: 6px;padding: 14px 0; margin: 0 auto; }
.pointsSummaryWrapper .infoWrapper{height: 45px; width: 235px; border-radius: 0 0 6px 6px; background-color: #F0F7FF; position: absolute; bottom: 0; padding: 15px 0}
.pointsSummaryWrapper .infoWrapper p{color: #757575; font-size: 12px; letter-spacing: 0.67px; line-height: 15px; text-align: center;}
.requestAddPointsWrapper{ height: 160px; width: 1047px; border-radius: 8px; background-color: #F1F1F1; margin: 0 auto; display: flex;}
.requestAddPointsWrapper .leftSection{ height: 160px; width: 219px; border-radius: 8px 0 0 8px; background: linear-gradient(315deg, #5B1861 0%, #3B5C93 100%);padding: 85px 20px 41px 19px;}
.requestAddPointsWrapper .leftSection p{ color: #FFFFFF; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; text-align: center;}
.requestAddPointsWrapper .rightSection{padding: 36px 0px 48px 77px; width: calc(100% - 219px); height: 100%; }
.requestAddPointsWrapper .rightSection form{display: flex;}
.requestAddPointsWrapper .rightSection form .pnrField{ height: 45px; width: 153px; background-color: #FFFFFF; border: none;padding-left: 25px; margin-right: 20px;}
.requestAddPointsWrapper .rightSection form .lastnameField{ height: 45px; width: 335px; background-color: #FFFFFF; border: none;padding-left: 25px; margin-right: 14px;}
.requestAddPointsWrapper .rightSection form .claimNow{height: 45px; width: 150px; border-radius: 6px; background-color: #ED1C24;color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: 1.78px; line-height: 19px; text-align: center; border: none; cursor: pointer;}
.requestAddPointsWrapper .rightSection form label{margin-bottom: 10px;color: #424242; font-size: 14px; line-height: 17px;}
.requestAddPointsWrapper .rightSection form .pnrlabel,.requestAddPointsWrapper .rightSection form .lastnameLabel{padding-left: 25px; }
.requestAddPointsWrapper .rightSection form .pnrlabel span{display: inline-block; height: 22px; width: 22px; background-color: red; border-radius: 50%;vertical-align: bottom; margin-left: 11px; }
.requestAddPointsWrapper .rightSection form .claimNow:focus{outline: none;}
.yourVouchersWrapper{padding: 50px 0px 15px 0px; background-color: #F1F1F1;margin-top: 70px;}
.yourVouchersWrapper .subWrapper{width: 1057px; margin: 0 auto;}
.yourVouchersWrapper .subWrapper .header{ color: #424242; font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px; margin-bottom: 20px; padding-left: 10px;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul{list-style-type: none; margin: 0; padding: 0;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li{display: inline-block; height: 180px; width: 239px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 10px 0 #E7E7E7; margin-right: 30px; margin-bottom: 30px; position: relative;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li:nth-child(4n){margin-right: 0;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .validUpto{display: inline-block; position: absolute; top: 13px; left: 19px; margin: 0;color: #BDBDBD; font-size: 12px; line-height: 15px;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .validity{color: #757575; font-size: 12px; line-height: 15px; position: absolute; top: 13px; right: 16px;margin: 0;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .icon{display: block;height: 50px; width: 50px; background-color: #F8F8F8; border-radius: 50%; position: absolute; top: 22px; left: 94px; }
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .icon img{object-fit: contain;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .voucherDesc{ color: #424242; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; position: absolute; top: 87px; left: 47px;margin: 0;text-align: center; text-align: center;padding-right: 50px;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li::after{content: ''; width: 100%; position: absolute; height: 1px; background: #bdbdbd; top: 140px;}
.yourVouchersWrapper .subWrapper .yourListWrapper ul li .viewVoucher{display: block; position: absolute; bottom: 13px; left: 0; right: 0; margin: auto;color: #ED1C24; text-align: center;font-size: 14px; letter-spacing: 0.78px; line-height: 17px;}
.yourVouchersWrapper .subWrapper .allDealsLink{display: block; text-align: right;color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;}
.partnerOffersWrapper.dashBoard{padding-bottom: 50px; background: #f1f1f1;}
.partnerOffersWrapper.dashBoard .subContentWrapper{width: 1057px; margin: 0 auto;}
.partnerOffersWrapper.dashBoard .subContentWrapper .header{color: #424242; font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px; margin-bottom: 23px; padding-left: 20px;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards{height: 312px; width: 330px !important; border-radius: 8px; background-color: #FFFFFF; position: relative;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .slick-slide{margin: 0px 14px;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .branding{height: 40px; width: 126px; position: absolute; top: 12px; left: 26px;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .branding img{object-fit: contain;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .validity{color: #bdbdbd; font-size: 12px; line-height: 15px; position: absolute; top: 26px; right: 20px; letter-spacing: 0.2px;margin: 0; }
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .validity strong{color: #757575; font-weight: normal;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .banner{width: 100%; height: 148px; position: absolute; top: 68px;background-color: #D8D8D8;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .banner img{object-fit: contain;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .desc{position: absolute; top: 226px; text-align: center;color: #4A4A4A;font-size: 14px; letter-spacing: 1.24px; line-height: 25px;width: 100%;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .getDealLink{width: 100%;height: 38px; position: absolute;bottom: 0; border-radius: 0 0 6px 6px; background-color: #F7941D; text-align: center; color: #FFFFFF; font-size: 14px; letter-spacing: 0.78px; line-height: 17px; padding: 12px 0px;}
.partnerOffersWrapper.dashBoard .partnersOffers.slider .cards .tag{ height: 27px; width: 79px; border: 0.5px solid #CBE4AF; border-radius: 14.5px; background-color: #E1F4CD; text-align: center; position: absolute; top: 175px; left: 26px; color: #4A4A4A;font-size: 10px;letter-spacing: 1.11px;line-height: 18px;text-align: center;padding: 4px 0;
}
.partnerOffersWrapper.dashBoard .subContentWrapper .allOffersLink{display: block; text-align: right;color: #757575; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;}
.partnerOffersWrapper.dashBoard{padding-bottom: 50px; background: #f1f1f1;}
/* dashboard spiceclub tab css ends here */
@media only screen and (max-width:640px){.landingPageCarouselWrapper .carousel-caption{padding:25px 0; }
.landingPageCarouselWrapper.spicecashCarousel .carousel-caption { padding: 25px 0;}
.contactdetails.dropdown:hover>.dropdown-menu {right:0px;left: auto;}
#blackFridayHeader{line-height:52.5px;width:100px;line-height:37.5px;font-size:30px;padding-top:30px;}
#blackFridayHeader::after{font-size:15px;margin-left:136px;height:23px;width:58px;top:70%;line-height:21px;}
.navbar-brand img{width:77px;height:32px;object-fit:contain;}
.customNavMenuWrapper{margin-left:0px;}
.counterMainWrapper .scrollbar{width:650px;}
h3#flightsDaily{text-align:center;margin-left:70px;display:block;border-right:2px solid #979797;color:#AEAEAE;font-size:35px;letter-spacing:2.78px;line-height:60px;}
h3#flightsDaily::before{left:unset;right:88px;}
h3#aiportsWeFly{text-align:center;margin-left:55px;display:block;border-right:2px solid #979797;color:#AEAEAE;font-size:35px;letter-spacing:2.78px;line-height:60px;}
h3#aiportsWeFly::before{left:unset;right:88px;}
h3#holidays{text-align:center;margin-left:53px;display:block;border-right:2px solid #979797;color:#AEAEAE;font-size:35px;letter-spacing:2.78px;line-height:60px;}
h3#holidays::before{right:100px;}
h3#hotels{text-align:center;margin-left:70px;display:block;color:#AEAEAE;font-size:35px;letter-spacing:2.78px;line-height:60px;}
h3#hotels::before{right:100px;}
.spiceClubTierhead{font-size:20px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h4{position: relative; top: unset; left: unset;}
.loyaltyPointsWrapper .loyaltyPointsContainer h3{font-size:18px;}
.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails{line-height:14px;}
.infographicsWrapperMobile{display:none;}
.infographicsWrapper{height:360px;}
.wrapper{width:100%;justify-content:space-between;flex-wrap:wrap;z-index:auto;}
.wrapper .navmenu.navbar-collapse{width:100%;position:relative;overflow-y:auto;white-space:nowrap;}
.wrapper .navmenu.navbar-collapse .navbar-nav{display:block;;padding:0 14px !important;text-align:center;}
.wrapper .navmenu.navbar-collapse .navbar-nav li{display:inline-block;}
.wrapper .navmenu.navbar-collapse .navbar-nav li a{padding-bottom:8px;padding-top: 10px;}
.classicDescription{display: none;}
.wrapper .navbar-brand{margin-right:0px;margin-top:0px;}
.navrightSec .loginnav li:first-child {display:none;}
.loginnav{flex-direction:initial;margin-right:0px !important;}
.loginnav li a img{position:relative;top:-4px;}
.wrapper .navmenu.navbar-collapse{position:absolute;top:50px;border-top: 1px solid #F3F3F3;background-color:#000;}
.spiceClubTierListWrapper .spiceClubTierList .descBody{font-size: 14px;padding: 0px 15px; top: 45px;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item{margin-top: 100px;}
.spiceClubTierListsWrapper .spiceClubTierLists .desc{width: 100%; padding: 0 15px; font-size: 14px;}
.spiceClubTierListsWrapper .spiceClubTierLists .spiceClubBenefits-Slider.firstSlider{margin-top: 20px;}
.wrapper .collapse.show{position:fixed;width:60%;top:0px;bottom:0;background:#ffffff;display:block !important;-webkit-animation-duration: 0.1s;-webkit-animation-name: slidein;-moz-animation-duration: 0.1s;-moz-animation-name: slidein;-o-animation-duration: 0.1s;-o-animation-name: slidein;animation-duration: 0.1s;animation-name: slidein;z-index: 99999;}
@-webkit-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@-moz-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@-o-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@keyframes slidein {from {width: 50%;}to {width: 60%;}}
.navbarSupportedContent>img{text-align: center;}
.hamburgerMenu img{width:77px;height: 32px;object-fit: contain;display:block;margin: 18px auto;}
.hamburgerMenu h2{color:#ED1C24;font-size: 14px;letter-spacing: 0.78px;line-height:17px;margin: 0;padding: 0 30px 20px;text-align:center;}
.navbar-expand-lg .hamburgerMenu .navbar-nav .nav-link{color: #757575;font-family: Source Sans Pro;font-size: 12px;letter-spacing: 0.67px;line-height: 15px;padding: 15px 30px 15px 0px;margin: 0 30px;border-bottom:1px solid #F1F1F1;}
.navbar-expand-lg .hamburgerMenu .navbar-nav .nav-item:last-child .nav-link{border-bottom:none;}
.spiceClubContainer .spiceClubConetnt .descSection::after{display:none;}
.mainWrap{margin-top:56px;}
.spiceClubContainer .spiceClubConetnt .imageSection{display:none;}
.spiceClubAboutWrapper .spiceClubContainer{width:92%;}
.spiceClubContainer .spiceClubConetnt .descSection{width:100%;height:80px;overflow:hidden;margin-bottom:10px;}
.seeMore{height:auto !important;}
.spiceClubContainer .spiceClubConetnt{padding-top: 16px;}
.spiceClubContainer .spiceClubConetnt .descSection p{width:338px;color:#424242;font-size:14px;line-height:20px;margin-left:0;margin-right:0;padding-top:0; margin-top: 0;}
.spiceClubAboutWrapper{background:url('../images/delighter 2 copyM.png') no-repeat;background-position:99% 10px;}
.spiceClubTierListsWrapper{background:url('../images/delighter 2 copy 2M.png') no-repeat;background-position:4px bottom;margin-bottom: 0;}
.loyaltyPointsWrapper .loyaltyPointsContainer .descBody{font-size: 14px; padding: 0px 15px; margin-bottom: 10px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper{width: 100%;}
.spiceClubContainer .spiceClubConetnt .descSection p:nth-child(2){margin-top:0;}
.landingPageCarouselWrapper{height:180px;margin-top:30px;}
.landingPageCarouselWrapper .carousel-caption h5{color:#FFFFFF;font-size:18px;font-weight:bold;line-height:22px;margin-bottom:5px;}
.landingPageCarouselWrapper .carousel-caption p{width:176px;color:#FFFFFF;font-size:10px;line-height:12px;}
.landingPageCarouselWrapper .carouselControl{display:none;}
.landingPageCarouselWrapper .carousel-caption{top:0;left:5%;}
.landingPageCarouselWrapper .carousel-indicators li{width:10px;height:10px;}
.loyaltyPointsWrapper{padding-bottom:40px;padding-top:40px;}
.spiceClubAboutWrapper .spiceClubContainer h3{color:#424242;font-size:18px;font-weight:bold;line-height:27px;padding-top:16px;margin-bottom:0;}
.showMore{display:block;color:#878787;font-size:14px;font-weight:bold;letter-spacing:0.5px;line-height:19px;}
.showMore:hover, .showMore:visited, .showMore:focus{text-decoration:none;color:#878787;font-weight:bold;letter-spacing:0.5px;line-height:19px;}
.showMore:active{color:#878787;font-weight:bold;letter-spacing:0.5px;line-height:19px;}
#carouselExampleIndicators{height:180px;z-index: 1;}
.landingPageCarouselWrapper .carousel-inner .carousel-item{height:180px;}
.landingPageCarouselWrapper .carousel-inner .carousel-item img{height:100%;object-fit:cover;}
#homepageFirstSlide{object-fit: fill;}
.carousel-indicators{bottom:0;}
.landingPageCarouselWrapper .carousel-caption .carouselKnowMore{left:0;top:120px;font-size:12px;}
.landingPageCarouselWrapper .carousel-caption .carouselSignupLink{width:120px;font-size:14px;height:42px;bottom:30px}
.landingPageCarouselWrapper .firstSlideTierPage .carousel-caption .carouselSignupLink{padding: 8px;height: 40px;width: 125px;right: 20px;margin-top: 20px;display: block;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem{margin:0 auto;height:205px; float: none !important;}
.loyaltyPointsContainer{width:100%;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem img{height:205px;width:130px;}
.counterMainWrapper{margin-top:50px;margin-bottom:35px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem .content p{margin-top:10px;line-height:19px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem .content{width:58%;float:right;margin-top:40px;padding:0px 0px 0px 20px; margin-top:20px;}
.cardWrapper .col-md-6{padding-right:15px !important;}
.paddingAdjust{padding-left:15px !important;padding-right:15px !important;margin-top:15px;}
.spiceCashWrapper .spiceCashContainer{width:100%;padding-top:30px;}
.spiceCashWrapper .spiceCashContainer > h3{margin-bottom:10px;}
#spiceCashCard{height:190px;width:320px;background-size:contain;}
.classiccardleft.classic, .classiccardleft.silver, .classiccardleft.gold, .classiccardleft.platinum{background-size:cover;}
.spiceCashWrapper .spiceCashContainer > h6{font-size:12px;}
.spiceCashWrapper .spiceCashContainer > h3{font-size:18px;}
.spiceCashWrapper .spiceCashContainer .row .content h3{font-size:16px;width:307px;}
.spiceCashWrapper .spiceCashContainer .row .content .desc{margin-top:15px;height:140px;overflow:hidden;}
.loyaltyPointsWrapper .loyaltyPointsContainer h3{margin-bottom:10px;}
.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails{margin-top:0px;float:right;width:125px;height:40px;}
.headerPaddingLeft{padding-left:15px;}
.spiceClubAboutWrapper{height:auto;padding-bottom:90px;}
.counterMainWrapper{overflow-y:auto;}
.counterMainWrapper .scrollbar{width:650px;}
.carousel-control-next-custom{right:0;}
.wantToKnowMoreContainer{width:100%;}
.wantToKnowMoreWrapper{height:440px;background:url(../images/img/mobile-footer.png);background-size:cover;padding-bottom:68px; background-color: #f1f1f1; margin-top: -1px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h2{font-size:18px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h4{font-size:14px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption{}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption span{height:33px;width:33px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs span{height:33px;width:33px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .helpContacctWrapper{margin-left:0px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs.number{margin-left:132px;margin-bottom:20px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(2) p{margin-top:40px;margin-left:43px;text-align:center;margin-top:20px;font-size:14px;}
.storeWrapper{width:100%;justify-content: center;}
.spiceCashWrapper{padding-bottom:0;}
.footer-area{display:none;}
.counterMainWrapper .counterWrapper h4{font-size:12px;}
.googlePlayIcon{float:left;margin-top:0;}
.appleStoreIcon{float:left;margin-left:20px;margin-top:0;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) p{margin-top:20px;margin-left:0;font-size:14px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) li{margin-right:30px; margin-left: 0}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) ul{margin-left:0;margin-top:0;}
.spiceClubTierList{width:100%;height:200px;}
#carouselSpiceTier{height:420px;top:50px;}
.spiceClubTierhead{top:10px;padding-left:15px;font-size:18px;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators{top:0px;padding:0 14px;margin:0 auto;width:100%;right:0;overflow-y:auto;white-space:nowrap;height:46px;}
.spiceClubTierList .carousel-indicators{display:-webkit-inline-box;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item .carouselCenter{width:100%;padding:0 14px;top:38%;}
.carouselCenter .row{padding:0;margin:0;max-height:218px;}
.cardName h1{font-size:18px;line-height:9px;}
.cardName p{font-size:16px;}
.carouselCenter .classicCard{box-shadow:0 15px 34px 0 rgba(84, 84, 84, 0.5);height:100%;}
.classiccardleft .cardName{top:40% }
.classiccardleft p.cardinfo{font-size:10px;line-height:14px;padding:16px 16px 0px 14px;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li{width:75px;}
.classichead, .classicheadList{display:none;}
.classicAdv{padding:0px }
.carouselCenter .btn{margin:20px 0;float:right;}
.classiccardright{margin:0 8px;}
.classiccardright ul{padding-top:3%;padding-left:8%;}
.classiccardright .classicfeatures{padding:12px 0px 6px 0px;font-size:13px;line-height:16px;margin-bottom:0px;width:80%;}
.classiccardright ul li.success, .classiccardright ul li.closepoint{font-size:12px;line-height:22px;}
#carouselSpiceTier .carousel-control-prev-icon, #carouselSpiceTier .carousel-control-next-icon{display:none;}
.classiccardright ul li.success::before, .classiccardright ul li.closepoint::before{font-size:16px;top:0;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li:last-child, .spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item:last-child{display:none;}
.classiccardleft{height:100%;}
.spiceClubTierLists, .slick-list{width:100%;margin:0 }
.spiceClubBenefits-Slider, .spiceClubBenefitslike-Slider{height:auto }
.slick-next, .slick-next:hover, .slick-next:focus, .slick-prev, .slick-prev:hover, .slick-prev:focus{background-image:none;}
.slick-initialized .slick-slide{width:160px !important;height:140px !important;margin:0 5px;}
.benefitdiff{display:none;}
.spiceClubbenefitshead{padding:0 0 6px 14px;font-size:18px;}
.likingmore, .likingmore:hover{margin:0 0 20px 16px;font-size:16px;}
.slick-initialized .slick-slide:first-child{margin-left:10px;}
.spiceClubBenefits-Slider .item .img-fill .info, .spiceClubBenefitslike-Slider .item .img-fill .info{height:139.13px;}
.slick-list .slick-track .item .img-fill:hover .hoverInfo{width: 215px;height: 126px;top: 6px;left: 115px;padding: 10px;}
.slick-list .slick-track .item .img-fill:hover .hoverInfo p{font-size: 11px;letter-spacing: 0.5px;}
.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo, .slick-list .slick-track .item:nth-child(4n+0) .img-fill:hover .hoverInfo {
left: 115px;
}
.slick-list .slick-track .item:nth-child(4n+0) .img-fill:hover .hoverInfo::before {
left: -11px; transform: rotate(-90deg);
}
/*.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo::before, .slick-list .slick-track .item:nth-child(2n+0) .img-fill:hover .hoverInfo::before{left: -11px; transform: rotate(-90deg);}
.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo, .slick-list .slick-track .item:nth-child(2n+0) .img-fill:hover .hoverInfo {
left: -170px;
}
.slick-list .slick-track .item:last-child .img-fill:hover .hoverInfo::before, .slick-list .slick-track .item:nth-child(2n+0) .img-fill:hover .hoverInfo::before{left: 207px;transform: rotate(90deg);}*/
.slick-initialized .slick-slide:last-child{margin-right:10px;}
.spiceClubContainer .carouselSignupLink{margin-right:0;width:125px;height:40px;padding:9px;margin-top: 0;}
.carouselCenter .btn{width:125px;height:40px;}
.storeWrapper::before{width:177px;display:none;background:white;height:1px;content:'';position:absolute;left:0;top:-106px;margin:auto;bottom:0;right:0;}
.storeWrapper::after{width:177px;display:none;background:white;height:1px;content:'';position:absolute;right:0;bottom:-126px;margin:auto;top:0;left:0;}
.infographicsContainer{height:191px;width:191px;}
#cart, #airplane, #diamond, #points{width:32px;height:32px;}
#cart::before, #airplane::before, #diamond::before, #points::before{width:24px;height:24px;}
.airplaneSection, .diamondSection, .pointsSection, .cartSection{width:45%;}
.airplaneSection h3, .diamondSection h3, .pointsSection h3, .cartSection h3{font-size:12px;width:auto;line-height:18px;}
.airplaneSection h3 span, .diamondSection h3 span, .pointsSection h3 span, .cartSection h3 span{font-size:30px;}
.airplaneSection p, .diamondSection p, .pointsSection p, .cartSection p{display:none;}
.infographicsWrapper > h3{width:auto;padding-left:30px;padding-top:15px;font-size:18px;}
.airplaneSection{width: 40%;}
.cartSection{left:-48%;top:10%;}
.pointsSection{top: 60%;left: -40%;width:36%;}
.diamondSection{top: 60%;width: 38%;}
.airplaneSection h3 span, .diamondSection h3 span, .pointsSection h3 span, .cartSection h3 span{display:none;}
.airplaneSection h3:before{content:'';display:inline-block;position:absolute;top:-2px;left:-26px;opacity:0.5;color:#F7941D;font-size:30px;font-weight:bold;letter-spacing:1.78px;}
.diamondSection h3:before{content:'';display:inline-block;position:absolute;top:4px;left:-26px;opacity:0.5;color:#F7941D;font-size:30px;font-weight:bold;letter-spacing:1.78px;}
.pointsSection h3:after{content:'';display:inline-block;position:absolute;top:0px;right:-22px;opacity:0.5;color:#F7941D;font-size:30px;font-weight:bold;letter-spacing:1.78px;}
.cartSection h3:after{content:'';display:inline-block;position:absolute;top:-22px;right:-4px;opacity:0.5;color:#F7941D;font-size:30px;font-weight:bold;letter-spacing:1.78px;}
.wantToKnowMoreContainer .sections{padding-left:20px;}
.wantToKnowMoreContainer .sections ul{display: flex; justify-content: center;}
.spiceClubContainer{width:100%;}
.faqdetails.dropdown:hover>.dropdown-menu{display: none;}
@keyframes earnSection{
0%{top:93%;display:none;opacity:0;}
70%{top:93%;display:none;opacity:0;}
100%{top:60%;opacity:1;}
}
@keyframes useSection{
0%{top:93%;opacity:0;}
80%{top:93%;opacity:0;}
100%{top:60%;opacity:1;}
}
@keyframes airplaneSection{0%{top:36%;display:none;opacity:0;}
60%{top:36%;display:none;opacity:0;}
100%{top:-6%;opacity:1;}
}
@keyframes diamondSection{0%{top:100%;display:none;opacity:0;}
90%{top:100%;display:none;opacity:0;}
100%{top:95%;opacity:1;}
}
@keyframes pointsSection{0%{top:93%;opacity:0;}
90%{top:93%;opacity:0;}
100%{top:86%;opacity:1;}
}
@keyframes cartSection{0%{top:25%;opacity:0;}
90%{top:25%;opacity:0;}
100%{top:18%;opacity:1;}
}
@keyframes cart{0%{left:-118%;opacity:0;}
80%{left:-60%;opacity:0;}
100%{left:20% }
}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .faqCaption{margin-top:20px;font-size:14px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .talkToUs{margin-top:20px;font-size:14px;}
/* earn points page css starts here*/
.landingPageCarouselWrapper.earnPointsCarousel{height:230px;}
.earnPointsCarousel #carouselExampleIndicators{height:230px;}
.earnPointsCarousel .carousel-inner .carousel-item{height:230px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper{height:180px;width:209px;padding:11px }
.earnPointsCaptionWrapper h3{font-size:18px;font-weight:bold;line-height:22px;margin-bottom:7px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper p{font-size:10px;line-height:12px;margin-bottom:17px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper .bookNow{width:120px;font-size:14px;height:40px;}
.multipleloyaltysection{overflow-x:auto;padding-bottom:12px;position: sticky; top: 0; z-index: 9999;}
.multipleloyaltysection .subContentwrapper{padding-left:20px;}
.subContentwrapper #flightadd{padding-bottom:25px;}
.earnPointsPage .nav-pills .nav-item{padding:0px 8px;}
.earnPointsPage .scrollableNavTabs{width:max-content;}
.earnPointsPage .loyaltypointhead{font-size:16px;letter-spacing:0.89px;line-height:19px;}
.earnPointsPage .nav-pills .nav-link.active{height:30px;width:175px;border-radius:17px;font-size:12px;font-weight:bold;letter-spacing:1.33px;line-height:15px;border-radius:17px;padding-left:0px;padding-right:0;text-align:center;}
.subContentwrapper{width:100%;padding-left:15px;}
.earnPointsPage .row.pointsList{width:auto;height:auto;display:flex;flex-direction:column;margin:20px 0;}
.earnPointsPage .pointsList .pointsListItems{margin-top: 15px;margin-left: 30px;}
.earnPointsPage .pointsList .pointsListItems:first-child{margin-top: 0px;margin-left: 30px;}
.earnPointsPage .pointsList .pointsListItems:last-child{margin-right: 45px;}
.earnPointsPage .earnPointsPageSrollPointList{width:100%;overflow-x:auto;}
.earnPointsPage .tabpanehead::before{bottom:0px;top:5px;}
.earnPointsPage #flightadd .pointsListItems p{padding-right:21px;}
.earnPointsPage .tabpanehead{margin-bottom:0;font-size:18px;font-weight:bold;line-height:24px;padding-right:32px;}
.earnPointsPage .earnupto{font-size:14px;line-height:20px;}
.earnpoints.spicecashSectionWrapper > h3{font-size:18px;font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:24px;}
.earnpoints.spicecashSectionWrapper{padding-right:15px;padding-top: 17px;}
.earnpoints .content{padding-top: 0; padding-bottom: 0; padding-left:15px;}
.earnpoints.spicecashSectionWrapper .classicheadList{display:block;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList{margin-left:0;}
.earnpoints.spicecashSectionWrapper .desc h3{margin-top:20px;margin-bottom:16px;font-size:16px;font-weight:bold;line-height:22px;}
.earnpoints.spicecashSectionWrapper .desc p{font-size:14px;line-height:20px;}
.earnpoints.spicecashSectionWrapper > .subContentwrapper > h3{font-size: 18px; font-weight: bold;line-height: 22px;margin-bottom: 24px;}
.earnpoints.partnerSection > .subContentwrapper > h3{font-size: 18px; font-weight: bold;line-height: 22px;padding-right: 15px;margin-bottom: 19px;padding-left: 5px;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList li{font-size:14px;letter-spacing:1.78px;line-height:25px;margin-top:18px;}
.earnpoints.spicecashSectionWrapper .content .spiceCashViewDetails{margin-top:0;margin-left:20px;float:right;}
.earnpoints.partnerSection{padding-top:40px;overflow:unset; overflow-y: hidden;margin-bottom: 0;}
.earnpoints.partnerSection .subContentwrapper > h2{padding-left: 5px;font-size: 14px;}
.earnPointsCarousel .carousel-item.firstSlide .earnPointsCaptionWrapper h3{ font-size: 18px;
line-height: 25px;
}
.earnPointsCarousel .carousel-item.firstSlide .earnPointsCaptionWrapper p{ font-size: 14px;
line-height: 18px;}
.landingPageCarouselWrapper.tiersPage .carousel-caption .carouselSignupLink{ padding: 8px;height: 40px;width: 125px;right: 20px;margin-top: 20px;
display: block; bottom: 25px;}
.earnpoints.partnerSection > h3{font-size:18px;font-weight:bold;letter-spacing:1px;line-height:22px;padding-right:15px;margin-bottom:19px;position: relative;}
.earnpoints.partnerSection > h2{font-size:16px;letter-spacing:1.78px;line-height:20px;}
.earnpoints.partnerSection ul{padding-left:0;width:max-content;padding-top: 0;}
.earnpoints.partnerSection ul li{margin:0px 5px;background: transparent;}
.earnPointsPageSrollPointList{width:100%;overflow-x:auto;}
.earnpoints.partnerSection .seeMorePartners{display:none;}
.earnpoints.partnerSection .checkdetailPartners{margin-top:23px;margin-right:15px;height:40px;width:140px;line-height:14px;}
.earnpoints.holidaySection#vacations{margin-top:20px;padding-right:15px;}
.earnpoints.holidaySection > .header{font-size:18px;font-weight:bold;letter-spacing:1.11px;line-height:24px;padding-right:5px;text-indent:-16px;margin-bottom:15px;}
.earnpoints.holidaySection > .caption{font-size:14px;letter-spacing:1.78px;line-height:20px;padding-left:7px;padding-right:0px;margin-bottom:20px }
.earnpoints.holidaySection > .rowalign{padding:0;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper{width:337px;margin:0 auto;}
/*need to change after getting image*/
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper > img{width:337px;height:227px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper{height:170px;width:297px;padding:17px 17px 19px 30px;top:147px }
.earnpoints.partnerSection ul li .partnerIconWrapper{margin-bottom:8px;background: #ffffff;height: 73px; width: 158px;}
.earnpoints.holidaySection .holidayCardWrapper{padding-bottom:70px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .HolidaybookNow{font-size:14px;width:152px;height:45px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .bookedValue{max-width:63px;padding-top:10px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .pointX{top:20px;right:25px;}
.termsConditions .subContentwrapper{padding:30px 15px 20px 15px;}
.termsConditions .subContentwrapper h2{font-size:18px;font-weight:bold;letter-spacing:1.11px;line-height:24px;padding-bottom:0;margin-bottom:15px;}
.termsConditions .subContentwrapper h2::before{top:4px;}
.termsConditions .accordion .card-body{padding:9px 12px 18px 20px;}
.termsConditions .accordion .card{margin-bottom:10px !important;}
.termsConditions .accordion .card-header{padding-left:20px;}
.termsConditions .accordion .card-header h5 button[aria-expanded="false"]::after, .termsConditions .accordion .card-header h5 button[aria-expanded="true"]:after{right:20px;}
/* earn points page css ends here*/
/* tiers page css starts here */
.tiers .spiceClubtierHead{font-size:18px;font-weight:bold;line-height:27px;padding-top:0px;padding-bottom:27px;}
.tiersnavpills ul{width:max-content;}
.spiceclubtiermenu{width:100%;overflow-x:auto;}
.tiers-cards{padding-top:22px;}
#silver .tiers-cards, #gold .tiers-cards, #platinum .tiers-cards{padding-bottom: 10px;}
.tiers-cards .leftsec{padding:0;padding-right:15px;}
.tiers-cards .rightsec h2{padding-top:26px;font-size:18px;font-weight:bold;letter-spacing:1px;line-height:22px;padding-bottom:12px;margin:0;}
.tiers-cards .rightsec p{padding:0;font-size:14px;letter-spacing:0.5px;line-height:23px;padding-right:24px;}
.tiers-cards a{height:40px;width:125px;right:20px;}
.tabmenupills .spendBenefits{padding-left:20px;width:95%;}
.Benefitsrow{flex-direction:column;}
.benefitsList.firstcol{width:100%;border:none;}
.benefitsList.secondcol{width:100%;flex-direction:column;padding-top:40px;}
.benefitsList.secondcol .listitemspent:first-child, .benefitsList.secondcol .listitemspent:last-child{width:100%;border:none;}
.spendBenefits .secondcol p.topupINR::before, .spendBenefits .secondcol p.bonuspoints::before, .clubComforts .secondcol p.topupINR::before, .clubComforts .thirdcol p.seatSelection::before, .clubComforts .thirdcol p.spentINR::before, .clubPrevileges .secondcol p.topupINR::before, .clubPrevileges .thirdcol p.seatSelection::before, .clubComforts .secondcol p.preferredBoarding::before, .clubComforts .secondcol p.preferredBoarding::before{left:18px;}
.spendBenefits .secondcol p{padding-left:97px;}
.benefitsList.firstcol > .listitemspent:nth-child(2){min-height:s0px;}
.benefitsList.firstcol > .listitemspent{padding-bottom:25px;position:relative;}
.benefitsList.secondcol .listitemspent:first-child{padding-bottom:25px;position:relative;}
.benefitsList.firstcol > .listitemspent::after, .benefitsList.secondcol .listitemspent:first-child::after{content:'';height:1px;width:86%;background-color:#BDBDBD;position:absolute;bottom:36px;left:-18px;right:0;margin:0 auto;opacity: 0.5;}
.benefitsList.firstcol > .listitemspent:last-child::after{bottom:0;}
.tabmenupills .clubComforts{padding-left:20px;width:95%;}
.clubComfortsrow{flex-direction:column;padding-bottom: 0px;}
.clubComforts .secondcol p.upgradetospicemax::before{left:18px;}
.comfortsList, .previlegesList{width:100% !important;}
.clubComforts .secondcol p, .clubComforts .thirdcol p{ padding-left: 126px; padding-right: 50px;padding-bottom: 40px;}
.clubComforts .listitemspent{ min-height: 126px;padding-bottom:30px;position:relative;}
.comfortsList, .previlegesList{border-right:0;}
.clubComforts .listitemspent::after{content:'';height:1px;width:87%;background-color:#BDBDBD;position:absolute;bottom:40px;left:-18px;right:0;margin:0 auto;opacity: 0.5;}
#details-Slider.slick-initialized .slick-slide{margin-right:5px !important;}
#details-Slider.slick-initialized .slick-slide:last-child {margin-right: 5px !important;}
#details-Slider.slick-initialized .slick-slide:first-child {margin-left: 5px !important;}
.clubPrevilegesrow .previlegesList.thirdcol .listitemspent p::before {
content: '';
position: absolute;
background-image: url(../images/tiers/seatSelection-icon.png);
width: 55px;
height: 33px;
left: 30px;
top: -4px;
}
.comfortsList.thirdcol .listitemspent:last-child::after{content:none;}
#silver .clubComforts .listitemspent{min-height:130px;}
#silver .clubComfortsrow{padding-bottom:0px;}
#gold .clubComforts .listitemspent{min-height:130px;}
#gold .clubComfortsrow{padding-bottom:0px;}
.tabmenupills .clubPrevileges{padding-left:20px;width:95%;}
.clubPrevilegesrow{flex-direction:column;padding-bottom:0;}
.clubPrevileges .secondcol p.freeFlight::before{ left: 35px;}
clubPrevileges .secondcol p{padding:0 78px 40px 97px;}
.previlegesList .listitemspent{min-height:120px;}
.previlegesList .listitemspent::after{content:'';height:1px;width:87%;background-color:#BDBDBD;position:absolute;bottom:32px;left:-18px;right:0;margin:0 auto;opacity: 0.5;}
.previlegesList.secondcol .listitemspent:last-child::after{content:none;}
.clubPrevileges .secondcol p{padding-left:97px;}
#details-Slider.slick-initialized .slick-slide{width:100% !important;min-width:344px !important;height:256px !important;}
#details-Slider .detailsTiers .item{width:43%;min-width:150px;}
#details-Slider .detailsTiers .detailscardInfo{width:57%;min-width:194px;}
.detailscardInfo p{padding:12px 23px 20px 12px;}
.spiceClubBenefits-Slider .detailsTiers .item .img-fill .info{height:256px;}
.spiceClubBenefits-Slider .detailsTiers .item .img-fill img{height:256px;object-fit:cover;}
.previlegesList.thirdcol .listitemspent::after {
top: -40px;
}
.previlegesList.secondcol p.freeFlight {
padding-left: 128px;
padding-right: 23px;
}
.spendBenefits .firstcol p {
padding: 0 67px 40px 110px;
}
.spendBenefits .secondcol p {
padding-left: 115px;
padding-right: 20px;
}
.benefitsList.secondcol .bonuspoints {
padding-right: 20px;;
}
/*table*/
.tableresponsivescroll{overflow-x:auto;width:100%;}
.tableFixedSectionWrapper{width:207px;}
.tableFixedSectionWrapper .compareList{width:207px;padding-left:20px;padding-right:20px;height:90px;}
.tableFixedSectionWrapper > .fixedSectionheader{padding-right:17px;}
.tableScrollableSectionWrapper .compareList{height:90px;}
.fixedtableSections.clubComfort.adjustli{padding-top:0;height:39px;}
.tiers .compareInfo{width:100%;padding:30px 0px;padding-right:33px;padding-left:90px;}
.tiers .compareInfo > h2{font-size:18px;}
.tiers .compareInfo > p{font-size:14px;}
.tiers .eligible{width:100%;padding:30px 0px;padding-right:33px;padding-left:90px;}
.tiers .eligible > h2{font-size:18px;}
.tiers .eligible > p{font-size:14px;}
.tiers .eligible2{width:100%;padding:30px 0px;padding-right:10px;padding-left:20px;}
.tiers .eligible2 > h2{font-size:18px;}
.tiers .eligible2 > p{font-size:14px;}
#details-Slider{margin-bottom:40px;}
.Benefitsrow{padding-bottom:40px;}
.tabmenupills .spendBenefits h2, .tabmenupills .clubComforts h2, .tabmenupills .clubPrevileges h2{padding-top:17px;font-size:18px;}
.tabmenupills .spendBenefits, .tabmenupills .clubComforts, .tabmenupills .clubPrevileges{margin-bottom:30px;}
.clubComforts .listitemspent:last-child{padding-bottom:0;}
.detailsTierSlick h2{font-size:18px;padding-bottom:8px;}
.tiers .termsConditions .subContentwrapper{padding-top:26px;}
.tiers .termsConditions .subContentwrapper h2{font-size:18px;}
.tiers .termsConditions .subContentwrapper h2::before{top:3px;}
.tiers .compareInfo::before{bottom:unset;top:32px;left:16px;}
#memberExclusiveWrapper {
margin: 0 auto;
height: auto;
display: flex;
overflow-x: auto;
padding-bottom: 20px;
width: 100%
}
.detailsTierSlick {
padding-bottom: 30px;
}
#memberExclusiveWrapper .memberExclusive{margin-left: 3px; margin-right: 30px;}
.tableMainWrapperTiersPage{padding-bottom: 50px;}
/* FAQ page */
#faqSearchedQuestion{font-size: 14px; margin-bottom: 10px;}
.faqBanner{background: url('../images/faqbannermobile.png'); height: 230px;margin-top: 35px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.faqBanner .autosearchFormWrapper .autosearchForm input{ height: 45px; max-width: 250px;font-size: 14px; letter-spacing: 0.78px; line-height: 17px;padding-left: 20px;border-radius: 4px 0 0 4px;}
.faqBanner .autosearchFormWrapper .autosearchFormSubmit{height: 45px; width: 47px;background-size: 22px;border-radius: 0 4px 4px 0;}
.faqBanner .autosearchFormWrapper{width: 100%; padding: 48px 13%;;}
.faqBanner .autosearchFormWrapper h5{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;margin-bottom: 17px;}
.faqBanner .autosearchFormWrapper p{font-size: 12px; letter-spacing: 1.33px; line-height: 19px;padding-left: 6px;text-indent: -6px;padding-top: 8px;}
.subContentwrapper, .faqPage .subContentWrapper{width: 100%;padding-top: 20px;}
.faqPage.mainContainerWrapper .breadcrumb{display: none;}
.faqPage .frequently{display: block;border: none;}
.faqPage .navPillsContainer{width: 100%;border:none;padding: 0;overflow-x: auto;}
.faqPage .frequently .navPillsContainer > .flex-column{-webkit-box-orient: initial !important;-webkit-box-direction: initial !important;-ms-flex-direction: initial !important;flex-direction: initial !important;display: -webkit-box;}
.faqPage .nav-pills .nav-link{margin-bottom: 0;font-size: 14px;padding-left: 23px;letter-spacing: 1.56px; padding-right: 4px;}
.faqPage .accordianContainer{width: 100%;padding: 0 20px;margin-top: 13px;}
.faqPage.mainContainerWrapper .tab-content{border: 1px solid #D2D2D2; border-radius: 4px;padding: 2px;}
.faqPage .accordianContainer .card-body{padding: 1.25rem;}
.faqPage .accordianContainer .card-header{padding-left: 0px;padding-top: 18px;width: 90%}
.faqPage .accordianContainer .btn-link{font-size: 14px;padding-right: 50px !important;}
.faqPage h2{font-size: 18px; padding-left: 37px;margin: 0; padding-bottom: 18px;}
.faqPage h2::before{left: 20px;}
.faqPage .accordion .card-header h5 button[aria-expanded="false"]:after, .faqPage .accordion .card-header h5 button[aria-expanded="true"]:after{top: 27px;right: 18px;}
.faqPage.mainContainerWrapper{padding-bottom: 57px;position: relative;z-index:1;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu{width: 83.5%;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li{padding-left: 0; font-size: 14px;padding-bottom: 0;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li a{white-space: normal;}
.faqPage .accordianContainer .card-body p{font-size: 14px;}
/*use points css starts here */
.ContentWrapper.usepointsPage .multipleloyaltysection .subContentwrapper{padding-top: 0;}
.usepointsPage .loyaltypointhead{padding-top: 15px; padding-bottom: 15px;font-size: 16px;}
.ContentWrapper.usepointsPage .scrollableNavTabs{display: -webkit-box;}
.usepointsPage .nav-pills .nav-item {padding: 0px 1px;}
.useloyaltySection .subContentwrapper{padding-top:27px;padding-left: 15px;padding-right: 15px;}
.useloyaltySection .subContentwrapper .mainHeader{font-size: 18px; font-weight: bold;line-height: 22px;padding-right: 50px;padding-bottom: 20px;}
.useloyaltySection .subContentwrapper .pointsCal{font-size: 14px;}
.useloyaltySection .subContentwrapper .pointsCal{padding-left: 15px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc{order: 2;width: 100%;padding: 15px 16px 20px 30px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg{order: 1;width: 100%;height: 160px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image1{
/* background: url('../images/usepointsimages/mobile_bookflights.png');*/
border-radius: 8px 8px 0px 0px;background-repeat: no-repeat;
background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image2{
/* background: url('../images/usepointsimages/mobile_baggage.png');*/
border-radius: 8px 8px 0px 0px;background-repeat: no-repeat;
background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image3{
/* background: url('../images/usepointsimages/mobile_preferredseats.png');*/
border-radius: 8px 8px 0px 0px;background-repeat: no-repeat;
background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image4{
/* background: url('../images/usepointsimages/mobile_spicyFood.png');*/
border-radius: 8px 8px 0px 0px;background-repeat: no-repeat;
background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image5{ border-radius: 8px 8px 0px 0px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > h3{padding-bottom: 10px;font-size: 18px; font-weight: bold;line-height: 22px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > p{ font-size: 14px;line-height: 22px;}
/* .useloyaltySection .subContentwrapper .row.cardWrapper > .desc > .useloyaltySeeMore{display: block;color: #878787; font-family: Source Sans Pro; font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 19px;padding-top: 12px;text-align: right;}*/
.useloyaltySection .subContentwrapper .row.cardWrapper{margin-top: 20px; height: auto;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc{order: 1;padding: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .descImg{order: 2}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > h3{padding-left: 27px;padding-top: 20px;padding-bottom: 28px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons{width: 50%;padding-left: 32px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > img{float: left;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > h6{padding-right: 10px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > .flexiplan{padding-top: 20px !important;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > .insurance{padding-top: 20px !important;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow .manyMoreWrapper{text-align: left;padding-left: 40px;top:-4px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons::after{ right: -10px; bottom: 32px;height: 62px;content: none;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .descImg > p{font-size: 14px; line-height: 22px;padding: 17px 16px 20px 27px;}
.useloyaltySection .bookPoints{margin-top: 30px;display: block;height: auto;padding-bottom: 30px;}
.useloyaltySection .bookPoints .bookcontext{width: 100%;}
.usepointsPage .bookcontext h2{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;padding-right: 0;padding-bottom: 11px;}
.usepointsPage .bookcontext h2::before{top: 2px;}
.useloyaltySection .subContentwrapper .mainHeader::before{top: 2px;}
.useloyaltySection .bookPoints .bookcontext p{padding-right: 0;font-size: 14px; letter-spacing: 1.56px; line-height: 22px;}
.useloyaltySection .bookPoints .bookcontext p:nth-child(2){padding-bottom: 0px !important;padding-top: 0;}
.useloyaltySection .bookPoints .bookcontext p:nth-child(3){display: none;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons:nth-child(odd)::after{content: '';position: absolute;right: -8px;top: 0;height: 68px;width: 2px;background: #f1f1f1;}
.bookContextSeeMore{display: block;padding-bottom: 10px;padding-right: 30px;}
.useloyaltySection .bookPoints .bookhotelScroll{width: 100%;}
#usepointsIndicators .carousel-inner{width: 100%;}
#usepointsIndicators .carousel-inner .carousel-item > img{width: 88.5% !important;margin: 0 auto;} /* need to remove */
#usepointsIndicators .carousel-inner .carousel-caption{ height: 173px; width: 265px;bottom:20px;}
#usepointsIndicators{min-height:295px;}
#usepointsIndicators .carousel-control-next, #usepointsIndicators .carousel-control-prev{position: absolute;z-index: 999;top: -92px;}
#usepointsIndicators .carousel-inner .carousel-caption .popularTag{right: 20px;}
#usepointsIndicators .carousel-inner .carousel-caption h3{padding-left: 20px;}
#usepointsIndicators .carousel-inner .carousel-caption p{padding-left: 20px;}
#usepointsIndicators .carousel-inner .carousel-caption a.bookNow{margin-left: 20px;margin-top: 13px;height: 40px; width: 120px;font-size: 14px;}
#usepointsIndicators .carousel-inner .carousel-caption p.bookedValue{padding: 0;position: absolute;bottom: 16px;left: 182px;padding-right: 20px;}
#usepointsIndicators .carousel-indicators{bottom: -8px;}
#usepointsIndicators .carousel-item, #usepointsIndicators .carousel-item.active {min-height:295px;}
.bookhotelScroll .carousel-indicators li{width:10px;height:10px;}
.giftcardSection .subContentwrapper{padding-top: 0px;padding-right: 15px;padding-bottom: 25px;}
.giftcardSection .subContentwrapper > .row > .giftcards{background-size: contain;background-position: center;min-height: 290px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper{padding-left: 0;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > h3{padding-top: 0;font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > h3::before{bottom: 4px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > p{padding: 11px 15px 11px 15px; font-size: 14px; letter-spacing: 1.56px; line-height: 22px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper{padding-left: 15px;display: none;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper li{font-size: 14px;padding-bottom: 10px;padding-right: 0px;}
.ContentWrapper.usepointsPage .seeMore{display: block;text-align: right;padding-right: 25px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .buyNow{width: 120px;height: 40px;font-size: 14px;margin-top: 9px;}
.moreStuffSecction .subContentwrapper{padding-right: 15px;padding-top: 0px;}
.moreStuffSecction .subContentwrapper > .mainHeader{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;padding-top: 30px;}
.moreStuffSecction .subContentwrapper > .mainHeader::before{bottom: 5px;}
.moreStuffSecction .subContentwrapper > p{font-size: 14px; letter-spacing: 1.56px; line-height: 22px;padding-top: 11px;padding-bottom: 22px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow > .transferNowCol, .moreStuffSecction .subContentwrapper > .cardWrapperRow > .topUpNowCol{padding: 0;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards{height: 195px;margin:0 auto; width:345px;padding: 23px 17px 20px 100px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards > p{padding-bottom: 20px;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards{background-position: 30px 60px !important;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow > .topUpNowCol{padding-top: 20px;}
.moreStuffSecction .subContentwrapper{padding-bottom: 40px;}
/*use points css ends here */
/* spicecash css starts here*/
.landingPageCarouselWrapper.spicecashCarousel .carousel-caption{width:100%;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-indicators{bottom:-4px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{left:0px !important;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard {position: absolute;padding: 0;right: 10%;z-index: 9998;margin-top: 2px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard img{width:304px;height: 180px;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item{height: 230px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{height: 157px;width: 242px;padding: 11px 15px 15px 15px;z-index:9999;}
.earnPointsCarousel.spicecashCarousel .earnPointsCaptionWrapper h3{font-size: 15px;margin-bottom: 5px;line-height: 20px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper p{margin-bottom: 12px;}
.spicecashPage .multipleloyaltysection .subContentwrapper{padding-top: 15px;}
.spicecashPage .loyaltypointhead{padding-top: 0;color: #424242; font-size: 14px; letter-spacing: 0.78px; line-height: 17px;padding-bottom: 15px;}
.spicecashPage .scrollableNavTabs{display: -webkit-box;}
.spicecashPage .nav-pills .nav-item{padding: 0 4px;}
.spicecashPage .walletSection .subContentwrapper{padding-top: 25px;padding-left: 15px;padding-right: 15px;padding-bottom: 30px;}
.spicecashPage .mainheader{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;padding-bottom: 14px;padding-left: 15px;}
.spicecashPage .mainheader::before, .moreSection h2::before, .spiceCashpartnerSection .earnpoints.partnerSection h3::before{top:2px;left: 0px;}
.spicecashPage .walletSection .subContentwrapper .caption{ font-size: 14px; font-weight: normal; line-height: 20px;padding-bottom: 20px;padding-left: 15px;}
.spicecashPage .walletSection .subContentwrapper .benefitsNow{padding-right: 15px; font-size: 14px; line-height: 22px;padding-bottom: 20px;padding-left: 15px;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper > .imageSection{height: 225px; width: 315px;margin: 0 auto;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper{padding: 35px 15px 0px 15px;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper li{padding-right: 0px;font-size: 14px; letter-spacing: 1.56px; line-height: 20px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow{margin-top: 0px;padding: 18px 16px 21px 82px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p{font-size: 14px; letter-spacing: 1.33px; line-height: 20px;margin-bottom: 15px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper{padding: 0;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p::before{left: -56px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper > a{float: left;height: 40px; width: 130px;padding: 11px 0px;}
.spicecashPage .virtualCardSection{padding-top: 10px;padding-bottom: 36px;}
.spicecashPage .virtualCardSection .subContentwrapper .caption{font-size: 16px; font-weight: bold; line-height: 19px;padding-right: 30px;padding-left: 15px;padding-bottom: 30px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .walletCardWrapperCol > .walletCardImage{height: 186px; width: 313px;margin: 0 auto;}
.spicecashPage .virtualCardSection .subContentwrapper{padding-right: 15px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol{padding-top: 20px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol > .heading{font-size: 14px; letter-spacing: 0.5px; line-height: 25px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol > .detail{padding-right: 0px;font-size: 14px; letter-spacing: 0.5px; line-height: 20px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .freeCaption{padding-right: 0;}
.spicecashPage .moreSection{margin-top: 20px;margin-bottom: 50px;}
.moreSection h2{position: relative;font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;margin-bottom: 15px;}
.spicecashPage .moreSection p{ font-size: 15px; font-weight: bold; padding-right: 30px;padding-bottom: 20px;}
.spicecashTabs .nav{display: -webkit-box;width: max-content;}
.spicecashTabs .scrollable{width: 100%;overflow-x: auto;}
.spicecashPage .moreSection .spicecashTabs .tab-content{margin-right: 15px;padding: 38px 33px 6px 40px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p, .spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p{padding-right: 0;padding-left: 58px;padding-bottom: 50px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p::before,.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p::before{left: 0 !important;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft .fastest::before{top: -8px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .row .spiceSectionsRight{padding-top: 30px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft::after{top:unset;bottom: 10px;left: 0;right: 0;margin: 0 auto;width: 90%;height: 1px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash{padding: 0;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox::before{left: 0;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox{padding-left: 60px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(2){padding-left: 60px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(2)::before{left: 0;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(3)::before{left: 0;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p:nth-child(3){padding-left: 60px;}
.spicecashPage .moreSection .registerNow{margin-left: 0;margin-top: 10px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash>p:last-child{padding: 15px;}
.spicecashPage .useSpicecashSec .bookFlights h3{padding: 0}
.spicecashPage .useSpicecashSec .useSpiceLeft p::before{left: 0px !important;}
.spicecashPage .useSpicecashSec .useSpiceLeft .paymentMode::before{left: -12px !important;}
.spicecashPage .useSpicecashSec .useSpiceLeft p{padding-bottom: 30px;font-weight: normal;padding-left: 60px;padding-right: 0px; font-size: 14px; letter-spacing: 1.24px; line-height: 20px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .sameInfo{width: 100%;padding: 17px 18px 11px 31px;}
.spicecashPage .useSpicecashSec .bookFlights{margin-bottom: 30px;border-bottom: 1px solid rgba(247, 148, 29, 0.6);border-right: none;padding-bottom: 30px;}
.spicecashPage .useSpicecashSec .onlineMerchant h3{padding: 0;}
.spicecashPage .useSpicecashSec .useSpiceRight{padding-top: 30px;}
.spicecashPage .useSpicecashSec .useSpiceRight p {padding-left: 60px;padding-bottom: 30px;padding-right: 0;font-size: 14px; letter-spacing: 1.24px; line-height: 20px;font-weight: normal;}
.spicecashPage .useSpicecashSec .useSpiceRight p::before{left: 0 !important;}
.spicecashPage .useSpicecashSec .useSpiceRight .enoughBal::before{top: 10px;}
.spiceCashpartnerSection .subContentwrapper{padding-top: 0;}
.spiceCashpartnerSection .subContentwrapper #partners{padding-top: 0px;overflow: hidden;}
.spiceCashpartnerSection .earnpoints.partnerSection h2{padding: 0;padding-left: 15px;margin: 0;}
.topUpSpicecash .topUpSteps .loginSec, .topUpSpicecash .topUpSteps .topUpSec, .topUpSpicecash .topUpSteps .makePaymentSec{padding: 0;}
.topUpIconWrapper{width: 60px; height: 60px; position: absolute;display: inline-block; margin: 0;left: 0;}
.topUpSpicecash .topUpSteps p span{display: none;}
.spicecashPage .topUpSpicecash .topUpSteps p{padding-left: 80px;padding-right: 0px;padding-bottom: 30px;position: relative;}
.spicecashPage .topUpSpicecash .topUpSteps h6{text-align: left;padding-left: 80px;font-weight: bold;}
.topUpSpicecash .topUpSteps .loginSec::before, .topUpSpicecash .topUpSteps .topUpSec::before{content: none;}
.spicecashPage .topUpSpicecash .topUpSteps p::after{content: ''; position: absolute;height: 1px; width: 154px;background: #F7941D;bottom: 15px;left: 34px;right: 0;margin: auto;}
.spicecashPage .topUpSpicecash .topUpSteps .makePaymentSec p::after{content: none;}
.spicecashPage .topUpSpicecash .successPayment{margin:0;padding: 18px 16px 15px 68px;margin-bottom: 16px;}
.spicecashPage .topUpSpicecash .successPayment > span{left: 18px;}
.spiceCashpartnerSection .earnpoints.partnerSection > h3{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;margin-bottom: 25px;}
.spiceCashpartnerSection .earnpoints.partnerSection h2{padding-bottom: 10px;}
/* spicecash css ends here*/
/* post login css starts here */
.loginPage.navrightSec{margin-top: 0;}
.loginPage.mainBanner{background-color: #f3f3f3;}
.loginPage.mainBanner > .loginFormWrapper{ height: 480px; width: 335px; border-radius: 6px; background-color: rgba(237,28,36,0.8);top: 0px;left: 0;right: 0; bottom: 0; margin: auto;padding: 22px 25px 25px 25px;background-position: 100% 30px; }
.loginPage.mainBanner > .loginFormWrapper > .headerDesc{margin-top: 10px;font-size: 12px; letter-spacing: 1.33px; line-height: 20px;}
.loginPage.mainBanner > .loginFormWrapper > .loginForm{height: 320px; width: 285px; border-radius: 2px; background-color: #FFFFFF;padding: 25px 20px;}
.loginPage.mainBanner > .loginFormWrapper .flagInputField{ height: 40px; width: 83px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.loginPage.mainBanner > .loginFormWrapper .phoneNumberField{margin-left: 10px; height: 40px; width: 151px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.loginPage.mainBanner > .loginFormWrapper .passwordField{height: 40px; width: 244px; border: 1px solid #CCCCCC; border-radius: 4px; background-color: #FFFFFF;}
.loginPage.mainBanner > .loginFormWrapper #checkboxLabel{margin-top: 36px; font-size: 12px;}
#checkboxLabel .checkmark{margin-top: 1px;}
.loginPage.mainBanner > .loginFormWrapper .loginButton{margin-top: 10px;height: 40px; width: 125px; border-radius: 6px;font-size: 14px; font-weight: bold; letter-spacing: 1.56px; line-height: 17px;}
.formErrorMsg{right: 45px;}
/* post login css ends here */
/* registration page css starts here */
.registrationPage.mainBackground > .registrationWrapper{width: 335px; display: block;height: auto; margin: auto; top: 20px; bottom: unset;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol{width: 335px; padding: 37px 20px 30px 20px;border-radius: 8px 8px 0 0;}
.registrationPage.mainBackground > .registrationWrapper .introducingbackground{border-radius: 8px 8px 0 0;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .introducingTitle{font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 22px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .descMain{font-size: 16px; letter-spacing: 1.33px; line-height: 19px; margin-top: 50px; padding-right: 20px; margin-bottom: 40px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .descSub{font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px; padding-right: 20px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList{height: 140px; width: 295px;padding-top: 10px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec{width: 131px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec{width: 162px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList ul > li{font-size: 12px; letter-spacing: 1px; line-height: 15px; padding: 11px 0px 11px 56px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec > ul > li:nth-child(1){ background: url('../images/postlogin/48_Planetopview.svg') no-repeat;
background-position: 13px 10px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .leftSec > ul > li:nth-child(2) {
background: url(../images/postlogin/48_Like.svg) no-repeat;
background-position: 14px 10px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec > ul > li:nth-child(1) {
background: url(../images/postlogin/48_Meals.svg) no-repeat;
background-position: 20px 10px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .rightSec > ul > li:nth-child(2) {
padding-top: 23px;
background: url(../images/postlogin/earnpoints_Earnpoints.svg) no-repeat;
background-position: 20px 16px;
}
.registrationPage.mainBackground > .registrationWrapper .introducingCol > .benefitList > .divider{ left: 135px;top: 30px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol{height: 188px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol.expand{height: 530px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol{width: 100%;padding: 30px 35px; border-radius: 0px 0px 8px 8px; height: 584px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol > .tab-content form .usernameField{width: 162px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .lastnameSection > .lastnameField{width: 100%}
registrationPage.mainBackground > .registrationWrapper > .formCol .lastnameSection {position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .dobSection .dobField{width: 100%;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .phoneSec .phoneNumberField{width: 162px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .emailSection .emailField{width: 100%;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .passwordField{width: 100%;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .confirmPasswordField{width: 100%;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .panCardField{width: 100%;}
.registrationPage#checkboxLabel .checkmark{top: 0;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .personalBack{margin-top: 30px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol .manyMoreSec{position: absolute;right: 26px; float: none;}
.hoverSecurityDetails:before{left: 95px;}
.hoverSecurityDetails{right: 35px;}
.hoverPersonalDetails{right: 36px;}
.registrationPage.mainBackground{height: 820px;}
.registrationPage.mainBackground.expand{height: 1170px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .securityDetailsNext{margin-bottom: 30px;}
.registrationPage.More{display: block; position: absolute;left: 0; right: 0; margin: 0 auto; font-size: 12px; letter-spacing: 1px; line-height: 15px;color: #FFFFFF;bottom: 10px; text-align: center;}
#passwordInfoDesc{position: absolute;
height: 160.94px;
width: 197.69px;
background-color: #FFFFFF;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
z-index: 9999;
border-radius: 8px;
left: 147px;
top: 77px;
padding: 14px 12px 0px 15px;}
/* registration page css ends here */
.registrationPage.mainBackground > .registrationWrapper > .formCol .deactivateNext{right: 35px;}
.registrationPhoneError{right: -22px;}
.deactivateSecurityTab{right: 34px;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .deactivateNext a span{top: 0;}
}
@media only screen and (min-width:768px) and (max-width:1024px){.customNavMenuWrapper{margin-left:0px;}
.wrapper{width:100%;justify-content:space-between;flex-wrap:wrap;z-index: auto;}
.navlogo{margin-left:30px;}
.wrapper .navmenu.navbar-collapse{width:100%;position:relative;overflow-y:auto;white-space:nowrap;}
.wrapper .navmenu.navbar-collapse .navbar-nav{display:block;;padding:0 14px !important;text-align:center;width:100%;border-top: 1px solid #F3F3F3;}
.wrapper .navmenu.navbar-collapse .navbar-nav li{display:inline-block;}
.wrapper .navmenu.navbar-collapse .navbar-nav li a{padding-top:16px;}
.wrapper .navbar-brand{margin-right:0px;margin-top:0px;}
.navrightSec .loginnav li:first-child {display:none;}
.loginnav{flex-direction:initial;margin-right:24px !important;}
.loginnav li a img {position: relative;top: -2px;}
.wrapper .navmenu.navbar-collapse{position:absolute;top:60px;background-color:#000;}
.hamburgerMenu img{width:120px;display:block;margin:18px auto;}
.wrapper .collapse.show{position:fixed;width:60%;top:0px;bottom:0;background:#ffffff;display:block !important;-webkit-animation-duration: 0.1s;-webkit-animation-name: slidein;-moz-animation-duration: 0.1s;-moz-animation-name: slidein;-o-animation-duration: 0.1s;-o-animation-name: slidein;animation-duration: 0.1s;animation-name: slidein;z-index: 99999;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h4{position: relative; top: unset; left: unset;}
@-webkit-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@-moz-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@-o-keyframes slidein {from {width: 50%;}to {width: 60%;}}
@keyframes slidein {from {width: 50%;}to {width: 60%;}}
.landingPageCarouselWrapper{height:313px;margin-top:54px;}
.hamburgerMenu h2{color:#ED1C24;font-size: 14px;letter-spacing: 0.78px;line-height:17px;margin: 0;padding: 0 30px 20px;text-align:center;}
.navbar-expand-lg .hamburgerMenu .navbar-nav .nav-link{color: #757575;font-family: Source Sans Pro;font-size: 12px;letter-spacing: 0.67px;line-height: 15px;padding: 15px 30px 15px 0px;margin: 0 30px;border-bottom:1px solid #F1F1F1;}
.navbar-expand-lg .hamburgerMenu .navbar-nav .nav-item:last-child .nav-link{border-bottom:none;}
.landingPageCarouselWrapper .carousel-inner .carousel-item, .landingPageCarouselWrapper .carousel-inner .carousel-item img{height:313px;object-fit:fill;}
#carouselExampleIndicators{height:313px;z-index:1}
.landingPageCarouselWrapper .carousel-caption{top:0;left:70px;padding: 70px 0;}
.landingPageCarouselWrapper .carousel-caption p{width:363px;color:#FFFFFF;font-size:12px;letter-spacing:0.8px;line-height:16px;}
.landingPageCarouselWrapper .carousel-item:nth-child(3) .carousel-caption .carouselKnowMore{bottom: 67px;}
.classicDescription{display: none;}
.landingPageCarouselWrapper .carousel-item:nth-child(3) .carousel-caption .carouselSignupLink{bottom: 58px;}
.landingPageCarouselWrapper .firstSlide .carousel-caption h5{line-height: 39px;}
.landingPageCarouselWrapper .firstSlideTierPage .carousel-caption h5{line-height: 39px;}
.spiceClubContainer .spiceClubConetnt .imageSection{display:block;margin-right:60px;}
.spiceClubContainer .spiceClubConetnt .descSection{width:100%;overflow:hidden;}
.showMore:hover, .showMore:visited, .showMore:focus{text-decoration:none;color:#878787;font-size:16px;font-weight:bold;letter-spacing:0.5px;line-height:19px;}
.spiceClubContainer .spiceClubConetnt .descSection p{padding-right:80px;padding-top:0;margin: 0;}
.spiceClubAboutWrapper{padding-bottom:0px;overflow:hidden;height:auto;}
.spiceClubContainer{height:292px;}
.spiceClubContainer .spiceClubConetnt .descSection{width:auto;padding-left:10px;padding-top:18px;height:90px;}
.showMore{display:block;color:#878787;font-size:16px;font-weight:bold;letter-spacing:0.5px;line-height:19px;padding-left:14px;}
.spiceClubTierListsWrapper .spiceClubTierLists .desc {
width: 100%;
color: #424242;
font-size: 18px;
letter-spacing: 1px;
line-height: 24px;
margin: 0 auto;
overflow: hidden;
padding: 0px 32px;
padding-left: 0;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper{width: 455px;}
.spiceClubTierListWrapper .spiceClubTierList .descBody{padding-right: 30px;}
.spiceClubConetnt .showMore{padding-left:10px;float:left;}
.spiceClubContainer .carouselSignupLink{margin-top:60px;margin-right:0;}
.spiceClubAboutWrapper{background:url('../images/delighter 2 copyT.png') no-repeat;background-position:99% 10px;position:relative;}
.spiceClubContainer .spiceClubConetnt .descSection::after{bottom:25px;position:absolute;left:unset;top:unset;right:unset;}
.spiceClubTierListsWrapper{background:url('../images/delighter 2 copy 2T.png') no-repeat;background-position:4px bottom;}
.spiceClubContainer .spiceClubConetnt .descSection{float:none; margin-top: -50px;}
.spiceClubAboutWrapper .spiceClubContainer, .spiceClubTierLists, .spiceClubTierList, .spiceCashWrapper .spiceCashContainer, .loyaltyPointsContainer, .wantToKnowMoreContainer{width:100%;padding:0 32px;}
.slick-list{width:100%;margin:0;}
.likingmore{margin-left:0;}
.spiceClubTierLists{padding-right:0px !important;}
.spiceClubContainer .spiceClubConetnt .descSection.seeMore::after{bottom:0;}
.loyaltyPointsWrapper{padding-bottom:56px;}
.spiceClubbenefitshead{padding:0 0 6 14px;font-size:22px;}
.carousel-control-next-custom{right:0 }
.spiceCashWrapper .spiceCashContainer .row{padding:0;margin:0;}
.cardWrapper .col-md-6{max-width:100% !important;flex:auto;padding:15px 0px;}
.cardItem{width:100%;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item{ height: auto;
margin-top: 370px;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators{right:-16%;}
.spiceClubTierList .carousel-inner{padding:0 32px;height:665px;}
.classicAdv{display:none;}
.classicCard .cardTiers{display:block;position:absolute;right:0;bottom:-70px;cursor:pointer;}
.classiccardright{margin:0;padding:0 32px;}
.classiccardright ul{padding:0 30px;}
.classiccardright ul li.success, .classiccardright ul li.closepoint{line-height:36px;}
.carouselCenter .row{height:347px;margin:0;}
.classicCard{max-width:100% !important;flex:none;}
.spiceClubAboutWrapper .spiceClubContainer h3, .tiers .spiceClubtierHead{font-size:22px;}
.classiccardleft.classic, .classiccardleft.silver, .classiccardleft.gold, .classiccardleft.platinum{background-size:cover;}
.spiceClubTierList #carouselSpiceTier .carousel-indicators li:last-child, .spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item:last-child, .carousel-control-next-custom, .carousel-control-prev-custom{display:none;}
.spiceClubTierList #carouselSpiceTier .carousel-inner .carousel-item .carouselCenter{width:90%;}
.spiceClubTierList .carousel-item-next, .spiceClubTierList .carousel-item-prev, .spiceClubTierList .carousel-item.active{display:block;position:relative;}
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .cardItem{margin:0 auto;}
.spiceCashWrapper .paddingZero{max-width:100%;}
.spiceCashWrapper .spiceCashContainer .row .content{max-width:100%;flex:auto;}
.spiceCashWrapper .spiceCashContainer .row .content .desc h3{padding:25px 0 14px 14px;margin:0; text-align: center; }
.spiceCashWrapper .spiceCashContainer .row .content .desc p{padding:0px 33px;}
.spiceCashWrapper .spiceCashContainer .row .content .spiceCashViewDetails{margin-top:0;margin-right:25px;margin-left:0px;float:right;}
.counterMainWrapper{overflow-y:auto;}
.counterMainWrapper .scrollbar{width:1140px;}
.footer-area{display:none;}
.spiceCashWrapper{padding-bottom:48px;margin-top:30px;}
.wantToKnowMoreContainer .sections:nth-child(2){padding-left:45px;padding-top:188px }
.wantToKnowMoreWrapper .wantToKnowMoreContainer .helpContacctWrapper{margin-left:0px;}
.wantToKnowMoreWrapper{background-size:cover;background-position:center;width:100%;height:703px;background:url('../images/img/shutterstock_610954253 [Converted].png') }
.loyaltyPointsWrapper .loyaltyPointsContainer .cardWrapper .col-md-6:nth-child(1) .cardItem{float:inherit;margin-bottom: 45px;}
.loyaltyPointsWrapper .loyaltyPointsContainer .descBody{padding-right: 0;}
.storeWrapper::after{display:none;}
.storeWrapper::before{width:1px;display:none;background:white;height:135px;content:'';position:absolute;left:0;top:185px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(3) p{margin-top:0;}
.infographicsContainer{width:299px;height:299px;}
.wantToKnowMoreContainer .sections:nth-child(3){padding-top:80px;}
.wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(2) p{margin-left:0;margin-top:0;}
.storeWrapper{margin:0;}
#cart, #airplane, #diamond, #points{width:50px;height:50px;}
#cart::before, #airplane::before, #diamond::before, #points::before{width:32px;height:32px;}
.airplaneSection, .diamondSection, .pointsSection, .cartSection{width:77%;}
.diamondSection{width: 66%;}
.airplaneSection h3, .diamondSection h3, .pointsSection h3, .cartSection h3{font-size:12px;width:auto;}
.airplaneSection h3 span, .diamondSection h3 span, .pointsSection h3 span, .cartSection h3 span{font-size:30px;}
.airplaneSection p, .diamondSection p, .pointsSection p, .cartSection p{display:none;}
.infographicsWrapper > h3{width:auto;padding-left:30px;}
.infographicsWrapper{height:400px }
.airplaneSection{left:100%;top:10% }
.cartSection{left:-77%;}
.pointsSection{top:57%;left:-77%;}
.subContentwrapper{width:100%;}
.subContentwrapper{padding:0 10px 0 34px;}
.earnPointsPage .loyaltypointhead{font-size:16px;letter-spacing:0.89px;line-height:19px;padding:15px 0px 15px 4px;}
.earnPointsPage .tabpanehead{font-size:22px;font-weight:bold;line-height:27px;}
.earnPointsPage .earnupto{font-size:16px;line-height:25px;}
.subContentwrapper #flightadd{padding:21px 0 45px;}
.termsConditions .subContentwrapper{padding:18px 34px 80px;}
.earnPointsPageSrollPointList{overflow: auto;}
.earnPointsPage .pointsList{width:1000px;display:-webkit-box;}
.earnPointsPage .pointsList .pointsListItems{max-width:33.38%;margin-bottom:8px;}
.earnPointsPage #flightadd .pointsListItems p{white-space:normal;}
.earnpoints.holidaySection .holidayCardWrapper{margin:0 auto;}
.earnPointsPage #flightadd .pointsListItems p{padding:0px 18px 6px 73px;}
.faqdetails.dropdown:hover>.dropdown-menu, .contactdetails.dropdown:hover>.dropdown-menu{display: none;}
@keyframes airplaneSection{
0%{top:36%;display:none;opacity:0;}
60%{top:36%;display:none;opacity:0;}
100%{top:0%;opacity:1;}
}
@keyframes diamondSection{0%{top:93%;display:none;opacity:0;}
60%{top:93%;display:none;opacity:0;}
100%{top:76%;opacity:1;}
}
@keyframes pointsSection{0%{top:93%;opacity:0;}
70%{top:93%;opacity:0;}
100%{top:71%;opacity:1;}
}
@keyframes cart{0%{left:-118%;opacity:0;}
80%{left:-60%;opacity:0;}
100%{left:4% }
}
#spiceCashShowMore{display:none;}
.seeMore{height:auto !important;}
.spiceClubContainer .spiceClubConetnt .imageSection img{}
.spiceClubContainer .spiceClubConetnt .descSection p:nth-child(2){margin-top:0px;}
.spiceClubTierListsWrapper{margin-top:20px;}
#blackFridayHeader{line-height:60px;font-size:50px;}
#blackFridayHeader::after{font-size:25px;height:38px;width:86px;line-height:35px;top: 57%;}
.alignSeeLess{padding-right:0px !important;}
/*earn points css starts here */
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper{height:199px;padding:16px 34px 20px 20px;}
.earnPointsCaptionWrapper h3{font-size:22px;font-weight:bold;line-height:27px;margin-bottom:7px;}
.earnPointsCarousel .carousel-item .earnPointsCaptionWrapper p{font-size:14px;line-height:17px;}
.earnpoints.spicecashSectionWrapper > h3{font-size:22px;margin-bottom:30px;}
.earnpoints.spicecashSectionWrapper .desc h3{margin-top:34px;margin-bottom:22px;font-size:22px;font-weight:bold;line-height:29px;}
.earnpoints.spicecashSectionWrapper .desc p{margin-bottom:26px;}
.earnpoints.spicecashSectionWrapper .desc .classicheadList li{margin-top:17px;font-size:16px;letter-spacing:1.78px;line-height:25px;}
.earnpoints.spicecashSectionWrapper .content .spiceCashViewDetails{margin-top:22px;float:right;margin-right:15px;}
.earnpoints.spicecashSectionWrapper .row{padding-bottom:60px;}
.earnpoints.partnerSection > h3{font-size:22px;font-weight:bold;letter-spacing:1.11px;line-height:24px;padding-right:42px;margin-bottom:22px;}
.earnpoints.partnerSection > h2{font-size:16px;letter-spacing:1.78px;line-height:25px;margin-bottom:15px;}
.earnpoints.partnerSection ul{padding-top:0px;width:max-content;padding-left:0px;}
.earnpoints .earnPointsPageSrollPointList{width:100%;overflow-x:auto;}
.earnpoints.partnerSection .seeMorePartners{display:none;}
.earnpoints.partnerSection .checkdetailPartners{margin-right:15px;}
.earnpoints .content{padding-left:0px;padding-top: 0; padding-bottom: 0}
.earnpoints.partnerSection{padding-bottom:60px;}
.earnpoints.partnerSection .subContentwrapper{padding-right: 0;}
.earnpoints.holidaySection.tab-pane{padding-right: 24px;}
.earnpoints.holidaySection > .header{font-size:22px;font-weight:bold;letter-spacing:1.33px;line-height:29px;margin-bottom:21px;padding-left:0px;}
.earnpoints.holidaySection > .caption{font-size:16px;letter-spacing:1.78px;line-height:25px;padding:0 0px 0 15px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper > img{width: 337px;height: 227px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .pointX{top: 20px;right: 25px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper{width: 337px;padding-bottom: 80px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper{height: 170px;width: 297px; padding: 17px 17px 19px 30px;top: 147px;}
.earnpoints.holidaySection .holidayCardWrapper > .cardWrapper .cardCaptionWrapper .bookedValue {max-width: 63px;padding-top: 10px;}
.termsConditions{margin-top:40px;}
.termsConditions .subContentwrapper h2{font-size:22px;font-weight:bold;letter-spacing:1.11px;line-height:24px;padding-bottom:15px;margin-bottom:0px;}
.termsConditions .subContentwrapper h2::before{top:6px;}
.termsConditions .accordion .card-body{padding:9px 45px 27px 39px;}
.termsConditions .accordion .card{margin-bottom:10px !important;}
.termsConditions .subContentwrapper{padding-bottom:50px;}
.earnpoints.holidaySection > .rowalign{padding: 0;}
.multipleloyaltysection{position: sticky; top: 0; z-index: 9999;}
.earnPointsPageSrollPointList{overflow: auto;}
.earnPointsPage .pointsList{width:1000px;display:-webkit-box;}
/*earn points css ends here */
/* Tiers Page starts here ***/
.tiers .subContentwrapper{padding:0 }
.tiers .tiers-cards, .tiers .spiceClubtierHead{padding-left:34px;padding-right:34px;}
.tiersnavpills .spiceclubtiermenu ul{margin-left:34px;margin-right:34px;}
.tabmenupills .spendBenefits, .tabmenupills .clubComforts, .tabmenupills .clubPrevileges{margin-left:34px;margin-right:34px;margin-bottom:46px;}
.tiers .tiers-cards a{right:34px;bottom:24px;}
.detailsTierSlick h2, .spiceClubTierhead, .spiceCashWrapper .spiceCashContainer > h3, .wantToKnowMoreWrapper .wantToKnowMoreContainer .row .sections:nth-child(1) h2, .useloyaltySection .subContentwrapper .mainHeader{font-size:22px;}
.tiers .detailsTierSlick{padding-left:34px;}
.tiers .termsConditions .subContentwrapper{padding:18px 34px 60px;}
.tiers-cards .leftsec{max-width:34%;}
.tiers-cards .leftsec, .tiers-cards .rightsec{padding:0 }
.tiers-cards .rightsec{max-width:66%;padding-left:24px;}
.tiers-cards .leftsec .subcard{margin:0 }
.tiers-cards .rightsec h2{padding:0 0 16px 0;}
.tiers-cards .rightsec p{padding:0px;font-size:16px;letter-spacing:0.5px;line-height:23px;}
#memberExclusiveWrapper {
width: 100%;
margin: 0 auto;
height: auto;
display: flex;
overflow-x: auto;
padding-bottom: 30px;
}
.comfortsList.firstcol, .previlegesList.firstcol{width:45% }
.comfortsList.secondcol, .previlegesList.secondcol{width:55% }
.benefitsList, .comfortsList, .previlegesList{display:table;}
.previlegesList{width:100%;}
.spendBenefits .firstcol p, .spendBenefits .secondcol p, .clubComforts .firstcol p, .clubComforts .secondcol p, .clubPrevileges .firstcol p, .clubPrevileges .secondcol p{padding:0 0 40px 0px;}
.spendBenefits .thirdcol p{padding:0;}
.benefitsList.firstcol{width:45% }
.benefitsList.secondcol{width:55%;display:block;}
.benefitsList.secondcol .listitemspent:first-child, .benefitsList.secondcol .listitemspent:last-child{width:100%;}
.spendBenefits .firstcol p{padding:0 52px 40px 90px;}
.spendBenefits .secondcol p{padding:0 112px 40px 112px;}
.spendBenefits .secondcol .listitemspent:last-child p{padding:0 34px 40px 112px }
.Benefitsrow{padding-bottom:0px;}
.clubPrevileges .firstcol p, .clubPrevileges .secondcol p, .clubComforts .firstcol p, .clubComforts .secondcol p, .clubPrevileges .firstcol p{padding:0 54px 40px 110px;}
#details-Slider{margin-bottom:44px;}
.benefitsList.secondcol .listitemspent:first-child, .comfortsList.secondcol{border-right:0 }
.tiers .termsConditions .subContentwrapper h2{padding-bottom:30px;}
.clubComfortsrow{flex-wrap:wrap;}
.clubComfortsrow .firstcol{width:45%;min-height:100px;}
.clubComfortsrow .secondcol{width:55%;min-height:100px;}
#platinum .clubComfortsrow .thirdcol{width:45%;margin-top:80px;border-right:0.5px solid #BDBDBD;}
.clubComfortsrow .thirdcol p.seatSelection::before, #platinum .clubComforts .thirdcol p.spentINR::before{left:8px;}
.clubPrevilegesrow .previlegesList.thirdcol .listitemspent {
position: absolute;
left: 303px;
top: 107px;
}
.clubPrevileges .firstcol p {
padding-right: 90px;
}
.clubPrevilegesrow .previlegesList.secondcol{border: none;}
#platinum .clubComforts .firstcol p{padding:0 28px 30px 110px;}
#platinum .clubComforts .thirdcol p{padding:0 24px 40px 110px;}
.tiers .compareInfo{width:86%;padding-top:37px;padding-bottom:50px;}
#platinum .comfortsList.secondcol .listitemspent .preferredBoarding{padding-bottom:66px;}
.tiers .compareInfo::before{bottom:20px;}
.tabmenupills .spendBenefits, .tabmenupills .clubComforts{margin-bottom: 30px;}
#silver .tiers-cards, #gold .tiers-cards, #platinum .tiers-cards{padding-bottom: 20px}
/*table*/
.tableresponsivescroll{overflow-x:auto;width:100%;position:relative;}
.tableMainWrapperTiersPage{padding-left:40px;padding-bottom:63px;}
/*FAQ tablet css starts here */
.faqBanner{margin-top:57px;height: 300px;position:relative;background: url('../images/faqbannertablet.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.faqBanner .autosearchFormWrapper .autosearchForm input {height: 50px;max-width: 426px;}
.faqBanner .autosearchFormWrapper .autosearchFormSubmit{height: 50px;width: 65px;}
.faqBanner .autosearchFormWrapper {width: 444px;height:50%;padding: 0;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.faqBanner .autosearchFormWrapper h5{font-size: 22px;font-weight: bold;letter-spacing: 1.22px;line-height: 27px;margin-bottom:16px;padding:0}
.faqBanner .autosearchFormWrapper .autosearchForm input{font-size: 14px;letter-spacing: 0.78px;line-height: 17px;padding-left:25px;}
.faqBanner .autosearchFormWrapper p{padding-left:0px;padding-top: 8px;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu {width: 85.2%;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li {padding: 10px 0px 15px 13px;font-size: 16px;letter-spacing: 1px;line-height: 22px;}
.faqBanner .autosearchFormWrapper .typeahead.dropdown-menu li a{white-space:normal;}
.faqPage.mainContainerWrapper{padding:0 34px;}
.subContentwrapper, .faqPage .subContentWrapper{width:100%;}
.faqPage .navPillsContainer{padding: 30px 10px 30px 10px;width:24%;}
.faqPage .accordianContainer{width:76%;}
.breadcrumb{display:none;}
.termsConditions .subContentwrapper h2, .faqPage h2{margin:0;padding:22px 0 20px 14px;font-size:22px;}
.termsConditions .subContentwrapper h2::before, .faqPage h2::before{top:27px;}
.faqPage .accordianContainer .card-header{padding-left:8px;}
.faqPage .accordianContainer .card:last-child .card-header{border-bottom:none;}
.faqPage .accordianContainer .btn-link{padding-right:80px !important;}
.faqPage .accordianContainer .card-body{padding: 15px 20px 20px 40px;}
.faqPage .navPillsContainer{height:auto;}
.faqterms.termsConditions .subContentwrapper{padding-top:0;}
/*use css starts here points page */
.usepointsPage .nav-pills .nav-item{padding:0 6px;}
.usepointsPage .loyaltypointhead {padding-top:15px;}
.useloyaltySection .subContentwrapper{padding-right: 30px;}
.ContentWrapper.usepointsPage .earnPointsPageSrollPointList{overflow-x: auto;}
.ContentWrapper.usepointsPage .scrollableNavTabs{display: -webkit-box;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc{padding: 20px 16px 30px 30px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .desc > p{}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image1{background: url('../images/usepointsimages/tablet_bookflights.png');background-repeat: no-repeat;background-size: cover;background-position: 1px;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image2{background: url('../images/usepointsimages/tablet_spicemax.png');background-repeat: no-repeat;background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image3{background: url('../images/usepointsimages/tablet_preferredseats.png');background-repeat: no-repeat;background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper > .descImg .image4{background: url('../images/usepointsimages/tablet_meals.png');background-repeat: no-repeat;background-size: cover;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow{height: 290px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons{width: 20%}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow .manyMoreWrapper{width: 20%;padding-right: 30px;text-align: left;padding-left: 0;padding-top: 52px}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc{padding-left: 0;padding-bottom: 0;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > h3{padding-left: 30px;}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .desc > .row > .addons > h6{margin:0}
.useloyaltySection .subContentwrapper .row.cardWrapper.otherAddonRow > .descImg > p{padding:0px 35px;margin-top: -16px;}
.useloyaltySection .bookPoints{margin-top:40px;}
.useloyaltySection .bookPoints{display: block;height: auto;}
.useloyaltySection .bookPoints .bookcontext{width: 100%;}
.useloyaltySection .bookPoints .bookhotelScroll{width: 100%;margin-top: 40px;height: 530px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper{padding-left:0;}
.usepointsPage .bookcontext h2{padding-bottom: 21px;font-size:22px;}
.useloyaltySection .bookPoints .bookcontext p:nth-child(2){padding-bottom: 0px !important;padding-top: 0;}
.giftcardSection{margin-top: -20px;}
.giftcardSection .subContentwrapper{padding-right: 30px;padding-bottom: 30px;}
.giftcardSection .subContentwrapper > .row > .giftcards{background-position: center;height: 466px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper > h3{padding-top: 0;font-size:22px;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .buyNow{margin-left: 30px;}
.moreStuffSecction .subContentwrapper > .mainHeader{padding-top:40px;font-size:22px;}
.moreStuffSecction .subContentwrapper > p{padding-top:20px;}
.moreStuffSecction .subContentwrapper{padding-right: 30px;padding-bottom: 0;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .transferNowCol{padding: 0;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .topUpNowCol{padding: 0;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards{width: 345px;padding: 22px 15px 29px 100px;background-position: 30px 60px !important;}
.moreStuffSecction .subContentwrapper > .cardWrapperRow .moreStuffCards.topUpNow{float: right;}
.giftcardSection .subContentwrapper > .row > .giftcardsCols.descWrapper .listPointsWrapper li{padding-right: 0px;}
/*use css starts here points page */
/*SpiceCash Pahe styles starts here */
.landingPageCarouselWrapper.spicecashCarousel .carousel-caption{width:100%;}
.landingPageCarouselWrapper.spicecashCarousel .carousel-caption{left:0;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{left:45px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard { position: absolute; right: 40px;padding:0;}
.earnPointsCarousel.spicecashCarousel .carousel-item .walletCard img{height: 200px;width: 352px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper{width: 286px;height: 198px;background-color:rgba(255,255,255,0.9);padding: 16px 20px 20px 20px}
.earnPointsCarousel.spicecashCarousel .earnPointsCaptionWrapper h3{font-size: 18px;line-height: 22px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper p{font-size: 12px;letter-spacing: 1.33px;line-height: 15px;margin-bottom:20px;}
.earnPointsCarousel.spicecashCarousel .carousel-item .earnPointsCaptionWrapper .bookNow{width:126px;font-size: 14px;}
.landingPageCarouselWrapper.earnPointsCarousel.spicecashCarousel, .earnPointsCarousel.spicecashCarousel #carouselExampleIndicators, .landingPageCarouselWrapper.spicecashCarousel .carousel-inner .carousel-item{height:300px;}
.spicecashCarousel .carousel-indicators{bottom:6px;}
.spicecashPage .loyaltypointhead{padding:12px 0;}
.spicecashPage .multipleloyaltysection{padding-bottom:12px;}
.spicecashPage .walletSection .subContentwrapper{padding:30px 0 50px 50px;}
.spicecashPage .mainheader{font-size:22px;letter-spacing: 1.22px;line-height: 27px;padding-bottom:15px;}
.spicecashPage .walletSection .subContentwrapper .benefitsNow{padding:0 114px 32px 0;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper > .imageSection{margin:0 auto;}
.spicecashPage .walletSection .subContentwrapper .row > .imageWrapper{padding-right:50px;max-width:100%;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .walletCardWrapperCol, .spicecashPage .walletSection .subContentwrapper .row > .descWrapper, .spicecashPage .walletSection .subContentwrapper .row .descWrapperCol{max-width:100%;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper, .spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper {padding:0px;}
.spicecashPage .walletSection .subContentwrapper .row > .descWrapper ul{padding:40px 0 20px 0;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow {margin: 0 auto;padding: 22px 50px 22px 94px;border-radius: 8px;margin-right: 50px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper > a{width:140px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper > a{float:none;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p::before{left:-56px;top:14px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .linkWrapper {padding:7px;}
.spicecashPage .walletSection .subContentwrapper .loadNowRow > .descWrapper > p{padding-right:14px}
.virtualCardSection, .moreSection{padding: 48px 40px 0px 40px;}
.spicecashPage .virtualCardSection .subContentwrapper .caption{padding:15px 0px 40px 0px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .walletCardWrapperCol > .walletCardImage{margin:auto;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .descWrapperCol{padding:42px 0 0 28px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .freeCaption p{margin-bottom:50px;}
.spicecashPage .virtualCardSection .subContentwrapper > .row > .freeCaption p span{color:#F7941D;}
.spicecashPage .moreSection{margin:0px;}
.moreSection h2{padding:0 0 0 16px;font-size:22px;margin-bottom:16px;}
.spicecashPage .moreSection .subContentwrapper{padding:0}
.spicecashPage .moreSection .spicecashTabs ul li a{white-space:pre;}
.spiceCashpartnerSection .subContentwrapper{padding: 50px 0 0 40px;}
.spiceCashpartnerSection .subContentwrapper h3{position:relative;padding-right:64px;margin-bottom:30px;}
.spicecashPage .spiceCashpartnerSection .subContentwrapper h3::before{top:4px;}
.spiceCashpartnerSection .earnpoints.partnerSection h2{padding-left:10px;}
.spicecashPage .earnpoints.partnerSection .checkdetailPartners{margin-right: 40px;margin-top: 15px;}
.spicecashPage .earnpoints.partnerSection{padding:0}
.spicecashPage .moreSection .spicecashTabs .tab-content{padding:38px 32px 6px 32px}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p{padding: 0 47px 80px 54px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p:first-child{padding: 0 47px 70px 54px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p {padding: 0 0px 28px 90px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft p::before{left:0px !important;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsRight p::before{left:24px !important;}
.spicecashPage .moreSection .spicecashTabs .tab-content .spiceSectionsLeft::after{height:224px;right:8px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash{padding:0}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash p, .spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox{padding:0 108px 58px 56px;position:relative;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash > p::before, .spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox::before{left:0 !important;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox{display:flex;padding:0px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox p:first-child{padding: 0px 0px 20px 56px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash .registrationBox p:last-child{padding: 0px 0px 20px 38px;padding-right: 0px;}
.spicecashPage .moreSection .registerNow{margin-left:0px;margin-top:14px}
.spicecashPage .moreSection .spicecashTabs .tab-content .activateSpicecash>p:last-child{padding:20px 26px;}
.spicecashPage .topUpSteps div{padding:0;}
.topUpSpicecash .topUpSteps p{padding:16px 0px 0px 50px;}
.spicecashPage .topUpSpicecash .successPayment{margin-top:34px;}
.topUpSpicecash .topUpSteps p span{left:4px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .row.useSpicecashSec{display:block;}
.spicecashPage .moreSection .spicecashTabs .tab-content .useSpicecashSec .bookFlights, .spicecashPage .moreSection .spicecashTabs .tab-content .useSpicecashSec .onlineMerchant{max-width:100%;}
.spicecashPage .moreSection .spicecashTabs .tab-content .useSpicecashSec .bookFlights{margin-bottom:0;padding-bottom:40px;border-bottom:1px solid rgba(247, 148, 29, 0.6);border-right:none;padding-left:20px;}
.spicecashPage .moreSection .spicecashTabs .tab-content .useSpicecashSec .onlineMerchant{padding-top:40px;padding-left:20px;}
.spicecashPage .useSpicecashSec .useSpiceLeft .sameInfo{width:80%;margin:auto;padding: 18px 52px;line-height:25px;}
.spicecashPage .useSpicecashSec .useSpiceLeft p, .spicecashPage .useSpicecashSec .useSpiceRight p{padding-right:174px;}
.spicecashPage .useSpicecashSec .useSpiceRight p{padding-left:96px;}
.spicecashPage .useSpicecashSec .useSpiceRight p::before{left:20px !important;}
/*SpiceCash Pahe styles ends here */
/* post login css starts here */
/* login page css starts here */
.loginPage.navbar > .wrapper > .customNavMenuWrapper > ul{margin-top: 10px;text-align: left;padding-left: 48px !important;}
.loginPage.mainBanner{background-color: #f3f3f3;}
/* .loginPage.mainBanner{margin-top: 45px; height: calc(100% - 75px - 45px);}*/
.loginPage.mainBanner > .loginFormWrapper{top: 118px; right: 60px;}
/* login page css ends here */
/* registration page css starts here*/
.registrationPage.mainBackground > .registrationWrapper{width: 500px; display: block; height: auto;top: 40px;bottom: unset;margin: 0 auto;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol{border-radius: 8px 0 0 0px;box-shadow: 0 2px 15px 0 #BDBDBD; border-radius: 8px 8px 0 0px; height: 225px;position: relative;}
.registrationPage.mainBackground > .registrationWrapper > .formCol{width: 100%; height: 580px; border-radius: 0px 0px 8px 8px; padding: 30px 92px;}
.registrationPage.mainBackground > .registrationWrapper .introducingbackground{border-radius: 8px;}
.hoverPersonalDetails{right: 91px;}
.hoverSecurityDetails{right: 3px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol .manyMoreSec{float: none;position: absolute; right: 26px;}
.registrationPage.More{display: block; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; color: #FFFFFF; color: #FFFFFF; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-align: center;}
.registrationPage.mainBackground.expand{height: 1270px;}
.registrationPage.mainBackground > .registrationWrapper .introducingCol.expand{height: unset;}
.registrationPage.mainBackground > .registrationWrapper > .formCol .personalBack{margin-top: 45px;}
.registrationPhoneError{right: -23px;}
.deactivateSecurityTab{right: 90px;}
/* registration page css ends here*/
}
.paddingZero{padding:0px !important;}
.marginZero{margin:0px !important;}
.marginTopZero{margin-top:0px !important;}
.marginLeftZero{margin-left:0px !important;}
.tac{text-align: center;}
.aic{align-items: center;}
@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
/* Firefox < 16 */
@-moz-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
/* Safari,Chrome and Opera > 12.1 */
@-webkit-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
/* Internet Explorer */
@-ms-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
/* Opera < 12.1 */
@-o-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@media (min-width: 768px){
.col-md-3 {
max-width: 20%;
}
}
@media (min-width: 1200px){
.col-xl-5 {
margin-top: 0;
}
}
.logo {display: block;width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;padding-left: 22px;margin-left: -0.5rem;width: 100%;margin-left: -5px;padding-left: 30px;}
.callLogo{background-image: url('../images/icons/assist-dropdown/call.svg');}
.emailLogo{background-image: url('../images/icons/assist-dropdown/mail.svg');background-position: top 2px left;}
.faqLogo{background-image: url('../images/icons/assist-dropdown/faq.svg');}
.tandCLogo{background-image: url('../images/icons/assist-dropdown/t&c.svg');height: 19px;margin-top: 2px;}
/* .img-bg{background-image: url('../images/image.png');background-repeat: no-repeat;background-size: contain;} */
.tncFor2XRewardPoint{color: #a0a0a0;font-size: 12px;letter-spacing: 0px;line-height: 16px;position: absolute;margin-top: 45px;display: block;padding:5px}
.tncForBaggageAllowance{color: #a0a0a0;font-size: 12px;letter-spacing: 0px;line-height: 16px;position: fixed;padding:5px;right: 0px; bottom: 0px; padding-right: 100px;}
@media (max-width: 768px){
.tncFor2XRewardPoint {
padding:1px
}
.tncForBaggageAllowance {
padding:1px
}
.reward-para {
margin-bottom: 10px!important;
}
}