@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');






/* 
Font family
-----------------------------------------------


    font-family: "Roboto", sans-serif;
    font-family: "Roboto Condensed", sans-serif;
    font-family: "Bebas Neue", sans-serif;
    font-family: "Inter", sans-serif;


-----------------------------------------------*/

:root {

    /* -----PRMIARY-COLOR----------- */
    --primary-black: #000000;
    --primary-red: #ED2024;
    --primary-yellow: #FDDD06;
    --primary-aqua: #34C6F4;
    --primary-blue: #143DE7;


    /* -----SECONDARY-COLOR----------- */
    --secondary-red: #B92025;
    --secondary-yellow: #E5AB23;
    --secondary-gold: #AD8C8C;

    --gray-01: #232323;
    --gray-02: #333333;
    --gray-03: #4D4D4E;
    --gray-04: #666766;
    --gray-05: #999999;
    --gray-06: #B3B4B4;
    --gray-07: #EAEAEA;
    --gray-08: #F3F5F7;

    --whitecolor: #FFFFFF;
    --blackcolor: #191919;


    /* -----FONTS----------- */
    --font-Roboto: "Roboto", sans-serif;
    --font-Roboto-con: "Roboto Condensed", sans-serif;
    --font-bebas: "Bebas Neue", sans-serif;
    --font-inter: "Inter", sans-serif;

}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: var(--font-Roboto);
}

body,
ul,
li,
a {
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 18px;
    color: var(--blackcolor);
}

body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--whitecolor) !important;
}

/* == CONTAINER-CSS ==
================================================= */

.container,
.e-con-inner,
.elementor-container {
    max-width: 100% !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1240px) {

    .container,
    .e-con-inner,
    .elementor-container {
        max-width: 88% !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        row-gap: 0 !important;
    }

    .about-section .e-con-inner,
    .about-section-two .e-con-inner {
        max-width: 1200px !important;
    }
}

/* == CONTAINER-CSS ==
================================================= */

hr.wp-block-separator {
    color: transparent !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}



/* == SELECTION-CSS ==
===============================================================*/

::-moz-selection {
    background: var(--selection);
    color: var(--black);
}

::-webkit-selection {
    background: var(--selection);
    color: var(--black);
}

::selection {
    background: #7f8588;
    color: #fff;
}

/* == SELECTION-CSS ==
===============================================================*/




/* == TYPOGRAPHY-CSS == 
===============================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
.common-outer h1,
.common-outer h2,
.common-outer h3,
.common-outer h4,
.common-outer h5,
.common-outer h6,
.common-outer h1 a,
.common-outer h2 a,
.common-outer h3 a,
.common-outer h4 a,
.common-outer h5 a,
.common-outer h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: var(--font-Roboto);
    color: var(--primary-black);
}


h1,
h1 a,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
    font-size: 60px !important;
    color: var(--primary-black);
    text-align: initial;
    line-height: 62px;
    margin: 40px 0 20px;
    text-transform: uppercase;
}


h2,
h2 a,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
    font-size: 40px !important;
    color: var(--primary-black);
    line-height: 42px;
    margin: 40px 0 20px;
    text-transform: uppercase;
}


h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
    font-size: 40px;
    color: var(--gray-04);
    line-height: 42px;
    margin: 40px 0 20px;
    text-transform: uppercase;
}


h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-Roboto) !important;
    font-weight: 400;
    font-size: 40px;
    color: var(--gray-04);
    line-height: 42px;
    margin: 40px 0 20px;
}

h5,
h5 a,
.common-outer h5,
.common-outer h5 a,
h5.elementor-image-box-title {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
    font-size: 22px !important;
    color: var(--gray-04);
    line-height: 20px;
    margin: 40px 0 20px;
    letter-spacing: 0;
    text-transform: uppercase;
}

h6,
h6 a,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-Roboto-con) !important;
    font-weight: bold;
    font-size: 20px;
    color: var(--gray-04);
    text-align: initial;
    line-height: 24px;
    margin: 40px 0 20px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    text-align: initial;
    font-family: var(--font-Roboto);
}

.elementor-widget-heading .elementor-heading-title {
    margin-bottom: 0 !important;
}

strong {
    font-weight: 600 !important;
}

span.nav-click {
    font-size: 0;
    position: absolute;
    padding: 0;
    cursor: pointer;
    left: 0;
    top: 0;
    transform: translateX(0%);
    width: 10px;
    height: 10px;
}


/* span.nav-click::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/menu-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    right: auto;
    top: 23px;
    left: 3px;
} */

.sub-menu li span.nav-click {
    top: 14px;
    z-index: 999;
}

.common-outer blockquote p {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    color: var(--secondary-yellow);
}

p {
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-01);
    line-height: 26px;
    padding: 0px;
    margin-bottom: 18px;
}


blockquote p,
blockquote {
    border: 0;
    /* text-align: center; */
    font-size: 60px !important;
    line-height: 60px !important;
    color: var(--primary-black) !important;
    font-weight: 400;
    font-family: var(--font-bebas);
    padding: 0;
}



.entry-content ul,
.news-detail-outer .left-side-news ul {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
}

.entry-content ul li,
.news-detail-outer .left-side-news ul li {
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-01);
    line-height: 26px;
    padding-left: 15px;
    padding-bottom: 0px;
    position: relative;
}

.entry-content ul li::before,
.news-detail-outer .left-side-news ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--gray-01);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}


.product.type-product ul {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
}

.product.type-product ul li {
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-01);
    line-height: 26px;
    padding-left: 15px;
    padding-bottom: 0px;
    position: relative;
}

.product.type-product ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--gray-01);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}

.entry-content ol,
ol {
    padding-left: 24px !important;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;
}


.entry-content ol li,
ol li {
    font-family: var(--font-Oxygen);
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-01);
    line-height: 26px;
    padding-left: 0px;
    padding-bottom: 10px;
    position: relative;
    list-style-type: decimal !important;
}


.container,
.et_pb_row {
    width: 100%;
    max-width: 87%;
    margin: 0 auto;
}

/* == TYPOGRAPHY-CSS == 
===============================================================*/






/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/

::placeholder {
    font-family: var(--font-Roboto);
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    padding: 0px;
    margin-bottom: 18px;
}

label {
    line-height: 30px;
    padding: 0px;
    margin-bottom: 18px;


    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-not-valid {
    border: 1px solid red !important;
}

.invalid .wpcf7-response-output {
    text-align: center;
    color: red;
    border: 1px solid red !important;
    width: 100%;
    font-weight: 400;
    margin: 10px 0px 20px !important;
    font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #46b450;
    text-align: center;
}




/* wpcf7 form wpcf7-response-output 
===============================================================*/




.admin-bar div#page-container {
    padding-top: 145px !important;
}

div#page-container {
    padding-top: 144px !important;
    margin: 0 !important;
}

/* ------------FOOTER-SECTION------------ */


footer#main-footer {
    background: var(--primary-black) !important;
    padding: 86px 149px 8px 149px;
}





.foo-copyright {
    display: flex;
}

div#footer-info {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    padding-bottom: 0;
}

.Foo-heading h6 {
    color: var(--primary-yellow);
    font-size: 22px;
    font-weight: 400;
    font-family: var(--font-bebas) !important;
    margin: 0 !important;
    text-transform: uppercase;
}


.title-email-phone-outer {
    display: flex;
    gap: 10px;
}

.title-email-phone-outer .contact-merged {
    color: var(--primary-yellow);
    font-family: var(--font-Roboto-con);
    margin-left: 40px;
    margin-top: 2px;
    font-size: 20px;
    font-weight: 700;
}

.first-left-foo-side-address {
    padding-top: 9px;
}

.title-email-phone-outer .contact-merged a {
    color: var(--primary-yellow);
    font-family: var(--font-Roboto-con);
    text-decoration: none !important;
    font-weight: 700;
}

.title-email-phone-outer .contact-merged a:first-child {
    text-decoration: underline !important;
}


ul.et-social-icons {
    display: flex;
    gap: 20px;
}

.social-foo ul.et-social-icons li {
    margin: 0;
}

.com-social-heading {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.social-foo {
    position: relative;
    display: flex;
    margin-left: 40px;
}

.social-foo ul.et-social-icons li a {
    display: flex;
    width: 30px;
    height: 30px;
}

.social-foo ul.et-social-icons li a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}

.social-foo ul.et-social-icons li a:hover:before {
    filter: brightness(0) saturate(100%) invert(83%) sepia(60%) saturate(1037%) hue-rotate(349deg) brightness(101%) contrast(104%);
}

li.et-social-icon.et-social-facebook a::before {
    background: url(../images/facebook.svg);
}

li.et-social-icon.et-social-twitter a::before {
    background: url(../images/linkedin.svg);
}

li.et-social-icon.et-social-instagram a::before {
    background: url(../images/insta.svg);
}


.footer-outer-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 66px;
}

.com-social-heading h4 {
    font-size: 16px;
    line-height: 20px !important;
    color: var(--primary-yellow);
    font-family: var(--font-bebas) !important;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;

}

.newsletter-title-com h4 {
    font-size: 16px;
    line-height: 20px !important;
    color: var(--primary-yellow);
    font-family: var(--font-bebas) !important;
    text-transform: uppercase;
    margin: 0 !important;
}

.newsletter-title-com ul.news-let-form {
    display: flex;
}

li.news-items p {
    margin-bottom: 0 !important;
}

li.news-items p input {
    background: var(--whitecolor);
    padding: 9px 13px;
    font-size: 14px;
    font-weight: 400;
    color: var(--blackcolor) !important;
    font-family: var(--font-inter) !important;
    border: 0;
    width: 100%;
    border-radius: 0;
}

.second-right-foo-side {
    width: 26%;
}

li.news-items p input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: black !important;
    font-family: var(--font-inter) !important;
}

li.news-submit p {
    margin: 0 !important;
    position: relative;
}

li.news-submit p input {
    font-size: 12px;
    background: var(--primary-red);
    color: var(--whitecolor);
    padding: 11px 10px 11px 10px;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;

}

li.news-submit span.wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: -38px;
}

li.news-items p span.wpcf7-not-valid-tip {
    display: none;
}



.footer-address .address-foo p {
    color: var(--whitecolor) !important;
    font-size: 16px !important;
    font-weight: 400;
    font-family: var(--font-bebas);
}


footer#main-footer nav#et-footer-nav {
    background: transparent !important;
    padding-bottom: 10px;
}

footer#main-footer nav#et-footer-nav .container {
    background: transparent;
    margin: 0;
}

footer#main-footer div#mega-menu-wrap-footer-menu {
    background: transparent;
}

footer#main-footer .mega-menu-wrap ul#mega-menu-footer-menu li a {
    font-size: 14px !important;
    font-family: var(--font-bebas) !important;
    text-decoration: none !important;
    padding: 0 !important;
    font-weight: 400 !important;
    transition: 0.5s;
    position: relative;
}

footer#main-footer .mega-menu-wrap ul#mega-menu-footer-menu li a:hover {
    background: transparent !important;
    color: var(--secondary-yellow) !important;
    transition: 0.5s;
}

footer#main-footer .mega-menu-wrap ul#mega-menu-footer-menu li.mega-current-menu-item a {
    background: transparent !important;
    color: var(--primary-yellow) !important;
}

footer#main-footer .mega-menu-wrap ul#mega-menu-footer-menu li a:before {
    position: absolute !important;
    content: "";
    background: white !important;
    width: 1px !important;
    height: 12px !important;
    right: -16px;
    top: 13px !important;
}

footer#main-footer .mega-menu-wrap ul#mega-menu-footer-menu li:last-child a::before {
    display: none;
}

footer#main-footer ul#mega-menu-footer-menu {
    display: flex !important;
    gap: 20px;
}





.foo-copyright p.copy-rights-out {
    color: var(--gray-06) !important;
    font-size: 12px;
    font-weight: 300 !important;
    font-family: var(--font-inter) !important;
    width: 49px;
    margin-bottom: 0;
}

div#footer-info p {
    color: var(--gray-06) !important;
    font-size: 12px;
    font-weight: 300 !important;
    text-transform: uppercase;
    font-family: var(--font-inter) !important;
    margin-bottom: 0;
}

.designed-hostes,
.designed-hostes a {
    font-size: 10px;
    font-weight: 400 !important;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--font-inter) !important;
}



/* ------------FOOTER-SECTION------------ */


/* ------------HEADER-SECTION------------ */

.desktop-menu {
    z-index: 99999;
    position: relative;
}

.desktop-menu .et-fixed-header .container.clearfix.et_menu_container {
    border-bottom: 0 !important;
}

/* body.admin-bar .desktop-menu div#top-header {
    top: 32px !important;
} */
body.admin-bar header#main-header {
    top: 86px !important;
}

.desktop-menu div#top-header {
    background: black;
    padding: 12px 10px 12px 10px;
    z-index: 999;
    line-height: unset;
}

div#top-header form#searchform {
    width: fit-content;
    line-height: 20px !important;
    height: fit-content;
    position: relative;
}

div#top-header .header-free-shipping-widget {
    width: fit-content;
    line-height: 20px !important;
    height: fit-content;
}

div#top-header div#et-secondary-menu {
    width: fit-content;
    line-height: 20px !important;
    height: fit-content;
}

div#top-header .free-shipping a {
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: red !important;
}

.my-account-link {
    width: fit-content;
    width: fit-content;
    line-height: 20px !important;
    height: fit-content;
}

.my-account-link a {
    font-size: 15px;
    font-family: var(--font-inter) !important;
    color: var(--whitecolor);
    padding-left: 20px;
    text-decoration: none;
    position: relative;
}

.favorite-products-widget a {
    font-size: 15px;
    font-family: var(--font-inter) !important;
    color: var(--whitecolor);
    padding-left: 20px;
    text-decoration: none;
    position: relative;
}

.favorite-products-widget a:hover {
    color: var(--primary-yellow) !important;
}

.favorite-products-widget a:hover:before {
    filter: brightness(0) saturate(100%) invert(74%) sepia(65%) saturate(674%) hue-rotate(357deg) brightness(111%) contrast(98%);
}

.favorite-products-widget a::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/hdr_Fav.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 2px;
    left: 0;
}

.my-account-link a:hover {
    color: var(--primary-yellow) !important;
}

.my-account-link a:hover:before {
    filter: brightness(0) saturate(100%) invert(74%) sepia(65%) saturate(674%) hue-rotate(357deg) brightness(111%) contrast(98%);
}

.my-account-link a::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/my-acc.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    left: 0;
}

div#et-secondary-menu a.my-cart-link {
    font-size: 15px;
    font-family: var(--font-inter) !important;
    color: var(--whitecolor);
    padding-left: 20px;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
}

div#et-secondary-menu a.my-cart-link::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/cart-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    left: 0;
}

div#top-header .container {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
    max-width: 89% !important;
    padding: 0;
    align-items: center;
}


.desktop-menu form.search-form {
    position: relative;
}


form.search-form input.search-field {
    width: 374px;
    padding: 4px 23px 4px 14px;
    color: black;
    border: 0;
    font-family: var(--font-Roboto-con);
    font-size: 14px;
    font-weight: 400;
}

form.search-form input.search-field::placeholder {
    color: black !important;
    font-family: var(--font-Roboto-con) !important;
    font-size: 14px !important;
    font-weight: 400;
}

