/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:* http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web,please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
 
/* Reset ================================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
body.rtl {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

body.rtl .block-title-tabs h3.title {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

body.rtl input {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

body .header {
    background-color: #fff;
    position: relative;
    padding-top: 0;
}

.top-header {
    padding: 10px 0;
    background: #00af66;
}

.header-content {
    padding-top: 10px;
}

.top-header .d-flex {
    justify-content: space-between;
    align-items: center;
}

.header-msg p {
    margin: 0;
}

.top-header .header-wishlist a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.top-header .header-wishlist a i {
    font-size: 22px;
}

body .page-header a:hover {
    color: #000;
}

body .wpb_wrapper_main {
    background-size: 100% 100%;
    padding: 110px 0;
}

body .header .wish-list {
    margin: 0 !important;
}

body .static-home-slide .slick-slide .caption4 a {
    background-color: #19ae68;
    border: 2px solid #19ae68;
}

body .slick-dots li:hover button, .slick-dots li.slick-active button,
body .slick-dots li.slick-active button {
    background-color: #19ae68;
    border-color: #19ae68;
}

body .labelsale {
    background-color: #19ae68;
}

body .product-label .sticker.top-right:after {
    border-color: #19ae68;
}

body .deal_product .alo-count-down .countdown {
    background-color: #66dda6;
}

body .deal_product .alo-count-down .countdown .timer-box:not(:last-child) {
    border-bottom: 1px solid #66dda6;
}

body .price-box .special-price .price {
    color: #06b367;
}

body .price-box .price-container .price {
    color: #06b367;
}

body .labelnew {
    background-color: #66dda6;
}

body .product-label .sticker.top-left:after {
    border-color: #66dda6;
}

body .shop-category .categories .item .category-name button.shop-now {
    background-color: #66dda6;
    border: 2px solid #66dda6;
}

body .deal_product .products.wrapper.grid .product-item .product-item-info button.button:hover {
    background-color: #7de0ec;
    border-color: #7de0ec;
}

body .products.wrapper.grid .product-item .product-item-info .product-item-details .price-box .special-price .price {
    color: #06b367;
}

body .actions-primary button.action {
    background-color: #00af66;
    border-color: #00af66;
}

body .actions-primary button.action:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body button.button:hover, button:hover, .cart .continue:hover, 
body .actions-toolbar .primary a.action:hover, 
body .block-compare .action.clear:hover {
    color: #ffffff;
    background-color: #00b161;
    border-color: #00b161;
}

body .deal_product .item .product-name a.product-item-link:hover {
    color: #00b161;
}

body .cms-blog-home.static-blog .post-info .content-inner .post-read-more {
    border: 2px solid #06b367;
    background-color: #06b367;
} 

body .ui-slider .ui-slider-range {
    background-color: #00af66;
}

body .ui-slider-handle {
    background-color: #00b161;
}

body .header .minicart-wrapper .component-wrapper div.minprogress .minprogress-active {
    background-color: #66dda6;
}

body .header .minicart-wrapper .block-minicart .block-content .actions .action.viewcart:hover, 
body .header .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body .deal_product .products.wrapper.grid .product-item .product-item-info button.button:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body .page-footer .block-footer-bottom {
    background: #00af66;
}

body .page-footer .block-content .ovic-iconbox li .title {
    color: #fff;
}

body .page-footer .block-content .ovic-iconbox li .content,
body .page-footer .block-content ul li a  {
    color: #fff;
}

body .page-footer .footer-question {
    color: #fff;
}

body .page-footer .block-subscribe .visible {
    margin-top: 15px;
}

body .page-footer .block-subscribe .visible .control input.input-text {
    background: #66dda6;
    color: #fff;
}

body .page-footer .block-subscribe .visible .control input.input-text::placeholder {
    color: #fff;
}

body .page-footer .block-subscribe .visible .actions button {
    color: #00b161;
}

body .page-footer .block-subscribe .visible .actions button:hover {
    color: #fff;
}


body .page-title-wrapper.product .page-title,
body .product-info-main .attribute .value,
body .product-info-main .attribute.sku .type  {
    color: #000;
}

body .products.wrapper.list .stock label, 
body .stock label {
    color: #000;
}

body .page-footer .socials .social-link span.fa,
body .page-footer .socials .social-link span.fa:hover {
    color: #fff;
}

body .page-footer {
    color: #fff;
}

body .page-footer .footer-title {
    color: #fff;
}

.footer-links-company span {
    color: #000;
}

body .magicslider .slick-arrow.slick-prev, 
body .magicslider .slick-arrow.slick-next {
    border-color: #66dda6;
}

body .magicslider .slick-arrow.slick-prev:hover, 
body .magicslider .slick-arrow.slick-next:hover {
    background: #66dda6;
}

body .static-home-slide .magicslider .slick-arrow:before {
    color: #66dda6;
}

body .static-home-slide .magicslider .slick-arrow:hover:before {
    color: #fff;
}

body .magicslider .slick-arrow.slick-prev:hover, 
body .magicslider .slick-arrow.slick-next:hover {
    border-color: #00b161;
}

body .deal-progress-bar {
    background-color: #66dda6 !important;
}

body .stickyCart {
    background-color: #66dda6;
}

body .stickyCart .stickyChild .contentShow .clSticky #btnSticky {
    background-color: #00af66;
    border-color: #00af66;
}

body .stickyCart .stickyChild .contentShow .clSticky #btnSticky:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body.catalog-product-view .product.detailed .items-tabs .data.title:before {
    border-bottom: solid 2px #00b161;
}

body #popup-newsletter .block-content button.button, 
body .modal-popup.modals-ajaxcart .popup .actions>* button {
    background-color: #00b161;
    border-color: #00b161;
}

body #popup-newsletter .block-content button.button:hover, 
body .modal-popup.modals-ajaxcart .popup .actions>* button:hover {
    background-color: #66dda6;
    border-color: #66dda6;
}

body.checkout-cart-index .cart-totals .grand.totals .price {
    color: #00b161;
}

body.checkout-cart-index .cart.main.actions .action {
    background-color: #00af66;
    border-color: #00af66;
}

body.checkout-cart-index .cart.main.actions .action:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body.checkout-cart-index .cart.main.actions .action.clear, 
body.checkout-cart-index .cart.main.actions .action.update {
    background-color: #00af66;
    border-color: #00af66;
}

body.checkout-cart-index .cart.main.actions .action.clear:hover, 
body.checkout-cart-index .cart.main.actions .action.update:hover {
    background-color: #00b161;
    border-color: #00b161;
}

body .cart-container .checkout-methods-items .action.primary:hover {
    background-color: #00af66;
    border-color: #00af66;
}

body.checkout-cart-index .cart-container .checkout-methods-items .action.primary {
    background-color: #00af66;
    border-color: #00af66;
}

body.checkout-cart-index .cart-container .checkout-methods-items .action.primary:hover {
    background-color: #00b161;
    border-color: #00b161;
}
body .header .minicart-wrapper .showcart .minicart-text .cart-title {
    color: #000;
}

body .actions-toolbar > .primary .action, 
body.checkout-index-index .checkout-container .authentication-wrapper .action-auth-toggle {
    background-color:#66dda6;
    border-color: #66dda6;
    color: #000;
}

body .actions-toolbar > .primary .action:hover, 
body.checkout-index-index .checkout-container .authentication-wrapper .action-auth-toggle:hover {
    background-color: #00b161;
    border-color: #00b161;
    color: #fff;
}

body.checkout-index-index .opc-block-summary .subtotal .cart-price .price,
body.checkout-index-index .table-totals .grand.totals .price {
    color: #00b161;
}

body.onestepcheckout-index-index .form-discount .actions-toolbar .primary .action-apply, 
body.onestepcheckout-index-index .onestepcheckout-place-order-wrapper .place-order-primary button.primary.checkout {
    background-color: #00af66;
    border-color: #00af66;
}

body.onestepcheckout-index-index .onestepcheckout-place-order-wrapper .place-order-primary button.primary.checkout:hover {
    background-color: #00b161;
    border-color: #00b161;
    color: #fff;
}

body.onestepcheckout-index-index .checkout-step-sidebar .discount-code .form-discount .actions-toolbar .primary .action-apply {
    background-color:#66dda6;
    border-color: #66dda6;
    color: #000;
}

body.onestepcheckout-index-index .checkout-step-sidebar .discount-code .form-discount .actions-toolbar .primary .action-apply:hover {
    background-color: #00b161;
    border-color: #00b161;
    color: #fff;
}

body .customer-account-login .actions-toolbar > .secondary .action, 
body .customer-account-create .actions-toolbar > .secondary .action {
    color: #000;
}

body .customer-account-login .actions-toolbar > .secondary .action:hover, 
body .customer-account-create .actions-toolbar > .secondary .action:hover {
    color: #00af66;
}

body .control.captcha-image button {
    background-color:#66dda6;
    border-color: #66dda6;
    color: #000;
}

body .control.captcha-image button:hover {
    background-color: #00b161;
    border-color: #00b161;
    color: #fff;
}

body .form-create-account .fieldset .legend:before {
    border-bottom: solid 2px #00b161 !important;
}


body.customer-account-index .column.main .block .block-content .box .box-title, 
body.sales-order-view .column.main .block .block-content .box .box-title, 
body.customer-address-index .column.main .block .block-content .box .box-title {
    background-color: #66dda6;
    border: 1px solid #66dda6;
    color: #000;
}

body .block-collapsible-nav .item.current a, 
body .block-collapsible-nav .item.current strong {
    color: #00af66;
}

body .sidebar.sidebar-main .block-collapsible-nav .nav.items .item.current,
body.rtl .sidebar.sidebar-main .block-collapsible-nav .nav.items .item.current {
    border-right: 2px solid #00b161;
}

body .block-collapsible-nav .item a:hover {
    color: #00af66;
}

body .header .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item .product-item-details .product-item-pricing .details-qty {
    display: flex;
    align-items: center;
    letter-spacing: 0;
    gap: 5px;
}

body .header .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item .product-item-details .product-item-pricing .details-qty label {
    width: auto;
}

body .header .search-area .form-search .action.search {
    background-color: #00af66;
}

.rtl .block-search.brand-search .form-search .field.search .actions {
    right: unset;
    left: 0;
}

.rtl .block-search.brand-search .form-search .field.search .control-search input {
    padding-left: 40px;
    padding-right: 20px;
    font-family: "Noto Kufi Arabic", sans-serif;
}

body .block-search.brand-search .form-search .field.search .actions .action {
    width: 45px;
    border-color: #00b161;
}

.onestepcheckout-index-index.rtl .checkout-step-sidebar .minicart-items-wrapper .product-item .product .product-item-details .details-qty .label {
    margin-right: 0;
    margin-left: 8px;
}

.rtl.page-layout-1column.page-with-filter .block.filter .block-title.filter-title strong, 
.rtl.page-layout-1column-full-width.page-with-filter .block.filter .block-title.filter-title strong {
    right: auto;
    left: 0;
}

body .toolbar .pages .items .item.current .page, .toolbar .pages .items .item:hover .page, 
body .toolbar .pages .items .item.current .action, .toolbar .pages .items .item:hover .action,
body .toolbar .pages .items .item.current .page, .toolbar .pages .items .item:hover .page, .toolbar .pages .items .item.current .action, 
body .toolbar .pages .items .item:hover .action {
    background-color: #00b161;
    border-color: #00b161;
}

.rtl .product-next-prev {
    float: left;
}

.rtl .product-social-links .product-addto-links a span:before {
    padding-right: 0;
    padding-left: 5px;
}

body.rtl .product-items .product-item {
    float: left ;
}

body .product-add-form .product-social-links .product-addto-links .action:hover, 
body .product-view .product-social-links .product-addto-links .towishlist:hover:before, 
body .product-social-links .action.tocompare:hover:before, 
body .product-item .tocompare:hover:before {
    color: #00af66;
}

body .product-social-links .product-addto-links .free-ship {
    color: #00b161;
}

body .fotorama-item .fotorama__active .fotorama__dot {
    background-color: #00b161;
    border-color: #00b161;
}

.img-static-insta .flow {
    background-color: #66dda6;
}

.rtl .deal_product .link-view {
    right: auto;
}

.rtl .all-cat {
    text-align: right;
}

body.rtl .searchsuite-autocomplete {
    right: 0;
    left: auto;
}

body .accordion-container .all-cat span {
    background-color: #66dda6;
}

body .accordion-container .all-cat span:hover {
    background-color: #00b161;
    color: #fff;
}

.rtl .accordion-container .all-cat span:before {
    right: auto;
    left: 25px;
}

.rtl #html-body .sidebar .magicproduct .block-title-tabs .magictabs {
    padding: 0;
}

body .block.filter .filter-options-item .filter-options-title:before {
    color: #000;
}

.page-layout-2columns-left .modal-popup.modals-quickview .columns, 
.page-layout-2columns-left .modal-popup.modals-quickview .column.main,
.page-layout-2columns-right .modal-popup.modals-quickview .columns, 
.page-layout-2columns-right .modal-popup.modals-quickview .column.main {
    padding-bottom: 0;
    width: 100% !important;
}

body.toolbar .sorter {  
    margin-right: auto;
}

body.rtl .toolbar .sorter {
    margin-left: auto;
    margin-right: 0;
}

.header .dropdown-link a {
    font-size: 22px;
}

.page-footer .footer-question {
    font-size: 16px;
}

.page-footer .block-content .ovic-iconbox li .title {
    font-size: 16px;
}

.page-footer .block-content .ovic-iconbox li .content {
    font-size: 16px;
}

.page-footer .block-content ul li a {
    font-size: 16px;
}

body .header .wish-list .toggle-content {
    text-align: left;
    right: unset;
    left: 0;
}

@media screen and (min-width: 1024px) { 
    body .nav-sections div#switcher-language-nav {
        display: none !important;
    }
}

body.rtl .post-list .post-info {
    padding: 0 25px 0 0;
}

body.rtl .post-list .post-image .post-category {
    right: 0;
    left: unset;
}


body.rtl .header .wish-list .toggle-content {
    right: 0;
    left: unset;
    text-align: right;
}

body.rtl .post-list .post-image .post-category a {
    margin: 0 0px 0 5px;
}

body.rtl .post-read-more:after {
    padding-right: 5px;
    padding-left: 0;
}

body.rtl .products.wrapper.grid .product-item .product-item-info:hover .product-hover .tool-action-product {
    left: 0;
}
 
.footer-links-company {
    display: none;
}

li.item.review-item {
    display: flex;
    flex-direction: column;
}

body .header .wish-list .toggle-content .top-form-language div[id*=switcher-]>strong:before, 
body .header .wish-list .toggle-content .currency_top div[id*=switcher-]>strong:before {
    margin-right: 0;
    margin-left: 5px;
    float: right;
    transform: rotate(180deg);
}

body.rtl .header .wish-list .toggle-content .top-form-language div[id*=switcher-]>strong:before, 
body.rtl .header .wish-list .toggle-content .currency_top div[id*=switcher-]>strong:before {
    float: left;
    margin-right: 0;
    margin-left: 5px;
    transform: rotate(180deg);
}

body .header .wish-list .toggle-content .top-form-language .switcher-dropdown, 
body .header .wish-list .toggle-content .currency_top .switcher-dropdown {
    right: unset;
    left: 100%;
    margin-right: 0;
    margin-left: 12px;
}

.header .wish-list .toggle-content.visible {
    z-index: 810;
}

body.rtl .header .wish-list .toggle-content .top-form-language .switcher-dropdown, 
body.rtl .header .wish-list .toggle-content .currency_top .switcher-dropdown {
    left: unset;
    right: 100%;
    margin-left: 0;
    margin-right: 12px;
}

.catalog-product-view .static_sections_top {
    display: none;
}

.catalog-product-view .product-next-prev {
    display: none;
}

.product-info-main .product-reviews-summary {
    display: none;
}

.onestepcheckout-index-index .checkout-shipping-method .delivery-time,
.onestepcheckout-place-order-block.checkout-comment-block {
    display: none;
}

body .header .search-area {
    margin-left: 20px;
}

.checkout-index-index .checkout-container .authentication-wrapper {
    display: flex;
}

.checkout-index-index .checkout-container .authentication-wrapper .action-auth-toggle {
    display: flex;
    align-items: center;
}

.onestepcheckout-index-index .checkout-step-sidebar .discount-code .form-discount .actions-toolbar {
    margin: 0;
}

.rtl .page-title-wrapper .page-title {
font-family: "Noto Kufi Arabic", sans-serif;
}

.rtl .slick-next:before {
    content: "\f105";
}

.rtl .slick-prev:before {
    content: "\f104";
}

.rtl .deal_product .alo-count-down .countdown .timer-box span {
    font-size: 16px;
}

.rtl .deal_product .alo-count-down .countdown .timer-box span.title {
    margin: 0;
}

.header .dropdown-link a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

.header .dropdown-link a i {
    font-size: 22px;
}

body .magicmenu .nav-desktop .level0 .level-top span, 
body .magicmenu .nav-desktop .level0 .level-top span.icon-text {
    font-size: 15px;
}

.customer-account-login main#maincontent {
    max-width: 100%;
}

.customer-account-login .page-title-wrapper {
    display: none;
}

.login-container {
    display: flex;
}

body .login-container {
    margin-top: 55px;
    margin-bottom: 55px;
}

body .login-container .block-customer-login.block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    background: #f5f5f9;
    padding: 90px 30px;
    border-radius: 50px 0px 0px 50px;
}

body .login-container .block-customer-login.block .block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 90%;
    margin: auto;
    background: #fff;
    padding: 40px;
    border-radius: 25px;
    border: 10px solid #22C473;
    border-top: 0;
    border-right: 0;
}

body .login-container .block-customer-login.block .block-content {
    border-right: 10px solid #22C473;
    border-left: 0;
}

body .login-container .block .block-title strong, 
body .form-create-account .block-title strong {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 28px;
    text-align: center;
    color: #19AE68;
}

.customer-account-login .actions-toolbar, 
.customer-account-create .actions-toolbar {
    flex-direction: column;
}

.customer-account-login .actions-toolbar .primary, 
.customer-account-create .actions-toolbar .primary {
    width: 100%;
    margin-bottom: 20px;
}

.login-container .actions-toolbar .action.login, 
.login-container .actions-toolbar .action.create {
    width: 100%;
    margin: 0;
}

.create-account  {
    margin: 0;
    padding: 0;
}

.create-account a {
    text-decoration: underline;
}

.start-new-customer-block {
    width: 50%;
    padding: 0 50px;
}

.start-new-customer-block .block-title {
    color: #28a745;
    font-size: 68px;
    padding: 50px;
    padding-bottom: 60px;
}

.start-new-customer-block img {
    width: 65%;
}

body .deal_product .item .price-box {
    height: 35px;
    margin-bottom: 40px;
}

body .deal_product .item .price-box .price {
    font-size: 14px;
}

body .deal_product .item .product-name a.product-item-link {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
}

body .deal_product .products.wrapper.grid .product-item .product-item-info button.button {
    color: #000;
    border: 2px solid #000;
    padding: 0 10px;
    height: 45px;
    line-height: 41px;
    width: 100%;
}

body .deal_product .products.wrapper.grid .product-item .product-item-info button.button span {
    font-size: 11px;
}

.header .minicart-wrapper .showcart .minicart-text .price {
    display: none;
}

.cms-product-home.deal_product .block-title-tabs,
.cms-product-home.featured-products .block-title-tabs,
.cms-product-home.featured-products {
    background-image: none;
}

.block-title-tabs h3.title {
    text-align: left;
}

body.rtl .block-title-tabs h3.title {
    text-align: right;
}

.block-title-tabs p {
    max-width: 100%;
    text-align: left;
}

body.rtl .block-title-tabs p {
    text-align: right;
}

.custom-banner img {
    width: 100%;
}

.magicslider .slick-slide .item img {
    width: 100%;
}

.shop-category .category-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
}

body.rtl .shop-category .categories .item .category-name span {
    font-size: 22px;
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

body .magepow-categories-grid, 
body .magepow-categories-list {
    display: flex;
}

body.rtl .magepow-categories-grid, 
body.rtl .magepow-categories-list {
    text-align: right;
}

body .magepow-categories-list .magepow-categories-category-image {
    width: 100%;
}

body .magepow-categories-list .magepow-categories-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

body .magepow-categories-list .magepow-categories-category-name, 
body .magepow-categories-list .magepow-categories-category-description {
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

body .magepow-categories-grid .btn-link, 
body .magepow-categories-list .btn-link {
    display: none;
}

body.rtl .products.wrapper.grid .product-items .product-item {
    float: right;
}

body.cms-index-index .products.wrapper.grid .product-item:hover .images-container {
    padding-bottom: 60px;
}

body.products.wrapper.grid .product-item .product-item-info .product-item-description {
    display: none;
}

body [data-content-type=faq] {
    border: none;
    padding: 0;

    [data-content-type=faq-item] {
        cursor: pointer;
        border: none !important;
        border-bottom: 1px solid #DDE5ED !important;
        padding: 0 !important;

        h3 {
            &[data-element="question"] {
                font-size: 24px !important;
                padding: 15px 20px ! important;
                @media only screen and (max-width: 500px) {
                    font-size: 16px !important;
                    padding: 15px 0 ! important;
                }

                @media only screen and (max-width: 780px) {
                    font-size: 18px;
                }
            }
            &[aria-expanded="true"] {
                color: #19AE68 !important;
            }
        }

        [data-role="collapsible"] {
            &::before {
                right: 20px;
                left: unset;
            }
        }

        [data-element="answer"] {
            width: 100%;
            padding: 0 20px !important;
            @media only screen and (max-width: 500px) {
                padding:  0 ! important;
            }
        }

        [data-role=content] {
            margin: 0;
            &[aria-hidden="false"] {
                display: block !important;
                
            }

            p {
                a {
                    text-decoration: underline;
                    color: #00af66;
                }
            }
        }
    }
}

body.rtl {
    body [data-content-type=faq] {
        [data-content-type=faq-item] {
            [data-role="collapsible"] {
                &::before {
                    right: 20px;
                    left: unset;
                }
            }
        }
    }
}

body .shop-category {
    background-image: url('../images/alothemes/green_img-static-after-slide.jpg');
    margin-top: 0;
}

.shop-category .categories .item > a {
    background: #fff;
}

body .cms-index-index .cms-product-home .products.wrapper .slick-list {
    padding-bottom: 215px;
}
body .shop-category ul.categories {
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 0;
}
.magicslider img {
    width: 100%;
}

@media screen and (min-width: 1199px) {
    .header .content-logo {
        order: -1;
    }

    .header .magicmenu .nav-desktop .level0 .level-top:before {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    body .close-menu {
        background: #00af66;
    }
    
    body.nav-open .nav-sections-item-title a:before,
    body .nav-sections .navigation-mobile ul li a {
        color: #000;
    }

    body.nav-open .nav-sections-item-title:hover a:before, 
    body.nav-open .nav-sections-item-title.active a:before {
        color: #00b161;
    }

    .start-new-customer-block .block-title {
        font-size: 50px;
        padding: 30px;
    }
}


@media screen and (max-width: 767px) {
    .header .dropdown-link {
        display: inline-block;
    }

    .header .dropdown-link a {
        font-size: 0;
        margin: 0;
        gap: 0;
    }
    body .shop-category ul.categories {
        padding: 0;
    }
    .customer-account-login main#maincontent {
        padding: 0;
    }

    body .login-container {
        flex-direction: column;
        padding: 0;
    }

    body .login-container .block-customer-login.block {
        border-radius: 0px;
        padding: 65px 0px;
        width: 100%;
    }

    body .login-container .block .block-title strong, 
    body .form-create-account .block-title strong {
        font-size: 20px;
    }

    body .login-container .block-customer-login.block .block-content {
        max-width: 85%;
        padding: 35px 20px;
    }

    .start-new-customer-block {
        width: 100%;
        padding: 0px 35px;
    }

    .start-new-customer-block .block-title {
        font-size: 28px;
        padding: 20px;
    }

    .customer-account-login .actions-toolbar>.secondary, 
    .customer-account-create .actions-toolbar>.secondary {
        margin: 0;
        text-align: center;
    }

    body .products.wrapper.grid .product-item .product-item-info button.button {
        padding: 0px 15px;
        font-size: 12px;
    }

    body .shop-category .categories .item .category-name button.shop-now {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .block-collapsible-nav .content {
        background: #fff;
    }
}

@media screen and (max-width: 480px) {
    body.cms-index-index .cms-product-home .products.wrapper .slick-list {
        margin-bottom: -140px;
    }
}


/* Contact Page Styles ================================================================================= */
.contact-content {
    width: 100%;
    margin: 0;
}
.request-box {
    background: #fff;
    padding: 25px;
    border: 10px solid #FBD19D;
    border-radius: 25px;
    border-top: 0;
    border-left: 0;
}

