@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
margin: 0px;
padding: 0px;
}
body{
font-family: "poppins";
}
header li.nav-item {
margin-right: 15px;
}
header a.nav-link {
color: #000;
font-weight: 500;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-size: 18px;
}
header a.btn.d-flex.align-items-center {
font-weight: 500;
font-family: "Poppins", sans-serif;
}
.poppins-thin {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}
.topBanner .card{
background-color: transparent !important;
border:none !important;
}
.topBanner h1.card-title.card-title-font {
font-size: 130px !important;
font-weight: 700;
font-family: "Poppins", sans-serif;
}
.topBanner h1.card-title {
font-size: 40px;
font-weight: 400;
color: #fff;
font-family: "Poppins", sans-serif;
margin-bottom: 0;
}
.topBanner p.card-text {
font-size: 22px;
color: #fff;
font-family: "Poppins", sans-serif;
margin-top: 10px;
}
.btn_style {
background: #ffd75f !important;
border-radius: 20px !important;
font-weight: 600 !important;
}
.section1 .card.flex-row {
background: #fbedee;
border: none;
min-height: 250px;
border-radius: 10px;
}
.btn_style1 {
border: 2px solid #e20a17 !important;
border-radius: 10px !important;
color: #c70612 !important;
font-weight: 500 !important;
font-size: 14px !important;
}
.section1 h5.card-title {
font-size: 25px;
font-family: "Poppins", sans-serif;
}
.alignment{
display: flex;
align-items: center;
justify-content: center;
}
.p_rating {
color: #ffaa56;
cursor: pointer;
text-align: left;
font-size: 12px;
padding-bottom: 10px;
}
.section2 .card img {
width: 100%;
height: 250px;
object-fit: cover;
}
div#carouselExampleAutoplaying {padding: 0;}
/* -------------------------------------new Css------------------------------ */
img.logo {width: 120px;}
header a.nav-link:hover {color: #e20a17;}
header a.btn.d-flex.align-items-center i.fa-solid.fa-user {
border: 1px solid #000;
width: 30px;
height: 30px;
text-align: center;
line-height: 27px;
border-radius: 100%;
margin-right: 5px;
}
header li.nav-item a i.fa-solid.fa-cart-shopping {font-size: 30px;}
.mini_cart {position: relative;}
.mini_cart span {background: #e20a17;width: 24px;display: inline-block;height: 24px;position: absolute;border-radius: 100%;font-size: 16px;text-align: center;line-height: normal;top: -4px;right: 0px;color: #fff;}
.acco_unt {margin-right: 0px !important;}
.section1 p.card-text {
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.topBanner a.btn.btn_style {
background: #ffaa56 !important;
padding: 8px 20px;
}
.section2 .card {
background: #efebf18a;
border: none;
border-radius: 15px;
padding: 18px;
}
.section2 .card p.alignment.mb-0 {
color: #d73443;
font-weight: bold;
font-size: 20px;
font-family: "Poppins", sans-serif;
}
.section2 h5.card-title {font-family: "Poppins", sans-serif;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #000;}
.section2  p.card-text {font-family: "Poppins", sans-serif;font-size: 14px;line-height: normal;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #000;}
.section2 h4 {
font-family: "Poppins", sans-serif;
color: #0000007a;
margin-bottom: 0;
}
.section2 h2 {
font-family: "Poppins", sans-serif;
padding-bottom: 32px;
}
.carousel-control-next-icon {
background-image: url(image/next.png) !important;
width: 50px !important;
height: 50px !important;
}
.carousel-control-prev-icon {
background-image: url(image/prv.png) !important;
width: 50px !important;
height: 50px !important;
}
.section2 .owl-nav button.owl-prev {
position: absolute;
top: 40%;
background: #fff !important;
width: 35px;
height: 35px;
border-radius: 100%;
text-align: center;
line-height: 0px !important;
box-shadow: 0px 0px 5px 0px #00000047;
left: -4px;
}
.section2 .owl-nav button.owl-prev span {
font-size: 30px;
}
.section2 .owl-nav button.owl-next {
position: absolute;
top: 40%;
background: #fff !important;
width: 35px;
height: 35px;
border-radius: 100%;
text-align: center;
line-height: 0px !important;
box-shadow: 0px 0px 5px 0px #00000047;
right: -4px;
}
.section2 .owl-nav button.owl-next span {
font-size: 30px;
}
section.section1 {
position: relative;
}
section.section1:after {
content: "";
position: absolute;
background-image: url(image/back-1.png);
width: 147px;
height: 289px;
right: 0;
top: 0;
z-index: -1;
}
.fres {position: relative;}
.fres:after {
content: "";
position: absolute;
background-image: url(image/back-2.png);
width: 138px;
height: 328px;
left: 0;
bottom: 0;
z-index: -1;
}
.other_online img {
width: 100%;
}
.sort_w {
position: relative;
}
.sort_w:after {
content: "";
position: absolute;
background-image: url(image/back-1.png);
width: 147px;
height: 289px;
right: 0;
top: 0;
z-index: -1;
}
.section1 a.btn.btn_style1:hover {
background: #e20a17;
color: #fff !important;
}
.sub_cription {
background-image: url(image/news_back.png);
top: -60px;
position: relative;
z-index: 9;
background-size: cover;
height: 182px;
padding: 50px;
}
.footer-06 .yt5 li a span {
width: 90%;
display: inline-block;
}
.footer-06 .yt5 li a i.bi {
vertical-align: top;
}
.htdf li a .footer-closed {
color: #ffaa56;
}
.foot_warp:before  {
content: "";
position: absolute;
background-image: url(image/back-3.png);
width: 100%;
height: 350px;
right: 0;
top: -289px;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
}
footer {
padding: 7em 0; }
.footer-06 {
padding-top: 0 !important;
background-image: url(image/foot_back.png);
position: relative;
overflow: visible;
/*z-index: -1;*/
background-repeat: no-repeat;
background-size: cover;
margin-top: 120px;
padding-bottom: 0;
background-position: center bottom;
}
.footer-06:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
opacity: .2;
z-index: -1;
background: #d7b8ff;
background: -moz-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d7b8ff), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: -o-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-radial-gradient(center, ellipse, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: -o-radial-gradient(center, ellipse, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(ellipse at center, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7b8ff', endColorstr='#ffffff', GradientType=1 ); }
.footer-06 .subheading {
color: #000;
text-transform: uppercase;
letter-spacing: 0;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.footer-06 .heading-section {
color: #000000;
font-size: 30px;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 700;
}
.footer-06 .footer-heading {
font-size: 20px;
color: #fff;
margin-bottom: 20px; }
.footer-06 .footer-heading .logo {
color: #fff; }
.footer-06 p {
color: #fff;
font-family: "Poppins", sans-serif;
line-height: 20px;
}
.footer-06 a {
color: #fff; }
.footer-06 .list-unstyled li a {
color: #fff;
font-family: "Poppins", sans-serif;
text-decoration: none;
margin: 0px !important;
padding: 0px !important;
/* float: left; */
}
.footer-06 .subscribe-form {
border-radius: 40px;
background: #fff;
padding: 3px; }
.footer-06 .subscribe-form .form-group {
position: relative;
margin-bottom: 0;
border-radius: 0; }
.footer-06 .subscribe-form .form-group input {
background: transparent !important;
border: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.3) !important;
font-size: 16px;
height: 56px;
border-radius: 0; }
.footer-06 .subscribe-form .form-group input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(0, 0, 0, 0.3) !important; }
.footer-06 .subscribe-form .form-group input::-moz-placeholder {
/* Firefox 19+ */
color: rgba(0, 0, 0, 0.3) !important; }
.footer-06 .subscribe-form .form-group input:-ms-input-placeholder {
/* IE 10+ */
color: rgba(0, 0, 0, 0.3) !important; }
.footer-06 .subscribe-form .form-group input:-moz-placeholder {
/* Firefox 18- */
color: rgba(0, 0, 0, 0.3) !important; }
.footer-06 .subscribe-form .form-group input:focus {
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none; }
.footer-06 .subscribe-form .form-group .submit {color: #fff !important;display: block;width: 210px;height: 56px;font-size: 14px;background: #8b0408 !important;border: none;letter-spacing: 0px;text-transform: uppercase;border-radius: 40px;font-family: "Poppins", sans-serif;font-weight: bold;}
.footer-06 .subscribe-form .form-group .submit:hover, .footer-06 .subscribe-form .form-group .submit:focus {
text-decoration: none !important;
outline: none !important; }
.footer-06 .aside-stretch {
/* background: #322b3c; */
}
.footer-06 .aside-stretch:after {
background: #322b3c; }
.footer-06 .aside-stretch-right {
/* background: #372f42; */
}
.footer-06 .aside-stretch-right:after {
background: #372f42; }
.part_1 {
padding-left: 50px !important;
}
.part_2 {
padding-right: 130px !important;
}
section.footer_bottom {
background: #000;
}
.footer_bottom p {
margin-bottom: 0;
}
.footer_bottom p a {
text-decoration: none;
}
.footer_bottom p a:hover {
color: #ffaa56;
}
.footer-06 ul.dis li {
/* list-style: disc; */
/* color: #fff; */
}
section.inner_top {background: #e20a17;padding: 25px;}
section.inner_top h1 {
text-align: center;
font-family: "Poppins", sans-serif;
color: #fff;
}
section.inner_warp {padding: 50px 0px 0px 0px;position: relative;z-index: 1;}


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

.section1 button.btn.btn-md.bg-dark.cart-button.text-white.w-50.btn-product-cart.adcartbtn {
    border-radius: 50px;
}
.section2 .col-6 .card .card-body h6.card-title {
    min-height: 57px;
}
img.section1_img {
    height: 400px;
}
.padding-align{
    padding-top: 48px;
}
.section1 .custom-control.custom-control-variation.custom-control-validate-input.btn_style {
    display: flex;
    margin-right: 10px !important;
}
.topBanner .row.h-100.d-flex.align-items-center.justify-content-center {
    padding: 0px 48px;
}
.login-register-wrap {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
}

.login-register-wrap h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
}

.login-register-form input[type="text"],
.login-register-form input[type="email"],
.login-register-form input[type="password"],
.login-register-form input[type="tel"],
.login-register-form textarea {
    width: 100%;
    padding: 12px 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.login-register-form input[type="checkbox"] {
    /* width: auto; */
    margin-right: 8px;
}

.login-register-form input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
    outline: none;
}

.login-register-form label {
    font-weight: 500;
    font-size: 14px;
    display: block;
}

.login-register-btn button {
    width: 100%;
    padding: 12px;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    transition: background 0.3s ease;
}

.login-register-btn button:hover {
    background: #5b5b5b;
    width: auto;
}

.login-register-btn-remember {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}

.login-register-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.lost-password {
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}

.lost-password a {
    color: #007bff;
    text-decoration: underline;
}

.breadcrumb-area {
    padding: 35px 0;
    background-color: #e20a17;
}

.breadcrumb-content h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.breadcrumb-content ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
    justify-content: left;
    font-size: 14px;
    color: #777;
}

.breadcrumb-content ul li.active {
    font-weight: 600;
}

.invalid-feedback {
    font-size: 12px;
    color: #dc3545;
    margin-top: -10px;
    margin-bottom: 10px;
}
.input1 {
    width: auto !important;
    margin-right: 10px;
}


.contact-us-area {
    background-color: #fefefe;
    border-radius: 12px;
    padding: 100px 0;
}

.get-in-touch-wrap {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.contact-title h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #333;
}

.contact-from input,
.contact-from textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.contact-from input:focus,
.contact-from textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
    outline: none;
}

.contact-from textarea {
    height: 140px;
    resize: vertical;
}

.contact-from .submit {
    background-color: #000;
    color: #fff;
    padding: 14px 25px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    transition: background 0.3s ease;
}

.contact-from .submit:hover {
    background-color: #555;
}

.contact-page-map iframe {
    width: 100%;
    height: 300px;
    border: none;
    border-radius: 10px;
    margin-bottom: 30px;
}

.contact-info-wrap {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}

.contact-info-bottom {
    margin-top: 25px;
}

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

.single-contact-info h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.single-contact-info p,
.single-contact-info a {
    color: #555;
    font-size: 14px;
    word-break: break-word;
}

@media screen and (max-width: 768px) {
    .get-in-touch-wrap,
    .contact-info-wrap {
        padding: 20px;
    }

    .contact-title h3 {
        font-size: 24px;
    }
}

.cart-main-area {
    background-color: #fff;
    padding-top: 95px;
    padding-bottom: 100px;
}

.cart-table-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.cart-table-content thead {
    background-color: #f2f2f2;
}

.cart-table-content thead th {
    padding: 18px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.cart-table-content tbody td {
    padding: 15px 10px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

.cart-table-content .product-img img {
    border-radius: 8px;
    object-fit: cover;
}

.cart-table-content .product-name {
    text-align: left;
    font-weight: 600;
    font-size: 15px;
}

.cart-table-content .product-name span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-top: 5px;
}

.cart-table-content .product-remove i {
    color: #dc3545;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

.cart-table-content .product-remove i:hover {
    color: #ff0000;
}

.cart-plus-minus {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-plus-minus .qtybutton {
    background: #eee;
    padding: 8px 12px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.cart-plus-minus-box {
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    height: 40px;
    border-radius: 0;
    margin: 0 5px;
}

.grand-total-wrap {
    background-color: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.grand-total-wrap h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}

.grand-total-content,
.cart-total-wrap {
    margin-bottom: 20px;
}

.single-grand-total,
.cart-total-wrap {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid #eee;
}

.single-cart-total-left,
.single-grand-total-left {
    font-weight: 600;
    color: #333;
}

.single-cart-total-right,
.single-grand-total-right {
    font-weight: 600;
    color: #000;
}

.grand-btn a {
    display: block;
    text-align: center;
    background: #e20a17;
    color: #fff;
    padding: 14px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.3s ease;
}

.grand-btn a:hover {
    background: #bb2d3b;
}

/* Responsive Adjustments */
@media screen and (max-width: 768px) {
    .cart-table-content table thead {
        /* display: none; */
    }

    .cart-table-content table, 
    .cart-table-content tbody, 
    .cart-table-content tr, 
    .cart-table-content td {
        display: block;
        width: 100%;
    }

    .cart-table-content tr {
        margin-bottom: 20px;
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(0,0,0,0.05);
    }

    .cart-table-content td {
        text-align: right;
        position: relative;
        padding-left: 50%;
    }

    .cart-table-content td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
        color: #333;
    }

    .grand-total-wrap {
        margin-top: 30px;
    }
}
.product-name a {
    color: #000;
    text-decoration: none;
}
.grand-btn a:hover{
    color: #fff !important;
}

.about-us-area {
    /* background-color: #fdfdfd; */
    /* padding: 60px 0; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.about-us-content {
    background: #fff;
    padding: 40px 0px;
    border-radius: 12px;
    /box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);/
    color: #333;
    line-height: 1.8;
    font-size: 16px;
}

.about-us-content h1,
.about-us-content h2,
.about-us-content h3 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}

.about-us-content p {
    margin-bottom: 0px;
    /* text-decoration: none; */
}

.about-us-content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.about-us-content ul li {
    margin-bottom: 10px;
    list-style: disc;
}

.about-us-content img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 8px;
    /box-shadow: 0 5px 15px rgba(0,0,0,0.05);/
}

/* Optional: Add a fade-in animation */
.about-us-content {
    animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .about-us-content {
        padding: 30px 20px;
        font-size: 15px;
    }
}
.breadcrumb-content a {
    color: #f95980;
    text-decoration: none;
    text-transform: uppercase;
}
.about-us-content u {
    text-decoration: none;
}
.myaccount-page-wrapper .myaccount-tab-menu.nav {
    flex-direction: column;
    /* text-decoration: none; */
}
.my-account-wrapper {
    min-height: 500px;
    margin: 50px;
}
a{
    text-decoration:none !important;
}
.myaccount-tab-menu a {
    color: #000;
    border-bottom: 1px dotted #999;
    padding: 10px;
}
.myaccount-page-wrapper .col-lg-3.col-md-4 {
    background: #f9f9f9;
    padding: 20px;
}

.myaccount-tab-menu a:last-child {
    border: none;
}
.myaccount-content h3 {
    font-size: 20px;
    padding-bottom:10px;
}
button.check-btn.sqr-btn.billingButton {
    border-radius: 20px !important;
    font-weight: 600 !important;
    border: 1px solid #000 !important;
    padding: .375rem .75rem !important;
}
.myaccount-content a.check-btn.sqr-btn {
}
a.check-btn.sqr-btn {
    border-radius: 20px !important;
    font-weight: 600 !important;
    border: 1px solid #000 !important;
    padding: .375rem .75rem !important;
}

.myaccount-content address.col-md-4 {box-shadow: 0px 0px 4px 0px #99999954;padding: 20px;margin-left: 10px;}

.myaccount-table.table-responsive {
    padding: 50px;
}
.order-details-container .order-body .col-12.card {
    text-align: left;
}

.myaccount-content {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 30px;
}

.myaccount-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #222;
}

.account-details-form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.single-input-item {
    margin-bottom: 20px;
}

.account-details-form input,
.account-details-form select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
}

.account-details-form input:focus,
.account-details-form select:focus {
    border-color: #007bff;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
    outline: none;
}

.check-btn.sqr-btn {
    display: inline-block;
    padding: 12px 25px;
    font-size: 16px;
    background-color: #000;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.check-btn.sqr-btn:hover {
    background-color: #5b5b5b;
}

/* Responsive */
@media (max-width: 768px) {
    .myaccount-content {
        padding: 25px;
    }
}


.checkout-main-area {
    background-color: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.customer-zone,
.your-order-area,
.billing-info-wrap {
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.customer-zone .cart-page-title,
.checkout-wrap h3,
.your-order-area h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #333;
}

.checkout-login-info,
.checkout-login-info-2 {
    margin-top: 15px;
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 8px;
}

.checkout-login-info form input,
.checkout-login-info-2 form input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}

.button,
.checkout-login-info-2 form input[type="submit"],
.Place-order button {
    background-color: #000;
    color: #fff;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.button:hover,
.checkout-login-info-2 form input[type="submit"]:hover,
.Place-order button:hover {
    background-color: #5b5b5b;
}

.radio.form-check {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    background-color: #fff;
    cursor: pointer;
    transition: border 0.3s ease;
}

.radio.form-check:hover {
    border-color: #0d6efd;
}

.radio.form-check input[type="radio"] {
    margin-right: 10px;
}

.name {
    font-weight: 600;
    color: #333;
    flex-wrap: nowrap;
    display: flex;
}

.addr_type {
    background-color: #e9ecef;
    font-size: 12px;
    padding: 2px 8px;
    margin-left: 10px;
    border-radius: 10px;
}

.billing-info input,
.billing-info select,
.billing-info textarea,
.billing-info-wrap input,
.billing-info-wrap select,
.billing-info-wrap textarea {
    width: 100%;
    padding: 10px 14px;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}

.billing-select label,
.billing-info label {
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}

.payment-method {
    padding: 15px 0;
}

.payment-box {
    padding: 10px 0 0 30px;
}

.payment-way-image img {
    margin-right: 10px;
    vertical-align: middle;
    max-height: 30px;
}

.order-total,
.order-subtotal {
    font-size: 18px;
    font-weight: 600;
}

.your-order-info ul li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.Place-order {
    text-align: right;
}

.lost-password a {
    font-size: 13px;
    color: #6c757d;
    text-decoration: underline;
}
a.checkout-click-2 {
    color: #f95980;
}
.customer-zone a.checkout-click {
    color: #f95980;
}
.customer-zone a.checkout-click:hover {
    color: #0d6efd;
} 

.about-us-img {
    height: 300px;
}

.about-us-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
}
main{
    min-height: 100vh;
}


.product-container {box-shadow: none !important;}
.thumbnail {object-fit: contain;}
.thumbnail-container {overflow: visible !important;}
.breadcrumb-content ul {float: left;width: 100%;padding-left: 0;list-style: none;display: flex;margin-bottom: 0;justify-content: center;/* height: 97px; */text-transform: uppercase;}
.breadcrumb-content ul li {margin: 0px 5px;font-family: "poppins";color: #fff;}
.breadcrumb-content ul li a {text-decoration: none;color: #fff;}
.breadcrumb-content h2 {font-family: "poppins";}
div#product_details_price_container {float: left;width: 100%;font-size: 30px;color: #d80a16;font-weight: 700;}
.product-dec-peragraph {float: left;width: 100%;font-family: "poppins";}
.product-dec-peragraph p {font-size: 14px;font-weight: 400;color: #000;}
.ratting-form-wrapper {float: left;width: 100%;padding: 50px;background: #00000005;margin-top: 11px;}
.ratting-form-wrapper h6 {font-family: "poppins";font-size: 20px;}
.review-comments p {margin-bottom: 0;}
.ratting-form-wrapper p {margin-bottom: 0;}
.ratting-form {float: left;width: 100%;}
.ratting-form label {float: left;width: 100%;}
.ratting-form textarea {float: left;width: 100%;height: 150px;border-radius: 8px;border: 1px solid #ccc;}
.ratting-form input {float: left;width: 100%;height: 40px;margin: 10px 0;border-radius: 8px;border: 1px solid #ccc;}
.ratting-form input[type="submit"] {float: left;width: auto;background: #f95980;border: none;padding: 10px 20px;color: #fff;font-family: "poppins";}
.panel.pro-dec-accordion h4.panel-title {color: #fff;}
.panel.pro-dec-accordion h4.panel-title a {color: #fff;text-decoration: none;font-family: "poppins";}
.panel.pro-dec-accordion .panel-heading {background: #d80a16;padding: 10px;margin: 5px !important;}




.related-product-area h2 {
    font-family: "poppins";
    font-size: 30px;
    padding-bottom: 12px;
}

.related-product-area 
 h6.card-title {
    font-size: 14px;
    text-transform: uppercase;
    min-height: 30px;
}

.related-product-area  a {
    /* background: #000; */
    color: #fff;
    border-radius: 30px;
}

.related-product-area a:hover {
    /* background: #f95980; */
    color: #fff;
}

.related-product-area .card {
    box-shadow: 0px 0px 6px 0px #00000017;
    padding: 10px;
}

#carouselExampleAutoplaying img {
    min-height: 600px;
    padding: 50px;
    object-fit: contain;
}

.inner_warp h5.card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.inner_warp p.card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}

.inner_warp img.card-img-top {
    /* width: 300px; */
    height: 250px;
    object-fit: contain;
    text-align: center;
    padding: 20px;
}

.inner_warp .card {
    text-align: center;
}


.description-review-wrapper {
    margin-top: 50px !important;
}

.pro-cart-wrap button.btn.btn-md.bg-dark.cart-button.text-white.w-50.btn-product-cart.adcartbtn {
    background: #d80a16 !important;
    padding: 15px;
    border-radius: 40px;
    font-size: 18px;
    font-family: "poppins";
}

.pro-cart-wrap button.btn.btn-md.bg-dark.cart-button.text-white.w-50.btn-product-cart.adcartbtn:hover {
    background: #b0304f !important;
}

.store-delivery-wrap {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.pro-dec-wishlist-compare {position: relative;}

.pro-dec-wishlist-compare a {
    position: absolute;
    left: 52%;
    top: -53px;
    color: #d80a16;
    font-size: 30px;
}

.pro-dec-wishlist-compare a:hover {
    color: #a7314e;
}

.store-delivery-wrap a {
    color: #000;
    font-family: "poppins";
}

.store-delivery-wrap a i.fa.fa-exchange {
    margin-right: 8px;
}

.product-description-wrapper {
    padding: 30px;
}

.panel.pro-dec-accordion {
    margin-top: 5px;
}

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

   /* General Styles */
   /* body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f5f5f5;
    margin: 0;
} */

   /* Product Page Layout */
   .product-container {
      display: flex;
      gap: 20px;
      background: white;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      width: 100%;
      position: relative;
   }

  /* Left: Thumbnail Scrollable with Navigation */
   .thumbnail-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      float: left;
      width:20%;
   }

   .thumbnail-container {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      height: 300px;
      /* Match main image height */
      overflow-y: auto;
      padding-right: 5px;
      scroll-behavior: smooth;
      /* Added for smooth scrolling */
   }

   /* Custom scrollbar */
   .thumbnail-container::-webkit-scrollbar {
      width: 6px;
   }

   .thumbnail-container::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 5px;
   }

   .thumbnail-container::-webkit-scrollbar-track {
      background: transparent;
   }

   .thumbnail {
      width: 60px;
      height: 60px;
      cursor: pointer;
      border-radius: 5px;
      transition: 0.3s;
      border: 2px solid transparent;
      transform: scale(1);
      transition: transform 0.3s, border-color 0.3s;
      /* Added transform transition */
   }

   .thumbnail:hover {
      border-color: #000;
      transform: scale(1.05);
      /* Slightly enlarge thumbnails on hover */
   }

   .thumbnail.active {
      border-color: #ff3d00;
      transform: scale(1.1);
      /* Enlarge active thumbnail */
   }

   /* Video Thumbnail */
   .video-thumbnail {
      width: 60px;
      min-height: 60px;
      cursor: pointer;
      border-radius: 5px;
      transition: 0.3s;
      /* border: 2px solid transparent; */
      transform: scale(1);
      transition: transform 0.3s, border-color 0.3s;
      position: relative;
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
   }

   .video-thumbnail:hover {
      border-color: #000;
      transform: scale(1.05);
   }

   .video-thumbnail.active {
      border-color: #ff3d00;
      transform: scale(1.1);
   }

   .video-thumbnail::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      opacity: 0.7;
   }

   .video-thumbnail::after {
      content: "â–¶";
      color: white;
      font-size: 20px;
      position: absolute;
      z-index: 1;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   }

   /* Navigation Arrows */
   .arrow {
      font-size: 20px;
      cursor: pointer;
      background: #000;
      color: white;
      border: none;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      margin: 5px;
      transition: transform 0.2s, background 0.3s;
      /* Added transition */
   }

   .arrow:hover {
      background: #0056b3;
      transform: scale(1.1);
      /* Enlarge arrows on hover */
   }

   /* Middle: Main Image & Video Container */
   .main-content-container {
      width: 80%;
      height: 500px;
      border-radius: 10px;
      overflow: hidden;
      border: 2px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
   }

   .main-image-container {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.5s;
   }

   .video-container {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      background-color: #000;
   }

   .video-container iframe {
      width: 100%;
      height: 100%;
      border: none;
   }

   .main-image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      cursor: crosshair;
      transition: opacity 0.5s, transform 0.5s;
      /* Animation for image change */
   }

   .image-animation {
      animation: fadeZoomIn 0.6s ease-in-out;
      /* Added animation class */
   }

   @keyframes fadeZoomIn {
      0% {
         opacity: 0.7;
         transform: scale(0.95);
      }

      100% {
         opacity: 1;
         transform: scale(1);
      }
   }
   /* Right: Product Details */
   .product-details {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .product-details h2 {
      font-size: 22px;
      margin-bottom: 10px;
   }

   .price {
      font-size: 20px;
      font-weight: bold;
      color: #28a745;
   }

   .old-price {
      font-size: 16px;
      text-decoration: line-through;
      color: #888;
      margin-left: 10px;
   }

   .description {
      margin-top: 10px;
      font-size: 14px;
      color: #555;
   }

   /* Buttons */
   .buy-now,
   .add-to-cart {
      padding: 10px 15px;
      border: none;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      margin-top: 10px;
      width: 100%;
      text-align: center;
      transition: transform 0.2s, background 0.3s;
      /* Added animation */
   }

   .buy-now {
      background: #ff5722;
      color: white;
   }

   .buy-now:hover {
      background: #e64a19;
      transform: translateY(-2px);
      /* Lift effect on hover */
   }

   .add-to-cart {
      background: #007bff;
      color: white;
   }

   .add-to-cart:hover {
      background: #0056b3;
      transform: translateY(-2px);
      /* Lift effect on hover */
   }

   /* Right: Zoom Effect in Separate Div */
   .zoom-container {

      width: 40%;
      height: 500px;
      border: 2px solid #ddd;
      position: absolute;
      right: 130px;
      top: 50px;
      background-size: 900px;
      background-repeat: no-repeat;
      display: none;
      z-index: 10;
      border-radius: 5px;
      pointer-events: none;
      background: #ffffff;
      transition: opacity 0.3s;
      /* Added transition */
      opacity: 0;
   }


   .zoom-container.active {
      opacity: 1;
   }

   /* Image Change Indicator */
   .indicator-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 10px;
   }

   .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ccc;
      transition: transform 0.3s, background 0.3s;
   }

   .dot.active {
      background: #ff3d00;
      transform: scale(1.3);
   }

   /* Media Type Toggle */
   .media-toggle {
      display: flex;
      gap: 10px;
      margin: 15px 0;
   }

   .toggle-btn {
      padding: 8px 15px;
      border: none;
      background: #f0f0f0;
      cursor: pointer;
      border-radius: 5px;
      font-weight: bold;
      transition: background 0.3s;
   }

   .toggle-btn.active {
      background: #007bff;
      color: white;
   }

   /* Responsive */
   @media (max-width: 768px) {
      .product-container {
         flex-direction: column;
         width: 90%;
         align-items: center;
      }

      .thumbnail-container {
         flex-direction: row;
         order: 1;
         height: auto;
         overflow-x: auto;
         overflow-y: hidden;
         white-space: nowrap;
      }

      .main-content-container {
         width: 100%;
      }

      .product-details {
         text-align: center;
      }

      .buy-now,
      .add-to-cart {
         width: auto;
      }
   }


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




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





@media screen and (max-width: 768px) {
img.logo {width: 70px;}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1199px) { 
.topBanner h1.card-title.card-title-font {
font-size: 80px !important;}
header a.nav-link {
font-size: 14px;
}
.sub_cription {
height: 126px;
padding: 26px;
}
.footer-06 .subscribe-form .form-group .submit {
width: 230px;
}
.foot_warp:before {
top: -245px;
height: 240px;
}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
.topBanner h1.card-title.card-title-font {
font-size: 80px !important;}
header a.nav-link {
font-size: 14px;
}
.sub_cription {
height: 156px;
padding: 26px;
}
.footer-06 .subscribe-form .form-group .submit {
width: 230px;
}
.foot_warp:before {
top: -269px;
height: 260px;
}
}
@media screen and (min-device-width: 1400px) and (max-device-width: 1499px) { 
.foot_warp:before {
top: -313px;
height: 313px;
}
}


/*-------------susmita 12-04-2025-------------*/
.contact-us-area {
    background-color: #fefefe;
    border-radius: 12px;
    padding: 100px 0;
}

.get-in-touch-wrap {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.contact-title h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #333;
}

.contact-from input,
.contact-from textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.contact-from input:focus,
.contact-from textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
    outline: none;
}

.contact-from textarea {
    height: 140px;
    resize: vertical;
}

.contact-from .submit {
    background-color: #000;
    color: #fff;
    padding: 14px 25px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    transition: background 0.3s ease;
}

.contact-from .submit:hover {
    background-color: #555;
}

.contact-page-map iframe {
    width: 100%;
    height: 300px;
    border: none;
    border-radius: 10px;
    margin-bottom: 30px;
}

.contact-info-wrap {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}

.contact-info-bottom {
    margin-top: 25px;
}

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

.single-contact-info h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.single-contact-info p,
.single-contact-info a {
    color: #555;
    font-size: 14px;
    word-break: break-word;
}

@media screen and (max-width: 768px) {
    .get-in-touch-wrap,
    .contact-info-wrap {
        padding: 20px;
    }

    .contact-title h3 {
        font-size: 24px;
    }
}
.login-register-btn button {
    width: auto;
    padding: 12px;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    transition: background 0.3s ease;
}
.product-dec-meta span {
    display: none;
}

.product-social {
    display: none;
}
.cs_quantity button {
    background: transparent;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
    border-radius: 0;
}
.cs_quantity input#quantity {
    background: transparent;
    border: none;
    width: 100px;
    text-align: center;
    font-weight: bold;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    color: #000;
}
button#scrollUp:hover {
    background: #e20a17;
}
button#scrollDown:hover{
    background: #e20a17;
}
.certificates img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.certificates .col-lg-3 {
    /* border: 1px solid #a9a9a970; */
    margin-bottom: 10px;
    /* width: 318px; */
}
img.default-img {
    /* width: 100%; */
    margin-bottom: 20px;
}

img.hover-img {
    width: 100%;
       margin-bottom: 20px;
}
.product-img a {
    color: #000;
}
.product-img a:hover {
    color: #e20a17;
}
.product-price {
    text-align: left;
}
img.hover-img {
    width: 100%;
}
.product-content a {
    color: #000;
}
.product-content a:hover {
    color: #e20a17;
}
.product-content h3{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.product-img a {
    color: #000;
}
.product-img a:hover {
    color:#e20a17;
}
.product-price {
    text-align: left;
}
.myaccount-content img {
    width: 70px !important;
    height: auto !important;
}
p.badge-green.badge-right {
    margin-bottom: 0px;
}
.myaccount-tab-menu a:hover{
    color:#e20a17 ;
}
.product-action {
    color: #000;
}
.product-action:hover {
 color: #e20a17;
}
.product-action a {
    color: #000;
}
.product-action a:hover {
    color: #e20a17;
}


/*------------susmita16-04-2025------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(0,0,0,0.5);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(https://fancyapps.com/fancybox/source/fancybox_sprite.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url(https://fancyapps.com/fancybox/source/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.gallery-viewer {
	margin-top: 30px !important;
	margin-bottom: 0 !important;
}
.row-product-variation .item-variation .form-group {
    margin-bottom: 20px !important;
    display: flex;
    gap: 5px;
}

.row-product-variation .item-variation .form-group .selectdiv {
    border: 1px solid #000;
    width: 100%;
}
.breadcrump li {
    color: #777 !important;
}
.breadcrump a {
    color: #f95980 !important;
}
.breadcrump ul{
    justify-content: left !important;
}
.product-content h5 {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.modal-body button.btn.btn-md.bg-dark.cart-button.text-white.w-50.btn-product-cart.adcartbtn {
    font-size: 12px;
    /* margin-top: 5px; */
    padding: 8px 5px;
}

.modal-body .pro-cart-wrap {
    margin-top: 10px;
}

.modal-body .pro-dec-wishlist-compare a {
    top: -42px !important;
}

.modal-body img {
    width: 100px !important;
}

.modal-body select#variation_dropdown_1692 {
    width: 100%;
}
.section2 .card-body {
    margin-top: 10px;
}
.store-delivery-wrap a:hover {
    color: #d80a16;
}
.offcanvas-header {
    background: #e20a17 !important;
}
.modal-header {
    background: #d80a16 !important;
}
.section9 .card{
     margin-bottom: 10px;
}
.vendor-customar-wrap .form-check {
    margin-bottom: 15px;
}




#carouselExample img {
    border: 1px solid #ccc;
}

.col-product-variation {
    display: flex;
}

.col-product-variation .custom-control-validate-input {
    border: 1px solid #e20a17;
    padding: 5px 15px;
    margin: 3px 5px;
    border-radius: 30px;
}

div#text_product_stock_status {
    margin-top: 10px;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    background-color: #ffffff !important;
}

.modal-backdrop.fade.show {
    display: none;
}

/* ------------------susmita23-04-25---------- */
.card-body .btn.btn-danger.rounded-circle {
    width: 35px;
    height: 35px;
    padding: 0px;
    line-height: 28px;
}
.panel-body a.btn.bg-dark.text-white.float-end.rateBtn {
    margin-top: 10px;
}
a.logout {
    color: #e20a17;
}
a.logout:hover {
    color: #bb2d3b;
}
/* span.ion-ios-checkmark-circle-outline.mr-2 {
    display: none;
} */
i.fa-solid.fa-sign-out {
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 31px;
}
.rating-symbol-foreground {
    top:0;
}
span.mdi.mdi-star.text-primary {
    color: #ffa41b !important;
}
.rating-symbol-background.mdi.mdi-star-outline.text-primary {
    color: #ffa41b !important;
}