@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


:root {
    --primary-color: #7e51b7;
    --secondary-color: #dd9c1d;
    --lpurple: #8c90d1;
    --font-color: #333;
    --black: #333;
    --white: #fff;
    --gray: #404040;
    --font-color-white: #fff;
}
body{background: #f5f5f5 !important;}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{font-family: "Ubuntu", sans-serif!important;}

.category-section .category-section-title h3 {font-size: 35px;}
.main-content {
    max-width: clamp(320px, 95vw, 95vw) !important;
    margin: 0 auto;
}

h3, h3.h3{font-size: 35px;color:var(--primary-color) !important;}
/* ===================================
   Header
=================================== */
.header-bottom {
    border-bottom: 1px solid #e8e8e8;
    border-left-color: #e8e8e8;
    border-right-color: #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-top-color: var(--border-color);
    box-shadow: 0px 15px 10px -15px #1111113d;
}
.center-swiper-slide {
    display: block;
    justify-content: center;
    max-height: 100%;
    width: 100%;
}
#header.header-varient .topbar a {color: var(--font-color-white) !important;}
#header.header-varient .topbar a:hover {color: var(--secondary-color) !important;}
.topbar {background: var(--lpurple) !important;}
.topbar li {font-size: 13px;}
.menu-opener .menu-label,
.menu-opener .burger-menu,
.menu-opener .arrow-hover {
    color: var(--font-color-white);
}
.morph-text a:hover {color:var(--primary-color) !important;}
/* ===================================
   Navigation
=================================== */
.hrDiv {font-size: 14px;}
.vertical-nav > a,
.vertical-nav > li {
    padding: 6px 5px 6px 10px;
    border-bottom: 1px solid #9dd7ed;
}

.vertical-nav a:hover span {
    color: var(--primary-color) !important;
}

/* ===================================
   Product
=================================== */
.product-grid .title {font-size: 14px !important;}
.offer_image {height: auto;}
.offer_image img {width:100%;margin-top: 30px;}

/* ===================================
   Free Delivery
=================================== */
.freedel-sec{margin-top:25px;}
.freedel-sec .info-box-title {
    margin-top: 17px;
    font-weight: 500;
    color: var(--font-color-white) !important;
}

.info-box-icon svg:not(:root) {
    filter: invert(1);
}

/* ===================================
   Custom Column
=================================== */

.custom_column {
    padding-top: 15px !important;
    padding-bottom: 8px !important;
    border-right: 1px solid #a1a6ff !important;
}

/* ===================================
   Buttons
=================================== */

.add-to-cart,
.btn-primary {
    padding: 12px 15px !important;
    color: var(--font-color-white) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--secondary-color) !important;
	font-weight: 400;
    font-size: 14px;
}
.add-to-cart i,
.btn-primary i{
    color: var(--secondary-color) !important;
}

a.add-to-cart, a.btn-primary {color: var(--black) !important;}
.add-to-cart:hover,
.btn-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.add-to-cart:hover i,
.btn-primary:hover i{
    color: var(--white) !important;
}
.header-bottom .btn-primary:hover {color: var(--white) !important;}

/* ===================================
   Category Section
=================================== */

.category-section-title h3 {
    position: relative;
    margin-bottom: 30px;
    color: var(--primary-color) !important;
}

.category-section-title h3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 50px;
    height: 4px;
    margin: 0 auto;
    background: var(--secondary-color);
}

.category-grid h4 {
    margin-top: 8px;
    font-size: 15px;
    color: var(--font-color);
}

/* ===================================
   CTA
=================================== */
.single-cta i {margin-top: 4px !important;font-size: 16px !important;color:var(--gray)!important;}
.cta-text h3 {font-size: 15px;font-weight:400;}
.cta-text p {font-size: 14px;color:#9d9d9d;}

/* ===================================
   Footer
=================================== */
.footer_block {margin-bottom: 15px;}
.footer_block:hover a p{color:var(--primary-color);}
.footer_block:last-child {margin-bottom: 0;}
.footer-widget-heading h4 {font-size: 20px;font-weight: 500;margin-bottom:20px;}
.footer-widget-heading h4:before {background:transparent;}
.footer-logo-footer img {width: 150px;opacity: 0.6;}
.footer-social-icon a{color:#fff;font-size:16px;margin-left:10px;margin-right:0;border-radius:4px;padding:4px 1px;}
.footer-social-icon a:hover{background-color:var(--secondary-color)!important;}
.footer-social-icon i {height: 30px;width: 30px;}
.rounded-icon {font-size: 13px;line-height: 32px !important;}
.copyright-text p {font-size: 12px;}
.copyright-area {padding: 8px 0;}
.footer-cta {border-bottom:0;}
.footer-widget ul li {margin-bottom: 7px;}
.footer-widget ul li:hover:before{color:var(--font-color-white);}
.footer-widget ul li a:hover{color:var(--font-color-white)!important;}
.footer-widget ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    color:var(--gray);
    font-size: 10px;
    padding:0 5px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -22px;
}
.footer-text p, .footer-widget ul li a {letter-spacing: normal;font-size: 14px;color: #9d9d9d;}
.footer-widget ul{margin: 0 0 0 15px;}
.footer-widget ul li {display: block;float: none; width: auto;}
.cta-text h3 {color:var(--font-color-white)!important;}

/*backto-top start*/
#backto-top {
  display: inline-block;
  background:var(--secondary-color);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius:0;
  border:1px solid var(--secondary-color);
  position: fixed;
  bottom: 50px;
  right: 0;
  transition: background-color .3s,  
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 2000;
  text-align: center;
  box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}
#backto-top i{
	font-size:16px;
  color:var(--font-color-white);
  line-height: 40px;
}