.request-box .title {
    color: #19AE68;
    font-size: 36px;
    border-bottom: 1px solid #DDE5ED;
    padding: 0 0 15px;
    margin-bottom: 25px;
}

.contact-index-index .page-title-wrapper {
    display: none;
}

.contact-index-index [data-content-type="faq"] {
    border: none;
}

.cms-about-us .page-wrapper,
.contact-index-index .page-wrapper {
    background: #F5F5F9;
}

.cms-about-us .page-main,
.contact-index-index .page-main {
    background: #F5F5F9;
    max-width: 100%;
}

.contact-index-index .block-map {
    display:none;
}

.contact-faq {
    padding: 0 5% 65px !important;
}

.cms-about-us .gu-padding-section,
.contact-index-index .gu-padding-section {
    padding: 65px 5% !important;
}

.cms-about-us .gu-padding-section-30-5,
.contact-index-index .gu-padding-section-30-5 {
    padding: 30px 5%;
}

.cms-about-us .gu-margin-section,
.contact-index-index .gu-margin-section {
    margin: 65px 5% !important;
}

.cms-about-us .gu-margin-section-top-0,
.contact-index-index .gu-margin-section-top-0 {
    margin-top: 0px !important;
}

.cms-about-us .gu-margin-section-right-10,
.contact-index-index .gu-margin-section-right-10 {
    margin-right: 10px !important;
}

