/*==================================================
    INNER PAGE BANNER
==================================================*/

.inner-banner {

    position: relative;

    background:
    linear-gradient(
        rgba(0,0,0,0.65),
        rgba(0,0,0,0.65)
    ),
    url('../images/about-banner.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 120px 0 90px;

    text-align: center;

    overflow: hidden;
}

/* STRIP EFFECT */

.inner-banner::before {

    content: '';

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image:
    repeating-linear-gradient(
        -45deg,
        rgba(255,255,255,0.03),
        rgba(255,255,255,0.03) 10px,
        transparent 10px,
        transparent 20px
    );
}

/* CONTENT */

.inner-banner .container {

    position: relative;

    z-index: 2;
}

.inner-banner h1 {

    color: #fff;

    font-size: 58px;

    font-weight: 800;

    margin-bottom: 12px;

    text-transform: uppercase;
}

.inner-banner p {

    color: rgba(255,255,255,0.85);

    font-size: 18px;

    margin-bottom: 15px;
}

/*==================================================
    BREADCRUMB
==================================================*/

.custom-breadcrumb {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    background: rgba(255,255,255,0.12);

    padding: 12px 25px;

    border-radius: 40px;

    backdrop-filter: blur(5px);
}

.custom-breadcrumb a {

    color: #ffd54f;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    transition: 0.3s;
}

.custom-breadcrumb a:hover {

    color: #fff;
}

.custom-breadcrumb span {

    color: white;

    font-size: 14px;
}

/*==================================================
    ABOUT SCHOOL SECTION
==================================================*/

.about-school-section {

    padding: 100px 0;

    background: #f7f9fc;

    position: relative;
}

.about-school-img {

    width: 100%;

    border-radius: 25px;

    box-shadow: 0 12px 35px rgba(0,0,0,0.12);

    transition: 0.4s;
}

.about-school-img:hover {

    transform: scale(1.02);
}

.about-school-content span {

    color: #0d6efd;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.about-school-content h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    line-height: 1.2;

    margin: 15px 0 25px;
}

.about-school-content p {

    font-size: 17px;

    line-height: 33px;

    color: #555;

    text-align: justify;
}

/*==================================================
    HIGHLIGHT BOXES
==================================================*/

.about-highlight {

    margin-top: 35px;

    display: flex;

    gap: 20px;

    flex-wrap: wrap;
}

.highlight-box {

    flex: 1;

    min-width: 180px;

    background: white;

    border-radius: 18px;

    padding: 25px;

    box-shadow: 0 6px 25px rgba(0,0,0,0.08);

    transition: 0.4s;
}

.highlight-box:hover {

    transform: translateY(-6px);

    background: #0b3d91;
}

.highlight-box:hover h4,
.highlight-box:hover p {

    color: white;
}

.highlight-box h4 {

    color: #0b3d91;

    font-size: 30px;

    font-weight: 800;

    margin-bottom: 8px;

    transition: 0.3s;
}

.highlight-box p {

    margin: 0;

    color: #666;

    font-size: 15px;

    transition: 0.3s;
}

/*==================================================
    MOBILE RESPONSIVE
==================================================*/

@media(max-width:768px){

    .inner-banner h1 {

        font-size: 38px;
    }

    .about-school-content h2 {

        font-size: 34px;
    }

    .about-school-content p {

        font-size: 15px;

        line-height: 28px;
    }

    .about-highlight {

        flex-direction: column;
    }
}

    .custom-breadcrumb {

    margin-top: 20px;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    background: rgba(255,255,255,0.12);

    padding: 12px 28px;

    border-radius: 40px;

    backdrop-filter: blur(5px);
}

.custom-breadcrumb a {

    color: #ffd54f;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    transition: 0.3s;
}

.custom-breadcrumb a:hover {

    color: white;
}

.custom-breadcrumb span {

    color: white;

    font-size: 15px;

    font-weight: 500;
}
.inner-banner {

    position: relative;

    background:
    linear-gradient(
        135deg,
        rgba(5,35,85,0.92),
        rgba(11,61,145,0.88),
        rgba(0,102,204,0.82)
    ),
    url('../images/about-banner.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 130px 0 100px;

    text-align: center;

    overflow: hidden;
}

/* STRIP LIGHT EFFECT */

.inner-banner::before {

    content: '';

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background:
    repeating-linear-gradient(
        -45deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.04) 12px,
        transparent 12px,
        transparent 24px
    );
}

/* GLOW EFFECT */

.inner-banner::after {

    content: '';

    position: absolute;

    top: -100px;
    right: -100px;

    width: 350px;
    height: 350px;

    background: rgba(255,193,7,0.15);

    border-radius: 50%;

    filter: blur(80px);
}

/* CONTENT */

.inner-banner .container {

    position: relative;

    z-index: 5;
}

.inner-banner h1 {

    color: #fff;

    font-size: 60px;

    font-weight: 800;

    margin-bottom: 15px;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.inner-banner p {

    color: rgba(255,255,255,0.9);

    font-size: 20px;

    margin-bottom: 25px;
}
.banner-btns {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-top: 35px;

    flex-wrap: wrap;
}

/* COMMON BUTTON */

.banner-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 34px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

    position: relative;

    overflow: hidden;
}

/* PRIMARY BUTTON */

.primary-btn {

    background: #ffc107;

    color: #08245c;

    box-shadow: 0 10px 25px rgba(255,193,7,0.35);
}

.primary-btn:hover {

    background: #ffca2c;

    transform: translateY(-3px);

    color: #08245c;
}

/* SECONDARY BUTTON */
.secondary-btn {

    background: #ffffff;

    color: #08245c;

    border: 2px solid #ffffff;

    box-shadow: 0 10px 25px rgba(255,255,255,0.18);
}
.secondary-btn:hover {

    background: #ffc107;

    border-color: #ffc107;

    color: #08245c;

    transform: translateY(-3px);
}

/* ICON */

.banner-btn i {

    font-size: 16px;
}

/*==================================
    MESSAGE DESK SECTION
==================================*/

.message-desk-section {

    padding: 90px 0;

    background: #f7f9fc;

    position: relative;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 14px;
}

.section-title h2 {

    font-size: 46px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* CARD */

.message-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    margin-top: 40px;

    transition: 0.4s ease;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    height: 100%;
}

.message-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.message-img {

    position: relative;

    overflow: hidden;

    height: 330px;
}

.message-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.5s ease;
}

