@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
:root {
    --primary-color: rgb(27, 111, 184);
    --secondary-color: rgb(19, 54, 84);
    --button-color: #02ABEE;
    --white-color: #fff;
    --black-color: #000;
}

body {
    font-family: "Poppins", serif !important;
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, p, li, span{
    font-family: "Poppins", serif !important;
}

a {
    text-decoration: none;
    color: inherit;
}

strong{
    font-weight: 600;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.bg-gray {
    background-color: #f2f4fa;
}

.bg-primary {
    background-color: var(--secondary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.boxShadow {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
}

.btn-pro {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
    border-radius: 0.35rem;
    font-weight: 400;
    color: var(--white-color);
    background: var(--button-color);
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.15);
}

.btn-pro:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--secondary-color);
    height: 150px;
    width: 250px;
    border-radius: 50%;
}

.btn-pro:hover {
    color: #fff;
}

.btn-pro:before {
    top: 100%;
    left: 100%;
    transition: all 0.7s;
}

.btn-pro:hover:before {
    top: -30px;
    left: -30px;
}

.btn-pro:active:before {
    background: var(--button-color);
    transition: background 0s;
}

.btn-pro2 {
    display: inline-block;
    padding: 0.65rem 1.25rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
    border-radius: 0.625rem;
    border: 1px solid var(--secondary-color);
    font-weight: 500;
    color: var(--white-color);
    background: var(--secondary-color);
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.15);
}

.btn-pro2:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--button-color);
    height: 150px;
    width: 350px;
    border-radius: 50%;
}

.btn-pro2:hover {
    color: #fff;
    border: 1px solid var(--button-color);
}

.btn-pro2:before {
    top: 100%;
    left: 100%;
    transition: all 0.7s;
}

.btn-pro2:hover:before {
    top: -30px;
    left: -30px;
}

.btn-pro2:active:before {
    background: var(--secondary-color);
    transition: background 0s;
}

.btn-pro3 {
    display: inline-block;
    padding: 0.65rem 1.25rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
    border-radius: 0.625rem;
    font-weight: 500;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    background: transparent;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.15);
}

.btn-pro3:hover {
    color: var(--button-color);
    border: 1px solid var(--button-color);
}

.scroll-on {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 0;
    background: #fff;
    box-shadow: 0 0.125rem 1.75rem 0 rgb(0, 0, 0, 0.09);
    transition: all ease-in-out 0.2s;
    box-shadow: 0 -2px 20px 5px #00000038;
    animation: fadeInDown 0.5s ease-in-out;
}

.title {
    position: relative;
    padding-left: 10px;
    display: inline-block;
}

