*,::before,::after{margin: 0; box-sizing: border-box;}

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

label{ display: block;}

img{ vertical-align: bottom;}

button{ cursor: pointer; padding: 0; }

:disabled, input[type="text"]:read-only{ cursor: not-allowed;}

input:focus, textarea:focus{ outline: 1px dashed;}

iframe{ border: none;}

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

p{font-size: 18px;}

.whitepara{color: white;}

body{

font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

/* =======================================================NAV BAR START WRAP 1===================================== */

#header {

  position: sticky;

  top: 0;

  z-index: 1000; 

  background-color: white; 



}

.toppp1{

background-color: #f8f9fa;

}

.announcement-bar {

background-color: #f8f9fa;

padding: 10px 0;

font-size: 14px;

}

.announcement-content {

display: flex;

justify-content: space-between;

align-items: center;

flex-wrap: wrap;

}

.brand-name, .support-info {

flex: 1;

}

.announcement-message {

/*flex: 2;*/

text-align: center;

}

.support-info {

text-align: right;

}

.support-link {

text-decoration: none;

color: inherit;

display: inline-flex;

align-items: center;

gap: 5px;

       padding-right: 6px;

}

.support-link i {

font-size: 16px;

}

/* Responsive Styles */

@media (max-width: 768px) {

.announcement-content {

flex-direction: column;

text-align: center;

}

.brand-name, .announcement-message, .support-info {

width: 100%;

text-align: center;

margin: 5px 0;

}

.support-info {

text-align: center;

}

.brand-name,.support-info{

display: none;

}

.announcement-message, .support-info {

width: 100%;

text-align:center;

margin: 5px 0;

font-size: 12px;

font-weight: 500;

}

}

@media (min-width: 768px) {

.fa-angle-down {

display: none;

}

}

@media (max-width: 767px) {

.fa-angle-down {

display: inline-block; 

}

}

/* =====================================================NAV BAR MAIN MENU SECTION========================================= */

#header {

  position: sticky;

  top: 0; 

  z-index: 1000; 

  background-color: white; 

  } 

#logomob{

width:190px;

}

.v-center{

align-items: center;

}

ul{

list-style: none;

margin:0;

padding:0;

}

/* header */

.header{

display: block;

width: 100%;

position: relative;

z-index: 99;

padding:20px;

}

.header .item-left{

flex:0 0 17%;

}

.header .item-center{

flex:0 0 60%;

justify-content:space-around;

}

.header .item-right{

flex:0 0 23%;

display: flex;

justify-content: flex-end;

padding: 10px;

}

.header .item-right a{ 

text-decoration: none;

font-size: 16px;

    color: #e00000;

padding-top:5px;

display: inline-block;

/*margin-left:10px;*/

transition: color 0.3s ease;

}

/* this is for card count start */

/* Cart icon container */

#cart-icon {

position: relative;

display: inline-block;

text-decoration: none;

color: #231F20; 

font-size: 16px; 



transition: color 0.3s ease;

}

/* Cart count badge */

#cart-count {

position: absolute;

top: -8px; 

right: -8px;

    background-color: #e00000;

color: white;

border-radius: 50%;

width: 18px;

height: 18px;

display: flex;

align-items: center;

justify-content: center;

font-size: 10px;

font-weight: bold;

line-height: 1;

}

/* Mobile responsiveness */

@media (max-width: 768px) {

#cart-icon {

font-size: 18px; /* Slightly larger on mobile */

}

#cart-count {

top: -6px;

right: -6px;

width: 16px;

height: 16px;

font-size: 9px;

}

}

/* this is for card count end */

.header .menu > ul > li{

display: inline-block;

line-height: 50px;

margin-left: 25px;

}

.header .menu > ul > li > a{

font-size: 16px;

font-weight: 700;

color:#000000;

position: relative;

text-transform: capitalize;

transition: color 0.3s ease;

}

.header .menu > ul > li .sub-menu{

position: absolute;

z-index: 500;

background-color:#ffffff;

box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 

padding: 20px 30px;

transition: all 0.5s ease;

margin-top:25px;

opacity:0;

visibility: hidden;

}

.header .menu > ul > li .sub-menu > ul > li{

line-height: 1;

}

.header .menu > ul > li .sub-menu > ul > li > a{

display: inline-block;

padding: 10px 0;

font-size: 15px;

color: #555555;

transition: color 0.3s ease;

text-decoration: none;

text-transform: capitalize;

}

/* .header .menu > ul > li .single-column-menu{

min-width: 280px;

max-width: 350px;

} */

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{

line-height: 1;

display: block; 

}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {

padding:10px 0;

display: inline-block;

font-size: 15px;

color:#555555;

transition: color 0.3s ease;

}

.header .menu > ul > li .sub-menu.mega-menu{ 

left: 50%;

transform: translateX(-50%);	

}

.header .menu > ul > li .sub-menu.mega-menu-column-4{

max-width: 1100px;

width: 100%; 	

display: flex;

flex-wrap: wrap;

padding:20px 30px;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{

flex:0 0 25%;

padding:0 15px;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{

font-size: 16px;

color:#EC2029;

font-weight: 500;

line-height: 1;

padding:10px 0;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{

text-align: center;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{

max-width: 100%;

width: 100%;

vertical-align: middle;

margin-top: 10px;

height: 300px;

object-fit: cover;

}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,

.header .menu > ul > li .sub-menu > ul > li > a:hover,

.header .item-right a:hover,

.header .menu > ul > li:hover > a{

color:#EC2029;

}

.mobile-menu-head,

.mobile-menu-trigger{

display: none;

}

/*responsive*/

@media(min-width: 992px){

.header .menu > ul > li.menu-item-has-children:hover .sub-menu{

margin-top: 0;

visibility: visible;

opacity: 1;

}

}

@media(max-width: 991px){

.logo{

width:100px;

}

.header{

padding: 20px 4px;

}

.header .item-center{

order:3;

flex:0 0 auto;

}

.v-center{

justify-content: space-between;

}

.header .mobile-menu-trigger{

display: flex;

height: 30px;

width: 30px;

margin-left: 15px;

cursor: pointer;

align-items: center;

justify-content: center;

}

.header .mobile-menu-trigger span{

display: block;

height: 2px;

background-color: #333333;

width: 24px;

position: relative;

}

.header .mobile-menu-trigger span:before,

.header .mobile-menu-trigger span:after{

content: '';

position: absolute;

left:0;

width: 100%;

height: 100%;

background-color: #333333;

}

.header .mobile-menu-trigger span:before{

top:-6px;

}

.header .mobile-menu-trigger span:after{

top:6px;

}

.header .item-right{

align-items: center;

}

.header .menu{

position: fixed;

width: 320px;

background-color:#ffffff;

left:0;

top:0;

height: 100%;

overflow: hidden;

transform: translate(-100%);

transition: all 0.5s ease;

z-index: 1099;

}

.header .menu.active{

transform: translate(0%);	

}

.header .menu > ul > li{

line-height: 1;

margin:0;

display: block;

}

.header .menu > ul > li > a{

line-height: 50px;

height: 50px;

padding:0 50px 0 15px;

display: block;

border-bottom: 1px solid rgba(0,0,0,0.1);

}

.header .menu > ul > li > a i{

position: absolute;

height: 50px;

width: 50px;

top:0;

right: 0;

text-align: center;

line-height: 50px;

transform: rotate(-90deg);

}

.header .menu .mobile-menu-head{

display: flex;

height: 50px;

border-bottom: 1px solid rgba(0,0,0,0.1);

justify-content: space-between;

align-items: center;

position: relative;

z-index: 501;

position: sticky;

background-color: #ffffff;

top:0;

}

.header .menu .mobile-menu-head .go-back{

height: 50px;

width: 50px;

border-right: 1px solid rgba(0,0,0,0.1);

cursor: pointer;

line-height: 50px;

text-align: center;

color:#000000;

font-size: 16px;

display: none;

}

.header .menu .mobile-menu-head.active .go-back{

display: block;

}

.header .menu .mobile-menu-head .current-menu-title{

font-size: 15px;

font-weight: 500;

color:#000000;

}

.header .menu .mobile-menu-head .mobile-menu-close{

height: 50px;

width: 50px;

border-left: 1px solid rgba(0,0,0,0.1);

cursor: pointer;

line-height: 50px;

text-align: center;

color:#000000;	

font-size: 25px;

}

.header .menu .menu-main{

height: 100%;

overflow-x: hidden;

overflow-y: auto;

}

.header .menu > ul > li .sub-menu.mega-menu,

.header .menu > ul > li .sub-menu{

visibility: visible;

opacity: 1;

position: absolute;

box-shadow: none;

margin:0;

padding:15px;

top:0;

left:0;

width: 100%;

height: 100%;

padding-top: 65px;

max-width: none;

min-width: auto;

display: none;

transform: translateX(0%);

overflow-y: auto;

}

.header .menu > ul > li .sub-menu.active{

display: block;

}

@keyframes slideLeft{

0%{

opacity:0;

transform: translateX(100%);

}

100%{

opacity:1;

transform: translateX(0%);	

}

}

@keyframes slideRight{

0%{

opacity:1;

transform: translateX(0%);

}

100%{

opacity:0;

transform: translateX(100%);	

}

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{

margin-top:0;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{

margin-bottom: 20px;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{

margin-bottom:0px;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{

flex: 0 0 100%;

padding: 0px;

}

.header .menu > ul > li .sub-menu > ul > li > a,

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{

display: block;

}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {

margin-bottom: 15px;

}

.menu-overlay{

position: fixed;

background-color: rgba(0,0,0,0.5);

left:0;

top:0;

width: 100%;

height: 100%;

z-index: 1098;

visibility: hidden;

opacity:0;

transition: all 0.5s ease;

}

.menu-overlay.active{

visibility: visible;

opacity:1;	

}

#logomob{

width: 107px;

}

}

@media(max-width: 991px){

.logo{

width:100px;

}

}

@media only screen and (min-width: 786px) and (max-width: 1400px) {

#logomob {

width: 120px;

}

}

/* <!-- ****************************** --> */

/* <!--THIS IS HEADER SEARCH BAR START--> */

/* <!-- *******************************--> */

.search-popup-overlay {  

display: none;

position: fixed;

top: 0;

left: 0;

width: 100vw;

height: 100vh;

background: rgba(0,0,0,0.6);

justify-content: center;

align-items: center;

z-index: 9999;

}

.search-popup-box {

background: #fff;

padding: 30px;

position: relative;

}

.btn-close {

position: absolute;

top: 10px;

right: 15px;

font-size: 1.5rem;

background: none;

border: none;

color: #333;

opacity: 1 !important;        

visibility: visible !important;

cursor: pointer;

}

/* **************************** */

.searchpage-container {

margin-bottom: 32px;

background: #fff;

padding: 20px;

border-radius: 16px;

box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);

}

.searchpage-input {

border-radius: 50px 0 0 50px !important;

border: 2px solid #EC2029 !important;

border-right: none !important;

background-color: #fefefe;

color: #495057;

padding: 14px 22px;

font-size: 17px;

transition: all 0.3s ease;

}

.searchpage-input:focus {

box-shadow: 0 0 0 3px rgba(236, 32, 41, 0.1);

border-color: #EC2029;

background-color: #fff;

}

.search-btn-enhanced {

border-radius: 0 50px 50px 0 !important;    

padding: 9px 26px;

background-color: #EC2029;

border: 2px solid #EC2029;  

color: #fff;

font-weight: 600;

font-size: 16px;

transition: all 0.3s ease;

display: flex;

align-items: center;

gap: 6px;

}

.search-btn-enhanced i,

.search-btn-enhanced .search-label {

color: white;

}

.search-btn-enhanced:hover {

background-color: #c31820;

border-color: #c31820;

}

.searchpage-section-heading {

font-size: 18px;

font-weight: 700;

color: #212529;

margin: 24px 0 16px;

}

.searchpage-tags-container {

display: flex;

flex-wrap: wrap;

gap: 12px;

}

.searchpage-badge-tag {

background-color: #fff;

color: #EC2029;

border: 2px solid #EC2029;

padding: 10px 14px;

font-size: 14px;

font-weight: 500;

border-radius: 50px;

transition: all 0.3s ease;

display: inline-flex;

align-items: center;

gap: 6px;

}

.searchpage-badge-tag:hover {

background-color: #EC2029;

color: white;

}

.searchpage-hot-deal-badge {

background-color: #ff4444;

color: white;

font-size: 10px;

padding: 3px 6px;

border-radius: 12px;

}

@media (max-width: 768px) {

.searchpage-input {

padding: 12px 18px;

font-size: 15px;

}

.searchpage-badge-tag {

padding: 8px 12px;

font-size: 13px;

}

.search-label {

display: none !important;

}

.search-btn-enhanced{

padding: 9px 9px;

}

}

@media (max-width: 576px) {

.searchpage-input {

padding: 10px 14px;

font-size: 14px;

}

.searchpage-badge-tag {

padding: 7px 10px;

font-size: 12px;

}

}

/* <!-- ****************************** --> */

/* <!--THIS IS HEADER SEARCH BAR END--> */

/* <!-- *******************************--> */

/* ******************************************************* */

/* ******THIS IS FOR USER ICON AND SIGN-IN ********START*/

/* *********************************************************/

/* ************FOR-DESKTOP******************* */





.navbar-signinbtn {

    display: inline-flex

;

    align-items: center;

    justify-content: center;

    gap: 8px;

    /* background: #ec202900 !important; */

    color: #010129 !important;

    border: none;

    padding: 5px 20px;

    /* border-radius: 6px; */

    font-size: 0.95rem;

    border: 1px solid #0d0b0b;

    font-weight: 700;

    text-decoration: none;

    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); */

    transition: all 0.3s ease;

}

  

.navbar-signintext {

    font-size: 18px;

    font-weight: 400;

    color: #020228 !important;

    line-height: 1;

}

  

  .navbar-signinicon {

    color: #ffffff !important;

    font-size: 1.1rem;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    transition: transform 0.3s ease;

  }

  

  /* Hover effect */

  /* .navbar-signinbtn:hover {

    background: linear-gradient(135deg, #d11c22 0%, #b6191f 100%);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);

    transform: translateY(-1px);

  }

  

  .navbar-signinbtn:hover .navbar-signinicon {

    transform: translateX(4px);

  } */

  



/* ************FOR-DESKTOP*****END************ */

/* ************************************** */

/* ************FOR***USERICON-DESKTOP*** START********* */

.navbar-user-iconn {

background-color: #ec2029;

color: white;

padding: 7px 12px;

border-radius:50%;

display: inline-flex;

align-items: center;

justify-content: center;

text-decoration: none;

}

.navbar-user-iconn i {

color: white;

font-size: 16px; 

}

/* ***************FOR-MOBILE-TAB-NAV USER ICON-END************ */

/* ******************************************************* */

/* ******THIS IS FOR USER ICON AND SEARCH-BAR ********END*/

/* *********************************************************/

.mob-navbar-user-iconn i {

color: white;

font-size: 16px;

}

.mob-navbar-user-iconn i,

.mob-navbar-signinbtn i {

font-size: 16px;

color: black;

transform: rotate(0deg) !important;

}

.mob-navbar-signouttext,

.mob-navbar-signintext {

font-size: 16px;

font-weight: 700;

}

/* Hide mobile-only on desktop */

.mobile-only {

display: none !important;

}

/* Hide desktop buttons on mobile, show mobile-only */

@media (max-width: 991px) {

.mobile-only {

display: block !important;

}

.navbar-signinbtn,

.navbar-user-iconn {

display: none !important;

}

}



/* *************************** */



/* =======================================================NAV BAR END WRAP 1==================================================== */

/* =======================================================WRAP 2 CROUSEL================================== */

.carousel-control-prev-icon,

.carousel-control-next-icon {

display: none; 

}

.carousel-control-prev,

.carousel-control-next {

margin-top: 15%;

width: 50px; /* Control button size */

height: 50px; /* Control button size */

border-radius: 50%;

background-color:#EC2029; /* Circular green background */

display: flex;

justify-content: center;

align-items: center;

}

.carousel-control-prev i,

.carousel-control-next i {

font-size: 30px; 

color:white; 

}

@media (max-width: 767px) {

.desktophero {

display:none !important;

}

.phonehero{

display: block !important;

}

}

@media (min-width: 768px) {

.desktophero {

display: block !important;

}

.phonehero {

display: none !important;

}

}

@media (max-width: 768px) {

.carousel-control-prev, .carousel-control-next {

margin-top: 60%;

}

.carousel-item img{

height:auto;

width:auto;

object-fit:cover;

object-position: center;

}

.carousel-control-prev,

.carousel-control-next {

width: 30px;

height: 30px;

margin-top:10%;

}

.carousel-control-prev i,

.carousel-control-next i {

font-size: 20px;

}

.carousel-item img {width: 100%;    

height: 250px;              

object-fit:cover;

object-position: center;

} 

.carousel-control-prev, .carousel-control-next {

width: 30px;

height: 30px;

margin-top: 30%;

}

}

/* ==================================== */

/* <!-- =============================================================WRAP-3===================================================-->   */

.product-section {

position: relative;

overflow: hidden;

padding-bottom: 10px;

}

.product-container {

display: flex;

overflow-x: auto;

scroll-behavior: smooth;

scrollbar-width: none;

-ms-overflow-style: none;

}

.product-container::-webkit-scrollbar {

display: none;

}

.product-item img {

width: 200px;

height: auto;

margin-bottom: 10px;

}

.product-item p {

font-size: 16px;

font-weight: bold;

text-align: center;

padding-bottom: 20px;

}

.product-item {

border-radius: 5px;

transition: transform 0.3s ease, box-shadow 0.3s ease !important;

box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5) !important; 

margin: 4px 5px; 

background:white; 

height: 330px;

}

.product-item:hover{

transform: scale(1.05);

box-shadow: 5px 5px 10px rgba(0,0,0,0.15);

}

.wrap3margin{

margin: 50px 0px 40px 0px;

}

/* .product-item img {

width: 100px;

margin-bottom: 10px;

background:whitesmoke; 

padding: 5px;

border-radius: 8px; 

box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

} */

.arrow {

position: absolute;

top: 50%;

transform: translateY(-50%);

background: rgba(0, 0, 0, 0.5);

color: white;

border: none;

padding: 10px;

cursor: pointer;

z-index: 10;

}

.left-arrow {

left: 10px;

}

.right-arrow {

right: 10px;

}

@media (min-width: 768px) and (max-width: 1399px) {

.product-item{

height:280px;

}

}

/*  RESPOSIVE */

@media (max-width: 767px) {

/* .product-item {

width: 150px; 

margin: 5px;

} */

.product-section{

padding-bottom: 0px;

}

.product-item{

height:220px ;

}

.product-item img {

max-width:auto;

height: auto;

}

.left-arrow, .right-arrow {

display: none;

}

.product-item p {

font-size: 12px;

padding-bottom: 10px;

}

.wrap3margin{

margin: 40px 0px 0px 0px;

}

}

/* @media only screen and (max-width: 768px){

@media (max-width: 767px) {

.product-item {

width: calc(35% - 20px); 

margin:0px 10px;

}

.product-item img {

width: 100px; 

height: auto;

}

.left-arrow,.right-arrow{

display:none;

}

.product-item p {

font-weight:normal;

text-align: center;

font-size: 9px;

font-weight:bold;

}

}

} */

/* * <!-- =========================================================WRAP-3 END ===================================================--> */ 

/* ===============================================================WRAP-4 START IMAGE CARD======================================== */

.brand-slider-container {

position: relative;

overflow: hidden;

padding: 0px 0px;

}

.wrap4margin{

margin: 20px  0px 50px 0px;

}

.brand-slider {

display: flex;

height: 350px;

overflow-x: auto;

scroll-behavior: smooth;

padding: 10px;

scrollbar-width: none; /* Hide scrollbar for Firefox */

}

.brand-slider::-webkit-scrollbar {

display: none; /* Hide scrollbar for Chrome, Safari */

}

.brand-slide {

position: relative;

}

.brand-slide img {

height: 100%;

width: 285px;

margin: 0 20px;

object-fit: cover;

border-radius: 15px;

cursor: pointer;

transition: 0.3s ease-in-out;

}

.brand-slide img:hover {

transform: scale(1.05);

box-shadow: 5px 5px 10px rgba(0,0,0,0.15);

}

/* === BUTTON STYLES === */

.brand-prev-btn, .brand-next-btn {

position: absolute;

top: 50%;

transform: translateY(-50%);

/* background-color: rgba(0, 0, 0, 0.6); */

background-color: #f5f5f580;

color: white;

height: 50px;

width: 50px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-size: 24px;

font-weight: bold;

cursor: pointer;

border: none;

outline: none;

transition: 0.3s ease-in-out;

z-index: 10; /* Ensure buttons appear on top */

}

.brand-prev-btn {

left: 10px;

}

.brand-next-btn {

right: 10px;

}

.brand-prev-btn:hover, .brand-next-btn:hover {

background-color: rgba(0, 0, 0, 0.8);

}

/* Responsive Styles */

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

.brand-prev-btn, .brand-next-btn {

height: 40px;

width: 40px;

font-size: 18px;

}

.wrap4margin{

margin:0px 0px 40px 0px; 

}

}

/*================================================WRAP-4 END IMAGE CARD======================================== */

/* <!-- ========================================WRAP-5 START PRODUCT SLIDE================================================= --> */

.product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5); /* 3D Effect */

}

.product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), 

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

.wrap5margin{

margin: 70px 0px 50px 0px;

}

.header-wp-5{

font-weight: 700;

word-spacing:4px;

letter-spacing:-.5px;

font-size: 48px;

}

.product-card .btnw5 {

background-color:white;

border: 1px solid #EC2029;

color: #000;

font-weight: bold;

transition: background-color 0.3s ease, color 0.3s ease;

}

.product-card .old-price {

text-decoration: line-through;

color:#EC2029;

font-size: 14.4px;

}

