/* Website Scale Optimization - Makes site appear 90% at 100% zoom */

/* Scale down the entire body */
html {
    font-size: 90%; /* Reduce base font size to 90% */
}

/* Adjust container widths */
.container {
    max-width: 90% !important;
}

@media (min-width: 576px) {
    .container {
        max-width: 510px !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 690px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 900px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1080px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1260px !important;
    }
}

/* Adjust carousel height */
.header-carousel .header-carousel-item {
    height: 630px !important; /* 90% of 700px */
}

/* MOBILE: Hide carousel images */
@media (max-width: 991px) {
    .header-carousel .header-carousel-item {
        height: 700px !important; /* Adjust height for mobile without image */
    }
    
    /* Hide the image column on mobile */
    .header-carousel .calrousel-img {
        display: none !important;
    }
    
    /* Make text column full width on mobile */
    .header-carousel .carousel-caption .row .col-lg-7,
    .header-carousel .carousel-caption .row .col-lg-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Center text on mobile */
    .header-carousel .text-sm-center {
        text-align: center !important;
    }
    
    .header-carousel .text-md-start,
    .header-carousel .text-md-end {
        text-align: center !important;
    }
    
    /* Center buttons on mobile */
    .header-carousel .justify-content-md-start,
    .header-carousel .justify-content-md-end {
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .header-carousel .header-carousel-item {
        height: 650px !important; /* Adjust for smaller mobile screens */
    }
}

/* Adjust heading sizes */
h1, .h1 {
    font-size: calc(2.25rem * 0.9) !important;
}

h2, .h2 {
    font-size: calc(1.8rem * 0.9) !important;
}

h3, .h3 {
    font-size: calc(1.575rem * 0.9) !important;
}

h4, .h4 {
    font-size: calc(1.35rem * 0.9) !important;
}

h5, .h5 {
    font-size: calc(1.125rem * 0.9) !important;
}

.display-1 {
    font-size: calc(5rem * 0.9) !important;
}

.display-2 {
    font-size: calc(4.5rem * 0.9) !important;
}

.display-3 {
    font-size: calc(4rem * 0.9) !important;
}

.display-4 {
    font-size: calc(3.5rem * 0.9) !important;
}

.display-5 {
    font-size: calc(3rem * 0.9) !important;
}

/* Adjust padding for sections */
.py-5 {
    padding-top: 2.7rem !important; /* 90% of 3rem */
    padding-bottom: 2.7rem !important;
}

/* Adjust button sizes slightly */
.btn {
    padding: calc(0.375rem * 0.9) calc(0.75rem * 0.9);
    font-size: calc(1rem * 0.9);
}

.btn-lg {
    padding: calc(0.5rem * 0.9) calc(1rem * 0.9);
    font-size: calc(1.25rem * 0.9);
}

/* Optimize spacing */
.mb-4 {
    margin-bottom: 1.35rem !important; /* 90% of 1.5rem */
}

.mb-5 {
    margin-bottom: 2.7rem !important; /* 90% of 3rem */
}

.pb-5 {
    padding-bottom: 2.7rem !important; /* 90% of 3rem */
}

/* Adjust icon sizes */
.fa-2x {
    font-size: 1.8em !important; /* 90% of 2em */
}

.fa-3x {
    font-size: 2.7em !important; /* 90% of 3em */
}

/* Adjust navbar padding */
.navbar {
    padding: 18px 0 !important; /* 90% of 20px */
}

/* Make all service and feature cards same height */
.feature-item,
.service-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.feature-item p-4,
.service-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.service-content-inner,
.feature-item > * {
    flex-grow: 1;
}

/* Ensure consistent card heights in rows */
.feature .row,
.service .row {
    display: flex;
    flex-wrap: wrap;
}

.feature .row > [class*='col-'],
.service .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* Make feature cards equal height */
.feature-item {
    min-height: 280px;
}

/* Make service cards equal height */
.service-item .service-content {
    min-height: 200px;
}