/* Admission Details Section */
.admission-content {
    border-right: 2px solid #B8D4F2 !important;
}
.admission-content .btn {
    padding:2rem 6rem;
}


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

/* 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%;
}

.notched-box {
	position: relative;
	overflow: hidden;

	/* Rounded corners on 3 sides only */
	border-top-left-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Notch cutout (only bottom-left rounded to blend with box) */
.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 */
.notched-box .corner-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 6px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

/* Banner Section */

.about-banner-section {
	height: 600px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.banner-bg {
	background: rgb(25 46 82 / 56%);
}

/* Ensure text is above background */
.about-banner-section .container {
	z-index: 2;
}

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

	.banner-section h1 {
		font-size: 1.75rem;
	}
}

/* Explore our Schools */

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

.swiper-pagination.schools-pagination.swiper-pagination-progressbar {
	width: 80px; /* slightly lon≠≠≠≠ger */
	height: 6px; /* thicker */
	background-color: #e0e0e0;
	border-radius: 50px !important;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px; /* Push closer to bottom */
}

/* 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%;
}

.schools-swiper {
    padding-bottom: 60px !important;
}

/* Related News */
.page-template-page-admission .sports-section {
    background: linear-gradient(180deg, var(--Background-Default-Primary, #FFF) 0%, var(--Background-Accent-Blue-medium, #DCEEFD) 100%);
    padding:100px 0;
    
}

.bigbanner-content-section-2 .btn-custom-outline {
  border: 2px solid white !important;
  color: white !important;
}

.bigbanner-content-section-2 .btn-custom-outline:hover {
  background-color: white;
  color: #000;
}


.home-admission-open a.btn {
    min-width: 296px;
}


/* Departments Section  */

.our-departments-section {
    padding:70px 0;
}
.dept-heading span {
  color: #2A7DE5; /* Blue for 'Our Departments' */
}

.dept-tabs .nav-link {
  border: none;
  font-weight: 500;
  color: #000;
  padding: 0.75rem 1.25rem;
  background: transparent;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}

.dept-tabs .nav-link:hover {
  color: #2A7DE5;
}

.dept-tabs .nav-link.active {
  color: #2A7DE5;
  border-bottom: 3px solid #2A7DE5;
  font-weight: 600;
}

.dept-list a {
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #eee;
  font-weight: 500;
  transition: all 0.2s ease;
}

.dept-list a:hover {
  color: #2A7DE5;
}

.dept-arrow {
  font-weight: bold;
}

.dept-img {
  border-radius: 8px;
  object-fit: contain;
  width: 100%;
  height: 300px;
}


/* Success Story Swiper-section */

.success-swiper-section {
    padding: 4rem 1rem;
  }

  .section-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .section-header h2 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
  }

  .section-header h2 span {
    color: #39BB9D;
  }

  .section-header p {
    margin: 0;
    max-width: 500px;
    color: #555;
    font-size: 1rem;
  }

  .success-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 1.5rem;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  }

  .success-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index:1;
  }

  .success-left .package {
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
  }

  .success-left .package-sub {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 1rem;
  }

  .success-left .company-logo {
    height: 28px;
    margin-bottom: 0.5rem;
  }

  .success-left .designation {
    font-size: 0.875rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 1rem;
  }

 .success-left .student-name {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    margin-top: 2rem;
    background: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}

