/* @font-face {
    font-family: times;
    src: url(/fonts/times.ttf);
} */

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    accent-color: #141A4E !important;
}

a,
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: currentColor;
    outline: none;
}

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

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Rubik', sans-serif; */
    font-size: 16px;
    font-weight: 400;
}

.pagewapaer {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pagewapaer.active {
    opacity: 1;
    height: auto;
    visibility: visible;
}

.web-loader {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.web-loader span {
    position: relative;
    padding: 10px;
    overflow: hidden;
}


.web-loader span:before {
    content: '';
    position: absolute;
    top: 0;
    left: -80px;
    width: 70px;
    height: 100%;
    background: #f0f0f000;
    -webkit-animation: slide 1.3s ease-in-out infinite;
    animation: slide 1.3s ease-in-out infinite;
    background: -o-linear-gradient(bottom left, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, #ffffffcc, rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255 0 0 / 0%)), color-stop(25%, rgb(255 0 0 / 0%)), color-stop(#ffffffcc), color-stop(75%, rgb(255 0 0 / 0%)), to(rgb(255 0 0 / 0%)));
    background: linear-gradient(to top right, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 0%) 25%, #ffffffcc, rgb(255 0 0 / 0%) 75%, rgb(255 0 0 / 0%) 100%);
}

@-webkit-keyframes slide {
    0% {
        left: -80px;
        top: 0;
    }

    100% {
        left: 250px;
        top: 0;
    }
}

@keyframes slide {
    0% {
        left: -80px;
        top: 0;
    }

    100% {
        left: 250px;
        top: 0;
    }
}

.web-loader span img {
    width: 100px;
}


.deactivate {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* transform: scale(0); */
}

/* .highlight-text{
    color: #141A4E;
}
.highlight-text2{
    color: #141A4E;
} */

#pagedownarea {
    min-height: calc(100vh - 411px);
}

.loader-design-main {
    background-image: url("/img/logo/loader-icon.png"), -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: url("/img/logo/loader-icon.png"), linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: center, left;
    background-repeat: no-repeat, repeat;
    background-size: 40%, 900px;
    -webkit-animation: shine-lines2 1.6s infinite linear;
    animation: shine-lines2 1.6s infinite linear;
}


.loader-design2 {
    color: transparent !important;
    background-image: -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: left;
    background-repeat: repeat;
    background-size: 900px;
    -webkit-animation: shine-lines 1.6s infinite linear;
    animation: shine-lines 1.6s infinite linear;
}

.loader-detail-heding {
    display: block;
    max-width: 576px;
    width: 100%;
    border-radius: 10px;
    height: 24px;
}

.loader-span {
    border-radius: 50px;
    display: inline-block;
    width: 50px;
    padding: 7px;
    margin-left: 5px;
}

.loader-p {
    width: 100%;
    padding: 5px;
    border-radius: 50px;
    display: block;
    margin-bottom: 8px;
}

.loader-80px {
    width: 140px;
}

.loader-btn {
    padding: 10px;
    width: 80px;
    height: 35px;
    border-radius: 5px;
    margin: 0;
}

.loader-design {
    background-image: url("/img/logo/loader-icon.png"), -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: url("/img/logo/loader-icon.png"), linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: center, left;
    background-repeat: no-repeat, repeat;
    background-size: 40%, 900px;
    -webkit-animation: shine-lines2 1.6s infinite linear;
    animation: shine-lines2 1.6s infinite linear;
}

.loader-design.product-loader {
    padding-top: 129%;
    margin-bottom: 25px;
    border-radius: 10px;
}

.account-loader,
.cart-loader {
    height: 220px;
    border-radius: 5px;
    background-size: 70px, 900px;
    margin-bottom: 20px;
}

.di-loader-section .main-img-loader {
    height: 400px;
    border-radius: 10px;
}

.di-loader-section .dti-loader-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.di-loader-section .dti-loader-section .thumb-img-loader {
    height: 85px;
    width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    border-radius: 10px;
    margin: 0px;
    margin-top: 10px;
}

@-webkit-keyframes shine-lines2 {
    0% {
        background-position: center, -100px;
    }

    100% {
        background-position: center, 800px;
    }
}

@keyframes shine-lines2 {
    0% {
        background-position: center, -100px;
    }

    100% {
        background-position: center, 800px;
    }
}

@-webkit-keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    100% {
        background-position: 800px;
    }
}

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    100% {
        background-position: 800px;
    }
}


/* --- --- */
.common-tooltip{
    position: relative;
}

.common-tooltip .common-tooltip-inner{
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    bottom: 100%;
    color: #141A4E;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    opacity: 0;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -15px);
    transition: all .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap;
    box-shadow: 0 0 20px -10px #00000094;
}

.common-tooltip:hover .common-tooltip-inner{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -10px);
}

.common-tooltip .common-tooltip-inner:after {
    background-color: white;
    bottom: -6px;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    border: 1px solid #f1f1f1;
    border-top: none;
    border-left: none;
}
/* --- --- */

/* -----------------------------
     pagenavigation section css
----------------------------- */
.pagenavigation {
    position: relative;
    overflow: hidden;
    padding: 15px 15px;
    background: #f7f7f7;
    top: 19px;
}

@media screen and (max-width:990px) {
    .pagenavigation {
        position: relative;
        overflow: hidden;
        padding: 15px 15px;
        background: #f7f7f7;
        top: 3px;
    }
}

@media screen and (max-width:770px) {
    .pagenavigation {
        position: relative;
        overflow: hidden;
        padding: 15px 15px;
        background: #f7f7f7;
        top: 0px;
    }
}

.pagenavigation .container-sm {
    width: 100%;
    max-width: 100%;
    padding-left: 140px;
}

.pagenavigation p.pages-link a,
.pagenavigation p.pages-link {
    margin: 0;
    font-size: 14px;
    color: #303030;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pagenavigation p.pages-link a:not(.active):hover {
    color: #141A4E;
}

.pagenavigation p.pages-link a.active {
    opacity: 0.7;
}

.pagenavigation p.pages-link span .fa {
    margin: 0 5px;
    font-size: 14px;
    color: #141A4E;
}

/* .pagenavigation p.pages-link{
    display: none;
} */

.pagenavigation .back-link{
    display: none;
}


/*  */
.page-heading-bx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-heading-bx .phb-lable{
    position: relative;
    color: black;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 20px;
}

@media screen and (max-width:460px) {
    .page-heading-bx.fvaegse{
        margin-top: 25px;
    }

    .page-heading-bx{
        flex-direction: column;
        align-items: flex-start;
    }

    .page-heading-bx .new-filter{
        padding: 7px 7px;
        margin-left: auto;
        margin-top: 15px;
    }
}
/*  */



