@font-face {
    font-family: Poppins-ExtraBold;
    src: url('../fonts/Poppins-ExtraBold.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins-Regular.ttf');
}


:root{
    --theme-color-1: #483C46;
    --theme-color-2: #F1D302;
    --theme-color-3: #FF521B;
    --theme-color-4: #F0F0F0;
    --theme-color-5: #F4743B;
    --body-bg: #ffffff;
    --font-color: #000000;
    --heading-color: #000000;
    --font-white: #ffffff;
}

body{
    background-color: var(--body-bg);
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 25px;
    font-family: 'Poppins-Regular';
    font-weight: normal;
    color: var(--font-color);
}


h1, h2, h3{
    color: var(--heading-color);
    margin-bottom: 0;
    font-family: 'Poppins-Bold';
    font-weight: normal;
}

h4, h5{
    color: var(--heading-color);
    margin-bottom: 0;
    font-family: 'Poppins-SemiBold';
    font-weight: normal;
}

p{
    margin-bottom: 0;
}

a, a:hover, a:active, a:focus{
    color: inherit;
    text-decoration: none;
}

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

.theme-btn{
    border-radius: 30px;
    height: 48px;
    text-align: center;
    border: none;
    max-width: max-content;
    width: auto;
    padding:10px 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins-Medium';
    font-weight: normal;
    transition: ease-in-out 0.3s;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-main{
    color: #fff;
    background-color: var(--theme-color-5);
    transition: ease-in-out 0.3s;
    border: 1px solid var(--theme-color-5);
}

.btn-main:hover{
    background-position: left bottom;
    color: #fff;
    background-color: #7f2116;
    border: 1px solid #7f2116;
    transition: ease-in-out 0.3s;
}

.btn-secondary{
    color: #fff;
    background-color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
}

.btn-secondary:hover{
    color: #fff;
    background-color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
}

.btn-border{
    border: 1px solid var(--theme-color-3);
    background-color: transparent;
    color: var(--theme-color-3);
    transition: ease-in-out 0.3s;
}

.btn-border:hover{
    border-color: var(--theme-color-3);
    background-color: var(--theme-color-3);
    color: #fff;
    transition: ease-in-out 0.3s;
}

.btn-border-white{
    border: 1px solid var(--font-white);
    background-color: transparent;
    color: var(--font-white);
    transition: ease-in-out 0.3s;
}

.btn-border-white:hover{
  border-color: var(--theme-color3);
  background-color: transparent;
  color: var(--theme-color-3);
  transition: ease-in-out 0.3s;
}

/* header */
.top-container {
    width: 100%;
    position: relative;
    display: inline-block;
}
  
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
  
.sticky + .main-content-container {
    padding-top: 122px;
}

.topHeader-infobar{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-4);
}

.topHeader-infobar-wrapper{
    text-align: center;
}

.topHeader-prop-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

.topHeader-prop-options{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.topHeader-prop-options-wishlist{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-4);
    border-radius: 50%;
    margin-left: 15px;
    position: relative;
}

.topHeader-prop-options-cart{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-4);
    border-radius: 50%;
    margin-left: 15px;
    position: relative;
}

.topHeader-count{
    width: 18px;
    height: 18px;
    background-color: var(--theme-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--font-white);
    font-size: 14px;
    position: absolute;
    top: 0;
    right: -5px;
}

.topHeader-prop-options-account{
    position: relative;
    display: flex;
    align-items: center;
}

.topHeader-prop-options-account h3{
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.topHeader-prop-options-account h3::after{
    content: '\f107';
    font-family: Fontawesome;
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

.topHeader-account-icon{
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--font-white);
    border-radius: 50%;
    border: 1px solid var(--theme-color-4);
    margin-right: 15px;
}

.topHeader-account-icon span{
    color: var(--theme-color-3);
}

.topHeader-account-info p{
    font-size: 12px;
    line-height: 20px;
}

.topHeader-account-info h4{
    font-size: 14px;
}

.topHeader-prop-search{
    position: relative;
    width: 40%;
}

.topHeader-prop-search-input{
    height: 48px;
    border-radius: 30px;
    border: 1px solid var(--theme-color-4);
    padding: 10px 47px 10px 20px;
    width: 100%;
    position: relative;
    display: inline-block;
}

.topHeader-prop-search span{
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: var(--theme-color-3);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
    top: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.topHeader-prop-logo{
    position: relative;
    display: inline-block;
}

.topHeader-prop-logo h2{
    font-size: 22px;
    line-height: 20px;
    text-transform: uppercase;
}

.topHeader-prop-logo p{
    letter-spacing: 0.28em;
    font-size: 14px;
    line-height: 19px;
}

.topHeader-prop{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 15px 0px;
}

.header {
    width: 100%;
    background-color: var(--theme-color-1);
    padding: 10px 0px;
    height: 60px;
    display: flex;
    align-items: center;
    z-index: 999;
}

.navbar{
    width: 100%;
}

.nav-item .nav-link{
    color: var(--font-color);
    border-radius: 30px;
}

.nav-item .nav-link.active{
    background-color: var(--theme-color-3);
    color: var(--font-white) !important;
}

.navbar-light .navbar-nav .nav-link{
    color: var(--font-white);
    padding-right: 1.5rem;
}

.nav-item .nav-link:hover{
    color: var(--font-color);
}

.nav-item .nav-link.active:hover{
    color: var(--font-white);
}

.navbar-light .navbar-nav .nav-link:hover{
    color: var(--font-white);
}

.ourCollection{
    display: flex;
    width: 100%;
    position: relative;
    padding: 10px 20px;
}

.nav-item .dropdown-menu{
    right: 0;
    min-width: 35rem;
    left: auto !important;
}

.dropdown-menu-item h3{
    font-size: 14px;
    margin-bottom: 20px;
    font-family: 'Poppins-SemiBold';
}

.dropdown-menu-item{
    width: 33%;
    display: inline-block;
}

.dropdown-menu-item ul li{
    margin: 10px 0px;
    font-size: 14px;
}

.d-flex  .nav-item{
    padding: 0px 10px;
}

.d-flex  .nav-item .nav-link{
    color: var(--font-white);
}

/* home page styles */
.main-content-container {
    width: 100%;
    display: inline-block;
    position: relative;
}

.banner-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
}

.slider .slick-dots{
    display: none !important;
}

.slider-img{
    width: 100%;
    height: 400px;
    position: relative;
    display: inline-block;
}

.slider-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    display: inline-block;
}

