/*
    Theme Name: Smart Parts Pc
    Theme URI: http://localhost/smart-parts-pc/
    Author: the WordPress team
    Author URI: https://wordpress.org
    Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
    Requires at least: 6.4
    Tested up to: 6.6
    Requires PHP: 7.0
    Version: 1.2
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: smart-parts-pc
    Template: twentytwentyfour
    Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
    */

    /* =======================================>Styling<=================================== */

    /* color */
    :root {
        --black: #000000;
        --black: #ffffff;
        --blue-3fd: #3FDAFB;
        --blue-27a: #27A0F2;
        --blue-89c: #89CFFF;
        --blue-4d9: #4D98CA;
        --blue-mixed-92deg: linear-gradient(92.32deg, #27A0F2 13.35%, #3FDAFB 107.1%);
        --blue-mixed-180deg: linear-gradient(180deg, #27A0F2 0%, #3FDAFB 100%);;
    }

    .blue-3fd-text{color: var(--blue-3fd) !important;}
    .blue-3fd-bg{background-color: var(--blue-3fd) !important;}
    .blue-27a-text{color: var(--blue-27a) !important;}
    .blue-27a-bg{background-color: var(--blue-27a) !important;}
    .blue-mixed-92deg-text{color: var(--blue-mixed-92deg) !important; -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; /* Firefox */color: transparent;}
    .blue-mixed-92deg-bg{background: var(--blue-mixed-92deg) !important;}
    .blue-mixed-180deg-text{color: var(--blue-mixed-180deg) !important; -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; /* Firefox */color: transparent;}
    .blue-mixed-180deg-bg{background: var(--blue-mixed-180deg) !important;}
/* Re-apply WP Global Styles fonts (over Bootstrap) */

    /* body css */
    body, html {scroll-behavior: smooth;}
    /* body{background-color: #000000 !important; color: #ffffff !important; font-size: clamp(0.875rem, 0.6964rem + 0.5714vw, 1.125rem) !important; font-family: 'General Sans' !important; font-weight: 400 !important; line-height: 1.5 !important; }
    h1{font-family: "Applied Sans Pro" !important; font-size: clamp(1.875rem, 0.5357rem + 4.2857vw, 3.75rem) !important; font-weight: 500 !important; line-height: 1.1 !important;}
    h2{font-family: "Applied Sans Pro" !important; font-size: clamp(1.75rem, 0.7679rem + 3.1429vw, 3.125rem) !important; font-weight: 500 !important; line-height: 1.25 !important;}
    h3{font-family: "Applied Sans Pro" !important; font-size: clamp(1.5rem, 0.7857rem + 2.2857vw, 2.5rem) !important; font-weight: 500 !important; line-height: 1.2 !important;}
    h4{font-family: "Applied Sans Pro" !important; font-size: clamp(1.25rem, 0.7143rem + 1.7143vw, 2rem) !important; font-weight: 500 !important; line-height: 1.15 !important;}
    h5{font-family: "General Sans" !important; font-size: clamp(1rem, 0.6429rem + 1.1429vw, 1.5rem); font-weight: 500 !important; line-height: 1.15 !important;}
    h6{font-family: "General Sans" !important; font-size: clamp(0.875rem, 0.6071rem + 0.8571vw, 1.25rem) !important; font-weight: 500 !important; line-height: 2.5 !important;} */

.text-neon-blue {color: #2ca3f2;}
.black1 {color: #090909 !important;}
/* p.data-para, .entry-content p, .entry-content li {color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; padding-top: 10px;} */
a{    text-decoration: none; color: #2ea3f2 !important;}
.entry-content a:hover, .entry-content a:focus {text-decoration: none;}
.list-mb-12 {    padding-left: 15px;}
.list-mb-12>li {margin-bottom: 12px; list-style-type: disc !important;}
.bg-dark-blue{background-color: #024e74;}
.section-affirm-checkout {position: relative; overflow: hidden; z-index: 1; }
.section-affirm-checkout::before {position: absolute; content: ''; background-color: #00689f; width: 50%; height: 160%; top: -30%; border-radius: 0 50% 50% 0; z-index: -1;}
/* .gform_title{color: #2ca3f2;} */
input#gform_submit_button_5 {background-color: #2ca3f2; color: #ffffff;}
.header-call-btn a.wp-block-button__link.wp-element-button {color: #ffffff !important; background-color: #00000000;}
.header-call-btn a.wp-block-button__link.wp-element-button::hover{color: #2ca3f2 !important; background-color: #00000000;}
    /* Commom css */
.bg-black{ background-color: #000000;}
span.wp-block-navigation-item__label {color: #ffffff;}
.column-contact a.wp-block-button__link.wp-element-button {color: #ffffff;}

iframe{width: 100%; height: 245px;}
    p:last-child, li:last-child, ul:last-child {margin-bottom: 0;}
    a{outline: none !important; text-decoration: none !important;}
    /* a:hover{color: var(--dust-59);} */
    a:hover{color: inherit;}
    img {max-width: 100%; height: auto;}
    .section-padding {padding-block: 80px;}
    .section-padding-bottom {padding-bottom: 80px;}
    .section-padding-top {padding-top: 80px;}
    .br-16{border-radius: 16px;}
    .br-24{border-radius: 24px;}
    .outline-none{outline: none !important;}
    .text-underline{text-decoration: underline !important;}
    .bdr-1px{width: 100%; height: 1px; background-color: var(--blue-89c); opacity: 0.5; width: 90%;}

    .blue-bg{background-color: #00020F; background-image: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/bg-overlay.png"); background-repeat: no-repeat; background-position: top; }
    .blue-bg-with-radial-blue {background-color: #00020F; background-image: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/bg-overlay.png"), url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/radial-blue.png"); background-repeat: no-repeat; background-position: top, bottom; }
    .circle-img{border-radius: 50%; border-top: 3px solid #27A0F2; margin-top: -140px;}
    .choose-your-path-pc-cart:hover .circle-img,
.choose-your-path-pc-cart:focus-within .circle-img {
  border-top: none !important;
  box-shadow: 0 0 25px rgba(0, 191, 255, 0.6); /* Soft cyan glow */
  transition: all 0.3s ease-in-out;
}

.circle-img {
  border-top: 3px solid #00bfff; /* your existing border */
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.imgwrap-chip{margin-top: -120px;}


    /* fonts css */
    .fs-16{font-size: clamp(0.8125rem, 0.7353rem + 0.3529vw, 1rem);}
    .fs-20{font-size: clamp(0.875rem, 0.7206rem + 0.7059vw, 1.25rem); line-height: 1.4; font-weight: 600;}
    .fw-500{font-weight: 500;}
    .fw-600{font-weight: 600;}

    /* Header Styling */
    .header-section .right-side-second-group .header-phone-icon a{display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 50px; background: var(--blue-mixed-180deg);}
    .header-section .right-side-third-group .header-btn a img{display: inline-flex; padding: 5px; border-radius: 50px; background-color: #ffffff; width: 24px; height: 24px; margin-left: 12px;}

    /* Footer Styling */
    .footer-section .footer-icon-row{ gap: 20px;}
    .footer-section .footer-icon-row figure{display: flex; background-color: var(--blue-27a); padding: 5px; max-width: 24px; border-radius: 50px;}
    .footer-section .footer-content-row .footer-content-right-col-1{flex-basis: 30%;}
    .footer-section .footer-content-row .footer-content-right-col-2{flex-basis: 30%;}
    .footer-section .footer-content-row .footer-content-right-col-3{flex-basis: 40%;}

    /* Normal Css */
    .blue-btn a{ display: inline-flex; padding: 12px 20px; background: var(--blue-mixed-92deg); color: #ffffff !important; border-radius: 8px; gap: 12px; line-height: 1; font-weight: 500; align-items: center;}
    .blue-btn a img{ display: inline-flex; padding: 5px; border-radius: 50px; background-color: #ffffff; width: 24px; height: 24px;}
    .you-vision-logo-container .your-vision-logo-devider{height: 100px; width: 1px; background-color: var(--blue-4d9); opacity: 0.3;}
    .homepage-inovation-cart{display: flex; align-items: start; gap: 24px; background-color: #01051D; padding: 40px; border-radius: 16px; height: 100%; background-image: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/small-blue-radial.png"); background-repeat: no-repeat; background-position: top right; }
    .homepage-inovation-cart .iconwrap{flex-shrink: 0;}
    .choose-your-path-pc-cart{background-color: #01051D; border-radius: 24px; padding: 0 30px 50px 30px;}
    .choose-your-path-pc-cart .imgwrap{ margin-bottom: 50px;}
    .choose-your-path-wrapper {margin-bottom:  220px;}


    /* =========================BANNER ANIMATION=================== */
    .smart-banner-section{overflow: hidden;}

 /* WRAPPER */
.pc-animation-img-wrap {
    position: relative;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BASE PC IMAGES */
.banner-pc-1,
.banner-pc-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

.banner-pc-1 {
    animation: pc1Anim 5s ease-in-out infinite;
}

.banner-pc-2 {
    animation: pc2Anim 5s ease-in-out infinite;
}

/* BLURS */
.blured-red-png,
.blured-blue-png {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.blured-red-png {
    animation: redBlur 5s ease-in-out infinite;
}

.blured-blue-png {
    animation: blueBlur 5s ease-in-out infinite;
}

/* ------------------ CIRCLE ANIMATION ------------------ */

/* FIRST CIRCLE (0–3s): rotate +45°, visible only first 3s */
.imgwrap-circle-1 {
    position: absolute;
    animation: circle1Anim 5s ease-in-out infinite;
    width: 500px;
}

/* SECOND CIRCLE (3–6s): rotate -45°, visible only last 3s */
.imgwrap-circle-2 {
    position: absolute;
    animation: circle2Anim 5s ease-in-out infinite;
    width: 500px;
}

/* CIRCLE 1: 0° → +45° → hide */
@keyframes circle1Anim {
    0%   { opacity: 1; transform: rotate(0deg); }
    50%  { opacity: 1; transform: rotate(45deg); }
    51%  { opacity: 0; transform: rotate(45deg); }
    100% { opacity: 0; transform: rotate(45deg); }
}

/* CIRCLE 2: hidden first 3s → -45° → end */
@keyframes circle2Anim {
    0%   { opacity: 0; transform: rotate(0deg); }
    49%  { opacity: 0; transform: rotate(0deg); }
    50%  { opacity: 1; transform: rotate(0deg); }
    100% { opacity: 1; transform: rotate(-45deg); }
}

/* ------------------ PC + BLUR KEYFRAMES (same as before) ------------------ */

/* PC1 (first 3s) */
@keyframes pc1Anim {
    0%   { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    10%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    40%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    50%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}

/* PC2 (last 3s) */
@keyframes pc2Anim {
    0%   { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    50%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    60%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    90%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}

/* blur with pc1 */
@keyframes redBlur {
    0%   { opacity: 0; }
    10%  { opacity: 1; }
    40%  { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 0; }
}

/* blur with pc2 */
@keyframes blueBlur {
    0%   { opacity: 0; }
    50%  { opacity: 0; }
    60%  { opacity: 1; }
    90%  { opacity: 1; }
    100% { opacity: 0; }
}

/* Text Scroller Styling */

.text-scroller {
    display: inline-block;
    height: 1.2em;
    overflow: hidden;
    vertical-align: bottom;
    position: relative;
}

.text-scroller span {
    display: block;
    animation: scrollWords 7s infinite; /* 3 words × 4s each = 12s */
	line-height: 1.2em;
}

header.wp-block-template-part {
	background-color: #000000;
}

/* Animation */
@keyframes scrollWords {
    0%   { transform: translateY(0%); }
    25%  { transform: translateY(0%); }

    33%  { transform: translateY(-100%); }
    58%  { transform: translateY(-100%); }

    66%  { transform: translateY(-200%); }
    91%  { transform: translateY(-200%); }

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

.column-site-logo, .column-menu , .column-users, .column-contact {display: flex; justify-content: center; align-self: center !important;}

footer.wp-block-template-part {background-color: #000000;}
.social-icons .blue-social-icons {display: flex; gap: 20px;}
.footer-cover {gap: 30px;}
.footer-contact-list { padding: 0;}
.footer-contact-list li { list-style: none; position: relative; padding-left: 28px; }

.footer-contact-list .contact-list::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/caontact-icon.svg") no-repeat center/contain; }

.footer-contact-list .address-list::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/address-icon.svg") no-repeat center/contain;
}
.logo-footer {flex-basis: 30% !important;} .tucson-address-footer {flex-basis: 20% !important;} .london-address-footer {flex-basis: 20% !important;} .newsletter-footer {flex-basis: 25% !important;}

.newsletter-footer label.gfield_label.gform-field-label {display: none;}
.newsletter-footer input#input_4_1 {background-color: #000000; color: #ffffff; border-color: #3FDAFB;}
.newsletter-footer #gform_submit_button_4 {
    font-size: 0 !important; 
    background-image: url("https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/submit-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;
    width: 45px !important;
    height: 37px !important;
    padding: 0 !important; background-color: #3FDAFB;
}
.wc-block-mini-cart__badge {font-size: 12px !important; color: #ffffff !important;}
span:where(.wc-block-mini-cart__badge) { border: 0.2px solid #ffffff;}
/* inner page css */
section.smart-inner-page-banner {    background: url(https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/innerpage-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; border-top: 0.5px solid white;}

.aura-banner-section{    background-image: url(https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/aura-pc-red.png), url(https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/aura-pc-bg.jpg); min-height: 70rem; background-repeat: no-repeat; background-size: 55%, cover; background-position: center, center; border-top: 0.5px solid white;}
.axiom-banner-section{background-image: url(https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/axiom-pc-blue.png), url(https://smartpartspc.topsyde.com/wp-content/uploads/2025/12/aura-pc-bg.jpg); min-height: 70rem; background-repeat: no-repeat; background-size: 55%, cover; background-position: center, center; border-top: 0.5px solid white;}
.banner-btn {top: 54rem; left: 50%; transform: translateX(-50%);}
.banner-btn-animation{
  background: #e60000;
  font-size: 40px;
  color: #000 !important;
  font-weight: 400;
  height: 55px;
  width: 55px;
  cursor: pointer;
  display: inline-block;
  animation: lightToDark 1s ease-in-out infinite alternate;
  transform-origin: center;
}

@keyframes lightToDark {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.04);
    opacity: 1;
  }
}

.sab-card {border: 1px solid #DADADA; background-color: #fff; border-radius: 5px;}
.sab-card-body>div {border-bottom: 1px solid #f0f0f0; padding: 20px 13px;  color: #111 !important;}
.sab-card-imgbox-img{margin: 0 auto;}
.prize-indollar{font-size: 40px; color: #000000 !important;}
.select-btn, .woocommerce button.button{color: #1D87C6; border: 1px solid #1D87C6; padding: 10px 25px; line-height: 1.5; display: inline-block; border-radius: 22px; font-weight: 700; cursor: pointer; background: transparent;}

.woocommerce-cart main .woocommerce{max-width: 100%;}
.cart .coupon input#coupon_code {    color: #1D87C6 !important; border: 1px solid #1D87C6 !important; width: 138px !important; height: 44px !important; text-align: center; font-size: 14px !important; display: inline-block; border-radius: 22px; font-weight: bold ! IMPORTANT; background: transparent !important;}
.sab-card-imgbox2-img img{padding-right: 15px !important;}
.woocommerce img, .woocommerce-page img{max-width: 70px !important;}
input {font-size: 16px !important;}
a.bluebtn{font-size: 20px; color: #33c0ff !important; border: 2px solid #33c0ff; border-radius: 24px; padding: 13px 33px; display: inline-block;}
a.bluebtn:hover{background: #33c0ff; color: #fff !important;}
a.smart-pc-btn {font-size: 20px; color: #33c0ff; border: 2px solid #33c0ff; padding: 12px 40px; border-radius: 30px; display: inline-block;}
a.smart-pc-btn:hover{background: #33c0ff; color: #fff !important;}
ul.reason-ul-lists li::marker{color: #2ccaf3; font-size: 20px;}
.support-image{width: 100% !important;}
p.blueont {font-size: 24px; line-height: 1.5 !important; text-align: center; color: #0d6f8c !important;}
.bg-darkblue{background-color: #2ca3f2;}
.servcrack-card-link{color: #333 !important;}
.services-fs-26px{font-size: 26px;}
.woocommerce-MyAccount-navigation ul li a {font-size: 18px; line-height: 25px !important; color: #000 !important;}
.woocommerce-MyAccount-navigation ul li {border-bottom: 1px solid #223177; margin-bottom: 20px; padding-bottom: 7px;}
.productspdct-card-link{font-size: 23px;}
.blog-title{color: #2ca3f2;}
.blog-content h2 strong {font-size: 30px; color: #2ca3f2;}
.blog-search .blog-search-wrapper .wp-block-search__inside-wrapper {padding: 0; border: 1px solid #ddd;}
.blog-search .blog-search-wrapper.wp-block-group.blog-search-wrapper.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {padding: 20px; box-shadow: 0 0 5px 4px #ccc; margin-bottom: 80px;}
.blog-search .blog-search-wrapper .wp-block-search__button.wp-element-button {border-radius: 0; background-color: #ddd; color: #666; padding: 15px 30px;}
.blog-search .wp-block-group.recent-post-wrapper.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {padding: 20px; box-shadow: 0 0 5px 4px #ccc;}
.recent-post-wrapper ul li .wp-block-latest-posts__post-title {color: #666666 !important;}
.recent-post-wrapper li {padding-bottom: 10px;}
.blog-content .entry-content > *:first-child { margin-bottom: 60px; }
.main-column-wrapper {gap: 30px;}
.products-wrapper .woocommerce img, .woocommerce-page img {max-width: 100% !important;}
.products-wrapper .type-product{justify-content: space-between; display: flex; flex-flow: column;}
.products-wrapper .product-template-wrapper .wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button.product_type_composite{background-color: #44a5f2; color: #ffffff !important; border-radius: 12px; font-size: 15px !important;}
.product-title-wrapper a{color: #000000 !important; font-size: 21px; font-weight: 600;}
.description-wrapper h1{color: #2ca3f2; font-size: 32px;}
.description-wrapper .et_pb_text_inner h2{font-size: 25px; margin-block: 15px;}
.woocommerce-page .products.columns-4 li.product{width: 25% !important;}
.shop-product-wrapper .product-category.product.first{width: 25px !important;}
.shop-product-wrapper .woocommerce-loop-category__title{font-size: 23px !important; font-weight: 600;}
.tucson-address-footer a , .london-address-footer a {color: #ffffff !important;}
.z-index-class-content {position: relative; z-index: 99;}
.z-index-class-image {position: relative; z-index: 1;}


    @media screen and (max-width: 1200px) {
        .imgwrap-circle-1, .imgwrap-circle-2{max-width: 420px;}
        .banner-pc-1, .banner-pc-2{width: 220px; height: 220px;}
		.aura-banner-section, .axiom-banner-section{min-height: 62rem;}
		.banner-btn{top: 44rem;}
    }

/* Let WordPress control the responsive menu visibility */
/* ===== Mobile: <= 992px (hamburger only) ===== */
@media (max-width: 992px) {

  /* Show hamburger button */
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center;
  }

  /* Hide the menu container by default */
  .wp-block-navigation__responsive-container {
    display: none !important;
  }

  /* Show menu only when WP marks it open */
  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container.has-modal-open {
    display: flex !important;
  }
	
}

/* ===== Desktop: >= 993px (normal menu, no hamburger) ===== */
@media (min-width: 993px) {

  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  /* Ensure desktop menu is visible */
  .wp-block-navigation__responsive-container {
    display: flex !important;
  }
}




    @media screen and (max-width: 992px) {
        .section-padding {padding-block: 60px;}
        .section-padding-bottom {padding-bottom: 60px;}
        .section-padding-top {padding-top: 60px;}

        /* header */
        .header-section .header-right-row{gap: 10px;}
        .header-section .right-side-first-group img {max-width: 24px;}
        .header-section .right-side-second-group .header-phone-icon a{padding: 6px;}
        .header-section .right-side-second-group .header-phone-icon a img{width: 12px !important; height: 12px !important;}
        .header-section .right-side-third-group .header-btn a img{width: 20px; height: 20px; padding: 4px; margin-left: 10px;}
        .header-section .header-btn a {padding: 10px;}
        .header-section .header-site-logo img {max-width: 160px;}

        .footer-section .footer-content-row .footer-content-right-col-1, .footer-section .footer-content-row .footer-content-right-col-2, .footer-section .footer-content-row .footer-content-right-col-3{flex-basis: 100%;}
        .footer-section .footer-logo img {max-width: 200px;}

        /* normal */
        .blue-btn a img{width: 20px; height: 20px; padding: 4px;}
        .you-vision-logo-container .your-vision-logo-devider{height: 70px;}
        .homepage-inovation-cart{padding: 20px; gap: 12px;}
        .homepage-inovation-cart .iconwrap{flex-basis: 50px;}
		.circle-img{margin-top: -58px;}
		.header-smart .wp-block-columns {
        display: flex !important;
        flex-wrap: nowrap !important; 
        align-items: center;
    }


    .header-smart .column-site-logo {
        flex-basis: 30% !important;
        max-width: 30% !important;
        order: 1 !important;
    }


    .header-smart .column-users {
        flex-basis: 25% !important;
        max-width: 25% !important;
        order: 2 !important;
    }


    .header-smart .column-contact {
        flex-basis: 30% !important;
        max-width: 30% !important;
        order: 3 !important;
    }


    .header-smart .column-menu {
        flex-basis: 15% !important;
        max-width: 15% !important;
        order: 4 !important;
		justify-content: end;
    }
		.banner-btn{top: 36rem;}
		.aura-banner-section, .axiom-banner-section{min-height: 52rem;}
		a.bluebtn{font-size: 18px;}
a.smart-pc-btn {font-size: 18px;}
		p.blueont {font-size: 22px;}
		.services-fs-26px{font-size: 24px;}
		.productspdct-card-link{font-size: 21px;}
		@media (max-width: 992px) {
    .footer-cover.wp-block-columns.is-layout-flex {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px; row-gap: 45px;
    }
}

    }


    @media screen and (max-width: 768px) {
        .header-section .header-site-logo img {max-width: 140px;}
        .you-vision-logo-container .your-vision-logo-devider{height: 50px;}
		.circle-img{margin-top: 0;}
		.choose-your-path-pc-cart {padding: 30px 30px 30px 30px;}
		.choose-your-path-pc-cart .imgwrap{margin-bottom: 30px;}
		.imgwrap-chip {margin-top: -85px;}
		.header-smart .wp-block-columns {
        flex-wrap: nowrap !important;
    }
		.choose-your-path-wrapper {margin-bottom:  30px;}

    .header-smart .column-site-logo {
        flex-basis: 30% !important;
        max-width: 30% !important;
    }

    .header-smart .column-users {
        flex-basis: 20% !important;
        max-width: 20% !important;
    }

    .header-smart .column-contact {
        flex-basis: 40% !important; 
        max-width: 40% !important;
    }

    .header-smart .column-menu {
        flex-basis: 10% !important;
        max-width: 10% !important;
    }
		.footer-cover.wp-block-columns.is-layout-flex {
        grid-template-columns: 1fr;
    }
		.aura-banner-section, .axiom-banner-section {min-height: 40rem;}
		.banner-btn{top: 27rem;}
		.banner-btn-animation{height: 35px; width: 35px; }
		a.bluebtn{font-size: 16px;}
a.smart-pc-btn {font-size: 16px;}
		p.blueont {font-size: 20px;}
		.services-fs-26px{font-size: 22px;}
		.productspdct-card-link{font-size: 19px;}
/* 		.main-column-wrapper {flex-direction: column-reverse;} */
		.blog-search .blog-search-wrapper.wp-block-group.blog-search-wrapper.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {margin-bottom: 30px;}
		.blog-search .wp-block-group.recent-post-wrapper.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {margin-bottom: 30px;}
		.woocommerce-page .products.columns-4 li.product{width: 100% !important;}
    }

    @media screen and (max-width: 575px) {
        .section-padding {padding-block: 40px;}
        .section-padding-bottom {padding-bottom: 40px;}
        .section-padding-top {padding-top: 40px;}

        .header-section .right-side-third-group .header-btn a {font-size: 12px !important; padding: 5px 10px !important;}
        .header-section .right-side-third-group .header-btn a img{width: 18px; height: 18px; margin-left: 4px;}

        /* footer */
        .footer-section .footer-logo img {max-width: 150px;}
        .footer-section .footer-icon-row{gap: 10px;}
        .footer-section .footer-content-right-col-1 figure, .footer-section .footer-content-right-col-2 figure, .footer-section .footer-content-right-col-3 figure{max-width: 20px;}    

        /* normal */
        .blue-btn a{padding: 8px 12px;}
        .homepage-inovation-cart .iconwrap{flex-basis: 35px;}

        .imgwrap-circle-1, .imgwrap-circle-2{max-width: 300px;}
        .banner-pc-1, .banner-pc-2{width: 180px; height: 180px;}
        .pc-animation-img-wrap{height: 350px;}
		.header-smart .wp-block-columns {
        flex-wrap: wrap !important; /* Allow wrapping on very small screens */
    }

    .header-smart .column-site-logo {
        flex-basis: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
        text-align: center;
        margin-bottom: 8px;
    }

    .header-smart .column-users {
        flex-basis: 20% !important;
        max-width: 20% !important;
        order: 2 !important;
    }

    .header-smart .column-contact {
        flex-basis:60% !important;
        max-width: 60% !important;
        order: 3 !important;
    }

    .header-smart .column-menu {
        flex-basis: 20% !important;
        max-width: 20% !important;
        order: 4 !important;
    }
		.aura-banner-section, .axiom-banner-section{min-height: 24rem;}
		.banner-btn{top: 14rem;}
		p.blueont {font-size: 18px;}
		.services-fs-26px{font-size: 20px;}
		.productspdct-card-link{font-size: 18px;}
		.column-contact .wp-image-12770{height: 30px;}
    }

/* ===============================
   FIX: Mobile Hamburger Overlay
   =============================== */

@media (max-width: 992px) {

  /* Fullscreen overlay */
  .wp-block-navigation__responsive-container.has-modal-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #000000 !important; /* black background */
    z-index: 99999 !important;
    padding: 80px 24px 24px !important;
    display: flex !important;
    flex-direction: column;
    overflow-y: auto;
  }

  /* Make menu visible */
  .wp-block-navigation__responsive-container.has-modal-open
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }

  /* Menu links */
  .wp-block-navigation__responsive-container.has-modal-open
  .wp-block-navigation-item__label {
    color: #ffffff !important;
    font-size: 18px;
  }

  /* Close button (X) */
  .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ffffff !important;
  }
}