:root{
            --primary:#005c5c;
            --secondary:#d8831e;
        }

      body{
    font-family: 'Poppins', sans-serif;position:relative;z-index:9;
}

/*******************************************taken from header***************************************************************************/

      .parallax-section p {
    color:#fff;
}
      #wishlistCount {
          right:30%;
    top: -40%;
      background:#b45c19;
}
      .fa-search:before {
    content: "\f002";
    position: absolute;
    left: 80%;
    /* right: 34%; */
    top: 39%;
    initial-letter: 2;
    z-index: 999999;
}
      span.webview {
    color: #005d63;
}
      .owl-carousel .owl-item img{height:200px!important;}
#cartCount {
    background:#b45c19;
    top: -11px;
    right: 43px;
}
         body{margin:0;font-family:Arial}
         .w-50px{width: 50px;}
         header{position:sticky;top:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
         .container{max-width:1400px;margin:auto;padding:0 20px}
         .topbar{background:#b30021;color:#fff;padding:8px 0}
         .header{display:flex;align-items:center;gap:20px;padding:15px 0; width:100%;}
         .search{flex:1;display:flex; width:0px;}
         .search input{flex:1;padding:12px;border:2px solid #ddd;border-right:0;border-radius:30px 0 0 30px}
         .search button{padding:12px 20px;background:#005d63;color:#fff;border:none;border-radius:0 30px 30px 0}
         .header-icons{display:flex;gap:20px}
         .menu{display:flex;list-style:none;width:45%;margin:0;color:#005d63;padding:0}
         .navbar{
         background:#cf102d;
         position:relative;
         }
               .user .btn-icon {
    width: 60px;
    flex-direction: column;
    border: none;
}
#categories {
    margin: auto;
}
ul.navbar-nav.user {
    width: 18%;
}
         .navbar-nav .nav-link {
         padding-right: revert-rule!important;
         padding-left: revert-rule!important;
         color: #005d63;
         }
         .mega-column {
         display: flex;
         gap: 30px;
         }
         .menu>li{
         position:static;
         }
         .menu>li>a{
         display:block;
         padding:20px 22px;
         color:#fff;
         text-decoration:none;
         font-weight:600;
         }
         .menu>li:hover>a{
         background:transparent!important;
         }
         a.btn.btn-outline-primary.mx-1.mr-1.position-relative.d-flex.align-items-center.btn-icon:hover{
             background:transparent!important;
         }
         .mega-menu{
         position:absolute;
         left:0;
         top:100%;
         width:100%;
         background:#fff;
         opacity:0;
         visibility:hidden;
         transform:translateY(20px);
         transition:.35s;
         box-shadow:0 10px 35px rgba(0,0,0,.15);
         z-index:999;
         }
         .menu>li:hover>.mega-menu{
         opacity:1;
         visibility:visible;
         transform:translateY(0);
         }
         .mega-container{
         max-width:1400px;
         margin:auto;
         padding:40px;
         display:grid;
         grid-template-columns:repeat(5,1fr);
         gap:45px;
         }
         .mega-column h4{
         font-size:22px;
         margin-bottom:18px;
         font-weight:700;
         }
         .mega-column a{
         display:block;
         color:#444;
         text-decoration:none;
         padding:8px 0;
         font-size:16px;
         }
         .mega-column a:hover{
         color:#cf102d;
         }
         @media(max-width:992px)
         
         {.menu{display:block}
         img.about-img {
    height: 300px;
}
         .top-header .fa-search {
        left: 17%;
        top: 38%;
        position: absolute;
        z-index: 9999;
    }
    .wishlistCount{top:40%;}
       .logo {
           width:50px!important;
        position: relative;
        left:20%;
    }
         .user .btn-icon {
    width: 70px;
    flex-direction: column;
    border: none;
}
         .mega-menu{position:static;width:100%;display:none}}
         /*********************end of mega menu**************************/
         .play-club{
         padding:70px 20px;
         background:
         linear-gradient(rgba(222,240,255,.95),rgba(222,240,255,.95)),
         url('https://www.transparenttextures.com/patterns/cubes.png');
         }
         /***.container{
         max-width:1200px;
         margin:auto;
         }
         **************/
         .heading{
         text-align:center;
         margin-bottom:55px;
         }
         .tag{
         display:inline-block;
         padding:8px 20px;
         border-radius:30px;
         background:#fff;
         font-size:12px;
         font-weight:600;
         color:#4285f4;
         box-shadow:0 8px 20px rgba(0,0,0,.08);
         margin-bottom:20px;
         }
         .heading h2{
         font-size:42px;
         font-weight:800;
         color:#1d2735;
         margin-bottom:15px;
         }
         .heading h2 span{
         color:#ff365c;
         }
         .heading p{
         max-width:550px;
         margin:auto;
         font-size:15px;
         color:#666;
         line-height:1.8;
         }
         .cards{
         display:grid;
         grid-template-columns:repeat(3,1fr);
         gap:30px;
         }
         .card{
         background:#fff;
         padding:18px;
         border-radius:18px;
         box-shadow:0 15px 40px rgba(0,0,0,.08);
         border-top:5px solid #27b3ff;
         transition:.35s;
         }
         .card.active{
         border-top:5px solid orange;
         }
         .card:hover{
         transform:translateY(-8px);
         }
         .icon{
         width:48px;
         height:48px;
         border-radius:50%;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:24px;
         background:#eef5ff;
         margin-bottom:20px;
         }
         .card h3{
         font-size:20px;
         margin-bottom:8px;
         font-weight:700;
         }
         .card p{
         font-size:14px;
         color:#777;
         line-height:1.7;
         margin-bottom:20px;
         }
         .card img{
         width:100%;
         height:300px;
         object-fit:cover;
         border-radius:12px;
         }
         .bottom{
         margin-top:18px;
         display:flex;
         justify-content:space-between;
         align-items:center;
         border-top:1px solid #eee;
         padding-top:15px;
         }
         .bottom span{
         font-size:14px;
         font-weight:600;
         }
         .bottom a{
         text-decoration:none;
         font-size:22px;
         font-weight:bold;
         color:#ff365c;
         transition:.3s;
         }
         .card:hover .bottom a{
         transform:translateX(5px);
         }
         /* Background Clouds */
         .play-club:before{
         content:"☁";
         position:absolute;
         left:7%;
         top:80px;
         font-size:70px;
         opacity:.18;
         }
         .play-club{
         position:relative;
         overflow:hidden;
         }
         /* Responsive */
         @media(max-width:991px){
             
              .weblogo {
           width:50px!important;
        position: relative;
    }
             #wishlistCount{top:-100%;}
             .close-search {
    position: absolute;
    right: 0;
    z-index: 9;
    top: 5px;
    font-size: 24px;
    border: none;
    background: none;
    color: red;
    font-weight:bold;
}
            ul.navbar-nav.user{
    width: 41% !important;
            position: relative;
        z-index: 1;
}
         .cards{
         grid-template-columns:1fr 1fr;
         }
         .heading h2{
         font-size:34px;
         }
         }
         @media(max-width:767px){
         .cards{
         grid-template-columns:1fr;
         }
         .heading h2{
         font-size:28px;
         }
         .heading p{
         font-size:14px;
         }
         .card img{
         height:250px;
         }
         }
         /***************end of playfull ***************/
       .navbar, .top-header {padding:0px;position:relative;z-index:0;}
       .carousel {
    position: relative;
    z-index: -15!important;
}
         .navbar-nav .dropdown {
         position: static;
         padding:20px 20px;
         }
         .navbar-nav .dropdown-menu {
         position: absolute;
         left: 0 !important;
         right: 0;
         top: auto;
         width: 100%;
         opacity:1;
         min-width: 100%;
         margin: 0;
         padding: 25px 40px;
         border: none;
         border-radius: 0;
         background: #fff;
         box-shadow: 0 10px 30px rgba(0,0,0,.08);
         display: none;
         z-index: 9999;
         /* Make items appear in columns */
         column-count: 4;
         column-gap: 40px;
         }
         .navbar-nav .dropdown:hover > .dropdown-menu {
         display: block;
         }
         .navbar-nav .dropdown-menu .dropdown-item {
         display: block;
         width: 100%;
         padding: 8px 0;
         color: #333;
         font-size: 15px;
         font-weight: 500;
         white-space: normal;
         break-inside: avoid;
         transition: all .3s ease;
         }
         .navbar-nav .dropdown-menu .dropdown-item:hover {
         color: #b45c19;
         background: transparent;
         padding-left: 8px;
         }
         /* Desktop */
         @media (min-width:992px){
                 .subscribe-box .btn {
        height: 45px;
        border-radius: 0px 40% 40% 0px;
        background-color: #d4a429;
        color: #000;
    }
                 body.logged-in ul.navbar-nav.user{
        width:5% !important;
    }
                    .weblogo {
           width:50px!important;
        position: relative;
    }
         .navbar-nav .dropdown {
         position: static;
         }
         .navbar-nav .dropdown-menu {
         left: 0 !important;
         right: 0;
         width: 100%;
         top:100%;
         }
         }
         /* Tablet */
         @media (max-width:991px){
         .navbar-nav .dropdown-menu{
         position: static;
         width: 100%;
         column-count: 2;
         box-shadow: none;
         padding: 15px;
         }
         }
         /* Mobile */
         @media (max-width:576px){
         .navbar-nav .dropdown-menu{
         column-count: 1;
         padding: 10px 15px;
         }
         }
  
/*************************************************************************************end of header css ******************************************************************************/
/******************start of custom map ****************/
.store-location-section{

padding:90px 0;
background:#f8fbfb;

}

.section-heading span{

color:#542D1A;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;

}

.section-heading h2{

font-size:42px;
font-weight:700;
color:#005d63;
margin-top:10px;

}

.location-box{

position:relative;
overflow:hidden;

border-radius:25px;

box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.map-wrapper{

height:600px;
position:relative;

}

.map-wrapper iframe{

width:100%;
height:100%;
border:none;

filter:saturate(1.1);

}

.store-card{

position:absolute;

left:40px;
top:50%;

transform:translateY(-50%);

width:390px;

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.18);

z-index:99;

}

.store-logo{

width:80px;
height:80px;

background:#005d63;

color:#fff;

display:flex;

justify-content:center;
align-items:center;

border-radius:20px;

font-size:34px;

margin-bottom:20px;

}

.store-card h3{

color:#005d63;

font-weight:700;

margin-bottom:20px;

}

.address{

line-height:28px;

color:#666;

}

.store-info div{

margin:12px 0;

font-weight:500;

}

.store-info i{

color:#542D1A;

width:25px;

}

.buttons{

margin:30px 0;

display:flex;

gap:12px;

flex-wrap:wrap;

}

.buttons a{

background:#005d63;

color:#fff;

padding:12px 22px;

border-radius:40px;

text-decoration:none;

transition:.3s;

}

.buttons a:last-child{

background:#542D1A;

}

.buttons a:hover{

transform:translateY(-3px);

color:#fff;

}

.store-card ul{

padding:0;

margin:20px 0 0;

list-style:none;

}

.store-card li{

padding:8px 0;

color:#666;

}

.store-card li i{

color:#005d63;

margin-right:8px;

}

/* Animated Marker */

.animated-marker{

position:absolute;

left:61%;
top:45%;

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

}

.pin{

width:70px;

height:70px;

border-radius:50%;

background:#005d63;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:30px;

border:6px solid #fff;

position:relative;

z-index:5;

box-shadow:0 15px 35px rgba(0,0,0,.3);

}

.pulse{

position:absolute;

width:70px;

height:70px;

border-radius:50%;

background:#005d63;

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);

opacity:.7;

}

100%{

transform:scale(2.5);

opacity:0;

}

}

@media(max-width:991px){

.store-card{

position:relative;

left:0;

top:0;

transform:none;

width:100%;

border-radius:0;

}

.map-wrapper{

height:450px;

}

.animated-marker{

display:none;

}

}
  html, body {
    overflow-x: hidden;
}
* {
  box-sizing: border-box;
}
.nav-link {
  position: relative;
  z-index: 100002;
}
body {
  padding-top: 100px;   /* MUST match header height */
}
/***********start of product page ****************/
.page-content{
  margin-top:140px;
}

/* IMAGE */
.product-image-wrap{
  position:relative;
  text-align:center;
}
.product-image-wrap img{
  max-height:420px;
  width:auto;
  object-fit:contain;
}
.variant-error{
  color:#e53935;
  font-size:13px;
  margin-top:5px;
  display:none;
}
/* SOLD */
.sold-badge{
  position:absolute;
  top:15px;
  left:15px;
  background:#e53935;
  color:#fff;
  padding:6px 12px;
  font-weight:600;
  border-radius:4px;
}

/* WISHLIST */
.wishlist-icon{
  position:absolute;
  top:15px;
  right:15px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Outline heart (default) */
.wishlist-icon i{
  font-size:18px;
  color:#000;            /* BLACK outline */
}

/* Filled heart (active) */
.wishlist-icon i.active{
  color:#e53935;         /* RED filled */
}
.wishlist-icon .fa,
.wishlist-icon .far {
  color:#000 !important;
}

.wishlist-icon .active {
  color:#e53935 !important;
}

/* INFO */
.product-title{font-weight:700}
.price{font-size:22px;font-weight:700;color:#2e7d32}
.old-price{text-decoration:line-through;color:#777;margin-right:10px}

/* VARIANTS */
.variant-label{font-weight:600;margin-bottom:6px}
.variant-options{display:flex;gap:8px;flex-wrap:wrap}
.variant-btn{
    border: 1px solid #a67c00;
    background: #0c3a5d;
    color: #fff;
  padding:6px 14px;
  border-radius:20px;
  cursor:pointer;
}
.variant-btn.active{
  background:#000;
  color:#fff;
  border-color:#000;
}

/* ACTIONS */
.qty-input{width:90px}
.action-buttons button{min-width:150px}
/* REVIEWS */
.rating-bar{
  display:flex;
  align-items:center;
  font-size:14px;
  margin-bottom:6px;
}
.rating-bar span{width:55px}
.progress{height:8px;width:100%;margin:0 8px}

.review-card{
  border-bottom:1px solid #ddd;
  padding:15px 0;
}
.review-name{font-weight:600}
.review-stars{color:#f0a500}
.verified{color:green;font-size:12px}

.review-image-gallery{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin-top:6px;
}
.review-thumb{
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:6px;
  cursor:pointer;
  border:1px solid #ddd;
}


/* IMAGE MODAL */
.img-modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  z-index:9999;
}
.img-modal-content{
  display:block;
  margin:auto;
  max-width:90%;
  max-height:90%;
  margin-top:5%;
}
.img-close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:32px;
  color:#fff;
  cursor:pointer;
}
/* REVIEW INLINE IMAGES – SMALL & CLEAN */
.review-inline-img,
.review-thumb {
  width: 60px;          /* smaller width */
  height: 60px;         /* smaller height */
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #ddd;
}

/* Optional: slightly larger on hover */
.review-inline-img:hover,
.review-thumb:hover {
  transform: scale(1.05);
  transition: 0.2s ease;
}

.fa {
    color: #005d63 !important;
}
.category-circle {
  text-decoration: none;
  color: inherit;
}

/* IMAGE WRAPPER */
.image-wrapper {
  overflow: hidden;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: auto;
  cursor: pointer; /* 👈 HAND CURSOR */
}

/* IMAGE */
.imgcustom {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: transform 0.4s ease;
}

/* HOVER EFFECT */
.image-wrapper:hover img {
  transform: scale(1.1);
}

/* LABEL */
.category-label {
  margin-top: 10px;
  font-weight: 600;
  font-size: 14px;
}
/* WRAPPER */
.zoom-wrapper{
  display:flex;
  gap:20px;
}

/* LEFT IMAGE */
.zoom-left{
  position:relative;
  width:100%;
  max-width:420px;
}

.zoom-left img{
  width:100%;
  height:auto;
  display:block;
}

/* RIGHT ZOOM PANEL */
.zoom-right{
  width:420px;
  height:420px;
  border:1px solid #ddd;
  background-repeat:no-repeat;
  background-size:200%;
  display:none; /* hidden initially */
}

/* SHOW ON HOVER */
.zoom-wrapper:hover .zoom-right{
  display:block;
}
/* FULL SCREEN MODAL */
.zoom-popup{
  display:none;
  position:fixed;
  inset:0;
  background:linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);
  z-index:99999;
  justify-content:center;
  align-items:center;
}

/* INNER IMAGE */
.zoom-popup-inner{
  width:80%;
  max-width:900px;
  overflow:hidden;
  cursor:zoom-in;
}

/* IMAGE */
.zoom-popup-inner img{
  width:100%;
  transition: transform 0.2s ease;
}

/* CLOSE */
.zoom-close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:40px;
  color:#fff;
  cursor:pointer;
}
/**********************cartpage css**********************/
/* CART CARD */
button{
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);
    color: white;
    border-radius: 4px;
    border: 1px solid #0c3a5d;
}
.cart-card{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    padding:15px;
    border-radius:10px;
    margin-bottom:15px;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
    transition:0.3s;
}

.cart-card:hover{
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* PRODUCT IMAGE */
.cart-card img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
}

/* CONTENT AREA */
.cart-content{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* PRODUCT TITLE */
.cart-content h5{
    font-size:16px;
    font-weight:600;
    margin:0;
}

/* PRODUCT META */
.cart-meta{
    font-size:13px;
    color:#777;
}

/* QTY + REMOVE ROW */
.cart-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:5px;
}

/* QTY INPUT */
.qty-input{
    width:65px;
    padding:4px;
    border:1px solid #ddd;
    border-radius:4px;
    text-align:center;
}

/* PRICE */
.cart-price{
    font-weight:600;
    font-size:14px;
}

/* REMOVE BUTTON */
.remove-btn{
    border:none;
    background:none;
    color:#dc3545;
    font-size:18px;
    cursor:pointer;
}
tr.grand-total {
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);
}
/* TOTAL BOX */
.total-box{
    background:#0c3a5d;
    color:#fff;
    padding:15px;
    border-radius:8px;
    margin-top:20px;
    text-align:center;
    font-weight:600;
    font-size:18px;
}

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