.cms-about-us .gu-padding-section-top-bottom,
.contact-index-index .gu-padding-section-top-bottom {
    padding: 65px 0px !important;
}

.cms-about-us .gu-padding-section-top-0,
.contact-index-index .gu-padding-section-top-0 {
    padding-top: 0px !important;
}

.cms-about-us .gu-padding-top-50,
.contact-index-index .gu-padding-top-50 {
    padding-top: 50px !important;
}

.health-content {
    font-size: 23px;
}
@media only screen and (max-width: 1540px) {
    .health-content > h1, .about-title-9-inner, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 57px;
    }
}

.health-content > h1 {
    font-size: 61px;
    color: #19AE68;
        font-weight: 700;
}

.health-image {
    border-radius: 25px;
    overflow: hidden;
    padding: 0;
    border-top: 0;
    border-right: 0;
    box-shadow: -10px 10px #9CDbE7 !important;
}
.health-image img {
    max-width: 100%;
    height: auto;
}
.better-life-section {
    text-align: center;
    background-image: url('../images/about-06.png');
    background-size: cover;
    background-position: center;
    background-color: #FFF;
}
.rotating-text-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.body.rtl .marquee-wrapper {
    animation-direction: reverse;
}
.marquee-wrapper {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 20s linear infinite;
}
@keyframes marquee {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-50%);
   }
}

