/* FOR INDEX CAPTION AND IMAGE */
#caption-section {
    display: none;
}


@media (max-width: 768px) {
    .carousel-caption {
        left: 18%;
        top: 69.5%;
        text-shadow: none;
        min-height: 195px;
        
    }
    
    /* .text-line {
        font-size: 3.5rem;
        line-height: 3.55rem;
        width: 500px;
        text-shadow: none;
        text-align: left;
    } */
    .text-line-alternate {
        font-size: 1.4rem;
        line-height: 1.5rem;
        width: 400px;
        text-shadow: none;
        text-align: left;
    }
    .small-text {
        font-size: 1.35rem;
        line-height: 1.5rem;
        letter-spacing: -1.5px;
    }

    #caption-section {
        display: flex; 
        align-items: center; 
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* subtle, soft shadow */
    }
}
@media (max-width: 670px) {
    .carousel-inner img {
        object-position: 4% 25%;
        /* transform: scale(1.5); */
        transform: translateY(12.5%);
    }
    #index-page .carousel-item-second img.item-second {
        object-position: 1% 23%;
        transform: scale(1.5);
    }

    .item-second {
        object-position: 22% 21%;
        transform: scale(1.65);
    }
    .text-line {
        font-size: 2rem;
        line-height: 2.1rem;
        text-align: left;
    }
    .text-line-alternate {
        font-size: 1.35rem;
        line-height: 1.5rem;
        text-align: left;
    }
    .small-text {
        font-size: 1.05rem;
        line-height: 1.15rem;
        letter-spacing: -1.5px;
    }
    .carousel-caption {
        width: 250px;
        min-height: 167px;
        height: 31%;
    }
    .carousel-caption-second {
        width: 250px;
        min-height: 167px;
        height: 31%;
        left: 16%;
        top: 68.5%;

    }
    .text-line-alternate {
        width: 300px;
    }
}

@media (max-width: 584px) {
    .carousel-caption {
        left: 22.5%;
        top: 61%;
    }
    .carousel-caption-second {
        left: 25.5%;
        top: 71%;
        width: 330px;
    }
    .text-line {
        /* font-size: 2.7rem;
        line-height: 2.75rem; */
        letter-spacing: -1.5px;
    }
    .text-line-alternate {
        font-size: 1.4rem;
        line-height: 1.5rem;
        width: 350px;
        text-shadow: none;
        text-align: left;
    }
    .btn-custom {
        font-size: 15px;
    }
    .small-text {
        /* font-size: 1.25rem;
        line-height: 1.37rem;
        letter-spacing: -1.5px;
        width: 350px; */
    }
}

@media (max-width: 480px) {
    .carousel-caption {
        left: 24%;
        top: 66%;
        text-align: left;
        width: 240px;
        height: 28%;
        min-height: 150px;
    }
    .carousel-caption-second {
        left: 20%;
        top: 79%;
        text-align: left;
        width: 240px;
        height: 28%;
        min-height: 150px;
    }
    .text-line {
        font-size: 1.78rem;
        line-height: 1.9rem;
        text-align: left;
        letter-spacing: -0.5px;
        width: 250px;
    }
    .text-line-alternate {
        font-size: 1.25rem;
        line-height: 1.25rem;
        width: 275px;
        text-shadow: none;
        text-align: left;
        font-weight: 300;
    }
    .carousel-inner img {
        object-position: 39% 0%;
        transform: translateY(18.5%) scale(1.15);
    }

    #index-page .carousel-item-second img.item-second {
        object-position: 14% 2%;
        transform: scale(2.25) translateY(10%);
        height: 100%;
    }
    .small-text {
        font-size: 1.1rem;
        line-height: 1.17rem;
        letter-spacing: -1px;
    }
}
@media (max-width: 450px) { 
    .carousel-caption {
        left: 21%;
        top: 67%;
        text-align: left;
        width: 325px;
        height: 29%;
        width: 232px;
    }
    .carousel-caption-second {
        left: 25%;
        top: 74%;
        text-align: left;
        width: 325px;
        background-color: rgba(0, 0, 0, 0);
    }
    .small-text {
        font-weight: 300;
    }
    .text-line {
        width: 220px;
    }
}

@media (max-width: 430px) {
    .text-line {
        font-size: 1.75rem;
        line-height: 1.9rem;
    }
    .text-line-alternate {
        font-size: 1.22rem;
        line-height: 1.5rem;
        width: 350px;
        text-shadow: none;
        text-align: left;
        font-weight: 300;
    }
    .small-text {
        font-size: 1.15rem;
        line-height: 1.4rem;
    }
    
}
@media (max-width: 415px) {
    .carousel-caption {
        left: 21%;
        top: 69%;
        text-align: left;
        height: 27%;
    }
    .carousel-caption-second {
        left: 28%;
        top: 74%;
        text-align: left;
        width: 325px;
    }
    
}
@media (max-width: 413px) {
    .btn-custom {
        transform: translateY(0px);
    }
}

@media (max-width: 375px) {
    .small-text {
        font-size: 1.1rem;
        line-height: 1.15rem;
    }
    .carousel-caption {
        left: 29%;
        top: 70%;
        text-align: left;
    }
    .text-line .small-text {
        font-size: 2rem;
        line-height: 2.15rem;
        
    }
}
.footer-link {
    color: #497dee!important;
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
  }
  
  .footer-link:hover {
    color: #497dee; /* Light blue or any color you prefer */
    text-decoration: underline;
  }