.cart-card{
    flex-direction:column;
    align-items:flex-start;
}

.cart-card img{
    width:100%;
    height:180px;
}

.cart-actions{
    width:100%;
    justify-content:space-between;
}

.qty-input{
    width:70px;
}

}
/* RESPONSIVE TABLE */
@media (max-width: 576px) {

    .total-table tr {
        display: flex;
        margin-bottom: 10px;
    }

    .total-table td {
        display: block;
        width: 100%;
        text-align: left !important;
        padding: 4px 0;
    }

    .grand-total td {
        font-size: 17px;
    }
}
/* CART CARD */
.cart-card{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    padding:15px;
    border-radius:10px;
    margin-bottom:15px;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
    transition:0.3s;
}

.cart-card:hover{
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* PRODUCT IMAGE */
.cart-card img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
}

/* CONTENT AREA */
.cart-content{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* PRODUCT TITLE */
.cart-content h5{
    font-size:16px;
    font-weight:600;
    margin:0;
}

/* PRODUCT META */
.cart-meta{
    font-size:13px;
    color:#777;
}

/* QTY + REMOVE ROW */
.cart-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:5px;
}
.cartTotal{width:100%;}
/* QTY INPUT */
.qty-input{
    width:65px;
    padding:4px;
    border:1px solid #ddd;
    border-radius:4px;
    text-align:center;
}

