*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    padding: 0;
    margin: 0;
}
/* Header */
.header{
    box-shadow: 0 0px 6px rgb(0 0 0 / 0.1);
    padding: 10px 0;
}
.haeder_logo img{
    width: 250px;
    height: auto;
    object-fit: cover;
}
.header_menu ul{
    padding: 0;
    margin: 0;
}
.header_menu ul li{
    list-style-type: none;
    display: inline-block;
    padding: 0 18px 0 0;
}
.header_menu ul li a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #2b97a4;
    border-radius: 40px;
    padding: 10px 10px;
    transition: 0.50s ease;
    font-family: "Poppins", sans-serif;
}
.header_menu ul li a:hover{
    color: #fff;
    background-color: #283142;
}
.header_contact_col i{
    color: #fff;
    background: #2b97a4;
    padding: 10px 10px;
    border-radius: 50%;
}
.header_contact_col a{
    text-decoration: none;
    color: #283142;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 0 5px;
    transition: 0.50s ease;
}
.header_contact_col a:hover{
    color: #2b97a4;
}
.header_contact{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
/* Header */


/* Banner */
.banner_btn {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #2B97A4;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 10px;
    transition: 0.50s ease;
}
.banner_btn:hover{
    background-color: #283142;
}
.banner_right img{
    width: 90%;
    height: auto;
    object-fit: cover;
}

/* Banner */

/* Arrivals */
.arrivals_main{
    margin: 60px 0;
}
.arrivals_header_heading h2{
    color: #2B97A4;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.arrivals_btn{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #2B97A4;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 10px;
    transition: 0.50s ease;
}
.arrivals_btn:hover{
    background-color: #283142;
}
.arrivals_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.arrivals_col img{
    width: 100% !important;
    height: auto;
    object-fit: cover;
}
.arrivals_col{
    border: 1px solid #dadada;
    padding: 20px 20px;
    border-radius: 10px;
    /* box-shadow: 0 3px 3px rgb(0 0 0 / 0.1); */

}
.arriaval_catagory h6{
    font-size: 14px;
    font-weight: 500;
    color: #3d3d3d;
}
.arrival_product_name h4{
    font-size: 20px;
}
.arrivals_ratings a{
    text-decoration: none;
    color: #f7a031;
}
.arrivals_price{
    display: flex;
    align-items: center;
    gap: 10px;
}
.orginal_price{
    font-size: 15px;
    font-weight: 600;
    color: red;
    text-decoration: line-through;
    font-family: "Poppins", sans-serif;
}
.discounted_price{
    font-size: 15px;
    font-weight: bold;
    color: #283142;
    font-family: "Poppins", sans-serif;
}
.cart_btn {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background: #2B97A4;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 10px;
    transition: 0.50s ease;
}
.cart_btn:hover{
    background: #283142;
}



/* arrivals products */
.product_col_main img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.product_col_main a {
    text-decoration: none;

}
.product_col_main{
    box-shadow: 0 0px 6px rgb(0 0 0 / 0.1);
    padding: 20px 20px;
    border-radius: 20px;
}
.procol_product_name h4{
    color: #2b97a4;
    font-size: 25px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

/* Arrivals */


/* about us */
.about_us{
    background: #f0fdff;
    padding: 60px 0;
}
.about_col_left img{
    width: 100%;
    height: 525px;
    object-fit: cover;
    border-radius: 10px;
}
.about_right_col_heading h2{
    color: #2B97A4;
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
    font-family: "Poppins", sans-serif;
}
.about_right_col_paragraph p{
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
}
.about_right_btn {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background: #2B97A4;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 10px;
    transition: 0.50s ease;
}
.about_right_btn:hover{
    background-color: #283142;
}
.how_to_order_heading h3{
    color: #2B97A4;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    font-family: "Poppins", sans-serif;
}
.how_to_order_heading{
    position: relative;
}
.how_to_order_heading:after{
    position: absolute;
    content: "";
    background-color: #2B97A4;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px
}
.order_col i{
    font-size: 26px;
    color: #fff;
    background: #2b97a4;
    padding: 15px 15px;
    border-radius: 50%;
}
.order_col_heading h4{
    color: #2B97A4;
    font-weight: 600;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
}
.order_col_message p{
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
}
/* about us */


/* why choose us */
.why_choose_main{
    margin: 60px 0;
}
.why_choose_us_heading h2{
    color: #2B97A4;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    font-family: "Poppins", sans-serif;
}
.why_choose_us_heading{
    position: relative;
}
.why_choose_us_heading:after{
    position: absolute;
    content: "";
    background-color: #2B97A4;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px;
}
.why_choose_col img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}
.why_choose_col {
    position: relative;
    overflow: hidden;
    border-radius: 10px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.why_choose_col:after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
    background-blend-mode: overlay;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    transition: background 0.5s ease, background-blend-mode 0.5s ease;
}

.why_choose_col_info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
}

