#banner.new_index {
  
    background-image: url('https://sru.edu.in/admissions-2026/assets/img/new_index/img/Background.png');
    /*height: calc(100vh - 101px);*/
    position: relative;
     height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
     padding-bottom: 0px;

}

#banner.new_index .container {
  
    background-image: url('https://sru.edu.in/admissions-2026/assets/img/new_index/img/2026_LP.png');
    /*height: calc(100vh - 101px);*/
    position: relative;
     height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
     padding-bottom: 0px;

}

   
         .admission-form-box {
  border-radius: 20px;
  background: #fff;
  max-width: 100%;
}

.admission-form-box h5 {
  font-weight: 600;
  color: #002b7f;
}

#banner ul {
  list-style: none;
  padding-left: 0;
}
 
#banner .banner_text_3{
    font-size:16px;
}

#banner ul li::before {
  content: "• ";
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}


 






  .banner_img_desktop{
         display:block; 
     }

   .banner_img_mobile{
    display:none;
}





#banner.new_index .row1 .col-lg-4  img{
    /*position: absolute;*/
    /*right: 0;*/
    /*top:0px;*/
    width:100%;
}
#banner.new_index h1 {
    width: 55%;
    font-family:  "Centrale Sans";
    color: var(--white);
    font-size: 68px;
    font-weight: 900;
}
#banner.new_index p {
    font-size: 18px;
    width: 100%;
    margin-top: 20px;
    font-family:  "Centrale Sans";
  
    line-height: 1.6;
        text-align: left;
    /*letter-spacing: 3px;*/
}

  #banner.new_index .terms_condition p {
      font-size: 9px;
        font-weight: 600;
    }
    .divers-new{
        /*border-top: 2px solid #fff;*/
        background-color:#fff;
        height:1px;
    }

#banner.new_index .read-more , .bounty-text .read-more{
    background-color: #39bb9d;
    border: 2px solid #39bb9d;
    margin-top: 0px;
       padding: 9px 5px;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 3px;
  
}
#banner.new_index .read-more:hover , .bounty-text .read-more:hover{
    background-color: #23468A;
    border: 2px solid var(--white);
}
#banner.new_index .row2 {
    /*margin-top: 250px;*/
    margin-top: 150px;
}


#banner.new_index .ao-2023 {
    margin-top: 50px;
    display: block;
    gap: 50px;
    align-items: center;
}
#banner.new_index .ao-2023 h2 {
    color: var(--white);
  
    font-size:35px;
    font-family:  "Centrale Sans";
    
}
#banner.new_index .ao-2023 h4 {
    font-weight: 500;
    color: var(--white);
    font-size: 2.3rem;
    font-family:  "Centrale Sans";
    margin-bottom: 0;
}
#banner.new_index .bng_text p:nth-child(1) {
    color: var(--white);
    font-size: 20px;
    
}
#banner.new_index h6{
    font-size: 34px;
    font-weight: bold;
    color: var(--text);
    font-family:  "Centrale Sans";
    margin-bottom: 20px;
}
.new_index_why_sru {

    /*padding:80px 0px;*/
   
}

.new_index_why_sru .col-lg-6{

    padding:50px 30px;
   margin:auto;
   
}

.new_index_why_sru .col-lg-7{

    padding:50px 30px;
   margin:auto;
   
}
.new_index_why_sru .col-lg-5{
      margin:auto;

    /*padding:50px 30px;*/
    /*background-color: #f6f5ec;*/
   
}
.new_index_why_sru .col-lg-5 img{
    width:85%;
    }
    
    
.new_index_why_sru h2  {
    font-size: 42px;
      font-weight: bold;
    color: var(--text);
    margin-bottom: 30px;
}

.new_indexcontent{
    font-size:14px;
    font-family: "Centrale Sans";
    font-weight: 400;
    color:#282828;
}
 
