@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

        body {
            font-family: Poppins;
            font-weight:400;
            font-size: 16px;
            color: #444444;
            background: linear-gradient(90deg, #FFFFFF 0%, #FCF5ED 98.12%);
        }
        .inlineErrors {
            color: red;
        }
        .container,.container-xl{
            max-width:1600px;
        }
        .container{
            padding-left:40px;
            padding-right:40px;
        }
        img{
            max-width:100%;
        }
        .fakeimg {
            height: 200px;
            background: #aaa;
        }

        .mob-view {
            display: none;
        }

        .tab-view {
            display: none;
        }

        .large-view-only {
            display: block;
        }

        .grey-link {
            color: #666666;
            text-decoration: none;
        }
        
        .grey-link:hover {
            color: #000;
        }

        .red-link,
        .red-link:hover {
            color: #E01F26;
        }

       

        .green {
            color:  #00b200;
        }

        .plr-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .mt-10 {
            margin-top: 10px;
        }
        .mt-20 {
            margin-top: 20px;
        }
        .mt-30 {
            margin-top: 30px;
        }
        .mt-40 {
            margin-top: 40px;
        }
        .mt-50 {
            margin-top: 50px;
        }
        .mt-05{
            margin-top:5px;
        }
        .mt-02{
            margin-top:2px;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .mb-20 {
            margin-bottom: 20px;
        }
        .mb-30 {
            margin-bottom: 30px;
        }
        .mb-40 {
            margin-bottom: 40px;
        }
        .mb-50 {
            margin-bottom: 50px;
        }
        .mt-70 {
            margin-top: 70px;
        }
        
        .pt-50 {
            padding-top: 50px;
        }
        .pt-30 {
            padding-top: 30px;
        }
        .pt-20 {
            padding-top: 20px;
        }
        .pt-15 {
            padding-top: 15px;
        }

        .pt-10 {
            padding-top: 10px;
        }
        .pt-05 {
            padding-top: 5px;
        }
        .pt-03 {
            padding-top: 3px;
        }
        .pl-5{
            padding-left:5px;
        }
        .pl-10{
            padding-left:10px;
        }
        .pl-20{
            padding-left:20px;
        }
        .ptb-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .ptb-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .ptb-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .ptb-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .pb-10{
            padding-bottom:10px;
        }
        .pb-20{
            padding-bottom:20px;
        }
        .pb-30{
            padding-bottom:30px;
        }
        .pb-40{
            padding-bottom:40px;
        }
        .space-between{
            justify-content:space-between;
        }
        .max-1300{
            max-width:1300px;
            margin:0 auto;
        }
        .max-1280{
            max-width:1280px;
            margin:0 auto;
        }
        .max-1240{
            max-width:1240px;
            margin:0 auto;
        }
        .max-1200{
            max-width:1200px;
            margin:0 auto;
        }
        .max-1150{
            max-width:1150px;
            margin:0 auto;
        }
        .max-left-850{
            max-width:850px;
        }
        .max-330{
            max-width:330px;
            margin:0 auto;
        }
        .center-mob-left{
            text-align:center;
        }
        .card-18rem{
            width: 18rem;
        }
        .card-330{
            width:330px;
        }
        .btn{
            font-size:16px;
        }
        .btn-red-grad {
            background: linear-gradient(180deg, #E01F26 0%, #A70A0C 100%);
            border-radius: 6px;
            font-family: Poppins;
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            color: #fff;
            margin: 5px;
            padding: .5rem 1rem;
        }
        .btn.btn-med{
            width:100px;
            padding-left:0;
            padding-right:0;
        }

        .btn-red-grad:hover {
            color: #fafafa;
        }

        .btn-red {
            background: #E01F26;
            border-radius: 6px;
            color: #fff;
            font-weight: 500;
            padding: .55rem 1.7rem;
            min-width:90px;
        }

        .btn-red:hover {
            color: #fafafa;
        }
        .btn-white-red {
            background: #FFFFFF;
            border: 1.5px solid #E01F26;
            color:#E01F26;
            box-sizing: border-box;
            border-radius: 6px;
            font-weight: 500;
            padding: .55rem 1.7rem;
        }
        .btn-black,.btn-black:hover {
            background: #000;
            border-radius: 6px;
            color: #fff;
        }
        .btn-transparent-white,.btn-transparent-white:hover{
            background-color: transparent;
            color:#fff;            
            padding: .6rem 1.1rem;
            border:2px solid #fff;
            border-radius: 8px;
            font-weight: 500;
        }
        .overlay.active {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,0.5);
            z-index: 2;
            cursor: pointer;
        }
        .link {
            color: #000;
            text-decoration: none;
        }
        .underline{
            text-decoration: underline;
        }
        .link:hover {
            color: #444444;
        }

        .right {
            text-align: right;
        }
        .center {
            text-align: center;
        }
        .black {
            color:#000;
        }
        .bold{
            font-weight:600;
        }
        .semi-bold{
            font-weight:500;
        }
        .italic{
            font-style: italic;
        }
        .title-red {
            color: #E01F26;
            font-size: 20px;
            font-weight: 600;
            padding-bottom: 10px;
        }
        .partner-logo-border{
            border: 1px solid #dddddd;
             border-top-left-radius: 16px;  
             border-top-right-radius: 16px;
        }
        .compare-icon{
            float:left;
            margin-right:10px;
            height:59px;
        }
        .conversion-img-ptb{
            padding-top:12px;
            padding-bottom:20px;
        }
        .box-small label{
            min-height:50px;
        }
        .box-small{
            background-color: #fff;
            padding:20px;
            border-radius:10px;
            box-shadow: 1px 1px 7px 4px #FFE4E5;       
            height:100%;     
        }
        .box-medium{
            background-color: #fff;
            padding:20px;
            border-radius:10px;
            box-shadow: 1px 1px 7px 4px #FFE4E5;
            max-width:600px;
        }
        .box-full{
            background-color: #fff;
            padding:20px;
            border-radius:10px;
            box-shadow: 1px 1px 7px 4px #FFE4E5;            
        }
        .no-wrap{
            white-space: nowrap;
        }
        .conversion-reverse-arrow{
            position: relative;
            top: 38px;
        }
        .point-conversion-arrow{
            display:inline-block;
            position: relative;
            width:55px;
            height:30px;
            margin-top:40px;
        }
        .point-conversion-arrow::before{
            position: absolute;
            content:url("../icons/half-right-arrow-red.png");       
            margin-top:-5px;
            margin-left:10px;
            left:0;
        }
        .point-conversion-arrow::after{
            position: absolute;
            content:url("../icons/half-left-arrow-grey.png");       
            top:12px;
            left:0px;
        }
        
        .carousel-container{
            padding-bottom:50px;
        }
        .carousel-caption {            
            right: 45%;
            top:0; /* 3.25rem; */
            left: 5%;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            color: #fff;
            text-align: left;
            font-size:16px;
            display:flex;
            flex-direction: column;
            justify-content: center;
            height:91%;
        }
        
        /* .carousel-caption.no-top {
            top:.5em;
        } */
        .carousel-caption.black {
            color:#000;
        }
        .carousel-caption h5{
            font-size:30px;
            font-weight: 600;
            padding-bottom: 5px;
        }
        .home-carousel-section .carousel-caption h5{
            font-size:42px;
        }
        .carousel-indicators .left[data-bs-target],.carousel-indicators.black .left[data-bs-target]{
            box-sizing: border-box;
            text-indent:0;
            border:0;       
            margin-top:-10px;    
        }
        .carousel-indicators .right[data-bs-target],.carousel-indicators.black .right[data-bs-target]{
            box-sizing: border-box;    
            border:0;    
            margin-top:-10px;   
        }
        .carousel-indicators .left .fa,.carousel-indicators .right .fa{
            color: #fff;/* #BDBCBC; */
            font-size: 36px;
            font-weight: 600;            
        }
        .carousel-indicators [data-bs-target]{
            width:15px;
            height:15px;
            border-radius: 50%;
            background-color: transparent;
            border:1px solid #fff;
            opacity:.9;
        }
        .carousel-indicators.black .left .fa,.carousel-indicators.black .right .fa{
            color: #C4C4C4;/* #BDBCBC; */                        
        }
        .carousel-indicators.black [data-bs-target]{            
            border:1px solid #C4C4C4;            
        }
        .carousel-indicators .active[data-bs-target]{            
            background-color: #E01F26;            
        }
        .carousel-indicators{
            justify-content: left;
            margin-left:5%;
            bottom:8px;
        }
        .carousel-inner{
            border-radius:16px;
        }
        .carousel-img{
            min-height:170px;
            object-fit: cover;
        }
        .carousel-banner-logo{
            position: absolute;
            top:0;
            left:5%;
            height:32%;
            width:auto !important;
        }
        .carousel-item {
            transition: transform 2.6s ease-in-out;
          }
          .carousel-fade .active.carousel-item-start,
          .carousel-fade .active.carousel-item-end {
            transition: opacity 0s 2.6s;
          }
          
        h2,.title-black {
            color: #000;
            font-size: 20px;
            font-weight: 600;
            position: relative;
            padding-left:15px;
            margin-bottom: 25px;
        }

        h2:before,.title-black::before {
            background-color: #E01F26;
            font-size: 21px;
            content: "";
            position: absolute;
            width: 8px;
            height: calc(100% - 4px);
            margin-top: 2px;            
            margin-left: -15px;
        }
        .home-container h2,.home-container .title-black {            
            font-size: 28px;
            font-weight: 500;           
        }
        .form-control{
            font-size:14px;
            padding: .65rem .75rem;
            border-radius: .5rem;
        }
        .form-select{
            font-size:14px;
        }
        .form-label{
            font-size:16px;            
        }
        .form-check-input {
            width: 1.3em;
            height: 1.3em;
        }
        .form-check-label{
            padding-left:12px;
        }
        .pointer{
            cursor: pointer;
        }

        .font-12{
            font-size:12px;
        }
        .font-14{
            font-size:14px;
        }
        .font-13{
            font-size:13px;
        }

        .font-18 {
            font-size: 18px;
        }

        .font-17{
            font-size:17px;
        }

        .font-16 {
            font-size: 16px;
        }

        .btn-check:focus + .btn, .btn:focus {            
            box-shadow: unset;
        }

        /*  slick slider */
        .slick-slider .card{
            margin:5px;
            border-radius:18px;
            border:0px solid #dddddd;
        }
        .slick-slider .card:hover,.card-list .card:hover{
            box-shadow: 1px 1px 7px 4px #eeeeee;
        }
        .slick-slider .card-body{           
            border-bottom-left-radius:18px;
            border-bottom-right-radius:18px;
            border:1px solid #dddddd;
            border-top:0;
        }
        .slick-next::before,.slick-prev::before{
            /* border:1px solid #E01F26; */
            border-radius:50%;
            color:#E01F26;
        }
        .slick-next{
            top:-15px;
            right:10px;
        }
        .slick-prev{
            top:-15px;
            right:35px;
            left:unset;
        }
        .home-card{
            flex-direction:row;
            border-radius:20px;
            height:100%;
            max-width:400px;
            margin:0 auto;
            max-height:240px;
            border-top: 1px solid #F5F5F5;
            border-right: 1px solid #F5F5F5;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
        }
        .home-card-left{
            width:50%;
        }
        .home-card-left img{
            height:100%;
        }
        .home-card-right{
            width:50%;
            padding:20px;
           /*  justify-content: center; */
            display: flex;
            flex-direction: column;
            position: relative;
        }
        .home-card-right label{
            margin-bottom:1rem;
        }
        /* .spiceclub-points-text{
            padding-bottom:30px;
        } */
        .spiceclub-points-know-more{
            position: absolute;
            bottom:15px;
        }
        .spiceclub-points-right-arrow-img{
            padding-left:20px;
        }
        .cpb-25{
            padding-bottom:25px;
        }
        .cpt-25{
            padding-top:25px;
        }
        
        .card-img-top{
            min-height:120px;
            max-height:200px;
            width:100%;
            object-fit: cover;
        }
        .card-list .card{
            margin:5px;
            border-radius:18px;
            border:0px solid #dddddd;
            height:95%;             
        }
        .card-list .card-body{           
            border:1px solid #dddddd;
           border-top:0;
           border-bottom-left-radius:18px;
           border-bottom-right-radius:18px;
        }
         .card .card-img-top{
            min-height:120px;
            max-height:200px;
            width:100%;  
            object-fit: cover;          
        }
        .card.dashed .card-img-top{
            min-height:220px;
            max-height:300px;
            width:100%; 
            object-fit: cover;           
        }
        .card-list .dashed .card-body{
            border:0;
        }
         .card .deal-logo{            
            max-height:45px;     
            max-width:200px;  
            width: auto;
            margin: auto;                 
        }
        .card.dashed{
            border: 2px dashed #989898;            
        }
        .card.card-axis-logo{
            background-color: #fff;
        }
        .card.card-axis-logo .partner-logo-border{
            object-fit: contain;
        }
        .card.card-emirates-logo{
            background-color: #d71a21;
        }
        .card.card-emirates-logo .partner-logo-border{
            object-fit: contain;
        }
        .card.card-emirates-logo .card-body{
            background-color: #fff;
        }

        /* start header */
        .navbar-brand{
            margin-right:0;
        }

        .navbar-brand.col-lg-3{
            width:23.5%;
        }
        
        .header-logo {
            max-width: 200px;
        }
        
        .head-row{
            margin-top:10px;
        }
        .web-menu{
            display:flex;
        }
        .mobile-menu{
            display:none;
        }

        .top-nav .link,
        .top-nav-right .link {
            padding: 10px 5px;
        }

        .top-nav.web-menu > .nav-item{
            margin-right:2px;
        }

        .top-nav .nav-link {
            max-width: 120px;
            color: #000;
            font-size:16px;
            font-weight:500;
        }

        .top-nav .nav-link:hover {
            color: #E01F26;
            font-weight:600;
        }


        .top-nav-right {
            /* flex-direction: row-reverse; */
            align-items: center;
        }

        .red,
        .top-nav .red {
            color: #E01F26;
        }
        .login-link-pad{
            padding-left:8px;
            padding-right:10px;
        }
        .account-toggle .hello{
            line-height: 12px;
            padding-top: 8px;
        }
        .icon-container {
            width: 30px;
            height: 30px;
            margin: 10px 12px;
            background: #000000;
            border-radius: 7px 0px;
            color: #fff;
            position: relative;
            padding: 2px 9px;
        }

        .icon-container::after {
            content: '';
            position: absolute;
            top: 70%;
            left: 0px;
            border: 7px solid transparent;
            border-left-color: #000;
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            background-color: transparent;
            color: #E01F26;
            font-weight:600;
        }

        
        .dropdown-menu{
            font-size:16px;
            padding:1rem .75rem;
            min-width:215px;
        }

        .dropdown-item {
            padding: .4rem 1rem;
        }

        .dropdown-item:hover {
            background-color: transparent;
            color: #E01F26;
        }
        .dropdown-menu .inactive,.dropdown-menu .inactive:hover {
            color:#212529; ;
            cursor: text ;
            background-color: transparent;
        }
        .dropdown-menu .inactive span{
            color:#ED1C24;
            font-size:11px;
            font-style: italic;
            font-weight: 400;
        }
        .help-item{
            position: relative;
        }
        .help-item:hover .dropdown-menu {
            display: block;
        }
        .help-dropdown {
            margin-top: 0px;
            right:0;
            left:auto !important;
        }
        .right-dropdown {
            margin-top: 8px;
            right:0;
            left:auto !important;
        }

        .icon-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('../icons/call.svg');
        }
        .emailLogo {
            background-image: url('../icons/mail.svg');
            background-position: top 2px left;
        }
        .faqLogo {
            background-image: url('../icons/faq.svg');
        }
        .tandCLogo {
            background-image: url('../icons/t&c.svg');
            height: 19px;
            margin-top: 2px;
        }
        .userLogo {
            background-image: url('../icons/user.png');
        }

        .head-row> :nth-child(1) { order: 1; }
        .head-row> :nth-child(2) { order: 3; }
        .head-row> :nth-child(3) { order: 2; }

        .navbar-container{
            padding-left:30px;
            padding-right:30px;
            overflow:hidden;
            position: relative;
            z-index: 3;
        }
        .navbar-container:hover {
            /* padding-left: 0;
            padding-right: 0; */
            overflow: auto;
        }
        .navbar-container::-webkit-scrollbar {
            height:4px;               
        }        
        .navbar-container::-webkit-scrollbar-thumb {
             background-color: #000;            
        }

        .navbar-outer {
            max-width: 100%;
            overflow: visible;
            padding: 5px 1px;
        }
        .link-left{
            
            font-weight:500;
        }
        .link-left::after{
            display: inline-block;
            position: absolute;
            color:#8D8D8D;
            margin-left: .75em;
            margin-top:7px;
            vertical-align: 1em;
            content: "";
            border-top: .4em solid transparent;
            border-right: 0;
            border-bottom: .4em solid transparent;
            border-left: .5em solid;

            /* margin-left: .75em;
            margin-top:2px;
            position: absolute;
            content:url("../icons/triangle-right-arrow-grey.png"); */
        }
        .navbar-dark {
            border-radius: 6px;
            padding: 0 0;
            background-color: #000;
            font-size:16px;
        }

        .navbar-dark .nav-item {
            color: #fff;
            border-right: 1px solid #999999;
            padding: 4px 10px;
            white-space: nowrap;
            text-align: center;
        }

        .navbar-dark .navbar-nav .nav-link,
        .navbar-dark .navbar-nav .nav-link:hover {
            color: #fff;
            font-weight:500;
        }

        .navbar-dark .ribbon-item {
            padding: 2px 1px 5px 10px;
        }

        .ribbon-content {
            position: relative;
            overflow: hidden;
            padding-top: 3px;
            padding-right: 8px;
        }

        .ribbon {
            width: 40px;
            padding: 1px;
            position: absolute;
            text-align: center;
            color: #f0f0f0;
            top: 2px;
            transform: rotate(45deg);
            right: -10px;
            background-color: #E01F26;
            font-size: 10px;
            font-weight:600;
        }

        .sticky {
            position: fixed;
        }

        .navbar-dark .navbar-nav {
            width: 100%;
        }
        .navbar-dark li{
            flex:1;
        }

        .navbar-dark li:last-child {
            flex: 0 0 28%;
            display: flex;
            background: #000;
            border-right: 0;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            padding: 0;
            min-width: 70px;
        }
        .navbar-dark li.caption-item {
            border-right: 0;
        }

        .announcements-container {
            display: flex;
            flex: 1;
        }

        .announcements {
            position: relative;
            top: -10%;
            background: #000;
            width: 100%;
            height: 120%;
            border-radius: 12px;
            padding: 6px 10px 0px 60px;
            font-size: 15px;
            flex: 1;
            text-align: left;
        }

        .announcements::before {
            /* content: "\f0a1";
            font-family: FontAwesome;
            position: absolute;
            top: 12px;
            left: 10px;
            width: 30px;
            height: 30px;
            font-size: 20px; */
            position: absolute;
            content:url("../icons/announcement-white.png");       
            margin-top:9px;
            margin-left:-50px;
        }

        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
        .navbar-toggler-close,.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
            background-image: url("../icons/close_menu.png");
            background-size: auto;
        }
        .mobile-menu .nav-link{
            padding: .8rem 1rem;
        }

        .navbar-toggler.collapsed .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .login-dropdown {
            min-width: 280px;
            width: 400px;
            margin-left: 10px;
            margin-right: 10px;
            color: #444444;
            border: 1px solid #E01F26;
        }

        .top-nav-right .dropdown-menu[data-bs-popper] {
            margin-top: 10px;
        }
        .top-nav-right .dropdown-menu.notification-dropdown[data-bs-popper] {
            margin-top: 25px;
            min-width:300px;
            width: 100vw;
            right: -51px;
        }
        .navbar-nav .nav-item{
            position:relative;
        }
        .navbar-nav .nav-item.active::after,.navbar-nav .nav-item:not(:last-child):not(.caption-item):hover::after{
            /* border-bottom:3px solid #E01F26; */
            position: absolute;
            width:100%;
            height:3px;
            bottom:0;
            background-color: #E01F26;
            content: "";
            left:0;
        }
        /* .navbar .container-xl{
            padding-left :0;
            padding-right:0;
        } */
        .notification-div{
            display:inline-block;
            width:25px;
            height:28px;
            background-image: url('../icons/notification-icon.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            position: relative;
            margin-top:6px;
        }
        .notification-content{
            position: absolute;
            width:15px;
            height:15px;
            border-radius: 50%;
            background-color: #E01F26;
            color:#fff;
            font-size:9px;
            text-align: center;
            right:0;
            top:6px;
            
        }
        .account-toggle{
            font-size: 14px;;
        }
        .account-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: 1em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
        }
        .right-dropdown label,.right-dropdown p{
            padding:10px;
        }
        /* end header */

        /* start sidebar */
        .col-lg-3.sidebar{
            padding-left:20px;            
            position: -webkit-sticky;
            position: sticky;
            top: 0;     
            height:100%;/* calc(100% + 490px);  */                    
        }
        .sidebar .btn-toggle-nav a {
            color:#666666;
            text-decoration: none;
            position: relative;
        }
        .sidebar .btn-toggle-nav a:hover,.sidebar .btn-toggle-nav .active a{
            color:#E01F26;            
        }
        .sidebar .btn-toggle-nav .active a{
            color:#E01F26;
            font-weight:500;
        }

        .sidebar .btn-toggle {
            position:relative;
            padding-left:15px;
            color: #666666;
        }
        .sidebar .btn-toggle:hover,.sidebar .btn-toggle[aria-expanded="true"],.sidebar .btn-toggle.active{
            color:#000;            
        }
        .sidebar .btn-toggle[aria-expanded="true"],.sidebar .btn-toggle.active{
            color:#000;
            font-weight:600;
        }
        .sidebar .btn-toggle.active::before,.sidebar .btn-toggle[aria-expanded="true"]::before {
            background-color: #E01F26;

        }
        .sidebar .btn-toggle::before {
            width: 3px;
            height: 24px;
            content: "";
            background-color: #000;   
            position:absolute;     
            margin-left:-15px;    
            margin-top: 0px;
        }
        .sidebar .btn-toggle-nav{
            padding-left:40px;
        }

        .sidebar .btn-toggle-nav li{
            position:relative;
            padding: 5px 20px 5px 5px;
            color: #666666;
        }
        .sidebar .btn-toggle-nav li.active,.sidebar .btn-toggle-nav li:hover{
            color:#E01F26;            
        }
        .sidebar .btn-toggle-nav li.active{            
            font-weight:500;
        }
        .sidebar .btn-toggle-nav li.active::before,.sidebar .btn-toggle-nav li:hover::before {
            background-color: #E01F26;
        }
        .sidebar .btn-toggle-nav li.active a::after,.sidebar .btn-toggle-nav li a.active::after,.sidebar .btn-toggle.active::after {            
            position: absolute;
            content:url("../icons/right-arrow-red.png");       
            margin-top:5px;
            margin-left:20px;
        }
        .sidebar .btn-toggle-nav li::before {
            width: 8px;
            height: 8px;
            content: "";
            background-color: #666666;   
            position:absolute;     
            margin-left:-20px;
            margin-top:8px;    
        }

        /*  end sidebar */

        /* start footer */
        .footer {
            background-color: #F3F3F3;
            padding: 10px 10px;
            margin-top:100px;
            font-size:14px;
            margin-bottom:0;
        }

        .footer-logo {
            max-width: 160px;
        }

        .footer a {
            color: #666666;
            font-size: 14px;
            text-decoration: none;
        }

        .footer a:hover {
            color: #000;
            text-decoration: none;
        }

        .footer label {
            font-weight: 600;
            padding-bottom: 10px;
        }

        .footer p {
            margin-bottom: .5rem;
        }

        .social-icon .fa {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            width: 34px;
            height: 30px !important;
            line-height: 1;
            font-size: 14px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            color: #fff;
            background: none;
            border-radius: 5px;
        }

        .social-icon:hover .fa {
            opacity: .8
        }


        .social-icon .fa-facebook {
            background-color: #3b5998
        }

        .social-icon .fa-twitter {
            background-color: #00aced
        }


        .social-icon .fa-youtube {
            background-color: #bb0000
        }

        .social-icon .fa-instagram {
            background-color: #ea4c89
        }

        .social-icon .fb:before {
            content:url("../images/footer/facebook.png");
        }
        .social-icon .tw:before {
            content:url("../images/footer/twitter.png");
        }
        .social-icon .in:before {
            content:url("../images/footer/instagram.png");
        }
        .social-icon .yt:before {
            content:url("../images/footer/youtube.png");
        }

        .footer-content-row {
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #999999;
            display:flex;
            justify-content: space-between;
        }

        .footer-bottom-left {
            color: #E01F26;
           text-align:left;
        }

        .footer-bottom-right {
            text-align: right;
            
        }

        .store_image {
            width: 110px;
            margin:2px;
        }
        

        /* end footer */

        /**** Tier Table start here ****/
        .tableMainWrapperTiersPageContainer::-webkit-scrollbar {
            height:6px;               
        }        
        .tableMainWrapperTiersPageContainer::-webkit-scrollbar-thumb {
             background-color: #ddd;            
        }
        .tableMainWrapperTiersPageContainer {
            overflow: auto;
            scrollbar-width: thin;
        }

        .tableMainWrapperTiersPage {
            display: flex;
            justify-content: left;
            padding-bottom: 30px;
        }

        /* .tableMainWrapperTiersPage.axisbank {
            margin-top:150px;
        } */

        .tableMainWrapperTiersPage ul {
            list-style: none;
            margin-bottom: 0;
        }

        .tableMainWrapperTiersPage ul li:last-child {
            border-radius: 0 0 8px 8px;
        }

        .tableMainWrapperTiersPage .textBold {
            font-weight: bold;
        }

        .tableFixedSectionWrapper ul {
            height: auto;
            min-width: 334px;
            width:auto;
            background-color: #FFFFFF;
            /* box-shadow: 4px 5px 15px 0 #D2D2D2; */
            border-radius: 8px 8px 8px 8px;
            border-right: 1px solid #E6E6E5;
            border-left: 1px solid #E6E6E5;
            border-top: 1px solid #E6E6E5;
            flex:1;
        }
        .axisbank .tableFixedSectionWrapper ul {
            background-color: #F8F8F8;
            margin-top: 130px;
        }

        .tableFixedSectionWrapper ul {
            padding: 0;
            margin: 0;
        }

        .tableFixedSectionWrapper .fixedSectionheader {
            color: #ED1C24;
            font-size: 18px;
            font-weight: bold;
            line-height: 18px;
            padding: 19px 14px 18px 19px;
            margin: 0;
            border-bottom: 1px solid #BDBDBD;
            border-radius: 8px 8px 0 0;
        }
        .axisbank .tableFixedSectionWrapper .fixedSectionheader {
            color:#000;
            line-height: 25px;
            height:88px;
        }

        .fixedtableSections {
            background-color: #f1f1f1;
            color: #000000;
            font-size: 16px;
            font-weight: bold;
            line-height: 15px;
            padding: 12px 131px 12px 23px;
            position: relative;
        }

        .tableFixedSectionWrapper .fixedtableSections.clubComfort {
            background-color: #f1f1f1;
        }

        .tableFixedSectionWrapper .fixedtableSections.clubprivileges {
            background-color: #f1f1f1;
        }

        .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: 11px 16px 8px 25px;
            border-bottom: 0.5px solid #BDBDBD;
            color: #000;
            font-size: 14px;
            height: 43px;
            font-weight:500;
        }
        .subSection .compareList {
            font-weight:500;
        }

        .tableFixedSectionWrapper .compareList {
            padding-right: 0px;
        }

        .tier-criteria .compareList {            
            height: 70px;
        }
        .tier-criteria .subSection .compareList {
            font-weight:500;
            text-align: left;
            padding-left: 8px;
            padding-right: 2px;
        }

        .tableScrollableSectionWrapper {
            height: auto;
            width: 600px;
            margin-left: 0px;
            border-top: none;
            display: flex;
            border-radius: 8px 8px 0 0;
        }
        .axisbank .tableScrollableSectionWrapper {
            width:unset;
            min-width: 500px;            
        }

        .tableScrollableSectionWrapper .subSection ul {
            width: 140px;
            margin-left: 10px;
            margin-right:2px;
            border-right: 1px solid #D2D2D2;
            border-left: 1px solid #D2D2D2;
            border-radius: 8px 8px 8px 8px;
            box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
        }
        .axisbank .tableScrollableSectionWrapper .subSection {
            width: unset;
            flex:1;
        }
        .axisbank .tableScrollableSectionWrapper .subSection ul {
            width: unset;
            flex:1;
            margin-top: 130px;
        }

        .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: 17px;
            font-weight: bold;
            line-height: 19px;
            color: #ffffff;
            text-align: center;
        }

        .axisbank .tableScrollableSectionWrapper .subSection .category {
            height: 88px;            
            position: relative;
            text-align: center;
            border-bottom: 0.5px solid #BDBDBD;
        }
        .axisbank .tableScrollableSectionWrapper .subSection .category label {
            font-size: 16px;
            font-weight: bold;
            color: #000;
            margin-top:10px;
        }
        .subTierContainer .axisbank .voyage-card{
            position: relative;
            margin-top: -120px;
            z-index: 9;
            width:90%;
        }

        .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: #f1f1f1;
        }

        .fixedtableSections.clubComfort.adjustli {
            padding-top: 27px;
            padding-right: 0px;
            background: #f1f1f1;
        }

        .fixedtableSections.clubprivileges.adjustli {
            padding-top: 27px;
            padding-right: 0px;
            background: #f1f1f1;
        }

        .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; */
            height: 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: 400;
        }

        .tableScrollableSectionWrapper .subSection ul {
            background-color: #fff;
        }


        /* .tableScrollableSectionWrapper .subSection:nth-child(2),
        .tableScrollableSectionWrapper .subSection:nth-child(4) {
            background-color: #FAFAFA;
        } */

        /****** Tier Table ends here ******/

        /*** Spiceclub Benefits start  ***/
        .spiceClubBenefits-Slider .slick-list{
            overflow: visible;
        }
        .spiceClubBenefits-Slider .item.slick-slide:first-child, .spiceClubBenefitslike-Slider .item.slick-slide:first-child {
            margin-left: 0;
        }
        .spiceClubTierListsWrapper .spiceClubTierLists .spiceClubBenefits-Slider.firstSlider {
            margin-top: 40px;
            margin-bottom: 60px;
            z-index:5;
        }
        .slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
        .spiceClubBenefits-Slider, .spiceClubBenefitslike-Slider {
            height: 205px;
        }
        .spiceClubBenefits-Slider .img-fill {
            border-radius:16px;
        }
        .spiceClubBenefits-Slider .img-fill img {
            border-radius:16px;
        }
        .img-fill{cursor:pointer;}
        .img-fill:hover > .info{
            background:rgba(0, 0, 0, 0.8) !important;
        }
        .hoverInfo{
            display:none;
            position: absolute;            
        }
        .spiceClubBenefits-Slider .hoverInfo img{
            max-height:220px; 
            object-fit: cover;           
        }
        .slick-list .slick-track .item .img-fill:hover .hoverInfo{
            display: block; width: 330px;height:auto;background: #ffffff;top:-15px;position: absolute;left:250px;z-index: 9999;border: 1px solid #F3F3F3;box-shadow: 0px 0px 8px 4px #fcb8ba;  padding: 17px 17px 20px 20px;border-radius:5px;
        }
        .slick-list .slick-track .item .img-fill:hover .hoverInfo p{	
            color: #000;font-size: 16px;	margin: 0;text-align: left; line-height: 24px;
        }
        .slick-list .slick-track .item .img-fill:hover .hoverInfo ul{	
           font-size: 16px;	
        }
        .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:-310px;
        }
        .slick-list .slick-track .item .img-fill:hover .hoverInfo::before{
            content: '';position: absolute;left: -20px;top: 140px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 16px 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: 324px; transform: rotate(90deg);content: '';position: absolute;top: 140px;border: 5px solid white;border-top: transparent;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 16px solid white;
        }
        @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;}
        }
        .img-fill {
            width: 100%;
            display: block;
            overflow: visible;
            position: relative;
            text-align: center;
            border-radius: 8px;
            box-shadow: 0 0px 5px 3px rgba(84,84,84,0.4);
        }
        
        .img-fill img {
            position: relative;
            display: inline-block;
            max-width: none;
        }
        .slick-slide img {
            width: 100%;
        }
        .spiceClubBenefits-Slider .item .img-fill .info, .spiceClubBenefitslike-Slider .item .img-fill .info {
            position: absolute;
            width: 100%;
            height: 200px;
            top: 0px;
            left: 0px;
            background: rgba(0, 0, 0, .50);
            text-align: center;
            display: table;
            border-radius: 8px;
        }
        .spiceClubBenefits-Slider .item.slick-active p, .spiceClubBenefitslike-Slider .item.slick-active p {
            animation: fadeInLeft 1s both 1.5s;
            letter-spacing: 0px;
            font-size: 16px;
            line-height: 18px;
        }
        .spiceClubBenefits-Slider .item p, .spiceClubBenefitslike-Slider .item p {
            display: table-cell;
            vertical-align: middle;
            animation: fadeOutLeft 1s both;
            color: #FFFFFF;
            letter-spacing: 0.8px;
        }
        .img-fill .info p::after {
            content: '';
            display: block;
            width: 39px;
            height: 9px;
            background-image: url(../images/spiceclub-benefits/zigzagline.svg);
            position: relative;
            top: 15px;
            left: 0px;
            bottom: 0;
            right: 0;
            margin: auto;
            background-repeat: no-repeat;
        }
        .hoverInfo {
            display: none;
        }
        .plantickets p::before {
            content: '';
            display: block;
            width: 80px;
            height: 50px;
            background-image: url(../images/spiceclub-benefits/flight-voucher.png);
            position: relative;
            top: -8px;
            left: 0px;
            bottom: 0;
            right: 0;
            margin: auto;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .earnpoints p::before {
            content: '';
            display: block;
            width: 50px;
            height: 50px;
            background-image: url(../images/spiceclub-benefits/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/spiceclub-benefits/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/spiceclub-benefits/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/spiceclub-benefits/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/spiceclub-benefits/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/spiceclub-benefits/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/spiceclub-benefits/Diamond.svg);
            position: relative;
            top: -8px;
            left: 0px;
            bottom: 0;
            right: 0;
            margin: auto;
            background-repeat: no-repeat;
        }
        .spiceClubBenefits-Slider{
            position: relative;
            z-index:4;
        }        

         /*** Spiceclub Benefits end  ***/

         /*** spiceclub tiers cards start ***/
         .comparecard .classiccard {
            margin-left: 0px;
        }
        
        .comparecard .platinumcard {
            margin-right: 0px;
        }
        .comparecard .classiccard, .comparecard .silvercard, .comparecard .goldcard, .comparecard .platinumcard {
             height: 400px; 
            /*height:100%;*/
            margin: 0px 10px;
            margin-left: 10px;
            padding: 0;
            max-width: 24%;
            border-radius: 24px;
            background: #FFFFFF;
            box-shadow: 0px 0px 8px 4px #E6E6E6;
            position: relative;
            /* margin-top:50px; */
            margin-top:180px;
            margin-bottom:30px;
        }
        
        .comparecard .tier-card:hover {
            box-shadow: 0px 0px 8px 4px #FFE4E5;
            background-color: #fefaf6;
        }
        .comparecard .classiccard .subcard, .comparecard .silvercard .subcard, .comparecard .goldcard .subcard, .comparecard .platinumcard .subcard {
            width: 260px;
            height: 164px;
            position: relative;
            top: -50px;
            border-radius: 16px;
            margin: 0 auto;
            box-shadow: 0 10px 11px 0 #DADADA;
            right: 0;
            left: 0;
        }
        .comparecard .subcard.tier-card-classic {
            background: url("../images/home/classic-card.png");
                background-repeat: repeat;
                background-size: auto;
            background-repeat: no-repeat;
            background-size: contain;
        }
        .comparecard .subcard.tier-card-silver {
            background: url("../images/home/silver-card.png");
                background-repeat: repeat;
                background-size: auto;
            background-repeat: no-repeat;
            background-size: contain;
        }
        .comparecard .subcard.tier-card-gold {
            background: url("../images/home/gold-card.png");
                background-repeat: repeat;
                background-size: auto;
            background-repeat: no-repeat;
            background-size: contain;
        }
        .comparecard .subcard.tier-card-platinum {
            background: url("../images/home/platinum-card.png");
                background-repeat: repeat;
                background-size: auto;
            background-repeat: no-repeat;
            background-size: contain;
        }
        .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 {            
            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 {            
            color: #ffffff;
            letter-spacing: 1px;
            font-size: 11px;
            line-height: 14px;
            float: left;
        }
        .comparecard .subcard .tier-card-valid {            
            float: right;
        }
        .comparecard .subcard .tier-card-valid > div:first-child {
            margin-right: 4px;
            font-size: 5px;
            line-height: 7px;
            color: #ffffff;
            text-transform: uppercase;            
            float: left;
        }
        .comparecard .subcard .tier-card-valid > div:nth-child(2) {
            font-size: 11px;
            line-height: 14px;
            color: #ffffff;            
            float: right;
        }

        .classiclistitems {
            position: relative;
           /*  margin-top: 140px; */
            width: 100%;
            top:-10px;
        }
        /*.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 .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;
        } */
        .classiclistitems ul {
            padding: 0 10px 15px 25px;
        }
        .classiccardright ul li.success, .classiclistitems ul li.success {
            color: #000;
            font-size: 14px;
            letter-spacing: 0.8px;
            line-height: 25px;
        }
        .classiccardright ul li.success::before, .classiclistitems ul li.success::before {
            content: '';
            color: #000;
            font-size: 24px;
            display: inline-block;
            top: 2px;
            position: relative;
            margin-right: 8px;
            background-image: url("../icons/check.svg");
            width: 16px;
            height: 16px;
        }
        .classiccardright ul li, .classiclistitems ul li {
            list-style: none;
            margin-bottom: 3%;
        }
        .classiccardright ul li.closepoint, .classiclistitems ul li.closepoint {
            color: #BDBDBD;
            font-size: 14px;
            letter-spacing: 0.8px;
            line-height: 25px;
        }
        .classiccardright ul li.closepoint::before, .classiclistitems ul li.closepoint::before {
            content: '';
            color: #4d4747;
            font-size: 24px;
            display: inline-block;
            top: 0px;
            position: relative;
            margin-right: 11px;
            background-image: url("../icons/cross.svg");
            width: 13px;
            height: 12px;
        }
        .classiccardright ul li.starpoint, .classiclistitems ul li.starpoint {
            color: #000;
            font-size: 14px;
            letter-spacing: 0.8px;
            line-height: 25px;
        }
        .classiccardright ul li.starpoint::before, .classiclistitems ul li.starpoint::before {
            content: '';
            color: #000;
            font-size: 24px;
            display: inline-block;
            top: 5px;
            position: relative;
            margin-right: 6px;
            background-image: url("../icons/star.svg");
            width: 20px;
            height: 20px;
        }
        .slick-initialized .tier-card.slick-slide {
            display: block;
            width: 291px !important;
        }
        .comparecard .home-tier-slick-slider{
            max-width: 1250px;
            margin: 0 auto;
        }
        .comparecard .home-tier-slick-slider .slick-dots{
            display:none;
        }
        .slick-slide .coin-icon{
            width: 20px;
            display: inline-block;
            margin-left: 5px;
        }
        
        .tier-card-top{
            position: relative;
            top:-120px;
            padding-bottom:1px;
        }
        .tier-card-classic .tier-card-top{
            border-bottom:6px solid #E01F26;
        }
        .tier-card-silver .tier-card-top{
            border-bottom:6px solid #AEAEAE;
        }
        .tier-card-gold .tier-card-top{
            border-bottom:6px solid #D79F00;
        }
        .tier-card-platinum .tier-card-top{
            border-bottom:6px solid #676767;
        }
        .tier-card-platinum .tier-card-top p{
            width: 115%;
            left: -20px;
            position: relative;
        }
        

         /*** spiceclub tiers cards end  ***/

         /***   Pages  ***/

        .little-dark-text{
            color:#666666;            
        }
        .convert-right-arrow-img{
            margin-top:45px;
        }
        .home-carousel-section{
            margin-top:-15px;
            z-index:2;
            padding-left:30px;
           padding-right:30px;
        }
        .home-carousel-section .carousel-inner{
            border-top-left-radius: 0;
            border-top-right-radius: 0;;
        }
        .relative{
            position:relative;
        }
        .hover-btn{
            position: absolute;
            bottom: 20px;
            left: 20px;
            display:none;
            border: 1px solid #eee;
        }
        .card-hover-btn{
            position: absolute;
            top: -60px;
            left: 20px;
            display:none;
            border: 1px solid #eee;
        }
        .hover-btn.no-border{            
            border: 0;
        }
        .card-body{
            position: relative;
        }
        .card:hover .hover-btn,.card:hover .card-hover-btn{           
            display:block;
        }
        .home-spiceclub-program-textcol{
            padding-left:40px;            
        }
        .footer-card-img{
            border-radius:12px;
        }
        ul.dashed {
            list-style-type: none;
            text-align: left;
            position: relative;
          }
        ul.dashed > li {
        text-indent: 0px;
        }
        ul.dashed > li::before {
        content: "-";
        margin-left: -10px;
        text-indent: -15px;
        margin-right:5px;
        display: inline-block;
        }

        .home-footer-slick-slider-container{
            max-width:1230px;
            margin:0 auto 15px;
        }

        .home-footer-slick-slider.slick-initialized .slick-slide {
            display: block;
            width: 286px !important;
            margin: 12px;
        }
        .home-footer-slick-slider.slick-initialized .slick-slide:first-child {           
            margin-left: 6px;
        }
        .home-footer-slick-slider.slick-initialized .slick-slide:last-child {           
            margin-right: 6px;
        }
        .home-footer-slick-slider .slick-dots{
            display: none !important;
        }
        .home-footer-slick-slider .hover-text{
            position: absolute;
            top:20px;
            left:20px;
            color:#fff;
        }
        .home-container{
            overflow: hidden;
        }
        .home-tier-slick-slider .slick-dots{
            display: none !important;
        }
        .home-tier-slick-slider .slick-track{
            margin-left:8px;
        }
        .home-footer-slick-slider .card:hover{
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        }
        .tableMainWrapperTiersPageContainer.subTierContainer{
            overflow: unset;
        }
        .subTierContainer .tableFixedSectionWrapper{
            width:334px;
        }
        .subTierContainer .tableresponsivescroll{
            width:calc(100% - 334px);
            overflow-x:unset;
        }
        .subTierContainer .tableScrollableSectionWrapper{
            display:unset;
            width:unset;
        }
        .subTierContainer .slick-dots{
            display:none !important;
        }
        .subTierContainer .slick-next,.subTierContainer .slick-prev{
            display:none !important;
        }
        .subTierContainer{
            margin-top:50px;
        }
        .subTierContainer .slick-initialized .slick-slide {                
            width: 145px !important;
        }
        .subTierContainer .axisbank .slick-initialized .slick-slide {                
            width: 50% !important;
        }
        .subTierContainer .slick-slide img {
            width: auto;
            display:unset;
        }
        /* how to earn*/
        .how-to-earn-process-div{
            background-image: url('../images/how-to-earn-process-bg.png');
            background-repeat: no-repeat;
            background-size: cover;
            display:flex;
            flex-direction: row;
            color:#fff;            
            padding:10px;
            border-radius:15px;
        }
        .how-to-earn-process-left-right {
            display:flex;
            flex-direction: column;            
            justify-content: space-around;
            flex:0 0 30%;
            padding:15px;
          }
          .how-to-earn-process-left-right.right {
              align-items: end;;
          }
          
          .half-height{
              max-width:195px;
          }
          .how-to-earn-process-center {
            flex:0 0 40%;
          }
          .point-conversion-block .card{
              border-radius:16px;
              height: 100%;
              box-shadow: 1px 1px 7px 4px #ddd;
              margin-right:5px;
          }
          .point-conversion-block .card-body{
            padding: 1rem 1.5rem;
        }
        .use-sc-points-block .card{
            margin-top:50px;
            border-radius:12px;
           /*  border:0; 
           box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.15);*/
            box-shadow: 1px 1px 7px 4px #ddd;
            /* border: 1px solid #DDDDDD; */
            border:0;
            box-sizing: border-box;
            
        }
        .use-sc-points-block .card-body{
            padding:30px;
        }
        .use-sc-points-block .img-col{
            padding:0px;
            text-align: right;
            overflow: hidden;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        .use-sc-points-block .img-col img{
           height:102%;
           border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
            object-fit: cover;
            position: relative;
            top:-2px;
        }
        .addons-block .card{            
            overflow: hidden;
            border-top-right-radius: 12px;
            border-top-left-radius: 12px;
        }
        .addons-block .card-img-top{
           height:102%;
           border-top-right-radius: 12px;
            border-top-left-radius: 12px;
            object-fit: cover;
            position: relative;
            top:-1px;
        }
        .accordion-button::after {            
           /*  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED1C24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
           background-image: url("../icons/angle-down-red.png");
           width: 1rem;
            height: 1rem;
            background-size: 1rem;
        }
        .accordion-button:not(.collapsed)::after {
            /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED1C24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
            background-image: url("../icons/angle-down-red.png");
            transform: rotate(-180deg);
            width: 1rem;
            height: 1rem;
            background-size: 1rem;
        }
        .accordion-button{
            color:unset;
            font-size: unset;
            background-color: unset;
            padding-right: 1.4rem;
        }
        .accordion-button:not(.collapsed) {
            color: #000;
            background-color: unset;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
        }
        .accordion-item {
            background-color: unset;
            border: unset;
            border-bottom: 1px solid rgba(0,0,0,.125);
        }
        .accordion-body {
            padding: 1.25rem 1.25rem;
        }
        .input-group .btn-outline-secondary {
            color: #fff;
            background-color: #E01F26;
            border:0;
            width:100px;
            font-weight:500;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        .input-group.search > .form-control{
            border:1px solid #ffa8a7;
            border-radius:10px;
        }
        .input-group.search {
            position: relative; 
            width:50%;
            min-width:450px;           
        }
        .search input:focus {
            box-shadow: none;            
        }
        
        .search .fa-search {
            position: absolute;
            top: 13px;
            left: 10px;
            z-index:4;
        }
        .search .search-icon {
            position: absolute;
            top: 13px;
            left: 10px;
            z-index:4;
            background-image: url(../icons/search-icon.png);
            width:20px;
            height:20px;
            background-size: 20px;;
        }
        .search input {           
            text-indent: 32px;           
        }
        .input-group.search > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.btn) {
            margin-left: -1px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }
        #faqTCtable, #faqTCtable th, #faqTCtable td {
            border: 1px solid black;
            border-collapse: collapse;
            text-align: center;
        }
        #faqTCtable {
            width: 100%;
        }
        .accordion-button:not(.collapsed) {                
            box-shadow: unset;
        }
        ul.li-mb-15 li{
            margin-bottom:15px;
        }
        .mobile-only-inline{
            display:none;
        }
        .mobile-only{
            display:none;
        }
        .no-mobile{
            display:block;
        }
        .read-more-link,.read-more-link:hover,.read-less-link,.read-less-link:hover{
            text-decoration: none;
            color: #E01F26;
            font-weight:500;
            display:none;
            cursor: pointer;
            -webkit-appearance: none;
            border: 0;
            background-color: unset;
        }
        .load-less-link{
            display:none;
        }

        /* Axis Bank  */
        .spiceclub-modal{
            box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 6px;
            border: 1px solid #E01F26;
        }
        .spiceclub-modal .modal-body{
            padding:2rem;
        }
        .modal-dialog.small-pop{
            max-width:420px;
        }
        
        .form-select.country-select{
            width:80px;
            margin-right:15px;
        }
        .input-medium{
            max-width:200px;
        }
        .otp-input{
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.43em;
            color: #444444;
        }
        .otp-input.error{
            border:1px solid #E01F26;
        }
        .otp-resend-div{
            display: flex;
            justify-content: space-between;
        }
        .modal-left-grey-bg{
            background: #EEEEEE;
            border-radius: 5px 0px 0px 5px;
            padding: 15px;
        }
        .modal-xl {
            max-width: 1080px;
        }
        .row-no-margin{
            margin-left:0;
            margin-right:0;
        }
        .dd,.mm{
            width:45px;
            display:inline-block;
            margin-right:10px;
        }
        
        .yyyy{
            width:65px;
            display:inline-block;
        }
        .MM{
            width:55px;
            display:inline-block;
            margin-right:10px;
        }
        .pincode-div{
            max-width:90px;
            margin-right:10px;
        }
        .city-div{
            flex:1;
        }
        #axisVoyagecardDetailsModal label{
            font-weight:600;
            padding-bottom: 5px;
            font-size:14px;
        }
        #axisVoyagecardDetailsModal .form-check label{
            font-weight:400;
            padding-bottom: 0px;
            padding-left:20px;
        }
        #axisVoyagecardDetailsModal .modal-body{
            padding:2rem 1.5rem;
        }
         .form-check-input:checked {
            background-color: #E01F26;
            border-color: #E01F26;
        }
        .address-head-row{
            border-bottom:1px solid #CCCCCC;
        }
        .active_address{
            border-bottom:5px solid #E01F26;
        }
        #residential_address_head{
            margin-right:20px;
        }
        .i-icon-container{
            display:inline-block;
            width:25px;
            height:26px;
            border-radius:6px;
            border: 1px solid #E01F26;
            text-align: center;
            margin-right:-5px;
            margin-left: -1.5em;
        }
        .address_right_caption{
            text-align: right;
        }
        .nav-tabs .address-tab,.nav-tabs .address-tab:hover{                       
            font-weight: 600;           
            font-size: 14px;
            color:#444444;
            padding-left:0;
            margin-right:20px;
            padding-bottom:12px;
        }
        .nav-tabs .address-tab:hover{
            border:1px solid transparent;
            border-bottom:1px solid #dee2e6;
        }
        .nav-tabs .address-tab.active{
            border:0;
            border-bottom:5px solid #E01F26;
            font-weight: 600;
            padding-bottom: 5px;
            font-size: 14px;
            padding: .5rem 0rem;
            color:#000000;
        }
        .full-flex{
            flex:1;
        }
        #axisVoyagecardDetailsModal label.modal-red-title,.modal-red-title{
            font-weight: 600;
            font-size: 22px;
            line-height: 32px;
            color: #E01F26;
        }
        
        .input-group> .form-select.country-left{
            width:80px;
            flex:unset;
        }
        .password-div{
            position: relative;
        }
        .password-div .password-eye {
            position: absolute;
            top: 13px;
            right: 10px;
            z-index: 4;
            cursor: pointer;
        }
          /**  **/
          .infographicsWrapper {
            background: url('../images/how-to-earn/infographics.png');
            background-position-x: 0%;
            background-position-y: 0%;
            background-size: auto;
            background-size: cover;
            height: 507px;
            background-position: center;
            position: relative;
            color:#fff;
            border-radius: 15px;
        }
        .infographicsContainer{    width: 400px;
            height: 400px;position:absolute;background-image:url('../images/how-to-earn/infoinsidedesktop.png');
            background-size:cover;margin:auto;top:0;right:0;bottom:0;left:0;    background-size: 318%; background-position: center;
        }
        
        #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;
        }
        #cart::before{
            content:'';display:inline-block;width:100%;height:100%;background:url('../images/how-to-earn/Forma2.png');
            position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;
        }
        #points::before{
            content:'';display:inline-block;width:100%;height:100%;background:url('../images/how-to-earn/fly@3x.png');
            position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;
        }
        #diamond::before{
            content:'';display:inline-block;width:100%;height:100%;background:url('../images/how-to-earn/Earn.png');
            position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;
        }
        #airplane::before{
            content:'';display:inline-block;width:100%;height:100%;background:url('../images/how-to-earn/cart.png');
            position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; background-size: contain;    background-repeat: no-repeat;
        }
        .airplaneSection{
            /* width:375px; */
            width:53%;
            max-width: 220px;
            position:absolute;
            top:10%;
            left:104%;
            animation:flySection 4s;

        }
        .airplaneSection h3{
            font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;
        }
        .airplaneSection h3 span{
            opacity:0.5;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;letter-spacing:1px;line-height:23px;margin-left:0px;
        }
        .diamondSection{
           /*  width:320px; */
           width:50%;
           max-width: 220px;
            position:absolute;    
            top: 57%;
            right: 0;
            left: 104%;
            animation:earnSection 6s;
            
        }
        .diamondSection h3 span{
            opacity:0.5;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;letter-spacing:1.78px;line-height:23px;margin-left:0px;
        }
        .diamondSection h3{
            /* width:345px; */font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;
        }
        .pointsSection{
            /* width:426px; */
            width:51%;
            position:absolute;   
            top: 57%;
            left: -53%;
            animation:useSection 7s;
            display:flex;
            flex-direction: column;
            align-items: flex-end;
            max-width: 220px;
        }
        .pointsSection h3 span{
            opacity:0.5;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;letter-spacing:1px;line-height:23px;text-align:right;/* padding:0px 0px 0px 92px; */
        }
        .pointsSection h3{
            font-weight:bold;letter-spacing:1.11px;line-height:24px;margin-bottom:0;text-align:right;
        }
        .cartSection{
            /* width:426px; */
            width:50%;
            position:absolute;       
            top: 10%;
            left: -52%;
            animation:bookSection 2s;
            display:flex;
            flex-direction: column;
            align-items: flex-end;
            max-width: 220px;
        }
        .customNavMenuWrapper{
            margin-left:67px;
        }
        .cartSection h3 span{
            opacity:0.5;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;letter-spacing:1px;line-height:23px;text-align:right;/* margin-left:150px; */
        }
        .cartSection h3{
            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;
        }

        
        
        @media all and (min-width: 575px) {
            /* .tableresponsivescroll {
                overflow-x: auto;
                width: 100%;
                position: relative;
            }
            .axisbank .tableresponsivescroll {
                overflow-x: visible;                
            } */
        }
        @media all and (min-width: 992px) {
            /* .navbar-brand.col-lg-3{
                width:23%;
            } */
             .top-nav.web-menu .nav-item .dropdown-menu {
                display: none;
            } 

            .top-nav .nav-item:hover .nav-link {
                color: #E01F26;
            }

             .top-nav.web-menu .nav-item:hover .dropdown-menu {
                display: block;
            } 

            .top-nav .nav-item .dropdown-menu {
                margin-top: 0;
            }

            .top-nav.web-menu .nav-item:hover .dropdown-menu::before {
                content: '';
                position: absolute;
                width: 100px;
                height: 3px;
                background-color: #E01F26;
                top: 0px;
                left: 14px;
            }
            .dropdown-menu {
                border: 1px solid #E01F26;
                position: absolute;
                font-size: 16px;
            }
    
            .dropdown-menu:not(.login-dropdown)::before {
                content: '';
                position: absolute;
                width: 50%;
                height: 3px;
                background-color: #E01F26;
                top: 0px;
                left: 14px;
            }

        }
        @media all and (min-width: 1200px) {
            .carousel-caption {
                right: 45%;
            }
            .carousel-caption h5{
                font-size:34px;                
            }            
            .top-nav.web-menu > .nav-item {
                margin-right: 20px;
            }
        }
        @media all and (min-width: 1350px) {
            .subTierContainer .axisbank .voyage-card{
                margin-top: -130px;
            }
        }
        @media all and (min-width: 1400px) {
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 140px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 140px;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -140px;
            }
            .carousel-caption{
                font-size:18px;
            }
            .carousel-caption h5{
                font-size:36px;                
            }
            .home-carousel-section .carousel-caption h5{
                font-size:45px;
            }
            body{
                font-size:18px;
            }
            .btn-red-grad {
                font-size:16px;
            }
            .title-red {            
                font-size: 20px;
            }
            h2,.title-black {    
                font-size: 22px;
            }
            .form-control{
                font-size:15px;
            }
            .form-label{
                font-size:18px;            
            }
            .font-12{
                font-size:13px;
            }
            .font-14{
                font-size:15px;
            }
            .tier-card-top .font-14{
                font-size:14px;
            }
            .font-13{
                font-size:13px;
            }
            .font-16 {
                font-size: 18px;
            }
            .font-17{
                font-size:19px;
            }
            .font-18 {
                font-size: 20px;
            }
            .top-nav .nav-link {
                font-size:18px;
            }
            .dropdown-menu{
                font-size:18px;
            }
            .navbar-dark {
                font-size:18px;
            }
            .announcements {
                font-size:17px;
            }
            .account-toggle{
                font-size: 16px;;
            }
            .footer {    
                font-size:16px;
            }
            .footer a {    
                font-size: 16px;    
            }
            /* .navbar-dark .nav-item {                
                padding: 6px 10px;
            } */
            .login-dropdown{
                width:450px;
            }
            .box-medium{                
                max-width:650px;
            }
            .home-footer-slick-slider-container{
                max-width:unset;
                margin:0 auto 15px;;
            }
           /*  .home-footer-slick-slider.slick-initialized .slick-slide{
                margin:15px 39px;
            } */
            .home-footer-slick-slider-container .slick-track{
                display:flex;
                justify-content: space-between;
            }

            .max-1280{
                max-width:1330px;
                margin:0 auto;
            }
            .max-1150{
                max-width:1270px;
                margin:0 auto;
            }
            .spiceClubBenefits-Slider .slick-track{
                display: flex;
                justify-content: space-between;
            }
            .max-left-850 {
                max-width: 970px;
            }
            /* .tableMainWrapperTiersPage.axisbank {
                margin-top: 170px;
            } */
            
            
        }
        @media all and (min-width: 1450px) {
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 155px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 155px;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -155px;
            }
        }
        @media all and (min-width: 1500px) {
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 165px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 165px;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -165px;
            }
            /* .tableMainWrapperTiersPage.axisbank {
                margin-top: 180px;
            } */
        }
        @media all and (min-width: 1550px) {
            .subTierContainer .axisbank .voyage-card{
                margin-top: -165px;
            }
            
        }

        @media only screen and (max-width:1300px) {
            
            .infographicsWrapper {
                height: 400px;
            }
            .infographicsContainer {
                width: 299px;
                height: 299px;
            }
            #cart, #airplane, #diamond, #points {
                width: 50px;
                height: 50px;
            }
            #cart::before, #airplane::before, #diamond::before, #points::before {
                width: 32px;
                height: 32px;
            }
        }

        @media only screen and (max-width:1199px) {
            
            .navbar-dark li:last-child {
                flex: 0 0 24%;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -100px;
            }
            .navbar-dark li:last-child {
                display: none;
            }
            .subTierContainer .axisbank .slick-initialized .slick-slide {                
                max-width: 250px;
            }
        }

        @media only screen and (max-width:991px) {
            body{
                font-size:14px;
            }
            .container{
                padding-left:20px;
                padding-right:20px;
            }
            .tab-view {
                display: block;
            }

            .large-view-only {
                display: none;
            }

            
            .btn-nav {
                padding-top: 10px;
            }
            /* .head-row{
                padding-left:0;
                padding-right:0;
            } */
            .head-row> :nth-child(1) { order: 1; }
            .head-row> :nth-child(2) { order: 2; }
            .head-row> :nth-child(3) { order: 3; }

            .help-dropdown {                
                right:auto;
                left:0;
            }
            /* .carousel-caption h5{
                font-size:18px;
            } */
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 120px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 120px;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -120px;
            }
            .form-control{
                font-size:14px;                
            }
            .form-label{
                font-size:16px;            
            }
            .account-toggle::after {
                display:none;
            }
            .navbar-dark li:last-child {
                display:none
            }
            .dropdown-menu{
                font-size:14px;
            }
            .font-16{
                font-size:14px;
            }
            .home-spiceclub-program-textcol{
                padding-left:unset;            
            }
            .dd,.mm{
                width:40px;
                display:inline-block;
                margin-right:2px;
                padding: .65rem .65rem;
            }            
            .yyyy{
                width:58px;
                display:inline-block;
                padding: .65rem .65rem;
            }
            #axisVoyagecardDetailsModal .modal-body{
                padding:2rem 1rem;
            }
            
            .web-menu{
                display:none;
            }
            .mobile-menu{
                display:flex;
               width:100%;
            }
            /* mobile -menu start */
            .top-nav {
                flex-direction: column;
            }            

            .top-nav li {
                border-bottom: 1px solid #ddd;
            }

            .top-nav .nav-link {
                max-width: unset;
            }
            .top-nav .nav-item .nav-link[aria-expanded="true"] {
                color:#E01F26;
            }
            .home-carousel-section .carousel-caption h5{
                font-size:32px;
            }
            .mobile-menu .nav-item ul{
                list-style: none;
            }
            .mobile-menu .nav-item ul .nav-item{
                padding-left:5px;
               
            }
            .mobile-menu .nav-item ul .nav-item .nav-link::before{
                content:'+';
                font-size:24px;
                font-weight:600;
                position: absolute;
                width:15px;
                height:15px;
                color:#000;
                margin-top: -6px;
                margin-left: -25px;
            }
            .mobile-menu .nav-item ul .nav-item .nav-link.no-sub::before{
                /* width: 3px;
                height: 16px;
                content: "";
                background-color: #000;
                position: absolute;
                margin-left: -18px;
                margin-top: 3px; */
                content: '+';
                font-size: 24px;
                font-weight: 600;
                position: absolute;
                width: 15px;
                height: 15px;
                color: #000;
                margin-top: -6px;
                margin-left: -27px;
            }
            .mobile-menu .sidebar .btn-toggle::before {
                width: 3px;
                height: 16px;
                content: "";
                background-color: #000;
                position: absolute;
                margin-left: -18px;
                margin-top: 2px;
            }
            .mobile-menu > .nav-item > .nav-link{
                font-weight:500;
            }
            .mobile-menu .nav-item  .nav-item  .nav-link:hover{
                font-weight:500;
            }
            .mobile-menu .nav-link {
                padding: .8rem 1rem;
            }
            .mobile-menu .nav-item .nav-item .nav-link{
                font-size:14px;
            }
            .mobile-menu .nav-item .nav-item a{
                font-size:14px;
            }
            .mobile-menu .sidebar .btn-toggle[aria-expanded="true"] {
                color: #E01F26;
                font-weight: 500;
            }
            .mobile-menu .sidebar .btn-toggle.active {
                color: #E01F26;
                font-weight: 500;
            }
            .mobile-menu .sidebar .btn-toggle-nav a.active,.mobile-menu .sidebar  a.active {
                color: #E01F26;
            }
            .mobile-menu .sidebar .btn-toggle-nav li::before {
                display:none;
            }
            .mobile-menu .sidebar .btn-toggle-nav li a::before {
                width: 3px;
                height: 16px;
                content: "";
                background-color: #000;
                position: absolute;
                margin-left: -18px;
                margin-top: 2px;
            }
            .mobile-menu .sidebar .btn-toggle-nav li a.active::before {
                background-color: #E01F26;
            }
            /* .mobile-menu .sidebar .btn-toggle{
                color:#000;
            } */
            .nav-item ul .nav-item .nav-link[aria-expanded="true"]::before{
                content:'-';
                color:#E01F26;
            }

            .mobile-menu .sidebar{
                margin-left: -12px;
            }
            .mobile-menu .sidebar .sidebar {
                margin-left: 18px;
            }
            .mobile-menu .sidebar .btn-toggle{
                font-size:14px;
                padding: .375rem .75rem;
                color:#000;
            }
            .mobile-menu .sidebar .btn-toggle:hover,.mobile-menu .sidebar .btn-toggle-nav a:hover{
                color:#E01F26;
            }
            .mobile-menu li li {
                border-bottom: unset;;
            }
            .mobile-menu-head-row{
                padding: 33px 20px 13px 15px;
            }
            .mobile-menu .navbar-toggler {
                padding: .25rem .75rem .25rem 0rem;
            }
            .mobile-menu .sidebar .btn-toggle-nav a{
                color:#000;
            }
            .mobile-menu .sidebar .btn-toggle-nav li::before{
                margin-top:6px;
            }
            .mobile-menu .sidebar .btn-toggle.active::before, .mobile-menu .sidebar .btn-toggle[aria-expanded="true"]::before {
                background-color: #E01F26;
            }
             /* mobile -menu end */
            .offcanvas-start{
                width:100%;
                opacity:1;
                background: rgba(255, 255, 255, 0.95);
            }
            
            
            .top-nav .nav-item .dropdown-menu,.top-nav .nav-item:hover .dropdown-menu,.top-nav .nav-item.active .dropdown-menu{
                /* display:block; */
                position: relative;
                border:unset;
                background-color: unset;;
            }
            .btn{
                font-size:14px;
            }
            .help-item{
                display:none;
            }
            .notification-dropdown{
                background-color: #000;
                color:#fff;
                padding:5px;
            }
            .top-nav-right .dropdown-menu.notification-dropdown[data-bs-popper] {                
                right: -73px;
                margin-top:41px;
            }
            .carousel-indicators {
                justify-content: right;
                margin-left: unset;
                bottom: 8px;
                margin-right:5%;
            }
           
        }

        @media only screen and (max-width:767px) {
            body{
                font-size:13px;
            }
            .navbar-outer {
                display: flex;
            }
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 100px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 100px;
            }
            .subTierContainer .axisbank .voyage-card{
                margin-top: -100px;
            }
            .mob-view {
                display: block;
            }
            .carousel-caption {            
                right: 40%;                
                font-size:14px;
                height:100%;
            }
            .carousel-caption h5{
                font-size:22px;
            }
            .home-carousel-section .carousel-caption h5{
                font-size:22px;
            }
            
            .navbar-dark li:nth-last-child(2) {
                border-right:unset;
            }
            /* .footer{
                text-align: center;
             }*/
            .footer-content-row {
                flex-direction: column;
            }
            .footer-bottom-right {
                text-align: left;
            }
            .footer a {
                font-size:12px;
            }
            .font-18{
                font-size:16px;
            }
            .font-17{
                font-size:15px;
            }
            .font-16{
                font-size:14px;
            }
            .font-12{
                font-size:10px;
            }
            .font-14{
                font-size:12px;
            }
            .font-13{
                font-size:11px;
            }
            .title-red {
                font-size:14px;
            }
            h2,.title-black {
                font-size:16px;
            }
            .home-container h2,.home-container .title-black {            
                font-size: 20px;                           
            }
            .home-carousel-section{
                margin-top:0;
                padding-left:0;
                padding-right:0;
            }
            .home-carousel-section .carousel-inner{
                border-radius:0;
            }
            .navbar-container{
                display:none;
            }
            .infographicsWrapper {
                height: 260px;
            }
            .infographicsContainer {
                height: 191px;
                width: 191px;
            }
            .infographicsContainer h3{
                line-height:20px;
            }
            .infographicsContainer h3.pb-10{
                padding-bottom:5px;;
            }
            .infographicsContainer p{
                line-height:13px;
                font-size: 9px;
            }
            .pointsSection {                
                width: 58%;                
                left: -61%;
            }
            #cart, #airplane, #diamond, #points {
                width: 32px;
                height: 32px;
            }
            #cart::before, #airplane::before, #diamond::before, #points::before {
                width: 24px;
                height: 24px;
            }
            .btn-transparent-white, .btn-transparent-white:hover{
                padding: .5rem .85rem;
            }
            .btn{
                font-size:13px;
            }
            .voyage-modal-leftimg{
                max-width:100px;
            }
            .modal-red-title{
                font-size:18px;
            }
            .modal-left-grey-bg{
                text-align: center;
                display:none;
            }

            .footer{
                margin-top:60px;
            }
            .footer-logo-row,.footer-about-col,.footer-points-col,.footer-exclusives-col{
                display:none;
            }
            /**/
            header{
                box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            }
            #topNav{
               /*  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25); */
                border-top:1px solid #eee;
            }
            .col-lg-9.pt-30{
                padding-top:1px;
            }
            /* .carousel-indicators{
                display:none;
            } */
            .carousel-control-prev,.carousel-control-next{
                display:none !important;
            }
            
            .carousel-container:not(.home-carousel-section .carousel-container) {                
                position: relative;
                left: -20px;
                width: calc(100% + 40px);
            }
            .carousel-container:not(.home-carousel-section .carousel-container) .carousel-inner{                
                position: relative;
                left: -3%;
                width: 106%;
                max-width:106%;
            }
            .carousel-container:not(.home-carousel-section .carousel-container) .carousel{
                overflow: hidden;
            }
            .carousel-container:not(.home-carousel-section .carousel-container) .carousel-caption{ 
                left:7%;
            }
            
            header > .container{
                padding-left:0;
                padding-right:10px;
            }
            header > .container.mt-10 {
                margin-top:0;
            }
            .mobile-menu-head-row{
                padding: 23px 20px 13px 15px;
            }
            .top-nav-right .dropdown-menu.notification-dropdown[data-bs-popper] {               
                right: -63px;
                margin-top:25px;
            }
            .carousel-container {
                padding-bottom: 30px;
            }

            /* start home tier slick dots */
            .comparecard .home-tier-slick-slider{
                margin-top:40px;
            }            
            
            .home-tier-slick-slider .slick-dots,.sub-slick-slider .slick-dots{
                position: absolute;
                display: flex !important;
                bottom:unset;
                top:-40px;
                left: 0;
                bottom: unset;
                width: 100%;
                list-style: none;
                padding: 0;
                margin: 0;
                text-align: center;
            }
            .sub-slick-slider .slick-dots{
                top:-70px;
                left:-334px;
            }
            .home-tier-slick-slider .slick-dots li,.sub-slick-slider .slick-dots li{
                cursor: pointer;
                position: relative;
                display: inline-block;
                text-indent: -9999px;
                white-space: nowrap; 
                border: 0;
                width: 80px;
                height: 40px;
                margin-left: 5px;
                margin-right: 5px;
                background-color: transparent;
                box-shadow: 0 0 0 0 rgba(82, 156, 219, 0);
                list-style: none;
                
            }
            .axisbank .sub-slick-slider .slick-dots li{
                width: 110px;

            }
            
            .home-tier-slick-slider .slick-dots li button,.sub-slick-slider .slick-dots li button{
                display: block;
                width: 100%;
                height: 40px;
                border: 0;
                background-color: transparent;
                font-size: 14px;
                color: #000;;
                font-weight: 600;
                text-align: center;
                outline: none;
                position: relative;
            }
            .home-tier-slick-slider .slick-dots li.slick-active button,.sub-slick-slider .slick-dots li.slick-active button{
                color: #E01F26;
                border-bottom:3px solid #E01F26;
            }
            .home-tier-slick-slider .slick-dots li button:before,.sub-slick-slider .slick-dots li button:before{
                display:none;
            }
             /* end home tier slick dots */             
             .subTierContainer{
                 margin-top:90px;
             }
            .subTierContainer .slick-dots{
                display:flex !important;
                width: calc(100% + 334px);
                border-bottom:1px solid #EFEFEF;
            }
            .subTierContainer .slick-initialized .slick-slide {                
                width: 145px !important;
            }            
            .subTierContainer .tableScrollableSectionWrapper .subSection ul{
                margin-left:5px;
            }

            /* my account start */
            .col-lg-9.no-carousel.pt-30 {
                padding-top: 30px;
            }
            /* my account end */
            
        }

        @media only screen and (max-width:575px) {
            body{
                font-size:12px;
            }
            p {                
                margin-bottom: .5rem;
            }
            .header-logo {
                max-width: 140px;
            }
            .footer {
                text-align: left;
                font-size:12px;
            }

            .footer-bottom-left,.footer-bottom-right {
                text-align: left;
                margin-top:10px;
            }
            .footer label {
                padding-bottom:5px;
                font-size: 12px;
            }
            .footer-connect-col{
                margin-top:15px;
            }
            .login-dropdown {
                width: 310px;
            }
            .carousel-caption {
                font-size:12px;
                right:25%;
            }
            .carousel-caption h5{
                font-size:14px;
            }
            .carousel-indicators [data-bs-target] {
                width: 12px;
                height: 12px;
            }
            .carousel-indicators .left[data-bs-target], .carousel-indicators.black .left[data-bs-target],.carousel-indicators .right[data-bs-target], .carousel-indicators.black .right[data-bs-target]{
                margin-top:-8px;
            }
            .carousel-indicators .left .fa, .carousel-indicators .right .fa {                
                font-size: 30px;                
            }
            .home-carousel-section .carousel-caption h5{
                font-size:14px;
            }
            .point-conversion-arrow{
                margin-top:50px;
            }
            .conversion-label {
                height: 19px;
            }
            .dropdown-menu{
                font-size:12px;
            }
            .font-18{
                font-size:15px;
            }
            .font-17{
                font-size:14px;
            }
            .font-16{
                font-size:13px;
            }
            .font-12{
                font-size:10px;
            }
            .font-14{
                font-size:11px;
            }
            .font-13{
                font-size:10px;
            }
            .title-red {
                font-size:12px;
            }
            h2,.title-black {
                font-size:14px;
                margin-bottom: 12px;
            }
            h2::before, .title-black::before{
                width:6px;
                height: calc(100% - 2px);
                margin-top: 1px;
            }
            .home-container h2,.home-container .title-black {            
                font-size: 16px;                           
            }
            .plr-50 {
                padding-left: 40px;
                padding-right: 40px;
            }
    
            .mt-20 {
                margin-top: 15px;
            }
            .mt-30 {
                margin-top: 20px;
            }
            .mt-40 {
                margin-top: 25px;
            }
            .mt-50 {
                margin-top: 30px;
            }
            .mt-70 {
                margin-top: 30px;
            }
            .mb-20 {
                margin-bottom: 20px;
            }
            .mb-30 {
                margin-bottom: 20px;
            }
            .mb-40 {
                margin-bottom: 20px;
            }
            .mb-50 {
                margin-bottom: 30px;
            }
            .pt-50 {
                padding-top: 20px;
            }
            .pt-30 {
                padding-top: 16px;
            }
            .pt-20 {
                padding-top: 10px;
            }
    
            .pt-15 {
                padding-top: 10px;
            }
            .pb-40{
                padding-bottom:15px;
            }
            .pb-30{
                padding-bottom:10px;
            }
            .ptb-20 {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .how-to-earn-process-div{
                padding:4px;
            }
            .how-to-earn-process-left-right{
                padding:5px;
            }
            .form-label{
                font-size:13px;            
            }
            .form-control{
                font-size: 12px;
                padding: .4rem .5rem;
            }
            .box-small label{
                min-height:30px;
            }
            .btn-transparent-white, .btn-transparent-white:hover{
                padding: .4rem .75rem;
            }
            .use-sc-points-block .card {
                margin-top: 25px;                
            }
            .use-sc-points-block .card-body{
               text-align: left;
               padding: 10px;
            }
            .use-sc-points-block .card-body p{
                margin-bottom:2px;
             }
            .use-sc-points-block .img-col{
                text-align: center;
            }
            
            .input-group.search {                
                width:100%;
                min-width:unset;           
            }
            .address_right_caption{
                text-align: left;
            }
            .btn{
                font-size:13px;
            }
            .modal-red-title{
                font-size:16px;
                line-height: 22px;
            }
            .btn-red{
                padding: .25rem 1rem;
                min-width:80px;
            }
            .btn-transparent-white,.btn-transparent-white:hover{
                padding: .25rem .7rem;
                min-width:80px;
            }
            .btn-red-grad{
                padding: .35rem .7rem;
                min-width:80px;
            }
            /* .tableMainWrapperTiersPage.axisbank {
                margin-top: 120px;
            } */
            .mobile-only-inline{
                display:inline-block;
            }
            .mobile-only{
                display:block;
            }
            .no-mobile{
                display:none;
            }
            /* start tier page mobile table*/
             .tableFixedSectionWrapper ul {
                min-width:210px;
            }
             .fixedtableSections {
                line-height:24px;
                height:56px;
                display: flex;
                align-items: center;
                font-size:14px;
            }
             .fixedtableSections.loyaltyPoints.adjustli {
                padding-top: 46px;
            }
             .tableFixedSectionWrapper .fixedSectionheader, .tableScrollableSectionWrapper.subSection .category {                                
                padding: 20px 14px 18px 19px;
                font-size:16px;
            }
             .compareList{
                height:56px;
                display: flex;
                flex-direction: row;
                align-items: center;   
                font-size:12px             
            }
             .subSection .compareList{                
                justify-content: center;
            }
             .compareList.cross, .axisbank .compareList.tick,  .compareList.dash {                
                height: 56px;
            }            
             /* end tier page table mobile table*/

            /* start axis adjust mobile table*/
            .axisbank .tableScrollableSectionWrapper {                
                min-width: unset;
            }
            .axisbank .tableScrollableSectionWrapper  .subSection ul {
                width: 140px;               
            }
            .axisbank .tableFixedSectionWrapper ul {
                min-width:210px;
            }
            .axisbank .fixedtableSections {
                line-height:24px;
                height:56px;
                display: flex;
                align-items: center;
                font-size:14px;
            }
            .axisbank .fixedtableSections.loyaltyPoints.adjustli {
                padding-top: 45px;
            }
            .axisbank .tableFixedSectionWrapper .fixedSectionheader,.axisbank .tableScrollableSectionWrapper .subSection .category {                                
                height: 90px;
                font-size:16px;
            }
            .axisbank .compareList{
                height:56px;
                display: flex;
                flex-direction: row;
                align-items: center;   
                font-size:12px             
            }
            .axisbank .subSection .compareList{                
                justify-content: center;
                padding:0 5px;
            }
            .axisbank .compareList.cross, .axisbank .compareList.tick, .axisbank .compareList.dash {                
                height: 56px;
            }
            .axisbank .tableScrollableSectionWrapper .subSection ul {                
                margin-top: 45px;
            }
            .axisbank .tableFixedSectionWrapper ul {                
                margin-top: 45px;
            }
            .subTierContainer .axisbank .voyage-card {
                margin-top: -45px;
            }
             /* end axis adjust mobile table*/

            .home-spiceclub-program-textcol {
                padding-top:20px;
            }
            .card-18rem {
                width: 13rem;
            }
            .read-more-link{                
                display:block;
                margin-bottom:2px;  
                margin-top:10px;              
            }
            .read-less-link{                
                display:none;
                margin-bottom:20px;  
                margin-top:10px;              
            }
            .read-more-text{                
                display:none;
            }
            .read-more-div{
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin-bottom:10px;
            }
            .read-more-div.three-line{                
                -webkit-line-clamp: 3;               
            }
            .center-mob-left{
                text-align:left;
            }
            .home-footer-slick-slider.slick-initialized .slick-slide {                
                width: 168px !important;                
            }
            .spiceClubBenefits-Slider .item .img-fill .info, .spiceClubBenefitslike-Slider .item .img-fill .info{
                height:148px;
            }
            .slick-initialized .slick-slide {
                display: block;
                width: 170px !important;
            }
            .spiceClubBenefits-Slider, .spiceClubBenefitslike-Slider {
                height: unset;
            }
            
            .btn-red.mt-20{
                margin-top:15px;
            }
            .btn-red.mt-30{
                margin-top:15px;
            }
            
            .card:hover .card-body.full-btn{
                border:0;
            }
            .card-hover-btn{
                position: absolute;
                width:100%;
                height:calc(100% + 1px);
                border: 0;
                left:0;
                bottom:0;
                top:-1px;
                border-radius:0px 0px 10px 10px;
                font-size:14px;
                font-weight:500;
            }
            
            
            .slick-slider .card {
                border-radius:10px;
            }
            .slick-slider .card-body,.card-list .card-body {
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
            }
            .card-list .card {                
                border-radius: 10px;                
                max-width: 300px;
                margin: 5px auto;
            }
            .card-list.partners-overview .card {               
                border-radius: 12px;                
            }
            .card-list .card-body{
                padding:.7rem .75rem;
            }
            .card-title{
                font-size:14px;
            }
            .card-body label{
                font-size:14px;
                margin-bottom:0;
            }
            .card-18rem .card-body{
                padding:.6rem .75rem;
            }
            .card .deal-logo{
                max-height:35px;
            }
            .partner-logo-border {               
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }
            .card .card-img-top{
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                object-fit: cover;
            }
            .card.card-18rem{
                border-radius:16px;
            }
            .card.card-18rem .card-img-top{
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
                object-fit: cover;
                height: 103%;
                top: -1px;
                position: relative;
            }
            .brand-slider .card.card-18rem .card-img-top{
                top:0;
            }
            .card-18rem .relative{
                overflow: hidden;
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
              }
            .point-conversion-block .card{
                max-width:300px;
                margin-left:auto;
                margin-right:auto;
            }
            .point-conversion-block .cpt-25{
                padding-top:30px;
            }
            .conversion-reverse-arrow{                
                top: 43px;                
            }
            .conversion-table .col-5{
                width:43.667%;
            }
            .conversion-table .col-2{
                width: 12.667%;
            }
            .box-medium .g-3 .center-mob-left.pt-10{
                padding-top:0;
            }
            .call-on-text{
                padding-top:10px;
            }
            .star-note p{
                margin-bottom:8px;
            }
            .home-footer-slick-slider .hover-text{
                font-size:14px;
                font-weight: 500;
                max-width:59%;
            }
            .home-tier-slick-slider.slick-dotted.slick-slider {
                margin-bottom: 0;
            }
            .home-tier-slick-slider .font-14 {
               font-size:12px;
            }            
             .classiccardright ul li.success, .classiclistitems ul li.success,.classiccardright ul li.closepoint, .classiclistitems ul li.closepoint,.classiccardright ul li.starpoint, .classiclistitems ul li.starpoint {
                font-size:12px;
             }
            .home-container .max-1150 .pt-50{
                padding-top:30px;
            }
            .spiceClubBenefits-Slider.slick-dotted.slick-slider {
                margin-bottom: 0px;
            }
            .footer-card-img {
                border-radius: 9px;
            }
            .home-card {                
                max-width: 315px;                
                max-height: 136px;     
                border-radius: 24px;  
                border-left: 1px solid #ddd;         
            }
            .home-card-left{
                width:40%;
            }
            .home-card-right{
                width:60%;
                padding: 6px 14px;
            }
            .home-card-right label{
                margin-bottom:5px;
                font-size:14px;
            }
            .home-card-right p{
                margin-bottom:5px;
                font-size:12px;
            }
            .spiceclub-points-know-more {                
                bottom: 4px;
            }
            .spiceclub-points-right-arrow-img {                
                max-width: 40px;
            }
            .home-card-left img {
                height: 100%;
                object-fit: cover;
                width: 100%;
                object-position: top;
                border-bottom-left-radius: 20px;
                border-top-left-radius: 20px;
            }
            .home-spiceclub-program-textcol {
                padding-top: 0px;
            }
            .spiceClubTierListsWrapper .spiceClubTierLists .spiceClubBenefits-Slider.firstSlider {               
                margin-bottom: 30px;               
            }
            .spiceClubBenefits-Slider.slick-initialized .slick-slide {                
                width: 140px !important;                
            }
            .plantickets p::before {
                width: 50px;
                height: 40px;
            }
            .earnpoints p::before {                
                width: 40px;
                height: 40px;
            }
            .cancellation p::before {
                width: 40px;
                height: 40px;
            }
            .upgrades p::before {
                width: 40px;
                height: 40px;
            }            
            .meals p::before {
                width: 50px;
                height: 40px;
            }
            .checkin p::before {
                width: 40px;
                height: 40px;
            }
            .preffered p::before {
                width: 40px;
                height: 40px;
            }
            .deals p::before {
                width: 40px;
                height: 40px;
            }
            .slick-list .slick-track .item .img-fill:hover .hoverInfo{
                 width: 190px;height:auto;top:-15px;position: absolute;left:10px;  padding: 10px 12px 10px 12px;
            }
            .slick-list .slick-track .item .img-fill:hover .hoverInfo p,.slick-list .slick-track .item .img-fill:hover .hoverInfo ul{	
                font-size: 12px;
                 line-height: 16px;
                 word-wrap: break-word;
            }
            .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:-70px;
            }
            .slick-list .slick-track .item .img-fill:hover .hoverInfo::before{
                left: -10px;top: 50px;
            }
            .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: 175px; top: 50px; 
            }
            .spiceClubBenefits-Slider .hoverInfo img {
                max-height: 120px;
                object-fit: cover;
            }
            .spiceClubBenefits-Slider .hoverInfo .font-18 {
                font-size:14px;
            }
            .spiceClubBenefits-Slider .long-title .hoverInfo .font-18 {
                font-size: 12px;
                left: -5px;
                position: relative;
                width: 175px;
            }
            
            .spiceClubBenefits-Slider .hoverInfo label.pb-10 {
                padding-bottom:0;
            }
            .subTierContainer .tableFixedSectionWrapper{
                width:210px;
            }
            .subTierContainer .tableresponsivescroll{
                width:calc(100% - 210px);                
            }
            .subTierContainer {
                margin-top: 90px;
                margin-left: -10px;
                margin-right: -10px;
            }
            .sub-slick-slider .slick-dots{                
                left:-210px;
                width: calc(100% + 210px);            
                
            }
            .tableMainWrapperTiersPage{
                padding-bottom:0;
            }
            .sub-slick-slider.slick-dotted.slick-slider {
                margin-bottom: 8px;
            }
            .subTierContainer .slick-initialized .slick-slide {                
                width: 143px !important;
            }
            .subTierContainer .axisbank .slick-initialized .slick-slide {                
                width: 143px !important;
            }
            .subTierContainer .tableScrollableSectionWrapper .subSection ul{
                margin-left:3px;
            }
            .subTierContainer .axisbank .slick-slide img.check {
                width:12px;
            }
            .subTierContainer .axisbank .slick-slide img.close {
                width:10px;
            }

            .infographicsContainer {
                height: 191px;
                width: 161px;
            }
            .infographicsContainer h3{
                line-height:18px;
                font-size: 14px;
            }
            .infographicsContainer h3.pb-10{
                padding-bottom:2px;;
            }
            .infographicsContainer p{
                line-height:12px;
                display:none;
            }
            .conversion-table.box-medium{
                width:90%;
                margin-left: auto;
                margin-right: auto;
            }
            .convert-right-arrow-img {
                margin-top: 40px;
            }
            .partners-overview.mt-20{
                margin-top:10px;
            }
            .brand-slider .card-18rem .card-body {
                padding: .2rem .75rem;
            }
            .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #9F9F9F;
                font-size:10px;
              }
              .form-control::-moz-placeholder { /* Firefox 19+ */
                color: #9F9F9F;
                font-size:10px;
              }
              .form-control:-ms-input-placeholder { /* IE 10+ */
                color: #9F9F9F;
                font-size:10px;
              }
              .form-control:-moz-placeholder { /* Firefox 18- */
                color: #9F9F9F;
                font-size:10px;
              }
              .home-spiceclub-program.pt-30{
                  padding-top:0;
              }
              .cartSection,.airplaneSection{
                margin-top:21%;
              }
              .pointsSection,.diamondSection{
                margin-top:15%;
              }
              .benefits-point-conversion-title.pb-10{
                  padding-bottom:0;
              }
              label.pb-20{
                  padding-bottom:10px;
              }
              
            
        }

        @media only screen and (max-width:400px) {
            .login-dropdown {
                /* width: 250px; */
                min-width:250px;
            }
            .login-dropdown .px-4 {
                padding-right: .5rem !important;
                padding-left: .5rem !important;
            }            
            .btn-red{
                padding: .25rem 1rem;
                min-width:80px;
            }
            .nav-tabs .address-tab{
                margin-right:10px;
            }
            .home-footer-slick-slider.slick-initialized .slick-slide {               
                width: 235px !important;               
            }
        }


        .highlightsection{
            border: 1px solid #f7c6c8;
            border-radius: 10px;
            padding: 10px;
        }