/* General Section */
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

:root {
    --detail: 1rem;
}

@media screen and (min-width: 1400px) {
    :root {
        --detail: 1.1rem;
    }
}

@media screen and (max-width: 700px) {
    :root {
        --detail: 0.9rem;
    }
}

.section-title {
    color: #0068b3;
    /* margin-bottom: 2rem; */
    font-style: normal;
    font-weight: 600;
    font-style: normal;
    /* font-size: 36px; */
    font-size: 2rem;
    /* line-height: 44px; */
    letter-spacing: -0.02em;
}

.section-description {
    font-style: normal;
    font-weight: 400;
    font-size: var(--detail);
    /* line-height: 20px; */
    text-align: justify;
    letter-spacing: -0.02em;
    color: #424242;
}

@media screen and (min-width: 1400px) {
    .section-description {
        font-size: var(--detail);
    }
}

.home-page-heading{
    background-image: url('/assets/frontend/images/home-heading-background.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 224px;

    display: grid;
    place-content: center;
}

@media screen and (max-width:524px) {
    .home-page-heading{
        height: auto;
    }
}

@media screen and (max-width:1281px) {
    .home-menu{
        display: none;
    }
}

@media screen and (max-width:1199px) {
    .home-menu{
        display: block;
    }
}

/* end of general section */

/* ======================Home Page============================= */
/* --------About 91ÖÆƬ Section---------- */
.learn-more-btn {
    overflow: hidden;
    height: 40px;
    color: #0068b3;
    border: 2px solid #0068b3;
}
.learn-more-btn span {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    background-color: #07a6a5;
    transition: width 0.4s ease-out, height 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.learn-more-btn:hover span {
    width: 225%;
    height: 562.5px;
}
.learn-more-btn:hover {
    color: white;
    border: 2px solid #07a6a5;
}

/* ------------end of About 91ÖÆƬ Section------------- */

/* ---------------Seamless Credit Section-------------- */
.credit-btn {
    border: 2px solid white !important;
    /* border-radius: 20px; */
    color: white;
    box-sizing: border-box;
    /* border-radius: 20px; */
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: bold;
    width: 160px;
    height: 50px;
}

.credit-btn:hover {
    background-color: white;
    color: #0068b3;
}
.blog-img-div {
    position: relative;
    overflow: hidden;
}

.blog-img-div img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}

.blog-img-div:hover img {
    transform: scale(
        1.2
    ); /* Increase the scale factor for a larger zoom effect */
}

@media (max-width: 1000px) {
    .benefit-container {
        overflow: hidden;
    }
}

/* ----------------End of Seamless Credit Section--------------- */

/*  --------------- Benefits and Advantages Section----------------*/
.card-box {
    box-shadow: 0px 0px 9px 1px rgba(172, 164, 164, 0.3);
    /* background: #FFFFFF; */
    background-color: #0068b3;
    border-radius: 10px;
    color: white;
    min-height: 300px;
    /* height: 100%; */
}

/* .card-box .box{
    height: 30vh;
} */

.card-icon {
    width: 47.38px;
    height: 49.75px;
}

.benefit-icon i {
    background-color: #594a43;
}

.card-title {
    font-weight: bold;
    font-size: var(--detail) !important;
    color: white;
    text-align: center;
    /* letter-spacing: -0.02em; */
}

.read-more-arrow {
    color: white;
    transition: all 0.3s ease-in-out;
}

.card-desc {
    text-align: center;
    font-weight: 500;
    font-size: var(--detail) !important;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: white;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-bottom: 15px; /* Add some spacing between paragraphs */
}
.expanded {
    -webkit-line-clamp: unset; /* Show all lines when expanded */
}
.card-box .box {
    text-align: center;
}

.read-more-btn {
    cursor: pointer;
    color: white;
    background: none;
    border: none;
    padding: 0;
}

.card-box .card-btn {
    font-weight: 600;
    color: white;
}

.benefit-container {
    background: linear-gradient(
            0deg,
            rgb(0 32 99 / 65%) 0%,
            rgb(4 92 167 / 65%) 100%
        ),
        url("/assets/frontend/images/seamless-credit.webp") no-repeat;
    background-size: cover;
    /* background-image: linear-gradient(), url("/assets/frontend/images/seamless-cradit.jpg"); */
    background-repeat: no-repeat;
}

.seamless-benefit {
    position: relative;
}

.seamless-btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: end;
    top: 0px;
    right: 7%;
    width: 100%;
    column-gap: 10px;
    position: absolute;
}

.seamless-btn button {
    padding: 0px 8px;
    color: #fff;
    font-weight: bold;
    border: none;
    font-size: 1.5rem;
    background-color: rgb(255, 255, 255, 0);
    border: 1px solid white;
    transition: all 0.2s ease-in-out;
}

.seamless-btn button:hover {
    background-color: white;
    color: #0056b3;
}

.seamless-btn button:active {
    background-color: #c5c5c5;
}

.seamless-btn .seam-next {
    margin-right: 35px;
}

.seamless-benefit .tns-controls {
    display: flex;
    flex-flow: row wrap;
    align-items: end;
    justify-content: flex-end;
    margin-right: 1.6%;
    margin-bottom: 2%;
}

.seamless-benefit .tns-controls button {
    margin-left: 10px;
    padding: 0px 8px;
    background-color: rgb(184, 184, 184, 0);
    border: 1px solid white;
    font-size: 1.5rem;
    color: white;
    font-weight: bold;
}

.seamless-benefit .tns-controls button:hover {
    background-color: #fff;
    color: #0056b3;
}

.seamless-benefit .tns-controls button:active {
    background-color: #b4b4b4;
}

@media screen and (max-width: 1199px) {
    .seamless-benefit .tns-controls {
        align-items: center;
        justify-content: center;

        margin-bottom: auto;
    }
}

@media screen and (max-width: 800px) {
    .seamless-btn {
        right: 0%;
        top: 101%;
        justify-content: center;
        column-gap: 10px;
    }
}

@media screen and (max-width: 800px) {
    .seamless-btn {
        right: 0%;
        top: 101%;
        justify-content: center;
        column-gap: 10px;
    }
}

.benefit-container .section-description {
    height: 200px;
    padding-right: 10px;
    overflow-y: scroll;

    scrollbar-color: #ffffff rgb(255, 255, 255, 0);
    scrollbar-width: thin;
}

.benefit-container .section-description::-webkit-scrollbar {
    width: 6px;
}

.benefit-container .section-description::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255, 0); /* Background color of the track */
}

.benefit-container .section-description::-webkit-scrollbar-thumb {
    background-color: #ffffff; /* Color of the thumb */
    border-radius: 6px; /* Rounded corners of the thumb */
}

.benefit-container .section-description::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff; /* Color of the thumb on hover */
}

@media (min-width: 1200px) {
    .benefit-container {
        /* height: auto; */
        height: 761px;
    }
}

/*--------------- End of  Benefits and Advantages---------------- */

/*---------------------Our Courses Section ----------------------*/
@media (min-width: 1200px) {
    .course-section {
        margin-top: 210px;
    }
}

@media (max-width: 1199px) {
    .course-section {
        margin-top: 50px;
    }
}

.course-section-one {
    position: relative;
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9),
            rgba(211, 204, 204, 0)
        ),
        url("/assets/frontend/images/rectangle_7.png") no-repeat;
    background-size: cover;
    /* background-size: contain; */
    height: 400px;
    /* background-position: center; */
}

.course-section-two {
    position: relative;
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9),
            rgba(211, 204, 204, 0)
        ),
        url("/assets/frontend/images/Rectangle/ 9.png") no-repeat;
    background-size: cover;
    height: 400px;
}

@media screen and (max-width: 991px) {
    .course-section-two,
    .course-section-one {
        height: 340px !important;
    }
}

.course-section-three {
    position: relative;

    background-size: 100%;
    height: 580px;
}

@media (max-width: 501px) {
    .course-section-three,
    .course-section-one,
    .course-section-two {
        background-size: 100% 100%;
        height: 430px;
    }
}

@media (min-width: 502px) and (max-width: 991px) {
    .course-section-three,
    .course-section-one,
    .course-section-two {
        background-size: 100% 100%;
        height: 500px;
    }
}

@media (max-width: 300px) {
    .course-section-three,
    .course-section-one,
    .course-section-two {
        background-size: 100% 100%;
        height: 400px;
    }
}

