/*
Theme Name: SR University Theme
Theme URI: http://example.com/my-custom-theme
Author: ProCreators
Author URI: http://example.com
Description: A custom WordPress theme.
Version: 1.0
License: All rights reserved. This theme is for private/internal use only.
License URI: https://yourwebsite.com/license
Tags: custom-theme, responsive, blog, minimal
Text Domain: sruniversity
*/

/* Reset some default browser styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
	font-family: "Inter";
	src: url('assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: 'Inter', sans-serif;
}
a {
	text-decoration: none;
}
html {
	scroll-behavior: smooth;
}

/*css variables for global use*/
:root {
	--ancient-blue-color: #297DE5;
	--font-weight-bold: 400;
	--text-default-primary: #0F0F11;
	--text-default-secondary: #5D5E6C;
	--button-text-primary2: #297DE5;
	--Font-Size-Body-B2: 1.25rem;
	--text-accent-purple: #81629F;
	--heading-600: 600;
	--heading-h1: 600;
	--heading-h2: 600;
	--heading-h3: 500;
	--heading-description: 500;
	--news-categories-purple: 600;
	--news-title-weight: 600;
}
#breadcrumbs span a {     color: var(--text-default-secondary);  }
#breadcrumbs { 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#breadcrumbs span span:not(:first-child) {
    margin-left: 5px;
}
#breadcrumbs span span {
    margin-right: 5px;
}
/*css font-size settings for global*/
html {
	font-size: 16px; /* 1rem = 16px */
}

.heading-wrapper {
	padding-bottom: 64px;
}

.line-3-clamp {
	display: -webkit-box;        
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;      
	overflow: hidden;           
	text-overflow: ellipsis;    
} */

/*site top and main menu css start*/

.top-menu-container {
	display: flex;
	height: 48px;
	background: #0F0F11;
}
#menu-top-menu, .top-menu-icontact {
	display: flex;
	gap: 20px;
}
.top-menu-main nav.top-nav {
	padding-right: 19px;
}
.top-menu-icontact {
	padding-left: 20px;
	border-left: 1px solid white;
}
.top-menu-main {
	display: flex;
	height: 48px;
	align-items: center;
	justify-content: flex-end;
}
#menu-top-menu li a {
	font-size: 1rem;
	font-weight: 100;
	color: #ffffff;
	font-style: normal;
	line-height: 1;
	text-decoration: none;
}
#menu-primary-menu {
	display: flex;
	gap: 24px;
}
#menu-primary-menu li a {
	font-weight: 400;
	color: #1E1919;
	font-size: 1rem;
}
.primary-menu-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}
.primary-menu-apply a {
	padding: 10px 30px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	border-radius: 4px;
	background: #297DE5;
}
/*site top and main menu css end*/

/*homepage css start*/

/* Only what Bootstrap can’t do exactly */
.home-banner {
	padding-top: 40px;
}
.home-banner-container img {
	height: 540px;
}
.banner-heading {
	bottom: 70px;
}

/*spotlight news*/

html .spotlight-card-contents {
    /*border-right: 8px solid white;*/
    /*border-top: 8px solid white;*/
    /*border-radius: 12px !important;*/
}

.spotlight-news-container {
    font-weight: var(--heading-h2);
}

.spotlight-card-container {
	display: flex;
	gap: 65px;            
	width: 100%;
	/* 	padding: 0 0 64px;     */
}

.spotlight-cards {
	position: relative;
	width: 100%;
	margin-bottom: 100px;

}
.spotlight-cards .spotilight-content-readmore img, .sports-view-all img, .single-card .sports-readmore img {
    position: relative;
    left:0;
    transition: left 0.3s ease;
}

.spotlight-cards:hover .spotilight-content-readmore img, .sports-view-all:hover img,  .single-card:hover .sports-readmore img {
    left:10px;
}
.spotlight-cards .thumbnail-img {
    height: 345px;
}

.spotlight-card-contents {
	position: absolute;
	top: 64%;             
	right: 15%;          
	padding: 28px;        
	width: 89%;           
	background: #F8F7FB;
}

.spotlight-category {
	color: var(--text-accent-purple);
	font-weight: var(--news-categories-purple);
	/* padding‑bottom:16px is now handled by .pb-3 */
}

.spotlight-card-heading {
	color: var(--text-default-primary);
	font-weight: var(--news-title-weight);
	line-height: 28px;
	padding-bottom: 20px; /* exact spacing */
}

/* the date + read‑more gaps/font‑sizes aren’t in Bootstrap’s scale */
.spotlight-content-date,
.spotilight-content-readmore {
	display: flex;
	align-items: center;
}
.spotlight-content-date {  gap: 12px; }
.spotlight-content-date span {
	font-size: 1rem;
	color: var(--text-default-secondary);
	font-weight: var(--heading-description);
}
.spotilight-content-readmore a {
	font-weight: var(--news-title-weight);
	font-size: 16px;
	color: var(--button-text-primary2);
}

/* if you still need your home‑spotlight-news wrapper */
section.home-spotlight-news {
	padding: 48px 0 120px;
}