.title:before {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, rgba(80, 183, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    width: 100px;
    height: 120%;
    left: 0;
    top: -2px;
}

.form-group label {
    margin-bottom: 5px;
    font-weight: 500;
}

.form-control,
.form-select {
    min-height: 50px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 1px solid #eeeeee;
    outline: none;
    background: var(--white-color);
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: var(--button-color);
}

.slick-prev:before,
.slick-next:before {
    font-family: "remixicon";
    font-size: 20px;
    line-height: 12px;
    display: inline-block;
    color: var(--secondary-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: var(--white-color);
}

.slick-next:before {
    content: "\F5DC";
}

.slick-prev:before {
    content: '\F5D6';
}

.fs-7 {
    font-size: 14px !important;
}

.sticky {
    background: var(--white-color) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.slick-slide {
    display: none;
    float: left;
    height: inherit !important;
    min-height: 1px;
}
/* Banner Panel */
/* =============================================== */
.bannerPanel {
    position: relative;
    background-color: #F3F4F6;
    background-image: url(../images/bannerbg.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.bannerContent h1 {
    font-size: 2.5rem;
    /* text-transform: uppercase; */
    margin-bottom: 1.875rem;
    font-weight: 600;
}

.bannerContent p {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 1.875rem;
}


/* Counter Panel */
/* ======================================= */
.counterMain {
    position: relative;
    background: url(../images/curve-bg.svg) center no-repeat;
    /* min-height: 500px; */
    background-size: contain;
}

.counterBox {
    border: 1px solid #f00;
    border-radius: 3rem;
    padding: 3rem;
    position: relative;
    background: linear-gradient(90deg, rgba(238, 237, 253, 1) 0%, rgba(224, 237, 242, 1) 100%);
}

.counterPanel {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.counterPanel .itemList {
    background: url(../images/count-curve.svg) center no-repeat;
    background-size: cover;
    text-align: center;
    flex: 1 1 calc(50% - 20px);
    padding: 1rem;
    border-radius: 5rem;
    color: var(--primary-color)
}

.counterPanel .itemList .counting {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.counterPanel .itemList p {
    margin-bottom: 0;
    font-size: 0.9rem;
    color: var(--secondary-color)
}

/* Explore Courses */
/* ======================================== */
.exploreMain {
    background: #E4ECF3 url(../images/curve-pattern.svg) center no-repeat;
    position: relative;
}

.exploreMain .slick-slide {
    margin: 0 0.625rem;
}

.exploreMain .slick-next {
    right: 0px;
    top: -65px;
}

.exploreMain .slick-prev {
    right: 70px;
    left: inherit;
    top: -65px;
}

.courseBox {
    position: relative;
    /* border: 1px dashed var(--primary-color); */
    border-radius: 25px;
    margin-bottom: 4px;
}

.courseBox:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-color: var(--button-color);
}

.courseBox .upperBox {
    aspect-ratio: 2 / 1.5;
    overflow: hidden;
    position: relative;
    padding: 1rem;
    z-index: 1;
}

.courseBox .upperBox:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 90%;
    top: 0;
    left: 0;
    border: 1px dashed var(--primary-color);
    border-bottom: 0;
    border-radius: 1.75rem 1.75rem 0 0;
}

.courseBox .upperBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.courseContent {
    position: relative;
    padding: 50px 20px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background: var(--white-color);
    margin-top: -50px;
    border-radius: 20px;
    width: 100%;
    /* width: calc(100% + 4px);
    margin-left: -2px;
    margin-bottom: -2px; */
}

.courseContent h4 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 600;
    color: var(--secondary-color);
    min-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.courseContent p {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* Why us */
/* ======================================== */
.whyBox {
    background: var(--white-color);
    padding: 1.5rem;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    min-height: 200px;
    height: 100%;
}

.whyBox:before {
    position: absolute;
    content: '';
    background: url(../images/circle-bg.svg) no-repeat;
    background-size: cover;
    top: -80px;
    right: -80px;
    width: 200px;
    height: 200px;
}

.whyBox:hover {
    background: #FFFCF5;
    transition: all 0.3ms;
}

.whyBox:hover:before {
    background: url(../images/circle-bg-h.svg) no-repeat;
}

.whyBox a {
    font-size: 14px;
    color: var(--primary-color);
}

.whyBox p{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.whyPanel .slick-slide {
    margin: 0 0.625rem;
}

.whyPanel .slick-next {
    right: 0px;
    top: -65px;
}

.whyPanel .slick-prev {
    right: 70px;
    left: inherit;
    top: -65px;
}

/* Expert Guidance */
/* ======================================= */
.expertPanel {
    position: relative;
    background: url(../images/gradiant-bg.png) center no-repeat;
    background-size: cover;
    min-height: 700px;
    padding: 100px 0;
}
/* .expertPanel h3, .expertPanel h4{
    font-weight: 700;
    color: var(--primary-color);
} */
.expertPanel li{
    margin-bottom: 0.5rem;
    display: list-item;
}
.sticky-div {
    position: sticky;
    top: 120px;
}

/* Partner */
/* ======================================= */
.partner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.partner ul li {
    flex: 1 1 calc(25% - 2rem);
    min-width: 100px;
    text-align: center;
    margin-bottom: 1.5rem;
}

/* Testimonial Panel */
/* ======================================= */
.testimonial img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    object-fit: cover;
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    display: inline-block;
}

/* .testimonailMain .slick-track{
    margin: inherit;
} */
.testimonailMain .slick-center img {
    object-fit: cover;
    transform: scale(1.36);
    box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3);
}

.testimonailMain-shape {
    position: relative;
}

.testimonailMain-shape .shape-1 {
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: -1;
}

.testimonailMain-shape .shape-2 {
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: -1;
}

.testimonailMain-shape p {
    margin-bottom: 0;
}

.testimonialPanel .slick-prev {
    left: calc(50% - 65px);
    top: calc(100% + 20px);
}

.testimonialPanel .slick-next {
    right: calc(50% - 65px);
    top: calc(100% + 20px);
}


/* Blog Panel */
/* ======================================= */
.blogBox {
    position: relative;
    padding: 1rem;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
}

/* .blogBox .leftPanel {
    width: 40%;
} */

.blogBox .leftPanel .imgPt {
    position: relative;
    overflow: hidden;
}

/* .blogBox .rightPanel {
    width: 60%;
} */

.blogBox .rightPanel h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blogBox .rightPanel p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* Footer Panel */
/* =============================== */
footer {
    position: relative;
    background-color: #283745;
    color: var(--white-color);
    font-size: 14px;
    padding: 3rem 0;
}

footer h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

footer .footerMenu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
footer .footerMenu2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
} 
footer .footerMenu2 li{
    width: 50%;
    list-style: none;
    margin-bottom: 10px;
}

footer .footerMenu li {
    list-style: none;
    margin-bottom: 10px;
}

footer .footerMenu a {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    transition: all 0.3s ease-out;
}

footer .footerMenu a:hover {
    color: var(--button-color);
    padding-left: 0.25rem;
}


/* Inner Banner */
/* ======================================= */
.innerBanner {
    position: relative;
    min-height: 250px;
}

.breadcumCourse {
    padding: 0;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0.5rem 0;
}

.breadcumCourse li {
    position: relative;
    padding-right: 1.3rem;
    font-weight: 300;
}

.breadcumCourse li:before {
    content: "/";
    right: 0.5rem;
    top: 2px;
    position: absolute;
    color: #adadad;
}

.breadcumCourse li:last-child:before {
    display: none;
}

.breadcumCourse li a {
    color: var(--button-color);
    font-weight: 500;
    font-size: 14px;
}

.breadcumCourse li a:hover {
    color: var(--button-color);
}

.innerContent li {
    margin-bottom: 10px;
}

.inner-nav-contain {
    position: sticky;
    top: 30px;
    z-index: 99;
    background: #ddd;
    padding: 12px;
    border-radius: 1rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.inner-nav-contain h4 {
    padding: 10px 14px;
    background-color: var(--button-color);
    color: var(--white-color);
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px 10px 0 0;
    margin: 0;
}

.inner-nav-contain ul {
    background-color: var(--white-color);
    border-radius: 0 0 10px 10px;
    margin-bottom: 0 !important;
    list-style: none;
}

.inner-nav-contain ul li {
    margin: 0 !important;
}

.inner-nav-contain ul li:before {
    display: none;
}

.inner-nav-contain ul li a {
    font-weight: 500;
    padding: 10px 16px;
    border-bottom: 1px solid #e1f3ea;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    color: #121212;
    transition: all 0.3s ease-out;
}

.inner-nav-contain ul li a:before {
    content: '\EA6B';
    font-family: 'remixicon';
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: var(--primary-color);
}

.inner-nav-contain ul li a:hover {
    padding-left: 2.15rem;
    color: var(--primary-color);
}

.inner-nav-contain ul li:last-child a {
    border: 0;
}

.inner-nav-contain ul li a:hover {
    background-color: var(--hover-bg);
}

.fillterPanel {
    padding: 1.25rem 1.5rem;
    position: relative;
    background: var(--white-color);
    box-shadow: 0 2px 5px rgb(0, 0, 0, 0.09);
}

.fillterPanel a{
    text-decoration: underline;
    font-weight: 500;
}

.fillterPanel table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.fillterPanel td{
    padding: 5px 8px;
    border: 1px solid #ddd;
}

.mCourse a{
    color: #565656;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    transition: all 0.3s ease-out;
    text-decoration: none;
    padding: 0.5rem 1rem 0.4rem;    
    border-radius: 0.35rem;
    border: 1px solid #ddd;
    margin-bottom: 0.2rem;
}
.mCourse a:hover, .mCourse a:focus, .mCourse a.active{
    color: var(--white-color);
    background: var(--button-color);
    border-color: var(--button-color);
    border-radius: 0.65rem;
    text-decoration: none;
}

.courseBoxMain {
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white-color);
}
.courseBoxMain .colImg {
    overflow: hidden;
    margin-right: 0.75rem;
    border-radius: 0.25rem;
    display: flex;
    height: 60px;
    width: 60px;
    align-items: stretch;
}
.courseBoxMain h5 {
    font-size: 1rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.35rem;
}
.courseBoxMain small {
    font-size: 0.78em;
    font-weight: 400;
    display: block;
    opacity: 0.8;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.courseBoxMain .colImg img {
    object-fit: cover;
    display: inline-block;
    width: 100%;
}
.courseBoxMain:hover {
    color: inherit;
    box-shadow: 4px 4px 0 rgb(101, 94, 112);
}
.collegeSection .overInfo {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.collegeSection .overInfo li {
    margin-right: 10px;
    padding-right: 10px;
    color: #565656;
    font-size: 13px;
    position: relative;
}

.collegeSection .overInfo li:before{
    position: absolute;
    content: '|';
    right: 0;
    top: 0;
    font-size: 14px;
}

.itemGallery {
    background: var(--black-color);
    position: relative;
    height: 30vh;
    display: block;
}

.itemGallery img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    vertical-align: bottom;
    opacity: 0.7;
}

.itemGallery:hover img {
    opacity: 1;
}

.showallphoto {
    background: #f2f2f2;
    border: 1px solid #000;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    color: #000 !important;
    position: absolute;
    bottom: 25px;
    right: 30px;
    width: auto;
    padding: 0.35rem 1rem;
    text-decoration: none;
    font-size: 0.9rem;
    transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s, transform 0.25s ease 0s !important;
}

.showallphoto svg {
    margin-right: 0.35rem;
}

.showallphoto:hover {
    box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent, 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    transform: scale(1.04) !important;
}

#galleryModal {
    height: 100vh;
}

.modalGalleryMain {
    height: calc(100vh - 100px);
    overflow-y: auto;
}

.modalGallery {
    columns: 2;
    column-gap: 1.5rem;
}

.modalGallery .itemPic {
    position: relative;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.modalGallery .itemPic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    vertical-align: bottom;
}

.detailsListMenu {
    position: sticky;
    top: 81px;
    z-index: 99;
    background: #edeff2;
}

.detailsMenu {
    display: flex;
    margin: 0;
    list-style: none;
    padding: 0 0 0 20px;
    /* border: 1px solid #e9ecef; */
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    overflow: auto;
}

.detailsMenu li a {
    font-size: 14px;
    font-weight: 400;
    padding: 0.65rem 0.85rem;
    display: block;
    color: #565656;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.detailsMenu li a:hover,
.detailsMenu li a.active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.collegeDetails{
    background: #edeff2;
    position: relative;
}
.collegeDetails .card{
    overflow: auto;
    border: 0;
}
.collegeDetails h6 {
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.collegeDetails h6 small {
    display: block;
    opacity: 0.8;
    margin-bottom: 0.25rem;
    color: var(--black-color);
}

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

.collegeDetails h2 {
    font-size: 22px;
    margin-bottom: 1rem;
}

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

.collegeDetails h4 {
    font-size: 18px;
}

.collegeDetails h5{
    font-size: 16px;
}

.collegeDetails a {
    color: var(--button-color);
}

.collegeDetails ul,
.collegeDetails ol {
    padding-left: 20px;
}

.collegeDetails li {
    font-size: 13px;
}

/*.collegeDetails table {
    border: 1px dashed #d9dbe1;
    border-collapse: collapse;
    position: relative;
    margin-bottom: 1rem;
    display: table;
    width: 100%;
}

.collegeDetails table tr:nth-child(2n) {
    background: #fbfbfc;
}

.collegeDetails table tbody td,
.collegeDetails table thead th {
    white-space: nowrap;
    border-right: 1px dashed #d9d9e5;
    border-bottom: 1px dashed #d9d9e5;
}

.collegeDetails table tr td {
    font-weight: 400;
}

.collegeDetails .form-control:focus {
    box-shadow: none;
}

.collegeDetails table {
    display: table;
    width: 100%;
}

.collegeDetails table tr th {
    background-color: #f5f8ff;
}

.collegeDetails table tr th,
.collegeDetails table tr td {
    padding: 5px 7px;
}

.collegeDetails table tr td p {
    margin-bottom: 5px;
}

.collegeDetails table tr td a {
    display: block;
}
*/
.detEnquireBox {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    z-index: 99;
}

.similarCollege a {
    position: relative;
    text-decoration: none;
    margin-bottom: 1rem
}

.similarCollege .leftPart {
    width: 30%
}

.similarCollege .rightPart {
    width: 70%
}

.similarCollege .imgPt {
    aspect-ratio: 2 / 1.5;
    overflow: hidden;
    position: relative;
    background: #ddd;
    background-size: cover
}

.similarCollege .imgPt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.similarCollege h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    font-size: 13px;
    color: var(--black-color);
    margin-bottom: 0;
}

.similarCollege a:hover h6 {
    text-decoration: underline;
}

.similarCollege small{
    font-size: 12px;
    color: var(--primary-color);
}

.similarCollege .ri-star-fill{
    color: #ffc800;
}

/* FAQS */
/* ================================= */
.faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
    border-radius: 0.35rem;
    display: block;
    margin-bottom: 0.5rem;
    background-color: #fff;
    /* padding: 0.75rem 1rem; */
    /* box-shadow: 0 0 15px rgb(0 0 0 / 10%); */
    border: 1px solid #dee2e6;
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
    padding: 0.75rem 2rem 0.75rem 1rem;
    color: #463b87;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

.faq-accordion .accordion .accordion-title i {
    position: absolute;
    right: 0.5rem;
    top: 0.85rem;
    font-size: 14px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active {
    color: #212121;
}

.faq-accordion .accordion .accordion-title.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.faq-accordion .accordion .accordion-content.show {
    display: block;
}

.faq-accordion .accordion .accordion-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-content ul li {
    color: #3e555f;
    position: relative;
    margin-bottom: 12px;
    line-height: 25px;
    padding-left: 15px;
}

.faq-accordion .accordion .accordion-content ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #086ad8;
    border-radius: 50%;
}

.faq-accordion .accordion .accordion-content ul li:last-child {
    margin-bottom: 0;
}


/* Review Panel */
.reviewBarMain {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 !important;
}

.reviewBarMain li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    margin: 0.15rem 0;
}

.reviewBarMain li .reviewBar {
    width: 180px;
    height: 4px;
    background: #ddd;
    border-radius: 1rem;
}

.reviewBarMain li .reviewBar span {
    height: 4px;
    border-radius: 1rem;
    background: #565656;
    display: block;
}

.reviewContUser {
    display: flex;
    align-items: center;
}

.reviewContUser .author {
    width: 40px;
    height: 40px;
    position: relative;
}

.reviewContUser .author img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    vertical-align: bottom;
}

.reviewContent {
    position: relative;
}

.reviewContent p {
    /* max-height: 4.4rem;
    height: 100vh; */
    /* word-break: break-all; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}



@media(max-width:800px){
    .bannerPanel{
        padding-top: 1.5rem;
        background: #eef3f6;
        text-align: center;
    }
    .bannerContent h1{
        font-size: 1.5rem;
    }
    .bannerContent p{
        font-size: 1.15rem;
    }
    .counterBox{
        padding: 1.5rem;
        border-radius: 1rem;
    }
    .courses-slider{
        padding-bottom: 3.5rem;
    }

    .courses-slider .slick-prev {
        left: calc(50% - 65px);
        top: calc(100% - 30px);
    }
    
    .courses-slider .slick-next {
        right: calc(50% - 65px);
        top: calc(100% - 30px);
    }
    footer{
        font-size: 13px;
    }
    .collegeSection .overInfo{
        flex-direction: column;
        margin-bottom: 0.75rem;
    }
    .collegeSection .overInfo li:before{
        display: none;
    }
    .showallphoto{
        display: none;
    }
    .detailsMenu{
        padding: 0;
    }
    .innerBanner{
        text-align: center;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        min-height: auto;
    }
    .innerBanner .col-md-3{
        display: none;
    }
    .breadcumCourse li{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
    }
    .mCourse{
        display: flex;
        align-items: center;
        overflow: auto;
    }
    .mCourse a{
        white-space: nowrap;
        margin: 0 5px;
    }
    .blogBox{
        flex-direction: column;
    }
    .blogBox .leftPanel{
        margin-bottom: 1rem;
    }
    /* .collegeDetails .card{
        overflow: auto;
    } */
}

.otro-blockquote{
  font-size: 1.25rem;
  display: block;
  margin: 2rem auto;
  font-style:italic;
  color: #ffffff;
  padding:1.5em 30px 0.5em 75px;
  border-left:8px solid #02abee ;
  line-height:1.6;
  position: relative;
  background:#271d61;
}

.otro-blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#02abee;
  font-size:8em;
  position: absolute;
  left: 0px;
  top:-40px;
}

.otro-blockquote::after{
  content: '';
}

.otro-blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/*Abdul Sami Alam*/

/* =========================================================
   Promote Education — College Overview 
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-colg
========================================================= */


/* Scoped, light-theme friendly styles for college overview blocks */
.pe-college {
  --pe-max: 1120px;
  --pe-gap: 20px;
  --pe-card-bg: #fff;
  --pe-text: #0f172a;
  --pe-muted: #475569;
  --pe-border: #e5e7eb;
  --pe-accent: #0ea5e9;
  --pe-chip: #f1f5f9;
  color: var(--pe-text);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
.pe-wrap { max-width: var(--pe-max); margin: auto; padding: 24px 16px; }

.pe-breadcrumb { font-size: .92rem; color: var(--pe-muted); margin-bottom: 10px; }
.pe-breadcrumb a { color: var(--pe-muted); text-decoration: none; }
.pe-breadcrumb a:hover { color: var(--pe-text); text-decoration: underline; }

.pe-hero {
  background: var(--pe-card-bg);
  border: 1px solid var(--pe-border);
  border-radius: 14px;
  padding: 22px 20px;
  margin-bottom: 20px;
}
.pe-hero h1 { font-size: 1.8rem; line-height: 1.25; margin: 0 0 8px; }
.pe-hero p { color: var(--pe-muted); margin: 0; }

.pe-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 8px; }
.pe-chip {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--pe-chip); border: 1px solid var(--pe-border);
  color: #0b3a53; border-radius: 999px; padding: 6px 10px; font-size: .82rem;
}

.pe-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pe-toc a {
  display: inline-block; border: 1px solid var(--pe-border); border-radius: 999px;
  padding: 6px 10px; font-size: .85rem; color: var(--pe-muted); text-decoration: none; background: #fff;
}
.pe-toc a:hover { color: var(--pe-accent); border-color: #cbd5e1; }

.pe-grid { display: grid; grid-template-columns: 1fr; gap: var(--pe-gap); margin-bottom: 15px; }
.pe-card {
  background: var(--pe-card-bg); border: 1px solid var(--pe-border);
  border-radius: 14px; padding: 18px 18px;
}
.pe-card h2 { font-size: 1.2rem; margin: 0 0 8px; }
.pe-card p { margin: 0 0 10px; }

.pe-kpis { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 12px; }
.pe-kpi { border: 1px solid var(--pe-border); border-radius: 12px; padding: 12px; }
.pe-kpi b { display: block; font-size: 1rem; margin-bottom: 2px; }

.pe-list { margin: 0; padding-left: 18px; }
.pe-list li { margin: 6px 0; }

.pe-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pe-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.pe-badge { border: 1px solid var(--pe-border); border-radius: 10px; padding: 6px 10px; background: #fff; }

.pe-note { color: var(--pe-muted); font-size: .92rem; margin-top: 6px; }

.pe-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 12px; border-left: 4px solid var(--pe-accent);
}

.pe-btn {
  display: inline-block; background: #02abee; color: #fff !important; text-decoration: none;
  padding: 10px 14px; border-radius: 10px; font-weight: 600;
}
.pe-btn:hover { opacity: .92; }
.pe-btn a: { color: #ffffff;}

/* Responsive */
@media (max-width: 900px) {
  .pe-cols { grid-template-columns: 1fr; }
  .pe-kpis { grid-template-columns: 1fr; }
}


/* ===============================
   Promote Education — Admissions Tab
   Light theme, sidebar-friendly, modern stepper
   Namespace: .pe-adm
================================= */
.pe-adm{
  --max:1120px;
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e7eb;
  --card:#ffffff;
  --soft:#f8fafc;
  --soft2:#eef2ff;
  --primary:#2563eb;
  --primary-ink:#ffffff;
  --accent:#22c55e;
  --warn:#f59e0b;
  --shadow:0 6px 18px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-adm .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Breadcrumb (optional, keeps it tidy under new namespace) */
.pe-adm .crumb{font-size:.92rem;color:var(--muted);margin-bottom:10px}
.pe-adm .crumb a{color:var(--muted);text-decoration:none}
.pe-adm .crumb a:hover{text-decoration:underline;color:var(--text)}

/* Hero */
.pe-adm .hero{
  background:linear-gradient(180deg,var(--soft) 0%, #fff 70%);
  border:1px solid var(--border);
  border-radius:18px;
  padding:22px 20px;
  box-shadow:var(--shadow);
  margin-bottom:22px;
}
.pe-adm .hero h1{margin:0 0 8px;font-size:1.9rem;line-height:1.25}
.pe-adm .hero p{margin:0;color:var(--muted)}
.pe-adm .chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
.pe-adm .chip{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--soft2);
  border:1px solid var(--border);
  color:#1e3a8a;border-radius:999px;padding:6px 10px;font-size:.82rem
}
.pe-adm .toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pe-adm .toc a{
  display:inline-block;background:#fff;border:1px solid var(--border);
  border-radius:999px;padding:6px 12px;font-size:.86rem;color:var(--muted);
  text-decoration:none
}
.pe-adm .toc a:hover{border-color:#d1d5db;color:var(--primary)}

/* Layout */
.pe-adm .grid{display:grid;grid-template-columns:1fr;gap:18px}

/* Card */
.pe-adm .card{
  background:var(--card);border:1px solid var(--border);
  border-radius:16px;padding:18px;box-shadow:var(--shadow)
}
.pe-adm .card h2{font-size:1.22rem;margin:0 0 8px}
.pe-adm .card h3{font-size:1.05rem;margin:8px 0}
.pe-adm .muted{color:var(--muted);font-size:.95rem}

/* Two-column blocks (collapse on mobile) */
.pe-adm .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){ .pe-adm .cols{grid-template-columns:1fr}}

/* Lists */
.pe-adm .ul{margin:0;padding-left:18px}
.pe-adm .ul li{margin:6px 0}
.pe-adm .ol{margin:0;padding-left:18px}
.pe-adm .ol li{margin:6px 0}

/* Stepper — vertical with numbered nodes */
.pe-adm .stepper{
  position:relative;padding-left:36px;margin-top:6px
}
.pe-adm .stepper::before{
  content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(var(--border),#dbeafe)
}
.pe-adm .step{
  position:relative;margin:0 0 14px;padding:10px 14px;border:1px solid var(--border);
  border-radius:14px;background:#fff
}
.pe-adm .step .num{
  position:absolute;left:-36px;top:10px;width:28px;height:28px;border-radius:999px;
  background:var(--primary);color:var(--primary-ink);display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.9rem;box-shadow:0 4px 10px rgba(37,99,235,.25)
}
.pe-adm .step h4{margin:0 0 4px;font-size:1rem}
.pe-adm .step p{margin:0;color:var(--muted)}

/* Callouts */
.pe-adm .note{
  border-left:4px solid var(--warn);background:#fff7ed;border:1px solid #fed7aa;
  padding:12px 14px;border-radius:12px
}
.pe-adm .success{
  border-left:4px solid var(--accent);background:#f0fdf4;border:1px solid #bbf7d0;
  padding:12px 14px;border-radius:12px
}

/* Accordion (details) */
.pe-adm details{
  border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px;margin-bottom:10px
}
.pe-adm details[open]{background:#f9fafb}
.pe-adm summary{
  list-style:none;cursor:pointer;font-weight:600;color:#0b1324
}
.pe-adm summary::-webkit-details-marker{display:none}

/* CTA */
.pe-adm .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:16px;padding:16px 18px;
  background:linear-gradient(90deg,#eef2ff, #ffffff)
}
.pe-adm .btn{
  display:inline-block;background:var(--primary);color:var(--primary-ink);
  text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-adm .btn:hover{opacity:.95}

/* Small helpers */
.pe-adm .k{display:inline-block;padding:.2rem .5rem;border-radius:8px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;font-weight:600;font-size:.8rem}



/* =========================================================
   Promote Education — Courses Tab (V2 Minimal List)
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-courses2
   Tweak colors via CSS variables below.
========================================================= */
.pe-courses2{
  --max:1120px;
  --text:#0f172a;
  --muted:#475569;
  --border:#e5e7eb;
  --accent:#0ea5e9; /* brand primary */
  --bg:#ffffff;
  --chip:#f1f5f9;
  --shadow:0 4px 14px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-courses2 .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Header */
.pe-courses2 .head{
  border:1px solid var(--border);border-radius:14px;background:var(--bg);
  padding:18px 18px;box-shadow:var(--shadow);margin-bottom:18px
}
.pe-courses2 h1{font-size:1.85rem;line-height:1.25;margin:0 0 6px}
.pe-courses2 .lede{color:var(--muted);margin:0}
.pe-courses2 .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pe-courses2 .chip{
  display:inline-block;background:var(--chip);border:1px solid var(--border);
  color:#0b3a53;border-radius:999px;padding:6px 10px;font-size:.82rem
}

/* Section group */
.pe-courses2 .group{margin:20px 0}
.pe-courses2 .group > h2{
  font-size:1.15rem;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--accent)
}
.pe-courses2 .group > p{color:var(--muted);margin:0 0 10px}

/* Program row (minimal list style) */
.pe-courses2 .program{
  display:grid;grid-template-columns:1fr auto;gap:12px;
  border:1px solid var(--border);border-radius:12px;background:#fff;
  padding:14px 14px;margin-bottom:12px
}
.pe-courses2 .eyebrow{font-size:.82rem;color:var(--muted);margin:0 0 2px}
.pe-courses2 .title{font-size:1.05rem;margin:0}
.pe-courses2 .desc{color:var(--muted);margin:6px 0 8px}
.pe-courses2 .meta{display:flex;flex-wrap:wrap;gap:6px}
.pe-courses2 .pill{
  display:inline-block;border:1px solid var(--border);border-radius:999px;
  padding:4px 8px;font-size:.78rem;background:#fff
}

/* Right column (actions/label) */
.pe-courses2 .label{
  align-self:start;display:inline-block;background:var(--accent);color:#fff;
  font-size:.72rem;padding:4px 8px;border-radius:999px;height:fit-content
}

/* Lists */
.pe-courses2 .ul{margin:0;padding-left:18px}
.pe-courses2 .ul li{margin:4px 0}

/* CTA */
.pe-courses2 .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,#eefaff,#ffffff);
  padding:14px 16px;margin-top:18px
}
.pe-courses2 .btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-courses2 .btn:hover{opacity:.95}

/* Responsive */
@media (max-width:900px){
  .pe-courses2 .program{grid-template-columns:1fr}
  .pe-courses2 .label{justify-self:start}
}





/* =========================================================
   Promote Education — Fee Structure Tab
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-fee
========================================================= */
.pe-fee{
  --max:1120px;
  --text:#0f172a;
  --muted:#475569;
  --border:#e5e7eb;
  --bg:#ffffff;
  --chip:#f1f5f9;
  --accent:#0ea5e9;      /* brand primary */
  --ok:#10b981;
  --warn:#f59e0b;
  --shadow:0 4px 14px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-fee .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Header */
.pe-fee .head{
  border:1px solid var(--border);border-radius:14px;background:var(--bg);
  padding:18px 18px;box-shadow:var(--shadow);margin-bottom:18px
}
.pe-fee h1{font-size:1.85rem;line-height:1.25;margin:0 0 6px}
.pe-fee .lede{color:var(--muted);margin:0}
.pe-fee .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pe-fee .chip{
  display:inline-block;background:var(--chip);border:1px solid var(--border);
  color:#0b3a53;border-radius:999px;padding:6px 10px;font-size:.82rem
}

/* Section */
.pe-fee .group{margin:20px 0}
.pe-fee .group > h2{
  font-size:1.15rem;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--accent)
}
.pe-fee .muted{color:var(--muted);font-size:.95rem}

/* Cards */
.pe-fee .cards{display:grid;grid-template-columns:1fr;gap:12px}
.pe-fee .card{
  border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px 14px; margin-bottom: 15px;
}
.pe-fee .card h3{margin:0 0 6px;font-size:1.05rem}
.pe-fee .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pe-fee .pill{
  display:inline-block;border:1px solid var(--border);border-radius:999px;
  padding:4px 8px;font-size:.78rem;background:#fff
}

/* Tables */
.pe-fee .table{
  width:100%;border-collapse:collapse;margin-top:8px
}
.pe-fee .table th,
.pe-fee .table td{
  border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top
}
.pe-fee .table th{background:#f8fafc;font-weight:600}
.pe-fee .right{text-align:right}

/* Callouts */
.pe-fee .note{
  border-left:4px solid var(--warn);background:#fff7ed;border:1px solid #fed7aa;
  padding:12px 14px;border-radius:12px;margin-top:10px
}
.pe-fee .success{
  border-left:4px solid var(--ok);background:#f0fdf4;border:1px solid #bbf7d0;
  padding:12px 14px;border-radius:12px;margin-top:10px
}

/* CTA */
.pe-fee .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,#eefaff,#ffffff);
  padding:14px 16px;margin-top:18px
}
.pe-fee .btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-fee .btn:hover{opacity:.95}

/* Small helpers */
.pe-fee .subtle{font-size:.9rem;color:var(--muted)}
.pe-fee .ul{margin:0;padding-left:18px}
.pe-fee .ul li{margin:4px 0}

/* Responsive */
@media (max-width:900px){
  .pe-fee .right{text-align:left}
}




/* =========================================================
   Promote Education — Placement Tab (Hiring Style)
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-place
========================================================= */
.pe-place{
  --max:1120px;
  --text:#0f172a;
  --muted:#475569;
  --border:#e5e7eb;
  --bg:#ffffff;
  --chip:#f1f5f9;
  --accent:#0ea5e9;     /* brand primary */
  --ok:#10b981;         /* success */
  --warn:#f59e0b;
  --danger:#ef4444;
  --shadow:0 4px 14px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-place .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Header (ATS-style) */
.pe-place .head{
  border:1px solid var(--border);border-radius:16px;background:var(--bg);
  box-shadow:var(--shadow);padding:18px 18px;margin-bottom:18px
}
.pe-place h1{font-size:1.85rem;line-height:1.25;margin:0 0 6px}
.pe-place .lede{color:var(--muted);margin:0}
.pe-place .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pe-place .chip{
  display:inline-flex;align-items:center;gap:6px;background:var(--chip);
  border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.82rem;color:#0b3a53
}
.pe-place .chip.ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}

/* KPI cards */
.pe-place .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.pe-place .kpi{
  border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px 14px;
  box-shadow:var(--shadow)
}
.pe-place .kpi .v{font-size:1.25rem;font-weight:800}
.pe-place .kpi .t{font-size:.9rem;color:var(--muted)}
@media (max-width:980px){ .pe-place .kpis{grid-template-columns:repeat(2,1fr)} }

/* Sections */
.pe-place .group{margin:20px 0}
.pe-place .group > h2{
  font-size:1.15rem;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--accent)
}
.pe-place .muted{color:var(--muted);font-size:.95rem}

/* Salary table */
.pe-place .table{width:100%;border-collapse:collapse}
.pe-place .table th,.pe-place .table td{
  border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top
}
.pe-place .table th{background:#f8fafc;font-weight:600}
.pe-place .right{text-align:right}

/* Sector bars (no JS) */
.pe-place .bars{display:grid;gap:10px;margin-top:8px}
.pe-place .bar{display:flex;align-items:center;gap:8px}
.pe-place .bar .label{min-width:200px;color:var(--muted);font-size:.95rem}
.pe-place .track{
  flex:1;height:10px;border-radius:999px;background:#f1f5f9;border:1px solid var(--border);
  position:relative;overflow:hidden
}
.pe-place .fill{
  height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#60a5fa)
}
.pe-place .pct{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}

/* List blocks */
.pe-place .list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-place .card{
  border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px 14px;
  box-shadow:var(--shadow)
}
@media (max-width:900px){ .pe-place .list{grid-template-columns:1fr} }

/* Badge line */
.pe-place .badge-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pe-place .badge{
  display:inline-block;border:1px solid var(--border);border-radius:999px;
  padding:4px 8px;font-size:.78rem;background:#fff; color: #000; font-weight: 300;
}

/* CTA */
.pe-place .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,#eefaff,#ffffff);
  padding:14px 16px;margin-top:18px
}
.pe-place .btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-place .btn:hover{opacity:.95}

/* Small helpers */
.pe-place .subtle{font-size:.9rem;color:var(--muted)}
.pe-place .ul{margin:0;padding-left:18px}
.pe-place .ul li{margin:4px 0}

/* Width utilities for bars (percentages) */
.pe-place .w-30{width:30%}.pe-place .w-25{width:25%}.pe-place .w-16{width:16%}
.pe-place .w-15{width:15%}.pe-place .w-14{width:14%}




/* =========================================================
   Promote Education — Facilities Tab (MDI Gurgaon)
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-fac
========================================================= */
.pe-fac{
  --max:1120px;
  --text:#0f172a;
  --muted:#475569;
  --border:#e5e7eb;
  --bg:#ffffff;
  --chip:#f1f5f9;
  --accent:#0ea5e9; /* brand primary */
  --shadow:0 4px 14px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-fac .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Header */
.pe-fac .head{
  border:1px solid var(--border);border-radius:16px;background:var(--bg);
  box-shadow:var(--shadow);padding:18px 18px;margin-bottom:18px
}
.pe-fac h1{font-size:1.85rem;line-height:1.25;margin:0 0 6px}
.pe-fac .lede{color:var(--muted);margin:0}
.pe-fac .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pe-fac .chip{
  display:inline-flex;align-items:center;gap:6px;background:var(--chip);
  border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.82rem;color:#0b3a53
}

/* Section group */
.pe-fac .group{margin:20px 0}
.pe-fac .group > h2{
  font-size:1.15rem;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--accent)
}
.pe-fac .muted{color:var(--muted);font-size:.95rem}

/* Key-value table (summary & facility lists) */
.pe-fac .table{width:100%;border-collapse:collapse;margin-top:6px}
.pe-fac .table th,.pe-fac .table td{
  border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top
}
.pe-fac .table th{background:#f8fafc;font-weight:600}

/* Card grid for compact highlight items */
.pe-fac .cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-fac .card{
  border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px 14px;
  box-shadow:var(--shadow)
}
.pe-fac .card h3{margin:0 0 6px;font-size:1.05rem}
.pe-fac .subtle{font-size:.9rem;color:var(--muted)}

/* List */
.pe-fac .ul{margin:0;padding-left:18px}
.pe-fac .ul li{margin:4px 0}

/* CTA */
.pe-fac .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,#eefaff,#ffffff);
  padding:14px 16px;margin-top:18px
}
.pe-fac .btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-fac .btn:hover{opacity:.95}

/* Responsive */
@media (max-width:900px){
  .pe-fac .cards{grid-template-columns:1fr}
}





/* =========================================================
   Promote Education — Reviews Tab (MDI Gurgaon)
   Light theme • Sidebar friendly • Accessible
   Namespace: .pe-rev
========================================================= */
.pe-rev{
  --max:1120px;
  --text:#0f172a;
  --muted:#475569;
  --border:#e5e7eb;
  --bg:#ffffff;
  --chip:#f1f5f9;
  --accent:#0ea5e9;  /* brand primary */
  --ok:#10b981;
  --warn:#f59e0b;
  --shadow:0 4px 14px rgba(15,23,42,.06);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:transparent;
}
.pe-rev .wrap{max-width:var(--max);margin:auto;padding:24px 16px}

/* Header */
.pe-rev .head{
  border:1px solid var(--border);border-radius:16px;background:var(--bg);
  box-shadow:var(--shadow);padding:18px 18px;margin-bottom:18px
}
.pe-rev h1{font-size:1.85rem;line-height:1.25;margin:0 0 6px}
.pe-rev .lede{color:var(--muted);margin:0}
.pe-rev .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pe-rev .chip{
  display:inline-flex;align-items:center;gap:6px;background:var(--chip);
  border:1px solid var(--border);border-radius:999px;padding:6px 10px;
  font-size:.82rem;color:#0b3a53
}
.pe-rev .chip.ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}

/* Rating summary */
.pe-rev .rating{
  display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px
}
.pe-rev .stars{display:flex;gap:2px;align-items:center}
.pe-rev .star{
  width:18px;height:18px;display:inline-block;background:conic-gradient(#fbbf24 0 100%,#fbbf24 0);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><polygon points="10,1 12.9,7.1 19.6,7.3 14.1,11.5 16.1,18.1 10,14.4 3.9,18.1 5.9,11.5 0.4,7.3 7.1,7.1"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><polygon points="10,1 12.9,7.1 19.6,7.3 14.1,11.5 16.1,18.1 10,14.4 3.9,18.1 5.9,11.5 0.4,7.3 7.1,7.1"/></svg>') no-repeat center / contain;
}
.pe-rev .score{font-weight:800;font-size:1.25rem}
.pe-rev .muted{color:var(--muted);font-size:.95rem}

/* Grid sections */
.pe-rev .grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}
.pe-rev .group{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px 14px; margin-bottom: 15px; box-shadow:var(--shadow)}
.pe-rev .group > h2{font-size:1.15rem;margin:0 0 15px}

/* Pros/Cons */
.pe-rev .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-rev .card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}
.pe-rev .card h3{margin:0 0 6px;font-size:1.05rem}
.pe-rev .ul{margin:0;padding-left:18px}
.pe-rev .ul li{margin:6px 0}
@media (max-width:900px){ .pe-rev .cols{grid-template-columns:1fr} }

/* Topic tags */
.pe-rev .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.pe-rev .tag{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.78rem;background:#fff}

/* Quote cards (synthetic summaries) */
.pe-rev .quotes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-rev .quote{border-left:4px solid var(--accent);background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:12px}
.pe-rev .quote p{margin:0}
.pe-rev .quote .who{margin-top:8px;font-size:.9rem;color:var(--muted)}
@media (max-width:900px){ .pe-rev .quotes{grid-template-columns:1fr} }

/* CTA */
.pe-rev .cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,#eefaff,#ffffff);
  padding:14px 16px;margin-top:12px
}
.pe-rev .btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  border-radius:10px;padding:10px 14px;font-weight:700
}
.pe-rev .btn:hover{opacity:.95}

/* Small helpers */
.pe-rev .note{font-size:.9rem;color:var(--muted);margin-top:6px}


/* =========================================================
   Promote Education — Unified Course Detail Layout
   Clean, single-column, section-based
   Namespace: .pe-course
========================================================= */

.pe-course {
  --course-max: 1120px;
  --course-bg: #f5f7fb;
  --course-card: #ffffff;
  --course-text: #0f172a;
  --course-muted: #64748b;
  --course-border: #e2e8f0;
  --course-primary: #2563eb;
  --course-primary-soft: #e0edff;
  --course-accent: #0ea5e9;
  --course-radius-lg: 18px;
  --course-radius-md: 12px;
  --course-shadow-soft: 0 10px 26px rgba(15,23,42,0.08);
  --course-shadow-subtle: 0 4px 14px rgba(15,23,42,0.06);

  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color: var(--course-text);
  background: radial-gradient(circle at top left,#e0f2fe 0,#f5f7fb 42%,#f5f7fb 100%);
  padding: 28px 16px 40px;
}

.pe-course__wrap {
  max-width: var(--course-max);
  margin: 0 auto;
}

/* HERO */
.pe-course__hero {
  background: linear-gradient(135deg,#ffffff 0%,#edf2ff 40%,#e0f2fe 100%);
  border-radius: var(--course-radius-lg);
  border: 1px solid var(--course-border);
  box-shadow: var(--course-shadow-soft);
  padding: 22px 20px 18px;
  margin-bottom: 18px;
}

.pe-course__eyebrow {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--course-muted);
  margin: 0 0 4px;
}

.pe-course__hero h1 {
  margin: 0 0 8px;
  font-size: 1.9rem;
  line-height: 1.2;
}

.pe-course__hero p {
  margin: 0 0 14px;
  color: var(--course-muted);
  max-width: 720px;
  font-size: 0.97rem;
}

.pe-course__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.pe-course__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid var(--course-border);
  background: rgba(255,255,255,0.96);
  font-size: 0.78rem;
  color: var(--course-muted);
}

.pe-course__chip strong {
  color: var(--course-primary);
}

.pe-course__hero-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 8px;
}

.pe-course__hero-stat {
  background: rgba(255,255,255,0.96);
  border-radius: 14px;
  border: 1px solid var(--course-border);
  padding: 9px 10px;
  font-size: 0.85rem;
}

.pe-course__hero-stat b {
  display: block;
  font-size: 0.94rem;
  font-weight: 700;
}

/* SUB NAV */
.pe-course__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 16px;
}