/* PRICE */
.cart-price{
    font-weight:600;
    font-size:14px;
}

/* REMOVE BUTTON */
.remove-btn{
    border:none;
    background:none;
    color:#dc3545;
    font-size:18px;
    cursor:pointer;
}

/* TOTAL BOX */
.total-box{
    background:#0c3a5d;
    color:#fff;
    padding:15px;
    border-radius:8px;
    margin-top:20px;
    text-align:center;
    font-weight:600;
    font-size:18px;
}
/******************end of cart ********************************/
/* MOBILE */
@media(max-width:768px){
  .zoom-wrapper{
    flex-direction:column;
  }
  .zoom-right{
    display:none !important;
  }
}
/* ZOOM CONTAINER */
.zoom-container {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}

/* IMAGE */
.zoom-image {
  transition: transform 0.3s ease;
}

/* ON HOVER */
.zoom-container:hover .zoom-image {
  transform: scale(2); /* zoom level */
}

/* MOVE WITH MOUSE */
.zoom-container {
  background-repeat: no-repeat;
}
.w-100vw{width:100vw;}
.carousel-item .col-md-6:last-child {
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);
}
.carousel-indicators li {
    border-radius: 50%!important;
    width: 20px!important;
    height: 1px!important;
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55)!important;
}

/* TEXT */
.carousel h2 {
    font-size: 36px;
    font-weight: 600;
}

.carousel p {
    font-size: 16px;
    opacity: 0.9;
}
.justify-content-right{
    justify-content:right!important;
}

/* BASE PARALLAX */
.parallax-section {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/* OVERLAY */
.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.55);
}

/* CONTENT */
.parallax-section .content {
    position: relative;
    z-index: 2;
}

/* BACKGROUND IMAGES */
.parallax-history {
    background-image: url('../images/ab1.webp');
}

.parallax-brand {
    background-image: url('../images/ab2.webp');
}

.parallax-trigger {
    background-image: url('../images/ab3.webp');
}

/* GLASS BOX (LUXURY EFFECT) */
.glass-box {
    padding: 25px;
    border-radius: 12px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    margin-bottom: 20px;
    transition: 0.3s;
    color:#fff;
}

.glass-box:hover {
    background: rgba(255,255,255,0.2);
}

/* TEXT */
.parallax-section h2 {
    font-size: 42px;
    font-weight: 600;
}

.parallax-section p {
    font-size: 16px;
    max-width: 100%;
}
.lightgold{color:#f5cc55;}
/* RESPONSIVE */
@media (max-width: 768px) {
        .parallax-section {
        background-attachment: scroll; /* fix mobile bug */
        min-height: auto;
        padding: 60px 20px;
        text-align: center;
    }

    .parallax-section h2 {
        font-size: 26px;
    }
    .carousel-item img {
        height: 250px;
    }

    .carousel h2 {
        font-size: 24px;
    }

    .carousel p {
        font-size: 14px;
    }

    .carousel-item .col-md-6:last-child {
        padding: 20px !important;
        text-align: center;
    }
}



.hero-content h1 {
    font-size: 48px;
    font-weight: 600;
}

/* SECTION */
.section {
    padding: 70px 0;
}

.section-title {
    font-weight: 600;
    margin-bottom: 20px;
}

/* VALUES */
.value-box {
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 10px;
    transition: 0.3s;
    height: 100%;
}

.value-box:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* IMAGE */
.about-img {
    border-radius: 10px;
    width: 100%;
}

/* CTA */
.cta_bg {
    background: url(../images/ab1.webp);
    color: #fff;
    padding: 10% 20%;
    text-align: center;
    background-position: center right;
    background-size:100% 100%;
    /*****position: fixed;***/
    z-index: 9999;
    height: auto;
}
}

.cta h2 {
    margin-bottom: 20px;
}

.cta .btn {
    background: #a67c00;
    border: none;
}

.cta .btn:hover {
    background: #8c6500;
}

  .btn-primary {
    background:linear-gradient(to bottom, #f4c542, #b8860b);
   margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
  .btn-primary:hover {
    border: 1px solid #0c3a5d;
color:#0c3a5d;
background:linear-gradient(to bottom, #f4c542, #b8860b);
}
.hometabs.dropdown-menu, .nav-link {
    background: transparent!important;
}
.hometabs .nav-tabs .nav-link.active{
  border-bottom: 2px solid #b8860b!important;  
}
.hometabs.nav-tabs .nav-item.show .nav-link, .hometabs .nav-tabs .nav-link.active, .hometabs .nav-tabs .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.bannercustom{ background-size: 100% 100% !important;
    background: url(images/briquetales_module.png);
    height: 550px;
    background-position: center center;}
    .gift-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease;
}

.gift-card img {
  width: 100%;
  border-radius: 20px;
}
.h-600{height:600px;}

.gift-card:hover {
  transform: translateY(-5px);
}

.gift-text {
  text-align: center;
  padding: 12px 10px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #333;
}

.gift-text:hover {
  color: #a67c00;
  cursor: pointer;
}
.banner-card {
  position: relative;
  overflow: hidden;
}

.banner-card img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: 0.5s ease;
}

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0); /* initially transparent */
  transition: 0.4s ease;
}