section.home-visionary-university {
  padding: 96px 0 0;
}
.achievement-main-container {
  padding: 96px 0;
}
.achivement-component .achievement-container {
  width: 65%;
  padding-right: 10%;
}
.achivement-component .achievement-component-mainimage {
  width: 35%;
  height: 520px;
}

.achivement-list-point {
  margin-bottom: 40px;
  gap: 32px;
}
.achivement-list-point:last-child {
  margin-bottom: 0;
}
.achivement-list-point span {
  font-size: var(--Font-Size-Body-B2);
  line-height: 28px;
}


/*gcp component css*/
section.home-collaboartions-partner { padding: 0; }
.gcp-component-main                 {     padding: 96px 0 96px; }

.gcp-description {
  width: 37%;
  line-height: 32px;
  font-weight: var(--heading-description);
  font-size: 1.5rem !important;
}
/* flexwrap + exact 40px gutters between cards */
.gcp-partners-list {
  display: flex;      
  flex-wrap: wrap;    
  gap: 40px;          
}
.gcp-partner-logo {
  flex: 0 0 calc((100% - 3 * 40px) / 4);
  padding: 30px 31px;
  background: #fff;
  text-align: center;
  border-radius: 4px;
}

/* fixed logo image size */
/*.gcp-partner-logo img {*/
/*  width: 125px;*/
/*  height: 40px;*/
/*  object-fit: cover;*/
/*}*/


.resino-desc { font-size: 1.5rem !important; line-height: 32px; }
.home-resinno-section .textbox-content-container p {
    font-size: 1.25rem !important;
    line-height: 30px;
}
/*textbox image component - home research and innovation*/
.textbox-description{
	/*padding-top: 24px;*/
	/*font-size: 1.5rem;*/
	/*font-weight: var(--heading-description);*/
	/*line-height: 32px;*/
	color: var(--text-default-primary);
}
.textbox-imgbtn-component {
	display: flex;	
	align-items: flex-end;
	padding: 48px 0;

}
.textbox-content-container {
	padding: 40px;
	border-radius: 4px;
	background: #F2F0F7;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 0;
}
.textbox-content-list {
	display: flex;
	align-items: center;
	gap: 20px;
}
.textbox-content-description {
	font-size: 1.25rem;
	line-height: 28px;
	font-weight: var(--heading-description);
}
.textbox-image-container img {
	position: relative;
	top: 33px;
	height: 480px;
	width: 100%;
	margin-bottom: 0 !important;
}
.textbox-container { width: 65%; }
.textbox-image-container { width: 35%; }
.textbox-image-btn {
	display: flex;
	justify-content: flex-end;
}
.textbox-image-btn a {
	display: flex;
	padding: 20px;
	color: white;
	background: var(--button-text-primary2);
	width: 66%;
	justify-content: center;
	border-radius: 4px;
	font-size: 1.25rem;
	font-weight: var(--heading-600);
	position: relative;
    bottom: 0px;
}

/*choose path component - homepage choose you path css start*/

.choose-path-component {
	display: flex;
	justify-content: space-between;
}
.choose-path-fsrow, .choose-path-scrow {
	width: 48%;
}
.choose-path-component .heading-wrapper h2 {
	padding-bottom: 32px;
	line-height: 68px;
}
.choose-path-component .heading-wrapper p {
	font-size: 1.75rem;
	font-weight: var(--heading-description);
	line-height: 32px;
	color: var(--text-default-primary);
}
.choose-path-strok {
	border-bottom: 1px solid #C1E3FC;
	width: 46%;
	margin-top: 40px;
}
.choose-path-fsrow .heading-wrapper {
	padding-bottom: 48px;
}
.choose-path-featureimg {
	width: 100%;
	height: 330px;
}
.choose-path-thumbnail {
	position: relative;
}
.choose-path-redirectimg {
	position: absolute;
	right: 0;
}
.choose-path-component h3  {
	padding: 16px 0 12px;
	font-size: 1.75rem;
	font-weight: var(--news-title-weight);
	line-height: 36px;
	color: var(--text-default-primary);
}
.choose-path-component p {
	font-size: 1.25rem;
	font-weight: var(--heading-description);
	line-height: 28px;
	color: var(--text-default-primary);
}
.choose-path-fscontnet, .choose-path-sccontnet {
	margin-bottom: 80px;
}
.choose-path-scrow  {
	margin-top: 88px;
}

/*event 3card component - home upcoming events css start*/

