.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.container,
.container-width,
.full-width .ubermenu-nav,
.row,
body.boxed,
body.framed {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

@media screen and (min-width: 850px) {
    .large-4 {
        flex-basis: 36.3333333333% !important;
        max-width: 36.3333333333% !important;
    }

    .large-8 {
        flex-basis: 63.6666666667% !important;
        max-width: 63.6666666667% !important;
    }

    .large-5 {
        flex-basis: 41.6666666667% !important;
        max-width: 41.6666666667% !important;
    }

    .large-7 {
        flex-basis: 58.3333333333% !important;
        max-width: 58.3333333333% !important;
    }
}

.sidebar__filters ul.menu {
    padding-left: 0;
}

.sidebar__filters .dropdown-with-images>ul>li a {
    min-height: inherit;
    margin-bottom: 0 !important;
}

.page-template-tpl-pool-volume-calculator :root {
    --card-line-height: 1.2em;
    --card-padding: 1em;
    --card-radius: 0.5em;
    --color-blue: #0183E1;
    --color-black: black;
    --radio-border-width: 2px;
    --radio-size: 1.5em;
}

.page-template-tpl-pool-volume-calculator body {
    background-color: green;
    color: #263238;
    font-family: "Noto Sans", sans-serif;
    margin: 0;
    padding: 2em 6vw;
}

.page-template-tpl-pool-volume-calculator .grid {
    display: grid;
    grid-gap: var(--card-padding);
    margin: 0 auto;
    max-width: 60em;
    padding: 0;
}

@media (min-width: 42em) {
    .page-template-tpl-pool-volume-calculator .grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.page-template-tpl-pool-volume-calculator .pool-type-card {
    background-color: #fff;
    border-radius: var(--card-radius);
    position: relative;
}

.page-template-tpl-pool-volume-calculator .pool-type-card:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.page-template-tpl-pool-volume-calculator .radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-padding) + var(--radio-border-width));
    top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .page-template-tpl-pool-volume-calculator .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: var(--radio-border-width) solid var(--color-blue);
        border-radius: 50%;
        cursor: pointer;
        height: var(--radio-size);
        outline: none;
        -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--radio-size);
    }

    .page-template-tpl-pool-volume-calculator .radio::after {
        border: var(--radio-border-width) solid #fff;
        border-top: 0;
        border-left: 0;
        content: "";
        display: block;
        height: 0.75rem;
        left: 25%;
        position: absolute;
        top: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
        width: 0.375rem;
    }

    .page-template-tpl-pool-volume-calculator .radio:checked {
        background: var(--color-blue);
        border-color: var(--color-blue);
    }

    .page-template-tpl-pool-volume-calculator .pool-type-card:hover .radio {
        border-color: var(--color-blue);
    }

    .page-template-tpl-pool-volume-calculator .pool-type-card:hover .radio:checked {
        border-color: var(--color-green);
    }
}

.page-template-tpl-pool-volume-calculator .pool-type-details {
    border: var(--radio-border-width) solid var(--color-black);
    border-radius: var(--card-radius);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--card-padding);
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
}

.page-template-tpl-pool-volume-calculator .pool-type-card:hover .pool-type-details {
    border-color: var(--color-blue);
}

.page-template-tpl-pool-volume-calculator .radio:checked~.pool-type-details {
    border-color: var(--color-blue);
}

.page-template-tpl-pool-volume-calculator .radio:focus~.pool-type-details {
    -webkit-box-shadow: 0 0 0 2px var(--color-blue);
    box-shadow: 0 0 0 2px var(--color-blue);
}

.page-template-tpl-pool-volume-calculator .radio:disabled~.pool-type-details {
    color: var(--color-blue);
    cursor: default;
}

.page-template-tpl-pool-volume-calculator .pool-type-card:hover .radio:disabled~.pool-type-details {
    border-color: var(--color-blue);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-template-tpl-pool-volume-calculator .pool-type-card:hover .radio:disabled {
    border-color: var(--color-blue);
}

.page-template-tpl-pool-volume-calculator .pool-type {
    font-weight: bold;
    text-align: center;
}

body {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(217, 217, 217, 0.3);
}

h1 {
    font-size: 55px;
    background-color: rgba(168, 129, 50, 0.5);
    background-image: linear-gradient(135deg, rgba(50, 74, 168, 0.7), rgba(217, 217, 217, 0.6) 80%);
    -webkit-background-clip: text;
    color: transparent;
}

.radio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.radio-container {
    margin: 5px;
    padding: 5px;
    position: relative;
}

.radio-container .icon-container {
    padding: 5px;
    border: 2px rgba(168, 129, 50, 0.5) solid;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 150px;
    height: 150px;
}

.radio-container i {
    font-size: 50px;
    color: rgba(168, 129, 50, 0.5);
}

.radio-container span {
    margin-top: 15px;
    font-size: 32px;
    color: rgba(168, 129, 50, 0.5);
}

.radio-container .radio-select {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.radio-container .radio-select:checked+.icon-container {
    background-color: rgba(168, 129, 50, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.radio-container .radio-select:checked+.icon-container i,
.radio-container .radio-select:checked+.icon-container span {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*# sourceMappingURL=custom.css.map */


.tooltip {
    position: unset !important;
    z-index: unset !important;
    display: unset !important;
    font-size: unset !important;
    line-height: unset !important;
    opacity: unset !important;
    filter: unset !important;
    visibility: unset !important;
}

.social-icons.share-icons {
    font-size: 3.5rem;
}

.custom-share-button {
    width: 22%;
    height: 50px;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    color: #0c0c0c;
    font-weight: normal;
}

.custom-share-button:hover {
    background-color: #efefef;
}

.custom-share-button i {
    font-size: 1.7em;
}

.custom-share-button-wrapper .fab.fa-facebook {
    color: #1877f2;
    /* Change the color as desired */
}

/* Color the Twitter icon */
.custom-share-button-wrapper .fab.fa-twitter {
    color: #1da1f2;
    /* Change the color as desired */
}

/* Color the Email icon */
.custom-share-button-wrapper .far.fa-envelope {
    color: #33a7f1;
    /* Change the color as desired */
}

/* Color the Pinterest icon */
.custom-share-button-wrapper .fab.fa-pinterest {
    color: #bd0115;
    /* Change the color as desired */
}

.post-bottom-nav-button {
    color: #0693e3;
    font-size: 1.3rem;
    padding: 0 10px;
    font-weight: bolder;
}

.next-button {
    margin-left: auto;
    /* Push the button to the right */
}

.checkout_coupon span.coupon-success::before {
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_1322_14950)'%3E%3Cpath%20d='M6%200.5C2.69147%200.5%200%203.19147%200%206.5C0%209.80853%202.69147%2012.5%206%2012.5C9.30853%2012.5%2012%209.80853%2012%206.5C12%203.19147%209.30853%200.5%206%200.5Z'%20fill='%2363BB2E'/%3E%3Cpath%20d='M9.04114%205.22852L5.79111%208.47845C5.6936%208.57596%205.56561%208.62503%205.43762%208.62503C5.30963%208.62503%205.18164%208.57596%205.08414%208.47845L3.45917%206.85349C3.26361%206.65802%203.26361%206.34198%203.45917%206.14651C3.65463%205.95096%203.97058%205.95096%204.16614%206.14651L5.43762%207.418L8.33417%204.52155C8.52963%204.32599%208.84558%204.32599%209.04114%204.52155C9.2366%204.71701%209.2366%205.03296%209.04114%205.22852Z'%20fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_1322_14950'%3E%3Crect%20width='12'%20height='12'%20fill='white'%20transform='translate(0%200.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: 4px;

}

.checkout_coupon span.coupon-success {
    font-size: 12px;
    background: transparent !important;
    opacity: 1 !important;
    color: #63BB2E;
}


.file-item button::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1920_22061%29%22%3E%3Cpath%20d%3D%22M12.667%204.66675C12.4902%204.66675%2012.3206%204.73699%2012.1956%204.86201C12.0706%204.98703%2012.0003%205.1566%2012.0003%205.33341V12.7941C11.9812%2013.1312%2011.8296%2013.4471%2011.5787%2013.673C11.3277%2013.8989%2010.9976%2014.0165%2010.6603%2014.0001H5.34033C5.00306%2014.0165%204.67298%2013.8989%204.422%2013.673C4.17101%2013.4471%204.01945%2013.1312%204.00033%2012.7941V5.33341C4.00033%205.1566%203.93009%204.98703%203.80506%204.86201C3.68004%204.73699%203.51047%204.66675%203.33366%204.66675C3.15685%204.66675%202.98728%204.73699%202.86225%204.86201C2.73723%204.98703%202.66699%205.1566%202.66699%205.33341V12.7941C2.68602%2013.4849%202.97805%2014.14%203.47911%2014.616C3.98018%2015.0919%204.64944%2015.3499%205.34033%2015.3334H10.6603C11.3512%2015.3499%2012.0205%2015.0919%2012.5215%2014.616C13.0226%2014.14%2013.3146%2013.4849%2013.3337%2012.7941V5.33341C13.3337%205.1566%2013.2634%204.98703%2013.1384%204.86201C13.0134%204.73699%2012.8438%204.66675%2012.667%204.66675Z%22%20fill%3D%22%23F83D49%22%2F%3E%3Cpath%20d%3D%22M13.3333%202.66675H10.6667V1.33341C10.6667%201.1566%2010.5964%200.987034%2010.4714%200.86201C10.3464%200.736986%2010.1768%200.666748%2010%200.666748H6C5.82319%200.666748%205.65362%200.736986%205.5286%200.86201C5.40357%200.987034%205.33333%201.1566%205.33333%201.33341V2.66675H2.66667C2.48986%202.66675%202.32029%202.73699%202.19526%202.86201C2.07024%202.98703%202%203.1566%202%203.33341C2%203.51023%202.07024%203.6798%202.19526%203.80482C2.32029%203.92984%202.48986%204.00008%202.66667%204.00008H13.3333C13.5101%204.00008%2013.6797%203.92984%2013.8047%203.80482C13.9298%203.6798%2014%203.51023%2014%203.33341C14%203.1566%2013.9298%202.98703%2013.8047%202.86201C13.6797%202.73699%2013.5101%202.66675%2013.3333%202.66675ZM6.66667%202.66675V2.00008H9.33333V2.66675H6.66667Z%22%20fill%3D%22%23F83D49%22%2F%3E%3Cpath%20d%3D%22M7.33333%2011.3333V6.66667C7.33333%206.48986%207.2631%206.32029%207.13807%206.19526C7.01305%206.07024%206.84348%206%206.66667%206C6.48986%206%206.32029%206.07024%206.19526%206.19526C6.07024%206.32029%206%206.48986%206%206.66667V11.3333C6%2011.5101%206.07024%2011.6797%206.19526%2011.8047C6.32029%2011.9298%206.48986%2012%206.66667%2012C6.84348%2012%207.01305%2011.9298%207.13807%2011.8047C7.2631%2011.6797%207.33333%2011.5101%207.33333%2011.3333Z%22%20fill%3D%22%23F83D49%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1920_22061%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-size: cover;
}

.file-item button {
    margin: 0;
    color: #10151C;
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 600;
    padding: 0;
}

.edit-account span.error::before {
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.875C2.895 0.875 0.375 3.395 0.375 6.5C0.375 9.605 2.895 12.125 6 12.125C9.105 12.125 11.625 9.605 11.625 6.5C11.625 3.395 9.105 0.875 6 0.875ZM6 9.875C5.5875 9.875 5.25 9.5375 5.25 9.125C5.25 8.7125 5.5875 8.375 6 8.375C6.4125 8.375 6.75 8.7125 6.75 9.125C6.75 9.5375 6.4125 9.875 6 9.875ZM6.85875 4.05875L6.6075 7.06625C6.58125 7.38125 6.31875 7.625 6 7.625C5.68125 7.625 5.41875 7.38125 5.3925 7.06625L5.14125 4.05875C5.1 3.55625 5.49375 3.125 6 3.125C6.48 3.125 6.8625 3.515 6.8625 3.9875C6.8625 4.01 6.8625 4.03625 6.85875 4.05875Z' fill='%23FF4040'/%3E%3C/svg%3E%0A");
    margin-right: 4px;
}

.modal-header {
    background-color: #8189A2 !important;
}

.modal-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
}

.btn-close {
    background: none;
    width: 20px;
    height: 20px;
    opacity: unset;
}

.btn-close::before {
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26.4325" height="1.80222" rx="0.901109" transform="matrix(0.708349 -0.705863 0.708349 0.705863 0 18.7278)" fill="white"/><rect width="26.4325" height="1.80222" rx="0.901109" transform="matrix(0.708349 0.705863 -0.708349 0.705863 1.27734 0)" fill="white"/></svg>');
    display: inline-block;
}

#exampleModal .modal-body .product-name {
    font-size: 14px;
    color: #0183E1;
    font-weight: 600;

}

#exampleModal .product-image {
    width: 56px;
    height: 40px;
    object-fit: cover;
    margin-right: 8px;
}

#exampleModal .product-image img {
    height: 40px !important;
    object-fit: contain;
}



/* CSS from WP Customizer */
.woocommerce-ordering,
.woocommerce-ordering select {
    position: relative;
    z-index: 1;
}

.about-4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.about-4-col {
    border-right: 1px solid #E4E5EE;
}

.from_the_blog_excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fp-section-title {
    font-size: 36px;
    line-height: normal;
}

.custom-content-link {
    margin-right: 30px !important;
    font-size: 0.875rem !important;
    color: #10151C !important;
    font-weight: 500 !important;
}

.nav-top-link {
    font-size: 0.875rem !important;
    color: #10151C !important;
}

.header-nav .nav-top-link {
    font-size: 0.875rem !important;
}

.nav li:first-child {
    font-weight: 500 !important;
    font-family: 'Inter' !important;
    color: #10151C !important;
}

.nav>li,
.nav>li>a {
    font-weight: 500 !important;
    font-family: 'Inter' !important;
    color: #10151C;
}

.nav,
.nav>li {
    font-weight: 500 !important;
    font-family: 'Inter' !important;
    color: #10151C !important;

}


.header-phone-icon {
    height: 25px !important;
    margin-top: -10px;
    padding-right: 5px;
}

.header-phone-number {
    color: #0183E1 !important;
    font-size: 1.5em !important;
    padding-left: 2px !important;
}

a.header-phone-number:hover {
    opacity: 0.7 !important;
}

.header-phone-content {
    color: black;
}

.header-top-bar-arrow-down {
    padding-left: 5px;
}

.icon-angle-down {
    color: #0183E1;
}

.header-nav .cart-item a,
.header-nav .cart-item a p {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nav-cart-checkout {
    color: var(--accent-blue, #0183E1) !important;
    text-decoration: underline;
}

#woocommerce-product-search-field-0 {
    background: white;
    border: 1px solid #E4E5EE;
    border-radius: 6px 0px 0px 6px !important;
    height: 40px;
}


.ux-search-submit {
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    height: 40px;
    width: 45px;
    border-radius: 0px 6px 6px 0px;



}





/* Footer START */

.footer-2 {
    margin-top: -75px;
}

.widget {
    margin-bottom: 0;
}

.footer-opening-times {
    padding-left: 20px;
}

.footer-li-img {
    height: 16px;
}

.widget>ul>li>a,
.widget>ul>li>span:first-child,
ul.menu>li>a,
ul.menu>li>span:first-child {

    padding: 3px 0px;

}


.footer-submenu {
    list-style: none !important;
}


.footer-li-submenu {
    margin-left: 25px;
    list-style: none;
}

h3.widget-title,
span.widget-title {
}

.widget>ul>li,
ul.menu>li {
    list-style: disc;
    margin: 0;
    text-align: left;
}

ul.woocommerce-widget-layered-nav-list {
    margin: .5em 0;
    padding: 0;
}

.widget>ul.woocommerce-widget-layered-nav-list>li .count {
    font-size: .85em;
    line-height: 2.5em;
}


.footer-li-submenu {
    margin-left: 25px !important;
}

.footer-li-submenu li {
    list-style: none;

}

.widget li {
    display: list-item;
    color: #8189A2;
}

.dark .widget>ul>li+li,
.dark ul.menu>li+li {
    border: 0;
}

.footer-3-list {
    font-size: 0.875rem;
    display: inline-block;
    line-height: 17px;
}

.footer-3-ul {
    margin-top: 15px !important;
}

.footer-li {
    margin-left: 25px !important;

}

.footer-1 {
    font-size: 0.875rem !important;
}

.footer-3-contact {
    padding-top: 4px;
    font-size: 0.875rem !important;

}

.footer-bottom {
    margin-top: 40px;
    margin-bottom: 25px;
}

.footer-bottom-text {
    font-size: 0.875rem !important;
}

.footer-4-see-more {
    color: #0183E1 !important;
    text-decoration: underline;
    font-size: 0.875rem !important;
}


.footer-4-newsletter-text {
    width: 270px !important;
    font-size: 0.875rem !important;
}

.dark .button,
.dark input[type="button"],
.dark input[type="reset"],
.dark input[type="submit"] {
    height: 40px;
}

.footer-4-newsletter-field {
    background: #FFFFFF;
    border: 1px solid #E2E7F0 !important;
    border-radius: 6px !important;
    width: 270px !important;
    font-size: 0.875rem !important;
}

.footer-4-newsletter-submit {
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%) !important;
    border-radius: 6px !important;
    width: 270px !important;
}

.footer-menu-single-item .ux-menu-link__link {
    min-height: 0;
    line-height: 17px;
}


.ux-menu-link__link {
    min-height: 0;
    line-height: 17px;
}

.footer-2 .col,
.columns,
.gallery-item {

    padding: 15px 15px 0px;
}

.footer-menu-single-item {
    display: list-item;
    color: #8189A2;
}

.footer-menu-single-item-no-icon {
    color: #8189A2;
}


/* Footer END */


.popular-categories-row {
    background: #F5F8FC;
    padding-top: 60px;
    padding-bottom: 60px;
}

.popular-categories-img {
    background: linear-gradient(165.85deg, rgba(255, 255, 255, 0) 62.31%, #FFFFFF 89.93%) !important;
    border-radius: 8px 8px 0px 0px !important;


    width: 270px;
    height: 220px;
}

.popular-categories-img-large {
    background: #FFFFFF;
    border-radius: 8px 8px 0px 0px !important;
    width: 570px;
    height: 220px;
}

.box-text {
    background: #FFFFFF;
}



.box-image {
    background: #FFFFFF;
}


.popular-categories-img-text {

    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;

    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}





.footer-bottom-social-img {
    width: 20px !important;

}

#block_widget-14 .widget-title {
    display: none;
}

#block_widget-14 .is-divider {
    height: 0px;
    opacity: 0.1;
    border: 1.5px solid #FFFFFF;
    max-width: 100%;
}









/* Pool Tips & Advice */

.tips-img-box {
    border-radius: 8px;
}

.box-text.text-center {

    border-radius: 8px;
}

.box-image {
    background: #FFFFFF;
    border-radius: 8px;
}

.fp-blog-posts .box-blog-post {
    height: 300px;
}

.fp-blog-posts .image-cover {
    padding: 0 !important;
    height: 100%;
}

.fp-blog-posts .image-cover img {
    position: relative;
}

.fp-blog-posts .box-text-inner.blog-post-inner>* {
    color: white;
    z-index: 2;
    position: relative;
}

.fp-blog-posts .box-image a,
.fp-blog-posts .box-image {
    height: 100%;
}

.fp-blog-posts .cat-label {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    opacity: 1;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.fp-blog-posts .box-blog-post:hover .cat-label {
    border-color: white;
}

.fp-blog-posts .post-title a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: white !important;
}

.fp-blog-posts .post-title {
    margin: 0 !important;
}

.fp-blog-posts .image-cover a::after {
    content: '';
    display: block;
    width: 100%;
    height: 65px;
    position: absolute;
    background: rgba(0 0 0 / 0.1);
    z-index: 1;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    bottom: 0px;
    left: 0;
    right: 0;
}

.fp-blog-posts .box-blog-post:hover .image-cover a::before {
    background: rgba(0 0 0 / 0.3);
}

.fp-blog-posts .box-blog-post:hover img {
    transform: scale(1.1);
}

.fp-blog-posts .image-cover a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: rgba(0 0 0 / 0.1);
    z-index: 1;
    transition: all 0.3s ease;
}

.fp-blog-posts .box-text {
    position: absolute;
    bottom: 0;
    background: transparent;
    padding: 20px;
}

.fp-blog-posts .box-text p {
    width: fit-content;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

@media screen and (max-width: 849px) {
    .fp-blog-posts .box-blog-post {
        height: 240px;
    }
}

/* Check below for unused css */

.pool-tips-img-box-text {
    padding-bottom: 5px;
}


.overlay {
    opacity: 0.25;
}

.pool-tips-row .container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
    margin-left: 100px;
    margin-right: 100px;
}

.pool-tips-image-box .box-text {
    background: transparent;
}

.has-format,
.image-cover,
.video-fit {
    border-radius: 8px;
}


.pool-tips-image-box img {
    border-radius: 8px;
}




/* BRANDS WE CARRY START */

.grid-col .banner,
.grid-col .box,
.grid-col .box-image,
.grid-col .box-image img,
.grid-col .col-inner>.img,
.grid-col .flickity-slider>.img,
.grid-col .image-cover,
.grid-col .image-cover img,
.grid-col .slider,
.grid-col .slider-wrapper,
.grid-col .slider:not(.flickity-enabled),
.grid-col .slider>.img,
.grid-col>.col-inner>.img,
.grid-col>.col-inner>.img .img-inner>img,
.grid-col>.col-inner>.img div {

    object-fit: none;


}

.brands-image {
    background: white;
    border-radius: 8px;
}





.brands-image {
    background: white;
    padding: 25px;
    border-radius: 8px;

}

/* BRANDS WE CARRY END */






/* Temporary REMOVE LATER */
.absolute-footer {
    display: none;
}

.sharedaddy {
    display: none;
}




/* Temporary REMOVE LATER END */




/* global */

.nav-line-bottom>li.active>a::before,
.nav-line-bottom>li:hover>a::before,
.nav-line-grow>li.active>a::before,
.nav-line-grow>li:hover>a::before,
.nav-line>li.active>a::before,
.nav-line>li:hover>a::before {
    opacity: 0;
}

section-title-normal span {

    margin-left: 4% !important;
}


.section-title-normal span {
    border-bottom: none;
}

.section-title-normal {
    border-bottom: none;
}

.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: none;
}

.is-divider {
    background: transparent !important;
}

.underline {
    text-decoration: underline
}

.red {
    color: #F83D49;
}

.section-title-normal {
    font-size: 2rem;

}

.h1-title {
    font-size: 2rem;
    text-transform: none !important;
}

.section-title-main {
    text-transform: none !important;
}

h1 {
    color: #10151C !important;
}

p {
    color: #10151C;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
}



/* Search */

.search-price {
    display: none;
}

.search-image {
    display: none !important;
}

.search-name {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.search-name:hover {

    color: #0183E1;
    background: #EBF7FF;

}

.live-search-results {
    border-radius: 0px 0px 8px 8px;
}

.autocomplete-selected {
    background: #EBF7FF;
}

.autocomplete-suggestion img+.search-name {
    padding-left: 0em;
}

.col .live-search-results,
.header .search-form .live-search-results,
.header-block .live-search-results {
    background: white;
}

/* Search End */


span.required {
    color: red;
}

.show-password-input {
    display: none;
}

blockquote {
    border: none;
}

blockquote::before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, #0081E0 0%, #00C0F0 100%);
    left: 0;
}

#shop-sidebar .dropdown-only-links>ul>li li::before,
#shop-sidebar .widget .is-divider {
    display: none;
}

#shop-sidebar .widget_nav_menu {
    font-family: Inter;
}

#shop-sidebar .sub-menu a,
#shop-sidebar .full-categories ul a {
    font-size: 14px !important;
    font-weight: 400 !important;
    width: calc(100% - 29px);
    margin-right: 8px;
    padding: 0;
    color: var(--black, #10151C);
}

#shop-sidebar .full-categories ul {
    border: none;
    padding: 0;
    margin: 0;
}

#shop-sidebar .full-categories button {
    display: none;
}

#shop-sidebar .widget_nav_menu ul.menu>li:not(:first-of-type) {
    padding-top: 16px;
}

#shop-sidebar .widget_nav_menu ul.menu>li {
    border-bottom: 1px solid #E4E5EE !important;
    padding-bottom: 16px;
}

#shop-sidebar .widget_nav_menu ul.menu>li>a {
    font-weight: 600;
    padding: 0;
    color: var(--black, #10151C);
}

#shop-sidebar .current-menu-ancestor>a,
#shop-sidebar .current-menu-parent>a,
#shop-sidebar .current-menu-item>a {
    color: var(--accent-blue, #0183E1) !important;
    font-weight: 600 !important;
}

#shop-sidebar li button {
    opacity: 1;
    margin: 0 !important;
    border: none;
    padding: 0;
}

#shop-sidebar .icon-angle-down:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.02321 6.42095L2 12.0001L2 10.4561C2 9.9372 2.19755 9.44772 2.53476 9.13118L7.99983 4.00012L13.4653 9.13118C13.8024 9.44772 14 9.9372 14 10.4561L14 12.0001L8.02321 6.42095Z' fill='%230183E1'/%3E%3C/svg%3E");
}

#shop-sidebar ul.sub-menu {
    margin-top: 16px !important;
    margin-left: 0 !important;
}

#shop-sidebar ul.menu>li>ul.sub-menu>li:not(:last-child) {
    padding-bottom: 16px;
}

#shop-sidebar ul.sub-menu>li>ul.sub-menu li:not(:last-child) {
    padding-bottom: 12px;
}

.category-sidebar-filters {
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E4E5EE;
}


.irs--big .irs-handle {
    border-radius: 30px;
    width: 20px;
    height: 20px;
    outline: 4px solid rgba(1, 131, 225, 0.15);
    border: 2px solid white;
    background: #0183E1;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.irs--big .irs-handle:hover,
.irs--big .irs-handle.state_hover {
    background: #0183E1;
    border: 2px solid white;
    outline: 8px solid rgba(1, 131, 225, 0.15);
}

.irs--big .irs-bar {
    box-shadow: none;
    background: #0183E1;
    height: 3px;
    border-radius: 3px;
    border: none;
}

.irs--big .irs-line {
    height: 3px;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    background: #E2E5EF;
}

.irs-from,
.irs-to,
.irs-single {
    background: #0183E1 !important;
    color: white !important;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    padding: 1px 6px !important;
    border-radius: 0 !important;
}

.irs-from::after,
.irs-to::after,
.irs-single::after {
    content: '';
    display: block;
    position: absolute;
    background: transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 3px solid #0183E1;
    bottom: -3px;
    left: 50%;
    margin-left: -5px;
}

.bapf_head>* {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.berocket_single_filter_widget {
    margin-bottom: 16px;
    border-bottom: 1px solid #E4E5EE;
}

.bapf_body .filter-checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.filter-checkboxes label {
    font-size: 14px;
    line-height: 17px;
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    color: black;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.filter-checkboxes label input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0;
    border: none !important;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 3px;
    border: 1.5px solid var(--grey-border, #E4E5EE);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter-checkboxes .checkmark:after {
    position: relative;
    left: 0;
    top: -1px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1.5 4.5L3.72222 6.5L8.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-flex !important;
}

.filter-checkboxes label input:checked~.checkmark {
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
}

.filter-checkboxes label input:checked~.checkmark::before {
    content: '';
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    border-radius: 3px;
    position: absolute;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    z-index: 0;
}

.bapf_sfilter .fa-chevron-down:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.97679 9.57918L14 4L14 5.54406C14 6.06293 13.8024 6.55241 13.4652 6.86894L8.00017 12L2.53474 6.86894C2.19755 6.5524 2 6.06292 2 5.54406L2 4L7.97679 9.57918Z' fill='%230183E1'/%3E%3C/svg%3E");
}

.bapf_sfilter .fa-chevron-up:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.02321 6.42095L2 12.0001L2 10.4561C2 9.9372 2.19755 9.44772 2.53476 9.13118L7.99983 4.00012L13.4653 9.13118C13.8024 9.44772 14 9.9372 14 10.4561L14 12.0001L8.02321 6.42095Z' fill='%230183E1'/%3E%3C/svg%3E");
}

.custom-gift-product {
    position: absolute;
    top: -50px;
}

.reset_variations {
    opacity: 1 !important;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--RED, #F83D49) !important;
    font-family: Inter;
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
}

.reset_variations::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.668 4.66675C12.4912 4.66675 12.3216 4.73699 12.1966 4.86201C12.0715 4.98703 12.0013 5.1566 12.0013 5.33341V12.7941C11.9822 13.1312 11.8306 13.4471 11.5796 13.673C11.3286 13.8989 10.9986 14.0165 10.6613 14.0001H5.3413C5.00403 14.0165 4.67396 13.8989 4.42297 13.673C4.17199 13.4471 4.02043 13.1312 4.0013 12.7941V5.33341C4.0013 5.1566 3.93106 4.98703 3.80604 4.86201C3.68102 4.73699 3.51145 4.66675 3.33464 4.66675C3.15782 4.66675 2.98826 4.73699 2.86323 4.86201C2.73821 4.98703 2.66797 5.1566 2.66797 5.33341V12.7941C2.687 13.4849 2.97902 14.14 3.48009 14.616C3.98115 15.0919 4.65042 15.3499 5.3413 15.3334H10.6613C11.3522 15.3499 12.0215 15.0919 12.5225 14.616C13.0236 14.14 13.3156 13.4849 13.3346 12.7941V5.33341C13.3346 5.1566 13.2644 4.98703 13.1394 4.86201C13.0143 4.73699 12.8448 4.66675 12.668 4.66675Z' fill='%23F83D49'/%3E%3Cpath d='M13.3333 2.66675H10.6667V1.33341C10.6667 1.1566 10.5964 0.987034 10.4714 0.86201C10.3464 0.736986 10.1768 0.666748 10 0.666748H6C5.82319 0.666748 5.65362 0.736986 5.5286 0.86201C5.40357 0.987034 5.33333 1.1566 5.33333 1.33341V2.66675H2.66667C2.48986 2.66675 2.32029 2.73699 2.19526 2.86201C2.07024 2.98703 2 3.1566 2 3.33341C2 3.51023 2.07024 3.6798 2.19526 3.80482C2.32029 3.92984 2.48986 4.00008 2.66667 4.00008H13.3333C13.5101 4.00008 13.6797 3.92984 13.8047 3.80482C13.9298 3.6798 14 3.51023 14 3.33341C14 3.1566 13.9298 2.98703 13.8047 2.86201C13.6797 2.73699 13.5101 2.66675 13.3333 2.66675ZM6.66667 2.66675V2.00008H9.33333V2.66675H6.66667Z' fill='%23F83D49'/%3E%3Cpath d='M7.33333 11.3333V6.66667C7.33333 6.48986 7.2631 6.32029 7.13807 6.19526C7.01305 6.07024 6.84348 6 6.66667 6C6.48986 6 6.32029 6.07024 6.19526 6.19526C6.07024 6.32029 6 6.48986 6 6.66667V11.3333C6 11.5101 6.07024 11.6797 6.19526 11.8047C6.32029 11.9298 6.48986 12 6.66667 12C6.84348 12 7.01305 11.9298 7.13807 11.8047C7.2631 11.6797 7.33333 11.5101 7.33333 11.3333Z' fill='%23F83D49'/%3E%3Cpath d='M10.0013 11.3333V6.66667C10.0013 6.48986 9.93106 6.32029 9.80604 6.19526C9.68102 6.07024 9.51145 6 9.33464 6C9.15782 6 8.98826 6.07024 8.86323 6.19526C8.73821 6.32029 8.66797 6.48986 8.66797 6.66667V11.3333C8.66797 11.5101 8.73821 11.6797 8.86323 11.8047C8.98826 11.9298 9.15782 12 9.33464 12C9.51145 12 9.68102 11.9298 9.80604 11.8047C9.93106 11.6797 10.0013 11.5101 10.0013 11.3333Z' fill='%23F83D49'/%3E%3C/svg%3E");
}