.why_choose_col_info h4 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
}

.why_choose_col_info p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 25px;
}

.why_choose_col:hover {
    transform: scale(1.05); 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.why_choose_col:hover:after {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4));
    background-blend-mode: screen;
    transition: background 0.5s ease, background-blend-mode 0.5s ease; 
}


/* why choose us */


/* testimonials */
.testimonial_main{
    background: #f0f5fa;
    padding: 60px 0;
}
.testimonial_heading h2{
    color: #2B97A4;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    font-family: "Poppins", sans-serif;
}
.testimonial_heading{
    position: relative;
}
.testimonial_heading:after{
    position: absolute;
    content: "";
    background-color: #2B97A4;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px;
}
.testo_quote img{
    width: 50px !important;
    height: auto;
    object-fit: cover;
}
.testo_quote{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial_slider_message p{
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
}
.testimonial_user img{
    width: 40px !important;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.testimonial_user{
    display: flex;
    align-items: center;
    justify-content: center;
}


/* CTA */
.CTA_main{
    background-color: #2b97a4;
    padding: 30px 0;
}
.cta_heading h2{
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    font-family: "Poppins", sans-serif;
}
.cta_quote p{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
}
.cta_btn {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    background: #fff;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 10px;
    transition: 0.50s ease;
}
.cta_btn:hover{
    background: #283142;
    color: #fff;
}
/* CTA */


/* Footer */
.footer{
    background: #283142;
    padding: 60px 0;
}
.footer_logo img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.footer_about p{
    font-size: 15px;
    color: #fff;
    font-weight: 200;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
}
.footer_menu ul{
    padding: 0;
    margin: 0;
}
.footer_menu ul li{
    list-style-type: none;
    padding: 0 0 30px 0;
}
.footer_menu ul li a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #2b97a4;
    border-radius: 40px;
    padding: 10px 10px;
    transition: 0.50s ease;
    font-family: "Poppins", sans-serif;
}
.footer_menu ul li a:hover{
    color: #283142;
    background: #fff;
}
.footer_menu_haeding h6{
    color: #fff;
    font-family: "Poppins", sans-serif;
}
.footer_contact_item i{
    color: #fff;
    font-size: 20px;
}
.footer_contact_item a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    transition: 0.50s ease;
}
.footer_contact_item a:hover{
    color: #2B97A4;
}
/* Footer */


/* mobile menu */
.hamburger_menu{
    text-decoration: none;
    color: #2b97a4;
    font-weight: bold;
    font-size: 25px;
}
.mobile_logo img{
    width: 200px;
    height: auto;
    object-fit: cover;
}
.btn-close{
    margin-top: 10px !important;
}
.mobile_menu ul{
    padding: 0;
    margin: 0;
}
.mobile_menu ul li{
    list-style-type: none;
    padding: 0 0 25px 0;
}
.mobile_menu ul li a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #2b97a4;
    border-radius: 40px;
    padding: 10px 10px;
    transition: 0.50s ease;
    font-family: "Poppins", sans-serif;
}
.mobile_menu ul li a:hover{
    color: #fff;
    background-color: #283142;
}
/* mobile menu */