.event-2cardslider-component .spotlight-card-contents {
top: 63%;
    right: 14%;
    width: 89%;
    border-radius: 4px;
}
.event-2cardslider-component .spotlight-card-container {
	padding: 0;
}
.event-2cardslider-component .spotlight-contents-meta {
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.event-2cardslider-component .spotlight-content-date .event-2card-div {
	display: flex;
	align-items: center;
	gap: 15px;
}
.event-2cardslider-component .spotlight-content-date {
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.home-upcoming-events { 
	overflow: hidden; 
	position: relative;
	background: linear-gradient(177.77deg, #FFFFFF 4.74%, #EFF8FF 52.13%);
}
.home-upcoming-events .section-container {
	position: relative;
    padding: 48px 15px 48px 30px;
}
.swiper-button-next-2card {
	position: absolute;
	top: 48px;
	right: 25px;
}
.swiper-button-prev-2card {
	position: absolute;
	top: 48px;
	right: 100px;
}
.event-2cardslider-component .thumbnail-img {
    height: 370px;
    border-radius: 4px;
}

/* Navigation + Progress Bar */

.event-2cardslider-component .custom-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.event-2cardslider-component .swiper-button-prev,
.event-2cardslider-component .swiper-button-next {
	cursor: pointer;
	font-size: 24px;
}

.event-2cardslider-component .progress-bar {
	position: relative;
	width: 100px;
	height: 7px;
	background: white;
	border-radius: 7px;
	overflow: hidden;
    margin-top: 50px;
}

.event-2cardslider-component .progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #192e52;
	border-radius: 5px;
	width: 0%;
	transition: width 0.3s ease;
}
.event-2cardslider-component .swiper-slide {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.event-2cardslider-component .swiper-slide-active , .event-2cardslider-component .swiper-slide-next{
	opacity: 1;
	transition: opacity 0.3s ease;
}
.event-2cardslider-component .swiper.myUpcomingEvents {
	overflow: visible;
}

@media (max-width: 991px) {
    .event-2cardslider-component { position: relative; }
    .swiper-button-prev-2card {
        position: absolute;
        bottom: -65px;
        right: 65px;
                top: unset;
    }
        .swiper-button-next-2card {
        position: absolute;
        bottom: -65px;
        right: 0px;
                top: unset;
    }
    .event-2cardslider-component .progress-bar {
        position: absolute;
        width: 100px;
        height: 7px;
        background: white;
        border-radius: 7px;
        overflow: hidden;
        margin-top: 100px;
        left: 0px;
    }
}

/*home admission section css start*/
section.home-admission-open {
  display: flex;
  align-content: center;
  justify-content: center;
  min-height: 500px;
  background: url(/wp-content/uploads/2025/04/admission-2024-1-scaled.webp)
    top/cover no-repeat;
  padding: 0;
}
.home-admission-heading { color: white; }
.home-admission-open .section-full-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgb(25 46 82 / 56%);
  width: 100%;
        min-height: 500px;
}
.home-admission-open .home-admission-heading p {
  font-size: 5rem;
  font-weight: 500;
  color: white;
  text-align: center;
  width: 80%;
  margin: auto;
  line-height: 88px;
}
.home-admission-open .home-admission-buttons {
  display: flex;
  gap: 30px;
  margin-top: 50px;
  justify-content: center;
}
.home-admission-open .explore-now a {
  color: white;
  font-size: 1.25rem;
  font-weight: var(--heading-600);
  min-width: 296px;
  display: block;
  background: #297de5;
  padding: 20px;
  border: 2px solid #297de5;
  border-radius: 4px;
  text-align: center;
}
.home-admission-open .explore-programs a {
  color: white;
  font-size: 1.25rem;
  font-weight: var(--heading-600);
  min-width: 296px;
  display: block;
  background: transparent;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  border: 2px solid white;

}

/*homepage css end*/


/* footer section css start*/
footer .bottom-footer-sru {
	display: flex;
	flex-direction: column;
	position: relative;
}

.footer-sru-img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.footer-address-links {
	display: flex;
	justify-content: space-between;
	padding: 96px 0 0;
}
.sru-footer-logo {
	width: 220px;
	height: 87px;
	margin-bottom: 40px;
}
.footer-heading-title {
	font-size: 1rem;
	font-weight: var(--heading-600);
	color: var(--ancient-blue-color);
	line-height: 24px;
	margin-bottom: 40px;
}
.footer-title-addr, .footer-title-office {
	color: var(--text-default-secondary);
	font-size: 0.9rem;
	margin-bottom: 15px;
}
.footer-uni-addr, .footer-uni-office {
	font-weight: var(--heading-description);
	font-size: 1rem;
	line-height: 24px;
	margin-bottom: 40px;
}
.footer-link-chats {
	display: flex;
	justify-content: flex-end;
	width: 60%;
}
.footer-address-container {
	width: 40%;
}
.footer-links-container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 60px;
}
.footer-links-container li {
	width: 35%;
}
.footer-other-links { width: 60%; }
.footer-chat-links { width: 40%; }
.footer-links-container li a {
	font-weight: var(--heading-description);
	font-size: 1rem;
	color: var(--text-default-primary);
	line-height: 24px;
}
.footer-links-container li {
	margin-bottom: 25px;
}
.footer-chat-container li .talk-chat  {
	font-size: 0.85rem;
	font-weight: var(--heading-description);
	color: var(--text-default-secondary);
	line-height: 22px;
	/*     margin-bottom: 20px; */
}
.footer-chat-container li {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 15px;
}
.footer-chat-container li a, .footer-chat-container li p {
	font-weight: var(--heading-description);
	font-size: 1rem;
	line-height: 24px;
	color: var(--text-default-primary);
}
.footer-social-container {
	display: flex;
	gap: 30px;
}
.footer-copyright {
	position: relative;
	display: flex;
	background: url(/wp-content/uploads/2025/04/footer-cpr.webp);
	min-height: 62px;
}
.footer-copyright p {
	font-weight: var(--heading-description);
	font-size: 0.85rem;
	line-height: 22px;
	color: white;
	z-index: 100;
}
.mix-blend-copyright {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(25, 46, 82, 1);
	mix-blend-mode: hard-light;
}
/* footer section css end*/


/*responsive css homepage* start/

/* Small phones */
@media only screen and (min-width: 320px) and (max-width: 360px) { 
	header { display: none; }
}

/* Regular phones */
@media only screen and (min-width: 361px) and (max-width: 450px) { 
	header { display: none; }
}

/* Large phones and small tablets (Foldables) */
@media only screen and (min-width: 451px) and (max-width: 768px) { 
	header { display: none; }
}

/* Tablets (landscape) */
@media only screen and (min-width: 769px) and (max-width: 1024px) { 
	header { display: none; }
}

/* media query for homepage */

@media (max-width: 575px) {
	/*spotlight section*/
	.spotlight-cards {
		margin-bottom: 160px !important;
	}
	/*home banner section*/
	.home-banner-container img {
		height: 320px;
		object-fit: cover;
		object-position: 35%;
	}
	.banner-heading h1 {
		bottom: 20px;
		font-size: 2.5rem !important;
		line-height: 48px !important;
	}
	.banner-heading { bottom:50px; }

	/*homepage power section*/
	.achivement-component {
		flex-direction: column;  /* text first, image second */
	}
	.achivement-component .achievement-container {
		width: 100%;
		padding-right: 0;
		margin-bottom: 24px;
	}
	.achivement-component .achievement-component-mainimage {
		width: 100%;
		/*height: 356px;*/
		height: auto;
	}
	.achivement-list-point span {
		font-size: 1rem;
		line-height: 24px;
		font-weight: 500;
	}
	.achivement-list-point {
		margin-bottom: 25px;
		gap: 0px;
	}
	.achivement-list-point img {
		width: 33px;
		height: 33px;
	}
	
	/*homepage gcp section*/
	.gcp-partner-logo {
		flex: 0 0 calc((100% - 1 * 15px) / 2);
		padding: 30px 10px;
	}
	.gcp-partners-list {
		gap: 15px;
	}
	.gcp-description {
		padding-top: 10px;
		width: 100%;
	}

}
@media (min-width: 576px) and (max-width: 1024px) {
	/*home banner section*/
	.home-banner-container img {
		height: 373px;
		object-fit: cover;
		object-position: 0;
	}
	.banner-heading h1 {
		bottom: 20px;
		font-size: 5rem !important;
		line-height: 80px !important;
	}
	.banner-heading { bottom:50px; }
	.achivement-component .achievement-container {
		width: 50%;
		padding-right: 0%;
	}
	.achivement-component .achievement-component-mainimage {
		width: 48%;
		height: auto;
		margin-left: 2%;
	}
	.achivement-list-point {
		margin-bottom: 30px;
		gap: 0;
	}
	.achivement-list-point span {
		font-size: 1rem;
		line-height: 28px;
	}
	.achivement-list-point img {
		width: 33px;
		height: 33px;
	}
	/*homepage gcp section*/
	.gcp-partner-logo {
 flex: 0 0 calc((100% - 3 * 15px) / 4);
		padding: 15px 10px;
	}
	.gcp-partners-list {
		gap: 15px;
	}
}

@media (min-width:576px) and (max-width: 767px) {

	/*homepage power section*/
	.achivement-component {
		flex-direction: column;  /* text first, image second */
	}
	.achivement-component .achievement-container {
		width: 100%;
		padding-right: 0;
		margin-bottom: 24px;
	}
	.achivement-component .achievement-component-mainimage {
		width: 100%;
		height: 400px;
	}
	.achivement-list-point span {
		font-size: 1rem;
		line-height: 24px;
		font-weight: 500;
	}
	.achivement-list-point {
		margin-bottom: 25px;
		gap: 0px;
	}
	.achivement-list-point img {
		width: 33px;
		height: 33px;
	}
		
	/*homepage gcp section*/
	.gcp-partner-logo {
		flex: 0 0 calc((100% - 1 * 15px) / 2);
		padding: 30px 10px;
	}
	.gcp-partners-list {
		gap: 15px;
	}
	.gcp-description {
		padding-top: 10px;
		width: 100%;
	}
}

@media (min-width: 500px) and (max-width: 1024px) {
	.notched-box .corner-btn img {
        width: 50px !important;
        height: 46px !important;
    }
}
/**** old css ****/

/**** NEW CSS ****/

/* Override Bootstrap Variables */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none !important;
}