/* Text */
.overlay h3 {
  color: #a67c00;
  letter-spacing: 4px;
  font-size: bold;
  margin-bottom: 10px;
}
.text-danger{background:red;}
/* Button */
.shop-btn {
  display: inline-block;
  padding: 8px 18px;
  background: linear-gradient(
90deg, #a67c00, #d4a540, #f5cc55);
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  letter-spacing: 2px;
  text-decoration: none;
  opacity: 1;
  transform: translateY(10px);
  transition: 0.4s ease;
}

/* Hover Effects */
.banner-card:hover img {
  transform: scale(1.08);
}

.banner-card:hover .overlay {
  background: rgba(0, 0, 0, 0.2); /* soft dark overlay */
}

.banner-card:hover .shop-btn {
  opacity: 1;
  transform: translateY(0);
}

/* Mobile */
@media (max-width: 767px) {
    .cart-card{
    flex-direction:column;
    align-items:flex-start;
}

.cart-card img{
    width:100%;
    height:180px;
}

.cart-actions{
    width:100%;
    justify-content:space-between;
}

.qty-input{
    width:70px;
}

    .premiumbg {
    height: 200px!important;
}
.logo{width:60%;}
  .overlay h3 {
    font-size: 16px;
  }
}
.w-30{width:30%;}
.w-40{width:40%;}
.sale-price{
  color:#e53935;
  font-weight:600;
  margin-right:6px;
}

.old-price{
  text-decoration:line-through;
  color:#999;
  font-size:14px;
}

.normal-price{
  color:#000;
  font-weight:600;
}

.gift-section{
padding:50px 0;
/**background:#f4f4f4;**/
}

.section-title{
text-align:center;
font-size:20px;
margin-bottom:35px;
}

.product-title{
font-size:14px;
margin-top:10px;
margin-bottom:4px;
}

.product-price{
font-size:13px;
}
/***********refund***********/
/* ================= HERO ================= */
.policy-hero{
    background: url(../images/policybanner.webp) center / cover no-repeat!important;
}
.policy-hero, .refund-hero{
height: 500px;
    background: url(../images/refundaazar.webp) center / cover no-repeat;
    position: relative;
}

.policy-hero::before, .refund-hero::before {
    content: "";
    position: absolute;
    z-index:-15;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}

.policy-hero .container {
    position: relative;
    z-index: 2;
}

.policy-hero h1 {
    font-size: 52px;
    font-weight: 600;
    letter-spacing: 1px;
}

.policy-hero p {
    font-size: 18px;
    opacity: 0.9;
}

/* ================= PARALLAX BACKGROUND ================= */
.policy-parallax {
    background: url('../images/ab8.webp') center/cover fixed no-repeat!important;
}
.policy-parallax, .refund-parallax {
    position: relative;
    background: url('../images/ab9.webp') center/cover fixed no-repeat;
    padding: 100px 0;
}

.policy-parallax .overlay {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.7);
}

.policy-content {
    position: relative;
    z-index: 2;
}

/* ================= POLICY BOX ================= */
.policy-box {
    background: rgba(255,255,255,0.95);
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    transition: 0.4s;
}

.policy-box:hover {
    transform: translateY(-8px);
}

.policy-box h2 {
    font-weight: 600;
    margin-bottom: 15px;
}

.policy-box p {
    font-size: 15px;
    line-height: 1.8;
}

/* ================= CONTACT BOX ================= */
.contact-box {
    background: #000;
    color: #fff;
    text-align: center;
}

.contact-box h3 {
    margin-bottom: 15px;
}

.contact-info a {
    color: #d4af37;
    font-weight: 500;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* ================= ANIMATION ================= */
.fade-in {
    animation: fadeIn 1s ease-in-out;
}

.fade-in-delay {
    animation: fadeIn 1.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (min-width: 768px) {
    .logo{width:10%;}
    .col-md-20 {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%;
    }
}
/*****************************terms ************************/
/* ================= PARALLAX BLOCK ================= */
.parallax-block {
    position: relative;
    background: url('../images/bg1.webp') center/cover fixed no-repeat;
    padding: 120px 0;
}
.parallax-block.alt5 {
    background: url('../images/bg5.webp') center/cover fixed no-repeat;
}
.parallax-block.alt-bg {
    background: url('../images/ab4.webp') center/cover fixed no-repeat;
}
.parallax-block.alt1 {
    background: url('../images/bg1.webp') center/cover fixed no-repeat;
}
.parallax-block.alt2 {
    background: url('../images/ab2.webp') center/cover fixed no-repeat;
}
.parallax-block.alt3 {
    background: url('../images/ab8.webp') center/cover fixed no-repeat;
}
.parallax-block.alt4 {
    background: url('../images/bg3.webp') center/cover fixed no-repeat;
}

.parallax-block .overlay {
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.75);
    top:0;
    left:0;
}

/* ================= GLASS ================= */
/*******************gifting ****************/
/* HERO BANNER */
.gifting-hero {
  height: 90vh;
  background: url('images/giftbanner.png') no-repeat center center/cover;
  background-attachment: fixed;
  position: relative;
}
.gifting-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
}
.gifting-content {
  position: relative;
  z-index: 2;
  color: #fff;
}

/* GLASS CARD */
.glass-card {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 30px;
  color: #fff;
  transition: 0.4s;
}
.glass-card:hover {
  transform: translateY(-10px);
  background: rgba(255,255,255,0.15);
}

/* PARALLAX */
.parallax-section {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  position: relative;
}
.parallax-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}
.parallax-content {
  position: relative;
  z-index: 2;
}

/* CTA */
.cta-bg {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 80px 0;
}

/* CONTACT */
.contact-box a {
    color: #d4af37;
}
@media only screen and (min-width: 992px) {
.premiumbg {
    height: 400px;
}
  .webview{
  display: flex;
}
.mobview{
  display: none!important;
}
.mobile_wrapper {
    display:none!important;
}
  #cartCount {
    top: -25%;
    right: -12px;
}


}
@media only screen and (max-width: 991px) {
      .cart-sidebar.active {
    width: 80%;
        z-index: 999999;
  }
    .cart-panel {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important;
    width: 80% !important;
    height: 100vh !important;
    z-index: 999999 !important;
    transform: none !important;
  }

  .cart-panel.open {
    right: 0 !important;
  }
    .top-header {
  position: fixed;
  z-index: 999 !important;
}

.navbar {
  z-index: 999998 !important;
}
    #cartIcon {
  position: relative;
  z-index: 1000000 !important;
}
    .premiumbg {
    height: 300px;
}
    #wishlistCount {
    top: -35%;
}
      .mobile_wrapper {
    position: fixed;
    z-index: 999;
    bottom: 0%;
    left: 0%;
    width: 100%;
}
ul.navbar-nav.user {margin-left: auto;
    background:transparent;
}
  ul.navbar-nav.user.logged-in {
    width: 5%;
  }

  ul.navbar-nav.user.logged-out {
    width: auto;
  }

.user li.dropdown .dropdown-menu, li.dropdown .dropdown-menu, #userDropdown{background:linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);}
ul.navbar-nav.user li.dropdown > a::after{display:none;}
  .navbar-nav{flex-direction:column!important;}
    #categories {
        flex-direction: column !important;
        align-items: flex-start;
        padding: 0px;
    }
    #categories a.nav-link {
        background: transparent;
        border: 1px solid white;
        width: 100%;
    }
li.nav-item {
    width: 100%;
}
    /* Parent dropdown */
    li.dropdown {
        position: relative;
    }

li.dropdown .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    display:none!important;
}

        li.dropdown .dropdown-menu.show {
       display:block!important;
       max-height:500px;
    }


