@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

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


img {
    width: 100%;
    height: auto;
}

p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

.hidden {
    display: none;
}

/* header css */

.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-brand img {
    width: 80px;
    max-height: 60px;
    object-fit: contain;
}

.logo-hidden {
    display: none;
}

.nav-link {
    font-weight: 500;
}

.cart-number {
    position: absolute;
    color: #fff;
    background-color: #000;
    padding: 7px;
    z-index: 1000;
    border-radius: 50%;
    line-height: 0;
    font-size: 10px;
    top: -1px;
    right: -10px;
}



/* slider css */

.slider-section .carousel-control-prev,
.slider-section .carousel-control-next {
    display: none;
}

/* cart-section css */

/*card-header*/

.section__header {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
}

.background_title {
    /* background-image: url(../assets/img/green-background.png); */
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-position: center;
    padding-top: 28px;
    color: #fff;
    font-size: 21px !important;
}

.title-star {
    font-size: 20px;
    vertical-align: middle;
    letter-spacing: 4px;
}

/*image on hover*/
.card-img-top-primary,
.card-img-top-secondary {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.card-img-top-secondary {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: contain;
    object-position: center;
}

.card-img-top-primary {
    opacity: 1;
}

.card-img-top-secondary {
    opacity: 0;
}

.image-container {
    position: relative;
    overflow: hidden;
}

.image-container:hover .card-img-top-primary {
    visibility: hidden;
    opacity: 0;
}

.image-container:hover .card-img-top-secondary {
    visibility: visible;
    opacity: 1;
}

.cart-section {
    display: flex;
    gap: 10px;
}

.save-value {
    width: 34px;
    text-align: center;
    font-size: 12px;
    top: 0;
    z-index: 1;
    left: 12px;
    background: url(./img/flag-vector.svg);
    background-repeat: no-repeat;
    background-position: center;
    line-height: 1.1;
    padding: 4px 3.5px 9px;
}

.best-seller-div a {
    background-color: #720f11;
    border: 1px solid #720f11;
    border-radius: 10px;
}

.best-seller-div {
    position: absolute;
    top: 8px;
    right: 10px;
}

.left-saving-section {
    background-color: #2B431C;
    border-radius: 6px 0px 0px 6px;
    font-size: 7px;
    font-weight: 400;
    line-height: 1.2;
    width: 60px;
    padding-bottom: 4.5px !important;
}

.left-saving-section p {
    font-size: 10px;
}

#dropdownMenu2 {
    background-color: white;
    color: black;
    padding: 2px;
    height: 29px;
    border: 1px solid #05160e;
    position: relative;
    top: 2px;
    border-radius: 0px 5px 6px 0px;
}

/*card reviews and savings*/
.product-item-meta__star-icon {
    display: flex;
    height: 9px;
    width: 9px;
}

.product-item-meta__ratings-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
}

.product-item-meta__ratings-count {
    font-size: 7px;
    font-weight: 500;
    line-height: 1;
    color: #2B431C;
}

.product-item-meta__ratings {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/*card amount and add product*/
.amount {
    margin-top: 14px;
}

.amounthead {
    color: rgb(12, 43, 8);
}

.addbutton {
    background-color: rgb(12, 43, 8);
    width: 80px;
    height: 32px;
    color: white;
    float: right;
    line-height: 16px;
}


/*cardsection_footer*/

.cardsection_shop {
    background-color: #112405;
    color: white;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.cardsection_footer {

    margin-top: 32px;
    text-align: center;
}

.best-seller-div a:first-child {
    display: none;
}


/* slider-bottom-section */

.section__color-wrapper {
    display: flow-root;
    background: rgba(255, 243, 235, 1);
}

.gen-section {
    background: rgba(255, 243, 235, 1);
}

.gen_img_text_wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "gen-1 gen-2 gen-3  gen-4";
    align-items: center;
    grid-gap: 40px;
    overflow: hidden;
    padding: 40px 0;
}

.gen-1 {
    grid-area: gen-1;
}

.gen_img_text_wrapper .gen_img img {
    position: absolute;
    z-index: 2;
    bottom: 0;
    max-width: 20%;
}

.gen_img_text_wrapper .gen_img:first-child img {
    left: 0;
}

.gen-2 {
    grid-area: gen-2;
}

.gen_title {
    color: #244316;
}

.gen_color_border {
    padding-bottom: 26px;
}

.gen_detail p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #244316;
}