@media only screen and (max-width: 1540px) {
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 128px;
    }
}

.better-life-section .title {
    display: inline-block;
    font-size: 155px;
    font-weight: bold;
    color: #19AE68;
}

.better-life-stats {
    direction: ltr;
}

.better-life-stats div {
    font-size: 67px;
    color: #19AE68;
    position: relative;
    line-height: 55px;
    font-weight: 700;
}

.better-life-stats span {
    display: block;
    font-size: 21px;
    font-weight: normal;
    color: #000;
}

.better-life-stats > div:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #000;
}

.better-life-images {
    display: flex;
    justify-content: space-around;
    margin: 65px 5%;
}
body.rtl .better-life-images {
    direction: ltr;
}

.better-life-images img.green-border {
    border: 10px solid #50C878;
    border-top: 0;
    border-left: 0;
}

.better-life-images img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 32px;
}

.better-life-images img.yellow-border {
    border: 10px solid #F1EAA0;
    border-bottom: 0;
    border-right: 0;
}

.reviews-section {
    background-color: #19AE68;
    color: #fff;
    text-align: center;
    direction: ltr;
}

.reviews-section .title {
    font-size: 51px;
    margin-bottom: 65px;
    text-align: left;
}
body.rtl .reviews-section .title {
    text-align: right;
}