.slider .slick-next {
    right: 15px;
    z-index: 10;
}

.slider .slick-prev {
    left: 15px;
    z-index: 10;
}

.slider-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 10;
}

.slider-img-overlay{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0px 7rem;
    z-index: 11;
}

.slider-img-overlay h3{
    font-size: 32px;
    line-height: 48px;
    color: var(--font-white);
    margin-bottom: 10px;
    text-align: center;
}

.slider-img-overlay p{
    color: var(--font-white);
    margin-bottom: 20px;
    text-align: center;
}

.banner-wrapper-right{
    width: 100%;
    position: relative;
    display: inline-block;
}

.banner-item-right-img{
    width: 100%;
    height: 188px;
    display: inline-block;
    position: relative;
}

.banner-item-right-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: inline-block;
    position: relative;
}

.banner-item-right{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}

.banner-item-right:last-child{
    margin-bottom: 0px;
}

.banner-item-right-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 2rem;
    z-index: 11;
}

.banner-item-right-content h3{
    font-size: 26px;
    line-height: 30px;
    color: var(--font-white);
    margin-bottom: 20px;
}

.banner-item-right-content h4{
    font-size: 16px;
    line-height: 30px;
    color: var(--font-white);
    margin-bottom: 10px;
}

.collections-card-wrapper{
    width: 100%;
    height: 280px;
    display: inline-block;
    position: relative;
    transition: ease-in 0.3s;
    overflow: hidden;
}

.collections-card-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    display: inline-block;
    transition: ease-in 0.3s;
}

.collections-card-wrapper:hover img{
    transform: scale(1.5);
    transition: ease-in 0.3s;
}

.collections-card-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3rem;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: ease-in 0.3s;
}

.collections-card-wrapper:hover .collections-card-overlay{
    opacity: 1;
    visibility: visible;
    transition: ease-in 0.3s;
}

