@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Kids Eskool
Desgined By  : hassan_malik19
Developed By : Hassan;
Date        :  26/Feb/19;



Table Of Index
------------------
01. Base css
02. Header options
03. Slider Video wrap start
04. Custom slider options
05. ElementInfo Css
06. About Css
07. Classes Css
08. Project Css
9. Gallery Css
10. Our Team Css
11. Counter section    
12. Blog Css   
13. Footer Css 
14. Inner Header Css 
15. Inner Class Css  
16. Blogs Css 
17. Archive
18. Tags
19. Contact Us
20. Testimonials-wrap
21. 404 page
22. Typoghrapy page
23. FAQs page
24. Contact css
25. Media Screen Css  


/*********************************************
		Base css
*********************************************/

*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;}

a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

img{max-width:100%;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;}
p{font-size:14px; line-height:24px; color:#333;}

ul, ol{list-style:none; margin-bottom:0;}

.title h1{font-size:42px; color:#000; font-weight:bold; position:relative; margin-bottom:40px;}
.title h1 span{color:#e4423c;}
.title h1:before{content:""; background:url(../images/heading-line.png) no-repeat; width:70px; height:12px; position:absolute; bottom:-20px; left:0;}
.readmore a{text-decoration:none; font-size:16px; color:#fff; background:#f5323e; padding:14px 35px; border-radius:30px; display:inline-block; text-transform:uppercase; font-weight:bold;}
.readmore i{padding-left:5px;}
.readmore a:hover{background:#000; color:#fff;}
.margin-top{margin-top:30px;}

/**********************************************
			Header options
**********************************************/
/*Start new header*/
/**/
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif}

/* ===== TOP BAR ===== */
.s-topbar{
    background:#7b0f18;
    color:#fff;
    font-size:13px;
    }
.s-topbar-inner{
    max-width:1200px;
    margin:auto;
    padding:8px 16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    }
.s-top-left,.s-top-right{
  display:flex;
  gap:12px;
  align-items:center;
  white-space:nowrap;
}
.s-topbar a{color:#fff;text-decoration:none}
.s-mpd{
  background:#c4161c;
  padding:6px 14px;
  border-radius:18px;
  font-weight:600;
}

/* MOBILE TOPBAR */
@media(max-width:768px){
  .s-topbar-inner{flex-direction:column;gap:6px}
  .s-top-left,.s-top-right{flex-direction:column;/*align-items:flex-start*/}
}

/* ===== HEADER ===== */
.s-header{
  position:sticky;
  top:0;
  background:#fff;
  z-index:9999;
  transition:250ms;
}
.s-header.shrink{
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.s-header-inner{
  max-width:1200px;
  margin:auto;
  padding:0 16px;
  height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:250ms;
}
.s-header.shrink .s-header-inner{height:64px}

/* LOGO */
.s-logo img{height:50px}

/* ===== DESKTOP NAV ===== */
.s-nav ul{
  list-style:none;
  display:flex;
  gap:28px;
  align-items:center;
}
.s-nav a{
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  color:#111;
  display:flex;
  align-items:center;
  gap:6px;
}

/* CARET */
.s-caret{
  width:6px;
  height:6px;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
  transform:rotate(45deg);
  transition:250ms;
}

/* DROPDOWN */
.s-dropdown{
  position:absolute;
  top:100%;
  left:0;
  width:240px;
  background:#fff;
  border-top:3px solid #c4161c;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:250ms;
}
.s-dropdown li a{
  padding:12px 16px;
  display:block;
  font-size:14px;
}
.s-has-dd{position:relative}
.s-has-dd:hover .s-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.s-has-dd:hover .s-caret{
  transform:rotate(225deg);
}

/* CONTACT BUTTON */
.s-contact-btn{
  background:#c4161c;
  color:#fff!important;
  padding:10px 22px;
  border-radius:24px;
}

/* ===== MOBILE ===== */
.s-menu-btn{
  display:none;
  font-size:28px;
  cursor:pointer;
}
@media(max-width:992px){
  .s-nav{display:none}
  .s-menu-btn{display:block}
}

/* OVERLAY */
.s-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  opacity:0;
  pointer-events:none;
  transition:250ms;
  z-index:9998;
}
.s-overlay.active{
  opacity:1;
  pointer-events:auto;
}

/* MOBILE MENU */
.s-mobile-menu{
  position:fixed;
  top:0;
  right:-100%;
  width:320px;
  height:100%;
  background:#fff;
  transition:250ms;
  z-index:9999;
  padding-top:80px;
}
.s-mobile-menu.active{right:0}
.s-mobile-menu ul{list-style:none}
.s-mobile-menu li{border-bottom:1px solid #eee}
.s-m-head{
  padding:14px 18px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}
.s-m-dd ul{display:none}
.s-m-dd.active ul{display:block}
.s-m-dd.active .s-caret{transform:rotate(225deg)}
.s-mobile-menu a{
  font-weight: 700;
  padding:12px 24px;
  display:block;
  color:#111;
  text-decoration:none;
}

/* CLOSE */
.s-close{
  position:fixed;
  top:16px;
  right:16px;
  font-size:32px;
  background:none;
  border:none;
  display:none;
  z-index:10000;
}
.s-mobile-menu.active ~ .s-close{display:block}
/* School title common */
.school-title {
  margin-left: 16px;
  margin-right: auto;
  font-size: 18px;
  font-weight: 600;
  color: #e63537;
  line-height: 1.2;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 8px;

}

/* Slightly lighter second line */
.school-title span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Header alignment safety */
.header-container {
  display: flex;
  align-items: center;
}

/* Mobile polish */
@media (max-width: 768px) {
  .school-title {
    font-size: 15px;
    margin-left: 12px;
  }

  .school-title span {
    font-size: 13px;
  }
}

/*End new header*/

/*Why chose start*/
/* WHY CHOOSE OUR ACADEMY – SUNRISE */
.sunrise-why-choose {
  width: 100%;
  padding: 70px 0;
  background: #f7f7f7;
  font-family: 'Inter', Arial, sans-serif;
}

.sunrise-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.sunrise-why-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 50px;
}

.sunrise-why-header h2 {
  font-size: 30px;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
}

.sunrise-why-header p {
  font-size: 15px;
  color: #555;
  line-height: 24px;
}

.sunrise-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.sunrise-why-box {
  background: #ffffff;
  padding: 28px 24px;
  border-radius: 8px;
  text-align: center;
  transition: transform 250ms ease, box-shadow 250ms ease;
}

.sunrise-why-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.sunrise-icon {
  font-size: 34px;
  margin-bottom: 14px;
}

.sunrise-why-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #111;
}

.sunrise-why-box p {
  font-size: 14px;
  line-height: 22px;
  color: #555;
}
@media (max-width: 991px) {
  .sunrise-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .sunrise-why-grid {
    grid-template-columns: 1fr;
  }

  .sunrise-why-header h2 {
    font-size: 24px;
  }
}
/*Why chose End*/
/*Pricipal Message start*/
/* ===== KNOW YOUR PRINCIPAL – SUNRISE ===== */

.sunrise-principal {
  padding: 90px 0;
  background: #f8f9fa;
  font-family: 'Inter', Arial, sans-serif;
}

.sunrise-principal-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 60px;
  align-items: center;
}

/* IMAGE */
.sunrise-principal-image {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.sunrise-principal-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* CONTENT */
.sunrise-principal-subtitle {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #c4161c;
  margin-bottom: 10px;
}

.sunrise-principal-right h2 {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin-bottom: 18px;
}

.sunrise-principal-right p {
  font-size: 15px;
  line-height: 26px;
  color: #555;
  margin-bottom: 14px;
}

/* NAME */
.sunrise-principal-name {
  margin-top: 20px;
  font-size: 15px;
  color: #111;
}

.sunrise-principal-name strong {
  font-weight: 700;
}

.sunrise-principal-name span {
  font-size: 14px;
  color: #666;
}
@media (max-width: 991px) {
  .sunrise-principal-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .sunrise-principal-image {
    max-width: 420px;
    margin: 0 auto;
  }

  .sunrise-principal-right h2 {
    font-size: 26px;
  }
}

@media (max-width: 576px) {
  .sunrise-principal {
    padding: 60px 0;
  }

  .sunrise-principal-wrap {
    padding: 0 20px;
  }
}
/*Pricipal Message End*/
/* Parents Testimonial Section Start */
.narayana-testimonial {
  padding: 70px 0;
  background: #f6f8fb;
  font-family: 'Inter', sans-serif;
}

.nt-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.nt-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #1a1a1a;
}

.nt-carousel {
  overflow: hidden;
}

.nt-track {
  display: flex;
  transition: transform 250ms ease;
}

.nt-slide {
  min-width: 33.333%;
  padding: 15px;
  box-sizing: border-box;
}

.nt-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 40px 30px;
  text-align: center;
  height: 100%;
  transition: transform 250ms ease, box-shadow 250ms ease;
}

.nt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.nt-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
}

.nt-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nt-text {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

.nt-name {
  font-size: 16px;
  font-weight: 600;
  color: #c62828;
  margin-bottom: 4px;
}

.nt-role {
  font-size: 13px;
  color: #777;
}

/* Controls */
.nt-controls {
  text-align: center;
  margin-top: 30px;
}

.nt-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: #c62828;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  margin: 0 6px;
  transition: background 250ms ease;
}

.nt-btn:hover {
  background: #a91f1f;
}

/* Responsive */
@media (max-width: 991px) {
  .nt-slide {
    min-width: 50%;
  }
}

@media (max-width: 767px) {
  .nt-slide {
    min-width: 100%;
  }

  .nt-title {
    font-size: 24px;
  }
}


/*End Testimonial*/
/* =====Start ACHIEVEMENT SECTION ===== */
.sunrise-achievement{
  background:#ffffff;
  padding:60px 0;
}

.sunrise-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  text-align:center;
}

/* Heading (matches Sudhir) */
.sunrise-heading{
  font-size:32px;
  font-weight:700;
  margin-bottom:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}

.sunrise-heading span{
  width:40px;
  height:2px;
  background:#c4161c;
}

/* Slider */
.sunrise-achievement-slider{
  padding-bottom:40px;
}

.sunrise-achievement-slider .swiper-slide{
  display:flex;
  justify-content:center;
}

/* Exact image look */
.sunrise-achievement-slider img{
  width:100%;
  max-width:260px;
  height:200px;
  object-fit:contain;
  background:#f7f7f7;
  border-radius:6px;
  padding:10px;
  transition:transform .25s ease, box-shadow .25s ease;
}

.sunrise-achievement-slider img:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* Dots */
.sunrise-dots .swiper-pagination-bullet{
  width:9px;
  height:9px;
  background:#cfcfcf;
  opacity:1;
}

.sunrise-dots .swiper-pagination-bullet-active{
  background:#c4161c;
}

/* Responsive */
@media(max-width:768px){
  .sunrise-heading{font-size:26px;}
  .sunrise-achievement-slider img{
    max-width:90%;
    height:180px;
  }
}
/* ===== End ACHIEVEMENT SECTION ===== */

/* ===============================
   SUNRISE NEWS & EVENTS SECTION Start
   =============================== */

.sunrise-news-section {
  padding: 90px 0;
  background: #f6f9f5;
}

.sunrise-news-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 50px;
  align-items: center;
}

/* Heading */
.sunrise-section-heading {
  font-size: 36px;
  font-weight: 700;
  color: #0b4d2a;
  margin-bottom: 30px;
}

/* LEFT NEWS CARD */
.sunrise-news-item {
  display: none;
  /*background: linear-gradient(135deg, #0b4d2a, #7da821);*/
  background: linear-gradient(135deg, #f49342, #cd564c);
  color: #ffffff;
  padding: 32px;
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(0,0,0,0.2);
}

.sunrise-news-item.active {
  display: block;
  animation: sunriseFadeUp 0.6s ease;
}

.sunrise-news-item h3 {
  margin-bottom: 8px;
}

.sunrise-news-location {
  display: block;
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 14px;
}

.sunrise-readmore {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 26px;
  background: #c4161c;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 30px;
}

/* RIGHT IMAGE SLIDER */
.sunrise-news-right {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}
.sunrise-news-right {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.sunrise-slide {
  display: none;
  width: 100%;
  height: auto;
}

.sunrise-slide.active {
  display: block;
  animation: sunriseSlide 0.6s ease;
}

/* style arrows */
.sunrise-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.65);
  color: #ffffff;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  z-index: 5;
  transition: background 250ms ease;
}

.sunrise-arrow:hover {
  background: rgba(139,0,0,0.9); /* Sunrise hover */
}

/* EXACT  OFFSET */
.sunrise-arrow.prev {
  left: 18px;
}

.sunrise-arrow.next {
  right: 18px;
}


/* Animations */
@keyframes sunriseFadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sunriseSlide {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* News & Events section background fix */
.sunrise-news-wrap {
  background: #f9faf6 !important; /* matches existing site bg */
}
.sunrise-news-wrap {
  background: #ffffff !important;
}
/* Read More button – match site button */
.sunrise-news-btn {
  background: #f2a32c !important;
  color: #ffffff !important;
  border: none;
}

/* Disable hover color change completely */
.sunrise-news-btn:hover,
.sunrise-news-btn:focus,
.sunrise-news-btn:active {
  /*background: #c4161c !important;*/
  color: #ffffff !important;
}
.sunrise-news-btn {
  border-radius: 30px;
  font-weight: 600;
  padding: 12px 26px;
}


/* Responsive */
@media (max-width: 991px) {
  .sunrise-news-wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .sunrise-arrow {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
}
/* ===== End SUNRISE NEWS & EVENTS SECTION ===== */

/* ===== SUNRISE PREMIUM GALLERY START ===== */
.spg-gallery { padding:80px 0; background:#fff; }
.spg-container { width:92%; max-width:1300px; margin:auto; }

.spg-heading { text-align:center; margin-bottom:40px; }
.spg-heading h2 { font-size:34px; font-weight:700; }
.spg-heading span { color:#e53935; }

.spg-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

@media(max-width:1024px){ .spg-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:768px){ .spg-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .spg-grid{grid-template-columns:1fr;} }

.spg-item {
  position:relative;
  overflow:hidden;
  border-radius:14px;
  cursor:pointer;
}

.spg-item img {
  width:100%;
  height:auto;
  transition:transform .6s ease;
}

.spg-item:hover img { transform:scale(1.12); }

.spg-overlay {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.55);
  opacity:0;
  transition:.4s;
}

.spg-item:hover .spg-overlay { opacity:1; }

.spg-icon {
  font-size:46px;
  color:#fff;
}

.spg-play {
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  position:relative;
}
.spg-play:after {
  content:'';
  position:absolute;
  left:23px; top:18px;
  border-style:solid;
  border-width:12px 0 12px 18px;
  border-color:transparent transparent transparent #000;
}

/* LOAD MORE */
.spg-load-wrap { text-align:center; margin-top:50px; }
.spg-load-btn {
  background:#e53935;
  color:#fff;
  padding:14px 42px;
  border-radius:30px;
  border:none;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(229,57,53,.35);
}
.spg-load-btn:hover { background:#e53935; }

.spg-hidden { display:none; }

/* LIGHTBOX */
.spg-lightbox {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.9);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}
.spg-lightbox.active { display:flex; }

.spg-lightbox-inner img,
.spg-lightbox-inner iframe {
  max-width:90%;
  max-height:90vh;
  border-radius:10px;
}

.spg-close {
  position:absolute;
  top:20px;
  right:30px;
  font-size:34px;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
}

.spg-prev,.spg-next {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:40px;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
}
.spg-prev { left:20px; }
.spg-next { right:20px; }


/* ===== FIX VIDEO SIZE IN GALLERY MODAL ===== */
.spg-lightbox-inner iframe {
  width: 80vw;
  height: 45vw;          /* 16:9 ratio */
  max-width: 1100px;
  max-height: 620px;
}

@media (max-width: 768px) {
  .spg-lightbox-inner iframe {
    width: 92vw;
    height: 52vw;
  }
}
.spg-lightbox-inner iframe {
  animation: spgVideoIn .4s ease;
}

@keyframes spgVideoIn {
  from { transform: scale(.92); opacity:0; }
  to   { transform: scale(1); opacity:1; }
}
/* ===== SUNRISE PREMIUM GALLERY End ===== */

/* ================= Sunrise Gallery ================= */
.ss-gallery-wrap {
  padding: 70px 20px;
  background: #fff;
}

/* Heading (same as Managing Committee) */
.ss-section-head {
  text-align: center;
  margin-bottom: 45px;
}
.ss-section-head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #000;
}
.ss-section-head h2 span {
  color: #e53935;
}

/* Grid */
.ss-gallery-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 26px;
}

/* Item */
.ss-gallery-item {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: transform .25s ease;
}
.ss-gallery-item:hover {
  transform: translateY(-4px);
}

/* Image Auto-fit */
.ss-gallery-item img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

/* Caption */
/* ===== Premium Image Caption ===== */
.ss-gallery-item figcaption {
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 700;              /* BOLD */
  text-align: center;
  color: #000;                   /* Primary color */
  background: #fff;
  letter-spacing: 0.3px;
  line-height: 1.4;
}

/* Accent color (same as heading span) */
.ss-gallery-item figcaption::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #e53935;           /* Sunrise red */
  margin: 6px auto 0;
  border-radius: 2px;
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 992px) {
  .ss-gallery-item figcaption {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .ss-gallery-item figcaption {
    font-size: 14px;
    padding: 12px;
  }
}
/*.............*/


/* Caption Text */
.lightbox-caption,
.ss-lightbox-caption {
  margin-top: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #222;
  text-align: center;
  letter-spacing: 0.3px;
}

/* Caption Accent */
.lightbox-caption span,
.ss-lightbox-caption span {
  color: #e53935;
  font-weight: 800;
}

/* ==============================
   R/* ==============================
   PREMIUM LIGHTBOX HEADING STYLE
   ============================== */

/* Popup Title */
.lightbox-title,
.ss-lightbox-title {
  font-size: 26px;
  font-weight: 800;
  text-align: center;
  color: #111;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  position: relative;
}

/* Red Accent Underline */
.lightbox-title::after,
.ss-lightbox-title::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #e53935;
  display: block;
  margin: 8px auto 0;
  border-radius: 3px;
}