.woocommerce-variation.single_variation p {
    color: var(--RED, #F83D49);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    gap: 6px;
}

.woocommerce-variation.single_variation p::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3494_34242)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 12.4112 3.5888 16 8 16C12.4112 16 16 12.4112 16 8C16 3.5888 12.4112 0 8 0C3.5888 0 0 3.5888 0 8ZM7.40512 9.86987C7.5659 10.0307 7.76419 10.111 8 10.111C8.21437 10.111 8.40195 10.0307 8.56273 9.86987C8.73422 9.70909 8.81997 9.51616 8.81997 9.29107V3.75058C8.81997 3.51477 8.73958 3.31647 8.5788 3.1557C8.42874 2.99492 8.23581 2.91453 8 2.91453C7.76419 2.91453 7.5659 2.99492 7.40512 3.1557C7.25506 3.31647 7.18003 3.51477 7.18003 3.75058V9.29107C7.18003 9.50544 7.25506 9.69837 7.40512 9.86987ZM7.21218 12.7639C7.43727 12.9783 7.69988 13.0854 8 13.0854C8.30012 13.0854 8.55737 12.9783 8.77174 12.7639C8.99683 12.5495 9.10938 12.2869 9.10938 11.9761C9.10938 11.6652 9.00219 11.4026 8.78782 11.1883C8.57345 10.9632 8.31084 10.8506 8 10.8506C7.69988 10.8506 7.43727 10.9632 7.21218 11.1883C6.99781 11.4026 6.89062 11.6652 6.89062 11.9761C6.89062 12.2869 6.99781 12.5495 7.21218 12.7639Z' fill='%23F83D49'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3494_34242'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.shop-checkout__items__item .variation small,
.shop-checkout__items__item .variation p,
.cart_item .variation small,
.cart_item .variation p {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.shop-checkout__items__item .variation small,
.cart_item .variation small {
    color: var(--Grey_dark, #8189A2);
    text-transform: uppercase;
    margin-right: 4px;
}

.shop-checkout__items__item .variation p,
.cart_item .variation p {
    margin-bottom: 0;
}

.shop-checkout__items__item .variation {
    margin-top: 4px;
}

.category-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 40px auto 0;
    list-style: none;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.category-navigation ul li.next:empty,
.category-navigation ul li.prev:empty {
    opacity: 0;
    min-width: 60px;
}

.category-navigation li>a {
    max-width: 39px;
    min-width: 39px;
    min-height: 39px;
    max-height: 39px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E5EE;
    color: var(--Accent-blue, #0183E1);
    font-family: Inter;
    font-size: 16px;
}

.category-navigation .prev a,
.category-navigation .next a {
    min-width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.category-navigation li.active a {
    border: none;
    background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    color: white;
}

.category-navigation .prev a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_672_3595)'%3E%3Cpath d='M11.5 4.82542L8.84491 7.5L11.5 10.1746L10.6806 11L7.20612 7.5L10.6806 4L11.5 4.82542Z' fill='%230183E1'/%3E%3Cpath d='M7.79395 4.82542L5.13886 7.5L7.79395 10.1746L6.97455 11L3.50006 7.5L6.97455 4L7.79395 4.82542Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_3595'%3E%3Crect x='15' width='15' height='15' rx='4' transform='rotate(90 15 0)' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.category-navigation .next a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_672_3602)'%3E%3Cpath d='M3.5 4.82542L6.15509 7.5L3.5 10.1746L4.3194 11L7.79388 7.5L4.3194 4L3.5 4.82542Z' fill='%230183E1'/%3E%3Cpath d='M7.20605 4.82542L9.86114 7.5L7.20605 10.1746L8.02545 11L11.4999 7.5L8.02545 4L7.20605 4.82542Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_3602'%3E%3Crect width='15' height='15' rx='4' transform='matrix(4.37114e-08 1 1 -4.37114e-08 0 0)' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* global end */








/* Terms and Conditions */

.terms-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 48px;
    color: #10151C !important;
}

.terms-blockquote {

    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 19px;
    color: #10151C;
}

.terms-blockquote blockquote {
    font-style: normal;
}

.terms-small-title {
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem !important;
    line-height: 24px;
}

.terms-main-text {
    font-size: 0.875rem !important;
}

.terms-main-text a {
    color: var(--Accent-blue, #0183E1);
    text-decoration: underline;
}

.terms-list-ul {
    list-style: none;
    margin-left: -20px !important;
    color: #10151C;

}

/* Terms and Conditions END */





/* 404 Start */

.not-found-row {
    margin-top: 5vw;
}

.not-found-blue-text {
    text-transform: uppercase;
    color: #0183E1;
    padding-right: 5px;
    font-weight: 600;
}

.not-found-image {
    max-width: 500px;
}

.not-found-title {
    font-weight: 600;
    font-size: 3rem;
    color: #10151C;
    margin: 0;

}

.not-found-text {
    color: #10151C;
}


#page-navigation-404 {
    margin-top: 0x;
    padding-bottom: 15px;
    border-bottom: 1px solid #E4E5EE;
    padding-top: 15px;
    margin-left: 15%;
    margin-right: 15%;
}

.page-navigation-text {
    vertical-align: middle;
}

.page-navigation-text a {
    color: #0183E1;
}

/* 404 End */


/* Login Page START */

.wp-core-ui.login .button-group.button-large .button,
.wp-core-ui.login .button.button-large,
.wp-core-ui.login .button-primary {
    background: red !important;
}

/* Login Page END */



/* Contact Us Page START */

.font-44 {
    font-size: 44px;
    line-height: normal;
}

.contact-page-title {
    margin-bottom: 20px;
}

.contact-list-icon {
    margin-right: 10px
}

.contact-ul {
    list-style: none;
    margin-bottom: 0 !important;
}

.contact-ul li {
    margin-left: 0 !important;
}

.contact-us-list-fix {
    padding-left: 31px;
}


.contact-us-blockquote {
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 16px;
}

/* Contact Us FORM Start */
.file-name {
    display: flex;
    align-items: center;
}

span[data-name="multilinefile-190-zl-mfcf7-upld-btn"] input,
.file-input-icon {
    text-transform: uppercase;
    -webkit-user-select: none;
    cursor: pointer;
    height: 24px;
    width: fit-content;
    font-weight: 700;
    color: black !important;
    margin: 0;
    padding: 0;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

span[data-name="multilinefile-190-zl-mfcf7-upld-btn"]::before {
    content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.9865 7.01947L7.52648 10.4087C6.74007 11.179 6.74007 12.4287 7.52648 13.2002C8.3129 13.9705 9.58866 13.9705 10.3762 13.2002L15.0579 8.61428C16.6318 7.07248 16.6318 4.57314 15.0579 3.03134C13.4839 1.48955 10.9324 1.48955 9.35838 3.03134L4.27029 8.01651C1.9099 10.3286 1.9099 14.0777 4.27029 16.3909C6.63068 18.703 10.458 18.703 12.8195 16.3909L17.5 11.805' stroke='url(%23paint0_linear_875_4354)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_875_4354' x1='17.5' y1='10' x2='2.5' y2='10' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230081E0'/%3E%3Cstop offset='1' stop-color='%2300C0F0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    top: 6px;
    position: relative;
    left: -3px;
}

.form-file-uploads .delete-file {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.667 4.66675C12.4902 4.66675 12.3206 4.73699 12.1956 4.86201C12.0706 4.98703 12.0003 5.1566 12.0003 5.33341V12.7941C11.9812 13.1312 11.8296 13.4471 11.5787 13.673C11.3277 13.8989 10.9976 14.0165 10.6603 14.0001H5.34033C5.00306 14.0165 4.67298 13.8989 4.422 13.673C4.17101 13.4471 4.01945 13.1312 4.00033 12.7941V5.33341C4.00033 5.1566 3.93009 4.98703 3.80506 4.86201C3.68004 4.73699 3.51047 4.66675 3.33366 4.66675C3.15685 4.66675 2.98728 4.73699 2.86225 4.86201C2.73723 4.98703 2.66699 5.1566 2.66699 5.33341V12.7941C2.68602 13.4849 2.97805 14.14 3.47911 14.616C3.98018 15.0919 4.64944 15.3499 5.34033 15.3334H10.6603C11.3512 15.3499 12.0205 15.0919 12.5215 14.616C13.0226 14.14 13.3146 13.4849 13.3337 12.7941V5.33341C13.3337 5.1566 13.2634 4.98703 13.1384 4.86201C13.0134 4.73699 12.8438 4.66675 12.667 4.66675Z' fill='%23F83D49'/%3E%3Cpath d='M13.3333 2.66675H10.6667V1.33341C10.6667 1.1566 10.5964 0.987034 10.4714 0.86201C10.3464 0.736986 10.1768 0.666748 10 0.666748H6C5.82319 0.666748 5.65362 0.736986 5.5286 0.86201C5.40357 0.987034 5.33333 1.1566 5.33333 1.33341V2.66675H2.66667C2.48986 2.66675 2.32029 2.73699 2.19526 2.86201C2.07024 2.98703 2 3.1566 2 3.33341C2 3.51023 2.07024 3.6798 2.19526 3.80482C2.32029 3.92984 2.48986 4.00008 2.66667 4.00008H13.3333C13.5101 4.00008 13.6797 3.92984 13.8047 3.80482C13.9298 3.6798 14 3.51023 14 3.33341C14 3.1566 13.9298 2.98703 13.8047 2.86201C13.6797 2.73699 13.5101 2.66675 13.3333 2.66675ZM6.66667 2.66675V2.00008H9.33333V2.66675H6.66667Z' fill='%23F83D49'/%3E%3Cpath d='M7.33333 11.3333V6.66667C7.33333 6.48986 7.2631 6.32029 7.13807 6.19526C7.01305 6.07024 6.84348 6 6.66667 6C6.48986 6 6.32029 6.07024 6.19526 6.19526C6.07024 6.32029 6 6.48986 6 6.66667V11.3333C6 11.5101 6.07024 11.6797 6.19526 11.8047C6.32029 11.9298 6.48986 12 6.66667 12C6.84348 12 7.01305 11.9298 7.13807 11.8047C7.2631 11.6797 7.33333 11.5101 7.33333 11.3333Z' fill='%23F83D49'/%3E%3Cpath d='M10.0003 11.3333V6.66667C10.0003 6.48986 9.93009 6.32029 9.80506 6.19526C9.68004 6.07024 9.51047 6 9.33366 6C9.15685 6 8.98728 6.07024 8.86225 6.19526C8.73723 6.32029 8.66699 6.48986 8.66699 6.66667V11.3333C8.66699 11.5101 8.73723 11.6797 8.86225 11.8047C8.98728 11.9298 9.15685 12 9.33366 12C9.51047 12 9.68004 11.9298 9.80506 11.8047C9.93009 11.6797 10.0003 11.5101 10.0003 11.3333Z' fill='%23F83D49'/%3E%3C/svg%3E");
    position: relative;
    top: 2px;
}

div#mfcf7_zl_multifilecontainer {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
}

.custom-file-input,
textarea::-webkit-scrollbar {
    display: none !important;
}

.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 label {
    font-size: 14px;
}

.wpcf7 input,
.wpcf7 textarea {
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 400;
}

.one-half,
.one-third {
    position: relative;
    margin-right: 16px;
    float: left;
    margin-bottom: 0px;

}

.one-half {
    width: calc(50% - 8px);
}

.one-third {
    width: 30.66%;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

@media only screen and (max-width: 767px) {
    .one-half,
    .one-third {
        width: 100%;
        margin-right: 0;
    }
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    background-color: #FFFFFF;
    border: 1px solid #E4E5EE !important;
    border-radius: 6px !important;
    box-shadow: none;
    margin-top: 5px;
}

.wpcf7-submit {
    width: 170px;
    height: 75px;
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    border-radius: 6px !important;
    border: none !important;
    font-weight: 600 !important;
}

.contact-us-col-right {
    background: #F5F8FB;
    padding: 40px;
    border-radius: 8px;
}

.cf7-file-img {
    display: inline-flex;

}

.cf7-file-img input {
    display: none;
}

.cf7-file-img::after {
    content: "ADD FILE";
    font-weight: 600;
    font-size: 1rem;
    padding-left: 10px;
    padding-top: 2px;

}

.contact-form-section {
    background: red !important;
}

.section-bg.bg-loaded {
    background-size: initial !important;
    background-position: left bottom;
    position: absolute;
    width: 100vw;
    margin-left: -50vw !important;
    height: auto;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -31px;
    overflow: hidden;
}

.contact-us-section {
    margin-bottom: -30px;
}

@media screen and (max-width: 991px) {
    .contact-us-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .contact-us-row>* {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .section-bg.bg-loaded {
        display: none;
    }

    .font-44 {
        font-size: 36px;
    }

    .contact-us-col-right {
        padding: 20px;
    }

    #text-3550491969>* {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    .form-button-container>* {
        width: 100%;
    }

    .form-button-container .wpcf7-submit {
        width: 100%;
    }
}

/* Contact Us FORM End */
/* Contact Us PAGE END */





/* Thank You Page */

.thank-you-title {}

.thank-you-continue {
    color: #0183E1;
    font-weight: 600;
    font-size: 14px;
}


/* Thank you page end */




/* Page Navigation */

.breadcrumbs-nav__items {
    display: flex;
    align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #E4E5EE;
}

@media screen and (max-width: 576px) {
    .breadcrumbs-nav__items {
        padding-top: 7px;
        padding-bottom: 9px;

    }
}

.breadcrumbs-nav .breadcrumb-separator {
    display: inline-flex;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg class='breadcrumbs-nav__separator' width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.18438 6.01741L3 1.5L4.15804 1.5C4.54719 1.5 4.9143 1.64817 5.15171 1.90107L9 5.99987L5.1517 10.0989C4.9143 10.3518 4.54719 10.5 4.15804 10.5L3 10.5L7.18438 6.01741Z' fill='%238189A2'/%3E%3C/svg%3E");
}

.breadcrumbs-nav .breadcrumb-item {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    margin-top: 2px;
    color: var(--accent-blue, #0183E1);
    font-family: Inter;
}

.breadcrumbs-nav svg {
    min-height: 20px;
    min-width: 20px;
}

.page-navigation {
    margin-bottom: 25;
}

ul#page-navigation li a {
    color: #0183E1;
    vertical-align: middle;
}

ul#page-navigation li {
    display: inline;
}

ul#page-navigation-404 li {
    display: inline;
}

ul#page-navigation-blog li {
    display: inline;
    padding-right: 10px;
}

#page-navigation-blog {
    padding-top: 15px;
    padding-left: 10%;
    padding-bottom: 15px;
    border-bottom: 0px solid #E4E5EE;


}

/* Page Navigation END */


/* Single Proudct Page */

[data-icon-label]::after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%) !important;
    opacity: 1.0 !important;

}

.single_variation_wrap {
    width: 100%;
    background: white;
}

.single_variation_wrap .woocommerce-variation,
.wapf-product-totals {
    display: none !important;
}

.free-gift-wrapper select {
    padding-left: 38px !important;
}

.product-shipping-calc label {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 14px;
}

.product-shipping-calc input:last-of-type {
    margin-bottom: 10px !important;
}

.product-shipping-calc .shipping-result {
    border-radius: 6px;
    background: var(--white, #FFF);
    padding: 10px 20px;
    margin-top: 10px;
    font-family: Inter;
}

.shipping-calc-address {
    color: var(--black, #10151C);
    font-size: 14px;
    line-height: normal;
}

.shipping-calc-price {
    color: var(--black, #10151C);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.clear-product-shipping-calc {
    position: relative;
    top: -2px;
}

.shipping-calc-estimation {
    color: var(--accent-blue, #0183E1);
    font-size: 24px;
}

.wapf .wapf-field-container {
    width: 100%;
}

.wapf .wapf-field-container tr {
    background: white;
}

.wapf .wapf-field-container tr>* {
    margin: 0 auto;
    background: white;
    border-radius: 0;
    position: relative;
    padding: 0 !important;
    line-height: 20px;
}

.variations .select2-container,
.wapf .select2-container {
    width: 100% !important;
}

.wapf .select2-selection {
    padding-left: 38px;
}

.variations>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-info-right form.cart.variations_form {
    flex-direction: column;
    background: white;
    padding: 0;
}

form.cart:not(.variations_form) {
    margin-top: 1.5em;
}

.variations_form {
    margin-top: 20px;
}

.variations_form button[type="submit"] {
    /*flex-grow: 1;
    height: 100%;
    line-height: inherit;*/
}

.woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    flex-wrap: nowrap !important;
}

td,
th {
    border-bottom: 1px solid #ececec;
    font-size: .9em;
    padding: 10px !important;
    padding-bottom: 5px;
    margin-left: 25px;
    margin-right: 25px;
    border: 0;
}

table.variations {
    border-color: #ececec;
    border-spacing: 0;
    margin-bottom: 0em;
    width: 100%;
}

.free-gift-label {
    font-size: 0.9em;
    text-transform: none;
    color: #333;
    font-weight: 600;
    font-family: Inter !important;
}

.free-gift-wrapper {
    margin-bottom: 20px;
}

.free-gift-wrapper .select2-selection__rendered {
    padding-left: 25px !important;
}

.shop-container .products .product_tag-free-gift .box-image::after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='%2363BB2E'/%3E%3Cpath d='M12 29L24 48H0L12 29Z' fill='%2363BB2E'/%3E%3Cg clip-path='url(%23clip0_722_3819)'%3E%3Cpath d='M32.2422 8.6875H29.8578C30.2264 8.1975 30.4453 7.58871 30.4453 6.92969C30.4453 5.31426 29.1311 4 27.5156 4C26.5425 4 25.825 4.34863 25.2575 5.09715C24.7827 5.7234 24.4355 6.59777 24 7.70254C23.5645 6.59773 23.2173 5.7234 22.7425 5.09715C22.175 4.34863 21.4575 4 20.4844 4C18.8689 4 17.5547 5.31426 17.5547 6.92969C17.5547 7.58871 17.7736 8.1975 18.1422 8.6875H15.7578C14.7886 8.6875 14 9.47605 14 10.4453V11.6172C14 12.3811 14.4899 13.0323 15.1719 13.2742V22.2422C15.1719 23.2114 15.9604 24 16.9297 24H31.0703C32.0396 24 32.8281 23.2114 32.8281 22.2422V13.2742C33.5101 13.0323 34 12.3811 34 11.6172V10.4453C34 9.47605 33.2114 8.6875 32.2422 8.6875ZM25.0755 8.16953C25.9732 5.89227 26.3144 5.17188 27.5156 5.17188C28.4849 5.17188 29.2734 5.96043 29.2734 6.92969C29.2734 7.89895 28.4849 8.6875 27.5156 8.6875H24.8706C24.9424 8.50723 25.0109 8.33367 25.0755 8.16953ZM20.4844 5.17188C21.6856 5.17188 22.0268 5.89227 22.9245 8.16953C22.9891 8.33367 23.0576 8.50723 23.1294 8.6875H20.4844C19.5151 8.6875 18.7266 7.89895 18.7266 6.92969C18.7266 5.96043 19.5151 5.17188 20.4844 5.17188ZM21.6562 22.8281H16.9297C16.6066 22.8281 16.3438 22.5653 16.3438 22.2422V13.375H21.6562V22.8281ZM21.6562 12.2031H15.7578C15.4347 12.2031 15.1719 11.9403 15.1719 11.6172V10.4453C15.1719 10.1222 15.4347 9.85938 15.7578 9.85938H21.6562V12.2031ZM25.1719 22.8281H22.8281V9.85938C22.9509 9.85938 24.4984 9.85938 25.1719 9.85938V22.8281ZM31.6562 22.2422C31.6562 22.5653 31.3934 22.8281 31.0703 22.8281H26.3438V13.375H31.6562V22.2422ZM32.8281 11.6172C32.8281 11.9403 32.5653 12.2031 32.2422 12.2031H26.3438V9.85938H32.2422C32.5653 9.85938 32.8281 10.1222 32.8281 10.4453V11.6172Z' fill='white'/%3E%3C/g%3E%3Cpath d='M14.142 34L15.108 28.1818H18.9602L18.7898 29.196H16.1676L15.9403 30.5824H18.3068L18.1364 31.5966H15.7699L15.3722 34H14.142ZM18.8217 34L19.7876 28.1818H22.0831C22.5225 28.1818 22.8842 28.2595 23.1683 28.4148C23.4543 28.5701 23.6551 28.7907 23.7706 29.0767C23.888 29.3608 23.9155 29.696 23.853 30.0824C23.7886 30.4687 23.6494 30.8002 23.4354 31.0767C23.2232 31.3532 22.9467 31.5663 22.6058 31.7159C22.2668 31.8636 21.8738 31.9375 21.4268 31.9375H19.8899L20.0604 30.9489H21.3956C21.6304 30.9489 21.8312 30.9167 21.9979 30.8523C22.1645 30.7879 22.2962 30.6913 22.3928 30.5625C22.4912 30.4337 22.5556 30.2737 22.5859 30.0824C22.6181 29.8873 22.6068 29.7244 22.5518 29.5938C22.4969 29.4612 22.3975 29.3608 22.2536 29.2926C22.1096 29.2225 21.9202 29.1875 21.6854 29.1875H20.8558L20.0518 34H18.8217ZM22.4013 31.3523L23.4098 34H22.0518L21.0746 31.3523H22.4013ZM24.1186 34L25.0845 28.1818H29.005L28.8345 29.196H26.1442L25.9169 30.5824H28.4055L28.2351 31.5966H25.7464L25.5192 32.9858H28.2209L28.0504 34H24.1186ZM29.017 34L29.983 28.1818H33.9034L33.733 29.196H31.0426L30.8153 30.5824H33.304L33.1335 31.5966H30.6449L30.4176 32.9858H33.1193L32.9489 34H29.017ZM18.6534 38.0625C18.6383 37.9242 18.6061 37.8021 18.5568 37.696C18.5095 37.5881 18.4441 37.4972 18.3608 37.4233C18.2775 37.3475 18.1761 37.2898 18.0568 37.25C17.9375 37.2102 17.7992 37.1903 17.642 37.1903C17.3447 37.1903 17.0663 37.2642 16.8068 37.4119C16.5492 37.5597 16.3295 37.7746 16.1477 38.0568C15.9659 38.3371 15.8419 38.6799 15.7756 39.0852C15.7074 39.4905 15.7074 39.8352 15.7756 40.1193C15.8456 40.4034 15.9773 40.6203 16.1705 40.7699C16.3655 40.9176 16.6165 40.9915 16.9233 40.9915C17.2017 40.9915 17.4517 40.9422 17.6733 40.8438C17.8949 40.7434 18.0758 40.6023 18.2159 40.4205C18.358 40.2386 18.4489 40.0237 18.4886 39.7756L18.733 39.8125H17.2358L17.3892 38.8864H19.8239L19.6989 39.6193C19.6174 40.1307 19.4384 40.5701 19.1619 40.9375C18.8854 41.3049 18.5407 41.5871 18.1278 41.7841C17.7169 41.9811 17.2661 42.0795 16.7756 42.0795C16.2301 42.0795 15.7708 41.9593 15.3977 41.7188C15.0265 41.4763 14.7623 41.1326 14.6051 40.6875C14.4498 40.2405 14.4223 39.7102 14.5227 39.0966C14.6004 38.625 14.7386 38.2045 14.9375 37.8352C15.1383 37.464 15.3835 37.1496 15.6733 36.892C15.9631 36.6345 16.2841 36.4384 16.6364 36.304C16.9905 36.1695 17.3589 36.1023 17.7415 36.1023C18.071 36.1023 18.3693 36.1506 18.6364 36.2472C18.9053 36.3419 19.1354 36.4763 19.3267 36.6506C19.5199 36.8248 19.6657 37.0322 19.7642 37.2727C19.8646 37.5114 19.911 37.7746 19.9034 38.0625H18.6534ZM22.424 36.1818L21.4581 42H20.228L21.1939 36.1818H22.424ZM22.4702 42L23.4361 36.1818H27.2884L27.1179 37.196H24.4957L24.2685 38.5824H26.6349L26.4645 39.5966H24.098L23.7003 42H22.4702ZM27.7237 37.196L27.8942 36.1818H32.6726L32.5021 37.196H30.7209L29.9254 42H28.7095L29.505 37.196H27.7237Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0_722_3819'%3E%3Crect width='20' height='20' fill='white' transform='translate(14 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: 0;
    left: 0;
}

label {
    font-family: Inter;

}

label,
legend {
    font-size: unset;
}

.uppercase,
h6,
span.widget-title {
    letter-spacing: 0;
    line-height: 0;
}

.optional-accessories-row-1 {
    border-top: 1px solid #E4E5EE;
    border-left: 1px solid #E4E5EE;
    border-right: 1px solid #E4E5EE;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
}


.optional-accessories-row-3 {
    border-left: 1px solid #E4E5EE;
    border-right: 1px solid #E4E5EE;
    padding: 10px;
}

.optional-accessories-row-4 {
    border-left: 1px solid #E4E5EE;
    border-right: 1px solid #E4E5EE;
    padding: 10px;
}

.optional-accessories-row-5 {
    border-bottom: 1px solid #E4E5EE;
    border-left: 1px solid #E4E5EE;
    border-right: 1px solid #E4E5EE;
    padding: 10px;
    border-radius: 0px 0px 8px 8px;
}

.entry-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.single-product-btn {
    color: #0183E1 !important;
    background: white !important;
    border: solid 2px;
    border-radius: 8px;

    font-size: 0.75rem;
}

span.amount {
    font-size: 1.75rem;
    font-weight: 600;

}

.single-product-free-shipping {
    color: #63BB2E;
    font-size: 0.875rem;
    min-width: 115px;
}

.price.product-page-price {
    margin: 0;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    background: #F5F8FB;
}

[data-icon-label]::after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    width: 100%;
    max-width: 250px;
    /* Lenear */
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    border-radius: 6px;
}

.quantity {
    /* Hide Quantity */
    display: none;
}

.terms-list-li {
    color: #10151C;
    font-size: 1rem;
    font-family: 'Inter';
}

.woocommerce-tabs {
    margin-top: 100px;
}

.single-product-optional-btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    width: auto;
    height: auto;
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
}

.related-products-wrapper .product-section-title {
    padding-right: 110px;
    color: #10151C !important;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 0;
}


.single-product-optional-price-sale {
    color: #F83D49;
    margin: 0;
}

.single-product-optional-price-old {
    color: #8189A2;
    font-size: 12px !important;
    text-decoration: line-through;
}




.single-product-optional-btn span {
    vertical-align: middle;
}




.single-product-optional-main-p {
    font-size: 12px;


}

.single-product-optional-main-b {
    font-size: 14px;
}

.single-product-optional-on-sale-block {
    background: #F83D49;
    color: white;
    font-size: 12px;
    text-align: center;
    border-radius: 0px 0px 8px 0px;
}

.single-product-optional-title {
    padding-top: 15px;
    margin-bottom: -15px;
}

.sale {
    color: red;
}

.hide {
    display: none;
}

.wapf-field-container {
    padding: 0;
}

.wapf-field-label {
    display: none;
}

.wapf-wrapper {
    margin: 0;
}



/* Single Proudct Page END */





.free-gift-td select {
    appearance: none;
    display: block;
    width: 100%;
    height: 50px;
    float: right;
    margin: 0 !important;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #E4E5EE;
    -ms-word-break: normal;
    word-break: normal;
}

.free-gift-td {
    position: relative;
}

.free-gift-td:after {
    z-index: 9999;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_3118_8165)'%3E%3Cpath d='M18.2422 4.6875H15.8578C16.2264 4.1975 16.4453 3.58871 16.4453 2.92969C16.4453 1.31426 15.1311 0 13.5156 0C12.5425 0 11.825 0.348633 11.2575 1.09715C10.7827 1.7234 10.4355 2.59777 10 3.70254C9.56453 2.59773 9.21734 1.7234 8.74254 1.09715C8.175 0.348633 7.45746 0 6.48438 0C4.86895 0 3.55469 1.31426 3.55469 2.92969C3.55469 3.58871 3.77355 4.1975 4.14223 4.6875H1.75781C0.788555 4.6875 0 5.47605 0 6.44531V7.61719C0 8.38105 0.489883 9.03234 1.17188 9.27422V18.2422C1.17188 19.2114 1.96043 20 2.92969 20H17.0703C18.0396 20 18.8281 19.2114 18.8281 18.2422V9.27422C19.5101 9.03234 20 8.38105 20 7.61719V6.44531C20 5.47605 19.2114 4.6875 18.2422 4.6875ZM11.0755 4.16953C11.9732 1.89227 12.3144 1.17188 13.5156 1.17188C14.4849 1.17188 15.2734 1.96043 15.2734 2.92969C15.2734 3.89895 14.4849 4.6875 13.5156 4.6875H10.8706C10.9424 4.50723 11.0109 4.33367 11.0755 4.16953ZM6.48438 1.17188C7.68559 1.17188 8.02684 1.89227 8.92445 4.16953C8.98914 4.33367 9.05762 4.50723 9.12941 4.6875H6.48438C5.51512 4.6875 4.72656 3.89895 4.72656 2.92969C4.72656 1.96043 5.51512 1.17188 6.48438 1.17188ZM7.65625 18.8281H2.92969C2.6066 18.8281 2.34375 18.5653 2.34375 18.2422V9.375H7.65625V18.8281ZM7.65625 8.20312H1.75781C1.43473 8.20312 1.17188 7.94027 1.17188 7.61719V6.44531C1.17188 6.12223 1.43473 5.85938 1.75781 5.85938H7.65625V8.20312ZM11.1719 18.8281H8.82812V5.85938C8.9509 5.85938 10.4984 5.85938 11.1719 5.85938V18.8281ZM17.6562 18.2422C17.6562 18.5653 17.3934 18.8281 17.0703 18.8281H12.3438V9.375H17.6562V18.2422ZM18.8281 7.61719C18.8281 7.94027 18.5653 8.20312 18.2422 8.20312H12.3438V5.85938H18.2422C18.5653 5.85938 18.8281 6.12223 18.8281 6.44531V7.61719Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3118_8165'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    color: #0ebeff;
    position: absolute;
    pointer-events: none;
    top: 12px;
    left: 12px;
}

td select {
    margin-bottom: 30px !important;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.value select {
    /* Add some styling */
    display: block;
    width: 100%;
    height: 50px;
    float: right;
    margin: 0 0 10px 0;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #E4E5EE;
    -ms-word-break: normal;
    word-break: normal;
}

/* Found A better Price */
.better-price-method-small-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #8189A2;
    margin-top: -15px !important;
    margin-bottom: 15px !important;
}

/* Found A better Price END */

.archive-filter {
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
    color: #10151C;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background: #0183E1;
    border: 4px solid rgba(1, 131, 225, 0.15);
}

.widget_price_filter .price_slider {
    background: #0183E1;
    border-radius: 2px;
}

.widget_price_filter .price_slider_amount .button {
    background: #0183E1;
}

.from {
    color: #0183E1;
}

.to {
    color: #0183E1
}




/* Blog */


