@media (min-width: 768px) {
    .index1 .section-details.text-2xl .line {
        font-size: max(2.7vw) !important;
    }
}

@media (max-width: 560px) {
    .index1 > .container.py-10 {
        padding-top: max(1rem);
    }
    .index1 .section-title.mt-2 {
        margin-top: 0px;
    }
    .index1 .section-details.text-2xl .line {
        font-size: max(3.8vw) !important;
    }
}

@media (max-width: 438px) {
    .index1 .section-details.text-2xl .line {
        font-size: max(5vw) !important;
    }
    .index1 .section-title.text-2xl .line {
        font-size: max(5vw) !important;
    }
}

@media screen and (max-width: 767px) {
    #chat-wrapper .chat-body {
        visibility: visible;
        transform: none;
        opacity: 1;
        pointer-events: auto;
    }
    #chat-wrapper .chat-body #gz-facemess {
        background-color: rgb(46 46 46 / var(--tw-bg-opacity));
    }
    #chat-wrapper .chat-header {
        visibility: hidden;
    }
}

@media (max-width: 575.98px) {
    .main-slider .item-title {
        text-transform: uppercase !important;
    }
}

.tp-banner {
    /* padding-bottom:15px; */
}

.tp-banner img {
    width: 70vw !important;
    margin:auto;
    border-radius: 10px; /* Creates the rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), /* Horizontal offset, vertical offset, blur radius, color */
              0 6px 20px rgba(0, 0, 0, 0.1); /* Optional: add multiple shadows with commas */
}