/*
Theme Name: SCCE
Author: IKF
Description: A custom lightweight theme optimized for performance and compatibility.
Version: 1.0
New 
*/
:root {
  --primary-color: #253B80;
  --font-main: var(--font-main);
}
*,
body {margin: 0; padding: 0;}

ul {padding: 0; margin: 0; list-style: none;}

a {text-decoration: none;}

header {position: fixed !important; left: 0; right: 0; z-index: 99; top: 0px; transition: all 0.5s; background: #fff; padding: 10px 0 !important;}
.scroll-down header {top: -150px;}
.scroll-up header {top: 0px; background: #fff;}
.header-inner {padding: 5px 0px; margin: 0 auto; display: flex; justify-content: space-between;}
.site-header .header-inner .site-branding .site-logo img {float: left;}

/*Header*/
.inner-header {display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto;}
.booka_demo_wrap a {text-decoration: none;}
.current_page_ancestor {position: relative;}
.header-inner .menu-item-has-children>a:before {top: 22px;}


/* Base menu styles */
.main-menu {list-style: none; margin: 0; padding: 0; display: flex; align-items: center;}
.main-menu li {position: relative;}
.main-menu>li {margin-right: 20px;}
.main-menu li a {text-decoration: none; padding: 25px 15px; display: block; font-weight: 500;}
.head_login a {color: #C4161D;}

/* Hide dropdowns by default */
.main-menu li ul {display: none; position: absolute; top: 100%; left: 0; list-style: none; background: #fff; padding: 0; margin: 0; border: 1px solid #ccc; min-width: 180px; z-index: 999;}

/* Show dropdown on hover */
.main-menu li:hover>ul {display: block;}

/* Dropdown menu styles */
.main-menu li ul li {width: 100%;}
.main-menu li ul li a {padding: 10px; white-space: nowrap;}




@media (max-width: 2200px) {

.e-con>.e-con-inner,
section#header_contact .section-container,
.site-footer .footer-inner,
.below_footer,
section.section-wrap .section-container,
.cust-container,
.taccbannertxt,
.cb_newsevent,
.below_footer_div>div {max-width: 1500px !important; width: 100% !important; margin: 0 auto !important;}
}

@media (max-width: 1670px) {
  .e-con>.e-con-inner,
section#header_contact .section-container,
.site-footer .footer-inner,
.below_footer,
section.section-wrap .section-container,
.cust-container,
.taccbannertxt,
.cb_newsevent,
.below_footer_div>div {max-width: 1200px !important; width: 100% !important; margin: 0 auto !important;}
}

@media (max-width: 1280px) {
.e-con>.e-con-inner,
section#header_contact .section-container,
.site-footer .footer-inner,
.below_footer,
section.section-wrap .section-container,
.cust-container,
.taccbannertxt,
.cb_newsevent,
.below_footer_div>div {max-width: 1150px !important; width: 100% !important; margin: 0 auto !important;}
}

header#site-header .header-inner {padding: 0px 30px;}


/* Base Styles */
body,p,a {font-family: var(--font-main); font-weight: 400;}
h1,h2,h3,h4,h5,h6 {font-family: var(--font-main);}
/* --- Buttons --- */
.scceethembtn {display: inline-block; border: 1px solid var(--primary-color); padding: 4px 50px 4px 21px; border-radius: 50px; box-shadow: 5px 7px 10px var(--primary-color)2e; color: var(--primary-color); font-size: 16px; font-weight: 600; position: relative; transition: all 0.5s; overflow: hidden; background: #ffffff; line-height: 26px; text-decoration: none; min-height: 41px; display: flex; align-items: center;}
.scceethembtn:before {position: absolute; content: ''; right: 5px; top: 6px; width: 28px; height: 28px; z-index: 9; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); transition: all 0.5s;}
.scceethembtn:after {position: absolute; content: ''; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/whitearrowsmall.png) no-repeat center center; width: 28px; height: 28px; right: 4px; top: 6px; z-index: 9; transition: all 0.5s;}
.scceethembtn:hover:before {width: 101%; height: 201%; top: -50%; right: 0; border-radius: 50px;}
.scceethembtn span {display: block; position: relative; z-index: 9; transition: all 0.1s; letter-spacing: 0.4px;}
.faq_head span {color: #FFD500 !important; -webkit-background-clip: #FFD500 !important; -webkit-text-fill-color: inherit !important;}
.scceethembtn:hover span {color: #ffffff;}
.arrowlink {position: relative; content: ''; right: 0; bottom: 0; width: 28px; height: 28px; z-index: 9; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); transition: all 0.5s; display: block; margin-top: 15px;}
.arrowlink:after {position: absolute; content: ''; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/whitearrowsmall.png) no-repeat center center; width: 28px; height: 28px; right: -1px; top: 0; z-index: 9; transition: all 0.5s;}
.arrowlink:hover {background: #bf1120;}
/* --- Elementor Specifics --- */
.elementor-image-box-title a {font-weight: 600;}
.elementor-heading-title span {background: linear-gradient(to left, #C20F16 0%, #803ACF 50%, #3053C1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.elementor-image-box-title span {color: #c5161e;}
/* --- Home Banner Slider (Swiper) --- */
.sccehomebanner-sec {overflow: hidden; border-radius: 25px;}
.sccehomeslider .swiper-pagination {left: auto !important; max-width: 24px; display: block; position: absolute !important; right: 2% !important; top: 54%; transform: translate(-50%, -50%); display: flex; flex-flow: column; gap: 20px 0;}
.sccehomeslider .swiper-pagination .swiper-pagination-bullet {cursor: pointer; width: 10px; height: 10px; background: #ffffff; opacity: 1; border-radius: 100%; transition: all 0.5s;}
.sccehomeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); border: 1px solid #fff;}
.sccehomeslider .swiper-slide {backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; border-radius: 20px; opacity: 0;}
.sccehomeslider .swiper-slide.swiper-slide-active {opacity: 1;}
.main-slider.swiper-container {width: 100%; height: 80vh; float: left;transition: opacity 0.6s ease, transform 0.3s ease;}
.swiper-container.loading {opacity: 0; visibility: hidden;}
.sccehomeslider .swiper-slide .slide-bgimg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
.sccehomeslider .swiper-slide .slide-bgimg:after {position: absolute; content: ''; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.sccehomeslider .swiper-slide .entity-img {display: none;}
.sccehomeslider .swiper-slide .content {position: absolute; top: auto; left: 0; width: 100%; max-width: 1500px; right: 0; color: #fff; bottom: 40px; display: flex; justify-content: space-between; margin: 0 auto; align-items: end;}
.sccehomeslider .swiper-slide .content .title {font-size: 42px; font-weight: 600;line-height: 53px;}
.social_links a:hover {scale: 1.1; transition: all 0.3s;}
.banner-txt {font-size: 18px; line-height: 24px; margin-bottom: 30px;}
.bnlogos {width: 100%; display: block; margin-top: 50px;}
.sccehomeslider .swiper-slide .content .sccethembtn {transform: translateX(0); opacity: 1;}
/* --- Marquee --- */
.marquee {display: flex; flex-direction: row; overflow: hidden; padding: 20px 0;}
.marquee:hover>.marquee__row {animation-play-state: paused;}
.marquee__row {display: flex; flex-direction: row; justify-content: space-around; flex-shrink: 0; animation: marquee 50s linear infinite;}
.marquee__item {width: auto; padding: 10px 20px 10px 50px; cursor: pointer; overflow: hidden; margin-right: 20px; position: relative; border-radius: 50px; box-shadow: 0px 0px 10px #99999e42;}
.marquee__item:before {position: absolute; content: ''; left: 25px; top: 13px; width: 10px; height: 16px; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/gradarrow.png) no-repeat;}
.marquee__text {font-size: 17px; color: var(--primary-color); margin-bottom: 0; line-height: 27px; font-weight: 500;}
.marquee__text span {color: #c4161d;}
@keyframes marquee {from {transform: translate3d(0, 0, 0);}
to {transform: translate3d(-100%, 0, 0);}
}
/* --- Image Box Hover Effects --- */
.hovimgbox img {width: 100%; display: block;}
.hovimgbox .elementor-image-box-wrapper {overflow: hidden; border-radius: 30px; display: block; width: 100%; height: 100%; box-shadow: 14px 0px 40px #c4171e00; transition: all 0.5s;}
.hovimgbox .elementor-image-box-wrapper:hover {box-shadow: 14px 0px 40px #c4171e2e;}
.hovimgbox .elementor-image-box-wrapper:hover .elementor-image-box-content {background: #ffffff;}
.hovimgbox .elementor-image-box-content {padding: 20px 35px 30px; background: #ebedf4; position: absolute; bottom: -4px; border-radius: 0 0 30px 30px; transition: all 0.5s;}
.hovimgbox figure.elementor-image-box-img a {position: relative;}
.hovimgbox figure.elementor-image-box-img a:after {position: absolute; content: ''; right: 15px; bottom: 5px; width: 28px; height: 28px; z-index: 9; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); transition: all 0.5s;}
.hovimgbox figure.elementor-image-box-img a:before {position: absolute; content: ''; right: 25px; bottom: 13px; width: 8px; height: 13px; border-radius: 100%;background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/whitearrowsmall.png) no-repeat; z-index: 99; transition: all 0.5s;}
.hovimgbox .elementor-image-box-wrapper:hover figure.elementor-image-box-img a:after {background: #c4171e !important;}
.figbox img {width: 100%;}
.figbox .elementor-image-box-title {max-width: 200px;}
/* --- Spotlight Slider --- */
.spotlight-slider {overflow: visible !important; position: relative;}
.spotlight-slider .swiper-slide:after {position: absolute; content: ''; left: -100%; right: 0; top: 50%; width: 100%; height: 1px; background: #49408c; opacity: 1;}
.spotlight-slider .swiper-slide:before {position: absolute; content: ''; right: -100%; left: auto; top: 50%; width: 100%; height: 1px; background: #b31f24; opacity: 1;}
.spotlight-slider .swiper-slide {opacity: 0.3; transition: all 1s; position: relative; z-index: -1;}
.spotlight-slider .swiper-slide.swiper-slide-active {opacity: 1; z-index: 9;}
.spotlight-slider .swiper-slide .spotlight-txt {position: absolute; top: 20px; left: 45px; color: #ffffff; max-width: 260px;}
.spotlight-slider .swiper-slide .spotlight-txt h5 {font-size: 33px; font-weight: 400;}
.spotlight-slider .swiper-slide .spotlight-txt h5 strong {font-weight: 600;}
.spotlight-slider .swiper-slide .spotlight-txt p {font-size: 15px; line-height: 26px; margin-bottom: 30px;}
/* Swiper Navigation (Prev/Next buttons) */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity: 1 !important; cursor: pointer !important; pointer-events: auto !important;}
.swiper-button-next,
.swiper-button-prev {background: no-repeat; right: -53px; left: auto; top: 45%;}
.swiper-button-next:after,
.swiper-button-prev:after {font-size: 20px !important; color: var(--primary-color); font-weight: 600;}
.swiper-button-next {margin-top: 25px;}
.swiper-button-prev {margin-top: -25px;}
/* Swiper Pagination (Numbers) */
.spotlight-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-fraction {opacity: 1; z-index: 99; left: -49px !important; right: auto !important; top: 40% !important; width: 35px; height: 35px; font-size: 0; color: var(--primary-color);}
.spotlight-slider .swiper-pagination-current {font-size: 24px; display: block; margin-bottom: 15px; position: relative;}
.spotlight-slider .swiper-pagination-total {font-size: 24px; display: block; position: relative;}
.spotlight-slider .swiper-pagination-current:before {position: absolute; content: '0'; left: -4px;}
.spotlight-slider .swiper-pagination-total:before {position: absolute; content: '0'; left: -6px;}
/* --- CTA Section --- */
.sccectasec {position: relative;}
.sccectasec:after {position: absolute; content: ''; left: 0; top: 5%; width: 98.5%; height: 90%; border: 1px solid #ffffff; border-radius: 25px; margin: 0 auto; right: 0; mix-blend-mode: overlay; z-index: 1;}
/* --- Highlights Section --- */
.highlights-section {position: relative;}
.highlightstabs {margin-bottom: 70px;}
.highlightstabs .swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important; display: flex; justify-content: center;}
.highlightstabs .swiper-wrapper .swiper-slide {width: auto !important; border-bottom: 2px solid #edb9ba; padding-bottom: 10px; cursor: pointer; transition: all 0.5s; position: relative;}
.highlightstabs .swiper-wrapper .swiper-slide.swiper-slide-active span {color: #cd373c;}
.highlights-inner {display: flex; background: #ebedf4; overflow: hidden; border-radius: 20px; justify-content: space-between; align-items: center;}
.highlts-img {width: 47%;}
.highlts-img img {width: 100%; display: block;}
.highlts-text {width: 49%; padding-right: 60px;}
.highlts-text h5 {color: var(--primary-color); font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.highlts-text p {font-size: 16px; line-height: 26px; color: #343536;}
.highlightstabs .swiper-wrapper .swiper-slide span {color: var(--primary-color); display: block; font-weight: 600; font-size: 20px; text-align: center; max-width: 200px !important;padding: 0 20px;}
.highlightstabs .swiper-wrapper .swiper-slide:hover span {color: #c8262d;}
.highlightstabs .swiper-wrapper .swiper-slide:after {position: absolute; content: ''; left: 0; bottom: -2px; width: 0; height: 2px; background: #c4171e; transition: all 5s;}
.highlightstabs .swiper-wrapper .swiper-slide.swiper-slide-active:after {width: 100%;}
/* --- Our Seminar Section --- */
.online-seminar-card {background-color: #ebedf4; border-radius: 25px; padding: 10px 10px 50px 10px; transition: all 0.5s;}
.online-seminar-card:hover {box-shadow: 0px 2px 20px #c4171e69; background-color: #ffffff;}
.seminar-img-wrap img {display: block; width: 100%; border-radius: 25px; margin-bottom: 30px;}
.seminar-content-wrap {padding: 0 10px;}
.seminar-content-wrap p {font-size: 18px; line-height: 25px; color: var(--primary-color); font-family: var(--font-main); display: block; max-width: 240px; font-weight: 600;}
.seminar-content-wrap ul {margin: 0; padding: 0; list-style-type: none; display: flex;}
.seminar-content-wrap ul li {font-size: 15px; color: #343536; font-family: var(--font-main); font-weight: 600;}
.seminar-content-wrap ul li.seminar-date {padding-right: 15px; position: relative;}
.seminar-content-wrap ul li.seminar-date:after {position: absolute; content: ''; height: 15px; width: 1px; background-color: #343536; right: 0; top: 5px;}
.seminar-content-wrap ul li.seminar-tym {padding-left: 15px;}
.online-seminar-wrap .swiper-container {overflow: visible;}
.online-seminar-wrap .swiper-container .swiper-slide {opacity: 0;}
.online-seminar-wrap .swiper-container .swiper-slide.swiper-slide-active,
.online-seminar-wrap .swiper-container .swiper-slide.swiper-slide-active+div,
.online-seminar-wrap .swiper-container .swiper-slide.swiper-slide-active+div+div {opacity: 1;}
.seminar-btn:after {display: none;}
.swiper-button-prev.seminar-btn {background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/06/prev.svg) !important; background-size: 10px !important; position: absolute; left: -50px; height: 19px; margin: 0;}
.swiper-button-next.seminar-btn {background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/06/next.svg) !important; background-size: 10px !important; position: absolute; right: -50px; height: 19px; margin: 0;}
/* --- Testimonials --- */
.testimonial-card {background-color: #e5ebff80; border-radius: 25px; padding: 40px 40px; min-height: 290px;}
.testimonial-card p {font-size: 19px; line-height: 29px; color: #343536; font-family: var(--font-main); font-weight: 400;}
.testimonial-card ul {margin: 0px 0 30px; padding: 0; list-style-type: none; display: flex; align-items: center;}
.testimonial-card ul li:nth-child(1) {margin-right: 20px; line-height: 0;}
.testimonial-wrap .swiper-container {overflow: visible;}
.testimonial-wrap .swiper-container .swiper-slide {opacity: 0; transition: all 0.5s;}
.testimonial-wrap .swiper-container .swiper-slide.swiper-slide-active,
.testimonial-wrap .swiper-container .swiper-slide.swiper-slide-active+div,
.testimonial-wrap .swiper-container .swiper-slide.swiper-slide-active+div+div {opacity: 1;}
.testi-name h4 {margin: 0; color: var(--primary-color); font-size: 23px; font-family: var(--font-main); font-weight: 600; letter-spacing: 0.24px; margin-bottom: -3px;}
.testi-name span {color: #000000; font-size: 16px; font-family: var(--font-main); font-weight: 500; letter-spacing: 0.16px; line-height: 20px; display: inline-block;}
/** Career start **/
.job-list {margin: 20px auto 0;}
.job-item {background: #ebedf4; border-radius: 15px; padding: 20px 30px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.job-title {font-weight: 600; font-size: 20px; color: var(--primary-color);}
.job-info {font-size: 14px; color: #555; display: flex; gap: 40px; align-items: center;}
.job-info li {display: flex; align-items: center; gap: 13px; color: #000000; font-size: 18px; width: 120px;}
.apply-button {background: #fff; border: 2px solid #5c6bc0; color: #1a237e; font-weight: 600; padding: 8px 20px; border-radius: 20px; text-decoration: none; box-shadow: 0 4px 10px rgba(92, 107, 192, 0.3); display: flex; align-items: center; gap: 8px;}
.apply-button:hover {background-color: #5c6bc0; color: white;}
/** Career End **/
/* --- Events Section --- */
.events-sec figure.elementor-image-box-img img {display: block; width: 100%; transition: all 0.8s;}
.events-sec .elementor-image-box-wrapper:hover .elementor-image-box-img img {transform: scale(1.2);}
.events-sec figure.elementor-image-box-img {overflow: hidden; border-radius: 25px;}
.main-event-card {background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/06/events-01.png); background-size: 110%; background-position: center; background-repeat: no-repeat; transition: all 0.8s; overflow: hidden;}
.main-event-card:hover {background-size: 120% !important;}
.leading-sec h4.elementor-image-box-title {max-width: 100%;}
.arrow a,.other_newsevents .arrow {height: 32px; width: 32px; display: block; margin: 10px 0 10px; position: relative;}
.arrow a:after,.other_newsevents .arrow:after {position: absolute; content: ''; right: 0; bottom: 0; width: 32px; height: 32px; z-index: 9; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); transition: all 0.5s;}
.arrow a:before,.other_newsevents .arrow:before {position: absolute; content: ''; right: 11px; bottom: 9px; width: 8px; height: 13px; border-radius: 100%; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/whitearrowsmall.png) no-repeat; z-index: 99; transition: all 0.5s;}
section#other_news .news_inner_wrap {min-height: 430px;}
section#other_news .other_newsevents.swiper-container {scale: 0.9;}
/*** Program page ***/
.program_grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.program_grid .card {background: #fff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; position: relative;}
.program_grid .card-content {flex: 1; background: #E5EBFF;}
.program_grid .card-content>a {padding: 20px 35px 30px; display: block; height: 100%; border-radius: 16px;}
.program_grid .card-content>a:hover,
.program_grid .card:hover .card-content>a {box-shadow: inset 0px -6px 0px #8FA3E5;}
.card_image_wrap {line-height: 0;}
.card_image_wrap a {display: block;}
.card_image_wrap img.testim_img {width: 100%; object-fit: cover; height: 100%; object-position: top;}
.program_grid .card h3 {font-family: var(--font-main); font-size: 24px; font-weight: 700; color: var(--primary-color); margin: 10px 0 5px; line-height: 34px; font-weight: 600; letter-spacing: 0.24px;}
.program_grid .card p {font-family: var(--font-main); font-size: 19px; font-weight: 400; line-height: 29px; color: #000000; letter-spacing: 0.16px; max-width: 620px;}
@media (max-width: 767px) {
  .program_grid {grid-template-columns: 1fr;}
}
.program_grid .arrow {justify-content: flex-end; padding: 0 16px 16px; display: inline; position: absolute; bottom: -2px; right: 27px;}
.program_grid .arrow a {position: absolute; bottom: 10px; right: -5px;}
.news-event-lists {display: flex; flex-wrap: wrap; gap: 42px 50px;}
.news-event-lists .home-news-lists-url {width: 30.33%;}
.news-event-lists .home-news-lists-url img {width: 100%; margin: 0; display: block;}
.news-event-lists .home-news-lists-url .news_thumb {border-radius: 15px; display: block;}
.news-event-lists .home-news-lists-url .title {font-size: 20px; line-height: 28px; margin: 17px 0 5px; min-height: 60px; font-weight: 600; letter-spacing: 0.2px;}
.news-event-lists .home-news-lists-url .title a {font-weight: 600;}
.faq_page .elementor-widget-n-accordion .e-n-accordion-item {border-bottom: 1px solid #c4171c52; transition: all 0.3s;}
.arrow a:hover:after {background: var(--primary-color); transition: all 0s;}
/** Calander Section **/
.grid_calander {display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-start;}
.calander_card {background: #EBEDF4; border-radius: 10px; padding: 30px 35px; width: 24%;}
body .calander_card h3 {font-size: 20px; margin: 0 0 15px; color: var(--primary-color); line-height: 28px;}
body .calander_card p {display: flex; align-items: center; font-size: 20px; line-height: 23px; margin: 0; color: #333;}
.calander_card p::before {content: ""; margin-right: 15px; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/calender.svg); width: 21px; height: 21px;}
/** End Calander Section **/
/** start Curriculum **/
.curriculum_grid {margin: 50px 0 20px 0;}
.curriculum_grid .semester {background: #EBEDF4; padding: 25px 30px; border-radius: 20px; width: 100%; max-width: 340px;}
.curriculum_grid .semester h4 {margin-top: 0; margin-bottom: 10px; font-size: 24px; color: var(--primary-color); line-height: 34px; font-weight: 600; letter-spacing: 0.24px;}
.curriculum_grid .semester ul {padding-left: 20px; margin: 0; padding: 0;}
.curriculum_grid .semester ul li {margin-bottom: 5px; font-size: 16px; line-height: 33px; position: relative; padding: 0 0 0 20px;}
.curriculum_grid .semester ul li:after {content: ''; position: absolute; height: 8px; width: 8px; background: transparent linear-gradient(270deg, #C20F16 0%, #803ACF 50%, #3053C1 100%) 0% 0% no-repeat padding-box; left: 0; top: 12px; bottom: auto; margin: auto 0; border-radius: 100%;}
.curriculum_grid_inner {display: flex; column-gap: 50px; justify-content: center;}
@media screen and (max-width: 900px) {
  .curriculum_grid {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 600px) {
  .curriculum_grid {grid-template-columns: 1fr;}
}
.inner_stats_box {display: flex; column-gap: 50px; justify-content: center;}
.inner_page_stats .inner_stats_box .inner_stats {width: 100%; max-width: 265px; background: #EBEDF4; border-radius: 25px; padding: 30px; text-align: center;}
.inner_page_stats .inner_stats_box .inner_stats .inner_stats_counter {font-size: 42px; line-height: 44px; margin: 5px 0 0; font-weight: 600; background: linear-gradient(to right, #C20F16 0%, #803ACF 50%, #3053C1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.inner_stats_text {font-size: 19px; line-height: 26px; color: var(--primary-color); margin: 10px 0 0; font-weight: 600;}
.mba_page .inner_page_stats .inner_stats_box .inner_stats {background: #fff; box-shadow: 0px 14px 40px var(--primary-color)26;}
/** Program Outcome **/
.inner_page_outcomes .inner_outcomes_box .inner_outcomes {background: #FFFFFF; box-shadow: 0px 0px 20px #00000014; border-radius: 15px; padding: 0 25px; display: flex; align-items: center; gap: 30px; width: 48%;}
.inner_outcomes_icon {background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/icon_pin.svg); min-width: 90px; height: 108px; text-align: center; line-height: 110px; position: relative; top: -28px; background-repeat: no-repeat;}
.inner_outcomes_icon img.icon_img {margin: 33px auto 0;}
.inner_page_outcomes .inner_outcomes_box {gap: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1100px; margin: 20px auto 20px;}
.inner_page_outcomes .inner_outcomes_box .inner_outcomes .inner_outcomes_counter {font-size: 19px; line-height: 29px; color: #000; padding: 12px 0 12px;}
/* team css */
.leader_tabs {background-color: #803ACF; margin: 0 40px; border-radius: 40px; position: relative;}
.leader_tabs .active {display: flex;}
.leader_tabs .hide_content {display: none;}
.leader_tabs ul {padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 0 20px; position: absolute; bottom: 20px; right: 40px;}
.leader_tabs .leader_img img {border-radius: 11px; object-fit: cover; object-position: top; height: 100px; width: 100%; border: 2px solid transparent;}
.leader_tabs .leader_img {line-height: 0; width: 145px; height: 100px; margin-bottom: 10px; border-radius: 11px; overflow: hidden;}
.leader_tabs .tab_li button {text-align: center; display: flex; flex-flow: column; align-items: center; padding: 10px; border: 0; background-color: #EBEDF4 !important; background-image: none; border-radius: 11px; min-height: 156px; z-index: 1; position: relative;}
.leader_tabs .tab_li button .leader_name_tab {max-width: 140px; color: var(--primary-color); font-size: 15px; line-height: 17px; font-weight: 600; letter-spacing: 0.15px;}
.leader_tabs .tab_li .active_tab .leader_img img {border: 2px solid #5D46CF; transition: all 0.3s;}
.leader_content_left,
.leader_content_left h2,
.leader_content_left h4 {color: #fff;}
.leader_content_left h2 {font-size: 38px; line-height: 48px; font-weight: 600; letter-spacing: 0.38px;}
.leader_content_left h4 {font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: 0.2px; padding: 20px 0 30px; border-bottom: 1px solid #fff;}
.leader_para {font-size: 16px; line-height: 26px; letter-spacing: 0.16px; margin-top: 30px;}
.leader_content_box {margin: 0 70px; align-items: end;}
.leader_content_box .leader_content_left {width: 60%; padding-top: 70px; height: 70vh; display: flex; flex-flow: column; justify-content: space-between;}
.leader_content_box .leader_content_img {width: 40%; text-align: right;}
.leader_tabs ul li button.active_tab:after {position: absolute; content: ''; width: 100%; height: 9px; top: auto; bottom: -5px; left: 0; right: 0; background: linear-gradient(247deg, #CF1212 0%, #3B43E3 100%); z-index: -1; border-radius: 0 0 11px 11px; transition: all 0.4s;}
.leader_tabs .leader_tab_head {color: #FFFFFF; font-size: 26px; line-height: 36px; font-weight: 400; position: absolute; padding: 0 70px; top: 25px;}
.leader_tabs .leader_para p {margin-bottom: 10px;}
.leader_tabs .leader_btn_div {position: relative; bottom: 70px;}
.leader_tabs .leader_btn_div .scceethembtn {margin-right: 20px;}
/* team css end */
/* deputy director css */
.senior_faculty_member li {display: flex; gap: 0 60px; align-items: center;}
.senior_faculty_member {display: flex; flex-flow: column; gap: 80px 0;}
.senior_faculty_member li:nth-child(2n) {flex-flow: row-reverse; justify-content: space-between;}
.senior_faculty_member li .senior_img {width: 44%; border-radius: 20px;}
.senior_faculty_member li .senior_content_box {width: 56%;}
.senior_faculty_member li .senior_img img {border-radius: 20px; width: 100%}
.senior_faculty_member li .senior_content_box h4 {font-size: 30px; line-height: 40px; background: transparent linear-gradient(260deg, #C20F16 77%, #803ACF 95%, #3053C1 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.senior_faculty_member li .senior_content_box h5 {color: var(--primary-color); font-size: 20px; line-height: 30px; border-bottom: 1px solid #F6DCDC; padding-bottom: 20px; margin-bottom: 20px;}
.senior_para {color: #000000; font-size: 16px; line-height: 26px; letter-spacing: 0.16px;}
/* deputy director css end */
/* faculty staff css */
.faculty_slider .staff_img {position: relative; line-height: 0; border-radius: 20px;}
.faculty_slider .staff_info {position: absolute; bottom: 0; z-index: 1; color: #fff; background: transparent linear-gradient(180deg, #253b8000 00 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box; width: 100%; height: 50%; border-radius: 20px; left: 0; right: 0; text-align: center; display: flex; flex-flow: column; justify-content: end; padding-bottom: 20px;}
.faculty_slider .staff_info h2 {color: #FFFFFF; font-size: 24px; line-height: 33px; font-weight: 600; letter-spacing: 0.24px; padding: 0 10px;}
.faculty_slider .staff_info h3 {color: #FFFFFF; font-size: 18px; line-height: 28px;}
.faculty_slider .staff_img img {border-radius: 20px; width: 100%;}
.faculty_slider .research_div {margin-top: -25px; text-align: center; padding: 35px 10px 20px;}
.faculty_slider .research_div ul {display: block; grid-template-columns: auto auto; text-align: left; padding: 0 10px;}
.faculty_slider .research_div ul li {color: #000000; font-size: 16px; line-height: 26px; letter-spacing: 0.16px; position: relative; padding-left: 15px;}
.faculty_slider .research_div ul li a {display: block; letter-spacing: 0.16px;}
.faculty_slider .research_div ul li:before {position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50px; background-color: var(--primary-color); left: 0; top: 9px;}
.faculty_slider {overflow: visible !important;}
.faculty_slider .swiper-slide {opacity: 0; height: auto; background-color: #EBEDF4; border-radius: 20px;}
.faculty_slider .swiper-slide-active,
.faculty_slider .swiper-slide-active+div,
.faculty_slider .swiper-slide-active+div+div,
.faculty_slider .swiper-slide-active+div+div+div {opacity: 1;}
.faculty_tab .e-n-tabs-heading {position: relative; width: fit-content; background: #EBEDF4; margin: 0 auto; border-radius: 30px;}
.faculty_tab .e-n-tabs-heading button {background: transparent !important;}
.faculty_tab .e-n-tabs-heading button {z-index: 1;}
/* faculty staff css end */
/* professor director css */
.director_tabs .active_dir_content {display: block;}
.director_tabs .hide_director {display: none;}
.directors_div {display: flex; gap: 0 50px; background-color: #EBEDF4; align-items: end; border-radius: 30px; margin: 0 30px;}
.directors_div .director_img {width: 40%; position: relative; text-align: center;}
.directors_div .director_tabs {width: 60%; padding: 40px 80px 40px 0; height: 100%; min-height: 590px;}
.directors_div .director_img img {width: 60%;}
.director_info {background: transparent linear-gradient(270deg, #C20F16 0%, #803ACF 50%, #3053C1 100%) 0% 0% no-repeat padding-box; max-width: 370px; border-radius: 11px; padding: 12px 28px; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; text-align: left;}
.director_info h2 {font-size: 30px; line-height: 40px; color: #fff; margin: 0; letter-spacing: 0.3px; font-weight: 600;}
.director_info h3 {color: #FFFFFF; font-size: 18px; line-height: 28px; letter-spacing: 0.18px; font-weight: 600;}
@media (max-width: 1024px) {
.directors_div {flex-direction: column; gap: 30px 0;}
.directors_div .director_img,
.directors_div .director_tabs {width: 100%; padding: 0 20px;}
.directors_div .director_info {position: static; margin-top: 20px;}
section#other_news .other_newsevents.swiper-container {scale: 1 !important; padding: 0 20px 50px;}
section#other_news .swiper-button-next {top: auto; bottom: 0; right: 50% !important; margin-right: -60px;}
section#other_news .swiper-button-prev {top: auto; bottom: 0; left: 50% !important; margin-left: -60px;}
}
.directors_div .director_tabs ul {display: flex; position: relative; max-width: 230px; margin-bottom: 30px;}
.director_tab_li button {border: 0; background-color: #fff !important; background-image: none !important; font-size: 20px; line-height: 24px; letter-spacing: 0.2px; font-weight: 500; min-height: 50px; padding: 0 26px; border-radius: 25px; z-index: 1; position: relative; color: var(--primary-color) !important; transition: all 0.3s !important;}
.directors_div .director_tabs ul:after {position: absolute; content: ''; width: 100px; height: 50px; background-color: #fff; z-index: 0; left: 80px;}
.directors_div .director_tab_li .active_director,
.directors_div .director_tab_li button:hover {background-color: #C4171C !important; color: #fff !important; transition: all 0.3s !important;}
.director_box p {font-size: 16px; line-height: 26px; margin-bottom: 15px; letter-spacing: 0.16px;}
/* professor director css end */
/** Testimonial Pages css **/
.testimonial_wrap {row-gap: 15px; display: flex; flex-direction: column;}
.testimonial_inner_wrap {background-color: #EAEDF4; border-radius: 25px; padding: 35px 40px; 
display: flex; column-gap: 20px; cursor: pointer; min-height: 85px; align-items: center; justify-content: space-between;}
.testimonial_inner_wrap.active_check {align-items: start;}
.testimonial_inner_wrap .testimonial_image {width: 207px; ; transition: all 0.5s ease-in-out; border-radius: 15px; transition: all 0.5s;}
.testimonial_inner_wrap .testimonial_content {width: 91%; transition: all 0.5s ease-in-out;}
.testimonial_inner_wrap .testimonial_content .testimonial_constant_data {display: flex; justify-content: space-between; border-bottom: 1px solid rgba(196, 23, 29, 0.4); padding-bottom: 15px;}
.testimonial_inner_wrap .testimonial_content .testimo_title {font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 0; letter-spacing: 0.55px; color: var(--primary-color);}
.testimonial_inner_wrap .testimonial_content .designation {font-size: 16px; line-height: 25px; color: #000000; letter-spacing: 0.4px; font-weight: 600;}
.testimonial_inner_wrap .testimonial_content .desc_text {font-size: 16px; line-height: 26px; color: #000000; height: 0; transition: all 0.5s ease-in-out; overflow: hidden;}
.star_rating {align-items: center; display: flex; column-gap: 5px; font-size: 22px; color: gold;}
.testimonial_inner_wrap .testimonial_image img {float: left; border-radius: 15px;}
.testimonial_inner_wrap.active_check .testimonial_content .desc_text {height: auto; padding-right: 60px; margin-top: 10px;}
.testimonial_inner_wrap.active_check .testimonial_content .desc_text p {margin-bottom: 10px;}
.testimonial_inner_wrap.active_check .testimonial_content {width: 81%; margin-top: 5px; transition: all 0.5s ease-in-out;}
.testimonial_inner_wrap.active_check .accordian_button:before {transform: rotate(0deg);}
.testimonial_inner_wrap.active_check .testimonial_content .accordian_wrap {align-items: start;}
/* .faculty_tab .e-n-tabs-heading, */
.stud_testim_tabs .e-n-tabs-heading {position: sticky; z-index: 9; background-color: #eaedf4; transition: all 0.4s;}
/* .scroll-down .faculty_tab .e-n-tabs-heading, */
.scroll-down .stud_testim_tabs .e-n-tabs-heading {top: 00px; transition: all 0.4s; }
/* .scroll-up .faculty_tab .e-n-tabs-heading, */
.scroll-up .stud_testim_tabs .e-n-tabs-heading {top: 90px; transition: all 0.4s;}
.stud_testim_tabs .e-n-tabs-heading:after {position: absolute; content: ''; width: 100px; height: 51px; background-color: #EBEDF4; right: 0; left: 0; margin: 0 auto; z-index: -1;}
.stud_testim_tabs .e-n-tabs-heading .e-n-tab-title {z-index: 1; margin: 0 -10px;}
.stud_testim_tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {z-index: 2;}
.video-card_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px 30px;}
.video-card_wrap .video-card {width: 31%; position: relative; cursor: pointer;}
.video-card_image,.video-card_image img {border-radius: 20px;}
.video-card_wrap .video-card .video-info {position: absolute; bottom: 0; z-index: 1; color: #fff; background: transparent linear-gradient(180deg, var(--primary-color)00 0%, var(--primary-color) 100%) 0% 0% no-repeat padding-box; width: 100%; height: 50%; border-radius: 20px; left: 0; right: 0;}
.video-card_wrap .video-card .video-info .video-title {font-size: 24px; line-height: 34px; font-weight: 600; letter-spacing: 0.24px;}
.video-card_wrap .video-card .video-info .video-designation {font-size: 16px; line-height: 26px; font-weight: 600; letter-spacing: 0.16px;}
.video-card_wrap .video-card .video-info>div {position: absolute; bottom: 20px; padding: 0 30px;}
.video-card_image {line-height: 0;}
/** Testimonial Pages css end**/
/** Table sections **/
.table_contaoner table {width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: 0 0 20px 0;}
.table_contaoner thead {background-color: #C5141A; color: #fff;}
.table_contaoner th b {font-weight: 600;}
.table_contaoner th {font-weight: 600; letter-spacing: 0.16px; font-size: 19px;}
.table_contaoner th,
.table_contaoner td {padding: 10px; text-align: left; font-family: var(--font-main); -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
.table_contaoner td {font-size: 19px; line-height: 29px; font-weight: 400; letter-spacing: 0.16px;}
.table_contaoner tbody tr {border-bottom: 1px solid #fff; background-color: #F5F6F9;}
.table_contaoner h3 {font-size: 20px; color: #000000; font-weight: 600; letter-spacing: 0.2px; margin-bottom: 10px;}
.table_contaoner h4 {font-size: 30px; margin: 50px 0 0px; line-height: 40px; font-weight: 600; letter-spacing: 0.2px; background: linear-gradient(to left, #C20F16 70%, #803ACF 90%, #3053C1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #0000;}
.legacy_counter_box {justify-content: space-between;}
.legacy_counter_box div {height: 55px; margin-right: 20px; margin-bottom: 0px; width: auto; display: inline-block;}
.legacy_counter_box p {color: #fff; font-size: 24px; line-height: 28px; font-weight: 500; letter-spacing: 0.24px; margin: 5px 0 0;}
.legacy_counter_box span {color: #FFD500; font-size: 44px; line-height: 50px; font-weight: 600; letter-spacing: 0.24px;}
.news-event-lists .news_thumb img {border-radius: 20px;}
.glowone {--delay: 0s; --size: 0.4; --speed: 5s; animation: loop var(--speed) infinite linear; animation-delay: var(--delay); position: absolute !important; background: linear-gradient(259.53deg, #ff9494 90.53%, #d32e2e 90.34%); height: 400px; filter: blur(5vw); border-radius: 50%; animation: loop var(--speed) infinite linear; opacity: 0.4; right: 50px !important; top: -50px !important; left: auto; width: 500px;}
.glowonetwo {--delay: 0s; --size: 0.4; --speed: 5s; animation: loop var(--speed) infinite linear; animation-delay: var(--delay); position: absolute !important; background: linear-gradient(259.53deg, #ba6e71cf 10.53%, #cc777b 90.34%); height: 400px; filter: blur(5vw); border-radius: 50%; animation: loop var(--speed) infinite linear; opacity: 0.4; right: auto; top: auto; bottom: 100px !important; left: 0px !important; width: 500px;}
@keyframes loop {
  0% {transform: translate3D(0%, 51%, 0) rotate(0deg);}
  50% {transform: translate3D(8%, 31%, 0) rotate(18deg);}
  100% {transform: translate3D(0%, 51%, 0) rotate(360deg);}
}
.team_para {height: 300px; overflow-Y: auto; overflow-x: hidden; margin: 30px 0;}
.team_para_left {direction: rtl; text-align: left; margin-left: -20px; padding-left: 20px;}
.team_para_left .elementor-widget-text-editor {direction: ltr;}
.single-cb_leadershipteam .team_para_right {margin: 0px -30px 0 0; padding-right: 90px; padding-top: 20px;}
/* width */
.team_para::-webkit-scrollbar,
.team_para_vidya::-webkit-scrollbar {width: 4px; opacity: 1; border-radius: 4px;}
/* Track */
.team_para::-webkit-scrollbar-track,
.team_para_vidya::-webkit-scrollbar-track {opacity: 1; background: transparent linear-gradient(247deg, #CF1212 0%, #3B43E3 100%) 0% 0% no-repeat padding-box; border-radius: 4px;}
/* Handle */
.team_para::-webkit-scrollbar-thumb,
.team_para_vidya::-webkit-scrollbar-thumb {opacity: 1; background: #ffffff; border-radius: 4px;}
div#videoModal {display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center;}
.site-branding {line-height: 0; display: flex; align-items: center;}
.current-menu-item a {color: var(--primary-color) !important; font-weight: 500;}
.breadcrumb_wrap a:hover {color: var(--primary-color) !important;}
.testimonial-card ul li img {border-radius: 100%;}
.programs_tab .e-n-tab-title {position: relative;}
.programs_tab .e-n-tab-title:after {position: absolute; content: ''; width: 11px; height: 11px; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/tab-arrow.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 15px; transition: all 0.3s;}
.programs_tab .e-n-tab-title[aria-selected="true"]:after {transform: rotate(180deg);}
.programs_tab .e-n-tab-title:before {position: absolute; content: ''; width: 0; height: 2px; background-color: #C4171C; bottom: -1px; transition: all 0.5s;}
.programs_tab .e-n-tab-title[aria-selected="true"]:before {transition: all 0.5s; width: 100%;}
.header-inner .menu-item-has-children>a:before {position: absolute; content: ''; width: 11px; height: 10px; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/tab-arrow.svg); background-repeat: no-repeat; right: -14px; top: 29px;}
.header-inner .menu-item-has-children {margin-right: 25px !important;}
.header-inner .main-menu li .sub-menu {padding: 0 15px; min-width: 190px;}
.header-inner .main-menu li .sub-menu a::after {bottom: 0;}
.card_image_wrap a:hover img,
.program_grid .card:hover a img {scale: 1.1; transition: all 0.4s;}
.card_image_wrap img {transition: all 0.4s;}
.card_image_wrap {overflow: hidden;}
.program_grid .card a {cursor: pointer;}
.breadcrumb span>span a {opacity: 0.6;}
.breadcrumb span>span a:hover {opacity: 1;}
#breadCrumb_only span>a,
#breadCrumb_only span {color: var(--primary-color) !important;}
.seperator {font-size: 0; background: transparent linear-gradient(247deg, #CF1212 0%, #3B43E3 100%) 0% 0% no-repeat padding-box; width: 8px; height: 8px; border-radius: 100%;}
.breadcrumb span {display: flex; align-items: center; gap: 0 10px;}
.slider_effect .gallery .swiper-wrapper {scale: 1.15;}
.slider_effect .swiper-button-prev {left: 20px; top: 44%;}
.slider_effect .swiper-button-next {right: 20px; top: 44%;}
.about_img_tab {display: flex; justify-content: space-between; gap: 0 100px; align-items: end; margin-top: -190px;}
.about_img_tab .about_tab_list {width: 53%;}
.about_img_tab .about_tab_images {width: 39%; text-align: right;}
.about_img_tab .about_tab_list .about_tab button {text-align: left; border: 0; padding: 17px 0 7px; width: 100%; border-bottom: 1px solid #C4171C52; border-radius: 0; position: relative; cursor: pointer;}
.about_img_tab .about_tab_list .about_tab button p {color: #000000; font-size: 19px; line-height: 29px; letter-spacing: 0.16px; margin-bottom: 17px; position: absolute; top: 0; opacity: 0; transition: all 0s; padding-right: 50px; text-align: justify;}
.about_img_tab .about_tab_list .about_tab .activelink p {position: relative; opacity: 1; transition: all 0.5s;}
.about_img_tab .about_tab_list .about_tab button:hover,
.about_img_tab .about_tab_list .about_tab button:focus {background: transparent !important;}
.about_img_tab .about_tab_list .about_tab button .about_tab_title {color: var(--primary-color); font-size: 21px; line-height: 30px; letter-spacing: 0.2px; font-weight: 600; margin: 0 0 15px;}
.about_img_tab .about_tab_list .about_tab button .about_tab_title>span {width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; margin-right: 15px;}
.about_img_tab .about_tab_list .about_tab button .about_tab_title>span span {color: #fff; position: relative; z-index: 1; text-align: center; width: 35px;}
.about_img_tab .about_tab_list .about_tab button .about_tab_title>span:after {position: absolute; content: ''; width: 35px; height: 35px; left: 0; background: transparent linear-gradient(270deg, #C20F16 0%, #803ACF 50%, #3053C1 100%) 0% 0% no-repeat padding-box; border-radius: 100%;}
.about_img_tab .about_tab_list .about_tab button:after {position: absolute; content: ''; width: 10px; height: 11px; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/tab-arrow1.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 30px; transition: all 0.3s;}
.about_img_tab .about_tab_list .about_tab .activelink::after {transform: rotate(180deg); transition: all 0.3s;}
.about_img_tab .active {display: block;}
.about_img_tab .hide {display: none;}
.about_img_tab .about_tab_img img {width: 100%; border-radius: 20px;}
.images_slider .gallery.swiper {overflow: visible;}
.images_slider figure.gallery-item.swiper-slide.swiper-slide-prev {opacity: 0; transform: rotateY(75deg) translateX(1500px); position: relative;}
.images_slider figure.gallery-item.swiper-slide {transition: all 0.5s ease-in-out;}
.beyond_academics .swiper-button-prev:after,
.beyond_academics .swiper-button-next:after {position: absolute; content: ''; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/whitearrowsmall.png) no-repeat center center; width: 44px; height: 44px; right: 0; top: 0; z-index: 9; transition: all 0.5s;}
.beyond_academics .swiper-button-prev:before,
.beyond_academics .swiper-button-next:before {background: red; position: absolute; content: ''; right: 0; top: 0; width: 44px; height: 44px; z-index: 9; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); transition: all 0.5s;}
.beyond_academics .swiper-button-prev,
.beyond_academics .swiper-button-next {right: 0; left: auto !important; bottom: 0; width: 44px; height: 44px; top: -82px; margin-right: 165px;}
.beyond_academics .swiper-button-prev {transform: rotate(180deg); right: 60px;}
.beyond_academics .swiper-slide {transition: all 0.5s;}
/** testimonial start **/
.testimonial-wrap {padding-bottom: 70px;}
.testimonial-wrap .swiper-button-prev,
.testimonial-wrap .swiper-button-next {top: auto; bottom: -15px;}
.testimonial-wrap .swiper-button-prev {left: 47%; margin-left: -50px;}
.testimonial-wrap .swiper-button-next {right: 52%; margin-right: -50px;}
.play-icon {position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;}
.play-icon::before {content: ''; display: block; width: 75px; height: 70px; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/video-play-icon.svg); background-repeat: no-repeat; background-size: 70px; cursor: pointer;}
.video-card_image {position: relative;}
/* Modal styles */
.modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; z-index: 9999;}
.modal-content {position: relative; width: 90%; max-width: 780px; background: #000; border-radius: 8px; top: 50%; margin: auto; transform: translateY(-50%);}
button.close-btn {color: #000 !important; padding: 0 !important; font-size: 40px !important; transform: translate(30px, -30px); font-weight: 300; display: flex; align-items: center; justify-content: center;}
.modal iframe {width: 100%; height: 450px;}
.close-btn {position: absolute; top: 10px; right: 12px; background: #fff; border: none; font-size: 20px; cursor: pointer; border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; line-height: 1; z-index: 1111;}
.close-btn:hover {background-color: #CF1212 !important; color: #fff !important; background-image: none !important; border: 0 !important;}
/** testimonial End **/
/** Banner Section **/
section#bannersection {height: auto; width: 100%; position: relative; margin-top: 87px; line-height: 0;}
section#bannersection .banner_images_desk {position: relative;}
section#bannersection .banner_images_desk img,
section#bannersection img.desktop_banner_all {width: 100%; display: block; }
section#bannersection .banner_images_desk .banner_effect {height: 100%; width: 100%; overflow: hidden;}
section#bannersection .banner_images_desk .banner_effect .banner_effect_inner {height: 100%; width: 100%; background-position: center center !important; background-size: cover !important;}
section#bannersection h1.banner_title {max-width: 600px; font-size: 50px; line-height: 60px; font-weight: 600; letter-spacing: 0.5px;}
section#bannersection h1.banner_title strong {font-weight: 700;}
#bannersection .overlay-2 {opacity: 0.7;}
@media(max-width:1466px) {
  section#bannersection .banner_images_desk .banner_effect .banner_effect_inner {background-size: auto 100% !important;}
}
/** Breadcrumb Section **/
section#breadCrumb_title {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: 3; height: 100%; display: flex; align-items: center;}
section#breadCrumb_title h1.banner_title span {color: #fff;}
section#breadCrumb_only {margin: 12px 0 20px; padding: 0 20px;}
.banner_not_available#breadCrumb_only {margin: 90px 0 0; padding: 0 20px;}
.single-cb_newsandevents .banner_not_available#breadCrumb_only {margin: 12px 0 0;}
#breadCrumb_only span a {color: #000;}
section#breadCrumb_only .breadcrumb_wrap .breadcrumb span.seperator {margin: 0 8px; display: inline-block;}
.breadcrumb_wrap span.seperator_b {position: relative; display: inline-block; font-size: 0; width: 30px; height: 20px;}
.breadcrumb_wrap span.seperator_b:after {content: ''; background: #000000; top: -7px; bottom: 0; right: 0; left: 0; margin: 0 auto; display: block; height: 3px; width: 3px; border-radius: 100%; position: absolute;}
/** Breadcrumb Without Banner **/
section#breadCrumb_only.no_banner_here .breadcrumb_wrap {padding: 0; margin: 0 0 -10px 0;}
section#breadCrumb_only.no_banner_here .section-container {position: absolute !important;}
section#breadCrumb_only.no_banner_here .section-container .breadcrumb span,
section#breadCrumb_only.no_banner_here .section-container .breadcrumb span a {color: #000 !important;}
section#breadCrumb_only .breadcrumb .b_seperator {margin: 0 5px;}
.testimonial-card ul li img.testim_img {height: 63px; width: 63px; overflow: visible; object-fit: cover;}
.testimonial-card ul li:nth-child(1) {height: 63px; width: 63px; border-radius: 100%; overflow: hidden;}
.policy_text .elementor-widget-container p {margin: 0 0 15px 0;}
.sitemap_page_links nav>ul {padding: 0; margin: 0; display: flex !important; -webkit-justify-content: left !important; -moz-box-pack: left !important; justify-content: left !important;}
.sitemap_page_links nav>ul>li {padding: 0; margin: 0 2% 40px 0 !important; display: block; float: left;}
.sitemap_page_links nav>ul>li:nth-child(1),
.sitemap_page_links nav>ul>li:nth-child(2),
.sitemap_page_links nav>ul>li:nth-child(3),
.sitemap_page_links nav>ul>li:nth-child(4) {width: 20% !important; padding: 0 2% 0 0 !important;}
.sitemap_page_links nav>ul>li:nth-child(2) {width: 25% !important;}
.sitemap_page_links nav>ul>li:nth-child(3) {width: 35% !important;}
.sitemap_page_links nav>ul>li:nth-child(4) {width: 12% !important;}
.sitemap_page_links nav>ul>li>a {font-size: 14px;}
.sitemap_page_links nav>ul>li ul.sub-menu {position: static !important; visibility: visible !important; opacity: 1 !important; box-shadow: none !important; width: auto !important;}
.sitemap_page_links nav>ul>li:nth-child(5) {clear: left;}
.sitemap_page_links nav>ul>li ul.sub-menu a {padding: 0 !important; margin: 13px 0 !important;}
.sitemap_page_links nav>ul>li a {padding: 0 !important;}
.sitemap_page_links nav>ul>li a span.hfe-menu-toggle {display: none;}
.sitemap_page_links nav>ul {display: flex; justify-content: space-between !important;}
.faculty_slider .research_div ul li:after {content: ''; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/gradarrow.png); width: 11px; height: 9px; position: absolute; right: 10px; top: 7px; background-size: auto 100%; transition: all 0.3s;}
.faculty_slider .research_div ul li:hover:after {right: 0; transition: all 0.3s;}
.faculty_slider .research_div ul li {margin: 7px 0; border-bottom: 1px solid #dfe0e3;}
.faculty_slider .research_div ul li:last-child {border-bottom: 0;}
.faculty_slider .research_div h3 {font-size: 20px; line-height: 25px; margin: 10px 0 0px;}
.faculty_slider .research_div h4 {font-size: 16px; line-height: 23px; margin: 10px 0 20px; font-weight: 500; letter-spacing: 0.18px;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity: 0.3 !important;}
.faculty_tab_slider .faculty_slider .swiper-wrapper {justify-content: center; display: flex; align-items: stretch;}
.faculty_tab_slider .swiper-button-next,
.faculty_tab_slider .swiper-button-prev {opacity: 0 !important;}
.staff_tab_slider .faculty_slider .staff_info h2 {padding-bottom: 5px;}
.faculty_slider .staff_info .position {margin-bottom: 0px; font-size: 17px; line-height: 22px; letter-spacing: 0.16px;}
.single-cb_newsandevents section#bannersection h1.banner_title {max-width: none !important;}
.footer_top .scceethembtn:before,
.footer_top .scceethembtn:after {width: 32px !important; height: 32px !important;}
.footer_top .scceethembtn:hover:before {width: 101% !important; height: 201% !important; top: -50%; right: 0; border-radius: 50px;}
.footer_contact ul .contact_num {flex-direction: column; align-items: normal !important;}
.our_faq_section {overflow: hidden;}
.home .banner_not_available#breadCrumb_only {display: none;}
section.sccehomeslider {margin: 44px 0 0;}
.table-responsive {width: 100%; overflow-x: auto;}
.table-responsive table {min-width: 850px;}
.table-responsive {width: 100%; overflow-x: auto;}
/* For WebKit (Chrome, Safari, Edge) */
.table-responsive::-webkit-scrollbar {height: 6px;}
.table-responsive::-webkit-scrollbar-track {background: #3f5fc68a; border-radius: 8px;}
.table-responsive::-webkit-scrollbar-thumb {background: #C5141A; border-radius: 8px;}
.table-responsive::-webkit-scrollbar-thumb:hover {background: #a01015;}
#custom-lightbox_testimonial {display: none; position: fixed; z-index: 9999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.9); text-align: center;}
#custom-lightbox_testimonial.active_pop {display: block !important;}
.card_pop_viewer {max-width: 850px; margin: 0 auto; height: 100%; display: flex; align-items: center;}
.card_pop_viewer .card_popup_inner {background: #fff; padding: 20px 20px 30px; margin: auto; border-radius: 15px; text-align: justify; position: relative; max-height: 90vh;}
.card_pop_viewer .card_popup_inner .card_popup_content {max-height: 70vh; overflow-x: auto; padding-right: 16px;}
/* For WebKit (Chrome, Safari, Edge) */
.card_pop_viewer .card_popup_inner .card_popup_content::-webkit-scrollbar {height: 6px; width: 6px;}
.card_pop_viewer .card_popup_inner .card_popup_content::-webkit-scrollbar-track {background: #3f5fc68a; border-radius: 8px;}
.card_pop_viewer .card_popup_inner .card_popup_content::-webkit-scrollbar-thumb {background: #C5141A; border-radius: 8px;}
.card_pop_viewer .card_popup_inner .card_popup_content::-webkit-scrollbar-thumb:hover {background: #a01015;}
.card_pop_viewer .title_card {margin: 0; color: var(--primary-color); font-size: 23px; font-family: var(--font-main); font-weight: 600; letter-spacing: 0.24px; margin-bottom: 5px; text-align: center;}
.card_pop_viewer span.card_designation {display: block; color: #000000; font-size: 16px; font-family: var(--font-main); font-weight: 600; letter-spacing: 0.16px; line-height: 20px; text-align: center; margin: 0 0 10px 0;}
.read_mo {font-size: 16px; text-decoration: underline;}
.card_pop_viewer .card_popup_inner span.lightbox-close {color: #bc2522; top: 5px; right: 10px; font-size: 60px; line-height: 30px; padding: 0; display: inline-block;}
.card_pop_viewer .card_popup_inner p {margin: 5px 0 10px;}
.slider-bg {position: absolute; top: 0; left: 0; height: 100%; width: 50%; background: #C4171B; border-radius: 35px; transition: transform 0.3s ease, width 0.3s ease; will-change: transform, width; z-index: 0;}
.faculty_tab .e-n-tabs-heading button {background: transparent !important;}
ul.menu.mobile_menu {padding: 20px;}
ul.menu.mobile_menu>li>a {padding: 10px 0; border: 0; font-size: 20px;}
ul.menu.mobile_menu>li>a::after {right: 20px; position: absolute;}
ul.menu.mobile_menu>li {border-bottom: 1px solid #eee;}
ul.menu.mobile_menu ul.menu.mobile_menu {padding: 0 0;}
ul.menu.mobile_menu>li li>a {font-size: 16px; padding: 0px 0 7px 20px; position: relative;}
ul.menu.mobile_menu>li li {border: 0; padding: 0;}
ul.menu.mobile_menu>li li>a:after {content: ''; position: absolute; background: transparent linear-gradient(247deg, #CF1212 0%, #3B43E3 100%) 0% 0% no-repeat padding-box; height: 6px; width: 6px; left: 2px; top: 11px; border-radius: 100%;}
.overview-content_post h2 {background: linear-gradient(to left, #C20F16 0%, #803ACF 50%, #3053C1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin: 10px 0 10px; font-weight: 600;}
.why_scce_tab .e-n-accordion-item-title-icon svg path {fill: transparent !important;}
@media (max-width: 849px) {
  .table-responsive {-webkit-overflow-scrolling: touch;}
}
.career_contact h2 span {color: #FFD500 !important; -webkit-background-clip: #FFD500 !important; -webkit-text-fill-color: inherit !important;}
.career_contact .mngmnt_contact li a,
.career_contact .mngmnt_contact .contact_num {color: #fff; font-size: 20px; line-height: 30px;}
.lightbox_active {overflow: hidden;}
#other_news h2 {text-align: center; margin: 0 0 30px;}
#other_news .overview-content_post {text-align: center;}
.other_newsevents .news_img img {height: 265px; width: 100%; object-fit: cover; object-position: center; border-radius: 20px;}
.other_newsevents .news_title h3 {color: var(--primary-color); font-size: 20px; line-height: 30px; font-weight: 600; letter-spacing: 0.2px; margin-top: 10px;}
section#other_news {padding: 60px 0 30px; background-color: #e5ebff; overflow: hidden;}
section#other_news .swiper-button-next {right: -80px;}
section#other_news .swiper-button-prev {left: -80px;}
.other_newsevents {overflow: visible !important;}
section#other_news .swiper-slide {opacity: 0;}
section#other_news .swiper-slide.swiper-slide-active,
section#other_news .swiper-slide.swiper-slide-active+div,
section#other_news .swiper-slide.swiper-slide-active+div+div {opacity: 1;}
.header_mobile {display: none !important; background: #fff; border-bottom: 2px solid #f4f4f4; position: fixed; left: 0; width: 100%; z-index: 3;}
.header_mobile ul {list-style: none; margin: 0; padding: 0; background: #fff; overflow: hidden;}
.header_mobile li a {display: block; padding: 20px 30px; color: #333; text-decoration: none; border-right: 2px solid #f4f4f4;}
.header_mobile li:first-child a {border-left: 2px solid #f4f4f4;}
.active_link {font-weight: bold;}
.has_child .arrow_click::after {content: ''; width: 10px; height: 16px; display: block; background: url(https://www.scce.edu.in/wp-content/uploads/2025/06/gradarrow.png) no-repeat; transform: rotate(90deg); right: 0; left: 0; margin: 17px auto 0;}
.has_child .arrow_click.active_arrow {transform: rotate(180deg);}
.arrow_click {float: right;}
ul.menu.mobile_menu>li>.arrow_click {position: absolute; top: 0; right: 0; height: 50px; width: 50px; text-align: center;}
ul.menu.mobile_menu>li {position: relative;}
.menu-toggle {float: right; padding: 28px 20px; background: none; border: none; cursor: pointer;}
.navicon,
.navicon::before,
.navicon::after {background: #333; height: 3px; width: 30px; display: block; position: relative; content: ""; transition: all 0.2s ease-out;}
.navicon::before,
.navicon::after {content: ""; position: absolute;}
.navicon::before {top: -10px;}
.navicon::after {top: 10px;}
.menu {clear: both; display: none;}
.menu.open {display: block;}
@media (min-width: 1220px) {
  .header_mobile {display: none !important;}
}
@media (max-width: 1220px) {
  .header_mobile {display: block !important;}
  .menu {display: none; flex-direction: column;}
  .menu.open {display: block;}
}
.menu-toggle.active .navicon {background: transparent;}
.menu-toggle.active .navicon::before {transform: rotate(45deg); top: 0;}
.menu-toggle.active .navicon::after {transform: rotate(-45deg); top: 0;}
button.menu-toggle {border: 0 !important; border-radius: inherit !important; padding: 0 0 0 20px !important; width: 60px; background: #fff; position: absolute; height: 60px; right: 10px; top: -61px;}
button.menu-toggle:hover {background: #fff !important;}
.header_mobile.active_menu {height: 100%;}
.semester_months_ul {display: flex; justify-content: center; gap: 0 50px;}
.tab_name_li {display: inline-block; padding: 10px 50px; cursor: pointer; margin-right: 5px; border-radius: 5px 5px 0 0; align-items: center; font-size: 20px; text-align: start; font-family: var(--font-main); font-weight: 600; line-height: 41px; letter-spacing: 0.2px; position: relative; color: var(--primary-color);}
.tab_name {display: none !important;}
li.tab_name_li:after {position: absolute; content: ''; width: 100%; height: 1px; background-color: #C4171C; transition: all 0.5s; left: 0; opacity: 0.5; bottom: 0;}
li.tab_name_li:before {position: absolute; content: ''; width: 0%; height: 2px; background-color: #C4171C; transition: all 0.5s; left: 0; bottom: 0; opacity: 1;}
li.tab_name_li.active:before {width: 100%; transition: all 0.5s;}
button#audioControl {border: 1px solid transparent; border-radius: 100%; width: 50px; height: 50px; position: absolute; right: -27px; bottom: -40px; left: auto; padding: 5px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
button#audioControl:after {position: absolute; content: ''; width: 60px; height: 60px; background-color: rgb(235 237 244 / 40%); border-radius: 100%; z-index: -1;}
button#audioControl:focus {outline: 0;}
.popup {position: fixed; background-color: #ffffff; bottom: 10px; right: 10px; width: 350px; height: 350px; transform: scale(0); transform-origin: bottom right; opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; border: 1px solid #263a7f; display: flex; justify-content: center; align-items: center; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/red-globe.svg); background-size: cover; background-repeat: no-repeat; background-position: bottom -180px right -100px; overflow: hidden;}
.popup.activepopup {transform: scale(1); opacity: 1;}
.popup-content {padding: 20px;}
button.close-btn {position: absolute; top: 10px; right: 10px; cursor: pointer; border-radius: 100%; background: linear-gradient(-157deg, rgba(207, 18, 18, 1) 0%, rgba(59, 67, 227, 1) 100%); height: 40px; width: 40px; padding: 0; display: flex; justify-content: center; align-items: center; border: none; transition: all 0.5s;}
.quick-link {z-index: 9999; position: fixed; bottom: 20px; right: 20px; background-color: #263a7f; color: white; padding: 10px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; transition: allk 0.5s;}
.quick-link:hover {background-color: #c3161f; color: #ffffff; transition: allk 0.5s;}
ul.quick-link-list {margin: 0; padding: 0; list-style-type: none;}
ul.quick-link-list li a {color: var(--primary-color); font-size: 20px; font-weight: 600 !important; line-height: 28px;}
ul.quick-link-list li a:hover {color: #c5161d;}
ul.quick-link-list li {margin-bottom: 15px; padding-left: 20px; position: relative; transition: all 0.5s;}
ul.quick-link-list li:before {position: absolute; content: ''; background-image: url(https://www.scce.edu.in/wp-content/uploads/2025/07/gradarrow.png); width: 10px; height: 16px; left: -40px; top: 5px; transition: all 0.5s;}
ul.quick-link-list li:hover:before {left: 20px; transition: all 0.5s;}
ul.quick-link-list li:hover {padding-left: 40px; transition: all 0.5s;}
button.close-btn img {width: 15px;}
button.close-btn:hover {background: #c4171e;}
ul.menu.mobile_menu>li.has_child:after {content: ''; position: absolute; height: 100%; width: 100%; background: transparent; z-index: 1; top: 0; left: 0;}
ul.menu.mobile_menu>li ul, ul.menu.mobile_menu>li div {position: relative; z-index: 9;}
#custom-lightbox {display: none; position: fixed; z-index: 9999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; background: rgba(0, 0, 0, 0.9); text-align: center;}
#custom-lightbox .img_lightbox_mid {display: flex; justify-content: center; align-items: center; height: 100vh;}
#custom-lightbox img.lightbox-img {max-width: 90%; max-height: 80vh; margin: auto; border: 5px solid #fff; border-radius: 6px;}
.lightbox-close,
.lightbox-prev,
.lightbox-next {position: absolute; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; user-select: none;}
.lightbox-close {top: 20px; right: 35px;}
.lightbox-prev {top: 50%; left: 15px; transform: translateY(-50%);}
.lightbox-next {top: 50%; right: 15px; transform: translateY(-50%);}
/** Post **/
.section_wrap.postpages {padding: 15px 0 60px;}
.post_image_here {float: right; margin: 20px 0 10px 70px;}
.single-cb_pressrelease h3 {font-weight: 700 !important; line-height: 40px; color: #29107D; margin: 30px 0 10px;}
.postpages .data_of_podt {color: #000000; font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 10px;}
.postpages .gallery-wrapper {display: flex; gap: 10px; flex-wrap: wrap;}
.postpages .gallery-wrapper img {max-width: 300px; border: 2px solid #ccc; cursor: pointer; border-radius: 4px;}
.post_image_here {max-width: 500px;}
.post_image_here img {width: 100%; border-radius: 20px;}
.post_image_here .swiper-container {width: 100%; position: relative; overflow: hidden;}
.post_image_here .swiper-slide img {width: 100%; display: block; border-radius: 10px;}
.post_image_here .swiper-button-next,
.post_image_here .swiper-button-prev {color: #000;}
/** Post end**/
/* --- Media Queries --- */
@media(max-width:1668px) {
  .main-menu li a {padding: 10px 8px;}
}
@media(max-width:1533px) {
  .main-menu li a {text-decoration: none; padding: 20px 5px; display: block; color: var(--primary-color); font-weight: 500; font-size: 18px; line-height: 24px; position: relative;}
header#site-header .header-inner {padding: 7px 20px;}
.header-inner .menu-item-has-children>a:before {top: 29px;}
}
@media(max-width:1440px) {
  footer section.section-wrap .section-container {max-width: calc(100% - 40px) !important;}
  .program_grid .card p {font-size: 18px;}
  .below_footer_div {margin: 0 20px !important;}
  .curriculum_grid .semester {padding: 25px 20px;}
  .curriculum_grid_inner {column-gap: 35px;}
}
@media(max-width:1366px) {
  .main-menu>li {margin-right: 11px !important;}
}
@media(max-width:1219px) {
  #site-header .site-navigation {display: none;}
}
@media(max-width:1200px) {
  section#bannersection h1.banner_title {padding: 0 30px; font-size: 32px !important; line-height: 40px !important; max-width: 32%;}
  .footer_top {flex-direction: column;}
  .footer_top .footer_social_links {width: 100% !important; padding-bottom: 20px !important;}
  .footer_top .footer_site_icon {width: 100% !important;}
  .footer_middle_part .footer_contact ul {align-items: baseline; flex-flow: row;}
  .footer_middle_part {flex-direction: column; padding: 30px 0 10px !important;}
  .footer_middle_part .footer_contact {width: 100% !important;}
  .footer_middle_part .site-navigation {width: 100% !important; margin: 30px 0 0;}
  .footer_middle_part .footer_contact ul li:first-child {padding-right: 61px; max-width: 350px !important;}
  .footer_middle_part .footer_contact ul li {max-width: inherit !important;}
  .footer_middle_part .site-navigation>div {width: 50%;}
  .below_footer_div .rights_text {width: auto !important; text-align: center;}
  .footer_middle_part .footer_contact ul li.contact_num {width: 100%; flex-direction: row; column-gap: 40px;}
  section#other_news .other_newsevents.swiper-container {scale: 0.85;}
}
@media(max-width:1080px) {
  .curriculum_grid .semester {width: 30%;}
  .curriculum_grid_inner {flex-wrap: wrap; row-gap: 35px;}
  .inner_page_outcomes .inner_outcomes_box {column-gap: 2%;}
}
@media(max-width:980px) {
  .footer_middle_part .footer_contact ul li.contact_num {flex-direction: column;}
  .curriculum_grid .semester {width: 50%;}
  .curriculum_grid .semester {width: 50%;}
  .inner_page_outcomes .inner_outcomes_box .inner_outcomes {width: 100%; max-width: 520px; margin: 0 auto; gap: 0 30px;}
  .inner_stats_box {column-gap: 30px;}
  .calander_card {width: 30% !important;}
  .grid_calander {justify-content: space-around !important;}
}
@media(max-width:880px) {
  section#bannersection h1.banner_title {padding: 15px 15px 20px; font-size: 32px !important; line-height: 36px !important; max-width: 100%;}
  section#bannersection h1.banner_title span {position: relative; z-index: 44;}
  section#breadCrumb_title {position: relative; background: #2c3a7e; border-radius: 0 0 20px 20px;}
  .single-cb_programme section#breadCrumb_title:after {position: absolute; content: ''; left: 0; right: 0; width: 100%; height: 110px; background: #2c3a7e; background: linear-gradient(0deg, rgb(50 57 125) 60%, rgb(50 57 125) 55%, rgba(36, 32, 33, 0) 100%); top: -50px; z-index: 9;}
}
@media(max-width:768px) {
  footer .section-container {padding: 40px 0 20px !important;}
  .footer_middle_part .site-navigation {column-gap: 20px !important;}
  .footer_middle_part .footer_contact ul {flex-flow: column; padding-right: 0px !important;}
  .footer_middle_part .footer_contact ul li:first-child {padding: 0; max-width: max-content !important;}
  .footer_top .footer_site_icon {margin-bottom: 10px;}
  .curriculum_grid .semester {width: 46%;}
  .inner_page_stats .inner_stats_box .inner_stats {padding: 30px 10px;}
  .inner_page_stats .inner_stats_box {flex-wrap: wrap; row-gap: 30px;}
  .calander_card {padding: 20px 25px !important;}
  body .calander_card h3 {font-size: 18px; line-height: 24px;}
  body .calander_card p {font-size: 18px; line-height: 20px;}
}
@media(max-width:680px) {
  .footer_middle_part .site-navigation {flex-direction: column !important; row-gap: 20px !important; margin-top: 20px !important;}
  .footer_middle_part .site-navigation>div {width: 100% !important;}
  .footer_top .footer_social_links {flex-direction: column; align-items: baseline; row-gap: 15px; margin: 15px 0 0 0;}
  .below_footer_div>div {flex-direction: column; align-items: center; row-gap: 7px;}
  .below_footer_div {padding: 12px 0;}
  .footer_middle_part {padding-bottom: 0px !important;}
  .semester_months_ul {gap: 0 0 !important; justify-content: space-around !important; position: sticky; top: 0; background-color: #fff; z-index: 1; transition: all 0.3s;}
  .scroll-up .semester_months_ul {top: 73px; transition: all 0.3s;}
  .semester_months_ul li {width: 45%; padding: 10px 10px; text-align: center; font-size: 18px;}
  .curriculum_grid .semester {width: 100%; max-width: 320px;}
  .calander_card {width: 46% !important;}
  .program_grid .card h3 {font-size: 20px; margin: 5px 0 5px; line-height: 25px;}
  .program_grid .card-content>a {padding: 10px 20px 60px;}
}
@media(max-width:480px) {
  section#bannersection h1.banner_title {font-size: 26px !important; line-height: 32px !important;}
  .inner_page_outcomes .inner_outcomes_box .inner_outcomes {flex-direction: column;}
  .inner_page_outcomes .inner_outcomes_box .inner_outcomes_icon {top: -13px;}
  .inner_page_outcomes .inner_outcomes_box .inner_outcomes .inner_outcomes_counter {padding-bottom: 20px; padding-top: 0;}
  .calander_card {padding: 18px 15px !important;}
}
@media(max-width:450px) {
  .footer_top .scceethembtn:before,
  .footer_top .scceethembtn:after {top: 14px;}
  .footer_middle_part .footer_contact ul li {min-width: auto !important;}
  ul#menu-footer-menu {gap: 0 0px !important;}
}