form.search-form button.search-submit {
    width: 16px;
    height: 16px;
    border: 0;
    background: transparent;
    font-size: 0;
    position: absolute;
    right: 6px;
    top: 7px;
    cursor: pointer;
}

form.search-form button.search-submit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/search-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}

div#top-header .container:after {
    display: none;
}









header#main-header {
    box-shadow: none;
}

.logo_container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
    max-width: 100% !important;
}

header .logo_container span.logo_helper {
    display: none;
}

header .logo_container a {
    width: 100%;
    height: 100%;
    display: block;
}

header .logo_container {
    width: 120px !important;
    height: 120px !important;
    position: relative !important;
    margin-top: -46px;
    z-index: 1;
}

header .container.clearfix.et_menu_container {
    display: flex;
    padding: 7px 108px 7px 42px;
    max-width: 94% !important;
    align-items: center;
    border-bottom: 2px solid #E6E6E6 !important;
}



header div#et-top-navigation {
    padding-left: 0 !important;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 0 !important;
    align-items: center;
    gap: 32px;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a {
    color: var(--primary-black) !important;
    font-size: 20px !important;
    font-family: var(--font-bebas) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    opacity: 1 !important;
    transition: 0.2s;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a span.mega-indicator::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/drp-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    left: 0;
    rotate: 90deg;
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3735%) hue-rotate(323deg) brightness(84%) contrast(95%);

}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a span.mega-indicator::after {
    display: none !important;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a:focus {
    background: transparent !important;
}

header nav#top-menu-nav ul#mega-menu-primary-menu li.mega-menu-item-has-children>a {
    padding-right: 13px !important;
    position: relative;
}

header nav#top-menu-nav ul#mega-menu-primary-menu li.mega-toggle-on>a {
    background: transparent !important;
    color: var(--primary-red) !important;
}

header nav#top-menu-nav ul#mega-menu-primary-menu li.mega-menu-item-has-children a span.mega-indicator {
    position: absolute !important;
    top: 13px;
    right: 6px;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li.mega-menu-item.mega-current-menu-item>a {
    color: var(--primary-red) !important;
    background: transparent !important;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li.mega-menu-item.mega-current-menu-item>a span.mega-indicator::before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(73%) saturate(6805%) hue-rotate(351deg) brightness(96%) contrast(93%);
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a:hover {
    background: transparent !important;
    color: var(--primary-red) !important;
    transition: 0.2s;
}

header nav#top-menu-nav ul#mega-menu-primary-menu>li>a:hover span.mega-indicator::before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(73%) saturate(6805%) hue-rotate(351deg) brightness(96%) contrast(93%);
}

div#mega-menu-wrap-primary-menu {
    background: transparent;
}

nav#top-menu-nav ul.mega-menu {
    display: flex !important;
    gap: 26px;
}



nav#top-menu-nav ul.mega-menu ul.mega-sub-menu {
    background: transparent !important;
}

nav#top-menu-nav ul.mega-menu>li>ul.mega-sub-menu {
    width: 930px !important;
    color: #000000;
    height: 420px !important;
    overflow-y: auto !important;
    /* overflow-x: hidden !important; */
    padding-right: 59% !important;
}

nav#top-menu-nav ul.mega-menu>li>ul.mega-sub-menu::-webkit-scrollbar {
    display: none;
}

nav#top-menu-nav ul.mega-menu>li>ul.mega-sub-menu li.mega-menu-row li.mega-menu-column {
    width: 100% !important;
}

nav#top-menu-nav ul.mega-menu>li>ul.mega-sub-menu li.mega-menu-row li.mega-menu-column>ul.mega-sub-menu {
    width: 100% !important;
}

nav#top-menu-nav ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu {
    display: table !important;
    width: 100% !important;
}

/* nav#top-menu-nav ul.mega-menu ul.mega-sub-menu li.mega-menu-row > ul.mega-sub-menu {
    display: grid !important;
    grid-template-columns: 2fr 1fr;
    
} */
nav#top-menu-nav ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-widget.widget_custom_html {
    padding: 0 !important;
}

nav#top-menu-nav ul.mega-menu ul.mega-sub-menu li.mega-menu-column.mega-menu-columns-6-of-12 {
    width: 100% !important;
}

ul.parent-taxonomy-terms {
    width: 100%;
    /* display: grid; */
    row-gap: 15px;
    column-gap: 25px;
    grid-template-columns: 1fr 1fr;
    padding: 40px 15px 40px 49px;
    background: black;
    position: relative;
    column-count: 2;
}

ul.parent-taxonomy-terms::before {
    position: absolute;
}

ul.parent-taxonomy-terms::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: white;
    left: 47%;
    top: 50%;
    transform: translate(-50%, -50%);
}

ul.parent-taxonomy-terms li {
    color: var(--whitecolor);
    font-family: var(--font-Roboto-con);
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 19px;
    cursor: pointer;
    transition: 0.2s;
    margin-bottom: 4px;
}

ul.parent-taxonomy-terms li a {
    color: var(--whitecolor);
    font-family: var(--font-Roboto-con);
    font-weight: 200;
    font-size: 14px;
}

.desktop-menu ul.parent-taxonomy-terms li {
    padding-right: 45px;
    margin-bottom: 21px;
}

ul.parent-taxonomy-terms li strong {
    font-weight: 400 !important;
}

ul.parent-taxonomy-terms li a:hover {
    color: var(--primary-yellow);
    transition: 0.2s;
}

.desktop-menu ul.parent-taxonomy-terms li.current-page a {
    color: var(--primary-yellow);
    transition: 0.2s;
}

.desktop-menu ul.parent-taxonomy-terms li.current-page .parent-term span::before {
    filter: brightness(0) saturate(100%) invert(78%) sepia(84%) saturate(647%) hue-rotate(355deg) brightness(102%) contrast(98%);
}

.desktop-menu ul.parent-taxonomy-terms li .parent-term:hover span::before {
    filter: brightness(0) saturate(100%) invert(78%) sepia(84%) saturate(647%) hue-rotate(355deg) brightness(102%) contrast(98%);
}

ul.parent-taxonomy-terms li .parent-term span {
    font-size: 0;
    position: relative;
    padding: 5px;
}

ul.parent-taxonomy-terms li .parent-term span::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -5px;
    left: 11px;
    rotate: -90deg;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(220deg) brightness(107%) contrast(106%);
}

ul.parent-taxonomy-terms li .parent-term:hover span::before {
    filter: brightness(0) saturate(100%) invert(87%) sepia(29%) saturate(1427%) hue-rotate(351deg) brightness(102%) contrast(103%);
}

ul.parent-taxonomy-terms li.current-page .parent-term:hover span::before {
    filter: brightness(0) saturate(100%) invert(78%) sepia(84%) saturate(647%) hue-rotate(355deg) brightness(102%) contrast(98%);
}




.desktop-menu ul.child-taxonomy-terms {
    padding: 40px 15px 40px 45px !important;
}


ul.child-taxonomy-terms {
    padding: 40px 15px 40px 45px;
    background: #343434;
    border-left: 10px solid white;
    width: 330px;
    display: block;
    overflow-x: auto;
}

ul.child-taxonomy-terms {
    position: absolute;
    right: -46%;
    top: 0;
    height: 100% !important;
}

ul.child-taxonomy-terms li {
    line-height: 17px;
    margin-bottom: 16px;

}


ul.child-taxonomy-terms li a {
    text-decoration: none;
    color: var(--whitecolor);
    font-family: 'Roboto Condensed';
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 19px;
    cursor: pointer;
    transition: 0.2s;
}

ul.child-taxonomy-terms li a:hover {
    color: var(--primary-yellow);
    transition: 0.2s;
}




nav#secondary-menu-nav ul#secondary-menu {
    display: flex;
    gap: 26px;
}

nav#secondary-menu-nav ul#secondary-menu>li>a {
    color: var(--gray-04) !important;
    font-size: 18px !important;
    font-family: var(--font-bebas) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    opacity: 1 !important;
    transform: 0.2s;
}

nav#secondary-menu-nav ul#secondary-menu>li>a:hover {
    color: var(--primary-red) !important;
    transform: 0.2s;
}

nav#secondary-menu-nav ul#secondary-menu>li.current_page_item>a {
    background: transparent;
    color: var(--primary-red) !important;
}





header nav#top-menu-nav ul#mega-menu-primary-menu li.mega-menu-item.menu-shop-app-only ul.parent-taxonomy-terms {
    column-count: 3;
}

header nav#top-menu-nav ul#mega-menu-primary-menu li.mega-menu-item.menu-shop-app-only>ul.mega-sub-menu {
    width: 1125px !important;
    color: #000000;
    height: 542px !important;
    overflow-y: auto !important;
    padding-right: 59% !important;
    left: 79% !important;
    transform: translate(-50%, 0px) !important;
}

li.mega-menu-item.menu-shop-app-only ul.parent-taxonomy-terms::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: white;
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
}

li.mega-menu-item.menu-shop-app-only ul.parent-taxonomy-terms::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: white;
    right: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
}

li.mega-menu-item.menu-shop-app-only ul.child-taxonomy-terms {
    position: absolute;
    right: -39%;
    top: 0;
    height: 100% !important;
}












.contact-merged {
    display: flex;
    gap: 4px;
}

.contact-merged a.phone-header-plasticguy {
    color: #143DE7;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    margin-left: 40px;
    position: relative;
    font-family: var(--font-Roboto);
}

.contact-merged a.phone-header-plasticguy:before {
    position: absolute;
    content: "";
    background: #143DE7;
    width: 1px;
    height: 40px;
    left: -21px;
    top: -10px;
}

.contact-merged a.mail-header-plasticguy {
    font-size: 0;
    width: 20px;
    height: 20px;
    position: relative;
}

.contact-merged a.mail-header-plasticguy::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/Email-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}

/* ------------HEADER-SECTION------------ */




/* ------------ABOUT-US-PAGE------------ */

.page-id-187 .where-are-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}




.common-inner-banner-outer {
    padding: 30px 85px 20px 85px !important;
}

.inner-banner-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 32%;
}

.height-img-ban .inner-banner-img {
    padding-bottom: 13%;
}

.inner-banner-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}



.About-title-sec {
    padding: 0 !important;
}

.about-title-rows {
    padding: 0 !important;
    max-width: 78%;
}

.print-media-sub h2 {
    text-align: center;
    color: var(--gray-02);
    margin-top: 42px;

}

.print-media-photo {
    padding-top: 0 !important;
    padding-bottom: 69px !important;
}

.heading-red h3 {
    color: var(--primary-red);
}

.heading-red h2 {
    color: var(--primary-red);
}


.try-our-title h2 {
    text-align: center;
    margin-bottom: 0 !important;
}

.try-media-col p {
    text-align: center;
}

.try-our-title {
    margin-bottom: 0 !important;
}






.animated-row {
    width: 64% !important;
    max-width: 100% !important;
    display: flex;
    padding-top: 10px !important;
    flex-wrap: nowrap;
    flex-direction: row !important;
}

.counter-outer {
    margin: 0 !important;
    width: 100% !important;
    position: relative;
}

.counter-outer::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    background: var(--gray-06);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.counter-outer:last-child::before {
    display: none;
}


.count-box span.percent-value {
    font-size: 60px;
    color: var(--gray-02);
    font-weight: 400 !important;
    font-family: var(--font-bebas);
}

.count-box h3 {
    color: var(--gray-02);
    line-height: 20px;
    margin: 0;
}

.count-box .percent {
    margin-bottom: 14px !important;
}


.counter-sec .content-count-row {
    max-width: 40% !important;
    width: 100% !important;
    padding-bottom: 0 !important;

}

.counter-sec {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 42px;
    padding-top: 45px !important;
    padding-bottom: 75px !important;
}










.news-letter-sec {
    padding-top: 85px !important;
}

.news-letter-row-inner {
    background: black !important;
    padding: 0 !important;
    max-width: 86%;
    width: 100%;
    border-radius: 15px !important;
    overflow: hidden;
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 0.9fr 2fr 1.5fr;
}

.news-letter-row-inner::after {
    display: none;
}

.img-news-col {
    background: var(--primary-yellow);
    margin-right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
}

.title-text-img blockquote {
    margin-top: 36px !important;
}

.title-text-img blockquote p {
    color: var(--primary-yellow) !important;
    margin-bottom: 0;
    text-align: center;
}

.title-text-img {
    margin-right: 0 !important;
    width: 100% !important;
    padding-left: 20px;
}

.news-subscription-col {
    width: 100% !important;
    padding: 20px 29px 20px 20px;
}

.news-subscription-col li.email-address input {
    padding: 14px 15px 14px 15px;
    text-align: center;
    width: 100%;
    border-radius: 50px;
    border: 0;
    font-size: 16px;
    font-family: var(--font-Roboto) !important;
    color: var(--gray-03) !important;
    font-weight: 600;
}

.news-subscription-col li.email-address input::placeholder {
    font-size: 16px;
    font-family: var(--font-Roboto) !important;
    color: var(--gray-06) !important;
}

.news-subscription-col li.email-address span.wpcf7-not-valid-tip {
    display: none;
}

div#news-letter-sub ul.cont-form li.email-address.cont-req-frm.cont-com {
    padding-left: 0;
    padding-bottom: 0;
}

ul.cont-form li.submit-sbm {
    padding: 0 !important;
}

li.submit-sbm p {
    margin: 0;
}

li.submit-sbm::before {
    display: none;
}

.news-subscription-col li.submit-sbm input.wpcf7-submit {
    color: var(--primary-red) !important;
    font-size: 16px;
    font-weight: 700;
    background: white;
    padding: 15px 15px 15px 15px;
    width: 100%;
    border: 0 !important;
    background: var(--whitecolor);
    border-radius: 50px;
    cursor: pointer;
}

.img-news-col span.et_pb_image_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.news-letter-row-inner .img-news-col .et_pb_module.et_pb_image.et_pb_image_3 {
    margin: 0;
    display: flex;
    align-items: center;
}

.img-news-col span.et_pb_image_wrap img {
    width: 167px !important;
    height: 147px !important;
    object-fit: contain;
}

.news-letter-row-inner .img-news-col {
    padding: 20px 20px 20px 20px;
}

.news-subscription-col li.submit-sbm p span.wpcf7-spinner {
    position: absolute;
    left: 45%;
    bottom: -30px;
}

div#news-letter-sub ul.cont-form {
    margin-top: 0;
}






.print-media-photo .print-med-rows {
    display: flex;
    max-width: 87% !important;
    width: 100%;
}

.print-title-media {
    margin-bottom: 13px !important;
}

.print-col-sec {
    width: 78% !important;
    margin-right: 32px !important;
}

.print-title-media h3 {
    margin-top: 20px;
}

.core-values-media h3 {
    color: var(--primary-red);
}

.core-values-media ul li::before {
    display: none;
}

.core-values-media ul li strong {
    color: var(--primary-red);
}

.core-values-media ul {
    padding-left: 10px;
    margin-bottom: 10px;
}

.media-photo-grid {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 20px;
    height: fit-content;
}


.media-photo-grid .g-two.img-grid {
    grid-row: span 2;
    padding: 0px 0 !important;
    height: 100% !important;
}

.media-photo-grid .img-grid span.et_pb_image_wrap {
    width: 100%;
    height: 100%;
    padding-top: 119%;
    position: relative;
}

.media-photo-grid .img-grid {
    width: 100%;
    height: fit-content !important;
    margin: 0 !important;
}

.media-photo-grid .img-grid span.et_pb_image_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}




