input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; appearance: textfield; -webkit-appearance: textfield; }
a {text-decoration: none;}
body {font-family: "Open Sans", sans-serif;}
img {max-width: 100% !important; transition: all 0.5s;}

.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fs-34 {font-size: 34px;}
.fs-36 {font-size: 36px;}
.fs-38 {font-size: 38px;}
.fs-40 {font-size: 40px;}
.fs-42 {font-size: 42px;}
.fs-44 {font-size: 44px;}
.fs-46 {font-size: 46px;}
.fs-48 {font-size: 48px;}
.fs-50 {font-size: 50px;}
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.border_dashed_top {border-top: 1px dashed #CDCDCD;}
.cursor-pointer {cursor: pointer;}
.bg-danger {background: #DB0010 !important;}
.btn-danger {color: #fff !important; background: #DB0010 !important; font-size: 14px;}
.btn-danger:hover {background: #DB0010 !important; opacity: 0.9;}
.btn-outline-danger {border-color: #DB0010 !important; color: #DB0010 !important;}
.btn-outline-danger:hover {background-color: #DB0010 !important; color: #fff !important;}
.bg-secondary {background: #2E2E2E !important;}
.bg-light {background: #efefef !important;}
.bg-light-2 {background: #EAEAEA;}
.text-success {color: #00BC22 !important;}
.bg-secondary-2 {background: #666666 !important;}
.border-custom {border: 1px solid #666666;}
.lh-1 {line-height: 1;}
.cursor-pointer {cursor: pointer;}
.min-h {min-height: 65vh;}
.form-control:is(:focus, :active), .form-select:is(:focus, :active) {border-color: #DB0010; box-shadow: 0 0 0 0.25rem rgba(219, 0, 16, 0.2);}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield; appearance: textfield; -webkit-appearance: textfield;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; position: relative;}
select {background: #fff url("../images/select-down.png") no-repeat 98% center !important; padding-right: 20px !important;}

@media (min-width: 1700px) {
    .container-lg {max-width: 1680px;}.dropdown-menu {width: 230px !important; transform: translate3d(-174px, 80px, 0px) !important;}
}
@media (max-width: 1700px) {
    .container-lg {max-width: 1680px;}
}
.navigationSlide {overflow: hidden; width: 280px !important;}
.navigationSlide .btn-close {opacity: 1; font-size: 14px;}
.navigationSlide .mid_slide {overflow-y: auto;}
.navigationSlide .name_dv {background-color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; color: #DB0010; position: relative; animation: pulse 2s ease-out infinite;}
.navigationSlide .name_dv::after {content: ""; position: absolute; left: -10%; top: -10%; width: 120%; height: 120%; border-radius: 50%; border: 1px solid #fff; transition: all 1s;}
.navigationSlide ul {margin: 0; padding: 0;}
.navigationSlide ul li {list-style: none;}
.navigationSlide ul li a {display: block; color: #404040; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding: 10px 16px; font-size: 13px; text-transform: uppercase;}
.navigationSlide ul li a:hover {background-color: rgba(219, 0, 16, 0.18);}
.navigationSlide .cate_slide {position: relative; cursor: pointer;}
.navigationSlide .cate_slide::after {content: ""; position: absolute; right: 10px; top: 16px; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(224deg); transition: all 0.5s;}
.navigationSlide .cate_slide_inner {width: 100%; max-height: 304px; background: #f6f6f6; transition: all 0.5s; z-index: 1; overflow-y: auto; display: none;}
.navigationSlide .open_cate .cate_slide_inner {display: block;}
.navigationSlide .open_cate .cate_slide::after {transform: rotate(44deg);}
header ::-moz-placeholder {color: rgba(255, 255, 255, 0.7) !important; opacity: 1;}
header ::placeholder {color: rgba(255, 255, 255, 0.7) !important; opacity: 1;}
header :-ms-input-placeholder {color: rgba(255, 255, 255, 0.7) !important;}
header ::-ms-input-placeholder {color: rgba(255, 255, 255, 0.7) !important;}
header #nav-icon1 {width: 24px; transform: rotate(0deg); transition: 0.2s ease-in-out; cursor: pointer; padding: 1px 0 0 0; height: 20px;}
header #nav-icon1 span {display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; transition: 0.2s ease-in-out;}
header #nav-icon1 span:nth-child(1) {top: 2px;}
header #nav-icon1 span:nth-child(2) {top: 11px; margin-top: -1px !important;}
header #nav-icon1 span:nth-child(3) {bottom: 0px;}
header #nav-icon1:hover span:nth-child(2) {width: 60%; background: #DB0010; left: 40%;}
header .right_menu a {color: #fff; font-size: 14px; display: inline-block;}
header .cart_header {position: relative; font-size: 18px !important; cursor: pointer; color: #fff; margin-top: 5px !important;}
header .cart_header .cartQty {background: #DB0010; position: absolute; right: -6px; top: -5px; border-radius: 50%; font-size: 10px; width: 18px; height: 18px; line-height: 18px; text-align: center;}
header select {background: #2E2E2E url("../images/select_white.png") no-repeat 98% center !important;}
header .headr_search {border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 10px; position: relative;}
header .headr_search button {position: absolute; right: 0; top: 0; height: 100%; background: transparent; border: 0; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); border-radius: 0px 10px 10px 0;}
header .headr_search .border-end {border-color: rgba(255, 255, 255, 0.4) !important; border-radius: 14px 0 0 14px;
    overflow: hidden;}
    .search_header {
        position: relative;
    }
    .search_header .react-autosuggest__suggestions-container .react-autosuggest__suggestions-container--open{
        position: absolute;
    top: 34px;
    z-index: 99;
    background: #fff;
    width: 100%;
    height: auto;
    }
    .react-autosuggest__suggestions-container {
        position: absolute;
        top: 34px;
        z-index: 99;
        background: #fff;
        width: 100%;
        height: auto;
    }
    .locatorForm .react-autosuggest__container{
        width: 100%;
    }
    /* .locatorForm span.suggestion-content, .locatorForm span.suggestion-content span {
        width: 100%;
        display: block;
    } */
    .locatorForm span.suggestion-content{ 
        color: #000;
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        display: block;
        cursor: pointer;
    }
    .locatorForm span.suggestion-content:hover{
        color: #fff;
        background: #DB0010;
    }
    .drop_custom ul {
        padding: 0;
        max-height: 300px;
        overflow-y: auto;
        margin: 0;
    }
    
    .drop_custom li {
        list-style: none;
    }
    
    .drop_custom li a {
        display: block;
        color: #000;
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
    }
    .drop_custom li a:hover{
        color: #fff;
        background: #DB0010;
    }

header .headr_search .form-control {color: #fff;}
header .form-control, header .form-select {font-size: 14px;}
header .form-control:is(:focus, :active), header .form-select:is(:focus, :active) {box-shadow: none;}
header .searc_mobile {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; padding: 0; display: none;}
header .searc_mobile ::-moz-placeholder {color: #000 !important; opacity: 1;}
header .searc_mobile ::placeholder {color: #000 !important; opacity: 1;}
header .searc_mobile :-ms-input-placeholder {color: #000 !important;}
header .searc_mobile ::-ms-input-placeholder {color: #000 !important;}
nav {box-shadow: 0px 0px 9px 7px rgba(0, 0, 0, 0.06); position: relative;}
nav ul {margin: 0; display: flex; margin: 0; justify-content: end;}
nav ul li {list-style: none;}
nav ul li a {font-size: 15px; color: #000; text-decoration: none; padding: 29px 15px; display: inline-block; font-weight: 500; position: relative;}
nav ul>li:hover>a,
nav ul>li>a:hover {color: #DB0010;}
nav ul li a span {font-size: 12px; display: block; font-weight: 400;}
nav ul li .drop_menu {min-width: 100%; background: #fff; padding: 8px; position: absolute; top: 100%; color: #212529; z-index: 1100; display: none; grid-template-columns: auto auto auto; box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.05); left: 60px; left: 0;}
nav ul li .drop_menu ul li {width: 100%; background: #fff; text-align: left;}
nav ul li .drop_menu ul li a {display: block; padding: 6px 10px; font-size: 14px;}
nav ul li .drop_menu ul li a:after {display: none;}
nav ul li .drop_menu ul li:hover {background: #efefef;}
nav ul li:hover {background: #ECECEC;}
nav .dropdown_sp.spriteMenu {position: initial;}
nav .spriteMenu .drop_menu ul {display: block; -moz-column-count: 3; column-count: 3;}
nav .spriteMenu .drop_menu ul li {background: #fff; text-align: left;}
nav .dropdown_sp {position: relative;}
nav .dropdown_sp .drop_menu .fs-18 {white-space: nowrap;}
nav .dropdown_sp .drop_menu ul {display: block; -moz-column-count: 1 !important; column-count: 1 !important;}
nav .dropdown_sp.spriteMenu .drop_menu ul {display: block; -moz-column-count: 3 !important; column-count: 3 !important;}
nav .dropdown_sp:hover .drop_menu {display: block; width: 200px;}
nav .dropdown-menu a {color: #000; font-size: 14px;}
nav .dropdown-menu {width: 230px !important;}
.heading_main .sp_text {display: inline-block; padding: 0 100px;}
.heading_main .sp_text span {position: relative; z-index: 2; font-size: 24px; color: #DB0010; line-height: 1; font-weight: 700;}
.heading_main .sp_text:after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background: #DB0010;}
.trending_now .bg_image {background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
.trending_now .angle_left {position: relative;}
.trending_now .angle_left:after {content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%) rotate(136deg); width: 50px; height: 50px; background: #fff;}
.discount_strip {background: #636363; position: absolute; right: -6px; top: 6px; color: #fff; font-weight: 500; font-size: 13px; padding: 2px 10px; border-radius: 4px 0 0 4px;}
.discount_strip::after {height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid rgba(116, 48, 48, 0); border-left: 6px solid transparent; border-right: 4px solid #282828; content: ""; position: absolute; right: 2px; bottom: -3px; transform: rotate(45deg);}
.qtySelector { height: 34px; position: relative; overflow: hidden; border-radius: 4px;}
.qtySelector div {height: 100%; cursor: pointer; width: 33%; display: inline-block; position: absolute; background: #DB0010; left: 0px; top: 0;}
.qtySelector .qtyValue {width: 100%; pointer-events: none; color: #fff; border: 0; background: #DB0010; height: 100%; text-align: center;}
.qtySelector .decreaseQty {border-right: 1px solid #fff;}
.qtySelector .decreaseQty:before {content: ""; position: absolute; left: 50%; width: 14px; height: 2px; background: #fff; top: 50%; transform: translate(-50%, -50%);}
.qtySelector .increaseQty {left: initial; right: -1px; border-left: 1px solid #fff;}
.qtySelector .increaseQty:before, .qtySelector .increaseQty:after {content: ""; position: absolute; background: #fff; top: 50%; transform: translate(-50%, -50%);}
.qtySelector .increaseQty:before {left: 50%; width: 14px; height: 2px;}
.qtySelector .increaseQty:after {left: 50%; width: 2px; height: 14px;}
.show_qty {text-align: right;}
.show_qty .qtySelector {display: inline-block;}
.inner_special {border: 1px solid #fff;}
.inner_special:hover {border-color: #DB0010;}
.inner_special:hover img {transform: scale(1.1);}
.gifts_more figure {display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.not_found {min-height: calc(100vh - 303px);}
.not_found .bg_not_found {background: url("../images/not.png") no-repeat center center/60%; font-size: 26px; font-weight: 500; text-transform: uppercase; padding: 150px 0;}
footer .frt_top h5 {text-transform: capitalize; font-weight: 700; font-size: 16px; position: relative;}
footer .frt_top a {display: block; font-size: 15px; margin-bottom: 10px !important;}
footer a {color: #fff;}
footer a:hover {color: #e8e8e8;}
footer .frt_btm ul .list-inline-item:not(:last-child) {position: relative; display: inline-block; padding-right: 10px !important;}
footer .frt_btm ul .list-inline-item:not(:last-child):before {content: ""; position: absolute; width: 1px; height: 60%; top: 50%; right: 0; transform: translateY(-50%); background: #fff;}
.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: 2px solid #D2D2D2; outline: none; margin-right: 10px; background: #FCFCFC; border-radius: 0;}
.otp-form .otp-field:focus {transform: scale(1.1); transition: all 0.3s; border-color: #DB0010; color: #DB0010;}
.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;}
.login_mod .form-control {background-color: #F3F3F3 !important; border: 1px solid #CDCDCD;}
.custome-check {font-size: 0; margin: 0 -5px;}
.custome-check li {width: 50%; margin: 0 !important; position: relative;}
.custome-check label {cursor: pointer; padding: 5px 5px; border-radius: 0; border: 1px solid #DBDCDC; position: relative; display: block; text-align: center; font-size: 12px; margin: 5px; background: #D8D8D8; color: #2E2E2E; border-radius: 4px;}
.custome-check input {opacity: 0; position: absolute;}
.custome-check input:checked + label, .custome-check input:checked ~ label {background-color: #2E2E2E; border-color: #2E2E2E; color: #fff;}
.cate_search {position: relative;}
.cate_search .form-control {padding-left: 32px !important;}
.cate_search button {padding: 0px 10px; position: absolute; border: 0; background: transparent; top: 0; left: 0; height: 100%; font-size: 14px;}
.suumery_outer {display: none;}
.cart_page .cart_outer {background: #fff;}
.cart_page .cart_heading {background: #CDCDCD;}
.cart_page .listing_inner_cart, .cart_page .cart_heading {padding-left: 44px !important; border-bottom: 1px solid #666666;}
.cart_page .listing_inner_cart:last-child, .cart_page .cart_heading:last-child {border-bottom: 0px solid #666666;}
.cart_page .trash_dv {position: absolute; left: 4px; width: 20px; top: 50%; transform: translateY(-50%);}
.cart_page .border-start {border-color: #666666 !important;}
.centered_con {display: flex; align-items: center; justify-content: center; flex-direction: column;}

@media (min-width: 768px) {
    .angle_left {order: 13; position: relative;}
    .angle_left:after {content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%) rotate(136deg); width: 50px; height: 50px; background: #fff;}
    .angle_right {position: relative;}.angle_right:after {content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%) rotate(136deg); width: 50px; height: 50px; background: #fff;}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .custome-check label {padding: 5px 2px; font-size: 10px;}
}
@media (max-width: 1399px) {
    nav ul li a {padding: 29px 11px; font-size: 14px;}
}
@media (max-width: 1199px) {
    nav ul li a {padding: 29px 7px; font-size: 12px;}
}
@media (max-width: 1024px) {
    nav ul li a {padding: 29px 3px; font-size: 12px; }
}
@media (max-width: 767px) {
    nav .dropdown-menu {transform: translate3d(-160px, 56px, 0px) !important; left: 0 !important;}
    .cate_search .form-control {border: 0;}
    .cate_search .form-control:is(:focus, :active) {box-shadow: none;}
    .suumery_outer {display: block; position: fixed; bottom: -100%; bottom: -100%; left: 0; width: 100%; z-index: 991; transition: all 0.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, 0.4); z-index: -1; display: none;}
    .summery_show {overflow: hidden;}
    .summery_show .close_summery:after {display: block;}
    .summery_show .suumery_outer {bottom: 0;}
    .summery .card .card-header {background: #EAEAEA;}
    .bg_image {background-image: none !important;}
    .auto_ss {max-height: 64vh; overflow-y: auto;}
}
.customCheckbox input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.customCheckbox input:checked + label:after {content: ""; top: 6px; left: 6px; width: 5px; height: 8px; position: absolute; border-style: solid; border-width: 0px 2px 2px 0px; transform: rotate(43deg); border-color: #DB0010;}
.customCheckbox label {position: relative; cursor: pointer; margin: 0; padding-left: 20px; font-size: 14px; display: flex; color: #696969;}
.customCheckbox label a {text-decoration: none;}
.customCheckbox label:before {content: ""; background-color: #F3F3F3; border: 1px solid #CDCDCD; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 5px; width: 16px; height: 16px; left: 0; top: 3px; border-radius: 2px;}
.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;}
.brand_page .insOuter {background: #fafafa url("../images/rightAr.png") 98% center no-repeat; cursor: pointer; padding-right: 14px !important;}
.brand_page .insOuter span {min-width: 132px; display: inline-block; padding-left: 30px !important;}
.brand_page .insOuter .icDivYou {top: 50%; transform: translateY(-50%);}
.brand_page .outletReedm li {list-style: none; padding-left: 18px !important; color: #00BC22; font-size: 13px; position: relative; display: inline-block; margin-right: 10px !important;}
.brand_page .outletReedm li:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: #00BC22; border-radius: 50%;}
.brand_page .outletReedm li.offline {color: #CDCDCD;}
.brand_page .outletReedm li.offline:before {background: #CDCDCD;}
.brand_page .brandDesRes {font-size: 14px;}
.brand_page .readMoreTxt {position: absolute; right: 0; bottom: 0; background: #fff; padding: 0px 4px; font-style: italic; font-size: 13px;}
.brand_page .brand_logo_discription {padding-bottom: 30px !important;}
.brand_page .redm_dv {text-decoration: none; padding: 4px 6px; text-align: center; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff;}
.brand_page .summery .qtySelector {display: inline-block; width: 70px;}
.brand_page .summery .qtySelector div {background: #fff; color: #2E2E2E;}
.brand_page .summery .qtySelector .decreaseQty:before {background: #2E2E2E;}
.brand_page .summery .qtySelector .increaseQty:before, .brand_page .summery .qtySelector .increaseQty:after {background: #2E2E2E;}
.brand_page .summery .qtySelector .qtyValue {background: #fff; color: #000;}
.brand_page .promocodeDv {border-top: 1px dashed #dee2e6; border-bottom: 1px dashed #dee2e6; background: url("../images/promoIc.png") no-repeat 16px center/20px; padding-left: 30px !important; padding-right: 26px !important;}
.brand_page .promocodeDv .copy_ic {position: absolute; right: 10px; top: 10px;}
.brand_page .promocodeDv .tc_promo {position: absolute; right: 8px; bottom: 2px; font-weight: 700;}
.brand_page .list_outer_deomination {margin-bottom: 20px !important;}
.brand_page .list_outer_deomination:last-child {margin-bottom: 0px !important;}
.brand_page .list_outer_deomination .innerListQty {border: 1px solid #B5B5B5; border-bottom: 0; background: #efefef;}
.brand_page .list_outer_deomination .innerListQty:last-child {border: 1px solid #B5B5B5;}
.brand_page .list_outer_deomination .innerListQty .dominationPrice {background: rgba(205, 205, 205, 0.32); width: 132px; border: 1px dashed #CDCDCD; border-radius: 6px; font-weight: 600;}
.watchVideo iframe {width: 100%;}
.howToUse .owl-nav button {position: absolute; top: 50%; background-color: #000; color: #fff; margin: 0; transition: all 0.3s ease-in-out;}
.howToUse h6 span {padding: 0px; border-radius: 50%; border: 1px solid #ddd; width: 50px; height: 50px; line-height: 48px; font-size: 10px; font-weight: 500;}
.howToUse h6::before {content: ""; position: absolute; left: 0px; top: 50%; width: 100%; height: 1px; background: #979797; z-index: -99999; transform: translateY(-50%);}
.howToUse figcaption {border-top: 1px solid #979797; height: 72px; overflow-x: hidden; overflow-y: auto; font-size: 13px;}
.howToUse .owl-nav button.owl-prev {left: -16px; color: #DB0010 !important; font-size: 50px !important; background: transparent !important; line-height: 1; top: 50%; transform: translateY(-50%);}
.howToUse .owl-nav button.owl-next {right: -16px; color: #DB0010 !important; font-size: 50px !important; background: transparent !important; line-height: 1; top: 50%; transform: translateY(-50%);}
.howToUse .owl-nav button.disabled {opacity: 0.7 !important; filter: grayscale(1) !important;}
.impInstructions li {padding-left: 30px !important; margin-bottom: 10px !important; position: relative;}
.impInstructions li strong {color: #002B74;}
.impInstructions li.not strong {color: #c00;}
.impInstructions li::after {content: "\f046"; font-family: FontAwesome; font-style: normal; font-weight: 300; position: absolute; color: #002B74; font-size: 20px; 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: #c00;}
.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;}
.bottomCart {background: #fff; position: fixed; z-index: 100; left: 0; right: 0; bottom: -1px; box-shadow: 0 -0.5rem 0.5rem rgba(0, 0, 0, 0.15) !important; display: none;}
.bottomCart .cartBTN {width: 30px; background: url(../images/CartSumary.png) no-repeat bottom center/100%; display: block; padding: 0 0px 20px; text-align: right; margin-top: -20px;}
.bottomCart .cartBTN span {display: inline-block; background: #FFF200; border-radius: 50%; color: #191919; width: 24px; height: 24px; font-size: 12px; line-height: 23px; text-align: center; margin-right: -5px;}
.transaction_page .border-start, .transaction_page .border {border-color: #CDCDCD !important;}
.transaction_page .trans_outer {margin-bottom: 24px !important;}
.transaction_page .trans_outer .deleverd {display: inline-block; padding-left: 20px !important; color: #00BC22; position: relative;}
.transaction_page .trans_outer .deleverd::before {content: ""; background-color: #00BC22; display: inline-block; position: absolute; vertical-align: middle; margin-right: 5px; width: 14px; height: 14px; left: 0; top: 4px; border-radius: 50%;}
.transaction_page .trans_outer .deleverd::after {content: ""; top: 6px; left: 4px; width: 5px; height: 8px; position: absolute; border-style: solid; border-width: 0px 2px 2px 0px; transform: rotate(43deg); border-color: #fff;}
.transaction_page .trans_outer .deleverd.failed_dv {color: #DB0010;}
.transaction_page .trans_outer .deleverd.failed_dv::before, .transaction_page .trans_outer .deleverd.failed_dv::after {background: #DB0010;}
.transaction_page .trans_outer .subListTrans {border-bottom: 1px solid #CDCDCD;}
.transaction_page .trans_outer .subListTrans:last-child {border: 0;}
.transaction_page .trans_outer .transaction_list_repeat, .transaction_page .trans_outer .details_dv {display: none;}
.transaction_page .trans_outer.open_transactin .transaction_list_repeat, .transaction_page .trans_outer.open_transactin .details_dv {display: block;}
.transaction_page .trans_outer.open_transactin .down_arrow i {transform: scale(-1);}
.subListTrans-2 {border-bottom: 1px solid #CDCDCD;}
.subListTrans-2:last-child {border: 0;}
.congrates_page .congratulation_dv {background: url("../images/cobgrates_bg.png") top center/auto 100%; padding: 70px 0 30px 0;}
.faq_section .accordion-item {background: #fff; margin-bottom: 16px; border: 1px solid #fff; color: #323539;}
.faq_section .accordion-item .accordion-button {background: #fff; border: 1px solid #fff; border-radius: 6px !important; padding-right: 36px !important;}
.faq_section .accordion-item .accordion-button:focus {box-shadow: none;}
.faq_section .accordion-item .accordion-button:not(.collapsed) {background: #fff; color: #323539; box-shadow: none;}
.faq_section .accordion-item .accordion-button::after {background: none; width: 16px; height: 2px; background: #707070; transform: none; position: absolute; right: 14px; top: 24px;}
.faq_section .accordion-item .accordion-button:before {content: ""; position: absolute; right: 20px; top: 17px; background: none; height: 16px; width: 2px; background: #707070;}
.faq_section .accordion-item .accordion-button:not(.collapsed):before {display: none;}
.faq_section .accordion-item .accordion-button:not(.collapsed):after {background: #DB0010;}
.faq_section .accordion-item:has(.show) {border: 1px solid rgba(219, 0, 16, 0.3); border-radius: 6px; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);}
.faq_section .accordion-body {font-size: 14px;}
.customModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; padding: 10px; z-index: 999;}
.customModalInner { width:450px; max-width: 100%; margin: 0 auto; }

.border-md-end {border-right: 1px solid #dee2e6;}
@media (max-width: 1199px) {
    .brand_page .innerListQty .fs-22 {font-size: 18px;}
    .brand_page .dominationPrice {font-size: 23px;}
}
@media (max-width: 991px) {
    .promocodeDv .fs-13 {font-size: 11px;}
    .brand_page .innerListQty .fs-22 {font-size: 16px;}
    .brand_page .dominationPrice {width: 90px !important; font-size: 19px; padding: 3px 0px;}
    .voucher_hrd .fs-14 {font-size: 13px;}
    .trans_outer .border {border-width: 0px !important;}
    .trans_outer .fs-14 {font-size: 12px;}
    .trans_outer .subListTrans {background: #EAEAEA; border: 1px solid #CDCDCD !important;}
    .trans_outer .details_dv li strong {display: block;}
    .congrates_page .fs-17 {font-size: 14px;}
    .brand_name {font-size: 14px; font-weight: 700;}
    .congrates_outer .fs-14 {font-size: 12px;}
    .list_succes {border-width: 0px !important;}
    .list_succes .border-start {border-width: 0px !important;}
    .list_succes .subListTrans-2 {border-bottom: 1px solid #CDCDCD; background: #EAEAEA; margin-bottom: 20px; border: 1px solid #CDCDCD;}
    .list_succes .centered_con {flex-direction: initial; justify-content: start;}
    .list_succes .fs-14 {font-size: 12px;}nav {box-shadow: none;}
    nav .navigation_drop_outer {background: #efefef; padding: 0;}
    nav ul {justify-content: space-around; white-space: nowrap; overflow: hidden; overflow-x: auto;}
    nav li a {padding: 14px 3px !important; margin-right: 16px !important;}
    nav li .dropdown_sp {display: none !important;}
    nav .dropdown_sp.spriteMenu .drop_menu {display: none;}
}
@media (max-width: 767px) {
    .gifts_more .fs-24 {font-size: 18px;}
    .gifts_more .fs-18 {font-size: 14px;}
    .heading_main .sp_text {padding: 0 50px;}
    footer .frt_top h5 {font-size: 14px; border-bottom: 1px solid #999; padding-bottom: 16px !important; padding-top: 16px !important; margin: 0;}
    footer .frt_top h5:after,
    footer .frt_top h5:before {content: ""; position: absolute; background: #fff;}
    footer .frt_top h5::after {right: 5px; top:50%; margin-top: -6px; height: 12px; width: 2px;}
    footer .frt_top h5:before {right: 0; top: 50%;  margin-top: -1px; height: 2px; width: 12px;}
    footer .frt_top .list_frt {display: none;}
    footer .open_frt_link .list_frt {display: block !important;}
    footer .open_frt_link h5::after {display: none;}
    .otp-form .otp-field {height: 44px; font-size: 18px;}
    .cart_page .cart_outer {background: rgba(255, 255, 255, 0);}
    .cart_page .border-custom {border: 0;}
    .cart_page .listing_inner_cart,
    .cart_page .cart_heading {padding-left: 0px !important; margin-bottom: 16px !important; border: 1px solid #CDCDCD; background: #fff; border-bottom: 0px !important;}
    .cart_page .trash_dv {display: none;}
    .cart_page .border-start {border-width: 0px !important;}
    .cart_page .centered_con {flex-direction: initial; justify-content: space-between;}
    .cart_page .mob_wid {width: 50%; text-align: left; background: #EAEAEA; padding: 10px; border-bottom: 1px solid #CDCDCD; height: 100%; display: flex; align-items: center;}
    .cart_page .mob_wid.fw-500 {font-weight: 700;}
    .cart_page .mob_wid:last-child {background: transparent; text-align: right; justify-content: end;}
    .brand_page .insOuter .fs-14 {font-size: 12px;}
    .brand_page .icDivYou img {width: 18px;}
    .brand_page .brand_logo {height: 100%; background: #fafafa; display: flex; align-items: center; justify-content: center;}
    .bottomCart {display: block;}.cart_fixed {padding-bottom: 55px !important;}
    .trans_outer .centered_con {flex-direction: initial; justify-content: start;}
    .trans_outer .border-start {border-left: 0 !important;}
    .trans_outer .border-mob-top {border-top: 1px solid #CDCDCD;}
    .trans_outer .fs-20 {font-size: 16px;}
    .congrates_page .border-top, .congrates_page .border-bottom {border-width: 0px !important;}
    .congrates_page .congrates_outer {background: #fff;}
    .not_found .bg_not_found {background: url(../images/not.png) no-repeat center center/90%; font-size: 19px; padding: 100px 0;}
    .angle_left {position: relative;}
    .angle_left:after {width: 40px !important; height: 40px !important; left: 50% !important; top: initial !important; bottom: -40px !important; margin-left: -20px;}
    .angle_right {position: relative;}
    .angle_right:after {content: ""; position: absolute; right: 50%; top: initial; transform: translateY(-50%) rotate(136deg); width: 40px; height: 40px; background: #fff; bottom: -40px; margin-right: -20px;}
    nav ul {justify-content: unset;}
    .transaction_page .open_transactin {padding-bottom: 14px !important; background: #fff;}
    .border-md-end,
    .frt_btm {border: 0 !important;}
}
@media (max-width: 576px) {
    .inner_special .fs-15 {font-size: 13px;}
    .discount_strip {font-size: 11px;}
    .congrates_page .congratulation_dv {background: url("../images/success_mob.png") top center/auto 100%; padding-top: 0;}
    .congratulation_dv .fs-30 {font-size: 24px;}
    .congratulation_dv img {max-width: 70px !important;}
}
@media (max-width: 460px) {
    .brand_page .innerListQty .fs-22 { font-size: 14px; }
    .custm_mrg { margin-left: -15px !important; }
    .saving_sv {flex-direction: column; align-items: start !important;}
    .heading_main .sp_text span {font-size: 18px;}
    .bottomCart button { font-size: 13px; }
    .bottomCart .fs-14 { font-size: 13px; }
    .bottomCart .fs-18 { font-size: 12px; }
}
@media (max-width: 500px) {
    .voucher_hrd .fs-14 {font-size: 11px;}
}
@media (max-width: 400px) {
    nav .dropdown-menu {transform: translate3d(-170px, 46px, 0px) !important;}
}
@media (max-width: 360px) {
    .brand_page .dominationPrice {width: 71px !important; font-size: 16px !important;}
    .brand_page .fs-26, .brand_page .innerListQty .fs-26 {font-size: 14px;}
    .brand_page .innerListQty .fs-22 { font-size: 12px; }
}

.bg-strip {background:#DB0010 url(../images/bg-strip.jpg)  no-repeat center/cover; color: #fff;}
.sticky-md-top { z-index: 99; }

.react-autosuggest__suggestion--highlighted a{ background: #DB0010 !important; color: #fff !important; }
.react-autosuggest__suggestion:hover a { color: #fff !important; }
.react-autosuggest__suggestion--highlighted a span{background: #DB0010 !important;}
img{
    transition: all .5s;
}
.trending_new_new_inner{
    border-radius: 20px;
    overflow: hidden;
    display: block;
}
.trending_new_new_inner:hover .tranding_bg{
    transform: scale(1.04);
}
.offTrendingStrip{
    background: rgba(0, 188, 34, .76);
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.2;
    padding: 12px 15px;
    border-radius: 0 20px 0 20px;
    color: #fff;
    font-weight: 600;
}
.offTrendingLogo{
    border-radius: 0 20px 0 20px;
    background: rgba(255, 255, 255, .83);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px;
    max-width: 150px;
}
.arrowRightTrnd{
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-size: 24px;
}
.discount_strip{
    background: #00BC22;
}
.discount_strip::after{
    border-bottom: 4px solid transparent;
    border-right: 4px solid #00550F;
    right: 1.29px;
}
@media (max-width: 767px){
    .offTrendingLogo{
        width: 120px
    }
    .offTrendingStrip {
        font-size: 14px;
    }
}

.btf-accordion .accordion-button:focus { box-shadow: none; outline: 0; }
.btf-accordion .accordion-button:not(.collapsed) { background-color: #fff; border-bottom: 1px solid #eee; }

.btf-accordion h1, .btf-accordion h2, .btf-accordion h3, .btf-accordion h4, .btf-accordion h5, .btf-accordion h6 { font-size: 14px; font-weight: 700; }
.btf-accordion ul, .btf-accordion ul li, .btf-accordion ol, .btf-accordion ol li, .btf-accordion p { font-size: 12px; }
.btf-accordion a { color: #212529; }