/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.banner-vape-img {
    position: relative !important;
    z-index: 2;
}

.banner-vape-img::before,
.banner-vape-img::after {
    position: absolute;
    font-family: 'Clash Display';
    font-style: normal;
    font-weight: 700;
    font-size: 20rem;
    line-height: 0.8;
    text-transform: uppercase;
    background: radial-gradient(50% 50% at 50% 50%, #0085DB 0%, #004775 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.banner-vape-img::before {
    content: "VA";
    z-index: -1;
    left: -1em;
    top: 0.4em;
}

.banner-vape-img::after {
    content: "PE";
    z-index: 1;
    right: -0.88em;
    bottom: 103px;
}

.banner-vape-img img {
    animation: vapeFloat 3s linear infinite;
    transform-origin: center;
    will-change: transform;
}

@keyframes vapeFloat {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(18px) rotate(-1.5deg);
    }

    100% {
        transform: translateY(0) rotate(0deg);
    }
}

/*Banner carousel pagination*/
.banner-carousel .swiper-pagination.swiper-pagination-bullets {
    counter-reset: bullet;
}

.banner-carousel .swiper-pagination-bullet {
    counter-increment: bullet;
    position: relative;
}

.banner-carousel .swiper-pagination-bullet::before {
    content: "0" counter(bullet);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #474747;
}

.banner-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #003659;
}

/* .banner-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    max-width: 1440px !important;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -80px;
    padding-right: 69px !important;
} */

.banner-carousel .swiper-pagination span:first-child {
    position: relative
}

.banner-carousel .swiper-pagination span:first-child::after,
.banner-carousel .swiper-pagination span:last-child::after {
    content: "";
    height: 1px;
    width: 60px;
    background-color: #474747;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.banner-carousel .swiper-pagination span:first-child::after {
    left: -3em;
}

.banner-carousel .swiper-pagination span:last-child::after {
    right: -3em;
}

.banner-carousel span.swiper-pagination-bullet {
    opacity: 1;
}

.rotate-icon .elementor-icon-wrapper .elementor-icon {
    animation: rotateClockwise 7s linear infinite;
    display: flex;
}

.rotate-icon .elementor-icon-wrapper::before {
    position: relative;
}