a,
li {
	text-decoration: none !important;
}

p {
	font-size: 1rem;
	line-height: 1.5rem;
}

@font-face {
	font-family: "Inter";
	src: url('assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Inter", sans-serif !important;
}

/* h1 {
	font-size: 6.25rem !important; 
	font-weight: 600 !important;
	line-height: 1 !important;
}

h3 {
	font-size: 1.25rem !important;
} */

/* Force btn-primary colors if needed */
.btn-primary {
	background-color: rgba(41, 125, 229, 1) !important;
	border-color: rgba(41, 125, 229, 1) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: rgba(
		31,
		105,
		209,
		1
	) !important; /* optional darker shade for hover */
	border-color: rgba(31, 105, 209, 1) !important;
}

/* Override Bootstrap container width */

.container-fluid {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}

.container,
.section-container {
	max-width: 84.09406rem !important;
	margin-left: auto;
	margin-right: auto;
	/*padding-left: 2.5rem;*/
	/*padding-right: 2.5rem;*/
}

/* Header Section */

header .btn-apply {
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 22px;
	border-radius: 4px;
	width: 9.375rem;
	height : 45px;
}

#menu-primary-menu {
	display: flex;
	gap: 24px;
	margin-bottom: 0 !important;
}

header #menu-top-menu li a {
	font-size: 16px;
	font-weight: 200;
	color: #ffffff;
	font-style: normal;
	line-height: 24px;
	text-decoration: none;
}

