@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');


body {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Open Sans', sans-serif !important;
    color: #0b1c39;
    margin-top: 0px;
    font-style: normal;
    font-weight: 500;
    text-transform: normal;
}

p {
     font-family: 'Open Sans', sans-serif !important;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: normal;
}

span {
    /*! font-family: "Josefin Sans", sans-serif; */
}

.star-color-red {
    color: #f00 !important;
}

.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    a:focus,
    .button:focus {
        text-decoration: none;
        outline: none;
    }

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #635c5c;
}

    a:focus,
    a:hover,
    .portfolio-cat a:hover,
    .footer -menu li a:hover {
        text-decoration: none;
    }

a,
button {
    outline: medium none;
}

    button:focus,
    input:focus,
    input:focus,
    textarea,
    textarea:focus {
        outline: 0;
    }

.uppercase {
    text-transform: uppercase;
}

input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.capitalize {
    text-transform: capitalize;
}


.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.separator {
    border-top: 1px solid #f2f2f2;
}

.mb-90 {
    margin-bottom: 90px;
}

@media (max-width: 767px) {
    .mb-90 {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mb-90 {
        margin-bottom: 45px;
    }
}

.owl-carousel .owl-nav div {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 40px;
    left: 20px;
    line-height: 40px;
    font-size: 22px;
    color: #646464;
    opacity: 1;
    visibility: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 40px;
}

    .owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: -30px;
    }

        .owl-carousel .owl-nav div.owl-next i {
            position: relative;
            right: 0;
            top: 1px;
        }

    .owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        right: 1px;
        top: 0px;
    }

.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

    .owl-carousel:hover .owl-nav div:hover {
        color: #fff;
        background: #ff3500;
    }

.btn {
    background: #ff2020;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    padding: 30px 28px;
    border-radius: 0px;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    margin-bottom: 0;
    margin: 10px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    z-index: 1;
    -moz-user-select: none;
    border: 0;
    overflow: hidden;
    margin: 0;
    border-left: 1px solid #9ad9ee;
}

    .btn::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #4a4a4b;
        z-index: 1;
        transition: transform 0.5s;
        transition-timing-function: ease;
        transform-origin: 0 0;
        transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
        transform: scaleX(0);
        /*! border-radius: 5px; */
    }

    .btn:hover::before {
        transform: scaleX(1);
        color: #fff !important;
        z-index: -1;
    }

.header-btn {
    padding: 25px 28px !important;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header-btn {
        padding: 25px 21px !important;
    }
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.hero-btn {
    padding: 20px 29px;
    background: #f0f0f2;
}

    .hero-btn::before {
        /*! background: #af8520; */
    }

.black-btn {
    background: #000;
    box-shadow: 0px 20px 50px 0px rgba(22, 22, 22, 0.2);
    transform: translateY(0px);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 0;
    margin-bottom: 0;
    padding: 27px 44px;
    border-radius: 25px;
}

    .black-btn:hover {
        box-shadow: 0px 20px 50px 0px rgba(12, 9, 9, 0.2);
        transform: translateY(-3px);
    }

.shop1-btn {
    box-shadow: 0px 20px 50px 0px rgba(37, 119, 253, 0.2);
}

.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.heartbeat {
    animation: heartbeat 1s infinite alternate;
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.preloader {
    /*background-color: #f7f7f7;*/
    background-color: #dfe0c8d9;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    margin: 0 auto;
}

    .preloader .preloader-circle {
        width: 100px;
        height: 100px;
        position: relative;
        border-style: solid;
        border-width: 1px;
        border-top-color: #67c8e8;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        z-index: 10;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
        box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
        background-color: #ffffff;
        -webkit-animation: zoom 2000ms infinite ease;
        animation: zoom 2000ms infinite ease;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    .preloader .preloader-circle2 {
        border-top-color: #0078ff;
    }

    .preloader .preloader-img {
        position: absolute;
        top: 50%;
        z-index: 200;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 6px;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

        .preloader .preloader-img img {
            max-width: 140px;
            border-radius: 100px;
        }

    .preloader .pere-text strong {
        font-weight: 800;
        color: #dca73a;
        text-transform: uppercase;
    }

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}

.section-padding2 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.header-area .main-header {
    padding: 0px 0px;
    padding-top: 10px;
}

header {
    background-color: #171717;
    z-index: 9999;
    position: relative;
}
.main-header.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    /* padding: 10px 0px !important; */
    background-color: #171717;
    width: 100%;
}

.logo {
    /*padding-left: 15px;*/
}


/*------- 16 feb -------*/

.gender-lt-o label {
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-right: 12px;
}

    .gender-lt-o label input {
        position: absolute;
        left: -9999px;
    }

        .gender-lt-o label input:checked + span {
            /*! background-color: #f4f4f4; */
        }

            .gender-lt-o label input:checked + span:before {
                box-shadow: inset 0 0 0 0.4375em #4fb3d5;
            }

    .gender-lt-o label span {
        display: flex;
        align-items: center;
        padding: 0.375em 0.75em 0.375em 0.375em;
        border-radius: 10px;
        transition: 0.25s ease;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

        .gender-lt-o label span:hover {
            background-color: #f0f0f0;
        }

        .gender-lt-o label span:before {
            display: flex;
            flex-shrink: 0;
            content: "";
            background-color: #fff;
            width: 1.5em;
            height: 1.5em;
            border-radius: 50%;
            margin-right: 0.375em;
            transition: 0.25s ease;
            box-shadow: inset 0 0 0 0.125em #4fb3d5;
        }



.bootstrap-select .bs-ok-default::after {
    width: 0.3em;
    height: 0.6em;
    border-width: 0 0.1em 0.1em 0;
    transform: rotate(45deg) translateY(0.5rem);
}

.btn.dropdown-toggle:focus {
    outline: none !important;
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 9px 0 4px 2px;
    color: #000;
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #fff;
    padding: 7.5px 7.5px 3.75px;
    border-bottom: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 41px;
    overflow: hidden;
    color: #000;
}


.prof-x select {
    background-color: white;
    background-image: url("../img/down-arrowp.png");
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: auto 40%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 35px;
    line-height: 13px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 7px;
    border: 1px solid #E5ECFF;
}

    .prof-x select::-ms-expand {
        display: none;
    }



.edit-prf-btn {
    flex: auto;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
    user-select: none;
}

.edit-p-dt {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px;
    padding: 8px 20px;
    color: #180018;
    border: 1px solid #282c3f;
    font-size: 13px;
    line-height: 0px;
    font-weight: 400;
    height: 32px;
    background-color: transparent;
}

    .edit-p-dt:hover {
        background-color: #228acd !important;
        color: #ffffff !important;
        border: 1px solid #228acd !important;
    }




.up-profile-cancel {
    border: 1px solid #c5c5c5;
    padding: 8px 30px;
    margin-right: 10px;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    cursor: pointer;
}



.profile-save-btn {
    display: none;
}

.MultiCheckBox {
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    height: 35px;
    line-height: 24px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 7px;
    border: 1px solid #E5ECFF;
    cursor: pointer;
}

    .MultiCheckBox .k-icon {
        font-size: 15px;
        float: right;
        font-weight: bolder;
        margin-top: -7px;
        height: 10px;
        width: 14px;
        color: #787878;
    }

.MultiCheckBoxDetail {
    display: none;
    position: absolute;
    border: 1px solid #e2e2e2;
    overflow-y: hidden;
    width: 100%;
    background-color: #fff;
}

.MultiCheckBoxDetailBody {
    overflow-y: scroll;
}

.MultiCheckBoxDetail .cont {
    clear: both;
    overflow: hidden;
    padding: 2px;
}

    .MultiCheckBoxDetail .cont:hover {
        background-color: #cfcfcf;
    }

.MultiCheckBoxDetailBody > div > div {
    float: left;
}

.MultiCheckBoxDetail > div > div:nth-child(1) {
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 28px;
    background-color: #3d3d3d;
}

    .MultiCheckBoxDetailHeader > input {
        position: absolute;
        top: 4px;
        left: 3px;
    }

    .MultiCheckBoxDetailHeader > div {
        position: absolute;
        top: 5px;
        left: 24px;
        color: #fff;
    }



/*------------css ---new------------*/

/*------------css ---new------------*/



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none !important;
}

    .dropdown-menu.show {
        display: block !important;
    }

.dropdown:hover .dropdown-menu {
    display: block !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

.dropdown-menu li a {
    padding: 7px 16px !important;
    border-bottom: 0.5px dotted #ccc;
}

.dropdown-menu {
    position: absolute;
    top: 0px;
    transform: translate3d(0px, 30px, 0px);
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #171717;
    background-clip: padding-box;
    border-top: 1px solid rgb(170, 129, 29);
    border-radius: 1px;
}


header-right ul li a i {
    margin-right: 9px;
}



/*===================== header =============*/


.main-menu-search {
    width: 50%;
}

.product-search-form input {
    font-size: 13px;
    padding: 9px 14px;
    width: -webkit-fill-available;
    border: 0px;
    min-width: 100%;
    height: 29px;
    background-color: #595959;
    border-radius: 3px;
    color: #ffffff;
}

input#searchBar::placeholder {
    color: #c3c3c3;
    letter-spacing: 1px;
}


.header-right ul li a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.74);
    padding: 0px 5px;
    font-weight: 300;
}

.cart-bt {
    border-left: 1px solid #656565;
}

.main-menu {
    width: 100%;
    text-align: center;
    background-color: #000;
    margin-bottom: -1px;
    padding-bottom: 0px;
    margin-top: 9px;
    padding-top: 6px;
    border-top: 0.5px solid #ac831d;
    position: relative;
}

#navigation {
    margin-top: 0px;
    /*! background-color: #fff; */
}

.cart-item-cunt {
    position: absolute;
    background: #228acd;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-size: 10px;
    top: -11px;
    right: 8px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    padding: 2px 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    height: 20px;
    width: 20px;
    line-height: 16px;
    letter-spacing: 0px;
}

.sub-menu-list h4 {
    text-transform: uppercase;
    font-size: 16px;
}

#sub-menu li a {
    color: #000;
    font-size: 13px;
    padding: 0;
    padding-bottom: 10px !important;
}

#sub-menu h4 a {
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding: 0px;
}

.sub-menu-list h4 a::before {
    content: "";
    width: 20%;
    height: 1px;
    background-color: #a9801d;
    position: absolute;
    display: block;
    top: 17px;
}

#sub-menu {
    text-align: left;
}

    #sub-menu li a img {
        width: 25px;
        padding-right: 6px;
    }

.alnt-mt {
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sub-menu-list-v a {
    color: #000 !important;
    text-align: left;
    padding: 8px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    position: relative;
    margin-bottom: 1rem;
}

    .sub-menu-list-v a:hover {
        color: #228acd !important;
    }

    .sub-menu-list-v a img {
        width: 30px;
        padding-right: 0px;
    }

.nav-images-coffee img {
    width: 25%;
    padding: 10px;
    border: 1px solid #efefef;
    margin-bottom: 4px;
}


/*===================== header =============*/

/*.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    background: #171717;
} 
*/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header-area .main-header {
        padding: 10px 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header {
        padding: 15px 0px;
    }

    .main-header.header-sticky .container {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .header-area .main-header {
        padding: 22px 0px;
    }
}

.header-area .main-header .menu-wrapper {
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

    .header-area .main-header .menu-wrapper .main-menu ul li {
        display: inline-block;
        /*! position: relative; */
        z-index: 1;
    }

        .header-area .main-header .menu-wrapper .main-menu ul li a {
            font-size: 13px;
            color: rgb(173 173 173);
            font-weight: 400;
            padding: 0px 9px;
            display: inline-block;
            text-transform: capitalize;
            display: block;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            padding-bottom: 10px;
            font-weight: 400;
            
        }

        .header-area .main-header .menu-wrapper .main-menu ul li:hover > a {
            color: #a77f1c;
        }

        .header-area .main-header .menu-wrapper .main-menu ul li.hot {
            position: relative;
        }
        /*.header-area .main-header .menu-wrapper .main-menu ul li.hot::before {
    position: absolute;
    content: "HOT";
    background: #9ad9ee;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    font-size: 10px;
    top: 8px;
    right: 2px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 3px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
} */
        .header-area .main-header .menu-wrapper .main-menu ul li:hover > ul.submenu {
            visibility: visible;
            opacity: 1;
            top: 100%;
        }

            .header-area .main-header .menu-wrapper .main-menu ul li:hover > ul.submenu::before {
                top: -8px;
            }
    /*----------------- menu mdf- css -------------*/
    .header-area .main-header .menu-wrapper .main-menu ul.submenu {
        position: absolute;
        width: auto;
        background: #fff;
        left: 0;
        top: 135%;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
        padding: 10px 0;
        border-top: 3px solid #ac831d;
        /*! border-radius: 7px 7px 3px 3px; */
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        min-width: 45%;
        z-index: 99;
        border-radius: 5px;
        left: 50% !important;
        padding: 20px !important;
        top: calc(100% + 30px);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden;
        min-height: 280px;
        /*background-image: url('../img/V12-bg.jpg');*/
        background-size: cover;
        background-position: right;
    }
/*----------------- menu mdf- css -------------*/
.submenu li {
    margin-left: 0px !important;
    width: 100%;
}
/*----------------- menu mdf- css -------------*/
.sub-menu-list-v a {
    margin-bottom: 1px;
    margin: 0px 5px;
    /*! box-shadow: 0px 2px 6px #cccccc57; */
    /*margin-bottom: 7px;*/
    border-radius: 5px;
    /*! box-shadow: inset 3px 5px 8px rgba(0, 0, 0, 0.06); */
}
/*----------------- menu mdf- css -------------*/
.sub-menu-list-v {
    /*! margin: 0px 10px !important; */
    margin-left: 10px;
}

.header-area .main-header .menu-wrapper .main-menu ul ul.submenu > li {
    margin-left: 7px;
    display: block;
}

    .header-area .main-header .menu-wrapper .main-menu ul ul.submenu > li > a {
        padding: 6px 0px !important;
        font-size: 16px;
        color: #0b1c39;
        text-transform: capitalize;
    }

        .header-area .main-header .menu-wrapper .main-menu ul ul.submenu > li > a:hover {
            color: #8fd2ec;
            background: none;
        }

.header-area .main-header .menu-wrapper .main-menu ul ul.submenu::before {
    /*! border-style: solid; */
    /*! border-width: 0 6px 6px 6px; */
    /*! border-color: transparent transparent #9ad9ee transparent; */
    /*! content: ""; */
    /*! top: -5px; */
    /*! left: 13%; */
    /*! position: absolute; */
    /*! transition: 0.3s; */
    /*! z-index: -1; */
    /*! overflow: hidden; */
    /*! -webkit-transition: all 0.3s ease-out 0s; */
    /*! -moz-transition: all 0.3s ease-out 0s; */
    /*! -ms-transition: all 0.3s ease-out 0s; */
    /*! -o-transition: all 0.3s ease-out 0s; */
    /*! transition: all 0.3s ease-out 0s; */
    /*! width: 100%; */
    /*! display: flow-root list-item; */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header .menu-wrapper .header-right {
        margin-right: 82px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .main-header.header-sticky .container {
        max-width: 100%;
    }

    .header-area .main-header .menu-wrapper .header-right {
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    .header-area .main-header .menu-wrapper .header-right {
        position: relative;
        bottom: -73px;
        z-index: 3;
        right: 5px;
    }
}

.header-area .main-header .menu-wrapper .header-right ul {
    display: flex;
    justify-content: end;
}

.header-area .main-header .menu-wrapper .header-right .nav-search {
    display: inline-block;
}

.header-area .main-header .menu-wrapper .header-right span {
    color: rgba(255, 255, 255, 0.74);
    font-size: 14px;
    cursor: pointer;
    padding: 4px 6px;
}

    .header-area .main-header .menu-wrapper .header-right span:hover {
        color: #228acd;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header .menu-wrapper .header-right span {
        padding: 21px 19px;
    }
}

@media (max-width: 575px) {
    .header-area .main-header .menu-wrapper .header-right span {
        padding: 6px 9px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-sticky.sticky-bar.sticky {
        padding: 22px 0px;
    }
}

@media (max-width: 575px) {
    .header-sticky.sticky-bar.sticky .header-right {
        display: none;
    }
}

.dropdown-menu {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1000;
    display: none !important;
}

.mobile_menu {
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 99;
}

    .mobile_menu .slicknav_menu {
        background: transparent;
        margin-top: 0px !important;
    }



        .mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar {
            background-color: #bdbdbd !important;
            height: 1.1px;
            width: 21px;
        }

        .mobile_menu .slicknav_menu .slicknav_nav {
            margin-top: 16px !important;
        }

            .mobile_menu .slicknav_menu .slicknav_nav a:hover {
                background: transparent;
                color: #a07a1d;
            }

            .mobile_menu .slicknav_menu .slicknav_nav a {
                font-size: 15px;
                padding: 7px 10px;
            }

            .mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a {
                padding: 0 !important;
            }
/*----- css old slider ----------------*/

.slider-height {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider-height {
        min-height: 100vh;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height {
        min-height: 100vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height {
        min-height: 500px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height {
        min-height: 400px;
    }
}

@media (max-width: 575px) {
    .slider-height {
        min-height: 430px;
    }
}

.slider-height2 {
    background-image: url(../img/hero/about_hero.png);
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 575px) {
    .slider-height2 {
        min-height: 260px;
    }
}
/*----- css old slider ----------------*/
.slider-area {
    overflow: hidden;
}

.js-carousel-cell a:hover {
    color: #9ad9ee;
    background-color: #ccc;
}

.slider-area .hero__img {
    position: relative;
    text-align: center;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .slider-area .hero__img {
        /*! left: -104px; */
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .hero__img img {
        height: 500px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .hero__img img {
        height: 500px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-area .hero__img img {
        height: 400px;
    }
}

.slider-area .hero__caption {
    overflow: hidden;
}

@media (max-width: 575px) {
    .slider-area .hero__caption {
        padding-top: 38px;
        padding-left: 22px;
    }
}

.slider-area .hero__caption h1 {
    text-transform: normal;
    font-size: 70px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 26px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .hero__caption h1 {
        font-size: 60px;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .hero__caption h1 {
        font-size: 50px;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-area .hero__caption h1 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 26px;
    }
}

@media (max-width: 575px) {
    .slider-area .hero__caption h1 {
        font-size: 33px;
        line-height: 1.2;
        margin-bottom: 26px;
    }
}

.slider-area .hero__caption p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 39px;
    color: #212025;
    margin-bottom: 60px;
    padding-right: 30px;
    /*! padding-left: 10px; */
    text-transform: uppercase;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-area .hero__caption p {
        padding-right: 0px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .slider-area .hero__caption p {
        margin-bottom: 30px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
}

.slider-area .hero-cap h2 {
    font-size: 70px;
    font-weight: 700;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .slider-area .hero-cap h2 {
        font-size: 28px;
    }
}

.slide-bg {
    background: #f0f0f2;
}

/*----- css old slider ----------------*/

.btn:hover::before {
    transform: scaleX(1);
    color: #fff !important;
    z-index: -1;
}

.hero-btn::before {
    background: #af8520;
}

element {
}

.btn.hero-btn:hover {
    color: #fff;
}

.slider-active button.slick-arrow {
    position: absolute;
    top: 50%;
    left: 80px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: 0;
    padding: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    cursor: pointer;
    background: #ff2020;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

    .slider-active button.slick-arrow i {
        font-size: 20px;
        line-height: 60px;
    }

.slider-active button.slick-next {
    left: auto;
    right: 80px;
}

.slider-active button.slick-arrow .secondary-img {
    right: 26px;
}

.slider-active button:hover img {
    opacity: 0;
}

.slider-active button:hover .secondary-img {
    opacity: 1;
}

.slider-active:hover button.slick-prev {
    left: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider-active:hover button.slick-prev {
        left: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-active:hover button.slick-prev {
        left: auto;
        right: 10px;
    }
}

.slider-active:hover button.slick-next {
    right: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider-active:hover button.slick-next {
        right: 20px;
    }
}

.slider-active:hover button {
    opacity: 1;
    visibility: visible;
}

.slider-active button:hover {
    background: #9ad9ee;
}

.slider-active .secondary-img {
    position: absolute;
    opacity: 0;
}

.single-new-pro .product-img {
    overflow: hidden;
    margin-bottom: 30px;
}

    .single-new-pro .product-img img {
        width: 100%;
        transform: scale(1);
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.single-new-pro .product-caption h3 a {
    color: #444444;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-new-pro .product-caption h3 a {
        font-size: 17px;
    }
}

@media (max-width: 575px) {
    .single-new-pro .product-caption h3 a {
        font-size: 20px;
    }
}

.single-new-pro .product-caption span {
    color: #ff2020;
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.single-new-pro:hover .product-img img {
    transform: scale(1.04);
}

.logo img {
    height: 35px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sub-menu-list-v a img {
    width: 30px !important;
    padding-right: 0px;
}
/*------------------- category ------------------*/
.dc-c-title {
    text-align: center;
    margin-bottom: 0rem;
}


.Dc_category_section {
    padding: 6rem 0rem;
    padding-bottom: 3rem;
    background-image: url("../img/bd-bg1.jpg");
    position: relative;
    padding-bottom: 10rem;
}



.dc-c-title h1 {
    font-weight: 300;
    text-transform: uppercase;
}


/*------------------------ prx - view ---------------*/

/*---------------- sliders --------------------------*/

.ct_title {
    position: relative;
}

    .ct_title h1::after {
        content: "";
        width: 70%;
        height: 1px;
        position: absolute;
        /*! background-color: #9ad9ee; */
        top: 37px;
        left: 10px;
    }

.ag-format-container {
    width: 1142px;
    margin: 0 auto;
}

.flickity-slider {
    left: 0px !important;
    transform: translateX(0px) !important;
}

.ag-container-shops {
    padding: 20px 0;
    overflow: hidden;
}

.ag-card-bg {
    height: 100%;
    width: 200%;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: -50%;
    -webkit-transition: height .6s;
    -moz-transition: height .6s;
    -o-transition: height .6s;
    transition: height .6s;
}

.ag-shop-card_box-wrap {
    padding: 15px;
}

.ag-shop-card_box {
    background-color: #FFF;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 2px 3px #a5a5a566;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

/*--.ag-shop-card_body {
  display: block;
  height: 250px;
  width: 300px;
  background-position: 50%;
  background-size: cover;
  
  overflow: hidden;

  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  
  position: relative;
}
--*/
.js-flickity-slider.flickity-enabled.is-draggable {
    outline: none;
}

.ag-shop-card_body {
    display: block;
    height: 250px;
    width: 265px;
    background-position: 50%;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
}



.ag-shop-card-body_img {
    max-width: 100%;
}

.ag-shop-card_footer {
    padding: 15px 30px;
    border: 0;
    background-color: #FFF;
    position: relative;
}

.ag-shop-card-footer_title {
    display: block;
    line-height: 1.3;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.ag-shop-card-footer_products {
    display: block;
    line-height: 1.3;
    font-size: 12px;
}

.ag-shop-card-footer_link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    background-color: #9ad9ee;
    position: absolute;
    right: 15px;
    top: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.ag-shop-card-footer_arrow {
    max-width: 10px;
}

@media only screen and (max-width: 767px) {
    .ag-format-container {
        width: 96%;
    }
}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media (min-width: 768px) and (max-width: 979px) {
    .ag-format-container {
        width: 750px;
    }
}

@media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
        width: 960px;
    }
}



.ag-slide-block {
    padding: 3rem 0rem;
    overflow: hidden;
    background-color: #f7f7fa;
}

.ag-slide_item {
    padding: 25px 0;
}

.ag-slide_img {
    display: block;
    width: 100%;
    max-width: 235px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 5px;
}

li.swiper-slide.ag-slide_item {
    position: relative;
}

.ag-slide_info {
    width: 100%;
    margin: 0 auto;
    padding: 10px 8px 5px;
}

.dc-img-demo {
    position: relative;
}

.fav-product {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #b9b9b9;
    cursor: pointer;
}

    .fav-product svg {
        position: relative;
        z-index: 999;
    }


.ag-slide-info_category {
    font-size: 11px;
    display: block;
    color: #7e7e7e;
    padding-bottom: 2px;
}

h6.ag-slide-info_title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    color: #262626;
    line-height: 18px;
}

p.ag-slide-price-v {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}

span.sar-x-v {
    font-weight: 400;
    font-size: 13px;
    color: #585858;
}

h6.ag-slide-info_title {
    margin-bottom: 5px !important;
}

.ag-slide-info_img {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%);
}

.ag-slide-info_rate {
    float: right;
    height: 40px;
    width: 40px;
    border: 1px solid #e4d7d9;
    text-align: center;
    will-change: transform;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.ag-slide-info_strong {
    display: block;
    font-weight: normal;
    color: #fc3b62;
}

.ag-slide-info_comments {
    letter-spacing: -0.01em;
    font-size: 6px;
}


.ag-slide-block .swiper-container {
    padding-top: 13px;
}

.ag-slide-block .swiper-slide {
    z-index: 1;
    will-change: transform;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px 5px;
    background-color: #fff;
}

.ag-slide-block .swiper-slide-active {
    opacity: 1;
    z-index: 2;
    will-change: transform;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

    .ag-slide-block .swiper-slide-active .ag-slide_img {
        opacity: 1;
        will-change: transform;
        -webkit-transition: ease 0.5s;
        -moz-transition: ease 0.5s;
        -ms-transition: ease 0.5s;
        -o-transition: ease 0.5s;
        transition: ease 0.5s;
    }

.swiper-slide-active .ag-slide_info {
    opacity: 1;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -ms-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
}

li.swiper-slide.ag-slide_item {
    z-index: 1;
    will-change: transform;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px 5px;
    background-color: #ffffff;
    border-radius: 5px;
}

@media (max-width: 960px) {
    .ag-slide-block .swiper-container {
        max-width: 960px;
        width: 100%;
        margin-top: 25px;
        padding-top: 0;
    }

    .ag-slide-info_title {
        width: 115px;
    }

    .ag-slide-info_rate {
        height: 37px;
        width: 37px;
    }
}

@media (max-width: 600px) {
    .ag-slide-info_title {
        width: 95px;
        font-size: 8px;
    }

    .ag-slide-info_category {
        font-size: 6px;
    }

    .ag-slide-info_route {
        font-size: 6px;
    }

    .ag-slide-info_img {
        width: 7px;
        height: 7px;
    }

    .ag-slide-info_strong {
        font-size: 14px;
    }

    .ag-slide-info_comments {
        letter-spacing: 0;
        font-size: 5px;
    }
}

@media (max-width: 560px) {
    .ag-slide-info_title {
        width: 130px;
    }
}

@media (max-width: 470px) {
    .ag-slide-info_title {
        width: 115px;
    }
}

@media (max-width: 400px) {
    .ag-slide_img {
        width: 70%;
    }

    .ag-slide_info {
        width: 70%;
        margin-left: 0px;
    }

    .ag-slide-info_title {
        width: 130px;
    }

    .ag-slide-info_img {
        width: 10px;
    }

    .ag-slide-block .swiper-slide {
        padding-left: 0;
        padding-right: 0;
    }
}

/*---------------- sliders --------------------------*/

.prx-view {
    text-align: center;
}

.new_arrival {
    background-image: url(../img/prx-section/prx-img-bg.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 6rem 0rem;
}

.label-img img {
    width: 35%;
}

.new-lunch-product {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.new-lunch-text h2 {
    color: #fff;
}

.new-lunch-text h2 {
    font-size: 17px;
    font-weight: 300;
}

.pl-10 {
    padding-left: 2rem;
}

.ct_title h1 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 30px;
}

.ct_title p {
    color: #000;
    font-weight: 400;
    font-size: 15px;
}

.swiper-button-prev, .swiper-button-next {
    background-color: #0000004d;
    border-radius: 50%;
    height: 36px !important;
    width: 36px !important;
    padding: 6px;
    background-image: none !important;
    top: 60% !important;
}


    .swiper-button-next:hover {
        background-color: #228acd;
    }

    .swiper-button-prev:hover {
        background-color: #228acd;
    }



    .swiper-button-prev i {
        position: absolute;
        left: 10px;
        top: 8px;
        color: #fff;
        font-size: 22px;
    }

    .swiper-button-next i {
        position: absolute;
        left: 13px;
        top: 7px;
        color: #fff;
        font-size: 22px;
    }

.img-border-v img {
    width: 100%;
    top: -8rem;
    position: absolute;
}

.flickity-viewport {
    outline: none;
}

.Flavour {
    padding: 6rem 0rem;
    /*! background-color: #fdfcf7; */
    position: relative;
}

.dc-c-title p {
    padding: 0rem 6rem;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}



.img-border-v {
    position: relative;
}


.tx-t a .bg-cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    transition: inherit;
}

.tx-t .bg-cover:hover {
    /*! padding: 13rem 0 2rem 0; */
}

.tx-t .bg-cover {
    padding: 1rem 0 2rem 0;
    /*! background-color: #EAEAE8; */
    background-position: top center;
    overflow: hidden;
    position: relative;
    transition: all 3s ease-in-out;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -4rem;
}

.tx-t .plus-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plus-button {
    position: relative;
    background: #2B2527;
    background: linear-gradient(to right, #C14814 50%, #2B2527 50%);
    background-size: auto;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-in-out;
    width: calc(15px + 30px);
    height: calc(15px + 30px);
    border-radius: 30px;
    display: block;
}

.flver-box {
    padding: 0px 10px;
    position: relative;
}

    .flver-box h3::after {
        content: "";
        background-color: #d0ebfd;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 20px;
    }

.plus-vertical {
    width: 1px;
    height: 15px;
    background: white;
    position: absolute;
    left: 7px;
    top: 6px;
    margin: 10px 15px;
}

.plus-horizontal {
    height: 1px;
    width: 15px;
    background: white;
    position: absolute;
    top: 13px;
    left: 0;
    margin: 10px 15px;
}

.tx-t a .bg-cover h3 {
    position: relative;
    font-style: normal;
    margin: 0 !important;
}

.tx-t h3 span {
    padding: 0 20px;
    background: #fff;
    display: inline-block;
    font-size: 18px;
    position: relative;
    z-index: 9;
}

.tx-t a:hover .bg-cover::before {
    transform: scale(1.2);
}

.tx-t a p {
    font-size: 13px;
    line-height: 25px;
    padding-top: 1rem;
    color: #363636;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    min-height: 151px;
}

.flv-view-p {
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 10px;
    color: #8e8e8e;
    border-radius: 3px;
    position: relative;
}

    .flv-view-p::after {
        width: 11%;
        right: -10px;
        position: absolute;
        content: "";
        display: block;
        background-color: #000;
        height: 1px;
        top: 18px;
    }

.flver-box::after {
    content: "";
    width: 50%;
    height: 137px;
    position: absolute;
    top: 3rem;
    left: 0;
    background-color: #fffaf6;
    z-index: -1;
}

/*-------------- footer --------------*/
.footer-d {
    padding: 1rem 0rem;
    background-color: #333;
    margin-top: 3rem;
}

.cp p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 300;
    color: #9c9999;
}

.s-links p {
    margin-bottom: 0px;
    color: #a98e3c;
    font-size: 14px;
    font-weight: 300;
}

    .s-links p a {
        padding: 14px;
        font-size: 14px;
        color: #fff;
    }

footer {
    background-color: #000000e0;
    padding-top: 5rem;
}

.footer-links h4 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #f4f4f4;
}

.cp p a {
    color: #9ad9ee;
}

.footer-links ul li a {
    font-size: 14px;
    color: #adaaaa;
    font-weight: 300;
    padding-bottom:;
    line-height: 35px;
}

.top_rate_btn {
    position: relative;
    display: block;
    padding: 0 0 0 102px;
    padding-bottom: 0px;
    padding-bottom: 0px;
    padding-bottom: 0px;
    line-height: 20px;
    box-sizing: border-box;
    float: none !important;
    font-size: 14px;
    color: #4ea7c5;
    padding-bottom: 5px;
    text-transform: uppercase;
    top: 9px;
    font-weight: 400;
    font-size: 13px;
}
/*======== each shop ==============*/
.ct-title-v h2 {
    text-transform: uppercase;
    font-weight: bold;
}

    .ct-title-v h2::after {
        content: "";
        width: 10%;
        height: 2px;
        background-color: #a9801d;
        /*! display: block; */
        position: absolute;
        top: 1.2rem;
        left: 10rem;
    }

.ct-title-v {
    margin-bottom: 2rem;
}

.ct-left-info p {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 32px;
    font-weight: 300;
    color: #676767;
    padding: 9px 57px 12px 3px;
}

.dd-text-v h1 {
    font-size: 8vw;
    text-align: center;
    position: absolute;
    right: -5rem;
    bottom: 0rem;
    margin: 0;
    color: #adadad36;
    opacity: 1;
    z-index: 0;
    white-space: nowrap;
    font-weight: 300;
    transform: rotate(270deg);
    font-family: 'TrajanPro3-Bold', sans-serif;
    top: 13rem;
    background-attachment: fixed;
}

.dd-text-v {
    position: relative;
}

.ct-left-img-b img {
    width: 85%;
}

.price-offer {
    font-size: 14px;
    font-weight: 500;
    color: #1c9e11;
}

.ct-section {
    padding: 2rem 1rem;
    padding-bottom: 1rem;
}

#sub-menu {
    text-align: left;
}

    #sub-menu a img {
        width: 100%;
    }

    #sub-menu a {
        padding: 0px !important;
    }

.nav-img-title {
    position: absolute;
    top: 4rem;
    background-color: #fff;
    width: 65%;
    text-align: right;
    padding-right: 10px;
    padding: 8px 15px;
}

    .nav-img-title a {
        color: #000 !important;
        text-transform: uppercase;
        font-weight: bold !important;
    }

.prd-left-text p {
    font-size: 7px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
}

.prd-left-text {
    position: absolute;
    left: 0px;
    transform: rotate(270deg);
    top: 50%;
    font-size: 14px;
}

#sub-menu li {
    display: block;
}

    #sub-menu li a:hover {
        color: #4ea7c5;
        font-weight: 300;
        transition: all 0.3s ease-out 0s;
    }


.offer-v {
    color: #fff;
    position: absolute;
    margin: 0;
    right: 0.9rem;
    font-size: 11px;
    text-align: right;
    transform: rotate(0deg);
    top: 2%;
    background-color: #34a82aba;
    padding: 0px 15px;
    line-height: 14px;
    display: none;
}

.Stock-over-b {
    font-size: 11px;
    color: #c54141;
    padding-left: 7px;
}

.Merchandise-x {
    right: -9rem;
    top: 6rem;
}

.cart-item-section {
    position: relative;
    margin: 10px 0px;
    padding: 8px;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    background-color: rgb(248, 248, 248);
    border-radius: 1px;
    box-shadow: 0px 0px 3px #c6c6c659;
}

.cart-dt-view {
    display: flex;
    flex-shrink: 0;
    -moz-box-pack: justify;
    align-items: center;
}

.cart-img-item a img {
    width: 110px;
}

.cart-item-info span {
    font-size: 11px;
    color: #878686;
    font-weight: 300;
}

.cart-item-info h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 0px;
}

.cart-item-info p {
    font-size: 11px;
    color: #03a84e;
    margin-bottom: 0px;
    line-height: 23px;
}

.cart-item-remove button {
    border: 0px;
    background-color: transparent;
    padding: 0px !important;
    cursor: pointer;
}

    .cart-item-remove button img {
        width: 15px;
    }

    .cart-item-remove button img {
        width: 18px;
        padding-right: 3px;
    }

    .cart-item-remove button span {
        color: #000;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        top: 2px;
    }

.Deliver-date {
    font-weight: 300;
}

.cart-item-price span {
    font-size: 14px;
    font-weight: 300;
}

    .cart-item-price span b {
        font-size: 16px;
        font-weight: 500;
    }

.cart-item-price {
    margin-top: 7px;
    text-align: right;
}

.items-value a {
    border: 1px solid #fff;
    padding: 0px;
    display: block;
    width: 25px;
    height: 20px;
    margin: 0;
    background: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
    font-size: 17px;
    border-radius: 0px;
}

.items-value input {
    width: 25px;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    background: #d5f0f79c;
    line-height: 12px;
    color: #000;
    font-size: 14px;
}

.items-value {
    /*! padding-left: 16px; */
    margin-top: 5px;
    display: flex;
    border: 1px solid #e2f3f7;
    float: right;
}

.cart-img-item {
    margin-right: 10px;
    background-color: #edebeb;
    border-radius: 5px;
}

.copen-code-v {
    display: flex;
    margin-bottom: 1.4rem;
}

.copen-input input {
    padding: 5px;
    width: 100%;
    border: 1px solid #c7d4d999;
    height: 40px;
    padding: 0px 12px;
    width: 100%;
    font-size: 14px;
    border-radius: 3px 0px 0px 3px;
}

.copen-input {
    flex: 1 1 0%;
}

.copen-code-btn-Apply {
    padding: 6px 18px;
    border: 1px solid #228acd;
    background-color: #228acd;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    cursor: pointer;
}

button {
    cursor: pointer;
}

.copen-code-btn {
    padding: 6px 18px;
    border: 1px solid #228acd;
    background-color: #228acd;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    cursor: pointer;
}

.copen-code-btn-RemovePromo {
    padding: 6px 18px;
    border: 1px dashed #ccc;
    background-color: transparent;
    font-size: 14px;
    border-left: 0px;
    text-transform: uppercase;
    border-radius: 0px 3px 3px 0px;
    color: #000;
}

    .copen-code-btn-RemovePromo i {
        margin-right: 5px;
    }

.saved-money {
    color: #2b8140;
}

.vat-amt {
    /*color: #9c771d;*/
}

span.total-a-money {
    font-weight: 600;
}

span#totalId {
    font-size: 19px;
    font-weight: 600;
}

.cart-item-summery-list {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin: 10px 0px;
}

.cart-item-sm-title span {
    font-size: 14px;
    font-weight: 300;
}

.cart-item-sm-price span {
    font-size: 14px;
    font-weight: 400;
}

.vat-vt {
    font-size: 11px !important;
    margin-left: 3px;
}

.smt-line {
    border-top: 1px solid #ccc;
    padding-top: 8px;
}

.cart-item-sm-title span b {
    font-size: 17px;
    font-weight: 500;
}

.shiping {
    color: #000;
    font-size: 14px !important;
}

.cart-information h3 {
    font-size: 14px;
    text-transform: uppercase;
     font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 8px;
}

    .cart-information h3 small {
        font-size: 11px;
        text-transform: capitalize;
        color: #606060;
    }

.cart-right-side {
    padding: 10px;
    padding-bottom: 10px;
    /*! background-color: #f8f8f8; */
    padding-bottom: 10px;
    /*! margin-top: 43px; */
    /*! margin-bottom: 10px; */
}

.cart-checkout-btn button {
    width: 100%;
    padding: 10px;
    border: 1px solid #228acd;
    background-color: #228acd;
    margin-top: 5px;
    border-radius: 4px;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}

.cart-checkout-btn {
    /*! display: none; */
}

    .cart-checkout-btn a:hover {
    }

    .cart-checkout-btn button a {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
    }

.cart-note p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #626060;
}

.cart-note {
    margin-top: 1rem;
    text-align: center;
}

.Continue-Shopping-btn button {
    border: 1px solid #228acd;
    font-size: 14px;
    padding: 10px 25px;
    border-radius: 3px;
    background-color: #228acd;
    margin-top: 1rem;
    color: #fff;
    cursor: pointer;
}

    .Continue-Shopping-btn button:hover {
        /*! background-color: #5dcaed; */
    }

/*======== each shop ==============*/
/*======================================   Shop Page ==================================*/

.shop-bner-section {
    background-image: url('../img/Shop/shop-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: left;
}

.in-s-title h1 {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
}



.products-section-x {
    padding: 3rem 0rem;
    /*! padding-top: 15px; */
}

.product-ct-title h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

    .product-ct-title h2 span {
        font-size: 14px;
        font-weight: 300;
        padding-left: 5px;
        background-color: #fff;
        z-index: 1;
        /*! display: inline; */
        position: relative;
        padding-right: 15px;
    }

    .product-ct-title h2 b {
        padding-left: 3px;
    }

.product-ct-title::after {
    content: "";
    width: 93%;
    height: 1px;
    position: absolute;
    background-color: #228acd;
    top: 8px;
    right: 0;
}

.product-ct-title::before {
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    background-color: #228acd;
    top: 8px;
    left: -15px;
}

.product-ct-title h2 {
    z-index: 99;
    background-color: #fff;
    width: fit-content;
    padding-right: 20px;
}






.top-products ul li {
    position: relative;
}

.range-controls {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}

    .range-controls .scale {
        flex: 0 0 100%;
        height: 3px;
        background-color: #ccc;
    }

    .range-controls .bar {
        height: 3px;
        background-color: #af8520;
    }

.range-controls {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}

    .range-controls .scale {
        flex: 0 0 100%;
        height: 3px;
        background-color: #ccc;
    }

    .range-controls .bar {
        height: 3px;
        background-color: #9ad9ee;
    }

.range-toggle {
    display: inline-block;
    position: absolute;
    top: 50%;
    /*transform: translatey(-50%);*/
    width: 22px;
    height: 22px;
    border: 8px solid #000;
    background-color: #9ad9ee;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 1px 0 #cfcfcf;
}

.price-bar h5 {
    text-transform: uppercase;
    font-size: 15px;
}

.range-toggle-min {
    left: 20px;
}

.range-toggle-max {
    left: 150px;
}

.price-controls {
    display: flex;
    justify-content: space-between;
}

    .price-controls input {
        display: inline-block;
        width: 60px;
        padding: 2px 0px;
        margin-left: 7px;
        border: none;
        background-color: #f1f1f1;
        font-size: 14px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        color: #212121;
        border-radius: 5px;
    }

    .price-controls label {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        font-size: 14px;
    }

.range-filter {
    width: 80%;
}

.product-categories h5 {
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #228acd;
    padding-bottom: 13px;
    padding-top: 4px;
}

.product-categories {
    margin-top: 0rem;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 1rem;
}

    .product-categories ul li {
        font-size: 14px;
        text-transform: capitalize;
        color: #000;
        font-weight: 300;
    }

        .product-categories ul li span {
            float: right;
        }

            .product-categories ul li span img {
                width: 11px;
            }

    .product-categories ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }

.vertical-filters-label {
    display: block;
    width: 95%;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 17px;
    color: #282c3f;
}

.common-customCheckbox {
    position: relative;
    cursor: pointer;
}

    .common-customCheckbox input {
        margin: 0 16px 0 0;
        visibility: hidden;
    }

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.vertical-filters-filters .vertical-filters-label {
    white-space: nowrap;
    cursor: pointer;
    color: #282c3f;
}

.brand-num {
    color: #94969f;
    font-size: 11px;
    margin-left: 4px;
}

.common-customCheckbox input:checked ~ .common-checkboxIndicator::after {
    display: block;
}

.common-checkboxIndicator::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 8px;
    height: 5px;
    border-color: #fff;
    border-style: none none solid solid;
    border-width: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.common-customCheckbox input:checked ~ .common-checkboxIndicator {
    border: none;
    background: #52a9c6;
}

.common-checkboxIndicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #c3c2c9;
    background: #fff;
    border-radius: 2px;
}

.attachment-DC_Online_thumbnail {
    width: 50%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    max-width: 100px;
}

.top-products li span {
    position: relative;
    display: block;
    padding: 0 0 0 102px;
    padding-bottom: 0px;
    line-height: 20px;
    box-sizing: border-box;
    float: none !important;
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
}

.top-products {
    display: block;
    padding-top: 1rem;
}


.ct-sidebar {
    padding-left: 1rem;
    position: sticky;
    top: 2rem;
}


.horizontal-filters-sortContainer {
    display: inline-block;
    float: right;
    margin-right: 0px;
    margin-bottom: 0;
    margin-top: -7px;
    position: relative;
    top: 5px;
}

.sort-sortBy {
    padding: 9px 14px;
    font-size: 14px;
    color: #282c3f;
    cursor: pointer;
    position: relative;
    width: 225px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}

    .sort-sortBy span {
        text-transform: capitalize;
        font-weight: 500;
        color: #282c3f;
    }

    .sort-sortBy span {
        text-transform: capitalize;
        font-weight: 400;
        color: #282c3f;
    }

.sort-downArrow {
    margin-left: 5px;
    margin-top: 5px;
    float: right;
}

.sprites-downArrow {
    background-position: -367px -1px;
    width: 15px;
    height: 10px;
}

.DC-sart-sprite {
    background: url('../img/Shop/down-arrow.png');
    background-size: 13px;
    display: inline-block;
    background-repeat: no-repeat;
}

.sort-list {
    width: 225px;
    background-color: #fff;
    position: absolute;
    top: 33px;
    left: 0px;
    margin: 0;
    padding: 16px 0;
    padding-left: 0px;
    z-index: 2;
    display: none;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .08);
}

.sort-sortBy {
    font-size: 14px;
    color: #282c3f;
    cursor: pointer;
}

.sort-list label {
    display: block;
    font-size: 14px;
    color: #585757;
    cursor: pointer;
    padding: 6px 20px;
    font-weight: 300;
    border-bottom: 1px dotted #ededed;
}

.sort-label input {
    visibility: hidden;
    display: none;
}

.sort-sortBy:hover {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .08);
}

    .sort-sortBy:hover .sort-list {
        display: block;
    }

.sort-list li:hover {
    background-color: #f4f4f5;
}

.count-of-products p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #606060;
    padding-top: 3px;
}





.toolbar-products.toolbar-bottom {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    border: 0;
}

.toolbar-products {
    padding: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

    .toolbar-products .toolbar-amount {
        float: left;
    }

    .toolbar-products .toolbar-amount {
        line-height: 30px;
        padding: 0;
        font-size: 14px;
        color: #666666;
        display: inline-block;
        vertical-align: top;
        padding: 5px 0;
    }

.toolbar-products {
    text-align: center;
}

    .toolbar-products .toolbar-amount {
        line-height: 30px;
        font-size: 14px;
        color: #666666;
    }

.toolbar-products {
    text-align: center;
}

    .toolbar-products .sorter, .toolbar-products .limiter, .toolbar-products .pages {
        float: right;
    }

    .toolbar-products .pages {
        display: inline-block;
        vertical-align: top;
    }

        .toolbar-products .pages ul {
            margin: 0;
            border-radius: 0;
        }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.toolbar-products .pages ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}

    .toolbar-products .pages ul li.active span, .toolbar-products .pages ul li:hover a {
        color: #fff;
        background: #67c8e8;
    }

    .toolbar-products .pages ul li span {
        color: #fff;
        background: #c7a17a;
        font-size: 13px;
        border: none;
        padding: 0 4px;
        width: 36px;
        height: 36px;
        border-radius: 4px;
        line-height: 40px;
    }

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: 300;
    font-size: 14px;
}

.pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}


/*---------product-thumb ----------*/

.product-item-v {
    margin-bottom: 2rem;
    padding: 0rem 0rem;
    min-height: 250px;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 10px;
    transition: all .5s ease;
    padding-bottom: 10px;
}

.product-image-holiday {
    position: relative;
    transition: all .5s ease;
    /* background-color: #f7f7f7; */
    text-align: center;
    min-height: 180px;
    border-radius: 5px;
    padding-top: 8px;
}

figure {
    margin: 0 0 1rem;
}

a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

img {
    /*! width: 100%; */
}

.product-icon-holiday {
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 40%;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease;
    width: 100%;
    width: 100%;
}

    .product-icon-holiday a {
        transition: all .3s ease;
        color: #7d7c7c;
    }

    .product-icon-holiday i {
        width: 55px;
        height: 55px;
        background-color: white;
        border-radius: 50%;
        font-size: 20px;
        padding-top: 18px;
        margin-right: 8px;
        transition: all 0.5s ease;
    }

.product-item-v:hover {
    box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.06);
}

    .product-item-v:hover .product-icon-holiday {
        opacity: 1;
        transform: scale(1);
    }

.cart-x i:hover {
    background-color: #000000a8;
    color: #fff;
}

.wsh-x i:hover {
    background-color: #ef5261c4;
    color: #fff;
}

.price-old {
    color: #a5a4a4;
    font-size: 11px;
    padding-left: 5px;
}


.product-item-v .product-icon-holiday a:hover {
    /*! color: #000; */
}

.product-title-holiday h5 a {
    font-size: 14px;
    text-transform: capitalize;
     font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    color: #282828;
}

    .product-title-holiday h5 a:hover {
    }

.product-title-holiday {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
}

.price-product {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-top: 0px;
    line-height: 18px;
    margin-bottom: 2px;
}

.product-title-holiday h5 {
    margin-bottom: 0px;
}

.img-responsive {
    width: 100%;
}


/*============================================== Product detailes page ===========================================*/

.shop-product-section {
    background-image: url('../img/Shop/product-d-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: left;
}


product-media .product-image {
    display: flex;
}

.product-media .product-image img.active {
    display: block;
    margin-bottom: 20px;
}

.tag-p-v img {
    width: 100%;
}

.active-pd {
    border: 2px solid #228acd !important;
}

.product-media .product-image img {
    width: 100%;
}





product-media .product-thumb-v .thumb-item img {
    width: 100%;
    height: 10rem;
    max-height: 120px;
    cursor: pointer;
}



.product-dt-section {
    padding: 2rem 0rem;
}




.product-dt-title h1 {
    font-size: 1.5rem;
    line-height: 1.17;
    letter-spacing: 2px;
    margin-bottom: 0.8125rem;
    text-transform: uppercase;
}




.produt-dt-info {
    font-size: 15px;
    font-weight: 300;
    color: #565656;
    margin-bottom: 5px;
    width: 90%;
}

.quantity {
    display: flex;
    align-items: center;
    padding: 0;
}

.quantity__minus,
.quantity__plus {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    /*! background: #dee0ee; */
    text-decoration: none;
    text-align: center;
    line-height: 37px;
    font-size: 17px;
    border: 1px solid #c1c1c1;
}

    .quantity__minus:hover, .quantity__plus:hover {
        background: #228acd;
        color: #fff !important;
    }

.quantity__minus {
    border-radius: 3px 0 0 3px;
}

.quantity__plus {
    border-radius: 0 3px 3px 0;
}

    .quantity__minus:link,
    .quantity__plus:link {
        color: #8184a1;
    }

    .quantity__minus:visited,
    .quantity__plus:visited {
        color: #000;
    }

.prd-x {
    display: flex;
    align-items: center;
}

.quantity {
    display: flex;
    align-items: center;
    padding: 0;
}

.quantity__minus:link, .quantity__plus:link {
    color: #8184a1;
}

.quantity__input {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background: #f2eded;
    text-decoration: none;
    text-align: center;
    line-height: 37px;
    font-size: 17px;
    border: 0.5px solid #ccc;
}

.cart-view-x {
    margin-left: 10px;
    width: 70%;
}

.single_add_to_cart_button {
    border: 0;
    background-color: #4fb3d5 !important;
    color: #fff;
    font-size: 14px;
    padding: 9px 20px;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    width: 100%;
}

.product_meta {
    margin-top: 0rem;
}

    .product_meta ul li b {
        font-size: 13px;
        font-weight: 500;
        color: #3b3a3a;
        text-transform: uppercase;
        margin-right: 3px;
    }



    .product_meta ul li {
        /*padding-left: 3px;*/
        font-size: 14px;
        color: #5c5c5c;
        font-weight: 300;
        line-height: 27px;
    }

        .product_meta ul li a {
            padding-right: 15px;
            padding-left: 3px;
        }

            .product_meta ul li a i {
                padding: 11px;
                background-color: transparent;
                color: #000;
                border-radius: 8px;
                font-size: 14px;
                box-shadow: 1px 2px 3px #c1c1c1;
            }

.product-Description {
    margin-top: 0rem;
}

    .product-Description h3 {
        font-size: 19px;
        font-weight: 400;
        text-transform: uppercase;
        color: #67c8e8;
        border-bottom: 1px solid #e0dede;
        padding-bottom: 5px;
    }

    .product-Description p {
        font-size: 15px;
        font-weight: 300;
        color: #565656;
    }




.title-releted-t h1 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 4rem;
}

    .title-releted-t h1::after {
        content: "";
        width: 74%;
        height: 1px;
        position: absolute;
        background-color: #67c8e8;
        top: 13px;
        right: 0;
    }

/*======================================== cart page =====================================*/



.car-view-section {
    padding: 3rem 0rem;
    padding-bottom: 1rem;
}

.cart-title-v h2 {
    font-size: 27px;
    text-transform: uppercase;
}

.list-of-items {
    font-size: 13px;
    color: #777;
    font-weight: 300;
}


/*======================  check out page ====================================*/

.Checkout-section {
    background-image: url('../img/Shop/cart-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}


.checkout-section {
    padding: 3rem 5rem;
}


.store-sh-title h2 {
    font-size: 31px;
    font-weight: 400;
    margin-bottom: 20px;
}

.checkout-secton::after {
    content: "";
    width: 40%;
    height: 100vh;
    background-color: #fefcfa;
    display: block;
    position: absolute;
    top: 9.5rem;
    right: 0rem;
    z-index: -9;
}

.breadcrumb {
    display: -ms-flexbox;
    display: inline-flex;
    padding: 0;
    background-color: transparent;
    list-style: none;
    border-radius: .25rem;
}

.breadcrumb {
    margin: 0;
}

breadcrumb__item {
    display: inline;
    font-size: 0.8571428571em;
    color: #737373;
}

.breadcrumb__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 12px;
}

.breadcrumb__link {
    /*! padding-right: 10px; */
    font-size: 14px;
    color:;
}

.cart-info-v-item a {
    color: #1c9ac4 !important;
}

.field__input-wrapper {
    position: relative;
    margin-top: 1rem;
}

.field__label {
}

.field__input {
    border: 1px solid #000;
    width: 100%;
}

.checkbox__input {
    margin-top: 1rem;
}

#checkout_buyer {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.checkbox__label {
    font-size: 14px;
    color: #171717;
}

.field__label {
    font-size: 13px;
}

.field__input {
    border: 1px solid #ccc;
    padding: 10px 10px;
    font-weight: 200;
    font-size: 14px;
    border-radius: 5px;
    outline: none;
}

.shipping-ads {
    margin-top: 2rem;
}

.shipping-title h4 {
    font-size: 20px;
}

.Continue-btn-ck {
    margin-top: 1rem;
}

.continue-btn {
    text-align: right;
    float: right;
    font-size: 14px;
    padding: 10px 15px;
    background-color: #1c9ac4 !important;
    color: #fff;
    border-radius: 2px;
}

.r-cart-btn {
    color: #1c799e;
    position: relative;
    top: 11px;
}

.breadcrumb__item--completed a {
    color: #1c9ac4 !important;
}

.breadcrumb__link i {
    padding-left: 3px;
}

.shipping-view {
    margin-top: 3rem;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 5px;
}

.shipping-dt {
    padding: 10px;
}

.shipping-dt-title p {
    margin-bottom: 0px;
    color: #999797;
    font-size: 14px;
    border-right: 1px solid #ccc;
}

.shipping-dt-info p {
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
}

.shipping-dt-edit p {
    margin-bottom: 0px;
    color: #1c9ac4 !important;
    font-size: 14px;
    cursor: pointer;
}

.un-line-d {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

.un-line-h {
    padding-top: 10px;
}

.contact-edit {
    text-align: right;
}

.shipping-dt-edit {
    text-align: right;
}

.Shipping-method-view {
    margin-top: 3rem;
}

.shipping-title-d p {
    font-size: 16px;
}

.sm-line-v {
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin: 0px;
}

.standard-price {
    text-align: right;
}

.standard-view span {
    font-size: 16px;
}

.standard-view i {
    position: relative;
    left: -5px;
    color: #1f7b9f;
}

.Return-to-information {
    color: #1c799e;
    position: relative;
    top: 11px;
}

.Continue-to-payment {
    text-align: right;
    float: right;
    font-size: 14px;
    padding: 10px 15px;
    background-color: #1c9ac4 !important;
    color: #fff;
    border-radius: 2px;
}

.shipping-section {
    margin-top: 3rem;
    display: none;
}

.cart-copen p {
    font-size: 14px;
    color: #7e7c7c;
    margin-bottom: 5px;
    padding-top: 5px;
}

a:hover {
    color: black;
    text-decoration: none;
}


.payment-dt-view-card {
    margin-top: 3rem;
}

.mask_opened {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility;
    scroll-behavior: none;
    position: fixed;
}

.act_opened {
    -webkit-transform: none !important;
    transform: none !important;
}

.cart-wap-right {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 337px;
    background-color: #fff;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: transform .2s;
    -webkit-transform: translate3d(104%, 0, 0);
    transform: translate3d(104%, 0, 0);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    display: block;
    z-index: 99999;
    overflow-y: hidden;
}

.mini_cart_header.al_center {
    padding: 20px 15px;
    display: flex;
    border-bottom: 1px solid #dfdede;
}

.mini_cart_header img {
    width: 5%;
    padding: 0px;
    cursor: pointer;
}

.sd-cart-free-shipon-msg p {
    font-size: 14px;
    margin-bottom: 0px;
}

    .sd-cart-free-shipon-msg p span {
        color: #c4161c;
    }

.sd-cart-free-shiping {
    padding: 11px 15px;
    border-bottom: 1px solid #e6e6e6;
}

.cd_mini_cart_img {
    width: 120px;
    display: block;
    margin-right: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.maini_cart_prige {
    margin-bottom: 13px;
    color: #757575;
    font-size: 15px;
    font-weight: bold;
}

.sd-main-cart-setion {
    margin-top: 1rem;
}

.mini_cart_tool {
    display: block;
    width: 100%;
    float:;
    position: absolute;
    top: 5rem;
    left: 9rem;
}

.mini_cart_title p {
    margin-bottom: 0px;
}

.mini_cart_remove {
    position: relative;
}

.sd-cart-mini {
    padding: 20px 15px;
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.sd_mini_cart_footer .sd-total {
    margin-bottom: 8px;
    color: #000;
    font-size: 18px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.main-cart-right-wd {
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sd_mini_cart_footer {
    padding: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top: 1px solid rgba(129, 129, 129, .2);
    box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.sd-mini-footer-info p {
    font-size: 14px;
    margin-bottom: 5px;
}

.sd_mini_cart-btn {
    text-align: center;
    margin-top: 2rem;
}

    .sd_mini_cart-btn a {
        padding: 10px 35px;
        font-size: 14px;
        letter-spacing: 2px;
        border-radius: 50px;
        background-color: #aa6b53;
        color: #fff;
    }

    .sd_mini_cart-btn a {
        padding: 10px 35px;
        font-size: 14px;
        letter-spacing: 2px;
        border-radius: 50px;
        background-color: #aa6b53;
        color: #fff;
    }

.mini-sd {
    top: -35px;
}



.wrapper {
    min-height: 70vh;
    display: flex;
    padding-top: 2rem;
}

@media screen and (max-width: 700px), (max-height: 500px) {
    .wrapper {
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.card-form {
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 576px) {
    .card-form {
        margin: 0 auto;
    }
}

.card-form__inner {
    background: #fff;
    box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 60px;
    padding-top: 60px;
    padding-top: 35px;
    padding-top: 180px;
}

@media screen and (max-width: 480px) {
    .card-form__inner {
        padding: 25px;
        padding-top: 165px;
    }
}

@media screen and (max-width: 360px) {
    .card-form__inner {
        padding: 15px;
        padding-top: 165px;
    }
}

.card-form__row {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 480px) {
    .card-form__row {
        flex-wrap: wrap;
    }
}

.card-form__col {
    flex: auto;
    margin-right: 35px;
}

    .card-form__col:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 480px) {
    .card-form__col {
        margin-right: 0;
        flex: unset;
        width: 100%;
        margin-bottom: 20px;
    }

        .card-form__col:last-child {
            margin-bottom: 0;
        }
}

.card-form__col.-cvv {
    max-width: 150px;
}

@media screen and (max-width: 480px) {
    .card-form__col.-cvv {
        max-width: initial;
    }
}

.card-form__group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .card-form__group .card-input__input {
        flex: 1;
        margin-right: 15px;
    }

        .card-form__group .card-input__input:last-child {
            margin-right: 0;
        }

.card-form__button {
    width: 100%;
    height: 45px;
    background: #1c9ac4 !important;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    font-family: "Source Sans Pro", sans-serif;
    box-shadow: 3px 10px 20px 0px rgba(232, 232, 232, 0.3);
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-form__button {
        margin-top: 10px;
    }
}

.card-item {
    max-width: 430px;
    height: 270px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item {
        max-width: 310px;
        height: 220px;
        width: 90%;
    }
}

@media screen and (max-width: 360px) {
    .card-item {
        height: 180px;
    }
}

.card-item.-active .card-item__side.-front {
    transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}

.card-item.-active .card-item__side.-back {
    transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}

.card-item__focus {
    position: absolute;
    z-index: 3;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.65);
}

    .card-item__focus:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #08142f;
        height: 100%;
        border-radius: 5px;
        filter: blur(25px);
        opacity: 0.5;
    }

    .card-item__focus.-active {
        opacity: 1;
    }

.card-item__side {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 7px 25px 0px rgba(0, 0, 0, 0.42);
    transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    transform-style: preserve-3d;
    transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    backface-visibility: hidden;
    height: 100%;
}

    .card-item__side.-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
        z-index: 2;
        padding: 0;
        height: 100%;
    }

        .card-item__side.-back .card-item__cover {
            transform: rotateY(-180deg);
        }

.card-item__bg {
    max-width: 100%;
    display: block;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-item__cover {
    height: 100%;
    background-color: #1c1d27;
    position: absolute;
    height: 100%;
    background-color: #1c1d27;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

    .card-item__cover:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(6, 2, 29, 0.45);
    }

.card-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 0 10px;
}

@media screen and (max-width: 480px) {
    .card-item__top {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__top {
        margin-bottom: 15px;
    }
}

.card-item__chip {
    width: 60px;
}

@media screen and (max-width: 480px) {
    .card-item__chip {
        width: 50px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__chip {
        width: 40px;
    }
}

.card-item__type {
    height: 45px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    max-width: 100px;
    margin-left: auto;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item__type {
        height: 40px;
        max-width: 90px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__type {
        height: 30px;
    }
}

.card-item__typeImg {
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
    object-position: top right;
}

.card-item__info {
    color: #fff;
    width: 100%;
    max-width: calc(100% - 85px);
    padding: 10px 15px;
    font-weight: 500;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-item__info {
        padding: 10px;
    }
}

.card-item__holder {
    opacity: 0.7;
    font-size: 13px;
    margin-bottom: 6px;
}

@media screen and (max-width: 480px) {
    .card-item__holder {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

.card-item__wrapper {
    font-family: "Source Code Pro", monospace;
    padding: 25px 15px;
    position: relative;
    z-index: 4;
    height: 100%;
    text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
    user-select: none;
}

@media screen and (max-width: 480px) {
    .card-item__wrapper {
        padding: 20px 10px;
    }
}

.card-item__name {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .card-item__name {
        font-size: 16px;
    }
}

.card-item__nameItem {
    display: inline-block;
    min-width: 8px;
    position: relative;
}

.card-item__number {
    font-weight: 500;
    line-height: 1;
    color: #fff;
    font-size: 27px;
    margin-bottom: 35px;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-item__number {
        font-size: 21px;
        margin-bottom: 15px;
        padding: 10px 10px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__number {
        font-size: 19px;
        margin-bottom: 10px;
        padding: 10px 10px;
    }
}

.card-item__numberItem {
    width: 16px;
    display: inline-block;
}

    .card-item__numberItem.-active {
        width: 30px;
    }

@media screen and (max-width: 480px) {
    .card-item__numberItem {
        width: 13px;
    }

        .card-item__numberItem.-active {
            width: 16px;
        }
}

@media screen and (max-width: 360px) {
    .card-item__numberItem {
        width: 12px;
    }

        .card-item__numberItem.-active {
            width: 8px;
        }
}

.card-item__content {
    color: #fff;
    display: flex;
    align-items: flex-start;
}

.card-item__date {
    flex-wrap: wrap;
    font-size: 18px;
    margin-left: auto;
    padding: 10px;
    display: inline-flex;
    width: 80px;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-item__date {
        font-size: 16px;
    }
}

.card-item__dateItem {
    position: relative;
}

    .card-item__dateItem span {
        width: 22px;
        display: inline-block;
    }

.card-item__dateTitle {
    opacity: 0.7;
    font-size: 13px;
    padding-bottom: 6px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item__dateTitle {
        font-size: 12px;
        padding-bottom: 5px;
    }
}

.card-item__band {
    background: rgba(0, 0, 19, 0.8);
    width: 100%;
    height: 50px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 480px) {
    .card-item__band {
        margin-top: 20px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__band {
        height: 40px;
        margin-top: 10px;
    }
}

.card-item__cvv {
    text-align: right;
    position: relative;
    z-index: 2;
    padding: 15px;
}

    .card-item__cvv .card-item__type {
        opacity: 0.7;
    }

@media screen and (max-width: 360px) {
    .card-item__cvv {
        padding: 10px 15px;
    }
}

.card-item__cvvTitle {
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}

.card-item__cvvBand {
    height: 45px;
    background: #fff;
    margin-bottom: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: #1a3b5d;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}

@media screen and (max-width: 480px) {
    .card-item__cvvBand {
        height: 40px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__cvvBand {
        margin-bottom: 15px;
    }
}

.card-list {
    margin-bottom: -130px;
}

@media screen and (max-width: 480px) {
    .card-list {
        margin-bottom: -120px;
    }
}

.card-input {
    margin-bottom: 20px;
}

.card-input__label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #1a3b5d;
    width: 100%;
    display: block;
    user-select: none;
}

.card-input__input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    padding: 5px 15px;
    background: none;
    color: #1a3b5d;
    font-family: "Source Sans Pro", sans-serif;
    outline: none;
}

    .card-input__input:hover,
    .card-input__input:focus {
        border-color: #aa6b53;
    }

    .card-input__input:focus {
        box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
    }

    .card-input__input.-select {
        -webkit-appearance: none;
        background-image: url("images/payment/dwarow.png");
        background-size: 12px;
        background-position: 90% center;
        background-repeat: no-repeat;
        padding-right: 30px;
    }

.slide-fade-up-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-up-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-up-enter {
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
}

.slide-fade-up-leave-to {
    opacity: 0;
    transform: translateY(-15px);
    pointer-events: none;
}

.slide-fade-right-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-right-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-right-enter {
    opacity: 0;
    transform: translateX(10px) rotate(45deg);
    pointer-events: none;
}

.slide-fade-right-leave-to {
    opacity: 0;
    transform: translateX(-10px) rotate(45deg);
    pointer-events: none;
}

.shipping-section {
    margin-top: 3rem;
    display: none;
}

.payment-section {
    display: none;
}

.contant-info-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 20px;
}

.cart-title-info-v {
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-top: 2rem;
}

.ship-to-ads-cart {
    background-color: rgb(236, 236, 236);
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px -10px 8px;
    padding: 5px 13px 0px;
    color: rgb(126, 133, 155);
    margin-top: 2rem;
}

    .ship-to-ads-cart h6 {
        font-size: 13px;
        font-weight: 500;
    }

    .ship-to-ads-cart button {
        font-size: 14px;
        border: 0px;
        color: #1c9ac4;
        background-color: transparent;
        text-transform: uppercase;
    }

.checkout-address b {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.ards-ch {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

.cht-phone {
    color: #000;
    font-size: 14px;
}

.checkout-list {
    padding: 11px;
    background-color: #f8f8f8;
}

/*----------- slack nav-------*/
.slick-dots {
    position: absolute;
    bottom: 50%;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
}

    .slick-dots li {
        position: relative;
        cursor: pointer;
        margin-bottom: 8px;
        margin-left: 10px;
    }

        .slick-dots li button {
            border: 1px solid #ccc;
            background-color: #fff;
            border-radius: 50px;
            font-size: 9px;
            height: 20px;
            width: 20px;
            padding: 3px;
        }

.slick-active button {
    background-color: #9ad9ee !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.slick-prev {
    left: 0;
    transform: rotate(180deg);
}

.slick-next {
    right: 0;
}


/*=========== contact ===========*/

.input-box label {
    display: block;
    font-size: 14px;
}



.input-box textarea {
    position: relative;
    width: 100%;
    padding: 19px 23px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: inherit;
    color: #656565;
    background-color: transparent;
    border: 1px solid #ccc;
    outline: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 300;
}

.input-box select {
    background: transparent url(../img/select-arrow-down.png) no-repeat scroll right 5px center;
    background-color: transparent;
    float: left;
    position: relative;
    width: 100%;
    padding: 19px 23px;
    font-family: inherit;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: inherit;
    color: #a0a0a0;
    background-color: transparent;
    border: 1px solid #ccc;
    outline: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 5px
}

.belling-title h2 input {
    width: 25px;
    height: 23px;
}

input#Password_AC {
    margin-right: 5px;
}

p.An-create {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

/*===================Profile paage ==================*/


/*------- ========= feb 18 tracking Details css ========----------*/

.tracking-v {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
}

.trk-img-x {
    /*! width: 33px; */
    margin-left: 15px;
    height: 22px;
}

.link-tracking {
    cursor: pointer;
}

.track-detils-tab {
    background: white;
    border-top: 1px solid rgb(241, 243, 249);
    padding: 15px;
    box-shadow: rgba(223, 223, 223, 0.35) 0px 1px 5px 2px;
    border-radius: 3px;
}

.trk-order-no-v {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .trk-order-no-v h3 {
        font-size: 15px;
        color: black;
        margin-bottom: 0px;
    }

    .trk-order-no-v span {
        margin-left: 10px;
        font-size: 14px;
        color: #6f6f6f;
        font-weight: 300;
    }

.track-p-items {
    display: flex;
    -webkit-box-align: stretch;
    align-items: center;
    background: white;
    position: relative;
    border-top: 1px solid rgb(241, 243, 249);
    margin-top: 10px;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.tr-prd-img {
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    max-width: 100px;
    padding: 5px;
    flex: 1 1 0px;
}

    .tr-prd-img img {
        width: 100px;
    }

.track-prd-dts {
    padding: 12px;
    flex: 1 1 0px;
    display: flex;
    flex-direction: column;
    /*! padding-top: 25px; */
    /*! align-items: ; */
}

    .track-prd-dts h4 {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsi;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #313131;
    }


.track-price-v {
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


.dly-date p {
    font-size: 13px;
    font-weight: 300;
    color: #5b5b5b;
}

.dl-d-v {
    color: #ab821e;
}

.itm-cnt {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #656565;
    font-weight: 300;
}

.currency {
    font-size: 14px;
    font-weight: 300;
}

.value {
    font-size: 17px;
    font-weight: 600;
    color: black;
}

.track-prd-dts h4 span {
    color: #626262;
}



.root {
    padding: 3rem 1.5rem;
    border-radius: 5px;
    box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.3);
}

.order-track {
    margin-top: 0rem;
    padding: 0 0rem;
    border-top: 0.5px dashed #2c3e50;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
}

.order-track-step {
    display: flex;
    height: 7rem;
}

    .order-track-step:last-child {
        overflow: hidden;
        height: 4rem;
    }

        .order-track-step:last-child .order-track-status span:last-of-type {
            display: none;
        }

.order-track-status {
    margin-right: 1.5rem;
    position: relative;
}

.order-track-status-dot {
    display: block;
    width: 40px;
    border: 2px solid #e4e4e4;
    height: 40px;
    border-radius: 50%;
    /* box-shadow: 1px 2px 13px #d6d6d6; */
    background: #dadada;
}

.order-track-text {
    padding-top: 14px;
}

.order-track-status-line {
    display: block;
    margin: 0 auto;
    width: 1px;
    height: 7rem;
    background: #dadada;
}

.order-track-text-stat {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color:;
    line-height: 11px;
}

.order-track-text-sub {
    font-size: 13px;
    font-weight: 300;
    color: #808080;
}

.order-track {
    transition: all 0.3s height 0.3s;
    transform-origin: top center;
}

.trakc-dt-v-ads {
    margin-top: 1rem;
    border-top: 1px solid #ebedf2;
    padding-top: 2rem;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    border-top: 1px solid rgb(241, 243, 249);
}

    .trakc-dt-v-ads > div:first-child {
        margin-right: 15px;
        border-right: 1px solid rgb(217, 217, 217);
        padding-right: 1rem;
    }

    .trakc-dt-v-ads > div {
        flex: 1 1 0%;
        align-self: stretch;
    }

.trk-d h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: black;
}

.tr-order-ads-v {
    border-top: 0.5px dashed #2c3e50;
    padding-top: 1rem;
}

.tr-od-ads-usr h5 {
    font-size: 15px;
    text-transform: uppercase;
}

.tr-od-ads-usr p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #606060;
    font-weight: 300;
}

.tr-od-mb-n h5 {
    font-size: 15px;
    text-transform: uppercase;
}

.tr-od-mb-n p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #606060;
    font-weight: 300;
}

.tr-od-mb-n {
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
    padding: 15px;
    border: 3px;
}

.tr-od-ads-usr {
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
    padding: 15px;
    border: 3px;
}

.tr-od-pay-md {
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
    padding: 15px;
    border: 3px;
}

    .tr-od-pay-md h5 {
        font-size: 15px;
        text-transform: uppercase;
    }

    .tr-od-pay-md p {
        font-size: 14px;
        margin-bottom: 0px;
        color: #606060;
        line-height: 15px;
        font-weight: 300;
    }


        .tr-od-pay-md p img {
            width: 40px;
        }

.pay-card-num {
    padding-left: 10px;
    font-size: 14px;
}

.card-type {
    color: #40a850;
    padding-left: 0px;
}

.tr-order-sumary {
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
    padding: 15px;
    border: 3px;
}

    .tr-order-sumary h5 {
        font-size: 15px;
        text-transform: uppercase;
    }

.tr-order-list {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 10px;
    color: rgb(64, 69, 83);
}

    .tr-order-list p {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 300;
        margin-bottom: 0px;
        color: #626262;
    }

    .tr-order-list span {
        font-size: 14px;
        color: #000;
        font-weight: 300;
    }

.disc-price {
    color: #1aa730 !important;
}

.shipiong-type {
    font-weight: 500 !important;
    color: #000 !important;
}

.dived-line-tr {
    margin: 10px 0px;
    border-top: 1px solid rgb(241, 243, 249);
    border-right-color: rgb(241, 243, 249);
    border-bottom-color: rgb(241, 243, 249);
    border-left-color: rgb(241, 243, 249);
}

.order-progress {
    background-color: #22abd8;
}

.mobile-v-open {
    display: none;
}

.track-detils-tab {
    display: none;
}

.back-to-order img {
    height: 15px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.back-to-order span {
    font-size: 14px;
}

.back-to-order {
    border: 1px solid #228acd;
    display: flex;
    width: 150px;
    margin-bottom: 1rem;
    border-radius: 3px;
    padding: 10px 15px;
    cursor: pointer;
}

.tr-back-ord {
    margin-top: 1.4rem;
    display: none;
}

/*-------- mobile resposnvie ----------*/
@media only screen and (min-width : 320px) and (max-width : 570px) {

    .track-price-v {
        display: none;
    }

    .mobile-v-open {
        display: block;
    }

    .trk-order-no-v h3 {
        font-size: 12px;
    }

    .track-prd-dts h4 {
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

        .track-prd-dts h4 span {
            color: #000;
        }

    .trakc-dt-v-ads {
        display: block;
    }

        .trakc-dt-v-ads > div:first-child {
            margin-right: 0px;
            border-right: none;
            padding-right: 0px;
        }

    .order-track {
        margin-bottom: 2rem;
    }

    .tr-od-ads-usr {
        margin: 10px;
    }

    .tr-od-mb-n {
        margin-top: 10px;
    }

    .tr-od-pay-md {
        margin-top: 10px;
    }

    .tr-order-sumary {
        margin-top: 10px;
    }
}


/*----======== feb 18 tracking Details css ======== ----*/





/*---- feb 11 2021 ----*/
.cnt-no {
    margin-right: 0px;
    border-bottom: 1px solid #e9ebf4;
    padding-bottom: 1px;
    height: 35px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    width: 49px;
    display: block;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #E5ECFF;
    padding-left: 2px;
}

.mblnum-pf {
    border-radius: 0px 7px 7px 0px !important;
    border-left: 0px !important;
}

.adrs-st-btns {
    margin-top: 5px;
}

.cnt-num-v {
    display: flex;
}






.avatar-upload {
    position: relative;
    left: 10px;
    top: 10px;
    margin-bottom: 17px;
    width: 160px;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0rem;
    }


    .avatar-upload .avatar-preview {
        width: 160px;
        height: 160px;
        background-color: #f8f8f8;
        position: relative;
        border-radius: 100%;
        /* box-shadow: 3px 4px 5px #cccccc63; */
        padding: 10px;
        border: 1px solid #efefef;
        border-radius: 5px;
    }

        .avatar-upload .avatar-preview > div {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

    .avatar-upload .avatar-edit input {
        display: none;
    }

        .avatar-upload .avatar-edit input + label {
            display: inline-block;
            width: 34px;
            height: 34px;
            margin-bottom: 0;
            padding: 5px 1px 3px 8px;
            border-radius: 100%;
            color: #ccc;
            background: #FFFFFF;
            border: 1px solid transparent;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
            cursor: pointer;
            font-weight: normal;
            transition: all 0.2s ease-in-out;
            left: 0;
        }

        .avatar-upload .avatar-edit input + label {
            color: #ccc;
            cursor: pointer;
            font-weight: normal;
        }




/*---- feb 11 2021 end----*/
.container.my-custam {
    box-sizing: border-box;
    margin: 0px auto;
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
}

.profile-section {
    padding: 3rem 0rem;
}

.user-title a button {
    border: 0px;
    background-color: transparent;
    font-size: 14px;
    padding: 0px;
    color: #737373;
    font-weight: 300;
}

.user-title {
    padding-bottom: 2rem;
    border-bottom: 1px solid #f5f5f5;
}

.dashboard-list li a {
    padding: 10px;
    margin-bottom: 19px;
    background-color: #fff;
    box-shadow: 10p;
    display: block;
    color: #000;
    text-decoration: none;
}

    .dashboard-list li a span {
        color: #000;
        background-color: #f2f2f2;
        width: 33px;
        height: 33px;
        border: 3px solid rgba(137, 137, 137, 0.18);
        border-radius: 100%;
        display: inline-block;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 7px;
        font-size: 13px;
        margin-right: 14px;
    }

.dashboard-list li a {
    font-size: 14px;
}

.dashboard-list li .active.show {
    border-bottom: 0px;
    transition: all 0.25s ease 0s;
    background: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(173 193 207 / 25%) 0px 2px 10px 0px;
    font-weight: 500;
    color: #228acd;
    border-radius: 10px;
}

.profile-op-list {
    margin-top: 15px;
}

.proflie-d-title h5 {
    font-size: 23px;
    font-weight: 400;
}

.proflie-d-title p {
    font-size: 14px;
    font-weight: 300;
}

.order-no-v h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
}

.pd-all-od-list {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
    position: relative;
}

.order-detil-l {
    padding: 10px;
    background-color: rgb(248, 248, 248);
    border-radius: 6px;
}

.order-no-v {
    display: block;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
}


    .order-no-v span {
        margin-left: 0px;
        font-size: 13px;
        color: #6f6f6f;
        font-weight: 400;
    }

.order-it-list {
    display: flex;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    padding: 6px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
    border-radius: 5px;
}

.order-prd-img {
    display: block;
    height: auto;
    width: auto;
}

    .order-prd-img img {
        width: auto;
        max-height: 55px;
        position: relative;
    }

.order-prd-dtils {
    padding: 3px 6px 1px 8px;
    width: auto;
    border-left: 1px dotted #ccc;
}

    .order-prd-dtils h6 {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsi;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #636363;
    }


.d-status {
    color: #24983b;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.order-items-view {
    overflow-x: auto;
    display: flex;
    padding: 15px 0rem;
}

.address-p-v {
    display: flex;
    flex-direction: row;
    padding: 6px 0px 18px;
    align-items: center;
    justify-content: space-between;
}

.add-address-btn button:hover {
    background-color: #228acd !important;
    color: #ffffff !important;
    border: 1px solid #228acd !important;
}

.ads-base-addAddressButton:hover {
    background-color: #228acd !important;
    color: #ffffff !important;
    border: 1px solid #228acd !important;
}

.add-address-btn button {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px;
    padding: 8px 20px;
    color: #180018;
    border: 1px solid #282c3f;
    font-size: 13px;
    line-height: 0px;
    font-weight: 400;
    height: 32px;
    cursor: pointer;
    background-color: transparent;
}


.address-list-v {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
    position: relative;
}

.address-l-title {
    padding: 10px;
    background-color: rgb(248, 248, 248);
}

    .address-l-title h3 {
        font-size: 15px;
        color: black;
        margin-bottom: 0px;
        text-transform: capitalize;
    }

.ads-name-p h3 {
    font-size: 21px;
}


.ads-name-locate {
    padding: 10px 10px;
}

.address-v-dt-v {
    display: flex;
    padding: 5px 10px;
}

.address-us-name span {
    font-size: 13px;
    color: #626262;
    font-weight: 300;
}

.address-us-name p {
    font-size: 14px;
    color: #000;
}

.address-area-name span {
    font-size: 13px;
    color: #9f9f9f;
    font-weight: 300;
}

.address-area-name p {
    font-size: 14px;
    color: #000;
}


.Adrx:first-child {
    flex: 1 1 0%;
    overflow: hidden;
    overflow-wrap: break-word;
}


.Adrx {
    display: block;
    word-break: break-word;
    flex: 2.5 1 0%;
    margin-left: 15px;
}

    .Adrx:nth-child(2) {
        max-width: initial;
    }



    .Adrx:last-child {
        flex: 1.5 1 0%;
    }

.address-Phone-number span {
    font-size: 13px;
    color: #9f9f9f;
    font-weight: 300;
}

.address-Phone-number p {
    font-size: 14px;
    color: #000;
}

.address-btn-view {
    position: absolute;
    right: 18px;
    top: 15px;
}

    .address-btn-view button {
        border: 1px solid #e3e3e3;
        background-color: #fff;
        border-radius: 3px;
        font-size: 14px;
        color: #161616;
        font-weight: 300;
        /*! letter-spacing: 1px; */
        padding: 2px 11px;
        cursor: pointer;
    }

.dflt {
    background-color: #228acd !important;
    color: #fff !important;
}

.profile-data > .tab-pane {
    display: none;
}

.profile-data > .active {
    display: block;
}

.fade {
    transition: opacity .15s linear;
}

.set-d-btn-view {
    display: flex;
    position: absolute;
    top: 5px;
    right: 10px;
}

.stdelt-x.checkbox {
    position: relative;
    top: 4px;
    margin: 0px 6px 0px 0px;
    width: 19px;
}

.stdelt-info {
    font-size: 14px;
    text-transform: capitalize;
    color: #5a5a5a;
    font-weight: 400;
}

.row.address-new-ad {
    padding: 10px 10px;
}


.adrs-st-btns .radio {
    margin: 40px 0;
}
/* Custom radio buttons */
input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-left: 2px;
    font-size: 13px;
}

    input[type="radio"] + label:before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        margin-right: 14px;
        position: absolute;
        top: -2px;
        left: 1px;
        border: 1px solid #aaa;
        background-color: #fff;
        border-radius: 50%;
    }

input[type="radio"] {
    display: none !important;
    *display: inline;
}

    input[type="radio"]:checked + label:after {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #228acd;
    }


.adrs-label {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.address-new-sb-btns {
    text-align: right;
    margin-top: 3rem;
}

    .address-new-sb-btns button {
        border: 1px solid #228acd;
        padding: 8px 16px;
        margin-right: 10px;
        background-color: transparent;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
    }

.btn-save-ads {
    background-color: #228acd !important;
    color: #fff;
}

.profile-save-btn .update-profile-x {
    border: 1px solid #e5e5e5;
    padding: 8px 30px;
    margin-right: 1px;
    background-color: #4fb3d5;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
}

.address-new-title h6 {
    padding: 12px 0px;
    font-weight: bold;
}

.address-list-form {
    display: none;
}

.ads-name-locate h3 {
    font-size: 18px;
    padding: 8px 10px;
}

.profile-user-dtls {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
}

.profile-user-dt-title {
    padding: 10px;
    background-color: rgb(248, 248, 248);
}

    .profile-user-dt-title h3 {
        font-size: 15px;
        color: #ab821e;
        margin-bottom: 0px;
    }

.profile-dt-all {
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    padding: 15px 10px;
}

.profile-dt-form- {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    /*! margin: 0px 6px; */
    margin-right: 25px;
}

.sub-label-name {
    color: rgb(126, 133, 155);
    font-size: 12px;
    max-width: 100%;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.2s ease 0s;
    font-weight: 300;
    margin-block: -2px;
    display: block;
}

.pr-input-fr {
    height: 35px;
    line-height: 15px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 7px;
    border: 1px solid #E5ECFF;
}


.profile-save-btn {
    text-align: right;
    margin-right: 32px;
    padding: 10px 0px;
    margin-bottom: 15px;
}

    .profile-save-btn .update-profile-x {
        border: 1px solid #228acd;
        padding: 8px 30px;
        margin-right: 1px;
        background-color: #228acd;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        color: #fff;
        height: 40px;
    }


.chg-label {
    padding: 10px 10px;
}

.SCT-EYE {
    display: flex;
    width: 21px;
    height: 21px;
    right: 7px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 25px;
}

.change-pswd-cen-btn {
    background-color: transparent !important;
    color: #000 !important;
}

.profile-usr-password-chnage {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 13px;
}

.profile-usr-password-chnage {
    display: none;
}


.header-right ul li a i {
    font-size: 12px;
    margin-right: 10px;
}

.header-right ul li a i {
    font-size: 12px;
    margin-right: 10px;
}

.addrss-get-loction {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
}


.ads-lc-title {
    padding: 10px;
    background-color: rgb(248, 248, 248);
}

    .ads-lc-title h3 {
        font-size: 15px;
        color: #ab821e;
        margin-bottom: 0px;
        text-transform: capitalize;
    }

.ads-search-location-v {
    margin-top: 5px;
    padding: 0px 9px;
    text-align: center;
    display: flex;
    margin-bottom: 15px;
}


.ser-location-input {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 8px;
    font-size: 14px;
    border-radius: 6px;
    color: #000;
    font-weight: 400;
}

.locate-me {
    border: 1px solid #4fb3d5;
    padding: 8px 17px;
    background-color: #4fb3d5;
    color: #fff;
    font-size: 14px;
}


.locate-me {
    border: 1px solid #4fb3d5;
    padding: 8px 17px;
    background-color: #4fb3d5;
    color: #fff;
    font-size: 14px;
    width: 15%;
    cursor: pointer;
}

.ads-map-lc-v {
    width: 100%;
    padding: 0px 9px;
}

.ads-map-lc-v {
    width: 100%;
    padding: 0px 9px;
}

.map-cnf-btns {
    margin-top: 5px;
    padding: 5px;
    text-align: right;
}

    .map-cnf-btns button {
        border: 1px solid #228acd;
        padding: 8px 16px;
        margin-left: 10px;
        background-color: transparent;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
    }

.btn-map-ads {
    background-color: #228acd !important;
    color: #fff;
}

.address-location-v {
    display: none;
}

.map-location-dt {
    position: relative;
    border: 1px solid rgb(241, 243, 249);
    border-radius: 5px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.map-lc-icon-v {
    font-size: 13px;
    padding-bottom: 10px;
}

    .map-lc-icon-v span {
        margin-left: 7px;
    }

    .map-lc-icon-v span {
        margin-left: 7px;
        line-height:;
        font-size: 14px;
        position: relative;
        top: 3px;
    }

.map-get-ads {
    display: flex;
    flex-direction: column;
}

    .map-get-ads span {
        font-size: 14px;
        font-weight: 500;
    }

.map-edt-btn img {
    width: 66px;
    height: 66px;
    border-radius: 4px;
}

.map-edt-btn {
    padding: 7px;
    cursor: pointer;
    min-width: 80px;
}

.map-sd-ed-btn {
    position: absolute;
    bottom: 10px;
    border-radius: 3px;
    background-color: #228acdab;
    color: rgb(255, 255, 255);
    width: 66px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    padding: 3px 0px;
}

.map-location-ads-info {
    padding: 6px;
}

.pay-ht-titles {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid rgb(241, 243, 249);
    background-color: rgb(248, 248, 248);
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

.pay-in-title {
    flex: 1 1 0%;
    margin-bottom: 0px;
    margin-left: 10px;
    display: flex;
}

.apy-in-tt-1 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

    .apy-in-tt-1 p {
        flex: 1 1 0%;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

.apy-in-tt-2 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: block;
}

    .apy-in-tt-2 p {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

.apy-in-tt-3 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: flex;
}

    .apy-in-tt-3 p {
        flex: 1 1 0%;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

.adt-rt {
    text-align: right;
    padding-right: 13px;
}


.tnf-in-title {
    flex: 1 1 0%;
    margin-bottom: 0px;
    margin-left: 10px;
    display: flex;
}

.tnf-in-tt-1 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

    .tnf-in-tt-1 p {
        flex: 1 1 0%;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

.tnf-in-tt-2 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: block;
}

    .tnf-in-tt-2 p {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

.tnf-in-tt-3 {
    flex: 1 1 0%;
    margin-left: 10px;
    display: flex;
}

    .tnf-in-tt-3 p {
        flex: 1 1 0%;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

p.pay-s {
    /*color: #23aa29;*/
    color: #228acd;
}

ul.tnf-list-v {
    border-top: 1px solid #c59e44;
}

    ul.tnf-list-v li {
        margin: 5px 0px;
        border-bottom: 1px solid #b9edfe;
        padding: 10px 0px;
    }

p.pay-m {
    color: #d73b2f;
}

/*---------- Responsive profile --------*/

@media only screen and (min-width : 320px) and (max-width : 570px) {
    .ml-ct {
        margin-left: 0px !important;
    }
    .row.rwd-c-x {
        text-align: center !important;
    }
    .profile-op-list {
        display: none;
    }

    .user-title {
        padding-bottom: 2rem;
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 11px;
    }

    .order-no-v h3 {
        font-size: 12px;
        display: inline;
    }

    .order-items-view {
        overflow-x: auto;
        display: block;
    }

    .order-it-list {
        overflow: hidden;
    }

    .add-address-btn button {
        transition: all 0.25s ease-in 0s;
        border-radius: 3px;
        box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px;
        padding: 3px 3px;
        width: 142px;
        background-color: transparent;
        color: #228acd;
        height: 42px;
        width: 100%;
        border: 1px solid #ad831ea1;
        font-size: 12px;
        cursor: pointer;
    }

    .proflie-d-title p {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
    }

    .proflie-d-title h5 {
        font-size: 20px;
        font-weight: 400;
    }

    .address-v-dt-v {
        display: block;
        padding: 5px 10px;
    }

    .address-btn-view {
        position: relative;
        right: 0px;
        top: 0px;
        padding: 10px;
    }

    .ads-search-location-v {
        display: block;
    }

    .locate-me {
        width: 100%;
    }

    .ser-location-input {
        width: 100%;
        margin-bottom: 10px;
    }

    .ads-map-lc-v {
        margin-top: 10px;
    }

    .stdelt-info {
        font-size: 11px;
    }

    .stdelt-x.checkbox {
        position: relative;
        top: 1px;
        margin: 0px 2px 0px 0px;
        width: 11px;
    }

    .address-l-title h3 {
        font-size: 14px;
    }

    .set-d-btn-view {
        display: flex;
        position: absolute;
        top: 10px;
    }

    .pay-ht-titles {
        display: none;
    }

    .tnf-in-title {
        flex: auto;
        margin-bottom: 0px;
        margin-left: 10px;
        display: block;
    }

    .tnf-in-tt-3 {
        flex: none;
        margin-left: 10px;
        display: flex;
    }

    .tnf-in-tt-1 {
        flex: auto;
        margin-left: 10px;
        display: block;
    }

    .adt-rt {
        text-align: left;
        padding-right: 13px;
        margin-top: 11px;
    }

    .profile-dt-all {
        display: block;
    }
}

/*===================Profile paage end==================*/


/*================== wishlist =====================*/
.DC_Online-wishlist-btn {
    border: 0px;
    background: #67c8e8;
    color: #fff;
    padding: 7px 15px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.mbl-w-iocn {
    display: none;
}

.w-cr button {
    border: 0px;
    padding-top: 29px;
    margin-top: 1.2cm;
    text-transform: uppercase;
    background-color: #34aed6;
    padding: 8px 15px;
    font-size: 12px;
    color: #fff;
}

.DC_Online-wishlist-btn:hover {
    background-color: #000;
}


.DC_MC-quantity {
    color: #8b8b8b;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 1.2em;
    margin-top: 4px;
    text-transform: uppercase;
}

.DC_MC-quantity {
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: 300;
    color: #7e7e7e !important;
}


.Dc-mini-cart- {
    padding: 0px !important;
    display: inline list-item;
    margin: 0px 10px;
}

.mini-close-icon img {
    width: 22%;
}

.mini-close-icon {
    padding: 0px !important;
}

.remove-mini-cart {
    position: absolute;
    right: -3rem;
    top: 4px;
}

.Dc-Price-currencySymbol {
    /*! font-size: 12px; */
    font-weight: 300;
    color: #808080;
    margin-right: 2px;
}

.Dc-m-cart-bottom {
    padding: 0 25px 25px;
}

.Dc-m-subtotal-holder.clearfix {
    position: relative;
    display: table;
    width: 100%;
    padding: 15px 0 18px;
    margin: 0 0 24px;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
}

.Dc-m-total {
    display: table-cell;
    vertical-align: top;
    line-height: 26px;
    font-size: 15px !important;
    font-weight: 800;
    color: #282828;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
    padding: 0px 0px !important;
}



.Dc-m-Price-amount.amount {
    padding: 0px !important;
    text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
}

.Dc-m-Price-currencySymbol {
    padding: 0px !important;
    font-weight: 500;
}

.Dc-m-total-amount {
    padding: 0px !important;
    display: block;
    float: right;
}

.Dc-mini-cart- {
    padding: 0px !important;
    display: inline list-item;
    margin: 0px 10px;
    color: #888 !important;
    font-weight: 300;
}


.Dc-m-view-cart {
    padding: 10px 20px;
    background-color: #67c8e8;
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
}

.Dc-m-checkout {
    padding: 10px 20px;
    background-color: #67c8e8;
    color: #fff;
    font-size: 14px;
}

.cart-bt {
    transition: 0.5;
    position: relative;
}


a:hover {
    /*! color: #454545; */
}

.Dc-m-subtotal-holder span:hover {
    color: #000 !important;
}

a:hover {
    color: #228acd;
    text-decoration: none;
}
/*============== my account ======================*/

.my-act-section {
    margin-top: 6rem;
    padding-bottom: 6rem;
    overflow: hidden;
}

.myc-title {
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

.login-title {
    margin-bottom: 2rem;
    text-align: center;
}

.myc-input-v {
    width: 100%;
    margin-bottom: 1.5rem;
}

    .myc-input-v label {
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 2px;
    }


    .myc-input-v input {
        height: 40px;
        line-height: 15px;
        background-color: transparent;
        border: 0;
        color: #81879F;
        font-weight: 400;
        margin-top: 5px;
        font-size: 14px;
        width: 100%;
        display: block;
        padding: 0px 5px;
        margin-top: 0px;
        border-radius: 7px;
        border: 1px solid #E5ECFF;
    }



.lost_password {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.check-box {
    margin-bottom: 0px;
}

.sub-myact-button.button {
    width: 100%;
    padding: 11px 10px;
    border: 0;
    background-color: #67c8e8;
    color: #fff;
}

.sub-myact-contactus-button.button {
    /* width: 15%; */
    padding: 8px 15px;
    border: 0;
    font-size: 14px;
    background-color: #228acd;
    border-radius: 5px;
    color: #fff;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #b3b3b3;
    outline: 0;
    box-shadow: none;
}

.rs-myc-view {
    text-align: center;
}

.rs-myc-title {
    margin-bottom: 2rem;
    text-align: center;
}

.rs-myc-view p {
    font-size: 14px;
}

.rs-myc-btn {
    margin-top: 3rem;
}

    .rs-myc-btn a {
        padding: 10px;
        /* background-color: #000; */
        width: 100%;
        display: block;
        color: #131212;
        border: 1px solid #67c8e8;
    }

.dv-d {
    border-right: 1px solid #e2dddd;
}

.login-form-view {
    margin: 0rem 4rem;
}

.my-l-s-info-view {
    margin: 0rem 4rem;
}

.Register-form-view {
    margin: 0rem 4rem;
    display: none;
}

.privacy-view a {
    color: #67c8e8;
}

.-Login {
    display: none;
}

.-Login {
    display: none;
}

.lost-psd-title {
    text-align: center;
    margin-top: 5rem;
}

.md-psd {
    text-align: center;
    width: 100%;
}

.lost-password-info {
    text-align: center;
}

    .lost-password-info p {
        color: #767474;
    }

.my_lost_password {
    margin-bottom: 4rem;
    display: none;
}

.privacy-view {
    font-size: 14px;
}

.back_to_login {
    margin-top: 2rem;
    text-align: center;
    text-transform: uppercase;
}





.options-section {
    padding-bottom: 5rem;
}


.my-account-section-v {
    margin-top: 6rem;
    padding-top: 6rem;
}


.my-account-title {
    background-color: #aa6b531c;
    margin-bottom: 5rem;
}

    .my-account-title h2 {
        font-size: 22px;
        padding: 10px;
    }

.info-my-db {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-top: 5rem;
}

.d-single-info {
    padding: 40px 10px 30px 10px;
    border-right: solid 1px #ccc;
    min-height: 9rem;
}


.view-cart {
    display: block;
    padding: 8px 3px;
    background-color: #aa6b53;
    text-align: center;
    color: #fff;
    border-radius: 50px;
}



.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card-body {
    font-size: 15px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-body {
    font-size: 15px;
}

#dashboard .card-body h2 {
    text-align: center;
    font-size: 16px;
    margin: 20px 0 10px 0;
    padding: 0;
    font-weight: bold;
}

.db-img-v img {
    width: 30%;
    margin-bottom: 10px;
}

#dashboard .card-body p {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #6d6d6d;
}

#orders .table {
    font-size: 14px;
}

.dashboard-content .view {
    background: #aa6b53;
    color: #ffffff;
    font-size: 12px;
    padding: 6px 12px;
    text-transform: capitalize;
    border-radius: 100px;
}

.dashboard-content .table thead {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #ebebeb;
}

.boder-b {
    border-bottom: 1px solid #dee2e6;
}

.dashboard-content h3,
.account-details h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.billing-address {
    font-size: 15px;
    margin-bottom: 10px;
}

.address-1 {
    border: dashed 1px #E15801;
}

.address-1 {
    padding: 20px;
    margin: 10px 0 0 0;
}

.biller-name {
    margin-bottom: 0;
    margin-top: 10px;
}

.add-d-iocn i {
    cursor: pointer;
}

.dashboard-content h3,
.account-details h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.acd-title p a {
    color: #aa6b53;
}

.db-form {
    margin-top: 3rem;
}

.db-links a {
    color: #aa6b53;
}

.nws-t {
    padding: 0px 15px;
}

.db-save-btn a {
    padding: 10px 50px;
    background-color: #aa6b53;
    color: #fff;
    border-radius: 5px;
}


.panel.panel-default {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
}

h5.panel-title {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    color: #242424;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}

    h5.panel-title span {
        color: #242424;
        font-size: 14px;
        left: 20px;
        position: absolute;
        top: 20px;
    }

    h5.panel-title a.collapsed::after {
        color: #666666;
        content: "";
        display: inline-block;
        font-family: "Ionicons";
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 21px;
    }

    h5.panel-title a.collapsed::before {
        display: none;
    }

    h5.panel-title a::before {
        color: #242424;
        display: inline-block;
        font-size: 15px;
        position: absolute;
        right: 10px;
        top: 19px;
        content: "\f107";
        font-family: 'FontAwesome';
    }

    h5.panel-title a {
        color: #242424;
        display: block;
        padding: 20px 55px;
        position: relative;
    }

        h5.panel-title a.collapsed::after {
            color: #666666;
            display: inline-block;
            font-size: 15px;
            position: absolute;
            right: 10px;
            top: 21px;
            content: "\f107";
            font-family: 'FontAwesome';
        }

billing-information-wrapper,
.shipping-information-wrapper,
.shipping-method-wrapper,
.payment-info-wrapper,
.order-review-wrapper {
    background-color: #fff;
    padding: 30px 20px;
}

.account-info-wrapper {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 28px;
    padding-bottom: 30px;
}

    .account-info-wrapper > h4 {
        font-size: 15px;
        margin: 0;
        text-transform: uppercase;
    }

    .account-info-wrapper > h5 {
        font-size: 16px;
        letter-spacing: 0.2px;
        margin-top: 7px;
    }

.billing-info {
    margin-bottom: 20px;
}

    .billing-info > label {
        color: #242424;
        font-size: 14px;
        letter-spacing: 0.2px;
        text-transform: capitalize;
    }

    .billing-info input,
    .billing-select select {
        border: 1px solid #ebebeb;
        border-radius: 5px;
        color: #242424;
        height: 40px;
        padding: 0 15px;
        width: 100%;
        outline: none;
    }

.billing-back-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}

.billing-back > a {
    color: #242424;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0 0;
    text-transform: uppercase;
}

a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.billing-btn > button {
    background-color: #f2f2f2;
    border: medium none;
    border-radius: 3px;
    color: #242424;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 17px 35px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease 0s;
}

.panel-body {
    padding: 3rem 4rem;
}

.entries-wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: #eaeaea;
}

.entries-wrapper {
    border: 1px solid #eaeaea;
    position: relative;
}

.edit:hover {
    background-color: #ff3d2a;
}

.entries-edit-delete > a {
    background-color: #242424;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin: 0 2px;
    padding: 12px 15px;
    text-transform: uppercase;
}

.entries-info {
    padding: 30px 20px;
}

.entries-edit-delete > a:hover {
    background-color: #aa6b53;
}

.add-a-btn {
    margin-top: 3rem;
}

    .add-a-btn a {
        padding: 10px;
        font-size: 14px;
        background-color: #aa6b53;
        color: #fff;
        border-radius: 2px;
    }


.address-v-box {
    margin-bottom: 20px;
}

    .address-v-box > label {
        color: #242424;
        font-size: 14px;
        letter-spacing: 0.2px;
        text-transform: capitalize;
    }

    .address-v-box input,
    .address-v-box select {
        border: 1px solid #ebebeb;
        border-radius: 5px;
        color: #242424;
        height: 40px;
        padding: 0 15px;
        width: 100%;
        outline: none;
        font-size: 14px;
        font-weight: 300;
    }

.address-form {
    margin-top: 3rem;
    padding: 10px;
}

add-ads-btn {
    margin-top: 2rem;
    text-align: center;
}

.add-ads-btn a {
    padding: 10px 30px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.address-form {
    display: none;
}

.add-ads-btn {
    text-align: center;
    margin-top: 1rem;
}

.add_ad_btn:hover {
    color: #fff !important;
    background-color: #000000ed;
}

/*============== my account end==================*/

/*==============  Subscription ==============*/
/*------------ 31-3-2021------------*/
.info-x i:hover {
    background-color: #2060a4c4;
    color: #fff;
}

/*------------ 31-3-2021------------*/
.Subscription-section {
    height: 100vh;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fbf7f3;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 20px;
}


.subscription-title-v h1 {
    color: #393939;
    margin-bottom: 11px;
    font-weight: bold;
    font-size: 50px;
}

.subscription-title-v p {
    color: #000;
    margin-bottom: 35px;
    line-height: 24px;
    font-size: 14px;
}

.sub-r-img img {
    width: 100%;
}

.sub-r-img {
    position: relative;
    bottom: 0rem;
}

.about-subscrption {
    padding: 6rem 0rem;
}

.sub-s-title-l h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 55px;
    color: #d0ecff;
    text-shadow: 5px 5px 3px #000;
    width: 400px;
}

.sub-s-title-l h1 {
    text-transform: uppercase;
    font-weight: bold;
    width: 400px;
    color: #fff;
}

.sb-v-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
}

.sb-v-iocn {
    height: auto;
    margin-right: 2.5rem;
}

    .sb-v-iocn img {
        width: 100%;
    }

.sv-b-info h3 {
    color: #222;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

.sv-b-info p {
    font-size: 14px;
    font-weight: 300;
    color: #000;
}


.subs-list-v {
    /*! margin-top: 3rem; */
}

.sub-s-title-l {
    padding: 55px 27px;
    background-color: #228acd;
    border-radius: 10px;
}



.how-sub-m-title h1 {
    font-size: 17px;
    text-align:;
    font-weight: 300;
    text-transform: uppercase;
}

.how-sub-m-title h1 {
    font-size: 33px;
    font-weight: 400;
    text-transform: uppercase;
}

.how-sub-m-title {
    margin-bottom: 3rem;
    text-align: center;
}

    .how-sub-m-title p {
        color: #696a6a;
        font-size: 14px;
        font-weight: 300;
        width: 80%;
        margin: auto;
    }


.sub-all-optn {
    display: inline-block;
    box-sizing: content-box;
}

.sub-all-optn {
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: content-box;
    text-align: center;
    width: 100%;
}

.sub-ech-optn {
    /*! height: 175px; */
    width: 150px;
    margin-right: 12px;
    margin: 0 auto;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    margin-right: 8px;
    float: none;
    cursor: pointer;
    display: inline-block;
    padding: 10px 5px;
    border-radius: 5px;
    transition: 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.how-sub-works-section {
    padding: 3rem 0rem;
}

.sub-ech-iocn img {
    height: 67px;
    margin-bottom: 11px;
    display: none;
}

.sub-ech-iocn p {
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
    line-height: 18px;
}

.sub-pd-m-title {
    text-align: center;
}

#Quantity {
    padding-top: 5rem;
}

.grid-rt-pnl-iocn h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0px;
    margin-top: 2rem;
}

.grid-rt-pnl-iocn p {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 300;
    line-height: 21px;
}

.grid-rt-pnl-iocn img {
    width: 40%;
}


.grid-quantity {
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: content-box;
    text-align: center;
    width: 100%;
}

.grid-qt-pnl {
    width: 214px;
    margin-right: 12px;
    margin: 0 auto;
    margin-right: auto;
    margin-right: auto;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    /*! border: 1px solid #EDEDED; */
    border-radius: 2px;
    background-color: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
    margin-right: 8px;
    float: none;
    cursor: pointer;
    display: inline-block;
    padding: 19px 10px;
    border-radius: 2px;
}

#frequency {
    padding-top: 5rem;
}

.grid-frequency {
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: content-box;
    text-align: center;
    width: 100%;
}

.grid-rt-pnl-f h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0px;
}

.grid-rt-pnl-f p {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 300;
    line-height: 21px;
}


.chose-sb-cofffe img {
    width: 100%;
}

#sb-order-summary {
    margin-top: 4rem;
}

.sub-subtitle {
    font-size: 24px;
    margin: 20px auto;
    color: #3A3A3A;
    text-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
    text-align: center;
    font-weight: 300;
}

.sub-summaryBlock {
    padding-top: 10px;
    width: 80%;
    margin: 0 auto;
    clear: both;
    padding: 24px 0px;
}

.sub-leftSumBlock {
    max-width: 250px;
    text-align: left;
    float: left;
}

.sub-blockLabel {
    opacity: 0.4;
    color: #60584A;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
}

.sub-blockLabelMiddle {
    font-size: 16px;
    color: #000;
    font-size: 18px;
    line-height: 21px;
    font-weight: 300;
}

.sub-blockLabelBot {
    color: #46433c;
    /*! font-family: Cabin; */
    font-size: 13px;
    line-height: 20px;
}

.sub-rightSumBlock {
    float: right;
    cursor: pointer;
}

    .sub-rightSumBlock p {
        height: 20px;
        color: #0CA9D9;
        font-size: 12px;
        line-height: 20px;
        text-align: right;
        margin-top: 30px;
    }

.order-total-separator {
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 75px;
    background-color: #ECECEC;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
    color: #ECECEC;
    border-color: #ECECEC;
    margin-top: 75px;
    height: 1px;
    border: none;
}

.amt-sub {
    margin-top: 15px !important;
    font-size: 17px !important;
    font-weight: 500;
}

.sub-continueCheckoutLink {
    height: 54px;
    border-radius: 2px;
    background-color: #30BEE9;
    color: #FFFFFF;
    /*! font-family: Cabin; */
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    width: 100%;
    padding: 15px 25px;
    text-transform: uppercase;
}

.sub-summaryBlock.fifthBlock {
    text-align: center;
    margin-top: 35px;
}

.sub-discountInfo {
    height: 20px;
    width: 100%;
    color: #60584A;
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
}

.brd-r {
    border-right: 1px solid #dbdbdb;
}

.sd-out {
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    background-color: #fff;
}


.hide {
    display: none;
    opacity: 0;
    transition: opacity 0.5s linear;
}

.sub-ech-optn.active {
    box-shadow: inset 3px 5px 8px rgb(0 0 0 / 10%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #4bc6ec29;
}

.sub-product-col.active {
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
    box-shadow: inset 3px 5px 8px rgb(0 0 0 / 10%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #4bc6ec29;
    border: 0px;
}

.quantity_b.active {
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
    box-shadow: inset 3px 5px 8px rgb(0 0 0 / 10%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #4bc6ec29;
    border: 0px;
}

.frequency_b.active {
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
    box-shadow: inset 3px 5px 8px rgb(0 0 0 / 10%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #4bc6ec29;
    border: 0px;
}



/*============  Subscription end  ===========*/



/*=========== contact ===========*/

.Contact-section {
    background-image: url('../img/Contact-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.contact-right ul li:first-child {
    margin-top: 0;
}


.contact-right ul li {
    position: relative;
    padding-left: 150px;
    margin-top: 45px;
    display: block;
}

    .contact-right ul li .contact-icon {
        position: absolute;
        left: 0;
        text-align: center;
        width: 130px;
        border-right: 1px solid #dddddd;
    }

        .contact-right ul li .contact-icon h6 {
            text-transform: uppercase;
            padding-top: 5px;
            font-weight: 500;
            color: #5ab4d1;
        }

    .contact-right ul li p {
        font-weight: 300;
        margin-bottom: 0;
        line-height: 30px;
        font-size: 14px;
    }


.Contact-main-section {
    padding: 0rem;
}

.contact-info-view {
    margin-top: 3rem;
    box-shadow: 0px 0px 7px #cccccc47;
    padding: 15px;
}

.DC-contact-title h3 {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 23px;
}

    .DC-contact-title h3::after {
        content: "";
        width: 65%;
        height: 1px;
        position: absolute;
        background-color: #67c8e8;
        top: 13px;
        right: 0;
    }

.contact-sbmit-form a {
    padding: 10px 30px;
    background-color: #67c8e8;
    color: #fff !important;
    border-radius: 1px;
}

.contact-sbmit-form {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.header-right ul li a small {
    font-size: 14px;
}

.sub-clr-bg h1 {
    color: #fff;
    font: 25px;
    margin-bottom: 18px;
    letter-spacing: normal;
}

.sub-clr-bg p:last-of-type {
    margin-bottom: 45px;
    color: #282828;
}

.sub-d-btn {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 20%);
    font: 600 14px/1.2 PxGrotesk,Flama,Arial,Helvetica Neue,Helvetica,sans-serif;
    letter-spacing: .21px;
    text-transform: uppercase;
    min-width: 195px;
    padding: 10px 30px !important;
    color: #000 !important;
    border-radius: 5px;
    border: 1px solid #000;
    font-weight: 300;
    font-size: 14px;
    margin-top: 2rem;
}

.levl-img-block img {
    width: 100%;
}

.sub-sc-2 {
    margin-top: calc(100vh - 200px);
    height: 100vh;
    position: relative;
}



/*=================================================
-------- Mobile Responsive styles ----------------
===================================================*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 570px) {
    .css-1qwz2uo {
        display: inline-block;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-58%);
        cursor: pointer;
    }
    /*--------- Home page ----------*/
    .product-item-v {
        margin: 4px 1px;
    }

    .bts-popup-container {
        max-width: 80% !important;
    }

    .main-menu-search.d-lg-block {
        display: none;
    }

    li.swiper-slide.ag-slide_item {
        margin-left: 0px;
    }


        .header-right ul li a small {
        display: none;
    }

    .dropdown-menu.show {
        transform: translate3d(-60px, 29px, 0px) !important;
    }


    .header-area .main-header .menu-wrapper .header-right {
        position: relative;
        bottom: -73px;
        z-index: 3;
        right: 35px;
        top: 3px;
    }



        .header-area .main-header .menu-wrapper .header-right span {
            color: rgba(255, 255, 255, 0.74);
            font-size: 12px;
            cursor: pointer;
            padding: 0px 5px;
        }

    .logo {
        width: 35%;
    }

    .slick-slide img {
        width: 50%;
        float: right;
    }

    .slider-area .hero__img {
        top: -2rem;
    }

    .hero__btn {
        position: relative;
    }

    .slick-dots {
        position: absolute;
        bottom: 15%;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
       
    }

        .slick-dots li {
            position: relative;
            cursor: pointer;
            margin-bottom: 8px;
            margin-left: 9px;
            display: inline;
        }

    .Dc_category_section {
        padding: 3rem 0rem;
    }

    .dc-c-title h1 {
        font-size: 27px;
    }

    .dc-c-title span {
        padding-bottom: 1rem;
    }

    .ct_title {
        position: relative;
        margin-top: 1rem;
        text-align: center;
    }

    .ag-container-shops {
        padding: 25px 0;
        overflow: hidden;
    }

    .label-img img {
        width: 65%;
    }

    .new_arrival {
        padding: 3rem 0rem;
    }

    .new-lunch-product img {
        width: 100%;
    }

    .new-lunch-product {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .new-lunch-text h2 {
        font-size: 14px;
        font-weight: 300;
        line-height: 25px;
    }

    .ag-slide-info_title {
        width: 100%;
    }

    .ag-slide-info_title {
        font-size: 14px;
    }

    .ag-slide-info_category {
        font-size: 10px;
    }

    .swiper-button-prev, .swiper-button-next {
        background-color: #c2a384a8;
    }

    .ag-slide-block {
        padding-bottom: 0px;
    }

    .img-border-v img {
        top: 0rem;
    }

    .dc-c-title p {
        padding: 2rem 1rem;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

    .tx-t {
        margin-bottom: 4rem;
    }

    .Flavour {
        padding: 4rem 0rem;
        position: relative;
        padding-bottom: 2rem;
    }

    footer {
        background-color: #000000e0;
        padding-top: 4rem;
    }

    .footer-links {
        text-align: center;
    }

    .cp {
        text-align: center;
    }

    .s-links {
        text-align: center;
        margin-top: 12px;
    }

        .s-links p a {
            padding: 10px 8px;
        }
    /*--------- Home page ----------*/

    /*----------- shop pages ------------*/

    .product-categories ul li span img {
        display: none;
    }

    .product-categories {
        width: 100%;
    }

    .vertical-filters-label {
        display: initial;
        width: 100%;
    }

    .product-categories ul li {
        display: inline-block;
    }

    .mbl-v-pc {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
        display: flex;
    }

    .mbl-none {
        display: none
    }

    .mobile-v-btm {
        display: block !important;
        margin-top: 1rem;
        border-top: 1px solid #ccc;
        padding-top: 2rem;
    }

    .horizontal-filters-sortContainer {
        margin-right: 0px;
        top: 7px;
    }

    .sort-sortBy {
        font-size: 12px !important;
        width: 170px;
        padding-right: 0px;
    }

    .sort-downArrow {
        margin-top: 3px;
    }

    .ct-sidebar {
        padding-left: 0rem;
        position: sticky;
        top: 0rem;
    }

    .products-section-x {
        padding-top: 25px;
    }

    .count-of-products p {
        font-size: 12px;
    }

    .product-ct-title h2::after {
        content: "";
        width: 35%;
    }

    .product-ct-title h2::before {
        display: none;
    }

    .sort-list {
        width: 170px;
        background-color: #fff;
        position: absolute;
        top: 33px;
        left: 0px;
    }


    .product-item-v {
        border-bottom: 1px solid #cccccc61;
    }

    /*----------- shop pages end------------*/


    /*----------- Contact Us ---------------*/

    .Contact-main-section {
        padding: 1rem;
    }

    .google-map-v {
        margin-bottom: 1rem;
    }

    .DC-contact-title h3::after {
        width: 100%;
        top: 35px;
    }

    .contact-right ul li {
        position: relative;
        padding-left: 140px;
    }

    .contact-right ul li {
        margin-top: 10px;
    }


    /*----------- Contact Us End------------*/


    /*----------- Login ------------*/
    .my-l-s-info-view {
        margin: 0rem 0rem;
        margin-top: 4rem;
    }

    .my-act-section {
        margin-top: 0rem;
    }

    .myc-title {
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 0rem;
        border-bottom: 1px solid #67c8e8;
        margin-bottom: 2rem;
    }

        .myc-title h1 {
            font-size: 28px;
            font-weight: 400;
            text-transform: uppercase;
        }

    .login-form-view {
        margin: 0rem 0rem;
    }

    .myc-rest-psd p {
        font-size: 14px;
        font-weight: 300;
    }

    .Register-form-view {
        margin: 0rem 0rem;
    }
    /*----------- Login End------------*/

    /*----------- Cart ----------------*/

    .cart-dt-view {
        display: flex;
        flex-shrink: 0;
        -moz-box-pack: justify;
        width: 73%;
    }

    .cart-item-section {
        width: 100%;
    }

    span.list-of-items {
        display: block;
        margin-left: 0px;
        margin-top: 5px;
    }

    .cart-img-item {
        border-right:0;
        margin-right: 10px;
        width: 26%;
    }

        .cart-img-item a img {
            width: 100%;
        }

    button.save-later-btn {
       border-right:unset !important;
    }
        /*----------- Cart end----------------*/
        /*----------- check OUT----------------*/
        .checkout-section {
        padding: 3rem 0rem;
    }

    .cart-title-info-v {
        display: block;
    }

    .checkout-list {
        margin-top: 2rem;
    }

    .pc-d {
        padding: 0px 5px;
    }

    /*----------- check OUT End----------------*/

    .nav-images-coffee {
        padding: 0px 20px;
    }

        .nav-images-coffee img {
            width: 31%;
            padding: 10px;
            border: 1px solid #efefef;
            margin-bottom: 4px;
        }
    /*----------- product details page----------------*/
    .product-media .product-thumb-v {
        overflow: hidden;
        position: relative;
        top: 40%;
        text-align: center;
        width: 100%;
        text-align: center;
    }



    .product-dt-section {
        padding: 3rem 0rem;
    }




    .title-releted-t h1::after {
        content: "";
        width: 15%;
        height: 1px;
        position: absolute;
        background-color: #67c8e8;
        top: 13px;
        right: 0;
    }
    /*----------- product details page end----------------*/

    /*---------wishlist --------*/
    .w-cr {
        display: none;
    }

    .mbl-w-iocn {
        text-align: center;
        margin-top: 17px;
    }

        .mbl-w-iocn span {
            color: #fff;
            background-color: #43b1d6;
            padding: 8px 9px;
            border-radius: 50px;
            font-size: 14px;
            height: 10px;
            width: 10px;
        }

    .mbl-w-iocn {
        display: block;
    }
}



@media only screen and (min-width : 480px) and (max-width : 680px){
    .main-menu-search {
        width: 27% !important;
    }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 768px) and (orientation : landscape) {
   
    /*------------- home-------------*/
    .slider-height {
        min-height: 450px;
    }


    .header-area .main-header .menu-wrapper .header-right {
        margin-right: 30px;
    }

    .Dc_category_section {
        padding: 3rem 0rem;
    }

    .ct_title {
        position: relative;
        margin-top: 2rem;
    }

    .ag-container-shops {
        padding: 0px 0;
        overflow: hidden;
    }

    .new_arrival {
        padding: 3rem 0rem;
    }

    .new-lunch-product img {
        width: 44%;
    }

    .ag-slide-info_title {
        width: 100%;
    }

    .img-border-v img {
        width: 100%;
        top: -4rem;
    }

    .dc-c-title p {
        padding: 0rem 0rem;
        margin-top: 2rem;
    }


    .footer-links {
        text-align: center;
        border-bottom: 1px solid #434343;
        margin-bottom: 15px;
        padding-bottom: 1rem;
    }

    .header-area .main-header {
        padding: 15px 0px;
    }



    .cart-bt {
        transition: 0.5;
        position: relative;
    }

    .cart-item-cunt {
        top: -8px;
        right: 5px;
    }


    /*------------- home end -------------*/

    /*----------- shop pages ------------*/

    .product-categories ul li span img {
        display: none;
    }

    .product-categories {
        width: 100%;
    }

    .vertical-filters-label {
        display: initial;
        width: 100%;
    }

    .product-categories ul li {
        display: inline-block;
    }

    .mbl-v-pc {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
        display: flex;
    }

    .mbl-none {
        display: none
    }

    .mobile-v-btm {
        display: block !important;
        margin-top: 1rem;
        border-top: 1px solid #ccc;
        padding-top: 2rem;
    }

    .horizontal-filters-sortContainer {
        margin-right: 0px;
        top: 7px;
    }

    .sort-sortBy {
        font-size: 12px !important;
        width: 170px;
        padding-right: 0px;
    }

    .sort-downArrow {
        margin-top: 3px;
    }

    .ct-sidebar {
        padding-left: 0rem;
        position: sticky;
        top: 0rem;
    }

    .products-section-x {
        padding-top: 25px;
    }

    .count-of-products p {
        font-size: 12px;
    }

    .product-ct-title h2::after {
        content: "";
        width: 65%;
    }

    .product-ct-title h2::before {
        display: none;
    }

    .sort-list {
        width: 170px;
        background-color: #fff;
        position: absolute;
        top: 33px;
        left: 0px;
    }


    .product-item-v {
        border-bottom: 1px solid #cccccc61;
    }



    .top-products ul li {
        box-shadow: 0px 0px 5px #cccccc70;
        margin-right: 8px;
        padding: 11px 0px;
    }

    .attachment-DC_Online_thumbnail {
        top: 5px;
    }

    .top-products li span {
        line-height: 10px;
        font-size: 13px;
    }

    .product-ct-title h2::before {
        display: none;
    }

    /*----------- shop pages end------------*/
    /*----------- Contact pages ---------------*/
    .contact-right {
        text-align: center;
    }

    .Contact-main-section {
        padding: 1rem;
    }

    .google-map-v {
        margin-bottom: 2rem;
    }

    .DC-contact-title h3::after {
        width: 30%;
    }

    /*----------- Contact pages ---------------*/
    /*----------- Login ------------*/
    .my-l-s-info-view {
        margin: 0rem 0rem;
        margin-top: 4rem;
    }

    .my-act-section {
        margin-top: 0rem;
    }

    .myc-title {
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 0rem;
        border-bottom: 1px solid #67c8e8;
        margin-bottom: 2rem;
    }

        .myc-title h1 {
            font-size: 28px;
            font-weight: 400;
            text-transform: uppercase;
        }

    .login-form-view {
        margin: 0rem 0rem;
    }

    .myc-rest-psd p {
        font-size: 14px;
        font-weight: 300;
    }

    .Register-form-view {
        margin: 0rem 0rem;
    }

    .dv-d {
        border-right: none;
    }

    /*----------- Login End------------*/

    /*----------- check out------------*/

    .checkout-list {
        margin-top: 2rem;
    }



    .product-dt-section {
        padding: 3rem 0rem;
    }





    .title-releted-t h1::after {
        content: "";
        width: 15%;
        height: 1px;
        position: absolute;
        background-color: #67c8e8;
        top: 13px;
        right: 0;
    }
    /*----------- product details page end----------------*/

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 570px) and (max-width : 768px) {

    .product-ct-title h2::before {
        display: none;
    }

    .product-ct-title h2::after {
        width: 55%;
    }

    .sort-sortBy {
        width: 200px;
    }

    .horizontal-filters-sortContainer {
        margin-right: 0px;
    }

    .Contact-main-section {
        padding: 1rem;
    }

    .contact-right {
        text-align: center;
        margin-top: 2rem;
    }
    /*----------- Login ------------*/
    .my-l-s-info-view {
        margin: 0rem 0rem;
        margin-top: 4rem;
    }

    .my-act-section {
        margin-top: 0rem;
    }

    .myc-title {
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 0rem;
        border-bottom: 1px solid #67c8e8;
        margin-bottom: 2rem;
    }

        .myc-title h1 {
            font-size: 28px;
            font-weight: 400;
            text-transform: uppercase;
        }

    .login-form-view {
        margin: 0rem 0rem;
    }

    .myc-rest-psd p {
        font-size: 14px;
        font-weight: 300;
    }

    .Register-form-view {
        margin: 0rem 0rem;
    }

    .dv-d {
        border-right: none;
    }

    /*----------- Login End------------*/
    .checkout-list {
        margin-top: 2rem;
    }

    .title-releted-t h1::after {
        content: "";
        width: 50%;
    }

    .product-dt-section {
        padding: 3rem 0rem;
    }

    .product-dt-title {
        position: relative;
    }

    .title-releted-t h1::after {
        content: "";
        width: 15%;
        height: 1px;
        position: absolute;
        background-color: #67c8e8;
        top: 13px;
        right: 0;
    }
    /*----------- product details page end----------------*/

    .w-cr button {
        border: 0px;
        padding-top: 29px;
        margin-top: 1.2cm;
        text-transform: uppercase;
        background-color: #34aed6;
        padding: 8px 9px;
        font-size: 11px;
        color: #fff;
    }

    .header-area .main-header .menu-wrapper .header-right {
        position: relative;
        bottom: -73px;
        z-index: 3;
        right: 38px;
        top: 2px;
    }

    .DC-contact-title h3::after {
        content: "";
        width: 34%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

    /*-------------------- Home ------------------*/
    .logo {
        width: 20%;
    }

    .main-menu-search {
        width: 37%;
    }

    .cart-bt {
        transition: 0.5;
        position: relative;
    }

    .cart-item-cunt {
        top: -8px;
        right: 5px;
    }

    .slider-height {
        min-height: 580px;
    }

    .header-area .main-header .menu-wrapper .header-right span {
        padding: 17px 10px;
    }

    .Dc_category_section {
        padding: 4rem 0rem;
    }

    .ct_title {
        text-align: center;
        margin-top: 1rem;
    }

        .ct_title h1::after {
            left: 0px;
        }

    .ag-container-shops {
        padding: 25px 0;
    }

    .label-img img {
        width: 50%;
    }

    .new_arrival {
        padding: 3rem 0rem;
    }

    .new-lunch-product img {
        width: 45%;
    }

    .ag-slide-info_title {
        width: 100%;
    }

    .Flavour {
        padding: 3rem 0rem;
    }


    .container.cnt-ful {
        width: 100%;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }


    /*----------- Home pages end------------*/

    /*----------- shop pages ---------------*/

    .product-categories {
        width: 100%;
    }

    .product-ct-title h2::before {
        display: none;
    }

    .product-ct-title h2::after {
        content: "";
        width: 60%;
    }

    .product-item-v {
        min-height: 260px;
    }


    /*----------- shop pages End ------------*/

    /*----------- Contact  pages ------------*/
    .Contact-main-section {
        padding: 2rem;
    }

    .DC-contact-title h3::after {
        width: 45%;
    }

    /*----------- Contact  pages End------------*/

    /*----------- Login  pages------------*/
    .my-l-s-info-view {
        margin: 0rem 0rem;
        margin-top: 4rem;
    }

    .my-act-section {
        margin-top: 0rem;
    }

    .myc-title {
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 0rem;
        border-bottom: 1px solid #67c8e8;
        margin-bottom: 2rem;
    }

        .myc-title h1 {
            font-size: 28px;
            font-weight: 400;
            text-transform: uppercase;
        }


    .login-form-view {
        margin: 0rem 0rem;
    }

    .my-l-s-info-view {
        margin: 0rem 0rem;
    }

    .my-act-section {
        margin-top: 0rem;
    }

    .Register-form-view {
        margin: 0rem 0rem;
    }

    /*----------- Login  pages End------------*/
    /*----------- check oput   pages ------------*/
    .checkout-list {
        margin-top: 2rem;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

    .main-menu-search {
        width: 40%;
    }

    .header-area .main-header .menu-wrapper .main-menu ul li a {
        padding: 7px 10px;
    }
}



/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1199px) {

    .main-menu-search {
        width: 40%;
    }

    .header-area .main-header .menu-wrapper .main-menu ul li a {
        padding: 7px 10px;
        font-size:13px;
    }

    .header-area .main-header {
        padding: 0;
        padding-top: 0px;
        padding-top: 10px;
    }

    .logo {
        width: 20%;
    }
}




/*--------- new slider css 3-16-2021 --------------------*/

.mainslider #mainslick * {
    overflow: hidden;
}

.mainslider #mainslick .img--holder {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
   
}

.mainslider #mainslick .carousel-content {
    width: 100%;
    left: 0%;
    right: 0%;
    text-align: center;
    position: absolute;
    z-index: 2;
    margin: auto;
    top: calc(50% + 50px);
    transform: translateY(-50%);
    bottom: auto;
    padding: 0 20px;
}

    .mainslider #mainslick .carousel-content header, .mainslider #mainslick .carousel-content p {
        color: transparent;
        background-color: #949494;
        -moz-background-clip: text;
        -webkit-background-clip: text;
        -o-background-clip: text;
        background-clip: text;
    }

    .mainslider #mainslick .carousel-content header {
        font-size: 56px;
        font-weight: bold;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        text-shadow: -1px -3px 0px #fff;
    }

@media only screen and (max-width: 767px) {
    .mainslider #mainslick .carousel-content header {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.mainslider #mainslick .carousel-content p {
    text-shadow: -1px -1px 0px #fff;
    font-size: 24px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .mainslider #mainslick .carousel-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.mainslider #mainslick .slick-dots {
    bottom: 20px;
}

    .mainslider #mainslick .slick-dots li button::before {
        opacity: 0.7;
        color: white;
        font-size: 14px;
    }

    .mainslider #mainslick .slick-dots li.slick-active button::before {
        color: white;
        opacity: 1;
    }

.mainslider #mainslick .slick-slide .img--holder {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.mainslider:hover > .main-arrow {
    opacity: 1;
}

.mainslider .main-arrow {
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

    .mainslider .main-arrow .arrow-prev, .mainslider .main-arrow .arrow-next {
        display: block;
        position: absolute;
        top: 50%;
        font-size: 16px;
        text-align: center;
        color: #9ad5f9;
        z-index: 6;
    }

        .mainslider .main-arrow .arrow-prev:before, .mainslider .main-arrow .arrow-next:before {
            content: "";
            display: block;
            position: absolute;
            transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
            top: -27px;
            left: 0;
            width: 0;
            height: 0;
            /*! border-style: solid; */
        }

        .mainslider .main-arrow .arrow-prev i, .mainslider .main-arrow .arrow-next i {
            position: relative;
            top: 20px;
        }

    .mainslider .main-arrow .arrow-prev {
        left: 0px;
    }

        .mainslider .main-arrow .arrow-prev:before {
            border-width: 60px 0 60px 66px;
            border-color: #4d474700 rgba(53, 53, 53, 0.84) #0000 #0000002e;
        }

        .mainslider .main-arrow .arrow-prev i {
            left: 20px;
        }

    .mainslider .main-arrow .arrow-next {
        right: 0px;
    }

        .mainslider .main-arrow .arrow-next:before {
            /*! border-width: 60px 66px 60px 0; */
            /*! border-color: transparent rgba(53, 53, 53, 0.19) transparent transparent; */
            /*! left: auto; */
            /*! right: 0; */
        }

        .mainslider .main-arrow .arrow-next i {
            right: 20px;
            border: 1px solid #44bee3;
            padding: 10px 14px;
            border-radius: 54%;
        }

    .mainslider .main-arrow .arrow-prev i {
        right: 20px;
        border: 1px solid #44bee3;
        padding: 10px 14px;
        border-radius: 54%;
    }

/*--------- new slider css 3-16-2021 ---end -------------*/

/*----------- home page subscrption css 03-18-2021-------*/
.dc_subscription_catering {
    padding: 6rem 0rem;
    background-color: #fff;
    /*! margin-top: 4rem; */
    background-image: url('../img/Subscription/black-bg.png');
    background-attachment: fixed;
    background-size: auto;
    overflow-x: clip;
}

.subscription-h {
    position: relative;
    max-width: 800px;
    margin: auto;
    /*! background: #fff; */
    /*! box-shadow: 0px 14px 80px rgb(34 35 58 / 20%); */
    padding: 25px;
    border-radius: 5px;
    /*! height: 400px; */
    transition: all 0.3s;
    background: #0000009e;
    border-radius: 20px;
    /*! box-shadow: inset 0 0 15px rgba(55, 84, 170, 0), inset 0 0 20px rgba(255, 255, 255, 0), 7px 7px 15px rgba(55, 84, 170, 0.15), -7px -7px 20px white, inset 0px 0px 4px rgba(255, 255, 255, 0.2); */
}


.subsc-in {
    display: flex;
    align-items: center;
}

.sub-v-img {
    width: 235px;
    flex-shrink: 0;
    /*! height: 300px; */
    /*! background-image: linear-gradient( 147deg , #fe8a39 0%, #fd3838 74%); */
    /*! box-shadow: 4px 13px 30px 1px rgb(252 56 56 / 20%); */
    /*! border-radius: 20px; */
    transform: translateX(-85px);
}

    .sub-v-img img {
        width: 100%;
    }

.sub-v-c-title p {
    font-size: 13px;
    line-height: 20px;
    color: #acacac;
}


.sub-v-c-title h2 {
    font-size: 21px;
    color: #fff;
    text-transform: capitalize;
}

.sub-v-c-title a {
    padding: 8px 10px;
    border: 1px solid #228acd !important;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #228acd !important;
    color: #fff !important;
}

.sub-v-img img {
    width: 350px;
    position: absolute;
    top: -15rem;
    /*! left: -7rem; */
}

.sub-v-cnt {
    text-align: right;
}



.Catering-h {
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #0000009e;
    /*box-shadow: 0px 14px 80px rgba(0, 0, 0, 0.2);*/
    padding: 25px;
    border-radius: 5px;
    /*! height: 400px; */
    transition: all 0.3s;
    border-radius: 20px;
    /*! box-shadow: inset 0 0 15px rgba(0, 0, 0, 0), inset 0 0 20px rgba(255, 255, 255, 0), -7px 7px 15px rgba(55, 84, 170, 0.15), -7px -7px 20px white, inset 0px 0px 4px rgba(255, 255, 255, 0.2); */
}


.Catering-in {
    display: flex;
    align-items: center;
}

.Catering-v-img {
    width: 235px;
    flex-shrink: 0;
    transform: translateX(-15px);
}

    .Catering-v-img img {
        width: 100%;
    }

.Catering-v-c-title p {
    font-size: 13px;
    line-height: 20px;
    color: #acacac;
}


.Catering-v-c-title h2 {
    font-size: 21px;
    color: #fff;
    text-transform: capitalize;
}

.Catering-v-c-title a {
    padding: 8px 10px;
    border: 1px solid #228acd !important;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #228acd !important;
    color: #fff !important;
}

.Catering-v-img img {
    width: 372px;
    position: absolute;
    top: -16rem;
    overflow: hidden;
}

.Catering-v-cnt {
    text-align: left;
}
/*----------- home page subscrption css 03-18-2021-end---*/

/*----------- home page  menu css 03-23-2021-end---*/

.drp-menu-img img {
    /*width: 80%;*/
    height: 245px;
}

.sub-menu-list-v i {
    float: right;
    color: #515151;
    font-size: 11px;
    position: relative;
    top: 7px;
}

.sum-d {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0px;
    top: 0rem;
    overflow: hidden;
}

    .sum-d span {
        font-size: 8rem;
        color: #00000012;
        width: 100%;
        display: block;
        position: absolute;
        right: -40px;
        writing-mode: sideways-rl;
        writing-mode: tb-rl;
    }


/*----------- home page  menu css 03-23-2021-end---*/


.box-product-img img {
    width: 100%;
}

.box-product-cnt {
    text-align: center;
    position: relative;
    margin-top: 15px;
}

.sm-product-block.line-shap {
    letter-spacing: 2px;
    font-size: 16px;
}



.sm-product-block {
    display: block;
    line-height: 1.3;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 3px;
}

.background-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

    .background-label span {
        width: 23px;
        height: 1px;
        background-color: #228acd;
        display: inline-block;
        position: relative;
        top: -2px;
        margin: 0px 5px;
    }


.box-product-img img {
    width: 100%;
    position: absolute;
    left: 0;
    top: -5rem;
}

.box-product-img {
    position: relative;
    height: 120px;
}

.box-product {
    margin-top: 8rem;
}

/*.ct_title {
       position: absolute;
        bottom: 0rem;
    text-align: left;
    right: 4px;
    writing-mode: tb-rl;
    transform: rotate(
-180deg
);
}*/

.ct_title p {
    color: #000;
    font-weight: 400;
    font-size: 12px;
    margin: 0px;
    padding: 5px 0px;
}

.ct_title h1 {
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 0px;
}

.slicknav_nav .slicknav_arrow {
    float: right;
    font-size: 22px;
    position: relative;
    top: -9px;
    z-index: 1;
}

/*----------- home page  products css 03-23-2021-end---*/

/*---------- nav bar change 3/25/2021--------------*/
.main-menu-search {
    width: 35%;
}

.nl-line {
    border-right: 1px solid #bdbdbd66;
}


/*---------- nav bar change 3/5/2021--------------*/


/*--------- cart and check out pages desgin 3/26/2021 ----------*/

.checkout-steps {
    margin: auto;
    width: 40%;
    color: #696B79;
    padding: 0;
    display: inline-block;
    line-height: 20px;
}

    .checkout-steps .active {
        color: #228acd;
    }

    .checkout-steps .step1 {
        margin: 0 5px 0 0;
    }

    .checkout-steps .step {
        display: inline-block;
        letter-spacing: 3px;
    }

    .checkout-steps .divider {
        display: inline-block;
        border-top: 1px dashed #696B79;
        height: 4px;
        width: 10%;
    }

    .checkout-steps .step2 {
        margin: 0 5px 0 6px;
    }

    .checkout-steps .step3 {
        margin: 0 0 0 7px;
    }

    .checkout-steps li {
        font-size: 12px;
        font-weight: 500;
    }

.cart-title-v h4 {
    font-size: 16px;
}

.list-of-items {
    font-size: 12px;
    color: #777;
    font-weight: 300;
    margin-left: 8px;
}

.shopping_cart {
    display: inline-block;
}

.shopcart-total {
    float: right;
    display: flow-root;
}

.shopping_cart {
    display: inline-block;
}

.shopcart-total h4 {
    margin-bottom: 0px;
    position: relative;
    top: 6px;
    font-size: 15px;
    color: #000;
}

.cncy {
    margin-left: 5px;
}

.total-h {
    margin-right: 3px;
}

.cat-nav-section {
    padding: 1rem 0rem;
    box-shadow: 1px 2px 10px #cccccc8a;
}

.nav-pay-v {
    display: inline;
}

.secureContainer {
    display: inline-flex;
    float: right;
    position: relative;
    top: 4px;
}

    .secureContainer img {
        height: 20px;
        margin-right: 5px;
    }

.secure {
    font-size: 13px;
}

.ct-address {
    padding: 30px 16px;
    order-radius: 4px;
    border: 1px solid #eaeaec;
    margin-bottom: 8px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*cursor: pointer;*/
    margin-bottom: 3rem;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #FBFBFB;
    box-shadow: 3px 5px 8px rgb(0 0 0 / 7%);
}

span.ads-base-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
    color: #000000;
}

.address-fl-v {
    margin-bottom: 1rem;
}

.t-ads-v {
    font-size: 14px;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ads-base-addressname {
    width: 100%;
    display: flex;
}

.ads-base-highlight {
    text-transform: capitalize;
    max-width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}

.ads-base-subinfo p {
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    color: #3e3e3e;
    margin-bottom: 0px;
}

.ads-base-chnagebtn {
    padding: 8px 16px;
    border: 2px solid #228acd;
    border-radius: 4px;
    margin-right: 0;
    font-size: 11px;
    color: #fff;
    min-width: 131px;
    text-align: center;
    background-color: #228acd;
    cursor: pointer;
}

.most-ppl-items {
    padding: 2rem 0rem;
}

.cta-dw-title {
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
}

    .cta-dw-title h2 {
        font-size: 18px;
        font-weight: 500;
        color: #151515;
    }

.modal-base-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.77);
    z-index: 999999;
}

.modal-base-modal-addressStrip {
    max-width: 441px;
    max-height: 75%;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    height: fit-content;
}

.modal-base-cancelIcon {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.checkDelivery-base-header {
    padding: 18px 16px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

.model-st-list-options {
    position: relative;
    padding: 16px;
    cursor: pointer;
    background-color: #fff;
    color: #282c3f;
    padding: 12px 16px;
    display: flex;
}

.modal-adress-list-v {
    overflow-y: auto;
    outline: none;
    margin-top: 9px;
}

.model-ads-info {
    margin-left: 12px;
    font-size: 14px;
    color: #282c3f;
    width: 100%;
}

.model-base-addressTitle {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.model-addressDetails-base-name {
    font-weight: 500;
    font-size: 14px;
    color: #282c3f;
    text-transform: capitalize;
    word-break: break-all;
}

.model-addressDetails-base-defaultTag {
    color: #94969f;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 300;
}

.model-addressDetails-base-addressType {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 20px;
    color: #33b7e3;
    font-weight: 600;
    border: 1px solid #3bbae3;
    margin-left: 8px;
    line-height: 12px;
}

.model-addressDetails-base-addressField {
    margin-top: 10px;
}

    .model-addressDetails-base-addressField p {
        word-break: break-all;
        font-size: 10px;
        line-height: 18px;
        font-size: 13px;
        color: #55565b;
        text-transform: capitalize;
        margin-bottom: 7px;
    }

    .model-addressDetails-base-addressField span {
        word-break: break-all;
        font-size: 10px;
        line-height: 18px;
        font-size: 13px;
        color: #525253;
        text-transform: capitalize;
        margin-bottom: 7px;
        margin-right: 6px;
    }

.model-st-list-options input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 0px;
    font-size: 13px;
    top: -6px;
}

.model-st-list-options input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.model-st-list-options input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: absolute;
    top: -2px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.model-st-list-options:before {
    content: "";
    border-bottom: 1px dashed #eaeaec;
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
}

.Model-checkDelivery-base-add {
    background-color: #fff;
    padding: 8px;
    margin-top: 8px;
    width: 100%;
    bottom: 0px;
    cursor: pointer;
}

.Model-checkDelivery-base-add-btn {
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    display: block;
    border: 1px solid #282c3f;
    color: #282c3f;
    text-align: center;
    padding: 9px;
    text-transform: uppercase;
}

.modal-base-container.modal.is-visible {
    display: block;
}

.price-product-off {
    margin-bottom: 0px;
}


.model-add-new-ads {
    position: relative;
}


.model-new-addressForm {
    overflow-y: auto;
    height: 90%;
    background-color: #fff;
    margin-top: 10px;
}

.model-new-addressformHeader {
    padding: 16px 16px 0;
    font-size: 12px;
    font-weight: 400;
    color: #282c3f;
}

.model-new-addressform-inputs {
    padding: 16px;
    color: #282c3f;
}

.model-new-addressform-lt {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
}

.model-new-addressform-lt-label {
    display: block;
    position: relative;
    top: 4px;
    left: 2px;
    color: #2d2d2f;
    /*! transition-property: top; */
    /*! transition-duration: .1s; */
    font-size: 13px;
}

.model-new-addressform-lt-input {
    width: 100%;
    font-size: 14px;
    padding: 12px;
    border: 1px solid #d4d5d9;
    background-color: transparent;
    font-weight: 300;
    border-radius: 4px;
    line-height: 14px;
}

.mdl-2-v {
    display: flex;
    justify-content: space-between;
}

.ads-lab-model {
    padding: 16px;
    color: #282c3f;
}

.model-add-new-ads {
    /*! display: none; */
}

.modal-base-modal-addressinput {
    max-width: 441px;
    max-height: 65%;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    height: fit-content;
}

.ads-base-titleContainer {
    margin-bottom: 12px;
    height: 45px;
}

.ads-base-title-st {
    font-weight: 400;
    color: #282c3f;
    font-size: 18px;
    margin: 12px 0;
}

.ads-base-addAddressButton {
    transition: all 0.25s ease-in 0s;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #282c3f;
    margin: 7px 0 6px;
    padding: 8px 16px 7px;
    border-radius: 4px;
    cursor: pointer;
}

.ads-base-defaultTitle {
    font-size: 12px;
    font-weight: 400;
    margin: 12px 0 16px;
    color: #535766;
}

.ads-ft-list-v {
    position: relative;
    padding: 16px;
    cursor: pointer;
    background-color: #fff;
    color: #282c3f;
    padding: 12px 16px;
    box-shadow: 3px 5px 8px rgb(0 0 0 / 10%);
    display: flex;
    border-radius: 5px;
    min-height: 200px;
}

.ads-ads-info {
    margin-left: 12px;
    font-size: 14px;
    color: #282c3f;
    width: 100%;
}

.ads-base-addressTitle {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.ads-addressDetails-base-name {
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
    color: #282c3f;
    text-transform: capitalize;
    word-break: break-all;
}

.ads-addressDetails-base-defaultTag {
    color: #94969f;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 300;
}

.ads-addressDetails-base-addressType {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 20px;
    color: #33b7e3;
    font-weight: 600;
    border: 1px solid #3bbae3;
    margin-left: 8px;
    line-height: 12px;
}

.ads-addressDetails-base-addressField p {
    word-break: break-all;
    font-size: 10px;
    line-height: 18px;
    font-size: 13px;
    color: #55565b;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.ads-addressDetails-base-addressField span {
    word-break: break-all;
    font-size: 10px;
    line-height: 18px;
    font-size: 13px;
    color: #525253;
    text-transform: capitalize;
    margin-bottom: 7px;
    margin-right: 6px;
}

.ads-ft-list-v input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 0px;
    font-size: 13px;
    top: -6px;
}

.ads-ft-list-v input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.ads-ft-list-v input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: absolute;
    top: -2px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.ads-st-list-options::before {
    content: "";
    border-bottom: 1px dashed #eaeaec;
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
}

.ads-v-st-info {
    width: 100%;
}

.ads-edit-rem-btns {
    margin-top: 15px;
}

.ads-base-remove {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .5px;
    background: transparent;
    cursor: pointer;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    padding: 6.5px 16px;
}

.ads-base-edit {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .5px;
    background: transparent;
    cursor: pointer;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    padding: 6.5px 16px;
    margin-left: 10px;
}

.modal-base-container.modal-ads {
    display: none;
}

    .modal-base-container.modal-ads.is-visible {
        display: block;
    }

.modal-base-modal-address-ads {
    max-width: 441px;
    max-height: 75%;
    display: flex;
    background-color: #f5f5f6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    height: fit-content;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-size: 13px;
    }

        .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 18px;
            height: 18px;
            /*! background: #131111; */
            border: 1px solid #717171;
            border-radius: 4px;
        }

    .styled-checkbox:hover + label:before {
        background: #1c90bd;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #1c90bd;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 10px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    }

.mk-dfl.unstyled.centered {
    padding: 5px 16px;
    color: #282c3f;
    height: 130px;
}

.ads-base-footer {
    position: absolute;
    background: #fff;
    bottom: -7px;
    left: 0;
    right: 0;
    padding: 8px;
    box-shadow: 0 -1px 4px 0 #0000004d;
}

.ads-base-saveBtn {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    background: #3eb7f2;
    cursor: pointer;
    text-align: center;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ads-lab-model input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 17px;
    font-size: 13px;
    top: -7px;
}

.ads-lab-model input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.ads-lab-model input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 36px;
    position: absolute;
    top: 1px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.ads-st-list-options::before {
    content: "";
    border-bottom: 1px dashed #eaeaec;
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
}

.cat-address-v {
    /*! display: none; */
}

.modal-base-container.modal-edit {
    display: none;
}

    .modal-base-container.modal-edit.is-visible {
        display: block;
    }

.quantity__input {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background: #f2eded;
    text-decoration: none;
    text-align: center;
    line-height: 37px;
    font-size: 17px;
    border: 0.5px solid #ccc;
}

.sub-x-titlev {
    text-align: center;
    line-height: 0px;
}

.sub-get-prx {
    background-image: url(../img/pd-bg.jpg);
    background-size: contain;
    background-attachment: fixed;
}

.sub-x-titlev h1 {
    font-size: 19px;
    padding: 0rem 3rem;
    line-height: 26px
}

.sub-x-titlev p {
    font-size: 15px;
    text-transform: uppercase;
    color: #d0a132;
    margin-top: 2rem;
}

.sub-oly {
    padding: 6rem 0rem;
    background-color: #ffffff9c;
}

.sd-hd-section {
    padding: 1rem 0rem;
    box-shadow: 1px 2px 10px #cccccc8a;
}

.sd-hd-title-v p {
    margin-bottom: 0px;
    font-size: 12px;
    /*! color: 
    #000; */
    text-transform: uppercase;
    text-align:;
    line-height: 0;
}

.new-user {
    color: #ac831d;
}

.sd-hd-title-v {
    display: inline-block;
}

.subsc-prd-img img {
    width: 100%;
}

.subscription-product-dt {
    padding: 3rem 0rem;
}

.new-user b {
    color: #0d0e0f;
    letter-spacing: 0px;
    font-size: 14px;
}

.subc-pd-title h1 {
    font-size: 1.5rem;
    line-height: 1.17;
    letter-spacing: 2px;
    margin-bottom: 0.8125rem;
    text-transform: uppercase;
}

.subc-price--sub {
    font-size: 15px;
    line-height: 1.56;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.subc-pd-details p {
    font-style: normal;
    font-weight: 400;
    margin: rem;
    font-size: 14px;
    line-height: 1.5rem;
    color: #424141;
    width: 80%;
}

.shipment-title h5 {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 12px;
}


.Frequency-v {
    margin-top: 15px;
}

.Frequency-opt-iocn img {
    width: 40px;
}

.Frequency-opt {
    text-align: center;
}

.Frequency-numbers p {
    font-size: 15px;
    color: #2d2926;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    margin-bottom: 0px;
    margin-bottom: 11px !important;
}

/*.shiment-Frequency-v {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}*/

.shiment-Frequency-v {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 10px;
    border-radius: 5px;
}



.Frequency-opt {
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 4px;
    width: 23%;
    cursor: pointer;
    border: 2px solid #fff;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.Frequency-numbers p b {
    font-size: 20px;
    color: #0f74b5;
    margin: 0px 5px;
}

.period-v {
    margin-top: 12px;
    margin-left: 13px;
    margin-right: 13px;
    border-bottom: 1px dotted #c6c6c6;
    /*! width: 100%; */
    padding-bottom: 19px;
}

.period-opt-iocn img {
    width: 25px;
}

.period-opt {
    text-align: center;
}

.period-numbers p {
    font-size: 13px;
    color: #393939;
    margin-bottom: 0px;
    line-height: 16px;
    margin-top: 5px;
}

.shiment-period-v {
    display: flex;
    width: 100%;
}

.period-opt {
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 4px;
    width: 30%;
    cursor: pointer;
    line-height: 10px;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
}

.shiment-option-v.active {
    border: 2px solid #67ccef;
}

.Frequency-opt.active {
    border: 2px solid #67ccef;
}

.period-opt.active {
    border: 2px solid #67ccef;
}

.subc-action--subscription {
    margin-top: 2rem;
}



.Subscription_Cart_btn {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 1px;
    padding: .9375rem 1.5625rem;
    text-transform: uppercase;
    text-align: center;
    border: 0px;
    background-color: #2fb4e6;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.acpt-tandc {
    margin-top: 18px;
    /*! width: 82%; */
    /*! border-top: 1px dotted #6c6c6c; */
    padding-top: 9px;
    /*! display: none; */
}

    .acpt-tandc label {
        font-size: 12px;
        color: #5e5e5e;
    }

        .acpt-tandc label a {
            color: #1e86e1;
        }

.shipment_options {
    /*! display: none; */
    /*! width: 100%; */
}


.Grind-v {
    margin-top: 25px;
}

.Grind-opt-iocn img {
    width: 70px;
}

.Grind-opt {
    text-align: center;
}

.Grind-numbers p {
    font-size: 13px;
    color: #393939;
    margin-bottom: 0px;
}

.shiment-Grind-v {
    display: flex;
    flex-wrap: wrap;
}

.Grind-opt {
    width: 30%;
    cursor: pointer;
    margin-bottom: 5px;
    display: flex;
    position: relative;
    background-color: #ccc;
    text-align: center;
    border: 2px solid #e8e8e8;
    border-radius: 2px;
    background-color: #FFF;
    box-shadow: 3px 5px 8px rgb(0 0 0 / 10%);
    margin-right: 8px;
    float: none;
    cursor: pointer;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    transition: 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.Grind-numbers span {
    font-size: 11px;
    line-height: -2px;
    /*! font-weight: 500; */
    /*! margin-top: 10px; */
    color: #2fb4e6;
}

.Grind-numbers h6 {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0px;
}


.Grind-numbers p {
    font-size: 11px;
    color: #393939;
    margin-bottom: 0px;
    line-height: 15px;
    margin-top: 3px;
}

.Grind-opt.active {
    border: 2px solid #228acd;
}

.sub-wt-v p b {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #0b1c39;
    font-weight: 500;
}

.sub-wt-v p span {
    font-size: 14px;
    color: #393939;
}

.d-flex-p-q {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subc-item-price p {
    margin-bottom: 0px;
    font-size: 17px;
    color: #319ec3;
    padding-top: 5px;
    font-weight: 500;
    margin-left: 15px;
}

.product-ct-title {
    margin-bottom: 20px;
}

.product-image-holiday a img {
    width: 80%;
}




.back-to-cart-btn {
    margin-top: 2rem;
}

.back-to-ctr img {
    font-size:;
    width: 17px;
    margin-right: 9px;
}

.back-to-ctr {
    border: 1px solid #5dcaed;
    font-size: 14px;
    padding: 10px 25px;
    background-color:;
    border-radius: 3px;
    background-color: transparent;
    margin-top: 1rem;
    color: #1bafdf;
    cursor: pointer;
}

.delvy-et-order-img {
    width: 25%;
}

    .delvy-et-order-img img {
        width: 100%;
    }

.delvy-et-v {
    border-bottom: 1px dashed #eaeaec;
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.delvy-et-order-date div {
    margin-left: 0px;
    color: #282c3f;
    font-size: 12px;
    margin-bottom: 0px;
}

.od-et-date {
    font-size: 12px;
    color: #489eb9;
    text-transform: capitalize;
}

.devly-estimate h3 {
    font-size: 14px;
    text-transform: uppercase;
     font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 8px;
}

.order-no-ct {
    color: #ac831d !important;
    font-size: 13px !important;
    margin-bottom: 1px !important;
}

.payment-base-title-st {
    font-weight: 400;
    color: #282c3f;
    font-size: 18px;
    margin: 12px 0;
}

/*------------------- tabes --------------------------------*/

.tabs {
    max-width: 60rem;
    display: flex;
}

    .tabs > ul {
        list-style-type: none;
        padding: 0;
        width: 65%;
    }

        .tabs > ul li {
            display: block;
            text-align: left;
            /*! border-bottom: 1px solid #e8e8e8; */
            /*! border-right: 1px solid #e8e8e8; */
        }

            .tabs > ul li a {
                display: block;
                text-decoration: none;
                background: #f3f6f9;
                padding: 1rem 1.5rem;
                color: rgba(255, 255, 255, 0.6);
                transition: all 0.2s ease-in-out;
                border-bottom: 1px solid #e8e8e8;
                border-right: 1px solid #e8e8e8;
            }

                .tabs > ul li a.active {
                    background: #fff;
                    color: #2C2C2C;
                    border-right: 0px;
                    border-left: 2px solid #33b7e3;
                    /*! border-radius: 4px; */
                }

                .tabs > ul li a:hover:not(.active) {
                    color: #fff;
                }

    .tabs section {
        background: #fff;
        padding: 15px 30px;
        display: none;
        width: 100%;
    }

        .tabs section.active {
            display: block;
        }

.cards img {
    /*width: 60%;*/
}

.cards span {
    margin-left: 15px;
    font-size: 14px;
    float: right;
    color: #000;
    text-transform: uppercase;
}

.pay-card-v h3 {
    font-size: 17px;
    text-transform: uppercase;
}

.saved-card-list {
    margin-top: 1rem;
}

    .saved-card-list h6 {
        font-size: 14px;
        font-weight: 300;
        color: #5e5d5d;
    }

.svd-card {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}


.svd-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    box-shadow: 0px 0px 0px #ccccccab;
    background-color: #fff;
    margin-bottom: 7px;
    margin-top: 10px;
}

.svd-crd-iocn img {
    width: 30px;
}

.card-num-svd {
    display: flex;
    justify-content: space-between;
}

.svd-crd-ifo p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
    letter-spacing: 2px;
    line-break: auto;
    font-weight: 400;
}

.radio.svd-radio {
    width: 30px;
    position: relative;
    top: -2px;
}

.card-num-svd input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: absolute;
    top: -2px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.card-num-svd input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.new-card-list h6 {
    font-size: 14px;
    font-weight: 300;
    color: #5e5d5d;
}

.new-card-list {
    margin-top: 2rem;
}

.new_card_num input {
    width: 100%;
    font-size: 14px;
    padding: 12px;
    border: 0.5px solid #e1e0e0;
    background-color: transparent;
    font-weight: 300;
    border-radius: 4px;
    line-height: 14px;
    background-color: #fff;
    /*! opacity: 1; */
    box-shadow: 1px 2px 65px #ccc0;
    background-color: #fff;
}

.new_card_num label {
    font-size: 12px;
    margin-bottom: 2px;
}

.dv-lex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.new_card_num {
    margin-bottom: 10px;
}

    .new_card_num.Expiry {
        margin-right: 10px;
    }

    .new_card_num.card-number {
        width: 100%;
        margin-right: 10px;
    }

.pay-btn-cx {
    width: 100%;
    padding: 10px;
    border: 1px solid #228acd;
    background-color: #228acd;
    margin-top: 5px;
    display: block;
    border-radius: 2px;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}


.pay-btn-v {
    margin-top: 15px;
}

.py-tty-d p {
    margin-bottom: 0px;
    padding: 5px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.py-tty-d {
    background-color: #f3f6f9;
}

.payment-list-options {
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.dc-wallet-v h3 {
    font-size: 17px;
    text-transform: uppercase;
}

.iocn-w-v img {
    width: 30px;
    height: 30px;
    width: 42px;
    height: 42px;
    border: 1px solid #e9e9eb;
    border-radius: 50%;
    margin-right: 10px;
}

.dc-w {
    display: flex;
    margin-top: 1.5rem;
}

.dc-w-info {
    margin-left: 4px;
    font-size: 14px;
    color: #282c3f;
    width: 100%;
}

.radio.dc-w-radio {
    width: 30px;
    position: relative;
    top: 5px;
}

.dc-w-radio input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: absolute;
    top: -2px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.dc-w-radio input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.pay-w {
    margin-top: 20px;
    display: none;
}

.payment-options {
    /*! display: none; */
}

.right-ct-d {
    border-left: 1px solid #a4a4a47d;
}

.styk-v {
    position: sticky;
    top: 6rem;
    padding-left: 5px;
}

.back-to-address-btn {
    margin-top: 2rem;
}

.back-to-address {
    border: 1px solid #228acd;
    font-size: 14px;
    padding: 10px 25px;
    background-color:;
    border-radius: 3px;
    background-color: transparent;
    margin-top: 1rem;
    color: #1bafdf;
    cursor: pointer;
}

    .back-to-address img {
        font-size:;
        width: 17px;
        margin-right: 9px;
    }

.back-to-address {
    font-size: 14px;
    color: black;
    cursor: pointer;
}

/*---------------- subscription cart page css --------------*/
.cart-subscription-section {
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    background-color: rgb(248, 248, 248);
    border-radius: 1px;
    min-height: 150px;
    box-shadow: 0px 0px 3px #c6c6c659;
}

.subc-flex {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 13px;
}

.grinf-type-ct-v span {
    font-size: 13px !important;
    margin-left: 5px;
    color: #4a4a4a;
}

.period-numbers span {
    font-size: 11px;
    color: #d9a730;
}

.period-numbers span {
    font-size: 11px;
    color: #d9a730;
}

.dvd-line {
    /*! border-right: 1px solid #ccc; */
    /*! margin-right: 15px; */
}

.shipment_options.Frequency-v {
    /*! width: 50%; */
    margin-top: 45px;
    margin-left: 0px;
}

.subscription-options-v {
    background-color: #fff;
    padding-bottom: 15px;
    margin-top: 1.5rem;
    border: 2px solid #fff;
    border-radius: 2px;
    /*! background-color: #EEEEEE1A; */
    /*! box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1); */
}

.subdcription-devx-p {
    display: unset;
    width: 100%;
}

.st-date-renewal {
    margin: 18px 13px;
    border-top: 1px dotted #c6c6c6;
    padding-top: 12px;
}

.ct-dd-line {
    width: 25px;
    height: 1px;
    display: inline-block;
    background-color: #5dcaed;
    position: relative;
    top: -4px;
    left: 5px;
}

.start-date {
    /*! display: flex; */
}

.srart-date-info p {
    font-size: 12px;
    line-height: 15px;
    color: #8a8989;
    font-weight: 400;
}

.srart-date-info h6 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}

.date-input-v input {
    font-size: 14px !important;
    font-weight: 300;
    empty-cells:;
    /*! margin-left: 24px; */
    /*! border: 1px solid #ccc !important; */
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*! line-height: 10px !important; */
    border-radius: 3px;
    padding: 5px 6px !important;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    /*! box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1); */
}

.row.st-dr-flx {
    margin: 0px;
}

.start-date {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 4px;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
}

.renewal-v {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 4px;
    min-height: 123px;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
}

    .renewal-v h6 {
        font-size: 14px;
        margin-bottom: 0px;
        font-weight: 500;
    }

    .renewal-v p {
        font-size: 12px;
        line-height: 15px;
        color: #8a8989;
        font-weight: 400;
    }

.renewal-redio {
    display: flex;
}

.renewal-info-rd {
    font-size: 14px;
    margin-left: 8px;
}


.renw-radio input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: absolute;
    top: -2px;
    left: 1px;
    border: 1px solid #33b7e3;
    background-color: #fff;
    border-radius: 50%;
}

.renw-radio input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33b7e3;
}

.renw-radio input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 5px;
    margin-right: 15px;
    font-size: 13px;
    top: -6px;
}

.ftv-gift-v-flx {
    display: flex;
    display: flex;
    -moz-box-pack: start;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px dotted #c6c6c6;
}

.ftv-gift-section {
    width: 100%;
}

.fvt-checkbox {
    width: 50%;
}

.shep-info-title h5 {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.shep-info-title p {
    font-size: 13px;
}

    .shep-info-title p span {
        padding: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #000;
    }

.shpe-month p {
    text-transform: capitalize;
    color: #6a6a6a;
    line-height: 0px;
    font-size: 14px;
}

.shep-v-date-m p {
    text-transform: capitalize;
    color: #238eb0;
    line-height: 0px;
    font-size: 14px;
}

.dlfx-shp-v {
    display: flex;
    margin-bottom: 25px;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    padding: 22px 25px;
    padding-bottom: 5px;
    /*! width: 41%; */
    -moz-box-pack: justify;
    justify-content: space-between;
}

.did-line {
    display: inline-block;
    border-top: 1px dashed #696B79;
    height: 4px;
    width: 14%;
    margin: 0px 10px;
    /*! border: 2px solid #fff; */
    /*! border-radius: 2px; */
    /*! background-color: #A8AFB01A; */
    /*! box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1); */
}

.shep-v-date-m p span {
    color: #8a8686;
    margin-right: 11px;
}

.your-shep-dtl {
    margin-top: 15px;
}

/*----------- profile page order status desgin -----------*/

.order-status {
    padding-right: 10px;
    border-right: 1px solid #8c8c8c;
    color: black;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.Track-order-bt {
    font-size: 12px;
    text-transform: uppercase;
    color: #606060;
}

.trk-img-x {
    margin-left: 3px;
    height: 16px;
    margin-right: 2px;
}

.pr-Quantity {
    font-size: 12px;
    text-transform: capitalize;
}

.qt-v {
    font-weight: 411;
    color: black;
    font-size: 14px;
}


/* Smartphones (landscape) ----------- */


@media only screen and (min-width : 300px) and (max-width : 540px) {

    .tracking-v {
        display: block;
    }

    .order-no-v {
        display: block;
    }
}

@media only screen and (min-width : 300px) and (max-width : 840px) {

    /*----------------------- profile panel css new ------------*/

    .ct_title {
        position: static;
        bottom: 0rem;
        text-align: center;
        right: 4px;
        writing-mode: unset;
        transform: unset;
    }

    .sub-v-img img {
        width: 350px;
        position: relative;
        top: 0px;
    }

    .sub-v-img {
        width: 100%;
        transform: translateX(0px);
        text-align: center;
    }

    .subsc-in {
        display: unset;
    }

    .sub-v-cnt {
        text-align: center;
        margin-top: 16px;
    }

    .subscription-h {
        margin-bottom: 15px;
    }

    .Catering-in {
        display: unset;
        align-items: center;
    }

    .Catering-v-img img {
        width: 372px;
        position: relative;
        top: 0rem;
        overflow: hidden;
    }

    .Catering-v-cnt {
        text-align: center;
    }

    .Catering-v-img {
        width: auto;
        flex-shrink: 0;
        transform: translateX(0px);
        text-align: center;
        margin-top: 20px;
    }

    .checkout-steps {
        margin: auto;
        width: 75%;
    }

        .checkout-steps .step {
            display: inline-block;
            letter-spacing: 1px;
            cursor: default;
        }

        .checkout-steps li {
            font-size: 10px;
        }

    .secureContainer img {
        height: 12px;
        margin-right: 1px;
    }

    .checkout-steps .divider {
        width: 3%;
    }

    .secure {
        font-size: 9px;
    }

    .secureContainer {
        top: 7px;
    }

    .Continue-Shopping-btn button {
        width: 100%;
        font-size: 14px;
        margin-bottom: 31px;
    }

    .Continue-Shopping-btn {
        border-bottom: 1px dotted #b5b5b5;
        margin-bottom: 18px;
    }

    .ads-base-title-st {
        font-size: 13px;
        margin: 12px 0;
    }

    .ads-base-addAddressButton {
        padding: 6px 8px 6px;
        border-radius: 4px;
        cursor: pointer;
    }

    .back-to-cart-btn {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .back-to-ctr {
        width: 100%;
    }

    .cat-address-v {
        border-bottom: 1px dotted #b0b0b0;
        margin-bottom: 1rem;
    }

    .ads-base-footer {
        bottom: -15px;
    }

    .model-new-addressForm {
        margin-top: 5px;
    }

    .tabs {
        display: unset;
    }

        .tabs > ul li a {
            border-right: 0px;
        }

            .tabs > ul li a.active {
                border-right: 2px solid #33b7e3;
                border-left: 2px solid #33b7e3;
            }

        .tabs section {
            padding: 10px 5px;
        }

    .dv-lex {
        display: unset;
    }

    .new_card_num.Expiry {
        margin-right: 0px;
    }

    .payment-options {
        border-bottom: 1px dotted #b0b0b0;
        margin-bottom: 1rem;
    }

    .back-to-address-btn {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .back-to-address {
        font-size: 13px;
        color: #1bafdf;
        cursor: pointer;
        width: 100%;
    }

    .py-tty-d p {
        border-right: 0px;
    }

    .tabs > ul {
        width: 100%;
    }

    .track-p-items {
        overflow: hidden;
    }

    .Subscription-section {
        height: auto;
    }

    .subscription-title-v {
        position: relative;
        top: -3rem;
    }


    .sub-s-title-l h2 {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 55px;
        width: 400px;
    }

    .sub-s-title-l h1 {
        width: 100%;
        color: #fff;
    }

    .about-subscrption {
        padding: 3rem 0rem;
    }

    .how-sub-m-title h1 {
        font-size: 27px;
    }

    .sub-all-optn {
        display: flex;
        overflow: scroll;
        /*! height: 30px; */
        width: 100%;
        padding-bottom: 1rem;
    }

    .sub-ech-optn {
        display: block ruby;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 667px) and (max-width : 980px) {
    .my-cal-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .ads-base-footer {
        bottom: -33px;
    }

    .tabs > ul {
        width: 390px;
    }

    .dv-lex {
        display: unset;
    }
}


@media only screen and (min-width : 768px) and (max-width : 1024px) {

    .tabs section {
        background: #fff;
        padding: 15px 10px;
    }
}

/*--------- cart and check out pages desgin 3/26/2021 --end-----*/

/*--------- cart and check out pages desgin 14/4/2021 --end-----*/

.cart-adress-show {
    margin-bottom: 3rem;
    padding: 0px 15px;
}

.cart-adress-show {
    display: none;
}

.shiping-information h3 {
    font-size: 14px;
    text-transform: uppercase;
     font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.shiping-information {
    padding: 10px;
    padding-bottom: 10px;
    padding-bottom: 10px;
    padding-bottom: 10px;
    /*! background-color: #f8f8f8; */
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #a29e9e;
}

    .shiping-information p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 5px;
    }

.options-ship-redio input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    position: absolute;
    top: 2px;
    left: 1px;
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 50%;
}

.options-ship-redio input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #228acd;
}


.ship-amt {
    text-align: right;
    float: right;
    font-size: 13px;
    position: relative;
    top: 3px;
    font-weight: 500;
}

.ads-v-st-info h3 {
    font-size: 14px;
    text-transform: uppercase;
     font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 0px;
}

.check-ads-box-1 {
    /* background-color: #f7f7f7; */
    padding: 10px;
    margin-bottom: 11px;
    height: 35px;
    border-radius: 5px;
}
/*20-04-021 changes*/
a.ew-ct-ad-btn {
    font-size: 14px;
    color: #33b7e3;
    /* border: 1px solid #ccc; */
    /* padding: 10px; */
}

.ads-edit-rem-btns a {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .5px;
    background: transparent;
    cursor: pointer;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    padding: 5.5px 10px;
    /* margin-left: 10px; */
}


select#ddlCountryCode {
    margin-right: 0px;
    border-bottom: 1px solid #e9ebf4;
    height: 40px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 0px;
    font-size: 14px;
    width: 65px;
    display: block;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #E5ECFF;
    padding-left: 2px;
}

.try-it-x2 {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}

/*Footer 05-05-2021*/
.app-f-tl h5 {
    color: #ddd !important;
}

.drcafe2 {
    color: #a67219;
    font-weight: 500;
}

app-f-tl p {
    font-size: 12px;
    line-height: 24px;
}

.drcafe1 {
    color: #86837d;
    font-style: italic;
    text-transform: lowercase;
    font-weight: 300;
}

.footer-awd-view img {
    width: 80%;
}

.ftr-img-d {
    margin-bottom: 3rem;
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 2rem;
}

footer {
    border-top: 4px solid #a67219;
    overflow: hidden;
}

.footer-awd-view {
    text-align: center;
}

.app-f-tl p {
    font-size: 12px;
    line-height: 19px;
}

.footer-c-title-v h6 {
    color: #fff;
    line-height: 25px;
}

.app-links a img {
    width: 100%;
}

.app-links a {
    padding: 4px;
}

.s-links p a {
    padding: 10px 9px;
    font-size: 14px;
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 40px;
    border: 2px solid #313131;
    color: #fff;
    box-shadow: 0px 1px 16px #00000078;
    border-radius: 50px;
    /* border: 1px solid #4e3e0d; */
    margin: 0px 5px;
}

/*.app-links {
	display: flex;
	margin-bottom: 1.5rem;
	align-items: center;
}*/

.app-links {
    display: flex;
    width: 70%;
}

.payment-act ul li {
    display: inline-block;
    padding: 0px 2px;
    color: #8a8a8a;
    font-size: 22px;
}

.payment-act ul {
    padding: 0px;
}

    .payment-act ul li i {
        position: relative;
        top: 1px;
    }

.payment-act ul {
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    padding-right: 15px;
}


/*-------------  cart dly animation -----------------*/


.road {
    position: absolute;
    width: 326px;
    height: 63px;
    /*! background-color:#2F363F; */
    /*! border-radius:50px; */
    z-index: -3;
    overflow: hidden;
    left: 0;
    top: 0;
}

.rd-lins {
    position: absolute;
    list-style-type: none;
    top: 22px;
    left: -15px;
    z-index: -2;
}

    .rd-lins li {
        display: inline-block;
        position: relative;
        width: 8px;
        height: 2px;
        border-radius: 20px;
        background-color: #6a6a6a;
        margin-left: 5px;
        animation: new 9s infinite linear;
    }

@keyframes new {
    0%,40% {
        opacity: 1;
        left: 350px;
    }

    50% {
        left: 0px;
    }

    75% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.bus {
    position: absolute;
    animation: move 9s infinite 0s linear;
    right: 110px;
}

@keyframes move {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    15% {
        transform: translateX(300px);
        opacity: 1;
    }

    25% {
        transform: translateX(-40px);
    }

    49% {
        transform: translateX(-40px);
    }

    55% {
        transform: translateX(10px);
    }

    65% {
        transform: translateX(-65px);
    }

    100% {
        transform: translateX(450px);
    }
}

.back {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 64px;
    height: 30px;
    background-color: #444341;
    border-radius: 1px;
}

.back1door {
    position: absolute;
    top: 1px;
    right: 63px;
    width: 15px;
    height: 4px;
    background-color: #444341;
    animation: 10s linear infinite;
    transform-origin: 130% 130%;
    transform: rotateZ(-90deg);
    animation: move1 9s infinite 1.1s linear;
}

@keyframes move1 {
    0% {
    }

    15% {
        transform: rotate(-90deg);
    }

    20% {
        transform: rotate(25deg);
    }

    23% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(-90deg);
    }
}

.back2door {
    position: absolute;
    top: 26px;
    right: 64px;
    width: 15px;
    height: 4px;
    background-color: #444341;
    animation: 10s linear infinite;
    transform-origin: 100% 100%;
    transform: rotateZ(90deg);
    animation: move2 9s infinite 1s linear;
}

@keyframes move2 {
    0% {
    }

    15% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    23% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(90deg);
    }
}

.front {
    position: absolute;
    top: 19px;
    right: -54px;
    width: 46px;
    height: 32px;
    background-color: #0b679a;
    border-radius: 0 10px 10px 0;
    z-index: -2;
}

    .front::after {
        position: absolute;
        content: "";
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 33px;
        height: 100%;
        background-color: #0b679a;
        border-radius: 0 10px 10px 0;
        z-index: -1;
    }

.black {
    position: absolute;
    margin: 0 17px;
    top: 2px;
    width: 15px;
    height: 28px;
    background-color: #000;
    border-radius: 0 30px 30px 0;
}

    .black::after {
        position: absolute;
        content: "";
        top: 10px;
        width: 100%;
        height: 5px;
        transform: skew(-10deg);
        background-color: #A4B0BD;
        opacity: 0.3;
    }

    .black::before {
        position: absolute;
        content: "";
        top: 20px;
        width: 100%;
        height: 5px;
        transform: skew(-10deg);
        background-color: #A4B0BD;
        opacity: 0.3;
    }

.join {
    position: absolute;
    top: 7px;
    right: -10px;
    background-color: #DAE0E2;
    width: 15px;
    height: 19px;
    z-index: -3;
}

.light1 {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 5px;
    height: 12px;
    background-color: #2D2D2D;
    border-radius: 10px;
}

    .light1::after {
        position: absolute;
        content: "";
        top: 0px;
        left: 5px;
        width: 0px;
        height: 15px;
        background-color: #E1DA00;
        opacity: 0.5;
        box-shadow: 5px 0px 5px 1px #e1da0061, 10px 0px 5px 2px #e1da007d, 15px 0px 5px 3px #e1da006b, 20px 0px 5px 4px #e1da0078, 25px 0px 6px 5px #e1da0052, 28px 0px 7px 6px #e1da006b;
        border-radius: 10px;
        opacity: 0.8;
    }

.light2 {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 5px;
    height: 11px;
    background-color: #000;
    border-radius: 10px;
}

    .light2::after {
        position: absolute;
        content: "";
        top: 0px;
        left: 5px;
        width: 0px;
        height: 15px;
        background-color: #E1DA00;
        opacity: 0.5;
        box-shadow: 5px 0px 5px 1px #e1da0061, 10px 0px 5px 2px #e1da007d, 15px 0px 5px 3px #e1da006b, 20px 0px 5px 4px #e1da0078, 25px 0px 6px 5px #e1da0052, 28px 0px 7px 6px #e1da006b;
        border-radius: 10px;
        opacity: 0.8;
    }

.gift {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 24px;
    left: 0px;
    background-color: #e7b47d;
    border-radius: 10px;
    overflow: hidden;
    animation: giftan 9s infinite ease-in-out;
}

    .gift::after {
        position: absolute;
        content: "";
        top: 16px;
        left: 0;
        right: 0;
        width: 35px;
        height: 3px;
        background-color: #616C6F;
        opacity: 0.8;
        border-radius: 1px;
        z-index: 1;
    }

@keyframes giftan {
    0% {
        transform: scale(1.0);
    }

    10% {
        transform: translateX(20px);
    }

    30% {
        transform: translateX(20px);
    }

    36% {
        transform: scale(1.0) translateX(120px);
        opacity: 1;
        z-index: -1;
    }

    37% {
        opacity: 0;
    }

    100% {
        transform: scale(0) translateX(350px);
        opacity: 0;
    }
}

.text {
    position: absolute;
    margin: 30px;
    left: 40px;
    font-size: 1.5em;
    display: flex;
    color: #F3B431;
    font-style: bolder;
    animation: show2 9s infinite;
}

@keyframes show2 {
    0%,80% {
        opacity: 0;
    }
}

.main {
    position: relative;
    z-index: 99;
    top: -2.2rem;
    left: -20px;
}

/*10-05-2021*/
.chg-btn {
    float: right;
    cursor: pointer;
    color: #228acd;
    border: 0;
    background: none;
    font-size: 14px;
}

.chg-date {
    float: right;
    cursor: pointer;
    color: #479bb5;
}

.st-drlivery {
    display: none;
}

.save-date-dd {
    border: 0px;
    font-size: 14px;
    padding: 6px;
    background-color: #5dcaed;
    color: #fff;
    cursor: pointer;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 10px;
}

a, button {
    outline: medium none;
}

div {
    display: block;
}

#reportdate {
    /*border-bottom: 1px solid #e9ebf4 !important;
	border: 0px;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: 0px;
	padding: 5px 0px;*/
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    font-weight: 300;
}

*, ::after, ::before {
    box-sizing: border-box;
}

/*12-05-2021*/
/*---------------- bulk orders ------------------*/

.bulkorders-section {
    padding: 4rem 0rem;
}

.bg-bulk {
    padding: 5% 5%;
    background-color: #f5f5f5;
}

.bulk-title h1 {
    max-width: 46rem;
    font-size: 2.8rem;
    line-height: 1.1;
    font-weight: 700;
}

.bulk-pr p {
    font-size: 14px;
}

.bulk-pr {
    margin-top: 15px;
}

.wholesale-fr-title h6 {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.address-v-box textarea {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #242424;
    padding: 0 15px;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-weight: 300;
}

.form-bg-hw {
    background-color: #fff;
    padding: 3%;
    position: relative;
    /*! right: -38px; */
    /*box-shadow: 1px 2px 10px #00000030;*/
}

.form-wd-submit button {
    border: 0px;
    padding: 7px 30px;
    font-size: 14px;
    background-color: #228acd;
    border-radius: 5px;
    color: #fff;
}

.buldk0img img {
    width: 100%;
}

.buldk0img {
    margin-top: 3rem;
}

    .buldk0img img {
        width: 100%;
        border: 15px solid #fff;
    }

.st-dlv-option {
    display: inline-table;
    width: 100%;
    border: 1px solid #dedede !important;
    padding: 3px 8px !important;
    height: 40px !important;
    border-radius: 4px;
}
/*---------pag nav numbers--*/

.nav-pagv li {
    display: inline-block;
    padding: 5px 5px;
}

    .nav-pagv li a {
        font-size: 14px;
        color: #939393;
    }

.Pagination-nav {
    text-align: center;
}

.n-active a {
    color: #6ebfe6 !important;
    padding: 2px 5px;
    border-bottom: 1px solid #70cadf;
}

.nav-pagv li a:hover {
    color: #74c1e7;
}

@media only screen and (min-width : 300px) and (max-width : 840px) {

    /*----------------------- profile panel css new ------------*/
    .s-links p a {
        padding: 8px 9px;
        font-size: 14px;
        width: 35px;
        display: inline-block;
        text-align: center;
        height: 35px;
    }
}

/*------------- 13-05-2021---------*/

.free-dly-note-v p {
    font-size: 12px;
    margin-bottom: 0px;
    color: #000;
    line-height: 20px;
}

.free-dly-note-v {
    padding: 10px;
    background-color: #228acd59;
    margin-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}

.est-date-v {
    display: flex;
    padding: 10px;
    align-items: center;
    background-color: #f3f6f9;
    border-radius: 5px;
}

.est-d-img img {
    width: 60%;
    opacity: 0.6;
}

.est-d-img {
    width: 19%;
    text-align: center;
}

.est-bg-v {
    margin-top: 15px;
    margin-bottom: 10px;
}

.est-d-info h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0px;
}

.est-d-info {
    background-color: #fafafb;
    padding: 5px 0px 0px 5px;
    width: 100%;
    border-radius: 4px;
}

    .est-d-info h6 {
        text-transform: uppercase;
        font-size: 13px;
        margin-bottom: 3px;
        font-weight: 500;
        color: #000;
    }


.est-d-view {
    font-size: 14px;
    font-weight: 400;
    color: #1f3d46;
}

.dc-data-section-x {
    padding: 3rem 0rem;
}



.title-dc-data h4 {
    text-transform: uppercase;
    border-bottom: 1px solid #9a761d;
    color: #000;
    margin-bottom: 0px;
}

.title-dc-data {
    margin-bottom: 20px;
}

.dc-info-data-p p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
}

.dr {
    font-family: Times New Roman;
    color: #86837d;
    font-style: italic;
    text-transform: lowercase;
}

span.dr.fnt-fnv {
    font-size: 34px;
}

.caco {
    color: #a67219;
    font-size: 12px;
    font-weight: bold;
}

.dc-info-data-p p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #535353;
    line-height: 22px;
    font-weight: 300;
}

.info-dc-title-data {
    margin-top: 30px;
}

.last-up-dc-data {
    font-size: 13px;
}

.info-dc-title-data h5 {
    font-size: 15px;
}

.list-v-data-dc ul {
    padding-left: 25px;
}

    .list-v-data-dc ul li {
        line-height: 30px;
        list-style: disclosure-closed;
        font-size: 14px;
        color: #535353;
        font-weight: 300;
    }

.tm-clr {
    color: #a67219;
}

.list-v-data-dc ol li {
    line-height: 30px;
    list-style: decimal;
    font-size: 14px;
    color: #535353;
    font-weight: 300;
}

.dc-data-section-x {
    padding: 3rem 0rem;
}




/*19-05-2021*/

/*------------ footer css 17-05-2021 ------------*/

.ft_link-list-title h5 {
    color: #ddd !important;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #f4f4f4;
}




.ft-links-list-v ul {
    padding: 0;
    list-style: none;
    font-size: 0.92857rem !important;
    margin-bottom: 0px;
}

    .ft-links-list-v ul li {
        margin-top: 0.71429rem !important;
        margin-bottom: 0.71429rem !important;
    }

.text-white {
    color: #fff !important;
}

.form-control, .form-control:focus {
    color: #000;
}

.form-control {
    border-color: #ccc;
    /*height: auto;*/
}

[class*="input-group-"] {
    min-width: 38px;
    background-color: transparent;
    border-color: #ccc;
    transition: border-color .15s ease-in-out 0s;
}

.Subscribe-btn {
    border-color: #b08400;
    background-color: #b08400;
    color: #fff;
    padding: 20px;
    height: 40px;
    border-radius: 5px;
}

.privacy-policy p {
    color: #999 !important;
    font-size: 0.92857rem !important;
}

    .privacy-policy p span a {
        color: #cdcdce;
        text-decoration: underline;
    }

.subscribe-form input {
    height: 40px;
    font-size: 14px;
}


/*------------ slider for products ------------*/
.our-products .owl-prev, .owl-next {
    border: 0px;
    padding: 0px 8px;
    position: relative;
    border: 1px solid #fff;
    margin-top: 13px;
    margin-right: 5px;
    margin-left: 4px;
    border-radius: 50px;
    box-shadow: 1px 2px 3px #aeaeae;
    color: #7b7b7b;
}

.our-products .owl-nav {
    /*top: 40px;
	left: -96px;*/
}

/*--------- new lunch sidler css --------------*/


.nt-ink h1 {
    color: #000;
    font-size: 35px;
}



.swiper-container-wp8-horizontal .dc-c-title {
    text-align: center;
    /*! margin-left: 10px; */
}


.best-selling-section {
    padding: 4rem 0px;
    background-color: #d2d2d2;
    /*background-image: url(../img/bd-bg1.jpg);*/
    background-position: center;
    background-color: #f5f5f5;
}

#ct_slide .owl-item .item {
    margin: 10px;
}

#ct_slide .owl-nav {
    display: block;
    display: flex;
    justify-content: space-between;
}

    #ct_slide .owl-nav .owl-prev {
        position: absolute;
        left: -30px;
        top: 30%;
        padding: 0px 8px;
        border: 1px solid #fff;
        margin-top: 13px;
        margin-right: 5px;
        margin-left: 4px;
        border-radius: 50px;
        box-shadow: 1px 2px 3px #aeaeae;
        color: #7b7b7b;
    }

    #ct_slide .owl-nav .owl-next {
        position: absolute;
        right: -30px;
        top: 30%;
        padding: 0px 8px;
        border: 1px solid #fff;
        margin-top: 13px;
        margin-right: 5px;
        margin-left: 4px;
        border-radius: 50px;
        box-shadow: 1px 2px 3px #aeaeae;
        color: #7b7b7b;
    }

.snt_password {
    margin-top: 10px;
}

.toreply {
    font-size: 14px;
}

select#ddlCountryCodeE {
    border: 1px solid #000;
    border-radius: 0px;
    padding: 4px 4px;
    height: 42px;
}

/*20-05-2021 product Slider*/
.ct_title {
    position: absolute;
    bottom: 0rem;
    text-align: left;
    right: 4px;
    writing-mode: tb-rl;
    transform: rotate( -180deg );
}

    .ct_title h1 {
        margin-bottom: 4px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .ct_title h1 {
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-size: 30px;
    }

    .ct_title p {
        color: #000;
        font-weight: 400;
        font-size: 12px;
        margin: 0px;
        padding: 5px 0px;
    }

    .ct_title p {
        color: #000;
        font-weight: 400;
        font-size: 15px;
    }

.box-product {
    position: relative;
    background-color: #ccc;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1);
    float: none;
    cursor: pointer;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    transition: 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    max-width: 230px;
    min-width: 230px;
}

.box-product-img {
    height: 150px;
}

    .box-product-img img {
        width: 100%;
        position: absolute;
        left: 0;
        top: -5rem;
    }

.product-v-n-img img {
    width: 100%;
    position: relative;
}

.new-arv-b-pro {
    display: flex;
    align-items: center;
    background-image: url(../img/pd-bg.jpg);
    height: 368px;
    text-align: center;
    margin: 0px 10px;
    top: 24px;
    position: relative;
}

.dc-img-demo {
    min-height: 190px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.nt-ink h1 {
    color: #000;
    font-size: 35px;
}

.nt-ink h4 {
    color: #605d5d;
    font-size: 18px;
}

.nt-ink p {
    font-size: 13px;
    padding: 15px 10px;
    color: #4d4545;
    line-height: 18px;
}

.nv-btn-v {
    text-transform: uppercase;
    padding: 10px;
    font-size: 14px;
    border-radius: 1px;
    border-bottom: 3px solid #c6a98b;
}

.hlp-btn a {
    display: flex;
    align-items: center;
    padding: 0px;
    border-radius: 7px;
    background-color: #000;
    margin-right: 10px;
}

.dc--help-x {
    display: flex;
    align-items: center;
}

.cst-note {
    width: 80%;
}

.hlp-btn {
    display: flex;
    align-items: center;
    border: 1.3px solid #8A8A8A;
    padding: 3px 10px 6px 0px;
    border-radius: 7px;
    background-color: #000;
    margin-right: 10px;
    height: 50px;
}



.cst-note p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 13px;
    margin-bottom: 0px;
}


.hlp-in-icon i {
    color: #fff;
    padding: 10px;
    position: relative;
    top: 3px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

.st-t-hlp {
    font-size: 13px;
    color: #d5d2d2;
}

.hlp-in-info p {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
}


/*Contact Us 21-05-2021*/

.Contact-main-section {
    padding: 4rem 0px;
}

.DC-contact-title h3 {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.contact-info-view {
    margin-top: 1rem;
    box-shadow: 0px 0px 7px #cccccc47;
    padding: 15px;
}

.input-box {
    margin-bottom: 14px;
}

    .input-box label {
        display: block;
        font-size: 14px;
    }

    .input-box input {
        position: relative;
        width: 100%;
        padding: 10px 10px;
        font-family: inherit;
        font-size: 14px;
        line-height: 20px;
        font-weight: inherit;
        color: #656565;
        background-color: transparent;
        border: 1px solid #ccc;
        outline: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        font-weight: 300;
        border-radius: 5px;
    }

    .input-box select {
        background: transparent url(../img/select-arrow-down.png) no-repeat scroll right 5px center;
        background-color: transparent;
        float: left;
        position: relative;
        width: 100%;
        padding: 10px 10px;
        font-family: inherit;
        font-weight: 300 !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: inherit;
        color: #a0a0a0;
        background-color: transparent;
        border: 1px solid #ccc;
        outline: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        border-radius: 5px
    }

.cnt-vx {
    display: flex;
    align-items: baseline;
}

.flg-cntry {
    padding: 9px;
    border: 1px solid #ccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    background-color: #dbdbdb;
    border-right: 0px;
    font-size: 14px;
    line-height: 22px;
}

.cnt-vx input {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
}

.DC-contact-title h3 {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 23px;
}

    .DC-contact-title h3 span {
        background-color: #fff;
        display: block;
        font-size: 13px;
        text-transform: capitalize;
        margin-top: 8px;
        padding-left: 4px;
    }

    .DC-contact-title h3::after {
        content: "";
        width: 80%;
        height: 1px;
        position: absolute;
        background-color: #228acd;
        top: 13px;
        right: 0;
    }
/*New Slider 27-05-2021*/
.our-products .owl-nav {
    width: 100%;
}

.our-products .owl-prev, .owl-next {
    border: 0px;
    padding: 0px 8px;
    position: absolute;
    border: 1px solid #fff;
    margin-top: 13px;
    margin-right: 5px;
    margin-left: 4px;
    border-radius: 50px;
    box-shadow: 1px 2px 3px #aeaeae;
    color: #7b7b7b;
    top: 60%;
}

.owl-prev {
    left: -1rem;
}

.owl-next {
    right: 9px;
}

.our-products {
    position: relative;
}

.swiper-slide.ag-slide_item.swiper-slide-active {
    opacity: 1;
    z-index: 2;
    will-change: transform;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

.logo-view-ftr {
    position: absolute;
    top: -45px;
    right: 85px;
}

    .logo-view-ftr img {
        width: 65px;
        padding: 4px;
    }

.pd-nav-v a {
    padding: 5px;
    font-size: 14px;
}

.active-pd-n {
    color: #228acd;
}

.swiper-wrapper.ag-slide_list {
    margin-top: 2rem;
}

li.swiper-slide.ag-slide_item.swiper-slide-active img {
    opacity: 1;
}

.menu-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    color: #262626;
    line-height: 18px;
     font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    color: #282828;
}

/*------------- FAQS 28-05-2021----------------*/

.faq-qt p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
}

.faq-ans p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #6f6d6d;
}

.faq-qt {
    background-color: #c7dbe129;
    padding: 0px 10px;
    border-radius: 5px 5px 0px 0px;
}

.faq-ans {
    background-color: #ffffff29;
    padding: 10px 10px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #eff9fd;
}

.faq-box {
    margin-bottom: 20px;
}

/*---------- product label top css --------*/

.tag-p-v {
    position: absolute;
    right: 5px;
    width: 45px;
    top: 5px;
}


.product-image {
    background-color: #f4f4f4;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
}

.product-media {
    position: relative;
    display: flex;
}

    .product-media .tag-p-v {
        width: 65px;
        right: 10px;
        top: 10px;
    }
/*03-06-2021*/

.prige-vx {
    /*margin-left: 20px;*/
}

    .prige-vx p {
        margin-bottom: 0px;
        font-size: 17px;
        color: #319ec3;
        font-weight: 500;
        /*margin-left:-1rem;*/
    }

/*08-06-2021*/
.order_rc-btn {
    border-top: 1px solid #eaeaea;
    padding: 5px 5px;
}

.order_down_btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 9px;
}

.od-buttons-re button {
    border: 0px;
    background-color: transparent;
    font-size: 13px;
    border: 1px solid #228acd;
    padding: 2px 25px;
    color: #228acd;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

/*08-06-2021*/

.product-media .product-thumb-v .thumb-item {
    box-sizing: border-box;
    border: 2px solid rgb(235, 236, 240);
    border-radius: 5px;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    width: 100%;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    transition: all 0.2s ease-in-out 0s;
    margin-bottom: 5px;
    /*margin-left:-10px;*/
}

    .product-media .product-thumb-v .thumb-item img {
        height: 65px;
        text-align: center;
        cursor: pointer;
    }


.dt-price {
    font-size: 21px;
    color: #444;
    padding-top: 5px;
    font-weight: bold;
}

.dt-price-old {
    font-size: 14px;
    font-weight: 400;
    color: #737171;
}

.pd-vat {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    padding-left: 7px;
}

.db-blk {
    display: block;
    padding-left: 0px;
}

.price-pdi {
    margin-top: 0px;
}

.Availability-v p {
    font-size: 14px;
    margin-bottom: 0px;
}

    .Availability-v p b {
        text-transform: uppercase;
        color: #353535;
        font-weight: 500;
        margin-right: 3px;
        font-size: 13px;
    }

    .Availability-v p span {
        color: #439b61;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

.single_add_to_cart_button {
    border: 0;
    background-color: #228acd !important;
    color: #fff;
    font-size: 14px;
    padding: 9px 20px;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #318ccb;
}

.pt-cat-v-btn {
    display: flex;
    align-items: center;
    justify-content: stretch;
    margin-top: 20px;
}

.inner-content {
  
    width: 100%;
    margin: 5px 0;
}

.active-st i {
    color: #FFD700;
}

.row.product-top-dp {
    margin-top: 2rem;
    margin-bottom: 6rem;
}

.prd-info-title {
    margin-bottom: 20px;
}

    .prd-info-title h4 {
        font-size: 16px;
        text-transform: capitalize;
    }

.product-spc-title {
    position: relative;
}

    .product-spc-title h5 {
        font-size: 15px;
        position: relative;
    }

        .product-spc-title h5 span {
            background-color: #000;
            color: #fff;
            padding: 2px 12px;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 6px;
        }

.product-itm-d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}

.product-itm-d-tl p {
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.product-itm-d-tl-info p {
    font-size: 14px;
    text-transform: capitalize;
    color: #737171;
    margin-bottom: 0px;
    font-weight: 300;
}

.ct-img-v {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ct-img-x img {
    width: 100%;
}

/*10-06-2021*/
/*--- order cnf --------*/

.order-cp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-v-md img {
    width: 45%;
}

.order-cp-header {
    background-color: #000;
    padding: 25px 15px;
    color: #fff;
    text-align: center;
}

.order-cp-v {
    margin-top: 2rem !important;
    /*! box-shadow: 1px 2px 3px #ccc; */
}

.order-flex-v {
    display: flex;
    align-items: center;
}

.order-sx-img img {
    width: 100%;
}

.order-sx-img {
    text-align: center;
    border-right: 1px solid #ccc;
    width: 70px;
    padding-right: 15px;
}

.order-info-stuts h1 {
    font-size: 17px;
    margin-bottom: 0px;
    color: #3bb54a;
}

.order-info-stuts {
    padding-left: 12px;
}

.order-flex-v {
    padding: 20px;
    border: 1px solid #3bb54a;
    border-radius: 4px;
}

.order-info-stuts p {
    margin-bottom: 0px;
    font-size: 14px;
}

.order-date-and-time-v {
    margin-top: 1rem;
}

    .order-date-and-time-v p {
        font-size: 13px;
        padding-left: 6px;
    }

.order-dt-tx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c6c6c6;
}

.print-invoice {
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}

    .print-invoice img {
        width: 13px;
        font-size: 14px;
        position: relative;
        top: -2px;
        margin-right: 6px;
    }

.item-no-od span {
    font-weight: bold;
    font-size: 14px;
}

.order-tx-address {
    margin-top: 20px;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.od-dly-ads h4 {
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}

.od-dly-ads b {
    font-size: 14px;
}

.od-dly-ads h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.od-dly-ads p {
    font-size: 14px;
    margin-bottom: 0px;
    width: 50%;
}

.od-dly-ads span {
    font-size: 14px;
    color: #777;
}

.type-dly h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.type-dly p {
    font-size: 14px;
}

.order-summary-tx {
    margin-top: 2rem;
}

.order-summery-ttl-tx h5 {
    font-size: 16px;
}

.order-summery-ttl-tx {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 1rem;
}

.order-py-d {
    display: flex;
    justify-content: space-between;
}

.tr-od-pay-md.tx-pay {
    padding: 0px;
    box-shadow: unset;
    margin-left: -3px;
}

.buttons-to-track {
    margin-top: 1rem;
    text-align: center;
}

    .buttons-to-track a button {
        border: 1px solid #5dcaed;
        font-size: 14px;
        padding: 5px 20px;
        margin: 0px 5px;
        background-color: #5dcaed;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
    }

.cart-information.tx-od-wd {
    width: 40%;
}

.payment-dtls.cart-information {
    width: 40%;
}

.order-cp-v {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.note-fr-rd {
    margin-top: 2rem;
    padding-top: 16px;
    font-size: 14px;
}

    .note-fr-rd p {
        font-size: 13px;
        line-height: 22px;
    }

.price-pdi {
    /*margin-top: 1rem;*/
}


.inner-content {
    margin: 5px 0;
}

    .inner-content input[type="radio"] {
        display: none;
    }

    .inner-content i {
        color: #dddddd;
        font-size: 18px;
        cursor: unset;
    }

    .inner-content input[type="radio"]:checked ~ label i {
        color: #FFD700;
    }

.inner-content {
    width: 100%;
}

    .inner-content h3 {
        margin: 0 0 15px 0;
        font-size: 24px;
    }


    .inner-content input[type="radio"] + label::before {
        display: none;
    }

    .inner-content input[type="radio"]:checked + label::after {
        display: none;
    }

    .inner-content input[type="radio"] + label {
        padding-left: 0px;
    }

.retting-v {
    font-size: 15px;
    font-weight: 400;
    color: #3a3a3a;
    margin-right: 2px;
}

.active-st i {
    color: #FFD700;
}




/*----product-info-css-new -----------*/

.row.product-top-dp {
    margin-top: 2rem;
    margin-bottom: 6rem;
}

.prd-info-title h4 {
    font-size: 16px;
    text-transform: capitalize;
}

.product-spc-title h5 {
    /*! background-color: #ccc; */
    font-size: 15px;
    position: relative;
}

    .product-spc-title h5 span {
        background-color: #000;
        color: #fff;
        padding: 2px 12px;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 6px;
    }

.product-spc-title::after {
    content: "";
    width: 100%;
    position: absolute;
    display: block;
    height: 1px;
    background-color: #000;
    top: 9px;
    z-index: -1;
}

.product-itm-d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}

.product-itm-d-tl p {
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}


.product-itm-d-tl-info p {
    font-size: 14px;
    text-transform: capitalize;
    color: #737171;
    margin-bottom: 0px;
    font-weight: 300;
}

.product-spc-title {
    position: relative;
}

.prd-info-title {
    margin-bottom: 20px;
}



.ct-img-v {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ct-img-x img {
    width: 100%;
}


.produt-img-left-view {
    padding-left: 1rem;
    position: sticky;
    top: 7rem;
    margin-top: 0rem;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.error-msg {
    font-size: small;
    color: red;
}

.slot-allow {
    padding: 4px 6px;
    background-color: #f0f0f0;
    border-radius: 5px;
    line-height: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 7px;
}

    .slot-allow span {
        font-size: 10px;
        display: block;
    }

.st-drlivery label {
    margin-bottom: 4px;
}

.time_slot_section {
    margin-top: 10px;
}

.time_slot {
    display: flex;
    align-items: center;
    justify-content: unset;
    flex-wrap: wrap;
    margin-top: 4px;
}

element.style {
}

.slot-allow small {
    font-size: 10px;
    color: #4d4d4d;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

/*------------------------------ iens img hover effect ---------------*/

.picZoomer {
    position: relative;
    /*margin-left: 40px;
    padding: 15px;*/
}

.picZoomer-pic-wp {
    position: relative;
    overflow: hidden;
}

    .picZoomer-pic-wp:hover .picZoomer-cursor {
        display: block;
    }

.picZoomer-zoom-pic {
    position: absolute;
    top: 0;
    left: 0;
}

.picZoomer-pic {
    /*width: 100%;
	height: 100%;*/
}

.picZoomer-zoom-wp {
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #eee;
    height: 460px;
    background-color: #eee;
}

.picZoomer-cursor {
    display: none;
    cursor: crosshair;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: rgba(0,0,0,.1);
}

.picZoomCursor-ico {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(images/zoom-ico.png) left top no-repeat;
}



.piclist li {
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid rgb(235, 236, 240);
    border-radius: 5px;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    width: 100%;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    transition: all 0.2s ease-in-out 0s;
    margin-bottom: 5px;
}



/* custom style */
/*.picZoomer-pic-wp,
.picZoomer-zoom-wp {
	border: 1px solid #eee;
}*/



.section-bg {
    background-color: #fff1e0;
}



.row-sm .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

    ._boxzoom .zoom-thumb ul.piclist {
        /*! padding-left: 0px; */
        top: 0px;
    }

._boxzoom ._product-images {
    width: 100%;
    display: inline-block;
}

    ._boxzoom ._product-images .picZoomer {
        width: 100%;
    }

        ._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
            left: 0px;
        }

        ._boxzoom ._product-images .picZoomer img.my_img {
            width: 100%;
        }

.piclist li img {
    height: 100px;
    object-fit: cover;
}

._boxzoom {
    display: flex;
    justify-content: space-between;
}

.slot-allow.active {
    background-color: #eaf8fd;
    border: 1px solid #5dcaed;
}


/* ====== Mada Payment Mode Start ====== */
.wpwl-form-card {
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.wpwl-label {
    font-size: 14px;
    font-weight: 300;
    color: #5e5d5d;
}

.wpwl-label-cardNumber, .wpwl-label-expiry, .wpwl-label-cardHolder, .wpwl-label-cvv {
    font-size: 13px;
}

.wpwl-control {
    width: 100%;
    font-size: 14px;
    padding: 12px;
    height: 43px;
    border: 0.5px solid #e1e0e0;
    background-color: transparent;
    font-weight: 300;
    border-radius: 4px;
    line-height: 14px;
    background-color: #fff;
    background-color: #fff;
}

    .wpwl-control:focus {
        border-color: none !important;
    }

.wpwl-label-brand {
    float: none;
}

.wpwl-wrapper-brand {
    width: 85%;
}

.wpwl-control-cardHolder, .wpwl-label-cardHolder {
    text-transform: capitalize;
}

.wpwl-button.wpwl-button-pay {
    width: 100%;
    padding: 10px;
    border: 1px solid #228acd;
    background-color: #228acd;
    margin-top: 5px;
    border-radius: 2px;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
/* ====== Mada Payment Mode End ====== */

.ExpectedDeliveryDate1 {
    display: inline-table;
    font-size: 14px;
    width: 100%;
    border: 1px solid #dedede !important;
    padding: 3px 8px !important;
    height: 40px !important;
    border-radius: 4px;
    margin-top: 5px;
}

.cart-item-remove b {
    font-size: 11px;
    font-weight: 500;
}

span.shippingTime-slot {
    font-size: 14px;
    font-weight: 400;
    color: #1f3d46;
    margin-left: 6px;
    padding-left: 7px;
    border-left: 1px solid #929292;
}

.slotBooked {
    background-color: transparent;
    color: #9e9e9e;
    border: 1px solid #c0a098;
    cursor: none;
    pointer-events: none;
}

    .slotBooked small {
        color: #9e9e9e;
    }

/*----29-06-2021-css-*/


@media only screen and (min-width : 300px) and (max-width : 840px) {

    /*----------------------- profile panel css new ------------*/

    .ct_title {
        position: static;
        bottom: 0rem;
        text-align: center;
        right: 4px;
        writing-mode: unset;
        transform: unset;
    }

    .sub-v-img img {
        width: 100%;
        position: relative;
        top: 0px;
    }

    .sub-v-img {
        width: 100%;
        transform: translateX(0px);
        text-align: center;
    }

    .subsc-in {
        display: unset;
    }

    .sub-v-cnt {
        text-align: center;
        margin-top: 16px;
    }

    .subscription-h {
        margin-bottom: 15px;
    }

    .Catering-in {
        display: unset;
        align-items: center;
    }

    .Catering-v-img img {
        width: 100%;
        position: relative;
        top: 0rem;
        overflow: hidden;
    }

    .Catering-v-cnt {
        text-align: center;
    }

    .Catering-v-img {
        width: auto;
        flex-shrink: 0;
        transform: translateX(0px);
        text-align: center;
        margin-top: 20px;
    }

    .checkout-steps {
        margin: auto;
        width: 75%;
    }

        .checkout-steps .step {
            display: inline-block;
            letter-spacing: 1px;
            cursor: default;
        }

        .checkout-steps li {
            font-size: 10px;
        }

    .secureContainer img {
        height: 12px;
        margin-right: 1px;
    }

    .checkout-steps .divider {
        width: 3%;
    }

    .secure {
        font-size: 9px;
    }

    .secureContainer {
        top: 7px;
    }

    .Continue-Shopping-btn button {
        width: 100%;
        font-size: 14px;
        margin-bottom: 31px;
    }

    .Continue-Shopping-btn {
        border-bottom: 1px dotted #b5b5b5;
        margin-bottom: 18px;
    }

    .ads-base-title-st {
        font-size: 13px;
        margin: 12px 0;
    }

    .ads-base-addAddressButton {
        padding: 6px 8px 6px;
        border-radius: 4px;
        cursor: pointer;
    }

    .back-to-cart-btn {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .back-to-ctr {
        width: 100%;
    }

    .cat-address-v {
        border-bottom: 1px dotted #b0b0b0;
        margin-bottom: 1rem;
    }

    .ads-base-footer {
        bottom: -15px;
    }

    .model-new-addressForm {
        margin-top: 5px;
    }

    .tabs {
        display: unset;
    }

        .tabs > ul li a {
            border-right: 0px;
        }

            .tabs > ul li a.active {
                border-right: 2px solid #33b7e3;
                border-left: 2px solid #33b7e3;
            }

        .tabs section {
            padding: 10px 5px;
        }

    .dv-lex {
        display: unset;
    }

    .new_card_num.Expiry {
        margin-right: 0px;
    }

    .payment-options {
        border-bottom: 1px dotted #b0b0b0;
        margin-bottom: 1rem;
    }

    .back-to-address-btn {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .back-to-address {
        font-size: 13px;
        color: #000;
        cursor: pointer;
        /*! width: 100%; */
    }

    .py-tty-d p {
        border-right: 0px;
    }

    .tabs > ul {
        width: 100%;
    }

    .track-p-items {
        overflow: hidden;
    }

    .Subscription-section {
        height: auto;
    }

    .subscription-title-v {
        position: relative;
        top: -3rem;
    }




    .sub-s-title-l h1 {
        width: 100%;
        color: #ffffff;
    }

    .about-subscrption {
        padding: 3rem 0rem;
    }

    .how-sub-m-title h1 {
        font-size: 27px;
    }

    .sub-all-optn {
        display: flex;
        overflow: scroll;
        /*! height: 30px; */
        width: 100%;
        padding-bottom: 1rem;
    }

    .sub-ech-optn {
        display: block ruby;
    }

    .footer-c-title-v h6 {
        color: #fff;
        line-height: 25px;
        border-bottom: 1px solid #393838;
        text-align: center;
    }

    .s-links p a {
        padding: 8px 9px;
        font-size: 14px;
        width: 35px;
        display: inline-block;
        text-align: center;
        height: 35px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 667px) and (max-width : 980px) {
    .my-cal-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .ads-base-footer {
        bottom: -33px;
    }

    .tabs > ul {
        /*! width: 390px; */
    }

    .dv-lex {
        display: unset;
    }
}


@media only screen and (min-width : 768px) and (max-width : 1024px) {

    .tabs section {
        background: #fff;
        padding: 15px 10px;
    }
}



.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
    -webkit-transform: rotate( 45deg ) translate(1px, 7px);
    -ms-transform: rotate(45deg) translate(1px, 7px);
    transform: rotate( 45deg ) translate(1px, 7px);
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
    -webkit-transform: rotate( -45deg ) translateY(-6px);
    -ms-transform: rotate(-45deg) translateY(-6px);
    transform: rotate( -45deg ) translateY(-6px);
    position: relative;
    top: -1px;
}

.dl-datetype {
    width: 100%;
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 7px;
    margin-top: 3px;
}

.ct-slot-v span {
    font-size: 12px;
    color: #525252;
}

.ct-slot-v p {
    margin-bottom: 0px;
    line-height: 10px;
}

    .ct-slot-v p b {
        font-size: 11px;
        color: #444;
        font-weight: 500;
    }

span.dly-slot {
    border-left: 1px solid #ccc;
    margin-left: 13px;
    padding-left: 10px;
}

.ct-slot-v {
    margin-bottom: 8px;
}

.options-ship-redio label {
    font-weight: 600;
}
/*12-07-2021*/

.tark-order-status {
    text-align: right;
}

.expected_date-p {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 10px !important;
}

.items-value button {
    border: 1px solid #fff;
    padding: 0px;
    display: block;
    width: 25px;
    height: 20px;
    margin: 0;
    background: #fff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    line-height: 16px;
    font-size: 17px;
    border-radius: 0px;
}

    .items-value button:hover {
        background-color: #33b7e3;
        border: 1px solid #33b7e3;
        color: #fff;
    }

.preloader-inner {
    width: 100%;
}

.est-date-ss h4 {
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}

.type-dly {
    width: 50%;
}

span.date-cn {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}


/*------- new code for copen ------list 27-07-2021---------*/
.offers-list-v {
    max-height: 26rem;
    overflow: auto;
}

.aft-v {
    min-height: 100px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 1rem;
}

.offer-info {
    font-size: 13px;
    margin-top: 8px;
    color: #5e5e5e;
}

.of-top {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.ofer-btn-apl button {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 50px;
    font-size: 13px;
    height: 50px;
    padding: 0 2rem;
    font-weight: 500;
    color: #5a5a5a;
    letter-spacing: 0;
    border: 1px solid #e1e0e0;
    line-height: 31px;
    width: auto;
    height: 31px;
    padding: 0 8px;
    border-radius: 40px;
    outline: none;
    min-width: 70px;
    background: #e1e0e0;
    cursor: pointer;
}

.cp-link-b a {
    font-size: 14px;
    color: #228acd;
    text-transform: unset;
}

.cp-flex {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}


.sc-rbbb40-0.jRaGfh {
    width: 18px;
    position: relative;
    top: -1px;
    left: 0px;
    fill: #228acd;
    margin-right: 5px;
}

.cp-flex h3 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
        overflow: hidden;
        scale: none;
    }

.popup {
    margin: 0px auto;
    padding: 38px 0px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 2s ease-in-out;
    top: 13rem;
    box-shadow: rgb(28 28 28 / 15%) 0px 1.2rem 7rem;
}

.copes-open {
    display: none;
}



.vc-b-baner img {
    width: 100%;
    object-fit: contain;
    background-color: #f4f4f4;
}

.vc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-code h4 {
    font-size: 15px;
}

.vc-validate p {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 11px;
}

.vc-validate span {
    font-size: 13px;
}

.vc-validate {
    border-left: 1px solid #9b9b9b;
    border-left-color: rgb(155, 155, 155);
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 7px;
    padding-top: 3px;
}

.vc-body {
    margin-top: 10px;
}

.vc-b-baner-title p {
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 6px;
    color: #444;
}


.vc-b-baner-title {
    border-bottom: 1px solid #c4c4c4;
}

.vc-footer {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-qnt-ttl {
    font-size: 12px;
    color: #626262;
    letter-spacing: px;
}

.vc-qt-num {
    width: 18px;
    height: 18px;
    background-color: #222;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    font-size: 11px;
    padding: 2px 4px 0px 3px;
    margin-left: 5px;
}

.copes-open {
    background-color: #f7f7f7;
    padding: 0px 0px;
}

.vc-box {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin: 8px 8px;
    box-shadow: 1px 2px 5px #cccccc75;
}
/*28-07-2021 Search Box in Menu Bar*/
.product-search-form {
    visibility: visible;
}

.avb-ofer-ttl h4 {
    font-size: 14px;
    padding: 10px 10px;
    margin-bottom: 0px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    padding-top: 20px;
    line-height: 12px;
}


.disable {
    pointer-events: none;
    cursor: default;
}

.text-CatalogUpdate {
    color: #ff9901 !important;
}

.copen-input-removePromo {
    border: 1px dashed #ccc !important;
    border-right: 0px !important;
}

.txtApplyMsg {
    padding-bottom: 1rem;
}



/*------ order tracking ----------------*/

.order-track-status-dot img {
    width: 100%;
    padding: 13px;
}

.order-track-status-dot {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: #dadada;
    /*! background-color: rgb(218, 218, 218); */
}

.order-track-status-line {
    display: block;
    margin: 0 auto;
    width: 1px;
    height: 7rem;
    background: #dadada;
}

.order-progress {
    background-color: #d3f4ff !important;
}

.est-date-v.tr-bg-c {
    background-color: #fff;
}

.tr-x-d {
    box-shadow: 0px 0px 15px #cccccc7a;
    margin: 10px;
}


/*------------- rating 16-08-2021------------------*/

.rating {
    --active: #FFED76;
    --active-pale: rgba(255, 237, 118, .36);
    --inactive: #121621;
    --face-active: #121621;
    --face-inactive: #1C212E;
    display: flex;
    position: relative;
}

@media (min-width: 600px) {
    .rating {
        zoom: 1;
    }
}

.rating ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    color: #e6e6e6;
    justify-content: center;
    width: 100%;
}

    .rating ul li {
        --face: var(--face-inactive);
        cursor: pointer;
        position: relative;
    }

        .rating ul li:before, .rating ul li:after {
            content: "";
            position: absolute;
            z-index: 2;
            transition: all 0.2s ease;
        }

        .rating ul li:before {
            --r: 0deg;
            width: 2px;
            height: 2px;
            border-radius: 1px;
            top: 15px;
            left: 13px;
            transform: rotate(var(--r));
            filter: drop-shadow(8px 0 0 var(--face));
        }

        .rating ul li span {
            width: 2px;
            height: 2px;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 50%;
            margin: -1px 0 0 -1px;
            transform: scale(0.6);
            opacity: 0;
            box-shadow: 16px -16px 0 var(--active-pale), -16px -16px 0 var(--active-pale), -21px 8px 0 var(--active-pale), 21px 8px 0 var(--active-pale), 0 22px 0 var(--active-pale);
        }

        .rating ul li:nth-child(1):after {
            width: 10px;
            height: 10px;
            top: 20px;
            left: 13px;
            border-radius: 50%;
            border: 1px solid transparent;
            border-top-color: var(--face);
        }

        .rating ul li:nth-child(3):after {
            width: 6px;
            left: 15px;
            top: 20px;
            height: 1px;
            background: var(--face);
        }

        .rating ul li:nth-child(4):after {
            width: 10px;
            height: 10px;
            top: 12px;
            left: 13px;
            border-radius: 50%;
            border: 1px solid transparent;
            border-bottom-color: var(--face);
        }

        .rating ul li:nth-child(4).current {
            -webkit-animation: active-4 0.4s ease;
            animation: active-4 0.4s ease;
        }

            .rating ul li:nth-child(4).current span {
                -webkit-animation: active-span 0.32s ease;
                animation: active-span 0.32s ease;
            }

        .rating ul li:nth-child(5):after {
            width: 6px;
            height: 3px;
            left: 15px;
            top: 20px;
            border-radius: 0 0 3px 3px;
            background: var(--face);
        }

        .rating ul li:nth-child(5).current {
            -webkit-animation: active-5 0.72s ease;
            animation: active-5 0.72s ease;
        }

            .rating ul li:nth-child(5).current span {
                -webkit-animation: active-span 0.32s ease;
                animation: active-span 0.32s ease;
            }

        .rating ul li.current {
            --face: var(--face-active);
        }

            .rating ul li.current svg {
                color: #F4DA2E;
                fill: rgba(0, 0, 0, 0.2);
            }

        .rating ul li:not(.current) svg {
            transition: transform 0.2s ease;
        }

        .rating ul li:not(.current):active svg {
            transform: scale(0.9);
        }

        .rating ul li:not(:last-child) {
            margin: 0 16px 0 0;
        }

            .rating ul li:not(:last-child):before {
                background: var(--face);
            }

            .rating ul li:not(:last-child).current:before {
                -webkit-animation: blink 3s linear infinite;
                animation: blink 3s linear infinite;
            }

        .rating ul li:last-child:before {
            --r: -45deg;
            width: 3px;
            height: 3px;
            border-top: 1px solid var(--face);
            border-right: 1px solid var(--face);
            border-radius: 0 1px 0 0;
            left: 12px;
            filter: drop-shadow(6px 6px 0 var(--face));
        }

.rating svg {
    width: 36px;
    height: 34px;
    display: block;
    fill: rgba(0, 0, 0, 0.04);
}

.rating > div {
    left: 0;
    top: 0;
    position: absolute;
    display: none;
    transform: translateX(var(--x));
    transition: transform 0.3s cubic-bezier(0, 0, 0.265, 1.1) 0.24s;
}

    .rating > div span {
        display: block;
    }

        .rating > div span svg {
            color: var(--active);
            fill: rgba(0, 0, 0, 0.2);
        }

.rating.animate-left > div, .rating.animate-right > div {
    display: block;
}

    .rating.animate-left > div span, .rating.animate-right > div span {
        -webkit-animation: scale 0.28s linear 0.24s;
        animation: scale 0.28s linear 0.24s;
    }

.rating.animate-left li.move-to:before {
    -webkit-animation: move-to-left 0.31s ease 0.36s;
    animation: move-to-left 0.31s ease 0.36s;
}

.rating.animate-left li.move-from:before {
    -webkit-animation: move-to-right 0.28s ease;
    animation: move-to-right 0.28s ease;
}

.rating.animate-left > div {
    -webkit-animation: double-left 0.32s linear 0.24s;
    animation: double-left 0.32s linear 0.24s;
}

    .rating.animate-left > div span svg {
        -webkit-animation: left 0.3s ease, right-end 0.4s ease 0.4s;
        animation: left 0.3s ease, right-end 0.4s ease 0.4s;
    }

.rating.animate-right li.move-to:before {
    -webkit-animation: move-to-right 0.31s ease 0.36s;
    animation: move-to-right 0.31s ease 0.36s;
}

.rating.animate-right li.move-from:before {
    -webkit-animation: move-to-left 0.28s ease;
    animation: move-to-left 0.28s ease;
}

.rating.animate-right > div {
    -webkit-animation: double-right 0.32s linear 0.24s;
    animation: double-right 0.32s linear 0.24s;
}

    .rating.animate-right > div span svg {
        -webkit-animation: right 0.3s ease, left-end 0.4s ease 0.4s;
        animation: right 0.3s ease, left-end 0.4s ease 0.4s;
    }

@-webkit-keyframes active-4 {
    40% {
        transform: scale(1.25);
    }
}

@keyframes active-4 {
    40% {
        transform: scale(1.25);
    }
}

@-webkit-keyframes active-span {
    60% {
        opacity: 1;
    }

    100% {
        transform: scale(1.16);
        opacity: 0;
    }
}

@keyframes active-span {
    60% {
        opacity: 1;
    }

    100% {
        transform: scale(1.16);
        opacity: 0;
    }
}

@-webkit-keyframes active-5 {
    15% {
        transform: rotate(180deg) scale(1.1);
    }

    30% {
        transform: rotate(360deg) scale(1.2);
    }

    70% {
        transform: rotate(360deg) translateY(14%) scaleY(0.72);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes active-5 {
    15% {
        transform: rotate(180deg) scale(1.1);
    }

    30% {
        transform: rotate(360deg) scale(1.2);
    }

    70% {
        transform: rotate(360deg) translateY(14%) scaleY(0.72);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes double-right {
    60% {
        filter: drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
    }
}

@keyframes double-right {
    60% {
        filter: drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
    }
}

@-webkit-keyframes scale {
    60% {
        transform: scaleX(1.32);
        filter: blur(0.5px);
    }
}

@keyframes scale {
    60% {
        transform: scaleX(1.32);
        filter: blur(0.5px);
    }
}

@-webkit-keyframes blink {
    0%, 5%, 15%, 100% {
        transform: scaleY(1);
    }

    10% {
        transform: scaleY(0.4);
    }
}

@keyframes blink {
    0%, 5%, 15%, 100% {
        transform: scaleY(1);
    }

    10% {
        transform: scaleY(0.4);
    }
}

@-webkit-keyframes double-left {
    60% {
        filter: drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
    }
}

@keyframes double-left {
    60% {
        filter: drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
    }
}

@-webkit-keyframes right {
    0%, 100% {
        transform-origin: 17% 100%;
    }

    50% {
        transform: rotate(-12deg) skewX(12deg);
    }
}

@keyframes right {
    0%, 100% {
        transform-origin: 17% 100%;
    }

    50% {
        transform: rotate(-12deg) skewX(12deg);
    }
}

@-webkit-keyframes left {
    0%, 100% {
        transform-origin: 83% 100%;
    }

    50% {
        transform: rotate(12deg) skewX(-12deg);
    }
}

@keyframes left {
    0%, 100% {
        transform-origin: 83% 100%;
    }

    50% {
        transform: rotate(12deg) skewX(-12deg);
    }
}

@-webkit-keyframes right-end {
    0%, 100% {
        transform-origin: 17% 100%;
    }

    40% {
        transform: rotate(-6deg) skewX(4deg) scaleX(0.92);
    }

    70% {
        transform: rotate(1deg) skewX(-8deg) scaleX(1.04);
    }
}

@keyframes right-end {
    0%, 100% {
        transform-origin: 17% 100%;
    }

    40% {
        transform: rotate(-6deg) skewX(4deg) scaleX(0.92);
    }

    70% {
        transform: rotate(1deg) skewX(-8deg) scaleX(1.04);
    }
}

@-webkit-keyframes left-end {
    0%, 100% {
        transform-origin: 83% 100%;
    }

    40% {
        transform: rotate(6deg) skewX(-4deg) scaleX(0.92);
    }

    70% {
        transform: rotate(-1deg) skewX(8deg) scaleX(1.04);
    }
}

@keyframes left-end {
    0%, 100% {
        transform-origin: 83% 100%;
    }

    40% {
        transform: rotate(6deg) skewX(-4deg) scaleX(0.92);
    }

    70% {
        transform: rotate(-1deg) skewX(8deg) scaleX(1.04);
    }
}

@-webkit-keyframes move-to-right {
    40% {
        transform: translateX(3px) rotate(var(--r));
    }
}

@keyframes move-to-right {
    40% {
        transform: translateX(3px) rotate(var(--r));
    }
}

@-webkit-keyframes move-to-left {
    40% {
        transform: translateX(-3px) rotate(var(--r));
    }
}

@keyframes move-to-left {
    40% {
        transform: translateX(-3px) rotate(var(--r));
    }
}

.rating-title h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.rating-title {
    margin-bottom: 1rem;
}

.user-reting {
    display: flex;
    margin-top: 1rem;
    border-top: 1px solid #f1f3f9;
    padding-top: 13px;
    align-items: center;
    justify-content: space-around;
}

.rating-box {
    padding: 10px 38px;
    /*! box-shadow: 1px 2px 3px #cccccc73; */
    width: 50%;
    text-align: center;
}


.suggest-v {
    margin-top: 1rem;
}

    .suggest-v p {
        font-size: 13px;
        margin-bottom: 3px;
        color: #000;
    }

.text-area-v textarea {
    font-size: 12px;
    width: 70%;
    margin: auto;
}


.rating-buttons-.ml-1 {
    margin-top: 14px;
    border-top: 1px dashed #ccc;
    padding-top: 1rem;
}

.rt-sub.buttons {
    display: flex;
    justify-content: center;
}

    .rt-sub.buttons button {
        border: 1px solid #5dcaed;
        font-size: 14px;
        padding: 7px 15px;
        /*background-color:;*/
        border-radius: 3px;
        background-color: #5dcaed;
        margin-top: 1rem;
        color: #fff;
        cursor: pointer;
        margin: 0px;
        width: 100%;
    }

.no-tx button {
    border: 1px solid #ccc;
    background-color: unset;
    color: #000;
}

.no-tx button {
    border: 1px solid #ccc !important;
    background-color: unset !important;
    color: #000 !important;
    margin-right: 28px;
}

.sub-bt-tx {
    margin: 0px 10px;
}

.sub-bt-tx {
    width: 15%;
}

.no-tx {
    width: 15%;
}

.bd-x {
    border-right: 1px dashed #ccc;
}

.loadPV-a {
    /* width: 50%; */
    /* height: 50%; */
    position: relative;
    /* top: 0; */
    /* left: 0; */
    text-align: center;
    display: block;
    /* right: 0; */
    /* bottom: 0; */
}


    .loadPV-a img {
        width: 150px !important;
        /* margin: auto; */
        margin-left: 0px !important;
    }

.gif-d {
    position: relative;
    top: -7px;
}

.disabled-AddToCart {
    background-color: #ccc !important;
    color: #fff;
}

/*---------- layalti points --------*/

section.Loyalty-Program-section {
    padding: 1rem 0rem;
    /*! background-image: url(../img/prx-section/prx-img-bg.jpg); */
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-color: #228acd;
}


.loyalty-title h2 {
    font-size: 33px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-family: AvenirNextLTPro-Bold;
}

.loyalty-title p {
    font-size: 14px;
    color: #edbb3f;
    margin-bottom: 0px;
    line-height: 20px;
}

.loyalty-info p {
    font-size: 13px;
    margin-bottom: 0px;
    color: #ffffff;
}

.loy-card-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-image: url(../img/bbls-pt.png);
    z-index: 999;
    background-size: contain;
    background-color: #e4e4e421;
    box-shadow: 4px 5px 6px #00000061;
}

.dtls-icon img {
    width: 65px;
}

.loy-card {
    border-radius: 5px;
}

.dtls-v h3 {
    font-size: 27px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
}

.dtls-v p {
    color: #fff;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 14px;
}


.bubble-1 {
    right: 309px;
    animation-delay: 1.3s;
}

    .bubble-1 .bubble-animation-y {
        animation-delay: 0.7s;
    }

.bubble-2 {
    right: 397px;
    animation-delay: 2s;
}

    .bubble-2 .bubble-animation-y {
        animation-delay: 2.1s;
    }

.bubble-3 {
    right: 255px;
    animation-delay: 4.7s;
}

    .bubble-3 .bubble-animation-y {
        animation-delay: 3.8s;
    }

.bubble-4 {
    right: 182px;
    animation-delay: 0s;
}

    .bubble-4 .bubble-animation-y {
        animation-delay: 6s;
    }

.bubble-5 {
    right: 190px;
    animation-delay: 1.5s;
}

    .bubble-5 .bubble-animation-y {
        animation-delay: 7s;
    }

.bubble-container {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 0;
}

.bubble {
    background-color: #e6b770;
    opacity: 0;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    box-shadow: 0 10px 40px #e6b770, inset 0px 10px 30px 5px #e6b770;
}

.bubble-animation-x {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bubbleXAnimFrames;
    animation-timing-function: ease;
    animation-direction: alternate;
}

.bubble-animation-y {
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-name: bubbleYAnimFrames;
    animation-timing-function: linear;
}

@keyframes bubbleXAnimFrames {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(50px);
    }
}

@keyframes bubbleYAnimFrames {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 0.5;
    }

    95% {
        transform: translateY(-280px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(-300px);
        opacity: 0;
    }
}

.row.rwd-c-x {
    align-items: center;
    min-height: 345px;
}



/*
 * COIN BOUNCE ANIMATION ***
*/
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}


/*
 * Animation for webkit
*/

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-70px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-40px);
    }

    60% {
        transform: translateY(-15px);
    }
}

/*
 * Adding the animation to our element
*/
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.btn-v-m a {
    color: #a07a1d;
    font-size: 14px;
    padding: 10px 20px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 5px;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-weight: 500;
}

.btn-v-m {
    margin-top: 20px;
}



/*------------ dc pay -----------*/
.dr-cafe-pay {
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #A8AFB01A;
    box-shadow: 3px 5px 8px rgb(0 0 0 / 10%);
    padding: 5px;
}

.pay-dtl {
    width: 35%;
}

.dr-cafe-pay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 25px;
    padding-right: 5px;
    margin-bottom: 15px;
}

.pay-opt-v {
    width: 63%;
    background-color: #fff;
    padding: 10px 31px;
}

span#spnAvlWalletAmt {
    position: relative;
    top: 11px;
}


/*------------- loyalty points main page -----------*/

small.lyp-p {
    position: absolute;
    left: 59px;
    bottom: 20px;
    color: #8e8e8e;
}

.lty-rl {
    border-top: 1px solid #f5f5f5;
    padding-top: 1rem;
}

.lty-rl {
    position: relative;
}


.lay-header {
    background-image: url(../img/Rewards/blue-bg-rw.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0px 0px;
}

.ovly-lay {
    background-color: transparent;
    padding: 3rem 1rem;
    /*! border-radius: 5px 5px 22px 0px; */
}

.main-l-title h3 {
    color: #fff;
}


.main-l-title p {
    font-size: 14px;
    color: #e7be42;
    margin-bottom: 0px;
}


.rwe-tt-in {
    /*! padding: 10px; */
    /*! background-image: url(../img/bbls-pt.png); */
    z-index: 999;
    background-size: contain;
    border-radius: 15px;
    position: relative;
}

.rwe-card {
    /*background-image: url('../img/loyalty/coffee-Master.png');*/
    background-position: center;
    background-size: cover;
}


.rwe-tt-in img {
    width: 100%;
}

.info-card-ly {
    position: absolute;
    top: 40px;
    width: 80%;
    left: 20px;
    width: 85%;
}

.lv-next p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 18px;
}

.pt-lv {
    color: #a07a1d;
    font-size: 15px;
    font-weight: 400;
}

.lvl-ttl {
    font-size: 14px;
    font-weight: 700;
}

.pt-vd-lv-view {
    display: flex;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -5px;
    font-size: 14px;
    color: #fff;
    justify-content: space-between;
}

.my-smile {
    width: 25%;
}

.valid-thru {
    width: 20%;
}

.my-smile p {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.valid-thru p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
}

.smile-level p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.smile-level {
    text-align: left;
    padding-left: 20px;
    width: 40%;
}

    .smile-level img {
        width: 35%;
    }

.ly-sm-card {
    border-radius: 14px;
    cursor: pointer;
    position: relative;
}



    .ly-sm-card img {
        width: 100%;
    }

    .ly-sm-card img {
        width: 100%;
    }

.lt-tt-rt img {
    width: 37%;
}

.lt-tt-rt {
    text-align: right;
}





.lt-tt-pdm h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 17px;
}



.lt-tt-pdm p {
    color: #f3f3f3;
    font-size: 12px;
    margin-bottom: 0px;
}

.rdm-now {
    padding: 10px;
}

.rdm-now {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    position: absolute;
    top: 55px;
    left: 15px;
    width: 82%;
}

.lt-tt-rt i {
    color: #fff;
    font-size: 20px;
}

.rew-box-in {
    position: absolute;
    top: -4rem;
    width: 100%;
}

.rew-box {
    position: relative;
    width: 100%;
}

.lay-d-ttl {
    padding: 10px 15px 10px 15px;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: .7px;
    color: #4d4d4f;
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.lay-d-t-in {
    display: flex;
    align-items: center;
}

.lay-d-tab {
    box-shadow: 0 2px 13px 0 rgb(0 0 0 / 11%);
    background-color: #fff;
    /*! border-left: 7px solid #ac831d; */
    border-radius: 6px;
    width: 100%;
    /*! margin: auto; */
}

.lay-d-ttl h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    border-left: 5px solid #a07a1d;
    padding-left: 9px;
    border-radius: 5px;
}

.lay-d-options {
    margin-top: 0;
    position: relative;
    display: inline-block;
    padding: 5px 0px;
    /*! padding-left: 32px; */
    /*! padding-right: 32px; */
    /*! border-left: 1px dotted #6a6767; */
    display: flex;
}

.ld-opt {
    display: flex;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    border-left: 1px dotted #6a6767;
    cursor: pointer;
}

.iocn-lay-d {
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: top;
    display: flex;
    padding: 8px;
    box-sizing: border-box;
    background-color: #3a3a3a;
    position: relative;
    border-radius: 46px;
    align-items: center;
}

    .iocn-lay-d img {
        width: 100%;
        padding: 3px;
    }

.ld-ttl-d h6 {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
}

.ld-ttl-d h6 {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
}

.ld-ttl-d {
    padding-left: 12px;
    display: inline-block;
    vertical-align: top;
}

button.active .ld-opt h6 {
    color: #a07a1d;
}

.cp-list {
    width: 50%;
}

.my-coup-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*! margin-top: 1rem; */
}

.My_Coupons {
    background-color: #f4f4f4b0;
    border-radius: 5px;
}

a.active .ld-opt h6 {
    color: #a07a1d;
}

a.active.ld-opt h6 {
    color: #a07a1d;
}

.targetDiv {
    display: none;
    background-color: #f9fbfc;
    margin-top: 1rem;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
}

.my-deals-view h2 {
    margin-bottom: 0px;
    font-size: 15px;
}

.nt-info-v {
    margin-top: 1rem;
    border-top: 1px dashed #a07a1d;
    padding-top: 10px;
}

    .nt-info-v p {
        font-size: 14px;
        color: #000;
    }

span.pt-cts {
    font-size: 16px;
    font-weight: 500;
    color: #a07a1d;
}

span.expect-cl {
    color: #ffffff;
    background-color: #cda663;
    font-size: 14px;
    padding: 2px 4px;
    font-weight: 500;
}


.lt-tt-pdm p {
    /*color: #806014;*/
    font-size: 12px;
    margin-bottom: 0px;
}

/*.levels-view-rwd {
	width: 96%;
	padding: 2px;
	margin-top: 8rem;
	border-top: 1px dashed #ccc;
	padding-top: 14px;
}*/
.levels-view-rwd {
    width: 96%;
    padding: 2px;
    margin-top: 1rem;
    padding-top: 14px;
}

.lvl-tlv {
    font-size: 14px;
    background-color: #f5ede9;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
}

/*----------- about smiles ------------*/
.lt-tt-rt.abt-sm-ic {
    display: none;
}

.rdm-now.abt-rdw {
    padding: 10px;
    top: 3px;
    left: 42px;
}

#About_smile {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
}

.abt-info-cp p {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
}

.abt-cl-tt {
    background-color: #9dd3e4;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px 5px 0px 0px;
}

    .abt-cl-tt h3 {
        font-size: 15px;
        margin-bottom: 0px;
        color: #fff;
    }

.abt-info-cp {
    padding: 10px;
    border: 1px solid #9dd3e4;
    border-radius: 0px 0px 5px 5px;
}

.line-ly {
    height: 1px;
    border-bottom: 1px dashed #e0e0e0;
    margin: 20px 0px;
}

h3.df-tt {
    font-size: 13px;
}

h3.df-tt-md {
    font-size: 13px;
    margin: 20px 0px;
    background-color: #f5f5f5ad;
    padding: 4px;
}

h3.df-tt-bn {
    font-size: 13px;
    margin: 20px 0px;
    background-color: #f5f5f5ad;
    padding: 4px;
}

h3.df-tt {
    background-color: #f5f5f5ad;
    padding: 4px;
}

.abt-cx-tt {
    background-color: #9c9c9c;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px 5px 0px 0px;
}

    .abt-cx-tt h3 {
        font-size: 15px;
        margin-bottom: 0px;
        color: #fff;
    }

.abt-info-ce {
    padding: 10px;
    border: 1px solid #9dd3e4;
    border-radius: 0px 0px 5px 5px;
}

.abt-info-ce {
    padding: 10px;
    border: 1px solid #9c9c9c;
    border-radius: 0px 0px 5px 5px;
}

    .abt-info-ce p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 20px;
    }

.abt-cm-tt {
    background-color: #cba360;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px 5px 0px 0px;
}

    .abt-cm-tt h3 {
        font-size: 15px;
        margin-bottom: 0px;
        color: #fff;
    }

.abt-info-cm {
    padding: 10px;
    border: 1px solid #9dd3e4;
    border-radius: 0px 0px 5px 5px;
}

.abt-info-cm {
    padding: 10px;
    border: 1px solid #cba360;
    border-radius: 0px 0px 5px 5px;
}

    .abt-info-cm p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 20px;
    }


.abt-cg-tt {
    background-color: #bc7568;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px 5px 0px 0px;
}

    .abt-cg-tt h3 {
        font-size: 15px;
        margin-bottom: 0px;
        color: #fff;
    }

.abt-info-cg {
    padding: 10px;
    border: 1px solid #9dd3e4;
    border-radius: 0px 0px 5px 5px;
}

.abt-info-cg {
    padding: 10px;
    border: 1px solid #bc7568;
    border-radius: 0px 0px 5px 5px;
}

    .abt-info-cg p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 20px;
    }

.abt-ly-tittle-v {
    /*background-image: url(../img/bg-rwd.jpg);*/
    background-image: url('../img/Rewards/blue-bg-rw.jpg');
    background-size: cover;
    background-position-x: 0rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

    .abt-ly-tittle-v h3 {
        color: #fff;
    }

    .abt-ly-tittle-v p {
        font-size: 14px;
        color: #e7be42;
        margin-bottom: 0px;
    }



/*--------------------- Model PopUp for Smile Convert css -------------------*/
.modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}

.modal-header-rwd {
    background-image: url('../img/loyalty/coffee-guru-lb.png');
    height: 98px;
    background-size: cover;
    margin-top: -10px;
}

.modal-hed-ly {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 4rem;
    margin-top: 13px;
}

.tiitle-ly h3 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 0px;
}

.modal-hed-ly button {
    font-size: 31px;
    color: #000;
}

.modal-content {
    border: unset;
    outline: 0;
    overflow: hidden;
    border-radius: 0px;
}

.modal {
    z-index: 9999;
}

.mb-ly-rd {
    margin-top: -11px;
    background-color: #fff;
}

.mby-lay p {
    line-height: 21px;
    font-size: 14px;
    text-align: left;
    padding: 5px;
}

.my-sm-show {
    width: 50%;
}

.my-sm-points-vm {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

.my-sm-show.line-rt {
    border-right: 1px solid #ccc;
}

.my-sm-show p {
    margin-bottom: 0px;
    font-size: 22px;
    color: #3E3E3E;
    font-weight: 400;
}

.my-sm-show span {
    font-size: 14px;
    color: #8E8E8E;
}

.redeem-btn {
    margin-top: 1rem;
}

    .redeem-btn button {
        border: 0px;
        background-color: #484747;
        color: #fff;
        padding: 9px 30px;
        border-radius: 25px;
        font-size: 14px;
    }

.modal.show .modal-dialog {
    -webkit-transform: translate(0,150px);
    transform: translate(0px,150px);
}

/*.showSingle {
	outline: medium none;
	border: none;
	background: none;
}*/

.loadPV-b img {
    width: 150px !important;
    /* margin: auto; */
    margin-left: 35% !important;
    margin-top: 10%;
}

button.showSingle {
    border: 0px;
    background-color: transparent;
}

.abt-info-ce div {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #777;
}

.abt-info-cm div {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #777;
}

.abt-info-cg div {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #777;
}

/*-------- css 22/09/21 -----------*/
.modal-coupon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #E9ECEF;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-hed-cp {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tiitle-cp {
    width: 90%;
    text-align: center;
}

    .tiitle-cp h3 {
        margin-bottom: 0px;
        font-size: 19px;
        font-weight: 300;
    }

.cp-code-v p {
    text-align: left;
    margin-bottom: 2px;
    font-size: 16px;
    color: #606060;
}

.cp-img-v img {
    width: 100%;
}

.cp-title-v p {
    margin-bottom: 0px;
    color: #2F2E2E;
    font-size: 15px;
    padding: 4px 0px;
}

.cp-title-v {
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.cp-title-v {
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.cp-info-flex {
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.cp-info-left {
    border-right: 1px solid #ccc;
    padding: 10px;
}

.cp-label {
    font-size: 13px;
    color: #777;
}

.cp-data {
    margin-bottom: 0px;
    color: #4F4F4F;
    font-size: 14px;
    line-height: 19px;
}

.cp-list-v {
    text-align: left;
    margin-bottom: 5px;
}

.cp-info-right {
    padding: 10px;
}

.cp-fl-type {
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.modal.show .modal-cp {
    -webkit-transform: translate(0,10px);
    transform: translate(0px,10px);
    width: 350px;
}

.cp-dtl-v {
    background-color: #fff;
    padding: 10px;
}

.sb-red-v {
    margin-top: 20px;
}

.sb-bx-selct.active {
    background-color: #fff;
    /*border: 1px solid #4fb3d5;*/
}

.gender-lt-o label {
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-right: 12px;
}

.sb-bx-selct {
    width: 55%;
    background-color: #f7f7f7;
    padding: 3px 5px;
    border: 1px solid #f7f7f7;
    display: block;
    margin-bottom: 13px;
}

input[type="radio"] {
    display: none !important;
    *display: inline;
}

.gender-lt-o label input {
    position: absolute;
    left: -9999px;
}

    .gender-lt-o label input:checked + span {
    }

.gender-lt-o label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 10px;
    transition: 0.25s ease;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.text-ad-s {
    font-size: 14px;
    font-weight: 300;
    color: #575757;
    padding-left: 10px;
    transition: 0.25s ease;
}

.sb-ttl small {
    padding-left: 10px;
    font-size: 13px;
    color: #6c6c6c;
    border-left: 1px solid #ccc;
    margin-left: 10px;
}


/*------------- cart drop down -------------------*/

.ac-gn-bagview-caret {
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 8px;
    z-index: 1;
}

    .ac-gn-bagview-caret:after {
        background: #423e3e;
        border-color: #d2d2d7;
        border-radius: 2px 0 0 0;
    }

    .ac-gn-bagview-caret:after {
        left: 60%;
        /*! border: 1px solid; */
        content: "";
        display: block;
        position: absolute;
        top: 14.5px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate( 45deg);
        /*! transform: rotate(
45deg); */
        /*! -webkit-transform-origin: 0% 0; */
        /*! transform-origin: 0% 0; */
        z-index: 9;
    }

.dr-cart-v {
    position: absolute;
    background: #423e3e;
    border-radius: 18px;
    width: 240px;
    z-index: 9;
    border-radius: 5px;
    right: 0;
    top: 28px;
    display: none;
    min-height: 150px;
    opacity: 0;
    transition: opacity 0.6s linear;
}

.header-right {
    position: relative;
}

/*------------ new css 21-10-2021 ---------------*/

.n-ct-iocn {
    width: 50px;
    background-color: #fff;
    border-radius: 50%;
    padding: 6px;
    margin-right: 10px;
    height: 50px;
    position: relative;
}

    .n-ct-iocn img {
        width: 100%;
    }

.n-cart-list {
    display: flex;
    align-items: center;
}

.n-c-title h5 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 1px;
}

.n-c-title p {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 0px;
    color: #ccc;
}

.normal-cart {
    padding: 5px;
    margin: 5px;
    border: 2px solid #515151;
    border-radius: 5px;
}


.cnt-n-num {
    position: absolute;
    top: 0px;
    color: #fff;
    background-color: #228acd;
    line-height: 10px;
    font-size: 12px !important;
    padding: 4px 6px !important;
    border-radius: 50%;
    right: -4px;
}

.n-button-cart a {
    background-color: #228acd;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px 10px;
    color: #fff;
}

.n-button-cart {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}


.ac-gn-bagview-caret {
    display: none;
}

.show {
    opacity: 1;
}

.dr-cart-v.Show {
    opacity: 1;
    display: block;
}

.cart-subs {
    border-left: 1px solid #656565;
    position: relative;
}

span.ac-gn-bagview-caret.Show {
    display: block;
}

.order-SubscriptionType {
    padding-right: 10px;
    border-right: 1px solid #8c8c8c;
    color: #228acd;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}


/*------------------ new css sub-v-lb 06-12-2021 -------------*/
.my-sub-btn {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 20%);
    font: 600 14px/1.2 PxGrotesk,Flama,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 9px !important;
    color: #228acd !important;
    border-radius: 5px;
    border: 1px solid #228acd;
    font-weight: 300;
    font-size: 14px;
    margin-top: 2rem;
    background-color: transparent;
    margin-left: 5px;
}

.sub-d-btn {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 20%);
    font: 600 14px/1.2 PxGrotesk,Flama,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .21px;
    text-transform: uppercase;
    min-width: 195px;
    padding: 10px 4px !important;
    color: #ffffff !important;
    border-radius: 5px;
    border: 1px solid #228acd;
    font-weight: 300;
    font-size: 14px;
    margin-top: 13rem;
    margin-top: 2rem;
    background-color: #228acd;
}

.my-list-sub {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom: 10px;
    transition: all .3s ease 0s;
    box-shadow: 0px 0px 0px 1px #cccccc54;
}

.lb-name {
    font-size: 13px;
    color: #000000;
    margin-bottom: 3px;
    font-weight: 500;
}

.lb-prt {
    margin-bottom: 15px;
}

.lb-cnt {
    font-size: 13px;
    color: #797979;
}

.order-info-lb-tl {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 500;
}

.Order-itm-lb-names {
    font-size: 14px;
}

.up-btn-view-lb {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

    .up-btn-view-lb button {
        border: 0px;
        padding: 5px 15px;
        font-size: 14px;
        border-radius: 5px;
        font-weight: 300;
        text-transform: capitalize;
        margin: 2px 4px;
        width: 100%;
    }

.date-v-lb {
    background-color: #d1effd;
    color: #616161;
    font-weight: 400 !important;
}

.Reschedule-lb {
    background-color: #d1effd;
    color: #646464;
}

.Pause-lb, .Cancel-lb {
    color: #fff;
    background-color: #444;
}

.order--my-sub {
    padding: 5px 35px;
    width: 100%;
    transition: all .3s ease 0s;
    transition: all 1s ease;
}

    .order--my-sub.lb-b-rt {
        border-right: 1px solid #bae4f9;
    }

.new-sub-ld-btn {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px;
    padding: 8px 20px;
    color: #180018;
    border: 1px solid #282c3f;
    font-size: 13px;
    line-height: 0px;
    font-weight: 400;
    height: 32px;
    cursor: pointer;
    background-color: transparent;
}

    .new-sub-ld-btn img {
        height: 17px;
        margin-left: 10px;
        position: relative;
        top: -1px
    }

.sub-d-btn:hover {
    background-color: #228acd;
    color: #fff !important;
    border: 1px solid #228acd;
}

.new-sub-ld-btn:hover {
    background-color: #228acd !important;
    color: #ffffff !important;
    border: 1px solid #228acd !important;
}

.modal-sub-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background-color: #000;
}

.modal-re-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.model-re-hd h3 {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.sub-m-close {
    color: #fff;
    opacity: 1;
}

.sub-cnt-v p {
    font-size: 15px;
    color: #333;
}


.sub-m-close:hover {
    color: #ccc !important;
}


.sub-dt-lb p {
    margin-bottom: 0px;
    font-size: 14px;
}

.drop-sub-v {
    margin-top: 15px;
}

    .drop-sub-v p {
        font-size: 14px;
        font-weight: 400;
        color: #6a6a6a;
        margin-bottom: 0px;
    }

.prof-x.my-sub-v select {
    background-color: #f0f0f0 !important;
    border-bottom: 0px !important;
    padding: 10px 10px !important;
    height: 40px;
    border-radius: 3px !important;
}

.text-area-sub textarea {
    width: 100%;
    border: 0px;
    background-color: #f0f0f0;
    border-radius: 3px;
}

.Sub-done {
    border: 0px;
    font-size: 14px;
    padding: 6px;
    background-color: #303131;
    color: #fff;
    cursor: pointer;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 1rem;
}

.modal-open {
    overflow: hidden !important;
}

.overlay-lb.active {
    display: block;
    opacity: 1;
}

.overlay-lb {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    opacity: 0;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out;
}

.right-slide-modal {
    width: 350px;
    position: fixed;
    top: 0;
    right: -385px;
    height: 100vh;
    z-index: 99999999999999999;
    background-color: #f9fbfc;
    transition: all .3s;
    overflow: auto;
    z-index: 99999;
    transition: 0.6s ease-in-out;
}

    .right-slide-modal.active {
        right: 0;
        z-index:;
    }

.lt-hide {
    display: none;
}

.tlv-lb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #363636;
    padding: 21px 15px;
    border-radius: 0px;
}

.tl-lb-v-left h3 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #fff;
}

.lt-close-lb {
    cursor: pointer;
}

    .lt-close-lb i {
        color: #fff;
    }

.noscroll {
    overflow: hidden !important;
}

.right-slide-modal .modal-content {
    border-radius: 0px;
}


.back-to-sub-my {
    border: 1px solid #228acd;
    display: flex;
    width: auto;
    margin-bottom: 1rem;
    border-radius: 3px;
    padding: 10px 15px;
    cursor: pointer;
}

    .back-to-sub-my img {
        height: 15px;
        margin-right: 7px;
        position: relative;
        top: 3px;
    }

    .back-to-sub-my span {
        font-size: 14px;
    }

.my-trk-sub-v {
    display: flex;
    flex-direction: row;
    padding: 6px 0px 10px;
    justify-content: space-between;
    align-items: center;
}

.my-sub-order-dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my-sub-track-tab {
    background: white;
    border-top: 1px solid rgb(241, 243, 249);
    padding: 15px;
    box-shadow: rgba(223, 223, 223, 0.35) 0px 1px 5px 2px;
    border-radius: 3px;
}

.my-sub-order-num {
    display: flex;
    align-content: center;
}

.my-sub-order-label {
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    font-weight: 500;
    margin-right: 10px;
}

.my-sub-order-data {
    font-size: 14px;
    color: #228acd;
}

.my-sub-order-dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #e3e3e3;
}

.my-sub-track-dtls-v {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 10px;
    background-color: #f9f9f9;
    margin-top: 15px;
    border-radius: 5px;
}

.my-sub-track-opt {
    width: 100%;
    padding-right: 30px;
}

.my-sub-delivered-v {
    width: 97%;
}

.my-sub-opt-track {
    margin-top: 0rem;
    padding: 0 0rem;
    padding-top: 0px;
    padding-top: 0px;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.my-stb h4 {
    font-size: 15px;
    border-left: 3px solid #d08674;
    padding-left: 10px;
}

.my-sub-delivered-v {
    border-left: 1px dashed #d08674;
    padding-left: 2rem;
}

.my-sub-dvd-box {
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    box-shadow: 2px 3px 8px #cccccc9c;
}


.dvd-ord-no {
    font-size: 15px;
    color: #228acd;
    font-weight: 500;
}

.dvd-b-ttl-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.dvd-order-rate {
    font-size: 13px;
    padding: 4px 14px;
    background-color: #228acd;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
}

    .dvd-order-rate span i {
        color: #fff;
        margin-right: 3px;
    }

.dvd-order-info-body {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.dvd-ord-info-body-cnt {
    width: 100%;
}


.dvd-ord-rice-cnt {
    width: 85%;
    border-left: 1px solid #ddd;
    padding-left: 15px;
}


.dvd-order-staus {
    font-size: 15px;
    margin-bottom: 10px;
    color: #60bcea;
    font-weight: 500;
}

.dvd-order-staus {
    font-size: 15px;
    margin-bottom: 10px;
    color: #228acd;
    font-weight: 500;
}

.itm-dvd-price {
    font-size: 15px;
    margin-bottom: 10px;
    color: #228acd;
    font-weight: 500;
}

.date-dvd-v {
    font-size: 14px;
    margin-bottom: 5px;
    color: #6c6c6c;
}

.time-dvd-v {
    font-size: 14px;
    margin-bottom: 5px;
    color: #6c6c6c;
}


.my-sub-deliverd-list {
    max-height: 464px;
    overflow-x: auto;
    padding-right: 8px;
}

.dvd-order-address {
    font-size: 14px;
    padding-right: 60px;
    color: #6c6c6c;
}

.dvd-order-address {
    font-size: 14px;
    padding-right: 60px;
    color: #6c6c6c;
}

.my-sub-tab-track-x {
    display: none;
}

.sub-show-track {
    cursor: pointer;
}

.Reschedule-v-show, .Pause-v-show, .Cancel-v-show {
    display: none;
}

.dw-exp-v {
    padding: 6px !important;
    width: 185% !important;
}

.Reschedule-lb-dw {
    background-color: #d1effd;
    color: #646464;
}

.my-sub-deliverd-list {
    scrollbar-color: #8c8c8c #e0e0e0;
    scrollbar-width: thin;
}

.sub-user-rate-v {
    display: none;
}

.devd-sub-div {
    margin-bottom: 10px;
}

.rating-v-btn-wd button {
    width: 110px;
    margin: 0px 5px;
    border: 0px;
    font-size: 14px;
    padding: 5px 10px;
}

.sub-rate-cancel button {
    background-color: transparent;
    border: 1px solid #5dcaed;
    cursor: pointer;
}

.sub-rate-cancel button {
    background-color: transparent;
    border: 1px solid #5dcaed;
    cursor: pointer;
    color: #333;
    padding: 5px 15px;
    border-radius: 3px;
}

.sub-rate-submit button {
    border: 1px solid #5dcaed;
    font-size: 14px;
    padding: 5px 15px;
    /*background-color:;*/
    border-radius: 3px;
    background-color: #5dcaed;
    color: #fff;
}

.rating-v-btn-wd {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub-user-rate-v .rating-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.active-nav a {
    color: #9ad9ee !important;
}

/*----- new css 7th dec -----*/

.name-lb-itm-flex {
    display: flex;
    justify-content: space-between;
}

.sw-80 {
    width: 80%;
}

.sw-70 {
    width: 50%;
}

.sw-100 {
    width: 100%;
    padding-right: 10px;
}

.view-dtlb-dw {
    color: #fff;
    background-color: #444;
}

.re-trk-sd button {
    border: 0px;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 2px 10px;
}

.Reschedule-lb-dw {
    background-color: #444;
    color: #ffffff;
    /* margin-left: 33px; */
}

.my-est-dly-dt {
    margin-left: 1rem;
    border-left: 1px solid #ccc;
    padding-left: 20px;
}

.my-sub-order-dt {
    display: flex;
    justify-content: space-between;
    align-items: unset;
}

.my-sub-order-num {
    display: flex;
    padding-left: 10px;
    width: 55%;
    align-content: center;
}



/*----------- new css my subscrption 9dec ----------*/

.itm-sub-img-ttl {
    display: flex;
    align-items: center;
}

.sub-itm-img-x img {
    height: 100px;
}


.my-sub-item-dtl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 7 51%;
}

.sub-pd-name {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsi;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #636363;
}

.sub-dnd-type {
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 4px;
}

.sub-dd-tl {
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
    text-transform: capitalize;
}

.sub-dnd-info {
    font-size: 11px;
    color: #878686;
}

.sub-itm-ttl-x {
    border-left: 1px solid #ccc;
    padding: 15px 10px;
}

.my-sub-cmp-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-itm-qunty-v {
    display: flex;
    align-items: center;
}

.my-sub-cmp-view {
    margin: auto;
    margin-top: auto;
    margin-top: 1rem;
    background-color: #f9f9f9;
    padding: 2px 16px;
    width: 98%;
    border-radius: 5px;
}

.x-qnty-value {
    font-size: 16px;
    margin-left: 7px;
}

.x-qnty-r {
    font-size: 13px;
    color: #686868ed;
}

.x-qnty-r {
    font-size: 13px;
    color: #686868ed;
}

.pr-sb-in-pr {
    font-size: 15px;
    font-weight: 500;
}

.my-sb-ord-id {
    width: 40%;
}

.my-est-dly-dt {
    width: 100%;
}

.Reschedule-v-show {
    box-shadow: 1px 2px 8px #cccccc94;
}

.my-dely-order-dt {
    margin-top: 2rem;
}

.my-dely-order-num.mt-1 {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.my-dely-ord-id {
    width: 100%;
}

.my-est-dely-dt.mt-1 {
    width: 100%;
    border-left: 2px solid #ccc;
    margin-left: 1rem;
    border-left: 1px solid #ccc;
    padding-left: 20px;
}

.my-dely-order-dt {
    margin-top: 2rem !important;
    display: flex;
    background-color: #eaf5ff;
    width: 98%;
    margin: auto;
    margin-top: auto;
    border-radius: 5px;
    padding: 5px 10px;
}

.my-dely-order-label {
    font-size: 13px;
    color: #444;
    margin-bottom: 0px;
    font-weight: 300;
    margin-right: 10px;
    letter-spacing: 1px;
}

.my-sub-dely-data {
    font-size: 14px;
    color: #464646;
}

.my-est-dely-dt.mt-1 {
    display: flex;
    align-items: center;
}

.my-dely-order-label {
    font-size: 13px;
    color: #444;
    margin-bottom: 0px;
    font-weight: 300;
    margin-right: 10px;
    letter-spacing: 1px;
}

.my-dely-order-num {
    display: flex;
    align-items: center;
    justify-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.my-est-dely-dt {
    width: 100%;
    margin-left: 1rem;
    border-left: 1px dashed #b5b5b5;
    padding-left: 2rem;
}

.my-dely-order-num {
    display: flex;
    align-items: center;
    justify-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.bill-info-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}

.bl-in-left-total-amt-price {
    font-size: 15px;
    font-weight: 500;
}

.bl-in-left-shipping-ch {
    font-size: 14px;
}

.bl-in-left-total-shipping-price {
    font-size: 15px;
}

.bl-in-left-vat-v {
    font-size: 14px;
}

.bl-in-left-total-vat-price {
    font-size: 15px;
}

.bl-in-left-coupen-v {
    font-size: 14px;
    /*color: #2a748a;*/
}

.bl-in-left-total-coupen-price {
    color: #2b8140;
    font-size: 15px;
}

.bl-in-left-net-amt-v {
    font-size: 14px;
    font-weight: bold;
}

.bl-in-left-total-net-price {
    font-weight: bold;
    font-size: 15px;
}

.my-sub-od-bl-in {
    display: flex;
    justify-content: end;
    width: 100%;
}

.bill-amt-view {
    width: 35%;
}

.my-sub-od-bl-in {
    display: flex;
    justify-content: end;
    width: 100%;
    padding: 0px 13px;
}

.bl-in-left-total-amt {
    font-size: 14px;
    font-weight: 500;
}

.my-sub-orber-billing {
    margin-top: 15px;
}

.bill-info-box.bt-b {
    /*background-color: #e5f7ff;*/
    border-radius: 5px;
}

.bill-info-box.bt-t {
    background-color: #e5f7ff;
    border-radius: 5px;
}

.my-sub-orber-billing {
    margin-top: 15px;
    margin-bottom: 2rem;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 2rem;
}

.lb-itm-text.name-lb-ord {
    font-size: 13px;
    margin-bottom: 5px;
    color: #797979;
    width: 100%;
}

.lb-itm-qnty.name-lb-ord {
    width: 21%;
    text-align: right;
    font-size: 14px;
}

.country-code-selector {
    display: flex;
    align-items: center;
}


    .country-code-selector .select2 {
        width: 15%;
        border: 1px solid #ebebeb !important;
        border-radius: 5px;
        color: #242424;
        height: 40px !important;
        border-radius: 5px 0px 0px 5px;
        padding: 0 15px;
        /* width: 100%; */
        outline: none;
        font-size: 14px;
        font-weight: 300;
    }

    .country-code-selector input {
        border-radius: 0px 5px 5px 0px;
    }

.order-track-text-stat {
    display: block;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.order-track-text {
    /* display: flex; */
    width: 60%;
    padding-top: 8px;
}

/*----------- css dec 22 -2021-------------*/

.my-sub-order-dt .my-sub-cmp-view {
    border-top: 1px dashed #ccc;
    border-radius: 0px;
    margin: 0px;
    width: 100%;
}

.select-redio-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-set {
    padding: 10px 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 13px;
    border: 1px solid #f0f0f0;
}

    .box-set.active {
        background-color: #eaf8fd;
        border: 1px solid #5dcaed;
    }

.Reschedule-v-show {
    min-width: 370px;
}

.drop-sub-v span {
    font-size: 12px;
    background-color: #bae4f975;
    padding: 5px 7px;
    border-radius: 5px;
}

.sub-cnt-v p {
    font-size: 15px;
    color: #333;
}

.dc-notification-x {
    margin-top: 15px;
    background-color: #228acd2e;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
}

.rw-points {
    background-color: #d3eef7;
    padding: 5px;
    border-radius: 40px;
    clear: both;
    position: relative;
    display: flex;
    align-items: center;
    top: 7px;
}

.rw-point-num {
    text-align: center;
    background-color: #228acd;
    color: #fff;
    border-radius: 25px;
    height: 30px;
    background-image: url(../img/loyalty/num-rw.png);
    width: 30px;
    background-size: cover;
}

    .rw-point-num p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        line-height: 29px;
    }

.rw-point-name p {
    font-size: 12px;
    margin-bottom: 0px;
}

.rw-point-name {
    /* width: 50%; */
    padding: 0px 4px;
}

    .rw-point-name p {
        font-size: 12px;
        color: #24729b;
        font-weight: 500;
    }

.rw-apd-view-x p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #228acd;
    font-weight: 500;
}

.rw-apd-view-x {
    margin-top: 8px;
}


.red-rwd-title h3 {
    font-size: 14px;
    text-transform: uppercase;
     font-family: 'Open Sans', sans-serif !important;
    /* color: #000; */
    padding-bottom: 0px;
    margin-bottom: 10px;
}


.red-rew-card-bg {
    background-image: url('../img/loyalty/bg-rwd-ovl-1.png');
    background-size: cover;
    /* padding: 4px; */
    background-position: center;
    background-repeat: no-repeat;
    padding: 6px;
    border-radius: 5px;
    min-height: 120px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.red-rew-info p {
    font-size: 13px;
    margin-bottom: 0px;
    color: #fff;
    line-height: 31px;
    font-weight: 500;
}

.rw-ap-point-num p {
    font-size: 13px;
}

.red-rew-info {
    width: 90%;
}

.rw-ap-points {
    display: flex;
    background-color: #fff;
    border-radius: 100px;
    color: #000;
    padding: 3px;
    margin: 0px 3px;
    cursor: pointer;
    margin-bottom: 9px;
}

.rw-ap-point-name {
    padding: 0px 10px;
    width: 71px;
    text-align: center;
}

    .rw-ap-point-name p {
        color: #000;
        font-size: 13px;
        font-weight: 500;
    }

.rw-ap-point-num {
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 30px;
    background-image: url('../img/loyalty/num-rund-ew.png');
    width: 30px;
    background-size: cover;
}

.rw-ap-btn-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}

.rwd-active {
    background: #FBC56D;
}

.con-bg-img img {
    height: 100px;
}


.ct-slot-v {
    padding: 10px;
    align-items: center;
    background-color: #f3f6f9;
    border-radius: 5px;
}

    .ct-slot-v .chg-btn {
        font-size: 13px;
        top: 0px;
        padding-top: 2px;
    }
/* width */
.offers-list-v::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.offers-list-v::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.offers-list-v::-webkit-scrollbar-thumb {
    background: #ac831d;
}

    /* Handle on hover */
    .offers-list-v::-webkit-scrollbar-thumb:hover {
        background: #5dcaed;
    }

.rw-apply-btns {
    margin-top: 7px;
}

div#ct_slide {
    opacity: 1;
}

.rw-ap-point-name button {
    color: #000;
    font-size: 13px;
    border: 0px;
    font-weight: 500;
    background-color: transparent;
    line-height: 28px;
}


.point-rwd-dt .rw-points {
    top: 0px;
}

.prige-vx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 92%;
}

/*.modal-content.Pause-v {
    min-width: 370px;
}*/

/*.modal-content.Cancel-v {
    min-width: 370px;
}*/

.pause-info-dc {
    padding: 10px;
    background-color: #e4f6ff;
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative;
}

    .pause-info-dc p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0px;
        color: #878787;
    }

.sub-cnt-v p {
    margin-bottom: 15px;
}

.st-dlv-option {
    font-size: 14px;
}

.pause-info-dc span {
    color: #000;
    font-size: 14px;
    top: -8px;
    position: absolute;
    border-radius: 50px;
}

.red-wd-x {
    width: 370px;
}

.my-sub-deliverd-list {
    scrollbar-color: #8c8c8c #e0e0e0;
    scrollbar-width: thin;
}

label#lblMsg {
    font-size: 14px;
    margin-left: 13px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: 300;
    font-size: 14px;
}

.reward-applied {
    background-color: #edaa40;
}

.main-header.header-sticky.fixed-top {
    background-color: #171717;
    width: 100%;
}

.header-area {
    margin-top: 0;
}

.dc-edit-dd.disabled {
    background-color: #f5f5f5cc !important;
}

.disabled {
    background-color: #f5f5f5cc !important;
}

input#reportdate {
    height: 35px;
    line-height: 15px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    display: block;
    border-radius: 7px;
    border: 1px solid #E5ECFF;
}

.dc-hide-pointer {
    pointer-events: none;
}

.header-area .main-header .menu-wrapper .main-menu ul li.active a {
    color: #d9ac3c;
}

.cart-subs.Cart.active a {
    color: #d9ac3c;
}

.cart-subs.Cart.active span.flaticon-shopping-cart {
    color: #d9ac3c !important;
}

.st-lb-active {
    font-size: 14px;
    font-weight: 500;
    color: #447c10;
}

.st-lb-Reject {
    font-size: 15px;
    font-weight: 500;
    color: #c32312;
}

.st-lb-pay-cancel {
    font-size: 15px;
    font-weight: 500;
    color: #df881d;
}


.sub-dv-status {
    margin-bottom: 10px;
}

.sub-dv-status {
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.dv-s-st-lb {
    font-size: 13px;
    color: #000000;
    margin-right: 10px;
    font-weight: 500;
}

.loyalti-rdw img {
    width: 100%;
}

.loyalty-title .cl-dr {
    text-transform: lowercase;
}

/*-------login screen styles------*/

section.my-act-section.mt-0 {
    padding: 3rem 0rem;
}

.login-form-view {
    margin: 0rem 1rem;
}

section.my-account-acc-v {
    background-attachment: fixed;
    background-size: cover;
}

.my-account-acc-v-ovly {
    background-color: #f5f5f5;
    padding: 2rem 0rem;
}

.my-act-box-card {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 10px;
    width: 90%;
    margin: auto;
}

.img-wp-cd img {
    border-radius: 10px;
}

.dc-logo-v {
    margin-bottom: 2rem;
    padding: 1rem 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
}

.user-login-view-section {
    margin: 0px 3rem;
}

.dc-logo-v img {
    height: 70px;
}

a.Reset_Password {
    position: relative;
    top: -3px;
    font-size: 14px;
}

.lost_password .check-box label {
    font-size: 14px;
}

input#RememberMe {
    position: relative;
    top: 1px;
    margin-right: 7px;
}

.sub-myact-button.button {
    width: 100%;
    padding: 11px 10px;
    border: 0;
    /* font-size: 17px; */
    border-radius: 5px;
    background-color: #67c8e8;
    color: #fff;
}

.dc-logo-v h5 {
    font-size: 22px;
    color: #444;
    font-weight: 400;
}

.user-rg-link-view {
    margin: 2rem 1rem;
    text-align: center;
}

    .user-rg-link-view p {
        font-size: 14px;
        color: #646464;
    }

button.sw-register {
    border: 0px;
    background-color: transparent;
    padding: 0px;
    color: #0d85ad;
}

.myc-input-v label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.myc-input-v label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.dc-logo-v h1 {
    font-size: 13px;
}

.d-flex-rg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .d-flex-rg .myc-input-v {
        width: 100%;
        margin-right: 10px;
    }

select#ddlCountryCodeE {
    border: 1px solid #000;
    border-radius: 0px;
    padding: 4px 4px;
    height: 42px;
    margin-right: 0px;
    border-bottom: 1px solid #e9ebf4;
    padding-bottom: 1px;
    height: 40px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 0px;
    font-size: 14px;
    width: 60px;
    display: block;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #E5ECFF;
    padding-left: 4px;
}

input#TermsAndConditions {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.myc-rest-psd b a {
    font-weight: 400;
    font-size: 13px;
    color: #228acd;
}

.toreply {
    font-size: 13px;
}

button.sw-login {
    border: 0px;
    background-color: transparent;
    padding: 0px;
    color: #0d85ad;
}

.Register-form {
    display: none;
}

.err-Msg {
    display: block;
    padding-top: 5px;
    font-size: 13px;
    padding-left: 4px;
    text-align: left;
}

button.sw-bc-login {
    background-color: transparent;
    padding: 0px;
    color: #0d85ad;
    border: 0px;
}

.forget-password {
    display: none;
}

.myc-input-v input::placeholder {
    color: #b3b3b3;
    font-size: 13px;
}

.dc-logo-v.dc-otp-x h2 {
    font-size: 14px;
    font-weight: 300;
}

.sub-myact-button.button {
    width: 100% !important;
    padding: 11px 10px;
    border: 0;
    font-size: 14px !important;
    border-radius: 5px;
    background-color: #228acd;
    color: #fff;
}

.img-wp-cd {
    max-height: 537px;
    overflow: hidden;
    border-radius: 10px;
}

@keyframes beat {
    to {
        transform: scale(1.2);
    }
}

.rwd-img-view img {
    height: 20px !important;
    width: 20px !important;
    animation: beat .95s infinite alternate;
    transform-origin: center;
}

.rwd-img-view {
    padding: 0px;
    cursor: pointer;
}

#ring {
    fill: none;
    stroke-width: 2px;
    stroke: #00e3ff;
    stroke-linecap: round;
}


svg#one {
    position: absolute;
    -webkit-transform: translate(-54%, 43%);
    transform: translate(-54%, 43%);
}

svg#two {
    position: absolute;
    -webkit-transform: translate(-183%, 16%);
    transform: translate(-183%, 16%);
}

svg#three {
    position: absolute;
    -webkit-transform: translate(-47%, -27%);
    transform: translate(-47%, -27%);
}

.group {
    -webkit-transform: translate(42.5px,42.5px);
    -moz-transform: translate(42.5px,42.5px);
    transform: translate(42.5px, 42.5px);
}

/*path {
    -webkit-transform: translate(-42.50px,-42.50px);
    -moz-transform: translate(-42.50px,-42.50px);
    transform: translate(-42.50px,-42.50px);
}*/

.large {
    -webkit-animation: large 2.5s infinite;
    -moz-animation: large 2.5s infinite;
}

.large-2 {
    -webkit-animation: large-2 2.5s infinite;
    -moz-animation: large-2 2.5s infinite;
}

.small {
    -webkit-animation: small 2.5s infinite;
    -moz-animation: small 2.5s infinite;
}

@-webkit-keyframes large {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg) scale(1.5);
        transform: rotate(360deg) scale(1.5);
    }
}

@-moz-keyframes large {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(360deg) scale(1.5);
    }
}

@-webkit-keyframes large-2 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(405deg) scale(1.1);
        transform: rotate(405deg) scale(1.1);
    }
}

@-moz-keyframes large-2 {
    0% {
        opacity: 0;
        transform: rotate(45deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(405deg) scale(1.1);
    }
}

@-webkit-keyframes small {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-360deg) scale(1);
        transform: rotate(-360deg) scale(1.5);
    }
}

@-moz-keyframes small {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(-360deg) scale(1.5);
    }
}

.ft-contact a {
    font-size: 14px;
    color: #adaaaa;
    font-weight: 300;
    line-height: 35px;
}

.usful-link-dw ul li {
    display: inline-block;
    font-size: 13px;
    padding-right: 11px;
    color: #7c7c7c;
    position: relative;
    line-height: 24px;
    top: -1px;
}

.s-links {
    margin-top: 14px;
    margin-left: -10px;
}

.tooltipv {
    position: relative;
    display: inline-block;
}

    .tooltipv .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #0e0e0e;
        color: #7a7979;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        font-size: 13px;
        z-index: 1;
        bottom: 92%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltipv .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #0e0e0e transparent transparent transparent;
        }

    .tooltipv:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.p-relative {
    position: relative;
}

a.active .iocn-lay-d {
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: top;
    display: flex;
    padding: 8px;
    box-sizing: border-box;
    background-color: #228acd;
    position: relative;
    border-radius: 46px;
    align-items: center;
}

button.active .iocn-lay-d {
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: top;
    display: flex;
    padding: 8px;
    box-sizing: border-box;
    background-color: #4389bc;
    position: relative;
    border-radius: 46px;
    align-items: center;
}

button.active .ld-opt h6 {
    color: #3378ab;
}

a.active .ld-opt h6 {
    color: #3378ab;
}

.btnCouoponModal i {
    font-size: 11px;
    padding: 0px 5px;
    position: relative;
    top: -1px;
}

.rw-label label {
    font-size: 12px;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    font-weight: 300;
}

.lt-tt-pdm.nl-v.abt-sm-dw {
    padding: 2rem 0rem;
}

.dropdown-menu {
    min-width: 100% !important;
}

ul#dro-mwnu {
    min-width: 100% !important;
}

.cnt-bulk-info {
    background-color: #fbfbfb;
    padding: 10px;
    border-radius: 10px;
}

    .cnt-bulk-info p b {
        color: #228acd;
    }

    .cnt-bulk-info p {
        margin-bottom: 0px;
    }


/*--------- catering css-----*/
.ct-ig-b img {
    height: 50px;
    margin-bottom: 10px;
}


.ct-ig-text p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.ct-cicn-box {
    border-radius: 10px;
    text-align: center;
    padding: 20px 7px;
    background-color: #fff;
    box-shadow: 1px 2px 4px #cccccc42;
    margin: 15px 0px;
}

.repay-cnt-view p {
    margin-bottom: 4px;
    font-size: 13px;
    text-align: center;
    color: #282828;
}

.Retry-lb {
    padding: 10px;
    background-color: #444;
    width: 55% !IMPORTANT;
    margin: auto !IMPORTANT;
    color: #fff;
    font-size: 14px !important;
    font-weight: 400;
}

.repay-view-dx {
    padding: 10px;
    background-color: #efefef;
    border-radius: 5px;
}

.dc-c-title h1 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 29px;
    margin-bottom: 16px;
}

.reward-expired-view {
    margin-top: 14px;
    background-color: #4389bc;
    border-radius: 10px;
    padding: 5px 10px;
    width: 96%;
}

.rewd-exp-v {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rewd-info p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 14px;
    padding-right: 25px;
}

.rewd-info i {
    color: #fff;
    font-size: 14px;
}

.rewd-img-x {
    text-align: right;
    padding-right: 5px;
}

    .rewd-img-x img {
        width: 55%;
    }

.main-l-title h4 {
    color: #fff;
}

/*15-02-22*/


.lt-tt-pdm p b {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding: 0px 2px;
}

.itm-details-txtCmt {
    width: 93%;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    margin-top: 10px;
    padding: 10px;
}


/*-------My-subscrption--------*/

.mt-sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cce7f3;
    padding-bottom: 10px;
}

.sub-l-label {
    font-size: 12px;
    color: #787878;
}

.sub-data-l {
    font-size: 14px;
    margin-top: 3px;
}

.subscription-delvery-ads {
    width: 70%;
}

.subscription-start-date {
    width: 30%;
}

.subscription-no {
    width: 25%;
}

.subscription-delvery-Frequency {
    width: 25%;
}

.subscription-delvery-status {
    width: 15%;
}

.ads-limt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.sub-satus-active {
    font-size: 13px;
    background-color: #0c641042;
    text-align: center;
    border-radius: 5px;
    color: #0e5411;
    font-weight: 500;
    padding: 5px 2px;
}

.sub-satus-Cancelled {
    font-size: 13px;
    background-color: #38383829;
    text-align: center;
    border-radius: 5px;
    color: #767676;
    font-weight: 500;
    padding: 5px 2px;
}

.sub-satus-p-Failed {
    font-size: 13px;
    background-color: #950e043b;
    text-align: center;
    border-radius: 5px;
    color: #a1241a;
    font-weight: 500;
    padding: 5px 2px;
}

.subscription-no::after {
    position: absolute;
    height: 100%;
    border-right: 1px dashed #ccc;
    content: "";
    right: 35px;
    top: 1px;
}

.mt-sub-body {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.mt-order-list-x {
    display: flex;
    margin-top: 8px;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
}


.mt-order-x-img {
    /* background-color: #f1f3f4; */
    /* border-radius: 10px; */
    padding: 5px 5px;
    border-right: 1px solid #f7f7f7;
}

    .mt-order-x-img img {
        height: 50px;
    }

.mt-order-x-title {
    width: 100%;
}

.mt-order-info {
    width: 100%;
}

.mt-order-x-title {
    padding-left: 10px;
    width: 100%;
}

.mt-order-qnty-x {
    padding-right: 15px;
}

.mt-order-x-number {
    font-size: 14px;
    margin-top: 3px;
}

.mt-order-grind-type {
    font-size: 12px;
    color: #818181;
    margin-top: 1px;
}

span.qnty-x-od {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
}

.pay-ment-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay-card-x {
    display: flex;
    align-items: center;
}

.pay-card-img img {
    height: 35px;
    margin-left: 6px;
}

.mt-payment-x-view {
    width: 100%;
    margin: 0px 15px;
}

.mt-payment-x-view {
    width: 100%;
    margin: 0px 15px;
}

.pay-ment-price {
    width: 25%;
    margin: 0px 15px;
}

.pay-card-number {
    padding-left: 10px;
    font-size: 14px;
    margin-top: 3px;
}

.pay-ment-price {
    color: #228acd;
    font-size: 16px;
    text-align: right;
}

    .pay-ment-price span {
        font-size: 14px;
    }

.pay-ment-options {
    margin-top: 8px;
}

.mt-upcoming-delivery-options {
    width: 100%;
}

.mt-up-btn-view-lb button {
    width: 49%;
    margin-bottom: 8px;
    border: 0px;
    background-color: transparent;
    font-size: 14px;
}

.mt-up-btn-view-lb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mt-up-btn-view-lb button {
        border: 0px;
        padding: 9px 15px;
        font-size: 14px;
        border-radius: 5px;
        font-weight: 300;
        text-transform: capitalize;
        margin: 3px 3px;
        width: 100%;
    }

button.mt-Pause-lb {
    background-color: #444;
    border-radius: 5px;
    color: #fff;
}

button.mt-Cancel-lb {
    background-color: #444;
    border-radius: 5px;
    color: #fff;
}

button.mt-Reschedule-lb-dw {
    background-color: #444;
    border-radius: 5px;
    color: #fff;
}

button.mt-upcoming-date {
    background-color: #e6e7e7;
    font-weight: 500;
    color: #444;
}

.mt-all-vrt-btn {
    margin-top: 8px;
}

.pay-ment-opt-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

    .pay-ment-opt-btns button {
        border: 1px solid #c4d3db85;
        padding: 9px 15px;
        font-size: 14px;
        border-radius: 5px;
        font-weight: 300;
        background-color: #ffffff;
        font-size: 14px;
        text-transform: capitalize;
        margin: 3px 3px;
        width: 100%;
        box-shadow: 1px 2px 35px #cccccc45;
    }

.mt-order-info {
    width: 100%;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
}

.mt-payment-x-view {
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
}

.mt-upcoming-delivery-options {
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
}
/*------profile page bg chnage -----*/

.profile-section {
    background-color: #f9fbfc;
}

.profile-options {
    min-height: 100vh;
    position: sticky;
    background-color: #fff;
    /*border-radius: 0px 10px 10px 0px;*/
    padding: 0px 10px;
    top: 104px;
    /*box-shadow: 5px 0px 94px #0000001f;*/
}

.col-lg-2.pad-let-0 {
    padding-left: 0px;
}

.profile-right-data {
    padding-top: 3rem;
}

.my-subscription-list {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
}

.prp-line {
    position: relative;
}

    .prp-line::after {
        position: absolute;
        height: 100%;
        border-right: 1px dashed #ccc;
        content: "";
        right: 35px;
        top: 1px;
    }


/*-----------manage cards poup--------*/

.modal-card-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.modal-content.mdl-card-m-content {
    background-color: #f9fbfc;
}

.pay-card-header {
    display: flex;
    justify-content: space-between;
}

.pay-hol-name-label {
    font-size: 12px;
    color: #747474;
}

.pay-hol-name-title {
    font-size: 14px;
}

.pay-dlt-iocn i {
    font-size: 14px;
    color: #dbdbdb;
}

.pay-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay-card-body {
    padding: 0.5rem 0rem;
}

.pay-cards-view {
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 0px 38px #ccccccc4;
    margin-bottom: 10px;
    background-image: url('../img/payment/card-b-bg.jpeg');
}

.pay-hol-name-title {
    font-size: 14px;
    color: #fff;
    letter-spacing: 3px;
}

.pay-hol-name-label {
    font-size: 12px;
    color: #b9b9b9;
    margin-bottom: 2px;
}

.modal-body.mdl-card-m-body {
    padding: 15px 20px;
    /*height: 93vh;
    overflow: auto;*/
}

.modal-header.mdl-card-m-header {
    background-color: #efefef;
}

.mdl-pp-title {
    font-size: 17px;
    font-weight: 500;
}

.pay-card-img-view {
    text-align: right;
}

.bubble img {
    width: 29px;
}

.Reschedule-v.active {
    display: block;
}

.right-side-tb-view {
    padding: 11px;
    margin: 10px 10px;
    box-shadow: 1px 3px 55px #00000038;
    border-radius: 10px;
}

.Pause-v.active {
    display: block;
}

.Cancel-v.active {
    display: block;
}

.mt-order-list-x.my-order-pd-list {
    width: 24%;
    background-color: #f8f8f8;
    margin: 5px 5px;
}

.mt-order-x-number {
    font-size: 14px;
    margin-top: 3px;
    text-align: left;
}

span.qunty-x-name-od {
    font-size: 13px;
    color: #767676;
}

span.qnty-x-od {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
}

.my-order-pd-list .mt-order-x-img {
    /* background-color: #f1f3f4; */
    /* border-radius: 10px; */
    padding: 5px 5px;
    border-right: 1px solid #ebebeb;
}

.order-items-view {
    flex-wrap: wrap;
}

.sub-data-l {
    color: #282727 !important;
}

.sub-list-ofy {
    max-height: 150px;
    overflow: auto;
    padding-right: 5px;
}


    .sub-list-ofy::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .sub-list-ofy::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .sub-list-ofy::-webkit-scrollbar-thumb {
        background-color: #8f8f8f;
    }

.modal {
    background: rgb(0 0 0 / 42%);
}

.abt-info-ce ul {
    padding-left: 15px;
}

.abt-info-cp ul {
    padding-left: 15px;
}



.abt-info-cm ul {
    padding-left: 15px;
}

.abt-info-cg ul {
    padding-left: 15px;
}

.abt-info-ce ul li {
    list-style: disc;
    font-size: 13px;
    margin-bottom: 10px;
    color: #777;
    line-height: 20px;
}

.abt-info-cp ul li {
    list-style: disc;
    font-size: 13px;
    margin-bottom: 10px;
    color: #777;
    line-height: 20px;
}

.abt-info-cm ul li {
    list-style: disc;
    font-size: 13px;
    margin-bottom: 10px;
    color: #777;
    line-height: 20px;
}

.abt-info-cg ul li {
    list-style: disc;
    font-size: 13px;
    margin-bottom: 10px;
    color: #777;
    line-height: 20px;
}

.lt-tt-pdm p {
    /* color: #806014; */
    font-size: 12px;
    margin-bottom: 0px;
}

li.rwd-points {
    overflow: hidden;
    position: relative;
}

i.drcafe1 {
    font-family: Times New Roman;
    color: #86837d;
    font-style: italic;
    text-transform: lowercase;
}

span.drcafe2 {
    color: #a67219;
    font-weight: 500;
}

.loyalty-title h2 i {
    color: #000;
}

.lt-tt-pdm {
    position: relative;
    height: auto;
    width: 100%;
}

.rdw-tlvx {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.rdw-pointx {
    position: absolute;
    left: 0px;
}

span.drcafe2.b-0.m-0.p-0 {
    border: 0px !important;
    background-color: transparent !important;
    color: #a67219 !important;
}

.main-l-title h3 i {
    color: #000;
}


/*-------reword points ----------------*/
@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.svg') format('svg');
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2');
}


.main-l-title h3 {
    color: #fff;
    font-family: AvenirNextLTPro-Bold;
}

.abt-ly-tittle-v h3 {
    color: #fff;
    font-family: AvenirNextLTPro-Bold;
    text-transform: uppercase;
}

    .abt-ly-tittle-v h3 i {
        color: #000;
    }



.track-detils-tab {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
    position: relative;
}

span.cnt-f-tr-x {
    font-size: 12px;
    line-height: 18px;
    margin-top: 13px;
    margin-bottom: 0px;
    color: #8b8b8b;
}

.ft-contact {
    padding-top: 10px;
}

span.drcafe2.m-0.p-0 {
    color: #a67219 !important;
}


li.mada-card-ft svg {
    background-color: #8a8a8a;
    padding: 3px;
    border-radius: 2px;
    height: 20px;
    width: 39px;
    position: relative;
    top: -1px;
}

a.cp-brand {
    color: #fff !important;
}

/*----------FAQ T&C_________*/
.dc-Online-general-faq h3 {
    font-size: 17px;
    color: #ac831d;
    margin-bottom: 1rem;
}

.dc-Online-general-faq {
    box-shadow: -1px 0px 10px 6px #cccccc30;
    border-radius: 7px;
    padding: 11px;
    margin-bottom: 1rem;
}

.dc-info-data-p p a {
    color: #0886bf;
}

.list-of-faq {
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 1px 4px 5px #ccc;
    font-size: 14px;
    border-radius: 5px;
    color: #ac831d;
}

    .list-of-faq span {
        margin-right: 10px;
    }

.my-tc-list-x {
    position: sticky;
    top: 6rem;
    padding-top: 29px;
}

.list-of-faq .active {
    color: #228acd;
}

/*-----------------Reward tc--------------------------------------*/

.container.page-st-x {
    padding: 29px;
    box-shadow: 0px 0px 15px #cccccc82;
    border-radius: 10px;
}

.fnt-x {
    font-size: 15px;
}

h4.sub-hed-xc {
    font-size: 16px;
    margin-bottom: 15px;
}

.in-box-c {
    box-shadow: -1px 0px 10px 6px #cccccc30;
    border-radius: 7px;
    padding: 11px;
    margin-bottom: 1rem;
}

    .in-box-c h3 {
        font-size: 17px;
        color: #ac831d;
        margin-bottom: 1rem;
    }

.rw-data ul li {
    margin-bottom: 5px;
    font-size: 14px;
    color: #535353;
    line-height: 22px;
    font-weight: 300;
}

.rw-data ul {
    padding-left: 15px;
    font-size: 14px;
}

.in-box-rw {
    margin-top: 30px;
}

    .in-box-rw h3 {
        font-size: 15px;
        color: #0b1c39;
    }


.div-flex-v {
    display: flex;
    justify-content: space-between;
}

.dv-col-mx h4 {
    font-size: 15px;
    margin-bottom: 0px;
}

.dv-col-m h4 {
    font-size: 14px;
    margin-bottom: 0px;
}

.dv-col-mx h5 {
    font-size: 15px;
    margin-bottom: 0px;
}

.dv-col-mx {
    width: 25%;
    padding: 10px;
}

.dv-col-m {
    width: 30%;
    padding: 10px;
}

    .dv-col-m p {
        margin-bottom: 0px;
        margin-bottom: 5px;
        font-size: 14px;
        color: #535353;
        line-height: 22px;
        font-weight: 300;
    }

.div-flex-v {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #ccc;
    align-items: center;
    margin-bottom: 5px;
}

.border-x-lv {
    border: 1px dotted #ccc;
    padding: 10px;
    border-radius: 10px;
}


.cnt-tlxv span {
    width: 50%;
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: 700;
}

.cnt-tlxv {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    width: 30%;
}

.footer-d {
    position: relative;
}


.header-area .main-header .menu-wrapper .main-menu ul.submenu {
    width: 750px;
}

@media screen and (max-width:1480px) {
    .header-area .main-header .menu-wrapper .main-menu ul.submenu {
        position: absolute;
    }
}


.hlp-in-info a {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
}

span.flaticon-user {
    padding-left: 10px !important;
}

#confetti {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

div#_PVdrCAFESmile {
    min-height: 100vh;
}

span.dc-link {
    display: -webkit-inline-box;
    word-break: normal;
}

/*--------- error-page----------------*/

.error-page-section {
    padding: 7rem 0rem;
    background-color: #fff; /*! display: flex; */
    background-image: url('../img/error-dc.png');
    min-height: 65vh;
    background-repeat: repeat-x;
    background-position: bottom;
}

.error-page-cnt-btns button {
}

.error-img-x img {
    width: 100%;
}

.container.my-error-page-box {
    width: 90%;
    margin: auto;
    box-shadow: 1px 4px 3px #00000026;
    padding: 4rem;
    border-radius: 5px;
    background-color: #00000012;
}

.main-error-title h2 {
    margin-bottom: 14px;
    font-size: 34px;
    color: #a77f1d;
}

.main-error-title p {
    font-size: 14px;
    /*! width: 90%; */
    color: #939393;
    line-height: 25px;
}

.help-center {
    padding: 8px 30px;
    border: 2px solid #171717;
    background-color: #171717;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
}

.Home-btx {
    padding: 8px 30px;
    border: 0px;
    background-color: transparent;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    margin-left: 1rem;
    border: 2px solid #171717;
    color: #000;
}

input#txtMobileNoL:focus {
    border-color: #e5ecff !important;
}

input#txtUserName:focus {
    border-color: #e5ecff !important;
}

.errorMsg .alert-danger {
    background-color: #f9e7e7;
    border: 0px;
}

.errorMsg .alert .alert-text.danger span {
    color: #a33636;
    font-size: 12px;
    font-weight: 500;
}

a.dropdown-toggle.user-nv-tl {
    padding-bottom: 12px !important;
}

.loyalti-rdw {
    position: relative;
    top: -10px;
}

span.cafe-x-v {
    color: #a67219;
    /* font-size: 12px; */
    font-weight: bold;
}

.header-area .main-header .menu-wrapper .main-menu ul .Beans:hover > a::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-radius: 0px 41px 0px 0px; */
    margin-left: -10px;
    left: 50%;
    border-bottom: 10px solid #ac831d;
    top: 29px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Tea:hover > a::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-radius: 0px 41px 0px 0px; */
    margin-left: -10px;
    left: 50%;
    border-bottom: 10px solid #ac831d;
    top: 29px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Merchandise:hover > a::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-radius: 0px 41px 0px 0px; */
    margin-left: -10px;
    left: 50%;
    border-bottom: 10px solid #ac831d;
    top: 29px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Gift:hover > a::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-radius: 0px 41px 0px 0px; */
    margin-left: -10px;
    left: 50%;
    border-bottom: 10px solid #ac831d;
    top: 29px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Merchandise:hover > a {
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Beans:hover > a {
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Tea:hover > a {
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.header-area .main-header .menu-wrapper .main-menu ul .Gift:hover > a {
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}


li.pay-x-dflex .cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.dc-pay-view.font-vx {
    font-size: 19px;
}

.ct-sidebar {
    padding: 10px;
    border-radius: 10px;
    margin-right: 15px;
}


.abt-info-ce, .abt-info-cp, .abt-info-cm, .abt-info-cg {
    max-height: 872px;
    overflow-x: hidden;
}
    /*-----------------coffee Expert ---scroll bar---------*/
    .abt-info-ce::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .abt-info-ce::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .abt-info-ce::-webkit-scrollbar-thumb {
        background-color: #8f8f8f;
    }
    /*-----------------coffee lover ---scroll bar---------*/
    .abt-info-cp::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .abt-info-cp::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .abt-info-cp::-webkit-scrollbar-thumb {
        background-color: #9dd3e4;
    }

    /*-----------------coffee moster ---scroll bar---------*/
    .abt-info-cm::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .abt-info-cm::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .abt-info-cm::-webkit-scrollbar-thumb {
        background-color: #cba360;
    }


    /*-----------------abt-info-cg ---scroll bar---------*/
    .abt-info-cg::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .abt-info-cg::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .abt-info-cg::-webkit-scrollbar-thumb {
        background-color: #bc7568;
    }

img.mada-cd-ftr {
    position: relative;
    top: -2px;
}

/*----2nd march 2022----*/

.itm-details-txtCmt:focus::-webkit-input-placeholder {
    opacity: 0;
}

.rt-lt-psd-img img {
    height: 85px;
}

.rt-lt-pds {
    display: flex;
    align-items: center;
}

.rt-lt-psd-img img {
    max-height: 85px;
    width: 85px;
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 0px;
}

.rt-lt-psd-img {
    margin-left: 5px;
}


.rt-pds-tittls-v p {
    margin-bottom: 0px;
    color: #565656;
    font-size: 14px;
    text-transform: capitalize;
     font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    color: #282828;
    line-height: 18px;
}

.rt-pds-price-v p {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}

.rt-lft-pds-info {
    padding-left: 10px;
}

a.lt-vx-lt-btn {
    color: #228acd;
    font-size: 14px;
    font-weight: 600;
}


.top-products ul li {
    /* min-height: 110px; */
    /* position: relative; */
    /* display: inline-block; */
    width: 100%;
    /* vertical-align: middle; */
    /* padding: 0; */
    /* margin: 0 0 14px; */
    background-color: #f5f5f5;
    /* margin-bottom: 14px; */
    border-radius: 10px;
    /* clear: both; */
    padding: 9px 4px;
    transition: all .5s ease;
}

span.sr-xv {
    font-weight: 400;
    font-size: 13px !important;
    color: #585858 !important;
}

/*.product-item-v:hover .product-title-holiday span{
    color:#fff;
}

.product-item-v:hover {
    box-shadow: 0 0px 25px 0 rgb(0 0 0 / 6%);
    background-color: #228acd;
}

    .product-item-v:hover .prd-left-text p {
        color: #fff;
    }*/
.top-products ul li a {
    display: block;
}

/*.top-products ul li:hover {
    color: #fff;
    background-color: #228acd;
}

    .top-products ul li:hover .rt-pds-tittls-v p {
        color: #ffffff;
    }

    .top-products ul li:hover .rt-pds-price-v p {
        color: #fff;
    }

    .top-products ul li:hover .rt-pds-price-v p {
        color: #fff;
    }*/

.rt-pds-ct-btn-v {
    display: none;
}

.product-item-v:hover {
    box-shadow: 3px 2px 6px rgb(189 189 189 / 72%);
    transform: scale(1.03);
    background-color: #ffffff;
}

.top-products ul li:hover {
    box-shadow: 3px 2px 6px rgb(189 189 189 / 72%);
    transform: scale(1.03);
    background-color: #ffffff;
}

span.sr-xv {
    padding: 0px !important;
    display: unset !important;
}

input#phone {
    height: 42px;
}

/*-----payment-card-model----*/

.right-card-pay-model {
    width: 350px;
    position: fixed;
    top: 0;
    right: -385px;
    height: 100vh;
    z-index: 99999999999999999;
    background-color: #f9fbfc;
    transition: all .3s;
    overflow: auto;
    z-index: 99999;
    transition: 0.6s ease-in-out;
}

    .right-card-pay-model.active {
        right: 0;
    }

li.dropdown.cart-bt a {
    padding-bottom: 15px;
}

.ads-addressDetails-base-addressField {
    padding: 6px 8px;
    border-radius: 5px;
}

select#ddlCountryCodeF {
    margin-right: 0px px;
    border-bottom: 1px solid #e9ebf4;
    padding-bottom: 1px;
    height: 40px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 0px;
    font-size: 14px;
    width: 65px;
    display: block;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #E5ECFF;
    padding-left: 2px;
}

.myc-input-f {
    height: 40px;
    line-height: 47px;
    background-color: transparent;
    border: 0;
    color: #81879F;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
    width: 100%;
    margin-top: 0px;
    display: block;
    border-radius: 7px;
    border: 1px solid #E5ECFF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sold-out-filter {
    position: absolute;
    top: 0;
    background-color: #e8e8e880;
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #d00404;
    height: -webkit-fill-available;
}

    .sold-out-filter p {
        margin-bottom: 0;
        background-color: #ffffffdb;
        width: 100%;
        color: #ea1313;
        font-size: 14px;
        font-weight: 400;
        margin: 0px 3px;
        border-radius: 5px;
        padding: 7px;
    }

.product-item-v {
    position: relative;
    overflow: hidden;
}

.btn-add {
    margin-top: 100px;
    margin-left: 100px;
}

.mbl-menu-view {
    display: none;
}

.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: unset;
    position: absolute;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: -28px;
    padding: 5px;
    right: 0px;
    margin-top: 0px;
}

button.new-card-add-btn-md {
    width: 100%;
    margin: auto;
    border: 0px;
    padding: 10px;
    /* position: absolute; */
    font-size: 14px;
    border-radius: 5px;
    transition: 0.3s;
    /* bottom: 0px; */
}

    button.new-card-add-btn-md:hover {
        background-color: #2196f3;
        color: #fff;
    }

.mdl-add-card-btn {
    margin: 11px 20px;
}

button.cancel-add-card-ml {
    background-color: #ccc;
    border: 0px;
    padding: 5px 25px;
    border-radius: 5px;
    font-size: 14px;
}

button.add-add-card-ml {
    background-color: #2196f3;
    color: #fff;
    border: 0px;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 5px;
}

.add-pay-btn-v {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
}

.model-body.mdl-add-card-body {
    margin: 0px 20px;
}

.mdl-add-card-body {
    display: none;
}

.sub-menu-list-v a::after {
    display: none !important;
}

.profile-user-dt-title {
    display: none;
}


.wpwl-brand.wpwl-brand-VISA.wpwl-brand-card {
    width: 54px;
}

.wpwl-brand.wpwl-brand-MADA.wpwl-brand-card {
    width: 54px;
}

.wpwl-brand.wpwl-brand-MASTER.wpwl-brand-card {
    width: 54px;
}

.track-order-num p {
    margin-bottom: 0px;
    color: #000000;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-left: 1px dashed #ccc;
}

.track-order-num {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.trk-c-rt {
    display: block;
    font-weight: 300;
    color: 8px;
    color: #000;
    margin-top: 10px;
}

.my-subscription-list {
    display: none;
}

.rdm-now.home-rdm-now {
    top: auto;
    align-items: center;
}

.rdm-now.prp-rdm-view {
    top: 33px;
    left: 5px;
}


.sold-out-filter {
    position: absolute;
    top: 0;
    background-color: #e8e8e880;
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #d00404;
    height: -webkit-fill-available;
    bottom: 0px;
}

.coming-soon-filter {
    position: absolute;
    top: 0;
    background-color: #e8e8e880;
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    color: green;
    height: -webkit-fill-available;
    bottom: 0px;
}

/*==============================================================================================================================================================
================================================================= Media Query ===================================================================================
 ===============================================================================================================================================================*/
/* Media Query for Mobile Devices */

/*------------------------------481px to 575px responsive----------------------------------------------*/



@media (max-width: 540px) {
    .css-1baulvz.eq3p6ej9.slick-slider-dots {
        display: none;
    }
    .product-ct-title::after {
        top: 22px;
    }

    .product-ct-title::before {
        top: 22px;
    }

    .price-product {
        margin-top: 0px;
    }

    .ct-sidebar {
        display: none;
    }

    .row.C-bag {
        margin-left: -10px;
        margin-right: -10px;
    }


    .pm-1 {
        padding: 0px 2px;
    }

    .prd-left-text {
        left: -20px;
        display: none;
    }

    .price-product {
        margin-bottom: 0px;
    }

    .product-title-holiday {
        padding-left: 0px;
    }

    .menu-item-name {
        width: 164px;
    }

    .product-item-v {
        border-bottom: 0px;
    }

    .right-product-view {
        overflow: visible;
    }


    .product-categories h5 {
        text-transform: uppercase;
        font-size: 15px;
        border-bottom: 1px solid #228acd;
        padding-bottom: 13px;
        padding-top: 4px;
        position: sticky;
        color: #fff;
        top: 3.5rem;
        z-index: 99;
        background-color: #2196f3;
        padding-top: 1rem;
        padding-left: 10px;
        border-radius: 5px;
    }

    .footer-links h4 {
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        color: #f4f4f4;
        margin-top: 1rem;
    }

    /*--------home page --------*/


    .mbl-menu-view {
        display: block;
    }

    .loyalti-rdw {
        position: relative;
        top: 0px;
    }

    .loyalti-rdw {
        margin-top: 4rem;
    }

    .cst-note {
        width: 100%;
    }

    .usful-link-dw ul {
        text-align: center;
        margin-top: 1rem;
    }

    .Catering-h {
        margin-top: 1rem;
    }

    .mbl-menu-view {
        position: fixed;
        left: 0;
        bottom: -1px;
        display: grid;
        align-content: center;
        background-color: #fff;
        z-index: 9999999;
        width: 100%;
        border-top-left-radius: 1.5rem;
        box-shadow: 0 -4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
        border-top-right-radius: 1.5rem;
    }

    ul.menu-list-ftr {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    span.menu-ftr-name {
        display: block;
        font-size: 12px;
    }

    li.menu-list-ftr-item {
        text-align: center;
    }

    .footer-d {
        position: relative;
        margin-bottom: 3rem;
    }

    .cart-v-ftr {
        padding: 10px;
        border-radius: 50px;
        height: 60px;
        width: 60px;
        position: relative;
        background-color: #228acd;
        top: -12px;
        display: block;
        color: #fff;
        box-shadow: 0px -4px 6px #00000036;
    }

    .header-right {
        display: none;
    }

    .logo {
        width: 40%;
    }

    .header-area .main-header {
        padding: 15px 0px;
    }

    .mobile_menu .slicknav_menu .slicknav_nav {
        margin-top: 16px !important;
    }

    img.ftr-cnv {
        height: 24px;
    }

    a.menu-link-ftr i {
        color: #8b8b8b;
        font-size: 13px;
    }

    .ft-menu-view-box a {
        width: 100%;
        text-align: center;
    }

    .ftr-itm-cty img {
        height: 105px;
    }

    .ftr-menu-view {
        background-color: #f1f1f1;
        border-radius: 25px 25px 0px 0px;
        position: absolute;
        width: 100%;
        top: 290px;
        padding-top: 1rem;
        padding-left: 11px;
        height: 340px;
        z-index: 0;
        box-shadow: 0px -3px 60px #7c7c7c6b;
        transition: all .8s ease-out;
        overflow: hidden;
        /* padding-bottom: 20px; */
        padding-right: 11px;
    }

    .ft-menu-view-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .ftr-itm-cty p {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

    .ft-menu-view-box a {
        width: 32%;
        text-align: center;
        margin: 1px;
    }

    .mbl-ftr-menu {
        background-color: #fff;
        z-index: 99;
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        height: 3.5rem;
        padding-top: 9px;
    }

    .ftr-menu-view.active {
        top: -308px;
    }

    .ftr-itm-cty {
        margin: 0px 8px;
        background-color: #fff;
        border-radius: 10px;
        transition: 0.3s;
    }

        .ftr-itm-cty:hover {
            box-shadow: 1px 2px 3px #ccc;
            background-color: #e5e5e4;
        }

            .ftr-itm-cty:hover p {
                color: #000000;
            }

    li.menu-list-ftr-item.active a {
        color: #228acd !important;
    }

        li.menu-list-ftr-item.active a i {
            color: #228acd;
        }

    .ftr-menu-account {
        background-color: #f1f1f1;
        border-radius: 25px 25px 0px 0px;
        position: absolute;
        width: 100%;
        top: 308px;
        padding-top: 1rem;
        padding-left: 11px;
        height: 340px;
        z-index: 0;
        box-shadow: 0px -3px 60px #7c7c7c6b;
        transition: all .8s ease-out;
        overflow: hidden;
        /* padding-bottom: 20px; */
        padding-right: 11px;
    }

    a.ftr-dw-item i {
        color: #000;
        background-color: #ffffff;
        width: 33px;
        height: 33px;
        border: 3px solid rgba(137, 137, 137, 0.18);
        border-radius: 100%;
        display: inline-block;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        line-height: 19px;
        padding: 4px 7px;
        font-size: 13px;
        margin-right: 14px;
    }

    a.ftr-dw-item {
        font-size: 14px;
        width: 100%;
        display: block;
    }

    ul.ftr-dw-menu-list li {
        margin-bottom: 4px;
        background-color: #f1f1f15e;
        padding-bottom: 0px;
        border-radius: 5px;
    }

    .ft-in-list-view {
        margin: 0px 20px;
        background-color: #fff;
        border-radius: 10px;
        transition: 0.3s;
        padding: 10px;
    }

    .ftr-menu-account.active {
        top: -308px;
    }

    .ftr-dw-menu-list li:hover {
        background-color: #228acd;
        border-radius: 5px;
    }

        .ftr-dw-menu-list li:hover a {
            color: #fff;
        }

    .tx-t a p {
        min-height: 66px;
    }

    a.menu-link-ft:hover {
        color: #000;
    }

    .ag-slide_img {
        width: 80%;
    }

    .drp-menu-img {
        display: none;
    }

    .nl-line {
        border-right: 0px;
    }

    h6.ag-slide-info_title {
        font-size: 12px;
        font-weight: 500;
        padding: 0px 0px;
    }


    .ftr-menu-cart {
        background-color: #f1f1f1;
        border-radius: 25px 25px 0px 0px;
        position: absolute;
        width: 100%;
        top: 175px;
        padding-top: 1rem;
        padding-left: 11px;
        height: 340px;
        z-index: 0;
        box-shadow: 0px -3px 60px #7c7c7c87;
        transition: all .8s ease-out;
        overflow: hidden;
        /* padding-bottom: 20px; */
        padding-right: 11px;
    }

    .cat-norml-info-mb {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cat-iocn-mb- {
        height: 47px;
        width: 47px;
        background-color: #fff;
        position: relative;
        border-radius: 5px;
        padding: 6px;
    }


    .cart-view-title-mbl {
        width: 100%;
        padding-left: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cart-mb-delevery {
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
    }

    .cat-iocn-mb- {
        height: 47px;
        width: 47px;
        background-color: #f1f1f1;
        position: relative;
        border-radius: 5px;
        padding: 6px;
        box-shadow: 0px 0px 0px 2px #cccccc8f;
    }

    span.mb-nrm-cat-v {
        position: absolute;
        background: #228acd;
        color: #fff;
        text-align: center;
        border-radius: 50px;
        font-size: 10px;
        top: -8px;
        right: -11px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
        padding: 2px 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        height: 20px;
        width: 20px;
        line-height: 16px;
        letter-spacing: 0px;
    }

    .cart-view-bnt-mb- a {
        padding: 7px 10px;
        background-color: #228acd;
        border-radius: 5px;
        color: #ffffff;
        font-size: 14px;
    }

    .cart-subscrption-dly {
        padding: 10px;
        background-color: #fff;
        margin-top: 8px;
        border-radius: 10px;
    }

    .cat-iocn-mb- img {
        width: 100%;
    }

    .cart-tl-left {
        font-size: 13px;
        font-weight: 500;
        color: #141414;
    }

    a.menu-link-ftr {
        position: relative;
    }

    mini.cart-item-cunt-mbl {
        position: absolute;
        background: #228acd;
        color: #fff;
        text-align: center;
        border-radius: 50px;
        font-size: 10px;
        top: -7px;
        right: -13px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
        padding: 2px 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        height: 18px;
        font-size: 10px;
        width: 18px;
        line-height: 14px;
        letter-spacing: 0px;
    }

    .ftr-menu-cart.active {
        top: -175px;
    }

    /*----------login screen----------*/
    .logo-view-ftr {
        position: relative;
        right: unset;
        text-align: center;
        top: unset;
    }

        .logo-view-ftr img {
            width: 65px;
        }

    .my-cd-w-img {
        display: none;
    }

    .user-login-view-section {
        margin: 0px 0rem;
    }

    .d-flex-rg {
        display: block;
    }

    .dc-logo-v {
        margin-bottom: 1rem;
        padding: 10px 0rem;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 1rem;
    }

    .footer_links {
        text-align: center;
        margin-top: 40px;
    }

    .login-form-view {
        margin: 0rem 0rem;
    }

    .my-cd-w-img {
        display: none;
    }

    .product-ct-title {
        margin-bottom: 20px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 1rem;
    }

    /*-----product page------*/
    .ct-sidebar {
        padding: 10px;
        border-radius: 10px;
        margin-right: 25px;
        margin-left: 25px;
    }

    .rt-lt-pds {
        display: flex !important;
        align-items: center;
    }

    .ct-sidebar {
        padding-left: 0px;
    }

    .ct-sidebar {
        margin-left: 20px;
        margin-right: 20px;
    }

    .product-media {
        flex-direction: column-reverse;
    }

    .product-thumb-v {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

    .product-media .product-thumb-v .thumb-item img {
        height: 50px;
        width: auto;
    }

    .thumb-item {
        margin: 0px 5px;
        width: 20% !important;
    }

    .product-image {
        margin-left: 0px;
    }

    .product-dt-title h1 {
        font-size: 21px;
        line-height: 1.17;
        letter-spacing: 1px;
        margin-bottom: 0.8125rem;
        text-transform: uppercase;
        font-weight: 500;
    }

    .produt-img-left-view {
        padding-left: 0px;
    }

    .prige-vx {
        width: 100%;
    }

    .itm-details-txtCmt {
        width: 100%;
    }

    .product_meta ul li a {
        padding-right: 4px;
        padding-left: 3px;
    }

        .product_meta ul li a i {
            padding: 11px;
            background-color: transparent;
            color: #000;
            height: 32px;
            border-radius: 8px;
            font-size: 14px;
            box-shadow: 1px 2px 3px #c1c1c1;
            width: 32px;
            text-align: center;
        }

    img#pd_img {
        width: 100%;
        text-align: center;
    }

    /*------------cart css-------------*/

    .ct-address {
        display: block;
        padding: 10px;
    }

    .gif-d {
        position: relative;
        top: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /*-------checkout--------------*/

    .wpwl-brand.wpwl-brand-VISA.wpwl-brand-card {
        width: 50px;
    }

    .wpwl-brand.wpwl-brand-VISA.wpwl-brand-card {
        width: 50px;
    }

    .wpwl-brand.wpwl-brand-MASTER.wpwl-brand-card {
        width: 50px;
    }


    /*--------profile page ------------*/
    .address-btn-view {
        background-color: #f8f8f8;
        border-radius: 5px;
    }

    .tark-order-status {
        text-align: left;
    }

    .order-no-v span {
        margin-right: 5px;
        font-size: 11px;
        color: #6f6f6f;
        font-weight: 300;
    }

    .mt-order-list-x.my-order-pd-list {
        width: 97%;
        margin: 10px 5px;
    }

    .track-order-num {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .order-track-text {
        width: 100%;
        padding-top: 8px;
    }

    span.trk-c-rt {
        display: block;
        margin-top: 9px;
    }

    .order-track-text-stat {
        display: block;
        justify-content: space-between;
        width: 100%;
    }

    .address-p-v {
        display: block;
    }

    .new-sub-ld-btn {
        text-align: center;
    }

    .add-address-btn {
        flex: auto;
        display: block;
        flex-flow: unset;
        -webkit-box-pack: center;
        justify-content: center;
        user-select: none;
    }

    .mt-sub-header {
        display: block;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #cce7f3;
        padding-bottom: 10px;
    }

    .subscription-no {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .subscription-delvery-ads {
        width: 100%;
        margin-bottom: 10px;
    }

    .subscription-start-date {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .subscription-delvery-Frequency {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .subscription-delvery-status {
        width: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        top: -3px;
        transform: translateX(-50%);
    }

    .my-subscription-list {
        position: relative;
        margin-bottom: 2rem;
    }

    .sub-satus-active {
        padding: 5px 20px;
    }

    .sub-satus-Cancelled {
        font-size: 13px;
        background-color: #38383829;
        text-align: center;
        border-radius: 5px;
        color: #767676;
        font-weight: 500;
        padding: 5px 10px;
    }

    .mt-sub-body {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
        flex-wrap: wrap;
    }

    .mt-payment-x-view {
        width: 100%;
        margin: 8px 0px;
    }

    .sub-satus-p-Failed {
        font-size: 13px;
        background-color: #950e043b;
        text-align: center;
        border-radius: 5px;
        color: #a1241a;
        font-weight: 500;
        padding: 5px 10px;
    }

    .ld-opt {
        display: flex;
        align-items: center;
        padding-left: 5px;
        padding-right: 5px;
        border-left: 1px dotted #6a6767;
        cursor: pointer;
    }

    ovly-lay {
        background-color: transparent;
        padding: 2rem 10px;
        padding-bottom: 8rem;
        /* border-radius: 5px; */
    }

    .main-l-title h3 {
        color: #fff;
        font-family: AvenirNextLTPro-Bold;
        font-size: 20px;
    }

    .main-l-title h4 {
        color: #fff;
        font-size: 20px;
    }

    .rew-box-in {
        position: absolute;
        top: -6rem;
        width: 100%;
    }

    .lay-mbl-rv {
        flex-direction: column-reverse;
    }

    .rew-box {
        position: relative;
        width: 100%;
        height: 150px;
    }

    .lay-header {
        margin-top: 2rem;
    }

    .ld-ttl-d {
        padding-left: 8px;
    }

    .cp-list {
        width: 100%;
    }

    .tnf-in-title {
        flex: auto;
        margin-bottom: 0px;
        margin-left: 10px;
        display: flex;
        align-items: center;
    }

    .tnf-in-tt-2 {
        flex: 9 1 0%;
        margin-left: 10px;
        display: block;
    }

    .rdm-now {
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 999;
        position: absolute;
        top: auto;
        left: 15px;
        width: 82%;
    }

        .rdm-now.prp-rdm-view {
            top: 51px;
            left: 5px;
        }

    .ly-sm-card {
        border-radius: 14px;
        cursor: pointer;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .lt-tt-pdm {
        position: relative;
        height: auto;
        width: 100%;
    }

    rdm-now.abt-rdw {
        padding: 10px;
        top: auto;
        left: 10px;
    }
    /*---------subscrption old remove css -----*/

    .order--my-sub.sw-70.sub-show-track.lb-b-rt {
        display: flex;
        justify-content: space-between;
    }

    .order--my-sub {
        padding: 5px 1px;
    }

    .my-list-sub {
        display: block;
    }

    .sw-80 {
        width: 100%;
    }

    .sw-70 {
        width: 100%;
    }

    .order--my-sub.lb-b-rt {
        border-right: 0px;
    }

    .name-lb-itm-flex {
        padding: 7px 7px;
        background-color: #e7f5ff;
        margin-bottom: 5px;
        border-radius: 5px;
    }


    .sub-d-btn {
        width: 100%;
        display: block;
    }

    section.Subscription-section {
        padding-top: 3px;
    }

    .sub-r-img {
        position: relative;
        bottom: auto;
    }

    .subscription-title-v {
        position: relative;
        top: auto;
    }

    .sub-s-title-l h2 {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 41px;
        width: auto;
    }

    section.Subscription-section {
        margin: 0px;
    }

    /*---------subscrption old remove css -----*/


    /*-------Subscrption---------*/

    a.my-sub-btn {
        margin-top: 30px;
        display: block;
        text-align: center;
        margin-left: 0px;
    }

    /*-------Subscrption---------*/


    .col-lg-6.form-bg-hw {
        margin-top: 3rem;
    }

    .Frequency-opt {
        width: 100%;
    }

    .Continue-Shopping-btn {
        display: none;
    }

    .cnt-tlxv {
        display: flex;
        align-content: stretch;
        justify-content: space-between;
        width: 100%;
    }

    .faq {
        flex-direction: column-reverse;
    }

    /*------cart animation -------------*/
    .cart-animation-helper:after {
        display: none !important;
    }

    .sum-d {
        display: none;
    }

    ul.slicknav_nav {
        height: 100vh;
        overflow: scroll;
    }

    .styk-v {
        position: sticky;
        top: 6rem;
        padding-left: 5px;
        margin-top: 3rem;
    }

    .car-view-section {
        padding: 1rem 0rem;
    }
}


/*------------------------------481px to 575px responsive----------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 575px) {
    .footer-links {
        text-align: center;
    }

    .rdm-now.home-rdm-now {
        top: 87px;
        align-items: center;
    }

    .app-links {
        display: flex !important;
    }

        .app-links a img {
            height: auto !important;
            width: 100%;
            margin-bottom: 11px;
        }

    .pay-card-v h3 {
        font-size: 15px;
        text-transform: uppercase;
    }


    /*------profile page--------*/

    .mt-order-list-x.my-order-pd-list {
        width: 47%;
    }

    .order-items-view {
        overflow-x: auto;
        display: flex;
    }

    .tracking-v {
        display: block;
    }

    .tark-order-status {
        text-align: left;
    }

    .lay-mbl-rv {
        flex-direction: column-reverse;
    }

    .rew-box {
        position: relative;
        width: 100%;
        height: 150px;
    }

    .lay-header {
        margin-top: 2rem;
    }

    .ld-ttl-d {
        padding-left: 8px;
    }

    .cp-list {
        width: 100%;
    }

    .tnf-in-title {
        flex: auto;
        margin-bottom: 0px;
        margin-left: 10px;
        display: flex;
        align-items: center;
    }

    .tnf-in-tt-2 {
        flex: 9 1 0%;
        margin-left: 10px;
        display: block;
    }

    .ovly-lay {
        padding-top: 6rem;
    }

    .rew-box-in {
        position: absolute;
        top: -9rem;
        width: 100%;
    }

    .lv-next p {
        font-size: 14px;
        color: #fff;
        margin-bottom: 0px;
        line-height: 25px;
    }

    .info-card-ly {
        position: absolute;
        top: 60px;
    }

    .ly-sm-card {
        border-radius: 14px;
        cursor: pointer;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .lt-tt-pdm {
        position: relative;
        height: auto;
        width: 100%;
    }

    .rdm-now {
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 999;
        position: absolute;
        top: auto;
        left: 15px;
        width: 82%;
    }

        .rdm-now.abt-rdw {
            padding: 10px;
            top: auto;
            left: 10px;
        }
    /*-----subscrption-----------*/

    section.Subscription-section {
        padding-top: 10px;
    }

    .sub-r-img {
        position: relative;
        bottom: 0px;
    }

    .subscription-title-v {
        position: relative;
        top: 0px;
        padding-top: 2rem;
    }

    .faq {
        flex-direction: column-reverse;
    }

    /*------------------------mobile stacky view---------------------------*/

    .product-categories h5 {
        text-transform: uppercase;
        font-size: 15px;
        border-bottom: 1px solid #228acd;
        padding-bottom: 13px;
        padding-top: 4px;
        position: sticky;
        top: 2rem;
        z-index: 99;
        background-color: #fff;
        padding-top: 3rem;
    }
}


/*------------------------------540px to 571px responsive----- profile page order view -----------------------------------------*/



@media only screen and (min-width: 540px) and (max-width: 768px) {


    .mt-order-list-x.my-order-pd-list {
        width: 47%;
    }

    .order-items-view {
        overflow-x: auto;
        display: flex;
    }

    .order-track-text {
        width: 100%;
        padding-top: 8px;
    }

    span.trk-c-rt {
        display: block;
        margin-top: 9px;
    }

    .order-track-text-stat {
        display: block;
        justify-content: space-between;
        width: 100%;
    }

    /*--------profile reword points responsive -------*/
    .lv-next p {
        font-size: 13px;
        color: #fff;
        margin-bottom: 0px;
        font-weight: 500;
        line-height: 17px;
    }

    .rew-box-in {
        position: relative;
        top: 0px;
        width: 100%;
        left: 0rem;
    }

    .info-card-ly {
        position: absolute;
        top: 35px;
    }

    .smile-level p {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .valid-thru p {
        font-size: 11px;
    }

    .my-smile p {
        font-size: 13px;
    }

    .main-l-title h3 {
        color: #fff;
        font-family: AvenirNextLTPro-Bold;
        font-size: 16px;
    }

    .main-l-title h4 {
        color: #fff;
        font-size: 17px;
    }


    /*---------subscrption old remove css -----*/
    .order--my-sub.sw-70.sub-show-track.lb-b-rt {
        display: flex;
        justify-content: space-between;
    }

    .order--my-sub {
        padding: 5px 1px;
    }

    .my-list-sub {
        display: block;
    }

    .sw-80 {
        width: 100%;
    }

    .sw-70 {
        width: 100%;
    }

    .order--my-sub.lb-b-rt {
        border-right: 0px;
    }

    .name-lb-itm-flex {
        padding: 7px 7px;
        background-color: #e7f5ff;
        margin-bottom: 5px;
        border-radius: 5px;
    }

    .up-btn-view-lb {
        margin-bottom: 5px;
        display: block;
        justify-content: space-between;
    }



    /*---------subscrption old remove css -----*/
    .ly-sm-card {
        border-radius: 14px;
        cursor: pointer;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .lt-tt-pdm {
        position: relative;
        height: auto;
        width: 100%;
    }

    .rdm-now {
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 999;
        position: absolute;
        top: auto;
        left: 15px;
        width: 82%;
    }

    /*-----subscrption----*/

    .sub-d-btn {
        display: block;
        font-size: 14px;
        padding: 10px 6px !important;
    }

    a.my-sub-btn {
        display: block;
        font-size: 14px;
        padding: 10px 6px !important;
    }

    .subscription-title-v h1 {
        font-size: 30px;
    }

    .faq {
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 540px) and (max-width: 575px) {
    /*--------profile reword points responsive -------*/
    .lv-next p {
        font-size: 15px;
        color: #fff;
        margin-bottom: 0px;
        font-weight: 500;
        line-height: 23px;
    }

    .rew-box-in {
        position: absolute;
        top: -8rem;
        width: 80%;
        left: 0rem;
    }

    .info-card-ly {
        position: absolute;
        top: 80px;
    }

    .smile-level p {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .valid-thru p {
        font-size: 11px;
    }

    .my-smile p {
        font-size: 13px;
    }

    .main-l-title h3 {
        color: #fff;
        font-family: AvenirNextLTPro-Bold;
        font-size: 16px;
    }

    .main-l-title h4 {
        color: #fff;
        font-size: 17px;
    }

    .my-tc-list-x {
        margin-bottom: 2rem;
    }

    .my-tc-list-x {
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
/*---------------subscrption old remove css---------------540px to 571px responsive----------------------------------------------*/


@media only screen and (min-width: 616px) and (max-width: 991px) {
    
    .my-tc-list-x {
        margin-bottom: 2rem;
    }

    .my-tc-list-x {
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /*-------reword points -------*/
    .levels-view-rwd {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    h4.lvl-tlv {
        width: 100%;
    }

    .ly-sm-card.shadow-none {
        width: 47%;
    }

    .ly-sm-card.abt-sm-ly {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 958px) {
    .up-btn-view-lb {
        margin-bottom: 5px;
        display: block;
        justify-content: space-between;
    }
}


/*---------------subscrption old remove css---------------540px to 571px responsive----------------------------------------------*/

/*------------------------------576px to 767px responsive----------------------------------------------*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .rdm-now.home-rdm-now {
        top: auto;
        align-items: center;
        left: 0px;
    }
}

/*------------------------------540px to 571px responsive----------------------------------------------*/

@media only screen and (min-width: 540px) and (max-width: 571px) {

    .product-media .product-thumb-v {
        width: 30%;
    }

    .profile-dt-form- {
        width: 44%;
    }

  

}

/*------------------------------480px to 991px responsive----------------------------------------------*/
@media (min-width: 481px) and (max-width: 991px) {
    /*------home-------*/


    .ct_title {
        position: static;
        bottom: 0rem;
        text-align: center;
        right: 4px;
        writing-mode: unset;
        transform: unset;
    }

    .subsc-in {
        display: unset;
    }

    .sub-v-img img {
        width: 100%;
    }

    .sub-v-img img {
        width: auto;
        position: relative;
        top: 0px;
        height: 220px;
    }

    .sub-v-img {
        width: 100%;
        flex-shrink: 0;
        transform: unset;
    }

    .Catering-v-img {
        width: 100%;
        flex-shrink: 0;
        transform: unset;
    }

        .Catering-v-img img {
            width: auto;
            position: relative;
            top: 0px;
            height: 220px;
        }


    .Catering-in {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }

    .loyalty-title h2 {
        font-size: 25px;
    }

    .tx-t .bg-cover {
        padding: 0rem 0 2rem 0;
        margin-bottom: -4rem;
    }

    footer {
        padding-top: 2rem;
    }

    .app-links a img {
        height: 55px;
        width: 81%;
        margin-bottom: 11px;
    }

    .footer-links {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .app-links {
        display: block;
        width: 100%;
    }

    .kep-tuchllinks {
        padding-top: 0rem;
        border-top: 0px;
        margin-top: 0rem;
        text-align: left;
    }

    .usful-link-dw {
        margin-top: 10px;
    }

        .usful-link-dw ul li {
            font-size: 12px;
        }

    .header-area .main-header .menu-wrapper .header-right {
        position: relative;
        bottom: -73px;
        z-index: 3;
        right: 0px;
        margin-right: 28px;
        top: 1px;
    }

    .logo-view-ftr img {
        width: 45px;
    }

    .logo-view-ftr {
        position: absolute;
        top: -16px;
        right: 16px;
    }

    .dc--help-x {
        display: block !important;
        align-items: center;
    }

    .hlp-btn {
        margin-bottom: 10px;
    }

    .hlp-in-info a {
        font-size: 13px;
    }

    .footer-awd-view img {
        width: 100%;
    }


    .dc-c-title p {
        padding: 0rem 1rem;
    }
    /*-----login css-----*/
    .user-login-view-section {
        margin: 0px 0rem;
    }

    /*-------products---------*/
    .ct-sidebar {
        padding-top: 0px;
        margin-right: 0px;
    }

    .horizontal-filters {
        display: none;
    }

    .ct-sidebar {
        padding-top: 0px;
    }

    .product-categories {
        padding-top: 0px;
    }

        .product-categories h5 {
            padding-top: 0px;
            padding-bottom: 5px;
        }

    /*-------cart----------*/
    .right-ct-d {
        padding: 0px 0px;
    }
}
/*------------------------------480px to 767px responsive----------------------------------------------*/
@media (min-width: 480px) and (max-width: 767px) {
    .ct-sidebar {
        display: none;
    }

    .kep-tuchllinks {
        padding-top: 1rem;
        border-top: 1px solid #343434;
        margin-top: 1rem;
    }

    .tx-t .bg-cover {
        padding: 0rem 0 2rem 0;
        margin-bottom: -4rem;
    }

    .header-area .main-header {
        padding: 15px 0px;
        padding-top: 10px;
    }


    .my-cd-w-img {
        display: none;
    }

    .kep-tuchllinks {
        text-align: center;
    }

    .user-login-view-section {
        margin: 0px 1rem;
    }

    .d-flex-rg {
        display: block;
    }


    /*-------products---------*/
    .ct-sidebar {
        padding-top: 0px;
        margin-right: 0px;
    }

    .horizontal-filters {
        display: none;
    }

    .ct-sidebar {
        padding-top: 0px;
    }

    .product-categories {
        padding-top: 0px;
    }

        .product-categories h5 {
            padding-top: 0px;
            padding-bottom: 5px;
        }

    .rt-lt-pds {
        display: block;
        align-items: center;
    }
    /*-----------profile----------------*/
    .profile-dt-all {
        display: flex;
        flex-wrap: wrap;
    }

    .profile-dt-form- {
        width: 44%;
    }

    .Adrx {
        display: block;
        word-break: break-word;
        flex: 4.5 1 0%;
        margin-left: 15px;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 840px) and (max-width: 992px) {
    .container.dc-payment-container {
        max-width: 825px;
    }

    .Adrx {
        display: block;
        word-break: break-word;
        flex: 4.5 1 0%;
        margin-left: 15px;
    }

    .mt-order-x-title {
        padding-left: 10px;
        width: 100%;
        padding-right: 10px;
    }

    .mt-order-list-x.my-order-pd-list {
        width: 31%;
    }

    .rdm-now.prp-rdm-view {
        top: 55px;
        left: 5px;
    }
}

/* Media Query for 935px portrait mode */
@media (min-width: 500px) and (max-width: 991px) {
    .user-mbl-db {
        display: none;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 500px) and (max-width: 991px) {
    .my-cd-w-img {
        display: none;
    }

    .my-act-box-card {
        width: 70%;
        margin: auto;
    }
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .mt-order-list-x.my-order-pd-list {
        width: 31%;
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .mt-order-list-x.my-order-pd-list {
        width: 31%;
    }
}

/* Media Query for Large screens */
@media (min-width: 1581px) {
    .ly-sm-card {
        display: flex;
        align-items: center;
    }
}

.ly-sm-card {
    display: flex;
    align-items: center;
}
/* ----------------subscrption old remover ------ */
@media (min-width: 992px) and (max-width: 1200px) {
    .up-btn-view-lb {
        margin-bottom: 5px;
        display: block;
    }
}
/*----------rewordpoint-------------*/
@media (min-width: 992px) and (max-width: 1200px) {
    .rdm-now {
        top: 8px;
        left: 0px;
    }

        .rdm-now.prp-rdm-view {
            top: 18px;
            left: 5px;
        }

    .lt-tt-pdm h4 {
        font-size: 13px;
    }

    .levels-view-rwd {
        width: 100%;
    }

    .lt-tt-pdm p {
        /* color: #806014; */
        font-size: 11px;
        line-height: 17px;
        margin-bottom: 0px;
    }

    .lt-tt-pdm.nl-v.abt-sm-dw {
        padding: 1rem 0rem;
    }

    .lt-tt-pdm {
        height: auto;
    }

    .rdm-now.abt-rdw {
        padding: 10px;
        top: 0px;
        left: 0px;
    }

    .ly-sm-card.abt-sm-ly {
        width: 100%;
    }

    .rdm-now.home-rdm-now {
        top: 50px;
        align-items: center;
    }
}


/*----------rewordpoint-------------*/
@media (min-width: 769px) and (max-width: 1200px) {

    .ly-sm-card.abt-sm-ly {
        width: 100%;
    }

    .lt-tt-pdm.nl-v.abt-sm-dw {
        padding: 1rem 0rem;
    }

    .rdm-now.abt-rdw {
        padding: 10px;
        top: 1px;
        left: 0px;
    }

    .rdm-now.home-rdm-now {
        top: 54px;
    }
}


/*------------ios zoom remover--------------*/

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"] {
        font-size: 16px;
    }
}


/*---------cart-animation--------*/

.cart-animation-helper {
    margin: 0 20%;
    width: 0;
    height: 0;
}

    .cart-animation-helper:after {
        opacity: 0;
        border-radius: 0%;
        max-height: 250px;
        max-width: 200px;
        content: "";
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        z-index: 1111111;
        height: 250px;
        width: 200px;
        background-color: #228acd;
        transition: transform 0.8s ease-out, margin 0.8s ease-out, opacity 0.8s ease-out, border-radius 0.8s ease-out, max-height 0.4s ease-out, max-width 0.4s ease-out;
    }

mini.cart-item-cunt.shake {
    animation: shakeCart 0.4s ease-in-out forwards;
}

@keyframes xAxis {
    100% {
        transform: translateX(calc(50vw - 105px));
    }
}

@keyframes yAxis {
    100% {
        transform: translateY(calc(-50vh + 75px));
    }
}

@keyframes shakeCart {
    25% {
        transform: translateX(6px);
    }

    50% {
        transform: translateX(-4px);
    }

    75% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(0);
    }
}

.product-title-holiday h5 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 195px;
    display: block;
}

.my-deals-view {
    display: flex;
    flex-wrap: wrap;
}


/*----------------totltip fro new chnage ----------------------------*/

.select-msg-view-tg {
    padding: 10px;
    background-color: #b2d6ee;
    width: fit-content;
    min-width: 72.5%;
    border-radius: 5px;
}

.select-msg-view-tg {
    padding: 10px;
    background-color: #b2d6ee;
    width: fit-content;
    border-radius: 5px;
    min-width: 72.5%;
    border-radius: 4px;
}

    .select-msg-view-tg p {
        margin-bottom: 0px;
        font-size: 12px;
        margin-bottom: 0px;
        color: #000;
        line-height: 20px;
        text-transform: uppercase;
    }

.target-msg-x {
    margin-top: 1.5rem;
}

.Continue-Shopping-btn {
    margin-left: 13px;
}

.fre-dly-get {
    padding: 0px 10px;
}

.Frequency-data p {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
    color: #1f3d46;
}

span.hd-c-txt {
    opacity: 1;
    font-size: 12px;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.set-dw:hover span {
    opacity: 1;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.target-msg-x {
    margin-top: 1.5rem;
    width: 94%;
    position: absolute;
    bottom: 57px;
}

/*----------------totltip fro new chnage ----------------------------*/
/*--------------------*/
.notification-home {
    background-color: #03a9f4;
    text-align: center;
    position: fixed;
    padding: 7px;
    right: 0;
    margin-top: 4px;
    width: 100%;
}

.my-note-view {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
}


.notification-home-ls {
    background-color: #03a9f4;
    text-align: left;
    position: fixed;
    padding: 10px 15px;
    right: -3px;
    margin-top: 4px;
    top: 105px;
    min-width: 13%;
    color: #fff;
    border-radius: 5px 0px 0px 5px;
    z-index: 99999;
}

.notification-home-md {
    position: fixed;
    width: 100%;
}

.my-note-viewmd {
    position: absolute;
    background-color: #228acd;
    padding: 10px;
    width: 340px;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: block;
    text-align: center;
}

.my-note-viewmd {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 35%);
    -ms-transform: translate(-50%,35%);
    transform: translate(-50%,35%);
}


/*-----------Frequency new tooltip-----------*/

.Frequency-opt {
    position: relative;
}

.more-info-icn {
    position: absolute;
    top: 5px;
    right: 10px;
}

    .more-info-icn i {
        font-size: 8px;
        border: 1px solid #646464;
        padding: 3px 5px;
        border-radius: 50px;
        color: #646464;
        width: 15px;
        height: 15px;
    }

/* Container Tooltip */
.tooltip {
}

.tooltipText {
    background-color: #dfefff;
    position: absolute;
    bottom: 105%;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 2px 4px 5px #cccccca6;
    opacity: 0;
    min-width: 240px;
    width: fit-content;
    font-weight: 500;
    color: #000;
    transition: all 0.5s;
}

    .tooltipText::after {
        content: "";
        border-width: 5px;
        border-style: solid;
        border-color: #dfefff transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 0%;
        margin-left: 4%;
    }

.tooltip:hover .tooltipText {
    opacity: 1;
    transform: translateX(-7px);
}

.tooltip {
    opacity: 1;
}

p.mtx-v {
    margin-top: 10px;
}

.Continue-Shopping-btn-add button {
    padding: 10px;
    border: 1px solid #228acd;
    background-color: transparent;
    border-radius: 5px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    color: #228acd;
    text-transform: capitalize;
}

.Continue-Shopping-btn-add {
    margin-left: 0px;
    border-top: 1px dashed #dfdfdf;
    padding-top: 2rem;
}


/*================notifaction for all action show down======================*/

.alert.alert-danger.py-2.fade.show {
    width: auto;
    position: fixed;
    bottom: 0;
    right: 1rem;
    background-color: #228acda6;
    /* right: 30px; */
    font-size: 14px;
    z-index: 9999999;
    color: #fff;
    padding: 2rem 2rem;
    line-height: 25px;
    height: 41px;
    text-transform: capitalize;
    font-weight: 200;
    border: 0px;
    letter-spacing: 0px;
    font-weight: 100;
}

/*-----------------new design for frequency-------------------------*/

button.frq-card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    border: 1px solid rgb(223 223 223);
    position: relative;
    width: 20%;
    margin-right: 23px;
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.51, 0.53);
}

.frq-card-100 {
    padding: 12px;
    width: 100%;
}

.frq-card-in {
    height: 100% !important;
    align-items: flex-start;
    flex-direction: column !important;
    display: flex !important;
    word-wrap: break-word;
}

.frq-date-v {
    border: 1px solid #504f4f;
    border-radius: 2px;
}

.emty-bx-dd {
    height: 8px;
    border-bottom: 1px solid #504f4f;
    width: 30px;
    background-color: #228acd;
}

.frq-date-view-info {
    font-size: 12px;
    padding: 1px 3px;
    font-weight: 600;
}

.frq-body {
    margin-top: 3rem;
    width: 100%;
    text-align: left;
}

.Frequency-numbers p b {
    font-size: 17px;
    color: #ac831d;
    margin: 0px 1px;
}

.frq-card:hover {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border: 1px solid #fff;
}

.est-date-v.dvfin {
    width: 95%;
    margin-left: 10px;
}

.frq-card.active {
    box-shadow: 3px 5px 8px rgb(0 0 0 / 10%);
    background-color: #f3f6f9;
    border: 1px solid #228acd;
}

/*.frq-card.active .frq-date-v {
        border: 1px solid #ffffff;
        border-radius: 2px;
    }

        .frq-card.active .frq-date-v .emty-bx-dd {
            height: 8px;
            border-bottom: 1px solid #ffffff;
            width: 30px;
            background-color: #ffffff;
        }

    .frq-card.active .Frequency-numbers p {
        font-size: 15px;
        color: #cbe2f1;
    }

    .frq-card.active .more-info-icn i {
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    .frq-card.active .Frequency-numbers p b {
        font-size: 17px;
        color: #ffffff;
        margin: 0px 1px;
    }*/



span.label-order-status {
    font-size: 13px;
    color: #979797;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: capitalize;
}

/*---------lang view in moblie view -------------*/

.en-mbl-view {
    display: none;
}

.language-change.en-mbl-view span {
    position: relative;
    padding: 5px;
    top: -1px;
    background-color: #222;
    border-radius: 5px;
    /* margin-bottom: 4px; */
    padding: 0px 10px;
    padding-bottom: 4px;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 540px) {
    .en-mbl-view {
        position: absolute;
        color: #fff;
        right: 47px;
        top: -23px;
        text-transform: uppercase;
        font-size: 13px;
        display: block;
        z-index: 999;
    }
}

.bg-cover img {
    /* width: 100%; */
    height: 35vh;
}

.vc-b-baner-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/*----new css chnages ----*/
.ads-base-title-st h4 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 0px;
}

.ads-base-title-st p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 300;
}

.d-flex-ads {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.cart-address-section {
    padding: 10px 20px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.ads-search-location-v {
    position: relative;
}

span.Search-iocn-lt {
    position: absolute;
    right: 18px;
    top: 9px;
    color: #8b8b8b;
}

.d-flex-ads-v {
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.back-arow p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 300;
}

    .back-arow p i {
        font-size: 15px;
        padding-right: 4px;
        position: relative;
        color: #898989;
        top: 1px;
    }

.back-arow {
    cursor: pointer;
}

label#lblMsg {
    font-size: 14px;
    margin-left: 13px;
    margin-bottom: 0px;
    margin-top: 11px;
    float: left;
}

.address-list-form-bg {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 15px #cccccc69;
    position: relative;
}
/*----new css chnages ----*/

/*----------------add address css new-----------------*/

section.add-select-address {
    position: relative;
    display: none;
    flex-direction: column;
    min-height: 100vh;
    height: 100vh;
}

.add-select-overlay {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 99999;
}

.add-model-view {
    position: absolute;
    width: calc(100% - 20px);
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
}

.add-model-header {
    width: 100%;
    border-top: 1px solid rgb(226, 229, 241);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid rgb(236, 237, 242);
    border-radius: 4px 4px 0px 0px;
}

.add-model-tittle {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 10px 15px;
}

    .add-model-tittle h3 {
        font-size: 19px;
        text-align: left;
        font-weight: 600;
        color: rgb(64, 69, 83);
        margin-bottom: 0px;
    }

.add-model-body {
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(243, 244, 248);
}

.add-ht-wt {
    height: 528px;
    padding: 0px 10px;
    max-height: 550px;
    overflow-y: auto;
}

.add-wt-card {
    padding: 12px;
    position: relative;
    margin: 8px 0px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(241, 243, 249);
    cursor: pointer;
}

    .add-wt-card:hover {
        cursor: pointer;
        border: 2px solid rgb(198, 204, 221);
    }

    .add-wt-card.active {
        border: 2px solid #318ccb;
    }

.add-ads-head {
    /* font-size: 1.25rem; */
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.add-ads-left {
    display: flex;
}

.add-ads-left-title {
    display: flex;
    align-items: center;
}

    .add-ads-left-title h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.add-ads-left svg {
    margin-right: 10px;
}

.add-drfault {
    padding: 1px 10px 2px;
    background-color: #228acd;
    border-radius: 15px;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
}

.add-ads-edit-btn {
    border: 0px;
    background-color: transparent;
}

.add-ads-edit-bbt svg {
    width: 15px;
    height: 15px;
    color: #7c7c7c;
    position: relative;
    top: -2px;
}

span.edit-tittle-text {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: rgb(126, 133, 155);
    font-weight: 500;
}

.add-ad-d-flex-w {
    display: flex;
    align-items: center;
}

.wd-info {
    display: table-cell;
    padding: 5px 0px 0px;
    word-break: break-all;
    padding-left: 0px;
    margin-top: 4px;
    flex: 2 1 0%;
    color: #404553;
}

.wd-label {
    padding-right: 16px;
    color: rgb(126, 133, 155);
    white-space: nowrap;
    flex: 0.2 1 0%;
}

.add-ad-d-flex-w p {
    margin-bottom: 0px;
}

.add-address-fotter {
    width: 100%;
    border-top: 1px solid rgb(226, 229, 241);
    padding-top: 12px;
    padding-bottom: 12px;
}

button.ftr-add-new-address {
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
    transition: opacity 0.25s ease-in-out 0s;
    cursor: pointer;
    transition: all 0.25s ease-in 0s;
    padding: 3px 14px;
    color: #007bcb;
    background: none;
    border: none;
}

.add-address-footer-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
}

button.ftr-Confirm-address {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px;
    padding: 0px 14px;
    background-color: rgb(49 140 203);
    font-size: 15px;
    border: 0px;
    ont-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 20px;
    color: rgb(255, 255, 255);
}


.add-ads-Delete-bbt svg {
    width: 15px;
    height: 15px;
    color: #7c7c7c;
    position: relative;
    top: -2px;
}

button.add-ads-Delete-btn {
    border: 0px;
    background-color: transparent;
}

span.Delete-tittle-text {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: rgb(126, 133, 155);
    font-weight: 500;
}

.add-model-New-tittle {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 10px 15px;
    display: none;
}

    .add-model-New-tittle h3 {
        font-size: 19px;
        text-align: left;
        font-weight: 600;
        color: rgb(64, 69, 83);
        margin-bottom: 0px;
    }

.add-new-ads-body {
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(243, 244, 248);
    display: none;
}

.add-new-address-footer-flex {
    display: none;
}

.view-add-new-location-map {
    position: relative;
    height: 520px;
    flex: 1 1 0%;
}

.add-new-address-footer-flex {
    text-align: end;
    padding: 5px 15px;
}

button.ftr-add-go-back {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    /* box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px; */
    padding: 0px 14px;
    background-color: transparent;
    font-size: 15px;
    border: 1px solid #228acd;
    ont-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 20px;
    color: #228acd;
}

button.ftr-Confirm-Location {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    /* box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px; */
    padding: 0px 14px;
    background-color: rgb(49 140 203);
    font-size: 15px;
    border: 1px solid #3c8ec9;
    ont-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-left: 13px;
    padding: 7px 20px;
    color: rgb(255, 255, 255);
}

.view-add-new-location-search {
    position: absolute;
    width: calc(100% - 50px);
    top: 0px;
    right: 25px;
    z-index: 12;
    padding: 0px;
}

    .view-add-new-location-search input {
        box-sizing: border-box;
        border: 1px solid transparent;
        width: 100%;
        margin-top: 10px;
        padding: 10px 12px;
        box-shadow: rgb(0 0 0 / 30%) 0px 2px 6px;
        font-size: 16px;
        outline: none;
        text-overflow: ellipsis;
        border-radius: 3px;
        z-index: 12;
    }

    .view-add-new-location-search .Search-iocn-lt {
        position: absolute;
        right: 15px;
        top: 22px;
        z-index: 9999;
        color: #8b8b8b;
    }

.add-address-details-body {
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(243, 244, 248);
    display: none;
}

.add-model-New-address-details {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 10px 15px;
    display: none;
}

    .add-model-New-address-details h3 {
        font-size: 19px;
        text-align: left;
        font-weight: 600;
        color: rgb(64, 69, 83);
        margin-bottom: 0px;
    }

.add-new-address-footer-flex {
    text-align: end;
    padding: 5px 15px;
}

.add-new-save-footer-flex {
    text-align: end;
    padding: 5px 15px;
    display: none;
}

button.ftr-add-go-back-location {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    /* box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px; */
    padding: 0px 14px;
    background-color: transparent;
    font-size: 15px;
    border: 1px solid #228acd;
    ont-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 20px;
    color: #228acd;
}

.ftr-save-address {
    transition: all 0.25s ease-in 0s;
    border-radius: 3px;
    /* box-shadow: rgb(0 0 0 / 11%) 0px 1px 1px 0px; */
    padding: 0px 14px;
    background-color: rgb(49 140 203);
    font-size: 15px;
    border: 1px solid #3c8ec9;
    ont-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-left: 13px;
    padding: 7px 20px;
    color: rgb(255, 255, 255);
}


.add-details-d-flex {
    display: flex;
    height: 520px;
    padding: 25px 15px;
}

.add-save-ads-title h5 {
    display: flex;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(90 90 90);
    margin-bottom: 20px;
    -webkit-box-align: center;
    align-items: center;
}

.add-location-view {
    width: 50%;
}

.box-v-ew-sm-lt {
    background-color: #fff;
    padding: 5px;
}

.add-address-input-fld {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 5px;
}

.add-forminput label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: rgb(126, 133, 155);
    margin-bottom: 0px;
}

.add-forminput input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(198, 204, 221);
    width: 100%;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.add-forminput {
    margin-bottom: 2rem;
}

.add-location-detiles-form {
    width: 50%;
    margin-left: 15px;
}

.mbl-num-cnt-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(198, 204, 221);
}

.phone-num-vew {
    border: 0px !important;
}

.enter-num-sa-input {
    flex: 1;
}

.mbl-cnt-code {
    padding-right: 15px;
    border-right: 1px solid rgb(198, 204, 221);
    margin-right: 15px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
}

span.ads-label-title {
    font-weight: normal;
    font-size: 14px;
    color: rgb(126, 133, 155);
}

button.set-pl-btn {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(198, 204, 221);
    -webkit-box-align: center;
    align-items: center;
    padding: 2px 6px;
}

button.set-pl-btn {
    font-size: 13px;
    color: #626262;
    margin-right: 5px;
}

    button.set-pl-btn svg {
        height: 15px;
        width: 14px;
        padding-right: 2px;
        position: relative;
        top: -1px;
    }

.Address-Label-view {
    display: flex;
    align-items: baseline;
}

.set-place-lb-btn {
    margin-left: 10px;
}

.form-group.set-dlft {
    margin-top: 1rem;
    margin-bottom: 3.1rem;
}

    .form-group.set-dlft input {
        position: relative;
        top: 1px;
    }

    .form-group.set-dlft span {
        padding-left: 6px;
    }

.overflow-hidden {
    overflow: hidden !important;
}

button.set-pl-btn.active {
    background-color: #3c8ec9;
    border: 1px solid #3c8ec9;
    color: #fff;
}

.ads-base-subinfo {
    display: flex;
    align-items: center;
}

p.ads-base-highlight {
    font-size: 14px !important;
}

.add-model-tittle.d-flex-justfy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.add-model-close i {
    color: #8b8b8b;
}

.add-model-close {
    position: relative;
    cursor: pointer;
}

.view-add-new-location-map .gm-control-active {
    display: none;
}

.view-add-new-location-map .gmnoprint {
    display: none;
}
/*----------------add address css new-----------------*/
/*-----------------smart banner -----------------------------------*/
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    /* padding: 10px 0px !important; */
    background-color: #171717;
    width: 100%;
}

.smartbanner {
    display: none;
}

@media (max-width: 540px) {
    .smartbanner {
        display: block;
    }
}

@media only screen and (min-width: 540px) and (max-width: 2280px) {
    html.sizes {
        margin: 0px !important;
    }
}


/*-----------------smart banner -----------------------------------*/

.swiper-container {
    z-index: 0 !important;
}

/*----------ratting css -----------------*/
.product-ratting-orders {
    background-color: #f9f9f9;
    padding: 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.pr-o-box .rating svg {
    width: 31px;
    height: 27px;
    display: block;
    fill: rgba(0, 0, 0, 0.04);
}

.pr-o-box .rating ul li:before {
    --r: 0deg;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    top: 12px;
    left: 11px;
}

.pr-o-box .rating ul li:nth-child(1):after {
    width: 10px;
    height: 10px;
    top: 17px;
    left: 11px;
}

.pr-o-box {
    display: flex;
    align-items: center;
}

.pro-title {
    margin-right: 10px;
}

.pro-title {
    margin-right: 10px;
    font-size: 11px;
    /* text-transform: uppercase; */
    line-height: 13px;
    padding-top: 5px;
    color: #606060;
}

.pr-o-box .rating ul li:nth-child(3):after {
    width: 6px;
    left: 13px;
    top: 19px;
}

.pr-o-box .rating ul li:nth-child(4):after {
    width: 10px;
    height: 10px;
    top: 10px;
    left: 11px;
}

.pr-o-box .rating ul li:last-child:before {
    --r: -45deg;
}

.pr-o-box .rating ul li:nth-child(5):after {
    width: 6px;
    height: 3px;
    left: 13px;
    top: 18px;
}

.pr-o-box .rating ul li:not(:last-child) {
    margin: 0 10px 0 0;
}

.comt-wrt-space {
    width: 100%;
}

    .comt-wrt-space textarea {
        border: 1px solid #ccc;
        font-size: 13px;
        border-radius: 5px;
        padding: 5px;
        position: relative;
        width: 100%;
        top: 5px;
    }

.rate-sub-btns {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .rate-sub-btns button {
        font-size: 13px;
        border: 1px solid #ccc;
        background-color: transparent;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .rate-sub-btns .sub-bt-tx button {
        width: auto;
        border-color: #318ccb;
        background-color: #318ccb;
        color: #fff !important;
    }

.pro-title {
    width: 20%;
}

.cmt-pro {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px 25px;
}

.product-ext-card {
    background-color: #f1f1f1;
    padding: 4px;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .product-ext-card .track-p-items {
        margin-top: 0px;
    }

.track-products {
    margin-top: 10px;
}

.comt-wrt-space textarea {
    border: 1px solid #f9f9f9;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px;
    background-color: #efefef;
    position: relative;
    width: 100%;
    top: 5px;
}

.rew-cnl {
    border: 0px !important;
    background-color: #dfdfdf !important;
    color: #505050;
    font-size: 12px !important;
}

.pr-o-box .rating ul {
    color: #c1c1c1;
}

/*--------------popup css-------------------*/
.owl-carousel {
    z-index: 0;
}

.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 71%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

    .bts-popup.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.bts-popup-container {
    position: relative;
    width: 100%;
    top: 4rem;
    margin: 4em auto;
    background: #000000;
    border-radius: none;
    text-align: center;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .bts-popup-container img {
        padding: 0 0 0 0;
    }

    .bts-popup-container p {
        color: white;
        padding: 10px 40px;
    }

    .bts-popup-container .bts-popup-button {
        padding: 5px 25px;
        border: 2px solid white;
        display: inline-block;
        margin-bottom: 10px;
    }

    .bts-popup-container a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }

    .bts-popup-container .bts-popup-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 30px;
        height: 30px;
        background-color: #00000030;
        left: unset;
        border-radius: 50px;
        z-index: 99999;
    }

a.bts-popup-close:hover {
    background-color: #000;
}

.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 16px;
    height: 3px;
    background-color: white;
}

.bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
}

.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.bts-popup-container {
    max-width: 50%;
    background-position: center;
    box-shadow: 6px 7px 20px 5px #00000052;
}

/*---Notify me button----*/
.notify-me-btn {
    margin-top: 20px;
}

    .notify-me-btn button {
        border: 0;
        background-color: #318ccb !important;
        color: #ffffff;
        font-size: 14px;
        padding: 9px 20px;
        text-transform: uppercase;
        border-radius: 2px;
        cursor: pointer;
        width: auto;
        min-width: 165px;
    }

span.bag-iocn-v {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

button.wishlist-btn {
    border: 1px solid #bbbbbb;
    background-color: #ffffff !important;
    color: #747474;
    font-size: 14px;
    padding: 9px 20px;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 15px;
    width: 100%;
}

.cart-view-x {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.wishlist-iocn {
    margin-right: 4px;
    position: relative;
}

button.wishlist-btn:hover {
    border: 1px solid #000000;
    color: #000;
}

}

.rating.rated-star ul li {
    cursor: default !important;
}

.wishlist-title-view-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 5px;
    margin-top: 29px;
}

.wish-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

    .wish-title span {
        position: relative;
        top: -2px;
        margin-right: 5px;
    }

button.move-to-cart {
    font-size: 13px;
    text-transform: capitalize;
    padding-right: 10px !important;
    /* border: 1px solid #ccc; */
    /* border-radius: 3px; */
    font-weight: 300;
    color: #1a1a1a;
    margin-right: 9px;
    border-right: 1px solid #ccc;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    position: relative;
    top: 2px;
}

.wish-price span {
    /* font-weight: 400; */
    font-size: 14px;
    color: #000;
}

/*------cooming soon---------*/
figure.figure-img-v {
    position: relative;
}

.cooming-soon-lable {
    background: rgb(193 136 65);
    display: inline-block;
    position: absolute;
    top: -3px;
    left: -5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
    padding: 0 4px;
    line-height: 16px;
    font-size: 9px;
    line-height: 16px;
    z-index: 2;
}

    .cooming-soon-lable::after {
        content: "";
        position: absolute;
        border-color: rgb(190 135 69 / 68%) transparent rgb(190 135 69 / 69%) rgb(190 135 69);
        border-style: solid;
        border-width: 8px;
        left: 100%;
        width: 0;
        height: 0;
        top: 0;
    }

    .cooming-soon-lable.dtls-cooming {
        top: 11px;
        left: 0px;
    }

.d-flex-ntfy {
    display: flex;
    align-items: baseline;
}

span.comming-soon-color {
    color: #be8745 !important;
}

.over-flow-wishlist {
    max-height: 455px;
    overflow: auto;
}

    .over-flow-wishlist::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .over-flow-wishlist::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
        border-radius: 5px;
    }

    .over-flow-wishlist::-webkit-scrollbar-thumb {
        background-color: #777;
    }

    .over-flow-wishlist .row {
        margin: 0;
    }

.curser-dlf .rating ul li {
    cursor: default;
}

button.save-for-later {
    font-size: 13px;
    text-transform: capitalize;
    padding-right: 10px !important;
    /* border: 1px solid #ccc; */
    /* border-radius: 3px; */
    font-weight: 300;
    color: #1a1a1a;
    margin-right: 9px;
    border-right: 1px solid #ccc;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    position: relative;
    top: 2px;
}

.cart-item-remove {
    margin-top: 5px;
}

.bts-popup-container a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

span.btn-bg-cart {
    border: 0px;
    font-size: 11px;
    line-height: 15px;
    padding: 6px 9px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #318ccb17;
    margin-left: 7px;
    color: #228acd;
}

input#btnAddToCart {
    border: 0;
}

span.btn-bg-cart i {
    color: #228acd;
}

span.btn-bg-cart input {
    color: #228acd;
    cursor: pointer;
}

span.btn-bg-cart {
    cursor: pointer;
}
/*input#btnAddToCart {
    border: 0px;
    font-size: 11px;
    line-height: 15px;
    padding: 6px 9px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #318ccb17;
    margin-left: 7px;
    color: #228acd;
    
}*/

/*input#btnAddToCart:hover {
        background-color: #318ccb;
        color: #fff;
    }*/

button.save-later-btn {
    font-size: 13px !important;
    text-transform: capitalize;
    padding-right: 10px !important;
    /* border: 1px solid #ccc; */
    /* border-radius: 3px; */
    font-weight: 300;
    color: #1a1a1a;
    margin-right: 9px;
    border-right: 1px solid #ccc;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    position: relative;
    top: 0px;
}

.cart-view-x.w-90 {
    width: 90%;
}

.fav-product svg:hover {
    color: #aa8226;
}

svg.bi.bi-heart.bi-heart-fill {
    color: #aa8226;
}

.dc-img-demo.top-demo-dc-img {
    height: auto;
    height: 233px;
}

.dc-c-title.new-lan-ttl {
    position: relative;
    top: 25px;
}

/*--------cart button-------*/

.btn-ct-cart {
    border: 0px;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 9px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #318ccb17;
    width: 125px;
    color: #228acd;
}

    .btn-ct-cart input {
        background-color: transparent;
        color: #228acd;
        cursor: pointer;
    }

.ml-ct {
    margin-left: 7px;
}

section.dc-wishlist-section {
    padding: 3rem 0rem;
}
.dc-wishlist-title h4 {
    margin-bottom: 0px;
}
.dc-wishlist-title p {
    font-size: 13px;
    color: #868686;
    margin-bottom: 0px;
}
.dc-card-wishlist {
    width: 100%;
    /* box-shadow: 2px 4px 5px; */
}
.dc-wishlist-price span {
    color: #535353;
    font-weight: 400;
    font-size: 13px;
}
    .dc-wishlist-price span b {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }
.dc-wish-add-d p {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 300;
}

span.btn-bg-remove {
    /* display: -webkit-box; */
    border: 0px;
    font-size: 11px;
    line-height: 15px;
    padding: 6px 9px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #7c7c7c17;
    margin-left: 7px;
    color: #908d8d;
    margin-top: 10px;
}


span.btn-bg-remove input {
    color: #747474;
}
button.dc-wish-remove {
    border: 0px;
    background-color: transparent;
    padding: 0px !important;
    cursor: pointer;
}
    button.dc-wish-remove img {
        width: 18px;
        padding-right: 3px;
    }
span.btn-bg-cart.dc-ws-lt {
    text-align: center;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dc-card-wishlist {
    width: 100%;
    box-shadow: 2px 4px 20px #cccccc7d;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 6px;
    margin: 0rem 1rem;
    margin-top: 1rem;
}

input#btnAddToCart {
    background-color: transparent;
}
span.btn-bg-cart.dc-ws-lt:hover {
    background-color: #318ccb;
    color: #fff;
}
.dc-ws-lt:hover.btn-bg-cart i {
    color: #fff;
}
.dc-ws-lt:hover.btn-bg-cart input {
    color: #fff;
}
    .has-search .form-control {
    display: block;
    width: 100%;
    height: calc(1.8rem + 4px);
    padding: 0.275rem 0.15rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #f0f0f0bf;
    background-clip: padding-box;
    border: 0;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    font-size: 14px;
    width: 33px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    /* border-right: 1px solid #ccc; */
    pointer-events: none;
    color: #aaa;
}
.form-group.has-search {
    margin-bottom: 0px;
  
}

span.out-stack {
    margin-left: 6px;
    color: #e81010;
    background-color: #ffcac654;
    font-weight: 400;
    padding: 1px 5px;
    border-radius: 3px;
}
.rating {
    direction: ltr;
    unicode-bidi: bidi-override;
    color: #ddd;
    text-align: right;
    display: flex;
    justify-content: end;
}

    .rating input {
        display: none;
    }

        .rating label:hover,
        .rating label:hover ~ label,
        .rating input:checked + label,
        .rating input:checked + label ~ label {
            color: #ffc107; /* Personal color choice. Lifted from Bootstrap 4 */
        }

        .rating input[type="radio"] + label:before {
            content: "";
            display: none;
        }
.rating input[type="radio"]:checked + label:after {
    content: "";
    display: none;
}
.rating input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 2px;
    margin-left: 0px;
    font-size: 5px;
}
.rat-wis {
    margin-top: 10px;
    position: relative;
    left: -3px;
}

/*---------search bar css --------*/
section.search_details_view {
    position: relative;
    margin-top: 0rem;
}

.rating-h ul li {
    display: inline-block;
}

    .rating-h ul li a {
        color: #fcb700;
    }

input.ais-RefinementList-checkbox {
    margin-right: 5px;
}

span.ais-RefinementList-labelText {
    font-size: 14px;
}

span.ais-RefinementList-count {
    border-radius: 20px;
    margin-left: 5px;
}

.product__item {
    margin-bottom: 0rem;
    padding: 0rem 0rem;
    min-height: 250px;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 10px;
    transition: all .5s ease;
}
/*---------search bar css --------*/
/*---------css update 06-03-23 --------*/
img.wish-list-iocn {
    height: 20px;
}
img.save-ltr-icon {
    width: 13px !important;
    padding-right: 2px !important;
    opacity: 0.7;
}
/*---------css update 06-03-23   end --*/

.pagination li a {
    border: none;
    border-radius: 5px;
    box-shadow: 2px 4px 5px #cccccc8f;
    background-color: transparent;
}

a.view-more-rwd {
    background-color: transparent;
    color: #fff;
    margin-left: 4px;
}

section.offers-slider {
    padding: 3rem 0rem;
    background-color: #f7f7fa;
}
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-width: 640px) {
    .bts-popup-container {
        max-width: 70%;
    }
}

.lets-discover-title {
    position: relative;
}

    .lets-discover-title h1 {
        display: flex;
        background-color: #fff;
        width: fit-content;
        font-size: 30px;
        padding-right: 20px;
        margin-bottom: 1rem;
        font-weight: 900;
        text-transform: capitalize;
    }
    .lets-discover-title::after {
        height: 4px;
        width: 100%;
        position: absolute;
        right: 0;
        top: 48px;
        z-index: -1;
        content: "";
        background-color: #228acd;
    }
    .lets-discover-title h6 {
        font-size: 11px;
        position: relative;
        top: 3px;
        left: 4px;
    }

section.search_details_view {
    position: relative;
    margin-top: 0rem;
    display: none;
    padding: 3rem 0rem;
}

/*-----user comment cat page  ---------*/
.writing {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 12px;
    padding-bottom: 5px !important;
}
    .writing .textarea {
        width: 100%;
        color: #585757;
        height: 40px;
         font-family: 'Open Sans', sans-serif !important;
        overflow-y: auto;
        appearance: none;
        border: 0;
        outline: 0;
        resize: none;
        font-size: 14px;
        line-height: 24px;
    }
    .writing .footer {
        margin-top: 12px;
        padding-top: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #e8e8e8;
    }
        .writing .footer .text-format {
            display: flex;
            align-items: center;
            gap: 12px;
        }
.group-button {
    display: flex;
    gap: 16px;
}
.User-cmt-btn {
    min-width: 64px;
    padding: 3px 15px;
    font-size: 13px;
    color: #fff;
    border: unset;
    display: inline-flex;
    background: #318ccb;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}
/*-----user comment cat page  ---------*/
a.rating-cunt-v {
    font-size: 13px;
    margin-left: 9px;
    color: #318ccb;
}

li.mdl-progress-bar {
    padding: 1px 0 0;
    height: 20px;
}

.mdl-pro-bar {
    height: 5px;
    border-radius: 100px;
    position: relative;
    background: #f0f0f0;
    margin-top: 7px;
    margin-left: 7px;
}
.rat-bars {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    height: 100%;
}

ul.left-rt-vv {
    -webkit-flex-basis: 16.66%;
    -ms-flex-preferred-size: 16.66%;
    flex-basis: 16.66%;
}
ul.mdl-progress {
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
}
li.mdl-progress-bar {
    padding: 1px 0 0;
    height: 24px;
}
span.left-st-ic i {
    font-size: 12px;
    position: relative;
    top: -2px;
}
ul.list-data-v {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
li.cst-data-v {
    padding: 1px 0 0;
    height: 24px;
}
.cst-numbv {
    font-size: 12px;
    color: #878787;
    padding: 0 5px 0 12px;
}

li.left-st-vv {
    padding: 1px 0 0;
    height: 24px;
}
.bd-rv {
    text-align: center;
    border-right: 1px solid #d9d9d9;
    padding: 10px 8px;
}

.Ratings_Reviews_section {
    padding: 3rem 0rem;
    background-color: #f9f9f9;
}
.h4-titlev {
    font-size: 22px;
    text-transform: capitalize;
    border-bottom: 2px solid #ccc;
    color: #464646;
    font-weight: 500;
    margin-bottom: 1rem;
}
.gap-vbx {
    padding-top: 20px;
}
span.ret-star-ic {
    font-size: 25px;
    position: relative;
    top: -3px;
}
.cunt-list-opt {
    font-size: 13px;
    font-weight: 400;
    color: #666666;
}
.star-bar-gold {
    background-color: #e7c019;
    left: 0;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    width: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
}
.star-bar-orange {
    background-color: #edab4f;
    left: 0;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    width: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
}

.star-bar-red {
    background-color: #b14545;
    left: 0;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    width: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
}

.rat-star-view i {
    color: #dddddd;
    font-size: 18px;
    cursor: unset;
}
.active-st i {
    color: #FFD700 !important;
}
.all-cmc-title h3 {
    font-size: 14px;
    color: #7c7c7c;
    font-weight: 500;
}

.all-comment-view {
   
}
.user-iocn-rew img {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    border-radius: 50px;
}
.rev-user-dtl {
    display: flex;
    align-items: center;
}

.user-name-rew {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    
}

.user-rat-pd-view {
    padding-left: 2.1rem;
}
.user-sub-ttl {
    font-size: 14px;
    color: #606060;
}

.all-rev-cmc {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

h5.sub-hed-ttl {
    font-size: 13px;
    margin-top: 4px;
    text-transform: capitalize;
}

span.left-st-ic {
    color: #fdd52b;
}
span.ret-star-ic i {
    color: #f9d020;
}
span.out-of-fv {
    font-size: 15px;
    color: #5f5f5f;
}

/*Country Code start*/
.login-c-code .select2 {
    margin-right: 0px !important;
    border-bottom: 1px solid #e9ebf4 !important;
    height: 40px !important;
    line-height: 20px !important;
    background-color: transparent !important;
    border: 0;
    color: #81879F !important;
    font-weight: 400 !important;
    margin-top: 0px !important;
    font-size: 14px !important;
    width: 105px !important;
    display: block !important;
    border-radius: 7px 0px 0px 7px !important;
    border: 1px solid #E5ECFF !important;
    padding-left: 2px !important;
}

.login-c-code .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px !important;
    right: 1px;
    width: 20px;
}

.login-c-code .select2-selection--single {
    border: 0 !important;
    padding: 5px 0px !important;
    background-color: transparent !important;
}
.select2-results__option {
    font-size: 12px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow: hidden !important;
    overflow-y: auto !important;
}

/* width */
.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.select2-results__options::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*Country Code End*/

span.Cur-price-x {
    display: inline-block;
    text-decoration: inherit;
    text-decoration: line-through;
    color: rgb(116 116 116);
}

span.offer-bradge {
    display: inline-block;
    margin-left: 5px;
    background-color: #e33939;
    padding: 0px 7px;
    line-height: 21px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}

.price-driop-dt {
    padding: 0px 5px;
    border: 1px solid #ed7474;
    display: flex;
    /* min-width: 115px; */
    border-radius: 1px;
    font-size: 16px;
    font-weight: 700;
    width: fit-content;
    background-color: #ffdada87;
    color: #e33939;
}
span.dt-price.offer-color {
    color: #e33939;
    font-size: 21px;
}

.price-vx-lt {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}
.sr-xv {
    font-weight: 400;
    font-size: 13px !important;
    color: #585858 !important;
}
.Cur-price-xl {
    display: inline-block;
    text-decoration: inherit;
    text-decoration: line-through;
    color: rgb(116 116 116);
    font-size: 14px;
}

.offer-bradgel {
    display: inline-block;
    margin-left: 5px;
    background-color: #e33939;
    padding: 0px 6px;
    line-height: 19px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
span.cart-cut-price {
    display: block;
    text-decoration: line-through;
    font-size: 12px;
    color: #878787;
}
.cart-offer-prc {
    color: #e33939;
    font-weight: 700 !important; 
    /* font-size: 14px; */
}

p.dc-price-save {
    color: #03a84e;
    text-align: left;
    border-radius: 5px;
    padding: 6px 5px;
}

.product-title-holiday h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    color: #262626;
    line-height: 18px;
     font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    color: #282828;
}

.dc-gap-af {
    margin-bottom: 7px;
    min-height: 24px;
}
.dc-offer-price {
    margin-bottom: 7px;
    min-height: 24px;
}


/*-----------------nav bar new logo add responsive ------*/
.main-body {
    margin-top: 5.9rem;
}


.mainslider {
    position: relative;
}
.css-1qwz2uo {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-58%);
    cursor: pointer;
}
.css-131hnue {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 38px;
    background-color: #0000004d;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0px 10px;
    display: none !important;
}
    .css-131hnue::after {
        transform: translate(-50%, -50%) rotate(-135deg);
    }
    .css-131hnue::after {
        transform: translate(-50%, -50%) rotate(-135deg);
    }

.css-h5yq83 {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 38px;
    background-color: #0000004d;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0px 10px;
    display: none !important;
}
.css-131hnue::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border-top: 2px solid rgb(255 255 255);
    border-right: 2px solid rgb(255 255 255);
    margin-left: 2px;
}

.css-h5yq83::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border-top: 2px solid rgb(255 255 255);
    border-right: 2px solid rgb(255 255 255);
    margin-left: 2px;
}

    .css-h5yq83::after {
        transform: translate(-50%, -50%) rotate(45deg);
        margin-left: -2px;
    }


.css-1baulvz {
    display: inline-block;
}
.css-15m2jce {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0px 2px;
    position: relative;
}
.css-196sfo1 {
    background-color: rgb(136, 99, 251);
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0px 2px;
    position: relative;
}


.css-1baulvz.eq3p6ej9.slick-slider-dots ul {
    position: relative;
    bottom: 0;
    width: auto;
}
.css-1baulvz.eq3p6ej9.slick-slider-dots .slick-dots li {
    display: inline-block;
    margin: 0px 3px;
    line-height: 11px;
}
    .css-1baulvz.eq3p6ej9.slick-slider-dots .slick-dots li button {
        border: unset;
        background-color: #0000004d;
        border-radius: 50px;
        font-size: 9px;
        height: 8px;
        width: 8px;
        font-size: 0px;
        padding: 3px;
    }
.css-1baulvz.eq3p6ej9.slick-slider-dots .slick-dots .slick-active button {
    background-color: #fff !important;
    color: #fff !important;
    border: unset !important;
}
.css-10xgv1c {
    background-image: url(../img/arrow.png);
    width: 18px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    cursor: pointer;
    background-position: top;
    width: 88px;
    height: 42px;
    position: absolute;
    bottom: -26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-63%);
    -ms-transform: translateX(-63%);
    transform: translateX(-63%);
    display:none;
}
/*------new css add ------ 28th nav 2023*/
.logo {
    position: relative;
    width: 25%;
}

.tawk-icon-right img {
    display: none;
}

.header-right {
    position: relative;
    width: 25%;
}
.mainslider {
    position: relative;
}

@media (max-width: 991px)  {
    .main-body {
        margin-top: 3.8rem;
    }
    .header-right {
        width: auto;
    }
  
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 570px) {

    .css-1qwz2uo {
        display: inline-block;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-58%);
        cursor: pointer;
    }
}

a.bold {
    margin-left: 5px;
    color: #aa8226;
}

.privacy-policy {
    font-size: 14px;
    margin-top: 10px;
}
/*--------data removal css--- */
.header-data-rm {
    padding: 15px 15px;
    /* padding: 6rem 0rem; */
    background-color: #fff;
    background-image: url(../img/Subscription/black-bg.png);
    background-attachment: fixed;
    background-size: auto;
    overflow-x: clip;
}

.Logo_Re-view img {
    height: 50px;
}

.main_tl-re h3 {
    color: #fff;
    font-size: 46px;
    font-weight: 300;
}

.main_tl-re {
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 1rem;
    position: relative;
}
.main_info_re {
    padding: 20px;
    padding-top: 2rem;
    background-color: #f6f6f6;
    height: 100%;
}
.sub_tl_re h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
}

.sub_tl_re p {
    font-size: 14px;
    color: #4d4c4c;
}
    .sub_tl_re p a {
        text-decoration: underline;
    }

.sub_tl_re ul {
    list-style: disc;
    padding-left: 18px;
    font-size: 14px;
    color: #4d4c4c;
}


.main_info_re h1 {
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 35px;
}
.dc-data-info-dv {
    margin-top: 15px;
}
.main_tl-re {
    height: 45px;
    position: relative;
    top: 47px;
}
/*--------data removal css--- */