/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================================
   FINAL BULLETPROOF HERO CSS (NO BUTTON STYLING, CLEAN 60/40 LAYOUT)
   ========================================================================== */

/* 1. Full-Width Edge-to-Edge Main Section */
.uagb-block-50ecdb47.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #070707 !important;
    padding: 80px 5% !important;
    box-sizing: border-box !important;
}

/* 2. Inner Container & Flexbox Ratio (60% text, 40% image) */
.uagb-block-50ecdb47 .uagb-container-inner-blocks-wrap {
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 50px !important;
    box-sizing: border-box !important;
}

/* 3. Left Text Column (60%) */
.uagb-block-5ed9bafb {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* Tagline Badge */
.uagb-block-5ed9bafb .wp-elements-1 {
    display: inline-block !important;
    width: auto !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.08) !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    margin-bottom: 18px !important;
}

/* Golden Metallic Gradient Heading */
.uagb-block-5ed9bafb .wp-elements-2 {
    font-size: clamp(34px, 4.2vw, 54px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    margin: 0 0 18px 0 !important;
    width: 100% !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #E6C567 60%, #B8860B 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Description Text */
.uagb-block-5ed9bafb .wp-elements-3 {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #9CA3AF !important;
    margin: 0 0 25px 0 !important;
    max-width: 520px !important;
}

/* 4. Right Image Column (40%) */
.uagb-block-b2f7a845 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    display: flex !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
}

.uagb-block-b2f7a845 .wp-block-image {
    margin: 0 !important;
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.9), 0 0 40px rgba(212, 175, 55, 0.1) !important;
}

.uagb-block-b2f7a845 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* 5. Mobile & Tablet Responsive */
@media (max-width: 991px) {
    .uagb-block-50ecdb47.alignfull {
        padding: 50px 20px !important;
    }
    .uagb-block-50ecdb47 .uagb-container-inner-blocks-wrap {
        flex-direction: column !important;
        text-align: center !important;
    }
    .uagb-block-5ed9bafb, 
    .uagb-block-b2f7a845 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        align-items: center !important;
    }
    .uagb-block-b2f7a845 {
        margin-top: 30px !important;
        justify-content: center !important;
    }
}

.site-content .ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==========================================================================
   ULTRA MODERN E-COMMERCE PRODUCT COLLECTION CSS
   ========================================================================== */

/* 1. Main Section Container & Padding */
.wp-block-woocommerce-product-collection {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 60px 40px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* 2. Section Heading Styling (EXCLUSIVE WATCHES) */
.wp-block-woocommerce-product-collection .wp-block-heading {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    position: relative;
}

.wp-block-woocommerce-product-collection .wp-block-heading::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #D4AF37;
    margin: 10px auto 0 auto;
}

/* 3. Product Grid & Card Layout */


.wc-block-product {
    background: #111111 !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.wc-block-product:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(212, 175, 55, 0.1) !important;
}

/* 4. Product Image Styling */
.wc-block-components-product-image {
    position: relative !important;
    overflow: hidden !important;
    background: #161616 !important;
}

.wc-block-components-product-image img {
    transition: transform 0.6s ease !important;
}

.wc-block-product:hover .wc-block-components-product-image img {
    transform: scale(1.08) !important;
}

/* Sale Badge Customization */
.wc-block-components-product-sale-badge {
    background: #D4AF37 !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    margin: 12px !important;
}

/* 5. Product Title & Details Box */
.wc-block-product .wp-block-post-title {
    padding: 20px 20px 5px 20px !important;
    text-align: center !important;
}