.rotate-icon .elementor-icon-wrapper::before {
    content: "";
    height: 32px;
    width: 42px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.884002 31.0207L0.000118885 31.9046L1.76789 33.6724L2.65177 32.7885L1.76789 31.9046L0.884002 31.0207ZM32.7887 2.65156C33.2769 2.1634 33.2769 1.37195 32.7887 0.88379C32.3006 0.395634 31.5091 0.395634 31.0209 0.88379L31.9048 1.76767L32.7887 2.65156ZM9.60645 0.883788L8.72257 -9.54231e-05L6.9548 1.76767L7.83868 2.65155L8.72257 1.76767L9.60645 0.883788ZM32.0246 2.96687C32.6869 2.77207 33.0658 2.07725 32.871 1.41494C32.6762 0.752645 31.9814 0.373667 31.3191 0.568475L31.6718 1.76767L32.0246 2.96687ZM30.9043 25.7174L31.7882 26.6013L33.556 24.8335L32.6721 23.9496L31.7882 24.8335L30.9043 25.7174ZM1.76789 31.9046L2.65177 32.7885L32.6721 2.76815L31.7882 1.88426L30.9044 1.00038L0.884002 31.0207L1.76789 31.9046ZM31.7882 1.88426L32.6721 2.76815L32.7887 2.65156L31.9048 1.76767L31.0209 0.88379L30.9044 1.00038L31.7882 1.88426ZM8.72257 1.76767L7.83868 2.65155C9.44976 4.26263 11.8911 4.95753 14.382 5.21172C16.9122 5.46991 19.7237 5.2954 22.3122 4.96353C24.9098 4.63047 27.3334 4.13208 29.1039 3.71839C29.9905 3.51123 30.7166 3.32454 31.2227 3.18916C31.4758 3.12144 31.6741 3.06651 31.8102 3.02819C31.8782 3.00904 31.9307 2.99403 31.9668 2.98365C31.9848 2.97846 31.9987 2.97443 32.0084 2.97161C32.0132 2.9702 32.017 2.9691 32.0197 2.96831C32.021 2.96791 32.0221 2.96759 32.0229 2.96736C32.0233 2.96723 32.0237 2.96711 32.0239 2.96706C32.0243 2.96696 32.0246 2.96687 31.6718 1.76767C31.3191 0.568475 31.3192 0.568434 31.3193 0.568414C31.3192 0.568433 31.3192 0.568432 31.3191 0.568472C31.3188 0.568548 31.3183 0.568703 31.3175 0.568935C31.3159 0.569405 31.3133 0.570182 31.3096 0.57126C31.3021 0.573419 31.2905 0.57679 31.2748 0.58131C31.2434 0.590351 31.1957 0.603995 31.1326 0.621765C31.0064 0.657312 30.8186 0.709348 30.5766 0.774071C30.0926 0.903559 29.3925 1.08363 28.5351 1.28396C26.8176 1.68527 24.4819 2.16488 21.9942 2.48383C19.4974 2.80396 16.8976 2.95544 14.6358 2.72463C12.3347 2.48982 10.6034 1.88072 9.60645 0.883788L8.72257 1.76767ZM31.7882 1.88426C30.6376 1.39588 30.6374 1.39623 30.6373 1.39664C30.6372 1.39686 30.637 1.39734 30.6368 1.39777C30.6364 1.39865 30.6359 1.39978 30.6354 1.40114C30.6342 1.40388 30.6326 1.40758 30.6307 1.41226C30.6268 1.42161 30.6212 1.43482 30.6142 1.4518C30.6001 1.48575 30.58 1.53477 30.5543 1.59807C30.5031 1.72466 30.4301 1.90848 30.3403 2.14329C30.1607 2.61275 29.9136 3.2871 29.6397 4.11639C29.0929 5.77163 28.4336 8.06046 27.9926 10.579C27.5531 13.0898 27.3211 15.8812 27.6638 18.5236C28.0067 21.1683 28.9381 23.7512 30.9043 25.7174L31.7882 24.8335L32.6721 23.9496C31.2193 22.4968 30.4412 20.5015 30.143 18.2021C29.8445 15.9005 30.04 13.3819 30.4552 11.0101C30.869 8.64615 31.4918 6.47982 32.0135 4.90054C32.2738 4.11257 32.5076 3.47482 32.6753 3.03649C32.7591 2.81741 32.8263 2.64842 32.8719 2.53567C32.8947 2.4793 32.9121 2.43701 32.9235 2.40958C32.9291 2.39586 32.9333 2.38586 32.9359 2.37967C32.9372 2.37658 32.9381 2.37444 32.9386 2.37326C32.9389 2.37267 32.939 2.37233 32.9391 2.37222C32.9391 2.37217 32.939 2.37228 32.939 2.37225C32.939 2.37242 32.9389 2.37264 31.7882 1.88426Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/*Featured product loop*/
.product-card-loop .view-cart-btn {
    transform: translate(-50%, 30px);
    left: 50% !important;
    opacity: 0;
    transition: 0.6s ease-in-out !important;
}

.product-card-loop:hover .view-cart-btn {
    transform: translate(-50%, 0px);
    opacity: 1;
}

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

/*FAQ tab*/
.faq-tabs .e-n-tabs-heading button[aria-selected="false"]::before {
    position: relative;
}

.faq-tabs .e-n-tabs-heading button[aria-selected="false"]::before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background-color: #DDDDDD;
    bottom: -4px;
    left: 0;
}

@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


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

    .banner-vape-img::before,
    .banner-vape-img::after {
        font-size: 14em;
    }

    .rotate-icon .elementor-icon-wrapper::before {
        content: "";
        height: 15px;
        width: 23px;
    }
}

/*Contact page form */
.contact-form input:not([type="submit"]),
.contact-form textarea {
    border: none;
    border-bottom: 1px solid #0000003b;
    border-radius: 0;
    padding: 15px 0 !important;
}

.contact-form input:not([type="submit"]):focus,
.contact-form textarea:focus {
    outline: none;
}