.about-second-sec .about-struct-row {
    max-width: 78%;
    width: 100%;
    padding-top: 17px;
}

.about-second-sec .about-struct-row::before {
    display: none;
}

.about-second-sec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}



.our-team-sec {
    padding-top: 0 !important;
    z-index: 4;
}

.our-title-team {
    margin-bottom: 65px !important;
}

.our-title-team h2 {
    margin-top: 20px;
}

.our-team-sec .our-row-team {
    max-width: 79% !important;
}

.our-team-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 25px;
}

.our-team-list .team-member {
    cursor: pointer;
    position: relative;
    /* overflow: hidden; */
}

.team-thumbnail {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
}

.team-thumbnail img.fun {
    opacity: 0;
}


.fun-hover-text {
    width: 100%;
    height: fit-content;
    background: #000000;
    z-index: -1;
    position: absolute;
    border-radius: 0 0px 10px 10px;
    left: 0;
    padding: 75px 50px 20px 50px;
    color: white;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    opacity: 0;
    top: 53%;
}

.fun-hover-text p {
    color: white;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 19px;
}

.fun-hover-text p strong {
    color: var(--primary-yellow);
}

.our-team-list .team-member:hover .fun-hover-text {
    z-index: 1;
    position: absolute;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 1;
    top: 88%;
}

.team-thumbnail:hover img.fun {
    opacity: 1;
    transition: 0.3s;
}

.team-thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: 0.3s;
    object-position: top;
}


.our-team-list .team-details {
    padding: 16px;
    background: white;
    margin-top: -36px;
    z-index: 99;
    position: relative;
    border-radius: 10px;
    width: 81%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
}

.our-team-list .team-member:hover .team-details {
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.our-team-list .team-member:hover .team-details {
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

/* .our-team-list .team-member:hover .team-thumbnail img {
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
} */

.our-team-list .team-details h5.team-title {
    margin: 0;
}

.our-team-list .team-description p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px !important;
    color: #838696;
}



.team-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333333d4 !important;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    z-index: 9999999999999 !important;
    visibility: visible;
    opacity: 1;
    /* transition: opacity 0.3s ease; */
    overflow-y: auto;
}

.team-popup-content {
    width: 56% !important;
    margin: 20px auto !important;
    height: fit-content;
    padding: 47px 25px 80px 25px;
    background: var(--whitecolor);
    display: table;
    position: relative;
}

.team-popup-inner {
    display: flex;
    gap: 47px;
}

.team-popup-inner .popup-right {
    width: 54%;
}

.team-popup-inner .popup-left {
    width: 36%;
    padding-top: 81px;
}

.team-popup-inner .popup-right h3 {
    font-size: 30px !important;
    line-height: 22px;
    margin: 0 !important;
}

.team-popup-inner .popup-right div#popup-description {
    font-size: 14px;
    color: #838696;
    font-family: var(--font-Roboto-con);
    text-transform: capitalize;
    margin-bottom: 20px;
}

.team-popup-inner .popup-right p#popup-bio {
    color: #232323;
}


.pop-up-footer-img {
    position: relative;
    padding-bottom: 118%;
    width: 100%;
    height: 0;
}

.team-popup-inner .pop-up-footer-img img#popup-image {
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.pop-up-footer-email a#popup-email {
    width: 22px;
    display: block;
}

.pop-up-footer-email {
    width: fit-content;
    margin: 21px auto 0 auto;
}

button.team-popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 11px;
    height: 11px;
    border: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer;
}

button.team-popup-close::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/team-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: 0;
}


.product-category-carousel .item {
    min-width: 120px;
    /* or whatever width you need */
}







.where-are-section {
    padding-bottom: 72px;
}

.where-are-section .where-are-row {
    max-width: 86% !important;
    width: 100% !important;
    display: flex;
    padding-left: 57px;
}

.where-are-section .where-are-row .where-title-col {
    width: 75%;
}

.where-are-img span.et_pb_image_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.where-are-img span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 0;
    top: 0;
}


/* ------------ABOUT-US-PAGE-END------------ */


/* ------------SHOP-BY-CATEGORY-PAGE------------ */




.shop-by-row-inner .et_pb_text_inner h1 {
    margin-top: 0;
    margin-bottom: 48px;
}

.shop-by-cat-outer {
    padding-top: 15px !important;
}

.shop-container {
    display: flex;
    gap: 16px;
}

/* Left sidebar styles */
.filter-sidebar {
    width: 25%;

}

.filter-sidebar-inner-1 {
    background: var(--whitecolor);
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.05);
    padding: 37px 15px 15px 15px;
    margin-bottom: 71px;
}



.left-sidebar-ad {
    background: var(--primary-yellow);
    border-radius: 10px;
    overflow: hidden;
}

.ad-title {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 60px;
    font-family: var(--font-bebas) !important;
    color: var(--primary-yellow);
    margin: 0;
}

.ad-description p {
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--whitecolor);
    margin: 0;
}


input.filter-input {
    appearance: none !important;
    width: 18px;
    height: 18px;
    border: 1px solid #333333;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: 0s;
    padding: 0 !important;
}

input.filter-input:checked {
    background-color: #333333;
    border: 1px solid #333333;
    transition: 0s;
}

input.filter-input:checked::after {
    content: "";
    position: absolute;
    background: url(../images/tick.svg) !important;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat !important;
    transition: 0s;
    width: 12px;
    height: 12px;
    background-size: contain !important;
}

/* Right content area styles */
.content-area {
    width: 75%;
}


.accordion-header {
    cursor: pointer;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--primary-red);
    border: 0;
    font-family: var(--font-Roboto) !important;
}

.accordion-content a.term-link-accordion {
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: block;
    color: var(--gray-05);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.accordion-header span.accordion-toggle {
    font-size: 0;
    position: relative;
    width: 11px;
    height: 11px;
}

.accordion-header span.accordion-toggle::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    left: 0;
    transition: 0.3s;
}

.accordion-header.active span.accordion-toggle:before {
    rotate: 180deg;
    transition: 0.3s;
}

.accordion-header span.accordion-toggle.active::before {
    rotate: 180deg;
    transition: 0.3s;
}

.accordion-content {
    display: none;
    margin: 18px 0 10px 0;
    max-height: 211px;
    overflow-y: auto;
}

/* == SCROLLBAR_CSS_START ==
===============================================================*/

.accordion-content::-webkit-scrollbar {
    width: 8px;
}

.accordion-content::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 2px #979797; */
    border-radius: 10px;
    background: var(--gray-04);
}

.accordion-content::-webkit-scrollbar-thumb {

    background: var(--primary-black);
    border-radius: 10px;
    cursor: pointer;
}

.accordion-content::-webkit-scrollbar-thumb:hover {
    background: var(--gray-01);
}

/* == SCROLLBAR_CSS_END ==
===============================================================*/


.accordion-section {
    border-bottom: 2px solid var(--primary-red);
    padding-bottom: 29px;
}

.subterm-accordion-section {
    padding-top: 33px;
}


.accordion-content.active {
    display: block;
}


.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.filter-header h6 {
    font-family: var(--font-bebas) !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    padding-left: 28px;
    padding-bottom: 0;
}

.filter-header h6::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/filter-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    left: 0;
}


.radio-taxonomy {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--primary-red);
    padding-bottom: 38px;
}

.taxonomy-radios {
    border-bottom: 2px solid var(--primary-red);
    margin-bottom: 30px;
}

.radio-taxonomy:last-child {
    padding-bottom: 32px;
}

.radio-taxonomy label {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--primary-red);
    margin: 0;
}

.ad-title-description {
    background: var(--primary-black);
    padding: 16px 12px 7px 12px;
    text-align: center;
}

.ad-img-outer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 48%;
    margin: 17px 0;
}

.left-sidebar-ad .ad-img-outer img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    left: 0;
    top: 0;
    position: absolute;
}

/* Grid styles for taxonomy terms */
.taxonomy-grids {
    width: 100%;
}

.taxonomy-grid {
    margin-bottom: 40px;
}

.taxonomy-title {
    font-size: 1.5em;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
}

.terms-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.terms-grid>p {
    color: var(--secondary-red);
    text-align: center;
}

.terms-grid>p {
    grid-column: span 3;
    margin-top: 60px;
}

.term-items {
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.term-items:hover {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 0px 0px;
}


.accordion-content a.term-link {
    font-family: var(--font-Roboto-con);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-top: 10px;
    color: var(--gray-04);
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
}

.accordion-content a.term-link:hover {
    color: var(--primary-black);
}

.accordion-content a.term-link.active {
    color: var(--primary-black);
}

.term-title {
    font-family: var(--font-Roboto-con);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    margin: 10px 0;
}



.accordion-section.sub-accord {
    padding-top: 30px;
}

.filter-sidebar-inner-2 img {
    padding: 20px;
}

/* Products grid styles */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* .product-item {
            padding: 15px;
            text-align: center;
        } */
.products-gridss .product-item {
    padding: 0 !important;
}

.product-image {
    width: 100%;
    height: 180px;
    object-fit: contain;
    margin-bottom: 10px;
}

.product-title {
    font-weight: 600;
    margin: 10px 0;
    text-align: left;
    margin-bottom: 2px;
}

.product-price {
    color: #333;
    font-weight: bold;
}

.products-gridss .product-price {
    text-align: left;
}

.loading {
    text-align: center;
    padding: 50px;
    font-size: 1.2em;
}

.post-img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    object-fit: contain;
    background-color: #F3F5F7;
    padding: 0px 0;
}

.post-img.svg-only-cls img {
    object-fit: contain;
}

.post-img {
    width: 100%;
    height: 0;
    padding-bottom: 84%;
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

button.reset-filter {
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--gray-02);
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.title-des-outer {
    padding: 6px 9px 9px 9px;
}

h6.term-title {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
}

h3.term-title a {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
    text-decoration: none;
}

p.new-pro {
    width: fit-content;
    padding: 10px 10px 10px 10px !important;
    position: absolute;
    z-index: 9;
    background: var(--whitecolor);
    border-radius: 0 0 4px 4px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-red);
    left: 15px;
}




@media (min-width: 769px) {
    .mobile-filter-toggle {
        display: none;
    }

    .filter-sidebar {
        display: block !important;
    }
}



/* ------------SHOP-BY-CATEGORY-PAGE-END------------ */


/* ------------SHOP-BY-CATEGORY-PAGE-DETAILS------------ */



.shop-inner-page {
    max-width: 88%;
    margin: 0 auto;
    position: relative;
}

.custom-category-header {
    margin-bottom: 21px;
    padding-left: 70px;
}

.shop-inner-page .shop-container {
    margin-top: 43px;
    margin-bottom: 20px;

}



.loading-overlay img {
    position: absolute;
    top: 100px;
    width: 85px;
    height: 85px;
    object-fit: contain;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    pointer-events: none;
}



.custom-category-header h1.woocommerce-products-header__title.page-title {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 31px;
}

.term-description {
    padding-top: 30px;
    font-family: var(--font-Roboto-con) !important;
    font-weight: 400;
    color: var(--gray-04);
    padding-top: 35px;
}

.custom-category-header .sub-description {
    padding-top: 30px;
    font-family: var(--font-Roboto) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 26px;
    color: var(--gray-01) !important;
}

.breadcrumbs {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
}

.breadcrumbs a {
    color: var(--gray-05);
    padding-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.breadcrumbs a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
    right: 14px;
    filter: brightness(0) saturate(100%) invert(63%) sepia(9%) saturate(21%) hue-rotate(138deg) brightness(96%) contrast(86%);
    rotate: -90deg;
}

.empty-gradient {
    width: 100%;
    height: 20px;
    background: linear-gradient(to right,
            #FED20B 0%,
            #191919 33%,
            #ED2024 66%,
            #B92025 100%);
}




.terms-grid .pagination {
    grid-column: span 4;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 11px;
    border-top: 2px solid var(--gray-07);
    align-items: center;
}

.terms-grid .pagination-prev a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--gray-05);
    text-transform: uppercase;
}

.terms-grid .pagination-prev a:hover {
    color: var(--primary-red);
}

.terms-grid .pagination-next span.disabled {
    opacity: 0;
}

.terms-grid .pagination-prev span.disabled {
    opacity: 0;
}

.terms-grid .pagination-numbers a.pagination-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--gray-05);
}

.terms-grid .pagination-next a {
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-05);
    font-family: var(--font-inter);
    font-weight: 700;
    text-transform: uppercase;
}

.terms-grid .pagination-next a:hover {
    color: var(--primary-red);
}

.terms-grid .pagination-numbers {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
}

.terms-grid .pagination-numbers span,
.terms-grid .pagination-numbers a {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
    color: #555;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.terms-grid .pagination-numbers .active {
    background-color: var(--primary-yellow);
    /* Yellow */
    color: #000;
    font-weight: bold;
}

.terms-grid .pagination-numbers a:hover {
    background-color: #f0f0f0;
}

.title-des-outer .product-price p.from-price {
    font-size: 14px !important;
    font-weight: 400;
    text-transform: uppercase;
    width: 100% !important;
    font-family: var(--font-Roboto-con);
}

.title-des-outer .product-price p.from-price span {
    color: var(--primary-red);
    font-weight: 700 !important;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
}


/* ------------SHOP-BY-CATEGORY-PAGE-DETAILS-END------------ */


/* ----------THANKS-YOU---------- */

.thanks-heading h2 {
    text-align: center;
    margin-top: 0 !important;
}

.thank-you-inner {
    max-width: 78%;
}

.thank-you-outer {
    padding-top: 0 !important;
    padding-bottom: 96px !important;
}

.thank-you-content {
    margin-top: 45px !important;
}


#custom-popup-overlay-1::-webkit-scrollbar {
    display: none;
}

#custom-popup-overlay-1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333333d4 !important;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    z-index: 9999999999999 !important;
    visibility: visible;
    opacity: 1;
    /* transition: opacity 0.3s ease; */
    overflow-y: auto;
}

#custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333333d4 !important;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    z-index: 9999999999999 !important;
    visibility: visible;
    opacity: 1;
    /* transition: opacity 0.3s ease; */
    overflow-y: auto;
}

#custom-popup-two {
    width: 42% !important;
    margin: 20px auto !important;
    height: fit-content;
    padding: 0;
    background: var(--whitecolor);
    position: relative;
}

div#custom-popup-overlay::-webkit-scrollbar {
    display: none;
}

#custom-popup-two img {
    max-width: 100%;
    height: auto;
}

.thank-pop-content h2 {
    margin-top: 20px;
}

#custom-popup-two .popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer;
    background-color: var(--whitecolor);
    padding: 10px;
    z-index: 999;
    border-radius: 15px;
}

#custom-popup-two .popup-close::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/team-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    top: 0px;
    left: 0;
}

div#custom-popup-two a.popup-button {
    background-color: var(--primary-blue);
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 700;
    display: flex;
    width: 72%;
    text-align: center;
    justify-content: center;
}

#custom-popup-twop a.popup-button:hover {
    background-color: #005f8d;
}

.thank-pop-content h2 {
    color: var(--primary-blue);
    margin-bottom: 0;
}

.thank-pop-content {
    text-align: center;
    padding: 20px 40px 40px 40px;
}

.thank-pop-content .popup-content {
    margin-bottom: 25px;
}

#custom-popup-two .thank-pop-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
}

#custom-popup-two .thank-pop-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
    right: 0;
}

