/*
Theme Name: inet
Version: 2.1.0
Text Domain: netfx
*/

body p,
body a {
    margin-bottom: 0;
}

body {
  
    line-height: 1.15em;
}

body {
    color: var(--text-color);
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-body);
    line-height: var(--line-height-body);
}
.jws_cart_count, 
.shows_cat,
.slick-arrow,

.form-control.active label,
input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.jws_mini_cart>.jws-cart-nav a .cart_icon,
.elementor-tab-title a, 
.elementor-accordion-icon-opened,
.elementor-accordion-icon-closed,
h1, h2, h3, h4, h5, h6, .primary-color {
    color: var(--primary-color);
}
h1 {
    font-family: var(--font-h1);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-h1);
    line-height: var(--line-height-h1);
}

h2 {
    font-family: var(--font-h2);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-h2);
    line-height: var(--line-height-h2);
}

h3 {
    font-family: var(--font-h3);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
    line-height: var(--line-height-h3);
}

h4 {
    font-family: var(--font-h4);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-h4);
    line-height: var(--line-height-h4);
}

h5 {
    font-family: var(--font-h5);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-h5);
    line-height: var(--line-height-h5);
}

h6 {
    font-family: var(--font-h6);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-h6);
    line-height: var(--line-height-h6);
}

.heading-tagline {
    color: var(--accent-color);
    font-family: var(--font-tagline);
    font-size: var(--font-size-tagline);
    font-weight: var(--font-weight-tagline);
    line-height: var(--line-height-tagline);
}
.icon-line .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon{
    fill: var(--primary-color);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.icon-line .elementor-icon-box-wrapper:before,
.icon-line .elementor-icon-box-wrapper:hover .elementor-icon-box-icon,
.jws-services-element .jws_services_layout1 .jws_services_item .jws_services_item_inner:after {
    background: var(--primary-button-background);
}
.jws-post-readmore,
.jws-price-table__fractional-part,
.jws_nav_menu .jws_nav>li>a:hover,
.jws-price-table .jws-price-table__footer .jws-price-footer_detail {
    color: var(--primary-button-background);
}

.elementor-view-default .elementor-icon,
.jws-services-element .jws_services_layout1 .jws_services_item .icon-service {
    color: var(--accent-color);
    fill: var(--accent-color);
     border-color:var(--accent-color);
}
.elementor-menu-list-item:hover a,
p a {
    color: var(--accent-color);
}
.jws-services-element .jws_services_layout2 .jws_services_item .icon-service {
    color:  var(--primary-button-background);
    fill:  var(--primary-button-background);
}
.jws-entry-title:hover,
.jws-price-table .jws-price-table__features-list .jws-price-table__feature-inner i {
    color: var(--secondary-color);
}
.jws_testimonials_slider_wrap .testimonials_slider.slider_layout_layout1 .testimonial_footer .testimonial-image {
    border-color: var(--accent-color);
}


.jws-services-element .jws_services_layout1 .jws_services_item .jws_services_item_inner:before {
    background: var(--accent-color);
}
.jws-services-element .jws_services_layout2 .jws_services_item .icon-service,
.elementor-view-stacked .elementor-icon,
.icon-line .elementor-icon-box-icon {
    background: var(--secondary-color);
}
span.rating {
    color: var(--secondary-color);
}
.jws-info-box-icon .main-image svg {
    color: var(--accent-color);
    fill: var(--accent-color);
}
.jws-price-table,
textarea:focus,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
     border-color: var(--secondary-color);
}


//menu
.jws_nav_menu .jws_nav>li>a {
    color: var(--menu-color);
}