.new_index_why_sru_2 .all_startups {
    display: flex;
    flex-wrap: wrap;
    /*gap: 20px;*/
    color: #ffffff;
   
    width: 100%;
}
.new_index_why_sru_2 .all_startups .startup {
    flex: 1 0 30%;
    border: 1px solid #a29fb8;
    border-top: 0;
    border-left: 0;
    padding: 16px;
    position: relative;
    /*height: 152.5px;*/
}
.new_index_why_sru_2 .all_startups .startup p{
     font-size:18px;
    font-family: "Centrale Sans";
    font-weight: 400;
    color:#282828;
    text-align: left;
    
}
.new_index_why_sru_2 .all_startups .startup h3{
     font-size:33px;
    font-family: "Centrale Sans";
    font-weight: 600;
    color:var(--text);
}
.new_index_why_sru_2 .all_startups .startup::after {
    content: '';
    position: absolute;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
}
.new_index_why_sru_2 .all_startups .startup::after {
    background-color: #97b9e2;
}
 

 .new_index_programs{
      /*background-color: var(--text);*/
      padding-top:100px;
          background: linear-gradient(to right, #23468A 94%, #ffffff 6%);
 
}


 .new_index_programs h2 {
    font-size: 42px;
      font-weight: bold;
    color: var(--white);
    margin-bottom: 60px;
}

.new_index_programs .row .col-lg-5{
 margin:0px 20px;
   background-color:var(--white);
   border-radius:8px;
   padding:0px;
}
.new_index_programs .new_index_programs_cards {
   
     border: none;
 
}

.new_index_programs .new_index_programs_cards .card-title{
    background-color:#39bb9d;
    color:var(--white);
    padding:8px;
    font-size:16px;
   
}
.new_index_programs .new_index_programs_cards .card-text{
     font-size: 25px;
    padding-top: 25px;
   color:var(--black);
 }
.new_index_programs .new_index_programs_cards ul{
     font-size: 15px;
     color:var(--black);
     font-weight:300;
      margin-bottom: 30px;
 }
.new_index_programs .new_index_programs_cards ul li{
    margin-bottom: 6px;
     
 
}
.new_index_programs .new_index_programs_cards .card-engine{
      padding-left: 25px; 
      padding-bottom:25px;
}

.new_index_programs .new_index_programs_cards .card-body {
    padding: 0px;  
    margin-top:-12px;
}


.btn-engineering{
     margin-top:25px;
     background-color:#39bb9d;
     color:var(--white);
     padding:10px 25px 10px 25px;
     font-size:16px;
     font-weight:300;
     border-radius:20px;
    text-decoration: none;
 }
 .btn-engineering:hover{
   background-color: #39bb9dbf;
    color: #000000;
 }
 
  .new_index_programs_base {
      padding:50px 0px;
  }
 
 .new_index_programs_base p{
    color:var(--white);
     padding:6px 25px 10px 25px;
     font-size:25px;
     font-weight:300;   
     
 }
 
  .new_index_programs_base p span{
    color:var(--white);
      
     font-size:35px;
     font-weight:600;   
     
 }
 
 .new_index_programs_base p .btns{
     padding-left:20px;
 }
  .new_index_programs_base p .btns{
     padding-left:20px;
 }
 
  #placement_oop .col-lg-5{
     position:relative;
 }
 
 

 .video1 i {
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  border-radius: 50%;
  background-color: red;
  color: white;
  position: relative;
  /* margin-right: 20px; */
  box-shadow: rgba(185, 186, 187, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* top: 50%; */
  animation: shadow-pulse 1s infinite;
  font-size: 25px;
}

.video1 {
display: inline-block;
    position: absolute;
    /* bottom: 45%; */
    top: 19%;
    left: 12%;
}
.video1 a {
  display: flex;
  color: #fff;
  font-size: 20px;
  align-items: center;
  font-weight: bold;
    text-decoration: none;
}
.video1 a:hover {
  color: var(--main-color);
}

 
 
 
 
 
 
 
 
 
 
 
 #placement_oop{
     padding:50px 0px 0px 0px;
 }
 #placement_oop h2{
     
      font-size: 2.5em;;  
    
      text-transform: uppercase;  
      font-weight: 700;   
      color: #222;  
      letter-spacing: 1px; 
      margin-bottom: 40px;
      }
 
 
 
 
 
  #placement_oop .placement_company .col-lg-12{
      display:flex;
  }
 
 #placement_oop .placement_company  img{
     width:250px;
     padding-top:20px;
     
     
 }
 #placement_oop .placement_company .col-lg-12 .offered   {
     
    padding-top: 42px;  
        padding-left: 10px;
 }
 
 .placement_company  span{
     font-size: 24px;
      font-weight: 300;
  
 
     
 }
  .placement_pak {
      padding-top:10px;
  }
 .placement_pak  .col-lg-6:nth-child(1) {
     border-right:1px solid gray;
 }
 .placement_pak .package p{
         font-size: 40px;
      font-weight: 300;
  
 }
  #placement_oop   .placement_pak .package h2 span{
      font-size: 50px;
   font-weight: 300;
 }
 
 #placement_oop   .placement_pak .package h2{
      font-size: 65px;
      font-weight: 600;
  
 }
 #placement_oop .col-lg-5{
        z-index: 10;
 }
 
 
 #placement_oop .col-lg-5 .placement_name h1{
     font-size: 34px;
    text-align: center;
    background-color: #39bb9d;
    color: #fff;
    padding: 8px;
    font-weight: 300;
    border-radius: 50px;
 
 
}
 #placement_oop .col-lg-5 .placement_name p{
     font-size: 24px;
    text-align: center;
    color: var(--black);
    padding: 8px;
    font-weight: 300;
    border-radius: 50px;
}
 #placement_oop  .dividers{
   background-color: gray;
    height: 1px;
    margin-top: -100px;
 
 }
 
 
 #new_index_placements_2025{
      margin-top:135px;
      background: linear-gradient(to right, #39bb9d 94%, #ffffff 6%); 
     /*background: linear-gradient(to right, #39bb9d 96%, #ffffff 4%), */
     /*       linear-gradient(to bottom, #ffffff 20%, #39bb9d 50%);*/


}
  #new_index_placements_2025 .container .row{
          margin-top:-135px; 
  }
 
 