.success-card {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 16px;
  padding: 32px;
  background: linear-gradient(102deg, #F2F6FF 19.73%, #EAF0FB 83.45%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  gap: 20px;
  min-height: 280px;
}

.success-card::after {
    content: "";
    position: absolute;
    bottom: -130px;
    right: -100px;
    width: 100%;
    height: 100%;
    background-image: url(http://157.245.104.64:3010/wp-content/themes/sruniversity/assets/img/blue-diamond-pattern.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: 0;
    pointer-events: none;
}

.swiper-slide.even .success-card::after {
    background-image: url(http://157.245.104.64:3010/wp-content/uploads/2025/05/Group-54.png);
    bottom: 0;
    right: 0;
}

.success-right {
  width: 160px;
  min-height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  z-index: 2; /* Bring student image on top */
}

.success-right img {
    height: 240px;
    object-fit: contain;
    z-index: 2;
    position: relative;
    bottom: -35px;
}

.swiper-slide.even {
max-width: 85%;
}

.swiper-pagination {
margin-top: 1rem;
}

.swiper-button-prev-success-story,
.swiper-button-next-success-story {
    border: none !important;
    background: transparent;
}

/*all upcoming events*/
.sports-section {
  min-height: 750px; /* or adjust as needed */
  padding:50px 0;
}
.all-events .sports-section,.allevents-related-news.sports-section, .allevents-related-news .sports-section { background: none !important; }
.all-events .category-filter {
    color: var(--text-default-secondary);
    font-weight: 300;
    padding: 10px 16px !important;
        font-size: 1.25rem;
    line-height: 28px;
    background: #f8f7fb;
    white-space: nowrap;
}
.all-events .category-filter.active {
    color: white;
    font-weight: 400;
    background: var(--Button-Background-Primary, rgba(41, 125, 229, 1));
}


/*sport section css*/
.sports-section {
    background: linear-gradient(180deg, #FFFFFF 0%, #DCEEFD 100%);
}

.single-news .sports-section { background: white; }
	/* card wrapper and image */
	.sports-section .sports-card {
		position: relative;
	}
	.sports-section .sports-card-img {
		display: block;
		width: 100%;
		height: 300px;
	}

	/* white overlay */
	.sports-section .sports-card-contents {
		position: absolute;
		top: 62%;
		right: 14%;
		width: 89%;
		padding: 28px;
		background: #F8F7FB;
		border-radius: 4px;
	}

	/* category */
	.sports-section .sports-category {
		margin-bottom: 1rem;     /* 16px */
		text-transform: uppercase;
		font-weight: var(--news-categories-purple);
		color: var(--text-accent-purple);
		font-size: .875rem;      /* adjust as needed */
	}

	/* title */
	.sports-section .sports-title {
		margin-bottom: 1.25rem;  /* 20px */
		font-weight: var(--news-title-weight);
		line-height: 28px;
		color: var(--text-default-primary);
		font-size: 1.125rem;     /* adjust as needed */
	}

	/* meta row (date + read more) */
	.sports-section .sports-date,
	.sports-section .sports-readmore {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.sports-section .sports-date span {
		font-size: 1rem;
		color: var(--text-default-secondary);
		font-weight: var(--heading-description);
	}

	/* read‑more link */
	.sports-section .sports-readmore a {
		font-weight: var(--news-title-weight);
		font-size: 1.125rem;
		color: var(--button-text-primary2);
		text-decoration: none;
	}



/* Responsive Adjustments */
@media (min-width: 768px) and (max-width: 1200px) {
    .spotlight-news-container, .sports-section .container {
        padding-left: 1.75rem;
    }
}

@media (max-width: 768px) {
    .container, .section-container {padding-left: 1rem; padding-right: 1rem}
	.swiper-pagination.swiper-pagination-progressbar {
        height: 6px;
        background-color: #ddd;
        border-radius: 50px;
        width: 100%;
    }

    .swiper-pagination-progressbar-fill {
        background-color: #1A73E8 !important;
        height: 100%;
        border-radius: 50px;
    }
    
    .swiper-pagination-progressbar {
        width: 80px !important;
        height: 6px !important;
        background-color: #e0e0e0 !important;
        border-radius: 50px !important;
        left: 13% !important;
        transform: translateX(-50%) !important;
        bottom: 25px;
        top: auto !important;
    }
    
    .notched-box .corner-btn, .notched-box::before {
        display:none;
    }
    
    .notched-box {
        border-top-right-radius:8px;
    }
    
    .international-section .btn, .admission-section .btn {
        width:75% !important;
    }
    
    .rankings-swiper .swiper-slide {
        padding:0 20px;
    }
    
    .programs-image {
        margin-top:20px;
    }
    
    .dept-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

      .dept-tabs .nav-item {
        white-space: nowrap;
      }

    .spotlight-cards .thumbnail-img {
            height: 250px;
    }
    
    .spotlight-news-container, .sports-section .container {
            padding-left: 1.5rem;
    }
    
    .section-header {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
    }
    
    .banner-section {
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.banner-section h1 {
		font-size: 1.75rem;
	}
    .event-info-card {
        width: 100%;
        padding: 20px;
    }
    .event-info-card h3 { font-size: 1.25rem !important; }
    .all-events .category-filter {
        font-size: 1rem;
    }
    
    .admission-content {
        border:0 !important;
    }
    
    .our-departments-section {
        padding: 40px 0;
    }
}
@media (max-width: 576px) {
	.notched-box .corner-btn img { width: 24px; height: 24px; }
}