.wc-block-product .wp-block-post-title a {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wc-block-product .wp-block-post-title a:hover {
    color: #D4AF37 !important;
}

/* 6. Price Styling */
.wp-block-woocommerce-product-price {
    padding: 0 20px 10px 20px !important;
    text-align: center !important;
}

.wc-block-components-product-price del {
    color: #6B7280 !important;
    font-size: 13px !important;
    margin-right: 8px !important;
}

.wc-block-components-product-price ins {
    color: #D4AF37 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* 7. Add to Cart Button Styling */
.wp-block-woocommerce-product-button {
    padding: 0 20px 25px 20px !important;
    margin-top: auto !important;
}

.wc-block-components-product-button__button {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 30px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-product-button__button:hover {
    background: #D4AF37 !important;
    color: #000000 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* View Cart Link */
.added_to_cart {
    display: block !important;
    text-align: center !important;
    color: #9CA3AF !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    text-decoration: underline !important;
}

/* 8. Mobile & Tablet Responsive */
@media (max-width: 991px) {
    .wp-block-woocommerce-product-collection {
        padding: 40px 20px !important;
    }
    .wc-block-product-template {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
        gap: 15px !important;
    }
}

/* ==========================================================================
   PREMIUM NEWS TICKER MARQUEE CSS
   ========================================================================== */

/* 1. Ticker Container Styling */
.uagb-block-dbea43d0.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: #0D0D0D !important;
    border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    padding: 12px 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. Inner Wrapper Animation Setup */
.uagb-block-dbea43d0 .uagb-container-inner-blocks-wrap {
    display: flex !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* 3. Ticker Text Styling & Animation */
.uagb-block-dbea43d0 .wp-block-heading {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    margin: 0 !important;
    padding-left: 100% !important;
    animation: comradeTicker 25s linear infinite !important;
}

/* Emoji Alignment Fix */
.uagb-block-dbea43d0 .emoji {
    height: 14px !important;
    width: 14px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* Keyframes for Smooth Sliding */
@keyframes comradeTicker {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Pause animation on hover */
.uagb-block-dbea43d0:hover .wp-block-heading {
    animation-play-state: paused !important;
}

/* WooCommerce Carousel Slides Per View Fix (Show 4 Items) */
.wp-block-woocommerce-product-collection[data-display-layout*="carousel"] .wc-block-product-template,
.wc-block-product-template.is-carousel {
    display: flex !important;
    gap: 20px !important;
}

.wp-block-woocommerce-product-collection[data-display-layout*="carousel"] .wc-block-product,
.wc-block-product-template.is-carousel .wc-block-product {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
}

/* Tablet & Mobile View for Carousel */
@media (max-width: 1024px) {
    .wp-block-woocommerce-product-collection[data-display-layout*="carousel"] .wc-block-product,
    .wc-block-product-template.is-carousel .wc-block-product {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

/* ==========================================================================
   PURE BLACK HEADER BAR - EXCLUSIVE CSS
   ========================================================================== */

/* 1. Primary Header Bar Background & Border */
.ast-primary-header-bar {
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    padding: 12px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Logo Glow & Hover Effect */
.ast-primary-header-bar .custom-logo {
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.4)) !important;
    transition: all 0.3s ease !important;
}

.ast-primary-header-bar .custom-logo:hover {
    filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.7)) !important;
}

/* 3. Header Menu Typography & Color */
.ast-primary-header-bar .main-header-menu .menu-item > a {
    color: #9CA3AF !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

/* 4. Menu Hover & Active Gold Glow */
.ast-primary-header-bar .main-header-menu .menu-item > a:hover,
.ast-primary-header-bar .main-header-menu .current-menu-item > a,
.ast-primary-header-bar .main-header-menu .current_page_item > a {
    color: #D4AF37 !important;
    text-shadow: 0 0 12px rgba(212, 175, 55, 0.5) !important;
}

/* 5. Mobile Responsive Header Adjustments */
@media (max-width: 768px) {
    .ast-primary-header-bar {
        padding: 10px 15px !important;
    }
    
    .ast-primary-header-bar .main-header-menu .menu-item > a {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }
}

/* ==========================================================================
   ULTIMATE PURE BLACK FOOTER FIX (ASTRA OVERRIDE)
   ========================================================================== */

/* 1. Force Pure Black Background on Entire Footer & Sections */
#colophon.site-footer,
#colophon .site-primary-footer-wrap,
#colophon .site-below-footer-wrap,
#colophon .ast-builder-grid-row-container-inner,
#colophon .site-footer-section {
    background-color: #000000 !important;
}

/* 2. Fix All Widget Headings & Titles */
#colophon h3, 
#colophon h4, 
#colophon .widget-title,
#colophon .comrade-footer-title,
#colophon .site-footer-primary-section-3 .wp-block-heading {
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

/* 3. Fix All Paragraphs, Descriptions & Normal Text */
#colophon p, 
#colophon span, 
#colophon li, 
#colophon div,
#colophon .comrade-footer-text {
    color: #9CA3AF !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* 4. Footer Menu Links Styling */
#colophon .footer-nav-wrap ul.ast-nav-menu,
#colophon .widget_nav_menu ul.menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#colophon .footer-nav-wrap ul.ast-nav-menu li a.menu-link,
#colophon .widget_nav_menu ul.menu li a {
    color: #9CA3AF !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

#colophon .footer-nav-wrap ul.ast-nav-menu li a.menu-link:hover,
#colophon .footer-nav-wrap ul.ast-nav-menu li.current-menu-item a.menu-link,
#colophon .widget_nav_menu ul.menu li a:hover {
    color: #D4AF37 !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.4) !important;
    padding-left: 5px !important;
}

/* 5. Contact Info Highlight */
#colophon .comrade-footer-contact {
    color: #D4AF37 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* 6. Logo Glow Effect */
#colophon .wp-block-image img {
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.3)) !important;
}

/* 7. Copyright & Below Footer Bar */
#colophon .site-below-footer-wrap {
    border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
    padding: 25px 20px !important;
    text-align: center !important;
}

#colophon .ast-footer-copyright p,
#colophon .ast-footer-copyright a {
    font-size: 12px !important;
    color: #6B7280 !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

#colophon .ast-footer-copyright a:hover {
    color: #D4AF37 !important;
}