#custom-popup-two .thank-pop-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary-yellow);
    left: 0;
    right: 0;
    mix-blend-mode: multiply;
    z-index: 9;
}





/* ----------THANKS-YOU---------- */






/* ----------NEWS-PAGE---------- */


.News-detail-section {
    padding-top: 0 !important;
    padding-bottom: 21px !important;
}

.news-heading h1 {
    margin-top: 13px;
    margin-bottom: 4px;
}

.news-heading-outer {
    max-width: 78%;
}

.news-detail-col-2 h5 {
    margin-top: 22px;
}

.news-detail-row {
    display: flex;
    gap: 40px;
}

.news-detail-row::after {
    display: none;
}

.news-detail-col-1 {
    width: 75% !important;
    margin-right: 0 !important;
}

.news-detail-col-2 {
    width: 25% !important;
    background: #FFF;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
    height: fit-content;
    margin-top: -122px;
}

.red-heading h5 {
    color: var(--primary-red);
}

.mail-new p a,
.phone-news a {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: var(--gray-02);
    position: relative;
    padding-left: 25px;
    text-decoration: none;

}

.mail-new p a::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 2px;
    background: url(../images/n-mail.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.phone-news a::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 3px;
    background: url(../images/n-phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.timing-new p::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 5px;
    background: url(../images/n-time.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}



.news-detail-shortcode .news-post {
    padding: 14px 14px 12px 14px;
    transition: 0.3s;
}

.news-post:hover {
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.news-detail-shortcode .news-post a {
    text-decoration: none;
}

div#news-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 55px;
}

.news-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    object-fit: cover;
}

.news-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 64%;
}

.news-post h6 {
    text-align: center;
    margin-top: 28px;
    color: var(--gray-01) !important;
    margin-bottom: 9px !important;
}

.mail-new p,
.phone-news p {
    margin-bottom: 10px !important;
}

.mail-new,
.phone-news {
    margin-bottom: 0px !important;
}

.social-news ul.et-social-icons li {
    margin: 0;
    padding-left: 0;
}

.social-news ul.et-social-icons li::before {
    display: none;
}

.news-detail-social-row {
    border-top: 3px solid var(--primary-red);
    margin-top: 42px;
    padding-top: 29px;
    padding-bottom: 15px;
}

.timing-new p {
    position: relative;
    padding-left: 25px;
}

.social-news ul.et-social-icons li a {
    font-size: 0;
    width: 20px;
    height: 20px;
}

.social-news {
    display: flex;
    justify-content: center;
}

.social-news ul.et-social-icons {
    gap: 45px;
}

.social-news ul.et-social-icons li a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: contain;
    transition: 0.1s;
}

.social-news ul.et-social-icons li.et-social-icon.et-social-facebook a::before {
    background: url(../images/n-facebook.svg);
}

.social-news ul.et-social-icons li.et-social-icon.et-social-twitter a::before {
    background: url(../images/n-linkedin.svg);
}

.social-news ul.et-social-icons li.et-social-icon.et-social-instagram a::before {
    background: url(../images/n-instagram.svg);
}

.social-news ul.et-social-icons li a:hover:before {
    filter: brightness(0) saturate(100%) invert(79%) sepia(93%) saturate(764%) hue-rotate(348deg) brightness(97%) contrast(105%);
    transition: 0.1s;
}



button#load-more-news {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 17px 97px;
    border-radius: 0;
    width: fit-content;
    border: 0;
    transition: 0.3s;
    margin: 60px auto 0 auto;
    display: flex;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

button#load-more-news:hover {
    transition: 0.3s;
    background: var(--gray-04);
}

button#load-more-news img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: -40px;
    top: 15px;
}





.cont-us-today-section {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.cont-us-today-section .cont-us-to-row {
    padding-bottom: 0 !important;
}

.cont-us-to-row {
    max-width: 100%;
    display: flex;
}

.cont-us-col-left :where(h1, h2, h3, h4, h5, h6, a, p, li) {
    color: var(--whitecolor) !important;
}

.cont-us-col-left {
    background: var(--primary-black);
    margin-right: 0 !important;
    padding: 39px 75px 27px 75px;
    width: 59% !important;
    margin-bottom: 0 !important;
}

.cont-yellow-text {
    text-align: center !important;
}

.cont-yellow-text h2 {
    font-size: 60px !important;
    line-height: 60px !important;
    color: var(--primary-yellow) !important;

}

.cont-yellow-text h2 {
    width: 72%;
    margin: 0 auto 10px auto;
}

.cont-us-col-right {
    width: 41% !important;
}

.image-button {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    align-items: center;
}

.image-button:before {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    content: "";
    background: #fdd306db;
    mix-blend-mode: multiply;
}


.image-button p a {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 17px 95px;
    border-radius: 0;
    width: fit-content;
    border: 0;
    transition: 0.3s;
    margin: 0px auto 0 auto;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
}

.image-button p a:hover {
    transition: 0.3s;
    background: var(--gray-04);
}


/* ----------NEWS-PAGE---------- */



/* ----------NEWS-DETAIL-PAGE---------- */




.news-detail-outer {
    padding-top: 6px;
}

.news-detail-outer {
    max-width: 88%;
    margin: 0 auto;
}

.news-detail-inner {
    display: flex;
    gap: 36px;
}

.news-detail-outer .left-side-news {
    width: 73%;
}

.news-detail-outer .right-sidebar-news {
    width: 25%;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
    height: fit-content;
    margin-top: 27px;
}

.news-detail-outer .right-sidebar-news .news-detail-col-1 {
    width: 100% !important;
    margin-right: 0 !important;
}

.news-detail-outer .news-detail-row.details-news-row {
    max-width: 100%;
    padding: 0;
}

.recent-post-details {
    border-top: 3px solid var(--primary-red);
    margin-top: 42px;
}

.recent-post-details h5 {
    color: var(--primary-red);
    margin-bottom: 6px !important;
}

.recent-news-posts h6 {
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 18px;
    margin: 0;
    padding: 12px 0px 25px 0px;
    border-bottom: 1px solid var(--gray-07);
}

.recent-news-posts h6 a {
    text-decoration: none;
    font-size: 14px !important;
    line-height: 18px;
    color: var(--gray-02);
    transition: 0.2s;
}

.recent-news-posts h6 a:hover {
    transition: 0.2s;
    color: var(--secondary-red);
}




.news-anno-title {
    padding-left: 62px;
}

.news-post-thum-outer {
    padding-bottom: 71px;
}

.news-post-thum-outer .news-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 67%;
}

.news-gallery-carousel {
    width: 68%;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 60px;
}

.news-gallery-carousel .carousel-slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 69%;
}

.news-gallery-carousel .carousel-slide img {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    object-fit: cover;
}

.news-gallery-carousel .owl-nav {
    display: none;
}

.news-gallery-carousel .owl-dots {
    text-align: center;
    margin-top: 47px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.news-gallery-carousel .owl-dot {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 6px;
    background-color: #EAEAEA !important;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
}

.news-gallery-carousel .owl-dot.active,
.news-gallery-carousel .owl-dot:hover {
    background-color: #4D4D4E !important;
}




.news-sub-detail h6 {
    font-size: 16px !important;
    font-family: 'Inter' !important;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 5px;
    color: var(--gray-01) !important;
}

.prev-post a,
.next-post a {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 38px;
    color: var(--gray-05) !important;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s;
}

.prev-post a:hover,
.next-post a:hover {
    color: var(--primary-red) !important;
    transition: 0.2s;
}

.news-navigation {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid var(--gray-07);
    padding-top: 10px;
}

.news-detail-outer .blog-outer {
    padding-top: 29px;
    padding-bottom: 22px;
    border-top: 2px solid var(--gray-07);
    border-bottom: 2px solid var(--gray-07);
}

.news-detail-outer .blog-outer .news-callout-block {
    width: 83%;
    margin: 0 auto;
}

.news-description {
    padding-bottom: 54px;
}

.news-detail-outer .blog-outer .news-callout-block blockquote p {
    color: var(--primary-red) !important;
}

.news-sub-detail-outer {
    padding-top: 25px;
}

/* ----------NEWS-DETAIL-PAGE-END---------- */



/* ----------404-PAGE---------- */


.error-sec-col {
    padding-top: 20px;
    padding-bottom: 50px;
}

.error-sec-col .inner-error-sec h1 {
    text-align: center;
    margin-bottom: 0;

}

.error-sec-col .inner-col-sec p {
    text-align: center;
    margin-bottom: 40px;
}

.error-sec-col .error-col-sect {
    text-align: center;
}

.error-sec-col a.outline-btn-r {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 17px 95px;
    border-radius: 0;
    width: fit-content;
    border: 0;
    transition: 0.3s;
    margin: 0px auto 0 auto;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
}

.error-sec-col a.outline-btn-r:hover {
    transition: 0.3s;
    background: var(--gray-04);
}

/* ----------404-PAGE-END--------- */



/* ----------MY-ACCOUNT-PAGE--------- */


.woocommerce-account div#main-content .container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    max-width: 88% !important
}


h1.entry-title.main_title {
    margin-top: 10px;
}



nav.woocommerce-MyAccount-navigation {
    padding: 15px !important;
    width: 25% !important;
    box-shadow: 0px 4px 32px 0px rgb(0 0 0 / 11%);
    margin-bottom: 30px;
}

nav.woocommerce-MyAccount-navigation ul {
    padding: 0 !important;
    margin-top: 0 !important;
}

nav.woocommerce-MyAccount-navigation ul li a {
    font-size: 14px !important;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--primary-red);
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--primary-red);
}

nav.woocommerce-MyAccount-navigation ul li::before {
    display: none;
}

nav.woocommerce-MyAccount-navigation ul li {
    padding-left: 0;
    border-bottom: 1px solid var(--gray-07);
    padding-top: 0px;
    margin-bottom: 10px;
}




table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    border: 1px solid var(--gray-07);
}

th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    font-size: 14px;
    color: var(--primary-red);
}

a.woocommerce-button.button.view {
    font-size: 12px;
    color: var(--whitecolor);
    background: var(--primary-black);
    padding: 4px 27px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
}

a.woocommerce-button.button.view:hover {
    font-size: 12px;
    color: var(--whitecolor);
    background: var(--primary-black);
    padding: 4px 27px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
}

a.woocommerce-button.button.view:hover {
    background: var(--primary-red);
}

a.woocommerce-button.button.view::after {
    display: none;
}





form.woocommerce-EditAccountForm.edit-account label {
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2px;
}

form.woocommerce-EditAccountForm.edit-account label span.required {
    color: var(--gray-02);
}

span#account_display_name_description em {
    font-size: 12px;
    color: green;
}

form.woocommerce-EditAccountForm.edit-account input {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
}

form.woocommerce-EditAccountForm.edit-account input::placeholder {
    color: var(--gray-03) !important;
}

form.woocommerce-EditAccountForm.edit-account p {
    margin-bottom: 12px;
}

fieldset legend {
    font-size: 22px;
    line-height: 26px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 10px;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
    margin-top: 40px;
}


form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    font-size: 16px;
    color: white;
    border: 0;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    display: flex;
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover {
    background: var(--gray-04);
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button::after {
    display: none;
}





.u-columns.woocommerce-Addresses.col2-set.addresses {
    margin-top: 50px;
}

header.woocommerce-Address-title.title h2 {
    font-size: 22px !important;
    line-height: 22px;
    color: var(--primary-red);
    margin-top: 10px;
    margin: 0;
}

header.woocommerce-Address-title.title a.edit {
    font-size: 13px;
    color: white;
    font-weight: 400 !important;
    background: black;
    padding: 5px 11px;
    text-transform: uppercase;
    height: fit-content;
}

header.woocommerce-Address-title.title a.edit:hover {
    background: var(--gray-04);
}

header.woocommerce-Address-title.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

header.woocommerce-Address-title.title::before {
    display: none !important;
}

header.woocommerce-Address-title.title::after {
    display: none !important;
}

.u-column1.col-1.woocommerce-Address {
    border-right: 1px solid var(--gray-06) !important;
    padding-right: 25px;
}











.woocommerce-address-fields label.required_field {
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2px;
}

label.required_field span.required {
    color: var(--gray-02);
}

.woocommerce-address-fields__field-wrapper p input {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
}

.woocommerce-address-fields__field-wrapper p input::placeholder {
    color: var(--gray-03) !important;
}

.woocommerce-address-fields__field-wrapper p {
    margin-bottom: 12px;
}

.woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single .select2-selection__rendered {

    background: transparent !important;
    border-radius: 6px !important;
    color: var(--gray-03) !important;
    padding-left: 15px;
}

.woocommerce-address-fields__field-wrapper .select2-container .select2-selection {
    border: 1px solid #CBCBCB !important;
    height: 43px;
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    border-width: 0;
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    top: 3px;
    right: 0px;
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(1036%) hue-rotate(174deg) brightness(97%) contrast(85%);
}




.woocommerce-address-fields Button.button {
    font-size: 16px;
    color: white;
    border: 0;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    display: flex;

}

.woocommerce-address-fields Button.button:hover {
    background: var(--gray-04);
    font-weight: 400;
    padding: 10px 50px;
    text-transform: uppercase;
    border: 0;
    color: white;
}

td.woocommerce-table__product-name.product-name a {
    font-size: 14px;
}

.woocommerce-address-fields Button.button::after {
    display: none;
}


.woocommerce-info {
    background: transparent !important;
    color: var(--gray-02) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-info::after {
    display: none !important;
}

a.button.wc-forward {
    font-size: 16px;
    color: white;
    border: 0;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    position: relative;
    display: flex;
}

a.button.wc-forward:hover {
    background: var(--gray-04);
    font-weight: 400;
    padding: 10px 50px;
    text-transform: uppercase;
    border: 0;
    color: white;
}

a.button.wc-forward::after {
    display: none;
}

.woocommerce-MyAccount-content a.button {
    font-size: 20px;
    color: white;
    border: 0;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    position: relative;
    display: flex;
    width: fit-content;
}

.woocommerce-MyAccount-content a.button:hover {
    font-size: 20px;
    color: white;
    border: 0;
    background: var(--gray-04);
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    position: relative;
    display: flex;
    width: fit-content;
}

.woocommerce-MyAccount-content a.button::after {
    display: none;
}

form.woocommerce-form.woocommerce-form-register.register {
    padding: 0;
    border: 0;
    margin-top: 5px !important;
}

form.woocommerce-form.woocommerce-form-register.register p {
    font-size: 14px !important;
}


.woocommerce-account .woocommerce-notices-wrapper ul.woocommerce-error li {
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

.woocommerce-account .woocommerce-notices-wrapper ul.woocommerce-error li a {
    font-size: 14px;
}

.woocommerce-account ul.woocommerce-error li::before {
    display: none;
}

.woocommerce-account ul.woocommerce-error {
    background: black;
    color: white;
}

.wt-mycoupons .wt_sc_available_coupon_sort_by {
    float: none;
}

.wt_sc_available_coupon_sort_by form span {
    font-size: 16px;
    color: var(--gray-02);
    font-weight: 700;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    display: block;
    width: 100%;
}

.wt_sc_available_coupon_sort_by form select {
    padding: 10px;
    width: 30%;
}

.wt-mycoupons h4,
.wt-used-coupons h4 {
    font-family: var(--font-bebas) !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    color: var(--primary-black) !important;
    line-height: 42px !important;
    margin: 40px 0 20px;
    text-transform: uppercase !important;
}

.wt-mycoupons h4 {
    margin-top: 0;
}

.woocommerce-edit-address p#billing_state_field {
    width: 100% !important;
}

.woocommerce-edit-address p#billing_postcode_field {
    width: 100% !important;
}

.woocommerce-edit-address span.select2-dropdown.select2-dropdown--above {
    top: 0px !important;
}

.woocommerce-edit-address span.select2-dropdown.select2-dropdown--below {
    top: 3px !important;
}

.woocommerce-edit-address p#billing_state_field span.select2-selection.select2-selection--single {
    height: 42px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--blackcolor) !important;
}