.custom_gotham_boldh1 {
    font-size: 45px;
    font-weight: bold;
}

.gen-3 {
    grid-area: gen-3;
}

.gen_img_text_wrapper .gen_img img {
    position: absolute;
    z-index: 2;
    bottom: 0;
    max-width: 20%;
}

.gen_img_text_wrapper .gen_img:last-child img {
    right: 0;
}

/* video-section */

.video-section {
    width: 100%;
    min-height: 650px;
    object-fit: cover;
}

/* footer */

.footer-brand-image {
    width: 200px;
}

.google-play-button a img {
    width: 150px;
}

.footer {
    border-bottom: 1px solid #cdcdcd;
}

.email-input {
    margin: 10px 0px;
    padding: 10px;
    border-radius: 3px;
}

.card {
    max-width: 306px;
    min-width: 270px;
    max-height: 550px;
}

.cart-dropdown {
    padding: 12px;
    margin-bottom: 4px;
}


/* buy-cart-section */

.image-buy-cart-section {
    width: 150px;
}

/* product-list-logo */

.products-logo a img {
    width: 100px;
}


/* product-detail-page */
.active-background {
    background-color: antiquewhite;
}

.weight-price-box-detail {
    width: 200px;
}

/* offer-box */

.code {
    border: 1px dotted #000;
}

.offer-box {
    max-width: 200px;
    background-color: #e3bfbf;
}

/* detail-images-section-1 */

.detail-images-section-1 a img {
    width: 120px;
}

/* recommended-section */

.recommended-section {
    background-color: antiquewhite;
}

/* person-image-section */

.person-image-section img {
    width: 20px;
    margin-right: 20px;
}

/* checkout-page */

.checkout-page {
    background-color: antiquewhite;
}

.left-checkout-section input {
    padding: 10px;
    border-radius: 10px;
}

.right-checkout-section input,
.apply {
    padding: 10px !important;
}

.right-checkout-section {
    background-color: rgb(105, 26, 23);
}

/* buy-checkout-box */

.buy-checkout-box img {
    width: 50px;
}

/* success-image */

.success-image img,
.fail img {
    width: 100px;
}



/* product-detail-slider */

.img-display {
    overflow: hidden;
}

.img-showcase {
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}

.img-showcase img {
    min-width: 100%;
}

.img-select {
    display: flex;
    flex-direction: column;
}

.img-item {
    margin: 0.3rem;
}

.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3) {
    margin-right: 0;
}

.img-item:hover {
    opacity: 0.8;
}

.card-wrapper {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-imgs {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 30px;
}

.product-content {
    padding-top: 0;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}

.detail-accordian .accordion-body,
.faq-section .accordion-body {
    background-color: #faebd76b;
}

.accordion-item {
    border: none;
    border-bottom: 1px solid #cdcdcd;
}

.accordion-button:focus {
    border-color: transparent;
}

/* sidebar */

#sidebar {
    position: fixed;
    left: -550px;
    width: 500px;
    background-color: #fff;
    height: 100%;
    color: #000;
    transition: left 0.3s ease;
    padding: 20px;
}

#sidebar.active {
    left: 0;
    top: 0;
    z-index: 1000;
}

#main-content {
    margin-left: 20px;
}

button {
    border: none !important;
    background-color: transparent;
    cursor: pointer;
}

.close-btn {
    background: none;
    border: none;
    color: #000;
    font-size: 35px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
}

.show-button {
    bottom: 20px;
    width: 87%;
}


.shipping-text {
    border: 1px solid #720f11;
    background-color: rgb(253, 226, 191);
    padding: 10px;
    border-radius: 10px;
}

/* privacy-policy */