.contact-form input:not([type="submit"])::placeholder,
.contact-form textarea::placeholder,
.contact-form input:not([type="submit"]),
.contact-form textarea {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    text-transform: capitalize;
    color: #B9B9B9;
}

.contact-form textarea {
    height: 168px !important;
    resize: none;
}

.contact-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px;
}

.contact-form label.gfield_label.gform-field-label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    color: #474747;
}

.contact-form input[type="submit"] {
    background-color: #003659;
    border: 1px solid #003659;
    border-radius: 50px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    padding: 21px 30px;
}

.contact-form input[type="submit"]:hover {
    background-color: #fff;
    color: #003659;
}

.contact-form input#input_1_3 {
    text-transform: lowercase;
}

.contact-form .gfield {
    position: relative;
}

.contact-form .validation_message {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00001 0C8.85666 0 10.6373 0.737551 11.9501 2.0504C13.263 3.36325 14.0005 5.14385 14.0005 7.0005C14.0005 8.85715 13.263 10.6378 11.9501 11.9506C10.6373 13.2634 8.85666 14.001 7.00001 14.001C5.14336 14.001 3.36276 13.2634 2.04991 11.9506C0.737062 10.6378 -0.000488281 8.85715 -0.000488281 7.0005C-0.000488281 5.14385 0.737062 3.36325 2.04991 2.0504C3.36276 0.737551 5.14336 0 7.00001 0ZM8.05001 4.298C8.57001 4.298 8.99201 3.937 8.99201 3.402C8.99201 2.867 8.56901 2.506 8.05001 2.506C7.53001 2.506 7.11001 2.867 7.11001 3.402C7.11001 3.937 7.53001 4.298 8.05001 4.298ZM8.23301 9.925C8.23301 9.818 8.27001 9.54 8.24901 9.382L7.42701 10.328C7.25701 10.507 7.04401 10.631 6.94401 10.598C6.89864 10.5813 6.86072 10.549 6.83707 10.5068C6.81342 10.4646 6.8056 10.4154 6.81501 10.368L8.18501 6.04C8.29701 5.491 7.98901 4.99 7.33601 4.926C6.64701 4.926 5.63301 5.625 5.01601 6.512C5.01601 6.618 4.99601 6.882 5.01701 7.04L5.83801 6.093C6.00801 5.916 6.20601 5.791 6.30601 5.825C6.35528 5.84268 6.39565 5.87898 6.41846 5.92609C6.44127 5.97321 6.4447 6.02739 6.42801 6.077L5.07001 10.384C4.91301 10.888 5.21001 11.382 5.93001 11.494C6.99001 11.494 7.61601 10.812 8.23401 9.925H8.23301Z' fill='%23FF0000'/%3E%3C/svg%3E") right center no-repeat #fff !important;
    background-size: 25px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}

.contact-form .validation_message:hover {
    font-size: 10px !important;
    max-width: calc(100% - 20px) !important;
    width: auto !important;
    border: 1px solid #c02b0a !important;
    transition: all 0.3s ease-in-out;
}

.contact-form div#gform_1_validation_container {
    display: none;
}

.contact-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 1px solid #c02b0a;
}

.cstm-gallery button.wplg_gallery_loadmore {
    width: 205px;
    height: 56px !important;
    background-color: #003659;
    border: 1px solid #003659;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}

.cstm-gallery button.wplg_gallery_loadmore label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.cstm-gallery button.wplg_gallery_loadmore:hover {
    background-color: #fff;
}

button.wplg_gallery_loadmore.wplg-disable-loadmore {
    display: none;
}

.cstm-gallery button.wplg_gallery_loadmore:hover label {
    color: #003659;
}

/*Product details*/
.custom-addto-cart form.variations_form.cart {
    display: flex;
}

.custom-addto-cart table.variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom-addto-cart table.variations {
    width: 60% !important;
}

.custom-addto-cart .single_variation_wrap {
    width: 40% !important;
}

.custom-addto-cart td.value {
    width: 100%;
}

.custom-addto-cart td.value {
    background-color: #fff !important;
}

.quantity .input-text.qty {
    width: 100% !important;
    border-radius: 50px !important;
    height: 53px !important;
}

select#pa_flavors {
    height: 53px;
}

