.breadcrumb_content {
    padding: 250px 0 100px 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/UI.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
}

.breadcrumb_content h2 {
    text-transform: capitalize;
}

.founder_img img {
    width: 100%;
    height: 550px;
    object-position: top;
    object-fit: cover;
    background-color: var(--secondory-color);
    padding: 10px;
    border-radius: 10px;
}

.founder_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.founder_info h2 {
    text-transform: capitalize;
    font-size: 26px;
}

.founder_info h6 {
    margin-top: 1rem;
    font-style: italic;
    font-size: 18px;
}

.founder_info p {
    margin-top: 1rem;
    font-size: 18px;
}


/* legacy_content */
.legacy_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.legacy_content h6 {
    margin-top: 1rem;
    font-size: 18px;
}

.legacy_content h3 {
    font-size: 32px;
}

.legacy_content p {
    margin-top: 1rem;
    font-size: 18px;
    line-height: 30px;
}

.legacy_img img {
    border-radius: 10px;
    width: 100%;
    
}

.legacy_img {
    position: sticky;
    top: 7rem;
}

.breadcrumb_wrapper {
    position: relative;
}

.breadcrumb-tabs {
    position: absolute;
    max-width: max-content;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2rem;
    background-color: var(--white-color);
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 98%;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #ccc;
}

.breadcrumb-tabs ul {
    display: flex;
    gap: 1rem;
    justify-content: left;
    align-items: center;
}

.breadcrumb-tabs {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}


.breadcrumb-tabs li {
    flex-shrink: 0;
    /* Prevent shrinking of items */
}


.breadcrumb-tabs ul li a {
    white-space: nowrap;
    /* Ensures link text doesn't wrap */
    padding: 10px 20px;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--white-color);
    transition: .4s ease-in;
    background-color: var(--secondory-color);
}

.active-tabs {
    background-color: var(--main-color) !important;
}

.breadcrumb-tabs ul li a:hover {
    background-color: var(--main-color);
    transition: .3s ease-in;
}

.breadcrumb_wrapper__img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.spectrum_wrapper__content-left h2 {
    text-transform: capitalize;
    font-size: 28px;
    margin-bottom: 5px !important;
    color: var(--secondory-color);
}

.spectrum_wrapper__content-left h6 {
    margin: 1rem 0 !important;
    font-size: 22px;
}

.spectrum_wrapper__content-left p {
    margin-bottom: 1rem !important;
}

.key-features-parra p,
.key-features p {
    margin-top: 1rem;
}

.key-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 1rem;
}

.key-features-box ul {
    padding-left: 20px !important;
}

.key-features-box ul li {
    list-style: disc !important;
    font-size: 14px;
    margin-top: 10px;
}

.key-features-box ul li::marker {
    color: var(--main-color);
}

.key-features-box:nth-child(even) li::marker {
    color: var(--white-color);
}



.key-features-box:nth-child(even) {
    background-color: var(--secondory-color);
    color: var(--white-color);
}

.key-features-box h6 {
    font-weight: 600;
    margin-top: 12px;
    text-transform: capitalize;
}

.key-features-box p {
    margin-top: 7px;
    font-size: 15px;
}

.key-features h3 {
    font-size: 22px;
    margin-bottom: 1rem !important;
    color: var(--main-color);
}

.key-features {
    margin-bottom: 2rem;
}

.key-features .row {
    margin-bottom: 1rem !important;
}

.key-features .key-features-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* framework_parra */
.framework_parra p {
    margin-bottom: 1rem !important;
    font-size: 18px;
    line-height: 30px;
}

.framework_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.framework_grid__box {
    padding: 75px 20px;
    border-radius: 1rem;
    overflow: hidden;
    text-align: center;
    background-color: whitesmoke;
    border: 1px solid #ccc;
    position: relative;
    transition: .4s ease;
}

.framework_grid__box:nth-child(1) {
    background-color: #ffb700;
}

.framework_grid__box:nth-child(2) {
    background-color: #ff0000;
}

