/*
Theme Name: NUA Tech
Author: NUA Enterprises
Author URI: https://nuaenterprises.com
Theme URI: https://nuaenterprises.com
Description: NUA Enterprises technology solutions WordPress theme with Elementor integration and professional business layouts.
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zotech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

NUA Enterprises is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* === NUA Enterprises permanent design overrides (migrated from approved Custom CSS) === */
/* ==========================================================
   NUA Tech - Hero Section Custom CSS
   ========================================================== */

/* ---------------------------------------------------------
   Hide Right Hero Image Column
--------------------------------------------------------- */

.hero-1 .col-xl-5.col-lg-6 {
    display: none !important;
}

/* ---------------------------------------------------------
   Expand Left Hero Column
--------------------------------------------------------- */

.hero-1 .col-xl-7.col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ---------------------------------------------------------
   Hero Content Container
--------------------------------------------------------- */

.hero-1 .hero-content {
    max-width: 900px;
    margin: 0 auto !important;
    padding: 50px 0 140px !important;
    text-align: center !important;
}

/* ---------------------------------------------------------
   Override Theme Inline Styles
--------------------------------------------------------- */

.hero-1 .hero-content > div {
    text-align: center !important;
}

/* ---------------------------------------------------------
   Hero Heading
--------------------------------------------------------- */

.hero-1 .hero-content h1 {
    max-width: 900px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1.15;
    font-size: 45px;
}

/* ---------------------------------------------------------
   Hero Description
--------------------------------------------------------- */

.hero-1 .hero-content p {
    max-width: 700px;
    margin: 20px auto 35px !important;
    padding: 0;
    text-align: center !important;
}

/* ---------------------------------------------------------
   Hero Button
--------------------------------------------------------- */

.hero-1 .hero-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hero-1 .hero-button .theme-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* ---------------------------------------------------------
   Remove Rating / Feedback Section
--------------------------------------------------------- */

.hero-1 .feedback {
    display: none !important;
}

/* ---------------------------------------------------------
   Remove Empty Wrapper After Button
--------------------------------------------------------- */

.hero-1 .hero-button + div {
    display: none !important;
}

/* ---------------------------------------------------------
   Hero Section Spacing
--------------------------------------------------------- */

.hero-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media (max-width: 991px) {

    .hero-1 .hero-content {
        max-width: 100%;
        padding: 40px 40px 80px 40px !important;
    }

    .hero-1 .hero-content h1 {
        margin: 0 !important;
        line-height: 1.2;
    }

    .hero-1 .hero-content p {
        max-width: 100%;
        margin: 20px auto 30px !important;
        font-size: 15px !important;
        line-height: 26px !important;
    }

    .hero-1 .hero-button {
        justify-content: center !important;
    }
}

/* ==========================================================
   NUA Tech - Hero Section Responsive Overrides
   ========================================================== */

/* Mobile Devices */
@media (max-width: 991px) {

    .hero-1 .hero-content h1 {
        margin: 0px 10px 0px 10px !important;
        line-height: 1.2 !important;
    }

}

/* Tablets & Small Laptops */
@media (max-width: 1199px) {

    .hero-1 .hero-content h1 {
        font-size: 24px !important;
        line-height: 40px !important;
    }

}

/* ==========================================================
   NUA Tech - Hero Widget Margin
   ========================================================== */

.elementor-14 .elementor-element.elementor-element-a158778 > .elementor-widget-container {
    margin: 60px 0px 0px 0px !important;
}

/* ==========================================================
   NUA Tech - Features Section Position
   ========================================================== */

.features-1 {
    margin-top: -130px !important;
    position: relative;
    z-index: 11;
}

/* Tablet */
@media (max-width: 1199px){
    .features-1{
        margin-top: -100px !important;
    }
}

/* Mobile */
@media (max-width: 991px){
    .features-1{
        margin-top: -90px !important;
    }
}


/* ==========================================================
   NUA Enterprises - Header Logo Size
   ========================================================== */