li.dropdown.active .dropdown-menu.show {
       width:100%!important; /* enough height */
      /** background:linear-gradient(90deg, #a67c00, #d4a540, #f5cc55);**/
      background:#fff;
      z-index:999999;
    }
    /* PLUS symbol */
    li.dropdown > a::after {
        content: "+";
        font-size: 20px;
        font-weight: bold;
        float: right;
    }

    /* Change to MINUS when open */
    li.dropdown.active > a::after {
        content: "−";
    }


.formicons{width:50%;}

#categories .dropdown-menu .dropdown-item, .nav-link {
    color: #000;
    background: transparent;
}
    #exampleModal, #exampleModal11 {
        align-items: center;
        padding-right: 0px;
        place-content: center;
    }
      .dropdown-menu.mega-menu.p-4.show a {
        font-size: 20px;
        color:#0c3a5d;
        font-weight:800;
        width
    }
      .dropdown .dropdown-menu {
        left: 0vw !important;
        overflow-y: scroll!important;
    
    }
.webview{
  display: none!important;
}
.mobview{
  display: block;
}
}

a{ text-decoration:none; color:#007185; }

.container{ max-width:1200px; margin:auto; }

/* TOP */
.topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}
.search-box{
    display:flex;
    gap:8px;
}
.search-box input{
    padding:8px 10px;
    width:260px;
}
.search-box button{
    padding:8px 14px;
    background:#222;
    color:#fff;
    border:none;
    border-radius:20px;
    cursor:pointer;
}

/* TABS */
.tabs{
    display:flex;
    gap:20px;
    border-bottom:1px solid #ddd;
    margin-bottom:15px;
}
/* currency selector */
.currency-select{margin-left:12px}
.tab{
    padding:10px 0;
    font-weight:600;
    cursor:pointer;
}
.tab.active{
    border-bottom:3px solid #f08804;
}

/* FILTER */
.filter{
    font-size:14px;
    margin-bottom:15px;
}

/* ORDER CARD */
.order-box{
    border:1px solid #ddd;
    border-radius:8px;
    margin-bottom:20px;
    overflow:hidden;
}
.order-header{
    background:#f3f3f3;
    display:grid;
    grid-template-columns: repeat(4,1fr);
    padding:12px;
    font-size:13px;
}
.order-header strong{
    display:block;
    font-size:11px;
    color:#555;
}
.order-body{
    display:grid;
    grid-template-columns:100px 1fr auto;
    gap:15px;
    padding:15px;
    border-top:1px solid #eee;
}
.product-img img{
    width:90px;
    height:90px;
    object-fit:cover;
    border:1px solid #ddd;
}
.productcard img{box-shadow: 2px 2px 4px rgba(117, 117, 117, 0.8), -2px -2px 4px rgba(117, 117, 117, 0.8);}
.product-title{
    font-size:14px;
    font-weight:600;
    margin-bottom:6px;
}
.product-meta{
    font-size:13px;
    color:#555;
    margin-bottom:10px;
}
.actions button{
    padding:6px 12px;
    border-radius:20px;
    border:1px solid #ccc;
    background:#fff;
    cursor:pointer;
}
.review-btn button{
    padding:7px 14px;
    border-radius:20px;
    border:1px solid #ccc;
    background:#fff;
    cursor:pointer;
}

/* MOBILE */
@media(max-width:768px){
    .order-header{ grid-template-columns:1fr 1fr; gap:10px; }
    .order-body{ grid-template-columns:80px 1fr; }
    .review-btn{ grid-column:span 2; }
}
.modal-body{background:#0c3a5d;}
  .modal-backdrop{z-index:1!important;}
  .btn-success, a.btn-success {
    background-color: #c2a74e !important;
    line-height: 3;
    color: #eee;
    border: 1px solid #fff !important;
}

  /*************mobile bar*******************/
  /* Overlay */
a.nav-link.position-relative{background-color:transparent!important;}
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 998;
}

/* Side Menu */
.side-menu {
    position: fixed;
    top: 0;
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55) !important;
    left: -90%;
    width: 90%;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease;
    z-index: 9999;
    padding: 20px;
    overflow-y: auto;
}

/* Active State */
.side-menu.active {
  left: 0;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}
/* footer */
.w-50px{width:50px!important;}
/* Header */
.currency-btn{    font-size: 10px;
    padding: 2px;
    width: auto;
}
.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.close-menu {
  font-size: 24px;
  cursor: pointer;
}
/*.fa, .far, .fas{color:#fff!important;}*/
/* Links */
.menu-links {
  list-style: none;
  padding: 0;
}

.menu-links li {
  margin-bottom: 15px;
}

.menu-links a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}



.menu-links a:hover {
  color: #000;
}
.modal {
  z-index: 99999999 !important
}
/*.modal-backdrop {
  z-index: 99999 !important;
}*/
  /* SEARCH OVERLAY */
.search-overlay {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 220px;
  background: #fff;
  z-index: 99999;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  padding: 40px 20px;
}

.search-overlay.active {
  top: 0;
}

.search-container {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

.search-container input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #ddd;
  padding: 10px 40px 10px 0;
  font-size: 18px;
  outline: none;
}

.close-search {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

#searchResults {
  max-width: 700px;
  margin: 10px auto 0;
  max-height: 300px;
  overflow-y: auto;
}

@media (max-width: 768px) {
  .search-overlay {
    height: 180px;
    padding: 25px 15px;
  }

  .search-container input {
    font-size: 16px;
  }
}

  /* NAVBAR BASE */
  /* TOP HEADER */
.top-header {
  height: 70px;
  background: #FAF8F5;
  border-bottom: 1px solid #eee;
  position: fixed;
  width:100%;
  top: 0;
  z-index: 1000;
}
.top-header i {
  font-size: 18px;
  color: #000;
  cursor: pointer;
}
  #cartCount {
    top: -25%;
    right: 9px;
}

#wishlistCount {
    top: -40%;
}
.navbar-nav{flex-direction:row!important;align-items: center;}
.nav-item.dropdown:hover > .dropdown-menu{position:absolute!important;display: block;}


#cartCountMobile {
  position: absolute;
  top: -6px;
  right: -8px;
  font-size: 10px;
}

/* Desktop: hide mobile icons */
@media (min-width: 992px) {
  .top-header .hamburger,
  .top-header {
    display: none;
  }
  .currency-btn {
    font-size: large;
}
.navbar-expand-lg .navbar-collapse{place-content:center;
}


.navbar-light .navbar-nav .nav-link {
  font-weight: 500;
  color: #000 !important;
  padding: 0.75rem 1rem;
}

/* HOVER DROPDOWN */
.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
}

/* MEGA MENU */
.dropdown-menu.mega-menu {
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  border: none;
  padding: 2rem;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

/* LEFT COLUMN */
.mega-left h6 {
  font-size: 0.75rem;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  font-weight: 600;
}

.mega-left a {
  display: block;
  color: #000;
  padding: 0.3rem 0;
  text-decoration: none;
}

.mega-left a:hover {
  color: #b8860b;
}

/* RIGHT IMAGE */
.mega-right img {
  width: 100%;
  border-radius: 4px;
}

.mega-right h5 {
  margin-top: 1rem;
  font-weight: 600;
}

/* REMOVE CLICK CARET */
.dropdown-toggle::after {
  display: none;
}

  #searchResults .list-group-item {
  cursor: pointer;
}

     /**************mobile side nav****************/
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  padding-left:0px;
  background-color: #0c3a5d; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 3% 8%;
  text-decoration: none;
  font-size: 21px;
  color: #0c3a5d;
  display: block;
  transition: 0.3s;
}
.accordion>.card>.card-header {
    padding: 1% 5% !important;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
     position: absolute;
    top: 0;
    right: 0;
    border: 0;
    align-items: center;
    font-size: 40px;
    color: #fff !important;
    flex-direction: row;
    display: flex
;
    place-content: center;
    justify-content: center;
}
.card {
  position: relative;
}
/*.fa, .far, .fas {*/
/*    color: #fff !important;*/
/*}*/
.card { overflow: hidden; }
.wishlist-icon{
  position:absolute;
  top:15px;
  right:15px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* SVG heart */
.heart-icon{
  width:20px;
  height:20px;
  stroke:#000;        /* black outline */
  fill:none;          /* empty heart */
  transition:0.3s ease;
}

/* Active wishlist */
.heart-icon.active{
  fill:#e53935;       /* red fill */
  stroke:#e53935;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#main{
display: flex;
align-items: center;
}
header{
background-color: #fff;
/**padding: 2% 0%; **/
width:100%;
position:fixed;
z-index:9;
}
/***********************end mobile header **********************/
  .cart-sidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 350px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.2);
  transition: right 0.3s ease;
  z-index: 999999;
  padding: 20px;
  overflow-y: auto;
}
.cart-sidebar.active {
width:60%;
  right: 0;
}

