@charset "utf-8";
/* CSS Document */
body, p:not(.sangar-content p) {
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}
.container-fluid.main-menu-sec {background: #ffaa17; padding: 24px 0 !important;}
.top-header { background: #171d27;  width: 100%;}
.top-header-inner{display: flex; align-items: center; justify-content: space-between; padding: 6px 0;}
.smartlib-navigation-header .container-fluid {padding: 0 8%;}
.tm-header-top-info ul {margin: 0; padding:0;}
.tm-header-top-info ul li {display: inline-block;margin-right: 20px;}
.tm-header-top-info ul li a:hover {color: #ffaa17;}
.tm-header-top-info li > * {font-size: 14px; font-weight: 400;color: #FFFFFF; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.tm-header-top-info li i {display: inline-block;font-size: 18px;color: #ffaa17;}
.top-header-inner .tm-sc-social-links {background-color: #02010100; display: none; align-items: center; justify-content: space-between; gap: 20px; margin: 0; list-style-type: none;}
.top-header-inner .tm-sc-social-links li{margin: 0 10px;}
.top-header-inner .tm-sc-social-links li a.social-link {line-height: 40px;font-size: 18px;text-align: center;color: #fff; background: transparent !important;}
.top-header-inner .tm-sc-social-links:hover {color: #ffaa17 !important; text-decoration:none; list-style-type: none;}
.top-header-inner .tm-sc-social-links li a.social-link i.fa:hover {color: #ffaa17;}
.main-slider {padding-top: 160px;}
.smartlib-body-has-topbar .smartlib-main-slider {display: none;}

.menu-single-page-menu-container .fa.fa-shopping-cart.fa-lg {color: #000;}
.smartlib-default-top-navbar .navbar-nav > li > a small {color: #000;}

.custom-top-account-menu {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin: 0;list-style-type: none;}
.custom-top-account-menu a {color: #FFF;font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 12px;}
.custom-top-account-menu a:hover{color:#ffaa17; text-decoration:none;}
.woocommerce div.product p.price, .woocommerce-page div.product p.price {color: #ffaa17;}
/* ------------ Feature Section Start --------*/

.free-shipping{ margin:2% 8%;}
.feature-section{background:#ffaa17; border-radius:4px;padding:30px 20px;}
.feature-container{ margin:auto;display:flex;justify-content:space-between;align-items:center; gap:6px;flex-wrap:wrap;}
.feature-box{display:flex; align-items:flex-start; gap:10px; color:#fff; min-width:220px;}
.feature-icon{}
.feature-icon img {max-height: 39px;}
.feature-content h3{ font-size: 16px; line-height:22px; font-weight: 600; margin: 0 0 4px; color: #FFF; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.feature-content p{ font-size:13px; line-height:1.4; color:#f3f3f3; font-family:'Poppins', Arial, Helvetica, sans-serif !important; margin:0; }
@media(max-width:992px){
.feature-container{justify-content:center;}
.feature-box{ flex:0 0 calc(50% - 20px);}
}
@media(max-width:576px)
{.feature-box{flex:0 0 100%;}
.feature-section{padding:25px 15px;}
}

/* ------------ Feature Section End --------*/
#rev_slider_4_1.revslider-initialised #slider-4-slide-4-layer-5 {background: transparent !important;}
#rev_slider_4_1.revslider-initialised #slider-4-slide-5-layer-5 {background: transparent !important;}
#rev_slider_4_1.revslider-initialised #slider-4-slide-6-layer-5{background: transparent !important;}
#rev_slider_4_1.revslider-initialised #slider-4-slide-7-layer-5{background: transparent !important;}
/* =========================
   SEARCH AREA
========================= */
.smartlib-default-top-navbar .row.smartlib-expand-row {margin: 0;}
.header-section-content {display: flex;align-items: center;justify-content: space-between; padding:5px 0;}
.menu-item.menu-item-type-cart.menu-item-type-woocommerce-cart {display: none;}
.header-search-area {flex: 1;max-width: 460px;}
.search-box { display: flex; width: 100%; margin:0;}
.search-box input {  width: 100%; height: 40px; border: none; background: #363c46;color: #fff; padding: 0 15px; font-size: 15px;  outline: none;}
.search-box input::placeholder { color: #cfcfcf;}
.search-box button {width: 50px; border: none; background: #1565e9;  color: #fff; cursor: pointer; transition: 0.3s;}
.search-box button:hover { background: #0e56cd;}
.search-box button svg {stroke: #fff; margin-top: 7px;}

/* =========================
   RIGHT ICONS
========================= */

.header-icons { display: flex;align-items: center;gap: 35px;}
.header-item { position: relative;}
.header-link { display: flex;  align-items: center; gap: 10px;  text-decoration: none; color: #000;}
.header-link:hover { text-decoration: none;  opacity: 0.85;}
.icon { position: relative; display: flex; align-items: center;  justify-content: center;}
.text { display: flex;  flex-direction: column; line-height: 1.1;}
.text span {  font-size: 16px; font-weight: 600; color: #000;}
.text small { font-size: 14px; color: #000;}
.cart-count {position: absolute; top: -4px; right: -8px; width: 18px; height: 18px;border-radius: 50%;  background: #1565e9; color: #fff; font-size: 11px;
 font-weight: 700; display: flex; align-items: center;  justify-content: center;}
/* =========================
   MOBILE RESPONSIVE
========================= */

@media (max-width: 991px) {
.custom-header-wrapper { flex-direction: column; align-items: flex-start; }
 .header-search-area {   width: 100%;   max-width: 100%; }
.header-icons {   width: 100%;  justify-content: flex-start;}
}

@media (max-width: 576px) {
 .header-icons { gap: 20px; }
.text span { font-size: 14px; }
.text small { font-size: 12px;}
.search-box input { font-size: 14px;}
}

/* ------------ Category Slider Section Start --------*/
.category-slider-section{ margin:0 8%;}
.category-section{margin:auto;overflow:hidden;}
.section-title{ margin-bottom:40px;position:relative; padding-bottom:15px; border-bottom:1px solid #ddd;}
.section-title h2{ font-size:22px;font-weight:600;color:#333;text-transform:uppercase; font-family:'Poppins', Arial, Helvetica, sans-serif; margin:0; line-height: 22px;} 
.section-title::after{ content:"";position:absolute;left:0; bottom:-1px; width:240px;height:4px;background:#0d6efd;}
.category-slider{ overflow:hidden;position:relative; width:100%;}
.slider-track{ display:flex; width:max-content; gap:0; transition:transform 1s ease-in-out;}
.category-card{ width:220px;flex-shrink:0;text-align:center;padding:10px;transition:0.4s ease; }
.category-image{width:190px;height:190px;border-radius:50%;background:#fff;border:1px solid #ddd; display:flex; align-items:center;justify-content:center;margin:auto auto 22px;overflow:hidden;transition:0.4s ease;}

.category-image img{width:165px; height:165px; object-fit:contain; transition:0.5s ease;}
.category-card h3{font-size:14px;color:#222;font-weight:500;transition:0.3s ease; font-family:'Poppins', Arial, Helvetica, sans-serif ;}
.category-card:hover .category-image{border-color:#0d6efd;transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,0,0,0.12);}
.category-card:hover img{ transform:scale(1.12) rotate(4deg);}
.category-card:hover h3{ color:#0d6efd; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.slider-dots{ display:none; justify-content:center;align-items:center;gap:10px;margin-top:25px; margin-bottom:10px;}
.dot{ width:12px;height:12px;border-radius:50%; background:#ccc;cursor:pointer;transition:0.3s;}
.dot.active{ background:#0d6efd;transform:scale(1.2);}
@media(max-width:992px){
.section-title h2{font-size:20px;}
.category-card{ width:210px;}
 .category-image{width:160px; height:160px;}
.category-image img{ width:95px; height:95px;}
.category-card h3{ font-size:16px;}
    }

@media(max-width:768px){
body{ padding:30px 15px;}
.section-title{margin-bottom:30px;}
.section-title h2{ font-size:18px;}
.section-title::after{ width:160px;}
.category-card{ width:180px;}
.category-image{ width:135px;height:135px;}
.category-image img{width:80px; height:80px;}
 .category-card h3{font-size:14px; }
}

/* ------------ Category Slider Section End --------*/

/* ------------ Promo Banner Section Start --------*/
.promo-banner-section {margin: 2% 8%;}
.banner-wrapper{ margin:auto;display:grid; grid-template-columns:repeat(3,1fr);   gap:20px; }
.banner-card{height:222px;border-radius:6px;overflow:hidden; position:relative;display:flex; align-items:center; justify-content:flex-end; transition:0.4s ease;}
.banner-card:hover{transform:translateY(-6px); box-shadow:0 14px 35px rgba(0,0,0,0.18);}
.banner-content{width:55%;padding:30px;color:#fff; position:relative; z-index:2;}
.banner-content h2{font-size:1.2em; font-weight: 600; line-height: 34px; color: #FFFFFF; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.price{font-size:15px;font-weight:600; margin:8px 0; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.price span{font-size:26px;font-weight:800; font-family:'Poppins', Arial, Helvetica, sans-serif;}
.shop-btn{display:flex; align-items:center;gap:15px;}
.shop-btn .icon{ border-radius:50%; background:#0d6efd;display:flex; align-items:center;justify-content:center; color:#fff; transition:0.4s ease;}
.shop-btn .icon img {max-width: 42px; border-radius:50%;}
.shop-btn a{ color:#fff;text-decoration:none; font-size:14px; font-weight:500;letter-spacing:1px; transition:0.3s ease;}
.banner-card:hover .icon{transform:rotate(360deg);}
.banner-card:hover .shop-btn a{letter-spacing:2px;}

.sec-01{background:url(https://bizaro.in/bizaro/wp-content/uploads/2026/08/ChatGPT-Image-Aug-2-2026-11_11_36-PM.png); background-size:cover; background-position:left center;}
.sec-02{background:url(https://bizaro.in/bizaro/wp-content/uploads/2026/08/ChatGPT-Image-Aug-2-2026-11_18_33-PM.png); background-size:cover; background-position:left center; }
.sec-03{background:url(https://bizaro.in/bizaro/wp-content/uploads/2026/08/ChatGPT-Image-Aug-2-2026-11_23_40-PM.png); background-size:cover; background-position:left center;}
@media(max-width:1100px){

.banner-wrapper{ grid-template-columns:1fr;}
.banner-card{ height:280px;}
.banner-content{ width:55%;}
.banner-content h2{font-size:26px;}
.price span{font-size:20px;}
.shop-btn a{font-size:14px;}
 }
@media(max-width:768px){
.banner-card{height:250px; align-items:flex-end;justify-content:center;background-position:left top;}
.banner-content{width:100%;padding:25px;
background:linear-gradient(to top,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.35),
        rgba(0,0,0,0));
}
.banner-content h2{ font-size:22px;}
.price{ font-size:16px;}

.price span{font-size:24px;}
.shop-btn .icon{width:40px;height:40px; font-size:18px; }
.shop-btn a{font-size:18px;}
}
}

/* ------------ Promo Banner Section End --------*/
.bottom-promobanner {  text-align: center; margin: 40px 0 0;}
.bottom-promobanner .container-fluid { padding: 0 8.7%;}
.bottom-promobanner .promo-banner img { width:100%;}
.smartlib-latest-posts-section a.btn.btn-primary { display: none;}
.smartlib-column-list .panel-body h4 {font-size: 20px;font-family: 'Poppins', Arial, Helvetica, sans-serif; line-height: 24px;  font-weight: 500;}


/* ------------ Featured Product Section Start --------*/
.featured-product-section { margin: 0 8%; padding: 0 0 40px 0;}
.featured-product-banner img { width: 100%;}

/* ------------ Featured Product Section End --------*/
.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 20px;}
.page-id-13 .wp-block-heading.has-text-align-center {font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 37px;font-weight: 500;}
.page-id-13 .wp-block-button__link.add_to_cart_button.ajax_add_to_cart {font-size: 14px;padding: 5px 15px;background: #ffaa17;}
.page-id-13 .wp-block-button__link.add_to_cart_button.ajax_add_to_cart::before {background: #ffaa17;}
.page-id-13 .wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover::after { background: #18a78a; width: 100%;}

/* ------------ About Us Page Start --------*/
.bizaro-about-section{ background: linear-gradient(135deg,#f8fbff,#eef4ff); padding: 80px 20px;font-family: 'Poppins', sans-serif;position: relative;overflow: hidden;}
.bizaro-container{ max-width: 1250px; margin: auto;}
.bizaro-heading{text-align: center; margin-bottom: 60px;}
.bizaro-heading h1{font-size: 42px; font-weight: 700; margin-bottom: 10px; color: #111; line-height: 1.2;}
.bizaro-heading h2{font-size: 26px; margin-top: 25px;  margin-bottom: 20px; margin-top:0; color: #1b1b1b; font-weight: 700;}
.bizaro-heading p{ max-width: 950px;margin: auto auto 18px;font-size: 16px; line-height: 1.9;  color: #555;}
.bizaro-heading p:first-of-type{ font-size: 20px; font-weight: 600;  color: #ffaa17;  margin-bottom: 5px;}
.bizaro-features{display: grid;  grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 60px; margin-bottom: 70px;}
.page-id-102922 .feature-box{ background: #fff; padding: 40px 30px; border-radius: 24px; text-align: center; box-shadow: 0 10px 35px rgba(0,0,0,0.08);  transition: all 0.35s ease; position: relative; overflow: hidden;}
.page-id-102922 .feature-box::before{ content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 5px;  background: linear-gradient(90deg,#6b46ff,#00c6ff);
  transition: 0.4s;}
.page-id-102922 .feature-box:hover::before{ left: 0;}
.page-id-102922 .feature-box:hover{ transform: translateY(-10px);  box-shadow: 0 20px 40px rgba(0,0,0,0.12);}
.page-id-102922 .feature-box h3{ font-size: 30px;  margin-bottom: 18px;  font-weight: 700;}
.page-id-102922 .feature-box p{font-size: 16px;line-height: 1.8;color: #666;}
.page-id-102922 .bizaro-mission{  background: #ffffff;  padding: 55px;  border-radius: 30px;   box-shadow: 0 10px 30px rgba(0,0,0,0.08);  text-align: center; margin-bottom: 70px;}
.bizaro-mission h2{ font-size: 38px;  margin-bottom: 20px; color: #111; font-weight: 700;}
.bizaro-mission p{ font-size: 17px; line-height: 1.9; color: #555;  max-width: 900px;  margin: auto;}
.bizaro-cta{background: linear-gradient(135deg,#e91551,#ffaa17); padding: 70px 40px; border-radius: 30px;text-align: center;color: #fff !important; position: relative; overflow: hidden;}
.bizaro-cta::after{ content: ''; position: absolute; width: 250px;  height: 250px; background: rgba(255,255,255,0.08);  border-radius: 50%;  top: -80px; right: -80px;}
.bizaro-cta h2{ font-size: 42px;  margin-bottom: 20px;  font-weight: 800; position: relative; z-index: 2;}
.bizaro-cta p{ font-size: 18px; margin-bottom: 35px; line-height: 1.8; position: relative; z-index: 2;}
.bizaro-btn{ display: inline-block; background: #fff; color: #ffaa17; padding: 16px 38px; border-radius: 60px; text-decoration: none;font-size: 17px; font-weight: 700; transition: all 0.35s ease;
 position: relative; z-index: 2;}
.bizaro-btn:hover{  background: #111;  color: #fff; transform: translateY(-3px);}

/* =========================
   TABLET RESPONSIVE
========================= */

@media(max-width: 991px){
.bizaro-about-section{ padding: 60px 20px;}
.bizaro-heading h1{   font-size: 42px;}
.bizaro-heading h2{ font-size: 30px;}
.bizaro-features{grid-template-columns: repeat(2,1fr);}
.bizaro-mission{padding: 40px 30px;}
.bizaro-cta h2{font-size: 34px;}
}

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

@media(max-width: 767px){
.bizaro-about-section{  padding: 50px 15px;}
.bizaro-heading{ margin-bottom: 40px;}
.bizaro-heading h1{ font-size: 30px;}
.bizaro-heading h2{font-size: 26px;}
.bizaro-heading p{ font-size: 15px; line-height: 1.8; }
.bizaro-features{grid-template-columns: 1fr; gap: 20px;}
.feature-box{ padding: 30px 22px;}
.feature-box h3{ font-size: 20px; }
.bizaro-mission{ padding: 35px 22px;}
.bizaro-mission h2{ font-size: 22px;}
.bizaro-cta{ padding: 50px 20px;}
.bizaro-cta h2{font-size: 20px; line-height: 1.4;}
.bizaro-cta p{ font-size: 16px; }
.bizaro-btn{ width: 100%;text-align: center; padding: 15px 20px;}
}
/* ------------ About Us Page End --------*/

.post-type-archive-product .smartlib-page-container ul.products {  color: #000; font-family: 'Poppins', Arial, Helvetica, sans-serif;}
.woocommerce ul.products li.product a.button:before {background: #ffaa17;}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {background: #ffaa17;}
.wc-block-components-formatted-money-amount {white-space: nowrap;color: #ffaa17;}
#customer_login h2 {font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 2em;font-weight: 500;border-bottom: 1px solid #000;padding-bottom: 5px;}
#customer_login h3 {font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 1.5em;font-weight: 500;}
.flex-control-thumbs.flex-control-thumbs li {width: 20%;float: left;margin: 0 5px 0 0;}
/* =========================
       NEWSLETTER SECTION
 ========================== */
.section.newsletter-section { background: #146cda;padding:10px 8%;}
.newsletter-section{background:#ffaa17; padding:25px 8%;}
.newsletter-wrapper{display:flex; align-items:center; justify-content:space-between;gap:30px;flex-wrap:wrap;}
.newsletter-text h2{color:#fff;font-size:22px;font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.newsletter-text p{color:#e9f1ff; font-size:14px;line-height:1.6;}
.newsletter-form{display:flex; align-items:center; width:550px; max-width:100%;}
.newsletter-wrapper .newsletter-form input{ flex:1;height:62px;border:none;outline:none;padding:0 20px; border-radius:5px 0 0 5px; font-size:16px; background:#fff;}
.newsletter-form button{width:180px;height:62px; border:none;background:#1976f3;color:#FFF;font-size:15px;font-weight:600;cursor:pointer;border-radius:0 5px 5px 0;transition:0.3s;text-transform:uppercase;}
.newsletter-form button:hover{ background:#000;}

/* =========================
FOOTER SECTION
========================== */
footer{position:relative; background:#232c3e;overflow:hidden;}
footer::before{content:""; position:absolute; top:-120px;left:-100px; width:600px; height:600px; background:rgba(255,255,255,0.03);border-radius:50%;}
footer::after{content:"";position:absolute; bottom:-250px; right:-150px; width:700px; height:700px; background:rgba(255,255,255,0.03); border-radius:50%; }
.footer-top{padding:50px 8%; position:relative; z-index:2;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:80px;}
.footer-title{color:#fff; font-size:16px; font-weight:600; margin-bottom:20px; position:relative;}
.footer-title::after{ content:""; position:absolute; left:0; bottom:-10px; width:60px; height:3px;background:#ffaa17;}
.footer-about p{ color:#d7dbea; line-height:2; font-size:14px; margin-top:20px; width: 75%; text-align: justify;}
.footer-links ul{ list-style-type:none; padding:0; margin:0;}
.footer-links ul li{ margin-bottom:18px;}
.footer-links ul li a{color:#ffffff; font-size:14px;transition:0.3s;}
.footer-links ul li a:hover{color:#ffaa17; padding-left:5px;}
.contact-text{color:#ffffff;font-size:14px;line-height:1.9;margin-top:30px; margin-bottom:35px;}
.contact-item{ display:flex; align-items:center; gap:18px; margin-bottom:25px;}
.contact-icon{width:44px; height:44px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#ffaa17; font-size:17px; flex-shrink:0;}
.contact-item span{color:#fff; font-size:14px;}
.social-icons a i {color: #000;}
.ft-logo{margin: 20px 0 0 0;}
.ft-logo img { max-height: 75px;}
/* =========================
FOOTER BOTTOM
 ========================== */
.footer-bottom{background:#0f1726; padding:22px 8%; position:relative; z-index:2; }
.footer-bottom-wrapper{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.social-icons{display:flex;align-items:center;gap:12px;}
.social-icons a{ width:32px; height:32px; background:#fff; border-radius:50%; display:flex; align-items:center;justify-content:center;color:#111; transition:0.3s; font-size:18px; }
.social-icons a:hover{ background:#ffaa17; color:#fff;}
.copyright{color:#fff; font-size:14px; text-align:center;}
.payment-icons{display:flex; align-items:center; gap:10px;}
.payment-box{ background:#fff; padding:6px 10px; border-radius:4px; font-size:13px; font-weight:600;  color:#000;}

/* =========================
       SCROLL TOP
========================== */
.scroll-top{position:fixed; right:25px; bottom:25px; width:55px; height:55px; border-radius:50%; background:#1976f3; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px;
border:3px solid #fff; cursor:pointer; z-index:99;}

/* =========================
       RESPONSIVE
========================== */
 @media(max-width:992px){
.footer-grid{ grid-template-columns:1fr; gap:50px;}
.newsletter-wrapper{ flex-direction:column;align-items:flex-start; }
.newsletter-text h2{font-size:32px;}
}
@media(max-width:768px){
.newsletter-form{flex-direction:column; width:100%;}
.newsletter-form input{width:100%; border-radius:5px; margin-bottom:15px; padding: 16px 10px;font-size: 14px; }
.newsletter-form button{ width:100%; border-radius:5px;}
.footer-bottom-wrapper{flex-direction:column;}
.newsletter-text h2{font-size:18px;}
.footer-title{ font-size:14px;}
}

/* ------------ MyAccount Navigation Section Start --------*/
.woocommerce {display: flex;gap: 30px;align-items: flex-start;flex-wrap: wrap;}
.woocommerce-MyAccount-navigation { width: 280px; background: #EEE; padding: 20px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
.woocommerce-MyAccount-content { flex: 1; background: #ffffff; padding: 25px; border-radius: 16px;/* box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/ box-shadow: inherit; border: 1px solid #DDD;}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0;}
.woocommerce-MyAccount-navigation ul li { margin-bottom: 10px;}
.woocommerce-MyAccount-navigation ul li a {  display: block; text-decoration: none; padding: 14px 18px; border-radius: 12px; font-size: 15px; font-weight: 500; color: #333; 
background: #FFF; transition: all 0.3s ease; }

.woocommerce-MyAccount-navigation ul li a:hover { background: linear-gradient(135deg, #ffaa17, #ff914d); color: #fff;transform: translateX(5px);}
.woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient(135deg, #ffaa17, #ff914d);  color: #fff;}
.woocommerce-MyAccount-navigation-link--customer-logout a { background: #fff1f1 !important;color: #e63946 !important;}
.page-id-15 .woocommerce-MyAccount-content {padding: 30px;overflow: auto;white-space: nowrap;}
.mlm-tree {min-width: max-content;}


/* Mobile Responsive */
@media (max-width: 768px) {
.woocommerce { flex-direction: column;}
.woocommerce-MyAccount-navigation { width: 100%;}
.woocommerce-MyAccount-content {width: 100%;}
}

/* ------------ MyAccount Navigation Section END --------*/

.woocommerce-Address-title.title h2 {font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 1.4em;font-weight: 500;border-bottom: 1px solid #DDD;margin: 0 0 10px 0;}
.woocommerce-Address-title.title a.edit {float: none !important;text-align: left;width: 100%;font-size: 17px;}
.woocommerce-MyAccount-content h3 {border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; font-size: 21px; font-weight: 500; color: #333333;}
.woocommerce-MyAccount-content h3 , .woocommerce-MyAccount-content h4 {margin: 0 0 20px 0 !important; font-family: 'Poppins', Arial, Helvetica, sans-serif;font-size: 1.4em; border-bottom: 1px solid #e5e5e5; 
overflow: hidden;width: 100%;}
.woocommerce-MyAccount-content a.button {height: 40px; float: left;text-transform: capitalize; }
.transfer-form {display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.transfer-form .button.button-primary {margin: 27px 0 0 0;}
.transfer-form p {margin: 0; min-width: 65%;}
.woocommerce-MyAccount-content form p label {width: 20%;}
.woocommerce-MyAccount-content form p select {width: 32%; background: #FFF; border: 1px solid #8F8F9D; padding: 8px 5px; border-radius: 2px;}
.woocommerce-MyAccount-content #account_display_name_description {width: 100%;display: block;}
.woocommerce-MyAccount-content legend {font-size: 24px;font-weight: 500;}

@media only screen and (max-width: 480px) {
.smartlib-navigation-header .smartlib-default-top-navbar {background: transparent !important;}
.smartlib-navigation-header .container-fluid {padding: 0 2%; background: transparent;}
.smartlib-navigation-header .smartlib-main-navigation-wrapper .navbar-header .navbar-toggle {background: #ffaa17;}
.header-section-content {display: grid;}
.header-search-area {margin: 10px 0 15px; border: 1px solid #FFF; display: none;}
.smartlib-navigation-header .smartlib-main-navigation-wrapper .navbar-header .navbar-toggle {margin-right: -15px;}
.free-shipping {margin: 2% 0% !important;}
.page-id-146833 .feature-box {padding: 10px;}
.page-id-146833 .feature-box h3 {font-size: 17px;}
.feature-box {margin-bottom: 10px;}
.feature-box:last-child{margin-bottom: 0px;}
.category-slider-section {margin: 0 0%;}
.promo-banner-section {margin: 2% 0%;}
.banner-card .banner-content h2 {font-size: 17px;}
.featured-product-section {margin: 0 0%;padding: 0 0 40px 0;}
.bottom-promobanner .container-fluid {padding: 0 3%;}
.main-slider {padding-top: 165px;}
.custom-top-account-menu {display: unset !important;}
.header-icons {justify-content: space-between;}
.smartlib-navigation-header .smartlib-main-navigation-wrapper .smartlib-menu {background: #ffaa17;}
.container-fluid.main-menu-sec {padding: 2px 0 !important;}
.container-fluid.smartlib-latest-posts-section, .container-fluid.smartlib-about-us-section, .container-fluid.smartlib-portfolio-section {padding: 0 2% !important;}
.smartlib-page-image-header ol.breadcrumb {margin: 30px 0 0 0; padding: 5px; background: #DDD; width: 100%; border-radius: 4px;}
.tm-header-top-info {width: 100%; text-align: center;}
.tm-header-top-info .top-header-text { font-size: 10px; line-height: 12px; text-align: center; line-height: 14px;}
.footer-about p {font-size: 14px;width: 100%;line-height: 22px;margin: 20px 0 0 0;}
.footer-title {font-size: 14px; font-weight: 500; margin: 20px 0;}
.footer-links ul li {margin-bottom: 5px;}
.payment-icons {justify-content: center;}
.post-type-archive-product .smartlib-page-container {padding: 0 4%;}
h1.page-title {font-size: 24px !important; margin: 0 0 10px 0 !important;}
.post-type-archive-product .price span {font-size: 17px;}
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {min-height: auto !important; font-size: 14px;}
.woocommerce .smartlib-page-container ul.products, .woocommerce-page .smartlib-page-container ul.products {margin: 0 !important;}
.woocommerce-page .product.type-product img {max-width: 100%;max-height: unset;}
.newsletter-section {padding: 25px 2%;}
.newsletter-wrapper .newsletter-form input {padding: 10px 20px;border-radius: 6px;font-size: 16px;background: #fff;}
.newsletter-form button {height: 50px;}
.page-id-13 .wp-block-heading.has-text-align-center {font-size: 24px; }
.single-product .product.type-product.product_cat-home-featured-product {padding: 0 5%;}
.single-product .related.products .product.type-product.product_cat-home-featured-product {padding: 0;}
.single-product .woocommerce-tabs ul.tabs {padding: 0;}
.single-product .woocommerce-tabs ul.tabs li {width: 100%;}
.price span {font-size: 16px;}
.transfer-form {display: inline-block; padding: 12px !important;}
.transfer-form .button.button-primary {margin: 9px 0 0 0;width: 100%;}
.transfer-form p {min-width: 100%;}
.woocommerce-MyAccount-content form p label {width: 48%;}
.woocommerce-MyAccount-content form p select {width: 51%;}
.woocommerce-MyAccount-content form p input {width: 51%;}
.woocommerce-page .col2-set .col-1 {float: none !important; width: 100% !important;}
.woocommerce-page .col2-set .col-2 {float: none !important; width: 100% !important;}
.page-id-15 .woocommerce-MyAccount-content {padding: 10px;}
.woocommerce-MyAccount-content form p.woocommerce-form-row label {width: 100% !important; font-size: 12px;}
.woocommerce-page form .form-row-first {float: none !important; width: 100% !important;}
.woocommerce-page form .form-row-last {width: 100% !important; float:none !important;}
.woocommerce-MyAccount-content #account_display_name_description {width: 95%;display: block;white-space: normal;font-size: 12px;line-height: 16px;margin: 5px 0 0 0;}

}



@media only screen and (max-width: 980px) and (min-width: 767px) {
}



#customer_login{display: flex;gap: 20px;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin:0px auto; width: 100%;}
#customer_login .u-column1,
#customer_login .u-column2{ flex: 1; min-width: 320px; background: #ffffff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border: 1px solid #eee;}
#customer_login h2, #customer_login h3{ margin-bottom: 20px;font-size: 20px; font-weight: 700; color: #111;}
#customer_login .form-row{margin-bottom:8px;}
#customer_login label{ display: block; margin-bottom: 8px; font-weight: 500;font-size: 14px;color: #000;}
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"],
#customer_login textarea{ width: 100%; padding: 14px 16px; border: 1px solid #ddd; border-radius:4px; background: #fff; font-size: 15px; height:40px; transition: all 0.3s ease; box-sizing: border-box;}
#customer_login input:focus, #customer_login textarea:focus{ border-color: #000; outline: none; box-shadow: 0 0 0 3px rgba(0,0,0,0.08);}
#customer_login textarea{ min-height: 100px;  resize: vertical;}
#customer_login .form-row-first, #customer_login .form-row-last{width: 48%;float: left;}
#customer_login .form-row-last{float: right;}
#customer_login .clear{ clear: both;}
.payment-type-row{  display: flex; align-items: center;  flex-wrap: wrap;  gap: 20px; margin-top: 15px;}
.payment-type-row label{display: flex; align-items: center; gap: 8px;  margin-bottom: 0;  font-weight: 500;}
#customer_login button.button,
#customer_login .woocommerce-button,
#customer_login .woocommerce-Button{width: 100%; padding: 14px; border: none;  border-radius: 10px; background: #ffaa17; color: #fff;  font-size: 14px; font-weight: 500; line-height:14px; text-transform:uppercase;
cursor: pointer; transition: 0.3s ease;}
#customer_login button.button:hover,
#customer_login .woocommerce-button:hover,
#customer_login .woocommerce-Button:hover{ background: #000;}
.woocommerce-form-login__rememberme{ display: flex;  align-items: center; gap: 8px; margin-bottom: 15px;}
.woocommerce-LostPassword{ margin-top: 15px;}
.woocommerce-LostPassword a{ color: #000;  text-decoration: none;  font-size: 14px;}
.woocommerce-LostPassword a:hover{ text-decoration: underline;}
.custom-error{ color: red; font-size: 13px; margin-top: 6px;display: block;}

/* =========================================
   TABLET RESPONSIVE
========================================= */

@media(max-width: 992px){
#customer_login{  gap: 20px;}
#customer_login .u-column1, #customer_login .u-column2{ padding: 25px;}
}

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

@media(max-width: 768px){

#customer_login{flex-direction: column;}
 #customer_login .u-column1, #customer_login .u-column2{ width: 100%; min-width: 100%; padding: 20px; }
#customer_login h2, #customer_login h3{ font-size:18px; }
#customer_login .form-row-first, #customer_login .form-row-last{ width: 100%;   float: none;}
.payment-type-row{flex-direction: column; align-items: flex-start;  gap: 10px;}

}

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

@media(max-width: 480px){
.smartlib-page-image-header .smartlib-page-title, .smartlib-page-image-header .archive-title {font-size: 1.5em !important;}
#customer_login{ margin: -45px auto 20px;}
#customer_login .u-column1, #customer_login .u-column2{padding: 15px; border-radius: 12px;}
#customer_login input[type="text"],
    #customer_login input[type="email"],
    #customer_login input[type="password"],
    #customer_login textarea{
 padding: 12px;  font-size: 14px;}
#customer_login button.button, #customer_login .woocommerce-button, #customer_login .woocommerce-Button{padding: 12px;font-size: 15px;}

}



/* ------------- Contact Us page Start ---------------*/
.contact-section{ padding:40px 0px;}
.container{ max-width:1300px;  margin:auto;}
.contact-heading{text-align:center; margin-bottom:60px;}
.sub-title{ display:inline-flex;align-items:center; gap:10px; color:#ffaa17;  font-size:22px; font-weight:700; margin-bottom:15px;}
.sub-title svg{ width:18px;  height:18px; fill:#ffaa17;}
.page-id-107496 .contact-heading h1{font-size:52px; font-weight:700; line-height:1.2; margin:0;}
.page-id-107496 .contact-boxes{display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-bottom:20px;}
.page-id-107496 .contact-box{ background:#eef1f1; border-radius:14px; padding:25px 15px; display:flex;  align-items:center;  gap:25px; transition:0.3s;}
.page-id-107496 .contact-box:hover{  transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.page-id-107496 .icon-box{ width:60px;  height:60px;  min-width:60px;  border:3px solid #ffaa17; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.contact-svg{ width:32px; height:32px; fill:#ffaa17;}
.contact-content small{display:block; color:#9da0a5; font-size:17px; margin-bottom:0px;}
.page-id-107496 .smartlib-content-container .contact-content h3{font-size:17px; font-weight:700; line-height:1.4; margin:10px 0 0 0; text-transform: inherit;}
.page-id-107496 .smartlib-content-container .contact-content p {display: none;}
.contact-wrapper{display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.page-id-107496 .contact-form{ background:#eef1f1; padding:30px; border-radius:16px;}
.page-id-107496 .contact-form h2 {font-size: 52px;font-weight: 700;margin-bottom: 20px;}
.page-id-107496 .form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0;}
.page-id-107496 .form-row br {display: none;}
.page-id-107496 .contact-form input,
.page-id-107496 .contact-form select,
.page-id-107496 .contact-form textarea{ width:100%; border:1px solid #d9dddd;border-radius:8px; padding:10px 15px; height: auto;  font-size:14px; margin-bottom:18px;  outline:none;  background:#fff;  color:#052531;}
.contact-form input:focus , .contact-form select:focus , .contact-form textarea:focus{  border-color:#159a97;}
.contact-form textarea{ height:130px; resize:none;}
.page-id-107496 .submit-btn{ display:inline-flex;align-items:center; gap:20px;border:none; background:#ffaa17;color:#fff;padding:10px 14px 10px 35px; height:auto;  border-radius:60px; font-size:17px; font-weight:700; cursor:pointer; transition:0.3s;}
.page-id-107496 .submit-btn:hover{ background:#000;}
.submit-btn span{ width:50px;  height:50px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;}
.submit-btn span svg{ width:22px;  height:22px; fill:#ffaa17;}
.map-box{ border-radius:16px; overflow:hidden;}
.map-box iframe{ width:100%; height:100%; min-height:620px;  border:0;}
.page-id-107496 .contact-form br { display: none;}

@media(max-width:768px){
.contact-section{ padding:60px 15px;}
.contact-heading h1{ font-size:40px;}
.contact-form{padding:30px 20px;}
.contact-form h2{ font-size:38px;}
.form-row{grid-template-columns:1fr; gap:0;}
.contact-box{padding:25px 20px; gap:18px; align-items:flex-start;}
.icon-box{ width:65px;height:65px; min-width:65px;}
.contact-svg{ width:26px; height:26px;}
.contact-content h3{  font-size:18px;}
.submit-btn{ font-size:18px; padding-left:25px;}
.submit-btn span{ width:50px;  height:50px; }
}

@media(max-width:480px){
.page-id-107496 .contact-section {padding: 0px 0px;}
.contact-heading h1{ font-size:22px;}
.contact-form h2{ font-size:17px;}
.sub-title{ font-size:14px;}
.contact-boxes {display: unset;}
.contact-box {margin-bottom: 20px;}
.contact-box:last-child{margin-bottom: 0px;}
.page-id-107496 .contact-form h2 {font-size: 22px; margin: 10px 0;}
.contact-wrapper {display: unset;}
.page-id-107496 .contact-form{ margin-bottom:10px; padding: 10px 15px;}
.page-id-107496 .form-row {display: unset;}
.page-id-107496 .submit-btn {padding: 10px 10px 10px 15px; font-size: 14px; }
.page-id-107496 .submit-btn span {width: 40px;height: 40px;}
}

/* ------------- Contact Us page End ---------------*/


/* ------------- MLM Admin page Start ---------------*/

/* ------------- MLM Admin page End ---------------*/