.blog-header-w-img {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 160px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-header-w-img .entry-title {
    color: var(--white, #FFF) !important;
    font-family: Inter;
    line-height: normal;
}

.blog-header-w-img .title-overlay {
    background-color: none;
}

@media screen and (max-width: 991px) {
    .blog-tabs .nav-uppercase {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: scroll;
        align-self: normal;
        margin-right: -15px;
        margin-left: -15px;
        width: auto;
        padding: 0 15px;
    }
}

h1.entry-title {
    color: #10151C !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 10px;
}

.posted-on {
    text-transform: none;
}

.byline,
.meta-author {
    text-transform: none;
}

.entry-meta {
    padding-bottom: 15px;
    font-size: 1em;
}

.posted-on>* {
    color: var(--grey-dark, #8189A2);
}

.posted-on .author {
    color: #0183E1;
}

.blog-list-tab-title {
    font-weight: 600;
    font-size: 36px !important;
    line-height: 39px;
    margin-top: 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 576px) {
    .blog-list-tab-title {
        font-size: 28px !important;
    }
}

.blog-tabs li.tab a {
    color: #0183E1;
}

.blog-tabs li.tab {
    background: #F5F8FB;
    color: #0183E1;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.blog-tabs li.tab.active {
    background: #0183E1;
}

.blog-tabs li.tab.active span {
    color: white;
}

.blog-post-inner .button {
    border: 0 !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #0183E1;
    float: left;
    padding-left: 0;
}




.blog-post-inner .button:after {
    content: url(https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/Frame.svg);
    padding-top: 20px;
    position: absolute;
    margin-top: -22px;
    margin-left: 10px;
}

.blog-post-inner .button:hover {
    background: transparent;
}

.blog-post-inner .post-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #10151C;
    text-align: left;
    margin-bottom: 10px;
}

.blog-tabs h4 {
    display: none;
}

.from_the_blog_excerpt {
    text-align: left;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.nav-line-bottom>li.active>a::before,
.nav-line-bottom>li:hover>a::before,
.nav-line-grow>li.active>a::before,
.nav-line-grow>li:hover>a::before,
.nav-line>li.active>a::before,
.nav-line>li:hover>a::before {}


.nav-line-bottom>li>a::before,
.nav-line-grow>li>a::before,
.nav-line>li>a::before {
    bottom: 0;
    top: unset;
}

.widget_recent_entries .post-date .day,
.post-date-day {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

.widget_recent_entries .post-date .month,
.post-date-month {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}

.widget_recent_entries .post-date .day,
.widget_recent_entries .post-date .month {
    text-align: center;
    line-height: normal;
}

.badge.post-date {
    top: 10px;

}

.badge.top {
    left: unset;
    right: 5px;
}

.widget_recent_entries {
    margin-top: 20px;
}

.widget_recent_entries .is-divider {
    display: none;
}

.widget_recent_entries li {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 16px !important;
}

.widget_recent_entries li a {
    color: var(--accent-blue, #0183E1);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.widget_recent_entries .post-date,
.badge-frame .badge-inner,
.badge-outline .badge-inner {
    border: 1.5px solid #0183E1;
    border-radius: 8px;
    padding: 7px;
    display: block;
    min-height: 40px;
    max-height: 40px;
    max-width: 40px;
    min-width: 40px;
    background: white !important;
    color: #0183E1 !important;
}

.widget_recent_entries .post-date {
    margin-top: 2px;
    padding: 2px;
}

.pool-tips-row .container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
}

.nav.nav-line.nav-uppercase.nav-size-normal.nav-left {
    margin-bottom: 25px;
    gap: 12px 0;
}

.blog-tabs {}

.blog-posts {}

.blog-tabs ul {
    margin-top: 15px;
    margin-bottom: 15px;
}

.image-cover {
    max-width: 370px;
    height: 240px;
}

.blog-tabs .large-columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

@media screen and (max-width: 991px) {
    .blog-tabs .large-columns-3 {
        grid-template-columns: 1fr 1fr;
    }

    .image-cover {
        max-width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .blog-tabs .large-columns-3 {
        grid-template-columns: 1fr;
    }
}

.blog-tabs .post-item {
    max-width: 100%;
    padding: 0;
}

.blog-tabs .box-text {
    padding: 16px 0 0 0;
    margin-bottom: 10px;
}

.box-blog-post .is-divider {
    display: none;
}



/* Blog Single Post */

.icon-angle-left::before {

    padding-bottom: 37px !important;
    content: url("https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/Vector8.svg");
}



.icon-angle-right::before {

    padding-bottom: 37px !important;
    content: url("https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/Vector9.svg");
}

#jp-relatedposts {
    display: none !important;
}

#jp-relatedposts h3.jp-relatedposts-headline {
    color: #0183E1;
    font-size: 1rem;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-size: 1rem
}







#jp-relatedposts h3.jp-relatedposts-headline:after {
    content: " posts";
}

.jp-relatedposts-post-title a {
    color: #0183E1 !important;
    font-size: 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 !important;
}


span.jp-relatedposts-post-context {
    display: none !important;
}

.nav-previous a {
    color: #0183E1;
}

.nav-next a {
    color: #0183E1;
}

#comments {
    display: none;
}

.widget>ul>li,
ul.menu>li {

    list-style: none;
    border: none !important;
}

.recent-blog-posts a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #0183E1;
    width: 190px;
    margin-top: 4px
}

.row-divided>.col+.col:not(.large-12) {
    border: 0;
}

#secondary {
    border-left: 1px solid #ececec;
    padding-left: 20px !important;
    margin-left: -20px;
}

.row-dashed .col:after,
.row-solid .col:after {
    border-bottom: 2px dashed #ddd !important;

}


.bb {
    border-bottom: 0px solid #ececec;
}

.bt {
    border-top: 1px solid #ececec;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    border-top: 0px solid #dcdcde;
    border-top: 0px solid #dcdcde;

}




.blog-single-sidebar-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #10151C;
}

.flatsome_recent_posts {
    margin-top: -25px !important;
}



.entry-divider.is-divider.small {
    height: 0px;
    margin 0;
}

.next-prev-nav i {
    font-size: 0;

}

.next-prev-nav .flex-col+.flex-col {
    border: 0;
}


.article-inner ol li,
.article-inner ol li::marker,
.wp-block-heading {
    color: var(--black, #10151C);
}

.entry-image img {
    max-height: 400px;
    object-fit: cover;
    margin-top: 16px;
}

.article-inner ul {
    list-style: none;
}

.article-inner ul li {
    margin-left: 0 !important;
    color: var(--black, #10151C);
}

.article-inner ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.58559 1.48241C8.2027 0.827964 7.7973 0.850531 7.41441 1.48241C5.65766 4.10017 3 8.02682 3 9.99014C3 11.3667 3.56306 12.6305 4.46396 13.5331C5.36486 14.4358 6.62613 15 8 15C9.37387 15 10.6351 14.4358 11.536 13.5331C12.4369 12.6305 13 11.3667 13 9.99014C13 8.00425 10.3423 4.10017 8.58559 1.48241ZM11.6036 12.2243C11.2432 12.811 10.7252 13.33 10.0946 13.6911C9.8018 13.8491 9.44144 13.7588 9.28378 13.4654C9.1036 13.1495 9.21622 12.7884 9.50901 12.6305C9.95946 12.3822 10.3198 12.0212 10.5901 11.5924C10.8604 11.1636 11.018 10.6671 11.0405 10.1481C11.0631 9.8096 11.3333 9.56137 11.6712 9.58394C12.009 9.6065 12.2568 9.87731 12.2342 10.2158C12.1892 10.938 11.964 11.615 11.6036 12.2243Z' fill='url(%23paint0_linear_1139_14375)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1139_14375' x1='13' y1='8' x2='3' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230081E0'/%3E%3Cstop offset='1' stop-color='%2300C0F0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.blog-single .post-sidebar {
    padding-left: 20px !important;
    padding-bottom: 0 !important;
}

.wp-block-image {
    margin-bottom: 16px;
}

@media screen and (max-width: 991px) {

    .blog-single .large-9,
    .blog-single .large-3 {
        padding: 0 15px 15px;
        max-width: 100%;
        flex-basis: 100%;
    }

    .post-sidebar {
        margin-left: 15px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 576px) {
    .blog-single .entry-title {
        font-size: 28px;
    }

    .entry-image img {
        max-height: 160px;
    }
}

/* My Account Page */


.dashboard-links a {
    color: #0183E1;
    font-family: Inter;
    border-radius: 8px;
}

.dashboard-links a:hover {
    background: #0183E1;
}

/* My Account Orders */

.woocommerce-orders-table .woocommerce-button {
    border-radius: 25px;
}

.woocommerce-orders-table .variations_form {}


.woocommerce-orders-table .variations_form,
.woocommerce-orders-table tbody,
.woocommerce-orders-table td,
.woocommerce-orders-table tfoot,
.woocommerce-orders-table th,
.woocommerce-orders-table thead,
.woocommerce-orders-table tr {
    display: revert;
    background: #fff;


}

.woocommerce-table--order-details tbody,
.woocommerce-table--order-details td,
.woocommerce-table--order-details tfoot,
.woocommerce-table--order-details th,
.woocommerce-table--order-details thead,
.woocommerce-table--order-details tr {
    display: revert;

}



.shop_table .order-total td,
.shop_table .order-total th,
.shop_table thead th {
    border: 0;

}

.woocommerce-button.wp-element-button.button.view {
    border-radius: 30px;
}

.cart_totals tbody tr td,
.shop_table tfoot tr td,
.shop_table thead tr th:last-of-type,
.shop_table tr td:last-of-type,
td.product-total {
    text-align: left;
}

.woocommerce-orders-table__cell-order-number a {
    color: #0183E1;
}

.woocommerce-orders-table__row {
    font-family: Inter !important;
}


.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

.wishlist-account-element {
    display: none !important;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background: #f1f8fe;
    border-radius: 6px;
    background: rgba(1, 131, 225, 0.06);
}

#my-account-nav .woocommerce-MyAccount-navigation-link:hover {
    background: #f1f8fe;
}

.nav-vertical>li+li {
    border: 0;
}



#my-account-nav .woocommerce-MyAccount-navigation-link.is-active a {
    color: #0183E1 !important;
    font-weight: 600;
    font-size: 16px;

}

#my-account-nav .woocommerce-MyAccount-navigation-link a {
    font-weight: 600;
    font-size: 16px;
    padding-left: 8px;

}

#my-account-nav .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a {
    font-weight: 600;
    font-size: 16px;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link {
    display: flex;
    padding: 5px 0;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link.active {
    background: transparent;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link--dashboard:before,
#my-account-nav .woocommerce-MyAccount-navigation-link--dashboard:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1240_14812)'%3E%3Cpath d='M10 0C4.48602 0 0 4.48602 0 10C0 15.5136 4.48758 20 10 20C15.5233 20 20 15.5023 20 10C20 4.48602 15.514 0 10 0ZM10 18.6957C7.96359 18.6957 6.08871 17.9918 4.60512 16.8148C5.52367 14.6721 7.63871 13.2609 10 13.2609C12.3616 13.2609 14.4771 14.6718 15.3958 16.8141C13.9121 17.9914 12.0368 18.6957 10 18.6957ZM6.73914 8.69566C6.73914 6.89762 8.20195 5.4348 10 5.4348C11.798 5.4348 13.2609 6.89762 13.2609 8.69566C13.2609 10.4937 11.798 11.9565 10 11.9565C8.20195 11.9565 6.73914 10.4937 6.73914 8.69566ZM16.3992 15.8811C15.5931 14.2925 14.2304 13.0775 12.6025 12.4442C13.7879 11.6187 14.5652 10.2464 14.5652 8.69566C14.5652 6.1784 12.5173 4.13043 10 4.13043C7.48273 4.13043 5.43477 6.1784 5.43477 8.69566C5.43477 10.2465 6.21223 11.6189 7.39773 12.4444C5.77008 13.0779 4.40762 14.2931 3.60164 15.882C2.17617 14.3326 1.30434 12.2663 1.30434 10C1.30434 5.20523 5.2052 1.30434 10 1.30434C14.7948 1.30434 18.6957 5.20523 18.6957 10C18.6957 12.2659 17.8242 14.3318 16.3992 15.8811Z' fill='%238189A2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1240_14812'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 20px;
    padding-top: 5px;
}

#my-account-nav .woocommerce-MyAccount-navigation-link--dashboard.active:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1183_15437)'%3E%3Cpath d='M10 0C4.48602 0 0 4.48602 0 10C0 15.5136 4.48758 20 10 20C15.5233 20 20 15.5023 20 10C20 4.48602 15.514 0 10 0ZM10 18.6957C7.96359 18.6957 6.08871 17.9918 4.60512 16.8148C5.52367 14.6721 7.63871 13.2609 10 13.2609C12.3616 13.2609 14.4771 14.6718 15.3958 16.8141C13.9121 17.9914 12.0368 18.6957 10 18.6957ZM6.73914 8.69566C6.73914 6.89762 8.20195 5.4348 10 5.4348C11.798 5.4348 13.2609 6.89762 13.2609 8.69566C13.2609 10.4937 11.798 11.9565 10 11.9565C8.20195 11.9565 6.73914 10.4937 6.73914 8.69566ZM16.3992 15.8811C15.5931 14.2925 14.2304 13.0775 12.6025 12.4442C13.7879 11.6187 14.5652 10.2464 14.5652 8.69566C14.5652 6.1784 12.5173 4.13043 10 4.13043C7.48273 4.13043 5.43477 6.1784 5.43477 8.69566C5.43477 10.2465 6.21223 11.6189 7.39773 12.4444C5.77008 13.0779 4.40762 14.2931 3.60164 15.882C2.17617 14.3326 1.30434 12.2663 1.30434 10C1.30434 5.20523 5.2052 1.30434 10 1.30434C14.7948 1.30434 18.6957 5.20523 18.6957 10C18.6957 12.2659 17.8242 14.3318 16.3992 15.8811Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1183_15437'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 20px;
    padding-top: 5px;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link--orders:before,
#my-account-nav .woocommerce-MyAccount-navigation-link--orders:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1240_14400)'%3E%3Cpath d='M9.9999 0C4.48595 0 0 4.48586 0 9.99971C0 15.514 4.48595 20 9.9999 20C15.5138 20 19.9996 15.5139 19.9996 9.99971C19.9996 4.48586 15.5138 0 9.9999 0ZM9.9999 18.5665C5.27638 18.5665 1.43349 14.7234 1.43349 9.99971C1.43349 5.27628 5.27638 1.43349 9.9999 1.43349C14.7233 1.43349 18.5661 5.27628 18.5661 9.99971C18.5661 14.7234 14.7233 18.5665 9.9999 18.5665Z' fill='%238189A2'/%3E%3Cpath d='M15.1406 9.83235H10.4413V4.6955C10.4413 4.29967 10.1205 3.97876 9.72456 3.97876C9.32872 3.97876 9.00781 4.29967 9.00781 4.6955V10.5491C9.00781 10.9449 9.32872 11.2658 9.72456 11.2658H15.1406C15.5366 11.2658 15.8574 10.9449 15.8574 10.5491C15.8574 10.1533 15.5365 9.83235 15.1406 9.83235Z' fill='%238189A2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1240_14400'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 20px;
    padding-top: 5px;
}

#my-account-nav .woocommerce-MyAccount-navigation-link--orders.active:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1240_14818)'%3E%3Cpath d='M9.9999 0C4.48595 0 0 4.48586 0 9.99971C0 15.514 4.48595 20 9.9999 20C15.5138 20 19.9996 15.5139 19.9996 9.99971C19.9996 4.48586 15.5138 0 9.9999 0ZM9.9999 18.5665C5.27638 18.5665 1.43349 14.7234 1.43349 9.99971C1.43349 5.27628 5.27638 1.43349 9.9999 1.43349C14.7233 1.43349 18.5661 5.27628 18.5661 9.99971C18.5661 14.7234 14.7233 18.5665 9.9999 18.5665Z' fill='%230183E1'/%3E%3Cpath d='M15.1406 9.83235H10.4413V4.6955C10.4413 4.29967 10.1205 3.97876 9.72456 3.97876C9.32872 3.97876 9.00781 4.29967 9.00781 4.6955V10.5491C9.00781 10.9449 9.32872 11.2658 9.72456 11.2658H15.1406C15.5366 11.2658 15.8574 10.9449 15.8574 10.5491C15.8574 10.1533 15.5365 9.83235 15.1406 9.83235Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1240_14818'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 20px;
    padding-top: 5px;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link--connected-accounts:before,
#my-account-nav .woocommerce-MyAccount-navigation-link--connected-accounts:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1240_14833)'%3E%3Cpath d='M18.5177 1.57654L18.4235 1.48224C16.4473 -0.494079 13.2317 -0.494079 11.2553 1.48224L7.86331 4.87426C7.3468 5.39077 6.94641 6.01577 6.69387 6.69632C6.02966 6.94183 5.40695 7.33062 4.87426 7.86331L1.48224 11.2553C-0.494079 13.2317 -0.494079 16.4473 1.48224 18.4235L1.57654 18.5177C2.56454 19.5059 3.86261 20 5.16052 20C6.45858 20 7.75649 19.5059 8.74465 18.5177L12.1367 15.1257C12.653 14.6094 13.0536 13.9842 13.3061 13.3037C13.9703 13.0582 14.5932 12.6694 15.1257 12.1367L18.5177 8.74465C20.4941 6.76834 20.4941 3.55285 18.5177 1.57654ZM11.3101 14.2992L7.91809 17.6913C6.3977 19.2117 3.92364 19.2119 2.40311 17.6913L2.30881 17.597C0.788269 16.0765 0.788269 13.6023 2.30881 12.0819L5.70083 8.68987C7.22137 7.16934 9.69528 7.16949 11.2158 8.68987L11.3101 8.78417C11.6463 9.12033 11.9188 9.51644 12.1121 9.94689C11.9324 10.0157 11.74 10.0522 11.5417 10.0522C11.116 10.0522 10.7158 9.88632 10.4147 9.58526C10.3958 9.56634 10.3755 9.54955 10.3548 9.53384C9.83993 9.04678 9.16992 8.77899 8.45825 8.77899C7.86666 8.77899 7.30377 8.96408 6.83471 9.30618C6.83334 9.30724 6.83197 9.30816 6.83044 9.30923C6.716 9.393 6.60705 9.48592 6.50482 9.58816L3.20694 12.886C2.68524 13.4077 2.39776 14.1016 2.39776 14.8395C2.39776 15.5774 2.68524 16.2712 3.20709 16.793C3.72894 17.3149 4.4226 17.6022 5.16052 17.6022C5.89859 17.6022 6.5924 17.3149 7.1141 16.793L10.4144 13.4927C10.7851 13.5767 11.1633 13.6191 11.5417 13.6189C11.6476 13.6189 11.7535 13.6153 11.8593 13.6087C11.7032 13.8579 11.5193 14.0901 11.3101 14.2992ZM13.0502 9.20394C12.8117 8.74633 12.5035 8.32427 12.1367 7.95761L12.0424 7.86331C11.6663 7.48718 11.2451 7.18277 10.7962 6.94976L13.7125 4.03366C14.0135 3.7326 14.4137 3.56674 14.8395 3.56674C15.2652 3.56674 15.6654 3.7326 15.9665 4.03351C16.5878 4.655 16.5878 5.66619 15.9665 6.28753L13.0502 9.20394ZM6.94992 10.7962C7.18826 11.2537 7.49664 11.6757 7.86331 12.0424L7.95761 12.1367C8.33389 12.513 8.75503 12.8174 9.20379 13.0502L6.28768 15.9665C5.98663 16.2675 5.58639 16.4332 5.16052 16.4332C4.7348 16.4332 4.33456 16.2674 4.03366 15.9665C3.73245 15.6654 3.56674 15.2652 3.56674 14.8395C3.56674 14.4137 3.7326 14.0135 4.03351 13.7125L6.94992 10.7962ZM17.6913 7.91809L14.2992 11.3103C13.2638 12.3454 11.7866 12.6756 10.4692 12.301C10.4298 12.2844 10.3891 12.2722 10.3477 12.2645C9.77554 12.0814 9.23736 11.7635 8.78417 11.3103L8.68987 11.2158C8.35372 10.8798 8.08135 10.4837 7.88787 10.0531C8.06762 9.98428 8.26003 9.94781 8.45825 9.94781C8.88397 9.94781 9.2842 10.1137 9.58526 10.4147C9.60418 10.4336 9.62432 10.4503 9.64492 10.466C10.1599 10.9531 10.8301 11.2212 11.5417 11.2212C12.1333 11.2212 12.6962 11.0361 13.1653 10.6938C13.1666 10.6929 13.1682 10.6918 13.1695 10.6908C13.284 10.607 13.3931 10.5141 13.4952 10.412L16.793 7.1141C17.8702 6.03698 17.8702 4.28436 16.793 3.20709C16.2712 2.68524 15.5774 2.39792 14.8395 2.39792C14.1016 2.39792 13.4077 2.68524 12.8859 3.20709L9.58556 6.50741C9.11117 6.39999 8.62426 6.36123 8.14086 6.39129C8.29681 6.14212 8.48083 5.90988 8.68987 5.70083L12.0819 2.30881C13.6024 0.788269 16.0765 0.788269 17.597 2.30881L17.6913 2.40311C19.2117 3.92349 19.2117 6.39755 17.6913 7.91809Z' fill='%238189A2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1240_14833'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 20px;
    padding-top: 5px;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link--customer-logout {
    display: none;
}

#my-account-nav .is-active:before {
    filter: invert(53%) sepia(64%) saturate(6806%) hue-rotate(185deg) brightness(95%) contrast(102%);
}

.avatar {
    display: none;
}

.user-id.op-5 {
    color: #0183E1;
}


#my-account-nav .woocommerce-MyAccount-navigation-link--edit-address:before {
    content: url(https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/link-1-1.svg);
    margin-left: 20px;
    padding-top: 5px;
}

.mobile-sidebar .woocommerce-MyAccount-navigation-link--edit-account:before,
#my-account-nav .woocommerce-MyAccount-navigation-link--edit-account:before {
    content: url(https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/key-1.svg);
    margin-left: 20px;
    padding-top: 5px;
}

#my-account-nav .woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: url(https://test.bestpoolsupplies.com.au/wp-content/uploads/2023/06/logout-1.svg);
    margin-left: 20px;
    padding-top: 5px;
}

.woocommerce-Button {
    border-radius: 25px;
}

.my-account-header {
    display: none;
}

.woocommerce-Price-amount.amount {
    color: #0183E1;
}

.woocommerce-Addresses {
    font-family: Inter;
}

legend {
    color: #0183E1;
    font-family: Inter;
}

label,
legend {
    font-family: Inter;
}

.edit {
    color: #0183E1;
    font-weight: bold;
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    width: 300px;
}

.woocommerce-customer-details {
    font-family: Inter;
}

.woocommerce-order-details,
.woocommerce-column__title,
.woocommerce-column__title,
.woocommerce-order-details__title {
    font-family: Inter;
}

.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    width: 300px;
}

.u-column1.col-1.woocommerce-Address {
    width: 200px;
}

.u-column2.col-2.woocommerce-Address {
    width: 200px;
}


.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide em {
    display: none;
}

label {
    font-family: Inter;
}

.form-row-first,
.form-row-last {
    float: none;
}


.woocommerce-EditAccountForm input {
    width: 250px;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    width: auto;
}

.shop_table tfoot th {
    font-family: Inter;
    font-weight: 800;
}

/* My Account End */




/* Warranty Request  Start */

.warranty-request-section {
    max-width: 970px;
    margin: 0 auto;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
    float: right;
    margin: 0;
}

.recaptcha-div {
    float: left;
}

.warranty-request-send {
    max-width: 270px;
    width: 100%;
}

.warranty-request-send input {
    width: 100%;
}

@media only screen and (max-width: 1000px) {

    .warranty-request-section .container .section,
    .row .section {
        padding-left: 0px;
        padding-right: 0px;
    }
}






/* Warranty Request End */



/*Product catalogue*/
.up-sells .product_tag-free-gift .button svg path,
.product-category-list .product-type-variable .button svg path,
.up-sells .in_store_only .button svg path,
.product-category-list .in_store_only .button svg path,
.up-sells .instant_price .button svg path,
.product-category-list .instant_price .button svg path {
    opacity: 0;
}

.up-sells .in_store_only .button {
    padding: 7px 8px !important;
}

.up-sells .instant_price .button svg,
.product-category-list .instant_price .button svg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3568_27310)'%3E%3Cpath d='M10.4063 23.2383C10.4057 23.2383 10.405 23.2383 10.4044 23.2383C9.70026 23.2377 9.0382 22.9631 8.54052 22.4646L1.53069 15.4447C0.505394 14.4175 0.505394 12.7461 1.53069 11.719L10.98 2.25151C11.9538 1.27579 13.2495 0.738281 14.6283 0.738281H20.6234C22.0772 0.738281 23.2601 1.92096 23.2601 3.375V9.3517C23.2601 10.7295 22.7232 12.0247 21.7484 12.9983L12.2697 22.4672C11.7717 22.9644 11.1099 23.2383 10.4063 23.2383ZM14.6283 2.49609C13.7198 2.49609 12.866 2.85027 12.2242 3.49324L2.77476 12.9607C2.43295 13.3032 2.43295 13.8602 2.77476 14.2027L9.78458 21.2226C9.95034 21.3886 10.1709 21.4803 10.4057 21.4805H10.4064C10.641 21.4805 10.8615 21.3891 11.0274 21.2235L20.5061 11.7548C21.1486 11.1132 21.5023 10.2596 21.5023 9.3517V3.375C21.5023 2.89037 21.1081 2.49609 20.6234 2.49609H14.6283ZM16.8879 9.65918C15.434 9.65918 14.2512 8.4765 14.2512 7.02246C14.2512 5.56842 15.434 4.38574 16.8879 4.38574C18.3418 4.38574 19.5247 5.56842 19.5247 7.02246C19.5247 8.4765 18.3418 9.65918 16.8879 9.65918ZM16.8879 6.14355C16.4033 6.14355 16.009 6.53783 16.009 7.02246C16.009 7.5071 16.4033 7.90137 16.8879 7.90137C17.3727 7.90137 17.7668 7.5071 17.7668 7.02246C17.7668 6.53783 17.3727 6.14355 16.8879 6.14355Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3568_27310'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.up-sells .in_store_only .button svg,
.product-category-list .in_store_only .button svg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3559_26727)'%3E%3Cmask id='mask0_3559_26727' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath d='M0 1.90735e-06H24V24H0V1.90735e-06Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3559_26727)'%3E%3Cpath d='M21.1875 3.18737H2.8125C1.77698 3.18737 0.9375 4.02685 0.9375 5.06237V6.9114L10.881 14.3074C11.5452 14.8015 12.4548 14.8015 13.119 14.3074L23.0625 6.9114V5.06237C23.0625 4.02685 22.223 3.18737 21.1875 3.18737Z' stroke='white' stroke-width='1.92' stroke-miterlimit='10'/%3E%3Cpath d='M22.125 11.114V18.9375C22.125 19.4544 21.7044 19.875 21.1875 19.875H2.8125C2.29556 19.875 1.875 19.4544 1.875 18.9375V11.114L0 9.71939V18.9375C0 20.4883 1.26169 21.75 2.8125 21.75H21.1875C22.7383 21.75 24 20.4883 24 18.9375V9.71939L22.125 11.114Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3559_26727'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.up-sells .product_tag-free-gift .button svg,
.product-category-list .product-type-variable .button svg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2.40002 14.4C3.72551 14.4 4.80003 13.3255 4.80003 12C4.80003 10.6745 3.72551 9.59998 2.40002 9.59998C1.07452 9.59998 0 10.6745 0 12C0 13.3255 1.07452 14.4 2.40002 14.4Z' fill='white'/%3E%3Cpath d='M11.9999 14.4C13.3254 14.4 14.3999 13.3255 14.3999 12C14.3999 10.6745 13.3254 9.59998 11.9999 9.59998C10.6744 9.59998 9.59985 10.6745 9.59985 12C9.59985 13.3255 10.6744 14.4 11.9999 14.4Z' fill='white'/%3E%3Cpath d='M21.6 14.4C22.9255 14.4 24 13.3255 24 12C24 10.6745 22.9255 9.59998 21.6 9.59998C20.2745 9.59998 19.2 10.6745 19.2 12C19.2 13.3255 20.2745 14.4 21.6 14.4Z' fill='white'/%3E%3C/svg%3E");
}

.up-sells .add-to-cart-button {
    opacity: 1 !important;
    visibility: visible !important;
    margin-right: -3px;
}

.up-sells .product-small .price .amount bdi {
    font-size: 18px;
}

.upsells .large-columns-5 .flickity-viewport {
    height: 100% !important;
    padding: 0;
}

.upsells .flickity-slider {
    position: relative !important;
    padding: 0;
    width: 100% !important;
    transform: none !important;
    height: 100% !important;
}

@media screen and (max-width: 849px) {
    .upsells .flickity-slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.upsells .flickity-slider .product-small {
    padding: 0 !important;
    height: 100%;
    position: relative !important;
    left: 0 !important;
    box-shadow: none !important;
}

.upsells .flickity-slider .product-small .add-to-cart-button a {
    padding: 12px 8px;
    justify-content: space-between;
    max-width: 136px;
}

.upsells .product-small img {
    height: 100% !important;
    width: 100% !important;
}

.product-category-list .out-of-stock .add-to-cart-button {
    display: none !important;
}

.product-category-results {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.product-category-ordering small {
    color: var(--grey-dark, #8189A2);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    margin-right: 12px;
}

.product-category-ordering .berocket_single_filter_widget {
    border: none;
    margin: 0;
}

.product-category-ordering .bapf_sfilter {
    margin: 0;
}

.product-category-ordering .bapf_body {
    max-width: 200px;
    min-width: 200px;
}

.product-category-ordering .bapf_head {
    display: none;
}

.ordering-select2 .select2-results__options {
    max-height: 300px;
}

#shop-sidebar-container {
    padding-left: 0;
}

#open-shop-sidebar-container {
    border-radius: 6px;
    background: var(--accent-blue, #0183E1);
    padding: 12px;
    color: var(--white, #FFF);
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    top: -4px;
}

.product-list-header .select2-selection {
    margin: 4px 0 0 0;
    height: 32px;
    max-width: 200px;
    border: 1px solid #E4E5EE !important;
}

.product-list-header .select2-selection__arrow::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.85344 3.8965L6.10344 2.1465C5.90844 1.95125 5.59144 1.95125 5.39644 2.1465L3.64644 3.8965C3.45119 4.09175 3.45119 4.40825 3.64644 4.6035C3.84144 4.79875 4.15844 4.79875 4.35344 4.6035L5.24994 3.707V13.5C5.24994 13.776 5.47394 14 5.74994 14C6.02594 14 6.24994 13.776 6.24994 13.5V3.707L7.14644 4.6035C7.24394 4.70125 7.37194 4.75 7.49994 4.75C7.62794 4.75 7.75594 4.70125 7.85344 4.6035C8.04869 4.40825 8.04869 4.09175 7.85344 3.8965Z' fill='%2310151C'/%3E%3Cpath d='M12.3535 11.3965C12.1582 11.2013 11.8417 11.2013 11.6464 11.3965L10.7499 12.293V2.5C10.7499 2.224 10.5259 2 10.2499 2C9.97394 2 9.74994 2.224 9.74994 2.5V12.293L8.85344 11.3965C8.65819 11.2013 8.34144 11.2013 8.14644 11.3965C7.95119 11.5917 7.95119 11.9083 8.14644 12.1035L9.89644 13.8535C9.99419 13.9513 10.1219 14 10.2499 14C10.3779 14 10.5057 13.9513 10.6034 13.8535L12.3535 12.1035C12.5487 11.9083 12.5487 11.5917 12.3535 11.3965Z' fill='%2310151C'/%3E%3C/svg%3E");
}

.product-list-header .select2-selection__rendered {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 12px
}

.product-list-header {
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .product-category-list {
        max-width: 100%;
        flex-basis: 100%;
    }

    .product-list-header {
        display: grid !important;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto auto;
        gap: 20px 6px;
    }

    .product-category-results {
        grid-area: 2 / 1 / 3 / 3;
        font-size: 16px;
    }

    .product-list-header .woocommerce-ordering {
        margin: 0;
        width: 100%;
        z-index: 1;
    }

    div.product-list-header .select2-selection {
        margin: 4px 0 0 0;
        max-width: 100%;
        padding: 7.6px !important;
    }

    .product-category-ordering small {
        display: none;
        margin-right: 0;
    }

    .product-category-ordering .berocket_single_filter_widget,
    .product-list-header .select2-container {
        width: 100% !important;
    }

    .product-category-ordering .bapf_body {
        max-width: 100%;
        min-width: auto;
    }

    .product-list-header .select2-selection__rendered {
        text-align: center;
    }

    .category-sidebar-filters {
        background: var(--grey-light, #F5F8FB);
        position: absolute;
        padding: 13px 15px;
        width: 100%;
        inset: 0 0 auto 0;
        height: 50px;
        z-index: 9999;
    }

    #shop-sidebar {
        height: 100%;
    }

    #shop-sidebar-container {
        padding: 0;
    }

    .sidebar__filters {
        overflow: scroll;
        overflow-x: hidden;
        position: relative;
        top: 0;
        height: 100%;
        padding: 66px 15px 30px;
    }

    .category-page-row {
        padding-top: 20px;
    }
}

.select2-container {
    z-index: 1001
}

.bapf_body .select2-container {
    z-index: 999 !important;
}


/* Mobile CSS */

/* Blog Page Mobile CSS */



@media only screen and (max-width: 850px) {
    .badge.top {
        left: 10px;
        right: unset;
    }

    .blog-list-tab-title {
        font-size: 1.75rem;
    }
}


/* Blog Page Mobile CSS END */


/* Contact Us Mobile Start */




@media only screen and (max-width: 1050px) {

    .one-half-mobfix {
        width: 100% !important;
    }


}

@media screen and (max-width: 720px) {
    .medium-6 {
        max-width: 100% !important;
        width: 100% !important;
    }

}


.woocommerce-address-fields .woocommerce-input-wrapper input {
    width: 250px;
}

.woocommerce-address-fields button {
    border-radius: 25px !important;
}

.woocommerce-address-fields .woocommerce-input-wrapper .state_select {
    width: 250px !important;
}

#ship-to-different-address label,
.woocommerce-input-wrapper .checkbox {
    display: flex;
}

#ship-to-different-address {
    margin-top: 16px;
    margin-left: -2px;
    padding-left: 2px;
}