.close-cart {
  cursor: pointer;
}

  .cart-panel {
  position: fixed;
  top: 0;
  right: -400px;
  width: 350px;
  height: 100%;
  background: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
  transition: right 0.4s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

.cart-panel.open {
  right: 0;
}

.cart-header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #a67c00;
  background:#0c3a5d!important;
  color:#fff;
  font-weight: bold;
}

.close-btn {
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  color:#fff;
}

.cart-body {
  padding: 15px;
  flex-grow: 1;
  overflow-y: auto;
}

.cart-item {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.cart-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.quantity-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-footer {
  padding: 15px;
  border-top: 1px solid #0c3a5d!important;
  background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55)!important;
}
.btn-dark{background:#0c3a5d;color:#fff;}
.checkout-btn {
  width: 100%;
  padding: 10px;
  background-color: #5c0000;
  color: white;
  border: none;
  cursor: pointer;
}

    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', sans-serif;
    }
    .top-bar {
      background-color: #0c3a5d;
      color: white;
      text-align: center;
      font-size: 14px;
      padding: 5px 0;
    }

    
  
    .d-grid{display:grid;}
    .imgcustom{width:150px!important;padding:5%;display:block; height:138px!important;box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;    border: 1px solid #eee;}
    .br-50{border-radius:50%;}
    a.premiumbg{background:url(<?php echo $base_url ?>/images/brique_Barware.webp);background-size:100% 100%;}
    footer{position:relative;height:auto; padding:4rem;}
    footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://www.smartek.com/briquetales_final/images/footermap.png) center / cover no-repeat;
    filter: blur(5px);
    z-index: -1;
}
    .card {
      position: relative;
      overflow: hidden;
    }
    .btn-link{
        color:#0c3a5d!important;
        font-size:21px;
    }

    .card img {
      transition: transform 0.3s ease;
    }

    .card:hover img {
      transform: scale(1.1);
    }

    .hover-icons {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      gap: 10px;
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
    }

    .card:hover .hover-icons {
      opacity: 1;
    }

    .hover-icons a {
      background: rgba(255, 255, 255, 0.9);
      padding: 10px;
      border-radius: 50%;
      color: #333;
      font-size: 16px;
      text-decoration: none;
      transition: background 0.3s, color 0.3s;
    }

    .hover-icons a:hover {
      background: #000;
      color: #fff;
    }

    .new-badge {
      position: absolute;
      top: 10px;
      left: 10px;
      background: crimson;
      color: #fff;
      padding: 5px 10px;
      font-size: 12px;
      border-radius: 3px;
      z-index: 2;
    }

    .card-img-top {
      height: 300px;
      object-fit: cover;
    }


    .price {
      font-weight: bold;
      margin-top: 5px;
    }
    .footer h5 {
      font-weight: bold;
    }
    .footer a {
      color: #fff;
      text-decoration: none;
    }
    .footer a:hover {
      text-decoration: underline;
    }
    .subscribe-box input {
      border-radius: 0;
      height: 45px;
    }
    .subscribe-box .btn {
      height: 45px;
      border-radius: 0;
      background-color: #d4a429;
      color: #000;
    }
    .footer-logo {
      font-weight: bold;
      letter-spacing: 2px;
    }
.footer-top {
padding-bottom: 80px;
    color: white;
    font-size: 30px;
}




.badge {
  padding: 4px 6px;
  border-radius: 50%;
  background-color: red;
  color: white;
}

