.instructor-page-header {
        background: linear-gradient(135deg, #43249b 0%, #401ba5 100%);
        padding: 100px 0 60px;
        color: #fff;
        border-radius: 0 0 50px 50px;
    }

    .search-container {
        max-width: 700px;
        margin: -35px auto 0;
        position: relative;
        z-index: 10;
    }

    .search-box {
        background: #fff;
        padding: 10px;
        border-radius: 50px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        display: flex;
    }

    .search-box input {
        border: none;
        padding: 10px 25px;
        width: 100%;
        border-radius: 50px;
        outline: none;
    }

    .search-box button {
        background: #e5175a;
        color: #fff;
        border: none;
        padding: 10px 30px;
        border-radius: 50px;
        font-weight: 600;
        transition: 0.3s;
    }

    .search-box button:hover {
        background: #c4124b;
        transform: scale(1.05);
    }

    .instructor-card {
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        border: 1px solid #eee;
        height: 100%;
    }

    .instructor-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 25px 50px rgba(0, 74, 173, 0.15);
        border-color: #43249b;
    }

    .ins-thumb {
        background: #f8fbff;
        padding: 20px;
        text-align: center;
        /* position: relative; */
        display:flex;
          justify-content:center;
    align-items:center;
    }

    .thumb-circle {
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: #d9d9d9;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    }


    .ins-thumb img {
        width: 100%;
        max-width: 200px;
        border-radius: 15px;
        transition: 0.5s;
    }

    .instructor-card:hover .ins-thumb img {
        transform: scale(1.05);
    }

    .ins-info {
        padding: 20px;
        text-align: center;
    }

    .ins-name {
        font-size: 1.25rem;
        font-weight: 700;
        color: #43249b;
        margin-bottom: 5px;
    }

    .ins-expert {
        font-size: 0.9rem;
        color: #6b7280;
        margin-bottom: 15px;
    }

    .btn-view-profile {
        background: #f3f4f6;
        color: #374151;
        border: none;
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 0.85rem;
        font-weight: 600;
        transition: 0.3s;
    }

    .instructor-card:hover .btn-view-profile {
        background: #43249b;
        color: #fff;
    }