.expert-Row {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
        }

        .expert-img-border {
                border: 10px solid #fff;
                transition-delay: 150ms;
                /* transition: opacity 1s ease; */
        }

        .expert-img-border:hover {
                border: 10px solid #46489861;
        }

        .group-box {
                border: 2px solid #464898;
                padding: 10px;
                position: relative;
                display: grid;
                justify-content: center;
                align-items: end;
        }

        .expert-Name {
                /* opacity: 1; */
                background: #464898;
                font-weight: 600;
                color: white;
                width: 150px;
                position: absolute;
                text-align: center;
                padding: 20px;
                left: 50%;
                bottom: 0%;
                transform: translate(-50%, 0) scale(1);
                /* combine translate + scale */
                transition: transform 0.3s ease;
        }

        .group-box:hover .expert-Name {
                animation: zoomOut 1s forwards;
        }

        .expert-Desc {
                opacity: 0;
                background: #464898;
                position: absolute;
                padding: 20px;
                width: 100%;
                text-align: center;
                font-weight: 600;
                color: white;
                transform: translateY(50px);
                /* Initial slide-down state */
                transition: all 0.3s ease;
        }

        .group-box:hover .expert-Desc {
                animation: zoomIn 0.5s forwards;
        }

        .team-Popup {
                background-color: #fff;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 9999;
                border-radius: 15px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin: 10px 0px;
                overflow-y: auto;
                width: 80%;
                max-width: 900px;
                max-height: 90vh;
                padding: 20px;
                opacity: 0;
        }

        .popup-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background-color: rgba(0, 0, 0, 0.7);
                /* semi-transparent black */
                z-index: 9998;
                /* just below the popup */
                display: none;
                /* hidden by default */
        }

        .close-ExpertSection {
                position: fixed;
                top: 10px;
                right: 10px;
                z-index: 99999;
                padding: 10px;
                border: 1px solid red;
                border-radius: 100%;
                margin: 10px;
                cursor: pointer;
        }

        body.no-scroll {
                overflow: hidden;
        }
        .expertMail{
                color: #464898;
                font-weight: 600;
        }
        .expertPhone{
                color: #464898;
                font-weight: 600;
        }

        @keyframes zoomIn {
                from {
                        opacity: 0;
                        transform: translateY(50px) scale(0.9);
                }

                to {
                        opacity: 1;
                        transform: translateY(0) scale(1);
                }
        }

        @keyframes zoomOut {
                from {
                        opacity: 1;
                        transform: translate(-50%, 0) scale(1);
                }

                to {
                        opacity: 0;
                        transform: translate(-50%, 0) scale(0.3);
                }
        }