#backto-top:hover {
  cursor: pointer;
  background:var(--white);
}
#backto-top:hover i{color:var(--primary-color);}
#backto-top:active {
  background: var(--white);
}
#backto-top.show {
  opacity: 1;
  visibility: visible;
}
/*backto-top end*/
.sticky-menu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--white) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);

    /* Smooth Animation */
    animation: stickyMenu .5s ease forwards;

    /* Smooth Transition */
    transition: background-color .3s ease,
                box-shadow .3s ease,
                transform .3s ease;
}

@keyframes stickyMenu {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
a.featured-section-view-more{
	background-image: linear-gradient(0deg, var(--secondary-color), var(--secondary-color));
    background-size: 0 .2em;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 1s;
    color:var(--primary-color)!important;
	font-weight:600;
	text-decoration:none;
}
a.featured-section-view-more:hover {background-size: 100% .1em;}
.featured-section-title h3 {font-size: 35px!important;line-height: 35px!important;margin-bottom: 10px;font-weight: 500;}
.category-swiper {margin-top: 12px;}
.featured-section-title .title-sm {font-size: 16px;}
.cat_image {height: 120px !important;}
img.category_img { width:auto!important;border-radius: 50%;}
.brand_image, .swiper-slide-brand{height: 70px !important;}
img.brand_img { width:auto!important;}
.product-section {box-shadow:none;}
.category-section {background-color:transparent;box-shadow:none;}
.select2-container .select2-selection--single {border: 1px solid var(--lpurple);}
.dark-footer-margin {
    background-color: var(--lpurple);
    margin-bottom: 0 !important;
}
.product-style-2 .product-grid {width: 95%;}
.product-grid .product-content {padding: 0 20px;}
.product-rating-small, .product-rating-small.mb-3 { margin-bottom:0!important;}
.bg_light{background:#f5e8f9;}
.product-section .product-grid {background:var(--white);}
.product-image-swiper .product-grid{margin:0 6px;}
.product-grid .price span, .striped-price {color: #777!important;font-size:16px!important;}
.product-grid .social li a {background-color:var(--primary-color);}
.product-grid .social li a:hover {background-color: var(--secondary-color) !important;color: var(--font-color-white) !important;}
.info-icon {background-color:var(--secondary-color);}
.info-icon a i, .info-icon i {color: var(--font-color-white);font-size: 2rem;}
span.subtitle {color: var(--black);font-weight: 400;}
.info-wrapper {border: 1px solid var(--secondary-color);}
.breadcrumb-title-bar {
    background-color:#e1e3ff!important;
    border-bottom:0;
    padding: 1rem 0;
}
.home_faq_btn {font-weight: 500;}
.home_faq_btn i {color: var(--secondary-color);}
h1.h2{color:var(--primary-color);}
.hrDiv strong{font-size: 18px;}
b, strong {font-weight: 500;}
p{color:var(--black);}
.product-grid .product-content {bottom: 20px;}
.product-grid .product-new-label { background-color: var(--secondary-color);}
.featured-section-title .title-sm {color:var(--black);font-size: 15px;font-weight: 400;line-height: 20px;}
.product-image-swiper .add-fav>button, .product-style-1 .add-fav>button, .product-style-2 .add-fav>button {background:#ffa6af;color:var(--font-color-white);}
.brand-swiper .swiper-slide{border-right:1px solid #ddbebe;}
.brand-swiper .swiper-slide:last-child{border-right:0;}
.product-style-default{background:#eae2f9!important;padding-bottom:40px!important;}
.style-3-product-right-lg .product-grid {height: auto;top: 25px;}
.product-section .swiper-slide img {object-fit: contain;}
.sign-up-image iframe{width:100%!important;}
label, legend {font-weight: 400; color: var(--black);}
.form-control {border: 1px solid #e0d2f7 !important;}
.form-control:active, .form-control:focus {border:1px solid var(--primary-color)!important;
}
.home_faq_sec .card-header {padding:1rem 0;color: var(--black);}



/* ===================================
   Responsive
=================================== */


@media (max-width: 480px) {
.header_area {position: relative;}
.main-content {padding: 0 6px;}
.swiper-slide img,
.center-swiper-slide a {height: 200px;}
.offer_image img {height: 130px;object-fit: cover;}
.freedel-sec .info-box-wrapper svg{width: 35px;height: 35px;}
.info-box {display: block;}	
.freedel-sec .info-box-title {font-weight: 400;font-size: 14px;margin-top: 0;}
.info-box-wrapper{text-align:center;}
.footer-widget ul{margin: 0 0 15px 18px;display: inline-block;}
.footer-social-icon .social-button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
	border-radius: 0;
	color: #fff;
}
.footer-social-icon .social-button i {font-size: 17px;}
	.footer-social-icon {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #1e2332;
	display: flex;
	left: 0;
}
.copyright-area {padding: 10px 0 50px 0;}
.category-section .category-section-title h3 {font-size: 35px;}
h3, h3.h3 {font-size: 35px;}
.category-section .category-image img {width: 100px;height: 70px;}
.featured-section-title .title-sm {font-size: 14px !important;    }





}









@media (min-width: 1400px) {
.main-content {max-width:85vw!important; }
.product-rating-small, .product-rating-small.mb-3 { margin-bottom:16px!important;}
.product-image-container {height: 320px;}










}