/**
 * Theme Name:     Hello Shoppable Child
 * Author:         Elementor Team
 * Template:       hello-shoppable
 * Text Domain:	   hello-shoppable-child
 * Description:    Hello Shoppable is beautiful multipurpose ecommerce theme. Hello Shoppable is beautiful, fast, lightweight, responsive, extremely customizable, multipurpose ecommerce theme that you can use as a foundation to build versatile sites such as ecommerce, online business, shop and stores and preferably ideal for any type of sites. Hello Shoppable works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Hello Shoppable is built with SEO, speed, and usability in mind with the multiple Header & Footer layouts, predesigned starter sites includes awesome Home & Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Hello Shoppable is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a multipurpose ecommerce theme? Look no further! Browse the demos to see that it
 */


.container{
    max-width: 1440px;
    padding-left: 60px !important;
    padding-right: 60px !important;
    margin: 0 auto !important;
}

span.banner-txt {
    color: #004AAD;
}

.header-sec {
    /* position: absolute; */
    width: 100%;
    z-index: 999;
    top: 0;
}
.product-loop .product-type-simple.product-grid,.woocommerce ul.products .product.type-product {
    background: #e5fafe;
    border-radius: 12px;
}
.product-loop figure.woo-product-image,.woocommerce ul.products figure.woo-product-image {
    background: #D7E9FF;
    border-radius: 12px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 12px !important;
}
.product-loop .product-inner,.woocommerce ul.products .product-inner {
    padding: 4px;
}
.product-loop .products li.product .woo-product-image img,.woocommerce ul.products .products li.product .woo-product-image img {
    margin-bottom: 20px !important;
    border-radius: 12px;
}
.product-loop .product-inner-contents,.woocommerce ul.products .product-inner-contents {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 15px;
}
.product-loop h2.woocommerce-loop-product__title,.woocommerce ul.products h2.woocommerce-loop-product__title {
    font-size: 19px !important;
    line-height: 26px !important;
    margin-bottom: 0px !important;
    padding-bottom: 6px !important;
}
.product-loop span.woocommerce-Price-amount.amount,.woocommerce ul.products span.woocommerce-Price-amount.amount {
    color: #004AAD;
    font-size: 19px;
    font-weight: 600;
}
.product-loop .button-cart_button_two,.woocommerce ul.products .button-cart_button_two {
    text-align: center;
}
.product-loop a.button,.woocommerce ul.products li.product .button {
    color: #004AAD !important;
    background: transparent !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    border: 2px solid #004AAD !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 16px !important;
}
.product-loop a.button:hover,.woocommerce ul.products li.product .button:hover {
    color: #fff !important;
    background: #004AAD !important;
}
.testimonial .ekit-wid-con .elementskit-single-testimonial-slider{
   box-shadow: none !important;
}
.number-box .elementor-counter-title{
    text-align: center !important;
}

.contact-form form .form-control{
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #dcdfe2;
    color: #999999;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50px;
    transition: all 500ms ease;
    outline: none;
}
.contact-form form textarea.form-control{
    height: 140px !important;
    padding: 20px;
    min-height: 140px;
    border-radius: 30px;
    resize: none;
}
.contact-form form .form-btn{
position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: #004AAD !important;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 15px 30px 17px;
    border-radius: 50px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    letter-spacing: 0.01em;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}
.contact-form form .form-control::placeholder{
    color: #999999;
}
.contact-form form .form-control:focus-visible{
    outline: none !important;
}
.contact-form form p label{
    margin-bottom: 10px;
}
.contact-form form p label span{
    color: #f00;
    top: -2px;
    position: relative;
    left: 2px;
}
.contact-form .cross-sign{
    margin-top: 17px;
    display: block;
    text-align: center;
}
.contact-form .wpcf7-spinner {
    position: absolute;
    bottom: 0px;
    left: 50%;
}
a.woofc-action-cart,a.woofc-action-checkout {
    border-radius: 50px !important;
}
.woocommerce ul.products li.product .star-rating {
    display: none;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-align: left;
}
.woocommerce ul.products.columns-4 {
    column-gap: 16px;
}
section.banner {
    margin-top: 85px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
}
.banner h1 {
  color: #fff !important;
  text-align: center;
  font-size: 36px !important;
}
.product-detail-wrapper {
    align-items: flex-start !important;
}
section.product-info {
    background: #f5f5f58c;
    padding: 35px;
    border-radius: 12px;
}
h1.product_title.entry-title {
    font-size: 32px !important;
    line-height: 45px !important;
}
.woocommerce div.product p.price .amount {
    font-size: 24px;
    margin-top: 16px;
    display: block;
}
section.related.products {
    margin-top: 50px;
}
.related ul.products {
    padding-top: 20px !important;
}
.related h2 {
    font-size: 34px;
}
.woocommerce div.product form.cart {
    margin-top: 40px;
}
.cart button,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    color: #004AAD !important;
    background: #fff !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    border: 2px solid #004AAD !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 16px !important;
}
.cart button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
   color: #fff !important;
    background: #004AAD !important;
}
.woocommerce-product-gallery__wrapper img.wp-post-image,.woocommerce-product-gallery__image {
    height: 520px !important;
    object-fit: cover;
    border-radius: 12px;
}
.wc-block-cart-items .wc-block-components-product-metadata,.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
    display: none;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 16px;
    line-height: 22px;
}
.u-column2.col-2 p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    display: flex;
    flex-direction: column;
}
.woocommerce form .form-row .woocommerce-input-wrapper, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    width: 100%;
    background: #ffffff;
    width: 100%;
    height: 54px;
    border: 1px solid #dcdfe2;
    color: #999999;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50px;
    transition: all 500ms ease;
}