/* Two-Color Effect (Optional span) */
.lightbox-title span,
.ss-lightbox-title span {
  color: #e53935;
  font-weight: 900;
}
/*==============================RESPONSIVE SCALING============================== */

@media (max-width: 991px) {
  .lightbox-title,
  .ss-lightbox-title {
    font-size: 22px;
  }

  .lightbox-caption,
  .ss-lightbox-caption {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .lightbox-title,
  .ss-lightbox-title {
    font-size: 19px;
  }

  .lightbox-caption,
  .ss-lightbox-caption {
    font-size: 14px;
  }
}


/* ================= Lightbox ================= */
.ss-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.ss-lightbox.active {
  display: flex;
}

.ss-lightbox-content {
  max-width: 90%;
  max-height: 85%;
  text-align: center;
}

.ss-lightbox-content img {
  max-width: 100%;
  max-height: 75vh;
  object-fit: contain;
}

.ss-lightbox-title {
  color: #fff;
  margin-top: 10px;
  font-size: 15px;
}

/* Controls */
.ss-close,
.ss-prev,
.ss-next {
  position: absolute;
  background: none;
  border: none;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
}

.ss-close { top: 20px; right: 25px; }
.ss-prev { left: 20px; }
.ss-next { right: 20px; }

@media (max-width: 576px) {
  .ss-gallery-item img { height: 200px; }
  .ss-section-head h2 { font-size: 28px; }
}
/* ================= Sunrise Gallery End================= */

/* ================================
   SUNRISE PREMIUM ABOUT SECTION
   ================================ */

.sp-about {
  padding: 90px 0;
  background: #ffffff;
  overflow: hidden;
}

.sp-about-wrap {
  width: 92%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

/* HEADING */
.sp-heading {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 18px;
  position: relative;
}

.sp-heading span {
  color: #e53935;
}

/* underline like other sections */
.sp-heading::after {
  content: "";
  width: 70px;
  height: 3px;
  background: #e53935;
  display: block;
  margin-top: 10px;
}

/* TEXT */
.sp-about-text p {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 16px;
}

/* BUTTON (existing style match) */
.sp-btn {
  display: inline-block;
  margin-top: 18px;
  background: #e53935;
  color: #fff;
  padding: 13px 38px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(229,57,53,.35);
  transition: transform .3s ease;
}

.sp-btn:hover {
  transform: translateY(-3px);
}

/* IMAGE WRAP */
.sp-about-image {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(0,0,0,.15);
}

.sp-about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* AUTO FIT ANY IMAGE SIZE */
  display: block;
  transition: transform .6s ease;
}

.sp-about-image:hover img {
  transform: scale(1.08);
}

/* ====================
   SCROLL ANIMATION
   ==================== */

.sp-animate {
  opacity: 0;
  transform: translateY(40px);
  transition: all .8s ease;
}

.sp-animate.show {
  opacity: 1;
  transform: translateY(0);
}

/* ====================
   RESPONSIVE
   ==================== */

@media (max-width: 991px) {
  .sp-about-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .sp-about {
    padding: 70px 0;
  }
}

@media (max-width: 480px) {
  .sp-heading {
    font-size: 28px;
  }
}
/* === FIX: Keep button color SAME on hover === */
.sp-btn,
.sp-btn:hover,
.sp-btn:focus,
.sp-btn:active {
  background-color: #e53935 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.sp-btn {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sp-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(229,57,53,0.45);
}

/* ===== END ABOUT SECTION ===== */

/* =====================================================
   SUNRISE – GLOBAL BUTTON POLISH START
   ===================================================== */

/* TARGET ALL SUNRISE BUTTONS */
a.sunrise-btn,
button.sunrise-btn,
a.sp-btn,
button.sp-btn,
a.btn,
button.btn {
  background-color: #e53935 !important;
  color: #ffffff !important;
  border: 2px solid #e53935 !important;
  border-radius: 30px;
  text-decoration: none !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

/* ===== OUTLINE-ONLY HOVER (NO COLOR CHANGE) ===== */
a.sunrise-btn:hover,
button.sunrise-btn:hover,
a.sp-btn:hover,
button.sp-btn:hover,
a.btn:hover,
button.btn:hover {
  background-color: #e53935 !important; /* LOCK COLOR */
  color: #ffffff !important;
  border-color: #ffffff !important;   /* Outline effect */
  transform: translateY(-3px);
  box-shadow: 0 0 0 6px rgba(229,57,53,0.18);
}

/* ===== FOCUS / ACTIVE FIX (NO BLUE FLASH) ===== */
a.sunrise-btn:focus,
button.sunrise-btn:focus,
a.btn:focus,
button.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* ===== SOFT PULSE GLOW (DESKTOP ONLY) ===== */
@media (hover: hover) {
  a.sunrise-btn,
  a.sp-btn,
  a.btn {
    animation: sunrisePulse 3s infinite;
  }
}

@keyframes sunrisePulse {
  0%   { box-shadow: 0 0 0 0 rgba(229,57,53,0.35); }
  70%  { box-shadow: 0 0 0 14px rgba(229,57,53,0); }
  100% { box-shadow: 0 0 0 0 rgba(229,57,53,0); }
}

/* ===== DISABLE HOVER ON MOBILE ===== */
@media (hover: none) {
  a.sunrise-btn:hover,
  button.sunrise-btn:hover,
  a.sp-btn:hover,
  button.sp-btn:hover,
  a.btn:hover,
  button.btn:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #e53935 !important;
  }
}
/* =====================================================
    SUNRISE – GLOBAL BUTTON POLISH Start*/
/* =======================
   SUNRISE PREMIUM SECTION
======================= */
.sunrise-sudhir {
  padding: 80px 0;
  background: #f2f6fb;
}

.sunrise-sudhir-container {
  width: 92%;
  max-width: 1300px;
  margin: auto;
}

.sunrise-sudhir-heading {
  text-align: center;
  margin-bottom: 50px;
}

.sunrise-sudhir-heading h2 {
  font-size: 34px;
  font-weight: 700;
}

.sunrise-sudhir-heading span {
  color: #e53935;
}

.sunrise-sudhir-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 26px;
}

@media(max-width:1024px){
  .sunrise-sudhir-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .sunrise-sudhir-grid{grid-template-columns:1fr;}
}

.sudhir-card {
  min-height: 320px;
  border-radius: 22px;
  padding: 30px;
  color: #fff;
  box-shadow: 0 25px 45px rgba(0,0,0,.15);
}

.sudhir-icon {
  width: 56px;
  height: 56px;
  background: #fff;
  color: #e53935;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 22px;
  margin-bottom: 20px;
}

.sudhir-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 26px;
  border-radius: 26px;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
}
.sunrise-sudhir-heading {
  display: none;
}

/* SUNRISE –  STYLE INFO STRIP END*/


/* ===============================
   SUNRISE POPUP –  STYLE
================================ */

.sunrise-popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.65);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  transition:opacity 300ms ease;
}

.sunrise-popup-overlay.active{
  opacity:1;
  visibility:visible;
}

.sunrise-popup-box{
  background:#fff;
  padding:12px;
  max-width:520px;
  width:90%;
  border-radius:8px;
  position:relative;
  animation:sunrisePopupZoom 350ms ease;
}

/* Image */
.sunrise-popup-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:6px;
}

/* Close button */
.sunrise-popup-close{
  position:absolute;
  top:-14px;
  right:-14px;
  width:36px;
  height:36px;
  border:none;
  background:#c4161c;
  color:#fff;
  font-size:22px;
  border-radius:50%;
  cursor:pointer;
  line-height:1;
}

.sunrise-popup-close:hover{
  background:#a81217;
}

/* Animation */
@keyframes sunrisePopupZoom{
  from{
    transform:scale(0.92);
    opacity:0;
  }
  to{
    transform:scale(1);
    opacity:1;
  }
}

/* Mobile fine-tuning */
@media(max-width:480px){
  .sunrise-popup-box{
    max-width:92%;
    padding:8px;
  }
}
/* ===== SUNRISE ADMISSION POPUP ===== */
.sunrise-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.sunrise-popup.active {
  display: block;
}

.sunrise-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(2px);
}

.sunrise-popup-box {
  position: relative;
  max-width: 420px;
  width: 90%;
  margin: auto;
  top: 50%;
  transform: translateY(-50%) scale(0.96);
  animation: popupIn 0.45s ease forwards;
}

.sunrise-popup-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.35);
}

.sunrise-popup-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #c4161c;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}

@keyframes popupIn {
  from {
    opacity: 0;
    transform: translateY(-50%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}

/* Mobile tweak */
@media (max-width: 480px) {
  .sunrise-popup-box {
    max-width: 92%;
  }
}
/* ==================================================
   SUNRISE ABOUT + MISSION VISION (SAFE & ISOLATED)
   ================================================== */

.sunrise-about-block {
  background: #ffffff;
  padding: 80px 0 100px;
}

/* ABOUT GRID */
.sunrise-about-inner {
  width: 92%;
  max-width: 1200px;
  margin: auto;
}

.sunrise-about-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 50px;
  align-items: center;
}

@media (max-width: 900px) {
  .sunrise-about-grid {
    grid-template-columns: 1fr;
  }
}

/* TEXT */
.sunrise-about-text p {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 16px;
}

/* IMAGE */
.sunrise-about-image {
  overflow: hidden;
  border-radius: 20px;
}

.sunrise-about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}

.sunrise-about-image:hover img {
  transform: scale(1.05);
}

/* BUTTON (MATCH SUNRISE) */
.sunrise-btn-primary {
  display: inline-block;
  margin-top: 10px;
  background: #e53935;
  color: #fff;
  padding: 13px 36px;
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0 10px 25px rgba(229,57,53,.35);
  transition: box-shadow .3s ease, transform .3s ease;
}

.sunrise-btn-primary:hover {
  background: #e53935;
  transform: translateY(-2px);
}

/* DIVIDER */
.sunrise-divider-wave {
  height: 80px;
  background: linear-gradient(
    180deg,
    rgba(229,57,53,0.12),
    rgba(255,255,255,0)
  );
  margin: 70px 0;
}

/* MISSION / VISION */
.sunrise-mv-wrapper {
  width: 92%;
  max-width: 1100px;
  margin: auto;
}

.sunrise-mv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media (max-width: 768px) {
  .sunrise-mv-grid {
    grid-template-columns: 1fr;
  }
}

.sunrise-mv-card {
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 45px 35px;
  text-align: center;
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
  transition: transform .35s ease, box-shadow .35s ease;
}

.sunrise-mv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 60px rgba(0,0,0,0.12);
}

/* ICON */
.sunrise-mv-icon {
  width: 72px;
  height: 72px;
  background: #e53935;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin: auto auto 18px;
  box-shadow: 0 12px 30px rgba(229,57,53,.4);
}

.sunrise-mv-card h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

.sunrise-mv-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/*=============SUNRISE ABOUT + MISSION VISION END==================*/

/* ================= SUNRISE LEADERSHIP START ================= */

.ss-leadership {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #f9fafc;
}

.ss-parallax {
  position: absolute;
  inset: 0;
  background: url('images/leadership-bg.jpg') center/cover fixed;
  opacity: 0.12;
  z-index: 0;
}

.ss-container {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  z-index: 1;
}

.ss-heading {
  text-align: center;
  margin-bottom: 60px;
}

.ss-heading h2 {
  font-size: 34px;
  font-weight: 700;
}

.ss-heading h2 span {
  color: #e53935;
}

.ss-heading p {
  margin-top: 8px;
  color: #666;
}

/* Glass Card */
.ss-glass-card {
  background: rgba(255,255,255,0.35);
  backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 50px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.15);
  margin-bottom: 80px;
}

.ss-content-wrap {
  display: flex;
  gap: 40px;
  align-items: center;
}

.ss-image img {
  width: 100%;
  max-width: 380px;
  border-radius: 14px;
  object-fit: cover;
  box-shadow: 0 18px 40px rgba(0,0,0,0.2);
}

.ss-content blockquote {
  font-size: 18px;
  font-style: italic;
  color: #333;
  border-left: 4px solid #e53935;
  padding-left: 16px;
  margin-bottom: 20px;
}

.ss-content p {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
}

/* Signature */
.ss-signature {
  margin-top: 25px;
}

.ss-signature strong {
  display: block;
  font-size: 16px;
}

.ss-signature span {
  font-size: 14px;
  color: #777;
}

/* Timeline */
.ss-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 30px;
}

.ss-timeline-item {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  text-align: center;
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
  transition: transform .3s ease;
}

.ss-timeline-item:hover {
  transform: translateY(-8px);
}

.ss-timeline-item span {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #e53935;
  margin-bottom: 10px;
}

.ss-timeline-item p {
  font-size: 14px;
  color: #555;
}

/* Responsive */
@media (max-width: 991px) {
  .ss-content-wrap {
    flex-direction: column;
    text-align: center;
  }

  .ss-content blockquote {
    border-left: none;
    border-top: 3px solid #e53935;
    padding-left: 0;
    padding-top: 12px;
  }
}
/* Principal Message – Heading Polish */
.sunrise-message-head {
  margin-bottom: 22px;
  position: relative;
}

.sunrise-message-head h3 {
  font-size: 22px;
  font-weight: 600;
  color: #b30000; /* same Sunrise red */
  margin: 0;
  padding-left: 14px;
  position: relative;
}

/* Accent line (Sudhir style) */
.sunrise-message-head h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 22px;
  background: #b30000;
  border-radius: 2px;
}

/* Improve overall card padding without breaking layout */
.sunrise-leader-card {
  padding: 50px 55px;
}

/* Mobile fine-tune */
@media (max-width: 768px) {
  .sunrise-leader-card {
    padding: 35px 28px;
  }

  .sunrise-message-head h3 {
    font-size: 20px;
  }
}
/* ===============================
   PRINCIPAL IMAGE – GOLD POLISH
   =============================== */

/* Image wrapper */
.sunrise-leader-image,
.sunrise-leader-img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.12),
    0 6px 12px rgba(0, 0, 0, 0.08);
}

/* Gold accent line */
.sunrise-leader-image::after,
.sunrise-leader-img::after {
  content: "";
  position: absolute;
  top: 8%;
  left: 0;
  width: 4px;
  height: 84%;
  background: linear-gradient(
    to bottom,
    #d4af37,
    #f5e27a,
    #caa233
  );
  border-radius: 4px;
}

/* REMOVE quote icon ONLY from image area */
.sunrise-leader-image::before,
.sunrise-leader-image::after {
  content: none !important;
  display: none !important;
}


/* Image itself */
.sunrise-leader-image img,
.sunrise-leader-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* Mobile refinement */
@media (max-width: 768px) {
  .sunrise-leader-image,
  .sunrise-leader-img {
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.10);
  }

  .sunrise-leader-image::after,
  .sunrise-leader-img::after {
    top: 10%;
    height: 80%;
  }
}
/* === HARD STOP: Remove ALL overlays from leadership images === */
.leader-media::before,
.leader-media::after,
.leader-media img::before,
.leader-media img::after {
    content: none !important;
    display: none !important;
}

/* Force clean image rendering */
.leader-media img {
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}
/* === REMOVE vertical gap ONLY between leadership sections === */
.leadership-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.leadership-section + .leadership-section {
    margin-top: 20px !important; /* controlled spacing */
}

/* Kill hidden container spacing */
.leadership-section .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Gold accent ONLY once */
.leadership-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, #d4af37, #ffdf80) border-box;
    -webkit-mask:
      linear-gradient(#fff 0 0) padding-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* ===== LEADERSHIP SECTION GAP CONTROL ===== */
.sunrise-leadership-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.sunrise-leadership-card {
    margin-bottom: 16px !important; /* reduce gap */
}

/* If cards are inside a grid or flex */
.sunrise-leadership-wrapper {
    row-gap: 16px !important;
}
.sunrise-leadership-section {
    background: linear-gradient(
        180deg,
        #f9fafb 0%,
        #ffffff 50%,
        #f9fafb 100%
    );
}

/*==============SUNRISE LEADERSHIP END=======================*/

/* ============Managing Committee Sunrise Start================= */
.sp-committee-wrap {
  padding: 70px 20px;
  background: #fff;
}

/* Reuse Sunrise heading */
.sp-section-head {
  text-align: center;
  margin-bottom: 50px;
}

.sp-section-head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #000;
}

.sp-section-head h2 span {
  color: #e53935; /* Sunrise red */
}

/* Grid */
.sp-committee-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
}

/* Card */
.sp-committee-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  text-align: center;
  transition: transform .25s ease;
}

.sp-committee-card:hover {
  transform: translateY(-4px);
}

/* Image */
.sp-committee-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.sp-committee-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Info */
.sp-committee-info {
  padding: 22px 18px 26px;
}

.sp-committee-info h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #111;
}

.sp-committee-info span {
  display: block;
  font-size: 14px;
  color: #e53935;
  font-weight: 500;
  margin-bottom: 10px;
}

.sp-committee-info a {
  display: inline-block;
  font-size: 14px;
  color: #555;
  text-decoration: none;
  font-weight: 500;
}

/* Mobile polish */
@media (max-width: 576px) {
  .sp-section-head h2 {
    font-size: 28px;
  }
}
/* ============Managing Committee Sunrise End================ */

/* ===== SUNRISE ADMISSION PROCEDURE START ===== */
/* ================= Admission Procedure ================= */

.sp-admission-wrap {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}

/* Header */
.sp-admission-header {
  text-align: center;
  margin-bottom: 40px;
}

.sp-admission-header h2 {
  font-size: 34px;
  font-weight: 700;
  color: inherit;
}

.sp-admission-header p {
  margin-top: 8px;
  font-size: 16px;
  color: #6b7280;
}

/* Cards */
.sp-admission-card {
  background: #fff;
  border-radius: 18px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  border: 1px solid #f1f1f1;
}

.sp-admission-card h3 {
  font-size: 22px;
  margin-bottom: 20px;
  padding-left: 14px;
  position: relative;
}

.sp-admission-card h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 18px;
  background: #d4af37;
  border-radius: 2px;
}

/* Table */
.sp-age-table {
  width: 100%;
  border-collapse: collapse;
}

.sp-age-table th,
.sp-age-table td {
  padding: 14px 16px;
}

.sp-age-table thead {
  background: #f9fafb;
}

.sp-age-table tbody tr {
  border-bottom: 1px solid #eee;
}

/* Documents */
.sp-doc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 20px;
}

.sp-doc-card {
  background: #fafafa;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: transform .2s ease;
}