.woocommerce-view-order ul.wc-item-meta li {
    padding: 0 !important;
    font-weight: 700 !important;
}

.woocommerce-view-order ul.wc-item-meta li::before {
    display: none;
}

.woocommerce-view-order ul.wc-item-meta {
    padding: 0 !important;
}


.col2-set.addresses h2.woocommerce-column__title {
    margin-top: 20px !important;
}

.woocommerce-edit-address .woocommerce-message {
    background: var(--primary-black);
}


/* ----------MY-ACCOUNT-PAGE-END--------- */




/* ----------CART-PAGE--------- */


.cart-outer-page {
    padding-top: 0 !important;
}

.cart-outer-page .et_pb_row {
    max-width: 86%;
}

.woocommerce-cart .custom-cart-header h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.cart-outer-page .et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light.et_pb_text_align_left {
    margin: 0;
}

nav.woocommerce-breadcrumb {
    font-size: 14px !important;
    font-weight: 700;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
}

nav.woocommerce-breadcrumb span {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
}

.single-product div#main-content .container {
    max-width: 88% !important;
}

nav.woocommerce-breadcrumb a {
    color: var(--gray-05) !important;
    padding-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

nav.woocommerce-breadcrumb a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
    right: 14px;
    filter: brightness(0) saturate(100%) invert(63%) sepia(9%) saturate(21%) hue-rotate(138deg) brightness(96%) contrast(86%);
    rotate: -90deg;
}

.woocommerce-cart .custom-cart-header {
    margin-bottom: 21px;
    padding-left: 70px;
}

.cart-outer-page .et_pb_title_container h1.entry-title {
    display: none;
}


td.actions .coupon {
    display: flex;
    gap: 12px;
    align-items: center;
}

td.actions .coupon input#coupon_code {
    background: var(--gray-07);
    color: var(--gray-02);
    border-radius: 50px;
    padding: 14px 10px 14px 45px;
    font-family: var(--font-Roboto);
    border: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    height: fit-content;
}

td.actions .coupon input#coupon_code::placeholder {
    color: #B3B4B4;
}

td.actions .coupon:before {
    position: absolute !important;
    content: "" !important;
    width: 21px;
    height: 21px;
    background: url(../images/pormo-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 20px;
    left: 13px;
    z-index: 9;
}

td.actions .coupon {
    position: relative;
}

td.actions .coupon button.button {
    background: var(--primary-black);
    color: var(--whitecolor);
    border-radius: 50px;
    padding: 17px 25px 17px 25px;
    font-family: var(--font-inter);
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    width: 151px !important;
}

td.actions .coupon button.button:hover {
    background: var(--gray-04);
    color: var(--whitecolor);
    border-radius: 50px;
    padding: 17px 25px 17px 25px;
    font-family: var(--font-inter);
    border: 0;
}

td.actions .coupon button.button::after {
    display: none;
}



.cart_totals h2 {
    font-size: 34px !important;
    line-height: 44px !important;
    font-family: var(--font-Roboto) !important;
    text-transform: capitalize !important;
    color: var(--gray-02) !important;
    border: 0 !important;
    font-weight: 500;
    margin-top: 0;
}

.wc-block-components-totals-item {
    padding: 0 !important;
}

.cart-row .label {
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-04);
    font-family: var(--font-inter);
}

.cart-row .value {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-black);
    font-family: var(--font-inter);
}

.cart-row.order-total {
    border-top: 1px solid #EAEAEA;
}

.wc-block-components-totals-coupon.wc-block-components-panel {
    padding: 0 !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    border: 0;
}

a.checkout-button.button.wc-forward {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    background: var(--primary-black);
    color: var(--whitecolor);
    border: 0;
    border-radius: 0;
    width: 100% !important;
    text-align: center;
    padding: 10px;
    margin-bottom: 0 !important;
}

a.checkout-button.button.wc-forward:hover {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    background: var(--gray-04);
    color: var(--whitecolor);
    border: 0;
    border-radius: 0;
    width: 100% !important;
    text-align: center;
    padding: 10px;
}

a.button.checkout-button::after {
    display: none;
}

.product-name a {
    font-size: 18px;
    line-height: 20px;
    color: var(--gray-02);
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--font-Roboto-con);
    width: 85%;
    display: block;
}

/* .product-price span.woocommerce-Price-amount.amount {
    font-size: 20px;
    font-family: var(--font-Roboto);
    color: var(--primary-black);
    font-weight: 700;
} */

td.wc-block-cart-item__image {
    width: 115px;
}

form.woocommerce-cart-form .product-thumbnail {
    width: 24%;
}

.product-thumbnail a {
    position: relative;
    width: 100%;
    height: 0px;
    display: block;
    padding-bottom: 100%;
}

.product-thumbnail a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    padding: 10px 0;
    background: #F3F5F7;
}

.wc-block-components-quantity-selector button.wc-block-components-quantity-selector__button {
    font-size: 16px !important;
    font-weight: 700;
    font-family: 'Inter' !important;
}

.wc-block-components-quantity-selector button.wc-block-components-quantity-selector__button::placeholder {
    font-size: 16px !important;
    font-weight: 700;
    font-family: 'Inter' !important;
}

.wc-block-components-quantity-selector button.wc-block-components-quantity-selector__button {
    font-size: 25px !important;
    font-weight: 300;
    font-family: 'Inter' !important;
    color: black !important;
    opacity: 1;
}

.wc-block-components-quantity-selector {
    padding: 7px 16px;
    margin-left: auto;
}

.is-large.wc-block-cart .wc-block-cart-items thead {
    gap: inherit;
    display: none;
}

.custom-cart-wrapper .custom-cart-summary {
    border: 1px solid var(--gray-06);
    padding: 20px 20px 15px 20px !important;
    border-radius: 20px;
}

.custom-cart-wrapper .custom-cart-items {
    border: 1px solid var(--gray-06);
    padding: 0px 20px 0px 20px;
    border-radius: 20px;
    margin-right: 20px;
    min-width: 58% !important;
}

.custom-cart-wrapper {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 27px;
    gap: 0 !important;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    border: 0;
}

.is-large.wc-block-cart .wc-block-cart-items td {
    border-top: 0 !important;
}

tr.wc-block-cart-items__row {
    position: relative;
}

.product-remove {
    position: absolute;
    top: 18px;
    right: 0;
}

.product-remove a.remove {
    position: relative;
    top: 18px;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 0 !important;
    background: url(../images/remove-icon.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: 0 !important;
}

.product-remove {
    top: 18px;
    right: 0;
    position: absolute;
}

form.woocommerce-cart-form .product-subtotal {
    display: none;
}

.cart-item.cart_item {
    position: relative;
    border-bottom: 1px solid #D4D4D4 !important;
    padding-bottom: 27px !important;
    align-items: flex-start !important;
    padding-top: 27px !important;
    gap: 16px;
    /* align-items: center !important; */
}

.cart-item.cart_item:last-child {
    border-bottom: 0px solid #D4D4D4 !important;
    display: flex;
    flex-wrap: nowrap !important;
}


.custom-qty-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid var(--gray-05);
    border-radius: 8px;
    width: fit-content;
}

.custom-qty-wrap button {
    border: 0;
    background: transparent;
    font-size: 25px;
    color: var(--gray-02);
    font-weight: 200;
    cursor: pointer;
}

/* table.shop_table.shop_table_responsive th {
    border: 0;
    font-size: 16px !important;
    font-weight: 700;
    font-family: var(--font-inter);
    line-height: 26px;
    color: var(--gray-04);
}
 table.shop_table.shop_table_responsive td {
    border: 0;
    font-size: 16px !important;
    font-weight: 700;
    font-family: var(--font-inter);
    line-height: 26px;
    color: var(--gray-02);
    text-align: right;
} */
.cart_totals {
    width: 100% !important;
}

.product-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-quantity {
    width: auto;
    margin-top: 58px;
}

.wc-proceed-to-checkout {
    padding-bottom: 0 !important;
    padding-top: 5px !important;
}


.cart-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 10px;
}






.cart-empty.woocommerce-info {
    text-align: center;
    display: flex;
    justify-content: center;
}

p.return-to-shop {
    text-align: center;
    margin-bottom: 60px;
}


a.button.wc-backward {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    background: var(--primary-black);
    color: var(--whitecolor);
    border: 0;
    border-radius: 0;
    text-align: center;
    padding: 10px;
    margin-bottom: 0 !important;
    padding: 11px 90px 11px 90px;
}

a.button.wc-backward:hover {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-Roboto);
    text-transform: uppercase;
    background: var(--gray-04);
    color: var(--whitecolor);
    border: 0;
    border-radius: 0;
    text-align: center;
    padding: 10px;
    padding: 11px 90px 11px 90px;
}

a.button.wc-backward::after {
    display: none;
}





.woocommerce-cart .woocommerce {
    display: flex;
    /* gap: 20px; */
    flex-direction: column;
}

.woocommerce-cart .woocommerce-message {
    background: black;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    align-items: center;
}

.woocommerce-cart .woocommerce-message a.button.wc-forward {
    background: var(--primary-red);
    width: fit-content;
    margin-top: 20px;
    transition: 0.2s;
}

.woocommerce-cart .woocommerce-message a.button.wc-forward:hover {
    background: var(--gray-05);
    width: fit-content;
    margin-top: 20px;
    transition: 0.2s;
}

.cart-item.cart_item {
    display: flex;
}

form.woocommerce-cart-form .cart-actions {
    display: none;
}

.common-form-cart-collater {
    width: 100%;
    display: flex;
    gap: 21px;
    padding-bottom: 50px;
    max-width: 86% !important;
    margin: 0 auto;
    padding-top: 50px;
}

.woocommerce-cart h1.entry-title.main_title {
    max-width: 77% !important;
    margin: 0 auto;
    width: 100%;
}

.woocommerce-cart .woocommerce-notices-wrapper {
    max-width: 86% !important;
    margin: 0 auto;
    width: 100%;
}

.woocommerce-cart nav.woocommerce-breadcrumb {
    max-width: 77% !important;
    margin: 0 auto;
    width: 100%;
}

.page-id-12.woocommerce-cart div#main-content .container {
    max-width: 100% !important;
    padding-top: 33px;
}

form.woocommerce-cart-form {
    width: 60% !important;
    border-radius: 20px;
    border: 1px solid var(--gray-06);
    padding: 0px 20px 20px 20px;
    height: fit-content;
}

.cart-collaterals {
    width: 40% !important;
    border-radius: 20px;
    border: 1px solid var(--gray-06);
    padding: 20px 20px 14px 20px;
    height: fit-content;
}

.cart_totals.calculated_shipping {
    width: 100% !important;
}

.cart_totals.calculated_shipping table.shop_table.shop_table_responsive {
    border: 0;
}

.cart_totals.calculated_shipping table.shop_table.shop_table_responsive th {
    border: 0 !important;
}

a.woocommerce-remove-coupon {
    font-size: 0;
    width: 13px;
    height: 13px;
    background: url(../images/team-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    margin-left: 10px;
    margin-top: 5px;
    filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(4610%) hue-rotate(351deg) brightness(91%) contrast(98%);
}

.cart_totals.calculated_shipping tr.cart-discount.coupon-save10 td {
    display: flex;
    justify-content: flex-end;
}

.cart_totals.calculated_shipping table.shop_table.shop_table_responsive td {
    border: 0 !important;
}

tr.fee.discount-fee td span.woocommerce-Price-amount.amount {
    color: var(--primary-red);
}

.cart_totals.calculated_shipping table.shop_table.shop_table_responsive tr.order-total th,
.cart_totals.calculated_shipping table.shop_table.shop_table_responsive tr.order-total td {
    border-top: 1px solid var(--gray-07) !important;
}




form.woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: 0;
}

tr.woocommerce-cart-form__cart-item.cart_item {
    position: relative;
}

td.product-remove {
    position: absolute;
    right: 0;
    top: -22px;
    border: 0 !important;
}



.woocommerce-cart .common-form-cart-collater .cart-collaterals table.shop_table.shop_table_responsive {
    border: 0;
    margin-bottom: 17px !important;
}

.woocommerce-cart .common-form-cart-collater .cart-collaterals table.shop_table.shop_table_responsive td {
    text-align: right;
}

.woocommerce-cart .common-form-cart-collater tr.cart-discount.coupon-save10 td {
    display: flex;
    justify-content: flex-end;
}

.woocommerce-cart .wc-proceed-to-checkout .ppcp-messages {
    display: none;
}

.page-id-12 .cart-collaterals table.shop_table.shop_table_responsive th,
.page-id-12 .cart-collaterals table.shop_table.shop_table_responsive td {
    border: 0 !important;
}

.page-id-12 .cart-collaterals table.shop_table.shop_table_responsive tr.order-total th,
.page-id-12 .cart-collaterals table.shop_table.shop_table_responsive tr.order-total td {
    border-top: 1px solid var(--gray-07) !important;
    padding-top: 16px !important;
    padding-bottom: 20px !important;
}

.page-id-12 .cart-collaterals .wc-proceed-to-checkout .ppcp-messages {
    display: none !important;
}

.page-id-12 .cart-collaterals .wc-proceed-to-checkout .ppc-button-wrapper {
    display: none;
}

.common-form-cart-collater table.shop_table.shop_table_responsive td.actions {
    padding: 0 !important;
}

.common-form-cart-collater table.shop_table.shop_table_responsive th,
.common-form-cart-collater table.shop_table.shop_table_responsive td {
    padding: 12px 0 !important;
}

.common-form-cart-collater table.shop_table.shop_table_responsive th {
    font-size: 16px !important;
    font-weight: 600;
    font-family: var(--font-inter) !important;
    color: var(--gray-04);
}

.common-form-cart-collater table.shop_table.shop_table_responsive td {
    font-size: 16px !important;
    font-weight: 600;
    font-family: var(--font-inter) !important;
    color: var(--gray-02);
}

.common-form-cart-collater tr.order-total th {
    color: black !important;
}

.news-about-cart .news-subscription-col {
    margin-right: 0;
}

.news-about-cart .et_pb_module.et_pb_image.et_pb_image_0 {
    margin: 0;
}