.course-info {
    position: absolute;
    bottom: 0;
    /* left: 0; */
}

/* --------------------End of Our Courses Section-------------------- */

/* -------------------Pursue an American Degree Section--------------- */
.degree-section {
    margin-top: 100px !important;
    /* background-image: url("/assets/frontend/images/Rectangle/ 45.png"); */
    background: linear-gradient(0deg, #0068b3 0%, #0068b3 100%);
    /* background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.1) 100%
        ),
        url("/assets/frontend/images/american-degree.png") no-repeat; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.read-more-btn {
    border: 1.5px solid white;
    border-radius: 20px;
    color: white;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: bold;
    width: 160px;
    height: 50px;
}

.read-more-btn:hover {
    background-color: white;
    color: #0068b3;
}

/* Why Choose 91ÖÆƬ's American Degree Pathway CSS */

.why-mit-american-degree-path .why-mit-image img {
    object-fit: contain;
}

.why-mit-american-degree-path .icon-1 {
    /* width: 80px;
    height: 80px; */
    /* background-color: white; */

    display: grid;
    place-content: center;
    clip-path: circle();
}

.why-mit-american-degree-path .icon-1 img {
    color: #0068b3;
}

.why-mit-american-degree-path .box .sub-title {
    color: #fff;
    text-align: justify;
    font-size: 20px;
    font-weight: 600;

    line-height: normal;
}

.why-mit-american-degree-path .box .detail {
    color: #fff;
    text-align: justify;
    font-size: var(--detail);
    font-weight: 500;

    line-height: normal;
}

@media screen and (max-width: 767px) {
    .why-mit-american-degree-path .box,
    .why-mit-american-degree-path .box .section-description,
    .why-mit-american-degree-path .box .sub-title {
        text-align: center;
    }
}

/* -----------------end of Pursue an American Degree Section----------------- */

/* ------------------------Notices and Announcements Section----------------- */
.main-notice-announcement {
    margin-top: 100px !important;
}

.notice-one {
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9),
            rgba(211, 204, 204, 0)
        ),
        url("/assets/frontend/images/Rectangle/ 17.png") no-repeat;
}

.notice-two {
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9),
            rgba(211, 204, 204, 0)
        ),
        url(/assets/frontend/css/"../images/Rectangle/ 17/ /(1/).png") no-repeat;
}

.notice-three {
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9),
            rgba(211, 204, 204, 0)
        ),
        url(/assets/frontend/css/"../images/Rectangle/ 17/ /(2/).png") no-repeat;
}

.notice-one,
.notice-two,
.notice-three {
    background-size: cover;
    height: 317px;
    border-radius: 10px;
    background-position: center;
    background-attachment: absolute;
    color: white;
}

.explore-all-anchor {
    color: #0068b3;
}

.learn-more-notice {
    color: white;
}

.explore-all-anchor:hover,
.learn-more-notice:hover {
    color: rgb(221, 157, 38);
}

.explore-all-btn,
.explore-all-infra-btn {
    border: 1.5px solid #0068b3;
    border-radius: 20px;
    color: #0068b3;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: bold;
    width: 160px;
    height: 50px;
}

.explore-all-btn:hover {
    background-color: #0068b3;
    color: white;
}

/*----------------------end of Notices and Announcements Section------------------- */

/* ------------------Contact Us Section---------------------------- */

@media (min-width: 992px) {
    .contact-us {
        box-shadow: 0px 2px 20px 2px #0000001a;
    }

    .contact-us {
        padding: 100px 0px 100px 50px;
    }

    .map-container {
        position: relative;
    }

    .map-div {
        box-shadow: 0px 2px 20px 2px #0000001a;
        width: 787px;
        height: 520px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-72%, -50%);
    }

    .eclipse-div {
        position: relative;
    }

    .eclipse-div img {
        position: absolute;
        height: 500px;
        width: 550px;
        right: -12px;
        top: -412px;
    }

    .contact-us-col {
        position: relative;
        z-index: 100;
    }
}

@media (max-width: 1399px) {
    .eclipse-div img {
        right: -7px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .map-div {
        width: 665px;
        transform: translate(-72%, -50%);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .map-div {
        width: 483px;
        transform: translate(-68%, -50%);
    }
}

@media (max-width: 991px) {
    .main-contact-container {
        justify-content: center;
    }

    .contact-details {
        justify-content: center;
    }

    .contact-us {
        padding: 2rem 0rem;
    }

    .map-container {
        padding: 0%;
    }

    .eclipse-div {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .eclipse-div img {
        top: -448px;
    }
}

.social-media-icon {
    color: white;
    border-radius: 50%;
    background-color: #0068b3;
    text-align: center;
}

.social-media-icon:hover {
    background-color: rgb(221, 157, 38);
}

.main-contact-container .home-contact-form {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 16px;
}

.main-contact-container .home-contact-form input {
    padding: 8px 20px;
    border: 1px solid #0068b3;
    border-radius: 6px;
}

@media screen and (max-width: 340px) {
}

.main-contact-container .home-contact-form textarea {
    padding: 8px 20px;
    border: 1px solid #0068b3;
    border-radius: 6px;
}

/* -------------------End of Contact Us Section --------------------*/

/* ------------------Testimonials Section--------------------------- */
.tns-nav button {
    border: 2px solid #0068b3;
    padding: 5px;
    margin: 5px;
    border-radius: 50%;
}

.tns-nav .tns-nav-active {
    background-color: #0068b3;
}

.tns-nav {
    text-align: center;
}

.testimonials-main-div {
    box-shadow: inset 2px 2px 71px -60px rgba(0, 0, 0, 0.4);
    /* box-shadow: 0px 2px 20px 2px #0000001A; */
    background-color: #ffffff;
    border-radius: 5px;
}

.testimonials-img-div {
    position: relative;
    background-color: aqua;
}

.testimonials-img-div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: circle(50%);
    height: 150px;
    width: 150px;
}

.testimonial-info {
    margin-top: 100px;
}

.read-more-testimonial {
    color: #0068b3;
    cursor: pointer;
}

.read-more-testimonial:hover {
    color: orange;
}

.testimonials-desc {
    font-size: 1rem;
}

@media (max-width: 500px) {
    .testimonials-desc {
        font-size: 1rem;
    }
}

/* ----------------End of Testimonials Section---------------------- */

/* ----------------Footer Section---------------------------------- */
/* --------------End of Footer Section----------------------------- */

/* =======================End of Home Page====================== */

/* ======================About Page============================== */
/* Our Values Section */
.values-div {
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: var(--white, #fff);
}

.our-values-icon img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

/* Meet Our Team Section */

.meet-out-team .title {
    margin-bottom: 50px;
}

.meet-out-team .tiny-button {
    text-align: end;
}

.meet-out-team .tiny-button button {
    border: none;
    background-color: #fff;
}

.meet-out-team .tiny-button i {
    background-color: #0068b3;
    color: white;
    clip-path: circle();
    padding: 12px;
    font-size: 1.3rem;
}

.meet-out-team .title h1 {
    margin-top: 80px;
    color: #0068b3;
    font-size: 36px;
    font-weight: 600;
}

.meet-out-team .title h6 {
    color: #000;
    font-size: 16px;
}

.meet-out-team .our-team-slider .item {
    height: 600px;
}

.meet-team-div {
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    background-color: white;
    color: #0068b3;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .meet-out-team .our-team-slider .item {
        height: 100%;
    }
}

@media screen and (max-width: 899px) {
    .meet-out-team .tiny-button {
        text-align: center;
    }

    .meet-out-team .tiny-button i {
        padding: 16px;
    }
}

/* end of Meet Our Team Section */

/* Grow With Us CSS Start  */

.grow-with-us .title h1 {
    margin-top: 80px;
    color: #0068b3;
    font-size: 36px;
    font-weight: 600;
}

.grow-with-us .title a {
    color: #0068b3;
    text-decoration: none;
    font-weight: 600;
}

.grow-with-us .gwu-contain {
    margin-top: 60px;
}

.grow-with-us .card {
    border: none;
    box-shadow: 0px 0px 10px 1px rgb(231, 231, 231);
    overflow: hidden;
}

.grow-with-us .card .card-body h6 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
}

.grow-with-us .card .card-body h5 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
}