#ship-to-different-address label {
    height: 22px;
    display: flex;
    align-items: center;
    margin-left: 0px;
}


/* Contact Us Mobile End */


























/* MOBILE CSS */
/* MOBILE MY ACCOUNT */
@media only screen and (max-width: 510px) {
    .my-account .container .row .col {
        flex: unset;
    }

    .woocommerce-EditAccountForm input {
        width: 100%;
    }
}

@media (max-width: 850px) {

    .form-row-first,
    .form-row-last {
        width: unset;
    }
}

/* MOBILE MY ACCOUNT END */

/* MOBILE HEADER START */
@media only screen and (max-width: 990px) {
    #menu-item-17557 {
        margin: 0;
        margin-right: 0px;
    }
}

/* MOBILE HEADER END */


/* MOBILE GLOBAL START */
.touch-scroll-table {
    box-shadow: none;
}

/* MOBILE GLOBAL END */










.wpcf7-form-control.has-spinner.wpcf7-submit {
    float: unset;
}

.footer-3-list {
    width: 260px
}













/* LOGIN CSS */

.xoo-el-modal {
    max-width: 570px;
    margin: 0 auto;
}

.xoo-el-sidebar {
    display: none !important;
}

.xoo-el-form-container ul.xoo-el-tabs {
    border-bottom: 1px solid #E4E5EE;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.xoo-el-form-container ul.xoo-el-tabs li {
    background-color: transparent !important;
    padding: 0 !important;
    color: black !important;
    text-transform: uppercase;
}

.xoo-el-section.xoo-el-active {
    padding-left: 0;
    padding-right: 0;
}

.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    color: #0183E1 !important;
}

.account-not-logged-in h2 {
    color: black !important;
}

.account-not-logged-in a.xoo-el-action-sc.button,
.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    border-radius: 6px;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-family: Inter;
    font-size: 14px;
    color: #ffffff !important;
    font-weight: 600;
}

.account-not-logged-in a.xoo-el-action-sc.button {
    min-width: 300px;
}

.xoo-el-lostpw-tgr {
    color: #0183E1;
}

.xoo-aff-input-group .xoo-aff-input-icon {
    display: none;
}

.xoo-aff-group input[type="text"],
.xoo-aff-group input[type="password"],
.xoo-aff-group input[type="email"],
.xoo-aff-group input[type="number"],
.xoo-aff-group select {
    border-radius: 8px;
}

.xoo-el-srcont {
    border-radius: 8px;
}

.xoo-el-form-container button.button.btn.xoo-el-action-btn,
.xoo-aff-group {
    width: 100%;
}

div.xoo-el-main {
    padding: 40px;
}

@media only screen and (max-width: 600px) {
    div.xoo-el-main {
        padding: 40px 20px 20px;
    }
}

/* LOGIN CSS END




/* FOOTER MOBILE CSS START


@media only screen and (max-width: 1050px) {
    
    .gallery-columns-4 .gallery-item, .large-columns-4 .flickity-slider > .col, .large-columns-4 > .col {
    
    max-width: 50% !important;
    
}
    
    element {

}
.footer-1 {

    font-size: 0.875rem !important;

}
.footer-1 {

    background-color: #10151c;
    padding-left: 50px;
    margin-bottom: 50px;
    }
    
    .widget > ul > li, ul.menu > li {
  list-style: disc;
    }
    

#block_widget-18.col {
        flex-basis: 50%

}

#block_widget-19.col {
    flex-basis: 50%

}

#block_widget-20.col {
    flex-basis: 50%;
        margin-top: 5%


}

#block_widget-21.col {
        flex-basis: 50%;
    margin-top: 5%

}
}


/* FOOTER MOBILE CSS END */

body.woocommerce-cart .large-7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

body.woocommerce-cart .cart-collaterals {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

body.woocommerce-cart .cart_totals {
    border-radius: 15px;
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    padding: 23px 30px;
}

.cart_totals .wc-proceed-to-checkout div.button:hover,
body.woocommerce-cart .cart_totals:hover {
    box-shadow: none !important;
}

tr.main-table {
    display: grid;
    background: transparent;
    grid-template-columns: 36% 20% 19% 25%;
}

body.woocommerce-cart thead.main-tble-one tr {
    background: #8189A2;
    padding: 0;
}

body.woocommerce-cart thead.main-tble-one tr th {
    background: #8189A2;
    color: #fff;
    padding: 5px;
    border-radius: 0px;
}


body.woocommerce-cart thead.main-tble-one {
    background: #8189A2;
    border-radius: 8px 8px 0px 0px;
    padding: 8px 5px !important;
}

body.woocommerce-cart th.product-name,
th.product-price,
th.product-quantity,
th.product-subtotal {
    border: none;
}

body.woocommerce-cart th.product-name {
    background: transparent;
    padding: 0px;
}

body.woocommerce-cart .cart_totals tr {
    padding: 0px;
}

body.woocommerce-cart .cart_totals thead tr:first-child {
    background: transparent;
}

tbody.table_part_second tr {
    display: grid;
    grid-template-columns: 10% 25% 20% 20% 20% 5%;

}

tbody.table_part_second {
    background: transparent;
    border: 1px solid #d9d9d9;
    border-radius: 0px 0px 8px 8px;
}

td.product-thumbnail,
td.product-name,
td.product-price,
td.product-quantity,
td.product-subtotal {
    background: transparent;
    border: none;
}

tr.woocommerce-cart-form__cart-item.cart_item {
    background: none;
}

.cart-sidebar.col-inner {
    display: grid;
    grid-template-columns: 50% 50%;
}

.main_cart_discount.cart-sidebar.col-inner {
    display: grid;
    gap: 20px;
    grid-template-columns: 35% auto;
    justify-content: space-between;
    align-items: end;
}


tr.order-total th,
tr.order-total td {
    border: 0;
}

body.woocommerce-order-pay .coupon {
    grid-template-columns: 60% 37%;
    display: grid;
    gap: 10px !important;
}

.main_cou_nav {
    background: #f5f8fb;
    border-radius: 15px;
    padding: 16px 20px 26px;
}


tr.cart-subtotal {
    margin: 10px 0px;

}

td.product-remove {
    background: transparent;
}

body.woocommerce-cart .shop_table thead tr th:last-of-type {
    text-align: left;
}

body.woocommerce-cart a.button-continue-shopping.button.primary.is-outline {
    border: none;
}

body.woocommerce-cart .continue-shopping {
    margin-top: 10px;
}

.primary.is-outline:hover {
    color: #0183e1;
    text-decoration: underline;
    background-color: transparent !important;
}

body.woocommerce-cart .shop_cart_nav {
    border: none !important;
    margin-top: 35px;
}

body.woocommerce-cart a.icon-remove,
a.remove {
    border: none;
}


body.woocommerce-cart p.cc_code {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.head_sho_crt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px 0px 30px;
    gap: 10px;
}

.cart-container .woocommerce-info.message-wrapper,
.wc-empty-cart-message {
    display: none;
}

.no-search-results-notice .medium-text-center,
.empty-cart .medium-text-center,
.head_sho_crt h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
    color: #10151C;
}

body.woocommerce-cart button.is-form.expand.button.wp-element-button {
    border-radius: 6px;
    border: 1px solid #0183E1;
    background: none;
    color: #0183E1;
}

body.woocommerce-cart button.is-form.expand.button.wp-element-button:hover {
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    color: #fff;
}

.head_sho_crt_b {
    position: relative;
}

body.woocommerce-cart button.button.primary.mt-0.pull-left.small.wp-element-button {
    position: absolute;
    right: 0;
    background: transparent;
    color: #0183e1;
    border: 0;
}

body.woocommerce-cart button.button.primary.mt-0.pull-left.small.wp-element-button:hover {
    text-decoration: underline;
    box-shadow: none;
}

.cart-discount {
    background: transparent !important;
}

.main_cou_nav input,
.main_cou_nav button {
    margin: 0 !important;
}

.button-w-border,
.main_cou_nav button {
    color: var(--accent-blue, #0183E1) !important;
    font-family: Inter;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    border: 1px solid #0183E1 !important;
    background: transparent !important;
    text-shadow: none !important;
    padding: 11px !important;
}

.main_cou_nav button {
    margin-top: 10px !important;
}

.cart-small-title {
    font-size: 20px;
    line-height: normal;
}

.button-w-border:hover,
.main_cou_nav button:hover {
    box-shadow: none;
    background: #0183E1 !important;
    color: white !important;
}

.my-account .button-w-border {
    font-size: 14px;
    min-width: 200px;
}

body.woocommerce-cart table.shipping__table th,
body.woocommerce-cart tr.cart-subtotal th,
body.woocommerce-cart tr.cart-subtotal td,
body.woocommerce-cart table.shipping__table td {
    border: none;
}

body.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item>td {
    /* padding: 8px 0px; */
    padding-top: 8px;
}

body.woocommerce-cart a.checkout-button.button.alt.wc-forward.wp-element-button:hover {
    box-shadow: none;
}

body.woocommerce-cart .cart_totals:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

.cart-container .cart_totals tbody,
.cart-container .cart_totals tr,
.cart-container .cart_totals td {
    background: transparent;
}

@media (max-width: 1024px) {
    body.woocommerce-cart .cart_totals {
        /*position: absolute;
        right: 0;
        width: 40%;
        top: 50px;*/
    }
}

@media (max-width: 849px) {
    .head_sho_crt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_cart_discount.cart-sidebar.col-inner {
        grid-template-columns: 1fr auto;
    }

    body.woocommerce-cart .cart_totals {
        width: 50%;

    }

    body.woocommerce-cart span.amount {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (max-width: 610px) {
    .main_cart_discount.cart-sidebar.col-inner {
        display: block;
    }

    body.woocommerce-cart input.plus.button.is-form,
    body.woocommerce-cart input.minus.button.is-form {
        padding: 0px 8px;
    }

    body.woocommerce-cart span.amount {
        font-size: 14px;
    }

    body.woocommerce-cart .cart_totals {
        position: initial;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body.woocommerce-cart a.checkout-button.button.alt.wc-forward.wp-element-button {
        padding-bottom: 15px;
    }
}

@media (max-width: 550px) {
    tbody.table_part_second tr {
        grid-template-columns: 20% 40% 30% 10%;
    }

    body.woocommerce-cart span.amount {
        font-size: 14px;
    }

    tr.main-table {
        display: grid;
        grid-template-columns: 38% 50%;
    }
}

@media (max-width: 425px) {
    body.woocommerce-cart .cart_totals {
        margin-bottom: 10px;
    }
}

/* Pay order page */
body.woocommerce-order-pay #order_review {
    max-width: 100%;
    margin: 0 auto;
}

body.woocommerce-order-pay #order_review .shop_table {
    display: table;
}

/*checkout page css*/
.page-id-10383906 #order_review {
}

.page-id-10383906 .shop_table {
    border: none !important;
}

.page-id-10383906 tbody,
.page-id-10383906 td,
.page-id-10383906 tfoot,
.page-id-10383906 th,
.page-id-10383906 thead,
.page-id-10383906 tr {
    background: none;
}

.page-id-10383906 .shop_table th,
.page-id-10383906 .shop_table td {
    padding: 20px;
    border-bottom:  1px solid #E4E5EE;
}

.page-id-10383906 .chk_out_nav.large-5.col .col-inner.has-border {
    border: solid 1px #E4E5EE;
    border-radius: 8px;
    padding: 0px;
}

.page-id-10383906 tr.order-total,
.page-id-10383906 tr.cart-subtotal {
    display: grid;
    grid-template-columns: 50% 50%;
}

.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table tbody,
.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table thead,
.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table td,
.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table tr,
.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table th,
.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table tfoot {
    background: transparent;
}

.page-id-10383906 tr.cart_item {
    display: grid;
    grid-template-columns: 65% 35%;
}

.page-id-10383906 span.amount {
    font-size: 20px;
    font-weight: 600;
}

.page-id-10383906 dl.variation {
    display: none;
}

.page-id-10383906 td.product-total,
.page-id-10383906 th.product-name,
.page-id-10383906 th.product-total {
}

.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table>thead>tr {
    display: grid;
    grid-template-columns: 50% 50%;
}

.page-id-10383906 div#payment,
.page-id-10383906 .woocommerce-privacy-policy-text {
    padding: 0;
}

.page-id-10383906 table.shop_table.woocommerce-checkout-review-order-table>thead {
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E5EE;
    border-radius: 0px;
}

.page-id-10383906 ul.wc_payment_methods {
    padding: 0;
    margin: 20px 0;
}

.page-id-10383906 ul.wc_payment_methods li {
    list-style: none;
}

.page-id-10383906 #place_order {
    margin: 30px 0;
}

/*button*/
body.woocommerce-cart .cart_totals .woocommerce-Price-amount.amount {
    color: #fff;
    font-size: 28px;
    font-style: italic;
    line-height: normal;
}

.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after {
    content: ' ';
    display: table;
}

#payment ul.wc_payment_methods li.wc_payment_method>input[type=radio]:first-child {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input, #add_payment_method #payment ul.payment_methods li input {
    margin: 0 1em 0 0;
}

:where(html:not(.no-js)) .hide-focus-outline *:focus {
    outline: 0;
}

button, input {
    overflow: visible;
}

#payment ul.wc_payment_methods {
    list-style: none;
    padding-left: 0
}

#payment  ul.payment_methods li {
    margin: 0;
}

#payment  ul.payment_methods li+li {
    border: none;
    padding-top: 5px;
}

#payment ul.wc_payment_methods li:hover,
#payment ul.wc_payment_methods li.wc_payment_method>label:hover {
    cursor: pointer;
}

#payment ul.wc_payment_methods li.wc_payment_method>input[type=radio]:first-child {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important
}

#payment ul.wc_payment_methods li.wc_payment_method input[type=radio]:first-child:checked+label {
    border-left: 5px solid #2B6CB0;
    background: #EDF2F7;
}

#payment ul.wc_payment_methods li.wc_payment_method input[type=radio]:first-child:checked+label:before {
    background: #2B6CB0;
    border-color: #2B6CB0
}

#payment ul.wc_payment_methods li.wc_payment_method>label {
    background: #F7FAFC;
    display: block;
    font-size: 16px;
    border-left: 5px solid #CBD5E0;
    padding: 10px 15px;
    transition: border 0.2s ease-in-out;
    margin-bottom: 4px;
    font-weight: bold
}

#payment ul.wc_payment_methods li.wc_payment_method>label:before {
    content: '';
    background: transparent;
    width: 10px;
    display: inline-block;
    border: 1px solid #A0AEC0;
    height: 10px;
    border-radius: 50%;
    margin-left: -5px;
    margin-right: 4px
}

#payment ul.wc_payment_methods li.wc_payment_method>label:hover {
    border-left: 5px solid #A0AEC0;
    background: #EDF2F7;
}

#payment ul.wc_payment_methods li:first-child:last-child>label {
    border: 0 !important
}

#payment ul.wc_payment_methods li:first-child:last-child>label:before {
    display: none
}

li.payment_method_ppcp label:first-of-type img,
li.payment_method_nab_dp label:first-of-type img {
    max-width: 80px;
    float: none;
    max-width: 80px;
    margin-left: 10px;
}

.woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, #add_payment_method #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0em;
    margin: 1em 0;
    font-size: 0.92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: transparent;
    color: var(--global-palette4);
}

body.woocommerce-order-pay ul.order_details {
    margin: 1.5em 0 2.5em 0;
    padding: 0;
}

body.woocommerce-order-pay ul.order_details li {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
    list-style: none;
    margin: 7px 0;
    padding: 7px 0 10px 0;
    border-bottom: 1px solid #d0d0d0;
}

body.woocommerce-order-pay ul.order_details li strong {
    float: right;
}

body.woocommerce-order-pay #jsPayButton {
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%) !important;
    padding: 10px 25px;
    border-radius: 6px;
}

body.woocommerce-order-pay #jsPayButton:after {
    display: inline-block;
    content: '\8594';
    margin-left: 10px;
}

#nab_card_details {
    width: 100%;
    max-width: 800px;
    background-color: #023e8a;
    color: #fff;
    padding: 25px;
    border-radius: 6px;
}

#nab_card_details .form-row {
    position: relative;
}

#nab_card_details .form-row:nth-child(3),
#nab_card_details .form-row:nth-child(4) {
    display: inline-block;
    width: 47% !important;
    vertical-align: top;
}

#nab_card_details .form-row.form-row-first select#cc-expire-month,
#nab_card_details .form-row.form-row-first select#cc-expire-year {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    display: inline-block;
    width: 49%;
}

#nab_card_details #jsCardType {
    position: absolute;
    top: 39px;
    right: 10px;
}

#nab_card_details .nab_card_ccv_description {
    display: block;
    font-size: .8em;
    margin-top: 7px;
}

#nab_card_details .form-row label,
#nab_card_details .form-row .nab_card_ccv_description {
    color: #fff;
}

.cart_totals .woocommerce-shipping-totals.shipping,
.cart_totals tr.cart-subtotal {
    display: none;
}

.cart_totals table:first-child {
    display: none;
}

.cart_totals .shop_table {
    margin-bottom: 0;
}

body.woocommerce-cart div.order-total>div {
    background: transparent;
    color: #fff;
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    padding: 0 !important;
    margin: 0;
}

body.woocommerce-cart a.checkout-button.button.alt.wc-forward.wp-element-button {
    background: transparent;
    text-transform: uppercase;
    border: none;
}

body.woocommerce-cart .cart_totals {
    border-radius: 15px;
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%);
    min-width: 270px;
}

body.woocommerce-cart tr.order-total td {
    background: transparent;
    color: #fff;
    padding: 0 !important;
    margin: 0;
}

body.woocommerce-cart tr.order-total {
    background: transparent;
    display: grid;
    grid-template-columns: auto 81%;
    gap: 10px;
    align-items: center;
}

.cart_totals .table {
    margin-bottom: 10px;
}

.cart_totals .wc-proceed-to-checkout {
    margin: 0;
}

.cart_totals .checkout-button:not(.is-outline),
.cart_totals .wc-proceed-to-checkout div a {
    border: none;
    background: transparent !important;
    padding: 0;
    margin: 0;
    color: var(--white, #FFF);
    text-align: left;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.cart_totals .cart-discount {
    background: transparent;
    color: #fff;
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    padding: 0 !important;
    margin: 0;
}

.cart_totals .cart-discount .amount {
    display: none;
}

.cart_totals .cart-discount>div:first-of-type {
    display: none;
}

.custom-remove-coupon {
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.667 4.66669C12.4902 4.66669 12.3206 4.73693 12.1956 4.86195C12.0706 4.98697 12.0003 5.15654 12.0003 5.33335V12.794C11.9812 13.1311 11.8296 13.4471 11.5787 13.6729C11.3277 13.8988 10.9976 14.0164 10.6603 14H5.34033C5.00306 14.0164 4.67298 13.8988 4.422 13.6729C4.17101 13.4471 4.01945 13.1311 4.00033 12.794V5.33335C4.00033 5.15654 3.93009 4.98697 3.80506 4.86195C3.68004 4.73693 3.51047 4.66669 3.33366 4.66669C3.15685 4.66669 2.98728 4.73693 2.86225 4.86195C2.73723 4.98697 2.66699 5.15654 2.66699 5.33335V12.794C2.68602 13.4848 2.97805 14.14 3.47911 14.6159C3.98018 15.0919 4.64944 15.3498 5.34033 15.3334H10.6603C11.3512 15.3498 12.0205 15.0919 12.5215 14.6159C13.0226 14.14 13.3146 13.4848 13.3337 12.794V5.33335C13.3337 5.15654 13.2634 4.98697 13.1384 4.86195C13.0134 4.73693 12.8438 4.66669 12.667 4.66669Z' fill='white'/%3E%3Cpath d='M13.3333 2.66669H10.6667V1.33335C10.6667 1.15654 10.5964 0.986973 10.4714 0.861949C10.3464 0.736925 10.1768 0.666687 10 0.666687H6C5.82319 0.666687 5.65362 0.736925 5.5286 0.861949C5.40357 0.986973 5.33333 1.15654 5.33333 1.33335V2.66669H2.66667C2.48986 2.66669 2.32029 2.73693 2.19526 2.86195C2.07024 2.98697 2 3.15654 2 3.33335C2 3.51016 2.07024 3.67973 2.19526 3.80476C2.32029 3.92978 2.48986 4.00002 2.66667 4.00002H13.3333C13.5101 4.00002 13.6797 3.92978 13.8047 3.80476C13.9298 3.67973 14 3.51016 14 3.33335C14 3.15654 13.9298 2.98697 13.8047 2.86195C13.6797 2.73693 13.5101 2.66669 13.3333 2.66669ZM6.66667 2.66669V2.00002H9.33333V2.66669H6.66667Z' fill='white'/%3E%3Cpath d='M7.33333 11.3333V6.66667C7.33333 6.48986 7.2631 6.32029 7.13807 6.19526C7.01305 6.07024 6.84348 6 6.66667 6C6.48986 6 6.32029 6.07024 6.19526 6.19526C6.07024 6.32029 6 6.48986 6 6.66667V11.3333C6 11.5101 6.07024 11.6797 6.19526 11.8047C6.32029 11.9298 6.48986 12 6.66667 12C6.84348 12 7.01305 11.9298 7.13807 11.8047C7.2631 11.6797 7.33333 11.5101 7.33333 11.3333Z' fill='white'/%3E%3Cpath d='M10.0003 11.3333V6.66667C10.0003 6.48986 9.93009 6.32029 9.80506 6.19526C9.68004 6.07024 9.51047 6 9.33366 6C9.15685 6 8.98728 6.07024 8.86225 6.19526C8.73723 6.32029 8.66699 6.48986 8.66699 6.66667V11.3333C8.66699 11.5101 8.73723 11.6797 8.86225 11.8047C8.98728 11.9298 9.15685 12 9.33366 12C9.51047 12 9.68004 11.9298 9.80506 11.8047C9.93009 11.6797 10.0003 11.5101 10.0003 11.3333Z' fill='white'/%3E%3C/svg%3E");
}

.cart_totals .wc-proceed-to-checkout div.button div::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_2547_19994)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.32508e-06 9.26608L1.65609e-06 10.7331L16.8681 10.7331L11.4605 18.3125L13.1087 18.3125C13.6625 18.3125 14.185 18.0388 14.5229 17.5716L20 10.0002L14.5229 2.42834C14.185 1.96119 13.6625 1.6875 13.1087 1.6875L11.4605 1.6875L16.8675 9.26608L1.32508e-06 9.26608Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2547_19994'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    position: relative;
    margin-left: 8px;
    top: 6px;
}

@media only screen and (min-width:551px) and (max-width:768px) {
    body.woocommerce-cart td.product-name {
        padding-left: 30px;
    }
}

/*body.woocommerce-cart tr.cart-subtotal, body.woocommerce-cart tr.order-total {
    display: grid;
    grid-template-columns: 30% 70%;
}
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping {
    margin-bottom: 10px;
}*/


.no-search-results {
    max-width: 100%;
    flex-basis: 100%;
}

.search-result-found,
.search-result-query {
    font-family: Inter;
}

.search-result-query {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 20px;
}

.search-result-found {
    color: var(--grey-dark, #8189A2);
}

.search-field {
    border-radius: 6px 0 0 6px !important;
}

input.search-field:focus {
    box-shadow: none !important;
}

button.ux-search-submit {
    min-width: 48px !important;
    max-width: 48px;
    border: none;
}

input#woocommerce-product-search-field-0 {
    box-shadow: none;
}

input#woocommerce-product-search-field-0:focus {
    border: 1px solid #0183E1;
}

.autocomplete-selected {
    cursor: pointer;
}

.autocomplete-selected .search-name {
    color: #0183E1;
}

.medium-nav-center.nav-small .sub-menu {
    border-radius: 10px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.16);
    border: none;
    padding: 0;
    overflow: hidden;
}

.medium-nav-center.nav-small .sub-menu a {
    border-bottom: none;
    margin: 0;
    padding: 12px;
    width: 100%;
}

.medium-nav-center.nav-small .sub-menu a:hover {
    background: #EBF7FF;
    color: #0183E1;
}

.medium-nav-center.nav-small .sub-menu a:last-of-type {
    border-bottom: none !important;
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    display: none;
}

.header-phone-content>* {
    color: #10151C;
}

.header-phone-content .d-block {
    font-size: 12px;
    line-height: normal;
}

.header-phone-content .header-phone-divider {
    color: #E4E5EE;
    height: 11px;
    overflow: hidden;
    top: 1px;
    position: relative;
}

.nav.mobile-nav li {
    width: 100%;
}

.page-navigation {
    margin-left: 15px;
    margin-right: 15px;
}

.page-navigation>ul {
    max-width: 1170px;
    margin: 0 auto !important;
    display: flex;
    padding-bottom: 12px;
    align-items: center;
    gap: 4px;
}

.page-navigation>ul li {
    margin-bottom: 0;
}

#open-opening-times {
    cursor: pointer;
    transition: all 0.3s ease;
}

#open-opening-times:hover {
    text-decoration: underline;
    color: #0183E1;
}

#open-opening-times::after {
    content: '';
    width: 50%;
    position: absolute;
    height: 12px;
    display: block;
    bottom: -11px;
    right: 0;
}

#open-opening-times:hover div#opening-times-popup {
    visibility: visible;
    max-height: 1000px;
    opacity: 1;
}

#opening-times-popup {
    background: white;
    width: 300px;
    border-radius: 8px;
    padding: 12px;
    left: 0px;
    z-index: 1;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.24);
    margin-top: 12px;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    left: -12px;
    transition: visibility 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
}

#opening-times-popup::before {
    content: '';
    height: 12px;
    width: 16px;
    top: -33px;
    position: relative;
    display: flex;
    margin: 0 auto -22px;
    border: 11px solid transparent;
    border-bottom-color: #fff;
}

#opening-times-popup .list-group {
    display: grid;
    gap: 12px;
}

#opening-times-popup .list-group-item {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-size: 14px;
}

.header-main .nav>li>a.header-phone-number {
    font-weight: 600 !important;
    font-size: 20px !important;
}

footer {
    background: #10151C;
    color: #8189A2;
    padding: 40px 0 30px;
}

footer>div {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px) !important;
}

footer .section-title-container {
    margin: 0;
}

footer .section-title-normal {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    color: white;
    margin: 0;
}

footer .footer-4-cols {
    border-bottom: 1px solid rgba(255 255 255 / 0.1);
    margin-bottom: 30px;
}