.woocommerce-checkout h1.entry-title.main_title {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.woocommerce-checkout nav.custom-breadcrumb ul {
    margin-top: 0 !important;
    margin-bottom: 49px !important;
    gap: 0 !important;
}

.news-about-cart .news-letter-sec {
    padding-top: 40px !important;
    padding-bottom: 82px !important;
}


/* ----------CART-PAGE-END-------- */






/* --------------PRODUCT-SINGLE------------- */


.bulk-discount-box {
    display: table;
    color: white;
    width: 100%;
    margin-left: 195px;
    padding: 20px 20px 20px 25px !important;
    font-family: 'Roboto Condensed';
    margin-top: -50px !important;
    font-size: 18px;
    background: #DA1E25 !important;
    border-radius: 15px !important;
    max-width: 280px;
}

.bulk-discount-box strong {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.bulk-discount-box li {
    color: white !important;
    font-weight: 600 !important;
    font-family: 'Roboto Condensed' !important;
}

.bulk-discount-box li::before {
    background: white !important;
}

.bulk-discount-box ul {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

span.price span.woocommerce-Price-amount.amount {
    color: black;
    font-weight: 800;
    font-size: 23px;
    padding-bottom: 20px !important;
    display: block;
}


.product.type-product .quantity {
    border: 1px solid var(--gray-05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content;
}

.product.type-product .quantity input.minus,
.product.type-product .quantity input.plus {
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    font-family: 'Inter';
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
    color: var(--gray-02) !important;
}

.product.type-product .quantity input:nth-child(3) {
    width: 38px !important;
    padding: 10px 0 10px 0 !important;
    background: transparent;
    font-size: 16px;
    font-family: var(--font-inter);
    font-weight: 700;
    color: var(--gray-02);
}





/* Gallery Arrow*/
ul.flex-direction-nav {
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
    padding: 0 !important;
}

ul.flex-direction-nav {
    top: 33%;
    transform: translateY(55%);
}

ul.flex-direction-nav li {
    position: relative;
}

li.flex-nav-prev a {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--whitecolor);

}

li.flex-nav-next a {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--whitecolor);

}


a.flex-next::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 13px;
    top: 13px;
    rotate: -90deg;
}

a.flex-prev::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 13px;
    top: 13px;
    rotate: 90deg;
}

li.flex-nav-next {
    padding-right: 22px;
}

li.flex-nav-prev {
    padding-left: 22px;
}

ul.flex-direction-nav li a {
    color: #ccc;
    font-size: 0;
    position: relative;
}

ul.flex-direction-nav li a:hover {
    text-decoration: none;
}

ul.flex-direction-nav li a {
    color: #ccc;
}

ul.flex-direction-nav li a:hover {
    text-decoration: none;
}



.woocommerce-product-gallery .flex-viewport {
    padding-top: 56px;
    padding-bottom: 56px;
    background: #F3F5F7;
    height: 100% !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 77%;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a img {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    left: 0;
    right: 0;
}

.woocommerce-product-gallery ul.flex-direction-nav li:before {
    display: none;
}

ol.flex-control-nav.flex-control-thumbs li {
    list-style: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 1 !important;
}

/* .woocommerce div.product div.images .flex-control-thumbs li {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 22.6%;
    margin: 0;
    max-width: 95px;
} */

.woocommerce div.product div.images .flex-control-thumbs li {
    position: relative;
    width: 65px;
    height: 65px;
    /* padding-bottom: 22.6%; */
    margin: 0;
    min-width: 65px;
}

ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    width: 100%;
    margin: 26px auto 0 auto !important;
    gap: 11px;
    overflow-x: auto !important;
    padding-left: 0 !important;
}




/* == SCROLLBAR_CSS_START ==
===============================================================*/

ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    /* width: 8px; */
    height: 8px;
}

ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 2px #979797; */
    border-radius: 10px;
    background: #666666;
}

ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {

    background: #FED418;
    border-radius: 10px;
    cursor: pointer;
}

ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb:hover {
    background: #f7d024;
}

/* == SCROLLBAR_CSS_END ==
    ===============================================================*/














h2.woocommerce-Reviews-title span {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
}

.woocommerce-Reviews ol.commentlist li {
    list-style: none !important;
}

.comment-text {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.woocommerce-Reviews .comment_container {
    display: flex;
    gap: 40px;
}

.comment_container img {
    object-fit: cover;
    width: 100px;
    height: 100px;
}

div#review_form .comment-form-rating p.stars {
    width: fit-content;
}


p.comment-form-comment textarea {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
    min-height: 120px;
    width: 100% !important;
}

p.comment-form-author input,
p.comment-form-email input {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
    width: 100% !important;
}

p.comment-form-email {
    width: 48% !important;
}

p.comment-form-author {
    width: 48% !important;
}

form.comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#review_form form.comment-form p {
    width: 100%;
}

.comment-form-rating {
    width: 100%;
}

.comment-form-rating p.stars {
    width: fit-content;
}

form.comment-form p input {
    border: 1px solid #CBCBCB;
    background: transparent;
    border-radius: 6px;
    padding: 7px 10px 7px 15px;
    color: var(--gray-03);
    font-size: 16px;
}

form.comment-form p.form-submit input#submit {
    font-size: 16px !important;
    color: var(--whitecolor) !important;
    border: 0 !important;
    background: var(--primary-black) !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    padding: 10px 50px !important;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    display: flex;
    transition: 0.2s;
    border-radius: 0 !important;
}

form.comment-form p.form-submit input#submit:hover {
    background-color: var(--gray-04);
}

p.comment-form-cookies-consent label {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: 'Roboto';
}

p.comment-form-cookies-consent input#wp-comment-cookies-consent {}

p.form-submit input#submit:hover {
    background: var(--gray-04) !important;
    transition: 0.2s;
}

/* .woocommerce .star-rating::before {
    color: var(--primary-yellow) !important;
} */
.comment-text p.meta strong.woocommerce-review__author {
    color: black;
}

.woocommerce .star-rating span {
    /* display: none; */
    float: left;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: WooCommerce;
}

.woocommerce .star-rating span::before {
    color: var(--primary-yellow);
}

.woocommerce-tabs.wc-tabs-wrapper {
    padding-left: 73px;
    margin-top: 54px !important;
}

body.woocommerce div.product .woocommerce-tabs .panel,
body.woocommerce #content-area div.product .woocommerce-tabs .panel {
    padding-left: 0 !important;
}

.pro-inform ul {
    padding-left: 8px !important;
}






.single-product .product.type-product {
    margin-top: 40px;
}

.single-product .product.type-product:before {
    position: absolute;
    content: "";
    width: 107%;
    height: 2px;
    background: var(--gray-07);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


a.woocommerce-product-gallery__trigger {
    display: none;
}


.summary.entry-summary .product_title.entry-title {
    font-family: var(--font-bebas) !important;
    font-weight: 400;
    font-size: 40px !important;
    color: var(--gray-02);
    line-height: 42px;
    margin: 40px 0 0px;
    text-transform: uppercase;
    padding-bottom: 8px !important;
    margin-top: 0;
}

span.favorite-text {
    color: #999999;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    margin-left: 15px !important;
    margin-top: -5px;
}

.product-category-breadcrumb {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;

}

span.review-count-text {
    color: #143DE7;
    font-size: 14px;
}

.acf-product-freeshipping {
    font-size: 20px;
    color: var(--primary-red);
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--font-bebas) !important;
    margin-bottom: 30px;
    margin-top: 20px;
}




.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.quantity input[type="number"] {
    -moz-appearance: textfield;
}

.quantity {
    display: flex;
    align-items: center;
}

.product-quantity .quantity input {
    border: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    font-size: 16px !important;
    color: var(--gray-02) !important;
    font-weight: 700 !important;
    display: flex !important;
    padding: 7px 0px 7px 0px !important;
}

.product-quantity .quantity input:nth-child(3) {
    width: 58px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 20px;
}

.product-quantity .quantity {
    border: 1px solid var(--gray-05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content;
}

.product-quantity .quantity input.minus,
.product-quantity .quantity input.plus {
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    font-family: 'Inter';
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
    color: var(--gray-02);
}

.product-price span.woocommerce-Price-amount.amount {
    font-size: 20px;
    font-family: var(--font-Roboto);
    font-weight: 700;
    color: var(--primary-black);
}

.cart-item.cart_item .product-price {
    margin-top: 18px;
}

.com-product-price-name p.product-variations {
    margin-bottom: 0 !important;
    font-weight: 600;
    font-family: var(--font-inter);
    color: var(--primary-black);
    text-transform: capitalize;
    margin-top: 4px;
}

.cart-item.cart_item:last-child {
    border: 0 solid var(--gray-06);
}

.outer-pro-name-to-quan {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.product.type-product .qty_label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gray-02);
    margin-bottom: 6px;
}

.summary.entry-summary .product-detail-text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gray-02);
    border-top: 1px solid var(--gray-07);
    padding-top: 20px;
}

form.variations_form.cart table.variations th.label {
    display: none;
}

form.variations_form.cart {
    margin-top: 3px !important;
}

table.variations select#pa_pf-5-0mil-optically-clear {
    border: 1px solid var(--gray-05);
    padding: 10px 10px 10px 10px;
    background: transparent;
    margin: 0;
    width: 100% !important;
    font-size: 16px;
    color: var(--gray-02) !important;
    border-radius: 8px !important;

}

form.variations_form.cart table.variations td.value {
    position: relative;
    padding-bottom: 30px !important;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 20px;
}

.woocommerce div.product form.cart table span#select2-pa_pf-5-0mil-optically-clear-container {
    font-size: 16px;
    color: var(--gray-02);
    font-family: 'Roboto';
    border: 1px solid var(--gray-05);
    border-radius: 8px;
}

.woocommerce div.product form.cart table .select2-container--default .select2-selection--single {
    border: 1px solid var(--gray-05) !important;
    height: 46px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: var(--font-Roboto);
}

.woocommerce div.product form.cart table .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 21px;

}

.woocommerce div.product form.cart table .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    ;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    top: 3px;
    right: 0px;
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(1036%) hue-rotate(174deg) brightness(97%) contrast(85%);
}

.woocommerce div.product form.cart table .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    border-width: 0;
}


.woocommerce div.product .custom-variable-price span.woocommerce-Price-amount.amount {
    color: var(--primary-red);
    font-weight: 500;
}

.woocommerce div.product .custom-variable-price {
    margin: 7px 0;
}

.single-product .custom-variable-price {
    display: none;
}

a.reset_variations {
    /* font-size: 0 !important; */
    position: absolute;
    right: 0px;
    top: -18px;
    color: var(--primary-blue);
    text-transform: uppercase;
    font-weight: 500;
}

.single-product .product .summary.entry-summary p.price {
    color: var(--primary-red);
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
}

.single-product .product .summary.entry-summary p.price span {
    font-size: 16px !important;
}


button.single_add_to_cart_button.button {
    width: 100% !important;
    margin-top: 20px;
    background: black !important;
    opacity: 1 !important;
    border: 0 !important;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px !important;
    border-radius: 0 !important;
    margin-top: 53px;
}

button.single_add_to_cart_button.button:hover {
    background: var(--gray-04) !important;
}

button.single_add_to_cart_button.button::after {
    display: none;
}

.single-product .product .product_meta {
    display: none;
}


.single-product nav.woocommerce-breadcrumb {
    padding-left: 73px !important;
    color: var(--gray-02);
    font-size: 14px;
    margin-bottom: 25px;
}


a.download-spec-sheet span {
    font-size: 16px;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    color: #AD8C8C !important;
}

a.download-spec-sheet {
    padding-left: 28px;
    position: relative;
}

a.download-spec-sheet::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 2px;
    left: 0;
}



a.download-app-guide span {
    font-size: 16px;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    /* color: #AD8C8C !important; */
    color: #E5AB23 !important;
}

a.download-app-guide {
    padding-left: 28px;
    position: relative;
}

a.download-app-guide::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 2px;
    left: 0;
    filter: brightness(0) saturate(100%) invert(63%) sepia(76%) saturate(455%) hue-rotate(2deg) brightness(94%) contrast(96%);
}

.product-download-links {
    display: flex;
    gap: 30px;
}



span.discount-badge {
    color: var(--primary-red);
    font-weight: 800;
    font-size: 23px;
}

.price del {
    text-decoration: line-through;
    text-decoration-color: var(--primary-red);
    /* change this to any color you like */
}


.price del {
    text-decoration-thickness: 2px;
    /* increase the thickness */
    text-decoration-color: var(--primary-red);
    /* your preferred color */
}

.price del {
    text-decoration: line-through;
    text-decoration-color: var(--primary-red);
    /* red strike line */
    text-decoration-thickness: 2px;
}




.product .woocommerce-tabs.wc-tabs-wrapper {
    border: 0 !important;
}

ul.tabs.wc-tabs {
    background: transparent !important;
    border-bottom: 1px solid var(--gray-05);
    display: flex;
    gap: 72px;
}

ul.tabs.wc-tabs li {
    border: 0 !important;
    background: transparent !important;
    padding-left: 2px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {
    padding: 1px !important;
    font-size: 16px;
    font-family: 'Inter';
    color: var(--gray-05) !important;
    font-weight: 600;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--gray-01) !important;
    border-bottom: 1px solid black;
    font-weight: 600 !important;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--gray-01) !important;
    border-bottom: 1px solid black;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 0px solid #cfc8d8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none;
}



.faq-accordion .faq-item {
    border-bottom: 1px solid #EAEAEA;
}

.faq-accordion .faq-item h6.faq-question {
    font-size: 16px;
    color: var(--gray-01);
    font-weight: 700 !important;
    font-family: 'Inter' !important;
    margin: 0;
    padding-bottom: 13px;
    padding-top: 10px;
    padding-left: 23px;
    position: relative;
    cursor: pointer;
}

.faq-accordion .faq-item .faq-answer {
    padding-left: 23px;
}

.faq-accordion .faq-item h6.faq-question::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 15px;
    left: 0;
    transition: 0.3s;
}

.faq-item.active h6.faq-question::before {
    rotate: 180deg;
    transition: 0.3s;
}








.single-product .all-category-sec {
    padding-bottom: 0px !important;
}





.acf-product-new {
    position: absolute;
    width: fit-content;
    padding: 13px 20px 8px 20px;
    font-size: 20px;
    color: var(--primary-red) !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    background: white;
    margin-top: 0 !important;
    left: 35px;
    top: 0;
}





/* -------PRODUCT-SONGLE-END---------- */




/* -------LOGIN-PAGE----------- */


.whole-containter-login {
    display: flex;
    padding: 40px 40px 40px 51px;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
    width: 84%;
    margin: 0 auto;
    gap: 64px;
}

.whole-containter-login .u-column1.col-1 {
    width: 100% !important;
}

.whole-containter-login .u-column1.col-1 h2 {
    color: var(--gray-04) !important;
    margin-bottom: 4px !important;
}

.right-side-content {
    position: relative;
    width: 100%;
    height: fit-content;
}

.img-right-login {
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 21px;
}

.login-options p {
    text-align: center;
    font-family: var(--font-inter);
}

.remember-lost-pass label.woocommerce-form__label span {
    font-family: var(--font-Roboto) !important;
    text-transform: capitalize !important;
    color: var(--gray-01) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-left: 5px;
}

p.woocommerce-LostPassword.lost_password {
    padding-right: 20px;
}

