@media (max-width: 1200px) {
    .stamp-img {
        display: none;
    }
}
.responsive-logo {
    max-height: 12vh; /* Base height for larger screens */
    max-width: 90%; /* Prevents overflow on narrow screens */
    width: auto; /* Maintains aspect ratio */
    height: auto; /* Ensures proper scaling */
}

/* Media Queries for Smaller Screens */
@media (max-width: 768px) {
    .responsive-logo {
        max-height: 10vh; /* Smaller height for tablets */
        max-width: 80%; /* Slightly smaller width */
    }
}

@media (max-width: 480px) {
    .responsive-logo {
        max-height: 8vh; /* Even smaller for mobile phones */
        max-width: 75%; /* Further reduce width */
    }
}
.divider-line {
    max-height: 8vh; /* Base height for larger screens */
    max-width: 90%; /* Prevents overflow on narrow screens */
    width: auto; /* Maintains aspect ratio */
    height: auto; /* Ensures proper scaling */
    margin: 1vh 0; /* Vertical margin for spacing */
}

/* Media Queries for Smaller Screens */
@media (max-width: 768px) {
    .divider-line {
        max-height: 6vh; /* Smaller height for tablets */
        max-width: 80%; /* Slightly smaller width */
    }
}

@media (max-width: 480px) {
    .divider-line {
        max-height: 5vh; /* Even smaller for mobile phones */
        max-width: 75%; /* Further reduce width */
    }
}

.carousel-inner {
    min-height: 30vh; /* Fixed height to fit longest content */
    height: auto; /* Allow slight flexibility if content grows */
    overflow: visible; /* Prevent text clipping */
    padding: 2vh 0; /* Maintain padding for spacing */
}

.carousel-title {
    font-size: clamp(1.5rem, 5vw, 2.5rem); /* Unchanged */
    margin-bottom: 1rem;
}

.carousel-text {
    font-size: clamp(1rem, 3vw, 1.5rem); /* Unchanged */
    margin: 0 1rem; /* Unchanged */
    line-height: 1.4; /* Unchanged */
}

.container {
    padding: 0 5%; /* Unchanged */
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%; /* Unchanged */
}

/* Media Queries for Smaller Screens */
@media (max-width: 768px) {
    .carousel-inner {
        min-height: 25vh; /* Slightly smaller for tablets */
        padding: 1vh 0;
    }

    .carousel-title {
        font-size: clamp(1.2rem, 4vw, 2rem);
    }

    .carousel-text {
        font-size: clamp(0.9rem, 2.5vw, 1.2rem);
    }

    .container {
        padding: 0 3%;
    }
}

@media (max-width: 480px) {
    .carousel-inner {
        min-height: 20vh; /* Smaller for mobile */
        padding: 1vh 0;
    }

    .carousel-title {
        font-size: clamp(1rem, 3.5vw, 1.5rem);
    }

    .carousel-text {
        font-size: clamp(0.8rem, 2vw, 1rem);
        margin: 0 0.5rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 15%; /* Unchanged */
    }
}