/* home section start  */
.home-main {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.home-main img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


.home-liner-gradiant {
    opacity: 0.12;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(281deg, #fff 0, #000 100%);
    background: linear-gradient(169deg, #fff 0, #000 100%);
}

.home-main .home-content {
    position: absolute;
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 60%);
    ;
    bottom: 40px;
    left: 40px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal; */
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding-top: 95px;
    /* text-align: center; */
}


.home-main .home-content .h3 {
    font-size: 20px;
    letter-spacing: 3px;
}

.home-main .home-content .h1 {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 7px;
}

.home-main .home-content a {
    font-size: 16px;
    padding: 10px 14px;
    letter-spacing: 3px;
    background-color: black;
    color: #fff;

}



/* ----------------------------------
    20 search popup css
----------------------------------- */

.search-body {
    max-height: 90%;
    padding: 20px;
}

.search-input-bx {
    width: 100%;
    height: 40px;
    position: relative;
}

.search-input-bx input {
    width: 100%;
    height: 100%;
    padding: 5px 15px 5px 40px;
    border: 1px solid lightgrey;
    border-radius: 100px;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-input-bx input:hover {
    border-color: rgba(72, 20, 59, 0.6);
}

.search-input-bx input:focus {
    border-color: rgba(72, 20, 59, 0.6);
    padding: 5px 15px 5px 15px;
}


.search-input-bx span.iconsearch {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 53%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px;
    color: #7a7a7a;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-input-bx input:focus+span.iconsearch {
    opacity: 0;
    width: 0;
    overflow: hidden;
}

.gems-collections {
    margin-top: 20px;
}

.gems-collections h6 {
    color: #141A4E;
    margin: 20px 0 13px;
    font-weight: 400;
}

.gems-collections a {
    padding: 3px 12px;
    border-radius: 50px;
    border: 1px solid #f0f0f0;
    display: inline-block;
    font-size: 12px;
    color: #868686;
    margin: 3px 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.gems-collections a:hover {
    border-radius: 50px;
    background-color: #fafafa;
    color: black;
    border-color: #fafafa;
}


/* -----------------------------
    hero slider 
--------------------------------*/

.hero-slider {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 17px;
}

@media screen and (max-width:991px) {
    
    .hero-slider {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: -1px;
    }
    
    }

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-slide video{
    width: 100%;
    aspect-ratio: 1920 / 733;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}


.hero-slider .slide-inner {
    width: 100%;
    /* height: 100%; */
    /* position: absolute;
    left: 0;
    top: 0; */
    /* z-index: 1; */
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    padding-left: 10%;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3 ease;
    -o-transition: all 0.3 ease;
    transition: all 0.3 ease;
    opacity: 1;
    background-color: lightgray;
    opacity: 0.8;
}

.swiper-pagination-bullet-active {
    background-color: #141A4E;
    opacity: 1;
    -webkit-transition: all 0.3 ease;
    -o-transition: all 0.3 ease;
    transition: all 0.3 ease;
}

.hero-slider .slide-text p {
    font-size: 14px;
    color: #fff;
    color: #333;
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 10px;
    /* font-family: times; */
    display: none;
}

.hero-slider .slide-title h2 {
    font-size: 42px;
    /* max-width: 768px; */
    font-weight: 200;
    /* font-family: times; */
    line-height: 1.2;
    color: #ffffff;
    color: #333;
    margin: 25px 0 30px;
    /* text-transform: capitalize; */
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
}

.hero-slider .slide-btn .link-btn {
    background: #ffffff;
    border: none;
    height: 50px;
    width: 150px;
    color: #000000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* overflow: hidden; */
    display: none;
}

.hero-slider .slide-btn .link-btn:hover {
    color: white;
}

.hero-slider .slide-btn .link-btn span {
    position: relative;
    z-index: 1;
}

.hero-slider .slide-btn .link-btn::before,
.hero-slider .slide-btn .link-btn::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background-color: #acacac;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
}

.hero-slider .slide-btn .link-btn::after {
    left: -1px;
}

.hero-slider .slide-btn .link-btn::before {
    right: -1px;
}

.hero-slider .slide-btn .link-btn:hover::before,
.hero-slider .slide-btn .link-btn:hover::after {
    width: 51%;
    height: 51px;
    background-color: #141A4E;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: transparent;
    width: 45px;
    height: 45px;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover {
    border-color: #141A4E;
    background-color: #141A4E;
}

.hero-slider .swiper-button-prev {
    left: 25px;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.hero-slider .swiper-button-next {
    right: 25px;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.hero-slider .swiper-button-prev:hover:before,
.hero-slider .swiper-button-next:hover:before {
    color: white;
}


.product-img {
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
    position: relative;
    padding-bottom: 69%;
    border-radius: 10px 10px 10px 10px;
    background-image: url("/img/logo/loader-icon.png"), -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: url("/img/logo/loader-icon.png"), linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: center, left;
    background-repeat: no-repeat, repeat;
    background-size: 70%, 900px;
    /* -webkit-animation: shine-lines2 1.6s infinite linear;
    animation: shine-lines2 1.6s infinite linear; */
}

.product-img video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: cover;
}

.product-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.product-img-2 {
    padding-bottom: 56.56%;
}

/* .product-img-2 img{
    object-position: top center;
} */

.product-img:hover img {
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}

.product-img .product-img-tag {
    position: absolute;
    right: 5px;
    bottom: 5px;
    /* font-style: italic; */
    font-weight: 400;
    background-color: white;
    padding: 10px 15px;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    border-radius: 20px 0 20px 0;
}

.product-img:hover .product-img-tag {
    background-color: #141A4E;
    color: white;
}

.content-inner {
    width: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    margin-bottom: 15px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.content-inner>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.content-inner .content-front,
.content-inner .content-back {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* .content-inner .content-front {
    background: #fcfcfc;**************************--------------------------
    position: relative;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
} */

.content-inner .content-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    /* background: #fcfcfc; */
}

.bg-product {
    padding-top: 128.572%;
    position: relative;
    background: #fcfcfc;
    background-image: url("/img/logo/loader-icon.png"), -o-linear-gradient(left, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-image: url("/img/logo/loader-icon.png"), linear-gradient(90deg, #f7f7f7 0px, #efefef 40px, #f7f7f7 80px);
    background-position: center, left;
    background-repeat: no-repeat, repeat;
    background-size: 40%, 900px;
    -webkit-animation: shine-lines2 1.6s infinite linear;
    animation: shine-lines2 1.6s infinite linear;
}

.bg-product img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.bg-hover{
   opacity: 0;
   transform: scale3d(1.1,1.1,1.1) translateZ(0);
   transition: opacity .8s, transform 1.1s cubic-bezier(.15, .75, .5, 1);
}

.bg-hover:hover{
   opacity: 1;
   transform: translateZ(0);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, #000000 0%, transparent 65%);
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(65%, transparent));
    background: linear-gradient(0deg, #000000 0%, transparent 65%);
    opacity: 0.9;
    /* z-index: 3; */
    display: block;
}

/* .content-inner:hover .content-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.content-inner:hover .content-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
} */

.content-inner .cf-inner {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

.content-inner .cf-inner .inner {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(95px) scale(0.81);
    transform: translateZ(95px) scale(0.81);
    text-align: center;
    position: relative;
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    /* height: 100%; */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /* padding-bottom: 10%; */
    padding-bottom: 80px;

}

p.product-cate-tag {
    color: white;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: none;
}

.content-inner .cf-inner .inner h2 {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.content-inner .cf-inner .inner h2:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    height: 1px;
    background: #ffffff;
}

.start-bx {
    margin: 8px auto 0;
    display: none;
}

.start-bx .bx {
    color: white;
    font-size: 14px;
}

.start-bx .bx.active {
    color: goldenrod;
}

.serv-price-wrap {
    /* background: rgb(255 255 255); */
    padding: 0px 10px;
    margin-top: 14px;
    font-size: 18px;
    /* letter-spacing: 2px; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0px auto 0;
    color: #ffffff;
    border-radius: 3px;
}

.serv-price-wrap span {
    margin-right: 5px;
    display: none;
}

.product-icon-bx {
    text-align: center;
    width: 100%;
    padding: 5px 0px 10px;
    margin-bottom: 5px;
    margin-top: -5px;
}

.esp-ic-bx .product-icon-bx {
    bottom: 0;
}

.product-icon-bx a,
.product-icon-bx span {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    font-size: 22px;
    color: #000000;
    border-radius: 50%;
    margin: 0px 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.product-icon-bx a svg,
.product-icon-bx span svg{
    width: 20px;
    height: 20px;
}

.product-icon-bx a.active,
.product-icon-bx a:hover,
.product-icon-bx span.active,
.product-icon-bx span:hover {
    color: white;
    background: #141A4E;
}

.section-heding-bx {
    text-align: center;
}

.section-heding-bx p {
    color: #141A4E;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    font-size: 12px;
}

.section-heding-bx h1 {
    color: #333;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0;
    font-size: 32px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.modal-heading .modal-p {
    color: #141A4E;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    font-size: 12px;
    text-align: center;
}

.modal-heading .modal-h4 {
    color: white;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-size: 22px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    font-style: italic;
}

.modal-product-name {
    text-align: center;
    color: black;
    font-size: 16px;
}

.category-heding-bx {
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(235, 235, 235);
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-heding-bx h3 {
    color: black;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
}

.view-category {
    color: #acacac;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    border: 1px solid #efefef;
    padding: 3px 5px;
    border-radius: 2px;
}

.view-category:hover {
    color: #141A4E;
    border: 1px solid #efefef;
    background-color: #efefef;
}




/* --- New producat-data-bx --- */
.producat-data-bx{
    display: block;
    margin-top: -5px;
    margin-bottom: 30px;
}

.producat-data-bx .pdb-name{
    position: relative;
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 5px;
    padding-top: 10px;
}

.producat-data-bx .pdb-name::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    height: 1px;
    transform: translateX(-50%);
    /* background-color: #e9e9e9; */
    background-image: linear-gradient(90deg, #e8e8e836, #e9e9e9,  #e8e8e836)
}

.pdb-price-bx{
    text-align: center;
}

.pdb-price-bx .pdb-sell-price {
    font-size: 16px;
    color: black;
    margin-right: 5px;
    font-weight: 600;
    color: #141A4E;
}

.pdb-price-bx .pdb-del-price {
    font-size: 16px;
    color:gray;
    margin-right: 5px;
    font-weight: 400;
    text-decoration: line-through;
}

.pdb-price-bx .pdb-off-price {
    font-size: 14px;
    color: black;
    font-weight: 400;
}


/* -----------------------------
    03. owl buttons css
----------------------------- */

.owl-prev,
.owl-next {
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(51, 51, 51, .4) !important;
    border-radius: 50% !important;
    font-size: 28px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: white !important;
    opacity: 0.7;
    /* -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 20%);
    box-shadow: 0 0 50px rgb(0 0 0 / 20%); */
    border: 2px solid white !important;
}

.owl-nav {
    margin: 0 !important;
}

#detailimg .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#detailimg .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#detailimg .owl-nav .owl-prev,
#detailimg .owl-nav .owl-next{
    opacity: 1;
    visibility: visible;
}

.owl-next svg {
    width: 25px;
    height: 25px;
    position: relative;
    right: -1px;
}

.owl-prev svg {
    width: 25px;
    height: 25px;
    position: relative;
    left: -1px;
}


.owl-hover:hover .owl-prev,
.owl-hover:hover .owl-next {
    visibility: visible;
    opacity: 1;
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #141A4E !important;
    border-color: transparent !important;
    color: white !important;
    opacity: 1;
}

.owl-dots {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* background-color: white; */
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 4px; */
}

.owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    margin: 4px 4px !important;
    background-color: #8a8a8a !important;
}

.owl-dots .owl-dot.active span {
    background: #000000 !important;
}


@media screen and (min-width:1300px) {
    .owl-nav .owl-prev {
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }
    
    .owl-nav .owl-next {
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }

    .owl-hover:hover .owl-prev {
        left: -55px;
    }
    
    .owl-hover:hover .owl-next {
        right: -55px;
    }
}

@media screen and (max-width:1299px) and (min-width: 1200px) {
    .owl-nav .owl-prev {
        position: absolute;
        left: inherit;
        right: 45px;
        top: -55px;
    }
    
    .owl-nav .owl-next {
        position: absolute;
        right: 0px;
        top: -55px;
    }
}

@media screen and (max-width:1199px) and (min-width: 1050px) {
    .owl-nav .owl-prev {
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }
    
    .owl-nav .owl-next {
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }

    .owl-hover:hover .owl-prev {
        left: -55px;
    }
    
    .owl-hover:hover .owl-next {
        right: -55px;
    }
}


@media screen and (max-width:1049px) and (min-width: 0px) {
    .owl-nav .owl-prev {
        position: absolute;
        left: inherit;
        right: 45px;
        top: -55px;
    }
    
    .owl-nav .owl-next {
        position: absolute;
        right: 0px;
        top: -55px;
    }
}

@media screen and (max-width:576px){
    .owl-button-top-m {
        margin-top: 55px !important;
    }
}


/* --- --- */
.offer-banners {
    background-image: url("/img/bg_img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 400px; */
    height: 515px;
    width: 100%;
    /* filter: grayscale(.3); */
}

.offer-banner {
    background: #00000057;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 5%;
    min-height: 100%;
    width: 100%;
    display: none !important;
    }
    
/* .linear {
    background: #00000024;

} */

.offer-banner p {
    font-size: 14px;
    color: #fff;
    /* color: #333; */
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 10px;
}

.offer-banner h2 {
    font-size: 60px;
    font-weight: 200;
    color: #ffffff;
    /* color: #333; */
    margin: 25px 0 25px;
    text-transform: capitalize;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.offer-banner .link-btn {
    background: #ffffff;
    border: none;
    height: 50px;
    width: 150px;
    color: #000000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* overflow: hidden; */
}

.offer-banner .link-btn:hover {
    color: white;
}

.offer-banner .link-btn span {
    position: relative;
    z-index: 1;
}

.offer-banner .link-btn::before,
.offer-banner .link-btn::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background-color: #acacac;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
}

.offer-banner .link-btn::after {
    left: -1px;
}

.offer-banner .link-btn::before {
    right: -1px;
}

.offer-banner .link-btn:hover::before,
.offer-banner .link-btn:hover::after {
    width: 51%;
    height: 51px;
    background-color: #141A4E;
}






.arrival-link-bx {
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    overflow-x: auto;
    height: 30px;
}

.arrival-link-bx::-webkit-scrollbar {
    display: none;
}


.arrival-link-bx .arrivallink {
    margin: 0 5px;
    position: relative;
    color: #aaaaaa;
    padding: 0 15px;
    font-size: 16px;
    height: 30px;
    font-weight: 400;
    display: inline-block;
    line-height: 30px;
    -webkit-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    border-radius: 50px;
    white-space: nowrap;
}

.arrival-link-bx .arrivallink span {
    position: relative;
    z-index: 1;
}

.arrival-link-bx .arrivallink:hover,
.arrival-link-bx .arrivallink.active {
    color: #141A4E;
}

.arrival-link-bx .arrivallink::before,
.arrival-link-bx .arrivallink::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    -webkit-transition: width 0.3s ease-in, height 0.3s ease-in;
    -o-transition: width 0.3s ease-in, height 0.3s ease-in;
    transition: width 0.3s ease-in, height 0.3s ease-in;
    -webkit-transition-delay: 0s, 0.3s;
    -o-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
    -webkit-transition-property: width, height;
    -o-transition-property: width, height;
    transition-property: width, height;
    background-color: rgb(215 215 215 / 60%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arrival-link-bx .arrivallink::after {
    left: 0;
    border-radius: 50px 0 0 50px;
}

.arrival-link-bx .arrivallink::before {
    right: 0;
    border-radius: 0 50px 50px 0;
}

.arrival-link-bx .arrivallink:hover::before,
.arrival-link-bx .arrivallink:hover::after,
.arrival-link-bx .arrivallink.active::before,
.arrival-link-bx .arrivallink.active::after {
    width: 50%;
    height: 30px;
    background-color: rgb(215 215 215 / 60%);
}

.arrival-bx div.arrival-section {
    display: none;
}

.arrival-bx div.arrival-section.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.Stock-up-text {
    margin-bottom: 15px;
}

.Stock-up-text h2 {
    color: black;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 2px;
    margin: 0;
    font-size: 48px;
    margin-top: 5px;
    line-height: 50px;
    margin-bottom: 10px;
}

.Stock-up-text p {
    color: #787878;
}

.Stock-up-text a {
    color: #acacac;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.Stock-up-text a::after {
    content: "";
    position: absolute;
    width: 50px;
    -webkit-transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;
    transition: width 0.3s ease-in;
    background-color: black;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0.5px;
    display: inline-block;
    right: -55px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Stock-up-text a:hover {
    color: #141A4E;
}

.Stock-up-text a:hover::after {
    width: 70px;
    right: -75px;
    background-color: #141A4E;
}



/* -----------------------------
    12. footer css
----------------------------- */
footer {
    background-color: #f9f9f9;
    ;
}

.footer-top {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-top .footer-logo svg {
    width: 170px;
    height: 37px;
}

.footer-top .footer-links {
    margin-left: 30px;
    overflow-x: scroll;
    white-space: nowrap;
    margin-right: 15px;
}

.footer-top .footer-links::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.footer-top .footer-links a {
    font-weight: 400;
    letter-spacing: -.4px;
    margin-right: 20px;
    white-space: nowrap;
}

.footer-hed {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -.4px;
    margin-bottom: 7px;
    text-transform: capitalize;
}

.footer-hed-link {
    font-size: 13px;
    color: #2f2f2f;
    display: block;
    padding-top: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.footer-hed-link:hover {
    color: #141A4E;
    text-decoration: none;
}

.footer-hed-link.active {
    font-weight: 400;
    color: #141A4E;
}

.fhl-contact-link{
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
    margin-top: 5px;
    margin-bottom: 5px;
}

.fhl-contact-link svg{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    opacity: 0.8;
}


.footer-bottom {
    margin-top: 25px;
}

.other-link {
    font-size: 11px;
    color: #333333;
    display: inline-block;
    padding-top: 0px;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid #333333;
}

.other-link:hover {
    text-decoration: underline;
    color: #171816;
}

.copyright {
    color: #2f2f2f;
    font-size: 11px;
    margin: 0;
    margin-bottom: 10px;
}

.mede-with {
    color: #2f2f2f;
    font-size: 11px;
    margin: 0;
    margin-bottom: 10px;
}

.mede-with a {
    color: #2f2f2f;
}

.mede-with a:hover {
    color: #dd1627;
}

.icons-box-made {
    /* border: 1px solid red; */
    width: 12px;
    height: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 3px;
}

.icons-box-made .fa-heart,
.icons-box-made .fa-heart-o {
    position: absolute;
}

.mede-with .fa-heart-o {
    color: #999;
    font-size: 13px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.mede-with .fa-heart {
    color: #999;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.mede-with:hover .fa-heart-o {
    opacity: 0;
}

.mede-with:hover .fa-heart {
    opacity: 1;
    color: #dd1627;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* -----------------------------
    19. footer Subscribe css
----------------------------- */

.pera-text {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #727272;
}

.form-gorup-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.form-gorup-search .help-block {
    left: inherit;
    right: 75px;
    /* background-color: transparent; */
    bottom: -8px;
}


.form-gorup-search input {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 0 0 0 0;
    height: 40px;
    padding: 0 10px 0 10px;
    outline: none;
    font-size: 14px;
}

.form-gorup-search input::-webkit-input-placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

.form-gorup-search input::-moz-placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

.form-gorup-search input:-ms-input-placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

.form-gorup-search input::-ms-input-placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

.form-gorup-search input::placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

.form-gorup-search button {
    border-radius: 0px 0px 0px 0px;
    padding: 7px 7px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: #141A4E;
    color: white;
    height: 40px;
    opacity: 0.9;
    width: 70px;
    flex: 0 0 70px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form-gorup-search button:hover {
    opacity: 1;
}

/* responsive menu css  */

.menu-icon {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7px;
    cursor: pointer;
}

.menu-icon span {
    width: 100%;
    height: 3px;
    background-color: #9e9e9e;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    border-radius: 30px;
}

.menu-icon:hover span {
    background: #141A4E;
}

.resposive-menu-bx {
    background-color: #f4f4f4;
    height: 100%;
    width: 300px;
    position: fixed;
    left: -400px;
    top: 0;
    z-index: 1025;
    -webkit-box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
    box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dismiss {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 10px;
    top: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 1;
}

.dismiss.vdbsrhb{
    top: -35px;
    right: 0;
}

.dismiss:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 50%;
}

.dismiss .closes {
    position: absolute;
    width: 100%;
    height: 1.9px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dismiss.closes-bgcw {
    background-color: white;
}

.dismiss.closes-bgcw .closes {
    background-color: #333;
    width: 70%;
}

.dismiss.closes-bgcb .closes {
    background-color: #333;
}

.dismiss:hover .closes {
    background-color: #141A4E;
}

.dismiss .closes:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dismiss .closes:nth-child(2) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.resposive-menu-bx.active {
    left: 0;
}

.resposive-menu-bx .res-logo {
    display: block;
    padding: 8px 13px 16px;
    width: 300px;
    height: 100px;
    position: sticky;
    top: 0;
    background: #ffffff;
    margin: 0px auto;
    /* -webkit-box-shadow: 0px 0px 20px rgb(95 107 125 / 15%);
    box-shadow: 0px 0px 20px rgb(95 107 125 / 15%); */
}

.resposive-menu-bx .res-logo img {
    width: 47%;
    display: block;
    margin: auto;
}

.res-category-bx,
.res-menu-item-bx {
    height: calc(100% - 150px);
    max-height: calc(100% - 130px);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 100px;
    overflow: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-bottom: 30px;
}

.res-menu-item-bx.deactive {
    left: -300px;
}

.res-category-bx {
    left: 300px;
}

.res-category-bx.active {
    left: 0px;
}


.res-category-bx::-webkit-scrollbar,
.res-menu-item-bx::-webkit-scrollbar {
    display: none;
}

.res-category-bx .back-res-menu {
    border: 1px solid lightgray;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    padding: 1px 10px;
    cursor: pointer;
    color: #00000080;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: -10px;
    position: sticky;
    top: 15px;
    background-color: white;
    z-index: 1;
}

.res-category-bx .back-res-menu:hover {
    background-color: #ffcf40;
    color: #000;
    border-color: #ffcf40;
}

.res-category-bx .back-res-menu .fa {
    margin-right: 5px;
}

.res-category-bx .res-menu-item-ul,
.res-menu-item-bx .res-menu-item-ul {
    margin-top: 16px;
    margin-bottom: 0px;
    padding: 0 16px;
    list-style: none;
}

.res-category-bx .res-menu-item-ul h6,
.res-menu-item-bx .res-menu-item-ul h6 {
    color: #000;
    font-weight: 400;
    margin: 0 0 6px 0;
    font-size: 16px;
    padding: 6px 0px;
    border-bottom: 1px dashed #3d3d3d69;
}

.dm-link,
.res-category-bx .res-menu-item-ul li a.res-nav-link,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link {
    padding: 5px 5px 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #2f2f2f;
    position: relative;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dm-link.active,
.dm-link:hover,
.res-category-bx .res-menu-item-ul li a.res-nav-link.active,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link.active,
.res-category-bx .res-menu-item-ul li a.res-nav-link:hover,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link:hover {
    color: #141A4E;
}


.dm-link .fa,
.res-category-bx .res-menu-item-ul li a.res-nav-link .fa,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link .fa {
    margin-right: 10px;
    visibility: hidden;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.dm-link:hover .fa,
.res-category-bx .res-menu-item-ul li a.res-nav-link:hover .fa,
.res-menu-item-bx .res-menu-item-ul li a.res-nav-link:hover .fa {
    visibility: visible;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}


.res-category-bx .res-menu-item-ul li a.res-navacc-link,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2f2f2f;
    padding: 7px 5px 7px 5px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.res-category-bx .res-menu-item-ul li a.res-navacc-link.active,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link.active,
.res-category-bx .res-menu-item-ul li a.res-navacc-link:hover,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link:hover {
    color: #141A4E;
}

.res-category-bx .res-menu-item-ul li a.res-navacc-link i,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link i {
    margin-right: 10px;
    font-size: 24px;
    color: #000000;
}

.res-category-bx .res-menu-item-ul li a.res-navacc-link:hover i,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link:hover i {
    color: #141A4E;
}

.res-category-bx .res-menu-item-ul li a.res-navacc-link .item-count,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link .item-count {
    width: 20px;
    background: white;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00000095;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
    line-height: 20px;
    border: 1px dashed #00000095;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.res-category-bx .res-menu-item-ul li a.res-navacc-link:hover .item-count,
.res-menu-item-bx .res-menu-item-ul li a.res-navacc-link:hover .item-count {
    border: 1px dashed #141A4E;
    color: #141A4E;
}


.category-li.active .res-nav-link {
    color: #141A4E !important;
}

.category-li .res-nav-link {
    /* border-bottom: 1px solid #ececec; */
    border-radius: 0 !important;
}

.category-li svg {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-li.active svg {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.category-li .drop-menu {
    /* border: 1px solid red; */
    display: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.category-li .drop-menu .dm-link {
    padding: 4px 5px 4px 20px;
    position: relative;
}

.category-li .drop-menu .dm-link::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 0;
    width: 7px;
    height: 7px;
    border: 2px solid currentColor;
    border-radius: 50%;
}

.res-menu-social-link,
.footer-social-links {
    white-space: nowrap;
    margin-top: 10px;
}

.res-menu-social-link {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 13px 15px 13px;
    /* background: #1b1b1b; */
    width: 100%;
    margin: 0;
    height: 50px;
    border-top: 1px dashed #3d3d3d69;
}

.res-menu-social-link a,
.footer-social-links a {
    color: #737373;
    height: 24px;
    margin: 0px 3px;
    width: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

.res-menu-social-link a .fa,
.footer-social-links a .fa {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.res-menu-social-link a:hover .fa-facebook,
.footer-social-links a:hover .fa-facebook {
    color: #3b5998;
}

.res-menu-social-link a:hover .fa-twitter,
.footer-social-links a:hover .fa-twitter {
    color: #00aced;
}

.res-menu-social-link a:hover .fa-instagram,
.footer-social-links a:hover .fa-instagram {
    color: #8a3ab9;
}

.res-menu-social-link a:hover .fa-linkedin,
.footer-social-links a:hover .fa-linkedin {
    color: #0077b5;
}

.res-menu-social-link a:hover .fa-pinterest-p,
.res-menu-social-link a:hover .fa-youtube-play,
.footer-social-links a:hover .fa-youtube-play,
.footer-social-links a:hover .fa-pinterest-p {
    color: red;
}



a.res-logo {
    color: #333;
    font-size: 30px;
    text-transform: uppercase;
    margin: 10px 20px;
    font-weight: bold;
}


/* side overlay comun  */
.overlay-commun {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1024;
    cursor: pointer;
}


.overlay-commun.search-active,
.overlay-commun.menu-active,
.overlay-commun.active {
    opacity: 1;
    visibility: visible;
}

/* .overlay-commun.menu-active, */
.overlay-commun.search-active{
    display: none;
}

/* -----------------------------
    13. Menu icon css
----------------------------- */

.menu-icon.active span:nth-child(1) {
    width: 50%;
    margin-left: auto;
}

.menu-icon.active span:nth-child(2) {
    width: 90%;
}

.menu-icon.active span:nth-child(3) {
    width: 50%;
    margin-right: auto;
}


/* -----------------------------
    17. detail pages css
----------------------------- */

.detail-bx {
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail-left {
    max-width: 420px;
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
}

.detail-left .detail-left-sticky {
    position: sticky;
    top: 100px;
}


.detail-img-slider {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid rgb(243 243 243);
}

.detail-imgbx {
    position: relative;
    height: 400px;
    /* height: 514px; */
    background-color: #fcfcfc;
}

.detail-imgbx img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.detail-imgbx .zoom-icon {
    /* width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 16px;
    top: 16px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 8px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: black;
    background-color: rgb(255, 255, 255);
    font-size: 24px;
    opacity: 0.7; */
    width: 100%;
}

.detail-imgbx .zoom-icon:hover {
    background-color: #141A4E;
    border-color: #141A4E;
    color: white;
    opacity: 1;
}

.detail-thumbimg-slider {
    margin-top: 10px;
}

.detail-thumbimg-slider .owl-item {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 3px;
    overflow: hidden;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.detail-thumbimg-slider .owl-item:hover,
.detail-thumbimg-slider .owl-item.current {
    border-color: #141A4E;
    opacity: 1;
}

.detail-thumbimgbx {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    height: 85px;
    max-height: 85px;
    /* background: #fcfcfc; */
}

.detail-thumbimgbx img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.detail-right {
    position: relative;
    width: 100%;
    padding: 0 15px;
}

.detail-right h4.detail-pruduct-name {
    font-size: 24px;
    font-weight: 400;
    /* font-style: italic; */
    color: #333;
    margin-bottom: 15px;
    padding-right: 60px;
}

.detail-right .qty-detail,
.detail-right .size-detail {
    margin-bottom: 10px;
}


.detail-right .qty-detail h6,
.detail-right .size-detail h6,
div.reviews-s-bx,
.detail-right p.reviews-bx,
.detail-right p.detail-price {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #333;
    margin-bottom: 15px;
}

div.reviews-s-bx {
    font-size: 16px;
    margin-bottom: 4px;
}

.detail-right .qty-detail h6,
.detail-right .size-detail h6 {
    margin-bottom: 8px;
}

.detail-right .size-detail h6 span.size-chart {
    color: #141A4E;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.detail-right .size-detail h6 span.size-chart:hover {
    color: #141A4E;
}

.detail-right p.detail-price span.selling-price {
    font-size: 18px;
    font-weight: 400;
    color: #141A4E;
    font-style: normal;
    margin-left: 5px;
}

.detail-right p.detail-price del {
    font-size: 17px;
    color: red;
    margin-left: 7px;
    font-weight: 400;
    text-decoration: line-through;
}

.detail-right p.detail-price span.detail-discount {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-bottom: 0px;
    padding: 0 25px 0 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: -4px;
    margin-left: 11px;
    color: white;
    font-size: 13px;
    background: #141A4E;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 3px;
}

.detail-right p.detail-price span.detail-discount::after {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    right: -9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    background-color: #ffffff;
    border-top: none;
    border-right: none;
}

div.reviews-s-bx .fa,
.detail-right p.reviews-bx .bx {
    color: #cfcfcf;
    font-size: 16px;
}

div.reviews-s-bx .fa.active,
.detail-right p.reviews-bx .bx.active {
    color: #fece40;
}

.detail-right p.reviews-bx span.add-reviews {
    color: #141A4E;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.detail-right p.reviews-bx span.add-reviews:hover {
    color: #141A4E;
}

.detail-right div.sort-description {
    color: #404040;
    font-size: 14px;
}

.detail-right div.sort-description p {
    /* border-bottom: 1px solid #efefef; */
    margin: 0;
    padding: 0 0 8px 0;
}

.detail-right div.sort-description ul {
    list-style: none;
}

.detail-right .other-detail h6 {
    color: #141A4E;
    font-size: 16px;
}

.detail-right .other-detail p.features-p {
    font-size: 14px;
    font-weight: 500;
    /* font-style: italic; */
    color: #333;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 8px 0;
}

.detail-right .other-detail p.features-p:last-child {
    border-bottom: none;
}

.detail-right .other-detail p.features-p span {
    font-style: normal;
    color: #404040;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px;
}

.detail-right .size-detail span.size-bx {
    min-width: 40px;
    height: 40px;
    border: 1px solid lightgray;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    margin-right: 5px;
    font-weight: 400;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 3px;
    padding: 7px;
}

.detail-right .size-detail span.size-bx:hover {
    background-color: #141A4E;
    border-color: #141A4E;
    color: white;
    opacity: 0.8;
}

.detail-right .size-detail span.size-bx.active {
    background-color: #141A4E;
    border-color: #141A4E;
    color: white;
    opacity: 1;
}


.qty-input-bx {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.qty-input {
    color: #000;
    /* background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 0;
    position: relative;
}

.product-qty,
.qty-count {
    background: transparent;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
    border: none;
    display: inline-block;
    min-width: 0;
    height: 2.5rem;
    line-height: 1;
}

.product-qty:focus,
.qty-input:focus {
    outline: none;
}

.product-qty {
    width: 35px;
    height: 35px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    color: #acacac;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-weight: 400;
    color: #141A4E;
    border: 1px solid #eeeeee;
    border-left: none;
    border-right: none;
}

.product-qty::-webkit-outer-spin-button,
.product-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.qty-count {
    padding: 0;
    cursor: pointer;
    width: 35px;
    font-size: 1.25em;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #eeeeee;
}

.qty-count:hover {
    background-color: #141A4E;
}

.qty-count:before,
.qty-count:after {
    content: "";
    height: 1.5px;
    width: 12px;
    position: absolute;
    display: block;
    background: #acacac;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3e ease-in-out;
    -o-transition: all 0.3e ease-in-out;
    transition: all 0.3e ease-in-out;
}

.qty-count--minus {
    border: 1px solid #eeeeee;
    border-right: none;
    border-radius: 3px 0 0 3px;
}

.qty-count--minus:hover {
    background-color: #141A4E;
}

.qty-count--add {
    border: 1px solid #eeeeee;
    border-left: none;
    border-radius: 0 3px 3px 0;
}

.qty-count:hover::before,
.qty-count:hover::after {
    background: white;
}

.qty-count--minus::after {
    content: none;
}

.qty-count:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
    opacity: 0.7;
}

.qty-count:disabled::after,
.qty-count:disabled::before {
    background: #000;
    opacity: 0.5;
}


.detail-right .new-wishlist-btn{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    font-size: 22px;
    color: #000000;
    border-radius: 50%;
    margin: 0px 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.detail-right .new-wishlist-btn svg{
    width: 20px;
    height: 20px;
}

.detail-right .new-wishlist-btn:hover{
    color: white;
    background-color:#c5080e;
}

.detail-right .new-wishlist-btn.active{
    color: white;
    background-color: #141A4E;
}

.detail-right .add-wishlist-btn,
.detail-right .add-cart-btn {
    border: 1px solid #e5e5e5;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding: 0 9px;
    background: #e3e3e3;
    font-size: 14px;
    color: #222222;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 7px;
}

.detail-right .add-cart-btn:hover {
    border-color: #141A4E;
    background-color: #141A4E;
    color: white;
}

.detail-right .add-wishlist-btn.active,
.detail-right .add-wishlist-btn:hover {
    border-color: #a30b0b;
    background-color: #a30b0b;
    color: white;
}

.detail-right .add-wishlist-btn svg,
.detail-right .add-cart-btn svg{
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.detail-right .add-wishlist-btn .bx,
.detail-right .add-cart-btn .bx {
    font-size: 20px;
    margin-right: 4px;
    position: relative;
    top: 3.5px;
}

.detail-right a.buy-btn {
    height: 40px;
    max-width: 180px;
    width: 100%;
    color:white;
    background: #c5080e;
    border: 1px solid #c5080e;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.detail-right a.buy-btn:hover {
    background-color: #141A4E;
    color: white;
    border-color: #141A4E;
}

.detail-right .add-cart-btn.new-cart-btn{
    height: 40px;
    width: 100%;
    max-width: 180px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-left: 0;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
}

@media screen and (max-width:576px) {
    .detail-right .add-cart-btn.new-cart-btn,
    .detail-right a.buy-btn {
        max-width: 50%;
    }
}

.product-more-Detail {
    margin-top: 20px;
    border-top: 1px solid #efefef;
    padding-top: 20px;
}


.other-tablink {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 0 20px;
}

.other-tablink li {
    font-size: 16px;
    color: #868686;
    font-weight: 400;
    margin: 0 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
    cursor: pointer;
}

.other-tablink li:hover,
.other-tablink li.active {
    color: black;
}

.other-tablink li.active::after {
    content: "";
    width: 50%;
    background-color: black;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.other-tablink li.active:hover::after {
    width: 80%;
}

.other-content-bx {
    display: none;
}

.other-content-bx.active {
    display: block;
}

.other-content-bx .description-bx {
    margin-bottom: 15px;
}

.other-content-bx .description-bx p {
    color: #acacac;
    margin-bottom: 5px;
}


.user-review-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 0px;
    border-radius: 15px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.user-pic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    text-align: center;
}

.user-pic-bx {
    height: 80px;
    width: 80px;
    background-color: #e5ecf0;
    padding: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

.user-pic-bx img {
    width: 100%;
    border-radius: 50%;
}

.user-pic h5 {
    color: #333333;
    margin-top: 8px;
    margin-bottom: 0px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.user-pic p {
    display: inline-block;
    font-size: 12px;
    color: #7f7f7f;
    margin: 0;
}

.user-pic p .bx {
    color: #141A4E;
}

.user-review-txt {
    padding: 10px;
}

.user-review-txt h5 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 1px;
}

.user-review-txt span {
    color: #999;
    font-size: 11px;
    margin-right: 40px;
}

.user-review-txt p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin: 5px 0 0 0;
}

.user-review-txt p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin: 5px 0 0 0;
}



/* ------------------------------
    commun form css 
------------------------------ */
.custom-form {
    padding: 30px 30px;
    background-color: #f4f4f4;
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    position: relative;
}

.contact-info-bx {
    background: #141A4E;
    /* background: linear-gradient(-45deg, #141A4E 0%, #141A4E 100%);  */
    height: 100%;
    padding: 30px 20px;
}

.contact-heading {
    font-weight: 400;
    color: #333;
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-info-bx .contact-heading {
    color: white;
}

.contact-info {
    margin-bottom: 20px;
}

.contact-info p:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e2e1e1;
    font-weight: 400;
    font-size: 12px;
    margin: 0;
    margin-bottom: 6px;
}

.contact-info p:nth-child(1) .bx {
    margin-right: 5px;
    font-size: 16px;
}

.contact-info p:nth-child(2) {
    color: white;
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    margin-bottom: 6px;
    padding-left: 21px;
    opacity: 0.9;
    letter-spacing: 0.5px;
}


.custom-form__group {
    position: relative;
    margin: 10px 0 15px;
}

.custom-form__group select,
.custom-form__group textarea,
.custom-form__group input {
    font-weight: 400;
    display: block;
    color: #000;
    border: 0;
    background-color: white;
    border: 1px solid lightgray;
    padding: 0px 10px;
    height: 40px;
    font-size: 16px;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
    cursor: pointer;
}

.custom-form__group textarea {
    padding: 5px 10px !important;
    height: auto !important;
}

.custom-form__group input[type="password"] {
    padding: 0px 35px 0px 13px;
}

.custom-form__group .group__label {
    pointer-events: none;
    position: absolute;
    left: 3px;
    top: 0px;
    z-index: 1;
    font-size: 16px;
    color: #898989;
    font-weight: 400;
    margin: 0;
    padding: 0px 7px;
    background: white;
    -webkit-transform: translateY(7.5px);
    -ms-transform: translateY(7.5px);
    transform: translateY(7.5px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-form__group select::placeholder,
.custom-form__group input::placeholder,
.custom-form__group textarea::placeholder {
    color: #B2B3B3;
    font-weight: 400;
}

.custom-form__group select:focus,
.custom-form__group select:hover,
.custom-form__group textarea:focus,
.custom-form__group textarea:hover,
.custom-form__group input:focus,
.custom-form__group input:hover {
    border-color: #9e9e9e;
    outline: none;
}

.custom-form__group select:not(:placeholder-shown),
.custom-form__group textarea:not(:placeholder-shown),
.custom-form__group input:not(:placeholder-shown) {
    border-color: #9e9e9e;
}


.custom-form__group select:not(:placeholder-shown)+.group__label,
.custom-form__group textarea:focus+.group__label,
.custom-form__group input:not(:placeholder-shown)+.group__label,
.custom-form__group textarea:not(:placeholder-shown)+.group__label,
.custom-form__group input:focus+.group__label {
    /* -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px); */
    color: #929292;
    /* font-size: 11px; */
    opacity: 0;
}

.custom-form__group input:-webkit-autofill,
.custom-form__group input:-webkit-autofill:hover,
.custom-form__group input:-webkit-autofill:focus,
.custom-form__group input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
    -webkit-box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
}


.custom-form__group .view-pass {
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: gray;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-form__group .view-pass:hover {
    color: #141A4E;
}

.sub-btn {
    height: 40px;
    /* max-width: 320px; */
    width: 100%;
    background: #cecece;
    border: 1px solid #cecece;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: auto;
    display: block;
    font-size: 16px;
    border-radius: 5px;
    color: #1f1f1f;
}

.sub-btn:hover {
    color: white;
    background-color: #141A4E;
    border-color: #141A4E;
}


.has-error.custom-form__group select,
.has-error.custom-form__group textarea,
.has-error.custom-form__group input{
    border-color: #141A4E;
}


/* ----------------------------
    Start Rating css
---------------------------- */
.rating-group-name {
    margin: 0;
    margin-bottom: 4px;
    font-size: 12px;
}

.rating-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 13px 0;
}

.rating__icon {
    pointer-events: none;
}

.rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.rating__input--none {
    display: none;
}

.rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    margin: 0;
    font-size: 18px;
}

.rating__icon--star {
    color: orange;
}

.rating__input:checked~.rating__label .rating__icon--star {
    color: #B2B3B3;
}

.rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

.rating__input:hover~.rating__label .rating__icon--star {
    color: #B2B3B3;
}


/* ----------------------------
    Login Popup
---------------------------- */
.login-modal {
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.signupin-btn-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
}

.signupin-btn-bx a {
    background-color: #efefef;
    color: #333333;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    line-height: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
}

.signupin-btn-bx a.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fefefe;
    color: #151515;
}

.social-login-bx {
    margin: 15px 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.social-login-bx a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    height: 43px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    /* margin: 0 3px; */
    padding: 16px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
}

.social-login-bx a .fa {
    position: relative;
    z-index: 2;
    margin-right: 7px;
}

.social-login-bx a span {
    position: relative;
    z-index: 2;
    font-weight: 400;
}

.social-login-bx a::after {
    content: "";
    width: 0;
    right: 0;
    left: inherit;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-login-bx a:hover:after {
    width: 100%;
    left: 0;
    right: inherit;
}

.social-login-bx a:nth-child(1) {
    background-color: #3b5998;
}

.social-login-bx a:nth-child(2) {
    background-color: #CC3333;
}

.social-login-bx a:nth-child(3) {
    background-color: #0077B5;
}

.social-login-bx a:nth-child(4) {
    background-color: #00acee;
}

.social-login-bx a:nth-child(1):after {
    background-color: #5676bb;
    opacity: 0.8;
}

.social-login-bx a:nth-child(2):after {
    background-color: #e75042;
    opacity: 0.8;
}

.social-login-bx a:nth-child(3):after {
    background-color: #006da6;
    opacity: 0.8;
}

.social-login-bx a:nth-child(4):after {
    background-color: #3dc5f3;
    opacity: 0.8;
}

.formsbx-link {
    margin: 2px auto 10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #828282;
}

.formsbx-link a:hover {
    color: #141A4E;
}

.loginup-form {
    display: none;
    padding: 15px;
}

.loginup-form.active {
    display: block;
}

.terms-accept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #828282;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.terms-accept:hover {
    color: #000000;
}

.terms-accept a:hover {
    color: #141A4E;
    text-decoration: underline;
}

.terms-accept label {
    margin-bottom: 0;
    margin-left: 5px;
    cursor: pointer;
}

.terms-accept input {
    cursor: pointer;
    outline: none;
}

.forget-hedings {
    text-align: center;
    padding: 0 15px;
}

.forget-hedings h3 {
    color: black;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.forget-hedings p {
    color: #999999;
    margin: 7px 0;
    font-size: 14px;
    font-weight: 400;
}

.back-to-sign-in {
    margin: 10px auto 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #828282;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.back-to-sign-in span {
    background-color: #efefef;
    color: #141A4E;
    font-size: 12px;
    padding: 6px 10px;
    font-weight: 400;
    border-radius: 2px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.back-to-sign-in span:hover {
    color: white;
    background-color: #141A4E;
}


/* -----------------------------
    15. lagal pages css
----------------------------- */

.legal-ul {
    list-style: disc;
    padding: 0px;
    /* list-style-position: inside; */
    padding-left: 17px;
}


.legal-ul li,
.legal-main p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    margin-top: 16px;
    color: #acacac;
}

.legal-ul li a,
.legal-main p a {
    text-decoration: underline;
    word-break: break-all;
    white-space: nowrap;
}

.legal-ul li a:hover,
.legal-main p a:hover {
    color: #333;
}

.legal-main p b {
    color: #333;
    font-weight: 500;
}

.legal-ul li,
.legal-ul li p {
    margin-top: 16px;
}

.legal-main h3 {
    font-weight: 400;
    margin: 30px 0;
    color: #333;
    text-align: center;
    font-size: 30px;
}

.legal-main h5 {
    margin: 0;
    margin-top: 25px;
    font-weight: 500;
    color: #333;
}

.legal-ul li,
.legal-main p {
    color: #333;
}

/* -----------------------------
    Accordion css 
------------------------------*/

#accordion-one .acc-item {
    margin: 0 0 15px;
    padding: 0 10px;
    border: 1px solid #bebebe;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#accordion-one .acc-item:hover {
    border-color: #141A4E;
}

#accordion-one .acc-item:first-child {
    border-radius: 10px 10px 0 0;
}

#accordion-one .acc-item:last-child {
    border-radius: 0 0 10px 10px;
}

#accordion-one .acc-item .acc-heding {
    color: #141A4E;
    padding: 14px 25px 14px 0px;
    background: transparent;
    font-weight: 400;
    font-size: 18px;
    margin: 0px;
    position: relative;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
}

#accordion-one .acc-item .acc-heding.collapsed {
    color: #474747;
}

#accordion-one .acc-item .acc-heding svg {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #141A4E;
}

#accordion-one .acc-item .acc-heding.collapsed svg {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    color: #acacac;
}

#accordion-one .acc-item .acc-detail {
    position: relative;
}

#accordion-one .acc-item .acc-detail p {
    margin-bottom: 6px;
    color: #474747;
}

#accordion-one .acc-item .acc-detail p:last-child {
    padding-bottom: 10px;
}

/* ------------------------
    Blog csss 
------------------------ */

.blog-item-bx {
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -webkit-box-shadow: 0 4px 7px 0 rgb(218 220 230 / 60%);
    box-shadow: 0 4px 7px 0 rgb(218 220 230 / 60%);
    margin-bottom: 30px;
}

.blog-item-bx:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgb(218 220 230 / 60%);
    box-shadow: 0 4px 10px 0 rgb(218 220 230 / 60%);
}

.blog-item-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 56%;
    position: relative;
}

.blog-item-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.blog-item-bx:hover .blog-item-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-item-txt {
    padding: 10px;
}

.blog-item-txt span.bit-cat {
    color: #141A4E;
    font-weight: 400;
    font-size: 12px;
}

.blog-item-txt h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 6px;
    line-height: 24px;
    /* text-overflow: ellipsis; */
    overflow: hidden;
    /* max-height: 48px; */
    margin-bottom: 0;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-item-txt p {
    margin-top: 6px;
    margin-bottom: 0;
    /* max-height: 40px; */
    font-size: 14px;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    color: #acacac;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-item-txt span.bit-read {
    color: #acacac;
    font-weight: 400;
    font-size: 12px;
    margin-top: 10px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
}

.blog-item-bx:hover span.bit-read {
    color: #141A4E;
    text-decoration: underline;
}

.blog-item-txt span.bit-status {
    color: #929292;
    font-weight: 400;
    font-size: 11px;
    margin-top: 8px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 5px;
}

.blog-item-txt span.bit-status.bit-by {
    border-right: 1px solid #929292;
    padding-left: 0px;
}

.blog-detail-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 56%;
    position: relative;
    border-radius: 5px;
}

.blog-detail-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.d-caption {
    font-size: 13px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    padding: 3px 0;
    margin-top: 5px;
}

.blog-heding-h3 {
    font-size: 20px;
    color: black;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 10px;
}

.blog-by-date-bx {
    text-align: center;
}

.blog-by-date-bx span.bit-status {
    color: #929292;
    font-weight: 400;
    font-size: 12px;
    margin-top: 8px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 5px;
}

.blog-by-date-bx span.bit-status.bit-by {
    border-right: 1px solid #929292;
    padding-left: 0px;
}

.d-social-icon {
    padding: 10px 0 10px 0;
    text-align: center;
}

.d-social-icon .social-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 8px;
    margin-right: 0px;
    margin: 3px 0;
}

.d-social-icon .social-link span {
    font-size: 12px;
    margin-left: 8px;
    font-weight: 400;
}


.social-link {
    color: white;
    width: 35px;
    height: 35px;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px;
    border-radius: 50%;
}

.social-link:hover {
    color: white;
}

.social-link.fb {
    background-color: hsla(214, 89%, 52%, 0.8);
}

.social-link.fb:hover {
    background-color: #1877f2;
}

.social-link.yt {
    background-color: rgba(255, 0, 0, 0.8);
}

.social-link.yt:hover {
    background-color: red;
}

.social-link.tw {
    background-color: hsla(203, 89%, 53%, 0.8);
}

.social-link.tw:hover {
    background-color: #1da1f2;
}

.social-link.wa {
    background-color: hsla(142, 70%, 49%, 0.8);
}

.social-link.wa:hover {
    background-color: #25d366;
}

.social-link.tl {
    background-color: hsla(198, 61%, 50%, 0.8);
}

.social-link.tl:hover {
    background-color: #33a0cd;
}

.social-link.cm {
    background-color: hsla(0, 0%, 63%, 0.8);
}

.social-link.cm:hover {
    background-color: #a1a1a1;
}


.d-text-bx {
    height: 150px;
    /* height: 15%; */
    overflow: hidden;
    position: relative;
    -webkit-transform: all 0.3s;
    -ms-transform: all 0.3s;
    transform: all 0.3s;
}

.d-text-bx::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: -o-linear-gradient(bottom, #ffffff, #ffffffe0);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffffe0));
    background-image: linear-gradient(0deg, #ffffff, #ffffffe0);
}

.d-text-bx.noafter::after {
    content: none;
}

.d-text-bx p {
    color: #333;
    font-size: 16px;
}

.d-text-bx img {
    width: 100%;
    margin-bottom: 10px;
}

.read-full-artical {
    background-color: #141A4E;
    color: white;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #141A4E;
    padding: 5px 14px;
    margin: 15px auto 0;
    border-radius: 3px;
    display: block;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.read-full-artical:hover {
    opacity: 1;
}



.search-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-left {
    display: none;
    width: 280px;
    border-right: 1px solid #ecececa3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    position: sticky;
    top: 70px;
    height: calc(100vh - 70px);
    overflow: auto;
    padding-bottom: 40px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search-left::-webkit-scrollbar {
    display: none;
}

.filler-heding {
    background: #141A4E;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    text-transform: capitalize;
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 7;
    margin-bottom: 10px;
}

.close-filter {
    width: 30px;
    height: 30px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 13px;
    top: 13px;
    background-color: white;
    color: #141A4E;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.close-filter:hover {
    border-radius: 50%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: rgba(255, 0, 0, 0.795);
}

.filter-icon {
    margin-right: 4px;
    margin-bottom: 4px;
}


.acc-item {
    margin: 0 0 15px;
    padding: 0 15px;
}

.acc-item .acc-heding {
    color: #333;
    padding: 8px 0px;
    background: transparent;
    font-weight: 400;
    font-size: 16px;
    margin: 0px;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #ececec80;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search-left .acc-item .acc-heding{
    padding: 8px 8px;
}

.acc-item .acc-heding.collapsed {
    color: #868686;
}

.acc-item .acc-heding svg {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.acc-item .acc-heding.collapsed svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.acc-item .acc-detail {
    position: relative;
}

.checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0em;
    padding-top: 10px;
}

.checkbox-group input {
    display: none;
}

.checkbox-group label {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s color ease;
    -o-transition: 0.5s color ease;
    transition: 0.5s color ease;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    color: #252525;
    text-transform: capitalize;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 4px 0px;
}


.checkbox-group label .color-span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -1px;
    /* box-shadow: 0 0 3px #f4f4f4 inset; */
    margin-right: -3px;
}

.multcolor {
    background: lightgray;
    background: -o-linear-gradient(left, rgba(255, 0, 0, 1) 6%, rgba(255, 165, 0, 1) 20%, rgba(255, 255, 0, 1) 36%, rgba(0, 255, 0, 1) 52%, rgba(0, 0, 255, 1) 68%, rgba(128, 0, 128, 1) 80%, rgba(138, 43, 226, 1) 96%);
    background: -webkit-gradient(linear, left top, right top, color-stop(6%, rgba(255, 0, 0, 1)), color-stop(20%, rgba(255, 165, 0, 1)), color-stop(36%, rgba(255, 255, 0, 1)), color-stop(52%, rgba(0, 255, 0, 1)), color-stop(68%, rgba(0, 0, 255, 1)), color-stop(80%, rgba(128, 0, 128, 1)), color-stop(96%, rgba(138, 43, 226, 1)));
    background: linear-gradient(90deg, rgba(255, 0, 0, 1) 6%, rgba(255, 165, 0, 1) 20%, rgba(255, 255, 0, 1) 36%, rgba(0, 255, 0, 1) 52%, rgba(0, 0, 255, 1) 68%, rgba(128, 0, 128, 1) 80%, rgba(138, 43, 226, 1) 96%);
}

.checkbox-group.rc-width-50 label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.checkbox-group label:hover {
    color: #acacac;
}

.checkbox-group label::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #b9b9b9;
    border-radius: 1px;
    display: block;
    position: relative;
    top: -1px;
}

.checkbox-group.with-radio label::before {
    border-radius: 50%;
}


.checkbox-group input:checked+label {
    color: #141A4E;
}

.checkbox-group label::after {
    content: "";
    width: 8px;
    height: 8px;
    left: 4px;
    border-radius: 1px;
    margin-bottom: 2px;
    background-color: #141A4E;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s -webkit-transform ease;
    transition: 0.5s -webkit-transform ease;
    -o-transition: 0.5s transform ease;
    transition: 0.5s transform ease;
    transition: 0.5s transform ease, 0.5s -webkit-transform ease;
    display: block;
}

.checkbox-group.with-radio label::after {
    border-radius: 50%;
}

.checkbox-group input:checked+label::before {
    border-color: #141A4E;
}

.checkbox-group input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.clear-btn {
    position: absolute;
    top: 10px;
    right: -12px;
    font-size: 11px;
    color: #9c9c9c;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 3px 6px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
    font-weight: 400;
}

.clear-btn:hover {
    color: #ad4197 !important;
    background-color: #62548814;
}

.search-right {
    /* width: calc(100% - 280px); */
    /* flex: 0 0 calc(100% - 280px); */
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 20px;
}

.search-right .product-top-bx{
    display: none;
}

.product-top-bx-2,
.product-top-bx {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0px 0px;
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-top-bx-2 {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 1;
    background: #fcfcfc;
    padding: 10px 20px 10px;
    -webkit-box-shadow: 0px 10px 14px #00000029;
    box-shadow: 0px 10px 14px #00000029;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0px 0px 20px 20px;
    opacity: 0;
    visibility: hidden;
}

.product-top-bx-2 p,
.product-top-bx p {
    color: #868686;
    font-size: 14px;
    margin: 0;
}

.filter-menu-icon {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 5px;
    border: 1px solid #000000;
    margin-left: 10px;
    color: #000000;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.filter-menu-icon.active,
.filter-menu-icon:hover {
    background-color: #000000;
    color: white;
}


.empty-div-bx {
    height: 220px;
    margin-bottom: 00px;
    border-radius: 5px;
    /* background-color: #fcfcfc; */
    /* -webkit-box-shadow: 0 0 0px 1px #252424;
    box-shadow: 0 0 0px 1px #252424; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.empty-div-bx img {
    width: 55px;
    display: block;
    margin: auto;
}

.empty-div-bx h6 {
    font-size: 14px;
    color: #141A4E;
    margin-top: 10px;
    margin-bottom: 0px;
}

.empty-div-bx a {
    font-size: 13px;
    margin-top: 5px;
    color: #acacac;
    display: block;
    text-align: center;
}

.empty-div-bx a:hover {
    color: #141A4E;
}


/*---------------------------------
         cart page link 
----------------------------------*/


.cart-right{
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #efefef;
}

.cart-left {
    border-radius: 5px;
    border: 1px solid #efefef;
}

.cart-hedeing {
    background: #eeeeee;
    padding: 10px 20px;
    color: #141A4E;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* .cart-item-bx {
    padding: 15px;
} */

.order-list {
    padding: 15px;
}

.order-list {
    padding: 15px;
}

.copy-code-bx,
.cart-total,
.order-one-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-one-item p {
    margin-bottom: 8px;
}

.order-one-item p:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    height: 23px;
    overflow: hidden;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 0;
    color: #333;
}

.order-one-item p:last-child,
.order-one-item p:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    height: 23px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    color: #686868;
}

.order-one-item p:last-child {
    text-align: right;
    font-weight: 500;
    font-size: 15px;
}

hr.cart-specer {
    height: 0.5px;
    margin: 0.5rem 0 0.7rem;
}

.order-btn {
    border: 1px solid #141A4E;
    color: white;
    background-color: #141A4E;
    padding: 8px 18px;
    margin: 12px auto 0;
    outline: none;
    font-size: 16px;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    width: 100%;
}

.order-btn:hover {
    border: 1px solid #bd0007;
    color: white;
    background-color: #e21d23;
}

.cart-total .cart-total-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
}

.cart-total .cart-total-right h6 {
    font-weight: 700;
    margin: 0;
    color: #333;
    font-size: 18px;
}

.cart-total .cart-total-right p {
    font-weight: 400;
    font-size: 12px;
    color: #686868;
    margin: 0px;
}

.cart-total .cart-total-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.cart-total .cart-total-left p {
    text-align: right;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

.saving-bx {
    padding: 15px 0 0px;
    text-align: center;
    margin: 0;
    color: #666666;
    font-size: 14px;
    text-transform: capitalize;
}

.saving-bx span {
    color: #3a3a3a;
    font-weight: 700;
    display: inline-block;
    margin-left: 2px;
}


.cart-item {
    position: relative;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #efefef;
}

.cart-item:last-child{
    border-bottom: none;
}

.cart-item .cart-item-img {
    width: 120px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
}

.cart-item .cart-item-img a {
    display: block;
}

.cart-item .cart-item-img a img {
    width: 100%;
    border-radius: 5px;
}

.cart-item .cart-item-detail {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: auto;
    padding-left: 10px;
    padding-right: 110px;
}

.cart-item .cart-item-detail .cid-h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cart-item .cart-item-detail p.cid-price {
    font-size: 15px;
    font-weight: 500;
    /* font-style: italic; */
    color: #585858;
    margin-bottom: 10px;
}

.cart-item .cart-item-detail p.cid-price .cid-selling-price {
    font-weight: 500;
    color: #141A4E;
    font-style: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.cart-item .cart-item-detail p.cid-price .del-price {
    font-size: 16px;
    color: gray;
    /* color: #fff; */
    margin-right: 5px;
    font-weight: 400;
    text-decoration: line-through;
}

.cart-item .cart-item-detail .qty-detail.qty-cid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart-item .cart-item-detail .qty-detail.qty-cid h6 {
    display: inline-block;
    margin: 0;
    margin-right: 2px;
    font-size: 15px;
    color: #585858;
}

.cart-item .cart-item-detail .qty-detail.qty-cid .product-qty,
.cart-item .cart-item-detail .qty-detail.qty-cid .qty-count {
    width: 30px;
    height: 30px;
}

.cart-item .cart-item-detail .qty-detail.qty-cid select {
    border: 1px solid #e2e2e2;
    height: 30px;
    padding: 0px;
    width: 60px;
    /* text-align: center; */
}


.cid-button-bx{
    position: absolute;
    right: 15px;
    top: 15px;
}

.cid-button-bx .cid-wishlist-btn {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    font-size: 22px;
    color: #000000;
    border-radius: 50%;
    margin: 0px 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cid-button-bx .cid-wishlist-btn svg {
    width: 20px;
    height: 20px;
}


.cid-button-bx .cid-wishlist-btn:hover{
    color: white;
    background-color: #141A4E;
}

.cid-button-bx .cid-wishlist-btn.active{
    color: white;
    background-color: #141A4E;
}

.cid-button-bx .cid-wishlist-btn:last-child:hover{
    color: white;
    background-color: #e31e24;
}


@media screen and (max-width:576px) {
    /* .cart-item .cart-item-detail {
        padding-right: 0;
    }

    .cid-button-bx{
        position: initial;
        right: initial;
        top: initial;
    } */

    .cart-item .cart-item-detail p.cid-price{
        font-size: 14px;
    }

    .cart-item .cart-item-detail .cid-h3{
        font-size: 16px;
    }
}

@media screen and (max-width:460px) {
    .cart-item .cart-item-detail {
        padding-right: 0;
    }

    .cart-item .cart-item-img{
        margin: 0 0 10px 0 !important;
    }

}



/* sitemap page css */

.sitemaplinks-bx {
    border: 1px solid #0000000f;
    padding: 20px 20px 15px 20px;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0 0px 5px #0000000f;
    box-shadow: 0 0px 5px #0000000f;
    margin-bottom: 40px;
}

.sitemap-heding {
    position: absolute;
    top: -18px;
    /* background: white; */
    padding: 5px 10px;
    color: #141A4E;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

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

.sitemap-ul li {
    width: 19%;
    display: inline-block;
    margin: 4px 0;
}

.sitemap-ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    color: #333;
}

.sitemap-ul li a .bx {
    margin-right: 5px;
    font-size: 18px;
}

.sitemap-ul li a:hover {
    color: #141A4E;
    padding-left: 10px;
}


/* -----------------------------
    student-dash css
----------------------------- */

.dash-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dash-bx .dash-left {
    width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    background-color: #141A4E;
    position: sticky;
    top: 91px;
    height: calc(100vh - 91px);
}

.dash-bx .dash-right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    /* background: #f9f9f9; */
    padding: 0 20px;
}

.profile-bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* border-bottom: 1px solid #cfcfcf; */
    padding: 25px 20px 20px;
}

.profile-bx .user-img {
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 50%;
    /* border: 1px solid lightgray; */
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.profile-bx .user-detail {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.profile-bx .user-detail {
    margin-left: 10px;
}

.profile-bx .user-detail h6 {
    font-weight: 400;
    margin: 3px 0;
    /* color: #FF5C0B; */
    color: white;
    letter-spacing: 0.5px;
}

.profile-bx .user-detail p {
    font-size: 13px;
    margin: 0px 0;
    font-weight: 300;
    color: white;
    letter-spacing: 0.5px;
}

.profile-menu {
    margin-top: 20px;
    padding-left: 15px;
}

.profile-menu .profile-link-logout,
.profile-menu .profile-link {
    display: block;
    margin-bottom: 10px;
    height: 44px;
    line-height: 45px;
    padding: 0 20px;
    font-size: 16px;
    color: white;
    position: relative;
    border-radius: 20px 0 0 20px;
    text-transform: capitalize;
    font-weight: 300;
}

.profile-menu .profile-link-logout.active b:nth-child(1),
.profile-menu .profile-link.active b:nth-child(1) {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -20px;
    background-color: #f9f9f9;
    right: 0;
}

.profile-menu .profile-link-logout.active b:nth-child(1)::before,
.profile-menu .profile-link.active b:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #141A4E;
    border-bottom-right-radius: 20px;
}

.profile-menu .profile-link-logout.active b:nth-child(2),
.profile-menu .profile-link.active b:nth-child(2) {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -20px;
    background-color: #f9f9f9;
    right: 0;
}

.profile-menu .profile-link-logout.active b:nth-child(2)::before,
.profile-menu .profile-link.active b:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #141A4E;
    border-top-right-radius: 20px;
}

/* .profile-menu .profile-link:hover{
      color: #141A4E;
      background: white;
  } */

.profile-menu .profile-link-logout.active,
.profile-menu .profile-link.active {
    color: #000;
    background: #f9f9f9;
    font-weight: 400;
}

.profile-menu .profile-link-logout span,
.profile-menu .profile-link span {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile-menu .profile-link-logout span .profile-menu-icon,
.profile-menu .profile-link span .profile-menu-icon {
    font-size: 20px;
    margin-right: 10px;
}



.upb-outer-bx{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.upb-outer-bx.uob-mw-992px{
    max-width: 992px;
}

.upb-outer-bx.uob-mw-768px{
    max-width: 768px;
}

.upb-outer-lable{
    display: flex;
    align-items: center;
    color: black;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.upb-outer-lable ion-icon{
    font-size: 20px;
    margin-right: 5px;
}

.user-profile-bx {
    width: 100%;
    margin: auto;
    border: 1px solid #efefef;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    /* box-shadow: 0px 0px 20px -15px #0000005e; */
}

.user-profile-bx form {
    background-color: #f9f9f9;
    padding: 20px 0;
}


.tab-name {
    background: #eeeeee;
    padding: 10px 20px;
    color: #141A4E;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tab-name span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #acacac;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 3px;
}

.tab-name span:hover {
    background-color: #141A4E;
    color: white;
}

.tab-name span .create-outline-icon {
    margin-right: 3px;
    font-size: 18px;
}

.user-btn {
    height: 40px;
    width: 160px;
    background: #dfdfdf;
    border: 1px solid #bfbfbf;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    letter-spacing: 0.1;
    color: #333;
}

.user-btn:hover {
    background-color: #141A4E;
    color: white;
    border-color: #141A4E;
}

.user-dash-tab {
    display: none;
}

.user-dash-tab.active {
    display: block;
}

.udt-heading{
    transform: translateX(-20px);
    width: calc(100% + 40px);
    background: #f9f9f9;
    padding: 10px 20px;
    color: #141A4E;
    font-weight: 500;
    margin-top: 17px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
}

/* ----------------------
    order-item  
---------------------- */

.order-main-bx {
    padding: 10px;
    background: #fcfcfc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0px 1px #00000021;
    box-shadow: 0 0 0px 1px #00000021;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.order-main-bx img {
    width: 120px;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 5px;
}

.order-main-bx .order-item-detail {
    padding-left: 10px;
    width: 100%;
}

.order-main-bx .order-item-detail p {
    margin: 0;
    font-weight: 400;
    color: #000000a1;
    font-size: 15px;
    margin-bottom: 7px;
}

.order-main-bx .order-item-detail p span {
    margin: 0;
    font-weight: 400;
    margin-left: 6px;
    color: black;
}

.order-main-bx .order-item-detail p span.order-green {
    color: green;
}

.order-main-bx .order-item-detail p span.order-red {
    color: #be1e2d;
}


.order-main-bx .order-item-detail .oid-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.order-main-bx .order-item-detail .view-order{
    color: #d7807b;
    display: inline-block;
    border: 1px solid #d7807b;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 4px;
    margin-top: 4px;
    cursor: pointer;
}

.order-main-bx .order-item-detail .track-order,
.order-main-bx .order-item-detail .cancel-order {
    color: black;
    display: inline-block;
    background: #f2f1f1;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    cursor: pointer;
}

.order-main-bx .order-item-detail .view-order:hover,
.order-main-bx .order-item-detail .track-order:hover {
    background-color: #d7807b;
    color: white;
    border-color: #d7807b;
}

.order-main-bx .order-item-detail .cancel-order:hover {
    background-color: #be1e2d;
    border-color: #be1e2d;
    color: white;
}

.order-main-bx .order-item-detail .cancel-order .fa,
.order-main-bx .order-item-detail .view-order .fa {
    margin-right: 5px;
}




#guest-checkout .modal-body h3,
#view-detail .modal-body h3,
#add-address .modal-body h3,
#coursebuyModal .modal-body h3,
#cancelModal .modal-body h3,
#confirmationModal .modal-body h3,
#trackoderModal .modal-body h3 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 15px 0;
}


#trackoderModal .modal-body h3,
#confirmationModal .modal-body h3,
#view-detail .modal-body h3 {
    margin: 0 0 20px;
}

#confirmationModal .modal-body h3{
    margin: 0 0 15px;
}

#confirmationModal .modal-dialog{
    max-width: 400px;
}

#coursebuyModal .modal-body h3 {
    margin-top: 0;
    color: #e02131;
    font-weight: 500;
}

#add-address .modal-body p,
#coursebuyModal .modal-body p,
#confirmationModal .modal-body p,
#cancelModal .modal-body p {
    text-align: center;
    margin: 15px 0;
}

#confirmationModal .modal-body button,
#cancelModal .modal-body button {
    margin: auto;
    display: block;
    color: black;
    background: #f2f1f1;
    border: 1px solid #e5e5e5;
    padding: 7px 15px;
    font-weight: 500;
    display: inline-block;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#confirmationModal .modal-body button.no-btn,
#cancelModal .modal-body button.no-btn {
    color:white;
    background: #d7807b;
}

#confirmationModal .modal-body button:hover,
#cancelModal .modal-body button:hover {
    color:white;
    background: #141A4E;
}

#confirmationModal .modal-body button.no-btn:hover,
#cancelModal .modal-body button.no-btn:hover {
    color:white;
    background: #141A4E;
}

.notsmodal {
    background: #f7f7f7;
    border-radius: 3px;
    padding: 10px 8px;
    margin: 15px 0 0 0;
}

.notsmodal span {
    font-size: 13px;
}

.notsmodal p {
    margin: 0;
    font-size: 13px;
    text-align: left !important;
    margin: 5px 0 !important;
}

.order-cancelled {
    opacity: 0.9;
    -webkit-box-shadow: 0 0 16px 0px inset #ff000014;
    box-shadow: 0 0 16px 0px inset #ff000014;
    background: #ff000005;
}

.successful-order {
    -webkit-box-shadow: 0 0 16px 0px inset hsla(148, 59%, 47%, 0.078);
    box-shadow: 0 0 16px 0px inset hsla(148, 59%, 47%, 0.078);
    background: hsla(148, 59%, 47%, 0.078);
}


.add-news-address {
    border: 1px solid #efefef;
    min-height: 180px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #3f3b3b;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.add-news-address:hover {
    border: 1px solid #141A4E;
    color: #141A4E;
    cursor: pointer;
}

.edit-remove {
    position: absolute;
    right: 15px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
}

.address-bx {
    border: 1px solid #efefef;
    position: relative;
    padding: 10px;
    min-height: 180px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.edit-remove a {
    color: #acacac;
    font-weight: 500;
}

.edit-remove a:hover {
    color: #d7807b;
}

.address-bx {
    cursor: pointer;
}

.address-bx.active-address {
    border: 1px solid #141A4E;
}

.address-bx h6 {
    color: #3d3d3d;
    font-weight: 500;
    margin: 0;
    margin-top: 25px;
    margin-bottom: 8px;
    font-size: 16px;
}

.address-bx p {
    font-size: 14px;
    margin: 10px 0;
    color: #333;
}

.num-bx-add {
    font-weight: 500;
    font-size: 14px;
    color: #3d3d3d;
    display: block;
    margin: 5px 0;
}


.address-selct {
    position: absolute;
    right: 15px;
    font-size: 24px;
    bottom: 5px;
    color: #141A4E;
    display: none;
}

.address-bx.active-address .address-selct {
    display: block;
}

.notification-bx {
    position: relative;
    background: #f9f9f9;
    padding: 15px 10px 15px 10px;
    border: 1px solid #efefef;
    border-left: 5px solid #141A4E;
    border-radius: 5px;
    margin: 13px 0 0;
    
}

.notification-bx h3 {
    font-size: 14px;
}

.notification-bx p {
    font-size: 16px;
    color: #000000;
    margin-bottom: 0;
    font-weight: 500;
}

.acc-item.checkout-item {
    margin: 0 0 15px;
    padding: 0 0px;
    border-radius: 3px;
    overflow: hidden;
    /* -webkit-box-shadow: 0 0 0px 1px #ececec; */
    /* box-shadow: 0 0 0px 1px #ececec, 0 0 14px 1px #ececec; */
}

.acc-item .acc-heding.collapsed {
    color: #333;
    background: #eeeeee;
    ;
    /* background: #fcfcfc; */
}

/* .acc-heding.checkout-heding.collapsed {
    color: black;
    background: white;
} */

.acc-heding.checkout-heding {
    color: #141A4E;
    background: #eeeeee;
    padding: 13px 10px 13px 15px;
    font-size: 18px;
    border: none;
}



.answer-bx .checkbox-group.with-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0em;
    padding-top: 00px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.answer-bx .checkbox-group.with-radio .answer-option {
    /* border: 1px solid lightgrey;
    border-radius: 50px; */
    /* padding: 3px 10px; */
    margin: 10px 8px;
    position: relative;
    cursor: pointer;
}


.answer-bx .checkbox-group.with-radio .answer-option input {
    display: none;
}

.answer-bx .checkbox-group.with-radio .answer-option label {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s color ease;
    -o-transition: 0.5s color ease;
    transition: 0.5s color ease;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    color: #868686;
    text-transform: capitalize;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 17px;
    letter-spacing: 0.3px;
    margin: 0px 0px;
    padding: 5px 10px 5px 10px;
    border: 1.5px solid lightgrey;
    border-radius: 50px;
}


.answer-bx .checkbox-group.with-radio .answer-option label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #b9b9b9;
    border-radius: 1px;
    display: block;
    border-radius: 50%;
}


.answer-bx .checkbox-group.with-radio .answer-option label::after {
    content: "";
    width: 12px;
    height: 12px;
    left: 14px;
    border-radius: 1px;
    background-color: #141A4E;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s -webkit-transform ease;
    transition: 0.5s -webkit-transform ease;
    -o-transition: 0.5s transform ease;
    transition: 0.5s transform ease;
    transition: 0.5s transform ease, 0.5s -webkit-transform ease;
    display: block;
    border-radius: 50%;
}

.answer-bx .checkbox-group.with-radio .answer-option:hover label {
    color: black;
    border-color: #141A4E;
    background-color: #fcfcfc;
}

.answer-bx .checkbox-group.with-radio .answer-option input:checked+label {
    color: black;
    border-color: #141A4E;
    background-color: #fcfcfc;
}

.answer-bx .checkbox-group.with-radio .answer-option input:checked~label::before {
    border-color: #141A4E;
}

.answer-bx .checkbox-group.with-radio .answer-option input:checked~label {
    color: black;
    border-color: #141A4E;
}

.answer-bx .checkbox-group.with-radio .answer-option input:checked~label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.cart-note-bx {
    position: fixed;
    top: 135px;
    right: 5px;
    z-index: 97;
    background: white;
    padding: 6px 10px 8px;
    border: 1px solid #141A4E;
    color: #141A4E;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 10px #00000036;
    box-shadow: 0px 0px 10px #00000036;
    border-radius: 5px;
    cursor: pointer;
}

@media screen and (max-width: 770px) {
    .cart-note-bx {
        position: fixed;
        top: 111px;
        right: 5px;
        z-index: 2;
        background: white;
        padding: 6px 10px 8px;
        border: 1px solid #141A4E;
        color: #141A4E;
        font-size: 14px;
        -webkit-box-shadow: 0px 0px 10px #00000036;
        box-shadow: 0px 0px 10px #00000036;
        border-radius: 5px;
        cursor: pointer;
    }
}

.cart-note-bx svg {
    width: 20px;
    height: 20px;
}


/* .blog_template.boxy-clean ul li:hover .blog_footer.blog_footer,.blog_template.boxy-clean ul li:hover .blog_header h2{background: transparent;    text-decoration: none !important;}

.bdp_blog_template a.bd-more-tag:hover {
    background-color: #96c54e !important;
    color: #fff !important;
    text-decoration: none !important;
}
.bdp_blog_template .blog_header h2 a:hover{
	text-decoration:none;
}
.bdp_blog_template .social-component a {
	border: 1px solid #96c54e;
}
.blog_template.boxy-clean .blog_wrap.bdp_blog_template .author:hover {
    background: #96c54e;

} */



.view-detail-bx {
    margin-bottom: 15px;
}

.view-detail-bx span {
    color: #141A4E;
    display: block;
    font-weight: 500;
    font-size: 15px;
}

.view-detail-bx span .fa {
    margin-right: 5px;
}


.view-detail-bx p {
    margin: 0;
    color: black;
    font-size: 16px;
}

.order-list-popup {
    padding: 2px 2px 0px;
    overflow: hidden;
    height: 200px;
    overflow-y: inherit;
}

.help-block {
    position: absolute;
    right: 4px;
    bottom: -7px;
    /* z-index: 1; */
    font-size: 11px;
    background: #ffffff;
    padding: 0 6px;
    color: #cc3333;
}


.success-ok {
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background:  #00c536;
    padding: 7px 15px;
    margin: 20px auto 0;
    border-radius: 2px;
    border: 1px solid  #00c536;
    color: white;
    z-index: 1051;
}

.success-not {
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #d83947;
    padding: 7px 15px;
    margin: 20px auto 0;
    border-radius: 2px;
    border: 1px solid #d83947;
    color: white;
    z-index: 1051;
}


.checkout-login-bx {
    padding: 18px 5px 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checkout-login-bx .login-item-bx {
    color: #acacac;
    font-weight: 400;
    margin-top: 5px;
    cursor: pointer;
    margin: 10px 15px;
}

.checkout-login-bx .login-item-bx h6 {
    color: #484848;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0;
}

.checkout-login-bx .login-item-bx p {
    color: #484848;
    font-size: 12px;
    margin: 5px 0 0;
    border-top: 1px solid lightgray;
    padding-top: 3px;
}

.checkout-login-bx .login-item-bx:hover h6 {
    color: #141A4E;
}

.checkout-login-bx .login-item-bx .login-item {
    width: 90px;
    height: 90px;
    display: inline-block;
    /* border: 2px solid #dddddd; */
    /* box-shadow:0 0 0 2px #dddddd; */
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.7;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.checkout-login-bx .login-item-bx:hover .login-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 20px 0px #dddddd;
    box-shadow: 0 0 20px 0px #dddddd;
    opacity: 01;
}

.checkout-login-bx .login-item-bx .login-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}






/* =============================
    order page success start
================================ */

.processing {
    padding: 30px 0;
    background-color: #fdfdfd;
}

.processing .pro-img-bx {
    text-align: center;
}

.processing .pro-img-bx img {
    width: 160px;
    margin: 10px 0;
}

.p-main-bx {
    text-align: center;
}

.p-main-bx button {
    margin: 25px 0;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #141A4E;
    outline: none !important;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #141A4E;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 16px;
    letter-spacing: 1px;
    cursor: pointer;
}

.p-main-bx button:hover {
    background-color: #141A4E;
    color: white;
}

.p-main-bx span {
    color: #ed008d;
    display: inline-block;
    border: 1px solid #141A4E;
    background-color: #141A4E;
    color: white;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 8px;
    cursor: pointer;
}



.p-main-bx h3 {
    text-align: center;
    margin: 10px 0;
    color: #484a46;
}

.p-main-bx h4 {
    text-align: center;
    margin: 20px 0;
    color: #484a46;
}


.whatapp-new-icon {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border-radius: 50%;
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
}

.whatapp-new-icon img {
    width: 100%;
}


.notification-count {
    position: absolute !important;
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 3px;
    left: 10px;
    color: #141A4E;
    font-size: 10px;
    text-align: center;
    font-weight: 500;
    /* flex: 0 0 20px; */
    padding: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #141A4E;
}

.password-lable {
    margin: 0;
    color: #333;
    margin-bottom: 14px;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    /* border-top: 1px solid lightgray; */
    padding-top: 0;
    text-transform: capitalize;
}




.res-cc-bx {
    padding: 8px 5px;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px #00000012;
    box-shadow: 0px 0px 10px #00000012;
}

.res-cc-bx .res-ccitem-bx {
    background-color: #141A4E;
    border-radius: 5px;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.res-cc-bx .res-ccitem-bx span {
    color: white;
    font-size: 16px;
    border-left: 1px solid #e3e3e3;
    display: inline-block;
    padding: 0 8px;
}

.res-cc-bx .res-ccitem-bx span:first-child {
    border-left: none;
    padding: 0 8px 0 0;
}

.res-cc-bx .res-ccitem-bx button {
    background: #fcfcfc;
    border: none;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 10px;
    margin-left: auto;
    border-radius: 2px;
    color: #acacac;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid white;
    margin-top: 2px;
    margin-bottom: 2px;
}

.res-cc-bx .res-ccitem-bx button:hover {
    background-color: #141A4E;
    color: white;
    border-color: #141A4E;
}




.go-top {
    position: fixed;
    cursor: pointer;
    bottom: 25px;
    left: 25px;
    background-color: #141A4E;
    z-index: 4;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-size: 28px;
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.go-top:hover {
    color: #fff;
    background-color: #c5080e;
}

.go-top:focus i:first-child,
.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top:focus i:last-child,
.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}






/* --------------------------
   review slider 
-------------------------- */
#review-slider2 .review-item,
#review-slider .review-item {
    text-align: center;
    margin-top: 20px;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#review-slider2 .review-item img,
#review-slider .review-item img {
    width: 150px !important;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -webkit-box-shadow: -3px 3px 0px 0px #141A4E;
    box-shadow: -3px 3px 0px 0px #141A4E;
    margin: auto;
    margin-bottom: 25px;
}

#review-slider2 .owl-stage,
#review-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#review-slider2 .owl-item,
#review-slider .owl-item {
    width: 100%;
    max-width: 768px;
    margin: auto;
    opacity: 0.7;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#review-slider2 .review-item h6,
#review-slider .review-item h6 {
    margin-bottom: 8px;
    color: #2f2f2f;
}

#review-slider2 .review-item p,
#review-slider .review-item p {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #2f2f2f;
}

#review-slider2 .owl-item.center .review-item,
#review-slider .owl-item.center .review-item {
    text-align: center;
    margin-top: 20px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    cursor: pointer;
}

#review-slider2 .owl-item.center,
#review-slider .owl-item.center {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#review-slider2 .owl-item.center .review-item p,
#review-slider .owl-item.center .review-item p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}







.client-slide,
.category-slide {
    padding: 0 10px;
}

/* .category-slide::-webkit-scrollbar {
   display: none;
} */

.client-page-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.client-page-section .client-page {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
}

.client-page .client-slide-item,
.client-slide .client-slide-item {
    width: 100%;
    display: block;
    padding: 20px;
}

.client-page .client-slide-item .csi-img,
.client-slide .client-slide-item .csi-img {
    padding-top: 100%;
    border-radius: 50%;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    /* -webkit-box-shadow: -3px 3px 0px 0px #141A4E;
           box-shadow: -3px 3px 0px 0px #141A4E; */

}

.client-page .client-slide-item .csi-img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: rotation 20s infinite linear;
    -webkit-animation: rotation 20s infinite linear;
    border: 2px dashed #141A4E;
    border-radius: 50%;
}

/* .client-slide .client-slide-item .csi-img{
   padding-top: 140%;
   border-radius: 10px;
} */

.client-page .client-slide-item .csi-img img,
.client-slide .client-slide-item .csi-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.client-page .client-slide-item .csi-img img {
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px lightgrey;
    box-shadow: 0px 0px 5px 0px lightgrey;
}

.client-page .client-slide-item .csi-img:hover img {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.client-slide .client-slide-item .csi-img img {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    border-radius: 50%;
}

.client-slide .client-slide-item .csi-img:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.client-page .client-slide-item h6,
.client-slide .client-slide-item h6 {
    text-align: center;
    margin-top: 16px;
    font-size: 16px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    color: rgba(0, 0, 0, 0.5);
}

.client-page .client-slide-item:hover h6,
.client-slide .client-slide-item:hover h6 {
    color: #141A4E;
}



.baa-head {
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 400;
    color: #141A4E;
}


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

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

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

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




/* ----------------------------------
    Booking An Appointment 
---------------------------------------*/
.appoinment-bx {
    background-color: #f2f3f3;
}

.appoinment-bx img {
    width: 100%;
}


.appointment-text {
    width: 100%;
    max-width: 768px;
}

.appointment-text h6 {
    font-weight: 400;
    font-size: 28px;
    color: #000;
}

.appointment-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 25px 0;
}

.appointment-text ul li {
    color: #acacac;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
    margin: 5px 0;
}

.appointment-text ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #141A4E;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px 3px #141A4E4d;
    box-shadow: 0px 0px 0px 3px #141A4E4d;
}

.commun-btn,
.appointment-text span {
    display: block;
    background-color: #141A4E1a;
    color: #141A4E;
    border: 1px solid #141A4E;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.commun-btn {
    margin: auto;
}

.commun-btn:hover,
.appointment-text span:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #141A4E;
    color: white;
    -webkit-box-shadow: 0px 7px 5px #0000002b;
    box-shadow: 0px 7px 5px #0000002b;
}

#size_detail {
    display: inline-block;
}

.ctai-span {
    display: inline-block;
    border: 1px solid lightgray;
    padding: 5px 7px 5px 7px;
    border-radius: 50px;
    /* height: 40px; */
    position: relative;
    top: 1px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ex-margin {
    margin: 3px 0;
}

.ctai-span.active,
.ctai-span:hover {
    border-color: #141A4E;
    color: #141A4E;
    /* background-color: #141A4E; */
    /* color: white; */
    opacity: 1;
}


.size-chart-hed {
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 16px;
    background: #fcfcfc;
    margin-bottom: 10px;
}

.size-table {
    width: 100%;
    /* border: 1px solid lightgrey; */
    border-bottom: 1px solid lightgray;
}

.size-table thead tr {
    background: black;
    color: white;
    text-align: center;
    border: 1px solid black;
}

.size-table td,
.size-table th {
    border: none;
    padding: 10px 6px;
    font-weight: 400;
}

.size-table tbody th,
.size-table td {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    text-align: center;
}

.cta-hed {
    margin-bottom: 10px;
    margin-top: 0px;
}


.d-chat-bc {
    /* border: 1px solid black; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    padding: 8px 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 0 1px #0000001a;
    box-shadow: 0 0 0 1px #0000001a;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 2px;
}

.d-chat-bc:hover {
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
}

.d-chat-bc img {
    width: 24px;
    margin-right: 5px;
}




/*------ Porfolio  ------------------------------------------------*/
.gallery-items {
    width: 100%;
    position: relative;
}

.grid-item-holder {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.gallery-item {
    width: 20%;
    position: relative;
    float: left;
    padding: 10px;
}

.gallery-item img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.box-item {
    overflow: hidden;
    position: relative;
}

.box-item a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -o-linear-gradient(top, hsla(20, 89%, 58%, 0.5), hsla(43, 98%, 58%, 0.5));
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(20, 89%, 58%, 0.5)), to(hsla(43, 98%, 58%, 0.5)));
    background: linear-gradient(to bottom, hsla(20, 89%, 58%, 0.5), hsla(43, 98%, 58%, 0.5));
    z-index: 1;
}

.box-item a:hover::after {
    opacity: 1;
}

.g-icon-bx {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-30%, -50%);
    -ms-transform: translate(-30%, -50%);
    transform: translate(-30%, -50%);
    z-index: 5;
    color: white;
    background-color: #141A4E8c;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.img-gallery a:hover .g-icon-bx,
.box-item a:hover .g-icon-bx {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    color: white;
}

.fl-wrap {
    position: relative;
    overflow: hidden;
}

.gallery-filters {
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.gallery-filters .gallery-filter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid gray;
    padding: 5px 18px;
    margin: 0 3px;
    border-radius: 5px;
    color: gray;
    /* -webkit-box-shadow: 0 0 0px 1px lightgrey inset, 0 0 5px transparent;
    box-shadow: 0 0 0px 1px lightgrey inset, 0 0 5px transparent; */
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.gallery-filters .gallery-filter:hover {
    color: #484848;
    border: 1px solid #d6a2ba;
    /* -webkit-box-shadow: 0 0 50px 0px lightgray inset, 0 0 5px transparent;
    box-shadow: 0 0 50px 0px lightgray inset, 0 0 5px transparent; */
    background-color: #d6a2ba;
}

.gallery-filters .gallery-filter.gallery-filter-active {
    background-color: #eba7c6;
    color: white;
    -webkit-box-shadow: 0 0 0px 0px transparent inset, 0 0 5px lightgrey;
    box-shadow: 0 0 0px 0px transparent inset, 0 0 5px lightgrey;
}


.detail-social {
    text-align: left;
    margin-bottom: 10px;
    position: relative;
    background: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
    margin-top: -10px;
}

.detail-social a {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border-radius: 50%;
}

.detail-social a.icon-wh {
    font-size: 18px;
}

.detail-social h6 {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    color: black;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline-block;
    margin-right: 5px;
}

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}




.new-filter {
    background-color: #fff;
    position: sticky;
    top: 55px;
    padding: 15px 15px;
    z-index: 1;
    text-align: right;
    /* border-top: 1px solid #f2f2f2; */
}

.new-filter.scroll-d {
    -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
    box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
    background-color: #fcfcfc;
}

.new-filter span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    margin-right: 3px;
}

.new-filter .fil-select-bx {
    border: 1px solid #c8c8c8;
    display: inline-block;
    border-radius: 5px;
    background: #fcfcfc;
    padding-right: 8px;
}

.new-filter select {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding: 8px 3px 8px 5px;
    border-radius: 5px;
    background: #fcfcfc;
    cursor: pointer;
    border: none;
}






.social-bx a {
    color: #737373;
    height: 30px;
    margin: 2px 2px;
    width: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #d9d9d9;
    font-size: 13px;
    border-radius: 50%;
}

.social-bx a.icon-fb:hover {
    border-color: #3b5998;
    background-color: #3b5998;
    color: white;
}

.social-bx a.icon-tw:hover {
    border-color: #00aced;
    background-color: #00aced;
    color: white;
}

.social-bx a.icon-tl:hover {
    border-color: #33a0cd;
    background-color: #33a0cd;
    color: white;
}

.social-bx a.icon-wh:hover {
    border-color: #25d366;
    background-color: #25d366;
    color: white;
}

.social-bx a.icon-commun:hover {
    border-color: #ed008d;
    background-color: #ed008d;
    color: white;
}

.social-bx a.icon-insta:hover {
    border-color: #8a3ab9;
    background-color: #8a3ab9;
    color: white;
}

.social-bx a.icon-lin:hover {
    border-color: #0077b5;
    background-color: #0077b5;
    color: white;
}

.social-bx a.icon-yt:hover {
    border-color: red;
    background-color: red;
    color: white;
}


.services-item-bx {
    padding: 10px;
    cursor: pointer;
}

.services-item-bx svg {
    width: 70px;
    height: 70px;
    margin: auto;
    display: block;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0.7;
}

.services-item-bx .sib-div {
    text-align: center;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 10px;
    color: #2f2f2f;
}

.services-item-bx .sib-p {
    text-align: center;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.6;
}



/* --------------------------
   review page css start 
-------------------------- */
.review-main .review-item {
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
    /* -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px); */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.review-main .review-item img {
    width: 150px !important;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -webkit-box-shadow: -3px 3px 0px 0px #141A4E;
    box-shadow: -3px 3px 0px 0px #141A4E;
    margin: auto;
    margin-bottom: 25px;
}



.review-main .review-item h6 {
    margin-bottom: 8px;
}

.review-main .review-item p {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* --------------------------
   review page css end 
-------------------------- */




/* client review upload img css start */

.picture-container {
    text-align: center;
}

.picture {
    cursor: pointer;
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    position: relative;
}

.picture:hover {
    border-color: #2ca8ff;
}

.content.ct-wizard-green .picture:hover {
    border-color: #05ae0e;
}

.content.ct-wizard-blue .picture:hover {
    border-color: #3472f7;
}

.content.ct-wizard-orange .picture:hover {
    border-color: #ff9500;
}

.content.ct-wizard-red .picture:hover {
    border-color: #ff3b30;
}

.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* client review upload img css end */

/* rating star css start */

.rating {
    width: 208px;
    height: 40px;
    margin: 0 auto;
    /* border: 1px solid #CCCCCC; */
    background: #F9F9F9;
}

.rating label {
    float: right;
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.rating label:not(:first-of-type) {
    padding-right: 2px;
}

.rating label:before {
    content: "★";
    font-size: 42px;
    color: #CCCCCC;
    line-height: 1;
}

.rating input {
    display: none;
}

.rating input:checked~label:before,
.rating:not(:checked)>label:hover:before,
.rating:not(:checked)>label:hover~label:before {
    color: orange;
}

.dr {
    border: 1px solid #141A4E;
}


.sub-btn-2 {
    height: 40px;
    /* max-width: 320px; */
    width: 10%;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: auto;
    display: block;
    font-size: 16px;
    border-radius: 5px;
}

.sub-btn-2:hover {
    color: white;
    background-color: #141A4E;
}


.review-main-bx {
    max-width: 900px;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #141A4E;
    border-radius: 5px;
    margin: 0 auto;
}
/* rating star css end */


/* contact us background img start  */

.bg-contact {
    background: url("../img/bg_contact.jpg?v=1");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    /* filter: grayscale(1); */
}

/* contact us background img end  */
.modal-content {
    background-color: #fff;
}


/* search pop up design start */



#search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(0.);
    -ms-transform: scale(0.);
    transform: scale(0.);
    opacity: 0;
    z-index: 1091;
    visibility: hidden;
    padding: 0 20px;
}

#search .search-inner{
    height: 100%;
}

#search.open {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1091;
    display: block;
    visibility: visible;
}

.search-bxxx {
    background: rgba(255, 255, 255, .15);
    border: 1px solid #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 768px;
    max-width: 100%;
    height: 56px;
    margin-top: 20px;
}

.search-bxxx button {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
    height: 100%;
    margin-top: 0;
    border-radius: 0 0 0 0;
    background-color: #141A4E;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.search-bxxx button:hover {
    background-color: #209700;
}

.search-bxxx button:focus,
.search-bxxx button.active {
    -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
            transform: scale(1) !important;
}

#searchform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#search input[type="search"] {
    background: transparent;
    margin: 0px;
    width: 75%;
    height: 100%;
    font-size: 20px;
    color: white;
    padding: 12px 15px;
    border: none;
}


#search input[type="search"]:-webkit-autofill,
#search input[type="search"]:-webkit-autofill:hover,
#search input[type="search"]:-webkit-autofill:focus,
#search input[type="search"]:-webkit-autofill:active {
    caret-color: red !important;
    color: red !important;
    border-color: #404242 !important;
    -webkit-text-fill-color: var(--white) !important;
    -webkit-box-shadow: inset 0 0 0 100px #5c5c5c !important;
            box-shadow: inset 0 0 0 100px #5c5c5c !important;
    background: transparent !important;
    transition: none !important;
}