.rating-card {
    background-color: white;
    color: #333;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}

.rating-card img {
    width: 175px;
    margin: 2rem auto 10px;
}

.rating-card .stars {
    color: #F9AD00;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 34px;
}

.overall-rating .fa.fa-star.checked, 
.overall-rating .fa.fa-star-o, 
.overall-rating .fa.fa-star-half-o.checked {
    font-size: 33px;
}

.fa.fa-star, .fa.fa-star.checked, 
.fa.fa-star-o, 
.fa.fa-star-half-o.checked {
    color: #ffc107 !important;
    font-size: 22px;
    padding-right: 5px;
}

.rating-card .stars > p {
    margin-left: 10px;
}

.btn-prev-2, .btn-next-2 {
    padding-right: 2px;
    padding-top: 12px;
    text-decoration: none;
    background: #00B161;
    border: 1px solid #FFFFFF;
    width: 60px;
    display: inline-grid;
    height: 60px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 35px;
    color: #FFFFFF;
    transition: all 0.4s ease;
}
.about-customer-review-carousal:not(.slick-initialized) {
    display: none;
}

.about-customer-review-carousal .slick-slide {
    padding: 0 10px;
}

.about-customer-review-carousal .item {
    background: #fff;
    padding: 20px 25px;
    border-radius: 25px;
    border: 10px solid #22C473;
    border-left: 0;
    border-top: 0;
    text-align: left;
    height: 28rem;
}

body.rtl .about-customer-review-carousal .item {
    border: 10px solid #22C473;
    border-top: 0px;
    border-right: 0px;
    text-align: right;
}

body.rtl .review-author-info .review-avatar, body.rtl .about-customer-review-carousal .review-avatar {
    margin-right: 0px;
    margin-left: auto;
}

.review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
    width: 60px;
    height: 60px;
    background-color: #28a745;
    color: #ffffff;
    font-size: 31px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
    text-transform: uppercase;
}
.review-author-info .review-avatar .avatar, .about-customer-review-carousal .review-avatar .avatar {
    opacity: 0.5;
}
.div-review-cust-name {
    color: #19AE68;
    font-size: 23px;
}

