@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body {
    font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.sections.nav-sections {
    text-align: center;
}
.page-header .panel.wrapper {
    background: #000 !important;
    color: #fff;
}
.footer-section {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 40px;
}
.bottom.newsletter {
    /* max-width: 1440px; */
    margin: auto;
    width: 100%;
    background: #ebebeb;
}
.bottom.newsletter .newsletter {
    width: 100%;
    max-width: 80%;
    margin: auto;
    padding: 40px 20px;
}
footer.page-footer {
    background: #fff;
}
.navigation .level0>.level-top {
    font-size: 18px;
    font-weight: 400;
}
header.page-header .header.content {
    width: 80%;
    max-width: 80%;
    display: flex;
    align-items: center;
}
.header.content {
    max-width: 80%;
    margin: auto;
}
.header.content {
    max-width: 80%;
    margin: auto;
}
ul.header.links {
    display: inline-flex;
    list-style: none;
    float: left;
    align-items: center;
    margin: 0;
    vertical-align: middle;
    line-height: 2;
    padding-left: 7px;
    color: #000;
    width: 20%;
    justify-content: left;
}
footer.page-footer .footer.content {
    max-width: 80%;
}
.footer.content .footer-section .footer-info-col li {
    margin-bottom: 5px;
}
.neswletter-block {
    display: flex;
    width: 60%;
    margin: auto;
}
.neswletter-block input#newsletter {
    height: 45px;
    border-radius: 0px;
    border: 1px solid #000;
    border-right: 0;
}
.neswletter-block button.btn-primary {
    background: #000;
    color: #fff;
    height: 46px;
    position: relative;
    width: 40%;
    top: -1px;
    left: -1px;
}
.copyright { background-color: #000 !important;}
.banner_section img {
    width: 100%;
}
.header.content .logo {
    float: none;
    margin: -8px auto 25px auto;
    max-width: 50%;
    position: relative;
    z-index: 5;
    display: inline-block;
}
.header.content .minicart-wrapper {
    margin-left: 0;
    width: 1.5%;
}
.header.content .block-search {
    width: 15%;
    padding-left: 0;
}
.header.content .block-search input#search {
    font-size: 14px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
}
.block-search .action.search:before {
    color: #000;
}
ul.header.links li {
    padding-right: 5px;
}
.page-wrapper .page-main {
    width: 100%;
    max-width: 80%;
    padding: 0 20px;
}
[data-content-type='row'][data-appearance='contained'] {
    max-width: 100%;
}
ul.category_box {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}
ul.category_box li {
    width: calc(50% - 20px);
}
h2.main_title {
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    font-size: 28px;
}
p.cat_name {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #333;
}
ul.category_box img {
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    border-radius: 5px;
}
.page-header .panel.wrapper .panel.header {
    width: 80%;
    max-width: 80%;
}
.customer-account-login .page-title-wrapper {
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
}
.customer-account-login .page-title-wrapper span.base {
    margin: 20px 0;
    font-weight: 600;
}
.block.block-new-customer a.action.create.primary {
    background: #333;
    border-radius: 0;
    border-color: #333;
    width: 100%;
    padding: 8px 45px;
}
.block.block-new-customer a.action.create.primary:hover {
    background: #000;
}
button.action.login.primary {
    background-color: #333;
    border-radius: 0;
    width: 100%;
    padding: 8px 38px;
    border-color: #000;
}
button.action.login.primary:hover {
    background: #000;
}
.actions-toolbar a.action.remind {
    width: 100%;
    position: absolute;
}
.actions-toolbar {
    position: relative;
}
form#login-form {
    position: relative;
}
.block.block-customer-login {
    border-right: 1px solid #888;
    padding-right: 25px;
}
.actions-toolbar a.action.remind {
    /* float: right; */
    /* text-align: right; */
    width: 100%;
    position: absolute;
    color: #000;
}

.customer-account-create .page-main>.page-title-wrapper .page-title {
    display: block;
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
}
.form.create.account.form-create-account {
    width: 80%;
    margin: auto;
}
.form.create.account.form-create-account {
    width: 80%;
    margin: auto;
    display: grid;
    vertical-align: top;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}
fieldset.fieldset.create.account {
    margin-bottom: 0;
}
button.action.submit.primary {
    background-color: #333;
    border-radius: 0;
    width: 100%;
    padding: 8px 38px;
    border-color: #000;
}
button.action.submit.primary:hover {
    background-color: #000;
}
.catalog-category-view .page-title-wrapper {
    text-align: center;
}
.minicart-wrapper .action.showcart span.counter.qty {
    background: #000;
    font-weight: 500;
    /* border-radius: 50%; */
    position: absolute;
    left: 14px;
    top: -10px;
}
.minicart-wrapper .action.showcart {
    position: relative;
}
.logo img {
    margin: auto;
    object-fit: contain;
    height: auto;
    width: 220px !important;
}
.header.links.custom-block .usercart:hover {
    display: block;
}
.header.links.custom-block .usercart {
    display: block;
    background-image: url(../images/account.png);
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 15px;
}
.minicart-wrapper .action.showcart:before {
    background-image: url(../images/cart.png);
    background-repeat: no-repeat;
    line-height: 1;
    color: transparent !important;
}
.usercart:hover .dropdown-menu li a {
    display: block;
    color: #333;
}
.header.links.custom-block .usercart ul.dropdown-menu {
    display: none;
}
.header.links.custom-block .usercart:hover ul.dropdown-menu {
    display: block;
    position: absolute;
    padding-left: 0;
    top: 25px;
    width: 150px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
    padding: 6px;
    list-style: none;
    left: -60px;
    z-index: 11;
}