header #menu-primary-menu li a {
	font-weight: 400;
	font-style: normal;
	color: #1e1919;
	font-size: 1rem;
	line-height: 1.5rem;
	text-decoration: none;
}

section.home-spotlight-news {
	padding: 2rem 0 0px;
}

#menu-top-menu {
	margin-bottom: 0;
}

.top-header-widget {
	padding-right: 1rem;
}
.sru-contact-widget {
	border-left: 1px solid #ccc;
	padding-left: 1rem;
	display: flex;
	align-items: center;
	height: 0.8rem;
}

/** Footer **/

footer .footer-container {
	padding: 5rem 2.5rem;
}

.footer-bottom-widget p {
	margin-bottom: 0 !important;
}

footer .footer-widget .widget-title {
	font-size: 1rem;
	font-weight: var(--heading-600);
	color: var(--ancient-blue-color);
	line-height: 24px;
	margin-bottom: 30px;
}

footer .menu {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

footer .menu li a {
	font-weight: var(--heading-description);
	font-size: 1rem;
	color: var(--text-default-primary);
	line-height: 24px;
}

footer .menu li {
	margin-bottom: 20px;
	width: calc(50% - 30px);
}

/****** Home Page ****/

.spotlight-category {
	margin-bottom: 0px !important;
}


/* Responsive Adjustments */
@media (max-width: 768px) {

	footer .footer-container {
        padding: 3rem 1rem;
	}
	
	.footer-top-widget-1 img {
        width: 40%;
    }
    
    footer .menu li {
        margin-bottom: 15px;
        width: calc(50% - 30px);
    }
    
    .bg-dark.text-white.footer-copyright .textwidget {
        width: 70%;
        text-align: left;
    }
    
    .footer-sru-img {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 75%;
    }
}



/*common css utilities for all pages*/

/*css font-size settings for global - if page has different font size then this then use custom css to override or css specificiy*/
html {
	font-size: 16px; /* 1rem = 16px */
}
h1 {
  font-size: 6.25rem !important;      
  font-weight: var(--heading-h1) !important;
}
h2 {
  font-size: 3.75rem !important;      
  font-weight: var(--heading-h2) !important;
}
h3 {
  font-size: 1.25rem !important;      
}

/* 2) BODY COPY */
p {
  font-size: 1rem !important;         
}
section {
	padding: 48px 0;
}
.heading-wrapper {
	padding-bottom: 64px;
}

.line-3-clamp {
	display: -webkit-box;        
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;      
	overflow: hidden;           
	text-overflow: ellipsis;    
}
@media (min-width: 576px) and (max-width: 1024px) {
  h1, .h1 { font-size: 5rem !important; }
  h2, .h2 { font-size: 2rem !important; }
  p                    { font-size: 1rem !important; }
  .heading-wrapper     { padding-bottom: 30px !important; }
}

@media (max-width: 575.98px) {
  h1, .h1 { font-size: 2.5rem !important; }
  h2, .h2 { font-size: 1.75rem !important; }
  .heading-wrapper     { padding-bottom: 30px !important; }
}
/*responsive css for screen size adjustment*/
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
	html{
		font-size: 18px;
	}
	.section-container {
		width: 1350px;
		margin: auto;
	}
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
	html{
		font-size: 20px;
	}
	.section-container {
		width: 1430px;
		margin: auto;
	}
}


@media only screen and (min-width: 1801px) and (max-width: 2000px) {
	html{
		font-size: 20px;
	}
	/*.section-container {*/
	/*	width: 1530px;*/
	/*	margin: auto;*/
	/*}*/
}

@media only screen and (min-width: 2001px) and (max-width: 2200px) {
	html{
		font-size: 22px;
	}
	.section-container {
		width: 1630px;
		margin: auto;
	}
}

@media only screen and (min-width: 2201px) {
	html{
		font-size: 24px;
	}
	.section-container {
		width: 1730px;
		margin: auto;
	}
}