#authTabs.nav-tabs .nav-link.active {
    color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background: linear-gradient(90deg, #a67c00, #d4a540, #f5cc55) !important;
}
#authTabs.nav-tabs .nav-link {
    border: 1px solid #fff;
    color:#fff;
}
.modal-open {
    color:#fff;
}
.product-card{
  position:relative;background:transparent;border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,.08); padding:auto;
  cursor:pointer;transition:.3s;overflow:hidden;height:auto;
}
.product-card:hover{transform:translateY(-5px)}
.product-card img{width:100%;height:300px;object-fit:cover;border-radius:12px;
background:#e8e3d6;}
.product-body{padding:12px}
.product-title{
  font-size:14px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.product-price{font-weight:700;color:#2e7d32}
.badge-new{
  position:absolute;top:10px;left:10px;
  background:#ff5252;color:#fff;font-size:11px;
  padding:4px 8px;border-radius:20px;
}
/************start of feature wrapper ****************/
.feature-wrapper{
    background:#fff;
    border:1px solid #ececec;
    border-radius:15px;
    overflow:hidden;
}

.feature-box{
    display:flex;
    align-items:center;
    padding:20px;
    height:100%;
    border-right:1px solid #ececec;
    transition:.3s;
}

.feature-box:hover{
    background:#d4a429;
   box-shadow:0 8px 25px rgba(0,0,0,.15);
   color:black;
}

.feature-box:last-child{
    border-right:none;
    display:block;
}

.icon{
    width:50px;
    min-width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:24px;
    color:#0d5c63;
}

.content h6{
    font-size:15px;
    font-weight:700;
    margin-bottom:3px;
    color:#222;
}

.content p{
    font-size:13px;
    color:#777;
    margin:0;
}

@media(max-width:767px){
    .feature-box{
        border-right:none;
        border-bottom:1px solid #ececec;
        padding:15px;
    }

    .feature-wrapper .col-12:last-child .feature-box{
        border-bottom:none;
    }
}
/********end of feature wrapper**************/
/**********start of about us *****************/
.about-section {
    background: #fff;
}

.hero-banner {
    border-radius: 10px;
    overflow: hidden;
}

.hero-banner img {
    height: 280px;
    object-fit: cover;
}

.feature-row {
    margin-top: -90px;
    position: relative;
    z-index: 2;
}

.feature-box {
    color: #fff;
    padding: auto;
    text-align: center;
    border-radius: 4px;
    transition: 0.3s;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}
.icon{background-color:#005d63;}
.feature-box:hover {
    transform: translateY(-8px);
}

.blue-box {
    background: #005d63;
}

.red-box {
    background: #b45c19;
}

.yellow-box {
    background: #EFE4D8;
    color:#000;
}

.feature-box h5 {
    font-weight: 700;
    margin-bottom: 15px;
}

.feature-box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.feature-box img {
    width: 100%;
    height: 200px;
    border-radius: 50px;
    object-fit: cover;
    border: 4px solid rgba(255,255,255,.4);
}

.about-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.divider {
    width: 70px;
    height: 3px;
    background: #cfa43c;
    margin: 12px auto;
    border-radius: 30px;
}

@media(max-width:767px){

    .feature-row {
        margin-top: 30px;
    }

    .hero-banner img {
        height: auto;
    }

    .feature-box {
        min-height: auto;
    }
}
/* Offer Bar */
.offer-bar{
    background:#542D1A;
    padding:10px 20px;
    font-size:14px;
    border:1px solid #fff;
}

.offer-bar span{
    font-weight:500;
    color:#fff;
}

/* Navbar */
.main-navbar{
    background:#fff;
    padding:15px 25px;
    border-bottom:1px solid #A47C5B;
}
.fa, .fas{    font-weight: 900;
    color: #005d63;}
.logo{
    font-size:42px;
    font-weight:700;
    color:#fff !important;
    width:100px;
    text-align:center;
}

/* Search */
.search-box{
    width:320px;
    background:#fff;
    border-radius:40px;
    display:flex;
    align-items:center;
    padding:8px 15px;
}

.search-box i{
    color:#999;
}

.search-box input{
    border:none;
    outline:none;
    width:100%;
    margin-left:10px;
}

/* Nav */
.navbar-dark .navbar-nav .nav-link{
    color:#000;
    font-weight:500;
    padding:12px 15px;
}
.navbar-dark .navbar-nav .nav-link .active{
    color:#005c5c;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color:#542D1A;
}
/* Mega Menu */
.mega-dropdown{
    position:static;
}

.mega-menu{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    background:#fff;
    padding:40px 50px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    display:none;
    z-index:999;
}

.mega-dropdown:hover .mega-menu{
    display:block;
}

.mega-menu h6{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
    color:#111;
}

.mega-menu a{
    display:block;
    color:#444;
    margin-bottom:12px;
    text-decoration:none;
    transition:.3s;
}

.mega-menu a:hover{
    color:#d6002a;
    padding-left:5px;
}
/__________________sear******************/
/* =========================
   HEADER ACTIONS
========================= */

.header-actions{
    display:flex;
    align-items:center;
    gap:25px;
    margin-left:auto;
}

.header-icon-item{
    display:flex;
    align-items:center;
    gap:6px;
    color:#000;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    position:relative;
    transition:.3s;
}

.header-icon-item:hover{
    color:#005d63;
    text-decoration:none;
}

.header-icon-item i{
    font-size:18px;
}

.custom-count{
    position:absolute;
    top:-8px;
    right:-10px;
    min-width:18px;
    height:18px;
    line-height:18px;
    border-radius:50%;
    font-size:10px;
    padding:0;
    text-align:center;
}

/* =========================
   SEARCH BOX
========================= */

.header-search{
    width:320px;
    margin:0 20px;
}

.header-search form{
    position:relative;
}

.header-search input{
    width:100%;
    height:44px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:0 15px 0 45px;
    outline:none;
    font-size:15px;
    background:#fff;
}

.header-search button{
    position:absolute;
    left:0;
    top:0;
    width:45px;
    height:44px;
    border:none;
    background:none;
    color:#777;
    font-size:18px;
    cursor:pointer;
}

/* =========================
   MAIN NAV
========================= */

.main-navbar{
    background:#fff;
    border-bottom:1px solid #eee;
}

.main-navbar .navbar-nav{
    gap:20px;
}

.main-navbar .nav-link{
    color:#000 !important;
    font-size:16px;
    font-weight:500;
}

.main-navbar .nav-link:hover{
    color:#005d63 !important;
}

/* =========================
   AGE DROPDOWN SECTION
========================= */

.age-menu{
    background:#f8f8f8;
    padding:20px;
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

.age-item{
    text-align:center;
    width:110px;
}

.age-item img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:6px;
}

.age-item span{
    display:block;
    margin-top:8px;
    color:#222;
    font-size:15px;
    font-weight:500;
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){
    .feature-box img {
    height: 200px;
    }

    .header-search{
        width:100%;
        margin:15px 0;
        order:3;
    }

    .header-actions{
        gap:15px;
    }

    .header-icon-item span{
        display:none;
    }

    .header-icon-item i{
        font-size:22px;
    }

    .main-navbar .navbar-nav{
        gap:0;
    }
}

@media(max-width:767px){

    .header-actions{
        gap:12px;
    }

    .header-search input{
        height:40px;
    }

    .header-search button{
        height:40px;
    }

    .custom-count{
        top:-5px;
        right:-8px;
    }
}
@media(max-width:991px){

    .mega-menu{
        position:relative;
        display:block;
        box-shadow:none;
        padding:20px;
    }

    .search-box{
        width:100%;
        margin:15px 0;
    }
}

        

        /* Top Bar */
        .top-bar{
            background: var(--primary);
            color:#fff;
            font-size:13px;
            padding:6px 0;
        }

        .top-bar a{
            color:#fff;
            text-decoration:none;
        }

        /* Logo Row */
        .header-middle{
            padding:15px 0;
            background:#fff;
        }

        .logo img{
           width:37%!important;
        }

        .search-box{
            border:1px solid #ddd;
            border-radius:5px;
            overflow:hidden;
        }

        .search-box input{
            border:none;
            box-shadow:none;
        }

        .search-box select{
            border:none;
            border-left:1px solid #ddd;
            border-radius:0;
        }

        .search-btn{
            background:var(--secondary);
            color:#fff;
            border:none;
            width:55px;
        }

        .header-icons{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:25px;
        }

        .header-icons a{
            color:#333;
            text-decoration:none;
            font-size:14px;
        }

        .header-icons i{
            font-size:20px;
            margin-right:6px;
        }

        .cart-badge{
            position:absolute;
            top:-8px;
            right:-10px;
            background:#ff7b00;
            color:#fff;
            font-size:10px;
            width:18px;
            height:18px;
            border-radius:50%;
            text-align:center;
            line-height:18px;
        }

        /* Navigation */
        .navbar-custom{
            background:var(--primary);
            border-radius:5px;
        }

        .navbar-custom .nav-link{
            color:#fff !important;
            font-size:14px;
            padding:12px 18px !important;
        }

        .all-categories{
            background:#004848;
            color:#fff;
            padding:12px 20px;
            border-radius:5px 0 0 5px;
            font-weight:600;
        }

        .all-categories i{
            margin-right:8px;
        }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
    width: 100%;
    text-align: center;
    place-content: center;
    display: flow-root;
}
.carousel-item {
    position: relative;
    display: none;
    height: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
        @media(max-width:991px){

            .header-icons{
                margin-top:15px;
                justify-content:center;
            }

            .search-area{
                margin-top:15px;
            }

            .all-categories{
                width:100%;
                border-radius:5px;
                margin-bottom:10px;
            }
        }
        .footer-section{
    background:#f5f7f8;
    padding:60px 0;
}

.footer-box{
    background:#005d63;
    color:#fff;
    border-radius:20px;
    padding:40px;
}

.footer-logo{
    max-height:55px;
}

.footer-box h5{
    color:#fff;
    font-size:18px;
    margin-bottom:18px;
    font-weight:600;
}

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

.footer-box ul li{
    margin-bottom:10px;
}

.footer-box ul li a{
    color:#d7e5e5;
    text-decoration:none;
}

.footer-box ul li a:hover{
    color:#f6c453;
}
footer {
    position: relative;
    height: auto;
    padding: 4rem;
}
.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/footerbg.png) center / cover no-repeat;
    filter: blur(5px);
    z-index: -1;
}
.social-icons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:35px;
    background:rgba(255,255,255,.15);
    border-radius:50%;
    color:#fff;
    margin-right:8px;
}

.form-control{
    border-radius:50px 0 0 50px !important;
    border:none;
}

.btn-warning{
    border-radius:0 50px 50px 0 !important;
    background:#f6c453;
    border:none;
    color:#000;
    font-weight:600;
}

.cart-sidebar{
    z-index:99999;
}

.footer{
    z-index:1000;
}
.footer-box hr{
    border-color:rgba(255,255,255,.15);
}

.payment-img{
    max-height:30px;
}
.shop-category-section{
    padding:30px 0;
    background:#fff;
}

.category-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.category-header h4{
    font-size:18px;
    font-weight:700;
    color:#222;
    margin:0;
}

.view-all{
    font-size:11px;
    font-weight:600;
    color:#0d5f63;
    text-decoration:none;
}

.view-all:hover{
    color:#f4a61d;
    text-decoration:none;
}

.category-box{
    display:block;
    background:#faf8f6;
    border:1px solid #ece8e4;
    border-radius:8px;
    text-align:center;
    padding:12px 8px;
    height:100%;
    transition:.3s;
    text-decoration:none;
}

.category-box:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    text-decoration:none;
}

.category-box img{
    width:100%;
    max-width:90px;
    height:90px;
    object-fit:contain;
    margin:0 auto 10px;
    display:block;
}

.category-box p{
    font-size:11px;
    font-weight:500;
    color:#222;
    margin:0;
}

@media(max-width:767px){

    .category-header h4{
        font-size:16px;
    }

    .category-box{
        margin-bottom:10px;
    }

    .category-box img{
        max-width:70px;
        height:70px;
    }
}
.promo-section{
    background:#fff;
}

.promo-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:12px;
    overflow:hidden;
    padding:20px 25px;
    min-height:140px;
    position:relative;
    text-decoration:none !important;
    transition:all .4s ease;
}

.promo-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,.15);
}

