/* CONSTRUCTION TYPO SITE PERFECTION PATCH V2 */

/* 1. Global Reset & Centering */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the main page content and header are centered on Desktop */
.page-wrapper, .main-header, .site-header, .site-footer, .site-content, .container, .auto-container, .inner-container {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/* 2. Hero / Slider Perfection */
.slider-one__single-content {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 850px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    left: 0 !important;
    position: relative !important;
}

.slider-one__single-content h2, 
.slider-one__single-content h3, 
.slider-one__single-content p {
    text-align: center !important;
}

.slider-one__single-content br {
    display: none !important; /* Remove line breaks for better responsive flow */
}

/* Fix the 'pl-0' issue on the container */
.container.pl-0 {
    padding-left: 15px !important;
}

/* 3. Section Title Perfection */
.sec-title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.sec-title__tagline {
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Remove distracting decorative lines */
.sec-title__tagline .right, .sec-title__tagline .left, .sec-title .right {
    display: none !important;
}

.services-three__top .text-box {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. Mobile Alignment (<= 991px) */
@media (max-width: 991.98px) {
    h1, h2, h3, h4, h5, h6 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        text-align: center !important;
    }
    
    .slider-one__single-content h2 {
        font-size: clamp(28px, 10vw, 42px) !important;
    }

    /* Force columns to center-aligned stacks */
    [class*="col-"] {
        text-align: center !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        flex: 0 0 100% !important;
    }
    
    .btn-box, .slider-btn, .link-box {
        justify-content: center !important;
        width: 100% !important;
    }
}

/* 5. Utility Cleaning */
.preloader { display: none !important; }
.scroll-to-top { display: none !important; }
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
}
.thm-btn {
    border-radius: 50px !important;
}