/* list page start */
.toolbar.toolbar-products .modes {
    display: none;
}
.toolbar-sorter.sorter select#sorter {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid;
    border-radius: 0;
}
.product-item-name a.product-item-link {
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #000;
}
.price-box.price-final_price span.price {
    font-size: 18px;
}
.product-item-name a.product-item-link {
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #191c1f;
    font-weight: 300;
    height: 40px;
    display: block;
}
.price-box.price-final_price {
    text-align: center;
    font-size: 20px;
}
.product-item-actions .actions-primary+.actions-secondary>.action {
    line-height: 35px;
    text-align: center;
    width: 35px;
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 1;
}
.page-products .product-item-actions {
    z-index: 1;
    clear: both;
    display: inline-block;
    width: 100%;
}
.product-item-actions .actions-primary {
    width: 100%;
}
.product-item .tocart {
    width: 100%;
}
.product-item button.action.tocart {
    background: #333;
    border-color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}
.product-item button.action.tocart:hover {
    background: #000;
}
.product-item-actions .actions-primary+.actions-secondary a.action.tocompare {
    display: none;
}
button#top-cart-btn-checkout {
    background: #333;
    border-color: #333;
    border-radius: 0px;
    font-weight: 400;
}
.sidebar.sidebar-additional .block.block-compare {
    display: none;
}
.sidebar.sidebar-additional .block.block-wishlist {
    display: none;
}
.products.wrapper.products-grid .product-item-info .product-item-inner {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%;
    box-shadow: none;
    border: 0;
}
.products.wrapper.products-grid .product-item-info .product-item-inner {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%;
    box-shadow: none;
    border: 0;
    right: 0;
    padding: 0;
}
.product-item-inner .product.actions.product-item-actions a.action.towishlist {
    display: none;
}
li.item.product.product-item .product-actions-top a.action.towishlist span {
    display: none;
}
li.item.product.product-item .product-actions-top a.action.tocompare {
    display: none;
}
li.item.product.product-item .product-actions-top {
    position: relative;
}
li.item.product.product-item .product-actions-top a.action.towishlist {
    position: absolute;
    z-index: 1;
    display: block;
    z-index: 9;
    right: 0;
}
.catalog-category-view h1#page-title-heading {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
.block-content.filter-content strong.block-subtitle.filter-subtitle {
    border-bottom: 2px solid #aaa;
    font-size: 16px;
    text-transform: uppercase;
}
.block-content.filter-content .filter-options-title {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.page-products .product-item-info {
    margin: -10px;
    padding: 9px;
    border: 1px solid #bbb;
}
.product.details.product-item-details {
    height: 150px;
}
/* list page end */


/* checkout css */
.checkout-cart-index .page-title-wrapper {
    text-align: center;
}
.cart-container .cart-summary {
    background: #f9f9f9;
}
.cart-summary .checkout-methods-items button.action.primary.checkout {
    background: #333;
    border-color: #000;
    border-radius: 2px;
    padding: 10px 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.cart-summary .checkout-methods-items button.action.primary.checkout:hover {
    background: #000;
}
button.button.action.continue.primary {
    padding: 0;
    font-weight: 400;
    background: #333;
    padding: 7px 50px;
    border-color: #333;
    border-radius: 0;
    text-transform: uppercase;
}
button.button.action.continue.primary:hover {
    background: #000;
}
.payment-method-content button.action.primary.checkout {
    padding: 0;
    font-weight: 400;
    background: #333;
    padding: 7px 50px;
    border-color: #333;
    border-radius: 0;
    text-transform: uppercase;
}
.payment-method-content button.action.primary.checkout:hover {
    background: #000;
}
.checkout-payment-method .payment-option-title .action-toggle {
    color: #000;
}
li.opc-progress-bar-item._complete>span {
    color: #191c1fc2;
}
/* checkout css end */


@media (max-width: 767px) {
    h2.main_title {
        font-weight: 600;
        font-size: 18px;
    }
    ul.category_box li {
        width: 100%;
    }
    ul.category_box {
        display: block;
    }
    .page-wrapper .page-main {
        width: 100%;
        max-width: 90%;
        padding: 0 20px;
    }
    .bottom.newsletter {
        width: 100%;
    }
    .bottom.newsletter .newsletter {
        width: 100%;
        max-width: 100%;
        margin: auto;
        padding: 40px 0px;
    }
    .bottom.newsletter .newsletter {
        max-width: 100%;
    }
    .neswletter-block {
        width: 100%;
    }
    .block.block-customer-login {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid #888;
    }
    .actions-toolbar a.action.remind {
        position: relative;
    }
    .neswletter-block {
        width: 100%;
    }
    .form.create.account.form-create-account {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 5rem;
    }
    .form.create.account.form-create-account fieldset.fieldset.additional_info {
        margin: auto;
        display: contents;
    }
    .form.create.account.form-create-account fieldset.fieldset.create.account {
        margin-bottom: 0;
    }
    .form.create.account.form-create-account fieldset.fieldset.create.info {
        margin-bottom: 0;
    }
}