body .woocommerce form.checkout_coupon, body .woocommerce form.login, body .woocommerce form.register {
    border-radius: 15px;
}
button.woocommerce-button.button,.woocommerce button.button {
    background-color: #004AAD !important;
    font-family: "Poppins", Sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 30px !important;
    color: #FFFFFF !important;
    border-style: none;
    border-radius: 50px 50px 50px 50px !important;
    padding: 12px 28px 12px 28px !important;
}
.single-product h4 {
    font-size: 22px !important;
}
.single-product h3 {
    font-size: 28px !important;
}

h1.page-title.entry-title {
    display: block;
}

.page-head {
    padding-bottom: 30px;
    
}
.button-cart_button_two{
    display: flex;
}
.woocommerce ul.products li.product .button{
    margin-left: 0;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0.528302% !important;
}
.wc-block-cart-item__product .wc-block-cart-item__wrap a{
    color: #000;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(5n+1){
    clear: left;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
}
.woocommerce-product-gallery ol.flex-control-thumbs{
    display: flex;
    flex-wrap: wrap;
}
section.product-info {
    margin-top: 60px;
}


@media only screen and (max-width: 1367px){
    .container{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .site-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
        font-size: 16px !important;
    }
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
        font-size: 16px !important;
    }
    .cart button, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
        padding: 10px 20px !important;
    }
}
@media only screen and (max-width: 1200px){
    .product-loop h2.woocommerce-loop-product__title, .woocommerce ul.products h2.woocommerce-loop-product__title{
        font-size: 16px !important;
    }
    .woocommerce ul.products li.product .button {
        padding: 8px 20px !important;
    }
    .product-loop span.woocommerce-Price-amount.amount, .woocommerce ul.products span.woocommerce-Price-amount.amount {
        font-size: 16px;
    }
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1024px){
    .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
  .login a.ekit-menu-nav-link {
    background-color: #004AAD;
        font-family: "Poppins", Sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        line-height: 28px;
        color: #FFFFFF !important;
        border-style: none;
        border-radius: 50px 50px 50px 50px;
        padding: 12px 20px 12px 20px !important;
        height: 50px !important;
        display: inline-block !important;
        margin-left: 15px;
        width: 150px;
        text-align: center;
        margin-top: 15px;
}
}

@media (min-width:1025px){
  .header-menu a.ekit-menu-nav-link:hover:after,.header-menu .current-menu-item.active a.ekit-menu-nav-link:after {
    content: "";
    background: #004AAD;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
}
.login a.ekit-menu-nav-link{
   display : none !important;
}
}

@media only screen and (max-width: 768px){
    .contact-form form .form-control{
        height: 50px;
    }
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 48%;
        float: left;
        clear: both;
        margin: 0;
    }
    .wc-block-cart table.wc-block-cart-items td {
        margin: 0 0 15px !important;
    }
    .wc-block-cart {
        margin-bottom: 0 !important;
    }
    .wc-block-cart table.wc-block-cart-items{
        margin-bottom: 0 !important;
    }
    .wc-block-cart__sidebar {
        margin-bottom: 0 !important;
    }
    .hentry {
        margin-bottom: 0px !important;
    }
    .hentry .entry-content {
        padding: 0 !important;
    }
    .woocommerce-product-gallery__wrapper img.wp-post-image, .woocommerce-product-gallery__image {
        height: auto !important;
    }
    section.product-info {
        padding: 30px 0;
    }
   .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    padding-left: 15px;
    padding-right: 15px;
}
.woocommerce-Tabs-panel {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
h1.product_title.entry-title {
    font-size: 26px !important;
    line-height: 36px !important;
}
.summary.entry-summary {
    padding-right: 20px;
}
.woocommerce-Tabs-panel ol {
    margin-left: 0px;
}
section.product-info {
    margin-top: 25px;
}
h3.wc-block-components-product-name {
    font-size: 18px !important;
    line-height: 28px !important;
}

}

@media only screen and (max-width: 575px){
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(min-width:768px){
	.product-loop h2.woocommerce-loop-product__title {
    min-height: 84px;
}
}
.wpcf7-response-output {
    color: #002A52;
}
p.stock.in-stock {
    display: none;
}
.woocommerce-checkout span.woocommerce-input-wrapper {
    border: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
textarea#order_comments {
    border: 1px solid #dcdfe2;
    border-radius: 20px;
    padding: 30px;
}
.woocommerce .checkout h3 {
    font-weight: 600;
    font-size: 22px;
}