select#pa_flavors:focus,
.quantity input[type="number"]:focus-visible,
.quantity input[type="number"]:focus {
    outline: none !important;
    outline-color: transparent;
}

select#pa_flavors,
.quantity input[type="number"] {
    margin-top: 10px;
}

.custom-addto-cart .quantity {
    position: relative;
}

.custom-addto-cart .quantity button.qty-btn {
    position: absolute;
}

.custom-addto-cart button.qty-btn.qty-minus,
.custom-addto-cart button.qty-btn.qty-plus {
    transform: translateY(-9%);
    top: 50%;
    padding: 10px !important;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
}

.custom-addto-cart button.qty-btn.qty-minus:hover,
.custom-addto-cart button.qty-btn.qty-plus:hover,
.custom-addto-cart button.qty-btn.qty-minus:focus,
.custom-addto-cart button.qty-btn.qty-plus:focus {
    background-color: #fff;
}

.custom-addto-cart button.qty-btn.qty-minus {
    left: 1px;
}

.custom-addto-cart button.qty-btn.qty-plus {
    right: 1px;
}

.custom-addto-cart button.single_add_to_cart_button.button.alt {
    bottom: -4em;
    position: absolute;
    left: 0px;
}

/* Remove arrows in Webkit browsers */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-addto-cart th.label {
    padding: 0;
    background-color: #fff !important;
}

.custom-addto-cart label.custom-qty-label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px;
    color: #474747;

}

.custom-addto-cart .woocommerce-variation-price {
    display: none;
}

.custom-dynamic-price span.price span.woocommerce-Price-amount.amount,
.custom-dynamic-price span.woocommerce-Price-amount.amount {
    font-family: 'Clash Display';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #003659;
}

.woocommerce-message,
.cart-empty.woocommerce-info {
    border-top-color: #003659 !important;
}

.woocommerce-message a.button.wc-forward,
p.return-to-shop a.button.wc-backward,
button#place_order,
.woocommerce-info a.button.wc-forward {

    background-color: #003659;
    color: #fff;
    border: 1px solid #003659;
    border-radius: 50px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF !important;
    text-transform: capitalize;
    padding: 15px 25px;
    transition: 0.3s ease-in-out;

}

.woocommerce-message a.button.wc-forward:hover,
p.return-to-shop a.button.wc-backward:hover,
button#place_order:hover,
.woocommerce-info a.button.wc-forward:hover {
    background-color: #fff;
    color: #003659 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #023659;
}

.woocommerce-message:focus-visible {
    outline: none;
}