.pe-course__nav a {
  font-size: 0.82rem;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--course-border);
  background: #ffffff;
  color: var(--course-muted);
  text-decoration: none;
}

.pe-course__nav a:hover {
  border-color: var(--course-primary);
  color: var(--course-primary);
}

/* SECTION WRAPPER */
.pe-course__section {
  margin-bottom: 14px;
}

.pe-course__card {
  background: var(--course-card);
  border-radius: var(--course-radius-md);
  border: 1px solid var(--course-border);
  box-shadow: var(--course-shadow-subtle);
  padding: 14px 14px 12px;
}

.pe-course__card h2,
.pe-course__card h3 {
  margin: 0 0 6px;
  font-size: 1.08rem;
}

.pe-course__card p {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: var(--course-muted);
}

/* SIMPLE 2-COL GRID INSIDE SECTIONS */
.pe-course__grid-2 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 12px;
}

/* LISTS */
.pe-course__list,
.pe-course__list-num {
  margin: 4px 0 0;
  padding-left: 18px;
  font-size: 0.86rem;
  color: var(--course-muted);
}

.pe-course__list li,
.pe-course__list-num li {
  margin: 4px 0;
}

/* PILLS */
.pe-course__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.pe-course__pill {
  border-radius: 999px;
  border: 1px solid var(--course-border);
  padding: 3px 8px;
  font-size: 0.78rem;
  background: #f8fafc;
  white-space: nowrap;
}

.pe-course__pill--accent {
  background: var(--course-primary-soft);
  border-color: #c7d2fe;
  color: var(--course-primary);
  font-weight: 500;
}

/* CTA BAND */
.pe-course__cta {
  margin-top: 18px;
  background: linear-gradient(90deg,#2563eb,#0ea5e9);
  border-radius: 16px;
  padding: 14px 16px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.pe-course__cta p {
  margin: 0;
  font-size: 0.9rem;
  max-width: 620px;
}

.pe-course__btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.4);
  background: #ffffff;
  color: #1d4ed8;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  white-space: nowrap;
}

.pe-course__btn-light:hover {
  background: #e0edff;
}

/* DISCLAIMER */
.pe-course__disclaimer {
  margin-top: 8px;
  font-size: 0.78rem;
  color: var(--course-muted);
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .pe-course__hero-stats {
    grid-template-columns: 1fr;
  }
  .pe-course__grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .pe-course__hero h1 {
    font-size: 1.55rem;
  }
}