p.woocommerce-LostPassword.lost_password a {
    font-family: var(--font-Roboto-con) !important;
    text-transform: capitalize !important;
    color: var(--primary-blue) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.img-right-login blockquote {
    text-align: center;
    color: var(--whitecolor) !important;
}

.img-text-login img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-text-login {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 142.5%;
}

.woocommerce-privacy-policy-text {
    display: none;
}

.woocommerce-account h1.entry-title.main_title {
    display: none;
}

.img-text-login:before {
    position: absolute;
    content: "";
    background: #ad8c8c;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}


form.woocommerce-form.woocommerce-form-login.login {
    border: 0;
    padding: 0;
    margin-top: 0px !important;
    margin-bottom: 18px;
}

form.woocommerce-form.woocommerce-form-login.login .form-row-wide {
    padding: 0;
    margin-bottom: 12px;
}

p.common_ht_para.login_cnt {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-01);
    font-family: var(--font-Roboto-con);
    margin-bottom: 10px;
}

form.woocommerce-form.woocommerce-form-login.login label {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

form.woocommerce-form.woocommerce-form-login.login input {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
}

.remember-lost-pass {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
}

.remember-lost-pass p.woocommerce-LostPassword.lost_password {
    margin-bottom: 0;

}

.remember-lost-pass input#rememberme:checked::after,
.register p.form-row.form-row-wide input#privacy_policy_agree::after {
    content: "" !important;
    position: absolute;
    background: url(../images/tick.svg) !important;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat !important;
    transition: 0s;
    width: 12px;
    height: 12px;
    background-size: contain !important;
}

form.woocommerce-form.woocommerce-form-login.login input#rememberme,
.register p.form-row.form-row-wide input#privacy_policy_agree {
    appearance: none !important;
    width: 24px;
    height: 24px;
    border: 1px solid #999999;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: 0s;
    padding: 0 !important;
    border-radius: 2px !important;
}

form.woocommerce-form.woocommerce-form-login.login input#rememberme:checked,
.register p.form-row.form-row-wide input#privacy_policy_agree:checked {
    background-color: #999999 !important;
    border: 1px solid #999999 !important;
    transition: 0s;
}

.register p.form-row.form-row-wide input#privacy_policy_agree {
    margin-right: 8px;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100% !important;
    font-size: 20px;
    color: white;
    border: 0;
    background: var(--primary-blue);
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 50px;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    text-align: center;
    transition: 0.3s;
}

button.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background: var(--primary-black);
    transition: 0.3s;
}

button.woocommerce-button.button.woocommerce-form-login__submit::after {
    display: none;
}

.mo-openid-app-icons {
    display: flex !important;
    justify-content: center;
    gap: 25px;
}

.mo-openid-app-icons p {
    display: none;
}

.have-an-acc p {
    text-align: center;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    color: black;
}

.have-an-acc span#register {
    color: var(--primary-blue) !important;
    cursor: pointer;
    font-family: var(--font-Roboto-con);
}



.whole-containter-login .u-column2.col-2 {
    width: 100% !important;
}

.whole-containter-login .u-column2.col-2 h2 {
    color: var(--gray-04) !important;
    margin-bottom: 4px !important;
}

p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

form.woocommerce-form.woocommerce-form-register.register input {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-register__privacy-policy a {
    font-family: var(--font-Roboto-con) !important;
    text-transform: capitalize !important;
    color: var(--primary-blue) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    width: 100% !important;
    font-size: 20px;
    color: white;
    border: 0;
    background: var(--primary-blue);
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 50px;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    text-align: center;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit::after {
    display: none;
}

p.form-row.form-row-wide label {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

p.form-row.form-row-wide label {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

.whole-containter-login .u-column1.col-1 .mo-openid-app-icons a {
    font-size: 0;
    border: 0;
    background: transparent;
    color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 20px !important;
    background-image: none !important;
    position: relative;
}

.mo-openid-app-icons a {
    width: 25px !important;
    height: 25px !important;
    overflow: visible;
    margin: 0 !important;
    max-width: 25px !important;
}

.mo-openid-app-icons a i.fab.fa-facebook {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/login-fb.png);
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: contain;
    top: 1px;
    left: 0;
    border: 0;
}

.mo-openid-app-icons a img.fa {
    position: absolute;
    content: "";
    /* width: 16px;
    height: 16px;
    background: url(../images/login_Google.png); */
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: contain;
    top: 1px;
    left: 0;
    border: 0;
    margin: 0 !important;
    width: 100% !important;
    object-fit: contain;
    height: 100% !important;
}

.mo-openid-app-icons a:nth-child(3) {
    max-width: 40px !important;
    height: 36px !important;
    margin-top: -4px !important;
}


label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-register__privacy-policy {
    font-family: var(--font-Roboto) !important;
    text-transform: capitalize !important;
    color: var(--gray-01) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-left: 5px;
}

.remember-lost-pass label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    gap: 5px;
}

/* -------LOGIN-PAGE-END---------- */





.admin-bar span.select2-dropdown.select2-dropdown--above {
    top: 32px;
}

.admin-bar span.select2-dropdown.select2-dropdown--below {
    top: 32px;
}

.woocommerce-checkout.admin-bar span.select2-dropdown.select2-dropdown--above {
    top: 0px;
}

.woocommerce-checkout.admin-bar span.select2-dropdown.select2-dropdown--below {
    top: 0px;
}


/* ----DISPLAY-NONE------ */


.single-product .ppcp-messages {
    display: none !important;
}

.single-product .ppc-button-wrapper {
    display: none;
}

.single-product section.related.products {
    display: none !important;
}

.single-product div#main-content div#sidebar {
    display: none !important;
}

.single-product div#main-content .container::before {
    display: none;
}

.single-product div#main-content .container div#left-area {
    padding-right: 0;
    width: 100%;
}

/* .woocommerce-checkout .ppcp-messages {
    display: none !important;
} */



/* ----DISPLAY-NONE-END----- */


/* ----ORDER-COMPLETED----- */

.thenameisv-sri-deepa h2.woocommerce-thankyou-order-received {
    color: var(--primary-red);
    text-align: center;
    margin-bottom: 0;
}

.thenameisv-sri-deepa p.order-received-message {
    text-align: center;
    font-size: 20px;
    font-family: var(--font-inter) !important;
    color: var(--gray-02);
    font-weight: 500 !important;
}


.whole-check-complete-container {
    width: 65%;
    margin: 35px auto 59px auto;
    padding: 35px 20px 77px 20px;
    box-shadow: 0px 0px 48px rgba(18, 18, 18, 0.1);
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    width: 59%;
    margin: 0 auto;
    padding: 0 !important;

}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    flex-direction: column;
    padding-top: 17px !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:before {
    display: none;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-inter) !important;
    color: var(--gray-04);
    text-transform: capitalize;
    margin-bottom: 20px !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-inter) !important;
    color: var(--gray-02);
}

.orderhistory-btn a {
    color: var(--whitecolor);
    background: #141718;
    padding: 15px 25px 15px 24px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    display: block;
    width: fit-content;
    transition: 0.2s;
}

.orderhistory-btn a:hover {
    background: var(--gray-03);
    transition: 0.2s;
}

.orderhistory-btn {
    text-align: center;
    display: flex;
    justify-content: center;
}

.woocommerce-order-received h1.entry-title.main_title {
    margin-bottom: 0;
    padding-bottom: 0;
}

.woocommerce-order-received div#main-content .container {
    padding-top: 25px !important;
}

/* ----ORDER-COMPLETED-END----- */





/* ----------CHECK-OUT-PAGE-------- */

.woocommerce-additional-fields {
    display: none;
}



.page-id-13 .check-out-onlypayment .ppcp-messages {
    display: block !important;
}

.page-id-13 .ppcp-messages {
    display: none;
}

.page-id-13 .check-out-onlypayment div#payment {
    display: block;
}

/* .page-id-13 div#payment {
    display: none;
} */
div#order_review div#payment {
    display: none;
}

/* form.checkout.woocommerce-checkout .col-2 {
    display: none;
} */
form.checkout.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}

div#customer_details {
    width: 57% !important;
}

.woocommerce-checkout .wt_coupon_wrapper {
    display: none;
}


form.checkout.woocommerce-checkout input {
    background: transparent !important;
    border: 1px solid #CBCBCB !important;
    border-radius: 6px !important;
    padding: 6px 10px 6px 16px !important;
    font-family: var(--font-Roboto);
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-04);
}

form.checkout.woocommerce-checkout input::placeholder {
    color: var(--gray-04);
    font-weight: 400;
    font-size: 16px;
}

p#billing_postcode_field {
    width: 49%;
}

p#billing_state_field {
    width: 49%;
}

form.checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label.required_field {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

.woocommerce-checkout h3#order_review_heading {
    display: none;
}

div#order_review .order-summary-bro:last-child {
    display: none !important;
}

div#order_review table.shop_table.woocommerce-checkout-review-order-table {
    border: 0;
}

.woocommerce-checkout-review-order {
    border: 1px solid var(--gray-06);
    padding: 20px;
    border-radius: 20px;
    width: 37%;
    height: fit-content;
}

div#customer_details .col-1 {
    width: 100%;
}

.woocommerce-checkout div#customer_details div#custom-payment-section {
    display: none !important;
}

.woocommerce-checkout div#customer_details .payment-method-custom div#custom-payment-section {
    display: block !important;
}

div#customer_details {
    display: flex;
    gap: 67px;
}

table.shop_table.woocommerce-checkout-review-order-table th.ordersummary-name h2 {
    margin: 0;
}

table.shop_table.woocommerce-checkout-review-order-table td.product-name {
    display: flex;
}

.custom-billing-columns .billing-left {
    border: 1px solid var(--gray-06);
    padding: 20px 20px 34px 20px;
    border-radius: 20px;
    margin-bottom: 25px;
}

.custom-billing-columns .billing-right {
    border: 1px solid var(--gray-06);
    padding: 20px 20px 34px 20px;
    border-radius: 20px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-billing-columns .billing-right h3 {
    margin-top: 16px;
    margin-bottom: 5px;
    width: 100%;
    color: var(--gray-02);
}

.custom-billing-columns .billing-right p.form-row.form-row-wide {
    width: 100%;
}

p#billing_state_field span.select2-selection.select2-selection--single {
    height: 37px;
    padding-left: 7px;
    border: 1px solid var(--gray-06);

}

.woocommerce-checkout p#billing_state_field .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: var(--gray-04);
    line-height: 24px;

}

.woocommerce-checkout p#shipping_state_field .select2-container--default .select2-selection--single {
    height: 37px;
    padding-left: 7px;
    border: 1px solid var(--gray-06);
}

.woocommerce-checkout p#shipping_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    border-width: 0;
}

.woocommerce-checkout p#shipping_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    top: 0px;
    right: 0px;
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(1036%) hue-rotate(174deg) brightness(97%) contrast(85%);
}

.woocommerce-checkout p#shipping_state_field .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: var(--gray-04);
    line-height: 24px;

}

.woocommerce-checkout p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    top: 0px;
    right: 0px;
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(1036%) hue-rotate(174deg) brightness(97%) contrast(85%);
}

.woocommerce-checkout p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    border-width: 0;
}

.custom-billing-columns .billing-left h3 {
    margin-top: 16px;
    margin-bottom: 5px;

}

button#place_order {
    width: 100%;
    font-size: 20px;
    color: var(--whitecolor);
    background-color: var(--gray-02);
    padding: 7px 15px 7px 15px;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
}

button#place_order:hover {
    width: 100%;
    font-size: 20px;
    color: var(--whitecolor);
    background-color: var(--primary-black);
    padding: 7px 15px 7px 15px;
    border-radius: 0;
    border: 0;
}

button#place_order::after {
    display: none;
}

div#customer_details::after,
div#customer_details::before {
    display: none;
}

.billing-left label.required_field {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: var(--font-Roboto-con);
    font-weight: 700;
    color: var(--gray-02);
    text-transform: uppercase;
}

.woocommerce-checkout div#customer_details .payment-method-custom {
    border: 1px solid var(--gray-06);
    padding: 20px;
    border-radius: 20px;
}

.woocommerce-checkout div#customer_details .payment-method-custom h3 {
    margin-top: 16px;
    margin-bottom: 5px;
}

.woocommerce-checkout div#main-content .container {
    max-width: 79% !important;
    padding-bottom: 95px;
    padding-top: 22px;
}

ul.wc_payment_methods.payment_methods.methods {
    padding: 0 !important;
    background: transparent !important;
}

.woocommerce-checkout-payment {
    background: transparent !important;
}

.check-out-onlypayment ul.wc_payment_methods li {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--gray-07);
    padding-bottom: 20px;
    padding-top: 20px;
    align-items: center;
}

.check-out-onlypayment ul.wc_payment_methods li::before {
    display: none !important;
}

ul.wc_payment_methods.payment_methods.methods li.wc_payment_method input {
    height: 18px !important;
    width: 18px !important;
    border: 1.5px solid #666766 !important;
    padding: 6px !important;
    appearance: none;
    border-radius: 20px !important;
}

ul.wc_payment_methods.payment_methods.methods li.wc_payment_method input[type="radio"]:checked {
    background-color: #666766 !important;
    border-color: #ffff !important;
    box-shadow: 0px 0px 0px 1px #666766, inset 0px 0px 0px 3px #666766 !important;
    display: inline-block;
    cursor: pointer;
    border: 3.5px solid #ffff !important;
}


.check-out-onlypayment ul.wc_payment_methods li .payment_box.payment_method_woocommerce_payments {
    padding: 0 !important;
    background: transparent !important;
}

.check-out-onlypayment ul.wc_payment_methods li .payment_box.payment_method_woocommerce_payments::before {
    display: none !important;
}

.check-out-onlypayment ul.wc_payment_methods li .payment-methods--logos {
    display: none;
}

/* .p-Field label.p-FieldLabel.Label {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    font-family: var(--font-Roboto-con) !important;
    font-weight: 700 !important;
    color: var(--gray-02) !important;
    text-transform: uppercase !important;
} */
.check-out-onlypayment fieldset.wc-payment-form {
    padding: 0 !important;
}

.check-out-onlypayment .wcpay-upe-element.StripeElement {
    padding: 0 !important;
}


.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .product-thumbnail {
    width: 191px;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td.product-name {
    font-size: 12px !important;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .product-thumbnail {
    width: 191px;
    padding-top: 10px;
    background: #F3F5F7;
    padding-bottom: 10px;
    height: 82px;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td {
    padding: 0 !important;
}



nav.custom-breadcrumb li {
    padding: 0;
}

nav.custom-breadcrumb li::before {
    display: none;
}

nav.custom-breadcrumb li a {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--gray-04);
}

nav.custom-breadcrumb li {
    color: var(--gray-02);
    font-size: 14px;
    text-transform: uppercase;
}


.custom-billing-columns .billing-left h3 {
    margin-top: 15px;
    color: var(--gray-02);
}

.woocommerce-checkout-review-order-second h2 {
    margin-top: 0;
    color: var(--gray-02);
    margin-bottom: 0;
}

.woocommerce-checkout-review-order-second .product-total {
    width: 21%;
    text-align: right;
    display: flex;
    height: 100% !important;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin-top: 30px;
}

.woocommerce-checkout-review-order-second .product-total span.woocommerce-Price-amount.amount {
    color: var(--primary-black);
    font-weight: 700;
    font-size: 15px;
}

.woocommerce-checkout-review-order-second .product-thumbnail {
    width: 30%;
    background: #F3F5F7;
    padding-top: 10px;
    padding-bottom: 10px;
    height: fit-content;
    margin: 0;
    display: flex;
}

.woocommerce-checkout-review-order-second .product-thumbnail img {
    width: 100%;
    height: 62px;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

.woocommerce-checkout-review-order-second .product-details {
    width: 40%;
    line-height: 16px;
}

.woocommerce-checkout-review-order-second .product-details span.product-name {
    font-size: 12px !important;
    line-height: 15px;
    font-family: var(--font-Roboto-con);
    text-transform: uppercase;
    font-weight: 500;
    color: var(--gray-02);
}


.woocommerce-checkout-review-order-second .order-summary-totals .fee {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid var(--gray-07);
}

.woocommerce-checkout-review-order-second .free-ship-checkout {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid var(--gray-07);
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .free-ship-checkout li {
    margin-bottom: 0 !important;
}

.woocommerce-checkout-review-order-second .cart-discount.coupon-save10 span.value {
    display: flex;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-inter);
    color: var(--gray-02) !important;
}

.woocommerce-checkout-review-order-second .tax-rate.tax-rate-us-sales-tax-1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
}

.woocommerce-checkout-review-order-second .cart-discount.coupon-save10 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .tax-rate.tax-rate-us-sales-tax-1 span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .tax-rate.tax-rate-us-sales-tax-1 .value {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
    font-weight: 700;
}

.cart-discount.coupon-save10 span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .cart-subtotal {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid var(--gray-07);
}

.woocommerce-checkout-review-order-second .cart-subtotal span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .cart-subtotal span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .order-total span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
    font-weight: 700;
}

.woocommerce-checkout-review-order-second .order-total {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
}

.woocommerce-checkout-review-order-second .product-thumbnail img {
    width: 100%;
    height: 62px;
    object-fit: cover;
}

.woocommerce-checkout-review-order-second .fee span {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout-review-order-second .fee span.value {
    font-size: 16px;
    font-family: var(--font-inter);
    color: var(--primary-red) !important;
    font-weight: 700;
}

.woocommerce-checkout-review-order-second .fee span.woocommerce-Price-amount.amount {
    color: var(--primary-red) !important;
}

.woocommerce-checkout-review-order-second .fee span.woocommerce-Price-currencySymbol {
    color: var(--primary-red) !important;
}

.woocommerce-checkout-review-order-second .cart-subtotal span.value {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-inter);
    color: var(--gray-02) !important;
}

.woocommerce-checkout-review-order-second .order-total span.value {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-inter);
    color: var(--gray-02) !important;
}