.btnw5:hover {

background: linear-gradient(to right, #333333, #dd1818); 

color:white;

}

.product-card .price {

font-weight: bold;

font-size:25.6px;

color: #000;

}

/* Image container */

.imgover {

position: relative;

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

/* Overlay effect on hover */

.imgover-wrapper {

position: relative;

overflow: hidden;

}

.imgover-wrapper .overlay {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.7); /* Dark overlay */

color: #fff;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

text-align: center;

font-size: 19.2px;

font-weight: bold;

opacity: 0;

transition: opacity 0.3s ease;

padding: 10px;

}

.imgover-wrapper:hover .overlay {

opacity: 1;

}

.imgover-wrapper:hover .imgover {

transform: scale(1.05);

}

/* Maintain image size */

.product-card img {

width: 100%;

height: auto;

}

.btnw5{ border: 1px solid red;}

/* =============OWL CROUSEL WRAP5*============/*/

/* <!-- CSS Fix --> */

.bestseller {

display: block !important;

visibility: visible !important;

}

.bestseller .item {

text-align: center;

padding: 10px;

}

.bestseller .item img {

width: 100%;

height: auto;

/* border-radius: 10px; */

}

.owl-nav {

position: absolute;

top: 40%;

width: 100%;

transform: translateY(-50%);

}

.owl-nav .owl-prev {

position: absolute;

left: -40px;

font-size: 25px;

color: #333;

background: #fff;

border-radius: 50%;

padding: 5px 10px;

box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

.owl-nav .owl-next{

position: absolute;

right: -40px;

font-size: 25px;

color: #333;

background: #fff;

border-radius: 50%;

padding: 5px 10px;

box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

.owl-dots {

text-align: center;

margin-top: 5px;

}

.owl-dot {

width: 12px;

height: 12px;

margin: 5px;

border-radius: 50%;

background: #bbb;

display: inline-block;

}

.owl-dot.active {

background: #333;

}

/*  BACKGROUND COLOR FOR NAVIGATION BUTTON */

.owl-nav .owl-prev, 

.owl-nav .owl-next {

background-color:#EC2029 !important; 

color: #fff !important; 

border-radius: 50%; 

width: 40px; 

height: 40px;

display: flex;

align-items: center;

justify-content: center;

font-size: 18px; /* Adjust icon size */

transition: background-color 0.3s ease;

}

/* Hover effect */

.owl-nav .owl-prev:hover, 

.owl-nav .owl-next:hover {

background-color: #a50008 !important; 

color: #fff !important;

}

.atagcolor{

color: #ffff;

}

@media (max-width: 768px) {

/* Product Card Fixes */

.wrap5para{

font-size: 12px;

}

.product-card {

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

margin: 0px;

text-align: center;

background-color: white; /* Background fix */

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5);

}

.product-card img {

width: 100%;

height: auto;

}

/* Hide carousel navigation buttons */ 

.product-card .btnw5{

font-size: 10px;

}

.product-card .price{

font-size:10px

}

.product-card .old-price{

font-size: 10px;

}

.load-more-btn{

padding: 5px 10px;

}

/*  OWL CROUSEL NAVIGATION BUTTON */

@media (max-width: 768px) {

.owl-nav {

width: 100%;

position: absolute;

top:40%;

transform: translateY(-50%);

}

.owl-nav .owl-prev, 

.owl-nav .owl-next {

position: absolute;

font-size: 10px; 

padding: 3px 8px;

box-shadow: none;

}

.owl-nav .owl-prev {

left: -2px;

}

.owl-nav .owl-next {

right: -2px; 

}

}

.bestseller .item {

padding:5px;

}

.owl-nav .owl-prev, 

.owl-nav .owl-next {

width: 25px; 

height: 25px;

display: flex;

font-size: 12px; 

}

}

/*============== */

/* Custom CSS for smaller devices */

@media (max-width: 767.98px) {

.subheader {

font-size: 1.5rem; /* Smaller font size for mobile */

}

.subheaderp {

font-size: 12px; /* Smaller font size for mobile */

}

}

/* <!-- =========================================WRAP-5 END PRODUCT SLIDE================================================= --> */

/* ===================================================WRAP 5A LATEST RELEASE==========================--- */

.custom-img-wrapper {

position: relative;

overflow: hidden;

margin-bottom: 20px;

}

.custom-img-wrapper img {

width: 100%;

transition: transform 0.3s ease;

}

.custom-img-wrapper:hover img {

transform: scale(1.1);

}

.custom-img-text {

position: absolute;

top: 15%; /* Adjusted for better placement on mobile */

left: 50%;

transform: translate(-50%, -50%);

color: black;

font-size: 28.8px;

font-weight: bold;

text-transform: uppercase;

text-align: center;

width: 100%;

padding: 5px; /* Add padding for better readability */

}

.custom-btn {

position: absolute;

bottom: 20px;

left: 50%;

transform: translateX(-50%);

padding: 10px 20px;

background-color: #ec2029;

color: white;

text-align: center;

text-decoration: none;

border: none;

cursor: pointer;

border-radius: 5px;

}

@media (max-width: 768px) {

.custom-img-text {

top: 10%; 

font-size:12.8px;

padding: 3px; 

}

.custom-btn {

bottom: 10px;

padding: 6px 8px;

font-size: 8px;

font-weight: 700;

}

#wrap5margin{

margin:20px 0px 45px 0px !important;

}

}

 

/* ===========================================================5A WRAP LATEST RELEASE=================================================== */

/* ====================================================================WRAP 6 START===================================================== */

/* Product card styling */

.hot-product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5); /* 3D Effect */

}

/* Hover Effect for 3D Depth */

.hot-product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), 

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

/* Image container */

.product-image {

position: relative;

width: 100%;

height: auto;

display:block;

transition: transform 0.3s ease;

}

.product-image-wrapper:hover .product-image {

transform: scale(1.1);

}

/* Product info styling */

.product-info {
padding: 16px;
position: relative;
height:200px
}


.product-name {

font-weight: bold;

font-size: 19.2px;

color: #000;

}

.product-price {

font-weight: bold;

font-size: 12.8px;

color: #000;

}

.discounted-price {

text-decoration: line-through;

color: #EC2029;

font-size: 12.8px;

}

/* Rating Stars */

.rating {

color: #FFD700;

font-size: 16px;

}

/* Cart Icon */

.cart-icon {

    position: absolute;

    /* top: 70px; */

    /* right: 10px; */

    /* background: #EC2029; */

    color: #fff;

    /* padding: 5px; */

    border-radius: 10%;

    cursor: pointer;

    /* transition: background 0.3s ease; */

}

/* Section title styling */

.section-title {

font-weight: 700;

word-spacing: 4px;

letter-spacing: -0.5px;

font-size:32px;

}

.bg-wrap5{

background: rgb(228, 228, 228);

}

.load-more-btn {

background: #EC2029;

color: white;

border: none;

padding: 10px 20px;

font-size: 16px;

cursor: pointer;

border-radius: 5px;

transition: background 0.3s ease;

}

.load-more-btn:hover {

background: #d81b24;

}

@media (max-width: 768px) {

.hot-products-section .row {

display: flex;

flex-wrap: wrap;

justify-content: center;

padding: -50px;

}

.hot-products-section .col-12,  

.hot-products-section .col-sm-6 {  

flex: 0 0 50%; /* 2 items per row */

max-width: 50%; 

padding:0px;

}

.hot-product-card {

margin: 5px;

}

.product-image {

width: 100%;

height: auto;

}


    .cart-icon {

        position: absolute;

        /* top: 75px; */

        /* right: 10px; */

        /* background: #EC2029; */

        color: #fff;

        padding: 6px;

        border-radius: 10%;

        cursor: pointer;

    }

.product-name{

font-size: 12px;


}
.product-info{
  height: 140px;
}

}
@media only screen and (max-width: 480px) {
  .product-info{
  height: 165px;
}
}


/* ======================================================================= WRAP-7 ========================================================= */

.latest-videos {

background-color: #f8f9fa;

border: 1px solid #ddd;

border-radius: 10px;

padding: 20px;

text-align: center;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);

}

.video-container {

position: relative;

width: 100%;

padding-top: 56.25%; /* 16:9 Aspect Ratio */

}

.video-container iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

border-radius: 10px;

}

.swiper-button-next,

.swiper-button-prev {

color: whitesmoke !important;

background-color: red;

width: 30px;

height: 30px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

position: absolute;

top: 50%;

z-index: 10;

}

.swiper-button-next {

right: 5px;

}

.swiper-button-prev {

left: 5px;

}

.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after {

content: 'prev';

font-size: 10px;

font-weight: bold;

}

.swiper-button-next:after {

content: 'next';

font-size: 10px;

font-weight: bold;

}

@media (max-width: 768px) {

.swiper {

overflow: hidden;

}

.swiper-slide {

flex: 0 0 100%; /* Each video takes full width */

max-width: 100%;

}

.latest-videos{

padding: 0px;

}

}

/* =========================================================== WRAP-8  START============================================================= */

.blog-card {

background-color: #fff;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

height: 650px;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5); /* 3D Effect */

}

.blog-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), 

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

.blog-image {

width: 100%;

height: auto;

object-fit: cover;

}

.blog-content {

padding: 16px;

}

.blog-category {

font-size: 14.24px;

text-transform: uppercase;

font-weight: bold;

color: #888;

}

.blog-title {

font-size: 22.4px;

font-weight: bold;

color: #000;

}

.blog-meta {

font-size:14.4px;

color: #555;

}

.blog-description {

font-size: 16px;

color: #333;

}

.read-more {

display: inline-block;

padding: 8px 16px;

font-size: 16px;

font-weight: bold;

text-decoration: none;

background-color:#EC2029;

color: #fff;

border-radius: 5px;

transition: 0.3s;

}

