/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.8.1785827660
Updated: 2026-08-04 07:14:20

*/

a:focus {
    outline: none !important;
}

.hfe-flyout-wrapper .hfe-side.hfe-flyout-right {
    display: block;
    transition: all 0.3s ease-in-out;
}

.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}

.vertical-align-baseline {
    vertical-align: baseline !important;
}

span.hfe-breadcrumbs-home-icon {
    margin: 0;
}

#masthead.sticky{
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #ddd;
}

#ast-scroll-top{
    z-index: 9!important;
}

.hfe-nav-menu>.current_page_item::after,
.hfe-nav-menu>.current-menu-item::after,
.current_page_parent::after,
.current-menu-parent::after {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: 100%;
    height: 3px;
    border-radius: 6px;
    background-color: var(--e-global-color-primary);
    margin-left: -50%;
}

.hfe-nav-menu>.current_page_item::before,
.hfe-nav-menu>.current-menu-item::before,
.current_page_parent::before,
.current-menu-parent::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    margin-left: -50%;
    background-color: var(--e-global-color-accent);
}

.blur {
    backdrop-filter: blur(6px) !important;
}

.text-stroke .elementor-heading-title {
    text-shadow: -1px -1px 0 var(--e-global-color-primary),
        1px -1px 0 var(--e-global-color-primary),
        -1px 1px 0 var(--e-global-color-primary),
        1px 1px 0 var(--e-global-color-primary);
    color: rgba(255, 255, 255, 0.1) !important;
}

.item-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hoverIcon {
    transition: all 0.3s ease-in-out;
}

.hoverIcon .elementor-icon {
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50%;
}

.hoverIcon:hover {
    background-color: var(--e-global-color-primary);
}

.hoverIcon:hover .elementor-icon {
    border: 1px solid white;
}

.hoverIcon:hover .elementor-icon-box-title,
.hoverIcon:hover .elementor-icon-box-description {
    color: white !important;
}

.zoomInImage {
    overflow: hidden;
}

.zoomInImage img {
    transition: all 0.3s ease-in-out;
}

.zoomInImage:hover img {
    transform: scale(1.05);
}

.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.cf7-col {
    flex: 1;
}

.cf7-row p {
    margin: 0;
}

.cf7-col-full {
    width: 100%;
}

.cf7-row label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1d3f73;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.cf7-row input,
.cf7-row select,
.cf7-row textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px 15px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    border-radius: 0;
}

.cf7-row textarea {
    height: 140px;
    resize: vertical;
}

.cf7-row input:focus,
.cf7-row select:focus,
.cf7-row textarea:focus {
    border-color: #1d3f73;
}

.cf7-row input[type="submit"] {
    width: 100%;
    background: #123d74;
    color: #fff;
    border: none;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.cf7-row input[type="submit"]:hover {
    background: #0d2f5a;
}

.cf7-row.last {
    margin-bottom: 0;
}

.wpcf7-spinner {
    margin: 0;
    position: absolute;
    left: 50%;
}

footer form {
    display: flex;
}

footer form input {
    height: 100% !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    border: 0 !important;
    max-width: 200px !important;
}

footer form button {
    border-top-left-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
    height: 45px !important;
    background: #123d74 !important;
    width: 45px !important;
    padding: 0;
}

.banner {
    background-color: var(--e-global-color-text);
    padding-top: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.archive.ast-separate-container #primary,
.single-post.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 1rem;
    padding-top: 0;
}

body.archive .ast-archive-description {
    margin-bottom: 1rem;
}

.post-type-archive-product .content-area,
.tax-product_tag .content-area,
.tax-product_cat .content-area,
.single-product .content-area {
    margin-top: 1rem !important;
}

.post-type-archive-product .content-area .woocommerce-breadcrumb,
.single-product .content-area .ast-breadcrumbs-wrapper {
    margin-bottom: 1rem;
}

.post-type-archive-product .ast-archive-description,
.tax-product_tag .ast-archive-description,
.tax-product_cat .ast-archive-description {
    padding-bottom: 0;
    border-bottom: 0;
}


.search-form {
    display: flex;
    position: relative;
}

.no-results .page-content {
    max-width: 70%;
    margin: 0 auto;
}

.search-form>label {
    width: 100%;
}

.search-form input[type="search"] {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 6px;
    height: 42px;
    font-size: 14px;
    background-color: #ffffff;
}

.search-form input[type="submit"] {
    background-color: var(--e-global-color-primary);
    border-radius: 0 6px 6px 0;
    color: #ffffff;
    padding: 14px 1rem;
    font-size: 14px;
    position: absolute;
    right: 0;
    height: 100%;
}

/* News Grid */
.news-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    column-gap: 24px;
    row-gap: 24px;
    margin-top: 2rem;
}