.sp-doc-card:hover {
  transform: translateY(-3px);
}

.sp-doc-icon svg {
  width: 36px;
  height: 36px;
  stroke: #b8962e;
  fill: none;
  stroke-width: 1.8;
  margin-bottom: 10px;
}

.sp-doc-card h4 {
  font-size: 16px;
  margin-bottom: 6px;
}

.sp-doc-card p {
  font-size: 14px;
  color: #6b7280;
}

/* CTA */
.sp-apply-cta {
  background: #f9fafb;
  border-radius: 20px;
  padding: 40px 30px;
  text-align: center;
  border: 1px solid #eee;
}

.sp-apply-cta h3 {
  font-size: 26px;
  margin-bottom: 10px;
}

.sp-apply-cta p {
  font-size: 15px;
  margin-bottom: 22px;
  color: #6b7280;
}

/* Button – Sunrise Safe */
.sp-apply-btn {
  display: inline-block;
  padding: 12px 34px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  border: 2px solid currentColor;
  color: inherit;
  transition: transform .15s ease, box-shadow .15s ease;
}

.sp-apply-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* Mobile */
@media (max-width: 768px) {
  .sp-admission-header h2 {
    font-size: 28px;
  }
}

/* ================= Quick Admission CTA ================= */

.sp-quick-cta {
  margin: 60px auto;
  padding: 0 20px;
}

.sp-quick-cta-inner {
  max-width: 1200px;
  margin: auto;
  background: #c4161c; /* Sunrise Red */
  border-radius: 22px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* Text */
.sp-quick-cta-text h3 {
  font-size: 26px;
  margin-bottom: 6px;
  color: #ffffff;
}

.sp-quick-cta-text p {
  font-size: 15px;
  color: #f3f4f6;
  max-width: 520px;
}

/* Buttons wrapper */
.sp-quick-cta-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* Base Button */
.sp-cta-btn {
  padding: 13px 34px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #ffffff;
  color: #ffffff;
  background: transparent;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* NO COLOR CHANGE ON HOVER */
.sp-cta-btn:hover {
  color: #ffffff;
  background: transparent;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* Mobile */
@media (max-width: 768px) {
  .sp-quick-cta-inner {
    flex-direction: column;
    text-align: center;
    padding: 30px 24px;
  }
}
/*==============SUNRISE ADMISIION_PROCEDURE END=======================*/

/* ===== Sunrise Admission Guidelines Start ===== */
.sp-guidelines-wrap {
  padding: 70px 15px;
  background: #fff;
}

/* Existing heading rhythm */
.sp-section-head {
  text-align: center;
  margin-bottom: 50px;
}

.sp-section-head h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1d;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.sp-section-head h2::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #d4af37;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

/* Grid */
.sp-guidelines-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  position: relative;
}

/* Gold divider (desktop only) */
@media (min-width: 992px) {
  .sp-guidelines-grid::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 50%;
    width: 1px;
    background: linear-gradient(
      to bottom,
      transparent,
      #d4af37,
      transparent
    );
    opacity: 0.6;
  }
}

/* Card */
.sp-guideline-block {
  background: #ffffff;
  padding: 36px 40px;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.18s ease;
}

/* Subtle desktop lift only */
@media (min-width: 992px) {
  .sp-guideline-block:hover {
    transform: translateY(-2px);
  }
}

/* Card heading */
.sp-guideline-block h3 {
  font-size: 22px;
  font-weight: 700;
  color: #111;
  margin-bottom: 18px;
  position: relative;
  padding-left: 14px;
}

.sp-guideline-block h3::before {
  content: "";
  width: 4px;
  height: 100%;
  background: #d4af37;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 2px;
}

/* List */
.sp-guideline-block ul {
  margin: 0;
  padding-left: 18px;
}

.sp-guideline-block li {
  font-size: 15.5px;
  color: #555;
  line-height: 1.75;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}

/* Mobile */
@media (max-width: 991px) {
  .sp-guidelines-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .sp-guideline-block {
    padding: 28px 26px;
  }
}
/* ===== Sunrise Admission Guidelines End ===== */

/* ===============================
   Sunrise Admission Enquiry Form
   =============================== */
   .sp-enquiry-wrap {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}

/* Existing Sunrise Heading Feel */
.sp-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.sp-section-head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #b30000;
}

.sp-section-head p {
  margin-top: 6px;
  color: #555;
}

/* Cards */
.sp-form-card {
  background: #fff;
  border-radius: 18px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.sp-form-card h3 {
  font-size: 22px;
  margin-bottom: 20px;
  border-left: 4px solid #b30000;
  padding-left: 12px;
}

/* Grid */
.sp-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.sp-full {
  grid-column: span 2;
}

/* Inputs */
.sp-enquiry-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  color: #333;
}

.sp-enquiry-form input,
.sp-enquiry-form select,
.sp-enquiry-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.sp-enquiry-form input:focus,
.sp-enquiry-form select:focus,
.sp-enquiry-form textarea:focus {
  outline: none;
  border-color: #b30000;
}

/* Radio */
.sp-radio-group {
  display: flex;
  gap: 30px;
  font-size: 15px;
}

/* CAPTCHA */
.sp-captcha {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Submit */
.sp-submit-wrap {
  text-align: center;
  margin-top: 40px;
}

.sp-submit-btn {
  background: #b30000;
  color: #fff;
  padding: 14px 42px;
  border-radius: 30px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .sp-form-grid {
    grid-template-columns: 1fr;
  }
  .sp-full {
    grid-column: span 1;
  }
}
.sp-dob-selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.sp-dob-selects select {
  width: 100%;
  padding: 10px;
}
.sp-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.sp-checkbox input {
  margin-top: 4px;
}
.sp-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.sp-checkbox input {
  margin-top: 4px;
}
/* Checkbox row – Sunrise safe fix */
.sp-checkbox-row {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: 10px;
  margin-bottom: 15px;
}

/* Kill block behavior only here */
.sp-checkbox-row label {
  display: inline;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

/* Checkbox vertical alignment */
.sp-checkbox-row input[type="checkbox"] {
  margin: 4px 0 0;
}
/*==========Sunrise Admission Enquiry Form=====================*/

/* ===============================Sunrise activities Page START   =============================== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins', Arial, sans-serif;
  background:#f8faf5;
  color:#333;
}

/* Page Container (matches home page) */
.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

/* Section */
.facility-section{
  padding:80px 0;
}

/* Heading */
.section-title{
  text-align:center;
  margin-bottom:60px;
}

.section-title h2{
  font-size:44px;
  font-weight:700;
}

.section-title h2 span{
  color:#e53935;
}

.section-title p{
  max-width:620px;
  margin:10px auto 0;
  color:#666;
  font-size:16px;
}

@media(max-width:768px){
  .section-title h2{
    font-size:32px;
  }
}

/* Sub Headings */
.facility-subtitle{
  font-size:26px;
  font-weight:600;
  margin:50px 0 22px;
  position:relative;
  padding-left:14px;
}

.facility-subtitle::before{
  content:'';
  position:absolute;
  left:0;
  top:6px;
  width:4px;
  height:70%;
  background:#e53935;
}

/* Grid */
.facility-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:26px;
}

/* Card */
.facility-card{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.facility-card img{
  width:100%;
  height:240px;
  object-fit:cover;
  transition:0.5s ease;
}

.facility-card:hover img{
  transform:scale(1.08);
}

/* Overlay */
.facility-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  opacity:0;
  transition:0.4s ease;
  text-align:center;
}

.facility-card:hover .facility-overlay{
  opacity:1;
}

.facility-overlay i{
  font-size:36px;
  margin-bottom:12px;
}

.facility-overlay h4{
  font-size:18px;
  font-weight:600;
}
/*==========Sunrise activities End=====================*/

/* ==============================
   SUNRISE VIDEO GALLERY (SCOPED)
============================== */

.sunrise-video-gallery {
  padding: 70px 20px;
  max-width: 1300px;
  margin: auto;
}

/* Heading */
.sunrise-section-head {
  text-align: center;
  margin-bottom: 45px;
}

.sunrise-section-head h2 {
  font-size: 34px;
  font-weight: 800;
  margin: 0;
}

.sunrise-dark { color: #111; }
.sunrise-red { color: #c4161c; }

.sunrise-section-head p {
  margin-top: 8px;
  color: #666;
}

/* Grid */
.sunrise-video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
}

/* Card */
.sv-video-card {
  cursor: pointer;
}

.sv-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.sv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Play Button */
.sv-play-btn {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.sv-play-btn::before {
  content: "";
  width: 68px;
  height: 68px;
  background: rgba(196,22,28,0.95);
  border-radius: 50%;
  clip-path: polygon(35% 25%, 35% 75%, 75% 50%);
}

/* Caption */
.sv-video-card figcaption {
  margin-top: 12px;
  font-weight: 700;
  color: #111;
  text-align: center;
}

/* ==========================
   MODAL
========================== */

.sv-video-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  z-index: 9999;
}

.sv-video-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sv-modal-content {
  position: relative;
  width: min(90%, 1000px);
}

.sv-video-frame iframe,
.sv-video-frame video {
  width: 100%;
  height: 520px;
  border-radius: 12px;
}

/* Controls */
.sv-close {
  position: absolute;
  top: -45px;
  right: 0;
  font-size: 32px;
  background: none;
  color: #fff;
  border: none;
  cursor: pointer;
}

.sv-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: #fff;
  border: none;
  font-size: 38px;
  cursor: pointer;
}

.sv-prev { left: -50px; }
.sv-next { right: -50px; }

/* Responsive */
@media (max-width: 768px) {
  .sv-video-frame iframe,
  .sv-video-frame video {
    height: 260px;
  }

  .sv-prev { left: 10px; }
  .sv-next { right: 10px; }
}
.sv-related {
  color: #fff;
  text-align: center;
}

.sv-related h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 18px;
}

.sv-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 18px;
}

/* Load More */
.sv-loadmore-wrap {
  text-align: center;
  margin-top: 40px;
}

.sv-loadmore-btn {
  background: #c4161c;
  color: #fff;
  padding: 14px 44px;
  border-radius: 30px;
  border: none;
  font-weight: 700;
  cursor: pointer;
}

.sv-loadmore-btn:hover {
  background: #c4161c; /* NO BLUE */
}
/* ============== SUNRISE VIDEO GALLERY END====================== */

/* ================= SUNRISE EVENTS AND NEWS PAGE================= */

.sr-events-wrap {
  max-width: 1300px;
  margin: 70px auto;
  padding: 0 22px;
}

/* Heading (same as Home / Leadership) */
.sr-section-head {
  text-align: center;
  margin-bottom: 50px;
}

.sr-section-head h2 {
  font-size: 34px;
  font-weight: 700;
}

.sr-section-head h2 span {
  color: #111;
}

.sr-section-head h2 .accent {
  color: #b30000;
}

.sr-section-head p {
  margin-top: 8px;
  color: #555;
  font-size: 15px;
}

/* Grid */
.sr-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 28px;
}

/* Card */
.sr-event-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease;
}

.sr-event-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Media */
.sr-event-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.sr-event-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Date badge */
.sr-event-date {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #b30000;
  color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  text-align: center;
  line-height: 1.1;
}

.sr-event-date strong {
  font-size: 18px;
  display: block;
}

.sr-event-date em {
  font-size: 12px;
  font-style: normal;
  opacity: .9;
}

/* Content */
.sr-event-content {
  padding: 22px 22px 26px;
}

.sr-event-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #111;
  font-weight: 700;
}

.sr-event-content p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* Link */
.sr-event-link {
  font-weight: 600;
  color: #b30000;
  text-decoration: none;
}

.sr-event-link:hover {
    color: #b30000;
    text-decoration: underline;
}

/* Load More */
.sr-load-wrap {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.sr-load-btn {
  padding: 14px 44px;
  border-radius: 30px;
  border: none;
  background: #b30000;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* No hover color change */
.sr-load-btn:hover {
  background: #b30000;
}

/* Responsive */
@media (max-width: 768px) {
  .sr-section-head h2 {
    font-size: 28px;
  }
}

/* ===============================
   Image Slide-style Event Cards
   =============================== */

.ape-event-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
}

/* Image Area */
.ape-event-media {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.ape-event-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .6s ease;
}

.ape-event-media img.active {
  opacity: 1;
  z-index: 1;
}

/* Content */
.ape-event-body {
  padding: 20px;
}

.ape-event-date {
  font-size: 13px;
  color: #b30000;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

.ape-event-body h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #111;
    font-weight: 700;
}

.ape-event-body p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.ape-readmore {
  margin-top: 10px;
  display: inline-block;
  font-weight: 600;
  color: #b30000;
  text-decoration: none;
}

.ape-readmore:hover {
  color: #b30000;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .ape-event-media {
    height: 200px;
  }
}
/* ============== SUNRISE NEWS AND EVENTS PAGE END====================== */

/* ============== SUNRISE EVENT DETAIL PAGE START========================== */
/* ==============================
   SUNRISE EVENT DETAIL PAGE
================================ */

.sr-event-detail {
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
}

/* Heading */
.sr-heading {
  text-align: center;
  margin-bottom: 40px;
}

.sr-heading h2 {
  font-size: 34px;
  font-weight: 800;
}

.sr-heading span {
  color: #c62828;
}

.sr-heading strong {
  color: #000;
}

.sr-subtitle {
  margin-top: 10px;
  color: #666;
  font-size: 15px;
}

/* Event Info */
.sr-event-info {
  margin-bottom: 40px;
}

.sr-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 14px;
  margin-bottom: 15px;
  color: #555;
}

.sr-event-title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 15px;
}

.sr-event-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #444;
  max-width: 900px;
}

/* Gallery */
.sr-event-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

/* Images */
.sr-event-gallery figure {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 22px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.sr-event-gallery figure:hover {
  transform: translateY(-4px);
}

.sr-event-gallery img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

/* Caption */
.sr-event-gallery figcaption {
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: #fafafa;
  color: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .sr-event-title {
    font-size: 22px;
  }

  .sr-event-gallery img {
    height: 200px;
  }
}

@media (max-width: 480px) {
  .sr-event-detail {
    padding: 40px 15px;
  }

  .sr-heading h2 {
    font-size: 26px;
  }
}
/* ============== SUNRISE EVENT DETAIL PAGE END========================== */
/* ===============================
   EVENT HIGHLIGHTS (PREMIUM)
================================ */

.sr-event-highlights {
  padding: 70px 20px;
  background: #f9f9f9;
}

/* Uses existing Sunrise heading feel */
.sr-event-highlights .sr-section-head {
  text-align: center;
  margin-bottom: 50px;
}

.sr-event-highlights .sr-section-head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #222;
}

.sr-event-highlights .sr-section-head h2 span {
  color: #b30000;
}

/* Grid */
.sr-highlights-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* Card */
.sr-highlight-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;      /* 🔥 equal height */
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Image */
.sr-highlight-img {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.sr-highlight-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;           /* 🔥 portrait + landscape safe */
}

/* Content */
.sr-highlight-content {
  padding: 22px 22px 26px;
  flex-grow: 1;                /* 🔥 equal height fix */
}

.sr-highlight-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #222;
}

.sr-highlight-content p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #555;
}

/* Responsive */
@media (max-width: 576px) {
  .sr-highlight-img {
    height: 190px;
  }
}
/* ===========EVENT HIGHLIGHTS (PREMIUM) END==================== */
/* ===========RELATED EVENTS (PREMIUM) START==================== */

.sr-related-events {
  padding: 80px 20px;
  background: #ffffff;
}

/* Heading */
.sr-related-events .sr-section-head {
  text-align: center;
  margin-bottom: 55px;
}

.sr-related-events .sr-section-head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #222;
}

.sr-related-events .sr-section-head h2 span {
  color: #b30000;
}

/* Grid */
.sr-related-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

/* Card */
.sr-related-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column; /* Equal height */
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

/* Image Wrapper */
.sr-related-img {
  position: relative;
  height: 230px;
  overflow: hidden;
}

.sr-related-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Portrait + landscape safe */
}

/* Event Date Badge */
.sr-event-date {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #b30000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 13px;
  text-align: center;
  line-height: 1.1;
}

.sr-event-date span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}

/* Content */
.sr-related-content {
  padding: 22px 24px 28px;
  flex-grow: 1; /* Equal height fix */
}

.sr-related-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #222;
}

.sr-related-content p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 16px;
}

/* Read More */
.sr-related-link {
  font-size: 14px;
  font-weight: 600;
  color: #b30000;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 576px) {
  .sr-related-img {
    height: 200px;
  }
}
/* ===============================RELATED EVENTS (PREMIUM)================================ */

/* ===============================   AUTO SCROLL RELATED EVENTS START================================ */
.sr-related-scroll {
  overflow: hidden;
  position: relative;
}

.sr-related-track {
  display: flex;
  gap: 32px;
  animation: srAutoScroll 35s linear infinite;
}

/* Duplicate look on hover pause */
.sr-related-scroll:hover .sr-related-track {
  animation-play-state: paused;
}

/* Cards width control */
.sr-related-card {
  min-width: 320px;
}

/* Animation */
@keyframes srAutoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .sr-related-card {
    min-width: 260px;
  }
}
/* ============== AUTO SCROLL RELATED EVENTS END=================== */

/* ============= BACK TO EVENTS (PREMIUM) START ==================== */
.sr-back-events {
  max-width: 1200px;
  margin: 30px auto 10px;
  padding: 0 20px;
}

/* Link */
.sr-back-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #b30000;              /* Sunrise red */
  text-decoration: none;
  position: relative;
  padding-bottom: 4px;
  text-decoration: underline;
}

/* Accent underline */
.sr-back-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 2px;
  background: #b30000;
  transition: width 0.25s ease;
}

/* Hover — NO color change */
.sr-back-link:hover::after {
  width: 60px;
}

/* Mobile center align */
@media (max-width: 768px) {
  .sr-back-events {
    text-align: center;
  }
}
/* ============= BACK TO EVENTS (PREMIUM) END ==================== */

/* ============ EVENT DETAIL HERO START ======================= */
.sr-event-hero {
  padding: 40px 20px;
}

.sr-event-hero-inner {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* IMAGE */
.sr-event-hero-media {
  width: 100%;
  height: 100%;
}

.sr-event-hero-media img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;               /* portrait + landscape safe */
  border-radius: 14px;
}