/* Center the dots at the bottom */
.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none;
}

/* Customize dots to be dashes (-) */
.slick-dots li {
    margin: 0 5px;
}
.slick-dots li button:before {
    content: '-' !important;
    font-size: 80px !important;
    font-weight:300 !important;
    height:00px !important;
    color:var(--white) !important;
}

 
/* Add a dash (-) instead */
.slick-dots li button {
    font-size: 24px; /* Adjust size */
    color: #333; /* Change color */
    background: none;
    border: none;
    font-weight: bold;
    display: block;
    width: 20px; /* Adjust width */
    height: 5px; /* Adjust height */
    text-align: center;
}

/* Make active dash bolder */
.slick-dots li.slick-active button {
    color: black;
    font-weight: bold;
}
footer .admission .get-admission {
    background-color: #ff5757 !important;
    border:1px solid #ff5757 !important;
}
 #infra_clg{
     padding:100px 0px;
 }
 #infra_clg h2{
    font-size: 42px;
    font-weight: bold;
    color: var(--black);
    margin-bottom: 60px;
 }
 
 #infra_clg .carousel-caption {
     background-color:#ffffffd9;
    position: absolute;
     width: 35%;
     height:460px;
    left: 0px;
    top: 15%;
    padding: 30px;
    color: var(--black);
    text-align: left;
}
 #infra_clg .carousel-caption   h5{
   font-size: 30px; /* Adjust size */
    color: var(--text); /* Change color */
      margin-bottom: 15px;
 }
 
  #infra_clg .carousel-caption  p{
   font-size: 18px;  
    color: #000;  
     text-align: left;
     font-weight:300;
 }
 .btn-infra {
   background-color: var(--text);
    color: var(--white);
    padding: 10px 25px 10px 25px;
    font-size: 16px;
    font-weight: 300;
 
    text-decoration: none;
}
 .btn-infra:hover {
   background-color: #39bb9d;
    color: var(--white);
 
}
.space-20{
    padding:20px 0px
}
  
     .new_2026_index_programs {
            background-color: #0b3d78;
           
            padding: 40px 20px;
            color: #fff;
        }

       .new_2026_index_programs  .section-title {
            text-align: left;
            font-weight: 700;
            margin-bottom: 25px;
            font-size: 30px;
            color: #fff;
        }
        
       
        .new_2026_index_programs .col-lg-3{
             padding-right:3px;
               padding-left:3px;
        }

      .new_2026_index_programs   .program-box {
            /*background-color: #0b3d78;*/
            border: 1px solid rgba(255, 255, 255, 0.2);
            /*border-radius: 6px;*/
            padding: 0;
            overflow: hidden;
            /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/
            margin-bottom: 10px;
        }

      .new_2026_index_programs   .box-header {
            padding: 8px 10px;
            color: #fff;
            font-weight: 600;
            /*text-transform: uppercase;*/
        }

      .new_2026_index_programs   .red-header {
            background-color: #e4003b;
        }

       .new_2026_index_programs  .green-header {
            background-color: #3db496;
        }
        
          .new_2026_index_programs  .Lavender-header {
            background-color: #a78ac0;
        }
          .new_2026_index_programs   .light-blue-header {
            background-color: #97b9e2;
             color:#000;
        }
    
       

       .new_2026_index_programs  .program-content {
            /*background-color: rgba(255, 255, 255, 0.1);*/
            padding: 10px;
            color: #fff;
        }

       .new_2026_index_programs  .program-content h5 {
            font-weight: 700;
            margin-top: 5px;
            margin-bottom: 8px;
            font-size: 15px;
        }

       .new_2026_index_programs  .program-content ul {
            margin: 0;
            padding-left: 20px;
        }

        .new_2026_index_programs .program-content li {
            margin-bottom: 4px;
            font-size: 14px;
            line-height: 1.6;
        }

       .new_2026_index_programs  .highlight-box {
            background-color: #1b9e77;
            border-radius: 8px;
            padding: 15px;
            margin-top: 25px;
            font-size: 15px;
            color: #fff;
            line-height: 1.7;
        }
        .new_2026_index_programs  .school-agri-lg{
            display: block;
        }
       .new_2026_index_programs  .school-agri-mb{
            display: none;
        }
        #world {
             background-color: #aec5e7;
             padding:80px 0px;
        }
        #world  h2, #world h5{
          text-align:center;
               color: #23468A;
        }
         #world  h2{
          font-size: 42px;
           font-weight: 700;
       
        }
         #world h5{
           font-size: 25px;
              
        }
             #world .col-lg-12{
                  text-align:center;
             }
         #world img {
    width: 80%;
    padding-top:10px;
   
    transition: transform 0.5s ease-in-out;
}

  #infra_clg .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: unset;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: #ffffff;
    border: 0;
     opacity: .9; 
    transition: opacity .15s ease;
}
 #infra_clg .carousel-control-next {
    right: 0;
    bottom: 0;
    background: #ffffff;
    width: 83px;
    height: 83px;
}
 
  #clg_life{
      padding-bottom:50px;
  }
  #clg_life h2{
    font-size: 42px;
    font-weight: bold;
    color: var(--black);
    margin-bottom: 30px;
 }
 
   #studentJourneys h2{
    font-size: 2.5em;;
     margin-bottom: 30px;
    text-align:center;
    text-transform: uppercase;
    font-weight: 700;
    color: #222;
    letter-spacing: 1px;
    margin-bottom: 40px;
 }
 
 