.grow-with-us .card .card-body p {
    color: #5e5e5e;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Grow With Us CSS End  */

/* end of Our Values Section */
/* ======================End of About Page======================= */

/*//////////////////////////////////////////////////////////////////*/
/*////////////////Notice & Announcement CSS Start//////////////////*/

.announcement-main {
    margin-top: 80px;
}

.announcement-main .heading h1 {
    color: #0068b3;
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
}

.announcement-main .announcement-row .box {
    position: relative;
    width: 240px;
    height: 250px;
}

.announcement-main .announcement-row {
    display: flex;
    flex-flow: row wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.announcement-main .announcement-row .box-image {
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    background: linear-gradient(to top, rgb(0, 0, 0) 20%, rgb(99, 99, 99) 100%);
    z-index: 1;
}

.announcement-main .announcement-row .box-image img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transition: opacity 500ms 0ms ease-in-out;
}

.announcement-main .announcement-row .box-contain {
    /* width: 100%; */
    position: absolute;
    bottom: 0;
}

/* .announcement-main .announcement-row .box-contain h5 {
    font-size: 18px;
    font-weight: 500;
} */

.announcement-main .announcement-row .box-contain h2 {
    font-size: 18px;
    font-weight: 900;
}

.announcement-main .announcement-row .box-contain a {
    font-size: 15px;
    font-weight: 500;
}

/*///////////////////////////////////////////*/
/*/////////--Header Main CSS--///////////////*/

.main-header .navbar {
    height: 90px;
    background-color: #0068b3 !important;
    padding: 20px 0px;
    /* overflow: hidden; */
}

.main-header .navbar .navbar-collapse {
    flex-grow: 0;
}

.main-header .navbar .navbar-collapse .mobile-menu {
    display: none;
}

.main-header .navbar .navbar-collapse .mobile-menu .dropdown-menu {
    text-align: center;
    background-color: #fff;
}

.main-header .navbar .navbar-collapse .mobile-menu .subdropdown-menu {
    text-align: center;
    background-color: #fff;
}

.main-header .navbar .navbar-collapse .mobile-menu .subdropdown-menu a {
    color: #0068b3 !important;
    font-weight: bold;
}

.main-header .navbar .navbar-collapse .mobile-menu .dropdown-menu a {
    color: #0068b3 !important;
    font-weight: bold;
}

@media screen and (max-width: 1199px) {
    .main-header .navbar .navbar-collapse ul {
        align-items: center;
        row-gap: 5px;
    }

    .main-header .navbar .navbar-collapse ul li:hover {
        width: 100%;
        text-align: center;
        background-color: #0068b3 !important;
    }

    .main-header .navbar .navbar-collapse li a::before {
        background-color: #0068b3 !important;
    }

    .main-header .navbar .navbar-collapse li:hover a {
        color: #fff;
    }

    .main-header .navbar .navbar-collapse .dropdown {
        display: none;
    }

    .main-header .navbar .navbar-collapse .mobile-menu {
        display: block;
    }
}

.main-header .navbar .navbar-collapse a {
    position: relative;
    color: #fff;
    text-decoration: none;
    padding-bottom: 8px;
    transition: border-bottom-color 0.3s ease;
}

.main-header .navbar .navbar-collapse .nav-menu:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.3s ease;
}

.main-header .apply-btn a {
    cursor: pointer;
    border: none;
    transition: all 0.3s !important;
}

.main-header .apply-btn a:hover {
    background-color: #278ed8;
    color: #fff !important;
}

.main-header .navbar .navbar-collapse .nav-menu:hover::before {
    width: 100%;
}

.main-header .navbar .navbar-collapse .apply-btn a::before {
    height: 0px;
}

.main-header .navbar .navbar-collapse .navbar-nav {
    column-gap: 8px;
}

.main-header .navbar .navbar-collapse .nav-item .btn {
    color: #0068b3;
    font-weight: 600;
}

.main-header .navbar .navbar-collapse .nav-item .dropdown-menu a {
    color: #ffffff;
    font-weight: 500;
    padding: 9px 12px;

    position: relative;
    transition: all 0.5s ease-in-out;
}

.main-header .navbar .navbar-collapse .nav-item .dropdown-menu a:hover {
    box-shadow: inset 0em 4em 0 0em #a0d8ff;
    color: #000;
}

.main-header .navbar .shape {
    position: absolute;
    width: 330px;
    height: 90px;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 0;

    -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
}

.main-header .navbar .brand {
    margin-left: 20px;
    z-index: 10;
}

.main-header .navbar .brand img {
    height: 90px;
}

.navbar .dropdown .dropdown-menu {
    background-color: rgb(0, 0, 0, 0.6);
    border: none;
}

.navbar .dropdown:hover .dropdown-menu {
    margin-top: 0px;
    padding: 0;
    display: block;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
        margin-top: 0;
    }
    /* .navbar .nav-item:hover .nav-link{   } */
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    /* .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    } */
}

@media screen and (max-width: 1199px) {
    .main-header .navbar .navbar-collapse .navbar-nav {
        margin-top: 40px;
    }

    .main-header .navbar .navbar-collapse a {
        font-weight: 600;
        color: #0068b3;
    }

    .main-header .navbar .navbar-collapse .nav-item .btn {
        color: #ffffff;
        background-color: #0068b3;
    }

    .main-header .navbar {
        height: auto;
        background-color: #ffffff !important;
        padding: 15px 0px;
    }

    .main-header .navbar button {
        border: none;
    }

    .main-header .navbar .shape {
        position: absolute;
        height: 110px;
        width: 220px;
    }
}

@media screen and (max-width: 340px) {
    .main-header .navbar .shape {
        position: absolute;
        width: 200px;
        height: 100px;
    }
}

/*Top Nav Bar CSS*/
.main-header .top-nav-bar {
    position: sticky;
    top: 0;
    height: 40px;
    width: 100%;
    background-color: #07a6a5;
    z-index: 100;
    /*
    display: flex;
    flex-flow: row wrap;
    column-gap: 10px; */
}

.main-header .top-nav-bar .top-nav-follow .icon {
    display: grid;
    place-content: center;
    padding: 5px;
    clip-path: circle();
    background-color: #fff;
}

.main-header .top-nav-bar .top-nav-follow .icon i {
    color: #07a6a5;
}

/* .main-header .top-nav-bar .top-nav-follow .icon .fa-m{

} */

.main-header .top-nav-bar .top-nav-follow p {
    font-size: 1rem;
}

@media screen and (max-width: 940px) {
    .main-header .top-nav-bar .top-nav-follow p {
        margin-top: 3px;
        font-size: 0.8rem;
    }

    .main-header .top-nav-bar .top-nav-follow .icon {
        padding: 3px;
    }
}

@media screen and (max-width: 672px) {
    .main-header .top-nav-bar .top-nav-follow p {
        display: none;
    }
}

.main-header .top-nav-bar .arrow-box {
    margin-left: -10px;
    height: 40px;
    width: 169px;
    background-color: #5c5c5c;

    -webkit-clip-path: polygon(
        92% 0,
        100% 50%,
        93% 100%,
        0% 100%,
        0 51%,
        0% 0%
    );
    clip-path: polygon(92% 0, 100% 50%, 93% 100%, 0% 100%, 0 51%, 0% 0%);
}

.main-header .top-nav-bar .right-shape {
    /* margin-left: 15px; */
    position: absolute;
    height: 40px;
    width: 15px;
    left: 155px;
    top: 0;
    background-color: #ffffff;
    -webkit-clip-path: polygon(13% 0, 100% 50%, 14% 100%, 0 100%, 87% 50%, 0 0);
    clip-path: polygon(13% 0, 100% 50%, 14% 100%, 0 100%, 87% 50%, 0 0);
}

@media screen and (max-width: 820px) {
    .main-header .top-nav-bar .arrow-box {
        height: 40px;
        width: 110px;
    }

    .main-header .top-nav-bar .right-shape {
        height: 40px;
        width: 13px;
        left: 100px;
    }
}

@media screen and (max-width: 930px) {
    .main-header .top-nav-bar .nav-notice {
        padding-left: 20px;
    }
}

@media screen and (max-width: 604px) {
    .main-header .top-nav-bar .nav-notice {
        padding-left: 30px;
    }
}

