.container, .wp-block, .col-half-section, .elementor-section {
    --porto-container-width: 1140px
}
.flex-gap {
    gap: 359px;
    display: flex;

}

:root {
    --porto-grid-gutter-width: 30px;
    --porto-color-dark: #1d2127;
    --porto-primary-color: #d89505;
    --porto-primary-color-inverse: #ffffff;
    --porto-secondary-color: #003353;
    --porto-secondary-color-inverse: #ffffff;
    --porto-tertiary-color: #2baab1;
    --porto-tertiary-color-inverse: #ffffff;
    --porto-quaternary-color: #383f48;
    --porto-quaternary-color-inverse: #ffffff;
    --porto-dark-color: #212529;
    --porto-dark-color-inverse: #ffffff;
    --porto-light-color: #ffffff;
    --porto-light-color-inverse: #212529;
    --porto-body-ff: "Poppins";
    --porto-body-fw: 400;
    --porto-body-fs: 14px;
    --porto-body-lh: 24px;
    --porto-body-ls: 0;
    --porto-body-color: #777777;
    --porto-body-color-light-5: #848484;
    --porto-alt-ff: "Shadows Into Light";
    --porto-alt-fw: 400;
    --porto-menu-text-transform: uppercase;
    --porto-column-spacing: 15px;
    --porto-res-spacing: 15px;
    --porto-fluid-spacing: 30px;
    --porto-container-spacing: 15px;
    --porto-primary-dark-5: #c08405;
    --porto-primary-dark-10: #a77304;
    --porto-primary-dark-15: #8e6204;
    --porto-primary-dark-20: #755103;
    --porto-primary-light-5: #f1a706;
    --porto-primary-light-7: #faad08;
    --porto-primary-light-10: #fab217;
    --porto-primary-inverse-dark-10: #e6e6e6;
    --porto-secondary-dark-5: #00243a;
    --porto-secondary-dark-10: #001421;
    --porto-secondary-dark-15: #000407;
    --porto-secondary-dark-20: #000000;
    --porto-secondary-light-5: #00436d;
    --porto-secondary-light-7: #004977;
    --porto-secondary-light-10: #005386;
    --porto-secondary-inverse-dark-10: #e6e6e6;
    --porto-tertiary-dark-5: #27979d;
    --porto-tertiary-dark-10: #228388;
    --porto-tertiary-dark-15: #1d6f74;
    --porto-tertiary-dark-20: #185c5f;
    --porto-tertiary-light-5: #30bec6;
    --porto-tertiary-light-7: #33c6ce;
    --porto-tertiary-light-10: #3fc9d1;
    --porto-tertiary-inverse-dark-10: #e6e6e6;
    --porto-quaternary-dark-5: #2d333a;
    --porto-quaternary-dark-10: #22262c;
    --porto-quaternary-dark-15: #171a1d;
    --porto-quaternary-dark-20: #0c0d0f;
    --porto-quaternary-light-5: #444c57;
    --porto-quaternary-light-7: #48515d;
    --porto-quaternary-light-10: #4f5965;
    --porto-quaternary-inverse-dark-10: #e6e6e6;
    --porto-dark-dark-5: #16191b;
    --porto-dark-dark-10: #0b0c0d;
    --porto-dark-dark-15: #000000;
    --porto-dark-dark-20: #000000;
    --porto-dark-light-5: #2d3238;
    --porto-dark-light-7: #31373d;
    --porto-dark-light-10: #383f46;
    --porto-dark-inverse-dark-10: #e6e6e6;
    --porto-light-dark-5: #f3f3f3;
    --porto-light-dark-10: #e6e6e6;
    --porto-light-dark-15: #d9d9d9;
    --porto-light-dark-20: #cccccc;
    --porto-light-light-5: #ffffff;
    --porto-light-light-7: #ffffff;
    --porto-light-light-10: #ffffff;
    --porto-light-inverse-dark-10: #0b0c0d;
    --porto-bgc: #fff;
    --porto-body-bg: #fff;
    --porto-color-price: #444;
    --porto-widget-bgc: #fbfbfb;
    --porto-title-bgc: #f5f5f5;
    --porto-widget-bc: #ddd;
    --porto-input-bc: rgba(0, 0, 0, 0.08);
    --porto-slide-bgc: #e7e7e7;
    --porto-heading-color: #222529;
    --porto-heading-light-8: #353a40;
    --porto-normal-bg: #fff;
    --porto-gray-bg: #dfdfdf;
    --porto-gray-1: #f4f4f4;
    --porto-gray-2: #e7e7e7;
    --porto-gray-3: #f4f4f4;
    --porto-gray-4: #ccc;
    --porto-gray-5: #e7e7e7;
    --porto-gray-6: #999;
    --porto-gray-7: #f4f4f4;
    --porto-gray-8: #f1f1f1;
    --porto-light-1: #fff;
    --porto-light-2: #fff;
    --porto-normal-bc: rgba(0, 0, 0, .06);
    --porto-label-bg1: rgba(255, 255, 255, .9)
}