.framework_grid__box:nth-child(3) {
    background-color: #9000ff;
}

.framework_grid__box:nth-child(4) {
    background-color: #0066ff;
}

.framework_grid__box:nth-child(5) {
    background-color: #ff00d4;
}

.outer-content h3 {
    font-size: 20px;
    margin-top: 1rem;
    text-transform: capitalize;
    color: var(--white-color);
}

.inner-content {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-radius: 0 1rem 0 100px;
    overflow: hidden;
    transition: .4s ease;
    background-color: whitesmoke;
}

.framework_grid__box:hover .inner-content {
    border-radius: 0;
    height: 100%;
    width: 100%;
    transition: .4s ease;
}

.framework_grid__box:hover .inner-content p {
    color: var(--black-color);
    padding: 1rem;
    opacity: 1;
    font-size: 14px;
}

.inner-content p {
    opacity: 0;
}

.inner-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* achievement_box */
.achievement_box {
    padding: 1rem;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.achievement_box h3 {
    font-size: 20px;
}

.achievement_box p {
    margin-top: 12px;
    line-height: 26px;
}

/* character-development-box */
.character-development-box {
    padding: 2rem;
    background-color: whitesmoke;
    border-radius: 10px;
    height: 100%;
    text-align: center;
    border: 1px solid #ccc;
    transition: .43s ease all;
    color: var(--black-color);
}

.character-development-box:hover {
    background-color: var(--secondory-color);
    color: var(--white-color);
    transition: .3s ease all;
}

.character-development-box h3 {
    font-size: 22px;
    margin-top: 12px;
}

.character-development-box p {
    margin-top: 12px;
}


/* aabha-box */
.aabha-box {
    padding: 1rem;
    background-color: #fff;
    height: 92%;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 24px;
    transition: .3s ease;
}

.aabha-box:hover {
    background-color: var(--secondory-color);
    color: var(--white-color);
    transition: .3s ease;
    transform: scale(1.03);
}

.aabha-box h6 {
    font-size: 18px;
    margin-top: 12px;
}

.aabha-box p {
    margin-top: 12px;
}



/* missin-vision-img */
.missin-vision-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.missin-vision-img {
    height: 100%;
}

.mission-vision-content {
    height: 100%;
    display: flex;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--main-color);
    flex-direction: column;
    text-align: center;
    padding: 25px;
    gap: 1rem;
}

.missin-vision .row:nth-child(1) {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.missin-vision .row:nth-child(2) {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

/* key-box */
.key-box {
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 10px;
}

.key-box h6 {
    text-transform: capitalize;
    margin-top: 12px;
    font-size: 20px;
}

.school-img img {
    width: 100%;
    border-radius: 10px;
    border: 2px dashed var(--main-color);
    padding: 10px;
    background-color: #fff;
    height: 340px;
    object-fit: cover;
}

.custom-img img {
    height: 200px;
    object-fit: cover;
    object-position: center;
}

/* promise_grid */
.promise_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;

}

.promise_grid__box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.promise_grid__box h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: var(--white-color);
    text-align: center;
}

.promise_grid__box-img img {
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.promise_grid__box-img {
    position: relative;
}

.promise_grid__box-img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
}

.promise_grid__box:hover:nth-child(1) .promise-overlay {
    background-color: var(--secondory-color);
}

.promise_grid__box:hover:nth-child(2) .promise-overlay {
    background-color: var(--black-color);
}

.promise_grid__box:hover:nth-child(3) .promise-overlay {
    background-color: #ff0000;
}

.promise_grid__box:hover:nth-child(4) .promise-overlay {
    background-color: rgb(18, 100, 242);
}

.promise_grid__box:hover .promise-overlay {
    left: 0;
    transition: .4s ease all;
}

.promise-overlay {
    position: absolute;
    left: -100%;
    transition: .5s ease all;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 24px;
    color: var(--white-color);
    background-color: var(--main-color);
}