@media screen and (max-width: 384px) {
    .main-header .top-nav-bar .nav-notice {
        padding-left: 16px;
    }
    .main-header .top-nav-bar .arrow-box h6 {
        margin-top: 2px;
        font-size: 12px;
    }

    .main-header .top-nav-bar .arrow-box {
        height: 38px;
        width: 75px;
    }

    .main-header .top-nav-bar .right-shape {
        height: 40px;
        width: 14px;
        left: 66px;
    }
}

@media screen and (max-width: 333px) {
    .main-header .top-nav-bar .arrow-box {
        height: 38px;
        width: 62px;
    }

    .main-header .top-nav-bar .right-shape {
        height: 40px;
        width: 10px;
        left: 56px;
    }
}

.main-header .top-nav-bar .arrow-box h6 {
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

/* .main-header .top-nav-bar .leadership h6 {
  padding: 12px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-weight: 500;
} */

.main-header .top-nav-bar a {
    text-decoration: none;
}

.main-header .top-nav-bar .address {
    max-width: 200px;
}

.main-header .top-nav-bar .address h6 {
    padding: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    word-break: break-all;
}

.main-header .top-nav-bar .phone {
    padding: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

/* .main-header .top-nav-bar .email {
    max-width: 160px;
} */

.main-header .top-nav-bar .email {
    padding: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.main-header .top-nav-bar .mobile-apply-now a {
    margin-top: 6px;
    padding: 5px 5px;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    color: #07a6a5;
    text-align: center;
    font-weight: 600;
}

@media screen and (max-width: 316px) {
    .main-header .top-nav-bar .mobile-apply-now a {
        margin-top: 8px;
        font-size: 9px;
    }

    .landline-number {
        display: none;
    }
}

.header-search-bar .search-bar {
    position: relative;
}

.header-search-bar .search-bar button {
    margin-right: 10px;
    position: absolute;
    right: 0;
    padding: 3px 4px;
    clip-path: circle();
}

.header-search-bar .search-bar button .fa-magnifying-glass {
    color: #0056b3;
}

.header-search-bar .search-bar button i {
    font-size: 0.8rem;
    color: #fff;
}

.main-header .top-nav-bar .myMit {
    max-width: 100%;
}

.main-header .top-nav-bar .myMit h6 {
    padding-top: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.main-header .top-nav-bar .nav-notice a h3 {
    padding-top: 14px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/* @media screen and (max-width:1171px) {
    .main-header .top-nav-bar .email{
        display: none;
    }
} */

/*/////////////////Header CSS End/////////////////*/
/*///////////////////////////////////////////////*/

.h-divider {
    margin-top: 5px;
    background-color: #fff;
    width: 2px;
    height: 30px;
}

/*///////////////////////////////////////////////*/
/*/////////////////Footer CSS Start/////////////////*/

.main-footer {
    padding: 40px 0px 0px 0px;
    margin-top: 80px;
    /* background-color: #6cc2ff; */
    background-image: linear-gradient(
            to top,
            rgba(53, 53, 53, 0.7) 100%,
            rgb(173, 173, 173, 0.4) 10%
        ),
        url("/assets/frontend/images/footer.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main-footer .footer-logo {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    row-gap: 20px;
}

.main-footer .footer-logo .logo {
    width: 100%;
    height: 100%;
}

.main-footer .footer-logo img {
    width: 100%;
    height: 100%;
}

.main-footer .footer-logo .logo-dec p {
    font-size: var(--detail);
    text-align: justify;
    line-height: normal;
    color: #fff;
}

.main-footer .stay-connected {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.main-footer .stay-connected .title h2, .main-footer .stay-connected .title h3 {
    font-size: 1rem;
    color: white;
    font-weight: bold;
    margin-bottom: 30px;
}

.main-footer .stay-connected .contact {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    column-gap: 30px;
    row-gap: 20px;
}

.main-footer .stay-connected .contact .address {
    display: flex;
    flex-flow: column wrap;
    row-gap: 5px;

    align-items: center;
    color: #fff;
}

.main-footer .stay-connected .contact .address h3 {
    font-size: var(--detail);
    font-weight: 600;
    margin-bottom: 0px;
}

.main-footer .stay-connected .contact .address h6 {
    font-size: var(--detail);
    font-weight: 500;
    margin-bottom: 0px;
}

.main-footer .stay-connected .footer-social {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.main-footer .stay-connected .footer-social .icon {
    width: 50px;
}

.main-footer .useful-link {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    row-gap: 20px;
}

.main-footer .useful-link-title h2 {
    font-size: var(--detail);
    color: white;
    font-weight: bold;
}

.main-footer .useful-link .link a {
    font-size: var(--detail);
    text-decoration: none;
    color: white;
}

.main-footer .footer-copyright p {
    padding: 15px;
    text-align: center;
    color: #fff;
}

/* Main Banner CSS Start */

.main-banner {
    overflow-x: hidden;
    position: relative;
}

.main-banner .banner-image {
    width: 100%;
    /* height: 700px; */

    background-color: rgb(76, 76, 240);
    z-index: 1;
}

.main-banner .banner-image img {
    width: 100%;
    /* height: 100%; */

    transition: opacity 500ms 0ms ease-in-out;
    object-fit: cover;
    /* object-position: 0px  0%; */
}

/*
@media screen and (min-width: 1510px) {
    .main-banner .banner-image img {
        object-fit: cover;
    }

    .main-banner .banner-image .slide-img {
        object-position: 0px -100px;
    }

    .main-banner .banner-image .slide-img-1 {
        object-position: 0px 0%;
    }

} */

.main-banner .banner-contain {
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    top: 35%;
    /* left: 10%; */

    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: start;
}

.main-banner .banner-contain .title {
    max-width: 500px;
}

.main-banner .banner-contain .main-heading {
    font-weight: 900;
    font-size: 2.3rem;
    /* line-height: 20px; */
}

.main-banner .banner-contain .main-subheading {
    font-size: 1.2rem;
    margin-bottom: 0px;
}

.main-banner .banner-contain .subtitle {
    max-width: 500px;
}

@media screen and (max-width: 650px) {
    /* .main-banner .carousel-indicators{
        display: none;
    } */
    /* .main-banner .banner-image {
        height: 330px;
    } */

    .main-banner .banner-contain .title h1 {
        font-size: 24px;
    }

    .main-banner .banner-contain .title {
        max-width: 400px;
    }

    .main-banner .banner-contain .subtitle {
        max-width: 400px;
    }

    .main-banner .banner-contain .subtitle h2 {
        font-size: 16px;
    }
}

.main-banner .banar-tag {
    position: absolute;
    width: 368px;
    bottom: 4%;
    right: 0%;

    overflow: hidden;
}

.main-banner .banar-tag .mit,
.main-banner .banar-tag .bba,
.main-banner .banar-tag .mba {
    z-index: 9;
}
.main-banner .banar-tag .mit:hover {
    right: 0px;
    z-index: 9;
}

.main-banner .banar-tag .bba:hover {
    right: 0px;
    z-index: 9;
}

.main-banner .banar-tag .mba:hover {
    right: 0px;
    z-index: 9;
}

.main-banner .banar-tag .mit {
    position: relative;
    right: -310px;
    background-color: #e78733;
    border-radius: 5px 0px 0px 5px;
    padding: 3px 0px;

    transition: all 1s ease;
}
.main-banner .banar-tag .bba {
    position: relative;
    right: -310px;
    background-color: #d82f5a;
    border-radius: 5px 0px 0px 5px;
    padding: 3px 0px;

    transition: all 1s ease;
}
.main-banner .banar-tag .mba {
    position: relative;
    right: -310px;
    background-color: #0068b3;
    border-radius: 5px 0px 0px 5px;
    padding: 3px 0px;

    transition: all 1s ease;
}

.mobile-banner-tag {
    display: none;
}

@media screen and (max-width: 767px) {
    .main-banner .banar-tag {
        display: none;
    }
    .mobile-banner-tag {
        display: block;
        position: relative;
    }

    .main-banner .banner-contain {
        align-items: center;
        text-align: center;
        /* top: 40%; */
    }
}

@media screen and (max-width: 500px) {
    .main-banner .banner-contain .subtitle {
        width: 75%;
    }
}

@media screen and (max-width: 450px) {
    .main-banner .banner-contain {
        text-align: center;
        top: 30%;
    }
}

@media screen and (max-width: 360px) {
    .main-banner .banner-contain {
        text-align: center;
        top: 20%;
    }
}

/* Main Banner CSS End */

/*/Announcement banner css start//*/

.announcement-banner {
    overflow-x: hidden;
    position: relative;
}

.announcement-banner .banner-image {
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, #0068b3, #0068b3);
    z-index: 1;
}

.announcement-banner .banner-image img {
    width: 100%;
    height: 100%;

    opacity: 0.2;
    transition: opacity 500ms 0ms ease-in-out;
    object-fit: cover;
}

.announcement-banner .banner-contain {
    width: 100%;
    position: absolute;
    bottom: 0;

    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.announcement-banner .banner-contain h1 {
    font-weight: 900;
}

.announcement-banner .banner-contain p {
    font-size: 1.2rem;
}

.announcement-banner .banner-contain .subtitle {
    width: 500px;
}

@media screen and (max-width: 500px) {
    .announcement-banner .banner-contain .subtitle {
        width: 100%;
    }
}

/*/Announcement banner css end//*/

/*///////////////////////////////////////////////////////*/
/*///////////////Notice Details CSS Start///////////////*/

.notice-detail-main {
    margin-top: 80px;
}

.notice-detail-main .heading h1 {
    color: #0068b3;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.72px;
    text-align: center;
}

.notice-detail-main .notice-date p {
    color: #837e7e;
    text-align: center;
    font-size: var(--detail);
    font-style: normal;
    font-weight: 600;
}

.home-notice-date {
    font-size: var(--detail);
}

.home-notice-titlr {
    font-size: var(--detail);
}

.notice-detail-main .notice-date p i {
    font-size: 1rem;
    margin-right: 5px;
}

.notice-detail-main .notice-detail p {
    color: #000;
    text-align: justify;
    font-size: var(--detail);
    font-style: normal;
    font-weight: 500;
}

.notice-detail-main .notice-image {
    width: 100%;
    height: 100%;

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 14px;
    overflow: hidden;
}

.notice-detail-main .notice-image .notice {
    overflow: hidden;
}

.notice-detail-main .notice-image img {
    max-width: 520px;
    max-height: 100%;
    transition: all 0.3s ease-in-out;
}

.notice-detail-main .notice-image img:hover {
    transform: scale(1.02) rotateX(9deg);
}

@media screen and (max-width: 1199px) {
    .notice-detail-main .notice-image img {
        max-width: 400px;
        max-height: 100%;
    }
}

@media screen and (max-width: 991px) {
    .notice-detail-main .notice-image img {
        max-width: 300px;
        max-height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .notice-detail-main .notice-image img {
        max-width: 100%;
        max-height: 100%;
    }
}

/*///////////////Notice Details CSS End///////////////*/

/*///////////////////////////////////////////////////////*/
/*///////////////Vacancy Listing CSS Start///////////////*/

.vacancy-listing-main {
    margin-top: 80px;
}

.vacancy-listing-main .heading h3 {
    color: var(--mit-logo-blue, #0068b3);
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
}

.vacancy-listing-main .card {
    border: none;
    box-shadow: 0px 0px 10px 1px rgb(231, 231, 231);
    overflow: hidden;
}

.vacancy-listing-main .card .card-body h6 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
}

.vacancy-listing-main .card .card-body h5 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
}

.vacancy-listing-main .card .card-body p {
    color: #5e5e5e;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 5px;
}

/* My Pagination CSS Start */

.my-pagination {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
}

.my-pagination p {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    font-size: 40px;
    color: #0068b3;
}

.my-pagination button {
    border: none;
    color: #0068b3;
    font-size: 24px;
    font-weight: 900;
    background-color: #fff;
    padding: 4px 18px;
}

.my-pagination .active {
    color: #fff;
    background-color: #0068b3;
}

.my-pagination button:hover {
    color: #fff;
    background-color: #0068b3;
}

@media screen and (max-width: 405px) {
    .my-pagination {
        column-gap: 4px;
    }
    .my-pagination button {
        font-size: 18px;
        padding: 4px 11px !important;
    }
}

/* My Pagination CSS End */

/*//////////////////Vacancy Listing CSS End///////////////*/
/*/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////*/
/*//////////////////Vacancy Detail CSS Start///////////////*/

.vacancy-detail-main {
    margin-top: 80px;
}

.vacancy-detail-main .title h1 {
    color: #0068b3;
    font-size: 2rem;
    font-weight: 900;
    /* text-align: center; */
}

.vacancy-detail-main .vacancy-details {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    /* justify-content: center; */
    column-gap: 14px;
}

.vacancy-detail-main .vacancy-details h5 {
    margin-bottom: 0px;
    color: #000000;
    font-size: 1rem;
    font-weight: 900;
}

.vacancy-detail-main .vacancy-details h6 {
    margin-bottom: 0px;
    color: #000000;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0px;
}

.vacancy-detail-main .job-desc h3 {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
}

.vacancy-detail-main .job-desc p {
    color: #000;
    margin-top: 1em;
    font-size: 0.9rem;
    text-align: justify;
}

.vacancy-detail-main .requirement h3 {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
}

.vacancy-detail-main .requirement ul li {
    color: #000;
    margin-top: 0.4em;
    font-size: 0.9rem;
    text-align: justify;
}

.vacancy-detail-main .responsibilities h3 {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
}

.vacancy-detail-main .responsibilities ul li {
    color: #000;
    margin-top: 0.4em;
    font-size: 0.9rem;
    text-align: justify;
}

.vacancy-detail-main .other-vacancies {
    position: sticky;
    top: 0;
}

.vacancy-detail-main .other-vacancies .vacancies-row {
    padding: 20px 0px 0px 0px;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 1px rgb(218, 218, 218);
}

.vacancy-detail-main .other-vacancies .vacancies-row .title h3 {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.vacancy-detail-main .other-vacancies .card {
    border: none;
}

.vacancy-detail-main .other-vacancies .card img {
    max-height: 400px;
}

.vacancy-detail-main .other-vacancies .card .card-body h5 {
    color: #424242;
    font-size: 0.8rem;
    font-weight: 600;
}

.vacancy-detail-main .other-vacancies .card .card-body p {
    color: #424242;
    font-size: 0.8rem;
    font-weight: 400;
}

/*//////////////////Vacancy Detail CSS End///////////////*/
/*/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*/////// Start Our Cources Section ///////////////*/

.availabel-course-section {
    margin-top: 80px;
}

.availabel-course-section .heading h1 {
    text-align: center;
    color: #0068b3;
    font-size: 2rem;
    font-weight: 800;
}

.availabel-course-section .course-row {
    row-gap: 20px;
}

.availabel-course-section .course-box {
    border-radius: 8px;
    position: relative;
    /* height: 480px; */
    overflow: hidden;
    /* background-color: red; */
}

.availabel-course-section .course-box .course-image {
    position: relative;
    /* display: inline-block; */
}

.availabel-course-section .course-box .course-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0.8)
    );
    pointer-events: none;
}

.availabel-course-section .course-box .course-image img {
    object-fit: cover;
    min-height: 250px;
}

.availabel-course-section .course-box .course-name {
    padding: 25px;
    bottom: 0;
    position: absolute;
}

.availabel-course-section .course-box .course-name .course-title .title {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 900;
}

.availabel-course-section .credit-hour .icon .fa-regular,
.availabel-course-section .credit-hour .icon .fa-solid {
    font-size: 1.5rem;
    color: #fff;
}

.availabel-course-section .credit-hour .icon {
    display: grid;
    place-content: center;
    background-color: #0068b3;
    padding: 11px;
    clip-path: circle();
}

.availabel-course-section .credit-hour h6 {
    margin-top: 13px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
}

.frequently-ask-question {
    margin-top: 100px;
    padding: 60px;
    background: #3285c1;
}

.frequently-ask-question h1 {
    color: White;
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 10px;
    word-break: break-all;
}

.frequently-ask-question .accordion {
    margin-top: 30px;
}

.frequently-ask-question .accordion-button {
    padding: 25px;
    font-size: 1.1rem;
    font-weight: 600;
    position: relative;
    word-break: break-all;
}

.frequently-ask-question .accordion .accordion-button i {
    position: absolute;
    right: 32px;
    font-weight: 600;
    color: white;

    height: 30px;
    width: 30px;

    padding-top: 4px;

    display: grid;
    place-content: center;

    clip-path: circle();
    background-color: #3285c1;

    transform: rotate(540deg);
    transition: transform 0.6s ease-in-out;
}

.frequently-ask-question .accordion .collapsed i {
    transform: rotate(0deg);
}

.frequently-ask-question .accordion .accordion-body p {
    text-align: justify;
}

.frequently-ask-question .accordion-button::after {
    background-image: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .availabel-course-section .credit-hour .icon .fa-regular,
    .availabel-course-section .credit-hour .icon .fa-solid {
        font-size: 0.88rem;
        color: #fff;
    }

    .availabel-course-section .credit-hour .icon {
        padding: 15px !important;
    }
}

@media screen and (max-width: 650px) {
    .frequently-ask-question {
        padding: 60px 0px;
    }
    .frequently-ask-question .accordion .accordion-button i {
        right: 12px;
    }
}

@media screen and (max-width: 767px) {
    .availabel-course-section .course-name {
        align-items: center;
        justify-content: center;
    }

    .availabel-course-section .course-box .course-name .title h3 {
        text-align: center;
        font-size: 1rem;
    }

    .availabel-course-section .credit-hour h6 {
        text-align: center;
        font-size: 0.6rem;
    }

    .availabel-course-section .credit-hour .icon {
        display: grid;
        place-content: center;
        background-color: #0068b3;
        padding: 8px;
        clip-path: circle();
        margin-top: 0px !important;
    }

    .availabel-course-section .credit-hour .icon .fa-regular,
    .availabel-course-section .credit-hour .icon .fa-solid {
        font-size: 1rem;
        color: #fff;
    }

    .availabel-course-section .credit-hour .btn {
        margin-top: 5px;
        font-size: 11px;
        padding: 2px !important;
    }
}

@media screen and (max-width: 340px) {
    .availabel-course-section .course-box .course-name .title h3 {
        text-align: center;
        font-size: 0.75rem;
    }
}

/*/////// End Our Cources Section ///////////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Corse Detail Section-/////////*/

.corsedetail-section {
    margin-top: 80px;
}

.corsedetail-section .heading {
    text-align: center;
    color: #0068b3;
    font-size: 2rem;
    font-weight: 800;
}

.corsedetail-section .about-course {
    text-align: justify;
    /* font-size: 0.9rem; */
    color: black;
    font-weight: 500;
}

.corsedetail-section .course-detail-image .course-img {
    width: 100%;
    padding: 0px;
    /* max-height: 550px;
  min-height: 120px; */
}

.corsedetail-section .course-detail-image .course-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .corsedetail-section .course-detail-image:hover .detail {
    bottom: -212px;
} */

.corsedetail-section .course-detail-image .img-row {
    position: relative;
}

.corsedetail-section .course-detail-image .detail {
    position: absolute;
    bottom: -128px;
    border-radius: 10px;
    background: #0068b3;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
    padding: 40px;
    max-width: 800px;
    max-height: 550px;
    transition: all 1s ease;
}

.corsedetail-section .about-course p {
    margin-top: 100px;

    color: #000;
    text-align: justify;
    font-weight: 400;
}

.corsedetail-section .course-detail-image .detail span {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.corsedetail-section .course-detail-image .detail p {
    color: var(--white, #fff);
    font-size: 1rem;
    font-weight: 400;
}

.corsedetail-section .course-structure {
    margin-top: 50px;
}

.corsedetail-section .course-structure .title h4 {
    color: #0068b3;
    font-size: 1.3rem;
    font-weight: 600;
}

.corsedetail-section .course-structure .semester .title h5 {
    color: #424242;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    margin-top: 50px;
}

.corsedetail-section .course-structure .semester .course-str-row {
    align-items: center;
    justify-content: center;
}

.row-divider {
    margin-top: 10px;
    width: 100%;
    height: 2px;
    background-color: #0068b3;
}

.corsedetail-section .course-structure .semester .sub-1 {
    /* margin-top: 10px; */
    padding: 16px;
    justify-content: center;
    align-items: center;
    background: rgba(0, 104, 179, 0.2);
}

.corsedetail-section .course-structure .semester .sub-2 {
    padding: 16px !important;
}

.corsedetail-section .course-structure .semester h6 {
    color: #424242;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .corsedetail-section .course-detail-image .img-row {
        position: unset;
    }

    .corsedetail-section .course-detail-image .detail {
        position: unset;
    }

    .corsedetail-section .about-course p {
        margin-top: 0px;
    }
}

/*////////////-End Corse Detail Section-///////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Blog Section-/////////////////*/

.blog-main {
    margin-top: 80px;
}

.blog-main .title h1 {
    text-align: center;
    color: #0068b3;
    font-size: 2rem;
    font-weight: 800;
}

.blog-main .card .card-body .card-title {
    color: #0068b3;
    font-size: 1rem;
    font-weight: 600;
}

.blog-main .card .card-body p {
    color: #424242;
    text-align: justify;
    font-size: 0.95rem;
    font-weight: 400;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.blog-main .card {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 0px 0px 10px 2px rgb(231, 231, 231);
}

.blog-main .card .card-img {
    position: relative;
}

.blog-main .card .date-box {
    position: absolute;
    bottom: 0;
    background-color: #0068b3;
    width: 50px;
    padding: 14px 0px;
}

.blog-main .card .date-box h3 {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.blog-main .card .date-box h4 {
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .blog-main .card .card-body p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

/*////////////-End Blog Section-///////////////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Blog-Detail Section-/////////*/

.blog-detail-main {
    margin-top: 80px;
}

.blog-detail-main .popular-blog {
    border: 1px solid rgba(0, 104, 179, 0.5);
    background: #f3f2f2;
    padding: 20px;
}

.blog-detail-main .popular-blog .search-box input {
    background-image: linear-gradient(
        90deg,
        #0068b3 0%,
        #66bdfc 46.39%,
        #0068b3 100%
    );
    background-size: 200% 100%;
    background-position: left center;
    transition: background-position 1s;

    width: 100%;
    padding: 10px;
    padding-left: 20px;
    padding-right: 51px;
    color: #fff;
    border: none;
    border-radius: 50px;
}

.blog-detail-main .popular-blog .search-box {
    position: relative;
}

.blog-detail-main .popular-blog .search-box i {
    position: absolute;
    color: #fff;
    font-size: 1.2rem;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

/* .blog-detail-main .popular-blog .search-box input:hover{
  background-position: right center;
} */

.blog-detail-main .popular-blog .search-box input::placeholder {
    color: #fff;
}

.blog-detail-main .popular-blog .search-box input:focus {
    outline: none;
    background-position: right center;
}

.blog-detail-main .popular-blog .blogs .title {
    background: linear-gradient(
        90deg,
        #0068b3 0%,
        #278ed8 46.39%,
        #65b9f5 100%
    );
    margin-bottom: 20px;
}

.blog-detail-main .popular-blog .blogs .tags {
    display: flex;
    flex-flow: row wrap;
    row-gap: 5px;
    column-gap: 5px;
}

.blog-detail-main .popular-blog .blogs .tags a {
    text-decoration: none;
    color: #424242;
    font-size: 0.9rem;
    border: 1px solid #c6bdbd;
    padding: 3px;
}

.blog-detail-main .popular-blog .blogs .tags a:hover {
    background-color: #278ed8;
    color: #fff;
    border: none;
}

.blog-detail-main .popular-blog .blogs .popular-title .title {
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.blog-detail-main .popular-blog .blogs .card {
    border: none;
    overflow: hidden;
    background: #f3f2f2;
}

.blog-detail-main .popular-blog .card-body .card-title {
    color: #424242;
    text-align: justify;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.blog-detail-main .blog-detail .title {
    color: #0068b3;
    text-align: justify;
    font-size: 2rem;
    font-weight: 600;
}

.blog-detail-main .blog-detail .post-date {
    display: flex;
    flex-flow: row wrap;
    column-gap: 40px;
}

.blog-detail-main .blog-detail .post-date .date {
    margin-top: 8px;
    color: #0068b3;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
}

.blog-detail-main .blog-detail .blog-desc {
    margin-top: 14px;
    color: #000;
    text-align: justify;
    font-size: var(--detail);
    font-weight: 500;
}

.blog-detail-main .blog-detail .blog-desc img{
    max-width: 100%;
}

.blog-detail-main .blog-detail .post-pagination {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.blog-detail-main .blog-detail .post-pagination .card {
    border: none;
}

.blog-detail-main .blog-detail .post-pagination a {
    text-decoration: none;
    color: #8e8c8c;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
}

.blog-detail-main .blog-detail .post-pagination h5 {
    font-size: 0.8rem;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

@media screen and (max-width: 500px) {
    .blog-detail-main .blog-detail .post-pagination img {
        min-height: 100% !important;
    }

    .blog-detail-main .blog-detail .post-pagination h5 {
        font-size: 0.8rem;

        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .blog-detail-main .blog-detail .post-pagination a {
        font-size: 1rem;
    }
}

/*////////////-End Blog-Detail Section-/////////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Dawnload Section-/////////////*/

.downloads-main {
    margin-top: 80px;
}

.downloads-main .dawnload-title .title {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.downloads-main .download-table td,
.downloads-main .download-table th {
    padding: 10px;
}

/*////////////-End Dawnload Section-/////////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Gallery Section-/////////////*/
.gallery-main {
    margin-top: 80px;
}

.gallery-main .heading h2 {
    color: #0068b3;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}

.gallery-main .img-box {
    overflow: hidden;
    border-radius: 10px;
    position: relative;

    box-shadow: 0px 0px 10px 2px rgb(211, 211, 211);
}

.gallery-main .img-box .gallery-img {
    height: 100%;
    width: 100%;
}

.gallery-main .img-box .gallery-img img {
    width: 100%;
    object-fit: cover;
    position: 80% 100%;
}

.gallery-main .img-box .occasion-name {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

    position: absolute;
    bottom: 0px;
    height: 120px;
    width: 100%;

    background-image: url("/assets/frontend/images/curve.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-main .img-box .occasion-name img {
    width: 100%;
    height: 100%;
}

.gallery-main .img-box .occasion-name .photo-title {
    color: #0068b3;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 10px 20px;
    margin-top: 50px;
}

.gallery-main .img-box .occasion-name .photo-number {
    color: #0068b3;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 20px;
    margin-top: 70px;
}

@media screen and (max-width: 340px) {
    .gallery-main .img-box .occasion-name .photo-number {
        font-size: 0.8rem;
    }

    .gallery-main .img-box .occasion-name .photo-title {
        font-weight: 0.6rem;
        margin-top: 30px !important;
    }

    .gallery-main .img-box .occasion-name {
        height: 100px !important;
    }

    .gallery-main .img-box .occasion-name .photo-number {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 1199px) {
    .gallery-main .img-box .occasion-name {
        height: 150px;
    }

    .gallery-main .img-box .occasion-name .photo-title {
        margin-top: 70px;
    }
    .gallery-main .img-box .occasion-name .photo-number {
        margin-top: 95px;
    }
}

/*////////////-End Gallery Section-/////////////*/
/*/////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////*/
/*////////////-Start Gallery Detail Section-/////////////*/

.gallery-detail-main {
    margin-top: 80px;
}

/* .gallery-detail-main .gallery-link img{

} */

.gallery-detail-main .heading h1 {
    color: #0068b3;
    font-size: 2rem;
    font-weight: 600;
}

/*////////////-End Gallery Detail Section-/////////////*/
/*/////////////////////////////////////////////////*/

/*////////////-Start contact us Section-/////////////*/
/*/////////////////////////////////////////////////*/

.contact-main {
    margin-top: 80px;
}

.contact-main .contact-form .title{
    color: #0068b3;
    font-size: 2rem;
    font-weight: 600;
}

.contact-main .contact-form .title .short-description {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
}

.contact-main .contact-form label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
}

.contact-main .contact-form input {
    border-radius: 0px;
}

.contact-main .contact-form textarea {
    border-radius: 0px;
}

.contact-main .quick-support .title {
    color: #0068b3;
    font-size: 2rem;
    font-weight: 600;
}
.contact-main .quick-support span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
}

.contact-main .quick-support {
    margin-top: 100px;
}

.contact-main .quick-contain i {
    color: #0068b3;
    font-size: 2rem;
}

.contact-main .quick-contain h3 {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
}

.contact-main .quick-contain h6 {
    color: #424242;
    font-size: 0.9rem;
    font-weight: 600;
}

/*////////////-End Contact us Section-/////////////*/
/*/////////////////////////////////////////////////*/

/*//////////////////////////////////////////////*/
/*////// Enquire about Program CSS Start /////*/

.enquire-program {
    margin-top: 80px;
}

.enquire-program .form-contain {
    border: 1px solid #0068b3;
    border-radius: 10px;
    padding: 60px 10px;
    width: 75%;
}

.enquire-program .title{
    color: #0068b3;
    font-size: 1.4rem;
    font-weight: 600;
}

.enquire-program .subtitle p {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .enquire-program .form-contain {
        width: 100%;
    }
}

/*//////// Enquire about Program CSS End ///////*/
/*//////////////////////////////////////////////*/

/*//////////////////////////////////////////////*/
/*////////// Apply For Program CSS Start ///////*/

.apply-program {
    margin-top: 80px;
}

.apply-program .title .section-title {
    color: #0068b3;
    font-size: 1.4rem;
    font-weight: 600;
}

.apply-program .warning span {
    color: #f00;
    font-size: 0.93rem;
    font-weight: 600;
}

.apply-program .school-info span {
    color: #0068b3;
    font-size: 1.1rem;
    font-weight: 600;
}

.apply-program .parent-info span {
    color: #0068b3;
    font-size: 1.1rem;
    font-weight: 600;
}

.apply-program .info span {
    color: #0068b3;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
}

.apply-program .form-check {
    padding-left: 0px !important;
}

/*////////// Apply For Program CSS End /////////*/
/*//////////////////////////////////////////////*/

/*////////////////Image Model Start/////////////////////*/

/*//////////////////////Image Model End////////////////////*/

/* download-page ->read more */

/* Scroll to top button */
#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 75px;
    right: 30px;
    z-index: 9999;
    border: none;
    outline: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    padding: 12px;
    clip-path: circle();
    font-size: 20px;
}

#scrollToTopBtn:hover {
    background-color: #0056b3;
}

/*////////////////////////////////*/
/* New Course Section Css Start */

.home-course {
    margin-top: 250px;
    margin-bottom: 0px;
    /* position: relative; */
    /* background-image: url('/assets/frontend/images/course-computer.png');
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}
.home-course .course-contain {
    margin-top: 50px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

.home-course .course-contain {
    margin-top: -200px;
}

.home-course .course-img {
    height: 110%;
    width: 110%;
}

.home-course .bba img {
    width: 333px;
    padding-right: 4px;
    transform: scaleY(1.01) rotate(1deg);
    z-index: 1;
}

/* .home-course img {
    width: 300px;
    height: auto;
} */

.home-course .mba img {
    transform: scaleY(1.04);
}

.home-course .second-row {
    position: absolute;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    column-gap: 10px;

    transform: translateY(154px);
    z-index: 1;
}

.home-course .course-apply-btn {
    text-decoration: none;
    background-color: #ffffff;
    padding: 80px;
    z-index: 2;
    color: Black;
    font-weight: 600;

    transform: translateY(-45px);
    clip-path: circle();
}

.home-course .bit img {
    padding-bottom: 8px;
}

.home-course .message-1 {
    position: absolute;
    padding: 10px;
    width: 278px;
    height: 189px;
    background-color: #bfddf2;

    border-radius: 50%;

    transform: translateY(-200px) translateX(220px);
    z-index: 4;
}

.arrow-1 {
    position: absolute;
    /* bottom: -15px; */
    width: 120px;
    height: 30px;
    background-color: #bfddf2;
    -webkit-clip-path: polygon(
        50% 35%,
        61% 0,
        100% 0,
        79% 44%,
        51% 71%,
        0 100%,
        0 100%
    );
    clip-path: polygon(
        50% 35%,
        61% 0,
        100% 0,
        79% 44%,
        51% 71%,
        0 100%,
        0 100%
    );
}

.arrow-2 {
    position: absolute;
    /* bottom: -15px; */
    bottom: -20px;
    right: 30px;
    width: 120px;
    height: 30px;
    background-color: #bfddf2;
    -webkit-clip-path: polygon(
        0 0,
        22% 0,
        62% 0,
        63% 24%,
        77% 55%,
        100% 100%,
        0 5%
    );
    clip-path: polygon(0 0, 22% 0, 62% 0, 63% 24%, 77% 55%, 100% 100%, 0 5%);
}

.circle {
    height: 58px;
    width: 60px;
    background-color: #bfddf2;
    clip-path: ellipse();
}

.circles-up {
    /* clip-path: ellipse(); */
    z-index: -10;
    width: 250px;
    position: absolute;
    top: -10px;
    /* left: 30px; */
    display: flex;
    flex-flow: row wrap;
    column-gap: 0px;
}

.circles-down {
    /* clip-path: ellipse(); */
    z-index: -10;
    width: 250px;
    position: absolute;
    bottom: -10px;
    /* left: 30px; */
    display: flex;
    flex-flow: row wrap;
    column-gap: 0px;
}

.home-course .message-2 {
    position: absolute;
    padding: 10px;
    width: 278px;
    height: 189px;
    background-color: #bfddf2;

    border-radius: 50%;
    transform: translateY(100px) translateX(380px);
    z-index: 4;
}

.home-course .message-3 {
    position: absolute;
    padding: 10px;
    width: 275px;
    height: 178px;
    background-color: #bfddf2;

    border-radius: 50%;
    transform: translateY(100px) translateX(-390px);
    z-index: 4;
}

.home-course .message-1 p,
.home-course .message-2 p,
.home-course .message-3 p {
    margin-top: 20px;
    font-size: var(--detail);
    text-align: center;
    line-height: 1.02rem;
}

@media screen and (max-width: 1045px) {
    .home-course .message-1 p,
    .home-course .message-2 p,
    .home-course .message-3 p {
        font-size: 0.8rem;
    }

    .home-course .message-1 {
        display: none;
    }

    .home-course .message-2 {
        display: none;
    }

    .home-course .message-3 {
        display: none;
    }

    .home-course .course-img {
        display: none;
    }

    .home-course .course-contain {
        margin-top: 20px;
    }

    .home-course {
        margin-top: 100px;
    }
}

@media screen and (max-width: 609px) {
    .home-course img {
        width: 200px;
        height: auto;
    }

    .home-course .second-row {
        transform: translateY(105px);
    }

    .home-course .bit img {
        padding-bottom: 4px;
    }

    .home-course .bba img {
        width: 234px;
        padding-right: 4px;
        transform: scaleX(1);
        z-index: 1;
    }

    .home-course .course-apply-btn {
        padding: 50px;
        transform: translateY(-33px);
        background-color: white;
    }
}

@media screen and (max-width: 409px) {
    .home-course img {
        width: 140px;
        height: auto;
    }

    .home-course .bba img {
        width: 169px;
        padding-right: 4px;
        padding-left: 4px;
        transform: scaleX(1);
        z-index: 1;
    }

    .home-course .second-row {
        transform: translateY(86px);

        column-gap: 8px;
    }

    .home-course .bit img {
        padding-bottom: 0px;
    }

    .home-course .course-apply-btn {
        padding: 25px;
        transform: translateY(-16px);
        background-color: white;
        font-size: 0.6rem;
    }
}

/* New Course Section Css End */

.allence-item-2 {
    padding-left: 50px;
    border-left: 2px solid #0068b3;
}

@media all and (max-width: 499px) {
    .allence-item-2 {
        padding-left: 0;
        border-left: none;
    }
}

/* Home Header Dropdown SubMenu CSS Start */
@media all and (min-width: 992px) {
    .main-header .dropdown-menu li {
        position: relative;
    }

    .main-header .dropdown-item {
        border-bottom: 1px solid #104480;
        /* font-weight: 500; */
        /* margin-left: 10px;
        width: 96%; */
    }

    .main-header .dropdown-menu .subdropdown-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0px;
        background-color: rgb(0, 0, 0, 0.6);
        border: none;
        border-radius: 4px;
    }

    .main-header .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    /* .main-header .dropdown-menu>li:hover {
        background-color: #f1f1f1
    } */

    /* .main-header .dropdown-menu>li:hover>.subdropdown-menu {
        display: block;
    } */
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .main-header .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: 0.5rem;
    }
}

/* Home Header Dropdown SubMenu CSS End */

/* Update Download CSS Start */
.my-dawnloads {
    margin-top: 100px;
}

.my-dawnloads .dawnload-title .title {
    color: #0068b3;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.my-dawnloads .my-table {
    background-color: #fff;
    box-shadow: 0px 0px 10px 2px rgb(211, 211, 211);
    padding: 60px;
    border-radius: 10px;
}

.my-dawnloads .my-table .heading {
    border-bottom: 1px solid #0068b3;
}

.my-dawnloads .my-table .col {
    color: #0068b3;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
}

.my-dawnloads .my-table td {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}

/* Update Download CSS End */
.carousel-caption {
    left: 10%;
}
@media screen and (max-width: 693px) {
    /* .carousel-inner{
        display: grid;
        place-content: center;
    } */

    .main-banner .banner-contain .subtitle {
        max-width: 100%;
    }

    .main-banner .banner-contain .title {
        max-width: 100%;
    }
    .carousel-caption {
        left: 0%;
        right: 0%;
    }
}

@media screen and (max-width: 1000px) {
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .home-vedio-contain {
        visibility: hidden;
    }
}

@media screen and (max-width: 1200px) {
    .about-image {
        height: 400px;
        width: 400px;
    }
}

@media screen and (max-width: 800px) {
    .about-image {
        height: 300px;
        width: 300px;
    }
}

@media screen and (max-width: 600px) {
    .about-image {
        height: 200px;
        width: 200px;
    }
}

/* FQA Section CSS Start */
.faqs-main {
    margin-top: 100px;

    background-image: url("/assets/frontend/images/curve.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}

.faqs-main .section-tag {
    color: #0068b3;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}

.faqs-main .section-title {
    color: #424242;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.72px;
}

.faqs-main .section-sub-title {
    color: #424242;
    font-size: var(--detail);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
}

.faqs-main .search-accordian .search-box {
    position: relative;
}

.faqs-main .search-accordian .search-box .search-faq-btn {
    position: absolute;
    bottom: 26%;
    right: 5%;

    color: #0056b3;
    border: none;
    background-color: #fff;
    font-size: 1.2rem;
}

.faqs-main .search-accordian input {
    position: relative;
    border-radius: 5px;
    padding: 15px 10px;

    background: transparent;
    box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.1);
}

.faqs-main .search-accordian input::placeholder {
    color: #949494;
    font-weight: 500;
}

.faqs-main .search-accordian .search-bar-body .search-sub {
    width: 100%;
    height: 100%;
    padding: 10px 0px;
    position: relative;
    display: inline-block;
}

.faqs-main .search-accordian .search-bar-body .search-sub::before {
    content: "";
    position: absolute;
    width: 55%;
    height: 100%;
    bottom: 0%;
    left: 0%;
    border-bottom: 1px solid rgb(0, 0, 255, 0.8);
}

.faqs-main .search-accordian .search-bar-body .search-sub::after {
    content: "";
    position: absolute;
    width: 55%;
    height: 100%;
    bottom: 0%;
    right: 0%;
    border-bottom: 1px solid rgb(255, 0, 0, 0.8);
}

.faqs-subject {
    margin-top: 100px;
}

.faqs-subject .title {
    color: #0068b3;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}

.faqs-subject .accordion-item {
    margin-bottom: 14px;
    border: none;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.faqs-subject .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.search-reasult {
    padding: 30px;
    border: 1px solid #dadbdb;
    border-radius: 10px;
    margin-top: 50px;
    box-shadow: 0px 0px 5px 1px #cdcecf;
}

.search-reasult .question {
    color: #080808;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}

.search-reasult .answer {
    color: #080808;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
}

.faq-search-title {
    margin-top: 100px;
    color: #0068b3;
    font-size: 34px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}

/* FQA Section CSS End */

/* Animation Css Start */

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

/* Animation Css End */

/* Accreditation section */
.gov-image {
    width: 200px;
}
.mit-accrediation-logo img {
    width: 250px;
}
.mit-logo-accreditation {
    width: 125px;
}
.iau-logo {
    width: 250px;
}

/* end of Accreditation Section */

/* team member */
.team-img-div{
    overflow:hidden;
}
.team-card{
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.10);
}
.team-img-div img{
    transition: all 0.6s;
}
.team-img-div img:hover{
    scale:1.3;
}
/* end of team member */