/*#clg_life .col-lg-5 img, #clg_life .col-lg-3 img{*/
/*    width:auto;*/
/*    height:361px;*/
/*}  */
 
 #clg_life img {
     position:relative;
    width: 100%;
    height: 320px;
    object-fit: cover;
    overflow: hidden;
      border-radius: 22px;
    transition: transform 0.5s ease-in-out;
}
 #clg_life .clg_life_img{
   position:relative;    
 }
 
 
 .video3 i {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  border-radius: 10px;
  background-color: red;
  color: white;
  position: relative;
  /* margin-right: 20px; */
  box-shadow: rgba(185, 186, 187, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* top: 50%; */
  animation: shadow-pulse 1s infinite;
  font-size: 25px;
}

.video3 {
  display: inline-block;
  position: absolute;
  bottom: 41%;
  left: 45%;
}
.video3 a {
  display: flex;
  color: #fff;
  font-size: 20px;
  align-items: center;
  font-weight: bold;
   text-decoration: none;
}
.video3 a:hover {
  color: var(--main-color);
}


 
 
 
 
 
 
 
 

#clg_life .row{
    margin:15px 0px;
}
/*#clg_life img:hover {*/
/*    transform: scale(1.1);*/
/*}*/

 .testimonials {
  background: linear-gradient(to bottom, #b8d1ec 77%, #ffffff 23%);
  padding:100px  0px;
  
}



 .testimonials h2{
    font-size: 42px;
    font-weight: bold;
    color: var(--black);
    margin-bottom: 30px;
}
 

 .name_photo{
     display:flex;
 }
.name_photo  .photo img{
     border-radius: 50%;
     width:90%;
}
.name_photo  .photo_content  {
     margin-top:auto;
       
}
.name_photo  .photo_content h6 {
   font-size: 35px;
       
}
 .name_photo .photo_content p{
        text-align:left;
    }
.speech p{
    font-size:18px;
    line-height:45px;
    font-weight:300;
    width: 80%;
}
 
 
 .testimonials .quotes{
    filter: brightness(0) invert(1);  
    width:36px;
    margin-bottom:20px;
    
 }
 .video2_img{
     width:100%;
 }
    

 .video2 i {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  border-radius: 10px;
  background-color: red;
  color: white;
  position: relative;
  /* margin-right: 20px; */
  box-shadow: rgba(185, 186, 187, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* top: 50%; */
  animation: shadow-pulse 1s infinite;
  font-size: 25px;
}

.video2 {
  display: inline-block;
  position: absolute;
  bottom: 45%;
  left: 45%;
}
.video2 a {
  display: flex;
  color: #fff;
  font-size: 20px;
  align-items: center;
  font-weight: bold;
   text-decoration: none;
}
.video2 a:hover {
  color: var(--main-color);
}

 
/* Section Header */
.section-title {
    font-size: 2.5em;
    font-weight: bold;
    color: #000;
    text-align:left;
    margin-bottom: 40px;
}

/* Main Layout */
.testimonials-section {
    text-align: center;
    padding: 50px 20px;
    width: 100%;
    background: #ddecff;

}

 
.testimonial-card {
    flex: 1;
    /*max-width: 350px;*/
    text-align: left;
}

.quote-bubble {
    background-color: #fff;
    padding: 30px 25px 50px 25px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 50px; /* Space for author info */
    min-height: 380px; /* To make them similar height */
}

/* Chat bubble effect (tail) */
.quote-bubble::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 20%;
    /*transform: translateX(-50%) rotate(45deg);*/
    width: 30px;
    height: 30px;
    /*background-color: #fff;*/
    /*box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05);   */
    border-radius: 0 0 5px 0;
    z-index: 1;
     border-top: 30px solid #fff;
      border-right: 30px solid transparent;
}

blockquote {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    position: relative;
}

.quote-icon {
    font-size: 3em;
    font-weight: 900;
    color: #666;
    position: absolute;
    top: -15px;
    left: 0;
    opacity: 0.5;
}

/* Author Info (Savant and Nikhil) */
.author-info {
    position: absolute;
    bottom: -140px; /* Position below the bubble */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 99%;
    z-index: 2; /* Ensure it's above the arrow/bubble tail */
}

.author-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 3px solid #fff; /* Optional: white border */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.author-details {
    text-align: left;
}
.author-details p{
    text-align: left;
}
.author-name {
    font-weight: bold;
    font-size: 17px;
    color: #000;
    margin: 0;
}