h1 {
    --porto-h1-ff: "Poppins";
    --porto-h1-fw: 400;
    --porto-h1-fs: 36px;
    --porto-h1-lh: 44px;
    --porto-h1-color: #212529
}

h2 {
    --porto-h2-ff: "Poppins";
    --porto-h2-fw: 300;
    --porto-h2-fs: 30px;
    --porto-h2-lh: 40px;
    --porto-h2-color: #212529
}

h3, .daily-deal-title {
    --porto-h3-ff: "Poppins";
    --porto-h3-fw: 400;
    --porto-h3-fs: 25px;
    --porto-h3-lh: 32px;
    --porto-h3-color: #212529
}

h4 {
    --porto-h4-ff: "Poppins";
    --porto-h4-fw: 600;
    --porto-h4-fs: 20px;
    --porto-h4-lh: 27px;
    --porto-h4-color: #212529
}

h5 {
    --porto-h5-ff: "Poppins";
    --porto-h5-fw: 600;
    --porto-h5-fs: 14px;
    --porto-h5-lh: 18px;
    --porto-h5-color: #212529
}

h6 {
    --porto-h6-ff: "Poppins";
    --porto-h6-fw: 400;
    --porto-h6-fs: 14px;
    --porto-h6-lh: 18px;
    --porto-h6-color: #212529
}

.main-sidebar-menu {
    --porto-menu-side-ff: "Roboto";
    --porto-menu-side-fw: 400;
    --porto-menu-side-fs: 14px;
    --porto-menu-side-lh: 18px;
    --porto-menu-side-ls: 0
}

li.menu-item, .sub-menu {
    --porto-mainmenu-popup-text-color-regular: #777777;
    --porto-mainmenu-popup-text-color-hover: #777777
}

li.menu-item {
    --porto-mainmenu-popup-text-hbg-color: transparent
}

.page-top .page-title {}

.page-top .page-subtitle {}

.page-top .breadcrumb {}

@media (max-width:575px) {
    :root {
        --porto-mobile-fs-scale: 0.9286;
        --porto-body-fs: 13px;
        --porto-body-lh: 20px;
        --porto-body-ls: 0
    }

    h1 {
        --porto-h1-fs: 33.4286px;
        --porto-h1-lh: 36.6667px
    }

    h2 {
        --porto-h2-fs: 27.8571px;
        --porto-h2-lh: 33.3333px
    }

    h3, .daily-deal-title {
        --porto-h3-fs: 23.2143px;
        --porto-h3-lh: 26.6667px
    }

    h4 {
        --porto-h4-fs: 18.5714px;
        --porto-h4-lh: 22.5px
    }

    h5 {
        --porto-h5-fs: 13px;
        --porto-h5-lh: 15px
    }

    h6 {
        --porto-h6-fs: 13px;
        --porto-h6-lh: 15px
    }
}

#header .logo {
    --porto-logo-mw: 100px;
    --porto-sticky-logo-mw: 100px
}

.side-header-narrow-bar-logo {
    --porto-side-logo-mw: 100px
}

@media (min-width:992px) and (max-width:1169px) {
    .container, .wp-block, .col-half-section, .elementor-section {
        --porto-container-width: 960px
    }
}

@media (min-width:1170px) {
    #header .logo {
        --porto-logo-mw: 100px
    }
}

@media (max-width:991px) {
    :root {
        --porto-res-spacing: 30px
    }

    #header .logo {
        --porto-logo-mw: 100px
    }
}

@media (max-width:767px) {
    #header .logo {
        --porto-logo-mw: 100px
    }
}

@media (max-width:575px) {
    :root {
        --porto-res-spacing: 20px;
        --porto-fluid-spacing: 20px;
        --porto-container-spacing: 5px
    }
}