/* Header Styles Start */

.header-top
{
    background-color: #1a504c !important;
}

.header-main
{
    background-color: #1a504c !important;
}

.header-middle 
{
    padding: 6px 0;
}

.medycart_logo
{
    color: #1a504c;
    font-size: 32px;
    font-weight: 900;
    font-family: Lucida;
}

.login_btn
{
    padding: 5px 10px; 
    border: 2px solid #1a504c;
    border-radius: 10px;
    font-weight: bold;
}

.nav_header
{
    background: #1a504c !important;
}

.nav-menu__link 
{
    color: #fff7f7;
}

.nav-menu__item.activePage > a 
{
    color: #fff7f7;
}

.common-dropdown
{
    width: 400px;
    overflow-x: auto;
}

.common-dropdown__link 
{
    color: black;
    font-weight: 400 !important;
    padding-inline-end: 5px !important;
    padding: 4px 2px !important;
}

.common-dropdown__link:hover 
{
    color: black !important;
}

.hover-bg-neutral-100:hover 
{
    background-color: rgba(0, 0, 0, .02) !important;
}

.search_product_ul
{
    padding: 10px 20px;
    border: 2px solid #1a504c !important;
    border-radius: 15px;
    margin-top: 10px;
}

.search_box_div
{
    padding: 15px !important;
}

.close_btn
{
    margin-right: 30px !important;
}

.welcome_message_div
{
    background-color: #299e60 !important;
    padding: 8px;
    border-radius: 10px;
    color: white !important;
}

.header_user_icon
{
    color: white !important;
}

.welcome_message
{
    font-size: 17px !important;
    margin-top: 4px;
    color: white !important;
}

a.item-hover.welcome_message_div:hover
{
    color: white !important;
}

.welcome_message:hover
{
    color: white !important;
}

.search_func_width
{
    width: 530px;
}

.fafa_icon_search
{
    position: absolute; 
    left: 2px; 
    top: 50%; 
    transform: translateY(-50%); 
    color: #888;
}

/* Header Styles End*/

 


/* Index Page Styles Start */

.banner-item 
{
    mask-image: none;
    background: #ffffff00;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.banner 
{
    margin-top: 0;
    background-image: url(../images/banner_images/banner_image.jpg);
    background-size: 100% 400px;
    background-repeat: no-repeat;
}

.banner_div
{
    padding: 100px !important;
}

.health_essential_div
{
    background-color: #1a504c !important;
    padding: 50px 30px;
}

.banner_image_section
{
    padding: 70px 0px;
}

.health_essential_div h4, .health_essential_div p
{
    font-family: Lucida ! important;
}

.product-card__thumb
{
    height: 150px !important;
}

.text-line-2
{
    font-weight: bold;
}

.add_button
{
    background-color: #165d59;
    padding: 8px 87px;
    color: white;
    font-weight: bold;
    border: 1px solid #165d59;
    border-radius: 8px;
}

.hover-border-main-600:hover
{
    border-color: hsl(0deg 0% 100% / 0%) !important;
}

.slick-slide
{
    width: 490px !important;
}

.product_name
{
    height: 30px !important;
}

/* Index Page Styles End */

/* About Us Page Styles Start*/

.about_us_images
{
    height: 400px !important;
    width: 100% !important;
}

.about_desc
{
    margin-top: 20px;
    color: black;
}


/* About Us Page Styles End*/

.product-card .product_images
{
    height: 200px !important;
}

.product-card__thumb 
{
    height: 200px !important;
}

.profile_div
{
    text-align: center;
    padding: 15px;
    border: 2px solid #1a504c !important;
    border-radius: 25px;
    font-size: 25px;
    color: black;
    margin: 10px 0;
}

.edit_profile
{
   text-align: center;
    padding: 10px;
    border: 2px solid #1a504c !important;
    border-radius: 15px;
    font-size: 20px;
    color: black;
    margin: 10px 0; 
}

.orders_table th, .orders_table td
{
    text-align: center !important;
    padding: 10px !important;
}

.edit_profile_div
{
    margin-top: 10px;
}

.shadow-custom 
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 5px rgba(0, 0, 0, 0.05) !important;
    padding: 30px;
}

.cart-table .table thead tr th 
{
    padding-block-end: clamp(0rem, -0.065rem + 2.219vw, 0.875rem) !important;
}

.cart-table .table.style-three tbody tr td 
{
    padding: clamp(1.5rem, 0.283rem + 2.536vw, 1.5rem) 5px !important;
}

.cart-table .table-product__thumb 
{
    max-width: 80px !important;
    max-height: 100px !important;
}

.cart-table .text-lg 
{
    font-size: 15px !important;
}

.box
{
    border: 2px solid #817a7a;
    padding: 12px;
    border-radius: 10px;
}



/* Footer Styles Start */

.footer 
{
    background-color: #e5f9f8 !important;
   padding: 20px;
}

.bottom-footer
{
    background-color: #d4fffd !important;
}


/* Footer Styles End */


@media screen and (min-width:200px) and (max-width:992px)
{
    .ph.ph-heart::before, .ph.ph-shopping-cart-simple::before, .ph.ph-list::before
    {
        color: white;
    }
    
    .nav-menu__item > a 
    {
        color: #1a504c !important;
    }
    
    .checkout_orders
    {
        margin-top: 10px !important;
    }
    
    .banner
    {
        background-size: 100% 200px !important;
    }
    
    .banner_div
    {
        padding: 40px 15px !important;
    }
    
    .medical_delivery
    {
        height: 250px !important;
    }
    
    .login_div 
    {
        width: 50% !important;
    }
    
    .signup_div
    {
        width: 50% !important;
    }
    
    .welcome_message_div
    {
        background-color: #299e6000 !important;
    }
    
    .welcome_message
    {
        margin-top: 0 !important;
    }
    
    .about_us_images 
    {
        height: 250px !important;
    }
}

@media screen and (min-width:200px) and (max-width:374px)
{
    .medycart_logo
    {
        font-size: 28px !important;
    }
    
    .medical_delivery
    {
        height: 200px !important;
    }
    
    .health_essential_div
    {
        padding: 50px 20px !important;
    }
    
    .about_us_images 
    {
        height: 200px !important;
    }
   
}


@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .checkout_orders .w-144
    {
        width: 30rem !important;
    }
    
    .banner_div 
    {
        padding: 70px 40px !important;
    }
    
    .banner 
    {
        background-size: 100% 400px !important;
    }
}


@media screen and (min-width: 1024px) and (max-width:1439px)
{
    .has-submenu .nav-menu__link 
    {
        padding-inline-end: 1px !important;
    }
    
    .checkout_orders .checkout_product_name
    {
        font-size: 14px !important;
    }
    
    .search_product_ul 
    {
        padding: 10px 15px !important;
    }
    
    .nav-menu 
    {
        gap: 10px !important;
    }
    
    .search_func_width
    {
        width: 330px !important;
    }
    
    .search-form__input 
    {
        width: 325px !important;
    }
}

@media screen and (min-width: 1200px)
{
    .checkout_orders .w-144
    {
        width: 12rem !important;
    }
    
}

@media screen and (min-width: 1280px)
{
    .checkout_orders .w-144
    {
        width: 14rem !important;
    }
    
    .checkout_orders .checkout_product_name
    {
        font-size: 14px !important;
    }
}