.footer-bottom-items .col-inner {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.footer-bottom-items .col-inner .footer-bottom-links {
    display: flex;
    flex-direction: row !important;
    gap: 30px;
}

.footer-bottom-items .col-inner .footer-bottom-links a {
    color: var(--white, #FFF);
    font-family: Inter;
    text-decoration: underline;
}

.footer-bottom-items .col-inner a,
.footer-bottom-items .col-inner p {
    margin: 0;
    font-size: 12px;
}

.footer-tools-heading::before,
footer .footer-4-cols .ux-menu:not(.footer-tools) a.ux-menu-link__link.flex::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #8189A2;
    border-radius: 100vmax;
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.footer-tools {
    margin-left: 15px;
}

.footer-tools-heading p {
    border-bottom-width: 0;
    color: currentColor;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

footer .footer-contact-details,
footer .col-inner,
footer .ux-menu,
footer .footer-tools {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

footer .footer-block-3 ul,
footer .footer-block-3 li {
    margin: 0 !important;
}

footer .footer-bottom-items p,
ul.footer-contact-details a,
ul.footer-contact-details span,
ul.footer-contact-details p {
    color: white;
}

footer .ux-menu-link--active a span,
footer a:hover {
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer .footer-3-list,
footer .footer-3-list a {
    display: flex;
    gap: 8px;
    color: white;
}

footer .footer-newsletter p {
    color: white;
    font-size: 14px;
    line-height: 16px;
}

footer .footer-newsletter a {
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    line-height: 16px;
}

footer .wpcf7-submit {
    height: auto;
    padding: 4px;
}

footer input::placeholder {
    color: var(--grey-dark, #8189A2);
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 30px;
}

.footer-social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    border: 1px solid rgba(255 255 255 / 0.1);
    border-radius: 100vmax;
}

.large-columns-5 .flickity-viewport {
    height: 320px !important;
}

.related-products-wrapper .large-columns-5 .flickity-viewport {
    height: 400px !important;
}

.related-products-wrapper {
    border: none !important;
}

.related-products-wrapper .box-image {
    width: 180px;
    height: 140px;
    padding-top: 0;
}

.related-products-wrapper .product-small,
.related-products-wrapper .product-small .col-inner {
    height: 100%;
}

.related-products-wrapper .product-small .add-to-cart-button a {
    top: 8px;
}

.related-products-wrapper .row-slider,
.home .row-slider {
    overflow: initial;
}

.flickity-button {
    position: absolute;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100vmax;
    border: 1px solid rgba(1, 131, 225, 0.2) !important;
    box-shadow: none !important;
    max-width: 40px;
    transform: translateX(0) !important;
    opacity: 1;
    background: #fff;
}

.related-products-wrapper .flickity-button.next,
.home .flickity-button.next {
    right: 10px !important;
    left: auto !important;
}

.related-products-wrapper .flickity-button.previous,
.home .flickity-button.previous {
    right: 60px !important;
    left: auto !important;
}

.flickity-button-icon {
    width: 75% !important;
    margin-top: 0 !important;
}

.flickity-button-icon .arrow {
    color: #0183E1;
}

.slider .flickity-button:hover {
    background-color: #0183E1 !important;
    box-shadow: none !important;
    height: 40px;
    margin: 0 !important;
    top: -55px;
    width: 40px;
    bottom: 100%;
    transform: translate(0) !important;
}

.slider .flickity-button:hover svg path {
    fill: white !important;
}

.single_add_to_cart_button.loading>svg,
.ajax_add_to_cart.loading>span,
.ajax_add_to_cart.loading>svg {
    display: none;
}

.product-contact-us-btn,
#place_order,
.product-small .add-to-cart-button a,
.pool-water-add-cart a.btn-wt-add-to-cart,
.pool-water-add-cart a.added_to_cart {
    border-radius: 6px;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 8px;
    margin: 0;
    border: none;
    color: white !important;
    text-decoration: none !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase !important;
    min-height: 38px;
    max-height: 100px;
    cursor: pointer;
}

a.btn-wt-add-to-cart {
    min-width: 140px;
}

a.added_to_cart {
    gap: 4px;
}

a.added_to_cart::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57918 8.02321L4 2L5.54406 2C6.06293 2 6.5524 2.19756 6.86894 2.53476L12 7.99983L6.86894 13.4653C6.5524 13.8024 6.06292 14 5.54406 14L4 14L9.57918 8.02321Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider .product-small:hover .add-to-cart-button {
    visibility: visible;
    opacity: 1;
    max-height: 100px;
}

.slider .product-small .add-to-cart-button {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease;
}

.row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 2px 9.8px 19.6px;
}

.slider .product-small .box-image .image-fade_in_back>a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .product-small.box {
    border-radius: 6px;
    padding: 10px;
    transition: all 0.3s ease;
}

.slider .product-small.box:hover {
    box-shadow: 0px 1px 4px rgb(0 0 0 / 0.2);
}

.slider .product-small .box-image img {
    width: 180px;
    height: 140px;
    object-fit: contain;
}

.slider .product-small:hover .box-image img {
    transform: scale(1.1);
}

.slider-title .section-title {
    color: #10151C;
    font-size: 36px;
    font-weight: 600;
}

.custom-product-page p.stock.out-of-stock.out_of_stock_color.woo-custom-stock-status,
.slider .product-small .stock,
.slider-title .icon-angle-right,
.slider .product-small .box-image img:nth-of-type(2),
.product-small .out-of-stock-label,
.product-small .wishlist-icon {
    display: none;
}

.add_to_cart_button.added {
    display: none !important;
}

.slider .product-small .box-text-products {
    padding-top: 5px;
    padding-bottom: 8px;
}

.slider .product-small .box-text-products del span.amount {
    display: flex;
    align-items: center;
}

.about-wrapper .icon-box-text>* {
    color: #10151C;
}

.about-wrapper {
    margin-top: 20px !important;
}

.about-wrapper>div {
    padding-bottom: 20px;
}

.fp-popular-categories {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.fp-popular-categories .h1-title {
    font-size: 2.25rem;
}

.product-small .product-title a {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black, #10151C);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.related-products-wrapper .woocommerce-Price-amount.amount,
.product-small .price .amount bdi {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 8px 0;
    display: block;
    color: #10151C;
}

.product-small .price .out-of-stock {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: #F83D49;
    margin-bottom: 8px;
}

.product-small.sale .price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.product-small.sale .price del {
    color: #8189A2;
}

.product-small.sale .price del .amount bdi {
    color: #8189A2;
    font-size: 12px;
    font-weight: 400;
}

.product-small.sale .price ins .amount bdi {
    color: #F83D49;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 849px) {
    .product-small.sale .price {
        flex-direction: column-reverse;
        gap: 4px;
        align-items: start;
    }

    .product-small.sale .price bdi {
        margin: 0;
    }
}

.product-small.sale .badge-container {
    margin: 0;
    left: auto !important;
    right: 0;
    top: 0;
}

.product-small.sale .badge {
    height: fit-content;
    width: auto;
}

.product-small.sale .badge-inner {
    border-radius: 0px 0px 0px 6px;
    background: var(--red, #F83D49) !important;
    padding: 3px 6px;
    height: fit-content !important;
}

.woocommerce-product-gallery .badge .onsale,
.product-small.sale .onsale {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
}

.main-slider .banner-inner,
.banner-grid.header-banner-grid .large-5>div {
    border-radius: 8px;
    overflow: hidden;
}

.main-slider .flickity-button.previous,
.main-slider .flickity-button.next {
    top: auto !important;
    background: white;
    border: 1px solid white !important;
    bottom: 40% !important;
    transition: all 0.3s ease;
}

.main-slider .flickity-button.previous {
    right: auto !important;
    left: -19px !important;
}

.main-slider .flickity-button.next {
    right: -19px !important;
    left: auto !important;
}

.main-slider .flickity-button.next:hover,
.main-slider .flickity-button.previous:hover {
    background: #0183E1;
}

.main-slider .flickity-button.previous svg path,
.main-slider .flickity-button.next svg path {
    fill: #0183E1;
}

.main-slider .flickity-button-icon {
    background: transparent !important;
    width: 85% !important;
}

.banner-grid.header-banner-grid {
    height: auto !important;
}

.banner-grid.header-banner-grid>div {
    position: relative !important;
    left: initial !important;
    top: initial !important;
    transition: none !important;
    transform: none !important;
}

.banner-grid.header-banner-grid .bg-zoom:hover .bg {
    transform: none;
}

.banner-grid.header-banner-grid .has-hover .bg {
    transition: none;
}

.main-slider .banner {
    background: white;
}

ul.nav.header-nav.header-bottom-nav.nav-left,
ul.nav.header-nav.header-bottom-nav.nav-left li {
    position: unset;
}

.has-dropdown.current-dropdown>ul>li>ul li {
    padding-bottom: 3px;
}

.nav-dropdown .dropdown-heading {
    position: inherit !important;
}

.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .dropdown-heading>a,
.ux-menu .ux-menu-link.dropdown-heading a {
    /*     text-transform: uppercase; */
    color: #10151C;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.ux-menu .ux-menu-link.dropdown-heading a {
    margin-bottom: 5px;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown .ux-menu-link a {
    border: none;
    padding: 0;
    margin: 0;
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: initial;
    line-height: 1.6;
}

#wide-nav ul.nav-dropdown {
    border: 2px solid #ddd;
    background: white;
    column-count: 4;
    gap: 30px;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    /*    margin: 0 !important;*/
    margin: 5px 0 0 0 !important;
    width: 100% !important;
    /*    max-width: 1230px !important;*/
    max-width: 1175px !important;
    position: absolute !important;
    box-shadow: none;
    border: none;
    padding: 30px;
    /*    box-shadow: 0px 33px 24px -23px rgba(0,0,0,0.2) !important;*/
    box-shadow: 0 8px 12px #999 !important;
    border-radius: 8px;
}

.sub-menu.nav-dropdown {
    border: 2px solid #ddd;
    background: white;
    column-count: 4;
    gap: 30px;
    left: 50% !important;
    transform: translateX(-50%);
    margin: 0 !important;
    width: 100% !important;
    max-width: 1230px !important;
    position: absolute !important;
    box-shadow: none;
    border: none;
    padding: 30px;
    box-shadow: 0px 33px 24px -23px rgba(0, 0, 0, 0.2) !important;

}

.nav-dropdown>li.nav-dropdown-col {
    width: auto;
    min-width: auto;
    break-inside: avoid;
    margin-bottom: 30px;
    display: block;
}

.nav-dropdown.nav-dropdown-default>li>a {
    margin: 0 auto 10px 0;
    border: 1px solid transparent !important;
    width: fit-content;
    padding: 0;
    transition: all 0.3s ease;
    text-transform: capitalize !important;
    text-align: center;
}

.nav-dropdown.nav-dropdown-default li li>a {
    border-bottom: 0px solid transparent !important;
}

.full-categories>ul>li>a:hover,
.nav-dropdown.nav-dropdown-default li li>a:hover,
.nav-dropdown.nav-dropdown-default>li>a:hover {
    color: #0183E1 !important;
    border-bottom: 1px solid #0183E1 !important;
}

@media screen and (min-width: 850px) {
    #wide-nav .dropdown-with-images>ul>li>a:hover {
        border: 1px solid #0183e1;
    }
}

.nav-dropdown .full-categories .has-icon-left>a {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.nav-dropdown .full-categories>a>img,
.nav-dropdown .full-categories .has-icon-left img {
    height: 100px;
    width: 100px;
    object-fit: contain;
}

.nav-dropdown .full-categories>a {
    display: flex;
    flex-direction: column;
    white-space: initial;
    text-align: left !important;
}

.dropdown-with-images>ul>li a {
    width: auto !important;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 3px;
    margin: 0 auto !important;
    color: var(--black, #10151C);
    /*     font-size: 18px; */
    font-weight: 600 !important;
    text-align: left !important;
    overflow: hidden;
    margin-bottom: 20px !important;
}

.dropdown-with-images .nav-dropdown.nav-dropdown-default>li a:hover {
    border-bottom-color: #fff !important;
}

.dropdown-with-images>ul>li img {
    /*  width: 270px;
    height: 150px; */
    order: 1;
    object-fit: contain;
    margin: 0 !important;
}

.dropdown-only-links>ul>li li {
    display: flex;
    color: var(--black, #10151C);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    gap: 3px;
}

.dropdown-only-links>ul>li li::before,
.ux-menu .ux-menu-link a i.ux-menu-link__icon:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57918 8.02321L4 2L5.54406 2C6.06293 2 6.5524 2.19756 6.86894 2.53476L12 7.99983L6.86894 13.4653C6.5524 13.8024 6.06292 14 5.54406 14L4 14L9.57918 8.02321Z' fill='%230183E1'/%3E%3C/svg%3E");
}

.header-nav>li.dropdown-extra-height>ul.sub-menu {
    height: 630px !important;
}

.header-nav>li.dropdown-extra-height>ul.sub-menu>li.dropdown-heading {
    position: inherit;
}


.full-categories li::before {
    content: '' !important;
    position: absolute;
}

.full-categories>ul>li>a {
    color: #10151C !important;
    font-family: Inter !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a {
    margin-left: -15px;
    /*    padding: 13px 15px; */
    padding: 13px;
    line-height: initial;
    transition: all 0.3s ease;
    cursor: pointer;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a:hover {
    background: white;
    color: #0183E1 !important;
}

#masthead,
#wide-nav.header-bottom {
    border-top: 1px solid #E4E5EE;
}

.medium-nav-center.nav-left {
    display: flex;
    gap: 30px;
}

.medium-nav-center.nav-left li {
    margin: 0;
}

.mobile-sidebar .html_nav_position_text_top .xoo-el-action-sc:first-of-type::after {
    right: 15%;
    bottom: auto;
}

.html_nav_position_text_top .xoo-el-action-sc:first-of-type::after,
.right-divider::after {
    content: '';
    height: 15px;
    width: 1px;
    background: #e4e5ee;
    position: absolute;
    right: -8px;
    bottom: 10px;
}

.logged-in .xoo-el-action-sc:first-of-type::after {
    display: none;
}

.header-cart-link.is-small {
    flex-direction: row-reverse;
}

.header-cart-link.is-small span+.image-icon {
    margin-left: 0;
    margin-right: 10px;
}

.header-cart-link.is-small span+.image-icon::after {
    display: none;
}

.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
}

.has-dropdown .icon-angle-down {
    opacity: 1;
}


.fp-popular-categories .box-text.text-center {
    border-radius: 0 0 8px 8px;
    padding: 0;
}

.fp-popular-categories .box-image {
    border-radius: 8px 8px 0 0;
}

.fp-popular-categories .popular-categories-text {
    padding: 0;
}

.fp-popular-categories .popular-categories-text p {
    padding: 0;
    margin: 0;
}

.fp-popular-categories .popular-categories-text a {
    width: 100%;
    margin: 0;
    padding: 10px 30px 20px;
}

.pool-tips-img-box-text {
    text-shadow: none;
}

.pool-tips-image-box h4 {
    width: fit-content;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.pool-tips-image-box:hover h4 {
    border-bottom: 1px solid white;
}

.pool-tips-image-box .image-cover {
    width: 100%;
}

.pool-tips-image-box .box-text {
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.00) 100%) !important;
}

.category-page-row .products {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}

.category-page-row .product-search-list .products {
    grid-template-columns: repeat(5, 20%);
}

@media screen and (max-width: 1100px) {
    .category-page-row .products {
        grid-template-columns: repeat(3, 33.3%);
    }
}

@media screen and (max-width: 991px) {
    .category-page-row .products {
        grid-template-columns: repeat(4, 25%);
    }

    .category-page-row .product-search-list .products {
        grid-template-columns: repeat(4, 25%);
    }
}

@media screen and (max-width: 849px) {

    .category-page-row .product-search-list .products,
    .category-page-row .products {
        grid-template-columns: repeat(3, 33.3%);
    }

    .full-categories li::before {
        display: none;
    }

    li.dropdown-only-links>ul>li.full-categories>a {
        font-size: 16px !important;
        padding-left: 8px !important;
    }

    li.dropdown-only-links>ul>li.full-categories>ul>li>a {
        font-size: 16px !important;
        border: none !important;
    }

    li.dropdown-only-links>ul>li.full-categories>ul>li img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 576px) {

    .category-page-row .product-search-list .products,
    .category-page-row .products {
        grid-template-columns: 50% 50%;
    }
}

.product-small .box {
    mix-blend-mode: darken;
}

.box-image .shade {
    background-color: rgba(16, 21, 28, 0.1);
    transition: all .3s;
}

.pool-tips-image-box:hover .shade {
    background-color: rgba(16, 21, 28, 0.3);
}

.small-brand-images .brands-image {
    min-height: 180px;
    max-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.large-brand-image {
    height: 100%;
}

.large-brand-image .brands-image {
    height: 100%;
    min-height: 390px;
    max-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-product-page ul.next-prev-thumbs,
.custom-product-page .is-divider,
.custom-product-page .woocommerce-breadcrumb {
    display: none;
}

.custom-product-page .btn-qty-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-info-left .btn-qty-container {
    justify-content: start !important;
}

.custom-product-page .btn-qty-container .single_add_to_cart_button {
    margin-right: 0;
    max-width: 200px;
}

@media screen and (max-width: 1149px) {
    .footer-secondary-row {
        flex-direction: column;
    }

    .footer-secondary-row>div {
        max-width: 100%;
    }

    .footer-socials {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-bottom-items>div>div {
        text-align: center;
    }
}

@media screen and (max-width: 849px) {
    .slider-title .section-title {
        font-size: 28px;
    }

    .fp-popular-categories .h1-title {
        font-size: 1.75rem;
    }

    .product-small .box-text-products {
        display: flex;
        flex-wrap: wrap;
    }

    .product-small .title-wrapper {
        margin-bottom: 8px;
        width: 100%;
    }

    .product-small .price-wrapper {
        order: 3;
        margin-left: 8px;
    }

    .product-small .add-to-cart-button {
        order: 2;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 38px;
        min-height: 38px;
        max-height: 38px !important;
        max-width: 38px;
    }

    .product-small .add-to-cart-button a {
        height: 38px;
        width: 38px;
        padding: 9px;
        display: flex !important;
    }

    .product-small .add-to-cart-button a>span {
        display: none;
    }

    .product-small a.added_to_cart {
        display: none !important;
    }

    .about-wrapper {
        margin: 0 15px;
        width: calc(100% - 30px);
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .about-wrapper .about-4-col:first-of-type,
    .about-wrapper .about-4-col:nth-of-type(2) {
        border-bottom: 1px solid #E4E5EE !important;
        padding-top: 20px;
    }

    .about-wrapper .about-4-col:nth-of-type(2) {
        border-right: none !important;
    }

    .about-wrapper>div.large-3 {
        padding: 30px 15px;
    }

    .fp-popular-categories .section-content div.pb-0:first-of-type {
        padding-bottom: 30px !important;
    }

    .large-brand-image .brands-image {
        min-height: 180px;
        max-height: 180px;
    }

    .small-brand-images {
        padding-bottom: 0;
    }

    .main-slider .flickity-button.previous {
        left: -9px !important;
    }

    .main-slider .flickity-button.next {
        right: -9px !important;
    }

    .main-slider .flickity-button-icon {
        width: 90%;
    }

    #opening-times-popup {
        right: 0;
        left: auto;
    }

    #opening-times-popup::before {
        right: -113px;
    }

    .footer-bottom-items .col-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-bottom-items .col-inner .footer-bottom-links {
        flex-direction: column !important;
        align-items: center;
    }

    footer .footer-newsletter.medium-6 {
        max-width: 100% !important;
        width: 50% !important;
    }


    .product-info-right {
        display: none;
    }

    .desktop-hidden {
        display: block !important;
        padding: 0;
    }

    .product-info-left {
        max-width: 100%;
        flex-basis: 100% !important;
    }

    .product-info-left>.col-inner>.row.row-small:first-of-type {
        display: grid;
        grid-template-rows: auto auto;
        margin-bottom: 30px;
    }

    .product-tabs li>a {
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        text-transform: uppercase;
    }

    .price-shipping-section {
        display: grid !important;
        grid-template-columns: auto auto;
        gap: 20px;
    }

    .shop-container .products .product.product-small .out_of_stock_color {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 477px) {
    .optional-accessories-row-2 .box-text .price-wrapper {
        width: calc(100% - 60px) !important;
    }
}

@media screen and (max-width: 549px) {
    .about-wrapper .about-4-col {
        border-right: none;
        border-bottom: 1px solid #E4E5EE !important;
    }

    .about-wrapper>div:last-of-type {
        padding-bottom: 0;
    }

    .banner-grid.header-banner-grid>div {
        height: 152px !important;
    }

    .main-slider .flickity-button {
        max-height: 30px;
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
    }

    .fp-popular-categories .section-content div.pb-0 {
        padding-bottom: 30px !important;
    }

    .fp-popular-categories .tips-img-box img {
        max-height: 200px;
        min-height: 200px;
        object-fit: cover;
    }

    .product-tabs {
        gap: 10px;
    }

    .row-slider .flickity-prev-next-button svg {
        width: 50% !important;
    }

    .slider-wrapper .flickity-prev-next-button {
        display: block !important;
    }

    .not-found-title {
        font-size: 1.75rem !important;
    }

    footer .wpcf7 input,
    footer .wpcf7-submit,
    footer .footer-newsletter.medium-6 {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.off-canvas .sidebar-menu {
    padding: 0 0 30px 0;
}

.mfp-content {
    min-width: 300px;
    background-color: white !important;
}

.mobile-sidebar .nav-sidebar.nav-vertical {
    flex-wrap: wrap !important;
    flex-flow: inherit;
}

.mobile-sidebar .nav-sidebar.nav-vertical>*:nth-child(-n+2) {
    max-width: 50%;
    padding: 0;
    border: none;
}

.mobile-sidebar .nav-sidebar.nav-vertical>*:nth-child(-n+2):hover a {
    padding-top: 15px;
    padding-bottom: 15px;
}

body:not(.logged-in) .mobile-sidebar .account-item,
.logged-in .mobile-sidebar .nav-sidebar.nav-vertical>*:first-of-type {
    display: none;
}

.mobile-sidebar .account-item>a {
    text-transform: uppercase;
}

.mobile-sidebar .dropdown-with-images,
.mobile-sidebar .dropdown-only-links,
.mobile-sidebar .single-menu-item {
    background: #F5F8FB !important;
}

.mobile-sidebar li.menu-item a {
    color: var(--black, #10151C);
    font-size: 14px;
}

.mobile-sidebar ul>li.menu-item>a {
    font-size: 16px !important;
}

.mobile-sidebar .dropdown-with-images li>a,
.mobile-sidebar .dropdown-only-links a,
.mobile-sidebar .single-menu-item a {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 16px !important;
}

.mobile-sidebar .sidebar-menu>ul li.menu-item:hover,
.mobile-sidebar .nav-sidebar-ul,
.mobile-sidebar li.menu-item.active {
    background-color: white !important;
}

.mobile-sidebar li.menu-item .toggle {
    opacity: 1;
}

.mfp-close {
    opacity: 1 !important;
    top: 3px;
    right: 5px;
}

.mfp-close svg {
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
}

.mobile-sidebar .dropdown-with-images>ul>li a {
    flex-direction: row;
    padding: 0 30px 0 10px !important;
    margin-bottom: 20px !important;
}

.mobile-sidebar .dropdown-with-images>ul>li a:hover {
    color: #0183E1;
}

.mobile-sidebar .dropdown-with-images>ul>li:last-of-type a {
    margin-bottom: 0px !important;
}

.mobile-sidebar .dropdown-with-images>ul>li img {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
}

.mobile-sidebar .full-categories>ul>li>a,
.mobile-sidebar .dropdown-only-links>ul>li>a {
    padding: 0 40px 10px 12px !important;
    color: #10151C;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.mobile-sidebar .dropdown-only-links>ul>li li a {
    padding: 0 40px 11px 0 !important;
    color: #10151C;
    font-size: 14px !important;
}

.mobile-sidebar .dropdown-only-links>ul>li li::before {
    position: relative;
    top: 2px;
}

.shop-container .products .product.product-small {
    border-radius: 6px;
    width: 100%;
    max-width: 100%;
    padding: 0;
    height: 100%;
    background: white;
    transition: all 0.3s ease;
}

.shop-container .products .product-small .col-inner {
    padding: 10px !important;
}

.shop-container .products .product-small .box-image {
    max-width: 195px;
    width: 100%;
    height: 170px;
    padding-top: 0;
}

.shop-container .products .product-small .box-image .image-zoom,
.shop-container .products .box-image>div>a {
    width: 100%;
    height: 100%;
    position: relative;
}

.shop-container .products .product-small .price-wrapper,
.shop-container .products .product.product-small .box-text.box-text-products,
.shop-container .products .product.product-small .box-text.box-text-products {
    height: fit-content !important;
    padding-bottom: 0;
}

.shop-container .products .product-small .add-to-cart-button {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease;
}

.shop-container .term-description {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 30px;
}

.shop-container .term-description h1 {
    font-size: 28px;
    color: #77c102 !important;
    margin-bottom: -10px;
}

.shop-container .term-description p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 849px) {
    .shop-container .products .product-small.product.out-of-stock:hover {
        height: calc(100%) !important;
    }

    .shop-container .products .product-small.product:hover {
        height: calc(100% + 47px) !important;
        z-index: 5;
        opacity: 1;
        box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.12);
    }

    .shop-container .products .product-small.product:hover .add-to-cart-button {
        visibility: visible;
        opacity: 1;
        max-height: 100px;
        z-index: 1;
        position: relative;
    }
}

.shop-container .products .product-small img {
    object-fit: contain;
}

.shop-container .products .product-small .price-wrapper {
    margin-bottom: 8px;
}

.shop-container .products .product-small .price-wrapper .in-stock {
    display: none;
}

.shop-container .product-status-message,
.shop-container .products .product.product-small .out_of_stock_color {
    color: var(--red, #F83D49);
    font-size: .9em;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.shop-container .products .product.product-small .product-status-message,
.shop-container .products .product.product-small .out-of-stock {
    margin: 12px 0 0 0;
}

.not-found-row {
    margin-top: 40px !important;
}

.not-found-image {
    margin-bottom: 30px !important;
}

.not-found-title {
    font-size: 2.25rem !important;
}

.optional-accessories-row-2 .woo-custom-stock-status,
.optional-accessories-row-2 .product-status-message {
    display: none !important;
}

.optional-accessories-row-2 .col-inner>.row::after,
.custom-product-page .in-stock,
.woocommerce-product-gallery .wishlist-icon,
.desktop-hidden {
    display: none;
}

.woocommerce-product-gallery .badge-container {
    right: 0;
    left: auto;
    margin: 0;
    border-radius: 0 0 0 6px;
    background: #F83D49;
}

.woocommerce-product-gallery .badge {
    display: inline;
    margin: 0;
    padding: 3px 6px;
    height: 24px;
    background: none;
}

.woocommerce-product-gallery .badge-inner.on-sale {
    background: none !important;
}

.yikes-custom-woo-tab-title {
    display: none;
}

.woocommerce-tabs {
    margin-top: 0 !important;
}

.woocommerce-tabs .product-tabs {
    border-bottom: 1px solid #E4E5EE;
    margin-top: 30px;
}

.product-thumbnails .is-nav-selected a,
.product-thumbnails a:hover {
    background: linear-gradient(to right, #0081E0, #00C0F0);
    border-radius: 8px;
}

@media screen and (min-width: 850px) {
    .vertical-thumbnails {
        padding-left: 0 !important;
    }
}

.woocommerce-product-gallery__wrapper .flickity-button.next,
.woocommerce-product-gallery__wrapper .flickity-button.previous {
    top: auto !important;
    bottom: 40%;
    background: white;
}

.product-title-container {
    border-bottom: 1px solid #e5e6ef;
    margin-top: -28px;
    padding: 20px;
}

.entry-title.product-title {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    color: #77c102 !important;
    line-height: normal;
    margin-bottom: 0;
}

.custom-code-below-price {
    margin: 0 0 .5rem 0;
}

.product-short-description {
    margin: 2rem 0;
}

.product-information-right {
    display: grid;
    gap: 20px;
}

.product-info-left>.col-inner>.row.row-small:first-of-type>div:first-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-product-btn {
    border: 1px solid var(--accent-blue, #0183E1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 35px;
    height: fit-content;
    margin: 0;
    transition: all 0.5s ease-in-out;
}

.single-product-btn span {
    transition: all 0.5s ease-in-out;
}

a.button.primary.single-product-btn:hover {
    background-color: #0183E1 !important;
    padding-left: 30px !important;
}

a.button.primary.single-product-btn:hover span {
    color: white;
}

.single-product-free-shipping {
    font-family: Inter;
    font-style: italic;
    width: 101%;
}

.custom-product-page .price.product-page-price {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    align-items: center;
}

.type-product .price-wrapper {
    text-align: center;
    margin-bottom: 1em;
}

.custom-product-page .amount bdi {
    color: #f2300a;
    font-family: Inter;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
}

.custom-product-page del .amount bdi {
    color: var(--grey-dark, #8189A2);
    font-family: Inter;
    font-size: 21px;
}

.custom-product-page .price-on-sale ins .amount bdi {
    color: #F83D49;
}

.custom-product-page .single_add_to_cart_button {
    border-radius: 6px;
    padding: 12px;
    border: none;
    height: fit-content;
    line-height: unset;
    margin-bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: 14px;
    line-height: normal;
    gap: 8px;
}

.custom-product-page .single_add_to_cart_button:hover {
    background: #0183E1 !important;
}

.seen-better-price {
    margin: 1.5rem 0;
    position: relative;
}

.seen-better-price a {
    background-color: rgb(132, 196, 0);
    /* background: -moz-linear-gradient(top, rgba(132, 196, 0, 1) 0%, rgba(86, 164, 17, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(132, 196, 0, 1) 0%, rgba(86, 164, 17, 1) 100%);
  background: linear-gradient(to bottom, rgba(132, 196, 0, 1) 0%, rgba(86, 164, 17, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c400',endColorstr='#56a411',GradientType=0);
  border-bottom: solid 2px #508810; */
    color: #fff;
    border-radius: 7px;
    padding: 12px 15px 10px 15px;
    line-height: 140%;
}

.seen-better-price a span {
    font-size: 19px;
}

.seen-better-price a svg {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    position: relative;
}

.seen-better-price a svg path {
    fill: #ffffff;
}

.optional-accessories-row-2 {
    margin-top: 2rem;
}

.product-shipping-calc {
    border-radius: 8px;
    background: var(--grey-light, #F5F8FB);
    margin-bottom: 1.5rem;
    padding: 20px;
}

.product-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: scroll;
    margin-left: 0.6em;
}

.tabbed-content.container.woocommerce-tabs ul.tabs.product-tabs{
    margin: 30px 0 30px 0px !important;
    display: flex;
    flex-wrap: wrap;
}

.tabbed-content.container.woocommerce-tabs ul.tabs.product-tabs li{
    margin: 0px !important;
    padding: 12px 12px 8px 12px;
}

.tabbed-content.container.woocommerce-tabs ul.tabs.product-tabs li a{
    font-size: 16px;
    letter-spacing: 0.02em;
}

.searchform-wrapper .autocomplete-suggestions::-webkit-scrollbar,
.searchform-wrapper .autocomplete-suggestions::-webkit-scrollbar-track,
.searchform-wrapper .autocomplete-suggestions::-webkit-scrollbar-thumb,
.product-tabs::-webkit-scrollbar,
.product-tabs::-webkit-scrollbar-track,
.product-tabs::-webkit-scrollbar-thumb {
    display: none;
}

.searchform i {
    color: white;
}

.ux-search-submit {
    height: 40px !important;
}

li#tab-title-description {
    position: relative;
}

.product-tabs li>a[aria-selected='true'] {
    color: var(--accent-blue, #0183E1);
    font-size: 11px;
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
}

.product-tabs li>a[aria-selected='true']::after {
    content: '';
    position: absolute;
    border-radius: 4px 4px 0px 0px;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    height: 6px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.product-tabs li>a {
    padding-bottom: 16px;
}

.product-tabs li>a[aria-selected='false'] {
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: normal;
}

.woocommerce-Tabs-panel tbody,
.woocommerce-Tabs-panel tr,
.woocommerce-Tabs-panel td,
.woocommerce-Tabs-panel th {
    background: transparent;
    margin-left: 0;
    margin-right: 0;
}

.woocommerce-Tabs-panel ul {
    padding: 0;
}

.woocommerce-Tabs-panel ul li {
    list-style: disc;
    margin-left: 1em;
}

.woocommerce-Tabs-panel ul li>p {
    margin-top: 0;
    margin-bottom: 0;
}

.woocommerce-Tabs-panel {
    color: var(--black, #10151C);
}

.woocommerce-Tabs-panel ul {
    list-style: none;
}

.up-sells {
    border-radius: 8px;
    border: 1px solid var(--grey-border, #E4E5EE) !important;
    padding: 20px !important;
}

.optional-accessories-row-2 .add_to_cart_button {
    padding: 9px !important;
    gap: 4px !important;
    width: 100%;
    height: 100%;
}

.up-sells {
    border-top: none;
}

.product-section-title-upsell,
.single-product-optional-title {
    margin: 0 0 1.5em 0 !important;
    padding: 0 !important;
    font-size: 22px;
    color: var(--black, #10151C);
    font-family: Inter;
    text-transform: initial;
    line-height: 22px;
}

.up-sells .product-small.sale .price {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
    align-items: start;
}

.up-sells .product-small.sale .price bdi {
    margin: 0;
}

.up-sells .product-small.sale .badge-container {
    right: auto !important;
    bottom: 0;
    top: auto;
}

.up-sells .product-small.sale .badge {
    padding-left: 0;
    margin: 0;
}

.up-sells .product-small.sale .badge-inner {
    border-radius: 0 6px 0 0;
}

.up-sells .product-title {
    height: auto !important;
}

.up-sells .out-of-stock .add-to-cart-button {
    display: none;
}

.optional-accessories-row-2 .col-inner,
.optional-accessories-row-2 .col {
    padding: 0 !important;
}

.optional-accessories-row-2 .col-inner>.row {
    gap: 20px;
}

.optional-accessories-row-2 .product-small {
    display: flex;
}

.up-sells .box-image,
.optional-accessories-row-2 .box-image {
    border-radius: 4px;
    min-height: 80px;
    max-height: 80px;
    min-width: 80px;
    max-width: 80px !important;
    width: 100% !important;
}

.optional-accessories-row-2 .product-small .product-title a {
    text-align: left;
}

.optional-accessories-row-2 .box-text {
    padding: 0 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.optional-accessories-row-2 .box-text .title-wrapper {
    margin: 0;
}

.optional-accessories-row-2 .box-text .price-wrapper {
    order: 3;
    width: calc(41% - 5px);
}

.optional-accessories-row-2 .box-text .add-to-cart-button {
    order: 2;
    width: calc(59% - 5px);
}

@media screen and (max-width: 1199px) {
    .optional-accessories-row-2 .box-text .price-wrapper {
        width: calc(100% - 48px);
    }

    .optional-accessories-row-2 .box-text .price-wrapper>* {
        text-align: left;
    }

    .optional-accessories-row-2 .product-small .add-to-cart-button {
        min-width: 38px;
        min-height: 38px;
        max-height: 38px !important;
        max-width: 38px;
        margin: 0;
        width: 100%;
    }

    .optional-accessories-row-2 a.added_to_cart {
        display: none !important;
    }

    .optional-accessories-row-2 .add_to_cart_button.added {
        display: flex !important;
    }

    .optional-accessories-row-2 .product-small .add-to-cart-button a>span {
        display: none;
    }

    .price-shipping-section {
        flex-direction: column;
        align-content: flex-start;
    }

    .price-shipping-section>* {
        max-width: 100%;
    }

    .sp-free-shipping-container {
        text-align: left;
        margin-bottom: 20px;
    }

    .single-product-btn-ct .col-inner,
    .single-product-btn {
        margin: 0 !important;
    }
}

#order_review_heading,
.cart-header,
.order-detail-header {
    background: #8189A2;
    color: white !important;
    font-weight: 500 !important;
    border-radius: 6px 6px 0px 0px;
}

.cart-header {
    padding: 12px 30px;
}

.order-detail-header {
    padding: 12px 20px;
}

.cart-header,
.order-detail-header {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
}

.cart-header .inner-grid {
    display: grid;
    gap: 50px;
    grid-template-columns: 360px 12% 150px 12% 40px;
}

.single-order-grid {
    display: grid;
    grid-template-columns: 42% auto;
    gap: 40px;
}

.single-order-inside-grid {
    display: grid;
    grid-template-columns: 29% 23% 29%;
    gap: 40px;
}

.single-order-item {
    padding: 18px 20px;
}

.single-order-review {
    border-radius: 6px;
    background: var(--grey-light, #F5F8FB);
    padding: 18px 30px;
    margin-top: 15px;
    display: flex;
    gap: 70px !important;
    justify-content: flex-end;
}

@media screen and (max-width: 1200px) {
    .cart-header .inner-grid {
        gap: 20px;
        grid-template-columns: 295px 14% 150px 14% 40px;
    }
}

@media screen and (max-width: 991px) {

    .no-search-results-notice .medium-text-center,
    .empty-cart .medium-text-center,
    .head_sho_crt h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .cart-header .inner-grid {
        grid-template-columns: 200px auto auto auto;
    }
}

@media screen and (max-width: 768px) {
    .product-short-description {
        margin: 1.5rem 0;
    }

    .eco_calc_box {
        width: 100% !important;
    }

    .eco_calculator form {
        flex-direction: column;
    }

    .eco_calc_content {
        padding: 68px 20px 20px;
    }

    #eco_calc_eco {
        margin-top: -44px;
    }

    .water-test-page #first-step .pool-detail-row {
        grid-template-columns: 100%;
    }

    .test-entry-form>*:not(:first-of-type) {
        flex-direction: column;
    }

    .cart_item .product-quantity {
        grid-column: 2;
    }

    .cart_item .inner-grid,
    .cart-header .inner-grid {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .cart_item,
    .inner-grid {
        grid-template-columns: 70px auto;
        position: relative;
        gap: 6px;
        align-items: start !important;
    }

    .cart_item .inner-grid .product-name,
    .cart-header .inner-grid .product-name {
        max-width: 90%;
    }

    .cart_item .inner-grid .product-subtotal {
        justify-content: flex-end;
        margin: 0;
    }

    .cart_item .product-remove {
        position: absolute;
        right: 45px;
        top: -4px;
    }

    .cart_item .woocommerce-Price-amount {
        margin-right: 35px;
    }

    .cart_item .product-quantity .quantity {
        height: 40px;
        grid-template-columns: repeat(3, 40px);
        margin: 0 16px 0 auto;
    }

    .cart_item .product-quantity .quantity .qty {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
    }

    .entry-title.product-title {
        font-size: 30px;
        margin-bottom: .5rem;
    }
    
    .type-product .price-wrapper {
        margin-top: 1em;
    }

    .custom-product-page .amount bdi {
        font-size: 35px;
    }

    .seen-better-price a span {
        font-size: 18px;
    }

    .cart-header {
        grid-template-columns: 70px auto;
        position: relative;
        padding: 20px 10px !important;
        gap: 6px;
        align-items: start !important;
    }

    .cart_item,
    .cart-header {
        grid-template-columns: 70px auto;
        position: relative;
        padding: 20px 10px !important;
        gap: 6px;
        align-items: start !important;
    }

    .custom-share-button-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .cart-header .inner-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .cart-header .inner-grid .product-name {
        max-width: 100%;
    }

    .order-detail-header {
        display: none !important;
    }

    .single-order-grid {
        grid-template-columns: 1fr !important;
        padding: 0;
        gap: 0;
    }

    .single-order-grid>* {
        padding: 10px 8px;
    }

    .single-order-grid .single-order-inside-grid {
        background: var(--grey-light, #F5F8FB);
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        padding: 10px 8px;
    }

    .single-order-review {
        gap: 10px !important;
        flex-direction: column;
        padding: 20px;
    }

    .order-addresses {
        grid-template-columns: 1fr !important;
    }

    .order-addresses .profile-details-section {
        max-width: 100%;
        width: 100% !important;
    }

    .order-addresses .profile-details-section:first-of-type {
        padding-bottom: 20px;
    }

    .order-addresses .profile-details-section:nth-of-type(2) {
        padding-top: 0;
    }
}

@media screen and (max-width: 576px) {
    .cart-header .inner-grid {
        gap: 8px 16px;
    }

    .cart-header .inner-grid .quantity {
        margin: 0 !important;
    }

    .cart-header .inner-grid .product-subtotal {
        width: 100px;
    }

    .cart-header .inner-grid .product-name {
        max-width: 81%;
    }

    body.woocommerce-cart .coupon {
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 370px) {
    .cart-header .inner-grid {
        gap: 16px;
    }

    .cart-header .inner-grid .product-quantity {
        margin-left: -70px;
    }

    .cart-header .inner-grid .product-subtotal {
        margin: 0 !important;
    }
}

@media screen and (max-width: 360px) {

    .cart-header,
    .cart_item {
        grid-template-columns: 70px auto;
    }

    .cart-header .product-subtotal,
    .cart_item .product-subtotal {
        margin-left: 60px;
    }
}

@media screen and (max-width: 991px) {
    .cart-header {
        display: none !important;
    }
}

.single-order-item-table,
.full-cart {
    border: 1px solid #E4E5EE;
}

.full-cart .button.wp-element-button {
    display: none !important;
}

.single-order-item,
.cart_item {
    border-bottom: 1px solid #E4E5EE;
    align-items: center;
}

.single-order-item:last-of-type,
.cart_item:last-of-type {
    border-bottom: none;
}

.single-order-item .amount,
.single-order-item .product-quantity {
    color: var(--black, #10151C) !important;
}

.order-review-label {
    color: var(--grey-dark, #8189A2);
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
}

.order-review-value {
    color: var(--accent-blue, #0183E1);
    font-weight: 600;
}

.single-order-review .shipped_via {
    color: var(--black, #10151C);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}

.single-order-item .product-name img {
    min-width: 48px;
    max-width: 48px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 6px;
    object-fit: contain;
    margin: 0;
}

.single-order-item .product-name a {
    color: var(--black, #10151C);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.cart_item {
    padding: 12px 30px;
}

.cart_item .product-thumbnail {
    height: 66px;
    width: 92px;
}

.cart_item .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 991px) {
    .cart_item .product-thumbnail {
        height: 49px;
        width: 70px;
    }
}

.cart_item .product-name {
    max-width: 360px;
    width: 100%;
    display: grid;
    gap: 4px;
}

.cart_item .product-name a {
    color: black;
    font-weight: 600;
}

@media screen and (max-width: 576px) {
    .cart_item .product-name a {
        font-size: 14px;
        line-height: normal;
    }

    .cart_item,
    .cart-header {
        gap: 7px;
        padding: 12px 10px;
    }
}

@media screen and (max-width: 360px) {
    .cart_item .product-name small {
        font-size: 10px;
        line-height: 12px;
    }
}

.cart_item .tax_label {
    display: none;
}

@media screen and (max-width: 991px) {
    .cart_item .product-price {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .cart_item .product-quantity .quantity {
        margin: 0 6px 0 0;

    }
}

@media screen and (max-width: 360px) {
    .cart_item .product-quantity {
        grid-column: 1;
    }
}

.cart_item .woocommerce-Price-amount {
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 600;
    color: black !important;
}

@media screen and (max-width: 576px) {
    .cart_item .woocommerce-Price-amount {
        font-size: 16px;
        line-height: 19px;
    }
}

.cart_item .woocommerce-Price-currencySymbol {
    font-weight: 600;
    color: black;
}

.cart_item,
.cart-header {
    display: grid;
    grid-template-columns: 92px auto;
    gap: 20px;
    position: relative;
}

.cart_item .inner-grid,
.cart-header .inner-grid {
    display: grid;
    gap: 40px;
    grid-template-columns: 360px 12% 150px 12% 40px;
    align-items: center;
}

@media screen and (max-width: 1200px) {

    .cart_item .inner-grid,
    .cart-header .inner-grid {
        gap: 20px;
        grid-template-columns: 295px 14% 150px 14% 40px;
    }
}

@media screen and (max-width: 991px) {

    .cart_item .inner-grid,
    .cart-header .inner-grid {
        grid-template-columns: 200px 32% 19% 7%;
    }

    .cart_item,
    .cart-header {
        align-items: start;
    }
}

@media screen and (max-width: 576px) {

    .cart_item .inner-grid,
    .cart-header .inner-grid {
        gap: 8px 16px;
        max-width: 100%;
    }

    .cart_item .inner-grid .quantity,
    .cart-header .inner-grid .quantity {
        margin: 0 !important;
    }

    .cart_item .inner-grid .product-subtotal,
    .cart-header .inner-grid .product-subtotal {
        width: 100px;
    }

    .cart_item .inner-grid .product-name,
    .cart-header .inner-grid .product-name {
        max-width: 75%;
    }

    .cart_item .product-remove {
        position: absolute;
        right: 40px;
        top: -3px;
    }
}

@media screen and (max-width: 370px) {

    .cart_item .inner-grid,
    .cart-header .inner-grid {
        gap: 30px 16px;
    }

    .cart_item .inner-grid .product-quantity,
    .cart-header .inner-grid .product-quantity {
        margin-left: -70px;
    }

    .cart_item .inner-grid.product-subtotal,
    .cart-header .inner-grid .product-subtotal {
        margin: 0 !important;
    }
}

@media screen and (max-width: 360px) {

    .cart_item,
    .cart-header {
        grid-template-columns: 70px auto;
        padding: 12px 10px;
    }

    .cart_item .product-subtotal,
    .cart-header .product-subtotal {
        margin-left: 60px;

    }
}


.quantity .plus,
.quantity .minus {
    background-color: transparent !important;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border: none !important;
}

.quantity .plus:hover,
.quantity .minus:hover {
    box-shadow: none;
}

.quantity .qty {
    padding: 0 5px;
    background: white;
    border-left: 1px solid #DDE2F0 !important;
    border-right: 1px solid #DDE2F0 !important;
    border-top: none !important;
    border-bottom: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none;
    height: 100%;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center !important;
    margin: 0;
    font-weight: 600 !important;
    -moz-appearance: textfield;
}

.product-subtotal .uppercase {
    line-height: normal;
}

.quantity .btn-plus,
.quantity .plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M0 5H5M5 5V10M5 5H10M5 5V0' stroke='%230183E1' stroke-width='2'/%3E%3C/svg%3E");
}

.quantity .btn-minus,
.quantity .minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10 2' fill='none'%3E%3Cpath d='M0 1L5 1L10 1' stroke='%230183E1' stroke-width='2'/%3E%3C/svg%3E");
}

.quantity.buttons_added {
    border: 1px solid #DDE2F0;
    display: grid;
    grid-template-columns: repeat(3, 50px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    position: relative;
    border-radius: 6px;
}

.delete-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    max-height: 40px;
    max-width: 40px;
    background-color: rgba(255 64 64 / 0.04);
    transition: background-color 0.3s ease-in-out;
    border-radius: 100vmax;
    position: relative !important;
    top: 0 !important;
    margin: 0 0 0 auto;
}

.delete-btn a.remove {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delete-btn:hover {
    background-color: rgba(255 64 64 / 1);
}

.delete-btn:hover path {
    fill: white;
    transition: fill 0.3s ease;
}

.shop-checkout__items__item .product-remove a {
    left: -35px;
}

@media screen and (min-width: 849px) {
    .shop-checkout__items__item .product-remove a {
        left: 0;
    }
}

@media screen and (max-width: 849px) {
    .shop-checkout__items .title {
        margin-right: 40px;
    }
}

.no-search-results-notice a,
.return-to-shop a,
.update-cart {
    background-color: transparent !important;
    padding: 0;
    margin: 0 !important;
    color: #0183E1;
    border: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.return-to-shop a,
.update-cart:hover {
    box-shadow: none;
    color: #0183E1;
}

.update-cart::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.25 4.5V6.813C19.2643 5.24225 17.8508 3.9855 16.1755 3.19043C14.5001 2.39537 12.6327 2.09502 10.7926 2.32471C8.95243 2.55439 7.2161 3.30455 5.78762 4.48702C4.35913 5.6695 3.29786 7.23516 2.72852 9H4.32002C4.8969 7.51866 5.88997 6.23581 7.17948 5.30612C8.46899 4.37642 9.99989 3.83958 11.5876 3.7603C13.1753 3.68102 14.7521 4.0627 16.1278 4.85932C17.5035 5.65594 18.6194 6.83349 19.341 8.25H16.5V9.75H21.75V4.5H20.25Z' fill='%230183E1'/%3E%3Cpath d='M12 20.25C10.4807 20.2486 8.9912 19.8277 7.69586 19.0337C6.40052 18.2396 5.34961 17.1033 4.659 15.75H7.5V14.25H2.25V19.5H3.75V17.187C4.73568 18.7577 6.14925 20.0145 7.82456 20.8096C9.49988 21.6046 11.3673 21.905 13.2075 21.6753C15.0476 21.4456 16.7839 20.6955 18.2124 19.513C19.6409 18.3305 20.7022 16.7648 21.2715 15H19.68C19.078 16.5471 18.0226 17.8761 16.6521 18.813C15.2816 19.7498 13.6601 20.2507 12 20.25Z' fill='%230183E1'/%3E%3C/svg%3E");
}


.woocommerce-checkout .col-2 {
    position: sticky;
    top: 140px;
    flex: 0;
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout .col-2 {
        width: 100% !important;
    }
}

.woocommerce-checkout .woocommerce .col2-set .col-2,
.woocommerce-checkout .woocommerce-page .col2-set .col-2 {
    width: auto;
}

.woocommerce-checkout .woocommerce-checkout h1.font-semibold {
    display: none;
}

.woocommerce-checkout .col-1 {
    width: 59% !important;
}

@media screen and (max-width: 1200px) {
    .woocommerce-checkout .col-1 {
        width: 56% !important;
    }
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout .col-1 {
        width: 100% !important;
    }
}

.woocommerce-checkout .col-1>div {
    padding: 40px 0;
    border-bottom: 1px solid #E4E5EE;
}

.woocommerce-checkout .col-1>div:first-of-type {
    padding-top: 0;
}

.woocommerce-checkout .col-1>div:last-of-type {
    border-bottom: none;
}

@media screen and (max-width: 576px) {
    .woocommerce-checkout .col-1>div {
        padding: 30px 0;
        position: relative;
    }
}

.woocommerce-checkout .col-1 small {
    text-transform: uppercase;
    font-weight: 500;
    color: black;
    margin-bottom: 8px;
    margin-top: 10px;
    display: block;
}

.woocommerce-checkout .order-total .main-btn {
    padding: 18px !important;
    width: 100%;
    margin: 0;
}

.woocommerce-checkout .order-total .main-btn:disabled {
    background: #C4C9D8 !important;
    cursor: not-allowed;
}

.woocommerce-checkout label {
    color: var(--black, #10151C);
    font-size: 14px;
    line-height: normal;
    opacity: 1 !important;
    visibility: visible;
    width: 100% !important;
}

.woocommerce-checkout abbr[title=required] {
    color: #F83D49;
}

.woocommerce-checkout .form-step-wrap,
.woocommerce-checkout .form-info-wrap {
    padding-left: 50px;
}

@media screen and (max-width: 991px) {

    .woocommerce-checkout .form-step-wrap,
    .woocommerce-checkout .form-info-wrap {
        padding-left: 0;
    }
}


#customer_details h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--black, #10151C);
    font-family: Inter;
    text-transform: capitalize;
}

@media screen and (max-width: 991px) {
    #customer_details h3 {
        margin-bottom: 20px;
    }
}

#customer_details #ship-to-different-address span {
    font-weight: 400;
}

.checkout-step {
    min-height: 30px;
    max-height: 30px;
    min-width: 30px;
    max-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100vmax;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    color: white;
    outline: 8px solid rgba(0 125 196 / 0.1);
    font-weight: 500;
    margin-right: 20px;
    font-family: Inter;
    font-size: 20px;
}

@media screen and (min-width: 551px) {
    #checkout-step-two .checkout-step__wrap .button-edit {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    #checkout-step-two .title-wrap {
        flex-direction: column;
    }

    #checkout-step-two .title-wrap .button-edit {
        display: none;
    }

    #checkout-step-two .checkout-step__wrap .button-edit {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 374px) {
    #checkout-step-two .title-wrap {
        flex-direction: column;
    }

    #checkout-step-two .button-edit {
        width: 50%;
    }
}


#order_review {
    max-width: 370px;
    min-width: 370px;
}

@media screen and (max-width: 991px) {
    #order_review {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

#order_review .shop_table {
    border: 1px solid #E4E5EE;
    align-items: center;
    background: white;
    display: grid;
    border-top: none;
    grid-template-columns: 100%;
}

#order_review .in-stock {
    display: none;
}

#order_review .checkout_coupon {
    border: none;
    border-bottom: 1px solid #E4E5EE;
    border-radius: 0;
    padding: 0 30px 30px 30px;
    margin: 0;
}

@media screen and (max-width: 576px) {
    #order_review .checkout_coupon {
        padding: 0 20px 30px;
    }
}

@media screen and (max-width: 374px) {
    #order_review .checkout_coupon__container {
        flex-direction: column;
    }

    #order_review .checkout_coupon__container>div,
    #order_review .checkout_coupon__container button {
        width: 100%;
    }

    #order_review .checkout_coupon__container #coupon_cod {
        height: 42px;
    }
}

@media screen and (max-width: 1200px) {
    form.checkout .customer-billing-details__inner {
        flex-direction: column;
        gap: 20px !important;
    }
}

@media screen and (max-width: 991px) {
    form.checkout .customer-billing-details__inner {
        flex-direction: row;
    }
}

@media screen and (max-width: 550px) {
    form.checkout .customer-billing-details__inner {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    form.checkout .customer-billing-details__inner .button-edit {
        grid-row: 1;
        position: relative !important;
        top: 0;
    }
}

.shop-checkout__review>* {
    padding: 20px 30px;
}

@media screen and (max-width: 576px) {
    .shop-checkout__review>* {
        padding: 30px 20px;
    }
}

.shop-checkout__review bdi {
    font-weight: 600;
    color: black;
}

.shop-checkout__review .order-total .amount>* {
    font-size: 24px !important;
    line-height: 29px;
}

.shop-checkout__review small {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.shop-checkout__review .woocommerce-remove-coupon {
    margin-left: 4px;
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.667 4.66675C12.4902 4.66675 12.3206 4.73699 12.1956 4.86201C12.0706 4.98703 12.0003 5.1566 12.0003 5.33341V12.7941C11.9812 13.1312 11.8296 13.4471 11.5787 13.673C11.3277 13.8989 10.9976 14.0165 10.6603 14.0001H5.34033C5.00306 14.0165 4.67298 13.8989 4.422 13.673C4.17101 13.4471 4.01945 13.1312 4.00033 12.7941V5.33341C4.00033 5.1566 3.93009 4.98703 3.80506 4.86201C3.68004 4.73699 3.51047 4.66675 3.33366 4.66675C3.15685 4.66675 2.98728 4.73699 2.86225 4.86201C2.73723 4.98703 2.66699 5.1566 2.66699 5.33341V12.7941C2.68602 13.4849 2.97805 14.14 3.47911 14.616C3.98018 15.0919 4.64944 15.3499 5.34033 15.3334H10.6603C11.3512 15.3499 12.0205 15.0919 12.5215 14.616C13.0226 14.14 13.3146 13.4849 13.3337 12.7941V5.33341C13.3337 5.1566 13.2634 4.98703 13.1384 4.86201C13.0134 4.73699 12.8438 4.66675 12.667 4.66675Z' fill='%23F83D49'/%3E%3Cpath d='M13.3333 2.66675H10.6667V1.33341C10.6667 1.1566 10.5964 0.987034 10.4714 0.86201C10.3464 0.736986 10.1768 0.666748 10 0.666748H6C5.82319 0.666748 5.65362 0.736986 5.5286 0.86201C5.40357 0.987034 5.33333 1.1566 5.33333 1.33341V2.66675H2.66667C2.48986 2.66675 2.32029 2.73699 2.19526 2.86201C2.07024 2.98703 2 3.1566 2 3.33341C2 3.51023 2.07024 3.6798 2.19526 3.80482C2.32029 3.92984 2.48986 4.00008 2.66667 4.00008H13.3333C13.5101 4.00008 13.6797 3.92984 13.8047 3.80482C13.9298 3.6798 14 3.51023 14 3.33341C14 3.1566 13.9298 2.98703 13.8047 2.86201C13.6797 2.73699 13.5101 2.66675 13.3333 2.66675ZM6.66667 2.66675V2.00008H9.33333V2.66675H6.66667Z' fill='%23F83D49'/%3E%3Cpath d='M7.33333 11.3333V6.66667C7.33333 6.48986 7.2631 6.32029 7.13807 6.19526C7.01305 6.07024 6.84348 6 6.66667 6C6.48986 6 6.32029 6.07024 6.19526 6.19526C6.07024 6.32029 6 6.48986 6 6.66667V11.3333C6 11.5101 6.07024 11.6797 6.19526 11.8047C6.32029 11.9298 6.48986 12 6.66667 12C6.84348 12 7.01305 11.9298 7.13807 11.8047C7.2631 11.6797 7.33333 11.5101 7.33333 11.3333Z' fill='%23F83D49'/%3E%3Cpath d='M10.0003 11.3333V6.66667C10.0003 6.48986 9.93009 6.32029 9.80506 6.19526C9.68004 6.07024 9.51047 6 9.33366 6C9.15685 6 8.98728 6.07024 8.86225 6.19526C8.73723 6.32029 8.66699 6.48986 8.66699 6.66667V11.3333C8.66699 11.5101 8.73723 11.6797 8.86225 11.8047C8.98728 11.9298 9.15685 12 9.33366 12C9.51047 12 9.68004 11.9298 9.80506 11.8047C9.93009 11.6797 10.0003 11.5101 10.0003 11.3333Z' fill='%23F83D49'/%3E%3C/svg%3E");
}

.shop-checkout__items {
    padding: 20px 30px;
    display: grid;
    gap: 20px;
    border-bottom: 1px solid #E4E5EE;
}

@media screen and (max-width: 576px) {
    .shop-checkout__items {
        padding: 30px 20px;
    }
}

.shop-checkout__items__item {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 6px;
    justify-content: space-between;
}

.shop-checkout__items__item .product-name {
    font-weight: 600;
    color: #10151C;
    font-family: Inter;
    font-size: 12px;
    line-height: normal;
}

.shop-checkout__items__item .product-name small {
    font-size: 10px;
    line-height: 12px;
}

.shop-checkout__items__item .amount {
    font-weight: 600;
}

.shop-checkout__items__item img {
    width: 70px;
    height: 50px;
    object-fit: cover;
    min-width: 70px;
}

.shop-checkout__items .qty-wrap .quantity {
    grid-template-columns: repeat(3, 40px);
    height: 40px;
}

.shop-checkout__items .qty-wrap .quantity input {
    width: 40px;
    min-width: 40px !important;
    max-width: 40px !important;
}

.checkout .select2-container .select2-selection--single,
.checkout .select2-selection__arrow {
    height: auto !important;
}

.my-account-sidebar::before {
    content: 'Account';
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    font-weight: 600;
    color: #10151C;
}

.gap-20 {
    gap: 20px;
}

.gap-16 {
    gap: 16px;
}

.gap-40 {
    gap: 40px;
}

@media screen and (max-width: 360px) {
    .shop-checkout__items .qty-wrap {
        margin-left: -77px;
    }
}

#order_review_heading {
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 14px 30px;
}

#order_review_heading small {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

#order_review bdi {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 16px;
}

.woocommerce-billing-fields {
    border-top: none;
}

#user-info-form-profile,
#user-info-form-billing,
#user-info-form-shipping {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
}

#user-info-form-profile.opened,
#user-info-form-billing.opened,
#user-info-form-shipping.opened {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
}

#user-info-account-profile.closed,
#user-info-account-billing.closed,
#user-info-account-shipping.closed {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
}

#user-info-form-profile,
#user-info-form-billing,
#user-info-form-shipping,
#user-info-account-profile,
#user-info-account-billing,
#user-info-account-shipping {
    transition: all 0.3s ease;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px 10px;
}

.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm .form-row-wide,
.woocommerce-address-fields__field-wrapper .form-row-wide,
.woocommerce-shipping-fields__field-wrapper .form-row.notes,
.woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce-billing-fields__field-wrapper .form-row.notes,
.woocommerce-billing-fields__field-wrapper .form-row-wide {
    width: 100%;
}

@media screen and (max-width: 576px) {

    .woocommerce-EditAccountForm,
    .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-billing-fields__field-wrapper {
        flex-direction: column;
    }
}

.woocommerce-EditAccountForm p,
.woocommerce-EditAccountForm input,
.woocommerce-address-fields__field-wrapper p,
.woocommerce-address-fields__field-wrapper input,
.woocommerce-shipping-fields__field-wrapper p,
.woocommerce-shipping-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper p,
.woocommerce-billing-fields__field-wrapper input {
    margin: 0;
}

input.wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder,
.woocommerce-address-fields__field-wrapper input::placeholder,
.woocommerce-EditAccountForm input::placeholder,
.woocommerce-shipping-fields__field-wrapper input::placeholder,
.woocommerce-billing-fields__field-wrapper input::placeholder {
    color: var(--grey-dark, #8189A2);
    font-size: 14px;
    font-weight: 400;
}

textarea:focus,
input:focus {
    border: 1px solid var(--accent-blue, #0183E1) !important;
    box-shadow: 0px 0px 0px 5px rgba(1, 131, 225, 0.10) !important;
}

.woocommerce-address-fields__field-wrapper input,
.woocommerce-EditAccountForm input {
    width: 100% !important;
}

.form-row-first,
.form-row-last,
.form-row.address-field {
    width: 49% !important;
}

@media screen and (max-width: 580px) {

    .form-row-first,
    .form-row-last,
    .form-row.address-field {
        width: 100% !important;
    }
}

.form-row .select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-right: 10px;
}

/* .select2-selection__arrow::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.97679 5.57918L12 2.62268e-06L12 1.54406C12 2.06293 11.8024 2.55241 11.4652 2.86894L6.00017 8L0.53474 2.86894C0.197554 2.5524 -4.69381e-07 2.06292 -3.37465e-07 1.54406L5.52011e-08 0L5.97679 5.57918Z' fill='%230183E1'/%3E%3C/svg%3E");
    right: -8px;
    top: 5px;
    position: relative;
} */

.select2-dropdown {
    border-radius: 10px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.16);
    border: none;
    top: 4px;
}

.select2-results__option {
    font-family: Inter;
    font-size: 14px;
    line-height: normal;
    padding: 11px 12px;
    margin: 0;
    color: var(--black, #10151C);
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-results__option[data-selected=true],
.select2-results__option--highlighted {
    background-color: #EBF7FF !important;
    color: var(--accent-blue, #0183E1) !important;
}

.select2-search__field {
    border-radius: 6px !important;
    border: 1px solid var(--grey-border, #E4E5EE) !important;
    box-shadow: 0px 0px 0px 0px rgba(1, 131, 225, 0.10) !important;
    height: 35px !important;
    padding: 4px 8px !important;
}

.tax-product_cat .select2-container--default .select2-results>.select2-results__options {
    max-height: initial;
}




form.checkout .blue-btn {
    min-width: 200px;
}

form.checkout .button-w-border:not(#apply_coupon) {
    margin-top: 30px;
    min-width: 200px;
}

form.checkout .form-row {
    margin: 0;
}

form.checkout .customer-billing-details {
    width: 100%;
    margin-top: -55px;
}

@media screen and (max-width: 991px) {
    form.checkout .customer-billing-details {
        margin-left: 50px;
        margin-top: -59px;
    }
}

form.checkout .customer-billing-details__inner {
    display: flex;
    gap: 60px;
    position: relative;


}

.user-information-container .button-edit,
form.checkout .customer-billing-details__inner .button-edit {
    color: var(--accent-blue, #0183E1);
    font-family: Inter;
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
}

form.checkout .billing-col,
form.checkout .shipping-col {
    width: 50%;
    flex: 0 50%;
    max-width: 50%;
}

form.checkout .billing-col .woo-form-title,
form.checkout .shipping-col .woo-form-title {
    margin-bottom: 16px;
}

form.checkout .customer-billing-details[data-current_step="2"] #checkout-step-two .button-edit {
    display: none;
}

.woocommerce-notices-wrapper {
    margin-top: 1.5em;
}

.woocommerce-message.message-wrapper {
    border-radius: 6px;
    background: rgba(99, 187, 46, 0.1);
    padding: 12px;
    text-align: center;
    color: var(--green, #63BB2E);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.stock-status-u-price span {
    font-family: Inter;
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 115px;
}

.wpcf7-not-valid-tip,
.cart_totals .error,
.checkout_coupon span.error,
.woocommerce-input-wrapper .error,
.woocommerce-checkout p.woocommerce-invalid-required-field span.error,
span.error {
    color: #F83D49 !important;
    font-size: 12px;
    background: transparent !important;
    opacity: 1 !important;
}

.woocommerce-invalid-email span.error,
.woocommerce-invalid-phone span.error {
    display: contents !important;
}

.page-checkout .woocommerce-invalid input {
    color: #333;
}

.border-red {
    border: 1px solid #F83D49 !important;
}

.stock-status-u-price span::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3463_25796)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 12.4112 3.5888 16 8 16C12.4112 16 16 12.4112 16 8C16 3.5888 12.4112 0 8 0C3.5888 0 0 3.5888 0 8ZM7.40512 9.86987C7.5659 10.0307 7.76419 10.111 8 10.111C8.21437 10.111 8.40195 10.0307 8.56273 9.86987C8.73422 9.70909 8.81997 9.51616 8.81997 9.29107V3.75058C8.81997 3.51477 8.73958 3.31647 8.5788 3.1557C8.42874 2.99492 8.23581 2.91453 8 2.91453C7.76419 2.91453 7.5659 2.99492 7.40512 3.1557C7.25506 3.31647 7.18003 3.51477 7.18003 3.75058V9.29107C7.18003 9.50544 7.25506 9.69837 7.40512 9.86987ZM7.21218 12.7639C7.43727 12.9783 7.69988 13.0854 8 13.0854C8.30012 13.0854 8.55737 12.9783 8.77174 12.7639C8.99683 12.5495 9.10938 12.2869 9.10938 11.9761C9.10938 11.6652 9.00219 11.4026 8.78782 11.1883C8.57345 10.9632 8.31084 10.8506 8 10.8506C7.69988 10.8506 7.43727 10.9632 7.21218 11.1883C6.99781 11.4026 6.89062 11.6652 6.89062 11.9761C6.89062 12.2869 6.99781 12.5495 7.21218 12.7639Z' fill='%23F83D49'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3463_25796'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wpcf7-not-valid-tip::before,
.cart_totals .error::before,
.checkout_coupon span.error::before,
.woocommerce-input-wrapper .error::before,
.woocommerce-checkout p.woocommerce-invalid-required-field span.error::before {
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.875C2.895 0.875 0.375 3.395 0.375 6.5C0.375 9.605 2.895 12.125 6 12.125C9.105 12.125 11.625 9.605 11.625 6.5C11.625 3.395 9.105 0.875 6 0.875ZM6 9.875C5.5875 9.875 5.25 9.5375 5.25 9.125C5.25 8.7125 5.5875 8.375 6 8.375C6.4125 8.375 6.75 8.7125 6.75 9.125C6.75 9.5375 6.4125 9.875 6 9.875ZM6.85875 4.05875L6.6075 7.06625C6.58125 7.38125 6.31875 7.625 6 7.625C5.68125 7.625 5.41875 7.38125 5.3925 7.06625L5.14125 4.05875C5.1 3.55625 5.49375 3.125 6 3.125C6.48 3.125 6.8625 3.515 6.8625 3.9875C6.8625 4.01 6.8625 4.03625 6.85875 4.05875Z' fill='%23FF4040'/%3E%3C/svg%3E%0A");
    margin-right: 4px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    border: none;
    margin: 16px 0 0 0;
    padding: 0;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #F83D49;
}

.wpcf7 .wpcf7-not-valid-tip:after {
    display: none;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text {
    border-color: #F83D49;
}

div.nsl-container .nsl-button-default div.nsl-button-label-container {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

div.nsl-container .nsl-button-svg-container {
    padding: 0;
}

a.xoo-el-action-sc.button {
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    box-shadow: none !important;
    color: #10151C !important;
}

.my-account {
    padding: 30px 15px;
}

.my-account-layout {
    display: grid;
    grid-template-columns: 270px auto;
}

.my-account .select2-selection {
    margin-top: 0;
}

.my-account .select2-selection__arrow::after {
    top: 0;
}

@media screen and (max-width: 991px) {
    .my-account-layout {
        grid-template-columns: 1fr;
    }

    #shop-sidebar-container,
    #shop-sidebar-container-overlay,
    #account-menu-mobile-overlay,
    #account-sidebar-menu {
        visibility: hidden;
        max-height: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    }

    #shop-sidebar-container,
    #account-sidebar-menu {
        background: white;
        min-width: 300px;
        max-width: 300px;
        z-index: 9999;
        transform: translateX(-300px);
    }

    #account-sidebar-menu {
        overflow: scroll;
    }

    #shop-sidebar-container-overlay,
    #account-menu-mobile-overlay {
        width: 100%;
        z-index: 9998;
        background: rgba(0, 0, 0, 0.34);
        transform: translateX(-100%);
    }

    #shop-sidebar-container.opened,
    #shop-sidebar-container-overlay.opened,
    #account-menu-mobile-overlay.opened,
    #account-sidebar-menu.opened {
        visibility: visible;
        opacity: 1;
        max-height: 100%;
        transform: translateX(0);
    }

    .mobile-sidebar-header {
        padding: 15px;
        background: var(--grey-light, #F5F8FB);
    }

    .mobile-sidebar-header span {
        color: var(--black, #10151C);
        font-family: Inter;
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
    }

    #my-account-nav {
        padding: 15px;
    }

    #close-mobile-sidebar,
    #account-menu-mobile {
        cursor: pointer;
    }
}

.my-account .vertical-tabs {
    gap: 30px;
}

.my-account .my-account-content {
    border-radius: 6px;
    border: 1px solid var(--grey-border, #E4E5EE);
    padding: 0 30px;
    min-width: 100%;
}

.my-account-content .woocommerce-notices-wrapper .woocommerce-message {
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .my-account .my-account-content {
        padding: 0 20px;
    }

    .woocommerce-order-details,
    .woocommerce-orders-table {
        padding: 20px 0;
    }
}

.woocommerce-order-details,
.woocommerce-orders-table {
    padding: 30px 0;
}

.order-addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.order-addresses .user-information-container {
    color: var(--black, #10151C);
    line-height: normal;
}

.order-addresses .profile-details-section {
    border-bottom: 0;
}

.my-account .user-information {
    display: grid;
    gap: 30px;
    grid-template-columns: 240px auto;
}

@media screen and (max-width: 580px) {
    .my-account .user-information {
        gap: 8px;
        grid-template-columns: 1fr;
    }
}

.icon-checkmark::before {
    display: none;
}

.message-container.success-color {
    width: fit-content;
    left: -20px;
    position: relative;
    color: var(--green, #63BB2E);
}

.woocommerce div.product p.woo-custom-stock-status.available_on_backorder_color {
    margin-bottom: 0;
    color: var(--Green, #63BB2E) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 4px;
}

.status-in-store-only {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 4px;
}

.status-in-store-only svg {
    height: 20px;
}

.available-on-backorder::before {
    position: relative;
    top: 1px;
}

.available-on-backorder::before,
.message-container.success-color::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg clip-path='url(%23clip0_2866_22857)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.5C0 12.9112 3.5888 16.5 8 16.5C12.4112 16.5 16 12.9112 16 8.5C16 4.0888 12.4112 0.5 8 0.5C3.5888 0.5 0 4.0888 0 8.5ZM12.1657 7.06569C12.4781 6.75326 12.4781 6.24674 12.1657 5.93431C11.8533 5.6219 11.3467 5.6219 11.0343 5.93431L7.2 9.76864L5.36569 7.93431C5.05326 7.6219 4.54674 7.6219 4.23431 7.93431C3.9219 8.24674 3.9219 8.75328 4.23431 9.06568L6.63431 11.4657C6.94674 11.7781 7.45326 11.7781 7.76569 11.4657L12.1657 7.06569Z' fill='%2363BB2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2866_22857'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.message-container.success-color::after {
    position: absolute;
    right: -20px;
    top: 0px;
}

.profile-section-title {
    color: var(--black, #10151C);
    font-family: Inter;
    line-height: normal;
    margin-bottom: 4px;
}

.profile-details-section {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E4E5EE;
    margin: 0;
}

.user-information span,
.user-information p {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.user-information span {
    color: var(--grey-dark, #8189A2);
}

.user-information p {
    color: var(--black, #10151C);
    margin: 0;
}


.woocommerce-orders-table__row,
.orders-header {
    display: grid;
    grid-template-columns: 12% 10% 17% 11% 13% 11% 11%;
    gap: 20px;
    padding: 16px;
}

.woocommerce-orders-table__row span.fw-bolder {
    display: none;
}

@media screen and (max-width: 1100px) {
    .orders-header {
        display: none;
    }

    .woocommerce-orders-table__row {
        grid-template-columns: 1fr;
        padding: 16px 0;
        gap: 10px;
    }

    .woocommerce-orders-table__row span.fw-bolder {
        display: flex;
    }
}

.woocommerce-orders-table__row {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #E4E5EE;
    transition: all 0.3s ease;
    border-radius: 0;
}

.woocommerce-orders-table__row:last-of-type {
    border-bottom: none;
}

.orders-header,
.woocommerce-orders-table__row:hover {
    border-color: #F5F8FB;
    border-radius: 6px;
    background: var(--grey-light, #F5F8FB);
}

.woocommerce-orders-table__cell,
.woocommerce-orders-table__cell>*,
.woocommerce-orders-table__cell a,
.orders-header span {
    color: var(--black, #10151C);
    font-family: Inter;
    font-size: 14px;
}

.woocommerce-orders-table__cell .amount {
    color: var(--black, #10151C) !important;
    font-size: 14px !important;
    font-weight: 400;
}

.woocommerce-orders-table__cell-order-total {
    display: flex;
    flex-direction: column;
}

.woocommerce-orders-table__cell a,
.orders-header span {
    font-weight: 600;
    color: var(--black, #10151C);
    transition: color 0.2s ease;
}

.woocommerce-orders-table__cell a {
    color: var(--accent-blue, #0183E1) !important;
}

.woocommerce-orders-table__cell a:hover {
    text-decoration: underline;
}

.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
    color: var(--accent-blue, #0183E1);
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    color: var(--green, #63BB2E);
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    color: var(--red, #F83D49);
}

.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
    color: var(--grey-dark, #8189A2);
}

#account-menu-mobile {
    border-radius: 6px;
    background: var(--lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    padding: 12px;
    color: var(--white, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    gap: 10px;
}

abbr.required,
span.required {
    color: var(--red, #F83D49);
}

#form-volume-calculator {
    border-radius: 6px;
    background: var(--Grey_light, #F5F8FB);
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px;
}

#form-volume-calculator .title {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    margin-bottom: 12px;
}

#form-volume-calculator .select2-container {
    width: 100% !important;
}

#stepBlock {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pool-shapes,
#pool-count .d-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.pool-shapes li {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    padding: 11px 13px 13px;
    gap: 4px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.pool-shapes li.active {
    border: 1px solid var(--Accent-blue, #0183E1);
    background: rgba(1, 131, 225, 0.06);
}

.pool-shapes li small {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.pool-shapes li input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    opacity: 0;
}

#pool-count label {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
}

.pool-final-volume {
    border-radius: 6px;
    background: var(--White, #FFF);
    padding: 20px;
}

.pool-final-volume .title {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    line-height: normal
}

.pool-final-volume #final-volume {
    color: var(--Accent-blue, #0183E1);
    font-size: 24px;
}

.form-check-input:checked:active,
.form-check-input:checked:focus,
.form-check-input:checked:focus-visible,
.inactive input[type="checkbox"]:focus,
.inactive input[type="checkbox"]:focus-visible {
    box-shadow: none !important;
    border: none !important;
}

.form-check-input:checked,
.inactive input[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27' viewBox='0 0 26 27' fill='none'%3E%3Cg filter='url(%23filter0_d_3724_17560)'%3E%3Cg clip-path='url(%23clip0_3724_17560)'%3E%3Crect x='4' y='2.5' width='18' height='18' rx='9' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_3724_17560' x='0' y='0.5' width='26' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.137255 0 0 0 0 0.0431373 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_3724_17560'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_3724_17560' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_3724_17560'%3E%3Crect x='4' y='2.5' width='18' height='18' rx='9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
    background-size: auto;
    border: none;
}

.form-check-input:checked {
    background-position: right -1px !important;
}

.inactive input[type="checkbox"] {
    background-color: #8189A2;
    background-position: left -1px;
}

input[type=checkbox]:not(.form-check-input) {
    cursor: pointer;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    height: 18px;
    width: 18px;
    min-width: 18px;
    -webkit-box-shadow: 0px 0px 0px 2px #E4E5EE !important;
    -moz-box-shadow: 0px 0px 0px 2px #E4E5EE !important;
    box-shadow: 0px 0px 0px 2px #E4E5EE !important;
    border: none !important;
    overflow: hidden;
    border-radius: 2px;
    background: #fff;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0px 10px 0 0;
}

input[type=checkbox]:not(.form-check-input):checked {
    background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%)) !important;
}

input[type=checkbox]:not(.form-check-input):checked::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1.5 4.5L3.72222 6.5L8.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: -1px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-template-tpl-pool-volume-calculator h1 {
    font-size: 44px;
    line-height: normal;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {

    .pool-shapes,
    #pool-count .d-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-template-tpl-pool-volume-calculator h1 {
        font-size: 36px;
    }

    #form-volume-calculator {
        padding: 20px;
    }
}

@media screen and (max-width: 576px) {

    .pool-shapes,
    #pool-count .d-grid,
    #stepBlock {
        grid-template-columns: 1fr;
    }
}

.select2-container .select2-selection {
    padding: 10px 12px !important;
    height: 100% !important;
}

.select2-container .select2-selection__rendered {
    line-height: initial !important;
}


.arrow-container {
    position: relative;
}

.arrow-container::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.97679 9.57918L14 4L14 5.54406C14 6.06293 13.8024 6.55241 13.4652 6.86894L8.00017 12L2.53474 6.86894C2.19755 6.5524 2 6.06292 2 5.54406L2 4L7.97679 9.57918Z' fill='%230183E1'/%3E%3C/svg%3E");
    position: absolute;
    right: 9px;
    left: auto;
    bottom: 2px;
}





.water-test-page .test-entry-form,
.water-test-page #result-tab-info,
.water-test-page #first-step {
    border-radius: 6px;
    background: var(--Grey_light, #F5F8FB);
    display: inline-flex;
    padding: 30px 40px;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
}

@media screen and (max-width: 991px) {

    .water-test-page .test-entry-form,
    .water-test-page #result-tab-info,
    .water-test-page #first-step {
        padding: 20px;
    }
}

.water-test-page #result-tab-info {
    max-width: 570px;
}

.water-test-page #product-tabs {
    gap: 30px
}

.water-test-page #first-step .pool-detail-row {
    display: grid !important;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    gap: 16px;
}

.water-test-page #first-step .pool-detail,
.water-test-page .test-entry-form .test-entry-row {
    width: 100%;
}

.water-test-page .test-entry-form .test-entry-row:not(:last-of-type) {
    border-bottom: 1px solid #E4E5EE;
    padding-bottom: 20px;
}

.water-test-page {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    max-width: 970px;
    margin: 0 auto;
}

.water-test-page input[type="text"],
.water-test-page input[type="number"] {
    border-radius: 6px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    box-shadow: 0px 0px 0px 0px rgba(1, 131, 225, 0.10);
    padding: 11px 12px;
    height: 40px;
}

.water-test-page input[type="number"] {
    width: 88px;
    font-weight: 400;
}

.water-test-page input[type="number"]:disabled {
    color: #8189A2;
}

.water-test-page .step-number {
    border-radius: 6px;
    background: var(--Accent-blue, #0183E1);
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    margin-right: 12px;
}

.water-test-page .col-questions h4 {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.water-test-page .select2-container .select2-selection {
    margin-top: 0;
    height: 40px !important;
}

.water-test-page .select2-container {
    width: 100% !important;
}

.water-test-page .select2-selection__arrow::after {
    top: 0;
}

.water-test-page .col-questions label>span {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.water-test-page .col-questions label {
    height: 40px;
}

.water-test-page .before-page {
    border-radius: 6px;
    background: transparent;
    padding: 12px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: #0183E1;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid var(--Accent-blue, #0183E1);
}

.save-pool-calculator-btn,
.water-test-page .next-page {
    border-radius: 6px;
    background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    padding: 12px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: var(--White, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.pool-detail-info {
    border-radius: 6px;
    background: var(--White, #FFF);
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pool-detail-info>span b {
    font-size: 20px;
    line-height: normal;
}

.pool-detail-info>span span {
    color: var(--Accent-blue, #0183E1);
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

.test-entry-radio label,
.water-test-page label.radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    padding: 11px 13px 13px;
    gap: 4px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
}

.test-entry-radio input,
.water-test-page label.radio input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    inset: 0;
}

.test-entry-radio label.active,
.water-test-page label.radio.active {
    border: 1px solid var(--Accent-blue, #0183E1);
    background: rgba(1, 131, 225, 0.06);
}

.test-entry-form .test-entry-input>label {
    font-size: 14px;
    gap: 8px;
}

.test-entry-ranger>label {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

.water-test-heading {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 24px;
}

.form-check-input {
    border-radius: 16px !important;
    height: 22px !important;
    width: 44px !important;
}

.form-check-input:checked {
    background-color: var(--Accent-blue, #0183E1);
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    height: 3px;
    border-radius: 2px;
    background: var(--Grey-border, #E4E5EE);
    box-shadow: none !important;
    border: none !important;
}

input[type="range"]:disabled {
    background: rgb(228, 229, 238) !important;
}

input[type="range"]:not(:disabled)::-webkit-slider-thumb {
    background-color: #0183E1;
    box-shadow: 0 0 0 5px rgba(1, 131, 225, 0.15);
    border: 2px solid white !important;
    border-radius: 50% !important;
    transition: .2s ease-in-out;
}

input[type="range"]:not(:disabled)::-moz-range-thumb {
    background-color: #0183E1;
    box-shadow: 0 0 0 5px rgba(1, 131, 225, 0.15);
    border: 2px solid white !important;
    border-radius: 50% !important;
    transition: .2s ease-in-out;
}

input[type="range"]:not(:disabled)::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

input[type="range"]:not(:disabled):active::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

input[type="range"]:not(:disabled):focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

/* Hover, active & focus Thumb: Firfox */

input[type="range"]:not(:disabled)::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

input[type="range"]:not(:disabled):active::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

input[type="range"]:not(:disabled):focus::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(1, 131, 225, 0.15);
}

.gap-8 {
    gap: 8px;
}

.pool-detail-control .d-grid {
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    gap: 8px;
}

.water-test-result {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.water-test-products {
    border-radius: 8px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    padding: 30px 20px;
    height: fit-content;
}

.water-test-products h2 {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 24px;
    line-height: normal;
}

.water-test-products .product-title {
    color: var(--BLACK, #10151C);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    max-width: 143px;
    text-align: left;
}

.water-test-products .product-price {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.water-test-products .product-select {
    min-width: 90px;
}

#result-listing>div>div.flex-column {
    display: flex;
}

.test-result-info-row {
    margin-bottom: 20px;
}

.water-test-products .product-select select {
    margin: 0;
    height: 100%;
}

.eco_calc_box {
    width: calc(50% - 15px) !important;
}

.eco_calculator form {
    gap: 20px 30px;
}

.eco_calculator .select2-container {
    width: 100% !important;
}

.eco_calculator h1 {
    font-size: 44px;
    line-height: normal;
    margin-bottom: -34px;
}

#eco_calc_total {
    border-radius: 6px;
    background: var(--Grey_light, #F5F8FB);
    padding: 20px;
}

#eco_calc_total p {
    background: none;
    pointer-events: none;
    padding: 0;
    border: none !important;
    color: var(--RED, #F83D49);
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
}

#eco_calc_total .eco_calc_inline {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
}

.eco-img-container {
    margin-top: 44px;
    z-index: 1;
    position: relative;
}

.eco-img-container img {
    width: 157px;
    height: 127px;
    object-fit: cover;
}

.eco_calc_content {
    border-radius: 6px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    padding: 68px 30px 30px;
    margin-top: -44px;
}

.eco_calc_content .calc_title {
    top: -1px;
    left: -1px;
    color: #FFF;
    font-family: Inter;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 6px 0px 12px 0px;
    z-index: 1;
}

.calc_title.regular {
    background: var(--Accent-blue, #0183E1);
}

#PageRegHp,
#PageEcoHp {
    list-style: none;
    gap: 8px;
    display: flex;
}

@media screen and (max-width: 991px) {

    #PageRegHp,
    #PageEcoHp {
        flex-wrap: wrap;
    }

    .eco-img-container {
        justify-content: end !important;
        padding-right: 41px;
    }

    .eco_calculator h1 {
        font-size: 36px;
        margin-bottom: -44px;
    }
}

#PageRegHp li,
#PageEcoHp li {
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 11px;
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

#PageRegHp li.active,
#PageEcoHp li.active {
    border: 1px solid var(--Accent-blue, #0183E1);
    background: rgba(1, 131, 225, 0.06);
    font-weight: 600;
}

#PageRegHp li input,
#PageEcoHp li input {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.eco_calc_left {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.eco_pump_blue,
.eco_pump_green {
    border-radius: 6px;
    background: var(--Grey_light, #F5F8FB);
    padding: 10px 20px;
}

.eco_pump_blue span,
.eco_pump_green span {
    color: var(--Accent-blue, #0183E1);
    font-size: 20px;
    font-weight: 600;
}

.eco_pump_blue span {
    color: var(--Accent-blue, #0183E1);
}

.eco_pump_green span {
    color: var(--Green, #63BB2E);
}

.calc_title.eco {
    background: var(--Green, #63BB2E);
}

.terms-main-text h3 {
    font-size: 20px;
}

.fs-44>* {
    color: var(--BLACK, #10151C);
    font-family: Inter;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: initial !important;
}

.checkout_coupon span.coupon-sucess::before {
    position: relative;
    top: 2px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.875C2.895 0.875 0.375 3.395 0.375 6.5C0.375 9.605 2.895 12.125 6 12.125C9.105 12.125 11.625 9.605 11.625 6.5C11.625 3.395 9.105 0.875 6 0.875ZM6 9.875C5.5875 9.875 5.25 9.5375 5.25 9.125C5.25 8.7125 5.5875 8.375 6 8.375C6.4125 8.375 6.75 8.7125 6.75 9.125C6.75 9.5375 6.4125 9.875 6 9.875ZM6.85875 4.05875L6.6075 7.06625C6.58125 7.38125 6.31875 7.625 6 7.625C5.68125 7.625 5.41875 7.38125 5.3925 7.06625L5.14125 4.05875C5.1 3.55625 5.49375 3.125 6 3.125C6.48 3.125 6.8625 3.515 6.8625 3.9875C6.8625 4.01 6.8625 4.03625 6.85875 4.05875Z' fill='%23FF4040'/%3E%3C/svg%3E%0A");
    margin-right: 4px;
}

#products-listing-area img {
    border-radius: 4px;
    height: 80px;
    width: 80px;
    object-fit: contain;
}

.pool-water-price {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.custom-share-button-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}

.pool-detail-info-description>*>* {
    color: var(--BLACK, #10151C);
    font-family: Inter;
}

.pool-detail-info-description img {
    width: 170px;
    height: 181px;
    margin-right: 30px;
}

@media screen and (max-width: 576px) {
    .custom-share-button-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.remember-me,
.remember-me>label {
    display: flex !important;
    align-items: center;
    color: var(--BLACK, #10151C) !important;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: normal;
}

.xoo-el-lostpw-tgr {
    color: var(--BLACK, #10151C) !important;
    font-family: Inter;
    font-size: 14px !important;
    line-height: normal;
    text-transform: initial !important;
    margin-bottom: 30px !important;
    margin-top: 6px !important;
}

.xoo-el-lostpw-tgr span {
    color: var(--Accent-blue, #0183E1);
    text-decoration: underline;
}

.xoo-aff-group input:not([type=checkbox]) {
    border: 1px solid var(--Grey-border, #E4E5EE);
    background: var(--White, #FFF);
    box-shadow: 0px 0px 0px 0px rgba(1, 131, 225, 0.10);
    padding: 11px 12px;
    height: 100%;
}

.xoo-aff-group label {
    margin-bottom: 8px;
    color: var(--BLACK, #10151C);
    font-size: 14px;
    line-height: normal;
}

.login-socials>div {
    width: 100%;
}

.xoo-el-close.xoo-el-icon-cancel-circle {
    top: 18px;
    right: 25px;
    background: transparent;
    border: none;
    border-radius: 0;
}

.xoo-el-close.xoo-el-icon-cancel-circle::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 -0.705863 0.708349 0.705863 0 18.7278)' fill='%230088D6'/%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 0.705863 -0.708349 0.705863 1.27734 0)' fill='%230088D6'/%3E%3C/svg%3E");
}

.login-continue {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    display: block;
    text-align: center;
}

div.nsl-container .nsl-button-default {
    padding: 12px;
    border-radius: 6px !important;
}

div.nsl-container.nsl-container-block .nsl-container-buttons {
    display: flex;
    padding: 0;
}

div.nsl-container.nsl-container-block .nsl-container-buttons a {
    margin: 0;
}

div.nsl-container .nsl-button-default,
.custom-share-button {
    display: flex;
    margin-bottom: 0;
    box-shadow: none !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    border: 1px solid #E4E5EE;
}

.xoo-el-notice-success {
    padding: 15px;
}

.xoo-el-notice-success p {
    margin: 0;
}

li.xoo-el-reg-tgr.xoo-el-active::after,
li.xoo-el-login-tgr.xoo-el-active::after {
    border-radius: 4px 4px 0px 0px;
    background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
    content: '';
    height: 6px;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal {
    height: auto !important;
}

span.xoo-el-close {
    top: 18px;
    right: 18px;
    box-shadow: none;
    border-radius: 0;
}

.xoo-el-icon-cross:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 -0.705863 0.708349 0.705863 0 18.7278)' fill='%230088D6'/%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 0.705863 -0.708349 0.705863 1.27734 0)' fill='%230088D6'/%3E%3C/svg%3E");
}

.xoo-el-main .remember-me p {
    font-size: 14px;
}

.xoo-el-main .remember-me a {
    color: #0183E1;
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .recaptcha-submit-ctn .wpcf7-submit {
        width: 100%;
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #34943d;
    font-size: 19px;
    font-weight: 600;
    border: none !important;
    text-align: left;
    margin: 16px 0;
    padding: 0;
}

.pool-content {
    float: left
}

.pool-area {
    display: none;
    font-size: 11px
}

#pool-area-1 {
    margin-bottom: 20px
}

#pool-area-1 .clear {
    clear: both
}

#pool-area-1 div.height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: center;
    margin-top: -2px
}

#pool-area-1 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.height table td {
    vertical-align: middle
}

#pool-area-1 div.height div {
    height: 14px;
    position: relative
}

#pool-area-1 div.height span {
    right: 30px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-1 div.out-height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: -3px
}

#pool-area-1 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.out-height table td {
    vertical-align: middle
}

#pool-area-1 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-1 div.out-height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-1 div.pool {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 2px;
    margin-top: -2px;
    position: relative;
    z-index: 99
}

#pool-area-1 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 12px;
    position: relative;
    text-align: center
}

#pool-area-1 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-1 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-1 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-1 .side {
    margin-right: 4px
}

#pool-area-1 .side .width-side {
    float: right;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    padding-right: 4px
}

#pool-area-1 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-1 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-1 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-1 .side .pool-side {
    border: solid 2px #069;
    border-bottom: 0;
    background: #6CC;
    float: right;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-1 .side .height-side {
    float: right
}

#pool-area-1 div.height-side {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: right;
    text-align: center;
    margin-top: 0
}

#pool-area-1 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.height-side table td {
    vertical-align: middle
}

#pool-area-1 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-1 div.height-side span {
    right: 30px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-2 {
    margin-bottom: 20px
}

#pool-area-2 .clear {
    clear: both
}

#pool-area-2 div.height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: left;
    margin-top: -2px;
    margin-left: 1px
}

#pool-area-2 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.height table td {
    vertical-align: middle
}

#pool-area-2 div.height div {
    height: 14px;
    position: relative
}

#pool-area-2 div.height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-2 div.out-height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: 0
}

#pool-area-2 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.out-height table td {
    vertical-align: middle
}

#pool-area-2 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-2 div.out-height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-2 div.pool {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 1px;
    margin-top: -2px;
    position: relative;
    z-index: 99
}

#pool-area-2 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 1px;
    position: relative;
    text-align: center
}

#pool-area-2 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-2 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-2 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-2 .side .width-side {
    float: left;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    margin-left: 2px
}

#pool-area-2 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-2 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-2 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-2 .side .pool-side {
    border: solid 2px #069;
    border-bottom: 0;
    background: #6CC;
    float: left;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-2 .side .height-side {
    float: left
}

#pool-area-2 div.height-side {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-left: 1px
}

#pool-area-2 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.height-side table td {
    vertical-align: middle
}

#pool-area-2 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-2 div.height-side span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-3 {
    margin-bottom: 20px
}

#pool-area-3 .clear {
    clear: both
}

#pool-area-3 div.height {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: left;
    margin-top: 1px;
    margin-left: 1px
}

#pool-area-3 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.height table td {
    vertical-align: middle
}

#pool-area-3 div.height div {
    height: 14px;
    position: relative
}

#pool-area-3 div.height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-3 div.out-height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px
}

#pool-area-3 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.out-height table td {
    vertical-align: middle
}

#pool-area-3 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-3 div.out-height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-3 div.pool {
    border: solid 2px #069;
    border-top: 0;
    background: #6CC;
    float: left;
    margin-left: 1px;
    margin-top: -2px;
    position: relative;
    z-index: 101
}

#pool-area-3 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 1px;
    position: relative;
    text-align: center
}

#pool-area-3 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-3 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-3 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-3 .side .width-side {
    float: left;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    margin-left: 1px
}

#pool-area-3 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-3 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-3 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-3 .side .pool-side {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-3 .side .height-side {
    float: left
}

#pool-area-3 div.height-side {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-left: 1px
}

#pool-area-3 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.height-side table td {
    vertical-align: middle
}

#pool-area-3 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-3 div.height-side span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-4 {
    margin-bottom: 20px
}

#pool-area-4 .clear {
    clear: both
}

#pool-area-4 div.height {
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 0 0;
    float: right;
    text-align: center;
    margin-top: 2px
}