.jws_cart_content .jws-cart-panel .jws-cart-panel-product-title,
.jws_cart_content .jws-cart-panel .quantity,
.jws_cart_content .jws-cart-panel .cart_list .cart_empty,
.jws_account .account-menu-dropdown a,
.jws_nav_menu .jws_nav li .sub-menu-dropdown li>a,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li .bt-sub-menu,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li a,
.jws-offcanvas-close .jws-offcanvas-close-icon i,
.jws_nav_menu .jws_nav li .sub-menu .bt-sub-menu,
.jws_nav_menu .jws_nav li .sub-menu>li>a {
    color: var(--sub-menu-color);
}
.jws_nav li .sub-menu-dropdown li.current-menu-item>a,
.jws_account .account-menu-dropdown a:hover,
.jws_nav_menu .jws_nav li .sub-menu-dropdown li>a:hover,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li .bt-sub-menu:hover,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li a:hover,
.jws-offcanvas-close .jws-offcanvas-close-icon:hover i,
.jws_nav_menu .jws_nav li .sub-menu>li>a:hover {
    color: var(--sub-menu-color-hover);
}
.slick-dots li button::before {
   background: var(--text-color);
}
select,
input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder {
          color: var(--text-color);
        }
.slick-dots li.slick-active button {
        border-color: var(--primary-color);
}
.slick-dots li.slick-active button:before {
        background: var(--primary-color);
}
.slick-arrow:before,
.jws_mini_cart>.jws-cart-nav a .jws_cart_count {
    background: var(--secondary-color);
}
input[type="radio"]:checked,
[type="radio"]:hover {
    border-color: var(--secondary-color) !important;
}

.jws_account .account-menu-dropdown,.jws_nav_menu .jws_nav li .sub-menu {
    background: var(--sub-menu-background-color);
}
.woocommerce-grouped-product-list-item__quantity a,
.cart-collaterals .cart_totals .checkout-button,
.shop-page .widget.widget_shopping_cart .wc-forward,
.product-item .button,
[type="submit"],
.btn-button {
    font-family: var(--font-button);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-button);
    transition: color 0.3s, background 0.3s;
    padding: 16px 29px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    overflow:hidden;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
    min-width: 170px;
    border: none;
}
.woocommerce-grouped-product-list-item__quantity a,
.cart-collaterals .cart_totals .checkout-button,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout,
.jws-cf7.layout2 .wpcf7 .wpcf7-form .wpcf7-submit,
.product-item .button,
[type="submit"],
.btn-button.btn-primary {
    color: var(--primary-button-color-text);
    background: var(--primary-button-background);
}
.woocommerce-grouped-product-list-item__quantity a:hover,
.cart-collaterals .cart_totals .checkout-button:hover,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout:hover,
.product-item .button:hover,
[type="submit"]:hover,
.btn-button.btn-primary:hover {
    color: var(--primary-button-color-text-hover);
    background: var(--primary-button-background-hover);
}
.shop-page .widget.widget_shopping_cart .wc-forward,
.btn-button.btn-secondary {
    color: var(--secondary-button-color-text);
    background: var(--secondary-button-background);
}
.shop-page .widget.widget_shopping_cart .wc-forward
.btn-button.btn-secondary:hover {
    color: var(--secondary-button-color-text-hover);
    background: var(--secondary-button-background-hover);
}
.jws_services_readmore,
.jws-price-table__integer-part,
.jws-price-table__currency {
     color: var(--primary-button-background);
}
/* main color */
.jws-search-form.expand .toggle-search i,
.jws_account .jws_a_icon i,
body .select2-container--default .select2-selection--single .select2-selection__rendered,
.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__placeholder,
.jws-blog-element .jws-blog-item .jws-post-wap .jws-post-content .jws-post-category a:hover,
.jws_mini_cart>.jws-cart-nav a .cart_text,
.single-blog header .post_cat a:hover,
.jws_mini_cart>.jws-cart-nav a .cart_icon,
.elementor-section .elementor-widget-countdown .elementor-countdown-item,
.jws-ajax-search .search-input::placeholder,
.jws_account .jws_account_text {
    color: var(--primary-color);
}

.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover,
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    background: var(--primary-button-background-hover);
}

@keyframes jws-loader {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #17171a, 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.5), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.7), 1.8em -1.8em 0 0em #17171a, 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.5), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.7), 2.5em 0em 0 0em #17171a, 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.5), 2.5em 0em 0 0em rgba(23 23 26 / 0.7), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.5), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.7), 0em 2.5em 0 0em #17171a, -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.5), 0em 2.5em 0 0em rgba(23 23 26 / 0.7), -1.8em 1.8em 0 0em #17171a, -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.5), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.7), -2.6em 0em 0 0em #17171a, -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.5), -2.6em 0em 0 0em rgba(23 23 26 / 0.7), -1.8em -1.8em 0 0em #17171a;
    }
}