/* CONTENT */
.sr-event-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Two color heading */
.sr-event-title {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 10px;
}

.sr-event-title span {
  color: #b30000;                  /* Sunrise red */
  font-weight: 700;
}

.sr-event-title strong {
  color: #000000;                  /* Sunrise black */
  font-weight: 700;
}

/* Meta */
.sr-event-meta {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}

/* Description */
.sr-event-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

/* ===============================
   RESPONSIVE
================================ */

/* Tablet */
@media (max-width: 992px) {
  .sr-event-hero-inner {
    grid-template-columns: 1fr;
  }

  .sr-event-title {
    font-size: 28px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .sr-event-hero {
    padding: 20px 15px;
  }

  .sr-event-hero-inner {
    padding: 20px;
    gap: 25px;
  }

  .sr-event-title {
    font-size: 24px;
  }

  .sr-event-desc {
    font-size: 14px;
  }
}
/* ============ EVENT DETAIL HERO END ======================= */

/* ============ EVENT DETAIL GALLERY START ======================= */

/* ============ EVENT DETAIL GALLERY END ======================= */

/* ============ INSTRACTIONs SECTION START ======================= */
.sr-result-instructions {
  max-width: 900px;
  margin: 0 auto 30px;
  background: #ffffff;
  border-left: 4px solid #c4161c;
  padding: 16px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.sr-result-instructions ul {
  padding-left: 18px;
  margin: 0;
}

.sr-result-instructions li {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 6px;
}

.sr-result-instructions strong {
  color: #000;
}

@media (max-width: 600px) {
  .sr-result-instructions {
    padding: 14px 16px;
  }
}
.sr-result-instructions ul li {
  margin-bottom: 10px;
}

.sr-hi {
  display: block;
  font-size: 13px;
  color: #555;
  margin-top: 2px;
}
/* ============ INSTRACTIONs SECTION END ======================= */
/* ============ Board Results PAGE SECTION START =============== */
.sr-results-section {
  padding: 60px 0;
  background: #f9f9f9;
}

.sr-results-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* Heading */
.sr-results-heading {
  text-align: center;
  font-size: 30px;
  margin-bottom: 30px;
}
.sr-results-heading span {
  color: #c4161c;
  font-weight: 700;
}
.sr-results-heading strong {
  color: #000;
  font-weight: 700;
}

/* Accordion */
.sr-accordion-item {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.05);
}

.sr-accordion-header {
  width: 100%;
  padding: 16px 20px;
  background: #fff;
  border: none;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.sr-accordion-header span {
  font-size: 22px;
}

.sr-accordion-body {
  display: none;
  padding: 20px;
  border-top: 1px solid #eee;
}

/* Result Card */
.sr-result-card h4 {
  font-size: 18px;
  color: #000;
  margin-bottom: 6px;
}
.sr-result-card p {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

.sr-result-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sr-result-actions a,
.sr-result-actions button {
  flex: 1;
  padding: 10px;
  border-radius: 22px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #c4161c;
  background: #fff;
  color: #c4161c;
  cursor: pointer;
  text-align: center;
}

.sr-result-actions a:hover,
.sr-result-actions button:hover {
  background: #c4161c;
  color: #fff;
}

@media (max-width: 600px) {
  .sr-results-heading {
    font-size: 24px;
  }
}
/* ============ Board Results PAGE SECTION END =============== */

/* ============ SECOND Board Results PAGE SECTION START =============== */
.sr-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

.sr-section-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}

.sr-section-title span {
  color: #c4161c;
  font-weight: 700;
}

.sr-section-title strong {
  color: #000;
  font-weight: 700;
}

.sr-result-instructions {
  background: #f8f8f8;
  padding: 15px 18px;
  border-radius: 12px;
  margin-bottom: 25px;
  font-size: 14px;
}

.sr-result-instructions ul {
  margin: 0;
  padding-left: 18px;
}

.sr-hi {
  display: block;
  font-size: 13px;
  color: #555;
}

.sr-class-select {
  text-align: center;
  margin-bottom: 30px;
}

.sr-class-select select {
  padding: 12px 18px;
  border-radius: 30px;
  border: 1px solid #ccc;
  font-size: 15px;
  width: 100%;
  max-width: 300px;
}

.sr-result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}

.sr-result-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.sr-result-card h3 {
  font-size: 18px;
  margin-bottom: 6px;
}

.sr-result-card p {
  font-size: 14px;
  color: #666;
}

.sr-btn-group {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

.sr-btn {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 25px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}

.sr-btn.view {
  background: #c4161c;
  color: #fff;
}

.sr-btn.download {
  background: #eee;
  color: #000;
}
/* ============ SECOND Board Results PAGE SECTION END =============== */

/* ============ CONTACT PAGE SECTION START =============== */
.sr-contact-section {
  padding: 70px 0;
  background: #fafafa;
}

.sr-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* Heading */
.sr-section-heading {
  text-align: center;
  margin-bottom: 40px;
}
.sr-section-heading h2 {
  font-size: 32px;
  font-weight: 700;
}
.sr-section-heading span {
  color: #c4161c;
}
.sr-section-heading strong {
  color: #000;
}
.sr-section-heading p {
  color: #555;
  margin-top: 6px;
}

/* INFO STRIP ABOVE FORM */
.sr-info-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 35px;
}

.sr-info-box {
  background: #fff;
  border-radius: 16px;
  padding: 22px 24px;
  min-height: 130px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

.sr-info-box h4 {
  font-size: 16px;
  font-weight: 800;           /* MORE BOLD */
  margin-bottom: 8px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 6px;
}

.sr-info-box p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .sr-info-strip {
    grid-template-columns: 1fr;
  }
}
/* Clickable Links */
.sr-link {
  color: #000;
  /*font-weight: 600;*/
  text-decoration: none;
  
}

.sr-link:hover {
  text-decoration: underline;
}

/* Improve tap experience on mobile */
@media (max-width: 768px) {
  .sr-link {
    display: inline-block;
    padding: 6px 0;
  }
}

/* CONTACT + MAP ROW */
.sr-contact-map-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: stretch;
}

/* CONTACT FORM CARD */
.sr-contact-card {
  background: #fff;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

.sr-contact-form input,
.sr-contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.sr-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.sr-contact-form textarea {
  min-height: 90px;
  resize: vertical;
}

.sr-contact-form button {
  background: #c4161c;
  color: #fff;
  border: none;
  padding: 13px;
  width: 100%;
  border-radius: 30px;
  font-size: 15px;
  cursor: pointer;
}

/* MAP CARD */
.sr-map-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

.sr-map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .sr-contact-map-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .sr-info-row {
    grid-template-columns: 1fr;
  }
  .sr-form-row {
    grid-template-columns: 1fr;
  }
}
/* Floating WhatsApp Button */
.sr-whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 58px;
  height: 58px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
  z-index: 9999;
  text-decoration: none;
}

/* Logo inside button */
.sr-whatsapp-float img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

/* Hover effect (desktop only) */
@media (hover: hover) {
  .sr-whatsapp-float:hover {
    transform: scale(1.05);
  }
}
/* ============ CONTACT PAGE SECTION END =============== */

/* ============ NOTICE PAGE SECTION START =============== */
/* Container (matches website spacing) */
.sr-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* Section Title */
.sr-section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}
.sr-section-title span {
  color: #c4161c;
  font-weight: 700;
}
.sr-section-title strong {
  color: #000;
  font-weight: 700;
}

/* Notice Section */
.sr-notice-section {
  padding: 50px 0;
}

/* Notice List */
.sr-notice-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Notice Card */
.sr-notice-card {
  display: flex;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  overflow: hidden;
}

/* Left Date */
.sr-notice-left {
  min-width: 90px;
  background: #c4161c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sr-notice-date {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.sr-notice-date small {
  display: block;
  font-size: 12px;
  font-weight: 500;
}

/* Body */
.sr-notice-body {
  padding: 16px 18px;
}
.sr-notice-body h4 {
  font-size: 17px;
  margin: 0 0 6px;
  font-weight: 700;
}
.sr-notice-body p {
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
}
.sr-notice-link {
  font-size: 14px;
  font-weight: 600;
  color: #c4161c;
  text-decoration: none;
}

/* NEW Badge */
.sr-notice-new {
  background: #c4161c;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 6px;
  margin-left: 6px;
  animation: srBlink 1.2s infinite;
}

/* Blink Animation */
@keyframes srBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Mobile */
@media (max-width: 600px) {
  .sr-notice-card {
    flex-direction: column;
  }
  .sr-notice-left {
    min-width: 100%;
    padding: 10px 0;
  }
}
/* NEW Badge */
.sr-notice-new {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #c4161c;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  margin-left: 6px;
  animation: srBlink 1.1s infinite;
}

/* Blinking Dot */
.sr-blink-dot {
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: srDotBlink 1.1s infinite;
}

/* Animations */
@keyframes srBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

@keyframes srDotBlink {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.4); }
}

/* ============ NOTICE PAGE SECTION END =============== */

/* ============ NOTICE DETAILS PAGE SECTION START =============== */

.sr-nd-section {
  padding: 60px 0;
  background: #ffffff;
}

.sr-nd-container {
  max-width: 920px;
  margin: auto;
  padding: 0 18px;
}

/* Two-color Heading */
.sr-nd-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}
.sr-nd-heading span {
  color: #c4161c;
  font-weight: 700;
}
.sr-nd-heading strong {
  color: #000;
  font-weight: 700;
}

/* Header */
.sr-nd-header {
  margin-bottom: 26px;
}

.sr-nd-title {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}

/* Meta */
.sr-nd-meta {
  font-size: 14px;
  color: #666;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.sr-nd-dot {
  opacity: 0.5;
}

/* Content */
.sr-nd-content {
  font-size: 17px;
  line-height: 1.8;
  color: #333;
}

.sr-nd-content p {
  margin-bottom: 16px;
}

/* Actions */
.sr-nd-actions {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.sr-nd-btn {
  padding: 11px 22px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.25s ease;
}

/* Buttons */
.sr-nd-btn.primary {
  background: #c4161c;
  color: #fff;
}
.sr-nd-btn.primary:hover {
  background: #a81318;
}

.sr-nd-btn.outline {
  border: 2px solid #000;
  color: #000;
}
.sr-nd-btn.outline:hover {
  background: #000;
  color: #fff;
}

/* Divider */
.sr-nd-divider {
  margin: 40px 0 24px;
  height: 1px;
  background: linear-gradient(to right, transparent, #ddd, transparent);
}

/* Back */
.sr-nd-back {
  text-align: center;
}
.sr-nd-back a {
  font-weight: 600;
  color: #c4161c;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
  .sr-nd-title {
    font-size: 24px;
  }
  .sr-nd-content {
    font-size: 16px;
  }
}
/* ============ NOTICE DETAILS PAGE SECTION END =============== */

/* ============ MANDATORY DISCLOSURE PAGE SECTION START =============== */

.sr-md-section {
  padding: 60px 0;
  background: #fff;
}

.sr-md-container {
  max-width: 1100px;
  margin: auto;
  padding: 0 16px;
}

/* Heading */
.sr-md-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}
.sr-md-heading span {
  color: #c4161c;
  font-weight: 700;
}
.sr-md-heading strong {
  color: #000;
  font-weight: 700;
}

/* Section Block */
.sr-md-block {
  margin-bottom: 40px;
}

.sr-md-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #000;
}

/* Table */
.sr-md-table-wrap {
  overflow-x: auto;
}

.sr-md-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.sr-md-table th,
.sr-md-table td {
  border: 1px solid #ddd;
  padding: 12px 14px;
  text-align: left;
}

.sr-md-table th {
  background: #f7f7f7;
  font-weight: 700;
  width: 35%;
}

.sr-md-table a {
  color: #c4161c;
  font-weight: 600;
  text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
  .sr-md-title {
    font-size: 18px;
  }
  .sr-md-table {
    font-size: 14px;
  }
}
/* ============ MANDATORY DISCLOSURE PAGE SECTION END =============== */

/* =========== SUNRISE AFFILIATION + NOTICE STRIP START ============= */

.sunrise-affiliation {
    background: #ffffff;
    padding: 18px 0;
    text-align: center;
}

.sunrise-affiliation-text {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    font-weight: 500;
}

/* Notice Strip */
.sunrise-notice-strip {
    background: #f7f7f7;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.sunrise-notice-strip .sunrise-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sunrise-notice-label {
    background: #c4161c; /* Sunrise Red */
    color: #fff;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
}

.sunrise-notice-marquee {
    flex: 1;
    font-size: 14px;
    color: #000;
}

/* Responsive */
@media (max-width: 768px) {
    .sunrise-affiliation-text {
        font-size: 14px;
        padding: 0 15px;
    }

    .sunrise-notice-strip .sunrise-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .sunrise-notice-label {
        margin-bottom: 6px;
    }
}

/* ==================================
   MODERN NOTICE STRIP (NO MARQUEE)
================================== */

.sunrise-notice-strip {
    background: #f7f7f7;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    overflow: hidden;
}

.sunrise-notice-strip .sunrise-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Label */
.sunrise-notice-label {
    background: #c4161c;
    color: #fff;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
}

/* Scrolling Area */
.sunrise-notice-wrapper {
    position: relative;
    overflow: hidden;
    flex: 1;
}

.sunrise-notice-track {
    display: inline-flex;
    align-items: center;
    gap: 40px;
    white-space: nowrap;
    animation: sunrise-scroll 25s linear infinite;
}

.sunrise-notice-wrapper:hover .sunrise-notice-track {
    animation-play-state: paused;
}

/* Individual Notice */
.sunrise-notice-item {
    font-size: 14px;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* NEW Badge */
.sunrise-new-badge {
    background: #c4161c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    animation: sunrise-blink 1s infinite;
}

/* Animations */
@keyframes sunrise-scroll {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes sunrise-blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

/* Responsive */
@media (max-width: 768px) {
    .sunrise-notice-strip .sunrise-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .sunrise-notice-track {
        animation-duration: 35s;
    }
}
.sunrise-read-more {
    margin-left: 6px;
    color: #c4161c;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.sunrise-read-more:hover {
    text-decoration: underline;
}
/* FIX: Mobile notice cutoff */
.sunrise-notice-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.sunrise-notice-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
}
@media (max-width: 768px) {

    .sunrise-notice-strip {
        padding: 10px 12px;
    }

    .sunrise-notice-track {
        animation-duration: 18s; /* slower = readable */
    }

    .sunrise-notice-item {
        font-size: 14px;
        padding-right: 40px;
    }
}
/* =========== SUNRISE AFFILIATION + NOTICE STRIP END ============= */

/* =========== SUNRISE CAREER START ============= */
/* Container */
.sr-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* Section */
.sr-career-section {
  padding: 50px 0;
}

/* Heading */
.sr-section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 35px;
}
.sr-section-title span {
  color: #c4161c;
  font-weight: 700;
}
.sr-section-title strong {
  color: #000;
  font-weight: 700;
}

/* Career List */
.sr-career-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sr-career-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 18px 20px;
  background: #fff;
}

.sr-career-info h3 {
  margin: 0 0 6px;
  font-size: 18px;
}
.sr-career-info p {
  margin: 0;
  font-size: 14px;
  color: #555;
}

/* Apply Button (NO hover color change) */
.sr-apply-btn {
  background: #c4161c;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 25px;
  cursor: pointer;
}
.sr-apply-btn:hover {
  background: #c4161c;
}

/* Modal */
.sr-apply-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.sr-apply-box {
  background: #fff;
  width: 100%;
  max-width: 420px;
  border-radius: 14px;
  padding: 25px;
  position: relative;
}