#pool-area-4 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.height table td {
    vertical-align: middle
}

#pool-area-4 div.height div {
    height: 14px;
    position: relative
}

#pool-area-4 div.height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-4 div.out-height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: 1px
}

#pool-area-4 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.out-height table td {
    vertical-align: middle
}

#pool-area-4 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-4 div.out-height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-4 div.pool {
    border: solid 2px #069;
    border-top: 0;
    background: #6CC;
    float: right;
    margin-right: 0;
    margin-top: -2px;
    position: relative;
    z-index: 101;
    margin-left: 1px
}

#pool-area-4 div.width {
    clear: both;
    padding-top: 1px;
    margin-right: 4px;
    position: relative;
    text-align: center;
    float: right
}

#pool-area-4 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-4 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-4 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-4 .side .width-side {
    float: right;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    padding-right: 4px
}

#pool-area-4 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-4 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-4 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-4 .side .pool-side {
    border: solid 2px #069;
    background: #6CC;
    float: right;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-4 .side .height-side {
    float: right
}

#pool-area-4 div.height-side {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: right;
    text-align: center;
    margin-top: 0
}

#pool-area-4 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.height-side table td {
    vertical-align: middle
}

#pool-area-4 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-4 div.height-side span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}


#sidestep,
#main-pool {
    position: relative;
    z-index: 1
}