.woocommerce-message,
.woocommerce-info {
    background: linear-gradient(180deg, #CFEAFF 0%, #f3faff00 100%);
    color: #003659;
}

/*Product description list */
ul.description-list {
    padding-left: 25px;
}

ul.description-list li {
    position: relative;
    list-style: none;
    margin-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #474747;
}

ul.description-list li:last-child {
    margin-bottom: 0;
}

ul.description-list li::before {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C4.03023 18 0 13.9698 0 9C0 4.03023 4.03023 0 9 0C13.9698 0 18 4.03023 18 9C18 13.9698 13.9698 18 9 18ZM7.76176 10.5836L13.1626 5.1828C13.3495 4.99585 13.6563 4.99776 13.8414 5.1828L14.4538 5.79522C14.6388 5.98025 14.6388 6.28902 14.4538 6.47398L8.11063 12.8172C7.99717 12.9307 7.83779 12.9753 7.68848 12.9497C7.58629 12.9368 7.48772 12.892 7.41076 12.8151L3.54678 8.9511C3.3621 8.76643 3.35991 8.45922 3.54678 8.27227L4.1592 7.65985C4.34615 7.47298 4.65109 7.47298 4.83803 7.65985L7.76176 10.5836Z" fill="%23237445"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    background-position: center;
    left: -22px;
    top: 5px;
}

a.reset_variations {
    background-color: #02365937;
    border-radius: 5px;
    color: #023659;
    padding: 3px 7px;
    font-weight: 500;
}

/*Product gallery thumbnail*/
.vertical-product-gallery {
    display: flex;
    gap: 20px;
}

.vpg-thumbs {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.vpg-thumb-wrapper {
    height: 330px;
    overflow: hidden;
    width: 100%;
}

.vpg-thumb {
    height: 100px;
    cursor: pointer;
    background-color: #FBFBFB;
    margin-bottom: 10px;
    border-radius: 20px;
}

.vpg-thumb:last-child {
    margin-bottom: 0;
}

.vpg-thumb img {
    width: 100%;
    height: 85px !important;
    object-fit: contain;
}

.vpg-arrow {
    cursor: pointer;
    padding: 6px;
    user-select: none;
    width: 100%;
    background-color: #FBFBFB;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    height: 90px;
    border-radius: 20px;
}

.vpg-arrow.vpg-down {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.750015 0.75L8.75002 9.75L16.75 0.75' stroke='%23003659' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.vpg-arrow.vpg-up {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 10.1289L8.75 1.12891L0.75 10.1289' stroke='%23003659' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.vpg-main img {
    height: 510px !important;
    width: 100%;
    object-fit: contain;
}

.vpg-main {
    width: calc(100% - 110px);
    background-color: #FBFBFB;
    border-radius: 20px;
}

.vpg-thumb.active {
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
}

/*Login page css*/
.custom-login-form {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
h3.login-heading {
    font-family: 'Clash Display';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 55px;
    text-transform: uppercase;
    color: #003659;
    text-align: center;
}
.custom-login-form input:not([type="submit"]),
input#user_login {
    border-radius: 10px;
    border-color: #00000030 !important;
    border: 1px solid;
}
.custom-login-form input:not([type="submit"]):focus,
input#user_login:focus{
    outline: none;
}
button.custom-login-btn{
background-color: #003659;
color: #FFFFFF;
width: 100%;
border: 1px solid #003659;
border-radius: 50px;
}
button.custom-login-btn:hover{
    background-color: #fff;
    color: #003659;

}
p.login-remember {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.custom-login-form a {
    color: #023659;
}
.custom-login-form a:hover{
    color: #000;
}
p.signup-link{
    text-align: center;
}
p.login-error,
p.registration-success,
p.registration-error {
    text-align: center;
}
label.referal-q {
    font-size: 20px;
    font-family: 'Clash Display';
    letter-spacing: 1px;
    color: #023659;
}
.custom-login-form label {
    margin-bottom: 8px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
/*Cart page*/
/* .custom-cart .quantity button.qty-btn {
    display: none;
} */
.custom-cart .input-text.qty.text {
    width: 50px !important;
    text-align: center !important;
    border-radius: 3px !important;
}
.custom-cart button.qty-btn {
    padding: 0 8px;
    background-color: #023659;
    border-color: #033659;
    color: #fff;
    border-radius: 3px !important;
}

.custom-cart button.qty-btn:hover{
background-color: #fff;
color: #003659;
}
.custom-cart .quantity {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.custom-cart label.custom-qty-label {
    display: none;
}
/*Checkout page css*/
.cust-checkout form.checkout.woocommerce-checkout input:not([type="submit"]),
.cust-checkout form.checkout.woocommerce-checkout .select2-selection.select2-selection--single,
span.woocommerce-input-wrapper textarea#order_comments{
    border-color: #00000041;
}
.cust-checkout form.checkout.woocommerce-checkout input:not([type="submit"]):focus,
.cust-checkout form.checkout.woocommerce-checkout .select2-selection.select2-selection--single:focus,
span.woocommerce-input-wrapper textarea#order_comments:focus{
outline: none;
}

.cust-checkout .woocommerce-info{
    display: none;
}
.cust-checkout .woocommerce-billing-fields h3,
.cust-checkout .woocommerce-additional-fields h3,
h3#order_review_heading{
    font-family: 'Clash Display';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #003659;
}
.cust-checkout .woocommerce-checkout-payment .form-row.place-order {
    background-color: #fff;
    border: 1px solid #00000041;
}
.cust-checkout .woocommerce-privacy-policy-text,
.cust-checkout .woocommerce-privacy-policy-text a {
    color:#003659;
}
.cust-checkout .woocommerce-privacy-policy-text a:hover{
    color: #000;
}

button#place_order {
    float: left !important;
}
.cust-checkout .woocommerce-billing-fields,
.cust-checkout .woocommerce-additional-fields {
    padding: 20px;
    box-shadow: 0 0 12px 5px #00000017;
    background-color: #fff;
}
h3#order_review_heading {
    margin-top: 2em;
}
.cust-my-accnt th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: #003659 !important;
}
form.woocommerce-ResetPassword.lost_reset_password {
    margin: 0 auto;
}
/*Order summary page*/
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    border: 1px solid #00000033;
    padding: 20px;
}
section.woocommerce-order-details h2,
section.woocommerce-customer-details h2 {
    font-size: 30px;
    font-family: 'Clash Display';
    color: #003659;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 2em;
    color: green;
    font-size: 20px;
}
tr.woocommerce-table__line-item.order_item td.woocommerce-table__product-name.product-name a {
    color: #003659 !important; 
    font-weight: 600;
}
tr.woocommerce-table__line-item.order_item td.woocommerce-table__product-name.product-name a:hover{
    color: #000;
}
/*Conditional logic price*/
div:not(:has(.product-price .woocommerce-Price-amount.amount)) 
  .prdct-price-txt {
    display: none;
}  