.read-more:hover {

background: linear-gradient(to right, #333333, #dd1818); 

}

.load-more-btn {

padding: 10px 20px;

font-size: 16px;

font-weight: bold;

background-color: #EC2029;

color: #fff;

border: none;

border-radius: 5px;

cursor: pointer;

transition: background-color 0.3s ease;

}

.load-more-btn:hover {

background: linear-gradient(to right, #333333, #dd1818);

}

/* .read-more {

display: inline-block;

padding: 8px 16px;

font-size: 16px;

font-weight: bold;

text-decoration: none;

background-color:#EC2029;

color: #fff;

border-radius: 5px;

transition: 0.3s;

}

.read-more:hover {

background: linear-gradient(to right, #333333, #dd1818); 

} */

@media (min-width: 768px) and (max-width: 968px) {

.blog-column{

flex: 0 0 33.333333%;

max-width: 33.333333%; 

}

.blog-title{

font-size: 13px;

}

.blog-category{

font-size: 11px;

}

p{

margin-bottom: 5px;

}

.blog-meta{

font-size: 10px;

}

.blog-description{

font-size: 14px;

}

.read-more{

padding: 6px 10px;

font-size: 10px;

font-weight: 500;

}

}

/*  for card height */

@media (max-width: 1400px) {

.blog-card {

height: 600px;

}

}

@media (max-width: 1200px) {

.blog-card {

height: 585px;

}

}

@media (max-width: 992px) {

.blog-card {

height: 480px;

}

}

@media (max-width: 768px) {

.blog-card {

height: 420px;

}

}

@media (max-width: 576px) {

.blog-card {

height: 640px;

}

}

@media (max-width: 400px) {

.blog-card {

height: 590px;

}

}

/* ==========================================================WRAP 3CONATINERS START======================================== */

.card-custom {

border: none;

text-align: center;

padding: 20px;

box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

border-radius: 10px;

transition: transform 0.3s;

}

.card-custom:hover {

transform: scale(1.05);

}

.icon {

font-size: 50px;

padding: 10px;

border-radius: 10%;

color: white;

display: inline-block;

}

.boxof3{

background-color: #f8f8f8;

}

@media (min-width: 768px) and (max-width: 968px) {

h5{

font-size: 16px;

}

}

/* .icon-blue { background-color: #EC2029 ; }

.icon-teal { background-color: #EC2029; }

.icon-purple { background-color:#EC2029; } */

/* ==========================================================WRAP 3CONATINERS END ======================================== */

/* <!-- ===============================================WRAP-10 START OUR CLINTS START==================================== --> */

.clients-description {

font-size: 1.2rem;

color: #555;

white-space: normal;

word-wrap: break-word;

overflow-wrap: break-word;

max-width: 100%;

} 

.our-client-container {

/* background-color: #E4E4E4; */

overflow: hidden;

padding: 0 0 60px 0;

white-space: nowrap;

position: relative;

}

.our-client-name {

margin-top: 10px;

/* font-family: Arial, sans-serif; */

font-size:1.2rem;

color: #555555;

white-space: nowrap;

}

/* Pause animation on hover */

.our-client-container:hover .our-client-slide {

animation-play-state: paused;

}

.our-client-wrapper {

display: flex;

width: max-content;

position: relative;

}

.our-client-slide {

display: flex;

animation: slide 60s linear infinite;

}

.our-client-item {

display: inline-block;

text-align: center;

margin: 0 40px;

}

.our-client-item img {

height: auto;

padding: 5px;

}

@keyframes slide {

from {

transform: translateX(0);

}

to {

transform: translateX(-50%); 

}

}

@media (min-width: 768px) and (max-width: 968px) {

.clients-heading {

font-size: 1.8rem;

}

.clients-description {

font-size: 1.1rem;

}

}

@media (max-width: 767px) {

.clients-heading {

font-size: 1.5rem;

margin-bottom: 0.5rem;

}

.clients-description {

font-size: 1rem;

padding: 0 10px;

}

}

/* <!-- ===============================================WRAP-10 END OUR CLINTS END==================================== --> */

/* <!-- ==================================================CALL TO ACTION BUTTON==START=============================== --> */

/* whatsAap button start  */

.footer-wp-float{

	position:fixed;

	width:50px;

	height:50px;

	bottom:80px;

	right:20px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.my-footer-wp-float{

	margin-top:12px;

}



a.shop-now-btn {

    color: #eb1d25;

    font-size: 16px;

    text-decoration: underline;

    font-weight: bold;

    

}



/* whtsaAap button end */

/* Custom CSS for the fixed telephone button */

.fixed-tel {

position: fixed;

bottom: 20px;

right: 20px;

width: 50px;

height: 50px;

line-height: 50px;

z-index: 9999;

text-align: center;

}

.fixed-tel:before {

content: "";

width: 50px;

height: 50px;

background-color: #ec2029;

position: absolute;

border-radius: 100%;

box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);

z-index: 1;

top: 0;

left: 0;

}

.fixed-tel i {

vertical-align: middle;

z-index: 2;

position: relative;

color: #ffffff;

font-size: 1.5rem;

}

/* <!-- ==================================================CALL TO ACTION BUTTON==END========================= --> */

/*========================================================MAIN FOOTER START=============================================== */

/* Custom CSS for a unique footer */

footer {

background-color: #f3f3f9; 

color: #ecf0f1;

padding:20px 0;

}

footer h5 {

color:black;

margin-bottom: 20px;

font-weight: bold; 

}

footer ul {

list-style: none;

padding: 0;

}

footer ul li {

margin-bottom: 10px;

}

footer ul li a {

color: black;

text-decoration: none;

transition: color 0.3s ease;

font-size: 16px;

}

/* footer ul li a:hover {

color: gray;

}   */

/* Mobile Accordion */

@media (max-width: 767.98px) {

footer{

background-color: #f3f3f9; 

padding: 0px 0px 5px 0px;

}

footer h5 {

margin-bottom: 0px;

font-weight: 500;

font-size: 16px;

}

footer ul li {

margin-bottom: 0px;

}

.footer-column {

margin-bottom: 0px;

}

.footer-column h5 {

cursor: pointer;

display: flex;

justify-content: space-between;

align-items: center;

padding:10px;

background-color:#f3f3f9;

border-radius: 5px;

}

.footer-column h5::after {

content: "+";

font-size: 20px;

transition: transform 0.3s ease;

}

.footer-column.active h5::after {

transform: rotate(45deg);

}

.footer-column ul {

display: none;

padding: 10px 0;

}

.footer-column.active ul {

display: block;

}

}

@media (min-width: 968px) and (max-width: 1023px) {

.footer h5{

font-size: 18px;

}

}

/*============================================================MAIN FOOTER END======================================= */



/* ============================================================MID-FOOTER========================================== */

/* <!-- CSS --> */



.homepage-footer-mid {

  background-color: #f3f3f9;

}



.homepage-footer-mid p {

  font-size: 18px;

  line-height: 1.6;

  margin-bottom: 0;

  color: #000;

}





/* =================================================BOTTOM FOOTER=================================== */

.footer-top-bar {

background-color: #f3f3f9;

}

.footer {

background-color: #0B0B0B;

padding: 20px 0;

border-top: 1px solid #e9ecef;

color: white;

}

.footer-logo img {

max-width: 100%;

height: auto;

margin: 10px;

}

.footer-divider {

border-top: 1px solid #e9ecef;

margin: 20px 0;

}

.footer-links {

text-align: center;

margin-top: 20px;

}

.footer-links ul {

list-style: none;

padding: 0;

margin: 0;

display: flex;

justify-content:center;

flex-wrap: wrap;

}

.footer-links li {

margin: 0px 0px;

}

.footer-links a {

color: white;

text-decoration: none;

font-size: 14px;

}

.footer-links a:hover {

color: rgb(236, 236, 236);

}

.bot-line {

margin: 0 5px;

}

/* Responsive adjustments */

@media (max-width: 767.98px) {

.footer-logo img {

margin: 0px;

}

.footer-links ul {

flex-direction: row;

flex-wrap: wrap;

justify-content: center; 

}

.footer-links li {

margin: 0px 0px;

}

.bot-line {

display: inline; 

}

.footer-links {

margin-top: 2px;

}

.footer-links a {

font-size: 10px;

font-weight: 500;

}

}







.homefooter-bottom {

  font-size: 14px;

  color: #fff; 

}



.footer-bottom p {

  margin: 0;

}







/*==================================================================================================================================== */

/*=================BLOG HOME PAGE=========START===================BLOG HOME PAGE===========START==============BLOG HOME PAGE========== */

/*=====================================================================================================================================*/

/* <!-- ===============================================BANNER HERO SECTION START========================================================--> */

/* Updated CSS for Blog Home Page */

.blog-home-banner {

position: relative;

width: 100%;

height: 400px; /* Adjust height as needed */

background-repeat: no-repeat;

background-size: cover;

border-radius: 10px;

overflow: hidden;

}

/* Dark Overlay */

.blog-home-banner::before {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.5);

}

/* Text Content Styling */

.blog-home-banner .banner-content {

position: absolute;

top: 50%;

left: 5%;

transform: translateY(-50%);

color: white;

max-width: 90%;

}

.blog-home-banner .banner-title {

font-size: 2rem;

font-weight: bold;

}

.blog-home-banner .banner-description {

font-size: 1rem;

margin-top: 10px;

}

.blog-home-banner .post-count {

font-size: 0.9rem;

color: #e0e0e0;

}

.blog-home-banner .category-label {

font-size: 1.2rem;

font-weight: bold;

color: #f8f8f8;

}

/* <!-- ==================================================BANNER HERO SECTION END========================================================--> */

/* <!-- ============================================BLOG=========LATEST POST START===========================================================--> */

.image-container { width: 100%; height: 100%; } 

.fixed-img { width: 100%; height: 100%; object-fit: cover; }

/* Custom styles */

.main-article img {

width: 100%;

/* height: auto; */

border-radius: 0.25rem;

}  

.read-more-btn {

background-color: #000;

color: white;

border: none;

padding: 0.5rem 1rem;

border-radius: 0.25rem;

}

.latest-posts h5 {

border-bottom: 2px solid #007bff;

display: inline-block;

margin-bottom: 1rem;

padding-bottom: 0.3rem;

font-weight: bold;

}

.latest-posts .post-item {

margin-bottom: 1.5rem;

}

.latest-posts .post-item h6 {

font-size: 1rem;

font-weight: bold;

margin-bottom: 0.3rem;

}

.latest-posts .post-item .small {

font-size: 0.85rem;

}

/* cat */

.categories {

max-width: 600px;

}

/* facebook icons followers */

.subscribe a {

display: flex;

justify-content: space-between;

align-items: center;

padding: 5px;

color: white;

text-decoration: none;

border-radius: 5px;

margin-bottom: 5px;

}

.subscribe a.facebook { background-color: #3b5998; }

.subscribe a.twitter { background-color: #1da1f2; }

.subscribe a.instagram { background: radial-gradient(circle, #f58529, #dd2a7b, #8134af); }

.subscribe a.youtube { background-color: #ff0000; }

.subscribe div.text-start {

flex-grow: 1;

}

.subscribe div.text-muted {

font-size: 12px;

margin-top: 2px;

color: white;

}

.subscribe i {

font-size: 20px;

}

/* LATEST POST */

/* Custom styles */

.main-content img {

width: 100%;

border-radius: 0.25rem;

}  

.btn-read-more {

background-color: #000;

color: white;

border: none;

padding: 0.5rem 1rem;

border-radius: 0.25rem;

}

.recent-posts h5 {

border-bottom: 2px solid #007bff;

display: inline-block;

margin-bottom: 1rem;

padding-bottom: 0.3rem;

font-weight: bold;

}

.recent-posts .post-entry {

margin-bottom: 1.5rem;

}

.recent-posts .post-entry h6 {

font-size: 1rem;

font-weight: bold;

margin-bottom: 0.3rem;

}

.recent-posts .post-entry .text-small {

font-size: 0.85rem;

}

/* Categories */

.categories {

max-width: 600px;

}

.category-item {

padding: 10px 10px;

border-radius: 5px;

background-size: cover;

background-repeat: no-repeat;

margin-bottom: 8px;

color: white;

font-size: 16px;

font-weight: bold;

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);

}

.social-links a {

display: flex;

justify-content: space-between;

align-items: center;

padding: 5px;

color: white;

text-decoration: none;

border-radius: 5px;

margin-bottom: 5px;

}

.social-links a.facebook { background-color: #3b5998; }

.social-links a.twitter { background-color: #1da1f2; }

.social-links a.instagram { background: radial-gradient(circle, #f58529, #dd2a7b, #8134af); }

.social-links a.youtube { background-color: #ff0000; }

.social-links div.text-left {

flex-grow: 1;

}

.social-links div.text-muted {

font-size: 12px;

margin-top: 2px;

color: white;

}

.social-links i {

font-size: 20px;

}

.badge-business { background-color: #7b61ff; color: #fff; }

.badge-world { background-color: #2c2f33; color: #fff; }

.badge-video { background-color: #007bff; color: #fff; }

.badge-markets { background-color: #f77e1d; color: #fff; }

.badge-politics { background-color: #6c757d; color: #fff; }

.category-badge {

font-size: 0.75rem;

padding: 5px 10px;

border-radius: 20px;

font-weight: 600;

}

/*---------------------------COL-8 ----------------------*/

.featured-container {

display: grid;

grid-template-columns: 1fr;

gap: 20px;

}

/* Common Styling */

.featured-post {

position: relative;

width: 100%;

height: 445px;

border-radius: 5px;

overflow: hidden;

}

/* Dark Overlay */

.featured-post::before {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.5);

}

/* Content Styling */

.featured-post .content {

position: absolute;

bottom: 20px;

left: 20px;

color: white;

}

.featured-post h2 {

font-size: 1.8rem;

font-weight: bold;

}

.featured-post p {

font-size: 1rem;

margin-top: 5px;

}

/* <!-- ======================================BLOG=========LATEST POST END==========================================================-->*/

/* =================================================================================================================================== */

/*END=============BLOG HOME PAGE=========END===================BLOG HOME PAGE===========END==============BLOG HOME PAGE============END */

/*=====================================================================================================================================*/

/* ---- */

/* ---- */

/* ---- */

/* =================================================================================================================================== */

/*START=============BLOG MAIN PAGE=========START===================BLOG MAIN PAGE===========START==============BLOG MAIN PAGE========= */

/*=====================================================================================================================================*/

.blgh2{

font-size: 24px;

}

.blgparaa{

font-size: 15px;

}

.main-blog-img img {

width: 100%;

height: auto;

}

.main-blog-content {

padding: 20px 20px 20px 40px;

}

.main-blog-category-badge {

background-color: #6c5ce7;

color: white;

padding: 5px 12px;

border-radius: 20px;

font-size: 14px;

display: inline-block;

margin-bottom: 10px;

}

.main-blog-title {

font-size: 40px;

font-weight: bold;

padding-top: 60px;

padding-bottom: 10px;

}

.main-blog-meta {

font-size: 14px;

color: gray;

}

.main-blog-meta span {

margin-right: 15px;

}

.main-blog-icon-container {

display: flex;

justify-content: space-between;

align-items: center;

margin-top: 20px;

flex-wrap: wrap;

}

.main-blog-stats {

display: flex;

gap: 20px;

}

.main-blog-stats span {

display: flex;

align-items: center;

}

.image-mainblog-container img {

width:100%;

height:400px;

object-fit: cover;

border-radius: 10px;

}

.main-blog-social-icons {

display: flex;

gap: 15px;

margin-top: 10px;

}

.main-blog-social-icons a {

font-size: 24px;

transition: 0.3s;

}

.main-blog-social-icons a.text-primary {

color: #6c5ce7;

}

.main-blog-social-icons a.text-info {

color: #17a2b8;

}

.main-blog-social-icons a.text-danger {

color: #dc3545;

}

.main-blog-social-icons a:hover {

opacity: 0.8;

}

/*  leve comment section */

.blogdetail-comment {

background: white;

padding: 20px;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

margin-top: 20px;

}

.blogdetail-profile {

display: flex;

align-items: center;

justify-content: space-between;

}

.blogdetail-profile-left {

display: flex;

align-items: center;

gap: 15px;

}

.blogdetail-profile img {

width: 50px;

height: 50px;

border-radius: 50%;

}

.blogdetail-three-dots {

font-size: 24px;

cursor: pointer;

}

/* ======================================================================================== */

/* Responsive Adjustments */

@media (max-width: 768px) {

.main-blog-content {

text-align: center;

padding: 20px;

}

.main-blog-title {

font-size: 30px;

padding-top: 20px;

}

.main-blog-meta span {

display: block;

margin-bottom: 5px;

}

.main-blog-icon-container {

flex-direction: column;

gap: 10px;

}

.main-blog-stats,

.main-blog-social-icons {

justify-content: center;

}

.blog-detail{

padding: 0px 11px;

}

.profile-card {

margin: 0px 10px;

}

.trending,.trnd{

padding: 0px 10px;

}

}

.profile-card {

background-color:#F7F7F7; 

max-width: 350px; 

height:400px; 

}

.profile-img {

width: 80px; 

height: 80px;

border-radius: 50%;

object-fit: cover;

}

/* =================================================================================================================================== */

/*END==============BLOG MAIN PAGE===========END===================BLOG MAIN PAGE===========END================BLOG MAIN PAGE========== */

/*=====================================================================================================================================*/

/* ======================================================================================================================================== */

/*=======SHOP PAGE PRODUCT SHOP PAGE====START==============SHOP PAGE PRODUCT SHOP PAGE=====START================PRODUCT SHOP PAGE===========*/

/*========================================================================================================================================= */

/*================================*/

/*====SHOP PAGE WRAP 01====start */

/*================================*/

/* heading start */

.shoppage-heading {

text-align: center;

background-color: #ffefef;

padding: 60px  20px;

margin: 0 auto;

}

.shoppage-mainheading {

font-size: 2.5rem;

color: #333;

margin-bottom: 10px;

font-weight: bold;

}

.shoppage-subheading {

font-size: 2rem;

color: #e74c3c;

font-weight: bold;

}

@media (max-width: 768px) {

.shoppage-mainheading {

font-size: 2rem;

}

.shoppage-subheading {

font-size: 1.5rem;

}

}

@media (max-width: 480px) {

.shoppage-heading{

padding:10px 20px

}

.shoppage-mainheading {

font-size:18px;

}

.shoppage-subheading {

font-size: 18px;

}

}

#shopwrapone{

background-color:#f5f5f7;

padding: 20px 0px 80px 0px;

}

/* .tab-slider-container {

position: relative;

display: flex;

align-items: center;

justify-content: center;

overflow: hidden;

max-width: 100%;

padding-top:10px;

} */

.tab-slider {

display: flex;

overflow-x: auto;

scroll-behavior: smooth;

white-space: nowrap;

gap: 10px;

max-width: 100%;

padding-bottom: 5px;

scrollbar-width: none;

}

.tab-slider::-webkit-scrollbar {

display: none;

}

.nav-tabs {

border: none;

flex-wrap: nowrap;

}

.nav-tabs .nav-link {

border-radius: 30px;

padding: 10px 20px;

font-weight: 500;

color: black;

background-color: #ffffff;

transition: all 0.3s ease;

border: 1px solid #000000;

white-space: nowrap;

}

.nav-tabs .nav-link.active {

background-color: #EC2029;

color: white;

}

/* .slider-btn {

position: absolute;

top: 50%;

transform: translateY(-50%);

background: rgba(236, 32, 41, 0.8);

border: none;

padding: 10px;

cursor: pointer;

border-radius: 50%;

color: white;

z-index: 10;

}

.slider-btn.left {

left: 0;

}

.slider-btn.right {

right: 0;

}

*/

/* ======== 1850pm 01032025========== */

.tab-slider-container {

position: relative;

display: flex;

align-items: center;

justify-content: center;

overflow: visible;

max-width: 100%;

padding-top: 10px;

}

.slider-btn {

position: absolute;

top: 50%;

transform: translateY(-50%);

background: rgba(236, 32, 41, 0.8);

border: none;

padding: 10px;

height: 45px;

width: 45px;

cursor: pointer;

border-radius: 50%;

color: white;

z-index: 10;

}

/* Move buttons outside the container */

.slider-btn.left {

left: -45px;

}

.slider-btn.right {

right: -45px;

}

/* =================== */

.custom-product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: left;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);

margin-bottom: 15px;

}

.custom-product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3);

}

.custom-product-image-wrapper {

width: 100%;

height: auto;

overflow: hidden;

border-radius: 10px;

}

.custom-product-image {

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

.custom-product-image-wrapper:hover .custom-product-image {

transform: scale(1.1);

}

.custom-product-info {

padding: 16px;

position: relative;

}

.custom-product-name {

font-weight: bold;

font-size: 19.2px;

color: #000;

}

.custom-product-price {

font-weight: bold;

font-size: 12.8px;

color: #000;

}

.custom-discounted-price {

text-decoration: line-through;

color: #EC2029;

font-size: 12.8px;

}

.custom-rating {

color: #FFD700;

font-size: 16px;

}

.custom-cart-icon {

position: absolute;

top: 70px;

right: 10px;

background: #EC2029;

color: #fff;

padding: 5px;

border-radius: 10%;

cursor: pointer;

}
.shop-product-info{
padding: 16px;
position: relative;
height:162px;
}

@media (max-width: 768px) {

#shopwrapone .row {

display: flex;

flex-wrap: wrap;

margin: 0 -6px; 

}

#shopwrapone  .col-md-3,.col-6

{ padding: 0 4px; }

#shopwrapone .custom-product-card {

margin-bottom: 10px; 

}

#shopwrapone .custom-product-name {

font-size: 11px; 

}

#shopwrapone .custom-product-price,

#shopwrapone .custom-discounted-price {

font-size: 12px; 

}

#shopwrapone .custom-rating {

font-size: 14px;

}

#shopwrapone .custom-cart-icon {

top: 75px; 

font-size: 14px; 

}

.slider-btn.left {

left: 0px;

}

.slider-btn.right {

right: 0px;

}
.shop-product-info{
  height: 110px;
}

/* .slider-btn{

} */

}

/* ==================================  */

/* =========SHOP PAGE WRAP-2=========  */

/* ==================================  */

#shoppageimage{

background-color:white;

}

/* for subheading */

.shoppage-headingtwo {

text-align: center;

background-color:white;

padding: 80px  20px;

margin: 0 auto;

}

.shoppage-mainheadingtwo {

font-size: 2.5rem;

color: #333;

margin-bottom: 10px;

font-weight: bold;

}

.shoppage-subheadingtwo {

font-size: 2rem;

color: #e74c3c;

font-weight: bold;

}

@media (max-width: 768px) {

.shoppage-mainheadingtwo {

font-size: 2rem;

}

.shoppage-subheadingtwo {

font-size: 1.5rem;

}

}

@media (max-width: 480px) {

.shoppage-heading{

padding:10px 20px

}

.shoppage-mainheadingtwo {

font-size:20px;

}

.shoppage-subheadingtwo {

font-size: 20px;

}

}

/* for button */

/* button */      

.shoppage-button-container {

width: 100%;

max-width:200px;

margin: 0 auto;

padding:30px 10px; 

}

.shoppage-unique-button {

display: block;

width: 100%;

padding: 15px 30px;

font-size: 18px;

font-weight: bold;

color: #fff;

background-color: #EC2029;

border: none;

border-radius: 8px;

cursor: pointer;

position: relative;

overflow: hidden;

transition: all 0.5s ease;

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);

}

.shoppage-unique-button::before {

content: '';

position: absolute;

top: 0;

left: -100%;

width: 100%;

height: 100%;

background: linear-gradient(45deg, #EC2029, #FF6B6B, #EC2029);

transition: all 0.5s ease;

z-index: 0;

}

.shoppage-unique-button:hover::before {

left: 0;

}

.shoppage-unique-button:hover {

color: #fff;

transform: translateY(-3px); 

box-shadow:0 6px 12px rgba(0, 0, 0, 0.3);

}

.shoppage-unique-button span {

position: relative;

z-index: 1;

}

.shoppage-unique-button:active {

transform: scale(0.95); 

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}

@media (max-width: 768px) {

.shoppage-unique-button {

padding: 12px 24px;

font-size: 16px;

}

}

@media (max-width: 480px) {

.shoppage-unique-button {

padding: 10px 20px;

font-size: 14px;

}

}

/* ==================================  */

/* =========SHOP PAGE WRAP-3=========  */

/* ==================================  */

.mainproduct-carousel-section {

text-align: center;

padding: 80px 20px;

/* background: linear-gradient(135deg, #f0f0f0, #d6d6d6); */

background-color:#f5f5f7;

}

.mainproduct-carousel-box {

position: relative;

padding: 20px;

border-radius: 15px;

background: #fff;

box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

overflow: hidden;

}

.mainproduct img {

max-width: 100%;

height: auto;

border-radius: 10px;

transition: transform 0.3s ease-in-out;

}

.mainproduct img:hover {

transform: scale(1.05);

}

.mainproduct-carousel-text-container {

display: flex;

flex-direction: column;

justify-content: center;

text-align: center;

padding: 20px;

animation: fadeIn 1s ease-in-out;

}

.mainproduct-carousel-title {

font-size: 1.6rem;

font-weight: bold;

color: #333;

margin-bottom: 15px;

line-height: 1.3;

}

.mainproduct-controls {

display: flex;

justify-content: center;

align-items: center;

margin-top: 20px;

gap: 15px;

}

.mainproduct-prev, .mainproduct-next {

background:#ec2029;

color: white;

border: none;

font-size: 18px;

cursor: pointer;

padding: 10px 15px;

border-radius: 50%;

transition: all 0.3s ease-in-out;

box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);

}

.mainproduct-prev:hover, .mainproduct-next:hover {

background:#ed2d36;

transform: scale(1.1);

box-shadow: 0px 5px 20px rgba(212, 0, 0, 0.5);

}

.mainproduct-indicators {

display: flex;

gap: 8px;

}

.mainproduct-dot {

width: 12px;

height: 12px;

background: #bbb;

border-radius: 50%;

cursor: pointer;

transition: all 0.3s ease-in-out;

box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

}

.mainproduct-dot:hover {

transform: scale(1.2);

}

.mainproduct-dot.active {

background:#e73f47;

box-shadow: 0px 2px 10px rgba(255, 0, 0, 0.8);

}

@media (max-width: 767px) {

.mainproduct-carousel-section {

padding: 20px 0px;

}

.mainproduct-carousel-box {

padding: 24px;

}

.mainproduct-carousel-text-container {

padding: 15px;

text-align: center;

}

.mainproduct-carousel-title {

font-size: 18px;

margin-bottom: 10px;

}

.mainproduct img {

max-width: 100%;

border-radius: 8px;

}

.mainproduct-controls {

margin-top: 15px;

}

.mainproduct-prev, .mainproduct-next {

font-size: 16px;

padding: 8px 12px;

}

.mainproduct-dot {

width: 10px;

height: 10px;

}

}

/* ========================================================================================================================================= */

/* ======================================================================================================================================== */

/*=======SHOP PAGE PRODUCT SHOP PAGE====END==============SHOP PAGE PRODUCT SHOP PAGE=====END================PRODUCT SHOP PAGE===========*/

/*========================================================================================================================================= */

/* **************************************************************************************************************************************** */

/*=======SHOP DETAIL PAGE-START====================SHOP-DETAIL-PAGE-START=====================SHOP-DETAIL-PAGE-START========================*/

/* **************************************************************************************************************************************** */

/* ****************************************** */

/* ===========breadcrum======START=== */

/* ****************************************** */

.productdetailpg-crumbs {

display: flex;

font-size: 16px;

font-weight: 600;

overflow-x: auto;

white-space: nowrap;

padding: 10px;

color: #000000;

background-color: #ffefef;

margin-bottom: 20px;

}

.productdetailpg-crumbs a {

text-decoration: none;

color: inherit;

margin-right: 4px;

}

.productdetailpg-crumbs span {

margin: 0 6px;

color: #aaa;

}

.productdetailpg-crumbs .end {

color: #ec2029;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

display: inline-block;

max-width: 200px;

}

/* ****************************************** */

/* ===========breadcrum======END=== */

/* ****************************************** */

/* ****************************************** */

/* ===========WRAP-2======SHOP DETAIL PAGE=== */

/* ****************************************** */

.shopdetailone-card {

background-color: #fff;

padding: 14px;

border: none;

}

ul {

list-style: none;

padding-left: 0;

}

.lightSlider img {

display: block;

height: auto;

width: 100%;

}

/* THIS IS SHOPDETAIL IMAGE SLIDE LEFT RIGHT BUTTON CSS  BT MAM*/

#product_detailpage_wrap2 .lSAction {

display: none !important;

}

#product_detailpage_wrap2 .custom-arrow {

position: absolute;

top: 65%;

transform: translateY(-50%);

background: rgb(0 0 0 / 24%);

color: #fff;

font-size: 24px;

padding: 10px 22px;

cursor: pointer;

border-radius: 50%;

z-index: 10;

}

#product_detailpage_wrap2 .thumb-nav{

position: absolute;

top: 55%;

transform: translateY(-50%);

background: rgba(0, 0, 0, 0.5);

color: #fff;

font-size: 18px;

padding: 8px 12px;

cursor: pointer;

border-radius: 50%;

z-index: 10;

}

#product_detailpage_wrap2 .next-main{

left: 45.5%;

}

#product_detailpage_wrap2 .prev-thumb {

left: -30px;

}

#product_detailpage_wrap2 .next-thumb {

right: -30px;

}

/* Positioning Thumbnail Navigation */

#product_detailpage_wrap2 .thumbnail-wrapper {

position: relative;

width: 100%;

margin-top: 10px;

}

/* =========================== */

.shopdetailtwo-page{

padding: 15px;

}

.shopdetailtwo-product-title {

font-size: 22px;

font-weight: 600;

line-height: 1.2;

text-align: left;

white-space:per-line

}

.shopdetailtwo-sku{

color: #666;

font-size: 12px;

line-height:14px

}

.shopdetailtwo-rating {

display:flex;

align-items: center;

gap: 10px;

color: gold;

font-size: 16px;

}

/* .stars {

color: #ffa500;

} */

.shopdetailtwo-write-review {

color:#eb2027;

text-decoration: none;

font-weight: bold;

font-size:14px

}

.shopdetailtwo-pricing {

font-size: 1.2rem;

margin: 10px 0;

text-align: left;

}

/* .shopdetailtwo-original-price {

color: gray;

margin-right: 10px;

} */

.shopdetailtwo-original-price {

color: red;

margin-right: 10px;

text-decoration: line-through;

}

.shopdetailtwo-page , .shopdetailtwo-discounted-price {

font-size: 1.5rem;

font-weight: bold;

}

.shopdetailtwo-savings {

color: green;

font-size: 14px;

font-weight: 600;

}

.shopdetailtwo-reward-points{

font-size: 14px;

font-weight: 400; 

}

.shopdetailtwo-return-policy {

background:#f1f7ff;

border-radius: 5px;

}

.shopdetailtwo-return-policy p{

font-size: 16px;

font-weight: 400;

padding: 10px;

}

.shopdetailtwo-features {

padding-left: 20px;

font-size: 14px;

}

.shopdetailtwo-features li{

font-size: 14px;

font-weight: 400;

}

/* ********************WISHLIST AND QUANTITY************************************ */

.shopdetailtwo-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 350px;

    padding: 10px 15px;

    border: 1px solid #e0e0e0;

    border-radius: 8px;

    background: #f9f9f9;

    box-shadow: 0 2px 8px rgba(0,0,0,0.05);

    gap: 20px;

}





.shopdetailtwo-quantity-selector {

    display: flex; 

    align-items: center;

    gap: 10px;

}





.shopdetailtwo-quantity-selector h5 {

    margin: 0; 

    font-size: 16px;

    color: #333; 

}

.shopdetailtwo-qty-btn {

    background: #ddd; 

    border: none; 

    width: 30px; 

    height: 30px;

    border-radius: 50%;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    line-height: 1; 

    transition: background 0.3s ease; 

}

.shopdetailtwo-qty-btn:hover {

    background: #ccc; 

}

.qty-input {

    width: 50px;

    height: 30px; 

    text-align: center; 

    border: 1px solid #ddd; 

    border-radius: 4px; 

    font-size: 16px; 

    color: #333;

    outline: none; 

}

.qty-input:focus{

    border-color: #007BFF; 

    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); 

}





.wishlist-btn {

    background-color: transparent;

    border: 1px solid #EC2029;

    color: #EC2029;

    padding: 6px 12px;

    border-radius: 20px;

    font-size: 14px;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    gap: 5px;

}

.wishlist-btn:hover {

    background-color: #EC2029;

    color: #fff;

}


@media (max-width: 991px) and (min-width: 768px) {
  .shopdetailtwo-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    max-width: 100%;
  }

  .shopdetailtwo-quantity-selector {
    width: 100%;
    justify-content: space-between;
  } 

  .wishlist-btn {
    align-self: stretch;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .shopdetailtwo-wrapper {
    flex-direction: column;         /* Stack vertically */
    align-items: stretch;           /* Full-width children */
    gap: 10px;                      /* Reduced gap */
  }

  .shopdetailtwo-quantity-selector {
    justify-content: space-between;
  }

  .wishlist-btn {
    width: 100%;                    /* Full width button */
    justify-content: center;        /* Center contents */
    font-size: 14px;
    padding: 8px;
    border-radius: 8px;
  }
}








/* ******************************************************** */

.shopdetailtwo-purchase-buttons {

display: flex;

gap: 10px;

margin-top: 20px;

}

.shopdetailtwo-add-to-cart, .shopdetailtwo-buy-now {

flex: 1;

padding: 10px;

border: none;

font-size: 1rem;

cursor: pointer;

border-radius: 30px 30px;

}

.shopdetailtwo-add-to-cart {

background: black;

color: white;

}

.shopdetailtwo-buy-now {

background:#ec2029;

color: white;

}

/* ========paymentopt========================================*/

.shopdetailtwo-payment-box {

background-color: #f8f9fa;

padding: 15px;

border-radius: 10px;

}

.shopdetailtwo-payment-box p {

font-size: 12px;

font-weight: 400;

text-align: left;

}

.shopdetailtwo-payment-box img {

height: 18px;

vertical-align: middle;

margin-right: 5px;

}

.shopdetailtwo-payment-box a {

text-decoration: none;

font-weight: bold;

}

/* .shopdetailtwo-help-section {

font-size: 14px;

margin-top: 10px;

display: flex;

align-items: center;

flex-wrap: wrap;

gap: 8px; 

}

.shopdetailtwo-help-section .icon {

font-size: 18px;

color: black;

}

.shopdetailtwo-help-section a {

text-decoration: none;

color: #ec2029;

} */

/* Responsive Styling */