@media only screen and (min-width:1025px) and (max-width: 1400px) {
	html{
		font-size: 14px;
	}
	.section-container {
		width: 95%;
		margin: auto;
	}
	.sports-section .sports-card-img {
        height: 305px !important;
    }
}


/*big screen devices css*/
@media (min-width:1441px ) and (max-width: 1900px){
    .container {
        width: 90% !important;
    }
        .sports-section .sports-card-img {
        height: 305px !important;
    }
    .spotlight-cards .thumbnail-img {
        height: 390px;
    }
}
@media (min-width:1920px ) {
    .container {
        width: 80% !important;
        --bs-gutter-x: 0 !important;
    }
    
    
    /*homepage*/
    .home-banner-container img {
        height: 650px;
    }
    .gcp-description {
    line-height: 38px;
    }
    .resino-desc {
        line-height: 38px;
    }
    .spotlight-cards .thumbnail-img {
        height: 450px;
    }
    .sports-section .sports-card-img {
        height: 305px !important;
    }
}











/* About Testimonail Section */

.testimonial-component .swiper-button-custom {
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.testimonial-component .swiper-pagination-testimonial {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.testimonial-component .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #000;
	opacity: 0.3;
	border-radius: 50%;
	transition: opacity 0.3s ease;
}

.testimonial-component .swiper-pagination-bullet-active {
	opacity: 1;
}

.testimonial-component .testimonial-right-content {
	position: relative;
	margin-top: 35px;
	background: linear-gradient(141.33deg, #eff8ff -14.21%, #dceefd 58.74%);
	padding: 40px;
	border-radius: 4px;
}

.testimonial-component .testimonial-quote-img {
	position: absolute;
	top: -35px;
	right: 0;
}

.testiomonial-section .swiper-pagination-testimonial .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
}
.testiomonial-section
.swiper-pagination-testimonial
.swiper-pagination-bullet-active {
	background: var(--bs-primary);
}

.swiper-button-prev-testimonial-desktop,
.swiper-button-next-testimonial-desktop,
.swiper-button-prev-testimonial-mobile,
.swiper-button-next-testimonial-mobile,
.swiper-button-prev-testimonial-desktop:active,
.swiper-button-next-testimonial-desktop:active,
.swiper-button-prev-testimonial-mobile:active,
.swiper-button-next-testimonial-mobile:active
.swiper-button-prev-schools-desktop,
.swiper-button-next-schools-desktop,
.swiper-button-prev-schools-mobile,
.swiper-button-next-schools-mobile,
.swiper-button-prev-schools-desktop:active,
.swiper-button-prev-schools-desktop:active,
.swiper-button-prev-schools-mobile:active,
.swiper-button-prev-schools-mobile:active
{
	border: 0 !important;
}

/* Start Post Slider Component */
.posts-section {
    background: linear-gradient(152deg, var(--Background-Accent-Blue-light, #EFF8FF) -19.51%, var(--Background-Default-Primary, #FFF) 47.83%, var(--Background-Accent-Blue-medium, #DCEEFD) 165.42%);
}

.swiper-pagination-progressbar {
	width: 80px !important;
	height: 6px !important;
	background-color: #e0e0e0 !important;
	border-radius: 50px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	bottom: 0px; /* Push closer to bottom */
	top: auto !important;
}

/* Blue fill line */
.swiper-pagination-progressbar-fill {
	background-color: rgba(25, 46, 82, 1) !important;
	border-radius: 50px !important;
	height: 100%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: rgba(25, 46, 82, 1) !important;
	border-radius: 50px !important;
	height: 100%;
}
.swiper-button-prev-posts,
.swiper-button-next-posts,
.swiper-button-prev-posts:active,
.swiper-button-next-posts:active {
    border:0 !important;
}

/* End Post Slider Component */


/* Start Image Slider Component */

.image-slider-section {
    background: linear-gradient(152deg, var(--Background-Accent-Blue-light, #EFF8FF) -19.51%, var(--Background-Default-Primary, #FFF) 47.83%, var(--Background-Accent-Blue-medium, #DCEEFD) 165.42%);
}

.image-swiper .swiper-slide {
    height: 270px; /* 👈 Adjust this height as needed */
    overflow: hidden;
    border-radius: 8px;
}

.image-swiper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}
/* End Image Slider Component */


/* Related Pages */
.related-btn {
	position: relative !important;
	display: inline-block !important;
	padding: 0.5rem 2rem 0.5rem 1rem !important; /* right padding to make space for arrow */
	font-size: 0.95rem !important;
	font-weight: 500;
	border-radius: 0.375rem !important;
	background-color: #fff !important;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	line-height: 1.5;
}

.related-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8rem;
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	background-image: url(assets/img/arrow-link.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	pointer-events: none;
}

.btn.btn-light {
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-size: 0.95rem;
	font-weight: 500;
	white-space: nowrap;
	background: #fff;
}

.related-pages-section {
    background: linear-gradient(to bottom, #E6F1FA, #ffffff);
}

/* Banner Section */
.bigbanner-content-section {
    height: 600px;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

/* Ensure text is above background */
.bigbanner-content-section .container {
    position: relative;
    z-index: 2;
    height: 100%; /* Important for vertical centering */
}

/* Flexbox centering */
.bigbanner-content-section .row {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Optional: Smoother responsiveness */
@media (max-width: 768px) {
	.bigbanner-content-section {
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


/* Custom Styles for the FAQ Accordion */

/* Section Heading */
#faqAccordion .accordion-button:not(.collapsed) {
    color: var(--text-default-primary);
    background-color: #ffffff;
    box-shadow: none;
}
.faq-heading .highlight {
	color: #0d6efd; /* Adjust to desired highlight color */
}

/* Accordion Container */
#faqAccordion .accordion-item {
    border-radius: 0;
    border-top: 0;
    border-bottom: 1px solid rgba(193, 227, 252, 1);
    border-right: 0;
    border-left: 0;
	    padding: 10px 0;
}
.accordion-item:last-child {
	border-bottom: none;
}
#faqAccordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}
/* Accordion Header/Button Customizations */
.accordion-button {
	background-color: transparent;
	color: #333;
	font-size: 1rem;
	font-weight: 500;
	padding: 1rem 1.5rem;
	position: relative;
	border: none;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	color: #0d6efd;
}
/* Remove default focus outline */
.accordion-button:focus {
	box-shadow: none;
}
/* Custom Plus/Minus Icons using ::after pseudo-element */
.accordion-button::after {
	content: '+' !important;
    bottom: 12px;
    position: relative;
    font-size: 2rem;
    font-weight: 400;
    color: var(--text-default-primary);
	background-image: none !important;
}
.accordion-button:not(.collapsed)::after {
	content: '–' !important;
	    top: 14px;
    position: relative;
    font-size: 2rem;
    font-weight: 400;
    color: var(--text-default-primary);
}

/* Accordion Body (Answer) */
.accordion-body {
	padding: 1rem 1.5rem 1.5rem;
	font-size: 0.95rem;
	color: var(--text-default-primary);
	background-color: #fff;
}

.accordion-body p {
    margin-bottom:0px !important;
}

.accordion-button:focus {
    box-shadow:none !important; 
}



/* Choose your Path Section */

#choose-path .notched-box {
	position: relative;
	overflow: hidden;
	border-top-left-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-bottom: 40px;
}

/* Notch cutout (only bottom-left rounded to blend with box) */
#choose-path .notched-box::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background-color: #fff; /* match outer page background */
	border-bottom-left-radius: 8px;
	z-index: 1;
}

/* Icon button placed inside the notch */
#choose-path .notched-box .corner-btn {
	position: absolute;
	padding: 0;
	border: none;
	z-index: 2;
}

/* Button icon image styling */
#choose-path .notched-box .corner-btn img {
width: 53px;
    height: 53px;
}

#choose-path .notched-box img {
    width: 100%;
}

#choose-path .choose-path-content {
  margin-top: 12px;
}

#choose-path h2 span {
  color: #29b57a;
}