.length-label-area,
.width-label-area {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: center
}

.width-label-area {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 2px;
    bottom: 0;
    width: 12px;
    border-right-width: 0
}

.length-label-area {
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px
}

#pool-size-illustration {
    line-height: 100%
}

.width-label {
    position: absolute;
    top: 50%;
    background: #fff;
    padding: 3px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    left: 0;
    z-index: 1;
    margin-left: -9px
}

.length-label-area {
    height: 12px;
    border-top-width: 0
}

.length-label {
    display: inline-block;
    bottom: 0;
    background: #fff;
    padding: 2px 5px;
    width: auto;
    height: 18px;
    margin-top: 3px
}

#sidestep .width-label-area {
    right: inherit;
    left: 100%;
    border-right-width: 1px;
    border-left-width: 0;
    margin-right: 0;
    margin-left: 2px
}

#sidestep .width-label-area .width-label {
    left: inherit;
    right: 0
}

#sidestep .length-label-area {
    top: inherit;
    bottom: 100%;
    border-top-width: 1px;
    border-bottom-width: 0;
    margin-bottom: 2px
}

#sidestep .length-label-area .length-label {
    bottom: inherit;
    position: relative;
    top: -12px
}

#sidestep-shape,
#main-pool-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #68caca;
    border: solid 2px #144669
}

#sidestep {
    margin-bottom: -2px;
    z-index: 2;
    border-bottom: 0;
    display: none
}

#sidestep-shape {
    border-bottom: 0
}

.length-label,
.width-label {
    font-size: 10px
}

.radius-label-area {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 10px;
    text-align: center;
    top: 4px;
    border-bottom: solid 1px #fff
}

.radius-label-area.right-radius {
    right: 0;
    border-left: solid 1px #fff
}

.radius-label-area.left-radius {
    left: 4px;
    border-right: solid 1px #fff
}

span.radius-label {
    width: 30px;
    height: 20px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: -10px;
    line-height: 20px;
    background: #69c9ca
}

.radius-label-area.left-radius span.radius-label {
    right: 0;
    margin-right: -15px
}

.radius-label-area.right-radius span.radius-label {
    left: 0;
    margin-left: -15px
}