.filter-form ul {
    padding: 0;
}
.filter-form ul li.sf-field-taxonomy-product_cat {
    text-align: center;
}
.filter-form ul li.sf-field-taxonomy-product_cat select.sf-input-select {
    border-radius: 50px;
}
.filter-form ul li.sf-field-taxonomy-product_cat select.sf-input-select:focus {
    outline: none;
}

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

    .banner-vape-img::before,
    .banner-vape-img::after {
        font-size: 6em;
    }
.banner-vape-img::before {
    left: 0.7em;
    top: 1.2em;
}
	.banner-vape-img::after {
    right: 0.9em;
    bottom: 80px;
}
    .rotate-icon {
        transform: translateX(-50%);
    }
    ul.description-list li{
        font-size: 16px;
    }
    .custom-dynamic-price span.price span.woocommerce-Price-amount.amount, .custom-dynamic-price span.woocommerce-Price-amount.amount{
        font-size: 20px;
    }
    h3.login-heading{
        font-size: 30px;
        line-height: 35px;
    }
    .custom-login-form {
        padding: 20px;
    }
    .cust-checkout .woocommerce-billing-fields h3, .cust-checkout .woocommerce-additional-fields h3, h3#order_review_heading{
        font-size: 20px;
    }
    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 1em;
    color: green;
    font-size: 18px;
}
label.referal-q{
    font-size: 18px;
}
}

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

    .banner-vape-img::before,
    .banner-vape-img::after {
        font-size: 6em;
    }

    .banner-vape-img::before {
        top: 0.7em;
    }

    .banner-vape-img::after {
        bottom: 40px;
        right: -0.7em;
    }

    .banner-carousel .swiper-pagination span:first-child::after,
    .banner-carousel .swiper-pagination span:last-child::after {
        width: 45px;
    }

    .banner-carousel .swiper-pagination span:first-child::after {
        left: -2.5em;
    }

    .banner-carousel .swiper-pagination span:last-child::after {
        right: -2.5em;

    }

    /*Product thumbnail gallery css*/
    .vpg-thumb-wrapper {
        height: 209px;
    }

    .vpg-thumb {
        height: 60px;
    }

    .vpg-thumb img {
        height: 53px !important;
    }
    .vpg-main img {
    height: 367px !important;}
    .vpg-arrow{
        height: 66px;
    }
    .woocommerce-additional-fields{
        margin-top: 2em;
    }
    section.woocommerce-order-details h2,
section.woocommerce-customer-details h2 {
    font-size: 20px;
}
	.woocommerce-message, .woocommerce-info {
    display: flex !important;
    flex-direction: column;
    row-gap: 18px;
    margin: 0;
    align-items: flex-start;
}

}

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

    .banner-vape-img::before,
    .banner-vape-img::after {
        font-size: 3em;

    }

    .banner-vape-img::before {
        left: -0.7em;
    }
}