#choose-path .choose-path-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 1.75rem;

}

#choose-path .choose-path-sub {
  padding-bottom: 40px;
}



/* How to Apply Section  */
.how-to-apply {
    background-color: #ffffff;
    padding: 60px 0;
}

.how-to-apply .section-title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

.how-to-apply .section-title span {
    color: #0066FF;
}

.how-to-apply .steps-container {
    position: relative;
}

.how-to-apply .steps-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 110px;
    bottom: 90px;
    width: 2px;
    background-color: #C1E3FC;
}

.how-to-apply .timeline-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    z-index: 2;
    margin-top: 110px;
}

.how-to-apply .timeline-dot::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    width: 118px;
    height: 2px;
    background-color: #C1E3FC;
    transform: translateY(-50%);
}

.how-to-apply .dot-mint {
    background-color: #39BB9D;
}

.how-to-apply .dot-pink {
    background-color: #FF6D80;
}

.how-to-apply .dot-blue {
    background-color: #297DE5;
}

.how-to-apply .dot-purple {
    background-color: #81629F;
}

.how-to-apply .step-item {
    display: flex;
    align-items: center;
    border-radius: 12px;
    margin-bottom: 24px;
    position: relative;
    z-index:2
}

.how-to-apply .step-odd {
    margin-left: 200px; 
}

.how-to-apply .step-even {
    margin-left: 130px;
    width: 85%;
}

.how-to-apply .step-icon img,
.how-to-apply .step-icon svg {
    margin-left: -100px;
}

.how-to-apply .step-content {
    flex: 1;
    padding-right: 20px;
}

.how-to-apply .step-number {
    font-size: 1.275rem;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.how-to-apply .step-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111827;
}

.how-to-apply .step-content p {
    color: #6B7280;
    margin: 0;
    font-size: 0.875rem;
}