.message-card:hover .message-img img {

    transform: scale(1.08);
}

/* CONTENT */

.message-content {

    padding: 30px;
}

.message-content h3 {

    font-size: 24px;

    font-weight: 800;

    color: #08245c;

    margin-bottom: 8px;
}

.message-content h5 {

    color: #ffc107;

    font-weight: 700;

    margin-bottom: 18px;

    font-style: italic;
}

.message-content p {

    color: #666;

    line-height: 1.9;

    margin-bottom: 25px;
}

/* BUTTON */

.message-btn {

    display: inline-block;

    padding: 12px 28px;

    border-radius: 50px;

    background: #08245c;

    color: #fff;

    text-decoration: none;

    font-weight: 600;

    transition: 0.4s ease;
}

.message-btn:hover {

    background: #ffc107;

    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .message-img{

        height: 280px;
    }
}

    /*==================================
    DIRECTOR MESSAGE
==================================*/

.single-message-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* IMAGE */

.director-image {

    position: relative;

    text-align: center;
}

.director-image img {

    width: 100%;

    max-width: 340px;

    border-radius: 25px;

    box-shadow: 0 15px 40px rgba(0,0,0,0.15);

    border: 6px solid #fff;
}

/* CONTENT */

.director-content {

    background: #fff;

    padding: 40px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.director-content h3 {

    font-size: 34px;

    font-weight: 800;

    color: #08245c;

    margin-bottom: 10px;
}

.director-content h5 {

    color: #ffc107;

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 25px;

    font-style: italic;
}

.director-content p {

    color: #555;

    line-height: 1.9;

    font-size: 16px;

    margin-bottom: 18px;

    text-align: justify;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 46px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .director-content{

        margin-top: 35px;

        padding: 30px;
    }

    .director-content h3{

        font-size: 28px;
    }

    .section-title h2{

        font-size: 36px;
    }
}

    /*==================================
    FACULTY SECTION
==================================*/

.faculty-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 46px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* TABLE BOX */

.faculty-table-box {

    margin-top: 50px;

    background: #fff;

    padding: 35px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    overflow-x: auto;
}

/* TABLE */

.faculty-table {

    width: 100%;

    border-collapse: collapse;
}

/* HEADER */

.faculty-table th {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: #fff;

    padding: 18px;

    font-size: 16px;

    text-align: center;

    border: none;
}

/* ROWS */

.faculty-table td {

    padding: 16px;

    font-size: 15px;

    color: #444;

    border-bottom: 1px solid #e5e5e5;

    text-align: center;
}

/* HOVER */

.faculty-table tr:hover {

    background: #f4f8ff;
}

/* SERIAL NUMBER */

.faculty-table td:first-child {

    font-weight: 700;

    color: #08245c;
}

/* PAGING */

.faculty-pager {

    text-align: center;

    padding-top: 20px;
}

.faculty-pager a,
.faculty-pager span {

    display: inline-block;

    margin: 0 5px;

    padding: 8px 14px;

    border-radius: 8px;

    background: #08245c;

    color: #fff !important;

    text-decoration: none;

    font-weight: 600;
}

.faculty-pager span {

    background: #ffc107;

    color: #08245c !important;
}

/* RESPONSIVE */

@media(max-width:768px){

    .section-title h2{

        font-size: 34px;
    }

    .faculty-table-box{

        padding: 20px;
    }

    .faculty-table th,
    .faculty-table td{

        padding: 12px;

        font-size: 14px;
    }
}

    /*==================================
        EMBLEM SECTION
==================================*/

.emblem-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 46px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* CONTENT BOX */

.emblem-content {

    background: #fff;

    padding: 40px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.emblem-content p {

    color: #555;

    font-size: 16px;

    line-height: 1.9;

    margin-bottom: 18px;

    text-align: justify;
}

.emblem-content strong {

    color: #08245c;
}

/* IMAGE BOX */

.emblem-image-box {

    background: #fff;

    padding: 40px 25px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;
}

.emblem-image-box:hover {

    transform: translateY(-8px);
}

/* IMAGE */

.emblem-img {

    width: 180px;

    height: 180px;

    object-fit: contain;

    margin-bottom: 25px;
}

/* TEXT */

.emblem-image-box h4 {

    font-size: 24px;

    font-weight: 700;

    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){

    .emblem-image-box{

        margin-top: 35px;
    }

    .section-title h2{

        font-size: 36px;
    }
}

    /*==================================
    ADMISSION SECTION
==================================*/

.admission-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 46px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* MAIN BOX */

.admission-box {

    background: #fff;

    padding: 50px;

    border-radius: 30px;

    margin-top: 50px;

    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

/* BLOCK */

.admission-block {

    margin-bottom: 40px;
}

.admission-block h3 {

    font-size: 28px;

    font-weight: 700;

    color: #08245c;

    margin-bottom: 20px;

    position: relative;
}

.admission-block h3::after {

    content: '';

    width: 70px;

    height: 4px;

    background: #ffc107;

    position: absolute;

    left: 0;

    bottom: -10px;

    border-radius: 10px;
}

.admission-block p {

    color: #555;

    line-height: 1.9;

    font-size: 16px;

    margin-top: 25px;

    text-align: justify;
}

/* LIST */

.admission-list {

    list-style: none;

    padding: 0;

    margin-top: 25px;
}

.admission-list li {

    padding: 14px 0;

    color: #555;

    font-size: 16px;

    border-bottom: 1px solid #eee;

    display: flex;

    align-items: flex-start;

    gap: 12px;
}

.admission-list li i {

    color: #0b3d91;

    margin-top: 4px;

    min-width: 20px;
}

/* NOTE */

.admission-note {

    background: #08245c;

    color: #fff;

    padding: 25px 30px;

    border-radius: 20px;

    margin-bottom: 45px;

    line-height: 1.8;

    font-size: 16px;

    display: flex;

    gap: 15px;

    align-items: flex-start;
}

.admission-note i {

    color: #ffc107;

    font-size: 22px;

    margin-top: 4px;
}

/* BUTTONS */

.admission-btns {

    margin-top: 50px;
}

.admission-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 34px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 700;

    transition: 0.4s ease;

    margin: 10px;
}

.primary-btn {

    background: #ffc107;

    color: #08245c;
}

.primary-btn:hover {

    background: #08245c;

    color: #fff;
}

.secondary-btn {

    background: #08245c;

    color: #fff;
}

.secondary-btn:hover {

    background: #ffc107;

    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){

    .admission-box{

        padding: 30px;
    }

    .section-title h2{

        font-size: 36px;
    }

    .admission-block h3{

        font-size: 24px;
    }
}

    /*==================================
        SUBJECT SECTION
==================================*/

.subject-section {
    padding: 90px 0;
    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.section-title h2 {

    font-size: 46px;
    font-weight: 800;
    color: #08245c;
    margin-top: 10px;
    margin-bottom: 15px;
}

.section-title p {
    color: #666;
    max-width: 700px;
    margin: auto;
    line-height: 1.8;
}

/* CARD */

.subject-card {

    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    transition: 0.4s ease;
    height: 100%;
}

.subject-card:hover {

    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* HEADER */

.subject-header {
    background: linear-gradient(135deg,#08245c,#0b3d91);
    padding: 25px;
    text-align: center;
}

.subject-header h3 {

    color: white;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

/* SUBJECT LIST */

.subject-list {
    list-style: none;
    padding: 30px;
    margin: 0;
}

.subject-list li {
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.subject-list li:last-child {
    border-bottom: none;
}

/* ICON */

.subject-list li i {
    color: #0b3d91;
    font-size: 18px;
}

/* HOVER */

.subject-card:hover .subject-header {
    background: linear-gradient(135deg,#ffc107,#ffb300);
}

.subject-card:hover .subject-header h3 {
    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){
    .section-title h2{
        font-size: 36px;
    }
    .subject-header h3{

        font-size: 24px;
    }
    .subject-list{
        padding: 25px;
    }
}
    /*==================================
        FACILITIES SECTION
==================================*/

.facilities-section {
    padding: 90px 0;
    background: #f7f9fc;
}

/* TITLE */

.section-title span {
    color: #ffc107;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.section-title h2 {
    font-size: 46px;
    font-weight: 800;
    color: #08245c;
    margin-top: 10px;
    margin-bottom: 15px;
}

.section-title p {
    color: #666;
    max-width: 700px;
    margin: auto;
    line-height: 1.8;
}

/* CARD */

.facility-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 25px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    text-align: center;
    transition: 0.4s ease;
    height: 100%;
}

.facility-card:hover {

    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* ICON */

.facility-icon {
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(135deg,#08245c,#0b3d91);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: 0.4s ease;
}

.facility-icon i {
    color: #fff;
    font-size: 36px;
}

/* TITLE */

.facility-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #08245c;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* TEXT */

.facility-card p {
    color: #666;
    line-height: 1.9;
    font-size: 15px;
}

/* HOVER EFFECT */

.facility-card:hover .facility-icon {

    background: linear-gradient(135deg,#ffc107,#ffb300);
}

.facility-card:hover .facility-icon i {
    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){
    .section-title h2{
        font-size: 36px;
    }

    .facility-card{
        padding: 30px 25px;    }

    .facility-card h3{
        font-size: 22px;
    }
}
    /*==================================
    CALENDAR SECTION
==================================*/

.calendar-section {
    padding: 90px 0;
    background: #f7f9fc;
}

/* CALENDAR BOX */

.calendar-box {
    background: white;
    padding: 40px;
    border-radius: 25px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    overflow-x: auto;
    margin-top: 50px;
}

/* CALENDAR */

.custom-calendar {
    width: 100%;
    border: none;
    font-family: 'Poppins', sans-serif;
}

/* TITLE */

.calendar-title {
    background: linear-gradient(135deg,#08245c,#0b3d91);
    color: white;
    font-size: 24px;
    font-weight: 700;
    height: 60px;
}

/* HEADER */

.calendar-header {
    background: #ffc107;
    color: #08245c;
    font-weight: 700;
    height: 45px;
}

/* DAYS */

.custom-calendar td {
    height: 90px;
    vertical-align: top;
    padding: 8px;
    border: 1px solid #eee;
    transition: 0.3s;
}

.custom-calendar td:hover {
    background: #f4f8ff;
}

/* TODAY */

.today-date {

    background: #ffc107 !important;
    color: #08245c !important;
    font-weight: bold;
}

/* NOTE */

.calendar-note {
    margin-top: 25px;
    text-align: center;
    color: #666;
    font-size: 15px;
}

.event-dot {
    width: 15px;
    height: 15px;
    background: #0b3d91;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

/* RESPONSIVE */

@media(max-width:768px){
    .calendar-box{
        padding: 20px;
    }

    .custom-calendar td{
        height: 70px;
        font-size: 12px;
    }
}

    /*==================================
        ACHIEVERS SECTION
==================================*/

.achievers-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* FILTER BUTTONS */

.achiever-filter {

    margin-top: 40px;
}

.filter-btn {

    background: #fff;

    border: 2px solid #08245c;

    color: #08245c;

    padding: 12px 30px;

    border-radius: 50px;

    font-weight: 700;

    margin: 0 8px;

    transition: 0.4s ease;
}

.filter-btn:hover,
.active-btn {

    background: #08245c;

    color: white;
}

/* CARD */

.achiever-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    height: 100%;
}

.achiever-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.achiever-img {

    height: 280px;

    overflow: hidden;
}

.achiever-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.5s ease;
}

.achiever-card:hover .achiever-img img {

    transform: scale(1.08);
}

/* CONTENT */

.achiever-content {

    padding: 25px;

    text-align: center;
}

/* SESSION */

.session-badge {

    background: #ffc107;

    color: #08245c;

    padding: 6px 18px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;
}

/* NAME */

.achiever-content h3 {

    font-size: 22px;

    font-weight: 800;

    color: #08245c;

    margin-top: 18px;

    margin-bottom: 8px;
}

/* CLASS */

.achiever-content h4 {

    color: #666;

    font-size: 16px;

    margin-bottom: 20px;
}

/* PERCENTAGE */

.percentage {

    width: 90px;

    height: 90px;

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: white;

    border-radius: 50%;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    font-weight: 800;

    margin-bottom: 18px;
}

.achiever-content p {

    color: #777;

    font-size: 15px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .achiever-img{

        height: 240px;
    }
}

    /*==================================
        FACULTY SECTION
==================================*/

.faculty-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 750px;

    margin: auto;

    line-height: 1.8;
}

/* INTRO */

.faculty-intro {

    background: #fff;

    padding: 35px 40px;

    border-radius: 20px;

    margin-top: 45px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.faculty-intro p {

    color: #555;

    font-size: 16px;

    line-height: 1.9;

    margin: 0;

    text-align: justify;
}

/* TABLE BOX */

.faculty-table-box {

    background: #fff;

    margin-top: 40px;

    padding: 35px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    overflow-x: auto;
}

/* TABLE */

.faculty-table {

    width: 100%;

    border-collapse: collapse;
}

/* HEADER */

.faculty-table th {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: #fff;

    padding: 18px;

    font-size: 15px;

    font-weight: 700;

    text-align: center;

    border: none;

    white-space: nowrap;
}

/* BODY */

.faculty-table td {

    padding: 16px;

    border-bottom: 1px solid #eee;

    color: #555;

    font-size: 15px;

    text-align: center;

    vertical-align: middle;
}

/* ROW HOVER */

.faculty-table tr:hover {

    background: #f4f8ff;
}

/* SERIAL COLUMN */

.faculty-table td:first-child {

    font-weight: 700;

    color: #08245c;
}

/* PAGING */

.faculty-pager {

    text-align: center;

    padding-top: 25px;
}

.faculty-pager a,
.faculty-pager span {

    display: inline-block;

    padding: 10px 15px;

    margin: 0 5px;

    border-radius: 10px;

    background: #08245c;

    color: #fff !important;

    text-decoration: none;

    font-weight: 600;
}

.faculty-pager span {

    background: #ffc107;

    color: #08245c !important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .faculty-table-box{

        padding: 20px;
    }

    .faculty-table th,
    .faculty-table td{

        font-size: 14px;

        padding: 12px;
    }

    .faculty-intro{

        padding: 25px;
    }
}

    /*==================================
        GALLERY SECTION
==================================*/

.gallery-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* CARD */

.gallery-card {

    position: relative;

    overflow: hidden;

    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    background: #fff;
}

.gallery-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.gallery-img-box {

    position: relative;

    overflow: hidden;
}

.gallery-img {

    width: 100%;

    height: 270px;

    object-fit: cover;

    transition: 0.5s ease;
}

.gallery-card:hover .gallery-img {

    transform: scale(1.08);
}

/* OVERLAY */

.gallery-overlay {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
        rgba(8,36,92,0.1),
        rgba(8,36,92,0.9)
    );

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: 0.4s ease;
}

.gallery-card:hover .gallery-overlay {

    opacity: 1;
}

/* CONTENT */

.gallery-content {

    text-align: center;

    padding: 20px;
}

.gallery-content h4 {

    color: #fff;

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 20px;
}

/* BUTTON */

.gallery-btn {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: #ffc107;

    color: #08245c;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    text-decoration: none;

    transition: 0.4s ease;
}

.gallery-btn:hover {

    background: #fff;

    color: #08245c;

    transform: rotate(10deg);
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .gallery-img{

        height: 240px;
    }
}
    /*==================================
        GALLERY PAGE
==================================*/

.gallery-page-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* DATALIST */

.gallery-datalist {

    width: 100%;
}

/* ITEM */

.gallery-item-box {

    position: relative;

    overflow: hidden;

    border-radius: 22px;

    margin: 15px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    background: white;
}

.gallery-item-box:hover {

    transform: translateY(-8px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.gallery-image {

    width: 100%;

    height: 260px;

    object-fit: cover;

    transition: 0.5s ease;

    display: block;
}

.gallery-item-box:hover .gallery-image {

    transform: scale(1.08);
}

/* OVERLAY */

.gallery-overlay {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
        rgba(8,36,92,0.15),
        rgba(8,36,92,0.92)
    );

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: 0.4s ease;
}

.gallery-item-box:hover .gallery-overlay {

    opacity: 1;
}

/* CONTENT */

.gallery-overlay-content {

    text-align: center;

    padding: 20px;
}

.gallery-overlay-content i {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #ffc107;

    color: #08245c;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    margin-bottom: 20px;

    transition: 0.4s ease;
}

.gallery-overlay-content h4 {

    color: white;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.5;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .gallery-image{

        height: 220px;
    }
}

    /*==================================
        VIDEO GALLERY
==================================*/

.video-gallery-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 700px;

    margin: auto;

    line-height: 1.8;
}

/* CARD */

.video-card {

    background: #fff;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    height: 100%;
}

.video-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* VIDEO */

.video-frame {

    position: relative;

    overflow: hidden;

    border-bottom: 4px solid #ffc107;
}

/* IFRAME */

.video-frame iframe {

    width: 100%;

    height: 250px;

    border: none;
}

/* CONTENT */

.video-content {

    padding: 25px;

    text-align: center;
}

.video-content h4 {

    font-size: 22px;

    font-weight: 700;

    color: #08245c;

    line-height: 1.5;

    margin: 0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .video-frame iframe{

        height: 220px;
    }

    .video-content h4{

        font-size: 18px;
    }
}

    /*==================================
        MEDIA GALLERY
==================================*/

.media-gallery-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 720px;

    margin: auto;

    line-height: 1.8;
}

/* CARD */

.media-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    height: 100%;
}

.media-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.media-img-box {

    position: relative;

    overflow: hidden;
}

.media-img {

    width: 100%;

    height: 340px;

    object-fit: cover;

    transition: 0.5s ease;
}

.media-card:hover .media-img {

    transform: scale(1.08);
}

/* DATE */

.media-date {

    position: absolute;

    top: 18px;

    left: 18px;

    background: #08245c;

    color: white;

    padding: 10px 18px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;
}

/* CONTENT */

.media-content {

    padding: 28px;
}

.media-content h3 {

    font-size: 20px;

    font-weight: 700;

    color: #08245c;

    line-height: 1.6;

    margin: 0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .media-img{

        height: 280px;
    }

    .media-content h3{

        font-size: 18px;
    }
}

    /*==================================
        CAREER SECTION
==================================*/

.career-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 720px;

    margin: auto;

    line-height: 1.8;
}

/* INTRO */

.career-intro {

    background: white;

    padding: 35px;

    border-radius: 22px;

    margin-top: 45px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.06);

    text-align: center;
}

.career-intro p {

    margin: 0;

    color: #555;

    line-height: 1.9;

    font-size: 16px;
}

/* CARD */

.career-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    transition: 0.4s ease;

    height: 100%;
}

.career-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* HEADER */

.career-header {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    padding: 25px;

    display: flex;

    justify-content: space-between;

    align-items: center;
}

.career-header h3 {

    color: white;

    font-size: 26px;

    font-weight: 700;

    margin: 0;
}

/* STATUS */

.job-status {

    background: #ffc107;

    color: #08245c;

    padding: 8px 18px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;
}

/* BODY */

.career-body {

    padding: 30px;
}

/* INFO */

.career-info {

    margin-bottom: 16px;

    color: #555;

    font-size: 15px;

    line-height: 1.7;
}

.career-info i {

    color: #0b3d91;

    width: 25px;
}

/* DESCRIPTION */

.career-desc {

    margin-top: 20px;

    color: #666;

    line-height: 1.9;
}

/* BUTTON */

.apply-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 30px;

    background: #08245c;

    color: white;

    border-radius: 50px;

    text-decoration: none;

    margin-top: 20px;

    transition: 0.4s ease;
}

.apply-btn:hover {

    background: #ffc107;

    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .career-header{

        flex-direction: column;

        gap: 15px;

        text-align: center;
    }

    .career-header h3{

        font-size: 22px;
    }
}

    /*==================================
        CONTACT SECTION
==================================*/

.contact-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 720px;

    margin: auto;

    line-height: 1.8;
}

/* FORM BOX */

.contact-form-box {

    background: #fff;

    padding: 45px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.contact-form-box h3 {

    font-size: 32px;

    font-weight: 700;

    color: #08245c;

    margin-bottom: 10px;
}

.contact-form-box p {

    color: #666;

    margin-bottom: 35px;
}

/* INPUT */

.custom-input,
.custom-textarea {

    border: 1px solid #ddd;

    border-radius: 15px;

    padding: 15px 18px;

    font-size: 15px;

    box-shadow: none !important;

    transition: 0.4s ease;
}

.custom-input:focus,
.custom-textarea:focus {

    border-color: #0b3d91;

    box-shadow: 0 0 0 0.2rem rgba(11,61,145,0.12) !important;
}

/* BUTTON */

.contact-btn {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: white;

    border: none;

    padding: 15px 40px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 700;

    transition: 0.4s ease;
}

.contact-btn:hover {

    background: #ffc107;

    color: #08245c;
}

/* INFO BOX */

.contact-info-box {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    padding: 45px;

    border-radius: 25px;

    color: white;

    height: 100%;
}

.contact-info-box h3 {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 35px;
}

/* ITEM */

.contact-item {

    display: flex;

    gap: 18px;

    margin-bottom: 35px;
}

/* ICON */

.contact-icon {

    width: 60px;

    height: 60px;

    min-width: 60px;

    border-radius: 50%;

    background: rgba(255,255,255,0.12);

    display: flex;

    align-items: center;

    justify-content: center;
}

.contact-icon i {

    font-size: 24px;

    color: #ffc107;
}

/* TEXT */

.contact-text h4 {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 8px;
}

.contact-text p {

    margin: 0;

    line-height: 1.8;

    color: rgba(255,255,255,0.9);
}

/* SOCIAL */

.social-icons {

    margin-top: 30px;
}

.social-icons a {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: rgba(255,255,255,0.12);

    color: white;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

    text-decoration: none;

    transition: 0.4s ease;
}

.social-icons a:hover {

    background: #ffc107;

    color: #08245c;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .contact-form-box,
    .contact-info-box{

        padding: 30px;
    }

    .contact-form-box h3,
    .contact-info-box h3{

        font-size: 28px;
    }
}
    /*==================================
        TC SECTION
==================================*/

.tc-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* BOX */

.tc-box {

    background: #fff;

    padding: 45px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    margin-top: 50px;
}

/* SEARCH OPTION */

.search-option {

    display: flex;

    gap: 30px;

    margin-bottom: 35px;

    flex-wrap: wrap;
}

.radio-custom {

    font-size: 17px;

    font-weight: 600;

    color: #08245c;
}

/* INPUT */

.custom-input {

    height: 55px;

    border-radius: 14px;

    border: 1px solid #ddd;

    padding: 0 18px;

    font-size: 15px;

    box-shadow: none !important;
}

.custom-input:focus {

    border-color: #0b3d91;

    box-shadow: 0 0 0 0.2rem rgba(11,61,145,0.12) !important;
}

/* BUTTON */

.tc-btn {

    width: 100%;

    height: 55px;

    border: none;

    border-radius: 14px;

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: white;

    font-weight: 700;

    transition: 0.4s ease;
}

.tc-btn:hover {

    background: #ffc107;

    color: #08245c;
}

/* TABLE */

.tc-table {

    width: 100%;

    border-collapse: collapse;
}

/* HEADER */

.tc-table th {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: white;

    padding: 16px;

    text-align: center;

    border: none;

    font-size: 15px;
}

/* BODY */

.tc-table td {

    padding: 15px;

    border-bottom: 1px solid #eee;

    text-align: center;

    color: #555;

    font-size: 15px;
}

/* HOVER */

.tc-table tr:hover {

    background: #f4f8ff;
}

/* DOWNLOAD BUTTON */

.download-btn {

    background: #ffc107;

    color: #08245c !important;

    padding: 10px 18px;

    border-radius: 30px;

    text-decoration: none;

    font-weight: 700;

    transition: 0.4s ease;
}

.download-btn:hover {

    background: #08245c;

    color: white !important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .tc-box{

        padding: 25px;
    }

    .search-option{

        flex-direction: column;

        gap: 15px;
    }
}

    /*==================================
        NOTICE SECTION
==================================*/

.notice-section {

    padding: 90px 0;

    background: #f7f9fc;
}

/* TITLE */

.section-title span {

    color: #ffc107;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.section-title h2 {

    font-size: 48px;

    font-weight: 800;

    color: #08245c;

    margin-top: 10px;

    margin-bottom: 15px;
}

.section-title p {

    color: #666;

    max-width: 720px;

    margin: auto;

    line-height: 1.8;
}

/* BOX */

.notice-box {

    background: #fff;

    padding: 40px;

    border-radius: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.08);

    margin-top: 50px;

    overflow-x: auto;
}

/* TABLE */

.notice-table {

    width: 100%;

    border-collapse: collapse;
}

/* HEADER */

.notice-table th {

    background: linear-gradient(135deg,#08245c,#0b3d91);

    color: white;

    padding: 18px;

    font-size: 15px;

    font-weight: 700;

    text-align: center;

    border: none;

    white-space: nowrap;
}

/* BODY */

.notice-table td {

    padding: 16px;

    border-bottom: 1px solid #eee;

    text-align: center;

    color: #555;

    font-size: 15px;

    vertical-align: middle;
}

/* HOVER */

.notice-table tr:hover {

    background: #f4f8ff;
}

/* SERIAL */

.notice-table td:first-child {

    font-weight: 700;

    color: #08245c;
}

/* DOWNLOAD BUTTON */

.download-btn {

    display: inline-block;

    background: #ffc107;

    color: #08245c !important;

    padding: 10px 18px;

    border-radius: 30px;

    text-decoration: none;

    font-weight: 700;

    transition: 0.4s ease;
}

.download-btn:hover {

    background: #08245c;

    color: white !important;
}

/* PAGING */

.notice-pager {

    text-align: center;

    padding-top: 25px;
}

.notice-pager a,
.notice-pager span {

    display: inline-block;

    padding: 10px 15px;

    margin: 0 5px;

    border-radius: 10px;

    background: #08245c;

    color: #fff !important;

    text-decoration: none;

    font-weight: 600;
}

.notice-pager span {

    background: #ffc107;

    color: #08245c !important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size: 36px;
    }

    .notice-box{

        padding: 20px;
    }

    .notice-table th,
    .notice-table td{

        font-size: 14px;

        padding: 12px;
    }
}

    /*==================================
    MANDATORY DISCLOSURE
==================================*/

.mandatory-section{

    padding:90px 0;

    background:#f7f9fc;
}

/* CARD */

.disclosure-card{

    background:#fff;

    padding:35px;

    border-radius:25px;

    margin-bottom:40px;

    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

/* TITLE */

.mandatory-title{

    font-size:30px;

    font-weight:800;

    color:#08245c;

    margin-bottom:25px;

    border-left:6px solid #ffc107;

    padding-left:18px;
}

/* TABLE */

.mandatory-table{

    width:100%;

    border-collapse:collapse;
}

/* HEADER */

.table-header th{

    background:linear-gradient(135deg,#08245c,#0b3d91);

    color:white;

    padding:18px;

    font-size:15px;

    font-weight:700;

    border:none;
}

/* BODY */

.mandatory-table td{

    padding:16px;

    border:1px solid #eee;

    color:#555;

    font-size:15px;

    vertical-align:middle;
}

/* HOVER */

.mandatory-table tr:hover{

    background:#f4f8ff;
}

/* BUTTON */

.view-btn{

    display:inline-block;

    background:#ffc107;

    color:#08245c !important;

    padding:10px 18px;

    border-radius:30px;

    text-decoration:none;

    font-weight:700;

    transition:0.4s ease;
}

.view-btn:hover{

    background:#08245c;

    color:white !important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .disclosure-card{

        padding:20px;
    }

    .mandatory-title{

        font-size:24px;
    }

    .mandatory-table td,
    .mandatory-table th{

        font-size:13px;

        padding:12px;
    }
}