.privacy-heading {
    font-weight: 700;
    font-size: 44px;
    letter-spacing: -1px;
    line-height: 1.08px;
    text-wrap: nowrap;
    flex-wrap: wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.privacy-policy p {
    font-size: 14px;
}

.privacy-policy-container {
    margin: 0 200px;
}

/* our story, vision and mission */
.card-custom {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-custom i {
    font-size: 40px;
    color: #841e1e; /* Color for the icon */
    margin-bottom: 20px;
}
.card-custom h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.card-custom p {
    font-size: 16px;
    color: #777;
    margin-bottom: 20px;
}
.btn-learn-more {
    background-color: #841e1e;
    color: white;
    border-radius: 50px;
    padding: 10px 25px;
}
.btn-learn-more:hover {
    background-color: #701b1b;
    color: white;
}
.row.equal-height .col-lg-3,
.row.equal-height .col-md-6 {
    display: flex;
}
.row.equal-height .card-custom {
    flex: 1; /* Make all cards equal height */
}

.section-vision-mission-container {
    max-width: 2000px;
    margin: auto;
    padding: 20px;
}
.section-vision-mission {
    border-radius:10px;
    padding: 20px;
    text-align: center;
    background-color: #f3f3f3;
}
.section-vision-mission img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    text-align:center;
    border-radius: 20px;
}

/* owlet catalogue */
.catalog-item {
    text-align: center;
    transition: transform 0.3s ease;
}

.catalog-item:hover {
    transform: scale(1.05);
}

.catalog-item img {
    width: 100%;
    /* Full width for responsiveness */
    height: auto;
    /* Maintain aspect ratio */
    border-radius: 10px;
}

.catalog-text {
    margin-top: 10px;
}

/* blog listing section */
.clickable-section {
    cursor: pointer;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    /* margin-bottom: 1rem; */
    transition: background-color 0.3s ease;
}
.clickable-section:hover {
    background-color: #f8f9fa;
}
.clickable-section h5 {
    font-weight: bold;
}
.clickable-section p {
    margin-bottom: 0;
}
.media-section img, .media-section video {
    max-width: 80%;
    height: 95%;
    border-radius: 10px;
}
.media-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*media quereis*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: space-between;
    }

}

@media (max-width: 1400px) {
    .products-list {
        justify-content: center !important;
    }
    .media-section img, .media-section video {
        max-width: 74%;
        height: 93%;
        border-radius: 10px;
    }
}

