body {
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(45deg, #000000, #0d6eb5, #000000);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    color: white;
    font-family: Arial, sans-serif;
}

.logo {
    width: 50%;
    max-width: 100%;    /* Ensures the image is never wider than its container */
    height: auto;       /* Keeps the image aspect ratio intact */
    display: block;     /* Prevents inline formatting issues */
    margin: 20vh auto 0;     /* Centers the image horizontally within its container */
}

.text-center h3 {
    font-size: 2rem; /* Adjust font size if necessary */
    color: white; /* Ensures text is white, modify as needed */
    padding: 20px; /* Adds padding for better spacing */
    text-align: center; /* Center-aligns the text */
}

.book-call {
    margin-top: 20px; /* Adds spacing above the button */
    padding: 10px 20px; /* Adjust padding for better button sizing */
    font-size: 1.2rem; /* Increases font size for better readability */
    border-radius: 5px; /* Optional: Rounds the corners of the button */
    background-color: #0d6eb5; /* Sets the button background color */
}

/* Responsive image sizing specifically for the logo */
@media (max-width: 768px) {
    .logo {
        width: 80%;     /* Reduces the image size on smaller screens */
    }
    .text-center h3 {
        font-size: 1.5rem; /* Smaller font size for smaller devices */
    }
    .book-call {
        padding: 8px 16px; /* Slightly smaller padding on smaller screens */
        font-size: 1rem; /* Smaller font size for smaller devices */
    }
}


.section {
    width: 100%; /* Take the full width of the body */
    display: block; /* Override flex display */
    text-align: left; /* Default text alignment */
}

.trusted-tested {
    text-align: center; /* Center aligns the text and contents */
    margin: 200px 0; /* Adds vertical spacing around the section */
}

.trusted-tested h2 {
    font-size: 1.5rem; /* Sets a specific font size for the header */
    color: #FFFFFF; /* Adjust the color as needed */
}

.logo-container {
    display: flex; /* Utilizes flexbox to align logos */
    justify-content: center; /* Centers logos horizontally */
    align-items: center; /* Aligns logos vertically */
    flex-wrap: wrap; /* Allows logos to wrap on smaller screens */
    gap: 20px; /* Adds space between logos */
    
}

.logo-container img {
    width: 150px; /* Adjust based on desired size */
    height: auto; /* Maintains aspect ratio */
}


.online-reviews {
    text-align: center;
    margin: 200px 0;
}

.online-reviews h2 {
    font-size: 1.5rem;
    color: #FFFFFF;
}

.online-reviews-container { 
    display: flex; /* Utilizes flexbox to align logos */
    justify-content: center; /* Centers logos horizontally */
    align-items: center; /* Aligns logos vertically */
    flex-wrap: wrap; /* Allows logos to wrap on smaller screens */
    gap: 150px; /* Adds space between logos */
}

.online-reviews-container img {
    width: 400px; /* Adjust based on desired size */
    height: auto; /* Maintains aspect ratio */
}


.footer {
    background-color: rgba(0, 0, 0, 0); /* Transparent background */
    color: white;
    padding: 20px 0;
    font-size: 0.8rem;
    width: 100%;
}

.footer a {
    color: white; /* Sets the link color */
    text-decoration: none; /* Removes underline from links */
    margin: 0 10px; /* Adds horizontal spacing between links */
}

.footer a:hover {
    text-decoration: underline; /* Adds underline on hover for better accessibility */
}


.about-main {
    margin: 10vh 5%;
    align-items: center;
}
.about-main h5 {
    color: #CFD0D1;
    font-size: 2rem;
}
.about-main h1 {
    font-size: 4rem;
}
.about-secondary {
    margin: 10vh 5%;
    font-weight: bold;
}

.about-secondary p {
    color: #CFD0D1;
    font-size: 1.2rem;
}