@media (max-width: 576px) {  



/* .shopdetailtwo-help-section .icon {

margin-bottom: 5px;

} */

.shopdetailtwo-divider {

display: none; /* Hide unnecessary dividers */

}

#product_detailpage_wrap2 .next-main{

left: 86%;

font-size: 16px;

padding: 8px 16px;

}

#product_detailpage_wrap2 .custom-arrow{

font-size: 16px;

padding: 8px 16px;

top:55%

}

}

.help-container {

display: block;

}

.shopdetailtwo-divider {

display: inline-block;

width: 1px;

height: 14px;

background-color: #ccc;

margin: 0 10px;

}







 /* MEDIA QUERY FOR ALL DEVCES PRODUCT DETAIL */

/* ******************************** */

/* Default (mobile first) */



/* Small tablets (min-width: 576px) */

@media (min-width: 576px) {

  #product_detailpage_wrap2 .custom-arrow{

    top: 62%;

  }

    }

/* Tablets (min-width: 768px) */

@media (min-width: 768px) {

  #product_detailpage_wrap2 .custom-arrow{

    top: 58%;

  }

}

/* Small desktops (min-width: 992px) */

@media (min-width: 992px) {

  #product_detailpage_wrap2 .custom-arrow{

    top: 66%;

  }

}

/* Medium desktops (min-width: 1200px) */

@media (min-width: 1200px) {

  #product_detailpage_wrap2 .custom-arrow{

    top: 80%;

  }

}

/* ******************************** */

/*================================ ADDON PRODUCT =================================*/

/* =======17042025====redited */

.bundle-container {

border: 1px solid #ddd;

border-radius: 10px;

padding: 15px;

background-color: #fff;

}

.thisisadonitem p {

color: red;

}

.discount-shopdetail-price {

color: red;

/* font-weight: bold; */

font-size: 14px;

}

.strike-shopdetail-price {

text-decoration: line-through;

color: gray;

font-size: 14px;

}

.final-shopdetail-price {

font-size: 1.2rem;

font-weight: bold;

color: red;

}

.product-img {

width: 100%;

max-width: 80px;

}

/* .viewmorebundle {

font-size: 14px;

display: inline-block;

margin-top: 8px;

} */

.viewmorebundle {

  font-size: 14px;

  display: inline-block;

  margin-top: 10px;

  color: #d00;

  font-weight: 500;

  text-decoration: underline;

}





.viewmorebundle .arrow-icon {

  font-size: 16px;

  margin-left: 4px;

}





.bundleadd-quantity-box {

border: 1px solid #ccc;

border-radius: 5px;

overflow: hidden;

height: 32px;

margin-top: 5px;

}

.bundleadd-qty-btn {

background: #f5f5f5;

border: none;

width: 32px;

height: 32px;

font-size: 18px;

line-height: 1;

text-align: center;

cursor: pointer;

}

.bundleitempara{

font-size: 14px;

}

.bundleadd-qty-input {

width: 40px;

text-align: center;

border: none;

outline: none;

font-size: 14px;

} 

/* Hide number input spinner arrows for all browsers */

.bundleadd-qty-input::-webkit-inner-spin-button,

.bundleadd-qty-input::-webkit-outer-spin-button{

-webkit-appearance: none;

margin: 0;

}

.bundleadd-qty-input {

-moz-appearance:textfield; 

}

/* =======17042025====redited */

.cart-btn {

background-color: red;

color: #fff;

font-weight: bold;

border: none;

padding: 8px 10px;

cursor: pointer;

width: 100%;

border-radius: 5px;

font-size: 14px;

}

.cart-btn:hover {

background-color: darkred;

}

.text-end {

text-align: right;

}

@media (max-width: 768px) {

  

.shopdetailtwo-page {

text-align: left;

}

.shopdetailtwo-purchase-buttons {

flex-direction: column;

}

.shopdetailtwo-add-to-cart, 

.shopdetailtwo-buy-now {

width: 100%;

margin-bottom: 10px;

}

.shopdetailtwo-product-title {

font-size: 18px;

}

.shopdetailtwo-sku {

text-align: left;

}

.shopdetailtwo-rating {

font-size: 12px;

}

.shopdetailtwo-write-review {

font-size: 10px;

}

.shopdetailtwo-features {

padding-left: 0px;

text-align: left;

}

.thisisadonitem .text-start {

text-align: center !important;

}

} 

@media (max-width: 768px) {

.shopdetailtwo-page {

text-align: left;

}

.shopdetailtwo-purchase-buttons {

flex-direction: column;

}

.shopdetailtwo-add-to-cart, .shopdetailtwo-buy-now {

width: 100%;

margin-bottom: 10px;

}

.shopdetailtwo-product-title{

font-size: 18px;

}

.shopdetailtwo-sku{

text-align: left;

}

.shopdetailtwo-rating{

font-size: 12px;

}

.shopdetailtwo-write-review{

font-size: 10px;

}

.shopdetailtwo-features{

padding-left: 0px;

text-align: left;

}

}

/* scroll */

/* Right Side (Product Details) - Scrollable */

.shopdetailtwo-page {

overflow-y: auto;  

max-height: 100vh;

padding-right: 15px;

}

.shopdetailtwo-page::-webkit-scrollbar {

display: none; 

}

@media (max-width: 575.98px) {

  .bundleadd-quantity-box {

    margin-left: auto;

    margin-right: auto;

  }

}

/*  THIIS MEDIA QURY FOR SCROLL IDE ON MOBILE DEVCES*/

/* @media (max-width: 768px) {

.shopdetailtwo-page {

overflow-y: visible; 

max-height: none; 

}

} */

/*  FOR WRAP-5 BESTSELLER SECTION */

/* ****************************************** */

/* ===========WRAP-3======SHOP DETAIL PAGE=== */

/* ****************************************** */

.prodetailpg-wrap3 {

background-color: #f9f9f9;

padding: 40px 0;

}

.prodetailpg-container {

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

.prodetailpg-heading {

text-align: center;

font-size: 2.5rem;

color: #333;

margin-bottom: 40px;

}

.prodetailpg-tabs {

display: flex;

justify-content: center;

border-bottom: 2px solid #ddd;

margin-bottom: 20px;

overflow-x: auto;

white-space: nowrap; 

padding-bottom: 10px;

scrollbar-width: none; 

}

.prodetailpg-tabs::-webkit-scrollbar {

display: none;

}

.prodetailpg-tab-item {

margin: 0 15px;

flex-shrink: 0; 

}

.prodetailpg-tab-button {

padding: 10px 15px;

font-size: 16px;

white-space: nowrap;

border: none;

background-color: transparent;

color: #555;

cursor: pointer;

transition: all 0.3s ease;

}

.prodetailpg-tab-button.active {

color:#ec2029;

border-bottom: 3px solid #ec2029;

}

.prodetailpg-tab-button:hover {

color: #ec2029;

}

.prodetailpg-tab-content {

background-color: #fff;

padding: 20px;

border: 1px solid #ddd;

border-radius: 5px;

overflow: hidden; 

min-height: 200px; 

}

.prodetailpg-tab-pane {

display: none;

opacity: 0;

transition: opacity 0.3s ease-in-out;

}

.prodetailpg-tab-pane.active {

display: block;

opacity: 1;

}

.prodetailpg-tab-pane h2 {

font-size: 1.8rem;

color: #333;

margin-bottom: 20px;

}

.prodetailpg-tab-pane p {

font-size: 1rem;

color: #555;

line-height: 1.6;

}

.prodetailpg-tab-pane ul {

list-style-type: disc;

padding-left: 20px;

}

.prodetailpg-tab-pane ul li {

font-size: 1rem;

color: #555;

margin-bottom: 10px;

}

@media (max-width: 480px) {

.prodetailpg-heading {

font-size: 24px;

}

.prodetailpg-container {

padding: 0 10px;

}

.prodetailpg-tabs {

justify-content: flex-start;

}

.prodetailpg-tab-content {

padding: 15px;

}

}

















/* ****************************************** */

/* ***********REVIEW-SECTI******************* */

/* ****************************************** */

  .productdetail-review-section {

    padding: 40px 0;

    background-color: #fff;

  }



  .product-detail-review-card {

    border: 1px solid #eee;

    border-radius: 10px;

    padding: 20px;

    box-shadow: 0 4px 8px rgba(0,0,0,0.05);

    background: #fff;

  }



  .product-detail-review-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

  }



  .product-detail-review-userinfo {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 10px;

  }



  .product-detail-review-userinfo img {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    object-fit: cover;

  }



  .product-detail-review-user-details {

    font-weight: bold;

    font-size: 16px;

  }



  .product-detail-review-usertime {

    font-size: 13px;

    color: gray;

  }



  .productdetail-ratings {

    display: flex;

    align-items: center;

    gap: 5px;

    font-weight: bold;

    font-size: 16px;

  }



  .product-detail-rating-stars {

    color: #FFD700;

    font-size: 18px;

  }



  .productdetail-review-text {

    margin: 15px 0;

    font-size: 16px;

    color: #000000;

    line-height: 1.5;

  }



  .productdetail-review-images {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

  }



  .productdetail-review-images img {

    width: 80px;

    height: 80px;

    border-radius: 8px;

    object-fit: cover;

  }



  @media (max-width: 600px) {

    .productdetail-ratings {

      margin-left: auto;

      margin-top: 10px;

    }



    .productdetail-review-images img {

      width: 100%;

      max-width: 100px;

    }

  }



/* ****************************************** */

/* ===========WRAP-4======SHOP DETAIL PAGE=== */

/* ****************************************** */

.shopdetail-product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5); /* 3D Effect */

}

.shopdetail-product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), 

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

.shopdetail-wrap5margin{

margin: 70px 0px 50px 0px;

}

.header-wp-5{

font-weight: 700;

word-spacing:4px;

letter-spacing:-.5px;

font-size: 48px;

}

.shopdetail-product-card .shopdetail-btnw5 {

background-color:white;

border: 1px solid #EC2029;

color: #000;

font-weight: bold;

transition: background-color 0.3s ease, color 0.3s ease;

}

.shopdetail-product-card .old-shopdetail-price {

text-decoration: line-through;

color:#EC2029;

font-size: 14.4px;

}

.shopdetail-btnw5:hover {

background: linear-gradient(to right, #333333, #dd1818); 

color:white;

}

.shopdetail-product-card .shopdetail-price {

font-weight: bold;

font-size:25.6px;

color: #000;

}

/* Image container */

.shopdetail-imgover {

position: relative;

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

/* Overlay effect on hover */

.shopdetail-imgover-wrapper {

position: relative;

overflow: hidden;

}

.shopdetail-imgover-wrapper .shopdetail-overlay {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.7); /* Dark shopdetail-overlay */

color: #fff;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

text-align: center;

font-size: 19.2px;

font-weight: bold;

opacity: 0;

transition: opacity 0.3s ease;

padding: 10px;

}

.shopdetail-imgover-wrapper:hover .shopdetail-overlay {

opacity: 1;

}

.shopdetail-overlaypara{

font-size: 18px;

}

.shopdetail-imgover-wrapper:hover .imgover {

transform: scale(1.05);

}

/* Maintain image size */

.shopdetail-product-card img {

width: 100%;

height: auto;

}

.shopdetail-btnw5{ border: 1px solid red;}

/* updated code for navigation menu */

/*=======this is  download tab card=======*/

.shopdetail-card-custom {

width: 180px;

border: none;

box-shadow: 0 0 5px rgba(0,0,0,0.1);

transition: transform 0.3s ease-in-out;

}

.shopdetail-card-custom:hover {

transform: translateY(-5px);

}

.shopdetail-card-header {

background: linear-gradient(to bottom,#ee454d, #ec2029); 

color: white;

text-align: center;

font-weight: bold;

padding: 1rem;

border-bottom: 4px solid rgb(255, 140, 0);

}

.shopdetail-card-body {

text-align: center;

padding: 1.5rem 1rem;

}

.shopdetail-download-icon {

font-size: 2rem;

color: black;

}

.shopdetail-download-link {

display: block;

margin-top: 0.5rem;

text-decoration: none;

color: #ec2029;

font-weight: 500;

}

.shopdetail-download-link:hover {

text-decoration: underline;

}

@media (max-width: 576px) {

.shopdetail-tabdownload {

padding: 20px;

}

.shopdetail-tabdownload  .d-flex {

flex-direction: column; 

align-items: center;

}

.shopdetail-card-custom {

width: 100%;

margin-bottom: 15px;

}

}

/* ==================================== */

/* ******************************* */

/* ********owl-wrap-04************ */

/* ******************************* */

.newdata-relatedproduct {

display: block !important;

visibility: visible !important;

}

.newdata-relatedproduct .item {

text-align: center;

padding: 10px;

}

.newdata-relatedproduct .item img {

width: 100%;

height: auto;

/* border-radius: 10px; */

}

/* =============OWL CROUSEL WRAP5*============/*/

/* <!-- CSS Fix --> */

.newdata-bestseller {

display: block !important;

visibility: visible !important;

}

.newdata-bestseller .item {

text-align: center;

padding: 10px;

}

.newdata-bestseller .item img {

width: 100%;

height: auto;

/* border-radius: 10px; */

}

.owl-nav {

position: absolute;

top: 40%;

width: 100%;

transform: translateY(-50%);

}

.owl-nav .owl-prev {

position: absolute;

left: -40px;

font-size: 25px;

color: #333;

background: #fff;

border-radius: 50%;

padding: 5px 10px;

box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

.owl-nav .owl-next{

position: absolute;

right: -40px;

font-size: 25px;

color: #333;

background: #fff;

border-radius: 50%;

padding: 5px 10px;

box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

.owl-dots {

text-align: center;

margin-top: 5px;

}

.owl-dot {

width: 12px;

height: 12px;

margin: 5px;

border-radius: 50%;

background: #bbb;

display: inline-block;

}

.owl-dot.active {

background: #333;

}

/*  BACKGROUND COLOR FOR NAVIGATION BUTTON */

.owl-nav .owl-prev, 

.owl-nav .owl-next {

background-color:#EC2029 !important; 

color: #fff !important; 

border-radius: 50%; 

width: 40px; 

height: 40px;

display: flex;

align-items: center;

justify-content: center;

font-size: 18px; /* Adjust icon size */

transition: background-color 0.3s ease;

}

/* Hover effect */

.owl-nav .owl-prev:hover, 

.owl-nav .owl-next:hover {

background-color: #a50008 !important; 

color: #fff !important;

}

.accordion-button:not(.collapsed){

background-color:#e4e6f1 !important;

}

@media (max-width: 768px) {

/* Product Card Fixes */

.wrap5para{

font-size: 12px;

}

.shopdetail-product-card {

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

margin: 0px;

text-align: center;

background-color: white; /* Background fix */

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

-5px -5px 10px rgba(255, 255, 255, 0.5);

}

.shopdetail-product-card img {

width: 100%;

height: auto;

}

/* Hide carousel navigation buttons */ 

.shopdetail-product-card .shopdetail-btnw5{

font-size: 10px;

}

.shopdetail-product-card .shopdetail-price{

font-size:10px

}

.shopdetail-product-card .old-shopdetail-price{

font-size: 10px;

}

.shopdetail-overlaypara{

font-size:10px;

}

/*  OWL CROUSEL NAVIGATION BUTTON */

@media (max-width: 768px) {

.owl-nav {

width: 100%;

position: absolute;

top:40%;

transform: translateY(-50%);

}

.owl-nav .owl-prev, 

.owl-nav .owl-next {

position: absolute;

font-size: 10px; 

padding: 3px 8px;

box-shadow: none;

}

.owl-nav .owl-prev {

left: 0px;

}

.owl-nav .owl-next {

right: 0px; 

}

}

.newdata-bestseller .item {

padding:5px;

}

.newdata-relatedproduct .item {

padding:5px;

}

.owl-nav .owl-prev, 

.owl-nav .owl-next {

width: 25px; 

height: 25px;

display: flex;

font-size: 12px; 

}

}

/*============== */

/* Custom CSS for smaller devices */

@media (max-width: 767.98px) {

.shopdetail-subheader {

font-size: 1.5rem; 

}

.shopdetail-subheaderp {

font-size: 12px; 

}

}

@media (max-width: 480px) {

.shopdetailone-shopdetailone-card  .next-main{

left: 80%;

}

}

/* **************************************************************************************************************************************** */

/*=======SHOP DETAIL PAGE-END=======================SHOP-DETAIL-PAGE-END=======================SHOP-DETAIL-PAGE-END=========================*/

/* **************************************************************************************************************************************** */

/* **************************************************************************************************************************************** */

/*=======PRODUCT-CATEGORY-PAGE========START=======PRODUCT-CATEGORY-PAGE=========START=========PRODUCT-CATEGORY-PAGE========================*/

/* **************************************************************************************************************************************** */

/* CATEGORY PAGE HEADING PART START*/

.categorypage-headingone {

text-align: center;

background-color: #ffefef;

padding: 60px  20px;

margin: 0 auto;

}

.categorypage-mainheading {

font-size: 2.5rem;

color: #333;

margin-bottom: 10px;

font-weight: bold;

}

.categorypage-subheading {

font-size: 2rem;

color: #e74c3c;

font-weight: bold;

}

@media (max-width: 768px) {

.categorypage-mainheading {

font-size: 2rem;

}

.categorypage-subheading {

font-size: 1.5rem;

}

}

@media (max-width: 480px) {

.categorypage-headingone{

padding:10px 20px;

}

.categorypage-mainheading {

font-size:18px;

}

.categorypage-subheading {

font-size: 18px;

}

}

/* CATEGORY PAGE HEADING PART END*/

.categorypage-sidebar {

background: #ffffff;

padding: 25px;

border-radius: 12px;

box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

}

.categorypage-filter-section {

margin-bottom: 20px;

}

.filter-title {

font-weight: 600;

font-size: 16px;

color: #333;

cursor: pointer;

display: flex;

align-items: center;

justify-content: space-between;

padding: 10px;

background: #f8f9fa;

border-radius: 8px;

transition: all 0.3s ease;

}

.filter-title:hover {

background: #e9ecef;

}

.filter-text {

flex-grow: 1;

}

.filter-icon {

font-size: 14px;

transition: transform 0.3s ease;

margin-left: 10px;

}

.filter-title[aria-expanded="true"] .filter-icon {

transform: rotate(180deg);

}

.filter-box {

background: #f8f9fa;

padding: 15px;

border-radius: 8px;

margin-top: 10px;

animation: fadeIn 0.3s ease;

display: none; 

}

.filter-box.active {

display: block; 

}

@keyframes fadeIn {

from {

opacity: 0;

transform: translateY(-10px);

}

to {

opacity: 1;

transform: translateY(0);

}

}

.form-check-label {

margin-left: 10px;

font-size: 14px;

color: #555;

}

.form-check-input {

cursor: pointer;

}

.form-control {

border-radius: 6px;

border: 1px solid #ddd;

padding: 8px;

font-size: 14px;

}

.form-check-input:checked {

background-color:#ec2029 !important;

border-color:#ec2029 !important;

}

.form-control:focus {

border-color:#ec2029;

box-shadow: 0 0 5px #ec2029;

}

/* Product Card Styling */

.categorypage-product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.5);

}

.categorypage-product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), -8px -8px 15px rgba(255, 255, 255, 0.6);

}

.category-img-pro {

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

.categorypage-product-image:hover .category-img-pro {

transform: scale(1.1);

}

.categorypage-product-info {

padding: 16px;

position: relative;

}

.categorypage-product-name {

font-weight: bold;

font-size: 19.2px;

color: #000;

}

.categorypage-product-price {

font-weight: bold;

font-size: 14px;

color: #000;

}

.categorypage-discounted-price {

text-decoration: line-through;

color: #EC2029;

font-size: 12.8px;

}



.categorypage-rating {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #FFD700;

  font-size: 16px;

}

  .categorypage-cart-icon {

  /* position: absolute;

  top: 143px;

  right: 10px; */

  float: right;

  background: #EC2029;

  color: #fff;

  padding: 5px;

  border-radius: 10%;

  cursor: pointer;

  }

@media (max-width: 768px){

.categorypage-product-name{

font-size: 12px;

}

.categorypage-cart-icon{

/* top: 65px; */

} 

.categorypage-secondsec {

padding-left: 7px;

padding-right: 7px;

}

}

@media (max-width: 480px){

.categorypage-cart-icon{

top: 126px;

}

}

@media (max-width: 480px){

.categorypage-cart-icon{

top: 146px;

}

}

/****************************************************************************************************************************************** */

/*=======PRODUCT-CATEGORY-PAGE========END=======PRODUCT-CATEGORY-PAGE=========END=========PRODUCT-CATEGORY-PAGE====================END======*/

/****************************************************************************************************************************************** */





/* *************************************************************************************************************************************** */ 

/*=======CART-PAGE=============START=======CART-PAGE================START=========CART-PAGE==================CART-PAGE====================*/

/****************************************************************************************************************************************** */

/* .cartpage-headdiv{

} */

.cartpage-hfour {

font-size: 28px;

font-weight: 600;

line-height: 40px;

margin-bottom: 20px;

background-color: #ffefef;

padding: 20px;

}

.cartpage-para {

font-size: 16px

}

.cartpage-item-total {

font-size: 18px;

font-weight: 600;

}

.cartpage-item img {

width: 80px;

height: auto;

}

.cartpage-item {

display: flex;

justify-content: space-between;

align-items: center;

padding: 15px 0;

border-bottom: 1px solid #ddd;

}

.cartpage-item-content {

display: flex;

align-items: center;

}

.cartpage-item-details {

margin-left: 12px;

}

.cartpage-item-quantity-control {

display: flex;

align-items: center;

gap: 8px;

}

.cartpage-item-quantity-control button {

background: #f3f3f3;

border: none;

padding: 5px 10px;

border-radius: 50%;

cursor: pointer;

}

.cartpage-checkout-box {

border: 1px solid #ddd;

padding: 20px;

border-radius: 10px;

background: #fff;

}

.cartpage-btn-checkout {

background-color: #EC2029;

color: white;

width: 100%;

padding: 12px;

border: none;

border-radius: 5px;

font-weight: bold;

}

.cartpage-btn-checkout a {

color: white;

}

.cartpage-subeading{

margin: 40px 0px ;

}

.cartpg-page-section{

padding-bottom: 60px;

}

.cartpage-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2),