@media (max-width: 1200px) {
    .brand-photo {
        width: auto !important;
    }

    .saving-section {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .footer-section {
        margin-top: 30px;
    }

    .gen_img_text_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .buy-cart-section {
        width: 100% !important;
    }

    .privacy-policy-container {
        margin: 50px;
    }
}

@media screen and (max-width: 768px) {

    .custom_verveine_regularh1,
    .custom_verveine_regularh2 {
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
    }

    .upper-cart-section {
        flex-wrap: wrap;
    }

    .filter-button {
        padding: 10px 20px !important;
    }

    .total-price {
        width: 100% !important;
    }

    .review-section {
        justify-content: center !important;
        gap: 20px;
        flex-direction: column;
    }

    .privacy-policy-container {
        margin: 20px;
    }

    .privacy-heading {
        font-weight: 700;
        font-size: 22px;
        letter-spacing: -1px;
        line-height: 1.08px;
        flex-wrap: wrap;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

@media (max-width: 468px) {
    .filter-button {
        padding: 10px !important;
    }

    #sidebar {
        left: -350px;
        width: 300px;
    }

    .range-input {
        width: 100px;
    }

    .privacy-heading {
        font-weight: 700;
        font-size: 20px;
        letter-spacing: -1px;
        line-height: 1.08px;
        flex-wrap: wrap;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

@media (max-width: 400px) {
    .privacy-heading {
        font-weight: 700;
        font-size: 1.5rem; /* Adjust the font size as needed */
        margin: 2rem 1rem; /* Adjust margins for better spacing */
        letter-spacing: -1px;
        line-height: 1.08px;
        flex-wrap: wrap;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

/* .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
} */
/* @media (max-width: 990px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
    }

    .navbar-toggler {
        position: absolute;
        left: 10px;
    }

    .navbar-brand {
        position: relative;
        left: auto;
        transform: none;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 999;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .navbar-collapse.show {
        max-height: 400px;
        overflow: visible;
    }

    .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .brand-photo {
        width: auto !important;
        margin: auto;
    }
} */


@media (max-width: 991px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    .navbar-toggler {
        position: absolute;
        left: 10px;
    }

    .navbar-brand {
        position: relative;
        left: auto;
        transform: none;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 999;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .navbar-collapse.show {
        max-height: 400px;
        overflow: visible;
    }

    .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .brand-photo {
        width: auto !important;
        margin: auto;
    }

    /* Adjust form to stay in the header */
    .form-inline-header {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-left: auto;
    }

    .form-inline-header .form-control {
        width: auto;
    }

    .form-inline-header a {
        display: flex;
        align-items: center;
    }

    /* Ensure search input and icons align properly */
    .form-inline-header .cart-number {
        right: -10px;
        top: -10px;
    }

    .search-container {
        position: fixed;
        top: 98px; /* Adjust based on combined header heights */
        left: 0;
        right: 0;
        padding: 5px;
        background: rgba(0, 0, 0, 0.3);
        display: none; /* Hidden by default */
        z-index: 1000; /* Below headers */
    }

    .navbar-toggler-icon {
        width: 1.0em;
        height: 1.0em;
    }
}

/* Contact Us Page */
.contact-container {
    margin-top: 50px;
    text-align: center;
}
.map-container {
    margin-top: 30px;
}

.swiper-container {
    width: 100%;
    height: 60px; /* Adjust based on your design */
    max-width: 100%;
}

.swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease
}

.swiper-slide {
    width: 100%;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53px; /* Make sure each slide has the same height */
    background-color: #333; /* Optional: Background color for slides */
}

.upper-header-heading {
    flex-grow: 1; /* Allows the content to expand */
}

@media (max-width: 480px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .brand-photo {
        flex-shrink: 0;
    }

    .form-inline-header {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-grow: 1;
        justify-content: flex-end;
    }

    .form-inline-header .form-control {
        flex-grow: 1;
    }

    .navbar-toggler {
        margin-right: 10px;
    }

    .navbar-brand img {
        width: 80px;
        max-height: 60px;
        object-fit: contain;
        margin-left: 76px;
    }
    .form-inline-header .form-control {
        width: auto;
    }
    input.form-control.me-2 {
        width: 100% !important;
    }

    .navbar-toggler-icon {
        width: 1.0em;
        height: 1.0em;
    }
}

@media (max-width: 768px) {
    .swiper-container {
        height: 60px; /* Adjust for mobile view */
    }

    .swiper-slide {
        font-size: 14px; /* Smaller font size for mobile */
    }

    .search-container {
        position: fixed;
        top: 98px; /* Adjust based on combined header heights */
        left: 0;
        right: 0;
        padding: 5px;
        background: rgba(0, 0, 0, 0.3);
        display: none; /* Hidden by default */
        z-index: 1000; /* Below headers */
    }
}


.img-small {
    width: 100px;
    height: 100px;
    object-fit: contain; /* or 'contain', depending on your preference */
}

.upper-header {
    background-color: #343a40; /* Dark background for the upper header */
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1020; /* Higher than the navbar */
}
.lower-header {
    position: fixed;
    top: 56px; /* Adjust based on upper header height */
    width: 100%;
    z-index: 1030; /* Below the upper header */
}

.search-container {
    position: fixed;
    top: 112px; /* Adjust based on combined header heights */
    left: 0;
    right: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.3);
    display: none; /* Hidden by default */
    z-index: 1000; /* Below headers */
}

body {
    padding-top: 111px; /* Total height of both headers */
}


/* Card section product listing start */

.product-card-plc {
    border: 1px solid #ddd;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.product-card-plc:hover {
    transform: translateY(-5px);
}

.product-image-plc {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.product-image-plc img {
    width: 100%;
    display: block;
    transition: opacity 0.3s ease;
}

.product-image-plc .hover-image-plc {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-card-plc:hover .hover-image-plc {
    opacity: 1;
}

.product-card-plc:hover .main-image-plc {
    opacity: 0;
}

.badge-sale-plc {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.product-details-plc {
    padding: 20px;
}

.product-title-plc {
    font-weight: bold;
    margin-bottom: 10px;
}

.product-price-plc {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

.original-price-plc {
    text-decoration: line-through;
    color: #6c757d;
}

.discount-plc {
    color: #e63946;
}

.star-rating-plc {
    color: #f5c518;
}

.btn-add-to-cart-plc {
    margin-top: 15px;
    background-color: #212529 !important;
    color: white;
}

.btn-add-to-cart-plc:hover {
    margin-top: 15px;
    background-color: #212529 !important;
    color: white;
}

/* Card section product listing end */