#panorama {
    background-image: url(../img/homebanner-ae.png) !important;
    background-size: cover;
    background-repeat: repeat-x;
    margin-top: -1px;
    min-height: 400px;
    padding-bottom: 153px;
    margin-bottom: -115px;
    top: 45px;
    width: 100%;
}

body[data-market="1"] #panorama {
    background-image: url(../img/homebanner-ae.png) !important;
}

#panorama.highlight {
    background: #0a468f;
    border-bottom: 1px solid #e1dedb;
    box-shadow: -1px 5px 5px #0a468f inset, 0 2px 1px #f7f5f3;
    margin-bottom: 38px;
    min-height: 55px;
}

#panoramaPanel {
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    color:#fff;
}

#panoramaPanel>* {
    vertical-align: top;
}

.font-color {
    color: #fff !important;
    opacity: 1 !important;
}


.image-container  {
    transition: transform 0.3s ease-in-out;
}

.image-container:hover {
    transform: scale(105%); 
}

.image-container:hover img {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.bg-grad-1 { 
    background-color:rgb(249, 238, 242); 
    background-image: linear-gradient(315deg,rgba(228, 224, 226, 0.95) 0%,rgb(239, 228, 243) 74%);
 }
 .text-ms-gradient {
    background: linear-gradient(to right, #3a3593, #5644b0);
    -webkit-background-clip: text; /* For Safari */
    background-clip: text; /* For modern browsers */
    color: transparent; /* Ensures text color is transparent, allowing the gradient to show through */
  }

/* Responsive Design */
@media (max-width: 768px) {
    #panorama {
        padding-bottom: 80px;
        width: 100vw;
    }

    #panoramaPanel {
        padding: 0 20px;
        width: 100vw;
    }

    .font-color {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .font-color {
        font-size: 1rem;
    }

    #img-banner {
        display: none;
    }
    #panorama {
        padding-bottom: 80px;
        width: 100vw;
    }

    #panoramaPanel {
        padding: 0 20px;
        width: 100vw;
        height: 350px!important;
    }
}