@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
 --bs-primary-color: #1c235b;
 --bs-secondary-color: #5d66ad;
 --bs-primary-bg-color: #dcebd7;
 --bs-secondary-bg-color: #f7f7f7;
 --bs-semi-bg-color: #1c235b;
 --bs-main-font-family: "Josefin Sans", sans-serif;
 --bs-body-font-family: "Nunito Sans", sans-serif;
}
body{
    font-size: 16px;
    font-family: var(--bs-body-font-family);
    color: var(--bs-primary-color);
}
a{
    font-family: var(--bs-main-font-family);
    color: var(--bs-primary-color);
    font-size: 14px;
    text-decoration: none;
    transition: all 0.5s ease;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
h1, h2, h3, h4, h5{
    font-family: var(--bs-main-font-family);
    color: var(--bs-primary-color);
    margin: 0;
}
p{
    margin: 0;
    padding: 0;
}
/* Top Bar */

.top-nav {
   background: var(--bs-secondary-bg-color);
   padding: 6px 0;
}
.container-fluid{
    padding: 0 40px;
    margin: 0 auto;
}
.top-nav-cont a{
    padding: 0 20px 0 0;
    color: var(--bs-primary-color);
    font-size: 14px;
}
.top-nav p{
    margin: 0;
    padding: 0;
    color: var(--bs-primary-color);
    font-size: 14px;
}
.top-nav p a{
    color: var(--bs-primary-color);
    font-weight: 700;
    font-size: 14px;
}

/* Top Bar End */


/* Nav Bar */

.nav-bar header{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 40px;
}
.nav-logo a{
    font-size: 24px;
    font-weight: 800;
    color: var(--bs-primary-color);
    font-family: var(--bs-main-font-family);
    text-transform: uppercase;
    padding: 10px 0;

}
.nav-logo img {
	width: auto;
	height: 48px;
}
.main-menu{

margin-right: auto;
}
.main-menu ul{display: flex;align-items: center;position: relative;white-space: nowrap;}
.main-menu ul li{

margin-right: 40px;
}
.main-menu ul li a{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: var(--bs-main-font-family);
    position: relative;
    padding-bottom: 5px;
}
.main-menu ul li a::before{position: absolute;content: "";left: 0;bottom: 0;height: 1px;width: 0;transition: all 0.5s ease;background: #1c235b;}
.main-menu ul li a:hover::before{
    width: 100%;
    transition: all 0.5s ease;
}
.mobile-menu ul{
    display: flex
    ;
        flex-direction: column;
}
.mobile-menu {
    margin: 0 auto;
    display: none;
}
.mobile-menu ul li{
    margin-right: 0;
}
.nav-bar {
    padding: 30px 0;
}
.nav-logo {
    margin-right: 50px;
}

.nav-icons a{
  padding: 0 0 0 30px;
    cursor: pointer;
}
.nav-icons a i{
    font-size: 12px;
}
.nav-bar-icon button{
    position: relative;
    margin-right: 40px;
    background: transparent;
    border: 0;
    height: 100%;
    width: auto;
}
.nav-bar-icon button :hover{
background: transparent;
}
.nav-bar-icon button .bar-one, .nav-bar-icon button .bar-two, .nav-bar-icon button .bar-three{
    position: absolute;
    content: "";
    width: 34px;
    height: 2px;
    background: var(--bs-semi-bg-color);
    left: 0;
    top: 0px;
    
}
.nav-bar-icon button .bar-two{
    top: 8px;
}
.nav-bar-icon button .bar-three{
    top: 17px;
}
/* Nav Bar End */


/* Hero Banner */


.bann-cont{
    padding: 50px 0;
}
.bann-cont h3{
    font-size: 2.6rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0;
  transform: translateX(-5rem);
  transition: 590ms cubic-bezier(0.05, 0.60, 0.42, 0.94) 600ms;
  transition-property: opacity, transform;
}
.bann-cont p{
    opacity: 0;
  transform: translateX(-5rem);
  transition: 590ms cubic-bezier(0.05, 0.60, 0.42, 0.94) 600ms;
  transition-property: opacity, transform;
}
.hero-bann.slick-current.slick-active .bann-cont h3, .hero-bann.slick-current.slick-active .bann-cont p, .hero-bann.slick-current.slick-active .bann-cont a{
  
    opacity: 1;
    transform: translateX(0);
}
.bann-cont a{
    opacity: 0;
    transform: translateX(-5rem);
    transition: 590ms cubic-bezier(0.05, 0.60, 0.42, 0.94) 600ms;
    transition-property: opacity, transform;
}
.shop-bttn{
    padding: 16px 30px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #1c235b;
    background: var(--bs-semi-bg-color);
    font-family: var(--bs-main-font-family);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;
   
}
.shop-bttn:hover{
    background: transparent;
    color: #1c235b;
    transition: all 0.5s ease;
}
.hero-bann{
    height: 80vh;
}
.banner-content {
	height: 100%;
	display: flex;
	align-content: center;
}

.banner-slick-slider .slick-dots{
    position: absolute;
    left: 40px;
    bottom: 50px;
}
.banner-slick-slider .slick-dots button{
    background: #00000000;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    border: 2px solid #1c235b;
    text-indent: -60px;
}
.banner-slick-slider .slick-dots li{
    display: inline-block;
    padding: 6px;
    overflow: hidden;
}
.banner-slick-slider .slick-dots li.slick-active button {
background: #1c235b;
}
.nav-modal.modal.right .modal-dialog {
    position: fixed;
    right: 0;
    margin: 0;
    width: 400px;
    height: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    height: 100vh!important;
}

.modal.right.show .modal-dialog {
    transform: translateX(0);
}
.nav-bar-icon {
    position: relative;
    top: -9px;
}
.nav-modal .modal-content{
    text-align: center;
    background: var(--bs-semi-bg-color);
    border-radius: 0;
    border: 0;
    height: 100%;
}
.nav-modal .modal-header{
border-bottom: 0;
}
.nav-modal .modal-header {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    cursor: pointer;
}
.nav-modal .modal-header svg{
    font-size: 30px;
}
.nav-modal .modal-body .nav-logo{
    margin-right: 0;
    margin-bottom: 20px;
}
.nav-modal .modal-body .nav-logo a{
    color: #fff;
}
.nav-modal .modal-body ul li a, .nav-modal .modal-body ul li p{
    color: #fff;
}
.nav-modal .modal-body ul li{
    text-align: center;
    padding: 10px;
}
.nav-modal .modal-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Hero Banner end */



/*  sub banner */

.sub-bann1{
    background: url(../images/sub-bann1.jpg)no-repeat center;
    background-size: cover;
}
.sub-bann2{
    background: url(../images/sub-bann2.jpg)no-repeat center;
    background-size: cover;
}
.sub-bann3{
    background: url(../images/sub-bann3.jpg)no-repeat center;
    background-size: cover;
}
.sub-bann4{
    background: url(../images/sub-bann4.jpg)no-repeat center;
    background-size: cover;
}
.sub-bann-cont{
    padding: 30px 30px 50px 30px;
    margin: 10px 0;
    height: 265px;
}
.sub-bann-cont h3{
    text-transform: uppercase;
    line-height: 20px;
    font-size: 20px;
    width: 64%;
}
.sub-bann-cont a{
    border-bottom: 2px solid #1c235b;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

/*  sub banner  end*/

/* shop section */

.shop-sec{
    margin: 130px 0 80px;
}
.sec-title h4{
    font-size: 14px;
    letter-spacing: 4px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.sec-title h2{
    font-size: 30px;
    text-transform: uppercase;
}
.shop-pro-sec{
    position: relative;
}
.shop-pro-sec .shop-pro-img{
    position: relative;
}
.shop-pro-sec .pro-links-scr{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    opacity: 0;
    transform: translateY(20px);
    transition: 
    opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s, 
    transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s !important;
}
.shop-pro-sec .pro-links-scr a{
    padding: 10px;
}
.shop-pro-sec .add-cart-bttn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(20px);
    transition: 
    opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s, 
    transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s !important;
}
.shop-pro-sec .add-cart-bttn a{
    width: 100%;
    display: block;
    background: var(--bs-semi-bg-color);
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.shop-pro-tx{
    padding: 0px 10px;
}
.shop-pro-tx h5 a{
    text-transform: uppercase;
}
.shop-pro-tx h4{
    font-size: 18px;
    color: #1c235ba3;
}
.shop-pro-sec:hover .pro-links-scr{
    opacity: 1;
    transform: translateY(0);
}
.shop-pro-sec:hover .add-cart-bttn{
    opacity: 1;
    transform: translateY(0);
}
.view-all-bttn a{
    text-align: center;
    border: 2px solid #1c235b;
    background: transparent;
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 46px;
    font-weight: 700;
    transition: all 0.5s ease;
}
.view-all-bttn a:hover{
    background: var(--bs-semi-bg-color);
    color: #fff;
}
.view-all-bttn{
    text-align: center;
    margin: 40px 0 0;
}

/* shop section End */


/* About product */
.small-bttn a{
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 0;
    margin: 0 25px;
}
.small-bttn a::before{
    position: absolute;
    content: "";
    border-bottom: 2px solid #1c235b;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}
.small-bttn a:hover::before{
    width: 0;
    transition: all 0.5s ease;
}
.ab-sec, .ab-sec2{
    position: relative;
}

.ab-img-sec1 img{
    position: absolute;
    right: 0;
    width: 50%;
    height: 400px;
    top: 0;
    object-fit: cover;
}
.small-bttn {
    margin: 30px 0;
}
.ab-img-sec2 img{
    position: absolute;
    left: 0;
    width: 39%;
    height: 440px;
    bottom: -32%;
    object-fit: cover;
}
.ab-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
}
.ab-list img{
    width: 54px;
    margin-right: 25px;
}
.ablist-item h6{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}


/* About product End */


.qadf-sec {
	background: #eaf3fc;
	padding: 50px 0;
	margin: 98px 0 6px 0;
}
.qadf-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.qadf-icon img{
    width: 50px;
}
.qadf-icon p{
    font-size: 20px;
    margin: 0 0 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--bs-main-font-family);
}


/* min bann */

.min-bann1{background: url(../images/min-bann1.png)no-repeat center;background-size: cover;height: 100%;}
.min-bann2 {
	background: url(../images/min-bann2.png)no-repeat;
	background-size: cover;
	height: 100%;
}
.min-bann{padding: 100px 100px 100px 50px;}
.min-bann h6{font-size: 14px;letter-spacing: 3px;text-transform: uppercase;font-weight: 600;}
.min-bann h4{font-size: 25px;text-transform: uppercase;margin: 15px 0; width: 80%;}
.min-bann-sec .container-fluid{
    padding: 0 13px;
}
.min-bann p{
    width: 74%;
}
.min-bann-sec {
    height: auto;
    overflow: hidden;
}
.min-bann-sec .small-bttn a {
margin: 0;
}

/* Footer section */

.footer-sec{
    background: #1c235b;
}
.footer-logo{
    padding: 50px 0;
    border-bottom: 1px solid #ffffff52;
}
.footer-logo a{
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 10px;
}
.footer-logo a::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    background: #fff;
}
.footer-logo a::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #fff;
}
.footer-logo p{
    text-transform: uppercase;
    letter-spacing: 7px;
    color: #fff;
    margin: 0;
    padding-top: 25px;
}
.footer-cont-sec h5{
    color: #fff;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}
.footer-cont-sec ul li p, .footer-cont-sec ul li a{
    color: #fff;
    font-weight: 200;
    font-size: 18px;
    margin: 10px 0;
}
.footer-cont-sec ul li{
    padding: 6px 0;
    width: 100%;
}
.foo-gal{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.foo-gal li img{
    margin: 0 5px;
    width: auto;
    max-width: 100px;
    border-radius: 8px;
}
.pay-img {
	width: auto;
	height: 22px;
}
.copyrg{
    padding: 20px 105px;
    border-top: 1px solid #ffffff4d;
    margin-top: 50px;
}
.ft-copryright-ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cartModal {
    position: fixed;
    top: 0;
    right: -500px; /* Initially hidden */
    width: 500px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease-in-out;
    z-index: 1050;
    overflow-y: auto;
}

.cartModal.show {
    right: 0; /* Slide in */
}
.cart-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
}
.cart-img a img{
    
width: 96px;
    
margin: 10px 20px 10px 0;
}
.cart-hed{
    padding: 40px 30px;

}
.cart-hed h5{font-size: 23px;text-transform: uppercase;}

#cookiePopup h4 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 15px;
    }

    #cookiePopup p {
        font-size: 15px;
        color: #fff;
        margin-bottom: 15px;
        letter-spacing: 1px;
        line-height: 1.5;
        max-width: 850px;
    }

    #cookiePopup p a {
        color: #fff;
        text-decoration: underline;
    }

    .cookieBtns {
        display: inline-flex;
        gap: 10px;
    }

    .cookieBtns button {
        font-size: 15px;
        margin: 10px 0;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        background: #1c235b;
        cursor: pointer;
        transition: all 0.5s ease;
        border: 2px solid #fff;
    }

    .cookieBtns button:last-child {
        background-color: #fff;
        color: #666 !important;
    }
    .wishlist-count{
        background: #ddd;
    }
  .cart-count {
	background: #ddd;
	border-radius: 50px;
	padding: 0px 6px;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
}
    .breadcrumb-area{
        background: #eaf3e7;
        padding: 40px 0;
    }
    .breadcrumb-ul{
        display: flex;
    }
    .breadcrumb-text, .breadcrumb-link{
        font-size: 18px;
        font-family: var(--bs-main-font-family);
    }
    .shop-page{
        margin: 100px 0;
    }
 
 /* Price range */