-5px -5px 10px rgba(255, 255, 255, 0.5);

}

.cartpage-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3),

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

.cartpage-product-image {

position: relative;

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

.cartpage-image-wrapper:hover .cartpage-product-image {

transform: scale(1.1);

}

.cartpage-product-info {

padding: 16px;

position: relative;

}

.cartpage-products-name {

font-weight: bold;

font-size: 19.2px;

color: #000;

}

.cartpage-products-price {

font-weight: bold;

font-size: 12.8px;

color: #000;

}

.cartpage-discounted-price {

text-decoration: line-through;

color: #EC2029;

font-size: 12.8px;

}

/* .cartpage-rating {

color: #FFD700;

font-size: 16px;

}

.cartpage-cart-icon {

position: absolute;

top: 70px;

right: 10px;

background: #EC2029;

color: #fff;

padding: 5px;

border-radius: 10%;

cursor: pointer;

} */

.cartpage-bg-wrap {

background: rgb(228, 228, 228);

}

@media (max-width: 768px) {

/* first section*/

.cartpage-item {

align-items: flex-start;

}

/* .cartpage-item-content {} */

.cartpage-item img {

width: 60px;

}

.cartpage-item-details {

margin-top: 8px;

}

.cartpage-hfour {

text-align: center;

}

.cartpage-item img {

width: 80px;

height: auto;

}

/* ====================== */

.cartpg-page-section .row {

display: flex;

flex-wrap: wrap;

justify-content: center;

padding:-50px;

}

.cartpg-page-section .col-12,

.cartpg-page-section .col-sm-6 {

flex: 0 0 50%;

max-width: 50%;

padding: 0px;

}

.cartpage-card {

margin: 5px;

}

.cartpage-product-image {

width: 100%;

height: auto;

}

/* .cartpage-cart-icon {

position: absolute;

top: 75px;

right: 10px;

background: #EC2029;

color: #fff;

padding: 6px;

border-radius: 10%;

cursor: pointer;

} */

.cartpage-products-name {

font-size: 12px;

}

.cartpg-page-section{

padding-bottom: 30px;

}

.cartpage-subeading{

margin: 30px 0px ;

}

.cartpage-subheader {

font-size: 24px; 

}

.cartpage-subheaderp {

font-size: 12px; 

}

}

/* *************************************************************************************************************************************** */ 

/*=======CART-PAGE=============END======CART-PAGE================END=========CART-PAGE-END=======================CART-PAGE-END=============*/

/****************************************************************************************************************************************** */







/* *************************************************************************************************************************************** */ 

/*=======CHECKOUT-PAGE=============START======CHECKOUT-PAGE================START=========CHECKOUT-PAGE====START============CHECKOUT=======*/

/****************************************************************************************************************************************** */





/* ******************************************************** */

/* CHECKOUTPAGE- LOGIN (WRAP-01) COSTUMER SECTION  START (1)*/

/* **********************************************************/     

.error-message {

color: #ec2029;

font-size: 12px;

margin-top: -10px;

margin-bottom: 10px;

display: none;

}

/* Your existing CSS remains the same */

.checkoutpage-auth-form {

background: #fff;

border-radius: 8px;

box-shadow: 0 2px 10px rgba(0,0,0,0.1);

padding: 30px;

/* margin-bottom: 20px; */

display: none;

}

.checkoutpage-auth-form.active {

display: block;

}

.checkoutpage-auth-title {

font-size: 24px;

margin-bottom: 20px;

color: #333;

}

.checkoutpg-wraponene .row {

display: flex;

flex-wrap: wrap;

margin: 0 -10px;

}

.checkoutpage-auth-input {

width: 100%;

padding: 12px;

margin-bottom: 15px;

border: 1px solid #ddd;

border-radius: 4px;

font-size: 16px;

}

.checkoutpage-auth-input:invalid {

border-color: #ec2029;

}

.checkoutpage-auth-btn {

width: 20%;

padding: 12px;

background:#ec2029;

color: white;

border: none;

border-radius: 4px;

font-size: 16px;

cursor: pointer;

margin-top: 10px;

}

.checkoutpage-auth-btn:disabled {

background: #cccccc;

cursor: not-allowed;

}

.checkoutpage-auth-switch {

text-align: center;

margin-top: 20px;

}

.checkoutpage-atag{

color: #ec2029;

cursor: pointer;

text-decoration: none;

}

@media (max-width: 576px) {

.checkoutpg-wraponene .col-6 {

width: 100%;

}

.checkoutpage-auth-btn{

width:25%

}

}

/* ***************************************************** */

/* CHECKOUTPAGE- LOGIN (WRAP-01) COSTUMER SECTION END (1)*/

/* ***************************************************** */

/* ******************************************* */ 

/* CHECKOUTPAGE INSTANTE-LOGIN START (2)*/ 

/* ******************************************* */ 

.checkoutpage-instanteotp-container {

padding: 30px;

margin: 20px  auto;

background: #ffffff;

border-radius: 12px;

box-shadow:  0 2px 10px rgba(0,0,0,0.1);;

border: none;

transition: transform 0.2s ease, box-shadow 0.2s ease;

} 

.checkoutpg-htwo {

font-size: 1.8rem;

font-weight: 600;

color: #2c3e50;

margin-bottom: 1.5rem !important;

}

.checkoutpage-instante-divider {

border-top: 1px solid #e9ecef;

margin: 20px 0;

}

.checkoutpage-instante-note {

color: #6c757d;

font-size: 0.9rem;

margin-top: 15px;

font-style: italic;

}

.checkoutpage-instanteotp-container .form-label {

font-weight: 500;

margin-bottom: 10px;

color: #495057;

display: block;

}

.checkoutpage-instante-email-input {

width: 100%;

padding: 12px 15px;

border: 1px solid #ced4da;

border-radius: 6px;

font-size: 1rem;

transition: border-color 0.3s ease, box-shadow 0.3s ease;

}

.checkoutpage-instante-email-input:focus {

border-color: #dc3545;

outline: 0;

box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);

}

.checkoutpage-instante-email-input::placeholder {

color: #adb5bd;

}

.checkoutpage-instante-required-star {

color: #dc3545;

margin-left: 3px;

}

@media (min-width: 992px) {

.instante-login .col-12,

.instante-login .col-md-10,

.instante-login .col-lg-12 {

padding: 0 !important;

flex: 0 0 auto;

width: 100%;

}

}

@media (max-width: 768px) {

.instante-login .col-12

{

padding: 0 !important;

flex: 0 0 auto;

width: 100%;

}

}

/* ******************************************* */ 

/* CHECKOUTPAGE INSTANTE-LOGIN END (2)*/ 

/* ******************************************* */ 

/* ========================================== */

/* ******************************************* */ 

/* CHECKOUTPAGE PAYMENT START (5)*/

/* ******************************************* */   

.payment-method-section {

/* max-width: 600px; */

margin: 20px auto;

padding: 20px;

background: #fff;

border-radius: 12px;

box-shadow: 0 4px 12px rgba(0,0,0,0.05);

}

.section-title {

margin-bottom: 20px;

color: #333;

font-size: 1.2rem;

}

.payment-options {

display: flex;

flex-direction: column;

gap: 15px;

}

.payment-option {

position: relative;

border: 2px solid #e0e0e0;

border-radius: 10px;

padding: 15px;

transition: all 0.3s ease;

}

.payment-option.selected {

border-color: #ec2029;

background-color: #f8fff8;

}

.payment-option input[type="radio"] {

position: absolute;

opacity: 0;

}

.option-content {

display: flex;

align-items: center;

gap: 15px;

}

.payment-icon {

font-size: 24px;

}

.payment-details {

flex: 1;

}

.payment-title {

margin: 0;

font-size: 1rem;

color: #333;

}

.payment-desc {

margin: 5px 0 0;

font-size: 0.85rem;

color: #666;

}

.place-order-btn, .proceed-to-pay-btn {

display: none;

width: 100%;

margin-top: 15px;

padding: 12px;

border: none;

border-radius: 8px;

background: #ec2029;

color: white;

font-weight: bold;

cursor: pointer;

transition: background 0.3s;

text-align: center;

text-decoration: none;

}

.payment-option.selected .place-order-btn,

.payment-option.selected .proceed-to-pay-btn {

display: block;

}

.place-order-btn:hover, .proceed-to-pay-btn:hover {

background: #d01820;

}

/* ******************************************* */ 

/* CHECKOUTPAGE PAYMENT END (5)*/

/* ******************************************* */ 

.checkoutpg-shipping-container, .checkoutpg-order-summary {

background: #fff;

padding: 20px;

border-radius: 8px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

#checkboxpg-shippingProtection{

font-size: 13px;

font-weight: 500;

}

.checkpoutpg-hfive{

font-size: 15px;

font-weight: 700;

}

.checkoutpf-mbasa{

font-size: 13px;

font-weight: 800;

}

.form-control, .form-select {

height: 45px;

}

.checkoutpg-billing-address {

display: flex;

align-items: center;

gap: 5px;

margin-bottom: 40px;

}

/* checkout page payment 0404 */

.checkoutpg-payment-card {

border-radius: 12px;

overflow: hidden;

box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

border: none;

background: #fff;

padding: 20px;

}

.checkoutpg-payment-option {

padding: 1.25rem;

border: 2px solid #dee2e6;

border-radius: 12px;

display: flex;

align-items: center;

gap: 15px;

cursor: pointer;

transition: all 0.3s ease;

background: #fff;

margin-bottom: 15px;

}

.checkoutpg-payment-option:hover {

border-color: hwb(0 34% 3%);

background-color: #f1f5f9;

}

.checkoutpg-payment-option.active {

border-color: #ec2029;

background-color: #fdecee;

}

.checkoutpg-btn-payment {

padding: 0.85rem;

font-weight: 600;

transition: all 0.3s ease;

border-radius: 8px;

}

.checkout-page .form-check-input {

width: 1.3em;

height: 1.3em;

margin-left: 8px;

cursor: pointer;

}

.form-check-input:checked {

background-color: #ec2029;

border-color: #ec2029;

}

.checkout-page .payment-img {

width: 55px;

height: auto;

}

.checkout-page .form-check-input {

appearance: auto !important;

opacity: 1 !important;

position: static !important;

}

/* ==========col-4 payment summery ===========*/

.checkbox-header h5{

display: inline-block;

}

.checkoutpg-order-summary h5 {

font-weight: bold;

}

.checkoutpg-product {

display: flex;

align-items: center;

gap: 10px;

margin-bottom: 15px;

}

.checkoutpg-product img {

width: 60px;

height: auto;

border-radius: 5px;

}

.checkoutpg-product-details {

flex-grow: 1;

}

.checkoutpg-price {

font-weight: bold;

}

.total-checkoutpg-price {

font-size: 24px;

font-weight: bold;

}

.checkoutpg-coupon-container {

display: flex;

gap: 10px;

margin-top: 15px;

}

.checkoutpg-coupon-container input {

flex: 1;

}

.checkoutpage-applybtn {

background-color: #ec2029; 

color: white; 

padding: 10px 20px; 

border: none; 

border-radius: 4px; 

font-size: 16px;

cursor: pointer; 

transition: background-color 0.3s ease; 

}

.checkoutpage-applybtn:hover{background-color: #ff000d;}

.checkoutpage-applybtn:active {

background-color: #ec2029; 

transform: scale(0.98);

}

.checkoutpg-summary{display: flex; justify-content: space-between;

}

.iti {

width: 100% !important;

}

@media (min-width: 768px) and (max-width: 1200px) {

}

/* **************************************************************************************************************************************** */ 

/*=======CHECKOUT-PAGE=============END======CHECKOUT-PAGE================END=========CHECKOUT-PAGE====END============CHECKOUT===END=========*/

/****************************************************************************************************************************************** */









/* **************************************************************************************************************************************** */ 

/*=======LOG-IN-PAGE=============START======LOG-IN-PAGE================START=========LOG-IN-PAGE====START============LOG-IN=START=========*/

/****************************************************************************************************************************************** */

.loginpage_tabs {

display: flex;

justify-content: start;

background: #fff;

padding: 10px;

border-radius: 10px 10px 0 0;

/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */

}

.loginpage-box .tab {

padding: 10px 20px;

cursor: pointer;

font-weight: bold;

color: #555;

}

.loginpage-box .tab.active {

color: #ec2029;

border-bottom: 2px solid #ec2029;

}

.loginpage-box .side {

position: absolute;

width: 100%;

backface-visibility: hidden;

background: white;

/* padding: 20px; */

/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */

border-radius: 0 0 10px 10px;

transition: transform 0.6s ease;

}

.loginpage-box .back {

transform: rotateY(180deg);

}

.loginpage-box .flipped .front {

transform: rotateY(180deg);

}

.loginpage-box .flipped .back {

transform: rotateY(0deg);

}

.login-container {

background: #fff;

padding: 40px;

border-radius: 15px;

/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */

text-align: center;

}

.signup-container {

background: #fff;

padding: 20px;

border-radius: 15px;

/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */

text-align: center;

}

.loginpage-logo {

max-width: 200px;

margin-bottom: 50px;

}

.loginpage-box h3 {

font-size: 40px;

font-weight: bold;

}

.loginpage-wraptwopara {

margin-bottom: 40px;

}

.loginpage-box .form-control,

.loginpage-social-btn {

border-radius: 50px;

padding: 14px;

font-size: 16px;

box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);

width: 100%;

}

.loginpage-btn-black {

border-radius: 50px;

padding: 14px;

font-size: 1rem;

font-weight: bold;

background: black;

color: white;

transition: 0.3s;

width: 100%;

}

.loginpage-btn-black:hover {

background: rgb(36, 36, 36);

color: white;

}

.loginpage-social-btn {

border-radius: 50px;

padding: 14px;

font-weight: bold;

background: white;

border: 1px solid #ccc;

display: flex;

align-items: center;

justify-content: center;

gap: 10px;

transition: transform 0.3s ease;

}

.loginpage-social-btn:hover {

transform: scale(1.05);

}

.loginpage-social-btn img {

width: 24px;

}

.loginpage-forgot-pass {

font-size: 16px;

font-weight: 500;

text-align: center;

margin-top: 20px;

}

.loginpage-forgot-pass a {

color: #ec2029;

}

.loginpage-box .card{

--bs-card-border-color: transparent;

border: none;

}

/* back button */

.forgot-password-container .reset-footer {

display: flex;

justify-content:space-evenly;

align-items: center;

}

.forgot-password-container .back-button {

margin-right: 15px;

}

/* =========== */

@media (max-width: 991px) {

.login-container {

padding: 30px;

}

.signup-container {

padding: 0px;

}

.loginpage-logo {

max-width: 150px;

margin-bottom: 30px;

}

.loginpage-box h3 {

font-size: 40px;

font-weight: 700;

}

.loginpage-wraptwopara {

margin-bottom: 30px;

font-size: 14px;

}

.loginpage-box .form-control,

.loginpage-social-btn,

.loginpage-btn-black {

padding: 12px;

font-size: 14px;

}

.loginpage-social-btn img {

width: 20px;

}

}

@media (max-width: 767px) {

.loginpage-box .col-md-5,

.loginpage-box .col-md-5.offset-md-2 {

width: 100%;

text-align: center;

}

.login-container {

padding: 20px;

}

.signup-container {

padding: 0px;

}

.loginpage-box h3 {

font-size: 28px;

}

.loginpage-wraptwopara {

font-size: 13px;

}

.loginpage-social-btn {

font-size: 13px;

}

}

@media (max-width: 480px) {

.loginpage-logo {

max-width: 120px;

}

.loginpage-box h3 {

font-size: 24px;

}

.loginpage-wraptwopara {

font-size: 12px;

margin-bottom: 20px;

}

.loginpage-box .form-control,

.loginpage-social-btn,

.loginpage-btn-black {

padding: 10px;

font-size: 12px;

}

.loginpage-social-btn img {

width: 18px;

}

}

/* **************************************************************************************************************************************** */ 

/*=======LOG-IN-PAGE=============END======LOG-IN-PAGE================END=========LOG-IN-PAGE====END============LOG-IN===END=========*/

/****************************************************************************************************************************************** */









/* **************************************************************************************************************************************** */ 

/*=======FORGOT-PASSWORD==========START======FORGOT-PASSWORD===============STARTR=========FORGOT-PASSWORD====START=====-RESET==============*/

/****************************************************************************************************************************************** */

.forgot-password-wrapper {

display: flex;

justify-content: center;

align-items: center;

padding: 20px;

flex-direction: column; 

}

.forgot-password-container {

font-family: 'Lato', sans-serif;

width: 450px;

max-width: 100%;

background-color: #fff;

border-radius: 12px; 

box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 

padding: 30px;

font-weight: 700;

animation: fadeIn 0.8s ease-in-out; 

}

@keyframes fadeIn {

from {

opacity: 0;

transform: translateY(-20px);

}

to {

opacity: 1;

transform: translateY(0);

}

}

.forgot-password-container h1 {

font-size: 30px;

font-weight: 700;

color: #000000;

text-align: center;

margin-bottom: 20px;

animation: slideIn 0.8s ease-in-out;

}

@keyframes slideIn {

from {

opacity: 0;

transform: translateX(-20px);

}

to {

opacity: 1;

transform: translateX(0);

}

}

.forgot-password-container p {

color: #888;

text-align: center;

margin-bottom: 25px;

font-size: 18px;

}

.forgot-password-container .email-input-container {

position: relative;

margin-bottom: 20px;

}

.forgot-password-container .email-input-container input {

width: 100%;

padding: 12px;

border: 1px solid #ddd;

border-radius: 8px;

font-size: 18px; 

font-family: 'Lato', sans-serif;

transition: border-color 0.3s ease;

}

.forgot-password-container .email-input-container input:focus {

border-color: #EC2029;

outline: none;

}

.forgot-password-container .reset-button {

width: 100%;

padding: 14px;

background-color: #EC2029;

color: #fff;

border: none;

border-radius: 8px;

font-size: 20px; 

font-weight: 700;

cursor: pointer;

transition: background-color 0.3s, transform 0.2s;

margin-top: 20px;

}

.forgot-password-container .reset-button:hover {

background-color: #d11a22; 

transform: scale(1.02); 

}

.forgot-password-container .reset-footer {

text-align: center;

margin-top: 20px;

}

.forgot-password-container .reset-footer a {

color: #EC2029;

text-decoration: none;

font-size: 16px; 

}

.forgot-password-container .reset-footer a:hover {

text-decoration: underline;

}

.forgot-brand-logo {

text-align: center;

margin-bottom: 30px;

animation: zoomIn 0.8s ease-in-out; 

}

.forgot-brand-logo img {

width: 100px; 

height: auto;

}

@keyframes zoomIn {

from {

opacity: 0;

transform: scale(0.8);

}

to {

opacity: 1;

transform: scale(1);

}

}

.forgot-password-gap {

padding-top: 70px;

}

.forgot-password-brand-logo {

text-align: center;

margin-bottom: 20px; 

animation: zoomIn 0.8s ease-in-out;

}

.forgot-password-brand-logo img {

width: 180px; 

height: auto;

}

/* **************************************************************************************************************************************** */ 

/*=======FORGOT-PASSWORD=======END======FORGOT-PASSWORD===============END=========FORGOT-PASSWORD====END=====-==========END===========*/

/****************************************************************************************************************************************** */











/****************************************************************************************************************************************** */ 

/*=======RESET-PASSWORD==========START======RESET-PASSWORD===============START=========RESET-PASSWORD====START=====-RESET==============*/

/****************************************************************************************************************************************** */

.reset-password-wrapper {

display: flex;

justify-content: center;

align-items: center;

padding: 20px;

}

.reset-password-container {

font-family: 'Lato', sans-serif;

width: 450px;

max-width: 100%;

background-color: #fff;

border-radius: 12px; 

box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 

padding: 30px;

font-weight: 700;

animation: fadeIn 0.8s ease-in-out;

}

@keyframes fadeIn {

from {

opacity: 0;

transform: translateY(-20px);

}

to {

opacity: 1;

transform: translateY(0);

}

}

.reset-password-container h1 {

font-size: 30px;

font-weight: 700;

color: #000000;

text-align: center;

margin-bottom: 20px;

animation: slideIn 0.8s ease-in-out;

}

@keyframes slideIn {

from {

opacity: 0;

transform: translateX(-20px);

}

to {

opacity: 1;

transform: translateX(0);

}

}

.reset-password-container p {

color: #888;

text-align: center;

margin-bottom: 25px;

font-size: 18px;

}

.reset-password-container .password-input-container {

position: relative;

margin-bottom: 20px;

}

.reset-password-container .password-input-container input {

width: 100%;

padding: 12px;

border: 1px solid #ddd;

border-radius: 8px;

font-size: 18px; 

font-family: 'Lato', sans-serif;

transition: border-color 0.3s ease;

}

.reset-password-container .password-input-container input:focus {

border-color: #EC2029;

outline: none;

}

.reset-password-container .password-input-container .toggle-password {

position: absolute;

right: 12px;

top: 50%;

transform: translateY(-50%);

cursor: pointer;

color: #888;

font-size: 20px; 

}

.reset-password-container .reset-button {

width: 100%;

padding: 14px;

background-color: #EC2029;

color: #fff;

border: none;

border-radius: 8px;

font-size: 20px; 

font-weight: 700;

cursor: pointer;

transition: background-color 0.3s, transform 0.2s;

margin-top: 20px;

}

.reset-password-container .reset-button:hover {

background-color: #d11a22; 

transform: scale(1.02); 

}

.reset-password-container .reset-footer {

text-align: center;

margin-top: 20px;

}

.reset-password-container .reset-footer a {

color: #EC2029;

text-decoration: none;

font-size: 16px; 

}

.reset-password-container .reset-footer a:hover {

text-decoration: underline;

}

.reset-brand-logo {

text-align: center;

margin-bottom: 30px;

animation: zoomIn 0.8s ease-in-out; 

}

.reset-brand-logo img {

width: 100px; 

height: auto;

}

@keyframes zoomIn {

from {

opacity: 0;

transform: scale(0.8);

}

to {

opacity: 1;

transform: scale(1);

}

}

.reset-password-brand-logo {

text-align: center;

margin-bottom: 20px; 

animation: zoomIn 0.8s ease-in-out;

}