@media only screen and (max-width: 1440px) {
    body {
        font-family: var(--font-body-laptop);
        font-size: var(--font-size-body-laptop);
        font-weight: var(--font-weight-body-laptop);
        line-height: var(--line-height-body-laptop);
    }

    h1 {
        font-family: var(--font-h1-laptop);
        font-size: var(--font-size-h1-laptop);
        font-weight: var(--font-weight-h1-laptop);
        line-height: var(--line-height-h1-laptop);
    }
    h2 {
        font-family: var(--font-h2-laptop);
        font-size: var(--font-size-h2-laptop);
        font-weight: var(--font-weight-h2-laptop);
        line-height: var(--line-height-h2-laptop);
    }
    h3 {
        font-family: var(--font-h3-laptop);
        font-size: var(--font-size-h3-laptop);
        font-weight: var(--font-weight-h3-laptop);
        line-height: var(--line-height-h3-laptop);
    }
    h4 {
        font-family: var(--font-h4-laptop);
        font-size: var(--font-size-h4-laptop);
        font-weight: var(--font-weight-h4-laptop);
        line-height: var(--line-height-h4-laptop);
    }
    h5 {
        font-family: var(--font-h5-laptop);
        font-size: var(--font-size-h5-laptop);
        font-weight: var(--font-weight-h5-laptop);
        line-height: var(--line-height-h5-laptop);
    }
    h6 {
        font-family: var(--font-h6-laptop);
        font-size: var(--font-size-h6-laptop);
        font-weight: var(--font-weight-h6-laptop);
        line-height: var(--line-height-h6-laptop);
    }

    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
    input,
    code {
        font-family: var(--font-paragraph-laptop);
        font-size: var(--font-size-paragraph-laptop);
        font-weight: var(--font-weight-paragraph-laptop);
        line-height: var(--line-height-paragraph-laptop);
    }
    .heading-tagline {
        font-family: var(--font-tagline-laptop);
        font-size: var(--font-size-tagline-laptop);
        font-weight: var(--font-weight-tagline-laptop);
        line-height: var(--line-height-tagline-laptop);
    }
}