.header-main .logo img,
.header-main .header-logo img,
.header-left .logo img {
    max-width: 120px !important;
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* Sticky Header */
.header-sticky .logo img,
.header-sticky .header-logo img {
    max-width: 120px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .header-main .logo img,
    .header-main .header-logo img {
        max-width: 110px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .header-main .logo img,
    .header-main .header-logo img {
        max-width: 100px !important;
    }
}

/* ==========================================================
   NUA Enterprises - Feature Cards Responsive Height
   ========================================================== */

.features-1 .single-feature-item {
    height: 380px !important;
    padding: 25px !important;
}


/* Mobile */
@media (max-width: 767px){
    .features-1 .single-feature-item{
    height: 380px !important;
    padding: 25px !important;
    }
}

/* ==========================================
   NUA Enterprises - Preloader Mobile Fix
   ========================================== */

@media (max-width:767px){

    #preloader .txt-loading{
        display:block !important;
        text-align:center !important;
        white-space:normal !important;
    }

    #preloader .txt-loading br{
        display:block !important;
    }

    #preloader .letters-loading{
        display:inline-block;
    }

}

/* ==========================================================
   NUA Enterprises - Working Process Section
   ========================================================== */

/* ==========================================================
   Section Padding
   ========================================================== */

.elementor-widget-container .process-wrapper.process-1.section-padding {
    padding: 40px 0 !important;
}

@media (max-width: 991px) {
    .elementor-widget-container .process-wrapper.process-1.section-padding {
        padding: 40px 0 !important;
    }
}


/* ==========================================================
   Remove Decorative Shapes
   ========================================================== */

.elementor-widget-container .process-wrapper.process-1 .shape-2,
.elementor-widget-container .process-wrapper.process-1 .shape-3 {
    display: none !important;
}


/* ==========================================================
   Decorative Shape Positions
   ========================================================== */

.elementor-widget-container .process-wrapper.process-1 .shape-4 {
    top: 20% !important;
}

.elementor-widget-container .process-wrapper.process-1 .shape-5 {
    bottom: 5% !important;
}


/* ==========================================================
   Process Items
   ========================================================== */

.elementor-widget-container .process-wrapper.process-1 .process-items {
    padding-bottom: 0 !important;
}

/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width: 991px) {

    .elementor-widget-container .process-wrapper.process-1 .process-items {
        margin-top: 0;
        padding-bottom: 0 !important;
        gap: 40px;
    }

    .elementor-widget-container .process-wrapper.process-1 .single-process-item {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

    .elementor-widget-container .process-wrapper.process-1 .process-items {
        margin-top: 0;
        padding-bottom: 0 !important;
        gap: 35px;
    }

    .elementor-widget-container .process-wrapper.process-1 .single-process-item {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .elementor-widget-container .process-wrapper.process-1 .single-process-item .image img {
        width: 100%;
        height: auto;
        display: block;
    }

}

/* Tablet */
@media (max-width: 991px) {
    .process-1 .process-items {
        padding-top: 30px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .process-1 .process-items {
        padding-top: 30px !important;
    }
}

/* Update About Image Container */
.about-4 .about-images {
    width: 775px !important;
    height: 700px !important;
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Update About Image */
.about-4 .about-images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
}
/* Hide Contact Us section */
.contact-us.d-flex.align-items-center {
    display: none !important;
}

/* Theme Button - Use Solid Theme Color */
.theme-btn.theme-btn-2 {
    background: var(--theme) !important;
}

/* Ensure button uses theme gradient */
.about-4 .about-content .theme-btn.theme-btn-2 {
    margin: 0 auto;
}
/* ==========================================
   About Us Section - Top Padding Only
   ========================================== */

.about-wrapper.about-4.section-padding.pt-0 {
    padding: 20px 0 !important;
    padding-top: 20px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .about-4 .about-images {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto 30px !important;
        float: none !important;
    }

    .about-4 .about-images img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .about-4 .about-images {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto 20px !important;
        float: none !important;
    }

    .about-4 .about-images img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block;
    }
}
.about-wrapper.about-4 .row.g-5.align-items-center {
    --bs-gutter-y: 0rem !important;
}

.breadcrumb-wrapper.bg-cover {
    display: none !important;
}

@media (max-width: 767px) {
    h2.text-white.split-text.left {
        display: none !important;
    }
}
@media (max-width: 991px) {
    h2.text-white.split-text.left {
        display: none !important;
    }
}

@media (max-width: 767px) {
    h2.text-white.split-text.left,
    h2.split-text.right {
        display: none !important;
    }
}

@media (max-width: 991px) {
    h2.text-white.split-text.left,
    h2.split-text.right {
        display: none !important;
    }
}

/* Desktop */
.cta-wrapper.cta-2.style-3.style-4 {
    margin-top: -120px;
}

/* Mobile & Tablet */
@media (max-width: 991px) {
    .cta-wrapper.cta-2.style-3.style-4 {
        margin-top: 0px !important;
    }
}