.sr-modal-close {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

/* Form */
.sr-apply-form .sr-form-group {
  margin-bottom: 15px;
}

.sr-apply-form input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.sr-submit-btn {
  width: 100%;
  background: #c4161c;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 25px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 600px) {
  .sr-career-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
/* Modal Base */
.sr-apply-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* Modal Box */
.sr-apply-box {
  background: #fff;
  width: 100%;
  max-width: 520px;
  border-radius: 14px;
  padding: 28px 30px;
  position: relative;
}

/* Close */
.sr-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

/* Mandatory Line */
.sr-mandatory-note {
  background: #fff5f5;
  border-left: 4px solid #c4161c;
  padding: 8px 12px;
  font-size: 13px;
  color: #333;
  margin-bottom: 12px;
}
.sr-mandatory-note span {
  color: #c4161c;
  font-weight: 700;
}

/* Title */
.sr-modal-title {
  margin: 12px 0 18px;
  font-size: 20px;
}
.sr-modal-title span {
  color: #c4161c;
}

/* Form */
.sr-apply-form label {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
  font-weight: 600;
}

.sr-form-group {
  margin-bottom: 14px;
}

.sr-form-row {
  display: flex;
  gap: 14px;
}

.sr-apply-form input,
.sr-apply-form textarea {
  width: 100%;
  padding: 9px 11px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* File Hint */
.sr-file-hint {
  font-weight: normal;
  font-size: 12px;
  color: #777;
  margin-left: 6px;
}

/* Error */
.sr-error-msg {
  color: #c4161c;
  font-size: 12px;
  display: none;
  margin-top: 4px;
}

/* Submit */
.sr-submit-btn {
  width: 100%;
  background: #c4161c;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 25px;
  cursor: pointer;
  margin-top: 6px;
}
.sr-submit-btn:hover {
  background: #c4161c;
}

/* Mobile */
@media (max-width: 600px) {
  .sr-form-row {
    flex-direction: column;
  }
}
/* Modal Wrapper */
.sr-apply-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* Active */
.sr-apply-modal.is-open {
  display: flex;
}

/* Modal Box */
.sr-apply-box {
  background: #fff;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 14px;
  padding: 26px 28px;
  position: relative;
}

/* Close Button */
.sr-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

/* Mandatory Line */
.sr-mandatory-note {
  background: #fff5f5;
  border-left: 4px solid #c4161c;
  padding: 8px 12px;
  font-size: 13px;
  margin-bottom: 14px;
}
.sr-mandatory-note span {
  color: #c4161c;
  font-weight: 700;
}

/* Title */
.sr-modal-title {
  font-size: 20px;
  margin-bottom: 18px;
}
.sr-modal-title span {
  color: #c4161c;
}

/* Form */
.sr-form-group {
  margin-bottom: 14px;
}
.sr-form-row {
  display: flex;
  gap: 14px;
}
.sr-gap-top {
  margin-top: 6px;
}

.sr-apply-form label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.sr-apply-form input,
.sr-apply-form textarea {
  width: 100%;
  padding: 9px 11px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* File */
.sr-file-hint {
  font-size: 12px;
  color: #777;
  margin-left: 6px;
}

.sr-error-msg {
  color: #c4161c;
  font-size: 12px;
  display: none;
}

/* Button */
.sr-submit-btn {
  width: 100%;
  background: #c4161c;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 25px;
  cursor: pointer;
}

/* Mobile Fix */
@media (max-width: 600px) {
  .sr-form-row {
    flex-direction: column;
  }
  .sr-apply-box {
    border-radius: 12px;
    padding: 22px 20px;
  }
}
/* Grid-based rows (Professional fix) */
.sr-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.sr-form-group {
  margin-bottom: 14px;
}

.sr-apply-form label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.sr-apply-form input,
.sr-apply-form select,
.sr-apply-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* Mobile */
@media (max-width: 600px) {
  .sr-form-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
/* =========== SUNRISE CAREER END ============= */







   


.header-wrap {border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.navbar-brand{display:none;}
.header-wrap .logo{margin-top: 7px;}
.bg-dark{background:none !important;}
.navbar-dark .navbar-nav .nav-link{color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; padding:29px 16px;}
.navbar-dark .navbar-nav .nav-link:hover{color:#eb325b !important;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:#eb325b;}
.navbar{margin-top:0px; padding: 0; float: right;}
.navbar-toggler{display:none;}

.navbar-dark .navbar-nav li:hover a{color:#eb325b}
.navbar-nav > li{position:relative;}

.navbar-nav > li > ul {
    position: absolute;
    left:0;
    top: 200%;
    width: 200px;
    padding: 0px;
    z-index: 100;
    background: #eb325b;
    visibility: hidden;
    opacity: 0;
    border-radius: 0px 2px 2px 2px;
    -ms-border-radius: 0px 2px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    -moz-border-radius: 0px 2px 2px 2px;
    -o-border-radius: 0px 2px 2px 2px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.submenu li:last-child{border: none;}
.navbar-nav > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar-nav > li > ul > li {
    position: relative;
    float: none;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.50);
}

.submenu li:hover a {
    background: #000;
    color: #fff !important; 
}

.navbar-nav > li > ul > li > a {text-decoration:none;
    position: relative;
    display: block;
    padding: 5px 20px;
    font-weight: normal;
    font-size: 14px;
    color: #fff !important;
    word-wrap: break-word;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.logo2{display:none;}
.sticky{top:0; background:#fff; position:fixed; width:100%; z-index:10000; height:auto; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 2px 4px rgba(3,3,3,.11); -moz-box-shadow: 0 2px 4px rgba(3,3,3,.11); box-shadow: 0 2px 4px rgba(3,3,3,.11); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.navbar-nav>li>a+i {display: none; position: absolute; right: 15px; top: 7px; font-size: 24px; cursor: pointer; color:#dc25d5; background:#fff; width:30px; height:30px; text-align:center; line-height:30px;}
.sticky .navbar-dark .navbar-nav .nav-link{color: #000;}



/*********************************************
	Slider Video wrap start
*********************************************/
.videoWrp{background:none; position:relative; padding:0; height:600px;}
.hero-wrapper{height:600px; min-width: 100%; position: absolute; top:0px; left:0; width:100%;}
.video{position:relative;}
.hero-wrapper:before {content: ''; position: absolute; top: -60px; z-index: -1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.hero-image {width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; background-position: center center; background-size: cover;}
.hero-image #bgvid { display: block; min-height: 100%; min-width: 100%; max-width: inherit;}
.videohover{position:absolute; top:60px; left:0; width:100%; z-index:99;}


.videoText{margin-top:140px;}
.slidertext01{color:#fff; font-size:100px; font-weight:700; text-shadow:0 0 10px rgba(0, 0, 0, 0.41); text-transform:uppercase; text-align:center; font-family: 'Roboto Condensed', sans-serif; line-height: 100px;}

.slidertext02{color:#fff; font-size:30px; font-weight:300; font-style:italic; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; text-align:center;}

.slidertext03{color:#fff; font-size:16px; font-weight:normal; text-transform:none !important; line-height:30px; text-align:center;}
.slidertext04{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:center; font-family:'OpenSans', sans-serif; line-height:24px; margin-top: 20px;}

.slidertext04 a{background:#f36f21; color:#fff !important; font-size:20px; border-radius:30px; padding:16px 40px; font-weight:700; text-transform:uppercase; display:inline-block; font-family: 'Roboto Condensed', sans-serif;}




/**********************************************
			Custom slider options
**********************************************/
.tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;}
.tp-banner {position: relative;	width: 100%;}
.tp-caption {line-height:normal !important}
.tp-caption a {	color: inherit !important;}
.tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;}
.tparrows {width: auto !important; height: auto !important; background-image: none !important;}
.tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";}
.tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; }
.slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;}
.big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;}
.large-desc {font-size: 16px;}
.slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;}
.slide-h3 span {text-transform: uppercase; font-weight: bold;}
.slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;}
.slide-desc {font-size: 22px; line-height: 150%;}
.main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;}
.icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;}
.icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";}
.icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;}
.icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;}
a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;}
.wit-line {width: 5%; height: 1px; background: #fff;}
.vert-line {min-height: 270px; width: 1px; background: #fff;}
.subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;}
.large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;}
.large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px}
.large-text {font-size: 20px; color: #000; font-weight: lighter;}
.larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;}
.witTxt {color: #fff !important;}
.light-font {font-weight: lighter !important; font-size: 50px;}
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}
.lft-list {padding: 10px; font-size: 18px; color: #fff;}
.wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;}
.rounded-bord {margin-right: 15px;  border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;}
#vertical-ticker{height:120px; overflow:hidden;}
#vertical-ticker li{padding:15px 20px; display:block; text-align:center;}
.to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; 	padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;}
.tp-bannertimer{display:none;}

.sliderWraper{position:relative}
.sliderWraper:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 16px;
    background:url(../images/slider-layer.png) repeat-x; z-index:1000;
}


.slidertext1{color:#fff; font-size:80px; font-weight:700; text-shadow:0 0 10px rgba(0, 0, 0, 0.41); text-transform:uppercase; font-family: 'Poppins', sans-serif;}

.slidertext2{color:#fff; font-size:30px; font-weight:300; font-style:italic; text-transform:uppercase; font-family: 'Poppins', sans-serif;}

.slidertext3{color:#fff; font-size:16px; font-weight:normal; text-transform:none !important; line-height:30px; text-align:center;}
.slidertext4{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:left; font-family:'OpenSans', sans-serif; line-height:24px;}
.slidertext4 a:hover{background: #e93b3f;}
a.slidebtn{background:#f7ae2a; color:#fff !important; font-size:20px; border-radius:30px; padding:16px 40px; font-weight:700; text-transform:uppercase; display:inline-block; font-family: 'Roboto Condensed', sans-serif;}
a.slidebtn i{margin-left:10px;}


@-webkit-keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}



/**********************************************
		ElementInfo Css
**********************************************/
.elementInfo{background: #ef3234; padding:30px 40px; margin-top: -60px; z-index: 1000; position: relative;;}
.elementInfo h3{color:#fff; font-size: 24px; margin-top: 10px;}
.elementInfo p{color:#fff; font-size: 14px; margin-bottom: 0;}
.element-wrap ul li:nth-child(1){padding-right: 0;}
.element-wrap ul li:nth-child(2){padding: 0;}
.element-wrap ul li:nth-child(3){padding-left: 0;}
.element-wrap ul li:nth-child(2) .elementInfo{background: #000000;}
.element-wrap ul li:nth-child(3) .elementInfo{background: #f3a52c;}

.element-wrap ul li .elementInfo{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.element-wrap ul li:hover .elementInfo{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); z-index: 10000;
}


/**********************************************
		About Css
**********************************************/
.about-wrap{padding:40px 0 0 0;}
.aboutImg{margin-top:20px;}
.aboutImg{margin-top:20px;}
.about-wrap .readmore{margin-top:30px;}
.about-wrap p strong{font-size:18px; font-family: 'Poppins', sans-serif;}
.about-wrap .title{margin-top:45px;}
.aboutImg{text-align:center;}

.iconsWrp{text-align:center; margin-top:18px;}
.iconsWrp h6{font-size:18px; color: #f5323e;}
.iconsWrp li:nth-child(2) h6{color: #c4161c;}
.iconsWrp li:nth-child(3) h6{color: #ffdd08;}
.icon-box .icon-wrap.icon-border-effect {position: relative;}
.icon-box .icon-wrap.icon-lg {height: 90px; line-height: 90px; text-align: center; width: 90px;}
.icon-box .icon-wrap.icon-circled {border-radius: 50%;}
.icon-box .icon-wrap.icon-dark {color: #fff;}
.icon-box .icon-wrap.icon-dark {background-color: #f5323e;}
.iconsWrp li:nth-child(2) a{background: #c4161c !important;}
.iconsWrp li:nth-child(3) a{background: #ffdd08 !important;}
.icon-box .icon-wrap {display: inline-block; height: 64px; margin-bottom: 8px; text-align: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 64px;}
.icon-box i {display: inline-block; font-size: 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.icon-box .icon-wrap.icon-lg i {line-height: 90px;}
.icon-box .icon-wrap.icon-border-effect.effect-circled::after {border-radius: 50%;}
.icon-box .icon-wrap.icon-border-effect::after {border-radius: 50%; box-sizing: content-box; content: ""; height: 100%; left: -4px; opacity: 0; padding: 4px; top: -4px;-webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; pointer-events: none; position: absolute; width: 100%;}
.icon-box .icon-wrap.icon-border-effect::after {box-shadow: 0 0 0 3px #f5323e;}
.iconsWrp li:nth-child(2) .icon-wrap.icon-border-effect::after {box-shadow: 0 0 0 3px #c4161c;}
.iconsWrp li:nth-child(3) .icon-wrap.icon-border-effect::after {box-shadow: 0 0 0 3px #ffdd08;}
.icon-box .icon-wrap.icon-dark:hover {color: #fff;}
.icon-box .icon-border-effect:hover::after, .icon-box:hover .icon-border-effect::after {opacity: 1; transform: scale(1);}


/**********************************************
		Admission Process Css
**********************************************/
/* Section */
.admission {
  padding: 80px 20px;
  background: #ffffff;
}

.admission-container {
  max-width: 1100px;
  margin: auto;
}

/* Header */
.admission-header {
  text-align: center;
  margin-bottom: 70px;
}

.admission-header .subtitle {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--secondary);
  margin-bottom: 10px;
}

.admission-header h2 {
  font-size: 38px;
  color: var(--primary);
  margin-bottom: 15px;
}

.admission-header p {
  font-size: 16px;
  color: var(--text-light);
  max-width: 600px;
  margin: auto;
}

/* Timeline */
.timeline {
  position: relative;
  margin-left: 30px;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #dbe6ee;
}

.timeline-item {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
  position: relative;
}

.timeline-icon {
  min-width: 42px;
  height: 42px;
  background: var(--secondary);
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.timeline-content {
  background: #ffffff;
  padding: 25px 30px;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
}

.timeline-content:hover {
  transform: translateY(-4px);
}

.timeline-content h3 {
  font-size: 20px;
  color: var(--primary);
  margin-bottom: 8px;
}

.timeline-content p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--text-light);
}

/* Button */
.admission-action {
  text-align: center;
  margin-top: 60px;
}

.admission-btn {
  display: inline-block;
  padding: 15px 45px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, var(--secondary), var(--primary));
  border-radius: 30px;
  text-decoration: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.admission-btn:hover {
  box-shadow: 0 15px 35px rgba(0,0,0,0.2);
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
  .timeline {
    margin-left: 0;
  }

  .timeline::before {
    left: 21px;
  }

  .admission-header h2 {
    font-size: 30px;
  }
}

/*Admission process start*/
.sunrise-admission-premium{
  background:#f8f9fc;
  padding:80px 0;
}

.sunrise-admission-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* Header */
.sunrise-admission-header{
  text-align:center;
  max-width:650px;
  margin:0 auto 50px;
}

.sunrise-subtitle{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  color:#c4161c;
  margin-bottom:8px;
}

.sunrise-admission-header h2{
  font-size:34px;
  font-weight:800;
  color:#111;
  margin-bottom:10px;
}

.sunrise-admission-header p{
  font-size:15px;
  color:#555;
  line-height:24px;
}

/* Steps */
.sunrise-admission-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.sunrise-step-card{
  background:#ffffff;
  border-radius:14px;
  padding:34px 26px 40px;
  text-align:center;
  position:relative;
  transition:transform 250ms ease, box-shadow 250ms ease;
}

.sunrise-step-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

.sunrise-step-icon{
  font-size:36px;
  margin-bottom:14px;
}

.sunrise-step-card h4{
  font-size:18px;
  font-weight:700;
  margin-bottom:8px;
  color:#111;
}

.sunrise-step-card p{
  font-size:14px;
  color:#555;
  line-height:22px;
}

.sunrise-step-number{
  position:absolute;
  top:14px;
  right:18px;
  font-size:40px;
  font-weight:800;
  color:#c4161c;
  opacity:0.08;
}

/* CTA */
.sunrise-admission-cta{
  text-align:center;
  margin-top:55px;
}

.sunrise-apply-btn{
  display:inline-block;
  background:#c4161c;
  color:#ffffff;
  padding:16px 42px;
  border-radius:40px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:background 250ms ease, transform 250ms ease;
}

.sunrise-apply-btn:hover{
  background:#a31216;
  transform:translateY(-2px);
}

.sunrise-cta-note{
  font-size:13px;
  color:#666;
  margin-top:12px;
}

/* Responsive */
@media(max-width:991px){
  .sunrise-admission-steps{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:575px){
  .sunrise-admission-header h2{
    font-size:26px;
  }

  .sunrise-admission-steps{
    grid-template-columns:1fr;
  }
}
/* Base button – NO color change */
.sunrise-apply-btn{
  background:#c4161c;
  color:#ffffff !important;
  text-decoration:none;
  position:relative;
  transition:
    box-shadow 250ms ease,
    transform 250ms ease,
    outline 250ms ease;
}

/* Hover / focus – premium -style */
.sunrise-apply-btn:hover,
.sunrise-apply-btn:focus{
  background:#c4161c; /* SAME color – no change */
  color:#ffffff !important;
  outline:2px solid rgba(196,22,28,0.45);
  outline-offset:4px;
  box-shadow:
    0 0 0 6px rgba(196,22,28,0.08),
    0 10px 28px rgba(196,22,28,0.25);
  transform:translateY(-1px);
}

/* Active click */
.sunrise-apply-btn:active{
  transform:translateY(0);
  box-shadow:
    0 0 0 4px rgba(196,22,28,0.12),
    0 6px 16px rgba(196,22,28,0.25);
}

/* Gentle pulse (runs continuously but subtle) */
@keyframes sunrisePulse{
  0%{
    box-shadow:0 0 0 0 rgba(196,22,28,0.25);
  }
  70%{
    box-shadow:0 0 0 14px rgba(196,22,28,0);
  }
  100%{
    box-shadow:0 0 0 0 rgba(196,22,28,0);
  }
}

/* Enable pulse without layout shift */
.sunrise-apply-btn{
  animation:sunrisePulse 3.5s infinite;
}



/**********************************************
		Facebook News & Events Photo Gallery Css
**********************************************/
.school-updates {
  padding: 60px 20px;
  background: #ffffff;
  font-family: "Segoe UI", sans-serif;
}

.updates-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Box */
.updates-box {
  background: #f9fbfd;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #e6edf3;
}

/* Title */
.updates-title {
  font-size: 18px;
  color: #0b3c5d;
  margin-bottom: 15px;
  border-bottom: 2px solid #1f7aa8;
  display: inline-block;
  padding-bottom: 5px;
}

/* Facebook */
.facebook-box iframe {
  border-radius: 6px;
}

/* News */
.news-list {
  list-style: none;
}

.news-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
}

.news-date {
  min-width: 50px;
  background: #1f7aa8;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  border-radius: 4px;
  font-size: 13px;
}

.news-date strong {
  display: block;
  font-size: 18px;
}

.news-list a {
  text-decoration: none;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}

.news-list a:hover {
  color: #1f7aa8;
}

/* Gallery */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.gallery-grid img {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.gallery-grid img:hover {
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .updates-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .updates-container {
    grid-template-columns: 1fr;
  }
}



/*  07  - Classes
----------------------------------------------*/
.class-wrap{background: #eee; padding: 60px 0;}
.classes .class-item{   background: #fff;
    margin-bottom: 30px;
    transition: .25s;
    -webkit-transition: .25s;
}
.section-header{padding: 0 120px; margin-bottom: 30px;}
.class-wrap .title h1:before{left: 50%; margin-left:-35px;}
.classes .class-item:hover{
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.classes .class-item .image img{
    width: 100%;
}
.section-header{text-align: center;}
.classes .class-item .schedule{
    margin: 0px;
    overflow: hidden; 
    z-index: 1000;
    position: relative;
    display: block;
}
.classes-wrap li{margin: 10px;}
.image{position: relative;;}
.image p{position:absolute; bottom:15px; left: 0px; margin-bottom: 0; line-height: 18px; background:rgba(0, 0, 0, 0.74); color: #fff; padding: 5px 15px;}
.image p span{display: block; font-weight: bold;}
.classes .class-item .schedule li{
    list-style: none;
    display: inline-block;
    float: left;
    padding: 4px 10px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 33.334%;
    background-color: #ffdd08;
    color: #fff;
    border-top: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    margin: 0;
}
.classes .class-item .schedule li:nth-child(2){
    background-color: #c4161c;
}
.classes .class-item .schedule li:last-child{
    background-color: #c4161c;
    border-right: none;
}
.class-item .image:before{position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;}

    .class-item:hover .image:before{    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.classes .class-item .schedule li span{
    display: block;
    line-height: 20px;
}
.classes .class-item .content{
    padding: 20px;
    background-color: #fafafa;
    transition: .25s;
    -webkit-transition: .25s;
}
.classes .class-item:hover .content{
    background-color: #fff;
}
.classes .class-item .content h4 a{
    text-decoration: none;
    color: #c4161c;
}
.classes > div > div > div:nth-child(2) .class-item .content h4 a{
    color: #c4161c;
}
.classes > div > div > div:nth-child(3) .class-item .content h4 a{
    color: #c4161c;
}
.classes > div > div > div:nth-child(4) .class-item .content h4 a{
    color: #92278f;
}
.classes > div > div > div:nth-child(5) .class-item .content h4 a{
    color: #0fbaf4;
}
.classes > div > div > div:nth-child(6) .class-item .content h4 a{
    color: #008c99;
}
.classes > div > div > div:nth-child(7) .class-item .content h4 a{
    color: #ee257c;
}
.classes > div > div > div:nth-child(8) .class-item .content h4 a{
    color: #88c87b;
}
.classes > div > div > div:nth-child(9) .class-item .content h4 a{
    color: #fa6f57;
}
.classes > div > div > div:nth-child(11) .class-item .content h4 a{
    color: #e84b3a;
}
.classes > div > div > div:nth-child(12) .class-item .content h4 a{
    color: #fc7f0c;
}
.classes > div > div > div:nth-child(13) .class-item .content h4 a{
    color: #92278f;
}
.classes > div > div > div:nth-child(14) .class-item .content h4 a{
    color: #0fbaf4;
}
.classes > div > div > div:nth-child(15) .class-item .content h4 a{
    color: #008c99;
}
.classes > div > div > div:nth-child(16) .class-item .content h4 a{
    color: #ee257c;
}
.classes > div > div > div:nth-child(17) .class-item .content h4 a{
    color: #88c87b;
}
.classes > div > div > div:nth-child(18) .class-item .content h4 a{
    color: #fa6f57;
}
.classes .class-item .content p{
    margin: 0px;     min-height: 70px;
}
.classes .class-item .content p span{
    color: #c4161c;
}
.classes .class-item .content p:nth-child(2){
    line-height: 24px;

}
.classes .class-item .address{
    background-color: #fff;
    color: #000;
    overflow: hidden;
    padding: 8px 20px; border-top: 1px solid #eaeaea;
}
.classes .class-item .address p{
    color: #8a8a8a;
    margin: 0px;
}
.classes .class-item .address p i{color: #c4161c;}
/*.classes > div > div > div:nth-child(2) .class-item .address{
    background-color: #c4161c;
}
.classes > div > div > div:nth-child(3) .class-item .address{
    background-color: #c4161c;
}*/
.classes > div > div > div:nth-child(4) .class-item .address{
    background-color: #92278f;
}
.classes > div > div > div:nth-child(5) .class-item .address{
    background-color: #0fbaf4;
}
.classes > div > div > div:nth-child(6) .class-item .address{
    background-color: #008c99;
}
.classes > div > div > div:nth-child(7) .class-item .address{
    background-color: #ee257c;
}
.classes > div > div > div:nth-child(8) .class-item .address{
    background-color: #88c87b;
}
.classes > div > div > div:nth-child(9) .class-item .address{
    background-color: #fa6f57;
}
.classes > div > div > div:nth-child(11) .class-item .address{
    background-color: #e84b3a;
}
.classes > div > div > div:nth-child(12) .class-item .address{
    background-color: #fc7f0c;
}
.classes > div > div > div:nth-child(13) .class-item .address{
    background-color: #92278f;
}
.classes > div > div > div:nth-child(14) .class-item .address{
    background-color: #0fbaf4;
}
.classes > div > div > div:nth-child(15) .class-item .address{
    background-color: #008c99;
}
.classes > div > div > div:nth-child(16) .class-item .address{
    background-color: #ee257c;
}
.classes > div > div > div:nth-child(17) .class-item .address{
    background-color: #88c87b;
}
.classes > div > div > div:nth-child(18) .class-item .address{
    background-color: #fa6f57;
}
.classes .class-button{
    text-align: center;
    margin-top: 30px;
}


/*********************************************
		Project css
*********************************************/
.project-wrap{padding-top: 60px;}
.project-heading{margin-bottom: 30px;}
.project-wrap .col-lg-3, .project-wrap .col-lg-4, .project-wrap .col-lg-6, .project-wrap .col-lg-8, .project-wrap .col-lg-9{padding:0;}
.project-heading p{margin-top:14px;}
.project-heading .title h1:before{left:50%; margin-left:-35px;}
.project-heading .section-header, .project-heading .section-header p{margin-bottom:0;}
.projectImg{position:relative;}
.service-overlay{z-index:1000; position:relative;}
.heading a{text-decoration:none; color:#fff; z-index:100; position:relative; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.heading{opacity: 0; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.projectImg:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color:rgba(255, 0, 215, 0.65);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.project-wrap .projectImg:nth-child(2) .projectImg:after {background-color:#000;}



.projectImg:hover:after {height: 100%;}
.service-overlay p{font-size:16px; color:#fff;}
.service-overlay {
    position: absolute;
    left: 30px;
    bottom: 0px;
    right: 40px; opacity:0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.projectImg:hover .service-overlay {
    bottom:5px; opacity:1;
}
.projectImg:hover:after {
    height: 100%;
}
.projectImg:hover .heading{
    opacity: 1;
}

.project-wrap .row{margin:0; padding:0;}



/**********************************************
			Gallery Css
**********************************************/
.gallery-wrap{padding:60px 0;}
.gallery-wrap .title{text-align:center;}
.gallery-wrap .title h1{display:inline-block;}
.gallery-wrap .title h1:before{left:50%; margin-left:-35px;}

.gallery-wrap{
	position:relative;
	padding:60px 0px;
}


.gallery-wrap.fullwidth.style-two{
	padding-bottom:90px;	
}

.gallery-wrap .filters{
	position:relative;
	text-align:center;
}

.gallery-wrap .filters li{position:relative; display:inline-block; cursor:pointer;
	    background: transparent;
    padding: 12px 30px; border-radius:30px; font-weight:bold;
    font-size: 14px;
    color: #333333;
    margin: 0 5px 5px 0;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #fb5b21;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.gallery-wrap .filters li .txt{
	position:relative;
	display:block;
	z-index:1;	
}


.gallery-wrap .filters li:hover,
.gallery-wrap .filters li.active{
	color:#fff; background:#fb5c22;
}

.gallery-wrap .filters li:hover:before,
.gallery-wrap .filters li.active:before,
.gallery-wrap .filters li:hover:after,
.gallery-wrap .filters li.active:after{
	opacity:1;
}


.default-portfolio-item{
	position:relative;
}

.gallery-wrap.style-two .items-container{
	padding:0px 15px;	
}

.default-portfolio-item.mix{
	display:none;
}


.inner-box{margin:15px 0;}
.gallery-wrap.style-two .default-portfolio-item{
	margin-bottom:30px;
	padding:0px 15px !important;
}

.sortable-masonry .masonry-item{
	position:relative;
}

.default-portfolio-item .inner-box{
	position:relative;
	width:100%;
	overflow:hidden;
}

.default-portfolio-item .image-box{
	position:relative;
	display:block;	
}

.default-portfolio-item .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.default-portfolio-item .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	padding:0px;
	color:#ffffff;
	opacity:0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
}

.default-portfolio-item .inner-box:hover .overlay-box{
	top:0px;
	opacity:1;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);	
}

.default-portfolio-item .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:30px 50px;
	background:rgba(0,0,0,0.85);
}

.default-portfolio-item .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}

.default-portfolio-item .overlay-inner .cat-link{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:1px 20px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	background:#0455a7;
	font-weight:600;
	margin-bottom:15px;
}

.default-portfolio-item .overlay-inner h3{
	font-size:20px;
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;}

.default-portfolio-item .overlay-inner h3 a{
	color:#ffffff;	
	text-decoration:none;
}

.default-portfolio-item .overlay-inner h3 a:hover{
	color:#fb5c22;
}

.default-portfolio-item .image-link{
	position:absolute;
	left:0;
	bottom:-100px;
	width:50px;
	height:50px;
	color:#ffffff;
	line-height:50px;
	background:#fb5c22;
	display:block;
	font-size:16px;
	z-index:1;
	text-align:center;

}

.default-portfolio-item:hover .image-link{
	bottom:0px;
	transition: all 500ms ease 500ms;
	-webkit-transition: all 500ms ease 500ms;
	-ms-transition: all 500ms ease 500ms;
	-o-transition: all 500ms ease 500ms;
	-moz-transition: all 500ms ease 500ms;	
}




.classes-wrap .owl-nav{display:block !important; position: absolute;
    left: 50%; margin-left:-40px;
    right: 0;}

.classes-wrap .owl-nav button{margin:0 4px;}
.classes-wrap .owl-nav button span{font-size: 54px;
    font-size: 36px;
    color: #fff;
    background: #c4161c;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 33px;
    border-radius: 100%;}
:focus{outline:none !important;}
.classes-wrap .owl-nav button span:hover{background: #f2a32c; color: #fff;}



/*********************************************
		Our Team Wrap css
*********************************************/
.team-wrap{padding:60px 0; text-align: center;}
.team-wrap p{text-align:center; font-size:14px; line-height:24px; color:#333; margin-bottom:25px;}
.team{margin-bottom: 30px; overflow: hidden; text-align: center; border: 1px solid #e0e0e0; background:#fff;}
.team{margin-bottom:0;}
.team-list{position: relative;}
.team-info{text-align:center; position:relative; background: #1923b1; display:block; height:100%;
top:0;
    z-index: 1;
    padding: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;}
.team-wrap ul li:nth-child(2) .team-info{background: #b1199d;}
.team-wrap ul li:nth-child(3) .team-info{background: #aac70f;}
.team-wrap ul li:nth-child(4) .team-info{background: #0ca07f;}

.team-wrap ul li:nth-child(2) .overlay{background:rgba(177, 25, 157, 0.7);}
.team-wrap ul li:nth-child(3) .overlay{background:rgba(170, 199, 15, 0.61);}
.team-wrap ul li:nth-child(4) .overlay{background:rgba(12, 160, 127, 0.62);}
.team-image img{width: 100%;}
.team-info h5{margin-bottom:0;}
.team-info h5 > a{font-size:18px; text-decoration:none; color:#fff; font-weight:600; display:block; margin:0px 0px 4px 0;}
.team-info span{font-size:14px;	color:#fff; display:block;}
.experts{opacity: 0; vertical-align: middle; display: table-cell;}
.experts li{position:relative; display:inline-block;}
.experts li a{color:#fff; font-size:14px; line-height: 30px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; display: block;}
.team-info h5 > a:hover{color:#222;}
.team-image {position: relative; overflow:hidden;}
.team-team{padding-top:0;}
.team-wrap .title h1:before{left:50%; margin-left:-35px;}
.socials{display: table; height: 100%; width: 100%;}
.team .overlay{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(25, 35, 177, 0.6);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;}

    .team:hover .overlay{-webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.team:hover ul{opacity: 1}




/*---------------------------------------
   Counter section              
-----------------------------------------*/

#counter {text-align:center;
	background:url(../images/counter-bg.jpg) no-repeat top; background-size:cover;
	padding: 40px 0
}
.animatebg {
	background: #0562da;
	-webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
	animation: bannerbg 5s linear 2s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {
 0% {
background-color:#0562da;
}
 25% {
background-color:#fec107;
}
 50% {
background-color:#c90157;
}
 75% {
background-color:#e63d53;
}
 100% {
background-color:#e63d53;
}
}

/* Standard syntax */
@keyframes bannerbg {
 0% {
background-color:#0562da;
}
 25% {
background-color:#fec107;
}
 50% {
background-color:#c90157;
}
 75% {
background-color:#e63d53;
}
 100% {
background-color:#e63d53;
}
}
#counter .counter-number {
	display: block;
	color: #fff;
	font-size: 60px;
	line-height: 60px;
}
#counter span {
	color: #fff;
	font-weight: bold;
}
.counter-icon {
	font-size: 60px;
	margin-bottom: 15px;
	color: #fff;
}
.counterbox {
}


/*---------------------------------------
	   Blog Css              
-----------------------------------------*/
.blog-wrap{background:url(../images/blog-bg.jpg) no-repeat top; background-size:cover; padding:60px 0 220px 0;}
.blog-wrap .title{text-align:center;}
.blog-wrap .title h1{display:inline-block;}
.blog-wrap .title h1:before{left:50%; margin-left:-35px;}
.blogInfo{background:#fff; padding:25px; min-height:182px;}
.blog_dete{font-size:16px; background:#fb5c22; display:inline-block; padding:14px 16px; text-align:center; line-height:30px; font-weight:600; color:#fff; margin-top:-55px; border: 5px solid #fff; float:left; margin-right:15px; z-index:1000; position:relative;}
.blog_dete span{display:block; font-size:36px; font-weight:bold;}
.blogImg{position:relative; overflow:hidden;}
.blog-wrap li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blogImg img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.blogInfo h3{line-height:24px; min-height:52px;}
.blogInfo h3 a{font-size:24px; font-weight:600; color:#000; text-decoration:none;}
.blogInfo h3 a:hover{color:#fb5c22;}
.blogInfo h3:after{content:""; clear:both; display:table;}
.blogInfo p{margin-bottom:0;}
.blog-wrap{position:relative;}
.blog-wrap:after{content:""; background:url(../images/bg.png) no-repeat bottom; position:absolute; bottom:0; left:0; width:100%; height:143px;}
.blog-post-holder .no-gutters{display: block;}
.blog-post-holder .col-lg-6{display: inline-block;}



/*---------------------------------------
	   Inner Header Css              
-----------------------------------------*/
.inner-heading{background:url(../images/inner-banner.jpg) no-repeat top; background-size:cover; padding:180px 0 40px 0; text-align:center;}
.inner-heading h1{color:#fff; font-weight:bold; text-transform:uppercase; font-size:48px;}
.inner-content{padding:70px 0;}


/*---------------------------------------
	   Inner Class Css              
-----------------------------------------*/
.inner-content .classes-wrap{background:none; padding:0;}
.inner-content .classInfo{background:#fff; box-shadow:0 0 15px rgba(0, 0, 0, 0.11);}
.inner-content .classessWrp{margin:0;}
.classessWrp li{margin:15px 0;}
.inner-content .classesWrp{padding: 0; background:none;}
.inner-content .classesWrp ul li{margin: 0;}
.inner-content .service-wrap{padding:0;}
.inner-content .service-wrap li{margin:20px 0;}
.service-details .widget-title{color:#000; font-size:24px; margin-top:0; position:relative; margin-bottom:30px;}
.service-details .widget-title:before{content:""; background:#ee4f15; width:40px; height:2px; position:absolute; bottom:-15px; left:0;}
.service-details li a{margin-bottom: 5px; width:100%; display:block; text-decoration:none; position:relative;
 color: #000; font-size: 14px; border-bottom: 1px solid #eee; font-weight:600;
    padding: 15px 15px 15px 36px;
    transition: 0.5s; position:relative;
}
.service-details li{}
.service-details li a:before{content:"\f138"; font-family: 'FontAwesome'; position:absolute; top:14px; left:12px; font-size:16px;}
.service-details .title h1{font-size:28px;}
.service-details .title h1 span{font-size:28px;}
.service-details li a.active, .service-details li a:hover{color:#fff; background:#ee4f15;}
.list-service li{font-size:14px; color:#666; position:relative; padding-left:28px; margin:10px 0 !important;}
.list-service li:before{content: "\f058"; font-family: 'FontAwesome'; position:absolute; top:-1px; left:0; color:#ee4f15; font-size:18px;}

.serviceWrp .classInfo p strong{margin-top:20px; display:block;}

.single-sidebar .sidebar-search {
  position: relative;
}
.single-sidebar{margin-bottom:20px;}
.single-sidebar .sidebar-search input {
  background: #f5f5f5;
  border: none;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 10px;
  width: 100%;
}
.single-sidebar .sidebar-search button {
  background: #fb5b21;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  padding: 9px 15px;
  position: absolute;
  right: 0;
  top: 0;
  cursor:pointer;
  z-index: 999;
}


/*---------------------------------------
	   Inner Trainers Css              
-----------------------------------------*/
.inner-content .expert-wrap{padding:0;}
.inner-content .expert-wrap ul li{margin:15px 0;}

/*********************************************
	 Blogs
**********************************************/
.inner-content .blog-wrap{background:none; padding:0;}
.inner-content .blogImg img{width:100%;}
.inner-content .blogInfo .readmore{margin-top:20px;}
.inner-content .blogInfo .readmore a{padding: 13px 32px; font-size: 14px;}
.inner-content .blog-wrap ul li{margin:5px 0;}
.page-link{color:#000;}
.page-item.active .page-link{background-color: #fb5c22; border-color: #fb5c22;}
.page-link:hover{background-color: #fb5c22; color:#fff; border-color: #fb5c22;}
.inner-content nav{float:right;}
.sidebar .widget{margin-bottom:40px;}
.inner-content .blog-wrap .blogInfo{background: #f7f7f7; margin-bottom:20px;}

/*********************************************
	 Archive
**********************************************/
.archive li a{padding:10px 0; letter-spacing:2px;}
.archive li a:hover{background:none; color:#000;}
.archive li a span{color:#fb5c22; margin-left:10px;}
.archive li a:before{display:none;}

/*********************************************
	 Tags
**********************************************/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover {border: 1px solid #fb5c22; background:#fb5c22; color: #fff; text-decoration:none;}






/*********************************************
	 Contact Us
**********************************************/
.contact-wrap h2 {
    font-size:30px;
    font-weight: 700;
    margin-top: 0;
    color: #222;
    text-transform: capitalize; text-align:center;
}
.contact-wrap .lead{font-size:14px; text-align:center; padding:0 150px;}
.contactInfo{text-align:center; margin:20px 0;}
.contactInfo i{border:2px solid #fb5c22; width:100px; height:100px; border-radius:100%; text-align:center; line-height:100px; display:block; font-size:36px; color:#fb5c22; margin:0 auto 20px auto;}
.contactInfo a{text-decoration:none; font-size:18px; color:#000;}
.contactInfo a:hover{color:#76a93e;}
.contactInfo p{font-size:14px; color:#000; line-height:24px;}
.contactInfo h3{text-align:center;}

.contact-form{text-align:center; background:#fff; box-shadow:0 0 19px rgba(0, 0, 0, 0.15); padding:40px; margin:60px 0 40px 0;}	
.contact-form h4{font-size:18px;}
.contact-form .input-group{width:100%; margin:20px 0;}
.contact-form .form-control{height:52px;}
.contact-form textarea.form-control{height:196px !important;}
.contact-form p{font-size:14px; text-align:center; padding:0 150px;}
.contact-form .sub{background: #fb5c22; padding:14px 40px; border-radius:30px; border:none; font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.contact-form .sub:hover{background:#000;}
.inner-content .pricing-wrap{padding:0;}


/*********************************************
		Testimonials-wrap
*********************************************/
.testimonials-wrap{background:url(../images/testimonial-bg.jpg) no-repeat top; padding:50px 0; background-size:cover; background-attachment:fixed;}
.testi-info{background:#f7f7f7; border:1px solid #eee; padding:40px 30px 30px 50px; position:relative; margin-bottom:20px;}
.testi-info p{ font-size:14px; line-height:24px; font-style:italic; color:#696969;}
.testi-info:before{content: "\f10d"; font-family: 'FontAwesome'; position: absolute; top: 0px; left:-70px; color:#fff; font-size: 32px; font-style: normal; background: #c4161c; width: 55px; height: 55px; text-align: center; line-height: 55px;}
.testimonials li{padding-left: 70px !important ;}
.testimonials-wrap .name{font-size:18px; float:left; color:#000; margin-top:20px; text-transform:uppercase; font-weight:bold;}
.testimonials-wrap .name span{display:block; text-transform:none; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal;}
.client-image img{border-radius:100%; border:2px solid #fff;}
.client-image{float:left; margin-right:15px;}
.test .testi-info{background:#eee;}
.test .client-image img{border: 2px solid #eee;}
.test li{margin:0; margin-top:20px;}
.testi-info:after {content:""; position:absolute; bottom:-20px; left:80px; border-width:20px 20px 0px 0px; border-style:solid; border-color:#f7f7f7 transparent; display:block; width: 0;}
.owl-controls .owl-nav{display:none;}	
.testimonials li{margin:15px 0;}
.testimonials li{margin:30px 0;}
.testimonials{max-width: 800px; margin: 0 auto;}


/*********************************************
	 404 page
**********************************************/
.four-zero-page{text-align:center;
  padding: 0 0 50px 0;
}
.four-zero-page h2 {
  font-size: 300px;
  color: #c4161c;
  font-weight: 800;
}
.four-zero-page h3 {
  color: #a7cf48;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 10px;
}
.four-zero-page p{letter-spacing: 2px; padding:0 250px;}
.four-zero-page .readmore{margin-top:30px;}


/*********************************************
	 Typoghrapy page
**********************************************/
.typghrapyWrp .title h1{font-size:30px;}
.typghrapyWrp .title h1:before{background:#f36f21; background-image:none; height:2px; width:40px;}


/*********************************************
	 FAQs page
**********************************************/
.faq h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 38px;
	text-transform: capitalize;
}
.faq .page-header {
	margin: 0;
}
.faq .faq-header h2 strong {
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.faq .faq-header h2 {
	margin-bottom: 27px;
	font-weight: 300;
}
.faq .faq-header {
	margin-bottom: 0;
}
.faq .panel-title > a, .panel-title a {
	display: block
}
.faq .panel-group .panel + .panel {
	margin-top: 14px;
}
.faq .panel-group .panel-heading + .panel-collapse > .panel-body, .bg-custom {
	border: none;
	
	border-top: 1px solid rgba(0,0,0,.125);
}
.bg-custom p{padding: 20px; margin-bottom: 0;}
.faq .panel-default > .panel-heading, .card-header {
	padding: 0;
	background: #f2f2f2;
}
.card-header {
	border-radius: 0px !important;
	border: none;
}
.faq .panel-default > .panel-heading a, .panel-title a {
	padding: 16px 60px 16px 28px; text-decoration:none;
	color: #fff;
	position: relative;
    background: #c4161c;
}
#accordion li:nth-child(2) h5 a{background: #f00;}
#accordion li:nth-child(3) h5 a{background: #f8b232;}
.faq .panel-default > .panel-heading a:hover {
	text-decoration: none; 
}
.faq .panel-default > .panel-heading a.collapsed, .panel-title a {
	background-position: right top ;
}
.faq .panel-group .panel {
	border-radius: 0;
	border: none;
	box-shadow: none
}
.faq .panel-group .panel p {
	font-weight: 300;
}

.ask-questions{
   border: 1px solid #e5e5e5;
   margin-right: 38px;
   margin-top: 10px;
}

.ask-questions .sec-title h3{
    
    color:#fff;
}
.faq-section .inner-box .column{
    margin-top:40px;
}
.ask-questions .default-form-area.style-two{
    padding:20px; background: #f8b232;
}
.ask-questions textarea.form-control{height:120px !important;}
.ask-questions .form-control{height: 42px; border-radius: 0; font-size: 14px;}
.ask-questions .default-form-area.style-two .form-group{
    margin-bottom:10px;
    
}
.ask-questions .thm-btn{padding: 10px 40px;}

.ask-questions .default-form-area.style-two .form-group .thm-btn{
    margin-top: 20px;
    background:transparent;
    border: 2px solid #fff; cursor: pointer;
    color:#fff;
}
.faqsWrp .title h1{font-size: 30px;}
.ask-questions .default-form-area.style-two .form-group .thm-btn:hover{
    border: 2px solid #6059bb;
    background:#6059bb;
    color:#fff;
}

.save-lives.ask-us {
	background: #faf8f6;
}
.save-lives.ask-us h2 {
	font-weight: 300;
	margin-bottom: 30px;
}
.faq .panel-heading {
	border-radius: 0;
}
.faq .collape-plus, .panel-title a i {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 48px;
	height: 100%;
	text-align: center;
}
.collape-plus:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.card{margin-bottom:20px;}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
	color: inherit;
	font-weight: bold;
	text-transform: capitalize;
}
.faq .collape-plus, .panel-title a i {

	color: #fff;
}
.panel-title a[aria-expanded="true"] .fa-plus:before {
	content: "\f068";
	font-famiyl: 'FontAwesome';
}



/*************************************
		Contact css
*************************************/
.contact_wraper{padding:60px 0; text-align:center;}
.contact_wraper h1{line-height:50px; display:inline-block;}
.contact_wraper h1:before{left:50%; margin-left:-35px;}
.contact_wraper .call{font-size:30px; color:#000;}
.contact_wraper .call a{color:#f36f21; font-weight:bold; text-decoration:none;}
.contactText{font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#333; margin-top:10px; letter-spacing:6px; text-transform:uppercase;}
.contact_wraper .input-group{width:100%; margin-top:18px;}
.contact_wraper .input-group .form-control{height:44px; font-size:14px; border-radius:0;}
.contact_wraper textarea.form-control{height:115px !important;}
.contact_wraper .contactbtn{text-align:center; display:block;}
.contact_wraper .formwrap .btn{padding:12px 38px; font-size:18px; background:#f36f21; border-radius:30px; color:#fff; display:inline-block; font-weight:bold; text-transform:uppercase;}
.contact_wraper .formwrap .btn:hover{background:#000;}



/**********************************************
            Pricing Css
**********************************************/
.pricing-wrap{}
.pricing-wrap .title{text-align:center;}
.pricing-wrap .title h1{display:inline-block;}
.pricing-wrap .title h1:before{left:50%; margin-left:-35px;}
.pricing-table .pricingWrp{background: #c4161c; text-align:center; padding:50px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.pricing-table .pricingWrp:hover{-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.pricing-table li:nth-child(2) .pricingWrp {background: #ee3f93;}
.pricing-table li:nth-child(3) .pricingWrp {background: #f8b232;}
.pricing-table h3{font-size:40px; color:#fff;}
.dollarPrice{font-size:60px; color:#fff; font-family: 'Roboto Condensed', sans-serif;}
.dollarPrice span{font-size:30px; color:#fff;}
.tableList li{font-size:18px; color:#fff; line-height:46px;}
.viewbtn{margin-top:30px;}
.viewbtn a{background:none; border:2px solid #fff; color:#fff; padding:14px 35px;}
.viewbtn a:hover{background:#fb5c22; color:#fff;}





/* Our BLogs */
.single-post .post-content h3 {
    font-size: 36px;
    color: #e84b3a;
    margin-bottom: 10px;
}
.post-meta{padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #eee;  border-bottom: 1px solid #eee; margin-bottom: 15px;}
.post-meta li{
    list-style: none;
    display: inline-block;
    color: #696969;
    margin-right: 20px;
}
.post-meta li a{
    text-decoration: none;
    color: #696969;
}
.post-meta li .icon{
    margin-right: 5px;
}
.post-meta i{padding-right: 6px; color: #c4161c;}
.blog-post .post-item:hover{
    box-shadow: 0px 0px 20px rgba(0,0,0,.08);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
}
.single-post .post-content{
    padding: 30px;
    border: 1px solid #f0f0f0;
    border-top: none;
}
.single-post .post-content h3{
    font-size: 36px;
    color: #e84b3a;
    margin-bottom: 10px;
}
.single-post .post-content blockquote{
    font-style: normal;
    color: #e84b3a;
    font-weight: 700;
    font-size: 14px;
    border: none;
    padding: 0px 0px 0px 40px;
    position: relative;
}
.single-post .post-content blockquote:after{
    left: 0px;
    top: 30%;
    color: #e84b3a;
    font-size: 30px;
}
blockquote:after {
    content: "\f10d" !important;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    font: normal normal normal 48px/1 FontAwesome;
    color: #e9e9e9;
}

.single-post .post-content p:last-child{
    margin: 0px;
}
.single-post .content-bottom{
    border: 1px solid #f0f0f0;
    border-top: none;
    padding: 12px 30px;
    overflow: hidden;
    margin-bottom: 50px;
}
.single-post .content-bottom ul{
    margin: 0px;
}
.single-post .content-bottom ul li{
    list-style: none;
    display: inline-block;
}
.single-post .content-bottom li:first-child{
    margin-right: 5px;
    font-style: italic;
    font-weight: 700;
    font-size: 18px;
    color: #92278f;
}
.single-post .content-bottom li span{
    margin-right: 5px;
}
.single-post .content-bottom li span:before{
    color: #92278f;
    font-size: 18px;
}
.single-post .post-tags{
    float: left;
}
.single-post .post-tags li a{
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    color: #001dff;
    text-decoration: none;
}
.single-post .post-tags li:nth-child(3) a{
    color: #e84b3a;
}
.single-post .post-tags li:nth-child(4) a{
    color: #ff00e9;
}
.single-post .post-tags li:nth-child(5) a{
    color: #f8ea32;
}
.single-post .post-share{
    float: right;
}
.single-post .post-share li{
    margin-right: 10px;
}
.single-post .post-share li:last-child{
    margin: 0px;
}
.single-post .post-share li a{
    font-size: 16px;
    color: #3b5998
}
.single-post .post-share li:nth-child(3) a{
    color: #db4437
}
.single-post .post-share li:nth-child(4) a{
    color: #e94c89
}
.single-post .post-share li:nth-child(5) a{
    color: #23b6ea
}
.single-post .post-share li:nth-child(6) a{
    color: #cb1f27
}
.single-post .post-comments{
    margin-bottom: 20px;
}
.single-post .post-comments h3{
    font-size: 30px;
    color: #ee257c;
    margin-bottom: 20px;
}
.single-post .post-comments ul{
    margin: 0px;
}
.single-post .post-comments li{
    list-style: none;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.single-post .post-comments li .the-comment{
    padding-bottom: 20px;
}
.single-post .post-comments li:last-child{
    margin: 0px;
    padding: 0px;
    border: none;
}
.single-post .post-comments li ul{
    margin-left: 90px;
}
.single-post .post-comments .comment-image{
    overflow: hidden;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
}
.single-post .post-comments .comment-content{
    display: table;
}
.single-post .post-comments .comment-content h4{
    float: left;
    font-size: 18px;
    color: #ffc000;
    margin-right: 5px;
}
.single-post .post-comments li:nth-child(2) .comment-content h4{
    color: #e84b3a;
}
.single-post .post-comments li:nth-child(3) .comment-content h4{
    color: #fc7f0c;
}
.single-post .post-comments li:nth-child(4) .comment-content h4{
    color: #92278f;
}
.single-post .post-comments li:nth-child(5) .comment-content h4{
    color: #0fbaf4;
}
.single-post .post-comments li:nth-child(6) .comment-content h4{
    color: #008c99;
}
.single-post .post-comments li:nth-child(7) .comment-content h4{
    color: #ee257c;
}
.single-post .post-comments li:nth-child(8) .comment-content h4{
    color: #88c87b;
}
.single-post .post-comments li:nth-child(9) .comment-content h4{
    color: #fa6f57;
}
.single-post .post-comments .comment-content .comm-reply{
    float: right;
}
.single-post .post-comments .comment-content .comm-reply i{
    color: #ffc000;
    font-weight: 700;
}
.single-post .post-comments .comment-content .comm-reply i:before{
    font-size: 15px;
}
.single-post .post-comments .comment-content .comm-reply a{
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #e84b3a;
}
.single-post .post-comments .comment-content span.day {
    position: relative;
    margin-left: 10px;
}
.single-post .post-comments .comment-content span.day:before {
    content: "\f068";
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    left: -10px;
    font-size: 8px;
    color: #1a1a1a;
}
.single-post .post-comments .comment-content p{
    margin-top: 5px;
    margin-bottom: 0px;
}
.single-post .reply-form h3{
    font-size: 30px;
    color: #fa6f57;
    margin-bottom: 30px;
}
.single-post .reply-form .com-input{
    width: 100%;
    border: 1px solid #f0f0f0;
    padding: 12px 15px;
    outline: none;
    margin-bottom: 30px;
}
.single-post .reply-form button{
    outline: none;
    padding: 17px 26px;
}
.sidebar .sidebar-item{
    margin-bottom: 30px;
}
.sidebar .sidebar-item .sidebar-title{
    font-size: 30px;
    color: #ffc000;
    margin-bottom: 15px;
}
.sidebar .sidebar-item:nth-child(3) .sidebar-title{
    color: #e84b3a;
}
.sidebar .sidebar-item:nth-child(4) .sidebar-title{
    color: #fc7f0c;
}
.sidebar .sidebar-item:nth-child(5) .sidebar-title{
    color: #92278f;
}
.sidebar .sidebar-item:nth-child(6) .sidebar-title{
    color: #0fbaf4;
}
.sidebar form input{
    width: 100%;
    border: 1px solid #f0f0f0;
    color: #696969;
    padding: 14px;
    outline: none;
    font-style: italic;
}
.sidebar form button{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    color: #696969;
    background: transparent;
    outline: none;
    padding: 17px;
    border: none;
    color: #fff;
    background: #f8b232;
    cursor: pointer;
    line-height: 1;
}
.sidebar .sidebar-categories{
    margin: 0px;
}
.sidebar .sidebar-categories li{
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-categories li:last-child{
    border: none;
}
.sidebar .sidebar-categories li a{
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #707070;
    text-decoration: none;
    padding: 10px 0px;
}
.sidebar .sidebar-categories li:first-child a{
    padding-top: 0px;
}
.sidebar .sidebar-categories li:last-child a{
    padding-bottom: 0px;
}
.sidebar .sidebar-categories li a:hover{
    padding-left: 16px;
    color: #92278f;
}
.sidebar .sidebar-categories li span{
    float: right;
}
.sidebar .sidebar-categories li a:hover span{
    height: 30px;
    width: 30px;
    text-align: center;
    background-color: #92278f;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    line-height: 30px;
}
.sidebar .sidebar-posts{
    margin: 0px;
}
.sidebar .sidebar-posts li{
    list-style: none;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-posts li:last-child{
    margin: 0px;
    padding: 0px;
    border: none;
}
.sidebar .sidebar-posts .image{
    float: left;
    margin-right: 20px;
    width: 90px;
        margin-top: 7px;
}
.sidebar .sidebar-posts .content{
    display: table;
}
.sidebar .sidebar-posts a{
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
}
.sidebar .sidebar-posts li:hover a{
    color: #92278f;
}
.sidebar .sidebar-posts span{
    font-style: italic;
    font-size: 13px;
    color: #fa6f57;
}
.sidebar .sidebar-gallery{
    margin: 0px;
    overflow: hidden;
    margin: -5px;
}
.sidebar .sidebar-gallery li{
    list-style: none;
    float: left;
    width: calc(100% / 4 - 1px);
    padding: 5px;
}
.sidebar .sidebar-gallery li img{
    width: 100%;
}
.sidebar .sidebar-twitts{
    margin: 0px;
}
.sidebar .sidebar-twitts > li{
    list-style: none;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-twitts > li:last-child{
    margin: 0px;
    padding: 0px;
    border: none;
}
.sidebar .sidebar-twitts .icon{
    float: left;
    font-size: 46px;
    color: #65bbf2;
    margin-right: 15px;
    line-height: 46px;
}
.sidebar .sidebar-twitts .content{
    display: table;
}
.sidebar .sidebar-twitts .content ul{
    margin: 0px;
}
.sidebar .sidebar-twitts .content ul li{
    list-style: none;
    display: inline-block;
}
.sidebar .sidebar-twitts .content ul li a{
    text-decoration: none;
}
.sidebar .sidebar-twitts .content p{
    margin: 0px;
}
.sidebar .sidebar-twitts .content > a{
    text-decoration: none;
}
.sidebar .sidebar-tags{
    margin: 0px;
    overflow: hidden;
    margin: -5px;
}
.sidebar .sidebar-tags li{
    list-style: none;
    display: inline-block;
    float: left;
    margin: 5px;
}
.sidebar .sidebar-tags li a{
    text-decoration: none;
    font-style: italic;
    font-weight: 700;
    font-size: 15px;
    color: #707070;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    padding: 8px 24px;
    display: inline-block;
}
.sidebar .sidebar-tags li a:hover{
    background-color: #92278f;
    border-color: #92278f;
    color: #fff;
}
.sidebar .class-details{
    margin: 0px;
    border: 1px solid #f0f0f0;
}
.sidebar .class-details li{
    overflow: hidden;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 9px 15px;
}
.sidebar .class-details li:last-child{
    border: none;
}
.sidebar .class-details .name{
    float: left;
    width: 50%;
    font-size: 15px;
    color: #ffc000;
}
.sidebar .class-details li:nth-child(2) .name{
    color: #e84b3a;
}
.sidebar .class-details li:nth-child(3) .name{
    color: #e600ff;
}
.sidebar .class-details li:nth-child(4) .name{
    color: #fb720d;
}
.sidebar .class-details li:nth-child(5) .name{
    color: #0fbaf4;
}
.sidebar .class-details li:nth-child(6) .name{
    color: #008c99;
}
.sidebar .class-details li:nth-child(7) .name{
    color: #ee257c;
}
.sidebar .class-details li:nth-child(8) .name{
    color: #88c87b;
}
.sidebar .class-details .name i{
    margin-right: 10px;
    display: inline-block;
}

.sidebar .class-details .name i:before{
    font-size: 18px;
}
.sidebar .class-details .info{
    float: left;
    width: 50%;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #363636;
}
.sidebar .class-details .info.rating i{
    color: #fcb614;
}
.sidebar .class-details li:last-child .info{
    color: #92278f;
}



/*
===================================================
    27. footer style
===================================================
*/
.footer{
   background:#252438;
}
.footer p{
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size:14px;
   color:#bdbcc0;
   line-height: 27px;

}
.footer .footer-upper {
    padding: 24px 0px 50px;
}
.footer .footer-widget{
    margin-top: 30px;
}
.footer-widget ul {
    margin: 0;
    padding: 0;
}
.footer-widget ul li {
    list-style: none;
}

.footer-widget.about-widget img {
    margin-bottom: 27px;
}
.footer-widget.about-widget p {
    margin: 0;
}
.footer-widget h3.title {
    font-size: 22px;
    text-transform: capitalize;
    margin: 0;
}
.footer-widget.quick-links ul li a {
    font-size: 14px;
    line-height: 38px;
    tranisition: all .3s ease;
}
.footer-widget.quick-links ul li a:hover {
    color: #d62929;
}
.footer-widget.contact-widget input,
.footer-widget.contact-widget textarea {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    padding: 0 20px;
}
.footer-widget.contact-widget textarea {
    height: 100px;
    padding-top: 15px;
    margin-bottom: 5px;
}
.footer-widget.contact-widget button {
    width: 100%;
    letter-spacing: 1px;
    height: 50px;
    background: #7aba1e;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    outline: none;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 50px;
    font-weight: 700;
    -webkit-transition:all .3s ease;
    transition: all .3s ease;
}
.footer-widget.contact-widget button:hover {
    background: #fff;
    color: #7aba1e;
}
.footer-widget.contact-widget .column{
    padding:0 10px;
}

.footer.bg-style .footer .footer-upper {
    padding: 75px 0 65px;
}
.footer.bg-style .footer-widget h3.title {
    margin-bottom: 31px;
    position: relative;
    font-weight: 500;
    color: #fff;
}
.footer.bg-style .footer-widget.quick-links ul li {
   
    margin-bottom: 8px;
}
.footer.bg-style .footer-widget.quick-links ul li a {
    display: block;
    font-size: 14px;
    color: #bdbcc0;
    line-height: 22px;
    padding-bottom: 7px;
    padding-left: 15px;
    position: relative;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.footer.bg-style .footer-widget.quick-links ul li a:before {
    color: #ffffff;
    content: '\f105';
    font-family: "FontAwesome";
    font-size: 12px;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: 2px;
}
.footer.bg-style .footer-widget.quick-links ul li a:hover {
    color: #fc7013;
    
}
.footer.bg-style .footer-widget.quick-links ul li a:hover:before{
    color:#fc7013;
}

.footer.bg-style .footer-widget.contact-widget input,
.footer.bg-style .footer-widget.contact-widget textarea {
    background: rgba(119, 119, 119, 0.35);
    color: #fff;
}

.footer.bg-style .footer-widget.contact-widget input {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

.footer.bg-style .footer-widget.contact-widget textarea {
    height: 90px;
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
    margin: 5px 0px 20px;
    font-family: 'Open Sans', sans-serif;
}

.footer.bg-style .footer-widget.contact-widget button {
    height: 50px;
    line-height: 45px;
}
.footer-widget.opening-hour{
    color:#adadad;
}
.footer-widget.opening-hour span{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #adadad;

}
.footer-widget.opening-hour .day-time{
    margin-top: -12px;
}
.footer-widget.opening-hour .day-time li{
    font-size: 14px;
    line-height: 22px;
    padding: 13px 0px;
    border-bottom: 1px solid #3b3a4c;
}
.footer-widget.opening-hour .day-time span{
    float:right;
}
.footer-widget.opening-hour .day-time li:last-child{
    border-bottom:none;
}
.footer-widget.opening-hour .day-time li:nth-child(3) span{
    color:#fc7013;
}
.footer-widget.opening-hour .day-time li:nth-child(4) span{
    color:#fc7013;
}

.footer-widget .contact-info{
}

.footer-widget .contact-info li{
  position:relative;
  color:#bdbcc0;
  padding-left:30px;
  margin-bottom:5px;
  line-height:24px;
  font-size:14px;
  font-weight:400;
  font-family: 'Open Sans', sans-serif;
}

.footer-widget .contact-info li .icon{
  position:absolute;
  left:0px;
  top:0px;
  line-height:24px;
  font-size:14px; 
}
.footer-widget.contact{
    margin-left:50px;
}
.footer-widget .widget-content{
    margin-top:-3px;
}
.footer-widget .widget-content p{
    margin-bottom:15px;
}


.footer-bottom .social-links a{
    
    display:inline-block;
    font-size:13px;
    font-weight:normal;
    color: #d1d1d1;
    padding: 0px 15px;
    line-height:26px;
    
}

.footer-bottom a:hover{
    color:#7aba1e;  
}
.footer-bottom .copyright-text{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:14px;
    color:#333;
}


.footer-widget .social {
    list-style: none; margin-top: 20px;
}
.footer-widget .social li {
    display: inline-block;
}
.footer-widget ul li {
     padding-right: 4px;
}
.footer-widget .social li a {border: 1px solid #fff; font-size: 16px;
    color: #bdbcc0; display: block; width: 30px; height:30px; text-align: center; line-height: 30px; border-radius: 100%;
}
.social li a {
    color: #fff; 
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.footer-bottom{padding: 14px 0;}




/*---------------------------------------
       Inner Heading Css              
-----------------------------------------*/
.inner-heading{background: url(../images/inner-heading.jpg) no-repeat top; padding: 40px 0; background-size: cover;}



.galleryImg{overflow: hidden; position: relative;}
.galleryImg:hover .jx-portfolio-hover{opacity: 1;
    cursor: pointer;}


.jx-portfolio-hover{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 20px;
    opacity: 0;
    transition: all .3s ease-out;}

.jx-portfolio-top-hover {
    position: absolute;
    bottom: 17px !important;
    transition: all 0.3s ease-out;
}

.jx-portfolio-top-hover .jx-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.jx-portfolio-plus-hover {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -47px;
    margin-top: -40px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}
.jx-portfolio-plus-hover a {
    height: 70px;
    width: 70px;
    margin-top: 10px;
    margin-left: 10px;
}

.jx-portfolio-plus-hover a {
    float: left;
    margin-right: 5px;
}
.jx-portfolio-plus-hover i{background: #ffb300;}

.jx-portfolio-plus-hover i:after {
    transition: all 0.3s ease-out;
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 70px;
    height: 70px;
    border: 2px solid #ffb300;
    border-radius: 50%;
    opacity: 0;
    z-index: 0;
}
.jx-portfolio-plus-hover:hover i:after {
    opacity: 1;
}
.galleryImg:hover .jx-portfolio-hoverlayer {
    opacity: 1;
    cursor: pointer;
    top: 0;
}

.jx-portfolio-hoverlayer {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    z-index: 999;
    top: 100%;
    left: 0;
    transition: all .3s ease-out;
}
.galleryImg{margin: 15px 0;}
.galleryImg:hover .jx-portfolio-plus-hover{top: 50%;}
.jx-portfolio-plus-hover i{width: 60px;
    height: 60px;
    color: #FFF;
    background: #ffb300;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 23px;}


.inner-content .team-wrap{padding: 0;}



.teacher-details .teacher-content h4{
    font-size: 24px;
    line-height: 30px;
    color: #92278f;
}
.teacher-details .teacher-content > span{
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    margin-bottom: 10px;
    display: inline-block;
}
.teacher-details .teacher-content p{
    line-height: 28px;
    margin-bottom: 20px;
}
.teacher-details .social-default{
    overflow: hidden;
    margin-bottom: 30px;
}
.teacher-details .teacher-address{
    overflow: hidden;
}
.teacher-details .teacher-address li{
    list-style: none;
    margin-bottom: 6px;
    font-size: 16px;
    color: #707070;
}
.teacher-details .teacher-address li span{
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
    color: #ffc000;
    margin-right: 10px;
}
.teacher-details .teacher-address li:nth-child(2) span{
    color: #e84b3a;
}
.teacher-details .teacher-address li:nth-child(3) span{
    color: #fc7f0c;
}
.teacher-details .teacher-address li:nth-child(4) span{
    color: #92278f;
}


.social-default li{display: inline-block;}
.social-default li a{
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 3;
    background-color: #365899;
    color: #fff;
    border-radius: 100%;
}
.social-default li:nth-child(2) a{
    background-color: #ea4c89;
}
.social-default li:nth-child(3) a{
    background-color: #dc4a38;
}
.social-default li:nth-child(4) a{
    background-color: #1da1f2;
}
.social-default li:nth-child(5) a{
    background-color: #bd081c;
}





.progress-line-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 25px;
    border-radius: 10px;
    background: #f1f1f9;
}
.progress-line-wrap .progress-line.color-1 {
    background: #5dba3b;
}
.progress-wrap:nth-child(4n+2) .progress-line-wrap .progress-line {
    background: #ff8b00;
}
.progress-wrap:nth-child(4n+4) .progress-line-wrap .progress-line {
    background: #ffc000;
}
.progress-wrap:nth-child(4n+3) .progress-line-wrap .progress-line {
    background: #ff5157;
}
.progress-wrap .progress-line-wrap .progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    border-radius: 10px;
    background: #5dba3b;
    transition: all 1.5s;
    transition-timing-function: cubic-bezier(0.105, 0.01, 0.54, 1.255);
}
.progress-wrap{margin-bottom: 20px;}
.progress-wrap .progress-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #090605;
    margin-bottom: 5px;
}
.progress-skill{margin-top: 30px;}

.teacher-image img{width: 100%;}


/*********************************************
     Blog-wrap
**********************************************/
.blog-post-detail h3 {
    padding: 0 0 10px;
    border-bottom: 1px solid;
    display: inline-block;
	border-color: #f45661;
}

.blog-post-detail {
    padding: 63px 80px 0;
    position: relative;
}
.meta-post {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.meta-post li:first-child {
    margin: 0;
}
.meta-post li {
    display:inline-block;
    margin: 0 0 0 20px;
    color: #141414;
}
.meta-post li i {
    margin: 0 10px 0 0;
}
.no-gutters{margin-bottom:30px;}


.blog-latest-news.style-two{
    padding:0px 15px 50px;
}
.blog-latest-news .item{
    margin-bottom:60px;
}
.blog-latest-news .item h4{
    font-weight: 500;
    font-size: 18px;
    margin: 5px 0px 5px;
    color: #222222;
}
.blog-latest-news .item h4 a{
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    transition:.5s;
    text-decoration: none;
}
.blog-latest-news .item h4 a:hover{
    color:#6059bb;
    transition:.5s;
}
.blog-latest-news .item p{
    margin-top: 8px;
    color: #848484;
}
.blog-latest-news .item .image-box{
    position: relative;
    overflow: hidden;
}
.blog-latest-news .item .image-box .overlay {
        position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(25, 35, 177, 0.6);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
.blog-latest-news .item:hover .image-box .overlay {
    opacity: 1; -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.blog-latest-news .item .image-box .overlay .inner {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.blog-latest-news .item .image-box .overlay .social {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.blog-latest-news .item .image-box .overlay .social a i:before {
    font-size: 20px;
    color: #6059bb;
    margin: 0px;
    background: url(../images/about/abw.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 52px;
    bottom: 50%;
    margin-bottom: -30px;
    margin-left: -30px;
}
.blog-latest-news .item .admin-comments{
    margin: 23px 0px 10px;
}
.blog-latest-news .item .admin-comments .icon{
    margin-right: 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #848484;
}
.blog-latest-news .item .admin-comments .icon:before{
    color: #6059bb;
    margin: 0;
    padding: 0px 10px 0px 0px;
    font-size: 14px;
}
.blog-latest-news .item .admin-comments li{
    display:inline-block;
}
.admin-comments li{margin-right: 10px;}
.admin-comments li i{padding-right: 10px; color: #39b3d0;}
.image-box img{width: 100%;}

/*********************************************
     Pagination-wrap
**********************************************/
.pagiWrap .showreslt{font-size:14px; font-weight:600; margin-top:10px;}
.pagiWrap .pagination{text-align:right; margin:0; float:right;}
.pagiWrap .pagination li{display: inline-block;}
.pagiWrap .pagination li a{display: block; position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}    
.pagination li a:hover, .pagination li.active a{background:#fdc236; border:1px solid #fdc236; color:#fff;}


/*********************************************
     Categories
**********************************************/
.categories li{}
.categories li a{margin-top:0; color:#888; text-decoration: none; font-size:14px; font-weight:600; position:relative; padding-left:20px; border-bottom: 1px solid #eee; padding-bottom: 10px; padding-top: 10px; display: block;}
.categories li a:before {content: "\f0da "; font-family: 'FontAwesome'; position: absolute; top: 12px; left: 0px; color: #000; font-size: 12px;}
.categories li a:hover{background: #c4161c; padding-left: 30px; color: #fff;}
.categories li a:hover:before{left: 15px; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}


/*********************************************
     Tags
**********************************************/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover {border: 1px solid #fdc236; background:#fdc236; color: #fff; text-decoration:none;}


/*---------------------------------------
	   Media Screen Css              
-----------------------------------------*/

@media screen and (max-width: 1200px) {
.aboutImg{position:absolute; bottom:0; left:0;}
.about-wrap .readmore{margin-bottom:30px;}
.join-wrap .readmore a{padding: 16px 34px; font-size: 15px;}
.elementInfo{padding: 25px 25px;}
.title h1{font-size: 36px;}
.blog-post-detail{padding: 50px;}
.meta-post li{font-size: 14px;}
.meta-post{margin: 0 0 15px;}
.about-wrap .title{margin-top: 30px;}
.navbar-dark .navbar-nav .nav-link{padding: 29px 12px;}
.blog-wrap{padding: 60px 0 130px 0;}

}


@media screen and (max-width: 990px) {
.bg-dark{background:#dc25d5 !important;}
.navbar-dark .navbar-nav .nav-link{padding:10px; color: #fff;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #fff;}
.navbar-dark .navbar-nav .nav-link:hover{background:#ff8f00; color:#fff !important;}
.navbar-brand{display: block;}
.navbar{padding:0;}
.navbar-dark .navbar-toggler{border-color: rgba(255, 255, 255, 0.79);}
.what_we_img{display:inline-block;}
.aboutImg{position:static; text-align:center;}
.join-wrap{text-align:center;}
.join-wrap .title h1{display:inline-block;}
.join-wrap .title h1:before{left:50%; margin-left:-35px;}
.pricingWrp{max-width:350px; margin:15px auto 15px auto;}
.video-wrap p{padding:0;}
.expert-wrap ul li{display:inline-block; max-width:370px; margin:15px auto 15px auto;}
.blog-wrap ul li{display:inline-block; max-width:370px; margin:10px auto !important;}
.join-wrap .readmore{margin-top:28px;}
.navbar-toggler{display:block;}
.four-zero-page p{letter-spacing: 1px; padding:0;}
.contact-wrap .lead{padding:0;}
.contact-form p{padding:0;}
.navbar-nav>li>a+i {display: block;}
.navbar-nav > li:hover > ul{display:none;}
.navbar-nav > li > ul{width:100%; position:static; display:none; margin-left: 0; opacity:1; visibility:visible;}
.navbar-nav>li{position:relative !important;}
.dropdown a:after{display:none;}
.projectImg img{width: 100%;}
.section-header{padding: 0;}
.header-wrap .logo{text-align: center;; margin-bottom: 10px;}
.team{margin: 15px 0;}
.blog-post-detail{padding: 0;}
.post-img img{width: 100%;}
.blog-wrap ul li{margin: 0 0 0 20px !important; max-width: initial;}
.footer-widget.contact{margin-left: 0;}
.elementInfo{margin-top: 30px;}
.element-wrap ul li:nth-child(1){padding-right: 15px}
.element-wrap ul li:nth-child(2){padding-right: 15px;padding-left: 15px;}
.element-wrap ul li:nth-child(3){padding-left: 15px;}
.header-wrap{padding: 20px 0;}
.navbar-dark .navbar-toggler{background: #ff8f00;}
.navbar{float: none; padding: 8px 15px;}
.blog-post-holder .pull-right{float: none !important;}
.sticky .navbar-dark .navbar-nav .nav-link{color:#fff;}
.navbar-nav > li > ul{background: #ff8f00;}
.pagiWrap{margin-bottom: 30px;}
.blog-post-detail{margin-top: 30px;}

}


@media screen and (max-width: 767px) {
.gallery-wrap .filters li{padding: 12px 22px; font-size: 12px;}
.author span{font-size:12px;}
.classInfo h3{font-size:18px;}
.classes-wrap .owl-nav button span{font-size: 36px; width: 40px; height: 40px; line-height: 34px;}
.classes-wrap .owl-nav{margin-left:-48px;}
.default-portfolio-item .overlay-inner h3{font-size:18px;}
.playbtn:before{width: 400px; margin-left: -200px;}
.title h1{font-size:36px;}
.header-wrap .logo img{width:160px;}

.navbar{margin:0;}
.four-zero-page h2 {font-size: 236px;}
.inner-heading{padding:40px 0;}
.inner-heading h1{font-size:30px;}
.sticky{position:fixed !important; top:0 !important;}
.sticky{background: #fff !important; padding:0;}
.icon-box{margin: 15px 0;}

}

@media screen and (max-width: 600px) {
.navbar-toggler{right:20px;}
}


@media screen and (max-width: 480px) {
.title h1{font-size:30px;}
.playbtn:before{display:none;}
.four-zero-page h2 {font-size: 140px;}
.four-zero-page h3{font-size:18px;}

}