.div-review-details {
    color: #000;
    font-size: 15px;
    margin-top: 20px;
}

.why-shop-section {
    background-image: url('../images/about-bg.png');
    background-size: cover;
    background-position: center;
}
.why-shop-box {
    text-align: left;
}
.why-shop-box img {
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1540px) {
    .health-content > h1, .about-title-9-inner, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 57px;
    }
}

.main-page-title, .block-title-main h2, .review-carousel-container h2 {
    font-size: 45px;
    color: #19AE68;
    line-height: 80px;
    text-transform: capitalize;
    font-weight: 700;
}

.why-shop-content .sub-title {
    font-size: 41px;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: #000;
}
.why-shop-content p {
    font-size: 17px;
    margin-bottom: 10px;
    color: #000;
}
.advisors-section {
    background-color: #FFF;
}
body.rtl .advisors-section {
    direction: ltr;
}
@media only screen and (max-width: 1540px) {
    .health-content > h1, .about-title-9-inner, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 57px;
    }
}

.main-page-title, .block-title-main h2, .review-carousel-container h2 {
    font-size: 45px;
    color: #19AE68;
    line-height: 80px;
    text-transform: capitalize;
}

.main-section-title {
    margin-bottom: 65px;
}

.advisor-card {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.3s ease, border 0.4s ease;
}

.advisor-card:hover {
    border: 10px solid #22C473;
    border-top: 0;
    border-left: 0;
    background-color: #F5F5F9;
}

.advisor-card img {
    max-width: 100%;
    height: auto;
    width: 100%;
    border-radius: 10px;
}

.advisor-card .advisor-info {
    margin: 25px 0px;
    font-size: 25px;
}

.advisor-card:hover .advisor-info {
    margin: 15px 0px;
}

.advisor-card:hover .advisor-info > p, .advisor-card .hover-content {
    display: none;
}