.woocommerce-checkout-review-order-second ul.woocommerce-shipping-methods li label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-inter);
    color: var(--primary-red) !important;
}

.woocommerce-checkout-review-order-second ul.woocommerce-shipping-methods li::before {
    display: none;
}

.woocommerce-checkout-review-order-second .cart-item.cart_item:first-child {
    padding-top: 0 !important;
}


.woocommerce-checkout .woocommerce-info {
    display: none;
}


.custom-billing-columns p#show_shipping_address_field label.checkbox {
    color: var(--gray-04) !important;
    font-size: 16px;
    text-transform: capitalize !important;
    font-family: var(--font-Roboto) !important;
    font-weight: 400 !important;
}

.woocommerce-shipping-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    color: var(--gray-04) !important;
    font-size: 16px;
    text-transform: capitalize !important;
    font-family: var(--font-Roboto) !important;
    font-weight: 400 !important;
}


.woocommerce-checkout nav.custom-breadcrumb ul li a {
    color: var(--gray-05) !important;
    padding-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.woocommerce-checkout nav.custom-breadcrumb ul li a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
    right: 14px;
    filter: brightness(0) saturate(100%) invert(63%) sepia(9%) saturate(21%) hue-rotate(138deg) brightness(96%) contrast(86%);
    rotate: -90deg;
}

.woocommerce-checkout nav.custom-breadcrumb ul li {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-Roboto-con);
    color: var(--gray-02);
    text-transform: uppercase;
}

.form-row.place-order {
    padding: 0 !important;
    margin-top: 25px !important;
}

.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid input.input-text {
    border-color: var(--secondary-red) !important;
}

.woocommerce-checkout .woocommerce form .form-row .required {
    color: var(--gray-02);
}


.billing-right input#ship-to-different-address-checkbox {
    appearance: none !important;
    width: 18px;
    height: 18px;
    border: 1px solid #333333 !important;
    border-radius: 2px !important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: 0s;
    padding: 0 !important;
}

.billing-right input#ship-to-different-address-checkbox:checked {
    background-color: #333333 !important;
    border: 1px solid #333333 !important;
    transition: 0s;

}

.billing-right input#ship-to-different-address-checkbox::after {
    content: "";
    position: absolute;
    background: url(../images/tick.svg) !important;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat !important;
    transition: 0s;
    width: 12px;
    height: 12px;
    background-size: contain !important;
}


ul.woocommerce-error {
    background: transparent !important;
    border: 1px solid var(--secondary-red);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    color: var(--secondary-red) !important;
}

ul.woocommerce-error li {
    color: var(--secondary-red) !important;
}

ul.woocommerce-error li::before {
    display: none;
}

.woocommerce-shipping-fields {
    width: 100%;
}

form.checkout.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}

.check-out-onlypayment .payment_box.payment_method_stripe::before {
    display: none !important;
}

.check-out-onlypayment .payment_box.payment_method_stripe {
    padding: 0 !important;
    background: transparent !important;
}

.woocommerce-checkout .tax-rate.tax-rate-us-tax-1 {
    display: flex;
    justify-content: space-between;
}

.woocommerce-checkout .tax-rate.tax-rate-us-tax-1 span.label {
    font-size: 16px;
    color: var(--gray-02);
    font-family: var(--font-Roboto);
}

.woocommerce-checkout .tax-rate.tax-rate-us-tax-1 span.value {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-inter);
    color: var(--gray-02) !important;
}



.woocommerce-checkout dl.variation dd.variation-30milGlossCalenderedColorSign {
    margin-left: 0 !important;

}

.woocommerce-checkout dl.variation dd.variation-color {
    margin-left: 0 !important;
}

.woocommerce-checkout dl.variation p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

/* ----------CHECK-OUT-PAGE-END--------- */


.all-application-text .et_pb_text_inner p a {
    font-size: 14px !important;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    margin: 15px 0 0 0;
    color: var(--gray-01);
}

.category-caro-col-2 {
    height: fit-content;
}

.all-application-text .et_pb_text_inner p {
    margin: 0;
    padding-top: 4px;
    text-align: center;
}

.contact-banner-img span.et_pb_image_wrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #66676633;
    left: 0;
    top: 0;
    z-index: 9;
    mix-blend-mode: multiply;
}





/* ----------SEARCH-PAGE--------- */

div#content-area\ search-pg-outer {
    display: flex;
    flex-direction: column;
}

div#content-area\ search-pg-outer div#sidebar {
    display: none;
}

.container.search-pg::before {
    display: none;
}

.container.search-pg ul.products.columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.container.search-pg div#left-area {
    width: 100%;
    padding: 0;
}

.search-pg nav.custom-breadcrumb a {
    color: var(--gray-05) !important;
    padding-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.search-pg nav.custom-breadcrumb a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background: url(../images/shop-d.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
    right: 14px;
    filter: brightness(0) saturate(100%) invert(63%) sepia(9%) saturate(21%) hue-rotate(138deg) brightness(96%) contrast(86%);
    rotate: -90deg;
}

.search-pg nav.custom-breadcrumb span {
    color: var(--gray-02) !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.search-pg ul.products.columns-4 h2.woocommerce-loop-product__title {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
    text-decoration: none;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.search-pg span.price {
    font-size: 16px;
    color: var(--primary-red);
    font-family: var(--font-Roboto);
    padding: 0 10px;
    display: flex;
}

.search-pg span.price span bdi {
    display: flex;
}

.search-pg span.price span.woocommerce-Price-amount.amount {
    font-size: 16px !important;
    color: var(--primary-red) !important;
    font-family: var(--font-Roboto);
    display: flex;
}

.search-pg ul.products.columns-4 .product.type-product:hover {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.25);
}

.container.search-pg {
    padding-bottom: 40px;
    max-width: 88% !important;
}

.search-pg ul.products.columns-4 .product.type-product {
    margin-top: 0px !important;
}


.pagination-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 20px 0;
    border-top: 1px solid #ddd;
    font-family: sans-serif;
    margin-top: 30px;
}

.pagination-prev button,
.pagination-next button {
    background: none;
    border: none;
    color: #888;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 0px;
    text-transform: uppercase;
}

.pagination-prev button:hover,
.pagination-next button:hover {
    color: var(--primary-red);
}

.pagination-prev button:disabled {
    color: #ccc;
    cursor: default;
    opacity: 0;
}

.pagination-next button:disabled {
    color: #ccc;
    cursor: default;
    opacity: 0;
}

.pagination-numbers button.active {
    background-color: var(--primary-yellow);
    width: 40px;
    height: 40px;
    color: var(--primary-black);
}

.pagination-numbers {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.pagination-numbers span,
.pagination-numbers a {
    text-decoration: none;
}

.pagination-numbers button {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    color: #555;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.pagination-numbers .current button {
    background-color: #ffdd00;
    color: #000;
    font-weight: bold;
}

.pagination-numbers button:hover {
    background-color: #f0f0f0;
}



/* ----------SEARCH-PAGE-END--------- */


/* ----------FORGOT-PASSWORD--------- */

p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input#user_login {
    border: 1px solid #CBCBCB !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 7px 10px 7px 15px !important;
    color: var(--gray-03) !important;
    font-size: 16px !important;
}

p.woocommerce-form-row.form-row button.woocommerce-Button.button {
    width: 100% !important;
    font-size: 20px;
    color: white;
    border: 0;
    background: var(--primary-blue);
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 50px;
    border-radius: 0;
    margin: 20px auto 0 auto;
    position: relative;
    text-align: center;
    transition: 0.3s;
}

p.woocommerce-form-row.form-row button.woocommerce-Button.button:hover {
    background: var(--primary-black);
}

p.woocommerce-form-row.form-row button.woocommerce-Button.button::after {
    display: none;
}

form.woocommerce-ResetPassword.lost_reset_password {
    margin: 0 auto;
    width: 42%;
}

form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;
}

/* ----------FORGOT-PASSWORD-END--------- */





/* ----------SHOP-PAGE--------- */

.outer-shop-page {
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.outer-shop-page form.woocommerce-ordering {
    display: flex;
    float: none !important;
    justify-content: flex-end;
    margin: 20px 0;
    width: 100%;
    display: none;
}

.outer-shop-page select.orderby {
    width: 300px;
    border: 1px solid var(--gray-04) !important;
    background: transparent;
    text-transform: capitalize;
    font-size: 14px;
    padding: 7px 17px 7px 12px;
}

body .outer-shop-page span.price {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 5px;
    color: var(--primary-black);
}

.outer-shop-page .products li.product.type-product span.et_shop_image {
    width: 100%;
    height: 0;
    padding-bottom: 84%;
    position: relative;
    display: block;
}

.outer-shop-page .products li.product.type-product span.et_shop_image img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    object-fit: cover;
    background-color: #F3F5F7;
    padding: 27px 0;
}

body .outer-shop-page span.woocommerce-Price-amount.amount {
    padding-bottom: 0 !important;
    font-size: 14px;
    color: var(--primary-red);
}

.outer-shop-page h2.woocommerce-loop-product__title {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
    text-decoration: none;
    margin-top: 18px;
    margin-bottom: 3px !important;
}

ul.page-numbers {
    display: flex !important;
    border: 0 !important;
    justify-content: center;
}

ul.page-numbers li {
    border: 0 !important;
}

ul.page-numbers li span.page-numbers.current {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    line-height: 23px;
    border-radius: 5px;
    background: var(--primary-yellow) !important;
    color: var(--primary-black) !important;
}

ul.page-numbers li a {
    line-height: 23px !important;
}

.outer-shop-page nav.woocommerce-pagination {
    display: none;
}

.outer-shop-page .products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    padding-bottom: 30px;
}


/* ----------SHOP-PAGE-END--------- */




.img-text-contact-detail p {
    margin-bottom: 1px;
    display: flex;
    gap: 20px;
}

.img-text-contact-detail p strong {
    font-weight: 400 !important;
    width: 71px;
}

.submit-field .submit-button {
    border: 0;
}


.page-id-187 .about-title-rows {
    max-width: 87%;
}

.google-review-section {
    width: 100%;
    max-width: 87%;
    margin: 0 auto;
}



/* ----------favorite-products-page--------- */





.favorite-products-page ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.favorite-products-page ul.products li.product {
    padding-left: 0;
}


.favorite-products-page ul.products li.product::before {
    display: none;
}


.favorite-products-page ul.products li.product h3 {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
    text-decoration: none;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.favorite-products-page ul.products li.product span.price {
    display: flex;
    gap: 10px;
    padding: 0 12px;
}

.favorite-products-page ul.products li.product span.price span.woocommerce-Price-amount.amount {
    font-size: 16px !important;
    color: var(--primary-red) !important;
    font-family: var(--font-Roboto);
    display: flex;
}

.page-id-9366 .container {
    max-width: 87% !important;
}

.favorite-products-page ul.products.columns-4 li.product:hover {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.25);
}

.favorite-products-page {
    padding-bottom: 40px;
}

.favorite-products-page ul.products li.product img {
    width: 100% !important;
}



.woocommerce-MyAccount-content ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.woocommerce-MyAccount-content ul.products li.product {
    padding-left: 0;
    width: 100%;
    margin: 0 !important;
}


.woocommerce-MyAccount-content ul.products li.product::before {
    display: none;
}


.woocommerce-MyAccount-content ul.products li.product h3 {
    font-family: "Roboto Condensed" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-02) !important;
    text-decoration: none;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.woocommerce-MyAccount-content ul.products li.product span.price {
    display: flex;
    gap: 10px;
    padding: 0 12px;
}

.woocommerce-MyAccount-content ul.products li.product span.price span.woocommerce-Price-amount.amount {
    font-size: 16px !important;
    color: var(--primary-red) !important;
    font-family: var(--font-Roboto);
    display: flex;
}



.woocommerce-MyAccount-content ul.products.columns-4 li.product:hover {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.25);
}


.woocommerce-MyAccount-content ul.products li.product img {
    width: 100% !important;
}

.woocommerce-MyAccount-content ul.products::before {
    display: none;
}

.woocommerce-MyAccount-content ul.products::after {
    display: none;
}

/* ----------favorite-products-page-end--------- */





.page-id-9366 div#main-content .container {
    padding-top: 60px !important;
    padding-bottom: 90px !important;
    position: relative;
    display: table;
}

/* .page-id-9366 div#main-content .container article#post-9366 {
    text-align: center;
}

.page-id-9366 div#main-content .container h1.entry-title.main_title {
    text-align: center;
} */

.page-id-9366 div#main-content .container a.button.login-btn {
    font-size: 17px;
    color: white;
    border: 0;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 0;
    position: relative;
    display: flex;
    width: fit-content;
    margin: 32px 0 0 0;
}

.page-id-9366 div#main-content .container a.button.login-btn:hover {
    background: var(--gray-04);
}




.spec-sheet-actions {
    display: flex;
    gap: 35px;
    margin-bottom: 25px;
    align-items: center;

}

.spec-sheet-actions button.spec-btn.preview-btn {
    border: 0 !important;
    padding: 12px 20px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    background: black;
    cursor: pointer;
}

.spec-sheet-actions button.spec-btn.preview-btn:hover {
    background-color: var(--primary-red);
}

div#tab-description {
    padding-right: 0 !important;
}

.spec-sheet-actions a.spec-btn.view-btn {
    font-family: 'Roboto Condensed';
    font-weight: 600;
    color: var(--secondary-red);
}

.spec-sheet-actions a.spec-btn.view-btn:hover {
    color: var(--gray-02);
}



#hover-popup > ul:not(:first-of-type) {
  display: none;
}