.news-grid-item {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--e-global-color-astglobalcolor4);
    padding: 24px 24px 24px 24px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #C4C6D1;
}

.news-grid-item .news-grid-item-title {
    margin: 0;
}

.news-grid-item .news-grid-item-title a {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam Pro", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.news-grid-item .news-grid-item-excerpt {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam Pro", Sans-serif;
    font-size: 14px;
}

.news-grid-item .news-grid-item-content a.link {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam Pro", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    padding: 8px 24px 8px 32px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    display: inline-block;
    margin-top: 16px;
}

.ast-separate-container.ast-desktop .ast-blog-layout-4-grid .ast-row {
    margin: 0 -0.5rem;
}

.ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
    width: 25%;
    padding: 0 0.5rem;
}

.ast-separate-container .ast-blog-layout-4-grid .ast-article-post .entry-title {
    font-size: 18px;
}

.ast-separate-container .ast-blog-layout-4-grid .ast-article-post .ast-excerpt-container {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.ast-blog-layout-4-grid .ast-article-inner {
    padding: 1rem;
}

/*---Product---*/
.layout-sidebar {
    display: flex;
    flex-wrap: wrap;
}

.layout-sidebar .left-sidebar {
    width: 25%;
    padding-right: 1rem;
}

.layout-sidebar .right-sidebar {
    width: 75%;
}

.left-content {
    width: 100%;
    border: 1px solid #2f8fd8;
    font-family: Arial, sans-serif;
}

.left-sidebar .sidebar-title {
    margin: 0;
    padding: 12px;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px dashed #2f8fd8;
}

.left-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.left-sidebar ul li {
    position: relative;
    border-bottom: 1px dashed #2f8fd8;
}

.left-sidebar ul li:last-child {
    border-bottom: none;
}

.left-sidebar ul li a {
    display: block;
    padding: 12px 40px 12px 15px;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    transition: .3s;
}

.left-sidebar ul li a:hover {
    color: #0a6fb8;
}

.left-sidebar .children {
    display: none;
    background: #fafafa;
}

.left-sidebar .children li {
    border-bottom: 1px solid #eee;
}

.left-sidebar .children li:first-child a {
    padding-top: 0;
}

.left-sidebar .children li a {
    padding-left: 30px;
    text-transform: none;
}

.product-category .cat-parent {
    position: relative;
}

.product-category .cat-parent>a,
.product-category .current-cat>a {
    color: var(--e-global-color-primary);
}

.product-category .toggle-icon {
    position: absolute;
    right: 15px;
    top: 22px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.product-category .toggle-icon::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(45deg);
}

p.ast-read-more-container.read-more {
    margin-bottom: 0;
}

.product-item {
    padding: 16px 16px 16px 16px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #ffffff;
    height: 100%;
}

.product-item-discount {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
    display: flex;
}

.product-item-title {
    margin-top: 12px;
    margin-bottom: 8px;
}

.product-item-title a {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam Pro", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.product-item-description {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam Pro", Sans-serif;
    font-size: 12px;
    font-weight: 400;
}

/*---Post Details---*/
.ast-related-posts-wrapper .ast-blog-featured-section {
    margin-bottom: 0;
}

.ast-related-posts-wrapper .post-infor {
    background-color: #ffffff;
    padding: 1rem;
}

.ast-related-posts-wrapper .post-thumb-img-content {
    overflow: hidden;
}

.ast-related-posts-wrapper .post-thumb-img-content img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: .3s;
    transform: scale(1.1);
}

.ast-related-posts-wrapper .swiper-initialized .post-thumb-img-content img {
    width: 100%;
}

.ast-related-posts-wrapper .swiper-initialized article:hover .post-thumb-img-content img {
    transform: scale(1);
}

.ast-related-posts-wrapper .entry-title {
    font-size: 18px;
}

.ast-related-posts-wrapper .entry-header {
    margin-bottom: 1.2em;
}