.reset-password-brand-logo img {

width: 180px; 

height: auto;

}

.reset-password-gap {

padding-top: 20px;

}

/****************************************************************************************************************************************** */ 

/*=======RESET-PASSWORD==========END======RESET-PASSWORD===============END=========RESET-PASSWORD====END=====-RESET========END==============*/

/****************************************************************************************************************************************** */









/* **************************************************************************************************************************************** */ 

/*=======VERIFY-OTP==========START==============VERIFY-OTP===============START=========VERIFY-OTP====START=========VERIFY-OTP==============*/

/****************************************************************************************************************************************** */

.verify-otp-label {

color: #888;

text-align: center;

margin-bottom: 25px;

font-size: 18px;

}

.verify-otp{

width: 100%;

padding: 14px;

background-color: #EC2029;

color: #fff;

border: none;

border-radius: 8px;

font-size: 20px; 

font-weight: 700;

cursor: pointer;

transition: background-color 0.3s, transform 0.2s;

margin-top: 20px;

}

.verify-otp:hover{

background-color: #d11a22; 

color:#fff;

transform: scale(1.02); 

}

/* **************************************************************************************************************************************** */ 

/*=======VERIFY-OTP==========END==============VERIFY-OTP===============END=========VERIFY-OTP====END=========VERIFY-OTP==============*/

/****************************************************************************************************************************************** */









/* **************************************************************************************************************************************** */

/*  =====DASHBOARD==========START======DASHBOARD===============START=========DASHBOARD====START=====-DASHBOARD========START==============*/

/* **************************************************************************************************************************************** */



/* ******************************************* */

/* THIS IS DASHBOARD CONTAINER SIDE BAR START (1) */

/* ******************************************* */

  .user-dashbaoard .dashb-cont{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  }
  .user-dashbaoard .tab {
  background-color: #f1f1f1;
  width: 20%;
  border: 1px solid #ccc;
  }

  .user-dashbaoard .tab button {

  display: flex;

  align-items: center;

  background-color: inherit;

  color: black;

  padding: 14px 16px;

  width: 100%;

  border: none;

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 17px;

  }

  .user-dashbaoard .tab button i {

  margin-right: 8px;

  }

  .user-dashbaoard .tab button:hover {

  background-color: #ddd;

  color: black;

  }

  .tab button.active {

  background-color: #ec2029;

  color: white;

  }

  .tabcontent {

  display: none;

  width: 80%;

  border: 1px solid #ccc;

  border-left: none;

  padding: 20px;

  box-sizing: border-box;

  }

  .tabcontent.active {

  display: block;

  }

  /* Responsive: stack tab and content vertically */

  @media screen and (max-width: 768px) {

  .user-dashbaoard .container {

  flex-direction: column;

  }

  .user-dashbaoard .tab, .tabcontent {

  width: 100%;

  border-left: 1px solid #ccc;

  }

  .tabcontent {

  border-top: none;

  }

  .user-dashbaoard{

  margin-bottom:20px

  }

  }

  /* ******************************************* */

  /* THIS IS DASHBOARD CONTAINER SIDE BAR END (1)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD USER SECTION START (2)*/

  /* ******************************************* */

  .dashboard-userprofile {

  padding: 20px 0;

  }

  .dashboard-user-profile-container {

  padding: 20px;

  border: 1px solid #dee2e6;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  width: 100%;

  }

  @media (min-width: 768px) {

  .dashboard-user-profile-container {

  padding: 30px;

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);

  }

  }

  .dashboard-user-avatar-wrapper {

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

  }

  .dashboard-user-avatar-img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  object-fit: cover;

  border: 3px solid #212529;

  }

  @media (min-width: 576px) {

  .dashboard-user-avatar-img {

  width: 120px;

  height: 120px;

  }

  }

  .dashboard-user-gender-text {

  font-weight: 600;

  color: #495057;

  margin-bottom: 20px;

  font-size: 1rem;

  }

  @media (min-width: 576px) {

  .dashboard-user-gender-text {

  font-size: 1.1rem;

  margin-bottom: 25px;

  }

  }

  .dashboard-userprofile .profile-field {

  background-color: #f8f9fa !important;

  border-color: #e9ecef !important;

  cursor: not-allowed !important;

  /* pointer-events: none !important; */

  }

  .dashboard-profile-edit-btn {

  background: #212529;

  color: white;

  border-radius: 20px;

  padding: 8px 20px;

  font-weight: 500;

  border: none;

  transition: all 0.3s;

  width: 100%;

  text-decoration: none;

  display: inline-block;

  text-align: center;

  }

  @media (min-width: 576px) {

  .dashboard-profile-edit-btn {

  width: auto;

  padding: 8px 25px;

  }

  }

  .dashboard-profile-edit-btn:hover {

  background: #343a40;

  color: white;

  transform: translateY(-1px);

  }

  .dashboard-data-privacy-notice {

  color: #198754;

  font-size: 0.85rem;

  margin-top: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  }

  @media (min-width: 576px) {

  .dashboard-data-privacy-notice {

  font-size: 0.9rem;

  margin-top: 20px;

  }

  }

  .dashboard-profile-field-label {

  font-weight: 500;

  color: #495057;

  margin-bottom: 0.3rem;

  }

  .dashboard-user-profile-field-label {

  margin-bottom: 1rem;

  }

  /* ******************************************* */

  /* DASHBOARD USER SECTION END (2)*/

  /* ******************************************* */









  /* ******************************************* */

  /* DASHBOARD WISHLIST START (3)*/

  /* ******************************************* */

.udbord-scr-1 {
  height: 100vh; 
  overflow-y: auto;
}


  .dashboard-wishlist-product-card {

  position: relative;

  border: 1px solid #ddd;

  border-radius: 8px;

  overflow: hidden;

  text-align: center;

  background-color: #fff;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 

  -5px -5px 10px rgba(255, 255, 255, 0.5);

  }

  .dashboard-wishlist-product-card:hover {

  transform: translateY(-5px);

  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3), 

  -8px -8px 15px rgba(255, 255, 255, 0.6);

  }

  .dashboard-wishlist-product-image {

  position: relative;

  width: 100%;

  height: auto;

  display:block;

  transition: transform 0.3s ease;

  }

  .dashboard-product-image-wrapper {

  position: relative;

  overflow: hidden;

  }

  .dashboard-product-image-wrapper:hover .dashboard-wishlist-product-image {

  transform: scale(1.1);

  }

  .dashboard-wishlist-product-info {

  padding: 16px;

  position: relative;

  }

  .dashboard-wishlist-product-name {

  font-weight: bold;

  font-size: 19.2px;

  color: #000;

  margin-bottom: 5px;

  }

  .dashboard-wishlist-product-price {

  font-weight: bold;

  font-size: 12.8px;

  color: #000;

  margin-bottom: 5px;

  }

  .dashboard-wishlist-discounted-price {

  text-decoration: line-through;

  color: #EC2029;

  font-size: 12.8px;

  margin-left: 5px;

  }

  .dashboard-wishlist-rating {

  color: #FFD700;

  font-size: 16px;

  margin-bottom: 15px;

  }

  .dashboard-wishlist-cart-icon {

  position: absolute;

  top: 70px;

  right: 10px;

  background:#EC2029;

  color: #fff;

  padding: 5px;

  border-radius: 10%;

  cursor: pointer;

  }

  .dashboard-wishlist-remove-btn {

  background: #EC2029;

  color: white;

  border: none;

  padding: 8px 15px;

  font-size: 14px;

  cursor: pointer;

  border-radius: 5px;

  width: 100%;

  transition: background 0.3s ease;

  margin-top: 10px;

  }

  .dashboard-wishlist-remove-btn:hover {

  background: #d81b24;

  }

  .dashboard-wishlist-heart-icon {

  position: absolute;

  top: 10px;

  right: 10px;

  font-size:22px;

  background: #fff;

  color: #ec2029;

  padding: 5px;

  border-radius: 10%;

  cursor: pointer;

  z-index: 1;

  }

  @media (max-width: 768px) {

  .hot-products-section .row {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  }

  .hot-products-section .col-md-4 {

  flex: 0 0 50%;

  max-width: 50%;

  padding: 0 5px;

  }

  .dashboard-wishlist-product-card {

  margin-bottom: 10px;

  }

  .dashboard-wishlist-product-name {

  font-size: 16px;

  }

  .dashboard-wishlist-product-price, .dashboard-wishlist-discounted-price {

  font-size: 12px;

  }

  .dashboard-wishlist-rating {

  font-size: 14px;

  }

  .dashboard-wishlist-cart-icon {

  top: 60px;

  padding: 4px;

  font-size: 14px;

  }

  .dashboard-wishlist-heart-icon {

  font-size: 18px;

  }

  .dashboard-wishlist-remove-btn {

  padding: 6px 12px;

  font-size: 12px;

  }

  .hot-products-section .col-md-4 {

  flex: 0 0;

  max-width: 100%;

  }

  .dashboard-wishlist .col-md-9 {

  flex: 0 0 auto;

  width: 100%;

  }                 

  }

  @media (max-width: 576px) {

  .hot-products-section .col-md-4 {

  flex: 0 0 100%;

  max-width: 100%;

  }

  }


  /* ============================================= */
  .dashboard-product-info{
    padding:16px;
    position:relative; 
    height:252px;
  }
  @media only screen and (max-width: 768px) {
  .dashboard-product-info{
    height: 190px;
  }
  }

  @media only screen and (max-width: 480px) {
    .dashboard-product-info{
    height: 178px;
  }
  }

  /* ******************************************* */

  /* DASHBOARD WISHLIST END (3)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD COUPON-REDEEM START (4)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD COUPON-REDEEM END (4)*/

  /* ******************************************* */

  .dashboadpage-coupon-card {

  background: #fcf6bd;

  border-radius: 10px;

  padding: 20px;

  text-align: center;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  }

  .dashboadpage-coupon-amount {

  font-size: 2.5rem;

  font-weight: bold;

  color:black;

  }

  .dashboadpage-available-text {

  font-size: 0.9rem;

  background: rgba(0, 170, 255, 0.2);

  padding: 5px 10px;

  border-radius: 5px;

  display: inline-block;

  }

  .dashboadpage-redeem-btn {

  background: black;

  color: white;

  padding: 10px 20px;

  border-radius: 5px;

  font-weight: bold;

  display: block;

  margin: 10px auto;

  text-decoration: none;

  }

  .dashboadpage-redeem-btn:hover {

  background: #333;

  }

  .dashboadpage-usage-rules {

  text-align: left;

  background: white;

  padding: 10px;

  border-radius: 5px;

  display: none;

  margin-top: 10px;

  border: 1px solid #ddd;

  }

  .dashboadpage-toggle-rules {

  cursor: pointer;

  font-weight: bold;

  display: block;

  margin-top: 10px;

  text-align: left;

  color: black;

  }

  /* ******************************************* */

  /* DASHBOARD ACCOUNT-SETTING START (5)*/

  /* ******************************************* */

  .dashboard-account-settings-section {

  padding: 20px 0;

  }

  .dashboard-account-settings-container {

  padding: 20px;

  border: 1px solid #dee2e6;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  width: 100%;

  }

  @media (min-width: 768px) {

  .dashboard-account-settings-container {

  padding: 30px;

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);

  }

  }

  .dashboard-account-avatar-wrapper {

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

  }

  .dashboard-account-avatar-img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  object-fit: cover;

  border: 3px solid #212529;

  }

  @media (min-width: 576px) {

  .dashboard-account-avatar-img {

  width: 120px;

  height: 120px;

  }

  }

  .dashboard-account-avatar-edit-btn {

  position: absolute;

  bottom: 5px;

  right: 5px;

  background: #212529;

  color: white;

  border-radius: 50%;

  width: 28px;

  height: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  border: 2px solid white;

  font-size: 0.8rem;

  }

  @media (min-width: 576px) {

  .dashboard-account-avatar-edit-btn {

  width: 32px;

  height: 32px;

  font-size: 1rem;

  }

  }

  .dashboard-account-settings-section .account-field[readonly] {

  background-color: #f8f9fa;

  border-color: #e9ecef;

  cursor: not-allowed;

  }

  .dashboard-account-save-btn {

  background: #212529;

  color: white;

  border-radius: 20px;

  padding: 8px 20px;

  font-weight: 500;

  border: none;

  transition: all 0.3s;

  width: 100%;

  }

  @media (min-width: 576px) {

  .dashboard-account-save-btn {

  width: auto;

  padding: 8px 25px;

  }

  }

  .dashboard-account-save-btn:hover {

  background: #343a40;

  transform: translateY(-1px);

  }

  .dashboard-account-privacy-notice {

  color: #198754;

  font-size: 0.85rem;

  margin-top: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  }

  @media (min-width: 576px) {

  .dashboard-account-privacy-notice {

  font-size: 0.9rem;

  margin-top: 20px;

  }

  }

  .dashboard-account-field-label {

  font-weight: 500;

  color: #495057;

  margin-bottom: 0.3rem;

  }

  .dashboard-account-field-group {

  margin-bottom: 1rem;

  }

  .dashboard-account-hidden-file-input {

  display: none;

  }

  /* ******************************************* */

  /* DASHBOARD ACCOUNT-SETTING END (5)*/

  /* ******************************************* */

  .dashboard-address-form-container {

  margin: 0 auto;

  padding: 30px;

  border-radius: 10px;

  box-shadow: 0 0 15px rgba(0,0,0,0.1);

  background-color: #fff;

  }

  .dashboard-address-setting .form-title {

  color: #212529;

  margin-bottom: 25px;

  font-weight: 600;

  text-align: center;

  }

  .dashboard-address-setting .required-field::after {

  content: "*";

  color: red;

  margin-left: 4px;

  }

  .dashboard-address-form {

  background-color: #ec2029;

  padding: 10px 25px;

  font-weight: 500;

  transition: all 0.3s;

  }

  .dashboard-address-form:hover {

  background-color: #ec2029;

  transform: translateY(-2px);

  }

  /* ******************************************* */

  /* DASHBOARD PAYMENT-METHOD START (6)*/

  /* ******************************************* */

  .dashboardpg-checkoutpg-htwo {

  font-size: 25px;

  font-weight: 700;

  }

  .dashboardpg-payment-options-container {

  border: 1px solid #ccc;

  border-radius: 8px;

  padding: 20px;

  /* max-width: 600px; */

  margin: 0 auto;

  text-align: center;

  }

  .dashboardpg-payment-options {

  display: flex;

  flex-direction: column;

  gap: 10px;

  margin-bottom: 20px;

  }

  .dashboard-payment-option {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px;

  border: 1px solid #ddd;

  border-radius: 5px;

  cursor: pointer;

  }

  .dashboard-payment-option:hover {

  background-color: #f9f9f9;

  }

  .dashboard-payment-option input[type="radio"] {

  margin: 0;

  }

  .dashboard-payment-option img {

  width: 30px;

  height: 30px;

  }

  .dashboard-payment-details {

  margin-top: 10px;

  padding: 10px;

  border: 1px solid #ddd;

  border-radius: 5px;

  display: none;

  }

  .dashboard-payment-details input {

  width: 100%;

  padding: 8px;

  margin-bottom: 10px;

  border: 1px solid #ccc;

  border-radius: 4px;

  }

  .dashboardpg-pay-with-button {

  background-color: #ec2029;

  color: white;

  border: none;

  padding: 10px 20px;

  border-radius: 5px;

  cursor: pointer;

  font-size: 16px;

  width: 100%;

  }

  .dashboardpg-pay-with-button:hover {

  background-color: #c24f54;

  }

  /* ******************************************* */

  /* DASHBOARD PAYMENT-METHOD END (6)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD ADDRESSES START (8)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD ADDRESSES END (8)*/

  /* ******************************************* */

  /* ******************************************* */

  /* DASHBOARD PASSWORD-CHANGE START ()*/

  /* ******************************************* */

  .dsbdpc-password-form {

  max-width: 400px;

  /* margin: 50px ; */

  padding: 20px;

  background: #fff;

  border-radius: 8px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  }

  .dsbdpc-password-form h2 {

  margin-bottom: 20px;

  font-size: 24px;

  text-align: center;

  }

  .dsbdpc-password-form .form-control {

  margin-bottom: 15px;

  }

  /* .btn-primary {

  width: 100%;

  } */

  .dashboard-changepassbtn{

  background-color: #ec2029;

  color: white;

  }

  .dashboard-changepassbtn:hover{

  background-color:#ff000d;

  color:#fff ;

  }

/* ******************************************* */

/* DASHBOARD PASSWORD-CHANGE END ()*/

/* ******************************************* */

/* **************************************************************************************************************************************** */

/*     =====DASHBOARD===========END=======DASHBOARD===============END=========DASHBOARD====END=====-DASHBOARD========END==============*/

/* **************************************************************************************************************************************** */

/* ************************************************************************************************************************************* */

/* ==ABOUT-US-PAGE=========START======ABOUT-US-PAGE========START=========ABOUT-US-PAGE====START=====-ABOUT-US-PAGE========START==========*/

/* ************************************************************************************************************************************* */

.aboutuspage-hero-section {

background-color: #f8f9fa;

padding: 80px 0;

}

.aboutuspage-hero-img-container {

border-radius: 33px;

min-height: 380px;

height: 100%;

overflow: hidden;

}

.aboutuspage-hero-img-container img {

width: 100%;

height: 100%;

object-fit: cover;

}

.aboutuspage-stats-section {

padding: 60px 0;

}

.aboutuspage-stat-item h2 {

font-size: 2.5rem;

font-weight: 500;

color: #0D0C22;

}

.aboutuspage-stat-item p {

color: #666667;

font-weight: 600;

}

.aboutuspage-mission-vision-section {

padding: 60px 0;

}

.aboutuspage-content-img-container {

border-radius: 15px;

min-height: 400px;

height: 100%;

overflow: hidden;

}

.aboutuspage-content-img-container img {

width: 100%;

height: 100%;

object-fit: cover;

}

.aboutuspage-content-img-container h2 {

font-size: 2rem;

font-weight: 500;

margin-bottom: 20px;

color: #ec2029;

}

.aboutuspage-content-img-container ul {

list-style: none;

padding-left: 0;

margin-top: 20px;

}

.aboutuspage-content-img-container ul li {

margin-bottom: 10px;

color: #6E6D7A;

font-weight: 550;

}

.aboutuspage-content-img-container ul span {

color: #4DAA57;

margin-right: 10px;

}

.aboutuspage-work-process {

padding: 60px 0;

text-align: center;

}

.aboutus-video-container {

border-radius: 30px;

/* min-height: 400px; */

margin: 0 auto;

overflow: hidden;

}

.aboutus-video-container img {

width: 100%;

height: 100%;

object-fit: cover;

}

.aboutuspage-team-section {

padding: 60px 0;

}

.aboutuspage-team-card {

margin-bottom: 30px;

}

.aboutuspage-team-card {

border-radius: 16px;

min-height: 235px;

width: 100%;

margin-bottom: 15px;

overflow: hidden;

}

.aboutuspage-team-card img {

width: 100%;

height: 100%;

object-fit: cover;

}

.aboutuspage-btn-explore {

background-color: #ec2029;

color: white;

font-weight: 550;

border-radius: 10px;

padding: 10px 20px;

border: none;

}

.aboutuspage-btn-explore:hover {

background-color: #c41a21;

color: white;

}

.aboutuspage-testimonials-section {

padding: 60px 0;

}

.aboutuspage-testimonial-card {

background-color: #e5e5e596;

border-radius: 10px;

padding: 20px;

height: 100%;

margin-bottom: 20px;

}

.aboutuspage-user-avatar {

width: 45px;

height: 45px;

border-radius: 50%;

border: 1px solid #0C0C0C;

margin-right: 15px;

background-color: #ddd;

display: flex;

align-items: center;

justify-content: center;

}

.aboutuspage-stars {

color: #FFBE41;

font-size: 0.9rem;

}

@media (max-width: 992px) {

.aboutuspage-hero-img-container,

.aboutuspage-content-img-container {

min-height: 300px;

}

.aboutus-video-container {

min-height: 300px;

}

}

@media (max-width: 768px) {

.aboutuspage-hero-section {

padding: 60px 0;

}

.aboutuspage-stats-section {

padding: 40px 0;

}

.aboutuspage-stat-item h2 {

font-size: 2rem;

}

.aboutuspage-mission-vision-section {

padding: 40px 0;

}

.aboutuspage-content-img-container h2 {

font-size: 1.75rem;

}

.aboutuspage-team-section h2, 

.aboutuspage-testimonials-section h2 {

font-size: 1.75rem;

}

}

@media (max-width: 576px) {

.aboutuspage-hero-section {

padding: 40px 0;

}

.aboutuspage-content-img-container {

min-height: 250px;

margin-bottom: 30px;

}

.aboutus-video-container {

min-height: 250px;

}

.aboutuspage-team-card {

min-height: 200px;

}

}

/* ************************************************************************************************************************************* */

/* ==ABOUT-US-PAGE=========END======ABOUT-US-PAGE========END=========ABOUT-US-PAGE====END=====-ABOUT-US-PAGE========END==========*/

/* ************************************************************************************************************************************* */

/* ************************************************************************************************************************************* */

/* ==CONTACT-US-PAGE=======START======CONTACT-US-PAGE========START=========CONTACT-US-PAGE====START=====CONTACT-US-PAGE=====START========*/

/* ************************************************************************************************************************************* */

/* Contact Us Section */

.contactus-contact-card {

border-radius: 12px;

border: 1px solid #e0e0e0;

transition: all 0.3s ease;

height: 100%;

background: #fff;

}

.contactus-contact-card:hover {

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

transform: translateY(-2px);

}

.contactus-contact-icon {

width: 40px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 8px;

margin-bottom: 16px;

}

.contactus-chat-icon {

background-color: #e3f2fd;

color: #1976d2;

}

.contactus-visit-icon {

background-color: #e8f5e9;

color: #388e3c;

}

.contactus-call-icon {

background-color: #f3e5f5;

color: #8e24aa;

}

.contactus-contact-title {

font-weight: 600;

margin-bottom: 8px;

font-size: 1.1rem;

}

.contactus-contact-description {

color: #616161;

font-size: 0.9rem;

margin-bottom: 12px;

}

