* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



a {

    text-decoration: none;

}



ul {

    list-style-type: none;

}



.page-id-780 .ast-container,
.page-id-1304 .ast-container {

    width: 100%;

    MAX-WIDTH: 100%;

    MARGIN: 0;

    PADDING: 0;

    display: block;

}





@font-face {

    font-family: 'Proxima Regular';

    src: url('../font/ProximaNova-Regular.otf');

}



@font-face {

    font-family: 'Proxima bold';

    src: url('../font/ProximaNova-Bold.otf');

}



@font-face {

    font-family: 'Proxima semibold';

    src: url('../font/Proxima-Nova-Semibold.otf');

}



body {

    font-family: 'Proxima Regular';

}



:root {

    --primary-color: #f3182e;

    --font-bold: 'Proxima bold';

    --font-regular: 'Proxima Regular';

    --font-semibold: 'Proxima semibold';

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Proxima bold';

}



.logo img {

    max-width: 400px;

}





/* nav ul {

    display: flex;

    align-items: center;

    gap: 3rem;

    padding: 0;

    margin: 15px 0;

} */


/* 
nav ul li a {

    color: black;

} */



.contact-link a {

    color: black;

}



.contact-link i {

    background: black;

    color: white;

    width: 33px;

    height: 33px;

    text-align: center;

    padding: 9px 0;

    border-radius: 50%;

}



.home-banner-wrapper {

    background-color: var(--primary-color);

}



.home-banner-content h1 {

    color: black;

    font-family: var(--font-semibold);

}



.home-banner-content h1 span {

    width: fit-content;

    color: white;

    background: black;

    display: block;

    margin: 10px 0;

    text-transform: uppercase;

    padding: 9px;

    font-family: var(--font-bold);

}



.form-wrapper label {

    display: block;

    margin: 10px 0;

    font-family: var(--font-bold);

}



.form-wrapper select,

.form-wrapper input {

    width: 100%;

    padding: 8px;

}



.height-width {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}





.height-width .form-group {

    display: flex;
    flex: 1;
    gap: 15px;

    align-items: center;

}

.Shop-By-Use-sec .title h2 {
    color: black;
}

.price-tag .form-group {

    flex: 1;

}

.product-item {
    border: none;
    margin-bottom: 15px;
    padding: 8px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    height: 100%;
}

.price-tag {
    display: flex;
    gap: 10px;
    height: 100%;
    align-items: end;
}



p.price-total {

    padding: 0;

    margin: 0;

    font-size: 30px;

    font-family: var(--font-semibold);

}



.form-wrapper {

    background: white;

    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

    padding: 20px;

    margin: -45px 0;

    position: relative;

    margin-bottom: 25px;

}



.form-wrapper button {

    padding: 9px 22px;

    border: navajowhite;

    background: var(--primary-color);

    color: white;

    border-radius: 10px;

    transition: all .3s ease-in-out;

}



.form-wrapper button:hover {

    background: black;

}



.show-op {

    color: var(--primary-color);

    padding: 0;

    margin: 10px 0;

    display: block;

    cursor: pointer;

}



.buy-more {

    padding: 0;

    margin: 10px 0;

    display: block;

    cursor: pointer;

    color: gray;

}



.title {

    text-align: center;

}



.title h2 {

    font-family: var(--font-semibold);

    font-size: 45px;

}



.product-image {


    padding: 4px;

}



.popular-slider {

    margin: 2rem 0;

}



.product-content {

    margin: 1rem 0px;

}



.product-content h4 {

    font-family: var(--font-regular);
    color: rgb(0, 0, 0);
    font-size: 18px;

}



.popular-product-sec {

    position: relative;

    padding: 2rem 0;

}