/* side-sidebar css */
.shop-sidebar-inner form .shop-sidebar {
    margin: 29px 0px 0px;
    padding: 27px 0px 0px;
    border-top: 1px solid #ddd;
}
.shop-sidebar-inner form .shop-sidebar:first-child {
    margin: 0px;
    padding: 0px;
    border-top: none;
}
.shop-sidebar-inner .shop-sidebar.shop-collection {
    margin-bottom: 30px;
    padding: 0px 0px 30px;
    border-bottom: 1px solid #ddd;
}

/* side-sidebar shop-title css */
.shop-sidebar .shop-title {
    position: relative;
    font-size: 18px;
    line-height: 1;
}
.shop-sidebar a.shop-title-lg {
    display: none;
}

/*  shop-element css */
.shop-sidebar .shop-element {
    margin: 27px 0px 0px;
}
.shop-sidebar .shop-element.collapse:not(.show) {
    display: block;
}
@media (max-width: 991px) {
    .shop-sidebar-inner form .shop-sidebar:first-child {
        margin: 20px 0px 0px;
        padding: 28px 0px 0px;
        border-top: 1px solid #ddd;
    }
    .shop-sidebar a.shop-title-lg {
        display:  flex;
        justify-content: space-between;
    }
    .shop-sidebar .shop-title {
        display: none;
    }
    .shop-sidebar a.shop-title-lg[aria-expanded="true"] {
        color: var(--primary-font-color);
    }
    .shop-sidebar a.shop-title-lg[aria-expanded=true] i {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .shop-sidebar .shop-element.collapse:not(.show) {
        display: none;
    }
}
  
/*==============================
    shop-element css css
==============================*/
.shop-sidebar .shop-element ul.brand-ul {
    max-height: 257px;
    overflow-y: auto;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox {
    padding: 5px;
    display: flex;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox:first-child {
    padding: 5px;
}

/*  side-sidebar checkbox css */
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label {
    color: var(--paragraph-font-color);
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 10px 0px 25px;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox label.checkbox-label {
    margin-bottom: 0px;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label span.check-name {
    color: var(--paragraph-font-color);
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox input.cust-checkbox, 
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
}

/* sidebar check-box css */
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label .cust-check {
    position: absolute;
    left: 0px;
    width: 17px;
    height: 17px;
    background-color: var(--body-bgcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label .cust-check::after {
    display: none;
    content: "\F26E";
    font-family: bootstrap-icons !important;
    color: var(--font-color-header);
    font-size: 15px;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox:hover .checkbox-label span.cust-check::after, 
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox:checked ~ span.cust-check::after {
    display: block;
}

/* filter side-sidebar checkbox disable css */
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox[disabled] ~ span.filter-name,
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox[disabled] ~ span.count-check,
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox[disabled] ~ span.cust-check::after {
    opacity: 0.5;
}
.shop-sidebar .shop-element ul.brand-ul li.cat-checkbox .checkbox-label input.cust-checkbox[disabled] ~ span.cust-check {
    cursor: not-allowed;
}

/*==============================
    filter-element css
==============================*/
.shop-sidebar .filter-element {
    margin: 30px 0px 0px;
}
.shop-sidebar .filter-element.collapse:not(.show) {
    display: block;
}
.shop-sidebar .filter-element ul.scrollbar {
    max-height: 257px;
    overflow-y: auto;
}
.shop-sidebar .filter-element ul.scrollbar li {
    padding: 15px 0px 0px;
}
.shop-sidebar .filter-element ul.scrollbar li:first-of-type {
    padding: 0px;
}

/* filter-element side-sidebar checkbox css */
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label {
    color: var(--paragraph-font-color);
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 0px 0px 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}
.shop-sidebar .filter-element ul.scrollbar li label.cust-checkbox-label {
    margin: 0px;
}
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label span.filter-name {
    color: var(--paragraph-font-color);
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.shop-sidebar .filter-element ul.scrollbar li input.cust-checkbox, 
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox  {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
}
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label .cust-check {
    position: absolute;
    left: 0px;
    width: 17px;
    height: 17px;
    background-color: var(--body-bgcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label .cust-check::after {
    display: none;
    content: "\F26E";
    font-family: bootstrap-icons !important;
    color: var(--font-color-header);
    font-size: 16px;
}
.shop-sidebar .filter-element ul.scrollbar li:hover .cust-checkbox-label span.cust-check::after, 
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox:checked ~ span.cust-check::after {
    display: block;
}

/* filter side-sidebar checkbox disable css */
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox[disabled] ~ span.filter-name,
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox[disabled] ~ span.count-check,
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox[disabled] ~ span.cust-check::after {
    opacity: 0.5;
}
.shop-sidebar .filter-element ul.scrollbar li .cust-checkbox-label input.cust-checkbox[disabled] ~ span.cust-check {
    cursor: not-allowed;
}

/* sidebar-filter css */
.shop-sidebar .filter-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 22px 0px 0px;
}
.shop-sidebar.sidebar-filter .filter-info {
    margin: 22px 0px 0px;
}   
.shop-sidebar .filter-info span {
    color: var(--paragraph-font-color);
}

/* loading-spinner css */
.shop-sidebar .filter-info .loading-spinner {
    display: none;
    width: 20px;
    position: absolute;
    right: 0px;
    bottom: 50%;
    transform: translateY(50%);
}
.shop-sidebar .filter-info .loading-spinner svg.spinner {
    animation: spin 1s linear infinite;
}
.shop-sidebar .filter-info .loading-spinner svg.spinner circle.path {
    stroke: #1c235b;
    stroke-dashoffset: 0;
    stroke-dasharray: 280;
    transform-origin: center;
    animation: dash 1s ease-in-out infinite;
}

/* sidebar reset css */
 .shop-sidebar .filter-info a {
    color: var(--paragraph-font-color);
    border-bottom: 1px solid ;
    opacity: 0.7;
}
.shop-sidebar .filter-info a:hover {
    opacity: 1;
} 

/*=====================================
   sidebar price css
======================================*/
/* sidebar price css */
.shop-sidebar-inner form .shop-sidebar.sidebar-price {
    margin: 27px 0px 0px;
}
.shop-sidebar .price-wrap {
    margin: 32px 0px 0px;
}
.shop-sidebar .price-wrap.collapse:not(.show) {
    display: block;
}
.shop-sidebar .price-wrap .price-range {
    display: block;
}
.shop-sidebar .price-wrap .price-range .price-range-group {
    position: relative;
    margin: 0px 0px 29px;
}
.shop-sidebar .price-wrap .price-range .group-range {
    --range-min: .0%;
    --range-max: 100.0%;
    height: 2px;
    /* background: linear-gradient(to right, #1c235b, #1c235b, #1c235b, #1c235b); */
}

/* price-input-group css */
.shop-sidebar .price-wrap .price-range .price-input-group {
    display: flex;
    align-items: center;
}
.shop-sidebar .price-wrap .price-range .price-input-group .price-range-input {
    flex: 1 0 0;
    min-width: 0px;
}
.shop-sidebar .price-wrap .price-range .price-input-group .input-price {
    position: relative;
    color: var(--paragraph-font-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background-color: var(--body-bgcolor);
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
}
.shop-sidebar .price-wrap .price-range .price-input-group .input-price label.label-text {
    color: var(--paragraph-font-color);
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateY(-100%);
    margin-bottom: 0px;
    opacity: 0.7;
}
.shop-sidebar .price-wrap .price-range .price-input-group .input-price span.price-value {
    font-size: 16px;
}
.shop-sidebar .price-wrap .price-range .price-input-group .input-price .price-field {
    font-size: 16px;
    width: 100%;
    text-align: end;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* price-range-delimeter */
.shop-sidebar .price-wrap .price-range .price-range-delimeter {
    color: #1c235b;
    font-size: 16px;
    margin: 0px 10px;
}

/* range css */
.shop-sidebar .price-wrap .price-range .range {
    width: 100%;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.shop-sidebar .price-wrap .price-range .range::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.shop-sidebar .price-wrap .price-range .range::-webkit-slider-thumb {
    height: 12px;
    width: 4px;
    background: #1c235b;
    transform: translateY(-5px);
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 0px 2px #1c235b;
    cursor: pointer;
}
.shop-sidebar .price-wrap .price-range .range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: #1c235b;
    cursor: pointer;
}
.shop-sidebar .price-wrap .price-range .range::-moz-range-thumb {
    height: 12px;
    width: 4px;
    background: #1c235b;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-outer);
}
.shop-sidebar .price-wrap .price-range .range::-moz-range-progress,
.shop-sidebar .price-wrap .price-range .range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
}
.shop-sidebar .price-wrap .price-range .range::-moz-range-progress {
    background-color: #1c235b;
}
.shop-sidebar .price-wrap .price-range .range::-moz-range-track {
    background-color: #ddd;
}

/* group-range css */
.shop-sidebar .price-wrap .price-range .group-range .range {
    height: 2px;
    vertical-align: top;
}
.shop-sidebar .price-wrap .price-range .group-range .range::-moz-range-thumb {
    pointer-events: auto;
}
.shop-sidebar .price-wrap .price-range .group-range .range:last-child {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*  sidebar-open css */
.shop-sidebar-inner form .shop-sidebar.sidebar-open {
    margin: 30px 0px 0px;
}

/*==============================
    sidebar-wedget css
==============================*/
.shop-sidebar-inner form .shop-sidebar.sidebar-wedget {
    margin: 24px 0px 0px;
}

/*==============================
    sidebar banner css css
==============================*/
.sidebar-banner {
    margin: 24px 0px 0px;
}
.sidebar-banner.sidebar-without-banner {
    display: none;
}
.sidebar-banner a.sidebar-img {
    position: relative;
    border-radius: var(--border-radius);
}
.sidebar-banner a.sidebar-img span {
    display: block;
}
.sidebar-banner a.sidebar-img span img {
    border-radius: var(--border-radius);
}
.sidebar-banner a.sidebar-img span.sidebar-banner-icon {
    color: var(--body-bgcolor);
    font-size: 32px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background-color: var(--primary-font-color);
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    line-height: 0;
}
.sidebar-banner:hover a.sidebar-img span.sidebar-banner-icon {
    opacity: 1;
    visibility: visible;
}
.sidebar-banner a.sidebar-img span.sidebar-banner-icon:hover {
    color: var(--primary-font-color);
    background-color: var(--body-bgcolor);
}
.sidebar-banner a.sidebar-img span.sidebar-banner-icon,
.sidebar-banner a.sidebar-img span.sidebar-banner-icon:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 991px) {
    .sidebar-banner {
        display: none;
    }
}

/*  close-button css */
.shop-sidebar-inner .filter-sidebar .close-sidebar.close-without {
    display: flex;
}
.shop-sidebar-inner .filter-sidebar .close-sidebar {
    display: none;
    color: var(--paragraph-font-color);
    font-size: 16px;
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 0;
}
.shop-sidebar-inner.collection .filter-sidebar.filter-sidebar,
.shop-sidebar-inner .filter-sidebar.filter-sidebar-without {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -450px;
    width: 350px;
    max-width: calc(100% - 30px);
    padding: 30px 15px;
    background-color: var(--body-bgcolor);
    z-index: 3;
    overflow-y: auto;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.shop-sidebar-inner.collection .filter-sidebar.filter-sidebar.active,
.shop-sidebar-inner .filter-sidebar.filter-sidebar-without.active {
    left: 0px;
    visibility: visible;
    transform: translateX(0);
}
.shop-sidebar-inner.collection .filter-sidebar.filter-sidebar,
.shop-sidebar-inner .filter-sidebar.filter-sidebar-without,
.shop-sidebar-inner.collection .filter-sidebar.filter-sidebar.active,
.shop-sidebar-inner .filter-sidebar.filter-sidebar-without.active {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 991px) {
    .shop-sidebar-inner .filter-sidebar .close-sidebar {
        display: flex; 
    }
    .shop-sidebar-inner .filter-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -450px;
        width: 350px;
        max-width: calc(100% - 30px);
        padding: 30px 15px;
        background-color: var(--body-bgcolor);
        z-index: 3;
        overflow-y: auto;
        visibility: hidden;
        transform: translateX(-100%);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .shop-sidebar-inner .filter-sidebar.active {
        left: 0px;
        visibility: visible;
        transform: translateX(0);
    }
    .shop-sidebar-inner .filter-sidebar,
    .shop-sidebar-inner .filter-sidebar.active {
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
}
.shop-title{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}
.cat-checkbox .state label{
    padding-left: 10px;
}
.cart-page{
    margin: 100px 0;
}
.cart-title{
    display: flex;
}
.cart-sec-list{
     padding: 16px;
    background: #eaf3e7;
    margin: 0 15px 0 0;
}
.cart-sec-list i{
    margin-right: 5px;
}
.cart-tb-list{
    margin: 60px 0;
    width: 100%;
}
.cart-tb-list thead{
   border-bottom: 1px solid #ddd;
}
.cart-tb-list thead tr th{
    font-size: 18px;
    text-transform: uppercase;
    padding: 20px 0;
}
.cart-tb-list thead tr, .cart-tb-list tbody tr {
    border-bottom: 1px solid #ddd;
}
.cart-tb-list-img img{
       width: 140px;
    margin: 20px;
}
.cart-plus-minus{
    border: 1px solid #ddd;
    width: 145px;
    display: flex;
    justify-content: space-around;
}
.cart-plus-minus button{
    border: 0;
    background: transparent;
}
.cart-plus-minus input{
    border: 0;
    width: 90px;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px;
}
.cart-payment-icon{
    background: #1c235b;
}
.cart-buttons {
    display: flex
;
    justify-content: space-between;
}
.cart-info-wrap h4{
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: 900;
    margin-bottom: 30px;
}
.total-amount{
       display: flex
;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}
.total-amount h6{
    text-transform: uppercase;
    font-weight: 700;
}
.cart-pro-det h3{
    font-size: 18px;
}
.billing input, .billing select, .payment-method input, .payment-method select{
    width: 100%;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #1c235b54;
}
.billing label, .payment-method label{
    padding: 15px 0 3px 0;
}
.chckout-rght {
    margin: 40px 0;
}
.checkout h3{
    text-transform: uppercase;
    font-size: 30px;
}
.final ul li{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.final ul li span p{
     text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
.ckborder{
    border-bottom: 1px solid #ddd;
}
.secure-mesg img{
    width: 100px;
}
.custom-checkbox input{
    margin-top: 0;
}
.thank-cont{
    margin: 100px 0;
}
.about-sec{
    background: url(../images/ab-bann.jpg) no-repeat center;
    background-size: cover;
    padding: 150px 0;
}
.faq-sec{
 background: url(../images/faq-bann.jpg) no-repeat center;
    background-size: cover;
    padding: 100px 0;
}
.choose-sec{
    margin-bottom: 100px;
}
.content-inner {
    margin: 100px 0;
}
.info-list p{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.info-list ul li{
    font-size: 16px;
    padding: 3px 0;
}
.cont-inn{
    margin: 100px 0;
}
.contact-form{
    margin: 100px 0;
}
.form-fill-li{
    display: flex;
    flex-direction: column;
}
.form-fill-li label{
    padding: 12px 0 5px;
    font-size: 16px;
    font-weight: 700;
}
.form-fill-li input, .form-fill-li textarea{
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}
.terms h3{
      margin: 20px 0 10px 0;
}
.single-pro-detil h5{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 21px;
}
.single-pro-detil h6{
    padding: 10px 0;
    font-size: 18px;
    margin: 0;
}
.pro-min-des{
    margin: 20px 0;
}
.product-variant{
    display: flex;
    align-items: center;
}
.add-pro-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}
.product-variant span{
    padding-left: 10px;
}
.bttn-add-list{
    margin-left: 20px;
}
.wishlist-page{
    background: #f3f3f3;
    padding: 20px;
}
.wishlist-item, .wishlist-pro, .wistiem-list {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    text-align: center;
}
.wishlist-pro-image img{
    width: 152px;
    margin: 20px;
}
.wishlist-pro .wishlist-item-remove{
    cursor: pointer;
}
.tag-list p{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}
.tag-list p span{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.pro-tag {
    margin: 40px 0;
}
.nav-tabs .nav-link{
    color: #1c235b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.tab-content>.active{
    border: 1px solid #ddd;
    padding: 20px;
}
.dz-info th, .dz-info td {
    border: 1px solid #e5e5e5;
    padding: 16px 30px;
    vertical-align: top;
}
.drawer-total{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.drawer-subtotal{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.drawer-totalprice{
    font-size: 20px;
}
.cart-img {
    width: 20%;
}
.cart-pro-det {
    width: 70%;
}

.nav-icons{
	display: flex;
	align-items: center;
}

.side-img {
	position: relative;
	width: 100%;
	height: 100%;
	background: #f5e8b4;
}

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

.error_handler_overlay_close {
	right: -10px;
	top: -12px !important;
	width: 34px !important;
	height: 34px !important;
	font-size: 35px !important;
	font-weight: 300 !important;
}


@media only screen and (max-width: 600px) {
 .hero-bann {
	height: 80vh;
	background: #dadfc0 !important;
}
}