/* ==========================================================================
   EXCLUSIVE HEADING & PARAGRAPH CSS (NO FORM TOUCH)
   ========================================================================== */

/* 1. Main Heading Golden Metallic Gradient */
.uagb-container-inner-blocks-wrap > .wp-block-heading {
    font-size: clamp(28px, 3.5vw, 40px) !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    margin-bottom: 12px !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #E6C567 60%, #B8860B 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-align: center !important;
}

/* 2. Sub-heading / Paragraph Styling */
.uagb-container-inner-blocks-wrap > .wp-block-paragraph {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #9CA3AF !important;
    margin-bottom: 35px !important;
    text-align: center !important;
}

/* ==========================================================================
   SPECTRA ABOUT HERO SECTION CUSTOM CSS
   ========================================================================== */

/* 1. Main Root Container Background & Padding */
.uagb-block-1009a47a {
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    padding: 120px 20px !important;
    box-sizing: border-box !important;
}

/* 2. Inner Blocks Wrapper Alignment */
.uagb-block-1009a47a .uagb-container-inner-blocks-wrap {
    max-width: 800px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 3. Tagline Paragraph Styling (First Paragraph) */
.uagb-block-1009a47a .uagb-container-inner-blocks-wrap > p.wp-block-paragraph:first-of-type {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    margin-bottom: 15px !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
}

/* 4. Main Heading Gradient Styling */
.uagb-block-1009a47a .wp-block-heading {
    font-size: clamp(32px, 4.5vw, 52px) !important;
    font-weight: 800 !important;
    letter-spacing: -1.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #E6C567 60%, #B8860B 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-align: center !important;
}

/* 5. Sub-heading / Description Paragraph Styling (Last Paragraph) */
.uagb-block-1009a47a .uagb-container-inner-blocks-wrap > p.wp-block-paragraph:last-of-type {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #9CA3AF !important;
    max-width: 600px !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

/* 6. Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uagb-block-1009a47a {
        padding: 70px 15px !important;
    }
}

/* ==========================================================================
   SPECTRA VISION & MISSION SECTION CUSTOM CSS (OFF-WHITE THEME)
   ========================================================================== */

/* 1. Main Root Container Background & Padding */
.uagb-block-2b2747c2 {
    background-color: #F9F9FB !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding: 100px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 2. Inner Wrapper Max Width */
.uagb-block-2b2747c2 .uagb-container-inner-blocks-wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 3. Section Header Styles (Class: uagb-block-968cfe47) */
.uagb-block-968cfe47 {
    text-align: center !important;
    margin-bottom: 60px !important;
}

/* Section Tagline */
.uagb-block-968cfe47 > p.wp-block-paragraph:nth-child(1) {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #B8860B !important;
    margin-bottom: 10px !important;
}

/* Section Main Heading */
.uagb-block-968cfe47 > p.wp-block-paragraph:nth-child(2) {
    font-size: clamp(28px, 3.5vw, 38px) !important;
    font-weight: 800 !important;
    color: #070707 !important;
    letter-spacing: -1px !important;
    margin-bottom: 12px !important;
}

/* Section Subtitle / Description */
.uagb-block-968cfe47 > p.wp-block-paragraph:nth-child(3) {
    font-size: 15px !important;
    color: #4B5563 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

/* 4. Two Column Grid Container (Class: uagb-block-ffbcd6ac) */
.uagb-block-ffbcd6ac {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
}

/* 5. Individual Cards Styling (Vision & Mission Boxes) */
.uagb-block-4c26f27f,
.uagb-block-033bb29e {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 45px 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.uagb-block-4c26f27f:hover,
.uagb-block-033bb29e:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.1) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}

/* Card Tagline (OUR VISION / OUR MISSION) */
.uagb-block-4c26f27f > p.wp-block-paragraph:first-child,
.uagb-block-033bb29e > p.wp-block-paragraph:first-child {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #B8860B !important;
    margin-bottom: 12px !important;
}

/* Card Heading (H3) */
.uagb-block-4c26f27f .wp-block-heading,
.uagb-block-033bb29e .wp-block-heading {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #070707 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

/* Card Description Paragraph */
.uagb-block-4c26f27f > p.wp-block-paragraph:last-child,
.uagb-block-033bb29e > p.wp-block-paragraph:last-child {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #4B5563 !important;
    margin: 0 !important;
}

/* 6. Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uagb-block-2b2747c2 {
        padding: 60px 15px !important;
    }
    
    .uagb-block-ffbcd6ac {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .uagb-block-4c26f27f,
    .uagb-block-033bb29e {
        padding: 30px 20px !important;
    }

    .uagb-block-968cfe47 {
        margin-bottom: 40px !important;
    }
}

/* ==========================================================================
   SPECTRA CONTACT HERO SECTION CUSTOM CSS
   ========================================================================== */

/* 1. Main Root Container Background & Padding */
.uagb-block-19258c6d {
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    padding: 120px 20px !important;
    box-sizing: border-box !important;
}

/* 2. Inner Blocks Wrapper Alignment */
.uagb-block-19258c6d .uagb-container-inner-blocks-wrap {
    max-width: 800px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 3. Tagline Paragraph Styling (First Paragraph) */
.uagb-block-19258c6d .uagb-container-inner-blocks-wrap > p.wp-block-paragraph:first-of-type {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    margin-bottom: 15px !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
}

/* 4. Main Heading Gradient Styling */
.uagb-block-19258c6d .wp-block-heading {
    font-size: clamp(32px, 4.5vw, 52px) !important;
    font-weight: 800 !important;
    letter-spacing: -1.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #E6C567 60%, #B8860B 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-align: center !important;
}

/* 5. Sub-heading / Description Paragraph Styling (Last Paragraph) */
.uagb-block-19258c6d .uagb-container-inner-blocks-wrap > p.wp-block-paragraph:last-of-type {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #9CA3AF !important;
    max-width: 600px !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

/* 6. Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uagb-block-19258c6d {
        padding: 70px 15px !important;
    }
}

/* ==========================================================================
   SPECTRA CONTACT SECTION & FORM CUSTOM CSS (OFF-WHITE THEME)
   ========================================================================== */

/* 1. Main Root Container Background & Padding */
.uagb-block-45d42db8 {
    background-color: #F9F9FB !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding: 100px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 2. Inner Wrapper Max Width */
.uagb-block-45d42db8 .uagb-container-inner-blocks-wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 3. Section Header Styles (Class: uagb-block-aa3c2172) */
.uagb-block-aa3c2172 {
    text-align: center !important;
    margin-bottom: 60px !important;
}

/* Section Tagline */
.uagb-block-aa3c2172 > p.wp-block-paragraph:nth-child(1) {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #B8860B !important;
    margin-bottom: 10px !important;
}

/* Section Main Heading */
.uagb-block-aa3c2172 > .wp-block-heading {
    font-size: clamp(28px, 3.5vw, 38px) !important;
    font-weight: 800 !important;
    color: #070707 !important;
    letter-spacing: -1px !important;
    margin-bottom: 12px !important;
}

/* Section Subtitle / Description */
.uagb-block-aa3c2172 > p.wp-block-paragraph:nth-child(3) {
    font-size: 15px !important;
    color: #4B5563 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

/* 4. Two Column Grid Container (Class: uagb-block-26fc336d) */
.uagb-block-26fc336d {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
}

/* 5. Individual Cards Styling (Left Info & Right Form Boxes) */
.uagb-block-0b82d942,
.uagb-block-a9915671 {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 45px 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.uagb-block-0b82d942:hover,
.uagb-block-a9915671:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.1) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}

/* Box Sub-tags (REACH OUT DIRECTLY) */
.uagb-block-0b82d942 > p.wp-block-paragraph:first-child {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #B8860B !important;
    margin-bottom: 12px !important;
}

/* Box Headings (H3) */
.uagb-block-0b82d942 .wp-block-heading:not(.wp-block-uagb-forms h4),
.uagb-block-a9915671 > .wp-block-heading {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #070707 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

/* Box Descriptions */
.uagb-block-0b82d942 > p.wp-block-paragraph:not(.uagb-forms-field-set p),
.uagb-block-a9915671 > p.wp-block-paragraph:first-of-type {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #4B5563 !important;
    margin-bottom: 25px !important;
}

/* Contact Details Info Items (H4 & Paragraph pairs) */
.uagb-block-0b82d942 .wp-block-heading.wp-block-heading {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #9CA3AF !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    border-top: 1px solid #E5E7EB !important;
    padding-top: 15px !important;
}

.uagb-block-0b82d942 .wp-block-heading + p.wp-block-paragraph {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #070707 !important;
    margin-bottom: 0 !important;
}

/* 6. Spectra Form Field Customization inside Right Box */
.uagb-block-a9915671 .uagb-forms-field-set {
    margin-bottom: 20px !important;
}

.uagb-block-a9915671 .uagb-forms-input-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #070707 !important;
    margin-bottom: 8px !important;
}

.uagb-block-a9915671 .uagb-forms-input,
.uagb-block-a9915671 .uagb-forms-textarea-input {
    background-color: #FAFAFC !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #070707 !important;
    transition: all 0.3s ease !important;
}

.uagb-block-a9915671 .uagb-forms-input:focus,
.uagb-block-a9915671 .uagb-forms-textarea-input:focus {
    border-color: #D4AF37 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
    outline: none !important;
}

/* Submit Button Custom Styling */
.uagb-block-a9915671 .uagb-forms-main-submit-button {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border-radius: 8px !important;
    padding: 14px 28px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.uagb-block-a9915671 .uagb-forms-main-submit-button:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3) !important;
}

/* 7. Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uagb-block-45d42db8 {
        padding: 60px 15px !important;
    }
    
    .uagb-block-26fc336d {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .uagb-block-0b82d942,
    .uagb-block-a9915671 {
        padding: 30px 20px !important;
    }

    .uagb-block-aa3c2172 {
        margin-bottom: 40px !important;
    }
}