#round-info .radius-label-area {
    bottom: calc(50% + 4px);
    border-left: 0;
    border-bottom: solid 1px #fff;
    left: 50%;
    width: calc(50% - 4px) !important
}

#round-info .radius-label-area span.radius-label {
    position: relative;
    margin: 0;
    top: 100%;
    margin-top: -8px;
    left: 50%;
    margin-left: -15px
}

#round-info #main-pool-shape {
    border-radius: 50%
}

@media screen and (max-width: 800px) {
    #pool-shape ul.pool-shapes li {
        width: 44%;
        margin: 0 5% 35px 0
    }
}

.pool-content {
    float: left
}

.pool-area {
    display: none;
    font-size: 11px
}

#pool-area-1 {
    margin-bottom: 20px
}

#pool-area-1 .clear {
    clear: both
}

#pool-area-1 div.height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: center;
    margin-top: -2px
}

#pool-area-1 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.height table td {
    vertical-align: middle
}

#pool-area-1 div.height div {
    height: 14px;
    position: relative
}

#pool-area-1 div.out-height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: -3px
}

#pool-area-1 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.out-height table td {
    vertical-align: middle
}

#pool-area-1 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-1 div.out-height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-1 div.pool {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 2px;
    margin-top: -2px;
    position: relative;
    z-index: 99
}

#pool-area-1 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 12px;
    position: relative;
    text-align: center
}

#pool-area-1 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-1 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-1 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-1 .side {
    margin-right: 4px
}

#pool-area-1 .side .width-side {
    float: right;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    padding-right: 4px
}

#pool-area-1 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-1 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-1 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-1 .side .pool-side {
    border: solid 2px #069;
    border-bottom: 0;
    background: #6CC;
    float: right;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-1 .side .height-side {
    float: right
}

#pool-area-1 div.height-side {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: right;
    text-align: center;
    margin-top: 0
}

#pool-area-1 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-1 div.height-side table td {
    vertical-align: middle
}

#pool-area-1 div.height-side div {
    height: 14px;
    position: relative
}


#pool-area-2 {
    margin-bottom: 20px
}

#pool-area-2 .clear {
    clear: both
}

#pool-area-2 div.height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: left;
    margin-top: -2px;
    margin-left: 1px
}

#pool-area-2 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.height table td {
    vertical-align: middle
}

#pool-area-2 div.height div {
    height: 14px;
    position: relative
}

#pool-area-2 div.height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-2 div.out-height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: 0
}

#pool-area-2 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.out-height table td {
    vertical-align: middle
}

#pool-area-2 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-2 div.out-height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-2 div.pool {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 1px;
    margin-top: -2px;
    position: relative;
    z-index: 99
}

#pool-area-2 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 1px;
    position: relative;
    text-align: center
}

#pool-area-2 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-2 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-2 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-2 .side .width-side {
    float: left;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    margin-left: 2px
}

#pool-area-2 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-2 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-2 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-2 .side .pool-side {
    border: solid 2px #069;
    border-bottom: 0;
    background: #6CC;
    float: left;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-2 .side .height-side {
    float: left
}

#pool-area-2 div.height-side {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-left: 1px
}

#pool-area-2 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-2 div.height-side table td {
    vertical-align: middle
}

#pool-area-2 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-2 div.height-side span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-3 {
    margin-bottom: 20px
}

#pool-area-3 .clear {
    clear: both
}

#pool-area-3 div.height {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: left;
    margin-top: 1px;
    margin-left: 1px
}

#pool-area-3 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.height table td {
    vertical-align: middle
}

#pool-area-3 div.height div {
    height: 14px;
    position: relative
}

#pool-area-3 div.height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-3 div.out-height {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px
}

#pool-area-3 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.out-height table td {
    vertical-align: middle
}

#pool-area-3 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-3 div.out-height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-3 div.pool {
    border: solid 2px #069;
    border-top: 0;
    background: #6CC;
    float: left;
    margin-left: 1px;
    margin-top: -2px;
    position: relative;
    z-index: 101
}

#pool-area-3 div.width {
    clear: both;
    padding-top: 1px;
    margin-left: 1px;
    position: relative;
    text-align: center
}

#pool-area-3 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-3 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-3 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-3 .side .width-side {
    float: left;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    margin-left: 1px
}

#pool-area-3 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-3 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-3 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-3 .side .pool-side {
    border: solid 2px #069;
    background: #6CC;
    float: left;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-3 .side .height-side {
    float: left
}

#pool-area-3 div.height-side {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-left: 1px
}

#pool-area-3 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-3 div.height-side table td {
    vertical-align: middle
}

#pool-area-3 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-3 div.height-side span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-4 {
    margin-bottom: 20px
}

#pool-area-4 .clear {
    clear: both
}

#pool-area-4 div.height {
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 0 0;
    float: right;
    text-align: center;
    margin-top: 2px
}

#pool-area-4 div.height table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.height table td {
    vertical-align: middle
}

#pool-area-4 div.height div {
    height: 14px;
    position: relative
}

#pool-area-4 div.height span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

#pool-area-4 div.out-height {
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 1px 0;
    float: left;
    text-align: center;
    margin-top: 12px;
    margin-left: 1px
}

#pool-area-4 div.out-height table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.out-height table td {
    vertical-align: middle
}

#pool-area-4 div.out-height div {
    height: 14px;
    position: relative
}

#pool-area-4 div.out-height span {
    left: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: left;
    width: 40px
}

#pool-area-4 div.pool {
    border: solid 2px #069;
    border-top: 0;
    background: #6CC;
    float: right;
    margin-right: 0;
    margin-top: -2px;
    position: relative;
    z-index: 101;
    margin-left: 1px
}

#pool-area-4 div.width {
    clear: both;
    padding-top: 1px;
    margin-right: 4px;
    position: relative;
    text-align: center;
    float: right
}

#pool-area-4 div.width div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center
}

#pool-area-4 div.width .abs {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: center
}

#pool-area-4 div.width span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-4 .side .width-side {
    float: right;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    padding-right: 4px
}

#pool-area-4 .side .width-side div.inside {
    height: 10px;
    width: 100%;
    padding: 0 1px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999
}

#pool-area-4 div.width-side .abs {
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0;
    text-align: center
}

#pool-area-4 .side .width-side span {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFF;
    padding: 0 3px;
    text-align: center
}

#pool-area-4 .side .pool-side {
    border: solid 2px #069;
    background: #6CC;
    float: right;
    margin-left: 1px;
    position: relative;
    z-index: 100
}

#pool-area-4 .side .height-side {
    float: right
}

#pool-area-4 div.height-side {
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    vertical-align: middle;
    width: 10px;
    padding: 3px 0;
    float: right;
    text-align: center;
    margin-top: 0
}

#pool-area-4 div.height-side table {
    padding: 0;
    margin: 0
}

#pool-area-4 div.height-side table td {
    vertical-align: middle
}

#pool-area-4 div.height-side div {
    height: 14px;
    position: relative
}

#pool-area-4 div.height-side span {
    right: 5px;
    top: 0;
    background: #FFF;
    position: absolute;
    text-align: right;
    width: 40px
}

.pool-area tbody,
.pool-area td,
.pool-area tfoot,
.pool-area th,
.pool-area thead,
.pool-area tr {
    background: transparent !important;
}

#pool-count #stepBlock {
    margin-top: 16px;
}

#pools {
    margin-top: 30px;
    margin-bottom: 30px;
}

.pool-wpcf-submit .wpcf7-submit {
    min-width: 270px;
}

.modal-body #pool-count .select2-container {
    width: 100% !important;
    z-index: 9999;
}

.modal-open .select2-container--open {
    z-index: 9999;
}

.instant-price-modal .product-name {
    color: var(--Accent-blue, #0183E1);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
}

/*POPUP*/
.popup-overflow-conainer {
    background-image: url("data:image/svg+xml,%3Csvg width='513' height='62' viewBox='0 0 513 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68 32C65.0333 32 62.1332 32.8798 59.6665 34.528C57.1997 36.1762 55.2771 38.5189 54.1418 41.2598C53.0065 44.0006 52.7094 47.0166 53.2882 49.9263C53.867 52.836 55.2956 55.5088 57.3934 57.6066C59.4912 59.7043 62.1639 61.133 65.0736 61.7118C67.9834 62.2906 70.9993 61.9935 73.7402 60.8581C76.4811 59.7228 78.8239 57.8002 80.4721 55.3335C82.1203 52.8668 83 49.9668 83 47C83.0007 45.03 82.6132 43.0792 81.8596 41.259C81.106 39.4388 80.0011 37.7849 78.6081 36.3919C77.2151 34.9989 75.5612 33.894 73.741 33.1404C71.9209 32.3868 69.97 31.9993 68 32Z' fill='%2374C642'/%3E%3Cpath d='M106 16C108.761 16 111 13.7614 111 11C111 8.23857 108.761 6 106 6C103.239 6 101 8.23857 101 11C101 13.7614 103.239 16 106 16Z' fill='%2374C642'/%3E%3Cpath d='M12.5312 17.7577C15.2581 15.0295 15.2581 10.6062 12.5312 7.878C9.80433 5.14978 5.38315 5.14978 2.65625 7.87799C-0.0706489 10.6062 -0.0706607 15.0295 2.65624 17.7577C5.38314 20.486 9.80433 20.4859 12.5312 17.7577Z' fill='%2374C642'/%3E%3Cpath d='M506.499 13C507.784 13.0002 509.041 12.6192 510.11 11.9051C511.179 11.1911 512.013 10.176 512.505 8.98828C512.997 7.80058 513.126 6.49361 512.875 5.23265C512.625 3.9717 512.006 2.8134 511.097 1.90424C510.188 0.995075 509.029 0.375886 507.769 0.124985C506.508 -0.125916 505.201 0.00274133 504.013 0.494675C502.825 0.98661 501.81 1.81973 501.096 2.88867C500.381 3.95762 500 5.21437 500 6.5C500 7.35351 500.168 8.19869 500.494 8.98726C500.821 9.77583 501.3 10.4924 501.903 11.0959C502.507 11.6995 503.223 12.1783 504.012 12.505C504.8 12.8317 505.645 12.9999 506.499 13Z' fill='%2374C642'/%3E%3Cpath d='M452.985 38.8819C451.562 38.1492 449.999 37.7431 448.406 37.6923C446.813 37.6415 445.228 37.9472 443.764 38.5878C440.203 37.3056 437.672 33.706 437.407 29.4623C438.101 28.5 438.458 27.327 438.418 26.1327C438.378 24.9384 437.945 23.7926 437.188 22.8804C436.431 21.9683 435.394 21.3431 434.245 21.1058C433.097 20.8685 431.903 21.033 430.857 21.5727C429.812 22.1124 428.975 22.9957 428.482 24.0801C427.99 25.1644 427.87 26.3864 428.143 27.5486C428.416 28.7108 429.065 29.7453 429.985 30.4851C430.905 31.2248 432.044 31.6265 433.216 31.6253C433.491 31.623 433.766 31.5989 434.038 31.5533C437.254 33.3693 439.294 37.288 438.901 41.6257C438.854 42.1406 438.772 42.6516 438.656 43.155C438.529 43.3741 438.397 43.5961 438.283 43.8196C437.89 44.6243 437.592 45.4745 437.398 46.3517C437.293 46.8103 437.218 47.2755 437.173 47.7442C436.976 49.7659 437.325 51.804 438.181 53.6385C439.037 55.473 440.369 57.0343 442.031 58.1538C443.694 59.2732 445.625 59.9084 447.616 59.9908C449.607 60.0732 451.582 59.5996 453.329 58.6212C455.075 57.6427 456.526 56.1966 457.525 54.4389C458.524 52.6811 459.034 50.6785 458.998 48.6472C458.963 46.6159 458.384 44.633 457.324 42.9126C456.265 41.1921 454.764 39.7995 452.985 38.8849V38.8819Z' fill='%2374C642'/%3E%3C/svg%3E%0A");
    width: 610px;
    text-align: center;
    background-color: #63BB2E;
    left: -60px;
    position: relative;
    right: 0;
    padding: 14px 0;
    color: white;
    font-size: 24px;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
}

@media screen and (max-width: 767px) {
    .popup-overflow-conainer {
        width: calc(100% + 80px);
        left: -40px;
    }

    .popup-overflow-conainer::before,
    .popup-overflow-conainer::after {
        display: none;
    }
}

.popup-overflow-conainer::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M20 0.5H0L20 20.5V0.5Z' fill='%233F8316'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    bottom: -25px;
}

.popup-overflow-conainer::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M0 0.5H20L0 20.5V0.5Z' fill='%233F8316'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    bottom: -25px;
}

.popup-overflow-conainer>p {
    color: white;
    margin: 4px 0;
}

.popup-overflow-conainer>p:first-of-type {
    font-size: 24px;
    font-weight: 600;
}

.popmake-content input {
    width: 100% !important;
}

.pum-close.popmake-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 -0.705863 0.708349 0.705863 0 19.2278)' fill='%230088D6'/%3E%3Crect width='26.4325' height='1.80222' rx='0.901109' transform='matrix(0.708349 0.705863 -0.708349 0.705863 1.27734 0.5)' fill='%230088D6'/%3E%3C/svg%3E");
    height: 21px !important;
    width: 20px !important;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
}


/* HEADER STYLE FROM EXISTING SITE */
.header-bottom {
    border-bottom: 4px solid #5eaf00;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a {
    font-weight: bold !important;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a:hover,
.header:not(.transparent) .header-bottom-nav.nav>li>a:active {
    background: #78c302;
    color: #fff !important;
    text-shadow: 0 1px 1px #4a8f00;
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(top, #78c302 0%, #50a200 100%);
    background: linear-gradient(to bottom, #78c302 0%, #50a200 100%);
}

.icon-angle-down {
    color: #fff;
}

#masthead,
#wide-nav.header-bottom {
    border-top: none;
    background: transparent;
}

.has-dropdown.current-dropdown>ul>li>ul li {
    padding-bottom: 0;
}

.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .dropdown-heading>a,
.ux-menu .ux-menu-link.dropdown-heading a {
    font-size: 16px !important;
}

.full-categories>ul>li>a:hover,
.nav-dropdown.nav-dropdown-default li li>a:hover,
.nav-dropdown.nav-dropdown-default>li>a:hover {
    border-bottom: transparent !important;
}

ul.nav.header-nav.header-bottom-nav.nav-left {
    padding-top: 8px;
    margin-left: 15px;
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2024/08/menu-top-border.png") no-repeat scroll 0 0 / 100% auto;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown .ux-menu-link a {
    line-height: 1.4;
    text-indent: 0.2em;
}

.dropdown-only-links>ul>li li::before,
.ux-menu .ux-menu-link a i.ux-menu-link__icon:before {
    content: url("/wp-content/uploads/2024/08/menu-top-arrow.png")
}

.dropdown-only-links>ul>li li:hover::before,
.ux-menu .ux-menu-link a i.ux-menu-link__icon:hover::before {
    content: url("/wp-content/uploads/2024/08/menu-top-arrow-hover.png")
}

li#menu-item-10403098 a:after {
    content: "";
}

.has-dropdown a.nav-top-link:after {
    content: url(/wp-content/uploads/2024/08/menu-arrow-down.png);
    position: relative;
    top: 3px;
    left: 4px;
}

.has-dropdown a.nav-top-link:hover:after {
    content: url(/wp-content/uploads/2024/08/menu-arrow-down-hover.png);
    position: relative;
    top: 3px;
    left: 4px;
}

.has-dropdown .icon-angle-down {
    display: none;
}


/* Variation Swatches */
table.variations {
  margin-top: 1em;
}

table.variations tbody,
table.variations td,
table.variations tfoot,
table.variations th,
table.variations thead,
table.variations tr {
  background: none;
}

table.variations .label {
  margin: 0;
}

.variations .reset_variations {
    top: 3px;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default .vi-wpvs-option, .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default .vi-wpvs-option, .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default .vi-wpvs-option {
    float: left;
    height: 50px !important;
    width: 50px !important;
    object-fit: cover;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option, .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option, .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option {
    height: 50px !important;
    width: 50px !important;
    object-fit: cover;
}

.vi-wpvs-variation-wrap .vi-wpvs-option-wrap {
	justify-content: left !important;
}

.vi-wpvs-variation-wrap-wrap[data-swatch_type="image"] .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-show-attribute-value .vi-wpvs-option-wrap:after, .vi-wpvs-variation-wrap-wrap[data-swatch_type="variation_img"] .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-show-attribute-value .vi-wpvs-option-wrap:after, .vi-wpvs-variation-wrap-wrap[data-swatch_type="color"] .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-show-attribute-value .vi-wpvs-option-wrap:after {
	position: relative;
	left: 10px;
}

.vi-wpvs-variation-style-content .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap:hover .vi-wpvs-option.vi-wpvs-option-image {
    height: 50px !important;
    width: 50px !important;
    object-fit: cover;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-variation-button-select, .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap {
	padding: 10px;
}

.i-wpvs-variation-style-content .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap::after{
    position: relative !important;
}

.product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small{
    position: relative;
}

.flickity-button{
    position: absolute;
}

.product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button.next{
    right: 24px;
}

.product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button.previous{
    left: 24px;
}

.product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button{
    top: 40% !important;
    bottom: 0 !important
}

.product-list-header .woocommerce-ordering, .woocommerce-ordering select{
    max-width: 200px;
}

@media (max-width: 549px) {
    .shop_table .product-price, .shop_table .product-subtotal {
        display: table-cell;
    }
}

@media screen and (max-width: 767px) {
    .product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button.next{
        right: 12px;
    }

    .product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button.previous{
        left: 12px;
    }

    .product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button{
        top: 18% !important;
        bottom: 0 !important;
        background: #fff !important;
    }

    .product-thumbnails.thumbnails.slider.row.row-small.slider-nav-small .flickity-prev-next-button:hover{
        background: #0183E1 !important;
    }

    #nab_card_details .form-row:nth-child(3),
    #nab_card_details .form-row:nth-child(4) {
        width: 100% !important;
    }
}

#pum-10783406.pum-theme-10742672{
    /* overflow: hidden; */
}

.pum-theme-bestpool-popup-theme{
    background-color: unset !important;
}

#pum-10783406.pum-theme-bestpool-popup-theme #popmake-10783406 {
    position: fixed !important;
    top: 48px !important;
    right: 8px !important;
    left: unset !important;
    padding: 0 !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
    max-width: 180px !important;
    display: block !important;
    font-family: 'Open Sans', sans-serif;
}
  
.pum-theme-bestpool-popup-theme .custom-popup-header {
    background-color: #3db601;
    color: #fff;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pum-theme-bestpool-popup-theme .custom-popup-body {
    background: #fff;
    padding: 8px;
    text-align: center;
}

.pum-theme-bestpool-popup-theme .custom-popup-body-subtitle {
    margin-bottom: 0;
    font-size: 13px;
}

.pum-theme-bestpool-popup-theme .custom-phone-main {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #212529;
}

.pum-theme-bestpool-popup-theme .custom-phone-main span{
    padding: 0 0 6px 0;
    border-bottom: 1px dashed;
}

.pum-theme-bestpool-popup-theme .custom-phone-alt {
    margin-top: 6px;
    font-size: 13px;
    color: #212529;
}

.pum-theme-bestpool-popup-theme .pum-close.popmake-close {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    padding: 0;
    background-image: unset !important;
    width: 16px !important;
    height: 16px !important;
  }

.pum-theme-bestpool-popup-theme .pum-close::before {
content: "x";
font-size: 14px;
font-weight: 300;
color: #3db601;
line-height: 1;
}

.product-info-right .flickity-button{
    display: none;
}

.related.related-products-wrapper .flickity-button.flickity-prev-next-button.previous, .related.related-products-wrapper .flickity-button.flickity-prev-next-button.next{
    top: -45px !important;
}

.product-shipping-calc form button {
    display: block; 
    padding: 12px !important;
    border-radius: 0.25rem; 
    border: unset;
    width: 100%; 
    background: linear-gradient(270deg, #0081E0 0%, #00C0F0 100%) !important;
    color: #fff !important;
    font-weight: bold; 
    text-align: center; 
    font-size: 16px !important;
    font-family: Inter;
    margin-top: 16px;
    letter-spacing: 0;
    text-transform: capitalize !important;
}

.product-shipping-calc form .sdwc-form-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 10px;
}

.product-shipping-calc form .sdwc-form-input .select2-container{
    margin-bottom: 5px;
}

.product-shipping-calc form .sdwc-form-input .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.product-shipping-calc form .sdwc-form-input label {
    min-width: 100px;
    margin-bottom: 0;
    text-align: right;
    margin-top: 0 !important;
    font-size: 16px;
    font-weight: 700;
}

.product-shipping-calc form .sdwc-form-input input {
    margin-bottom: 0 !important;
}


/* NEW CSS HOMEPAGE */

.section-banner .container .content{
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
}

.banner-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 676px;
    height: 380px;
    border-radius: 10px;
}
.banner-slide .banner-slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%;
}
.banner-slide .banner-slider img{
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 10px;
    height: 100%;
}
.banner-slide .btn-navigation{
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 10px;
    z-index: 1;
}
.banner-slide .btn {
    background-color: #fff;
    color: #0183e1;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    user-select: none;
    font-weight: bold;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-slide .btn:hover {
    background-color: #0183e1;
    color: #fff;
}

.banner-slide .dot-slider {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 1;
}
.banner-slide .dot-item {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}
.banner-slide .dot-item.active {
    background-color: white;
}

.banner-column {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 24px;
    height: 380px;
    width: 80%;
    overflow: hidden;
}

.banner-column .banner-image {
    width: 100%;
    height: 177px;
    max-height: 100%;
}

.banner-column .banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.card-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
}

.section-banner .container .card-feature{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 16px 24px;
    border-right: 1px solid #e4e5ee ;
}

.card-wrapper .card-feature:nth-child(4n) {
    border-right: none;
}

.section-banner .container .card-feature img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.section-banner .container .card-feature h3{
    color: #000;
    margin-bottom: 0;
}

.section-category{
    background-color: rgb(245, 248, 251);
}

.section-category .container .card-wrapper{
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.section-category .container .card-wrapper .heading h1{
    font-size: 36px;
    color: #10151C;
    font-weight: 600;
}

.section-category .container .card-wrapper .card-category{
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    max-height: 365px;
}

.section-category .container .card-wrapper .card-category .card-image{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 306px;
    overflow: hidden;
}

.section-category .container .card-wrapper .card-category .card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.section-category .card-category:hover .card-image img {
    transform: scale(1.1);
}

.section-category .card-category h5 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 30px;
    display: flex;
    justify-content: center;
        background: linear-gradient(270deg, rgb(0, 129, 224) 0%, rgb(0, 192, 240) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    font-weight: 600;
}

.section-product .container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


.section-product .container .content .heading-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-product .container .content .heading-product h1{
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0;
}

.section-product .container .content .card-wrapper-product {
    overflow: hidden;
    position: relative;
}

.section-product .container .content .card-wrapper-product .card-slider .woocommerce .products{
    /* display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% / 5 - 17px);
    gap: 20px;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    padding: 16px 0; */
}

.section-product .container .content .card-wrapper-product .card-slider .product-small{
    display: flex;
    width: 100%;
    max-width: 235.5px;
    flex-direction: column;
    gap: 8px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 10px 16px 10px;
    text-align: center;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid #fff;
    transition: all 0.5s ease;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small.product{
    padding: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .box-text{
    padding-bottom: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small p.product-title{
    height: fit-content !important;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper{
    height: fit-content !important;
    margin-bottom: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper .price{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    line-height: auto;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper .price .amount{
    margin-right: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper .price .amount bdi{
    margin: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .no-text-overflow{
    white-space: unset;
}



.section-product .container .content .card-wrapper-product .card-slider .product-small .box-image{
    width: 100%;
    height: 140px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .box-image img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: all 0.5s ease;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .box-image label.price-sale{
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 8px;
    border-radius: 0 0 0 8px;
    background: red;
    color: #fff;
    font-style: italic;
    font-size: 12px;
    
}

.section-product .container .content .card-wrapper-product .card-slider .product-small h6{
    font-size: 14px;
    line-height: 18px;
    color: #10151C;
    letter-spacing: 0;
    text-transform: unset;
    text-align: left;
    opacity: 1;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small .box-text{
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: fit-content !important;
}

.section-product .container .content .card-wrapper-product .card-slider .card-product .card-info .price.price-sale{
    color: red;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-product .container .content .card-wrapper-product .card-slider .card-product .card-info .price.price-sale span{
    text-decoration: line-through;
    font-size: 12px;
    color: #8189A2;
    font-weight: 400;
    opacity: 0.7;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small a.button{
    visibility: hidden;
    width: 100%;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.section-product .container .content .card-wrapper-product .card-slider .product-small:hover a.button{
    visibility: visible;
    opacity: 1;
}

.section-product .container .content .card-wrapper-product .card-slider .card-product:hover .card-image img{
    transform: scale(1.1);
}

.section-product .container .content .card-wrapper-product .card-slider .product-small.box:hover{
    border: 1px solid #F1F1F1;
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.1), 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.section-blog .content .heading h3{
    text-align: center;
    font-size: 36px;
    margin-bottom: 32px;
    color: #10151C;
}

.section-blog .content .card-wrapper{
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.section-blog .content .card-wrapper .card-blog{
    border-radius: 8px;
    height: 300px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease;
}

.section-blog .content .card-wrapper .card-blog .card-content{
    height: 100%;
    width: 100%;
    transition: all 0.5s ease;
    background: rgba(0, 0, 0, 0.0);
}

.section-blog .content .card-wrapper .card-blog .card-content .card-info{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    color: #fff;
    gap: 8px;
    padding: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.74%, #000 99.78%);
}

.section-blog .content .card-wrapper .card-blog .card-content .card-info p{
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.section-blog .content .card-wrapper .card-blog .card-content .card-info .title{
    font-weight: 600;
    font-size: 18px;
}

.section-blog .content .card-wrapper .card-blog:hover .card-content{
    background: rgba(0, 0, 0, 0.30);
}

.section-blog .content .card-wrapper .card-blog:hover .card-content{
    background: rgba(0, 0, 0, 0.30);
}

.section-blog .content .card-wrapper .card-blog:hover{
    background-size: 110%;
}

.section-partner{
    background-color: rgb(245, 248, 251);
    padding-bottom: 80px;
}

.section-partner .container .heading h3{
    font-size: 36px;
    color: #10151C;
    font-weight: 600;
    text-align: center;
    margin-bottom: 38px;
}
.section-partner .container .card-wrapper{
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    align-items: stretch;
}

    .section-partner .container .card-wrapper .card-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    align-items: stretch;
    width: 100%;
    height: 390px;
}

    .section-partner .container .card-wrapper .card-partner{
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.section-partner .container .card-wrapper .card-big{
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 390px;
}

.section-partner .container .card-wrapper .card-partner, .section-partner .container .card-wrapper .card-big{
    padding: 32px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-partner .container .card-wrapper .card-big img{
    width: 100%;
    height: 106px;
    object-fit: cover;
}

.section-partner .container .card-wrapper .card-partner img{
    width: 100%;
    height: 70px;
    object-fit: cover;
}

.section-product .products-carousel-wrapper {
        position: relative;
        overflow: hidden;
    }

    .section-product .products-carousel {
        display: flex;
        transition: transform 0.3s ease;
    }

    .section-product .products-carousel .products {
        display: flex !important;
        flex-wrap: nowrap !important;
        transition: transform 0.4s ease-in-out;
    }

    .section-product .products-carousel .product-small {
        min-width: 20%;
        flex: 0 0 20%;
        padding: 0 10px;
        transition: transform 0.4s ease-in-out;
    }

    .section-product .carousel-prev, .carousel-next {
    
        border-radius: 50%;
        background: #fff;
        color: #0183e1;
        border: 1px solid rgba(1, 131, 225, 0.2) !important;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .section-product .carousel-prev:hover, .carousel-next:hover {
        background: #0183e1;
        color: #fff;
        transform: translateY(4px);
    }

    .section-product .btn-nav {
        display: flex;
        align-items: center;
        gap: 32px;
    }

    .section-product .carousel-prev {
        left: 10px;
    }

    .section-product .carousel-next {
        right: 10px;
    }

@media (max-width: 768px) {

    .section-banner .container .content{
        gap: 16px;
    }

    .banner-slide {
        height: 290px;
    }

    .banner-column {
        width: 60%;
        height: 290px;
    }

    .banner-column .banner-image {
        height: 132px;
    }

    .card-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }

    .section-banner .container .card-feature{
        border-right: 1px solid #e4e5ee ;
    }

    .card-wrapper .card-feature:nth-child(2n) {
        border-right: none ;
    }

    .section-category .container .card-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }


    .section-category .container .card-wrapper .card-category .card-image{
        height: 250px;
    }



    .section-product .container .content .card-wrapper-product .card-slider .product-small a.button{
        visibility: visible;
        opacity: 1;
    }


    .section-product .container .content .card-wrapper-product .card-slider .product-small .box-text{
        flex-direction: row;
        align-items: center;
    }

    .section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper .price{
        align-items: start;
        gap: 4px;
    }

    .section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper p{
        text-align: left;
    }


    .section-blog .content .card-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }

    .section-partner .container .heading h3{
        font-size: 30px;
    }

    .section-partner .container .card-wrapper .card-partner img{
        height: 50px;
    }

    .section-partner .container .card-wrapper .card-grid {
        height: 250px;
    }

    .section-partner .container .card-wrapper .card-grid .card-partner {
        padding: 16px;
    }

    .section-product .products-carousel .product-small {
        min-width: 25%;
        flex: 0 0 25%;
        max-width: unset !important;
        margin: 0;
    }
    
}

@media (max-width: 576px) {

    .section-banner .container .content{
        flex-direction: column;
        gap: 16px;
    }

    .banner-slide {
        height: 132px;
    }

    .banner-column {
        gap: 16px;
        width: 100%;
        height: fit-content;
    }

    .banner-column .banner-image {
        height: 132px;
    }

    .banner-column .banner-image img{
        height: 100%;
    }

    .card-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }

    .section-banner .container .card-feature{
        padding: 24px 16px;
        border-right: none ;
        border-bottom: 1px solid #e4e5ee ;
    }

    .card-wrapper .card-feature:nth-child(4n) {
        border-bottom: none;
    }

    .section-category .container .card-wrapper{
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .section-category .container .card-wrapper .card-category{
        max-height: unset;
        height: fit-content;
    }

    .section-category .container .card-wrapper .card-category .card-image{
        height: 250px;
    }

    .section-product .container .content .heading-product h1{
        font-size: 30px;
    }

    .section-product .container .content .card-wrapper-product .card-slider .product-small a.button{
        visibility: visible;
        opacity: 1;
    }


    .section-product .container .content .card-wrapper-product .card-slider .product-small .box-text{
        flex-direction: row;
        align-items: center;
    }

    .section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper .price{
        align-items: start;
        gap: 4px;
    }

    .section-product .container .content .card-wrapper-product .card-slider .product-small .price-wrapper p{
        text-align: left;
    }

    .section-blog .content .heading h3{
        font-size: 30px;
    }

    .section-blog .content .card-wrapper{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .section-blog .content .card-wrapper .card-blog{
        height: 240px;
    }

    .section-blog .content .card-wrapper .card-blog .card-content .card-info{
        gap: 4px;
        padding: 12px;
    }

    .section-blog .content .card-wrapper .card-blog .card-content .card-info p{
        font-size: 13px;
    }

    .section-blog .content .card-wrapper .card-blog .card-content .card-info .title{
        font-size: 16px;
    }

    .section-partner .container .heading h3{
        font-size: 30px;
    }
    .section-partner .container .card-wrapper{
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .section-partner .container .card-wrapper .card-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        height: fit-content;
    }

    .section-partner .container .card-wrapper .card-partner img{
        height: 50px;
    }

    .section-product .products-carousel .product-small {
        min-width: 50%;
        flex: 0 0 50%;
    }
}