#search input[type="search"]::-webkit-search-cancel-button {
    display: none;
}


#search input[type="search"]::-webkit-input-placeholder {
    color: #afafaf;
}

#search input[type="search"]::-moz-placeholder {
    color: #afafaf;
}

#search input[type="search"]:-ms-input-placeholder {
    color: #afafaf;
}

#search input[type="search"]::-ms-input-placeholder {
    color: #afafaf;
}

#search input[type="search"]::placeholder {
    color: #afafaf;
}

.hed-deft {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}


#search .close {
    position: fixed;
    top: 25px;
    right: 25px;
    opacity: 1;
    font-size: 22px;
    color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
    background-image: url("../img/close.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: invert();
            filter: invert();
}

#search .close span {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 1.5px;
    background-color: white;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

#search .close:hover span {
    background-color: #d2ae6d;

}

#search .close span:first-child {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

#search .close span:last-child {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

#search .close:hover {
    color: #d2ae6d;
    cursor: pointer;
}

/* search pop up design end */


.social-bx a .fa {
    color: #454545;
}

.social-bx a:hover .fa {
    color: #fff;
}

/* back button link css start  */

.pagenavigation .back-link {
    background: transparent;
    padding-right: 8px;
    border-radius: 50px;
    margin-right: 10px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #303030;
    font-weight: 400;
    font-size: 13px;
}