/* inner pages */
.banner_in_main {
    background-color: #dbedf0;
    /* padding: 60px 0; */
}
.banner_heading_name h2{
    color: #2B97A4;
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
    font-family: "Poppins", sans-serif;
}
.return_btn{
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #2b97a4;
    border-radius: 40px;
    padding: 10px 10px;
    transition: 0.50s ease;
    font-family: "Poppins", sans-serif;
}
.return_btn:hover{
    background: #283142;
    color: #fff;
}
.inner_form_main{
    padding: 40px 0;
}
.inner_form_heading h3{
    color: #283142;
    font-weight: 600;
    font-size: 30px;
    font-family: "Poppins", sans-serif;
}
.form_catagory_heading h5{
    color: #000;
    font-weight: 600;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
}
.form_col_label{
    font-size: 16px;
    color: #283142;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    padding: 0 0 5px 0;
}
.message_box {
    width: 100%;
}
.form_col_label span{
    font-size: 12px;
    font-weight: 400;
}
.form_submit_btn {
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #007F73;
    border-radius: 40px;
    padding: 10px 10px;
    width: 20%;
    transition: 0.50s ease;
    font-family: "Poppins", sans-serif;
}
.form_submit_btn:hover{
    background: #283142;
    color: #fff;
}
.form1{
    font-size: 14px;
    font-weight: 400;
    color: #bebebe;
    font-family: "Poppins", sans-serif;
}
.form1:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #2b97a4;
    box-shadow: none !important;
}
.form_collaps_main .accordion-button:not(.collapsed){
    background-color: #2b97a4 !important;
    box-shadow: none !important;
    color: #fff !important;
}
.accordion-button collapsed{
    color: #000 !important;
}
.form_collaps_main .accordion-button:focus{
    box-shadow: none !important;
}
.message_box:focus {
    border-color: #2b97a4;
    box-shadow: none !important;
}
.product_card_col{
    /* border: 1px solid #007F73; */
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgb(43 151 164 / 0.2);
}
.pro_card_col_left img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}
.pro_card_col_heading h5{
    font-size: 25px;
    font-family: "Poppins", sans-serif;
}
.pro_card_col_heading_light p{
    font-size: 14px;
    color: #505050;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
.product_card_main{
    margin: 60px 0;
}
.card_card_heading_main {
    display: flex;
    align-items: center;
    gap: 20px;
}
.in_stocktag {
    background: #54ba1d;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 8px;
    font-family: "Poppins", sans-serif;
    border-radius: 20px;
    margin-top: -6px;
    box-shadow: 0 0 10px #54ba1d;
    animation: pulse 1.5s infinite;
}
/* Pulse animation */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px #54ba1d;
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 20px #54ba1d;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 10px #54ba1d;
    }
}

.product_variation_main .nav-link.active{
    background-color: #2B97A4 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
}
.product_variation_main .nav-link {
    color: #283142;
    font-family: "Poppins", sans-serif !important;
    border: 1px solid #28314238;
    border-radius: 10px !important;
    margin: 0 5px !important;
    transition: 0.50s ease;
}
.product_variation_main .nav-link:hover{
    border: 1px solid #2B97A4;
    background-color: #2B97A4 !important;
    color: #fff;
}
.product_image img{
    width: 100%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
}
.pro_image_col_left{
    box-shadow: 0 3px 10px rgb(43 151 164 / 0.2);
    padding: 20px 20px;
    border-radius: 20px;
}
.pro_price_main {
    display: flex;
    align-items: center;
    gap: 20px;
}
.pro_quantity h4{
    font-size: 20px;
    font-weight: 500;
    color: #283142;
    font-family: "Poppins", sans-serif;
}
.pro_price h4{
    font-size: 30px;
    color: #283142;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
}
.pro_price_main{
    box-shadow: 0 3px 10px rgb(43 151 164 / 0.2);
    padding: 20px 20px;
    border-radius: 10px;
}
.pro_image_col_right a{
    text-decoration: none;
}

.checkout_form{
    box-shadow: 0 3px 10px rgb(43 151 164 / 0.2);
/*    position: absolute;*/
/*    width: 50%;*/
/*    bottom: 120px;*/
    padding: 40px;
/*    display: flex*/
/*;*/
/*    gap: 15px;*/
/*    flex-wrap: wrap;*/
}
.w_45{
    width: 45%;
}
#product_variation-error{
    color: red;
    position: absolute;
    top: 80px;
    left: 27px;
}
#mobile-error, #email-error{
    color: red;
}