.about-pg.gradient-bg {
    /* background: url(https://media.istockphoto.com/id/1311934969/photo/contact-us.jpg?s=612x612&w=0&k=20&c=_vmYyAX0aFi-sHH8eYS-tLLNfs1ZWXnNB8M7_KWwhgg=); */
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSK5d8NaACUXbK-9Csv61O4ovCS3TSHhzueog&usqp=CAU);
    background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.our-gallery-area .section-title .section-heading {
    width: 100%;
}

@media (max-width: 991px) {
    .gallery-img-wrapper1 .col-md-3 {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .instructor-support-item {
        width: 80%;
        margin: auto;
        padding: 20px;
        border: 1px solid #E5E8EC;
        border-radius: 10px;
        margin-bottom: 20px;

    }
}

.course-instructor-support-wrap div:nth-child(2) .instructor-support-item .theme-btn {
    color: var(--white-color) !important;
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.course-instructor-support-wrap div:nth-child(2) .instructor-support-item .theme-btn:hover {
    color: var(--theme-color) !important;
}

@media (max-width: 768px) {
    .upgrade-skills-left {
        padding-left: 0px;
    }

    .img-fluid {
        max-width: 100%;
        height: 300px;
        width: 100%;
    }

    .upgrade-skills-right {
        padding-right: 0px;
    }

    .section-btn {
        margin-top: 25px;
    }
}

@media (min-width: 769px) {
    .upgrade-your-skills-area .col-md-5 {
        width: 50%;
    }

    .upgrade-skills-left {
        padding-left: 0px;
    }

    .upgrade-skills-right {
        padding-right: 0px;
    }

    .section-btn {
        margin-top: 25px;
    }
}

.our-history-area.bg-page {
    background-color: #e8f0fc;
}

.history-content {
    border: 1px solid #E5E8EC;
}

.history-content:hover {
    transform: scale(1.1);
}

/* 13/05/2023 upgrade skills area styles */

.col-md-12 .left-box img {
    float: left;
    border-radius: 10px;

}

.col-md-12 .right-box {
    margin-top: 50px;

}

@media(min-width: 991px) {
    .col-md-12 .left-box img {
        width: 50%;
        margin-top: 40px;
        margin-right: 40px;
        margin-bottom: 20px;
        height: 500px;
    }

    #read {
        font-size: 16px;
    }
}

#read span {
    content: none;
    margin: 10px 0px 0px 0px;
    display: block;
}

@media (max-width: 991px) {
    .section-heading {
        font-size: 30px;
        line-height: 41px;
    }

    .our-gallery-area .section-sub-heading,
    .our-history-area .section-sub-heading {
        font-size: 16px;
        line-height: 25px;
    }
}

.right-box-text p {
    font-size: 14px;
    line-height: 22px;
}

.col-md-9 .right-box-text,
.col-md-12 .right-box-text {
    text-align: justify;
}

.col-md-12 .left-box img {
    margin-bottom: 20px;
}

.team-message {
    text-align: justify;
}

.message-info {
    font-size: 14px;
}

#read {
    font-size: 14px;
}


/* 09/05/2023 */
.btn-1 {
    /* background-color: var(--theme-color); */
    /* color: var(--white-color); */
    padding: 5px 10px;
    color: var(--theme-color);
    font-size: 13px;
}

.team-sec-container {
    padding: 30px 0px 50px 0px;

}

.section-title .sec-title-box {
    text-align: center;
}

.team-section {
    position: relative;
    /* overflow: visible; */
    background: #ffffff;
    /* padding: 0px 0px 15px 0px; */
    height: 100%;
    /* margin-bottom: 30px; */
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    display: flex;
    padding: 64px 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;

    border: 1px solid #e4e4e4;
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1);

}

.team-section-right {
    display: block;
}

.team-member-details {
    display: block;
    height: 100%;
    margin: 0;
    min-height: 373px;

}

.team-member-img {
    /* max-width: 300px; */
    /* max-height: 300px; */
    /* margin: auto; */
    /* padding: 0px; */
    width: 100%;
    border-radius: 4px;
    height: 100%;

}