.popular-product-sec .owl-carousel .owl-nav {

    display: flex;

    width: 100%;

    justify-content: space-between;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.popular-product-sec .owl-carousel .owl-nav button {
    width: 40px;
    height: 39px;
    border-radius: 50%;
    background-color: #2b2b2b !important;
    color: #b8b8b8 !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
    transition: background 0.3sease !important;
    border: 1px solid #b8b8b8;
}

button.owl-prev {
    transform: translate(-50px, -50%);
}

button.owl-next {
    transform: translate(50px, -50%);
}



.popular-product-sec .owl-carousel .owl-nav button:hover {

    background-color: #555 !important;

    /* Darker shade on hover */

}

















.rating i {

    color: #ffcc00;

}



a.shop-now {

    background: black;

    padding: 5px 26px;

    display: inline-block;

    margin: 1rem 0;

    color: white;
    text-decoration: none;
    transition: all .3s ease-in-out;

}



a.shop-now:hover {

    background: var(--primary-color);
    color: white;

}



.Shop-By-Use-sec {
    background-color: #8080800d;
    color: black;
    padding: 2rem 0;
    position: relative;
}



.Shop-By-Use-sec a.shop-now {

    background: var(--primary-color);

    color: white;

}



.Shop-By-Use-sec a.shop-now:hover {

    background: rgb(255, 255, 255);

    color: black;

}



.shop-by-tabs ul {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0;
    padding: 0;
    flex-flow: wrap;
    gap: 15px;
}



.product-image img {

    height: 320px;

    object-fit: cover;

}





.Shop-By-Use-sec .owl-carousel .owl-nav {

    display: flex;

    width: 100%;

    justify-content: space-between;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.Shop-By-Use-sec .owl-carousel .owl-nav button {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    /* background-color: #ffffff; */

    color: #b8b8b8;

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    cursor: pointer;

    transition: background 0.3sease;

    border: 1px solid #b8b8b8;

}





.shop-by-tabs ul {

    list-style: none;

    padding: 0;

    display: flex;

    gap: 10px;

}



.shop-by-tabs li {

    cursor: pointer;

}



.shop-by-tabs li.active {

    color: var(--primary-color);

    border-bottom: 1PX solid;

}



.tab-content {

    display: none;

}



.tab-content.active {

    display: block;

}





section.why-choose-sec {

    background: var(--primary-color);

    color: white;

    padding: 2rem 0;

}



.why-choose-wrapper {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 20px;

}



.choose-item img {

    width: 60px;

}



.choose-item {

    text-align: center;

}



.choose-item h5 {

    font-size: 18px;

    margin: 1rem 0;

    min-height: 40px;

    color: white;

}



section.why-choose-sec .title h2 {

    margin-bottom: 3rem;
    color: white;
}



section.testimonial-sec .title {

    text-align: left;

}



span.reviews-span {

    background: #d0c0c0;

    color: #000000;

    padding: 4px 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    margin-bottom: 8px;

}



section.testimonial-sec {

    padding: 2rem 0;

}



section.Businesses-that-trust-us {

    padding: 3rem 0;

    background-color: var(--primary-color);

}


.Businesses-that-trust-us .title h2 {
    color: white;
}


.bussness-logo {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;

}



section.Businesses-that-trust-us {

    color: white;

}



.bussness-logo img {

    height: 75px;

    width: auto;

}



section.Businesses-that-trust-us .title {

    margin-bottom: 2rem;

}



footer a {

    color: black;

}



footer ul li {

    margin: 1rem 0;

}



.social-links a {

    color: white;

    background: black;

    padding: 6px;

    display: inline-block;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    text-align: center;

}



.contact-info p i {

    color: white;

    background: #000000;

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 6px;

    border-radius: 50%;

    margin-right: 2px;

}



.button-def {

    background: var(--primary-color);

    color: white;

    padding: 6px 19px;

    display: inline-block;

    border-radius: 24px;

    transition: all .3s ease-in-out;

}



.button-def:hover {

    background: black;

    color: white;

}


.page-id-728 h1.entry-title {
    text-align: center;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    background: #f3182e;
    padding: 12px 37px;
    margin-top: 19px;
}

form.woocommerce-form.woocommerce-form-login.login {
    max-width: 400px;
    /* margin: 0 auto; */
    background: white;
}

.page-id-728 h2 {
    max-width: 400px;
    /* margin: 0 auto; */
    margin-bottom: 10px;
}




div#my-accounts a {
    color: black;
    font-size: 16px;
    position: relative;
}

#my-accounts a::before {
    content: "\f007";
    content: "👤";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    /* Use 900 for solid icons */
    margin-right: 8px;
    display: inline-block;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    background: red;
    opacity: 1;
}

a.button.product_type_variable.add_to_cart_button {
    background: red;
}

a.button.product_type_variable.add_to_cart_button:hover {
    background: rgba(255, 0, 0, 0.818);
}

input#submit {
    background: red !important;
}

input#submit:hover {
    background: rgba(255, 0, 0, 0.818) !important;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover {
    background: rgba(255, 0, 0, 0.818) !important;
}
@media (min-width:1800px) {

    .container {

        max-width: 1700px;

        margin: 0 auto;

        padding: 0 20px;

    }



    button.owl-prev {

        transform: translate(-50px, 0px);

    }



    button.owl-next {

        transform: translate(50px, 0px);

    }

}

@media (max-width:1200px) {
    .why-choose-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:991px) {
    .price-tag {
        margin: 10px;
    }

    .home-banner-image img {
        width: 100%;
    }

    .home-banner-content {
        margin: 30px 0;
    }

    .why-choose-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .bussness-logo {
        grid-template-columns: repeat(3, 1fr);

    }

    .bussness-logo img {
        margin: 0 auto;
    }


}

@media (max-width:600px) {
    .why-choose-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .bussness-logo {
        grid-template-columns: repeat(2, 1fr);
    }

    .shop-by-tabs ul {
        margin: 0rem 0;
    }

    section.testimonial-sec .title {
        text-align: center;
    }

    button.owl-prev {
        transform: none !important;
    }

    button.owl-next {
        transform: none !important;
    }
}

.woocommerce-js .quantity .qty{
    opacity: 1;
}