@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
body{
    font-family: 'Poppins', sans-serif;
}
.bg-primary { background-color: #0072bc!important; }
.bg-primary-2 {
    background: #002a54;
}
.bg-light-2 {
    background: #EFEFEF;
}

.text-danger-2{
    color: #BC2D00;
}

.cursor-pointer {
    cursor: pointer;
}

img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; max-width: 100%; height: auto; }

.listing_section .owl-carousel .owl-item img{ max-height: 53px !important; width: auto !important; }

#nav-icon1 {
    width: 24px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    height: 18px;
}
#nav-icon1 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.2s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
    top:0px;
}
#nav-icon1 span:nth-child(2) {
    top: 50%;
    margin-top: -1px !important;
}
#nav-icon1 span:nth-child(3) {
    bottom: 0px;
}
.open-nav #nav-icon1 span:nth-child(1) {
    transform: rotate(-135deg);
    top: 50%;
    background-color: #d62625;
}
.open-nav #nav-icon1 span:nth-child(3) {
    transform: rotate(135deg);
    top: 50%;
    background-color: #d62625;
}

.open-nav #nav-icon1 span:nth-child(2) {
    opacity: 0;
}


.cart_outer a,
.cart_outer span {
    color: #fff;
    font-size: 14px;
}

.cart_outer a:hover{
    text-decoration: none;
}

.search_header {
    position: relative;
}
.search_header .form-control {
    background: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    border: 1px solid #fff;
    /* width: 350px; */
    color: #fff;
}
.search_header button {
    position: absolute;
    background: transparent;
    border: 0;
    right: 0;
    top: 0;
    color: #fff;
    width: 36px;
    height: 100%;
}

.search_header .form-control::placeholder {
    color: #fff !important;
    opacity: 1;
}

.search_header .form-control:-ms-input-placeholder {
    color: #fff !important;
}

.search_header .form-control::-ms-input-placeholder {
    color: #fff !important;
}

.left_list{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* border-left: 1px solid #C2C2C2; */
} 

.left_list li a {
    color: #002A54;
    position: relative;
    padding-left: 20px;
    display: block;
    font-size: 15px;
}

.left_list li a:hover{
    text-decoration: none;
}

.left_list li a.active::before{
    content: "";
    position: absolute;
    left: -2px;
    top: 0;
    width: 4px;
    background: #002A54;
    height: 100%;
}

.searc_mobile {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
  }
#close_btn::before{
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}
.searc_mobile  .form-control{
    border: 0;
}

.searc_mobile  .form-control:is(:focus, :active){
    box-shadow: none;
}

.show_seach_mob {
    display: block !important;
}

.discount_txt {
    background: #DADBFF;
    color: #002A54;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.free_voucha{
    background: #FFDADA !important;
}

.show_dis {
    padding-top: 30px !important;
}

.discount_txt {
    background: #DADBFF;
    color: #002A54;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translate(-50%);
    padding: 4px 11px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 600;
}

.cousel_home .owl-nav .owl-prev {
    height: auto !important;
    top: 55%;
    transform: translateY(-50%);
    left: -14px;
}

.cousel_home .owl-nav .owl-prev span {
    font-size: 27px;
    background: #fff;
    width: 20px;
    line-height: 40px;
    height: 40px;
}


.cousel_home .owl-nav .owl-next {
    height: auto !important;
    top: 55%;
    transform: translateY(-50%);
    right: -10px;
}

.cousel_home .owl-nav .owl-next span {
    font-size: 27px;
    background: #fff;
    width: 20px;
    line-height: 40px;
    height: 40px;
}

.cousel_home .owl-nav button:is(:active, :focus){ 
    outline: none;
}

.bg_image{
    background-position: top center;
    background-size: cover;
}

.custome-check-2 label {
    padding: 10px 5px;
    background: #D8D8D8;
    border: 0;
}

.cate_filter_mob{
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}

.filter_box {
    display: inline-block;
    padding: 8px 20px;
    font-size: 14px;
    color: #4C4C4C;
    margin-right: 16px;
}

.filter_box:last-child{
    margin-right: 0;
}

.suumery_outer{
    display: none;
}

.modal_login_new{
    border-radius: 14px;
    overflow: hidden;
}

.otp-form {
    display: flex;
    justify-content: space-between;
}
.otp-form .otp-field {
    display: inline-block;
    width: 21%;
    height: 60px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #D2D2D2;
    outline: none;
    margin-right: 10px;
    background: #FCFCFC;
}
.otp-form .otp-field:focus {
    color: #002a54;
    transform: scale(1.1);
    transition: all 0.3s;
    border-color: #002a54;
}
.otp-form .otp-field:not(:-moz-placeholder-shown) {
    border-color: #000;
    box-shadow: none;
    color: #000;
}
.otp-form .otp-field:not(:placeholder-shown) {
    border-color: #000;
    box-shadow: none;
    color: #000;
}
.modal_login_new .form-control{
    background: #F1F1F1;
    border-color: #CFCFCF;
}

.top_form .form-control{
    background: #D8D8D8;
    border-color: #CFCFCF;
    padding-right: 38px;
}
.top_form button.srch_btn {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    font-size: 0;
}
.top_form .icon-custom.search {
    background-size: 23px;
    background-repeat: no-repeat;
}
.profile_name_header .dropdown-menu a{
    color: #000;
}

.profile_name_header .dropdown-menu {
    width: 230px !important;
    transform: translate3d(-158px, 34px, 0px) !important;
    border: 0;
}

.profile_name_header .dropdown-toggle:is(:focus, :active){
    outline: none;
}

.profile_name_header .dropdown-toggle:after {
    border: 0 !important;
    width: 10px;
    height: 10px;
    background: url('../images/drop-icon.png') no-repeat right center/100%;
    top: 4px;
    position: relative;
    filter: brightness(0) invert(1);
    transform: inherit;
}

.cart_outer .cart-qty { 
    position: absolute;
    right: -6px;
    top: -5px;
    border-radius: 50%;
    font-size: 10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #002a54;
}
.scrool_h { max-height: 54vh ; overflow-y: scroll; }