.ast-related-posts-wrapper .ast-excerpt-container {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.ast-related-posts-wrapper .post-content .read-more {
    margin-top: 1.5em;
    display: block;
    margin-bottom: 0;
    font-weight: var(--ast-blog-meta-weight, "");
}

/*---Product---*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.row .col {
    padding: 0 15px;
}

.row .col-8 {
    width: 66.66667%;
    flex: 0 0 66.66667%;
}

.row .col-4 {
    width: 33.33333%;
    flex: 0 0 33.33333%;
}

.row .col-6 {
    width: 50%;
    flex: 0 0 50%;
}

.zoomImg {
    z-index: 99;
    cursor: zoom-in;
}

.product-swiper {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #F6F5F5;
}

.product-swiper-thumbs,
.product-swiper {
    display: none;
}

.product-swiper-thumbs.swiper-initialized,
.product-swiper.swiper-initialized {
    display: block;
}

.product-swiper .image {
    padding-top: 500px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}

.product-swiper .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-swiper-thumbs {
    margin-top: 1rem;
}

.product-swiper-thumbs .swiper-slide .image-thumb {
    border: 1px solid #D1D1D1;
    cursor: pointer;
}

.product-swiper-thumbs .swiper-slide-thumb-active .image-thumb {
    border-color: #E84343;
}

.product-swiper-thumbs .image-thumb {
    padding-top: 100px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.product-swiper-thumbs .image-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-tabs {
    margin: 40px 0;
}

.product-tabs .tab-nav {
    display: flex;
    gap: 10px;
    margin: 0;
    border-bottom: 2px solid #eee;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
}

.product-tabs .tab-nav li {
    padding: 12px 24px;
    cursor: pointer;
    font-weight: 600;
    color: #666;
    border-bottom: 3px solid transparent;
    transition: .3s;
    margin-bottom: -2px;
}

.product-tabs .tab-nav li:hover {
    color: #000;
}

.product-tabs .tab-nav li.active {
    color: #000;
    border-color: #000;
}

.product-tabs .tab-content {
    display: none;
    animation: fade .3s ease;
}

.product-tabs .tab-content.active {
    display: block;
}

.product-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #555;
}

.product-meta strong {
    color: #222;
    min-width: 110px;
    font-weight: 600;
}

.product-contact {
    margin-top: 30px;
}

.product-contact .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: all .3s ease;
}

.product-contact .btn:hover {
    background: #005177;
    color: #fff;
    transform: translateY(-2px);
}

.job-form {
    max-width: 700px;
    margin: auto;
    padding: 30px;
    margin-top: 3rem;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
}

.job-form .form-group {
    margin-bottom: 22px;
}

.job-form label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
}

.job-form input[type=text],
.job-form input[type=tel],
.job-form input[type=email],
.job-form input[type=date],
.job-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 !important;
    font-size: 14px;
    background: transparent;
    outline: none;
    border-radius: 0;
    box-shadow: none;
}

.job-form textarea {
    resize: vertical;
}

.radio-group .wpcf7-list-item {
    margin: 0 20px 0 0;
}

.radio-group input {
    margin-right: 5px;
}

.job-form input[type=file] {
    border: none;
}

.form-submit {
    text-align: center;
    margin-top: 30px;
}

.form-submit input[type=submit] {
    background: #555;
    color: #fff;
    border: none;
    padding: 12px 36px;
    border-radius: 25px;
    cursor: pointer;
    transition: .3s;
}

.form-submit input[type=submit]:hover {
    background: #333;
}


.related.products {
    margin-top: 4rem;
}

.ast-plain-container.ast-no-sidebar #primary {
    margin-bottom: 0;
}

.section-custom h2{
    margin-bottom: 0!important;
}

.woocommerce div.product .box-product p.price{
    color: var(--e-global-color-accent);
}

.border-3 .elementor-divider-separator{
    border-radius: 4px;
}

@media screen and (max-width: 1024px) {
    .ml-auto {
        margin-left: auto;
    }

    .woocommerce ul.products:not(.elementor-grid),
    .woocommerce-page ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
        width: 33.333%;
    }

    .news-grid-item {
        padding: 1rem;
    }

    .banner {
        padding-top: 250px;
    }

    .cf7-row {
        flex-direction: column;
        gap: 15px;
    }

    .layout-sidebar .left-sidebar {
        padding: 0;
        margin-bottom: 2rem;
    }

    .layout-sidebar .left-sidebar,
    .layout-sidebar .right-sidebar {
        width: 100%;
    }

    .row .col-6 {
        width: 100%;
        flex: 0 0 100%;
    }

    .product-swiper-thumbs {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 640px) {
    .news-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
        width: 50%;
    }

    .woocommerce ul.products:not(.elementor-grid),
    .woocommerce-page ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
        width: 100%;
    }
}