.how-to-apply .step-image {
    height: 219px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.how-to-apply .step-1 {
    background-color: #E8FFF5;
}
.how-to-apply .step-1 .step-number {
    color: #10B981;
}

.how-to-apply .step-2 {
    background-color: #FFF1F3;
}
.how-to-apply .step-2 .step-number {
    color: #F43F5E;
}

.how-to-apply .step-3 {
    background-color: #EFF6FF;
}

.how-to-apply .step-3 .step-number {
    color: #3B82F6;
}

.how-to-apply .step-4 {
    background-color: #F5F3FF;
}

.how-to-apply .step-4 .step-number {
    color: #8B5CF6;
}

.how-to-apply .step-5 {
    background-color: #ECFDF5;
}

.how-to-apply .step-5 .step-number {
    color: #10B981;
}

.how-to-apply .equipment-icon { color: #3B82F6; }
.how-to-apply .build-icon { color: #8B5CF6; }
.how-to-apply .feedback-icon { color: #10B981; }

.how-to-apply .equipment-image {
    background-color: #EFF6FF;
}

.how-to-apply .building-image {
    background-color: #F5F3FF;
}

.how-to-apply .feedback-image {
    background-color: #ECFDF5;
}

/*common issue fixes*/

.cf7-agree-box p {
    display: flex;
    align-items: flex-start !important;
}




/* Responsive Styles */
@media (max-width: 768px) {
    .step-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        margin-left: 50px;
    }

    .timeline-dot {
        left: -5px;
    }

    .dot-mint { margin-top: 25px; }
    .dot-pink { margin-top: 225px; }
    .dot-blue { margin-top: 425px; }
    .dot-purple { margin-top: 625px; }
    .dot-mint:last-child { margin-top: 825px; }

    .step-content {
        padding-right: 0;
        margin: 15px 0;
    }

    .step-image {
        width: 100%;
        height: 160px;
    }

    .section-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .steps-container::before {
        left: 0;
        top: 30px;
        bottom: 30px;
    }
}

@media (max-width: 995px) {
    .how-to-apply {
        padding: 40px 0;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .how-to-apply .steps-container::before {
        left: 20px;
    }
    
    .how-to-apply .step-icon img, .how-to-apply .step-icon svg {
        margin-left: -100px;
        display: none;
    }

    
    .step-item {
        padding: 15px;
        margin-left: 0px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .step-icon img,
    .step-icon svg {
        margin-left: -50px;
    }

    .step-image {
        height: 120px;
    }

    .how-to-apply .timeline-dot {
        display:none;
    }
    
    .bigbanner-content-section a.btn {
        width:50% !important;
    }
    
    .history-content h2 { font-size: 1.5rem !important; }
	.testimonial-component .testimonial-right-content { margin-top: 50px;font-size: 0.95rem; }
	.notched-box .corner-btn img { width: 40px !important; height: 40px !important; }
} 

footer .sub-menu {
    display: none;
}

/*home responsvie css*/
    .sports-section .sports-card-contents {
    padding: 18px !important;
        top: 63% !important;
    right: 0 !important;
    left: 0;
    width: 86% !important;
    }
        .sports-section .sports-card-img {
        --bs-gutter-x: 1.5rem;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }


@media (max-width: 767px) {
    .swiper-pagination-progressbar {
        left: unset !important;
        transform: unset !important;
        bottom: unset !important;
    }
    .textbox-content-container {
    padding: 20px;
    }
        .gcp-description, .resino-desc, .home-resinno-section .textbox-content-container p {
        font-size: 1rem !important;
        line-height: 24px;
    }
    .textbox-image-btn a {
    padding: 10px;
    font-size: 1rem !important;
    }
    .sports-section .sports-card-contents {
    padding: 18px !important;
        top: 63% !important;
    right: 0 !important;
    left: 0;
    width: 86% !important;
    }
        .sports-section .sports-card-img {
        --bs-gutter-x: 1.5rem;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .home-admission-open .explore-now a, .home-admission-open .explore-programs a {
        font-size: 1rem;
        padding: 10px;
    }
        .sports-section .sports-card-img {

    height: 204px !important;
    }
    
}

@media (min-width: 577px) and (max-width: 991px) {
        #choose-path .notched-box .corner-btn img {
        width: 40px;
        height: 40px;
    }
    .sports-section .sports-card-img {

    height: 250px !important;
    }
    .home-research-news .sports-section .row { padding-left: 10px; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .container { width: 90% !important; }
    .textbox-image-btn a {
        padding: 12px;
        font-size: 0.85rem;
    }
    .pathslider-component .pathslider-nav-button {
    position: relative !important;
    }
    .event-2cardslider-component .thumbnail-img {
    height: 260px;
    }
    #choose-path .notched-box .corner-btn img {
        width: 40px;
        height: 40px;
    }
}



@media (min-width: 500px) and (max-width: 599px) {
	.notched-box .corner-btn img {
        width: 50px !important;
        height: 46px !important;
    }
        .school-minors-honours .notched-box .corner-btn img {
        width: 40px !important;
        height: 40px !important;
    }
}


@media (min-width: 600px) and (max-width: 767px) {
    .notched-box .corner-btn img {
        width: 60px !important;
        height: 59px !important;
    }
    .school-minors-honours .notched-box .corner-btn img {
        width: 40px !important;
        height: 40px !important;
    }
}
@media (min-width: 576px) and (max-width: 995px) {
    .event-2cardslider-component .swiper-slide {
        margin-bottom: 75px;
    }
}