@media only screen and (max-width: 1024px) {
    body {
        font-family: var(--font-body-ipadpro);
        font-size: var(--font-size-body-ipadpro);
        font-weight: var(--font-weight-body-ipadpro);
        line-height: var(--line-height-body-ipadpro);
    }

    h1 {
        font-family: var(--font-h1-ipadpro);
        font-size: var(--font-size-h1-ipadpro);
        font-weight: var(--font-weight-h1-ipadpro);
        line-height: var(--line-height-h1-ipadpro);
    }
    h2 {
        font-family: var(--font-h2-ipadpro);
        font-size: var(--font-size-h2-ipadpro);
        font-weight: var(--font-weight-h2-ipadpro);
        line-height: var(--line-height-h2-ipadpro);
    }
    h3 {
        font-family: var(--font-h3-ipadpro);
        font-size: var(--font-size-h3-ipadpro);
        font-weight: var(--font-weight-h3-ipadpro);
        line-height: var(--line-height-h3-ipadpro);
    }
    h4 {
        font-family: var(--font-h4-ipadpro);
        font-size: var(--font-size-h4-ipadpro);
        font-weight: var(--font-weight-h4-ipadpro);
        line-height: var(--line-height-h4-ipadpro);
    }
    h5 {
        font-family: var(--font-h5-ipadpro);
        font-size: var(--font-size-h5-ipadpro);
        font-weight: var(--font-weight-h5-ipadpro);
        line-height: var(--line-height-h5-ipadpro);
    }
    h6 {
        font-family: var(--font-h6-ipadpro);
        font-size: var(--font-size-h6-ipadpro);
        font-weight: var(--font-weight-h6-ipadpro);
        line-height: var(--line-height-h6-ipadpro);
    }
    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
    input,
    code {
        font-family: var(--font-paragraph-ipadpro);
        font-size: var(--font-size-paragraph-ipadpro);
        font-weight: var(--font-weight-paragraph-ipadpro);
        line-height: var(--line-height-paragraph-ipadpro);
    }
    .heading-tagline {
        font-family: var(--font-tagline-ipadpro);
        font-size: var(--font-size-tagline-ipadpro);
        font-weight: var(--font-weight-tagline-ipadpro);
        line-height: var(--line-height-tagline-ipadpro);
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-family: var(--font-body-ipad);
        font-size: var(--font-size-body-ipad);
        font-weight: var(--font-weight-body-ipad);
        line-height: var(--line-height-body-ipad);
    }

    h1 {
        font-family: var(--font-h1-ipad);
        font-size: var(--font-size-h1-ipad);
        font-weight: var(--font-weight-h1-ipad);
        line-height: var(--line-height-h1-ipad);
    }
    h2 {
        font-family: var(--font-h2-ipad);
        font-size: var(--font-size-h2-ipad);
        font-weight: var(--font-weight-h2-ipad);
        line-height: var(--line-height-h2-ipad);
    }
    h3 {
        font-family: var(--font-h3-ipad);
        font-size: var(--font-size-h3-ipad);
        font-weight: var(--font-weight-h3-ipad);
        line-height: var(--line-height-h3-ipad);
    }
    h4 {
        font-size: var(--font-size-h4-ipad);
        font-weight: var(--font-weight-h4-ipad);
        line-height: var(--line-height-h4-ipad);
    }
    h5 {
        font-family: var(--font-h5-ipad);
        font-size: var(--font-size-h5-ipad);
        font-weight: var(--font-weight-h5-ipad);
        line-height: var(--line-height-h5-ipad);
    }
    h6 {
        font-family: var(--font-h6-ipad);
        font-size: var(--font-size-h6-ipad);
        font-weight: var(--font-weight-h6-ipad);
        line-height: var(--line-height-h6-ipad);
    }

    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
    .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
    input,
    code {
        font-family: var(--font-paragraph-ipad);
        font-size: var(--font-size-paragraph-ipad);
        font-weight: var(--font-weight-paragraph-ipad);
        line-height: var(--line-height-paragraph-ipad);
    }
    .heading-tagline {
        font-family: var(--font-tagline-ipad);
        font-size: var(--font-size-tagline-ipad);
        font-weight: var(--font-weight-tagline-ipad);
        line-height: var(--line-height-tagline-ipad);
    }
}

@media only screen and (max-width: 600px) {
    body {
        font-family: var(--font-body-mobile);
        font-size: var(--font-size-body-mobile);
        font-weight: var(--font-weight-body-mobile);
        line-height: var(--line-height-body-mobile);
    }

    h1 {
        font-family: var(--font-h1-mobile);
        font-size: var(--font-size-h1-mobile);
        font-weight: var(--font-weight-h1-mobile);
        line-height: var(--line-height-h1-mobile);
    }
    h2 {
        font-family: var(--font-h2-mobile);
        font-size: var(--font-size-h2-mobile);
        font-weight: var(--font-weight-h2-mobile);
        line-height: var(--line-height-h2-mobile);
    }
    h3 {
        font-family: var(--font-h3-mobile);
        font-size: var(--font-size-h3-mobile);
        font-weight: var(--font-weight-h3-mobile);
        line-height: var(--line-height-h3-mobile);
    }
    h4 {
        font-family: var(--font-h4-mobile);
        font-size: var(--font-size-h4-mobile);
        font-weight: var(--font-weight-h4-mobile);
        line-height: var(--line-height-h4-mobile);
    }
    h5 {
        font-family: var(--font-h5-mobile);
        font-size: var(--font-size-h5-mobile);
        font-weight: var(--font-weight-h5-mobile);
        line-height: var(--line-height-h5-mobile);
    }
    h6 {
        font-family: var(--font-h6-mobile);
        font-size: var(--font-size-h6-mobile);
        font-weight: var(--font-weight-h6-mobile);
        line-height: var(--line-height-h6-mobile);
    }
    .heading-tagline {
        font-family: var(--font-tagline-mobile);
        font-size: var(--font-size-tagline-mobile);
        font-weight: var(--font-weight-tagline-mobile);
        line-height: var(--line-height-tagline-mobile);
    }
}