.pagenavigation .back-link:hover {
    opacity: 1;
    color: #141A4E;
}

/* back button link css end  */
.category-li.active .drop-menu {
    display: block;
}

.promocode .help-block {
    bottom: 15px;
    left: 15px;
}

.pcs-price-bx .sell-price {
    font-size: 16px;
    /*    color: black;*/
    color: #fff;
    margin-right: 5px;
    font-weight: 400;
}

.pcs-price-bx .del-price {
    font-size: 16px;
    /*    color: gray;*/
    color: #fff;
    margin-right: 5px;
    font-weight: 400;
    text-decoration: line-through;
}

.pcs-price-bx .off-price {
    font-size: 14px;
    /*    color: #388e3c;*/
    color: #fff;
    font-weight: 400;
}



/* order tracking css start */

.figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.figure img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 1px solid #f05a00;
    margin-right: 1.5rem;
}

.figure .figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.figure .figcaption h4 {
    font-size: 18px;
    font-weight: 400;
}

.figure .figcaption h4>span {
    font-size: 15px;
}

.figure .figcaption h6 {
    font-size: 14px;
    font-weight: 300;
}

.figure .figcaption h2 {
    font-size: 18px;
    font-weight: 500;
}

.order-track {
    margin-top: 2rem;
    padding: 0 1rem;
    border-top: 1px dashed #2c3e50;
    padding-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.order-track-step {
    display: -webkit-box;
    display: -ms-flexbox;
    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: 25px;
    height: 25px;
    border-radius: 50%;
    background: #d9d9d9;
}

.order-track-status-dot img {
    width: 25px;
    display: none;
}

.order-track-status-dot.active {
    background: #141A4E;
}

.order-track-status-dot.active img {
    display: block;
}

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

.order-track-status-line.active {
    background: #141A4E;
}

.order-track-text-stat {
    font-weight: 500;
    margin-bottom: 3px;
}

.order-track-text-sub {
    font-size: 1rem;
    font-weight: 300;
}

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

/* order tracking css emd */

#onlinepayment {
    padding: 0 !important;
}