.advisor-card:hover .hover-content {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

.btn.btn-primary, .checkout-success .action.primary, .action.primary.checkout, .action-primary.action-accept, .action.primary.action-save-address, .dashboard_page_design .column.main > .items.order-links > .nav.item > a {
    color: #fff !important;
    border-color: #19AE68 !important;
    background-color: #19AE68 !important;
    font-size: 16px !important;
    padding: 13px 30px !important;
    border-radius: 30px !important;
    font-weight: 500;
    min-width: 120px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.shared-values-section {
    background-image: url('../images/values.png');
    background-size: cover;
    background-position: center;
    text-align: center;
}

body.rtl .shared-values-section {
    direction: ltr;
}

.shared-values-section .title.main-page-title {
    text-align: center;
}

.shared-values-section .title.main-page-title {
    color: #FFFFFF;
}

.shared-values-item {
    margin-bottom: 20px;
}

.shared-values-item img {
    max-width: 100%;
    margin: 0 auto 10px;
}

.shared-values-item p {
    font-size: 23px;
    margin-top: 10px;
    color: #fff;
}

body.rtl .brand-row-outer {
    direction: ltr;
}

.brand-row .brand-grid {
    flex: 0 0 20%;
    max-width: 20%;
}

.brand-row .brand-grid .brand-item {
    background-color: #ffffff;
    margin-bottom: 15px;
    border-radius: 10px;
    transition: transform 0.5s ease, box-shadow 0.3s ease;
}

.brand-row .brand-grid .brand-item:hover {
    transform: scale(0.90);
}
.request-box .content {
    font-size: 18px;
}
.request-box .content {
    font-size: 18px;
}
.support-section {
    background-image: url('../images/still-need-help-bg.png');
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    color: white;
}
.support-section p {
    margin-bottom: 50px;
    font-size: 18px;
}
.btn-call, .btn-call:hover {
    background-color: #9cdbe7;
    color: #fff !important;
    margin-right: 1rem;
    width: 100%;
    font-size: 28px;
    height: 70px;
    border-radius: 50px;
    padding: 14px;
        border: none;
}
.btn-email, .btn-email:hover {
    background-color: #FFF;
    color: #19AE68 !important;
    margin-right: 1rem;
    width: 100%;
    font-size: 28px;
    height: 70px;
    border-radius: 50px;
    padding: 14px;
        border: none;
}
.btn-call, .btn-email {
    transition: all 0.3s ease, border 0.4s ease;
}
body.rtl .btn-call, body.rtl .btn-call:hover, body.rtl .btn-email, body.rtl .btn-email:hover {
    margin-right: 0;
}
.btn-call:hover {
    box-shadow: 6px 8px #FFF !important;
    text-decoration: none;
}
.btn-email:hover {
    box-shadow: 6px 8px #9cdbe7 !important;
    text-decoration: none;
}
.btn-support svg {
    margin-right: 0.5rem;
    width: 40px;
    height: 40px;
}
.contact-get-in-section .title {
    display: inline-block;
    font-size: 155px;
    font-weight: bold;
    color: #9CDBE7;
}
.contact-form-section .form-section {
    background-color: #DBE5ED;
    padding: 3rem;
    border-radius: 25px;
}
.contact-form-inner {
    padding-top: 40px;
    padding-left: 23px;
    padding-right: 23px;
}
.contact-form-div {
    background-color: #DBE6ED;
    border-radius: 10px;
}
.contact-form-div .fieldset {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-form-div .fieldset div.mage-error {
    margin-top: 5px;
}

.contact-form-section .form-section input, 
.contact-form-section .form-section select, 
.contact-form-section .form-section textarea {
    background-color: #E9EFF4;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    height: 50px;
    color: #BBBFC3;
    font-size: 18px;
    margin-bottom: 15px;
}
.contact-form-component {
    border-radius: 8px !important;
    background-color: #E9EFF4 !important;
}
body.contact-index-index .actions-toolbar > .primary .action {
    background-color: #00B161;
    border: 1px;
    width: max-content;
    height: fit-content;
    border-radius: 25px;
    color: #ffffff;
    transition: all 0.4s ease;
}

    .faq-header.main-section-title {
        margin-bottom: 0;
    }
@media only screen and (max-width: 1620px) {
    .about-customer-review-carousal .item {
        height: 30rem;
    }

    .about-customer-review-carousal .review-avatar {
        width: 50px;
        height: 50px;
        font-size: 28px;
    }

    .about-customer-review-carousal .review-avatar {
        width: 50px;
        height: 50px;
        font-size: 28px;
    }

    .div-review-details {
        margin-top: 15px;
    }

    .why-shop-content .sub-title {
        font-size: 38px;
    }

    .health-content > h1, 
    .about-title-9-inner, 
    .support-section h2, 
    .main-page-title, .main-page-title-00C76A {
        font-size: 63px;
    }

    .why-shop-content .sub-title {
        font-size: 38px;
    }

    .health-content > h1, .about-title-9-inner, 
    .support-section h2, .main-page-title, 
    .main-page-title-00C76A {
        font-size: 63px;
    }
    .div-review-details {
        margin-top: 15px;
    }
    
    .about-customer-review-carousal .review-avatar {
        width: 50px;
        height: 50px;
        font-size: 28px;
    }

    .health-content > h1, .about-title-9-inner, 
    .support-section h2 {
        font-size: 63px;
    }

    .better-life-section .title, 
    .contact-get-in-section .title {
        font-size: 138px;
    }
}
@media only screen and (max-width: 1540px) {
    .request-box .title {
        font-size: 32px;
    }

    .health-content > h1, .about-title-9-inner, .support-section h2 {
        font-size: 57px;
    }
}
@media only screen and (max-width: 1450px) {
    .health-content {
        font-size: 18px;
    }
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 112px;
    }
    .better-life-stats div {
        font-size: 64px;
    }
    .better-life-stats span {
        font-size: 18px;
    }
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 31px;
    }
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 31px;
    }
    .why-shop-content .sub-title {
        font-size: 36px;
    }
    .advisor-card .advisor-info {
        font-size: 28px;
    }
    .shared-values-item > img {
        width: 150px;
    }
}

@media only screen and (max-width: 1370px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .about-title-9-inner, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 53px;
    }
    .btn-prev, .btn-next, .btn-prev-2, .btn-next-2 {
        width: 55px;
        height: 55px;
    }
    .btn.btn-primary, .checkout-success .action.primary, .action.primary.checkout, .action-primary.action-accept, .action.primary.action-save-address .cart-summary .checkout.checkout-methods-items .action.primary.checkout, .dashboard_page_design .column.main > .items.order-links > .nav.item > a {
        font-size: 17px;
    }
}
@media only screen and (max-width: 1330px) {
    .health-content > h1 {
        font-size: 48px;
    }
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .about-title-9-inner, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 49px;
    }
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 98px;
    }
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 28px;
    }
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 28px;
    }
    .btn-prev, .btn-next, .btn-prev-2, .btn-next-2 {
        width: 50px;
        height: 50px;
    }
    .div-review-details {
        font-size: 14px;
    }
    .why-shop-content .sub-title {
        font-size: 28px;
    }
    .why-shop-content p {
        font-size: 16px;
    }
    .advisor-card .advisor-info {
        font-size: 24px;
    }
    .btn.btn-primary, .checkout-success .action.primary, .action.primary.checkout, .action-primary.action-accept, .action.primary.action-save-address, .cart-summary .checkout.checkout-methods-items .action.primary.checkout, .dashboard_page_design .column.main > .items.order-links > .nav.item > a {
        font-size: 15px !important;
    }
    .shared-values-item > img {
        width: 130px;
    }
        .btn-call, .btn-call:hover, .btn-email, .btn-email:hover {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1220px) {
    .btn-prev-2, .btn-next-2 {
        width: 45px;
        height: 45px;
        padding-top: 4px;
    }
}