.off-canvas-main {
    position: relative;
    min-height: 100vh;
    padding-bottom: 36px;
}
.footer_new {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.listing_section .owl-nav span {
    display: block;
}

.dis_h{
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.exc_brand_outer {
    border-radius: 14px;
    overflow: hidden;
}
.discount_inner {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

/* ************************ new brand page start ************************ */
.breadcrumb_custom li.breadcrumb-item a {
    color: #B8B8B8;
  }
  .breadcrumb_custom li.breadcrumb-item a:hover{
    text-decoration: none;
    color: #fff;
  }
  .breadcrumb_custom li.breadcrumb-item.active{
    color: #fff;
  }

  
  .showTxt .des-rd {
    display: block;
  }
  .des-rd span{ color: #fff !important;}
  
  .show_redn{
    padding-bottom: 58px !important;
  }
  
  .rdeem_btn {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
  }
  
  .summeryDestop .card-header{
    border-radius: 0 0 4px 4px ;
  }
  
  .value_text{
    color: #4C4C4C;
    font-weight: 600;
    border: 1px dashed #4C4C4C;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 0;
    width: 190px;
    text-align: center;
    font-size: 30px;
  }
  
  .add_btn {
    background: #EBEBEB;
    width: 130px;
    font-weight: 600;
  }
  
  .demonitaion_list{
    margin-bottom: 20px;
  }
  
  .qty_outer .qtySelector {
    height: 34px;
    position: relative;
    overflow: hidden;
    border: 1px solid #000000;
    border-radius: 33px;
    width: 130px;
  }
   .qty_outer .qtySelector div {
    height: 100%;
    /* cursor: pointer; */
    width: 33%;
    display: inline-block;
    position: absolute;
    background: #EBEBEB;
    left: 0px;
    top: 0;
  }
   .qty_outer .qtySelector .qtyValue {
    width: 100%;
    pointer-events: none;
    color: #000000;
    border: 0;
    background: #EBEBEB;
    height: 100%;
    text-align: center;
  }
   .qty_outer .qtySelector .decreaseQty {
    border-right: 1px solid #000000;
  }
   .qty_outer .qtySelector .decreaseQty:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #000000;
    top: 50%;
    transform: translate(-50%, -50%);
  }
   .qty_outer .qtySelector .increaseQty {
    left: initial;
    right: -1px;
    border-left: 1px solid #000000;
  }
   .qty_outer .qtySelector .increaseQty:before,  .qty_outer .qtySelector .increaseQty:after {
    content: "";
    position: absolute;
    background: #000000;
    top: 50%;
    transform: translate(-50%, -50%);
  }
   .qty_outer .qtySelector .increaseQty:before {
    left: 50%;
    width: 14px;
    height: 2px;
  }
   .qty_outer .qtySelector .increaseQty:after {
    left: 50%;
    width: 2px;
    height: 14px;
  }
  .demonitaion_list .showQty .add_btn {
    display: none;
  }
  
  .demonitaion_list .showQty .qtySelector {
    display: inline-block;
  }
  
  .demonitaion_list .discount_bg{
    background: #F4F8FF;
    color: #002A54;
    font-weight: 600;
    border-top: 1px dashed #DADADA;
    font-size: 14px;
  }
  
  .demonitaion_list::before {
    content: "";
    position: absolute;
    top: 90px;
    left: -9px;
    width: 18px;
    height: 18px;
    background: #EFEFEF;
    transform: rotate(45deg);
    z-index: 1;
  }
  
  .demonitaion_list::after {
    content: "";
    position: absolute;
    top: 90px;
    right: -9px;
    width: 18px;
    height: 18px;
    background: #EFEFEF;
    transform: rotate(45deg);
    z-index: 1;
  }
  
  .accordian_custom .card {
    border: 0;
    margin-bottom: 10px;
    border-radius: 8px;
  }
  
  .accordian_custom .card .card-header {
    padding: 0;
    border: 0;
    background: #fff;
  }
  
  .accordian_custom .card-body {
    border-top: 1px solid #0072bc;
  }
  
  .accordian_custom .card .card-header button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
  }
  
  .accordian_custom .card .card-header button:is(:hover, :focus, :active){
    text-decoration: none;
  }
  .accordian_custom a.card:hover { text-decoration: none; }
  .impInstructions ul{ padding-left: 0;}
  
  .impInstructions li {
    padding-left: 30px !important;
    margin-bottom: 10px !important;
    position: relative;
    font-size: 14px;
    list-style: none;
  }
  .impInstructions li.not strong {
    color: #951f4c;
  }
  .impInstructions li::after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    color: #002B74;
    font-size: 17px;
    top: -5px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 36px;
    left: 0;
    z-index: 1;
  }
  .impInstructions li.not::after {
    content: "\f00d";
    top: -8px;
    color: #951f4c;
  }
  .storeOuter{
    max-height: 435px;
    overflow-y: auto;
  }
  
  .address_outer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
  }
  .address_outer button {
    font-size: 14px;
    white-space: nowrap;
  }
  
  .address_outer h5{
    font-size: 18px;
  }
  
  .address_outer p{
    font-size: 15px;
  }
  
  .faq_outer {
    font-size: 14px;
  }
  .faq_outer h1, .faq_outer h2, .faq_outer h3, .faq_outer h4, .faq_outer h5, .faq_outer h6 {
    font-size: 16px;
    font-weight: bold;
  }
  .faq_outer p, .faq_outer li, .faq_outer ul {
    font-size: 14px;
  }
  
  
  .howtomodal .owl-nav button span {
    display: none;
  }
  .howtomodal .owl-nav button.owl-prev {
    background: url(../images/prev.png) no-repeat center center/cover !important;
    width: 22px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -22px;
  }
  .howtomodal .owl-nav button.owl-next {
    background: url(../images/prev.png) no-repeat center center/cover !important;
    width: 22px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(-1);
    right: -22px;
  }
  .howtomodal .owl-nav button.disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
   
  .howtomodal .min-h-con {
    font-size: 14px;
    color: #858585; 
    overflow: hidden;
    overflow-y: auto;
    height: 80px;
  }
  .how_inner {
    border: 1px solid #0072BC;
    border-radius: 11px;
    border-bottom-width: 8px;
  }
  .del_icon{
    color: #E60000;
  } 
  .summeryDV .qtySelector 
  input.qtyValue {
    background: transparent;
  }
  
  .summeryDV .qtySelector {
    border: 0;
    width: 74px;
    height: auto;
  }
  
  .summeryDV .qty_outer .qtySelector div {
    background: transparent;
    border: 0;
  }
  
  .discount_summery {
    background: #F4F8FF;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .border-bottom-dashed{
    border-bottom: 1px dashed  #979797;
  }
  
  
  .customCheckbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .customCheckbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #0072BC;
    border-radius: 50%;
  }
  .customCheckbox label {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
    display: flex; 
    text-align: left;
  }
  .customCheckbox label a {
    text-decoration: none;
  }
  .customCheckbox label:before {
    content: "";
    appearance: none;
    -webkit-appearance: none;
    background-color: #D8D8D8;
    border: 1px solid #0072BC;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    left: 0;
    top: 3px;
    border-radius: 50%;
  }
  .rotate_im i.fa.fa-chevron-down {
    transform: scale(-1);
  }
  
  .fixed_summery {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0072BC;
    z-index: 1;
  }
  .fixed_summery .fs-10{
    font-size: 10px;
  }
  .fixed_summery .buy_now{
    background: #002A54;
    font-size: 12px;
    color: #fff;
  }
  .maxtnc_h{ max-height: 200px; overflow-y: auto; overflow-x: hidden;}
  /* ************************ new brand page End ************************ */

  /******************** checkout instruction start***********************/