#onlinepayment .modal-dialog {
    max-width: 768px;
}

.qr-code-img img {
    width: 100%;
}

.qr-h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 400;
}

.qr-pera {
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
}

/* screenshot upload css start  */

.file-select {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.file-select .file-select-name {
    line-height: 40px;
    display: block;
    height: 40px;
    padding: 0 10px;
    width: 100%;
    border: 1.5px solid rgb(197, 197, 197);
    border-radius: 5px;
    background-color: rgb(229 227 227 / 49%);
}

.file-select .file-select-button {
    background: #ecdce3;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    display: none;
}

.file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.file-select:hover .file-select-name {
    border-color: #141A4E;
}
.file-select:hover .file-select-button {
    background: #ce9cb2;
    color: #fff;
}

.dismiss .closess {
    position: absolute;
    width: 13px;
    height: 1.9px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dismiss.closes-bgcb .closess {
    background-color: #333;
}
.dismiss .closess:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dismiss .closess:nth-child(2) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#onlinepayment .dismiss{
    background: #d8d8d8;
}


.Upi-id-copy{
    margin: 25px 0;
}

.Upi-id-copy .uic-date span{
    font-size: 14px;
    color: black;
    font-weight: 500;
    margin-top: 15px;
    margin-right: 5px;
}

.Upi-id-copy .uic-date{
    line-height: 40px;
    display: block;
    height: 40px;
    padding: 0 10px;
    padding-right: 85px;
    width: 100%;
    border: 1.5px solid #dce4ec;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.Upi-id-copy .uic-date button{
    background: #dce4ec;
    padding: 0 0px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-weight: 400;
    width: 80px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Upi-id-copy .uic-date button:focus,
.Upi-id-copy .uic-date button:hover{
    color: white;
    background-color: #6ab56d;
}

/* screenshot upload css end  */



.common-text-layout .ctl-tag{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #8036e0;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.common-text-layout .ctl-tag .ctl-t-num{
    width: 20px;
    height: 20px;
    list-style: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    border-radius: 50%;
    color: white;
    background-color: #8036e0;
    margin-right: 5px;
}

.common-text-layout .ctl-heading{
    color: #141A4E;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: normal;
}

.common-text-layout .ctl-text{
    font-size: 18px;
    margin: 0;
    margin-top: 10px;
    font-weight: 400;
    color: #333;
}

.common-text-layout .ctl-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 20px;
    border-radius: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    color: black;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #e8e8e8;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.common-text-layout .ctl-btn:hover{
    opacity: 1;
    color: white;
    background-color: #141A4E;
}

.common-digital-layout video.cdl-video,
.common-digital-layout img.cdl-img{
    max-width: 90%;
    width:100%;
    display: block;
    margin: auto;
}

.common-digital-layout video.cdl-pe-none{
    pointer-events: none;
}

.common-digital-layout video.cdl-video2{
    border: 4px solid #141A4E;
    background-color: #141A4E;
    border-radius: 16px;
    margin: 20px auto;
}

.ctl-white.common-text-layout .ctl-heading{
    font-size: 32px;
}

.ctl-white.common-text-layout .ctl-text{
    color: white;
    font-size: 20px;
}



.offer-banner-bx {
    text-align: center;
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.offer-banner-bx img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center right;
       object-position: center right;
}

.offer-banner-bx .offer-banner-data {
    position: relative;
    z-index: 1;
    padding: 50px 15px;
    background-color: #00000017;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: white;
}

.offer-banner-bx .offer-banner-data .obd-heading{
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: capitalize;
}

.offer-banner-bx .offer-banner-data .obd-time{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 80px;
    font-weight: 300;
}

.offer-banner-bx .offer-banner-data .obd-time >div{
    padding: 0 8px;
}

.offer-banner-bx .offer-banner-data .obd-time >span{
    -webkit-animation: odbtimespan 1s infinite;
            animation: odbtimespan 1s infinite;
    font-weight: 300;
}

.offer-banner-bx .offer-banner-data .obd-pera{
    font-size: 20px;
    font-weight: 300;
}

.offer-banner-bx .offer-banner-data .obd-btn {
    display: block;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .offer-banner-bx .offer-banner-data .obd-btn span {
    min-width: 140px;
    font-size: 18px;
    font-weight: 400;
    min-height: 45px;
    border-radius: 25px;
    padding: 0px 20px;
    background-color: white;
    color: #141A4E;
    text-transform: none;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .offer-banner-bx .offer-banner-data .obd-btn:hover span {
    color: #99444e;
    -webkit-box-shadow: 0 6px 0 #99444e;
    box-shadow: 0 6px 0 #99444e;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: -7px;
  }

  .offer-banner-bx .offer-banner-data .obd-btn:active span{
    color: #99444e;
    -webkit-box-shadow: 0 0px 0 #393d72;
    box-shadow: 0 0px 0 #393d72;
    top: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

@-webkit-keyframes odbtimespan {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes odbtimespan {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.order-item-detail p:nth-child(2) span,
.del-price,
.sell-price,
.cid-selling-price,
.detail-right p.detail-price span.selling-price,
.detail-right p.detail-price del,
.pdb-del-price,
.pdb-sell-price{
    display: inline-block;
}

.ccb-discount-price .discount-price::first-letter,
.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-price::first-letter,
.order-item-detail p:nth-child(2) span::first-letter,
.cart-total .cart-total-left p:first-child,
.order-one-item p:last-child::first-letter,
.cid-selling-price::first-letter,
.del-price::first-letter,
.sell-price::first-letter,
.detail-right p.detail-price span.selling-price::first-letter,
.detail-right p.detail-price del::first-letter,
.pdb-del-price::first-letter,
.pdb-sell-price::first-letter {
    font-family: 'Roboto', sans-serif;
}




/* --- */
.common-summary-bx{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #00000017;
}

.common-summary-bx .csb-header-bx{
    padding: 15px 15px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px;
}

.common-summary-bx .csb-body-bx{
    padding: 0px 15px;
}

.common-summary-bx .csb-body-bx .csb-data-line{
    width: 100%;
    height: 1px;
    background-color: #f0f0f0;
    margin: 5px 0;
}

.common-summary-bx .csb-body-bx .csb-data-bx{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
    border-top: 1px solid #f0f0f0;
}

.common-summary-bx .csb-body-bx .csb-data-bx:first-child{
    border-top: none;
}

.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-lable{
    color: #878787;
    font-weight: 400;
    font-size: 14px;
}

.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-lable .product-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-lable .qty-bx{
    display: block;
    margin-top: 2px;
    font-size: 12px;
}

.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-price{
    color: #878787;
    font-weight: 400;
    font-size: 14px;
}

.common-summary-bx .csb-data-bx.csb-d-gt .csb-data-lable,
.common-summary-bx .csb-data-bx.csb-d-gt .csb-data-price{
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

.common-summary-bx .csb-body-bx .csb-data-bx .csb-data-lable .csb-taxes-lable{
    display: block;
    color: #878787;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
}

.close-icon{
    background: #0000;
    border-radius: 100%;
    color: #00d5ff;
    color: #000;
    cursor: pointer;
    display: none;
    height: 35px;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: .3s ease-in-out;
    width: 35px;
}

.close-icon:hover {
    color: #e30000;
    background-color: #e300001a;
}

.common-summary-overlay{
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #0000004d;
    cursor: pointer;
    height: 100vh;
    margin: 0 !important;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100vw;
    z-index: 1024;
}


@media screen and (max-width:992px) {
    .common-summary-bx{
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 1025;
        width: 100%;
        border-radius: 5px 5px 0 0;
        opacity: 0;
        transform: translateY(calc(100% + 50px));
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }
    
    .common-summary-bx.active{
        opacity: 1;
        transform: translateY(0);
    }

    .common-summary-overlay.active{
        opacity: 1;
        visibility: visible;
    }

    .close-icon{
        display: flex;
    }
}


/* --- */


/* --- */
.common-code-bx{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #00000017;
    margin-top: 25px;
}

.common-code-bx .ccb-header-bx{
    padding: 10px 15px 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.common-code-input{
    padding: 10px 15px 15px;
}

.common-code-input .signinup-group{
    margin: 0;
}

.common-code-input .signinup-group input{
    padding-right: 80px;
}

.common-code-input .signinup-group button{
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    font-size: 14px;
    height: 100%;
    padding: 0 15px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
}

.common-code-input .signinup-group input:not(:placeholder-shown)~.group__label, 
.common-code-input .signinup-group input:focus~.group__label{
    top: 1px;
}


.common-code-input .signinup-group input:not(:placeholder-shown) ~ button {
    color: #141A4E;
    opacity: 1;
}

.common-applied-bx{
    padding: 0 15px 15px;
}

.applied-note {
    color: #0BBD13;
    font-size: 14px;
    padding: 0 3px;
    margin-top: 20px;
}

.applied-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: gray;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.applied-code span {
    color: #0BBD13;
    display: flex;
    align-items: center;
}

.applied-code span img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
    filter: grayscale(0.5);
}

.applied-code span img:hover {
    filter: grayscale(0);
}

.ccb-footer {
    display: none;
    justify-content: space-between;
    align-items: center;
    background: white;
    height: 60px;
    margin-top: 10px;
    margin-bottom: -10px;
}

.ccb-discount-price .discount-lable {
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.ccb-discount-price .discount-price {
    font-size: 24px;
    font-weight: 500;
    color: #0BBD13;
}

@media screen and (max-width:992px) {
    .common-code-bx{
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 1025;
        max-width: 420px;
        width: 100%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }
    
    .common-code-bx.active{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    .common-code-bx .ccb-header-bx {
        padding: 15px 15px 15px;
    }

    .ccb-footer {
        display: flex;
    }
}

@media screen and (max-width:576px) {
    .common-code-bx{
        left: inherit;
        top: inherit;
        left: 0;
        bottom: 0;
        max-width: 100%;
        border-radius: 5px 5px 0 0;
        transform: translateY(calc(100% + 50px)) scale(1);
    }
    
    .common-code-bx.active{
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* --- */




/* --- Header other Start css --- */

.main-header-bx{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 97;
    width: 100%;
    padding: 0px 0px 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: white;
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgb(82 73 73 / 51%)
}

.main-header-after {
    /* height: 91px; */
    height: 157px;
}
@media screen and (max-width:990px) {
    .main-header-bx{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 97;
        width: 100%;
        height: 157px;
        /* padding: 12px 0px 12px; */
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: white;
        -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 6px rgb(82 73 73 / 51%)
    }
}


/* 
@media screen and (max-width:770px) {
    .main-header-after {
        height: 175px;
    }
}  */



@media screen and (max-width: 576px) {
    .main-header-after {
        height: 118px;
    }

    .main-header-bx{
        height: 117px !important;
    }
}





/* -- -- -- -- -- -- */
.main-header-bx .mhi-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0px;
    background-image: linear-gradient(90deg, #E31E24 50%, #141A4E 50%);
    color: white;
    padding: 5px 10px;
}

.main-header-bx .mhi-top .mhi-contact a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0.8;
}

.main-header-bx .mhi-top .mhi-contact a{
    padding: 7px 10px;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-header-bx .mhi-top .mhi-contact a svg{
    width: 18px;
    height: 18px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin-right: 3px;
    position: relative;
}

.main-header-bx .mhi-top .mhi-contact:nth-child(1) a svg{
    top: -1px;
}

.main-header-bx .mhi-top .mhi-contact a:hover{
    opacity: 1;
}

.main-header-bx .mhi-top .mhi-socialbx{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-header-bx .mhi-top .mhi-socialbx .mhi-social-icon{
    width: 35px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 3px;
    color: white;
}

.main-header-bx .mhi-top .mhi-socialbx .mhi-social-icon:hover{
    background-color: #f7e7df;
}

.main-header-bx .mhi-top .mhi-socialbx .mhi-social-icon.msi-fb:hover{
    color: #2645a9;
}

.main-header-bx .mhi-top .mhi-socialbx .mhi-social-icon.msi-insta:hover{
    color: #dc2743;
}

.main-header-bx .mhi-top .mhi-socialbx .mhi-social-icon.msi-yt:hover{
    color: #e40022;
}

@media screen and (max-width:576px) {
    .main-header-bx .mhi-top{
        display: none;
    }
}

/* -- -- -- -- -- -- */
/* -- -- -- -- -- -- */
.nav-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
}

/*  */
.nav-bottom-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*  */
.main-logo-bx {
    margin: 0 50px !important;
}

.main-logo-bx img{
    width: 140px;
    height: 87px;
    /* margin: 0 25px;  */
    margin: 15px 0px 8px -2px;
}

@media screen and (max-width:768px) {
    .main-logo-bx{
        margin: 0 !important;
    }
      
}

@media screen and (max-width:576px) {
    .main-logo-bx img{
        margin: 0px; 
    }

    .nav-bottom-center .nbc-link-bx, .nav-bottom-center {
        padding: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
      
}

@media screen and (max-width:400px) {
    .main-logo-bx img{
        width: 90px;
        object-fit: contain;
        object-position: center;
    }
}

@media screen and (max-width:350px) {
    .main-logo-bx img{
        width: 80px;
    }
}

/*  */
.nav-bottom-center .nbc-link-bx,
.nav-bottom-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.nbc-link-bx .nbc-link-item{
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 11px;
    opacity: 0.7;
}

.nbc-link-bx .nbc-link-item .fa{
    font-size: 20px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nbc-link-bx .nbc-link-drop-item:hover .nbc-link-item,
.nbc-link-bx .nbc-link-item:hover{
    background-color: #f7e7df;
    opacity: 1;
}

.nbc-link-bx .nbc-link-item.active{
    background-color: #f7e7df;
    opacity: 1;
}

.nbc-link-bx .nbc-link-drop-itemhover .nbc-link-item .fa,
.nbc-link-bx .nbc-link-item:hover .fa{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.nbc-link-bx .nbc-link-drop-item{
    position: relative;
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx{
    position: absolute;
    width: 150px;
    top: 100%;
    right: inherit;
    left: 50%;
    z-index: 1;
    list-style: none;
    padding: 0;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 40px -10px #0000009e;
    box-shadow: 0px 0px 40px -10px #0000009e;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(10px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx::after{
    content: "";
    width: 14px;
    height: 14px;
    background: white;
    position: absolute;
    top: -2px;
    right: 50%;
    transform: translateX(50%) translateY(-6px) rotate(45deg);
    box-shadow: -7px -7px 10px #0000001c;
    z-index: 0;
}

.nbc-link-bx .nbc-link-drop-item:hover .nbc-link-drop-bx{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(5px);
    -ms-transform: translateX(-50%) translateY(5px);
    transform: translateX(-50%) translateY(5px);
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx a{
    position: relative;
    z-index: 1;
    font-size: 14px;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx a:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx a:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx a.active,
.nbc-link-bx .nbc-link-drop-item .nbc-link-drop-bx a:hover{
    background-color: #f7e7df;
}


/*  */
.nav-bottom-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav-bottom-left .nbr-icons-bx,
.nav-bottom-right .nbr-icons-bx{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 3px;
    cursor: pointer;
}

.nav-bottom-left .nbr-icons-bx:hover,
.nav-bottom-right .nbr-icons-bx:hover{
    background-color: #c5080e;
    color: white;
}

.nav-bottom-left .nbr-icons-bx svg,
.nav-bottom-right .nbr-icons-bx svg{
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.nav-bottom-right .nbr-icons-bx .nbr-icons-count{
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    border-radius: 50px;
    background: #141A4E;
    background-image: linear-gradient(90deg, #141A4E, #070d3e);
    color: white;
}

.nav-bottom-right .nbr-drop-item{
    position: relative;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx{
    position: absolute;
    width: 150px;
    top: 100%;
    right: -10px;
    z-index: 1;
    list-style: none;
    padding: 0;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 120px -10px #0000004a;
    box-shadow: 0px 0px 120px -10px #0000004a;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx::after{
    content: "";
    width: 14px;
    height: 14px;
    background: white;
    position: absolute;
    right: 23px;
    top: -2px;
    -webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
    -webkit-box-shadow: 0px 0px 40px -10px #0000009e;
    box-shadow: 0px 0px 40px -10px #0000009e;
    z-index: 0;
}

.nav-bottom-right .nbr-drop-item:hover .nbr-drop-bx{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a{
    position: relative;
    z-index: 1;
    font-size: 14px;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a svg{
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-right: 5px;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a .nbr-drop-count{
    position: absolute;
    left: 18px;
    top: 5px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    border-radius: 50px;
    background: #141A4E;
    background-image: linear-gradient(90deg, #141A4E, #d7807b);
    color: white;
}

.nav-bottom-right .nbr-drop-item .nbr-drop-bx a.active,
.nav-bottom-right .nbr-drop-item .nbr-drop-bx a:hover{
    background-color: #f7e7df;
}


@media screen and (min-width:1220px) {   


    .nbc-link-bx#right-header{
        justify-content: flex-start;
    }

    .nbc-link-bx#left_header{
        justify-content: inherit;
        /* justify-content: flex-end; */
    }

    .nav-bottom-center .nbc-link-bx{
        flex: 0 0 370px;
    }
}

@media screen and (min-width:360px) {   

    .nav-bottom-left,
    .nav-bottom-right{
        flex: 0 0 90px;
    }

    .main-logo-bx {
        margin: 0 20px 0 20px !important;
    }
}

/* --- Header other End css --- */


.btn.btn-success.btn-apply.coupon{
    background-color: #141A4E;
    border-color: #141A4E;
    box-shadow: none !important;
    outline: none !important;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.btn.btn-success.btn-apply.coupon:hover{
    opacity: 1;
}



/*  */
.new-back-icon{
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    color: #141A4E;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 8px;
    transition: all .3s ease-in-out;
    width: 36px;
    margin-left: 5px;
}

.new-back-icon svg{
    left: -1px;
    position: relative;
}

.new-back-icon:hover{
    color: white;
    background-color: #141A4E;
}
/*  */



.terms-accept.nnn-terms.form-group{
    position: relative;
    width: 100%;
    transition: none;
}

.terms-accept.nnn-terms.form-group.has-error{
    padding-bottom: 10px;
    margin-bottom: 24px;
    transition: none;
}



/*  */

.modal.fade.zoom .modal-dialog{
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
}

.modal.zoom.show .modal-dialog {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}





.dismiss.vdbsrhb2 {
    top: 0;
    right: -35px;
}

.login-modal-top-lable{
    background: #141A4E;
    background-image: linear-gradient(90deg, #141A4E, #d7807b);
    padding: 15px;
    position: fixed;
    top: 0;
    z-index: 11;
    display: none;
    height: 50px;
}

.login-modal-dialog{
    max-width: 700px;
    width: 100%;
    padding: 0 40px 0 10px;
}

.login-modal-main{
    display: flex;
    min-height: 500px;
}

.login-modal-aside{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 280px;
    flex: 0 0 280px;
    height: auto;
    background: #141A4E;
    background-image: linear-gradient(45deg, #141A4E, #d7807b);
}

.login-modal-aside .lma-heading-bx{
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 25px;
}

.login-modal-aside .lma-heading-bx.active{
    display: flex;
}

.login-modal-aside .lma-heading-bx .lhb-heading{
    color: white;
    font-size: 20px;
    font-weight: 500;
}

.login-modal-aside .lma-heading-bx .lhb-sub-text{
    color: white;
    font-size: 14px;
    opacity: 0.8;
}

.login-modal-aside .lmai{
    width: 100%;
    padding: 15px;
    max-width: 230px;
    width: 100%;
    margin:0  auto;
    display: block;
}

.login-modal-right{
    width: calc(100% - 280px);
    flex: 0 0 calc(100% - 280px);
}



@media screen and (max-width: 768px) {

    
    .login-modal-aside{
        width: 250px;
        flex: 0 0 250px;
    }

    .login-modal-right{
        width: calc(100% - 250px);
        flex: 0 0 calc(100% - 250px);
    }
}


@media screen and (max-width: 624px) {

    .login-modal-top-lable{
        display: block;
        width: 100%;
    }

    #loginModal{
        background: white;
    }

    .dismiss.vdbsrhb2 {
        top: 10px;
        right: 10px;
        z-index: 12;
        position: fixed;
    }

    .login-modal-dialog{
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
        height: 100%;
        min-height: 100%;
        align-items: initial;
    }

    .login-modal-content{
        border: none;
        border-radius: 0;
        /* height: 100%; */
        min-height: 100%;
    }

    .login-modal-aside{
        display: none;
    }

    .login-modal-right{
        width: calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
    }

    
    .login-modal-main{
        height: 100%;
        min-height: inherit;
        padding-top: 50px;
    }

}
.ch-logo {
    cursor: pointer;
    position: relative;
}

.ch-logo .icon-anim {
    animation: logo-anim-rotatey 8s linear 9s infinite;
    /* height: 100%; */
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    /* top: -2px; */
    width: 100%;
    transform: rotatey(1turn);
}

.ch-logo img.icon-img {
    animation: logo-anim-rotatey 8s linear 1s infinite;
    display: none;
}

.ch-logo img.logo-img {
    display: block;
    position: relative;
    top: -2px;
    width: 160px;
}
@keyframes logo-anim-rotatey {
    0% {
        transform: rotatey(0deg);
    }
    100% {
        transform: rotatey(1turn);
    }
}

.mede-with-ml {
    margin-left: 560px;
}

@media screen and (max-width: 976px){
    
.mede-with-ml {
    margin-left: 0px;
}
}



/*  */





.pvb-outer-bx{
    max-width: 320px;
    width: 100%;
}

.product-video-bx {
    position: relative;
    padding-top: 56%;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 45px -20px #0000005c;
 }
 
 .product-video-bx img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
 }
 
 
 
 .product-video-bx .video-pl-box {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(0deg, #00000096, #00000029);
    transition: all 0.3s ease-in-out;
 }
 
 
 .product-video-bx .video-play-btn {
    color: #141A4E;
    font-size: 24px;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
 }
 
 
 .product-video-bx .video-play-btn::before,
 .product-video-bx .video-play-btn::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.644);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: .6;
    /* z-index: -1; */
 }
 
 .product-video-bx .video-play-btn::after {
    -webkit-animation: button-ripple 3s ease-in-out infinite;
    animation: button-ripple 3s ease-in-out infinite;
 }
 
 .product-video-bx .video-play-btn::before {
    -webkit-animation: button-ripple 3s 1s ease-in-out infinite;
    animation: button-ripple 3s 1s ease-in-out infinite;
 }
 
 @-webkit-keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px currentColor;
        box-shadow: 0 0 0 20px currentColor;
        opacity: 0
    }
 
    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
 }
 
 @keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px currentColor;
        box-shadow: 0 0 0 20px currentColor;
        opacity: 0
    }
 
    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
 }
 
 .product-video-bx .video-play-btn .fa {
    position: relative;
    left: 4px;
    top: 0px;
 }


 .videopopup .modal-content {
    /* background-color: transparent; */
    /* border-radius: 0px; */
    /* border: none; */
    height: calc(100vh - 56px);
    max-height: 618px;
}

.popupvideo-container {
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    background-color: black;
}

.popupvideo-container img,
.popupvideo-container video,
.popupvideo-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}


.sold-out-lable{
    color: #c5080e;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    /* border: 1px solid #c5080e; */
    background: #c5080e0f;
    padding: 10px 16px;
    border-radius: 6px;
    gap: 6px;
}

.sold-out-lable img{
    width: 24px;
    height: 24px;
    position: relative;
    top: 0.5px;
}


.product-color-bx{
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
}

.product-color-bx .pcb-item{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    padding: 4px;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    background-color: #f4f4f4;
    cursor: pointer;
}

.product-color-bx .pcb-item .pcb-i-inner{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
}

.product-color-bx .pcb-item:hover{
    opacity: 1;
}

.product-color-bx .pcb-item.active{
    border-color: currentColor;
    opacity: 1;
}