.promo-card::before{
    content:'';
    position:absolute;
    top:0;
    right:-80px;
    width:180px;
    height:180px;
    background:rgba(255,255,255,.08);
    transform:rotate(45deg);
}

.promo-green{
    background:linear-gradient(135deg,#005c5c,#0d7d78);
}

.promo-orange{
    background:linear-gradient(135deg,#b45c19,#e08b2b);
}

.promo-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.promo-content h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:8px;
}

.promo-content p{
    font-size:14px;
    margin-bottom:15px;
}

.promo-btn{
    display:inline-block;
    background:#fff;
    color:#222;
    font-size:12px;
    font-weight:600;
    padding:8px 18px;
    border-radius:30px;
    transition:.3s;
}

.promo-card:hover .promo-btn{
    background:#ffc107;
    transform:scale(1.05);
}

.promo-image{
    position:relative;
    z-index:2;
}

.promo-image img{
    max-height:110px;
    transition:.5s;
}

.promo-card:hover .promo-image img{
    transform:scale(1.12) rotate(-5deg);
}

@media(max-width:767px){

    .promo-card{
        min-height:auto;
        padding:20px;
    }

    .promo-content h4{
        font-size:18px;
    }

    .promo-image img{
        max-height:80px;
    }
}
.popular-products{
    background:#fff;
}

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.section-header h4{
    font-size:20px;
    font-weight:700;
    margin:0;
}

.section-header a{
    color:#0b5c61;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.product-card{
    position:relative;
    border:1px solid #eee;
    border-radius:10px;
    padding:12px;
    background:#fff;
    transition:.3s;
    height:100%;
}
.age-card{
    position:relative;
    border:1px solid #eee;
    border-radius:10px;
    padding:12px;
    background:#fff;
    transition:.3s;

}
.product-card:hover, .age-card:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.product-card img, .age-card img {
    width:100%;
    height:auto;
    object-fit:contain;
    margin-bottom:10px;
}

.product-card h6{
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
    min-height:32px;
}

.rating{
    color:#f4a300;
    font-size:12px;
    margin-bottom:8px;
}

.price{
    display:flex;
    align-items:center;
    gap:6px;
}

.new-price{
    color:#000;
    font-weight:700;
    font-size:14px;
}

.old-price{
    color:#999;
    text-decoration:line-through;
    font-size:12px;
}

.wishlist{
    position:absolute;
    top:10px;
    right:10px;
    color:#999;
    cursor:pointer;
}

.wishlist:hover{
    color:#ff4d4d;
}

.badge-sale{
    position:absolute;
    top:10px;
    left:10px;
    background:#2ecc71;
    color:#fff;
    font-size:10px;
    padding:3px 8px;
    border-radius:20px;
    font-weight:600;
}

.sale-red{
    background:#ff4d4d;
}
 .kids-banner {
            background: linear-gradient(
                to right,
                #d8b04a 0%,
                #d8b04a 50%,
                #f7c7d5 50%,
                #f7c7d5 100%
            );
            border-radius: 15px;
            overflow: hidden;
            min-height: 400px;
            position: relative;
        }

        .banner-content {
            padding: 70px 50px;
            z-index: 2;
            position: relative;
        }

        .banner-subtitle {
            color: #ffffff;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .banner-title {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
        }

        .banner-text {
            color: rgba(255,255,255,.85);
            max-width: 400px;
            margin-bottom: 30px;
        }

        .shop-btn {
            background: linear-gradient(135deg, #005c5c, #0d7d78);
            color: #fff;
            border-radius: 30px;
            padding: 12px 35px;
            font-weight: 600;
            transition: .3s;
        }

        .shop-btn:hover {
            background: #b45c19;
            color: #fff;
            transform: translateY(-2px);
        }

        .kids-image {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-10%);
            max-height: 100%;
            width: auto;
        }

        .circle-btn {
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            width: 140px;
            height: 140px;
            background: linear-gradient(135deg,#b45c19,#e08b2b);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            line-height: 1.2;
            text-decoration: none;
            transition: .3s;
        }

        .circle-btn:hover {
            color: #fff;
            text-decoration: none;
            transform: translateY(-50%) scale(1.05);
        }

        @media(max-width:991px) {
            .weblogo{width:50px;}
#cartSidebar{display:none;}
            .kids-banner {
                min-height: auto;
                padding-bottom: 40px;
            }

            .banner-content {
                padding: 40px 25px;
                text-align: center;
            }

            .banner-title {
                font-size: 32px;
            }

            .kids-image {
                position: static;
                transform: none;
                width: 100%;
                max-width: 400px;
                display: block;
                margin: 20px auto;
            }

            .circle-btn {
                position: static;
                transform: none;
                margin: 20px auto;
            }
        }
 /*********************start of slider ********************************/
 .age-slider .owl-nav{
    display:block !important;
}

.age-slider .owl-prev,
.age-slider .owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:45px;
    height:45px;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 3px 15px rgba(0,0,0,.15);
    display:flex !important;
    align-items:center;
    justify-content:center;
}

.age-slider .owl-prev{
    left:-20px;
}

.age-slider .owl-next{
    right:-20px;
}

.age-slider .owl-prev span,
.age-slider .owl-next span{
    font-size:30px;
    line-height:1;
    color:#086b6d;
    font-weight:700;
}
.store-location-section{
    padding:80px 0;
    background:#f7f7f7;
}

.section-heading h2{
    color:#086b6d;
    font-weight:700;
    font-size:40px;
}

.section-heading p{
    color:#777;
}

.location-wrapper{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.map-area{
    position:relative;
    height:500px;
    background:#e9f5f4;
}

/* Map Background */
.map-pattern{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(90deg, rgba(8,107,109,.08) 2px, transparent 2px),
    linear-gradient(rgba(8,107,109,.08) 2px, transparent 2px);
    background-size:80px 80px;
}

/* Roads */
.map-area::before{
    content:'';
    position:absolute;
    width:120%;
    height:12px;
    background:#fff;
    top:45%;
    left:-10%;
    transform:rotate(-12deg);
    box-shadow:
    0 -120px 0 #fff,
    0 120px 0 #fff;
}

.map-area::after{
    content:'';
    position:absolute;
    width:12px;
    height:120%;
    background:#fff;
    left:60%;
    top:-10%;
    transform:rotate(18deg);
}

/* Location Pin */
.map-pin{
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:3;
    font-size:60px;
    color:#d9781e;
    animation:bounce 1.5s infinite;
}

.map-pin::after{
    content:'';
    position:absolute;
    width:25px;
    height:25px;
    background:rgba(217,120,30,.35);
    border-radius:50%;
    left:50%;
    bottom:-15px;
    transform:translateX(-50%);
    animation:pulse 1.5s infinite;
}

.location-tag{
    position:absolute;
    top:28%;
    left:54%;
    z-index:4;
    background:#086b6d;
    color:#fff;
    padding:18px 22px;
    border-radius:15px;
    min-width:280px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    animation:floatTag 3s ease-in-out infinite;
}

.location-tag:before{
    content:'';
    position:absolute;
    left:-12px;
    top:40px;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-right:12px solid #086b6d;
}

.location-tag h5{
    margin:0 0 8px;
    font-weight:700;
}

.location-tag p{
    margin:0;
    line-height:1.7;
    font-size:14px;
}

/* Animations */
@keyframes bounce{
    0%,100%{
        transform:translate(-50%,-50%);
    }
    50%{
        transform:translate(-50%,-65%);
    }
}

@keyframes pulse{
    0%{
        transform:translateX(-50%) scale(.8);
        opacity:.8;
    }
    100%{
        transform:translateX(-50%) scale(2);
        opacity:0;
    }
}

@keyframes floatTag{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}

@media(max-width:768px){

    .location-tag{
        left:50%;
        top:65%;
        transform:translateX(-50%);
        min-width:240px;
    }

    .location-tag:before{
        display:none;
    }

    .map-area{
        height:400px;
    }
}
/*********************end of slider ******************/
.hometabs .nav-tabs .nav-link.active {
    background-color: #005d63 !important;
    border-bottom: 2px solid #b8860b !important;
    color: #fff !important;
}
.nav-tabs .nav-link {
color:#fff!important;
    background-color: #b45c19 !important;

}