.CheckoutInstruction {
    background: rgb(25 24 24 / 44%) !important;
  }
  .CheckoutInstruction .modal-dialog {max-width: 400px;}
  .CheckoutInstruction .modal-dialog .modal-body {font-size: 14px;}
  .CheckoutInstruction .modal-dialog .modal-body ul li {padding-bottom: 4px;}
  .checkoutimg {
    height: 100px;
  }
  .checkoutUl ul{
    padding-left: 1.5rem;
  }
 /******************** checkout instruction End***********************/
  
@media (max-width: 1300px){
    .listing_section .fs-26 {
        font-size: 20px;
    }
    .dis_h {
        font-size: 12px;
    }
    .listing_section .btn-primary {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 14px;
    }
    .listing_section .mob_full_h img {
        max-width: 60%;
    }
}

@media (max-width: 767px) {
    .listing_section .mob_full_h img {
        max-width: 100%;
    }
    .listing_section .btn-primary{
        margin-top: 20px;
    }
    .dis_h{ 
        line-clamp: 2; 
        -webkit-line-clamp: 2; 
    }
    .listing_section .fs-26 {
        font-size: 16px;
    }
    body.fixed_btm { padding-bottom: 53px !important; }
    .fixed_summery .customCheckbox {
            height: 40px;
            display: flex;
            align-items: center;
        }
        
    .customCheckbox input:checked + label:after, .customCheckbox input:checked + label:before{ transform: translateY(-50%); top: 50%; }
}

@media (max-width: 567px) {
    .off-canvas-main { padding-bottom: 58px; }
}