.team-member-img .img-thumbnail {
    /* padding: 10px; */
    border: none;
    border-radius: 4px;
    padding: 0;
    min-height: 373px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* .row.team-sec-container>* {
    padding: 0px;
    margin: 0;
} */

.team-member-img img {
    width: 100%;
    vertical-align: middle;
    height: 100%;
    /* border-radius: 4px; */
}

.team-desc {
    /* width: 100%;
    padding: 10px 20px;
    height: 40%; */
    display: flex;
    flex-direction: column;
    gap: 0;
}

.team-text {
    margin-bottom: 0px;
    font-size: 14px;
    text-align: left;
    line-height: 25px;
}

.team-message h4 {
    font-size: 20px;
    text-align: center;
}

.message-info {
    /* margin-top: 20px;
    margin-bottom: 10px; */
    font-size: 15px;
}

@media (min-width: 576px) {
    .team-sub-section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: space-between;
    }

    .team-sub-section .sub-team-member {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        /* -ms-flex: 1 0 0%;
        flex: 1 0 0%; */
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.team-sub-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.team-sub-section .sub-team-member {
    margin-bottom: 15px;
    max-height: 400px;
}

.width-box {
    width: 100%;
    margin: auto;
}

.sub-team-member {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
    box-shadow: 0 6px 21px rgba(21, 3, 89, 0.08);
}

.sub-team-img-top {
    width: 100%;
    height: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.sub-team-member-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.member-name {
    font-size: 18px;
    /* padding-bottom: 8px; */
    color: #000000;
    margin: 0px;
    text-align: left;
    line-height: normal;

}

.member-designation {
    font-size: 15px;
    padding-bottom: 8px;
    text-align: left;
}

.table thead {
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
}

.table tbody {
    text-align: center;
}

.table thead:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}



/* .member-designation:last-child {
    margin-bottom: 0;
} */
@media (min-width: 991px) {
    .sub-team-member {
        width: 30%;
    }

    .team-sub-section {
        flex-direction: row;
    }

    .width-box {
        width: 100%;
    }

    .team-section-left {
        display: flex;
    }

    .team-member-details {
        width: 50%;
        /* padding-top: 20px; */
    }

    .team-message {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        /* padding: 30px; */
    }

    .team-bottom-box {
        width: 100%;
        margin: auto;
    }

    .sub-team-img-top-box {
        padding: 0px;
    }

    .sub-team-img-top-box .img-thumbnail {
        padding: 10px;
        border: none;
    }

    .table thead tr th {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .pt-0 {
        padding-top: 0px;
    }

    .team-section {
        padding: 24px 24px;
        margin: 50px 16px;
        height: fit-content;
    }

    h3.section-heading {
        font-size: 28px;

    }

    .section-sub-heading {
        font-size: 14px;
    }


    .team-sub-section {
        flex-direction: column;
    }

    .team-bottom-box {
        overflow-x: scroll;
    }

    .width-box {
        width: 100%;
    }

    .team-section-left {
        display: flex;
        flex-direction: column;
    }

    .team-member-details {
        width: 100%;
    }

    .team-message {
        width: 100%;
        /* padding: 0px 15px; */
    }

    .team-sec-container .row {
        margin: 0;
        padding: 0;
    }

    .team-sec-container .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .team-sec-container .col-md-8 {
        margin-bottom: 20px;
    }

    /* .team-section {
        padding: 0px 0px 15px 0px;
    } */

    .table thead tr th {
        font-size: 14px;
    }
}

.team-member-img {
    overflow: hidden;
}

.team-member-img img:hover {
    /* filter: brightness(90%); */
    transform: scale(1.1);
    transition: all .5s ease-in-out;
    /* opacity: 0; */
}

.sub-team-img-top-box {
    overflow: hidden;
}

.sub-team-img-top-box img:hover {
    /* filter: brightness(90%); */
    transform: scale(1.1);
    transition: all .5s ease-in-out;
    /* opacity: 0; */
}

/* 11/05/2023 styles for gallery area */
.our-gallery-area .col-md-9 .left-box img {
    border-radius: 10px;
    float: left;
    height: auto;
}

.our-gallery-area .col-md-9 .right-box {
    padding-top: 20px;
}

.right-box-text {
    margin-bottom: 10px;
}

.right-box-text p {
    margin-bottom: 10px;
}

.team-section-left {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .our-gallery-area .col-md-9 .left-box img {
        width: 40%;
        margin-top: 40px;
        margin-right: 40px;
        margin-bottom: 20px;
        height: 350px;
    }

    .marquee {
        height: 550px;
    }
}

@media (max-width: 991px) {
    .marquee {
        height: 350px;
    }
}

/* 12/05/2023 new section  styles for team members */

@media (min-width: 991px) {
    .vc-box .team-section-left {
        justify-content: center;

    }

    .vc-box .team-member-details {
        width: 50%;
        /* padding-top: 20px; */
    }
}

.sub-team-member1 {
    height: 100%;
    display: flex;
    box-shadow: 0 6px 21px rgba(21, 3, 89, 0.08);
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}

.sub-team-img-top-box1 {
    width: 40%;
    /* height: 100%; */
}

.sub-team-img-top1 {
    height: 100%;
}

.sub-team-member-desc1 {
    width: 60%;
    flex: 1 1 auto;
    padding: 35px 10px 25px 10px;
}

.university-name {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
}

.sub-team-member-desc1 .member-name {
    font-size: 20px;
    line-height: 24px;
}

.sub-team-member-desc1 {
    line-height: 20px;
}

.sub-team-member-desc1 .member-designation {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
}

.sub-team-member-desc1 .university-name {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
}

.sub-team-img-top-box1 .img-thumbnail {
    border: none;
    padding: 0px;
    border-radius: 0;
    object-fit: cover;
}

.officer-box {
    margin-bottom: 40px;
    height: 210px;
}

.table thead tr th:first-child {
    width: 10%;
}

.table thead tr th:last-child {
    width: 15%;
}

.sub-team-member1:hover {
    transform: scale(1.02);
    box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
    transition: all 0.5s ease;
}

@media (max-width: 991px) {
    .team-sec-container .row {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .team-sec-container {
        padding: 30px 0px 0px 0px;
    }

    .officer-box {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.table thead tr:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}

.team-message .message-info {
    text-align: justify;
}

@media (min-width: 1014px) {
    .coe-officer-details .team-sub-section {
        flex-flow: row;
    }
}

.coe-officer-details .sub-team-img-top-box {
    width: 100%;
    height: 200px;
}

.coe-officer-details .team-sub-section .sub-team-member {
    height: 320px;
}

@media (min-width: 500px) and (max-width: 991px) {
    .coe-officer-details .team-sub-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .university-officers-details .team-sub-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .university-officers-details .team-sub-section .officer-box {
        width: 100%;
    }
}

.member-designation {
    line-height: 24px;
}

.university-officers-details .sub-team-member-desc1 {
    padding: 25px 10px 25px 10px;
    margin: auto;
}