.contactus-contact-link {

color: #000000;

text-decoration: none;

font-weight: 500;

display: inline-flex;

align-items: center;

}

.contactus-contact-link i {

margin-left: 4px;

font-size: 0.9rem;

transition: transform 0.2s ease;

}

.contactus-contact-link:hover i {

transform: translateX(3px);

}

.contactus-btntwo {

padding: 10px;

font-size: 14px;

border-radius: 5px;

background-color: #ffff;

border: 1px solid #e0e0e0;

transition: all 0.3s ease;

}

.contactus-btntwo:hover {

background-color: #f5f5f5;

}

/* Form Section */

.contactuspg-wrapthree .form-container {

background: #fff;

padding: 30px;

border-radius: 8px;

height: 100%;

}

.contactuspg-wrapthree .form-container h2 {

font-weight: bold;

margin-bottom: 0.5rem;

}

.contactuspg-wrapthree .form-control {

border-radius: 6px;

border: 1px solid #e0e0e0;

}

.contactuspg-wrapthree .form-control:focus {

border-color: #ec2029;

box-shadow: 0 0 0 0.25rem rgba(236, 32, 41, 0.25);

}

.contactus-htwo {

color: #ec2029;

}

.contactus-btn-message {

background-color: #ec2029;

color: white;

border: none;

padding: 10px;

font-weight: 500;

transition: all 0.3s ease;

}

.contactus-btn-message:hover {

background-color: #d11b2a;

}

/* Headings */

.categorypage-mainheading {

font-size: 2.5rem;

font-weight: 700;

color: #333;

margin-bottom: 0.5rem;

}

.contactus-page-subheading {

font-size: 1.1rem;

color: #ec2029;

font-weight: 500;

margin-bottom: 2rem;

}

/* Map Section */

.contactus-map {

height: 100%;

}

.contactus-map iframe {

border-radius: 8px;

box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

border: 1px solid #e0e0e0;

}

/* Layout Adjustments */

.contactus-wrapone {

padding: 2rem 0;

}

@media (max-width: 768px) {

.categorypage-mainheading {

font-size: 2rem;

}

.contactuspg-maincontainer .row.g-4 > [class^="col-"] {

margin-bottom: 1rem;

}

.contactuspg-maincontainer .form-container {

margin-bottom: 2rem;

}

}

/* ************************************************************************************************************************************* */

/*    ==CONTACT-US-PAGE=======END======CONTACT-US-PAGE========END=========CONTACT-US-PAGE====END=====CONTACT-US-PAGE=====END========*/

/* ************************************************************************************************************************************* */

/* ************************************************************************************************************************************* */

/* ==FAQs-PAGE=======START======FAQs-PAGE========START=========FAQs-PAGE====START=====FAQs-PAGE=====START========*/

/* ************************************************************************************************************************************* */

.faq-items-top {

background: linear-gradient(white 95%, transparent 5%);

padding: 50px;

border-radius: 8px;

border: 1px solid #ddd;

background-image: 

linear-gradient(to right, #ddd 1px, transparent 1px),

linear-gradient(to bottom, #ddd 1px, transparent 1px);

background-size: 20px 20px;

}

i.fas.fa-chevron-down {

font-size: 16px;

}

.faq-btn {

border: none;

background-color: #fff;

color: #ec2029;

padding: 5px 12px;

font-size: 14px;

border-radius: 15px;

cursor: pointer;

border: 1px solid #ec2029;

}

.faq-heading {

font-size: 38px;

color: #EC2029;

margin: 20px 0;

}

.search-box {

display: flex;

align-items: center;

gap: 10px;

margin-top: 10px;

}

.search-box input {

/*width: 250px;*/

padding: 10px;

border: 2px solid #ec2029;

border-radius: 20px;

font-size: 16px;

outline: none;

}

.search-btn {

background-color: white;

color: #ec2029;

border: 2px solid #ec2029;

padding: 10px 20px;

border-radius: 20px;

font-size: 16px;

cursor: pointer;

}

.faq-container {

width: 100%;

background-color: white;

padding: 1px;

}

section.faqs-dropdown-item {

margin-top: 45px;

}

.faq-item {

border-top: 1px solid #ec2029;

padding: 15px 0;

}

.faq-question {

display: flex;

justify-content: space-between;

align-items: center;

cursor: pointer;

}

.faq-question h5{

  font-size: 18px;

}

.faq-question h3 {

font-size: 18px;

color: #ec2029;

}

.toggle-btn {

font-size: 20px;

font-weight: bold;

color: #ec2029;

cursor: pointer;

}

.faq-answer {

display: none;

margin-top: 10px;

color: #333;

font-size: 16px;

}

.faq-answer p {

  font-size: 18px;

}

h2.sec-heading {

padding: 0px 18px;

}

/* ************************************************************************************************************************************* */

/*    ==FAQs-PAGE=======END======FAQs-PAGE========END=========FAQsS-PAGE====END=====FAQs-PAGE=====END========*/

/* ************************************************************************************************************************************* */

/* ************************************************************************************************************************************* */

/*    ==product conformation=======start======product conformation=====start=============END=====Cproduct conformation========*/

/* ************************************************************************************************************************************* */

/* Contact Us Section */

.confirmation-card {

border: none;

border-radius: 12px;

overflow: hidden;

box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);

}

.confirmation-header {

background: linear-gradient(135deg, #EC2029, #FF4757);

color: white;

padding: 2.5rem 1rem;

text-align: center;

}

.confirmationpg-checkmark-circle {

width: 80px;

height: 80px;

background: white;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

margin: 0 auto 1.5rem;

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}

.confirmationpg-checkmark-icon {

color: #28a745;

font-size: 2.5rem;

}

.confirmationpg-product-img {

width: 100px;

height: 100px;

object-fit: cover;

border-radius: 8px;

border: 1px solid #eee;

}

.confirmationpg-divider {

border-top: 1px dashed #e0e0e0;

margin: 1.5rem 0;

position: relative;

}

.confirmationpg-divider:after {

content: "•";

position: absolute;

top: -12px;

left: 50%;

transform: translateX(-50%);

background: white;

padding: 0 10px;

color: #EC2029;

font-size: 18px;

}

.confirmationpg-step-icon {

width: 40px;

height: 40px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

margin-right: 1rem;

flex-shrink: 0;

}

.confirmationpg-step-one .confirmationpg-step-icon {

background-color: rgba(40, 167, 69, 0.1);

color: #28a745;

}

.confirmationpg-step-two .confirmationpg-step-icon {

background-color: rgba(13, 110, 253, 0.1);

color: #0d6efd;

}

.confirmationpg-step-three .confirmationpg-step-icon {

background-color: rgba(220, 53, 69, 0.1);

color: #dc3545;

}

.confirmationpg-btn-confirm-primary {

background-color: #EC2029;

border: none;

padding: 0.75rem 1.5rem;

font-weight: 500;

}

.confirmationpg-btn-confirm-primary:hover {

background-color: #c21820;

}

.confirmationpg-btn-confirm-outline {

border: 2px solid #EC2029;

color: #EC2029;

padding: 0.75rem 1.5rem;

font-weight: 500;

}

.confirmationpg-btn-confirm-outline:hover {

background-color: #EC2029;

color: white;

}

@media (max-width: 576px) {

.confirmation-header {

padding: 1.5rem 1rem;

}

.confirmationpg-checkmark-circle {

width: 70px;

height: 70px;

}

.confirmationpg-step-content {

padding-left: 0;

margin-top: 0.5rem;

}

}

/* .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

display: block !important;

} */

/* ************************************************************************************************************************************* */

/*    ==product conformation=======end======product conformation=====start=============END=====Cproduct conformation========*/

/* ************************************************************************************************************************************* */

/* =============== USER ORDER TABLE =============== */

.user-order-table {

max-width: 1100px;

margin: 40px auto;

background-color: #fff;

border-radius: 12px;

box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);

overflow-x: auto;

font-family: 'Segoe UI', sans-serif;

}

.user-order-table table {

width: 100%;

border-collapse: collapse;

min-width: 600px;

}

.user-order-table thead {

background-color: #2c3e50;

color: white;

}

.user-order-table th, 

.user-order-table td {

padding: 14px 18px;

text-align: left;

font-size: 15px;

}

.user-order-table tbody tr {

border-bottom: 1px solid #ececec;

transition: background 0.2s ease;

}

.user-order-table tbody tr:hover {

background-color: #f9f9f9;

}

.user-order-table .product-info {

display: flex;

align-items: center;

gap: 12px;

}

.user-order-table .product-info img {

width: 55px;

height: 55px;

object-fit: cover;

border-radius: 8px;

border: 1px solid #ccc;

}

.user-order-table .status {

padding: 5px 12px;

border-radius: 20px;

font-size: 13px;

font-weight: 600;

display: inline-block;

}

.user-order-table .status.pending {

background-color: #fff3cd;

color: #856404;

}

.user-order-table .status.success {

background-color: #d4edda;

color: #155724;

}

.user-order-table .status.cancelled {

background-color: #f8d7da;

color: #721c24;

}

/* Responsive */  

@media (max-width: 768px) {

.user-order-table th, .user-order-table td {

font-size: 14px;

padding: 10px;

}

.user-order-table .product-info img {

width: 45px;

height: 45px;

}

}

/* **************************************************** */

/* THIS IS FOR POPUP OPEN ON ADD TO CART BUTTON START */

/* *************************************************** */

/* .addtocart-popup {

position: fixed;

top:50%;

right: 20px;

width: 400px;

background: #fff;

border-radius: 12px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

padding: 16px;

display: none;

z-index: 9999;

} */

.addtocart-popup {

position: fixed;

top: 50% ;

/* bottom: 100px; */

right: 20px;

transform: translateY(-50%); 

width: 400px;

background: #fff;

border-radius: 12px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

padding: 16px;

display: none;

z-index: 9999;

}

.addtocart-close-btn {

position: absolute;

top: 10px;

right: 14px;

font-size: 18px;

font-weight: bold;

cursor: pointer;

line-height: 1;

}

.addtocart-inner {

display: flex;

align-items: flex-start;

gap: 12px;

}

.addtocart-image {

width: 70px;

height: auto;

border-radius: 8px;

flex-shrink: 0;

}

.addtocart-text-box {

flex: 1;

}

.addtocart-title {

margin: 0;

font-size: 15px;

font-weight: 600;

}

.addtocart-message {

margin: 4px 0 0;

font-size: 14px;

color: #555;

}

.addtocart-actions {

display: flex;

gap: 10px;

margin-top: 10px;

}

.addtocart-actions button {

background:#ec2029;

color: #fff;

border: none;

padding: 8px 12px;

border-radius: 8px;

cursor: pointer;

font-size: 14px;

transition: background 0.3s ease;

display: flex;

align-items: center;

gap: 6px;

}

.addtocart-actions button i {

font-size: 16px;

}

.addtocart-actions button:hover {

background: #ec2029;

}

.addtocart-actions a{

background: #ec2029;

}

@media (max-width: 480px) {

.addtocart-popup {

right: 10px;

left: 10px;

bottom: 100px;

width: auto;

}

.addtocart-inner {

flex-direction: column;

align-items: center;

text-align: center;

}

.addtocart-image {

margin-bottom: 8px;

}

.addtocart-actions {

justify-content: center;

flex-wrap: wrap;

}

}

/* **************************************************** */

/* THIS IS FOR POPUP OPEN ON ADD TO CART BUTTON END */

/* *************************************************** */















/* *************************************************************************************************************************** */

/* *************************SEARCH-PAGE*************SEARCH-PAGE-START***************SEARCH-PAGE***********START*************** */

/* *************************************************************************************************************************** */







/* ************************************** */

/* **searchpage******wrap-01****start**** */

/* ************************************** */

.searchpage-breadcrumb-wrapper {

background-color: #ffefef;

padding: 10px 0;

font-family: Arial, sans-serif;

}

.searchpage-breadcrumb {

display: flex;

flex-wrap: wrap;

gap: 5px; 

font-size: 14px;

color: #6c757d;

}

.searchpage-breadcrumb a {

color:  #000000;;

text-decoration: none;

transition: color 0.2s;

}

.searchpage-breadcrumb a:hover {

color:#ec2029;

}

.searchpage-breadcrumb span {

margin: 0 3px;

}

.searchpage-current {

color: #212529;

font-weight: 500;

}



/* ************************************** */

/* ***searchpage******wrap-01****end**** */

/* ************************************* */









/* ************************************** */

/* **searchpage******wrap-02****start**** */

/* ************************************** */



.searchpage-product-card {

position: relative;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

text-align: center;

background-color: #fff;

transition: transform 0.3s ease, box-shadow 0.3s ease;

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2),

-5px -5px 10px rgba(255, 255, 255, 0.5);

}

.searchpage-product-card:hover {

transform: translateY(-5px);

box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3),

-8px -8px 15px rgba(255, 255, 255, 0.6);

}

.searchpage-product-card .searchpage-btnw5 {

background-color: white;

border: 1px solid #EC2029;

color: #000;

font-weight: bold;

transition: background-color 0.3s ease, color 0.3s ease;

}

.searchpage-product-card .searchpage-old-price {

text-decoration: line-through;

color: #EC2029;

font-size: 14.4px;

}

.searchpage-btnw5:hover {

background: linear-gradient(to right, #333333, #dd1818);

color: white;

}

.searchpage-product-card .price {

font-weight: bold;

font-size: 25.6px;

color: #000;

}

.searchpg-imgover {

position: relative;

width: 100%;

height: auto;

display: block;

transition: transform 0.3s ease;

}

.searchpage-imgover-wrapper {

position: relative;

overflow: hidden;

}

.searchpage-imgover-wrapper .overlay {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.7);

color: #fff;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

text-align: center;

font-size: 19.2px;

font-weight: bold;

opacity: 0;

transition: opacity 0.3s ease;

padding: 10px;

}

.searchpage-imgover-wrapper:hover .overlay {

opacity: 1;

}

.searchpage-imgover-wrapper:hover .searchpg-imgover {

transform: scale(1.05);

}

.searchpage-product-card img {

width: 100%;

height: auto;

}

@media (max-width: 768px) {

.searchpage-product-card .searchpage-btnw5 {

font-size: 10px;

}

.searchpage-product-card .price {

font-size: 10px;

}

.searchpage-product-card .searchpage-old-price {

font-size: 10px;

}

.searchpage-imgover-wrapper p {

font-size: 10px;

}

}

/* ************************************** */

/* ***searchpage******wrap-02****end**** */

/* ************************************* */





/* ************************************** */

/* **searchpage******wrap-03****start**** */

/* ************************************** */

/* ***************************************************************** */





/* ************************************** */

/* ***searchpage******wrap-03****end**** */

/* ************************************* */







/* *************************************************************************************************************************** */

/* *************************SEARCH-PAGE*************SEARCH-PAGE-END***************SEARCH-PAGE***********END******************* */

/* *************************************************************************************************************************** */

/*<!-- ------------------------- -->

  <!-- WRAP 01 HERO SECTION START-->

  <!-- ------------------------- --> */



         /* Custom Hero Styles */

         .carrierpage-hero-wrapone {

         position: relative; 

         min-height: 400px;

         overflow: hidden;

         display: flex;

         align-items: center;

         color: #212529;

         background-color: #f8f9fa; 

         }

         .carrierpage-hero-bg-image {

         position: absolute;

         top: 0;

         left: 0;

         width: 100%;

         height: 100%;

         object-fit: cover;

         z-index: 0;

         }

         .carrierpage-hero-overlay {

         position: absolute;

         top: 0;

         left: 0;

         width: 100%;

         height: 100%;

         background-color: rgba(0, 0, 0, 0.4);

         z-index: 1;

         }

         .carrierpage-hero-contentbox {

         position: relative;

         z-index: 2;

         max-width: 600px;

         padding: 2.5rem;

         border-radius: 0.75rem;

         backdrop-filter: blur(2px);

         }

         .carrierpage-hero-title {

         font-size: 2.5rem;

         font-weight: 700;

         margin-bottom: 1.25rem;

         line-height: 1.2;

         color: #fff;

         }

         .carrierpage-hero-description {

         font-size: 1.125rem;

         margin-bottom: 2rem;

         color:#ffff;

         line-height: 1.6;

         }

         .carrierpage-btn-cta {

         background-color: #dc3545;

         color: white;

         padding: 0.75rem 2rem;

         font-weight: 600;

         border-radius: 0.5rem;

         border: none;

         transition: all 0.3s ease;

         }

         .carrierpage-btn-cta:hover {

         background-color: #bb2d3b;

         transform: translateY(-2px);

         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

         }

         /* Responsive Adjustments */

         @media (max-width: 767.98px) {

         .carrierpage-hero-wrapone {

         height: auto;

         min-height: 400px;

         padding: 4rem 0;

         }

         .carrierpage-hero-contentbox {

         padding: 1.75rem;

         margin: 0 1rem;

         }

         .carrierpage-hero-title {

         font-size: 2rem;

         }

         .carrierpage-hero-description {

         font-size: 1rem;

         }

         }

         @media (min-width: 992px) {

         .carrierpage-hero-title {

         font-size: 3rem;

         }

         }

  /*<!-- ------------------------- -->

  <!---- WRAP 01 HERO SECTION-END-->

  <!---- ------------------------- --> */





   /*<!-- ------------------------------ -->

  <!---- WRAP 02 WHY-CHOOSE SECTION-START-->

  <!---- ------------------------------- --> */

  .carrierpage-why-join-section {

    padding: 60px 0;

    text-align: center;

  }



  .carrierpage-why-join-card {

    border: 1px solid #eee;

    border-radius: 12px;

    padding: 20px;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    transition: 0.3s;

    background-color: #fff;

    height: 100%;

  }



  .carrierpage-why-join-icon {

    width: 50px;

    height: 50px;

    flex-shrink: 0;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .carrierpage-why-join-title {

    font-weight: 600;

    font-size: 1.125rem;

    text-align: left;



  }



  .carrierpage-why-join-text {

    margin-bottom: 0;

    font-size: 0.95rem;

    color: #444;

    text-align: left;

    text-align: justify;

  }



   /*<!-- ------------------------------ -->

  <!---- WRAP 02 WHY-CHOOSE SECTION-END---->

  <!---- ------------------------------- --> */



  /*<!-- ----------------------------- -->

  <!---- WRAP 03 TOGETHER-WE-ARE-START-- -->

  <!---- ----------------------------- --> */ 



  .carrierpage-Togetherwe-section {

    padding: 5rem 0;

    background-color: #f8f9fa;

  }



  .carrierpage-together-deader {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 3rem;

  }



  .carrierpage-together-section-title {

    font-weight: 700;

    color: #212529;

    margin-bottom: 1rem;

    font-size: 2.25rem;

  }



  .carrierpage-together-section-subtitle {

    color: #6c757d;

    font-size: 1.125rem;

    line-height: 1.6;

  }



  .carrierpage-together-we-card {

    border: none;

    border-radius: 12px;

    padding: 2rem;

    height: 100%;

    transition: all 0.3s ease;

    background-color: #fff;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    display: flex;

    flex-direction: column;

  }



  .carrierpage-together-we-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

  }



  .carrierpage-together-card-header {

    display: flex;

    align-items: center;

    gap: 1rem;

    margin-bottom: 1rem;

  }



  .carrierpage-together-icon-wrapper {

    width: 60px;

    height: 60px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

  }



  .carrierpage-together-icon-primary {

    background-color: rgba(13, 110, 253, 0.1);

    color: #0d6efd;

  }



  .carrierpage-together-icon-danger {

    background-color: rgba(220, 53, 69, 0.1);

    color: #dc3545;

  }



  .carrierpage-together-icon-success {

    background-color: rgba(25, 135, 84, 0.1);

    color: #198754;

  }



  .carrierpage-together-icon-warning {

    background-color: rgba(255, 193, 7, 0.1);

    color: #ffc107;

  }



  .carrierpage-icon {

    font-size: 1.5rem;

  }



  .carrierpage-cards-title {

    font-weight: 600;

    font-size: 1.25rem;

    color: #212529;

    margin: 0;

  }



  .carrierpage-cards-text {

    color: #6c757d;

    line-height: 1.6;

    margin: 0;

  }



  /* Mobile Responsive */

  @media (max-width: 767.98px) {

    .carrierpage-Togetherwe-section {

      padding: 3rem 0;

    }

    .carrierpage-together-section-title {

      font-size: 1.75rem;

    }

    .carrierpage-together-we-card {

      padding: 1.5rem;

    }

    .carrierpage-together-icon-wrapper {

      width: 50px;

      height: 50px;

    }

  }



  /*<!-- ----------------------------- -->

  <!---- WRAP 03 TOGETHER-WE-ARE-END-- -->

  <!---- ----------------------------- --> */



  

 /*<!-- ---------------------------------- -->

  <!---- WRAP 04 OPENINGS SECTION-START------>

  <!---- --------------------------------- --> */

  .carrierpage-openings {

    padding: 3rem 0;

    background:#f5f5f5;

  }

  .carrierpage-openings h2 {

    font-size: 1.75rem;

    font-weight: 700;

    /* margin-bottom: 2rem; */

    color: #1e293b;

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .carrierpage-category-label {

    background: #ec2029;

    color: #fff;

    padding: 0.35rem 1rem;

    border-radius: 20px;

    font-size: 0.85rem;

    font-weight: 500;

  }

  .carrierpage-job-list .accordion-item {

    border: none;

    border-radius: 0.75rem;

    margin-bottom: 1rem;

    box-shadow: 0 4px 10px rgba(0,0,0,0.08);

    overflow: hidden;

  }

  .accordion-button {

    background: #fff;

    color: #0f172a;

    padding: 1.5rem;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    text-align: left;

  }

  .accordion-button:not(.collapsed) {

    background-color: #ffeaea;

    color: #ec2029;

  }

  .accordion-button::after {

    display: none;

  }

  .carrierpage-job-left {

    display: flex;

    flex-direction: column;

  }

  .carrierpage-job-title {

    font-size: 1.1rem;

    font-weight: 700;

    margin-bottom: 0.5rem;

  }

  .carrierpage-job-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 1rem;

    font-size: 0.9rem;

    color: #6b7280;

  }

  .carrierpage-job-meta span {

    display: flex;

    align-items: center;

    gap: 0.3rem;

  }

  .carrierpage-job-meta i {

    color: #ec2029;

  }

  .carrierpage-job-date {

    font-size: 0.85rem;

    color: #6b7280;

    white-space: nowrap;

    margin-left: 1rem;

    margin-top: 0.25rem;

  }

  .accordion-body {

    background: #f9f9f9;

    padding: 1.5rem;

    font-size: 0.95rem;

    color: #555;

  }

  .carrierpage-apply-now-btn {

    background: #ec2029;

    color: #ffffff;

    padding: 0.6rem 1.2rem;

    border-radius: 30px;

    font-weight: 600;

    border: none;

    margin-top: 1rem;

    transition: 0.3s ease;

  }

  .carrierpage-apply-now-btn a{

    color:#ffffff

  }

  .carrierpage-apply-now-btn:hover {

    background: #c71c22;

  }



  @media (max-width: 768px) {

    .accordion-button {

      flex-direction: column;

      align-items: flex-start;

    }

    .carrierpage-job-date {

      margin-left: 0;

      margin-top: 1rem;

    }

  }



 /* <!-- -------------------------------- -->

  <!---- WRAP 04 OPENINGS SECTION-END------>

  <!---- ------------------------------- --> */



   /* <!-- -------------------------------- -->

  <!---- WRAP 05 APPLY-NOW FORM START--------->

  <!---- ---------------------------------- --> */ 

    .carrierpage-left-instruction {

      /* background: linear-gradient(135deg, #ec2029, #ff4d4d); */

      color: #0000;

      padding: 40px 30px;

      border-radius: 15px;

      height: 100%;

      display: flex;

      flex-direction: column;

      justify-content: center;

      

     

    }

    .carrierpage-left-instruction h2 {

      font-weight: 700;

      margin-bottom: 20px;

      font-size: 2rem;

      color: black;

    }

    .carrierpage-left-instruction p {

      font-size: 1rem;

      margin-bottom: 30px;

      line-height: 1.6;

      color: #000;

    }

    .carrierpage-contact-info {

      margin-top: auto;

    }

    .carrierpage-contact-info ul {

      list-style: none;

      padding: 0;

    }

    .carrierpage-contact-info ul li {

      margin-bottom: 15px;

      font-size: 1.1rem;

      color: #000;

    }

    .carrierpage-contact-info ul li i {

      color: #000;

      background-color: #fff;

      padding: 8px;

      border-radius: 50%;

      margin-right: 10px;

      font-size: 1rem;

    }

    .carrierpage-form-section {

      

      background: #fff;

      color: #000;

      padding: 40px 30px;

      border-radius: 15px;

      box-shadow: 0 8px 16px rgba(255,255,255,0.1);

      /* border-right:2px solid #ec2029; */

      /* box-shadow: 5px 8px 0px 0px rgba(236,32,41,0.5); */

      border:1px solid #ec2029;

      



    }

    .carrierpage-form-label {

      font-weight: 600;

      font-size: 1rem;

    }

    .carrierpage-form-ctrl {

      border-radius: 10px;

      padding: 10px 15px;

    }

    .carrierpage-form-ctrl:focus {

      border-color: #ec2029;

      box-shadow: 0 0 0 0.25rem rgba(236,32,41,0.25);

    }

    .carrierpage-btn-custom {

      background-color: #ec2029;

      color: #fff;

      font-weight: 600;

      padding: 12px;

      border-radius: 10px;

      transition: 0.3s;

      font-size: 1.1rem;

    }

    .carrierpage-btn-custom:hover {

      background-color: #c71b22;

      transform: translateY(-2px);

      box-shadow: 0 8px 16px rgba(236,32,41,0.3);

    }

    @media (max-width: 767px) {

      .carrierpage-left-instruction, .carrierpage-form-section {

        text-align: center;

      }

      .carrierpage-left-instruction h2 {

        font-size: 1.8rem;

      }

      .carrierpage-contact-info ul li {

        justify-content: center;

      }

    }

  /* <!-- --------------------------------- -->

  <!---- WRAP 05 APPLY-NOW FORM END----------->

  <!---- ---------------------------------- --> */ 