.author-title, .author-company {
    font-size:12px;
    color: #666;
        margin-bottom: 0px;
    line-height: 20px;
}

/* Center Media (Ravula Shirisha) */
/* --- Center Media Card --- */
.center-media {
    flex: 0 0 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    /*margin-top: -30px;*/
   
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

 

.main-photo {
    width: 100%;
    height: auto;
    display: block;
    height: 380px;
}

.media-details {
    
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    position: relative; /* Needed for the ::before pseudo-element */
    z-index: 1; /* Ensure details sit on top of the image */
}

 
/* TRAPEZOIDAL/RECTANGULAR TRANSPARENT TAIL - CENTER CARD (UPWARD) */
 

/* Create a sharp downward tail at the bottom center */
.media-details::after {
  content: "";
  position: absolute;
  top: -40px; /* Tail below the box */
  left: 20%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  /*border-left: 30px solid transparent;*/
  border-right: 30px solid transparent;
  border-top: 30px solid #fff; /* Creates the downward-pointing triangle */
   
  
  
}


.video-overlay {
    position: absolute;
    top: 20px;
    right: 10px;
    background-color: #ff0000; /* Red color for YouTube icon background */
    border-radius: 5px;
    padding: 5px;
    width: 40px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-icon {
    /* If using a real SVG/PNG of the play button */
    width: 100%;
    height: 100%;
    /*filter: invert(1);  */
}

.media-details {
    /*background-color: #fff;*/
    width: 100%;
    padding: 15px 10px;
    margin-top:40px;
    text-align: center;
}

/* Navigation Arrows (Styling the navigation buttons) */
.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    z-index: 10;
}
 
.testimonial-slider .slick-slide {
  padding-bottom: 90px; /* Space so bottom content doesn’t get cut */
  height: auto !important;
  overflow: visible !important;
}

.testimonial-slider {
  overflow: visible !important;
}

.testimonial-card {
  overflow: visible !important;
  height: auto !important;
}

/* Ensure author info is visible */
.author-info {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  z-index: 5 !important;
  position: absolute;
}

 


@media (max-width: 1200px){
    
  .testimonials {
    background: linear-gradient(to bottom, #b8d1ec 73%, #ffffff 23%);
    padding: 100px 0px;
}
    
}