/* structured_grid */
.structured_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.structured_grid__box {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.structured_grid__box img {
    width: 64px;
}

.structured_grid__box h6 {
    text-transform: capitalize;
    font-size: 20px;
}

.structured_grid__box:nth-child(1) {
    background-color: #F18E1C;
}

.structured_grid__box:nth-child(2) {
    background-color: #df1cf1;
}

.structured_grid__box:nth-child(3) {
    background-color: #f11c67;
}

.structured_grid__box:nth-child(4) {
    background-color: #1c6ef1;
}

.structured_grid__box:nth-child(5) {
    background-color: #f11c2a;
}



/* play-box */
.play-box {
    padding: 20px;
    background-color: #fff;
    height: 100%;
    border-radius: 10px;
    transition: .3s ease;
}

.play-box:hover {
    background-color: var(--secondory-color);
    color: var(--white-color);
    transition: .4s ease;
}

.play-box h3 {
    font-size: 20px;
    margin-top: 12px;
}

.play-box p {
    margin-top: 12px;
}

/* opportunities_box */
.opportunities_box {
    border-radius: 20px;
    overflow: hidden;
    margin: 0 12px;
}

.opportunities_box__image img {
    height: 268px;
    width: 100%;
    object-fit: cover;
}

.opportunities_box__content {
    background-color: var(--secondory-color);
    padding: 30px 20px;
    color: #fff;
}

.opportunities_box__content h3 {
    font-size: 28px;
    text-transform: capitalize;
}

.opportunities_box__content p {
    margin-top: 10px;
}


/* unique-features-content */
.unique-features-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.unique-features-left h2 {
    font-size: 35px;
    color: #3a3a3a;
}

.unique-features-content p {
    margin-top: 1rem;
    font-size: 18px;
}

.unique-features-img img {
    width: 100%;
    border-radius: 10px;
}

/* potential_box */
.potential_box {
    background-color: whitesmoke;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.potential_box h3 {
    margin: 12px 0 !important;
    font-size: 20px;
}

/* integration_box */
.integration_box {
    background-color: whitesmoke;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: .3s ease;
    height: 100%;
}

.integration_box:hover {
    background-color: var(--secondory-color);
    color: #fff;
    transition: .3s ease;
}

.integration_box h3 {
    font-size: 20px;
    margin: 12px 0 !important;
}


.fee_wrapper__content h3 {
    font-size: 28px;
    text-transform: capitalize;
    margin: 0 0 1rem 0;
}

.fee_wrapper__content p,
.fee_wrapper__content ul li {
    margin: 0 0 1rem 0;
    font-size: 18px;
    line-height: 1.6;
}

.fee_wrapper__content ul {
    list-style-type: disc !important;
    padding-left: 25px;
}

.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0 0 0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
}

table {
    border-collapse: collapse;
    width: 100%;
    min-width: 700px;
    /* ensures scroll on small screens */
}

table th,
table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

table th {
    background-color: var(--secondory-color);
    color: #fff;
    font-weight: bold;
}

table tr:nth-child(even) {
    background-color: #f2f2f2;
}

table tr:hover {
    background-color: #e6f3ff;
}


/* admission-criteria-grid */
.admission-criteria-grid {
    display: flex;
    gap: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.admission-criteria-box {
    padding: 2rem 1rem;
    text-align: center;
    color: #fff;
    width: 400px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.admission-criteria-box:nth-child(1) {
    background-color: #0066ff;
}

.admission-criteria-box:nth-child(2) {
    background-color: #ff005d;
}

.admission-criteria-box:nth-child(3) {
    background-color: #ff8c00;
}

.admission-criteria-box h3 {
    font-size: 28px;
}

.admission-criteria-box p {
    margin-top: 12px;
    font-size: 18px;
}

/* crieria */
.spectrum_wrapper__content-left ul {
    padding-left: 20px !important;
}

.spectrum_wrapper__content-left ul li {
    list-style: disc !important;
    margin-top: 12px;
}

/* document-grid */
.document-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    text-align: center;
}

.document-grid-box:nth-child(1) span {
    background-color: #9000ff;
}

.document-grid-box:nth-child(2) span {
    background-color: #0066FF;
}

.document-grid-box:nth-child(3) span {
    background-color: #FF8C00;
}

.document-grid-box:nth-child(4) span {
    background-color: #FF005D;
}

.number-box {
    padding: 10px;
    border-radius: 100px;
    background-color: #fff;
}

.document-grid-box h3 {
    font-size: 22px;
}

.document-grid-box .number-box span {
    height: 5rem;
    width: 5rem;
    border-radius: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    font-weight: 600;
    color: #fff;

}

.document-grid-box .number-box {
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.document-grid-box {
    padding: 6rem 1rem 1rem 1rem;
    border-radius: 10px;
    position: relative;
    color: #fff;
}

.document-grid-box:nth-child(1) {
    background-color: #9000ff;
}

.document-grid-box:nth-child(2) {
    background-color: #0066FF;
}

.document-grid-box:nth-child(3) {
    background-color: #FF8C00;
}

.document-grid-box:nth-child(4) {
    background-color: #FF005D;
}



/* awareness_wrapper__right */
.awareness_wrapper__right h3 {
    font-size: 32px;
    color: var(--main-color);
}

.awareness_wrapper__right h6 {
    font-size: 22px;
}

.awareness_wrapper__right p,
.awareness_wrapper__right h6,
.awareness_wrapper__right ul li {
    margin-top: 12px;
}

.awareness_wrapper__right ul {
    padding-left: 1px !important;
}

.awareness_wrapper__right ul li {
    list-style: disc !important;
}


/* framework-box */
.framework-box {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    height: 100%;
    text-align: center;
    color: #fff;
}

.framework-box h3 {
    font-size: 22px;
}

.framework-box p {
    font-size: 15px;
    margin-top: 10px;
    line-height: 24px;
}


/* council_box */
.council_box {
    padding: 12px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: whitesmoke;
}

.council_box__img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.council_box__content h3 {
    margin-top: 12px;
    font-size: 22px;
}

.council_box__content p {
    margin-top: 9px;
}


/* trip_flex */
.trip_flex {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(5, 1fr);
    flex-wrap: wrap;
}

.trip_box__img img {
    width: 100%;
    object-fit: cover;
    transition: .3s ease;
    height: 160px;
    border-radius: 10px;
}

.trip_box {
    overflow: hidden;
}

.trip_box:hover img {
    transform: scale(1.1);
    transition: .3s ease;
}

/* learning-space-img */
.learning-space-img img {
    width: 100%;
}

.learning-space-heading h3 {
    text-transform: capitalize;
    font-size: 28px;
    color: var(--secondory-color);
}

.learning-space-heading p {
    margin-top: 12px;
}

.learning-space-right p,
.learning-space-right h6,
.learning-space-right ul li {
    margin-top: 1rem;
    list-style: disc !important;
}

.learning-space-right h6 {
    font-size: 22px;
}

.learning-space-right ul {
    padding-left: 20px !important;
}

.learning-space-img img,
.registration-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.learning-space-img,
.registration-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* safety-box */
.safety-box {
    border-radius: 10px;
    overflow: hidden;
    transition: .84s cubic-bezier(0.19, 1, 0.22, 1);
}

.safety-box-img {
    overflow: hidden;
}

.safety-box:hover img {
    transform: scale(1.1);
    opacity: .8;
    transition: .74s cubic-bezier(0.19, 1, 0.22, 1);
}

.safety-box-img img {
    width: 100%;
    transition: .84s cubic-bezier(0.19, 1, 0.22, 1);

    height: 320px;
    object-fit: cover;
}

.safety-box-content {
    background-color: var(--main-color);
    padding: 20px;
    color: #fff;
}

.safety-box-content h3 {
    margin-bottom: 12px !important;
}


.job-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.job-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.job-meta {
    display: flex;
    gap: 12px;
    font-size: 14px;
    color: #555;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.job-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tags {
    margin-bottom: 16px;
}

.tag {
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    margin-right: 8px;
}

.role-overview {
    font-weight: bold;
    margin-bottom: 6px;
    color: #333;
}

.job-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.more-details {
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color);
    text-decoration: none;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 2px;
}

.more-details:hover {
    color: var(--secondory-color);
    border-bottom-color: var(--secondory-color);
}


/* registration-form */
.registration-form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
    margin-bottom: 10px;
}

.gender-flex {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.gender-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.gender-item input {
    width: auto;
    border: none !important;
    margin-bottom: 0;
    accent-color: var(--secondory-color);
}

.gender-item label {
    text-transform: capitalize;
}

.gender .gender-text {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 12px;
    /* display: block; */
}

.registration-form {
    background-color: var(--main-color);
    padding: 20px;
    border-radius: 10px;
    color: var(--white-color);
}

.registration-form h2 {
    margin-bottom: 20px !important;
    text-transform: capitalize;
}

.registration-form button {
    width: 100%;
    max-width: none;
    text-align: center;
    justify-content: center;
    align-items: center;
}

@media(max-width:1440px) {
    .promise_grid__box h3 {
        font-size: 20px;
    }

    .opportunities_box__content {
        padding: 1rem;
    }

    .opportunities_box__image img {
        height: 280px;
    }

    .opportunities_box__content h3 {
        font-size: 22px;
    }

    .promise-overlay p {
        font-size: 14px;
    }
}

@media(max-width:1200px) {
    .promise_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .structured_grid,
    .framework_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:992px) {
    .custom-img img {
        height: 220px;
    }

    .document-grid {
        gap: 3rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .achievement_box,
    .safety-box,
    .framework-box,
    .job-card {
        height: auto;
        margin-bottom: 1rem;
    }

    .learning-space-right,
    .awareness_wrapper__right,
    .registration-form,
    .spectrum_wrapper__content-left {
        margin-top: 1rem;
    }

    .integration_box {
        height: 95%;
        margin-bottom: 30px;
    }

    .potential_box {
        margin-bottom: 1rem;
    }

    .play-box {
        margin-bottom: 1rem;
        height: auto;
    }

    .founder_info,
    .unique-features-left {
        margin-top: 1rem;
    }

    .mission-vision-content p,
    .promise-overlay p {
        font-size: 14px;
    }

    .mission-vision-content h2 {
        font-size: 22px;
    }

    .mission-vision-content {
        gap: 10px;
    }

    .my-flex {
        flex-direction: column-reverse;
    }

    .key-features .key-features-box {
        height: auto;
        margin-top: 12px;
    }
}

@media(max-width:768px) {
    .trip_flex {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .document-grid-box .number-box span {
        height: 3rem;
        width: 3rem;
    }

    .document-grid-box .number-box span {
        font-size: 25px;
    }

    .document-grid-box {
        padding: 3rem 1rem 1rem;
    }

    .achievement_box,
    .safety-box,
    .framework-box {
        padding: 1rem;
    }

    .unique-features-left h2,
    .learning-space-heading h3,
    .learning-space-right h3,
    .awareness_wrapper__right h3,
    .admission-criteria-box h3,
    .fee_wrapper__content h3,
    .registration-form h2 {
        font-size: 20px;
    }

    .gender .gender-text {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .learning-space-heading p,
    .safety-box-content p,
    .learning-space-right p,
    .spectrum_wrapper__content-left ul li,
    .fee_wrapper__content p,
    .fee_wrapper__content ul li,
    .learning-space-right h6,
    .learning-space-right ul li,
    .framework-box p,
    .council_box__content p,
    .awareness_wrapper__right p,
    .awareness_wrapper__right h6,
    .awareness_wrapper__right ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .admission-criteria-box p {
        margin-top: 4px;
        font-size: 15px;
    }

    .awareness_wrapper__right p,
    .awareness_wrapper__right h6,
    .awareness_wrapper__right ul li {
        margin-top: 6px;
    }

    .council_box__content p {
        margin-top: 4px;
    }

    .framework-box h3,
    .council_box__content h3,
    .document-grid-box h3 {
        font-size: 18px;
    }

    .admission-criteria-grid {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .admission-criteria-box {
        padding: 1rem;
    }

    .admission-criteria-box {
        width: 100%;
    }

    .safety-box-content h3 {
        font-size: 18px;
        margin-bottom: 7px !important;
    }

    .safety-box-content {
        padding: 1rem;
    }

    .safety-box-img img,
    .school-img img {
        height: 210px;
    }

    .council_box__img img {
        height: auto;
    }

    table th,
    table td {
        font-size: 13px;
        padding: 8px;
    }

    .aabha-box {
        height: auto;
        margin-bottom: 12px;
    }

    .unique-features-content p,
    .play-box p,
    .opportunities_box__content p,
    .aabha-box p,
    .potential_box p,
    .achievement_box p {

        font-size: 15px;
        margin-top: 10px;
    }

    .aabha-box h6 {
        font-size: 16px;
        margin-top: 10px;
    }

    .aabha-box img,
    .potential_box img,
    .integration_box__icon img {
        width: 50px;
    }

    .potential_box h3,
    .achievement_box h3 {
        font-size: 18px;
    }

    .play-box h3 {
        font-size: 16px;
    }

    .key-features-grid,
    .structured_grid,
    .framework_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .structured_grid {
        gap: 12px;
    }

    .structured_grid__box {
        gap: 7px;
    }

    .structured_grid__box p {
        font-size: 14px;
    }

    .structured_grid__box h6 {
        font-size: 16px;
    }

    .structured_grid__box img {
        width: 42px;
    }

    .breadcrumb-tabs ul li a {
        font-size: 14px;
        padding: 7px 12px;
    }

    .missin-vision-img img {
        height: 350px;
    }

    .promise_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .promise_grid__box-img img {
        height: 360px;
    }

    .founder_img img {
        height: 320px;
    }

    .founder_info h2 {
        font-size: 18px;
    }

    .founder_info h6 {
        font-size: 15px;
        margin-top: 10px;
    }

    .legacy_content h3 {
        font-size: 20px;
        margin-top: 1rem;
    }

    .legacy_content h6,
    .legacy_content p,
    .founder_info p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
}

@media(max-width:576px) {
    .key-features-grid {
        gap: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .framework_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .framework_grid__box {
        padding: 30px 1rem;
    }

    .outer-content img {
        width: 50px;
    }

    .framework_parra p {
        margin-bottom: 12px !important;
        font-size: 15px;
        line-height: 25px;
    }

    .outer-content h3 {
        font-size: 18px;
    }

    .structured_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .key-features {
        margin-bottom: 1rem;
    }

    .spectrum_wrapper__content-left p,
    .key-features-parra p {
        font-size: 14px;
        margin-bottom: 10px !important;
    }

    .spectrum_wrapper__content-left h2 {
        font-size: 20px;
    }

    .spectrum_wrapper__content-left h6 {
        font-size: 16px;
        margin: 10px 0 !important;
    }

    .key-features h3 {
        font-size: 18px;
        margin-top: 1rem;
    }

    .key-features-box p {
        font-size: 14px;
        margin-top: 5px;
    }

    .breadcrumb_wrapper__img img {
        height: 300px;
    }

    .key-box h6 {
        font-size: 14px;
    }

    .key-box {
        padding: 12px;
        height: 93%;
    }

    .key-box-icons img {
        width: 45px;
    }
}

/*disclouser table css*/


 .custom-table th, 
  .custom-table td {
    border: 1px solid #000 !important; /* Black border */
  }

  .custom-table {
    border: 1px solid #000 !important; /* Outer border */
  }

  /* Fixed header color, no hover */
  .custom-table thead th {
    background-color: #f96c04 !important;
    color: #fff !important;
  }

  .custom-table thead tr:hover {
    background-color: #f96c04 !important;
  }