/* **************************************************************************************************************************** */

/* *************************CARRIER-PAGE*************CARRIER-PAGE-START***************CARRIER-PAGE START*******START*********** */

/* **************************************************************************************************************************** */











/* **************************************************************************************************************************** */  

/* *************************PAYMENT-FAIL-PAGE*************PAYMENT-FAIL-PAGE-START********PAYMENT-FAIL-PAGE START*******START*** */

/* **************************************************************************************************************************** */

        .paymentfail-container {

            max-width: 500px;

            margin: 50px auto;

            padding: 30px;

            border-radius: 10px;

            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

            background-color: white;

        }

        

        .paymentfailpg-header {

            text-align: center;

            margin-bottom: 30px;

        }

        

        .paymentfailpg-icon {

            font-size: 60px;

            color: #dc3545;

            margin-bottom: 15px;

        }

        

        .paymenfailpg-title {

            font-size: 28px;

            font-weight: 700;

            color: #dc3545;

            margin-bottom: 10px;

        }

        

        .paymenfailpg-message {

            color: #6c757d;

            margin-bottom: 25px;

            text-align: center;

        }

        

        .paymenfailpg-details {

            background-color: #f8f9fa;

            border-radius: 8px;

            padding: 20px;

            margin-bottom: 30px;

        }

        

        .paymenfailpg-detail-item {

            display: flex;

            justify-content: space-between;

            margin-bottom: 10px;

        }

        

        .paymenfailpg-detail-label {

            font-weight: 600;

            color: #495057;

        }

        

        .paymenfailpg-detail-value {

            color: #212529;

        }

        

        .paymenfailpg-btn-retry {

            background-color: #dc3545;

            color: white;

            font-weight: 600;

            padding: 12px;

            border-radius: 8px;

            width: 100%;

            border: none;

            transition: all 0.3s;

        }

        

        .paymenfailpg-btn-retry:hover {

            background-color: #bb2d3b;

        }

        

        .paymenfailpg-contact-support {

            text-align: center;

            margin-top: 20px;

            color: #6c757d;

            font-size: 14px;

        }

        

        .paymenfailpg-contact-support a {

            color: #dc3545;

            text-decoration: none;

        }

      

/* **************************************************************************************************************************** */  

/* *************************PAYMENT-FAIL-PAGE*************PAYMENT-FAIL-PAGE-end********PAYMENT-FAIL-PAGE END*******END********* */

/* **************************************************************************************************************************** */













/* **************************************************************************************************************************** */

/* *************************BRAND-PAGE*************BRAND-PAGE-START***************BRAND-PAGE-START*******START***************** */

/* **************************************************************************************************************************** */



/* ----------------------------------------------- */

/* -------CATEGORY-SECTION---WRAP-01----START----- */

/* ----------------------------------------------- */

  

    .brand-page-wrap-one {

      padding: 20px 0;

    }



    .brand-page-wrap-one .owl-carousel .item {

      padding: 4px;

    }

    .brand-page-wrap-one .brand-img {

      height: 200px;

      width: 100%;

      object-fit: cover;

      border-radius: 12px;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

      transition: transform 0.3s ease;

    }



    .brand-page-wrap-one .brand-img:hover {

      transform: scale(1.05);

    }



  /* Hide nav and dots for this carousel-- */

  .brand-page-wrap-one .owl-nav,

  .brand-page-wrap-one .owl-dots {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    height: 0 !important;

    overflow: hidden !important;

  }

/* ----------------------------------------------- */

/* -------CATEGORY-SECTION---WRAP-01----END------- */

/* ----------------------------------------------- */







/* ----------------------------------------------- */

/* -------CROUSEL-SECTION---WRAP-02----START------ */

/* ----------------------------------------------- */



  .brandpage-carousel-wrapper {

    position: relative;

    max-width: 90%;

    overflow: hidden;

  }



  .brandpage-carousel .carousel-item img {

    width: 100%;

    height: auto;

    object-fit: cover;

    border-radius: 10px;

  }



  @media (max-width: 768px) {

    .brandpage-carousel .carousel-item img {

      height: 280px;

    }

  }



  .brandpage-carousel .carousel-control-prev,

  .brandpage-carousel .carousel-control-next {

    width: 45px;

    height: 45px;

    background-color: rgba(0, 0, 0, 0.6);

    border-radius: 50%;

    top: 10%;

    transform: translateY(-50%);

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .brandpage-carousel .carousel-control-prev i,

  .brandpage-carousel .carousel-control-next i {

    font-size: 20px;

    color: #fff;

  }



  .brandpage-carousel .carousel-indicators [data-bs-target] {

    background-color: #000;

  }



/* ----------------------------------------------- */

/* -------CROUSEL-SECTION---WRAP-02----END-------- */

/* ----------------------------------------------- */









/* ------------------------------------------------- */

/* -------CROUSEL-SECTION---WRAP-03----START-------- */

/* ------------------------------------------------- */



   .brandpage-product-price-original {

   text-decoration: line-through;

   color: #333;

   }

   .brandpage-product-price-sale {

   color: red;

   font-weight: bold;

   font-size: 1.4rem;

   }

   .brandpage-product-feature-label {

   font-size: 0.95rem;

   color: #555;

   }

   .brandpage-product-key-points li {

   font-size: 0.95rem;

   margin-bottom: 0.4rem;

   }

   .brandpage-product-appliance-card {

   border: 1px solid #e0e0e0;

   border-radius: 0.6rem;

   padding: 1rem;

   background-color: #fff;

   }

   .brandpage-product-usage-bar {

   height: 5px;

   background-color: #e0e0e0;

   border-radius: 3px;

   overflow: hidden;

   }

   .brandpage-product-usage-fill {

   height: 100%;

   background-color: #28a745;

   }

   .brandpage-product-add-to-cart-btn {

   background-color: #ec2029;

   color: #fff;

   font-weight: 600;

   padding: 0.6rem 1.5rem;

   border-radius: 0.4rem;

   }

   .brandpage-product-learn-more-btn {

   font-weight: 500;

   color: #000;

   text-decoration: underline;

   padding: 0.6rem 1rem;

   }





/* ------------------------------------------------- */

/* -------CROUSEL-SECTION---WRAP-03----END---------- */

/* ------------------------------------------------- */











/* ------------------------------------------------- */

/* -------VIDEO-SECTION---WRAP-04----START---------- */

/* ------------------------------------------------- */



   .brandpg-video-section {

      padding: 30px 0;

      background: #f8f9fa;

   }



   .brandpg-video-section .video-container {

      position: relative;

      padding-bottom: 10%; /* Less height for all videos */

      height: 0;

      overflow: hidden;

      border-radius: 12px;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

      background-color: #000;

   }



   .brandpg-video-section .main-video-container {

      padding-bottom: 5%; /* Main video even shorter */

   }



   .brandpg-video-section .video-container iframe {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      border: none;

      border-radius: 12px;

   }



   .brandpg-video-section .small-video-container {

      margin-top: 20px;

   }



   @media (max-width: 767px) {

      .brandpg-video-section .main-video-container {

         padding-bottom: 55%; /* Increase a bit for small screens */

      }

   }

/* ------------------------------------------------- */

/* -------VIDEO-SECTION---WRAP-04----END------------ */

/* ------------------------------------------------- */





/* ------------------------------------------------- */

/* -------BRAND PAGE---WRAP-05----START------------- */

/* ------------------------------------------------- */



.brandpage-subeading{

  margin: 40px 0px ;  

  }

  .brandpage-lastwrap-section{

  padding-bottom: 60px;

  }

  .brandpage-lastwrap-card {

  position: relative;

  border: 1px solid #ddd;

  border-radius: 8px;

  overflow: hidden;

  text-align: center;

  background-color: #fff;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2),

  -5px -5px 10px rgba(255, 255, 255, 0.5);

  }

  .brandpage-lastwrap-card:hover {

  transform: translateY(-5px);

  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3),

  -8px -8px 15px rgba(255, 255, 255, 0.6);

  }

  .brandpage-product-image {

  position: relative;

  width: 100%;

  height: auto;

  display: block;

  transition: transform 0.3s ease;

  }

  .brandpage-lastwrap-image-wrapper:hover .brandpage-product-image {

  transform: scale(1.1);

  }

  .brandpage-lastwrap-product-info {

  padding: 16px;

  position: relative;

  }

  .brandpage-lastwrap-products-name {

  font-weight: bold;

  font-size: 19.2px;

  color: #000;

  }

  .brandpage-lastwrap-products-price {

  font-weight: bold;

  font-size: 12.8px;

  color: #000;

  }

  .brandpage-lastwrap-discounted-price {

  text-decoration: line-through;

  color: #EC2029;

  font-size: 12.8px;

  }

  .brandpage-cart-icon {

    float: right;

    background: #EC2029;

    color: #fff;

    padding: 5px;

    border-radius: 10%;

    cursor: pointer;

  }

  .brandpg-bg-wrap {

  background: rgb(228, 228, 228);

  }

  .brandpage-rating {

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #FFD700;

    font-size: 16px;

  }

    .brandpage-cart-icon {

    /* position: absolute;

    top: 143px;

    right: 10px; */

    float: right;

    background: #EC2029;

    color: #fff;

    padding: 5px;

    border-radius: 10%;

    cursor: pointer;

    }



  @media (max-width: 768px) {

  .brandpage-lastwrap-section .row {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  padding:-50px;

  }

  .brandpage-lastwrap-section .col-12,

  .brandpage-lastwrap-section .col-sm-6 {

  flex: 0 0 50%;

  max-width: 50%;

  padding: 0px;

  }

  .brandpage-lastwrap-card {

  margin: 5px;

  }

  .brandpage-product-image {

  width: 100%;

  height: auto;

  }

  .brandpage-lastwrap-products-name {

  font-size: 12px;

  }

  .brandpage-lastwrap-section{

  padding-bottom: 30px;

  }

  .brandpage-subeading{

  margin: 30px 0px ;

  }

  .brandpage-subheader {

  font-size: 24px; 

  }

  .brandpage-subheaderp {

  font-size: 12px; 

  }

  }

/* ------------------------------------------------- */

/* ---------BRAND PAGE---WRAP-05----END------------- */

/* ------------------------------------------------- */







/* **************************************************************************************************************************** */

/* *************************BRAND-PAGE-END*************BRAND-PAGE-END***************BRAND-PAGE-END*******END******************* */

/* **************************************************************************************************************************** */













/* **************************************************************************************************************************** */

/* ******************DOWNLOAD-PAGE-START*************DOWNLOAD-PAGE-START********BRAND-PAGE-START*******START******************* */

/* **************************************************************************************************************************** */





/* ---------------------------------- */

/* ------WRAP-01-HERO-BANNER--START-- */

/* ---------------------------------- */



.download-pg-hero-banner {

  min-height: 400px;

  background-size: cover;

  background-position: center center;

  position: relative;

  color: white;

  display: flex;

  align-items: center;

}



.download-pg-hero-banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.1);

  z-index: 1;

}



.download-pg-hero-content {

  position: relative;

  z-index: 2;

}



.download-pg-hero-title {

  font-size: 2.5rem;

  font-weight: bold;

}



.download-pg-hero-description {

  font-size: 1.2rem;

}



@media (max-width: 576px) {

  .download-pg-hero-title {

    font-size: 1.8rem;

  }



  .download-pg-hero-description {

    font-size: 1rem;

  }

}

/* -------------------------------- */

/* ------WRAP-02-DOWNLOAD-START---- */

/* -------------------------------- */

.downloadpage-wraptwo{

  background-color: #f9f9f9;

}

.dl-section-title {

  text-align: center;

  font-weight: 700;

  font-size: 2rem;

  margin-bottom: 2rem;

  color: #333;

}



.dl-nav-tabs {

  border-bottom: none;

  justify-content: start;

  background: #fff;

  border-radius: 12px;

  padding: 0.5rem;

  margin-bottom: 3rem;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  overflow-x: auto;

  flex-wrap: nowrap;

}



.dl-nav-item {

  flex: 0 0 auto;

  margin-right: 8px;

}



.dl-nav-link {

  color: #555;

  font-weight: 500;

  border: none;

  border-radius: 8px;

  padding: 10px 20px;

  transition: background 0.3s, color 0.3s, transform 0.2s;

}



.dl-nav-link:hover {

  background: #f0f0f0;

  transform: scale(1.05);

  color: #ec2029;

}



.dl-nav-link.active {

  background: #ec2029;

  color: #fff;

}



.dl-card {

  border: none;

  border-radius: 12px;

  text-align: center;

  padding: 2rem 1rem;

  background: #fff;

  box-shadow: 0 6px 12px rgba(0,0,0,0.08);

  transition: transform 0.3s, box-shadow 0.3s;

  opacity: 0;

  transform: translateY(20px);

  animation: dl-fadeIn 0.6s ease forwards;

}



.dl-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 20px rgba(236, 32, 41, 0.15);

}



@keyframes dl-fadeIn {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.dl-pdf-icon {

  width: 60px;

  height: 60px;

  margin: 0 auto 1rem;

}



.dl-pdf-icon img {

  max-width: 100%;

}



.dl-card-title {

  font-size: 1rem;

  font-weight: 600;

  margin: 1rem 0 0.5rem;

  color: #333;

}



.dl-doc-info {

  font-size: 0.9rem;

  margin-bottom: 1rem;

}



.dl-doc-info .badge {

  background-color: #6c757d;

  font-size: 0.75rem;

}



.dl-download-link {

  color: #ec2029;

  font-weight: 600;

  font-size: 0.95rem;

  text-decoration: none;

}



.dl-download-link i {

  font-size: 1.2rem;

  margin-left: 6px;

}



.dl-download-link:hover {

  text-decoration: underline;

}



@media (max-width: 768px) {

  .dl-nav-tabs {

    justify-content: flex-start;

    padding-bottom: 0.5rem;

  }

}





/* -------------------------------- */

/* ------WRAP-02-DOWNLOAD-START---- */

/* -------------------------------- */



@media (max-width: 1440px) {

  .dl-nav-tabs::-webkit-scrollbar {

    height: 8px; 

  }



  .dl-nav-tabs::-webkit-scrollbar-track {

    background: #f0f0f0;

    border-radius: 10px;

  }



  .dl-nav-tabs::-webkit-scrollbar-thumb {

    background-color: #ec2029;

    border-radius: 10px;

    border: 2px solid #f0f0f0; 

  }



  .dl-nav-tabs::-webkit-scrollbar-thumb:hover {

    background-color: #c91c24;

  }

}



/* **************************************************************************************************************************** */

/* ******************DOWNLOAD-PAGE-END*************DOWNLOAD-PAGE-END********BRAND-PAGE-START*******END*******************END*** */

/* **************************************************************************************************************************** */







/* **************************************************************************************************************************** */

/* *****************TUTORIAL-VIDEO-PAGE-START**********TUTORIAL-VIDEO-PAGE-START********BRAND-PAGE-START*******START*********** */

/* **************************************************************************************************************************** */





/*<!-------------------------------------------------- -->

<!-- -------TUTORIAL-VIDEOS--------WRAP-01-----START-- -->

<!-- ------------------------------------------------- --> */



  .tutorial-banner-section {

    min-height: 400px;

    background-size: cover;

    background-position: center center;

    position: relative;

    color: white;

    display: flex;

    align-items: center;

  }

  

  .tutorial-banner-section::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.1);

    z-index: 1;

  }

  

  .tutorial-banner-content {

    position: relative;

    z-index: 2;

  }

  

  .tutorial-banner-title {

    font-size: 2.5rem;

    font-weight: bold;

  }

  

  .tutorial-banner-text {

    font-size: 1.2rem;

  }

  

  @media (max-width: 576px) {

    .tutorial-banner-title {

      font-size: 1.8rem;

    }

  

    .tutorial-banner-text {

      font-size: 1rem;

    }

  }





  /*<!-- ----------------------------------------------------------- -->

  <!-- -------TUTORIAL-VIDEOS------WRAP-01------HERO-BANNER----END-- -->

  <!-- ------------------------------------------------------------- -->

   */





/*<!-- --------------------------------------------- -->

<!-- -----TORIAL-VIDEOS------WRAP-02-----START-- -->

<!-- ------------------------------------------- --> */



   .tutorialvideo-tab-nav {

   flex-wrap: wrap;

   justify-content: center;

   gap: 1rem;

   margin-bottom: 2rem;

   }

   .tutorialvideo-tab-btn:hover {

   color: #ec2029; 

   }

   .tutorialvideo-tab-btn:hover .tutorialvideo-icon-circle {

   background-color: #ffe5e7; 

   transform: scale(1.05); 

   }

   .tutorialvideo-tab-btn {

   border: none;

   background: none;

   text-align: center;

   padding: 0.75rem;

   border-radius: 12px;

   transition: all 0.3s ease;

   color: #333;

   display: flex;

   flex-direction: column;

   align-items: center;

   min-width: 100px;

   }

   .tutorialvideo-tab-btn .tutorialvideo-icon-circle {

   width: 60px;

   height: 60px;

   background: #f0f0f0;

   border-radius: 50%;

   display: flex;

   align-items: center;

   justify-content: center;

   margin-bottom: 0.5rem;

   transition: 0.3s;

   }

   .tutorialvideo-tab-btn img {

   width: 30px;

   height: 30px;

   }

   .tutorialvideo-tab-btn.active .tutorialvideo-icon-circle {

   background-color: #ec2029;

   }

   .tutorialvideo-tab-btn.active {

   color: #ec2029;

   }

   .tutorialvideo-video-box {

   margin-bottom: 1.5rem;

   }

   .tutorialvideo-video-title {

   font-size: 0.95rem;

   margin-top: 0.5rem;

   text-align: center;

   color: #333;

   }

  

   .tutorialvratio {

   border-radius: 12px;

   overflow: hidden;

   background: #fff;

   }



/*<!-- ----------------------------------------- -->

<!-- -----TORIAL-VIDEOS------WRAP-02-----END---- -->

<!-- ------------------------------------------- --> */



/* **************************************************************************************************************************** */

/* *****************TUTORIAL-VIDEO-PAGE-END**********TUTORIAL-VIDEO-PAGE-END********BRAND-PAGE-END*******END******************* */

/* **************************************************************************************************************************** */