.mid_sec {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
    
.mid_sec .col {
    display: inline-block;
    width: 20%;
}

@media (max-width: 1250px){
    .desktopNav ul li > a{
        padding: 0px 8px 10px 8px;
    }
}

@media (max-width: 1099px){
    .desktopNav ul li > a {
        padding: 0px 3px 10px 3px;
    }
}

@media (max-width: 1000px){
    .desktopNav ul li > a {
        padding: 0px 2px 10px 3px;
    }
}

@media (max-width: 100px){
    .desktopNav ul li > a{
        font-size: 11px;
        padding: 0 2px 10px 2px;
    }
}

@media (min-width: 1700px){
    .container-fluid{
        max-width: 1790px;
    }
}

@media (max-width: 1790px){
    .container-fluid{
        max-width: 100%;
    }
}


@media (max-width: 1199px){
    .left_list li a { 
        padding-left: 10px; 
        font-size: 14px;
    }
    .search_header { 
        width: 320px;
        display: inline-block;
    }
    .hide_summery {
        font-size: 14px;
    }
    .demonitaion_list .discount_bg {
        font-size: 13px;
    }
}


@media (max-width: 991px){
    .cousel_home .owl-nav{
        display: none;
    }
    .discount_inner .btn {
        font-size: 11px;
    }
    .suumery_outer { 
        display: block;
        position: fixed;
        bottom: -100%;
        bottom: -100%;
        left: 0;
        width: 100%; 
        z-index: 991;  
        transition: all .2s;
    }
    .mob_summery {
        max-height: 77vh; 
    }
    .close_summery:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.4);
        z-index: -1;
        display: none;
    }
    .cate_outer_mob .left_list{
        border: 0;
        white-space: initial;
    }
    .cate_outer_mob .left_list li {
        display: block;
        margin-bottom: 14px;
    }
    .cate_outer_mob .left_list li a.active::before {
        width: 8px;
        height: 8px;
        right: 5px;
        top: 5px;
        border-radius: 50%;
        background: #0072BC;
        z-index: 1;
        position: absolute;
        left: initial;
    }
    .cate_outer_mob .left_list li a{
        margin: 0;
        padding: 0;
    }
    .cate_outer_mob .left_list li a:after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 18px;
        height: 18px;
        background: transparent;
        border-radius: 50%;
        border: 2px solid #4C4C4C;
    }
    .cate_outer_mob .left_list li a.active:after{ border: 2px solid #0072BC; }
    .summery_show { overflow: hidden; }
    .summery_show .close_summery:after { display: block; }
    .summery_show .suumery_outer { bottom: 0; }
    .discount_mobile .custome-check-2 li{ padding-right: 14px; }
    .discount_mobile .custome-check-2 label {
        background: transparent;
        text-align: left;
        position: relative;
        padding: 4px 0;
        font-size: 12px;
    }
    .discount_mobile .custome-check input:checked + label, .discount_mobile  .custome-check input:checked ~ label{
        background-color: transparent;
        border-color: transparent;
        color: #000;
    }

    .discount_mobile .custome-check  label:after{
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: 5px;
        top: 10px;
        border-radius: 50%;
        z-index: 1;
    }

    .discount_mobile .custome-check input:checked  + label:after{
        content: "";
        background: #0072BC;
    }

    .discount_mobile .custome-check input + label::before{
        content: "";
        position: absolute;
        right: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 2px solid #4C4C4C;
    }

    .discount_mobile .custome-check input:checked + label::before{
        content: ""; 
        background: #D8D8D8; 
        border: 2px solid #0072BC;
    }
    .profile_name_header .dropdown-menu {
        transform: translate3d(-131px, 29px, 0px) !important;
        left: 0 !important;
    }
    .left_list li a { 
        font-size: 12px;
    }

    .value_text {
        border: 0px dashed #4C4C4C;
        padding: 0;
        width: auto;
        text-align: center;
        font-size: 14px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .demonitaion_list::before, .demonitaion_list::after{
        display: none;
    }
    .demonitaion_list .discount_bg{
        border: 0;
        background: #fff;
    }
    .demonitaion_list .bg-white{
        border-radius: 0px !important;
    }
    .demonitaion_list .order-last{
        background: #F4F8FF;
        border-top: 1px dashed #DADADA;
        font-weight: 400;
    }
    .demonitaion_list .saving_txt .innerTxt{
        color: #00BC0E !important;
    }
    .row.demonitaion_list {
        border-radius: 6px;
        overflow: hidden;
        font-size: 14px;
    }
     .qty_outer .qtySelector{
        height: 30px;
    }
    .innerTxt {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .add_btn{
        padding: 2px 15px;
    }
}


@media (max-width: 767px){
    .left_list {
        display: block;
        white-space: nowrap;
        margin: 0;
        overflow-x: auto;
    }
    .left_list li {
        display: inline-block;
    }
    .left_list li a{
        padding: 12px 0;
    }
    .left_list li a.active::before { 
        left: inherit;
        top: initial;
        width: 100%; 
        height: 2px;
        bottom: 0;
    }
    .left_list{ 
        border-left: 0px solid #C2C2C2;
    } 
    .left_list li a{
        padding-left: 0;
    }
    .left_list li a{
        margin-right: 14px;
    }
    .left_list li:last-child a{
        margin-right: 0px;
    } 
    .mob_full_h{
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 6px;
    }
    .bg_image {
        background-image: none !important;
        padding-left: 0;
        margin-bottom: 16px;
    }
    .slider_row {
        display: block !important;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    
    }
    
    .slider_row .col-md-6 {
        width: 60% !important;
        display: inline-block;
        white-space: initial;
    } 
    header .logo_main img {
        width: 120px;
    }
    .fixed_summery .customCheckbox label a{
        color: #fff;
    }
    .customCheckbox input + label:before{
        border-color: #fff;
    }
    .watchVideo iframe{ height: 250px !important;}
}

@media (max-width: 567px){
    .mid_sec .col { 
        width: 40%;
    }
    .modal_login_new .fs-14 {
        font-size: 12px;
    }
    #search_btn img{
        width: 18px;
    }
    .discount_txt { 
        padding: 3px 8px; 
        font-size: 10px; 
    }
    .exc_brand_outer .fs-20 {
        font-size: 15px;
    }
    .slider_row .col-md-6 {
        padding: 5px !important;
    }
    .fixed_summery .fs-10{
        font-size: 9px;
    }
    .fixed_summery .fs-15{
        font-size: 13px;
    }
    .fixed_summery .customCheckbox label { 
        font-size: 10px; 
        display: block;
    }
    .fixed_summery_btm {
        padding-bottom: 49px;
    }
    .show_redn {
        padding-bottom: 44px !important;
    }
    .desInner .fs-15 {
        font-size: 14px;
    }
}

@media (max-width: 420px){
    .otp-form .otp-field{
        height: 40px;
        font-size: 18px;
    }
    .mob_full_h {
        padding: 0;
    }
    .desInner .fs-15 {
        font-size: 13px;
    }
    .add_btn { 
        width: 84px; 
        font-size: 13px;
    }
    .value_text { 
        font-size: 12px; 
    }
    .row.demonitaion_list { 
        font-size: 13px;
    }
    .add_btn {
        width: 84px;
        font-size: 11px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
     .qty_outer .qtySelector {
        height: 25px;
    }
    .rdeem_btn {
        font-size: 13px; 
        padding-left: 0;
        padding-right: 0;
    }
    .fixed_summery .fs-10{
        font-size: 9px;
    }
    .fixed_summery .fs-15{
        font-size: 13px;
    }
    .fixed_summery .customCheckbox label { 
        font-size: 10px; 
        display: block;
    }
}
@media (max-width: 360px){
.demonitaion_list .discount_bg{ font-size: 10px; }
.value_text { font-size: 11px;}
}


.stepsBox .owl-nav .owl-prev {
 left: -9px;
 width: 10px;
 background-size: 9px !important;
}

.stepsBox .owl-next {
 float: right;
 right: -9px;
 width: 10px;
 background-size: 9px !important;
}

/* *****************btf content start**************** */
.btfText { font-size: 12px !important; } 
.btfText p { font-size: 12px; } 
.btfText h5 { font-size: 12px; font-weight: 600; }
.btfText h1 { font-size: 20px; font-weight: 700; } 
.btfText h2 { font-size: 18px; font-weight: 700; } 
.btfText h3 { font-size: 16px; font-weight: 700; } 
.btfText ul { font-size: 12px; padding-left: 20px; } 
.btfText ol { font-size: 12px; padding-left: 20px; }
.btfText .card { background-color: transparent; border: 0; border-radius: 0; } 
.btfText .card .card-header { padding: 0; background-color: transparent; } 
.btfText .card .card-body { padding: 10px 0 30px 0; font-size: 14px; line-height: 1.8; }
.btfText .card .card-header .btn-link { width: 100%; text-align: left; color: #333; padding-left: 0; white-space: inherit; position: relative; border: 0; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 1; padding: 14px 0; }
.btfText .card .card-header .btn-link:after { width: 2px; height: 14px; background: #c1c1c1; right: 6px; content: ''; top: 50%; position: absolute; margin-top: -6px; }
.btfText .card .card-header .btn-link:before { width: 14px; height: 2px; background: #c1c1c1; right: 0; content: ''; top: 50%; position: absolute; }
.btfText .card .card-header .btn-link[aria-expanded='true'] { color: #160e45; }
.btfText .card .card-header .btn-link[aria-expanded='true']:after { display: none; }
.btfText .card .card-header .btn-link[aria-expanded='true']:before { background: #160e45; }
.btfText .card .card-header .btn-link:focus, .btfText .card .card-header .btn-link:hover { text-decoration: none; color: #160e45; }
  /* *****************btf content end**************** */

  /* *****************cracker page wise start**************** */
  /* .body_cracker .crackers{
    display: none;
  }
  .wedding_theme_2023 .crackers,
  .diwali.wedding_theme_2023 .crackers{
    display: block;
    color: transparent;
    z-index: 2;
  } */
  /* *****************cracker page wise end**************** */

 /* *****************SPIN-Game Start**************** */
 .text-success{
    color: #148411 !important;
 }
 .fs-28 { font-size: 28px; }
.spin_chrisrma_25 {background: #DDECF7 url('../images/christmas-25/bg_christma.png') no-repeat center top/cover; position: relative; padding-top: 136px;}
.spin_chrisrma_25 .text-warning { color: #ffac00 !important;}
.spin_chrisrma_25 .row{
    z-index: 9;
}
.spin_feb{ background: #E24627; border-color: #E24627; }
.spin_chrisrma_25 .redm_btn_1 { background: #ffac00 !important; border-color: #ffac00 !important; font-size: 15px; padding-left: 2px; padding-right: 2px; }
.spin_chrisrma_25 .cros_mod { position: absolute; right: -12px; top: -12px; cursor: pointer; }
.spin_chrisrma_25 .transBg { background: #f5f8ff; }

.spin_chrisrma_25 .canvaOuter .hmocIu{ transform: rotate(-37deg); }

.spin_chrisrma_25 .canvaOuter { position: relative; display: inline-block;}
/* .spin_chrisrma_25 .base_image2 {position: absolute; bottom: 0; right: 50%; margin:0 -98px 0; } */
.spin_chrisrma_25 .base_image2 {margin:-34px 0px 0 19%; }
.spin_chrisrma_25 .canvaOuter .App { position: relative; margin-bottom: -28px; display: flex; align-items: center; justify-content: center; }
.spin_chrisrma_25 .bhdLno { width: 390px !important; height: 390px !important; }
.spin_chrisrma_25 .pinIcon {
    position: absolute;
    right: 50%;
    top: 50%;
    content: "";
    width: 74px;
    height: 74px;
    margin: -37px -37px 0 0;
    z-index: 9;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #FAAD17;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    letter-spacing: 1px;
    color: #E80000;
    font-size: 18px;
}

.spin_chrisrma_25 .date_txt{
    color: #8A0126; 
    font-weight: 500;
}
.tc_spin_dv_inner {
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}
/* .spinWheel_rep {
    min-height: calc(100vh - 114px);
    padding-bottom: 96px;
} */
.spin_24{
    color: #9C1621  !important;
    background: #fff; 
    font-size: 16px;
    border: 1px solid #A0A0A0;
}

.spin_chrisrma_25 img[alt~="roulette-static"] { position: absolute;
    z-index: 5;
    width: 44px;
    height: 62px;
    right: 45%;
    top: -25px;; content: url(../images/spingame/ind.png); }
.spin_chrisrma_25 .bhdLno { background: url(../images/spingame/bg_spin_circle.png) no-repeat center center/cover; }
.spin_chrisrma_25 .sc-dlfnbm { width: auto !important; left: 18px !important; top: 18px !important; right: 18px !important; bottom: 18px !important; border-radius: 50%; }

.custom_modal_spin{ border-radius: 20px; }
.custom_modal_spin2 { background-position: 8% 85px !important; background-size: 100% 100%; }
.cong_im { margin-top: -30px; }
.cap_spin { position: absolute; width: auto; right: -66px; top: -46px; }
.womenDTypo {font-size: 22px; font-weight: bold; line-height: 1;} 
.womenDTypo span.rounded-pill {color: #fff; background: #27172B; display: inline-block; font-size:34px; line-height: 1; font-weight: 600;}
.date_txt2{
    color: #246155;
} 
.confirm_details {
    background: #E53935;
    color: #fff !important;
    border: 1px solid #B7B7B7;
    padding: 12px 0;
}
.terms_outer {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
.roman_list li{
    list-style: upper-roman;
}
.tc_txt{
    margin-top: -24px;
}
.close_ic{
    position: relative;
    z-index: 1;
}
.spinWheel_rep_row {
    padding-bottom: 50px;
}
@media (max-width: 1199px) {
    .spin_chrisrma_25 .base_image2 {
        margin: -70px -54px 0 0;
    }  

}
@media (max-width: 1140px) {
    .spin_chrisrma_25 .base_image2 {
        margin: -38px 0px 0 5%;
    } 
}

@media (max-width: 1100px) {
    .womenDTypo {font-size: 18px;} 
.womenDTypo span.rounded-pill {font-size:26px;}
}
@media (min-width: 992px) {
.women {min-height: 600px;}

}
@media only screen  and (min-width: 768px) and (max-width: 991px){
    .spin_chrisrma_25 .canvaOuter {
        transform: scale(.8);
    }
}
@media (max-width: 1099px){
    .match_win_txt.fs-34 {
        font-size: 28px;
    }
}

@media (max-width: 991px) { 
    .deep_1, .deep_2 {
        display: none;
    }
    .spin_chrisrma_25 .date_txt {
        font-size: 17px;
    }
    .spinWheel_rep {
        min-height: calc(100vh - 114px);
        padding-bottom: 42px;
    }
    .match_win_txt.fs-34 {
        font-size: 22px;
        margin-top: -60px;
    }
    .jackport_sep_24 .valid_txt {
        font-size: 16px;
    }
}
@media (max-width: 767px) { 
    .spin_chrisrma_25 {background: #DDECF7 url('../images/christmas-25/bg_mobile_spin.svg') no-repeat center top/cover; padding-top: 150px;}
    .spin_chrisrma_25::after{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 250px;
        background: url('../images/christmas-25/base_bg_m.svg') no-repeat center top/cover;
    }
    .spin_chrisrma_25 .btn-outline-danger.spin_23 { font-size: 10px; padding-left: 6px; padding-right: 6px; }
    .custom_modal_spin { font-size: 14px; }
    .custom_modal_spin .fs-28 { font-size: 20px; }
    .spin_text2 { margin: 0; }
    .spin_chrisrma_25 .spinWheel_rep_row {
        min-height: auto;
        padding-bottom: 87px;
    }
    .spin_text_22 { font-size: 14px;}
    .spin_chrisrma_25 .date_txt { 
        font-size: 13px; 
    }
    .spin_chrisrma_25 .base_image2 {
        margin: 0;
        position: absolute;
        bottom: -147px;
        left: 60%;
        transform: translateX(-51%);
        z-index: 1;
    } 
    .tc_txt {
        font-size: 16px;
    }
    .spinWheel_rep {
        min-height: auto;
        padding-bottom: 164px;
    }
}
@media (max-width: 531px){
    .spinWheel_rep { 
        padding-bottom: 167px;
    }
}
@media (max-width: 425px){
    .spin_chrisrma_25 .bhdLno { width: 350px !important; height: 350px !important; }
}
@media (max-width: 375px) {
    .spin_chrisrma_25 .canvaOuter .App { position: relative; }
    .spin_chrisrma_25 .bhdLno { width: 320px !important; height: 320px !important; }
    .spin_chrisrma_25 .date_txt {
        font-size: 12px;
    }
    .spinWheel_rep {
        min-height: auto;
        padding-bottom: 144px;
    }
}
  /* *****************SPIN-Game End**************** */

  /* *****************Quiz Game Start**************** */
  .lh-1{
    line-height: 1;
}
.fs-33{
    font-size: 33px;
}
.fs-34{
    font-size: 34px;
}
.fs-50{
    font-size: 50px;
}

  .valentaine_min_heigth {min-height: 87vh}
  .valentine_day_sale_24{
    background: #a72236 url(../images/vs_bg_d_.png) no-repeat center top/cover;
}
.valentine_day_sale_24.valentine_day_sale_24_ic::before{
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 160px;
    height: 160px;
    background: url(../images/v_left_ic.png) no-repeat center bottom/100% 100%;
}
.valentine_day_sale_24.valentine_day_sale_24_ic::after{
    content: "";
    position: absolute;
    right: 20px;
    bottom: -26px;
    width: 220px;
    height: 180px;
    background: url(../images/v_right_ic.png) no-repeat center bottom/100% 100%;
    z-index: 1;
}
.valentine_day_sale_24 .ans_ern_text{
    color: #FFC700;
}
.valentine_day_sale_24 .vl_right_ic{
    margin-bottom: -30px;
    z-index: 1;
}
.valentine_day_sale2_24{
    background: #6D091A;
}
.valentine_day_sale2_24 .btn{
    width: 216px;
    white-space: nowrap;
}
.valentine_day_sale_24 .step_top_1{
    background: rgba(0, 0, 0, .6);
    border-radius: 30px;
}
.valentine_day_sale_24 .step_top_1 .ster_1_quest {
    position: absolute;
    top: -17px;
    width: 34px;
    height: 34px;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
}
.valentine_day_sale_24 .val_redm_list input{
    display: none;
}

.valentine_day_sale_24 .val_redm_list label {
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    position: relative;
    color: #fff;
    margin: 0;
    padding: 16px 14px 10px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.valentine_day_sale_24 .val_redm_list label .numric_show{
    position: absolute;
    top: -11px;
    width: 22px;
    height: 22px;
    background: #00630A;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.valentine_day_sale_24 .val_redm_list input:checked + label {
    background: #FFC700;
    color: #000;
}

.valentine_day_sale_24 .not_active{
    opacity: .6;
    cursor: not-allowed;
}
.valentine_day_sale_24 .claim_rd{
    width: 210px;
}
.v_modal{
    background: #000;
    border-radius: 18px;
    color: #fff;
}
.v_modal a{
    word-break: break-word;
}
.v_modal_list{
    padding: 0px 0px 0px  30px;
}
.v_modal_list li{
    list-style-type: upper-roman
}
.text-success-2{
    color: #148411;
}
.cong_modal .modal-dialog {
    max-width: 386px; 
}

/* transaction page */
.rounded-2{
    border-radius: 10px;
}
.transaction_page{
    background: #EFEFEF;
    min-height: calc(100vh - 97px);
}
.transaction_page .breadcrumb .breadcrumb-item{
    color: #4C4C4C;
}
.transaction_page .breadcrumb .breadcrumb-item.active{
    color: #000000;
    font-weight: 600;
}
.transaction_page .breadcrumb .breadcrumb-item a:hover{
    color: #000;
}
.custom_dropdown .dropdown-menu {
    transform: translateZ(0) !important;
    top: -3px !important;
    left: -1px !important;
    right: -1px;
    background: #EFEFEF;
}
.custom_dropdown .dropdown-toggle:is(:focus, :active){
    outline: none;
}
.custom_dropdown .dropdown-menu .dropdown-item{
    font-size: 14px;
    color: #595959;
    border-bottom: 1px solid rgba(180, 180, 180, .4);
    cursor: pointer;
    padding: 10px 0px;
    text-align: center;
    font-weight: 500;
    background: transparent !important;
}
.custom_dropdown .dropdown-menu .dropdown-item:last-child{
    border: 0;
}
.custom_dropdown .dropdown-menu .dropdown-item:hover{
    color: #002a54;
}
.dropdown-toggle::after {
    border: 0;
    width: 8px;
    height: 8px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg);
}
.total_save_transactin{
    background: #F4FFF5;
    color: #179328;
    padding: 4px 26px 4px 6px;
}
.total_save_transactin::after{
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    width: 32px;
    height: 32px;
    background: #fff;
    transform: rotate(-45deg);
}
.success_ic {
    position: absolute;
    left: 15px;
}
.success_ic img {
    width: 40px;
}
.trans_hrd{
    padding-left: 66px;
}
.trans_frt li{
    margin-right: 24px !important;
    white-space: nowrap;
}
.trans_frt li:last-child{
    margin-right: 0px !important;
}
.trans_frt li::after{
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background: #343a40;
}
.trans_frt li:last-child:after{
    display: none;
}
.opacity-0{
    opacity: 0;
}
.trans_hrd .total_save_transactin{
    padding: 8px 26px 8px 6px;
}


.date_picker .rmdp-week-day {
    color: #002A54;
}

.rmdp-range {
    border-radius: 0 !important;
}

/* .rmdp-day.rmdp-range.start {
    background: #002A54;
    color: #fff;
} */
.rmdp-day.rmdp-range.start span.sd {
    background: #002A54;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
}


.rmdp-day.rmdp-range.end span.sd {
    background: #002A54;
    color: #fff;
    border-radius: 0 10px 10px 0;
}

.rmdp-day:not(.rmdp-disabled,.rmdp-day-hidden) span:hover {
    background: #002A54;
}
.rmdp-day span {
    border-radius: 0;
}
.rmdp-day.rmdp-today span {
    background: transparent !important;
    border: 1px solid #002A54 !important;
    color: #002A54 !important;
    border-radius: 4px !important;
}
.rmdp-day.rmdp-today span:hover{
    background: #002A54 !important;
    color: #fff !important;
}
.rmdp-day.rmdp-range {
    background: #eaf2fb;
    box-shadow: none;
    color: #000;
    border: 0;
}
.rmdp-day:not(.rmdp-disabled,.rmdp-day-hidden) span:hover {
    background-color: #002A54 !important;
    color: #fff;
    border-radius: 0px;
}
.rmdp-arrow-container {
    background: rgba(71,76,89,.5) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rmdp-arrow-container i {
    border-color: #000 !important;
    margin-top: 0;
    border-width: 0 1px 1px 0;
}
.rmdp-ym .rmdp-day span {
    font-size: 12px;
}
.custom-trigger {
    position: relative;
    border: 1px solid #000;
    padding: 8px 10px 8px 34px;
    border-radius: 10px;
}
.custom-trigger::before{
    content: "";
    position: absolute;
    left: 2px;
    top: 6px;
    width: 30px;
    height: 30px;
    background: url('../images/calendar_icc.svg') no-repeat center bottom/100% 100%;
}
/* calendar_icc.svg */
.rmdp-ep-arrow {
    overflow: hidden;
    will-change: transform;
}

/* transaction page end */

@media (max-width: 1100px){
    .valentine_day_sale_24 .v_congratulations_dv .fs-34 {
        font-size: 30px;
    }
    .valentine_day_sale_24 .v_congratulations_dv .fs-20 {
        font-size: 18px;
    }
}
@media (max-width: 991px){
    .valentine_day_sale_24 .fs-50{
        font-size: 40px;
    }
    .valentine_day_sale_24 .fs-18 {
        font-size: 16px;
    }
    .valentine_day_sale_24 .fs-33 {
        font-size: 28px;
    }
    .valentine_day_sale_24 .val_redm_list label {
        font-size: 13px;
    }
    .valentine_day_sale_24 .v_congratulations_dv .fs-20 {
        font-size: 17px;
    }
    .valentine_day_sale_24 .claim_rd {
        width: 170px;
        font-size: 13px;
    }
}

@media (max-width: 767px){
    .valentine_day_sale_24{
        background: #a72236 url(../images/vs_bg_M.png) no-repeat center top/cover;
    }
    .valentine_day_sale2_24 .btn {
        width: 170px;
        font-size: 14px;
        margin-top: 14px;
    }
    .valentine_day_sale_24.valentine_day_sale_24_ic {
        padding-bottom: 114px;
    }
    .valentine_day_sale_24 .step_top_1 {
        font-size: 15px;
        padding: 40px 10px 30px !important;
        border-radius: 20px;
    }
    .valentine_day_sale_24.valentine_day_sale_24_ic::before {
        left: 10px;
        width: 120px;
        height: 110px;
    }
    .valentine_day_sale_24.valentine_day_sale_24_ic::after {
        right: 10px;
        width: 158px;
        height: 132px;
    }  
    .valentine_day_sale_24 .v_congratulations_dv .fs-34 {
        font-size: 24px;
    }
    .valentine_day_sale_24 .v_congratulations_dv .fs-20 {
        font-size: 13px;
    }
    .valentine_day_sale_24 .claim_rd {
        width: 160px;
        font-size: 12px;
    }  
    .v_modal .fs-14{
        font-size: 12px;
    } 
    .v_cong_ic{
        max-width: 150px;
    }  
    .valentine_day_sale_24 .val_redm_list label{
        min-height: 65px;
    }
    .trans_hrd .col-md-7{
        position: initial;
    }
    .price_val {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 16px;
    }
    .total_save_transactin {
        font-size: 12px;
        padding: 2px 26px 2px 2px;
    }
    .total_save_transactin::after{
        right: -8px;
        width: 16px;
        height: 16px;
    }
    .all_transaction .total_save_transactin{
        background: transparent;
        padding: 0;
    }
    .all_transaction .total_save_transactin:after{
        display: none;
    }
    .custom-trigger {
        padding: 16px !important;
    }
    .custom-trigger::before {
        left: 5px;
        width: 24px;
        height: 24px;
        left: 5px;
        top: 4px;
    }
}
@media (max-width: 414px){
    .spin_chrisrma_25 .canvaOuter {
        transform: scale(.8);
        margin-left: -24px;
    }
}
@media (max-width: 360px){
    .valentine_day_sale2_24 .btn {
        width: 148px;
        font-size: 12px;
    }
    .valentine_day_sale_24 .fs-18 {
        font-size: 13px;
    }
    .valentine_day_sale_24 .claim_rd {
        width: 142px;
        font-size: 10px;
    }
    .spin_chrisrma_25 .canvaOuter {
        transform: scale(.8);
        margin-left: -24px;
    }
}
.valentinBtn {width: 140px;}
  /* *****************Quiz Game End**************** */

  /* *****************Jackpot Game start**************** */
  .text-danger-3{
    color: #37010E;
  }
  .jackport_sep_24{
    background: #800019 url("../images/jackpot/jack_bg.png") no-repeat left top/cover;
    min-height: calc(100vh - 96px);
    padding-bottom: 90px;
}
.match_win_txt {
    margin-top: -78px;
    line-height: 1.6;
}
.winning_txt {
    position: absolute;
    bottom: 100px;
    left: 8%;
}

.jackport_sep_24 .match_txt {
    font-size: 33px;
    color: #F9E99B;
    margin-bottom: -60px;
    padding-right: 6%;
}
.jackport_sep_24 .valid_txt{
    font-size: 17px;
    background: rgba(3, 3, 3, 0.50);
    border-radius: 14px;
    padding: 8px 20px;
    letter-spacing: 1px;
}
.jackport_sep_24 .spin_btn{
    font-size: 29px;
    font-weight: 500;
    border-radius: 186.087px;
    border: 1px solid #070707;
    background: #B70037;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 30px;
    cursor: pointer;
}

.jackport_sep_24 .valid_txt_2 {
    position: absolute;
    right: 4px;
    writing-mode: tb-rl;
    top: 30%;
    color: #fff;
    transform: scale(-1);
}
.jackport_sep_24 .claim_btn{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.36);
}
.jackport_sep_24 .claim_btn button, .jackport_sep_24 .claim_btn a{
    color: #460111;
    width: 236px;
}
.close_d{
    z-index: 1;
    position: relative;
}
.terms_dv {
    margin-top: -26px;
}
.btn-cliam{
    background: #B70037;
    color: #fff !important;
}
.jackport_sep_24 .winTxt {
    margin-top: -46px;
    padding-left: 23%;
}
/* game css */
.jackport_sep_24  .index-module_slot_wrap__ZT-DX{
    background: url("../images/jackpot/jack_ic2.png") no-repeat center center/100% 100%;
    width: 350px;
    height: 196px;
}

.jackport_sep_24 .jack_outer .index-module_slot_wrap__ZT-DX img.item {
    width: 62px; max-width: inherit;
}
.jackport_sep_24 .index-module_slot__DpPgW {height: 70px !important;}
.jackport_sep_24 .index-module_num__j6XH3 {
    height: 94px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jackport_sep_24 .index-module_slot__DpPgW{
    margin-top: 80px;
}
.jackport_sep_24 .index-module_slot_wrap__ZT-DX .index-module_slot__DpPgW:first-child{
    position: relative;
    left: -34px;
}

.jackport_sep_24 .index-module_slot_wrap__ZT-DX .index-module_slot__DpPgW:nth-child(2){
    position: relative;
    left: -13px;
}

.jackport_sep_24 .index-module_slot_wrap__ZT-DX .index-module_slot__DpPgW:last-child{
    position: relative;
    left: 10px;
}
@media (max-width: 1299px){
    .jackport_sep_24 .winTxt .fs-34 {
        font-size: 27px;
    }
}
@media (max-width: 1024px){
    .jackport_sep_24 .winTxt .fs-34 {
        font-size: 22px;
    }
    .jackport_sep_24 .winTxt .fs-19{
        font-size: 16px;
    }
}
@media (max-width: 991px){
    .jackport_sep_24 .winTxt .fs-34 {
        font-size: 19px;
    }
    .jackport_sep_24 .winTxt .fs-19 {
        font-size: 15px;
    }
} 
@media (max-width: 767px){
    .jackport_sep_24{
        background: #800019 url("../images/jackpot/jack_bg_m.png") no-repeat center top/cover;
        min-height: auto;
        padding-bottom: 126px;
    }
    .jackport_sep_24 .fs-24 {
        font-size: 18px;
    }
    .jackport_sep_24 .match_txt {
        font-size: 29px; 
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .jackport_sep_24 .valid_txt {
        font-size: 14px;
        border-radius: 6px;
        padding: 6px 10px; 
    }
    .jackport_sep_24 .spin_btn {
        font-size: 17px;
        padding: 10px 18px;
    }
    .jackport_sep_24 .claim_btn .btn-light {
        font-size: 11px;
        width: 170px;
    }
    .jackport_sep_24 .winTxt {
        margin-top: -6px;
        padding-left: 0;
    }
    .jackport_sep_24 .winTxt .fs-34 {
        font-size: 19px;
    }
    .jackport_sep_24 .winTxt .fs-19 {
        font-size: 13px;
    }
    .jackport_sep_24 .ipl_txt_img img {
        max-width: 260px;
        margin-left: -9%;
    }
    .match_win_txt.fs-34 {
        font-size: 18px;
    }
    .fs-18.match_txt2 {
        font-size: 16px;
    }
    .trans_body .fs-20 {
        font-size: 14px;
    }
    .trans_body .fs-14 {
        font-size: 12px;
    }
    .trans_frt li {
        font-size: 11px;
    }

}

@media (max-width: 576px){
    .jackport_sep_24 .ipl_txt_img img {
        max-width: 260px;
        margin-left: -18%;
    }
}



@media (max-width: 380px){
    .jackport_sep_24 .claim_btn button {
        font-size: 11px;
        width: 150px;
    }
    .jackport_sep_24 .jack_outer {
        transform: scale(.8);
        margin-left: -20px;
    }
}
  /* *****************Jackpot Game End**************** */

  /**********************Start Navratri Theme ******************************/

  .navratri_24 .theme_outer{
    background: #fffbef  url("../images/nav_bg.png") no-repeat top center/100% auto;
    position: relative;
}
.navratri_24 .theme_outer:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:  url("../images/nav_btn.png") no-repeat left bottom/auto auto;
}
.navratri_24 .theme_outer .row{
    position: relative;
    z-index: 1;
}
.navratri_24 .theme_outer .col-12 .text-primary  , .navratri_24 .theme_outer .col-12 .fs-14{
    color: #000 !important;
}
.navratri_24 .theme_outer .text-muted {
    color: #000 !important;
}
.navratri_24 .theme_outer .text-danger-2{
    color: #3f3f3f !important;
}
.navratri_24 .theme_outer .btn-primary{
    background: #e88923 !important;
    border-color: #e88923 !important;
}
.navratri_24 header{
    background: #f78300 ;
}
.navratri_24 .search_header .form-control{
    background: #fff7ed !important;
    border-color: #8f39b5  !important;
    color: #333233;
}
.navratri_24 .search_header button i{
    color: #333233  !important;
}
.navratri_24  .search_header ::placeholder {
    color: #333233  !important;
    opacity: 1;
}
.navratri_24  .search_header ::-ms-input-placeholder {
    color: #333233  !important;
}
.navratri_24 .col-lg-3.p-3.d-none.d-lg-block {
    margin-top: 66px;
}
.navratri_24 .custome-check input:checked + label, .navratri_24 .custome-check input:checked ~ label {
    background-color: #e88923;
    border-color: #e88923;
    color: #fff;
} 
@media (max-width: 360px){
    .jackport_sep_24 .claim_btn .btn-light {
        font-size: 11px;
        width: 168px;
    }
}


   /**********************End Navratri Theme ******************************/

.zindex2 {z-index: 2;}
.wheel-container {display: block; position: relative; box-sizing: content-box; padding:25px; margin: auto; user-select: none; background: url('../images/christmas-25/bg_spin_circle.png') no-repeat center/cover;}
.wheel-container::after {content: ''; display: block; position: absolute; top: -10px; left: 50%; z-index: 2; background: url(../images/christmas-25/ind.svg) no-repeat center top / cover; width: 30px; height: 60px; margin-left: -15px;}

.wheel { display: block; position: relative; margin: auto; width: 338px; height: 338px; overflow: hidden; border-radius: 50%; border: solid #2879b9 0; background-color: #ffffff; transition: transform 0.25s; transform: rotate(0deg); cursor: pointer; border: 3px solid #fff; }
.wheel.spinning { transition: transform 2s; transform: rotate( calc(9 * 360deg + (-360deg * var(--selected-item) / var(--nb-item, 1))) ); }

.wheel-item { display: block; position: absolute; box-sizing: border-box; top: 50%; left: 50%; width: 50%; transform-origin: center left; transform: translateY(-50%) rotate(calc((var(--item-nb) - 2) * (360deg / var(--nb-item, 1)))); color: #ffffff; text-align: right; padding: 0 25px 0 50px; font-weight: 700; z-index: 3; }
.wheel-item div { text-align: center; display: block; line-height: 1.3; transform: rotate(90deg); margin-right: -25px; font-size: 14px; padding: 10px; font-weight: 500; }
.wheel-item:before { content: ' '; display: block; position: absolute; box-sizing: border-box; z-index: -1; width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 0px; --slice-max-width: calc(var(--PI) * 400px + 400px / 2); --slice-width: calc((var(--slice-max-width) / var(--nb-item)) - 15px); border: solid transparent calc(var(--slice-width) / 2); border-left: solid transparent 19px; border-right: solid #400b36 calc(400px / 2); }

.wheel-item:nth-child(1):before { border-right-color: #732d8d; }
.wheel-item:nth-child(2):before { border-right-color: #315183; }
.wheel-item:nth-child(3):before { border-right-color: #b48532; }
.wheel-item:nth-child(4):before { border-right-color: #a8312e; }
.wheel-item:nth-child(5):before { border-right-color: #474747; }

:root { --selected-item: 0; --nb-item: 0; --item-nb: 0; --PI: 3.14159265358979; }

header{
    position: relative;
    z-index: 99;
}