@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --web-primary-color: #E12363;
    --web-secondary-color: #ff4081;
    --dark-color: #121212;
    --text-white-color: #ffffff;
    --border-color: #e0e0e0;
    --light-color: #f8f9fa;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,a,span,div,section,p,table,th,td,form{
    font-family: "Roboto", sans-serif !important;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

.bg-primary-light,
.header-top {
    background-color: #fff0f6 !important;
}

.bg-pink {
    background-color: var(--web-primary-color) !important;
}

.text-pink {
    color: var(--web-primary-color) !important;
}

.border-pink {
    border-color: var(--web-primary-color) !important;
}

.border-color {
    border-color: var(--border-color) !important;
}

.btn-pink {
    background-color: #ff4081 !important;
    border-color: #ff4081 !important;
    color: #fff !important;
}

.btn-pink:hover {
    background-color: #E12363 !important;
    border-color: #E12363 !important;
    color: #fff !important;
}

.text-lg {
    font-size: 1.25rem;
}

.text-md {
    font-size: 1.125rem;
}

.text-sm {
    font-size: 0.875rem;
}

.text-xl {
    font-size: 1.5rem;
}

.text-2xl {
    font-size: 2rem;
}

.tex-3xl {
    font-size: 2.5rem;
}

.text-line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.store-product__top img {
    aspect-ratio: auto;
    object-fit: unset;
}

.min-h-42px {
    min-height: 42px;
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--web-primary-color) !important;
    background-color: aliceblue !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.see-more-details {
    color: var(--web-primary-color) !important;
}

.see-more-details:hover {
    color: var(--web-secondary-color) !important;
}

.btn-secondary {
    background-color: var(--web-secondary-color);
    border-color: var(--web-secondary-color);
    color: #fff;
}

.btn-primary {
    /* background-color: var(--dark-color); */
    border-color: var(--web-primary-color);
    color: #fff;
}

.btn-primary:hover {
    /* background-color: var(--web-primary-color); */
    border-color: var(--web-primary-color);
    color: #fff;
}

.btn-secondary:hover {
    background-color: var(--dark-color);
    border-color: var(--web-primary-color);
    color: #fff;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--dark-color);
    border-color: var(--web-primary-color);
    color: #fff;
}

.max-w-120px {
    max-width: 120px;
}

.feature-icon-wrap {
    /*background-color: #000;*/
    padding: 10px;
    /*border-radius: 12px;*/
    /*box-shadow: 0 0 15px rgb(95 13 9 / 85%);*/
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.newsletter-form .form-control::placeholder {*/
/*    color: var(--text-white-color) !important;*/
/*    opacity: 1 !important;*/
/*}*/

.footer-link {
    color: var(--dark-color) !important;
}

.footer-link:hover {
    color: var(--web-primary-color) !important;
    text-decoration: underline !important;
    font-weight: 800 !important;
}

.footer-bottom {
    padding-block: 0.675rem !important;
}

.widget__title {
    position: relative;
    margin-block-end: 1.85rem;
}

.widget__title:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--web-primary-color);
}

.download-apps a {
    max-width: 150px;
}

.header-circle-pink {
    background-color: var(--light-color);
    border: 1px solid var(--web-primary-color);
    border-radius: 50%;
    padding: 5px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

.user-login-btn.dropdown-toggle::after {
    display: none;
}

.navbar .nav-item .nav-link {
    padding: 15px 20px;
    font-weight: 500;
    color: #000;
}

.navbar .nav-item:is(:first-child) .home {
    background-color: var(--web-primary-color);
    color: #FFF !important;
}

.navbar .nav-item:is(:first-child) .home:is(.active) {
    background-color: var(--web-primary-color);
    color: #fff !important;
}

.header-circle-black {
    background-color: var(--light-color);
    border: 1px solid var(--dark-color);
    border-radius: 50%;
    padding: 9px 5px 5px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

.header-circle-light {
    background-color: var(--light-color);
    border: 1px solid var(--web-primary-color);
    border-radius: 50%;
    padding: 5px 5px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

.product {
    border: 1px solid var(--web-primary-color);
}

.page-title {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.count {
    inset-inline-end: -0.225rem;
    inset-block-start: -0.3rem;
}

.card-header {
    background-color: var(--transparent-color);
}

.max-w-120px {
    max-width: 100px;
}
.page-link {
	background-color: #EEE !important;
	color: #000 !important;
}

.active>.page-link, .page-link.active {
	background-color: var(--web-primary-color) !important;
	border-color: var(--web-primary-color) !important;
	color: #FFFFFF !important;
}

@media(min-width: 1200px) {

    .px-10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media(max-width: 1199px) {

    .navbar .nav-item .nav-link {
        padding: 15px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media(max-width: 1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

}

@media(max-width: 991px) and (min-width: 768px) {

    .b-md-left-transparent {
        border-left-color: transparent !important;
    }

    .b-md-right-transparent {
        border-right-color: transparent !important;
    }

    .b-md-bottom-transparent {
        border-bottom-color: transparent !important;
    }

    .b-md-top-transparent {
        border-top-color: transparent !important;
    }
    
    .recommended-product-grid {
        --repeat: 3;
    }
}

@media (max-width: 991px) {
    .mobile-search-form-section {
        content: '';
        position: absolute;
        top: 87px;
        right: 0;
        width: 100%;
        padding: 10px 15px;
        background-color: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

}

@media(max-width: 767px) {
    .b-sm-left-transparent {
        border-left-color: transparent !important;
    }

    .b-sm-right-transparent {
        border-right-color: transparent !important;
    }

    .b-sm-bottom-transparent {
        border-bottom-color: transparent !important;
    }

    .b-sm-top-transparent {
        border-top-color: transparent !important;
    }
}

@media(max-width: 575px) {
    .b-sx-left-transparent {
        border-left-color: transparent !important;
    }

    .b-sx-right-transparent {
        border-right-color: transparent !important;
    }

    .b-sx-bottom-transparent {
        border-bottom-color: transparent !important;
    }

    .b-sx-top-transparent {
        border-top-color: transparent !important;
    }

    .border-bottom-pink {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: var(--web-primary-color) !important;
    }

    /*.container,*/
    /*.container-lg,*/
    /*.container-md,*/
    /*.container-sm {*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*}*/

    .all-sx-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media(max-width: 415px) {
    .wishlist-btn-m {
        display: none;
    }
}