.collections-card-overlay-wrapper{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.collections-card-overlay-heading{
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: var(--font-white);
    margin-bottom: 0px;
}

.collections-card-overlay-link{
    color: var(--theme-color-2);
    text-decoration: underline;
}

.collections-card-overlay-link:hover{
    color: var(--theme-color-2);
    text-decoration: underline;
}

.featuredService-card{
    width: 100%;
    position: relative;
    padding: 25px 20px;
    background-color: var(--theme-color-4);
    display: flex;
    align-items: center;
    height: 100%;
}

.featuredService-card-img img{
    min-width: 32px;
    height: 32px;
}

.featuredService-card h3{
    font-size: 20px;
    line-height: 30px;
    margin-left: 15px;
}

.section-heading-wrapper{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-heading-wrapper h3{
    font-size: 28px;
    margin-bottom: 0;
    margin-right: 4rem;
}

.products-tabs-list li{
    display: inline-block;
}

.btn-main-bg{
    background-color: var(--font-white);
}

.btn-main-bg.active{
    background-color: var(--theme-color-5);
    color: var(--font-white);
}

.newProducts{
    padding: 2rem 0;
}

.products-card-body{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 20px 0px;
}

.products-card-image{
    position: relative;
    width: 100%;
    display: inline-block;
    height: 180px;
}

.productImg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-on-sale{
    position: absolute;
    background-color: var(--theme-color-1);
    color: var(--font-white);
    padding: 8px 5px;
    font-size: 12px;
    border-radius: 30px;
    text-transform: uppercase;
    min-width: 50px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.product-on-sale-off{
    position: absolute;
    background-color: var(--theme-color-5);
    color: var(--font-white);
    padding: 8px 5px;
    font-size: 12px;
    border-radius: 30px;
    text-transform: uppercase;
    min-width: 50px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
}

.product-link-options{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: ease-in 0.3s;
}

.products-card:hover .product-link-options{
    opacity: 1;
    visibility: visible;
    transition: ease-in 0.3s;
}

.product-link-options ul li{
    display: inline-block;
    margin: 0px 2px;
}

.product-link-options ul li a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
    border-radius: 6px;
    background-color: var(--theme-color-5);
}

.product-link-options ul li a span{
    font-size: 16px;
}

.product-heading h3{
    font-size: 16px;
    transition: ease-in 0.3s;
}

.product-heading h3:hover{
    color: var(--theme-color-1);
    transition: ease-in 0.3s;
}

.product-selling-price{
    font-size: 20px;
    margin: 10px 0px;
}

.products-card-body p{
    margin-bottom: 0;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.product-regular-price{
    font-size: 14px;
    text-decoration: line-through;
}

.product-offer{
    background: rgba(255, 82, 27, 0.1);
    border-radius: 30px;
    width: 90px;
    height: 30px;
    color: var(--theme-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.moreCollection-card{
    width: 100%;
    display: inline-block;
    position: relative;
    height: 350px;
}

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

.moreCollection-card-info{
    position: absolute;
    bottom: 50%;
    left: 20px;
    transform: translate(0%, 50%);
}

.moreCollection-card-info p{
    text-transform: uppercase;
    margin-bottom: 10px;
}

.moreCollection-card-info h3{
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.moreCollection-card-info a{
    text-decoration: underline;
}

.specialOffers-card{
    width: 100%;
    position: relative;
    display: inline-block;
    height: 350px;
}

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

.specialOffers-card::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
}

.banner-item-right-img::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
}

.blog-card{
    position: relative;
    width: 100%;
    display: inline-block;
}

.blog-card-image{
    width: 100%;
    display: inline-block;
    height: 250px;
}

.blog-card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card-body{
    padding: 20px 0px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.blog-card-body > p{
    font-size: 12px;
}

.blog-card-body a h3{
    font-size: 20px;
    margin: 10px 0px;
    transition: ease-in 0.3s;
}

.blog-card-body p{
    margin-bottom: 0;
}

.blog-card-body a h3:hover{
    color: var(--theme-color-3);
    transition: ease-in 0.3s;
}

.footer-topbar{
    width: 100%;
    display: flex;
    align-items: center;
    height: 70px;
    background-color: var(--theme-color-3);
}

.footer-topbar-wrapper p{
    text-align: center;
    margin-bottom: 0;
    color: var(--font-white);
}

.footer-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer{
    padding: 50px 0px 20px 0px;
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #141114;
}

.footer-logo .topHeader-prop-logo h2{
    color: var(--font-white);
}

.footer-logo .topHeader-prop-logo p{
    color: var(--font-white);
}

.footer-menu{
    padding: 30px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.footer-menu ul li{
    display: inline-block;
    margin: 0px 20px;
}

.footer-menu ul li a{
    color: var(--font-white);
}

.footer-social ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-social ul li{
    display: inline-block;
    margin: 0px 5px;
}

.footer-social ul li a{
    background: rgba(240, 240, 240, 0.1);
    color: var(--font-white);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
    border-radius: 50%;
}

.footer-social{
    padding-top: 30px;
}

.footer-bottom{
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(240, 240, 240, 0.1);
    margin-top: 4rem;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom p{
    margin-bottom: 0;
    color: var(--font-white);
}

.footer-bottom ul li{
    display: inline-block;
}

/* product details */
.page-breadcrumb{
    padding: 20px 0px;
}

.page-breadcrumb-wrapper ul li{
    display: inline-block;
}

.page-breadcrumb-wrapper ul li::after{
    content: '\f105';
    font-family: Fontawesome;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.page-breadcrumb-wrapper ul li:last-child::after{
    display: none;
}

.product-content{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 1rem;
}

/* zoom */
.picZoomer{
	position: relative;
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-pic{
	width: 100%;
	height: 100%;
}
.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 40px;
	left: 40px;
	background: url('../images/zoom-ico.png') left top no-repeat;
}

.piclist li{
    width: 60px;
    height: 60px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
}
.piclist li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp{
    border: 1px solid #fff;
}

.product-content-img{
    width: 100%;
    display: flex;
}

.btn-main-bgcolor{
    background-color: var(--theme-color-5);
    color: var(--font-white);
    width: 100%;
    max-width: 100%;
    /* margin-left: 60px; */
    transition: ease-in 0.3s;
}

.product-add-cart{
    margin-top: 1rem;
    margin-left: 60px;
}

.btn-main-bgcolor:hover{
    background-color: var(--theme-color-3);
    color: var(--font-white);
    transition: ease-in 0.3s;
}

.product-content-price h4{
    font-size: 18px;
    margin-bottom: 0;
}

.product-content-price h3{
    font-size: 20px;
    margin-bottom: 0;
    padding: 15px 0px;
}

.product-actions{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.product-actions a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-actions a span{
    font-size: 20px;
}

.product-content-price .product-selling-price{
    display: flex;
    align-items: center;
}

.product-content-price .product-selling-price .product-offer{
    font-weight: normal;
    font-family: 'Poppins-Regular';
    font-size: 14px;
}

.product-content-price{
    width: 100%;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-info-heading{
    font-size: 20px;
    margin-bottom: 15px;
}

.product-color-list li{
    display: inline-block;
}

.product-color-list li span{
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 6px;
    position: relative;
    margin-right: 10px;
}

.product-color-list li span::after{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-color-list li span.red::after{
    background-color: #EB0513;
}

.product-color-list li span.blue::after{
    background-color: #0810E1;
}

.product-color-list li span.grey::after{
    background-color: #5A5A5A;
}

.product-color-list li span.green::after{
    background-color: #3CA60A;
}

.product-color-list li span.tan::after{
    background-color: #F1A207;
}

.product-color-list li p{
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
}

.product-color{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-size{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-size-list li {
    display: inline-block;
}

.product-size-list li span {
    padding: 3px 12px;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 6px;
    position: relative;
    margin-right: 10px;
}

.product-offers{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-offers-list-item{
    display: flex;
}

.product-offers-list-item-icon{
    margin-right: 20px;
}

.product-offers-list-item-info h3{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.product-offers-list-item-info h4{
    font-size: 16px;
    margin-bottom: 5px;
}

.product-offers-list-item{
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-offers-list-item:last-child{
    margin-bottom: 0px;
}

.product-delivery h3{
    font-size: 14px;
    color: #3CA60A;
    margin-bottom: 15px;
}

.product-delivery p{
    margin-bottom: 10px;
}

.product-delivery h4{
    font-size: 18px;
    margin-bottom: 15px;
}

.product-delivery-check{
    display: flex;
    width: 100%;
    position: relative;
}

.product-delivery-check-input{
    border: none;
    border-bottom: 1px solid #dddddd;
    padding: 10px 20px;
    margin-right: 2rem;
}

.product-delivery-check i{
    position: absolute;
    top: 16px;
}

.product-delivery{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-features{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-features ul{
    list-style: disc;
    padding-left: 20px;
}

.product-information{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-description{
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-info-small-heading{
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 25px;
}

.product-information-inner{
    display: flex;
    align-items: baseline;
}

.product-information-inner h3{
    font-size: 16px;
    flex: 50%;
    margin-bottom: 0;
}

.product-information-inner p{
    font-size: 16px;
    flex: 50%;
    margin-bottom: 0;
}

.product-information li{
    margin-bottom: 10px;
}

.product-information li:last-child{
    margin-bottom: 0px;
}

.product-returnpolicy{
    width: 100%;
    position: relative;
    display: inline-block;
}

.product-returnpolicy p a{
    color: var(--theme-color-3);
}

.ratings-left h3{
    font-size: 20px;
    margin-bottom: 0;
}

.ratingStar span{
    opacity: 0.2;
    margin: 10px 0px;
}

.ratings{
    display: flex;
}

.ratings-right{
    margin-left: 3rem;
}

.ratings-right ul li{
    display: flex;
}

.ratings-right-process span{
    width: 150px;
    height: 10px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.ratings-right-star span .fa{
    margin-left: 3px;
    color: rgba(0, 0, 0, 0.2);
}

.ratings-right-process{
    margin: 0px 10px;
}

.similarProducts{
    margin-bottom: 4rem;
}

.ratings-right-star{
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.product-filters-item-heading{
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.products{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 1.5rem;
}

.collapse-header{
    font-size: 16px;
    font-family: 'Poppins-SemiBold';
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.collapse-header[aria-expanded="false"]::after{
    content: '\f067';
    font-family: Fontawesome;
    position: relative;
    float: right;
    font-size: 10px;
}

.collapse-header[aria-expanded="true"]::after{
    content: '\f068';
    font-family: Fontawesome;
    position: relative;
    float: right;
    font-size: 10px;
}

.filter-categories-list li{
    margin-bottom: 10px;
    margin-left: 20px;
}

.filter-categories-list li:last-child{
    margin-bottom: 0px;
}

.product-filters-item{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.product-filters-item:last-child{
    margin-bottom: 0px;
}

.filtersCheck input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;  
    font: inherit;
    color: currentColor;
    width: 1.15em;
    min-width: 1.15em;
    height: 1.15em;
    border: 1px solid #dddddd;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
  
.filtersCheck input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: var(--theme-color-5);
}
  
.filtersCheck input[type="checkbox"]:checked::before {
    transform: scale(1);
}
  
.filtersCheck input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);  
    color: var(--form-control-disabled);
    cursor: not-allowed;
}
  
.form-controlCheck{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.form-controlCheck input{
    margin-right: 10px !important;
}

.form-controlCheck:last-child{
    margin-bottom: 0px;
}

.product-filters-list.filters{
    margin-bottom: 20px;
}

.product-filters-list.filters:last-child{
    margin-bottom: 0px;
}

.products-list{
    width: 100%;
    position: relative;
    display: inline-block;
}

.products-found{
    margin-bottom: 10px;
}

.products-found span{
    color: var(--theme-color-3);
}

.products-list-top .form-controlCheck span{
    color: green;
    font-family: 'Poppins-SemiBold';
}

.products-list-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
}

.products-list-top .form-controlCheck{
    margin-bottom: 0;
}

.products-list-top-sort{
    display: flex;
    align-items: center;
}

.sortfield{
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-left: 10px;
}

.products-list-top-sort > span{
    display: flex;
    font-family: 'Poppins-SemiBold';
}

.cart-content{
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 4rem 0;
}

.page-heading{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: relative;
    display: inline-block;
}

.page-heading h2{
    font-size: 24px;
    margin-bottom: 0;
}

.cart-list-items{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 2rem;
    overflow: auto;
}

.cart-table{
    width: 100%;
}

.cart-list-item-info{
    display: flex;
    align-items: center;
}

.cart-item-image{
    width: 100px;
    height: 100px;
    min-width: 100px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.cart-item-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-item-details h4{
    font-size: 14px;
    margin-bottom: 5px
}

.cart-item-details h3{
    font-size: 14px;
    margin-bottom: 5px;
}

.cart-item-details p{
    margin-bottom: 0;
    font-size: 12px;
}

.cart-table thead tr th{
    border-bottom: 1px solid #ddd;
    padding: 20px 10px;
}

.cart-table tbody tr td{
    border-bottom: 1px solid #ddd;
    padding: 20px 10px;
}

.cart-list-item-total h3{
    font-size: 14px;
}

.cart-table tbody td.quantity{
    min-width: 120px;
}

.cart-table thead th.quantity{
    min-width: 120px;
}

.quantity-input{
    width: 120px;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.productDetail{
    width: 45%;
}

.cart-item-details a:hover h3{
    color: var(--theme-color-3);
    transition: ease-in 0.3s;
}

.cart-list-item-action:hover i{
    cursor: pointer;
    color: var(--theme-color-3);
    transition: ease-in 0.3s;
}

.couponcode{
    margin: 2rem 0;
    width: 100%;
    position: relative;
    display: inline-block;
}

.couponcode-heading{
    margin-bottom: 10px;
    font-family: 'Poppins-SemiBold';
}

.couponcode-wrapper{
    display: flex;
    align-items: center;
}

.couponcode-btn{
    width: max-content;
    padding: 10px 20px;
    background-color: var(--theme-color-3);
    border-radius: 6px;
    color: var(--font-white);
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.couponcode-input{
    border-radius: 30px;
    padding: 10px 20px;
    width: 100%;
    border: 1px solid #dddddd;
    margin-right: 10px;
    height: 48px;
}

.total-column{
    width: 100%;
    position: relative;
    display: inline-block;
}

.total-column-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-column-list h3{
    font-size: 14px;
    margin-bottom: 0;
}

.total-column-list p{
    font-size: 14px;
    margin-bottom: 0;
}

.total-column{
    margin: 2rem 0;
    width: 100%;
    position: relative;
    display: inline-block;
}

.total-column-list{
    margin-bottom: 15px;
}

.total-column-checkout{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dddddd;
}

.total-column-list:last-child{
    margin-bottom: 0;
}

.total-column-checkout a{
    width: 100%;
    max-width: 100%;
}

.stock.in{
    color: green;
}

.blog-sidebar-search{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

.blog-sidebar-search-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.blog-search-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    background-color: var(--theme-color-3);
    color: var(--font-white);
    justify-content: center;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: transparent;
}

.blog-sidebar-heading{
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-sidebar-categories-list li{
    margin: 10px 0px 10px 0px;
}

.blog-sidebar-latest{
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 1.5rem 0;
}

.latest-blog-list-inner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.latest-blog-list-inner-image{
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    margin-right: 15px;
}

.latest-blog-list-inner-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.latest-blog-list-inner-info a h3{
    font-size: 14px;
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
}

.latest-blog-list-inner-info p{
    margin-bottom: 0;
}

.latest-blog-list li{
    margin-bottom: 15px;
}

.latest-blog-list li:last-child{
    margin-bottom: 0px;
}

.blogdetails-top h3{
    font-size: 20px;
    margin-bottom: 20px;
}

.blogdetails-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 2rem;
}

.blogdetails-top-post-info{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.blogdetails-top-post-info img{
    width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 10px;
}

.blogdetails-top-post-info p{
    margin-bottom: 0;
}

.blogdetails-top-post-info h3{
    margin-bottom: 0;
    font-size: 14px;
    margin: 0px 5px;
}

.blogdetails-content p{
    margin-bottom: 20px;
}

.blogMain-image{
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-bottom: 2rem;
}

.blog-share{
    width: 100%;
    margin: 2rem 0;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 2rem;
}

.blog-share ul li{
    display: inline-block;
    margin-right: 10px;
}

.blog-share ul li a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--theme-color-1);
    color: var(--font-white);
}

.thoughts-list-user{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.thoughts-list-user img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.thoughts-list-user p{
    margin-bottom: 0;
}

.thoughts-heading{
    font-size: 18px;
    font-family: 'Poppins-Medium';
    margin-bottom: 20px;
}

.thoughts-list-user p a{
    color: var(--theme-color-3);
    font-family: 'Poppins-Medium';
}

.thoughts-list-info span{
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    display: inline-block;
    color: var(--theme-color-5);
    font-size: 12px;
}

.thoughts-list-info p{
    margin-bottom: 0;
}

.thoughts-list-item{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.thoughts-list-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.reply-link{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    color: var(--theme-color-5);
}

.reply-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.reply-form-label{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
}

.reply-form-input{
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.contactus{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 4rem 0;
}

.contactus::before{
    background-color: var(--theme-color-4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
    content: '';
    z-index: 9;
}

.contactus-info{
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 10;
    padding: 0rem 9rem;
}

.contactus-info h3{
    font-size: 24px;
    margin-bottom: 1.5rem;
}

.contactus-form{
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 10;
    background-color: var(--font-white);
    /* border: 1px solid #dddddd; */
    border-radius: 10px;
    height: 100%;
    padding: 2rem;
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
}

.contactus-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.contactus-form-label{
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}

.contactus-form-label span{
    color: red;
    margin-left: 5px;
}

.contactus-form-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.contactus-form-group a{
    color: var(--theme-color-5);
}

.importantInfo{
    color: var(--theme-color-5);
    margin-bottom: 20px;
}

.contactusImg{
    width: 100%;
    height: 250px;
    object-fit: cover;
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
    margin: 1.5rem 0 3rem 0;
    border-radius: 10px;
}

.searchPage{
    padding: 3rem 0;
    width: 100%;
    position: relative;
    min-height: 450px;
    height: auto;
    display: inline-block;
}

.search-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
}

.search-form-group h4{
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}

.search-form-group-inner{
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 1.5rem 0;
}

.search-form-group .blog-sidebar-search{
    margin: 1.5rem 0;
}

.search-not-found{
    text-align: center;
}

.profilePage-tabs .nav-pills .nav-link{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: inherit;
}

.profilePage-tabs .nav-pills .nav-link span{
    font-size: 18px;
    margin-right: 10px;
}

.profilePage-tabs .nav-pills .nav-link.active{
    background-color: transparent;
    color: var(--theme-color-3);
}

.userprofile-image-wrapper{
    position: relative;
    width: 100%;
    display: inline-block;
}

.userprofile-coverimg{
    position: relative;
    width: 100%;
    display: inline-block;
    height: 150px;
    background-color: var(--theme-color-4);
    border-radius: 10px;
}

.userprofile-coverimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.userprofile-userimg{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 30px;
    bottom: -40px;
}

.userprofile-userimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.userprofile-name-link{
    display: flex;
    align-items: center;
    padding-left: 9rem;
    margin-top: 1rem;
}

.userprofile-name-link h3{
    font-size: 16px;
}

.userprofile-name-link a{
    margin: 0px 15px;
    color: var(--theme-color-3);
}

.userprofile-form{
    margin-top: 3rem;
    width: 100%;
    position: relative;
    display: inline-block;
}

.userprofile-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.userprofile-form-label{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
}

.userprofile-form-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border: transparent;
    border-bottom: 1px solid #dddddd;
}

.userprofile-edit label {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: var(--theme-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--font-white);
    font-size: 12px;
}
 
#upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
 
.userprofile-edit{  
    position: absolute;
    bottom: 0;
    right: 0;
}

.userprofile-form-input:focus{
    outline: none;
}

.addnew-block{
    margin-bottom: 2rem;
    width: 100%;
    position: relative;
    display: inline-block;
}

.addnew-link{
    color: var(--theme-color-3);
    transition: ease-in 0.3s;
}

.addnew-link:hover{
    color: var(--theme-color-3);
    transition: ease-in 0.3s;
}

.addnew-link i{
    margin-right: 5px;
    font-size: 12px;
}

.address-card{
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.address-card h3{
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.address-card p{
    margin-bottom: 20px;
}

.address-card p:last-child{
    margin-bottom: 0px;
}

.address-card h3 span{
    font-family: 'Poppins-Regular';
    font-size: 10px;
    padding: 5px;
    margin-left: 10px;
    background-color: var(--theme-color-4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.address-card-drop{
    position: absolute;
    right: 0;
    
}

.address-card-drop i{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}

.address-card-drop .dropdown-menu .dropdown-item{
    font-size: 12px;
}

.modal-title{
    font-size: 18px;
    color: var(--theme-color-1);
    margin-bottom: 0;
}

.modal-content{
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
}

.modal-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.modal-form-label{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
}

.modal-form-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.modal-form-group.filtersCheck{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.modal-form-group.filtersCheck label{
    margin-right: 20px;
    margin-bottom: 0;
}

input:focus{
    outline: none;
}

.orders-search-filter{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

.orders-search-input{
    padding: 10px 35px 10px 15px;
    background-color: var(--font-white);
    border-radius: 6px;
    border: 1px solid #dddddd;
    display: inline-block;
}

.orders-search{
    position: relative;
}

.orders-search i{
    position: absolute;
    right: 12px;
    top: 15px;
    opacity: 0.7;
}

.orders-item-card{
    display: flex;
    align-items: center;
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
    position: relative;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.orders-item-img{
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 5px;
}

.orders-item-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.orders-deliver-info{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    color: var(--theme-color-1);
}

.orders-deliver-product{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
}

.orders-filter-btn{
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    background-color: transparent;
    border-radius: 6px;
}

.orders-filter-btn i{
    opacity: 0.7;
    margin-right: 5px;
}

.order-filter-dropdown-options{
    display: flex;
    padding: 10px 20px;
}

.order-filter-list{
    width: 200px;
    min-width: 200px;
}

.order-filter-list h3{
    font-size: 14px;
    margin-bottom: 20px;
}

.order-filter-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.order-filter-list ul li{
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: 1px solid #dddddd;
    max-width: max-content;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 30px;
    cursor: pointer;
}

.of-clear-btn{
    width: 70px;
    background-color: var(--theme-color-4);
    color: inherit;
    border-radius: 30px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 12px;
    border: transparent;
}

.of-apply-btn{
    width: 70px;
    background-color: var(--theme-color-5);
    color: var(--font-white);
    border-radius: 30px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 12px;
    border: transparent;
}

.rewardpoints{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 10px;
    background-color: var(--theme-color-4);
}

.rewardpoints p{
    color: inherit;
    margin-bottom: 10px;
}

.rewardpoints h2{
    font-size: 20px;
    margin-bottom: 0;
    color: inherit;
}

.rewardpoints h2 span{
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.rewards-wrapper{
    display: flex;
    align-items: center;
    padding: 20px;
    /* background-color: red; */
    border-radius: 10px;
    justify-content: space-between;
}

.rewards-wrapper.one{
    background-image: linear-gradient(to bottom right, red, yellow);
}

.rewards-wrapper.two{
    background-image: linear-gradient(to bottom right, rgb(81, 255, 0), rgb(0, 255, 200));
}

.rewards-wrapper.three{
    background-image: linear-gradient(to bottom right, rgb(0, 153, 255), rgb(0, 81, 255));
}

.rewards-wrapper.four{
    background-image: linear-gradient(to bottom right, rgb(89, 0, 255), rgb(234, 0, 255));
}

.offer-block{
    display: flex;
    align-items: center;
}

.offer-block h3{
    font-size: 20px;
    margin-right: 10px;
    color: #fff;
    margin-bottom: 0;
}

.offer-block p{
    color: #fff;
    margin-bottom: 0;
}

.redeem-btn{
    padding: 6px 10px;
    border: 1px solid #fff;
    color: var(--font-white);
    background-color: transparent;
    border-radius: 6px;
}

.validInfo{
    font-size: 10px;
    color: red;
    margin-top: 0px;
}

.porduct-review-heading h3{
    font-size: 18px;
}

.review-top{
    display: flex;
    align-items: center;
}

.review-top-product-img{
    width: 70px;
    height: 70px;
    margin-right: 10px;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.review-card{
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
    position: relative;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
    height: 100%;
    padding-bottom: 0;
}

.review-bottom {
    margin-top: 1rem;
}

.review-bottom h3{
    font-size: 20px;
    margin-bottom: 10px;
}

.product-review-stars i{
    opacity: 0.7;
}

.product-review-stars i.gained{
    opacity: 1;
    color: rgb(228, 206, 11);
}

.product-review-date{
    font-size: 12px;
}

.review-bottom-actions{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.review-bottom-actions a{
    flex: 50%;
    text-align: center;
    padding: 10px;
    border: 1px solid #dddddd;
}

.review-bottom-actions a i{
    margin-right: 10px;
}

.reviewproduct-top{
    display: flex;
    align-items: center;
}

.reviewproduct-top-img{
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 5px;
}

.reviewproduct-top-info-product{
    margin-bottom: 0px;
}

.reviewproduct-top-info-product p i{
    opacity: 0.7;
}

.reviewproduct-top-info p i.gained{
    opacity: 1;
    color: rgb(228, 206, 11);
}

.reviewproduct-review{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 1rem;
}

.reviewproduct-review-label{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.reviewproduct-review-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.addfile label {
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 6px;
    border: 1px solid var(--theme-color-3);
    color: var(--theme-color-3);
}

.addfile label i{
    margin-right: 10px;
}
 
.addfile #upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.addfile{
    margin: 20px 0px;
}

.addedfile li{
    display: inline-block;
    margin-right: 15px;
}

.addedfile-inner{
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.addedfile-inner img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.add-cart-link{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
    border: 1px solid var(--theme-color-3);
    padding: 6px 10px;
    text-align: center;
    color: var(--theme-color-3);
    border-radius: 6px;
    justify-content: center;
    transition: ease-in 0.3s;
}

.add-cart-link:hover{
    transition: ease-in 0.3s;
    background-color: var(--theme-color-3);
    color: var(--font-white);
}

.orderedProduct{
    display: flex;
    align-items: center;
}

.orderedProduct-img{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 10px;
    margin-right: 20px;
}

.orderedProduct-info h3{
    font-size: 18px;
    margin-bottom: 5px;
}

.orderedProduct-info p{
    font-size: 12px;
    margin-bottom: 0px;
}

.orderedProduct-info h4{
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.orderedProduct-col-head{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.orderedProduct-col-head h2{
    font-size: 14px;
}

.orderedProduct-col-body h4{
    font-size: 14px;
    margin-bottom: 10px;
}

.orderedProduct-col-body p{
    line-height: 25px;
}

.orderedProduct-col-body ul li{
    margin: 15px 0px;
}

.orderedProduct-col-body ul li p{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.invoiceDownload a{
    width: 100%;
    padding: 10px 10px;
    border-radius: 6px;
    margin: 15px 0px;
    background-color: var(--theme-color-4);
    display: inline-block;
}

.invoiceDownload a i{
    color: var(--theme-color-3);
    margin-right: 10px;
}

.checkout-form-group{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.checkout-form-label{
    width: 100%;
    position: relative;
    display: inline-block;
    font-family: 'Poppins-Medium';
    margin-bottom: 5px;
}

.checkout-form-input{
    width: 100%;
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 10px 15px;
}

.checkout-info-box{
    padding: 30px;
    width: 100%;
    position: relative;
    display: inline-block;
    box-shadow: 0 30px 30px rgba(36, 50, 66, 0.14);
}

.checkout{
    margin: 3rem 0;
}

.checkout-box-heading{
    font-size: 20px;
    margin-bottom: 2rem;
}

.payment-types-item{
    padding: 15px;
    border: 1px solid #dddddd;
    text-align: center;
    margin-right: 15px;
    min-height: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 150px;
}

.payment-types-item:last-child{
    margin-right: 0;
}

.payment-types-item h3{
    font-size: 14px;
    margin-bottom: 10px;
}

.payment-card-types img{
    width: 25px;
}

.payment-types{
    display: flex;
    align-items: center;
}

.payment-input-fields{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 30px;
    border-radius: 10px;
    background-color: var(--theme-color-4);
}

.payment-input-group{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.payment-input-label{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.payment-input-input{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border: transparent;
    border-bottom: 1px solid #dddddd;
    background-color: transparent;
}

.checkoutbtn{
    margin-top: 2rem;
}

.checkoutbtn a{
    width: 100%;
    max-width: 100%;
}

.login-register-container{
    background-image: url('../images/login-register-bg.jpg');
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-register-wrapper{
    width: 100%;
    height: 100%;
    background-color: var(--font-white);
    position: relative;
    display: inline-block;
    border-radius: 10px;
    padding: 30px;
}

.login-register-wrapper .nav-pills{
    align-items: center;
    justify-content: center;
}

.login-register-wrapper .nav-pills .nav-item .nav-link{
    padding: 10px 15px;
    background-color: transparent;
    color: inherit;
    min-width: 80px;
    border-radius: 30px;
}

.login-register-wrapper .nav-pills .nav-item{
    /* background-color: var(--theme-color-4); */
    border-radius: 30px;
    margin: 0px 5px;
}

.login-register-wrapper .nav-pills .nav-item .nav-link.active{
    background-color: var(--theme-color-1);
    color: var(--font-white) !important;
}

.login-register-form-group{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

.login-register-form-input{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 15px 10px 30px;
    border: transparent;
    border-bottom: 1px solid #dddddd;
}

.login-register-form-group i{
    position: absolute;
    left: 0;
    top: 15px;
    opacity: 0.7;
}

.login-register-other-options{
    width: 100%;
    position: relative;
    display: inline-block;
}

.login-register-other-options p{
    text-align: center;
    margin-bottom: 15px;
}

.login-register-other-options ul li{
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

.login-register-other-options ul{
    text-align: center;
}

.login-register-other-options ul li a.facebook{
    background-color: #3b5998;
    padding: 10px 15px;
    color: var(--font-white);
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 30px;
}

.login-register-other-options ul li a.google{
    background-color: #ea4335;
    padding: 10px 15px;
    color: var(--font-white);
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 30px;
}

.login-register-other-options ul li a i{
    margin-right: 10px;
}

.login-register-form-group button{
    width: 100%;
    max-width: 100%;
}

.forgot-link{
    width: 100%;
    display: inline-block;
    text-align: center;
}

.login-register-container::before{
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.success-msg-contact {
    display: none;
    transition: ease-out 0.3s;
}

.success-msg-contact-display {
    position: absolute;
    display: block;
    transition: ease-out 0.3s;
    padding: 10px;
    background: var(--theme-color-1);
    font-size: 14px;
    border-radius: 6px;
    z-index: 10;
    bottom: 72px;
    left: 50%;
    padding-left: 10px;
    color: #fff;
    width: 265px;
    transform: translate(-50%, 50%);
}

.success-msg-contact-display p{
    display: flex;
    align-items: center;
}

.check-success-icon {
    background: var(--theme-color-3);
    padding: 10px;
    margin-right: 10px;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-msg-contact {
    display: none;
    transition: ease-out 0.3s;
    opacity: 0;
}

.error-msg-contact-display {
    display: block;
    transition: ease-out 0.3s;
    opacity: 1;
    position: absolute;
    bottom: -8px;
    font-size: 10px;
    left: 0;
    margin: 0;
    line-height: 0;
    color: red;
}

#backTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: var(--theme-color-1);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 18px;
}
  
#backTop:hover {
    background-color: var(--theme-color-1);
}

.topHeader-prop-logo img{
    width: 180px;
}

.aboutus-side-links{
    width: 100%;
    position: relative;
    display: inline-block;
}

.aboutus-side-links ul li{
    padding: 10px 0px;
}

.aboutus-side-links ul li a{
    font-family: 'Poppins-Medium';
}

.aboutus-contrnt-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
}

.aboutus-main-heading{
    font-size: 24px;
    margin-bottom: 25px;
}

.aboutus-main-description{
    margin-bottom: 15px;
}

.aboutus-factor-card{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #ddd;
    padding: 20px;
}

.aboutus-factor-info h3{
    font-size: 18px;
    margin-bottom: 0px;
}

.aboutus-factor-card-icon{
    margin-right: 20px;
}

.aboutus-factor-card-icon i{
    font-size: 30px;
    color: var(--theme-color-3);
}

.our-goal-image{
    width: 100%;
    height: 350px;
    position: relative;
    display: inline-block;
}

.our-goal-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-goal-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.our-goal-content h3{
    font-size: 24px;
    margin-bottom: 20px;
}

.founders-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.founders-image{
    flex: 50%;
    width: 50%;
    position: relative;
    display: inline-block;
    height: 100%;
}

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

.founders-content{
    flex: 50%;
    padding: 20px;
    position: relative;
    display: inline-block;
}

.founders-content h3{
    font-size: 20px;
    margin-bottom: 10px;
}

.founders-content h4{
    font-size: 16px;
    margin-bottom: 15px;
}