@media only screen and (max-width: 1150px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 39px;
    }
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 83px;
    }
    .advisor-card .advisor-info {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1100px) {
    body.rtl .review-author-info .review-avatar, body.rtl .about-customer-review-carousal .review-avatar {
            margin-left: auto;
        margin-right: 0px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        margin-left: 0;
        margin-right: 10px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        width: 50px;
        height: 50px;
        font-size: 25px;
        margin-right: 10px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        width: 50px;
        height: 50px;
        font-size: 25px;
        margin-right: 10px;
    }
    .advisor-card .advisor-info {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1050px) {
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 22px;
    }
    .overall-rating .fa.fa-star.checked, .overall-rating .fa.fa-star-o, .overall-rating .fa.fa-star-half-o.checked, .rating-card .stars {
        font-size: 22px;
    }
    .btn-prev-2, .btn-next-2 {
        width: 42px;
        height: 42px;
        padding-top: 3px;
        margin-right: 5px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 1000px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .main-page-title, .main-page-title-00C76A {
        font-size: 31px;
    }
    .btn.btn-primary, .checkout-success .action.primary, .action-primary.action-accept, .action.primary.action-save-address, .dashboard_page_design .column.main > .items.order-links > .nav.item > a {
        font-size: 15px !important;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 850px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 31px;
    }
    .cms-about-us .gu-margin-section,
    .contact-index-index .gu-margin-section {
        margin: 39px 5% !important;
    }
    .cms-about-us .main-section-title, 
    .contact-index-index .main-section-title 
    .reviews-section .title {
        margin-bottom: 39px;
    }
        .btn-call, .btn-call:hover, .btn-email, .btn-email:hover {
        font-size: 20px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 800px) {
    .advisor-card .advisor-info {
        padding: 10px;
    }
}

@media only screen and (max-width: 780px) {
       .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .main-page-title, .main-page-title-00C76A {
        font-size: 27px;
    }
    .reviews-section .customer-grid-view {
        padding-top: 15px !important;
    }
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 64px;
    }
    .better-life-stats div {
        font-size: 38px;
    }
    .better-life-stats span {
        font-size: 12px;
    }
    .why-shop-content .sub-title {
        font-size: 24px;
    }
    .advisor-card .advisor-info, .shared-values-item p {
        font-size: 16px;
    }
    .shared-values-item > img {
        width: 110px;
    }

    .btn-call, .btn-call:hover, .btn-email, .btn-email:hover {
        font-size: 18px;
        padding: 15px 20px;
        line-height: 28px;
        height: 60px;
    }

}
@media (max-width: 768px) {
    .btn.btn-primary, .checkout-success .action.primary, .action-primary.action-accept, .action.primary.action-save-address, .dashboard_page_design .column.main > .items.order-links > .nav.item > a {
        font-size: 14px !important;
    }

    .contact-index-index .fix-width.store-primary.col-sm-12 {
        padding: 0;
    }

    .contact-faq {
        padding: 0 5% 30px !important;
    }
}
@media (max-width: 767px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .main-page-title, .main-page-title-00C76A {
        font-size: 25px;
    }
.shared-values-section .row > .col-md-3, .advisors-section .row > .col-md-6, .better-life-images.row > .col-md-3, .better-life-stats.row > .col-md-3 {
        width: 50%;
    }
    .btn-prev, .btn-next, .btn-prev-2, .btn-next-2 {
        width: 40px;
        height: 40px;
    }
        .btn-email {
        padding: 20px;
    }
    .btn-email {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 639px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .reviews-section .title, .main-page-title, .main-page-title-00C76A {
        font-size: 23px;
    }
    .better-life-stats span {
        font-size: 10px;
    }
    .better-life-images.row > .col-md-3 {
        padding: 5px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        width: 40px;
        height: 40px;
        font-size: 21px;
        margin-right: 5px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        width: 40px;
        height: 40px;
        font-size: 21px;
        margin-right: 5px;
    }
    .brand-row-outer .row .brand-grid.col-md-3, .div-shopbrand .row .brand-grid.col-md-3, .brand-grid {
    flex: 0 0 50%;
    max-width: 50%;
    }

    .contact-index-index .page-main {
        background: #F5F5F9;
        max-width: 100%;
        padding: 0;
    }

    .cms-about-us .page-wrapper, .contact-index-index .page-wrapper {
        background: #F5F5F9;
        padding: 0;
    }
    .cms-about-us .gu-padding-section, .contact-index-index .gu-padding-section {
        padding: 30px 5% !important;
    }
    .cms-about-us .gu-margin-section, .contact-index-index .gu-margin-section {
        margin: 30px 5% !important;
    }
}
@media only screen and (max-width: 600px) {
    body.rtl .review-author-info .review-avatar, body.rtl .about-customer-review-carousal .review-avatar {
            margin-left: auto;
        margin-right: 0px;
    }
    .review-author-info .review-avatar, .about-customer-review-carousal .review-avatar {
        margin-left: 0;
        margin-right: 5px;
    }
}
@media only screen and (max-width: 500px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .reviews-section .title, .main-page-title, .main-page-title-00C76A {
        font-size: 21px;
    }
    .health-content {
        font-size: 14px;
    }
    .cms-about-us .gu-margin-section,
    .contact-index-index .gu-margin-section {
        margin: 30px 5% !important;
    }
    .better-life-section .title, .contact-get-in-section .title {
        font-size: 38px;
    }
    .better-life-stats div {
        font-size: 21px;
        line-height: 31px;
    }
    .div-review-cust-name {
        font-size: 18px;
    }
    .div-review-details {
        margin-top: 5px;
        font-size: 14px;
    }

        .contact-request-container .col-md-4 {
        margin-bottom: 15px;
    }
    .btn-email {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 420px) {
    .hero-section h1, .block-title-main h2, .review-carousel-container h2, .health-content > h1, .support-section h2, .reviews-section .title, .main-page-title, .main-page-title-00C76A {
        font-size: 18px;
    }
}

@media only screen and (max-width: 395px) {
    .btn-call, .btn-call:hover, .btn-email, .btn-email:hover {
        font-size: 15px;
    }

}

.product-social-links .product-addto-links a.towishlist span {
    display: flex;
    align-items: center;
    gap: 5px;
}
.onestepcheckout-index-index .place-order-primary button.action.primary.checkout {
    padding: inherit !important;
}

.select2-container--default .select2-selection--single {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}
button.button, button, .cart .continue, .actions-toolbar .primary a.action, button:focus {
    background: #00b161;
    color: #000;
}

#social-login-popup .social-login #bnt-social-login-authentication, #social-login-popup .forgot .primary button, #social-login-popup .create .primary button, #social-login-popup .fake-email .primary button {
    background-color: #00b161;
    border: #00b161;
}

[name="shippingAddress.street.1"] , [name="shippingAddress.street.2"],[name="shippingAddress.country_id"],
[name="shippingAddress.region_id"]
{
display: none !important;
}