body {
  font-family: "Ubuntu", sans-serif;
  overflow-x: hidden;
}

.slick-slider {
  margin-bottom: 0px !important;
}

.margin_top50 {
  margin-top: 50px;
}

.margin_top70 {
  margin-top: 70px;
}

.margin_top90 {
  margin-top: 90px;
}

.margin_bottom50 {
  margin-bottom: 50px;
}

.margin_bottom70 {
  margin-bottom: 70px;
}

.margin_bottom90 {
  margin-bottom: 90px;
}

.padding_0 {
  padding: 0;
}

.padding_left0 {
  padding-left: 0;
}

.padding_right0 {
  padding-right: 0;
}

.padding_top10 {
  padding-top: 10px;
}

.padding_top20 {
  padding-top: 20px;
}

.padding_top25 {
  padding-top: 25px;
}


.company-logo {
  width: 100%;
}

.main-banner-background {
  background-image: url("../images/ManagementSciences_Hero_Page (1).webp");
  width: 100%;
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  /* vertically center content */
  box-sizing: border-box;
}

.main-banner-background1 {
  /* background-image: url(../images/Management\ Sciences_Hero\ Page\ 1.png); */
  padding: 50px 0px 50px 0px;
  /* background-color: #FBE4E4; */
  color: #FFF !important;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

button:focus {
  outline: 2px solid #eb3349 !important;
}

@media (max-width: 768px) {
  .main-banner-background {
    display: block !important;
    padding: 100px 20px 40px !important;
    background-image: url(../images/mobile_banner.png) !important;
    background-size: 100% 100% !important;
    text-align: center;
    background-position: center;
  }

  .banner-form {
    top: 50px !important;
    margin-bottom: 50px !important;
    height: 75vh !important;
    max-height: 75vh !important;
    overflow-y: scroll !important;
  }
}

@media (max-width: 425px) {
  .main-banner-background {
    min-height: 625px !important;
  }
}

@media (max-width: 375px) {
  .main-banner-background {
    min-height: 552px !important;
  }
}

@media (max-width: 320px) {
  .main-banner-background {
    min-height: 480px !important;
  }
}



.company-logo-2 {
  float: right;
  width: 75px;
  padding-top: 10px;
  margin-bottom: 10px;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.main-banner-slider {
  width: 100%;
}

.main-banner-slider1 {
  width: 100%;
  height: 160px;
  padding: 20px 40px;

}

.banner_title {
  font-size: 42px;
  line-height: 52px;
  color: #fff;
  padding-bottom: 20px;
}

.banner_title_content {
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  padding-bottom: 25px;
}

.banner_title_content_hl {
  color: #ffb509;
}

.banner-form {
  padding: 10px 10px;
  background: linear-gradient(#584d9e, #002a4f);
  border-radius: 12px;
  width: 100%;
  /* Default for all screens */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  position: relative;
  top: 50px;
  box-sizing: border-box;
  height: 100%;
}




.candidate-form-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 28px;
  color: #ffff;
  text-align: center;
  margin-bottom: 0;
}


.hight_text {
  /* text-align: center; */
  color: #ffffff;
  margin-top: -15px;
  margin-bottom: 5px;
}

.banner_grade {
  margin-top: 50px;
  background-color: transparent;
  /* padding: 20px 15px 15px 15px; */
}

.banner_grade_image1 {
  margin-top: 20px;
  margin-left: -90px;
}

.banner_grade_image2 {
  margin-top: 20px;
  margin-left: -50px;
}

.banner_grade_image3 {
  margin-top: 20px;
}


.already_btn {
  border: none;
  color: #ffff;
  font-weight: 500;
  background-color: transparent;
}

.already_btn:focus {
  outline: 0 !important;
}

.already_btn_link {
  font-size: 16px;
  color: #ffff;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.banner-form .divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 5px 0;
}

.banner-form .form-accredit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 1px;
  margin-bottom: -50px;

}

.Bentley_University_sectionn {
  background: whitesmoke;
  width: 100%;
  padding: 50px 0;
  overflow: hidden;
}

.Bentley_University_section {
  width: 100%;
  overflow: hidden;
}

@media (max-width: 768px) {
  .Bentley_University_sectionn {
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

.overlay {
  height: 50%;
  width: 200%;
}



.Bentley_University_title {
  color: #1e3a6a;
  font-size: 32px;
  line-height: 37px;
  font-weight: 600;
  margin-bottom: 16px;
}

.Bentley_University_title_hl {
  color: #585858;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  padding-left: 10px;
}

.Bentley_University_sub_title {
  color: #c0242a;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 32px;
}

.Bentley_University_adv_title {
  color: #333333;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 24px;
}

.arrow_mark_image {
  width: 100%;
  margin-top: 5px;
}

.Bentley_University_adv_details {
  color: #585858;
  font-size: 17px;
  line-height: 28px;
  /* font-weight: 500; */
}

.Bentley_University_content {
  color: #c0242a;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 32px;
}

.Bentley_University_logo {
  width: 300px;
  margin-bottom: 32px;
  margin-top: 32px;
}

.Bentley_University_image {
  width: 100%;
}

.programmes_title {
  color: #e63946;
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
}

.programmes_block_border {
  border: 1px solid #c0981e;
  padding: 20px 20px;
  margin-top: 20px;
  height: 502px;
}

.programmes_block_title_bg {
  background-color: #c0981e;
  padding: 10px;
  width: 100px;
  margin-top: -45px;
  margin-bottom: 20px;
}

.programmes_block_border1 {
  border: 1px solid #fb116a;
  padding: 20px 20px;
  margin-top: 20px;
}

.programmes_block_title_bg1 {
  background-color: #fb116a;
  padding: 10px;
  width: 100px;
  margin-top: -45px;
  margin-bottom: 20px;
  float: right;
}

.programmes_block_border2 {
  border: 1px solid #ff623c;
  padding: 20px 20px;
  margin-top: 40px;
}

.programmes_block_title_bg2 {
  background-color: #ff623c;
  padding: 10px;
  width: 200px;
  margin-top: -45px;
  margin-bottom: 20px;
}

.programmes_block_title {
  color: #fff;
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.edge_sectn {
  background-image: url(../images/a_global_background.jpg);
  /* background: linear-gradient(-116deg, #f1f6fc 50%, #002e69 50%); */

  width: -100%;
  height: -100%;
  /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
  padding: 0 1050px 50px 0;
  overflow: hidden;

  padding: 30% 0;
}


.videos_img {
  display: block;
  margin-left: -201px;
  margin-right: auto;
  width: 150%;
  margin-top: 123.4%;
  overflow: hidden;
}

.fees_img {
  width: 180%;
  height: 20%;
  margin-left: -40%;
}

.fessfont {
  color: #ffffff;
  text-align: center;
}


.blue_bckground {
  width: 100%;
  /* Full width */
  height: 800px;
  /* Make section small – change as you want */
  background-image: url("../images/Sriher_edge.jpg");
  background-size: cover;
  /* Cover the box */
  background-position: center;
  background-repeat: no-repeat;
}

.EDGEFONT {
  color: #ffffff;
}

.fee-banner {
  background: #0096db;
  background: linear-gradient(to bottom, #0096db 0%, #005b9f 100%);
  background: -webkit-linear-gradient(top, #0096db 0%, #005b9f 100%);
  background: -moz-linear-gradient(top, #0096db 0%, #005b9f 100%);
  background: -o-linear-gradient(top, #0096db 0%, #005b9f 100%);

  color: #ffffff;
  border-radius: 0 0 15px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 40px;
  max-width: 1500px;
  margin: 40px auto;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.fee-column {
  flex: 1;
  min-width: 260px;
  padding: 12px 30px;
  text-align: center;
  position: relative;
}

/* Vertical divider (desktop) */
.fee-column:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-46%);
  height: 70%;
  width: 4px;
  background: white;
  box-shadow: 0 0 8px rgb(255 255 255 / 40%);

}

.fee-title {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 8px;
  opacity: 0.95;
}

.fee-amount {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 4px 0;
  letter-spacing: 0.5px;
}

.fee-amount span {
  font-size: 1rem;
  font-weight: 500;
}

.fee-small {
  font-size: 0.9rem;
  opacity: 0.88;
}

/* Responsive */
@media (max-width: 768px) {
  .fee-banner {
    flex-direction: column;
    border-radius: 0;
    padding: 25px 20px;
  }

  .fee-column {
    padding: 20px 0;
  }

  /* Remove vertical, add horizontal dividers */
  .fee-column:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: var(--divider-mobile);
    box-shadow: none;
  }

  .fee-column:last-child::after {
    display: none;
  }

  .fee-amount {
    font-size: 1.6rem;
  }
}

@media (max-width: 480px) {
  .fee-amount {
    font-size: 1.5rem;
  }
}

.section-heading {
  text-align: center;
  margin: 60px auto 40px;
  max-width: 1200px;
  padding: 0 20px;
}

.feesstructurefont {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 50px;
  display: inline-block;
  line-height: 1.2;
}

.red {
  color: #e63946;
}

.black {
  color: #1d3557;
}

.edge_frame {
  margin-top: 20px;
  background-image: url(../images/edge_2.jpg);
  padding: 20px 15px 25px 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 125px;
}

.edge_frame_content_image {
  width: 50px;
  margin-top: 10px;
  float: right;
}

.edge_frame_details {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 0;
  color: #585858;
}

/* .Top_Recruiters{
  width: 48%;
  height: 15%;
} */

.placement-partners-section {
  background-color: #002a4f;
  padding: 50px 0;
  /* background: #ecedff; */
}

.hallmark-excellence-right {
  padding-top: 100px;
}

.hallmark-excellence-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 52px;
  color: #1E3A6A;
  /* text-align: center; */
}

.hallmark-excellence-details {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #5D6065;
  /* text-align: center; */
  /* text-transform: lowercase; */
  padding-bottom: 30px;
}

.hallmark-excellence-details-hl {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #c0242a;
  /* text-align: center; */
  /* text-transform: lowercase; */
}

.placement-images {
  width: 100%;
  /* padding: 15px 10px; */
}

.placement-images-card1 {

  margin-top: 15px;
}

.placement-images-card2 {

  margin-top: -60px;
}

.placement-images-card3 {

  margin-left: 25px;
}

.placement-images-card4 {

  margin-right: 25px;
}

.address-section {
  padding: 0 0 20px 0;


}

.address_row {
  display: flex;
  align-items: center;
  /* aligns input & button on same line */
  gap: 10px;
}

.address-images {
  width: 25px;
}

.address_details {
  font-size: 18px;
  line-height: 26px;
  margin-left: 10px;
}

.address_details1 {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-left: 10px;

}

.footer-section {
  background-color: #1E3A6A;
  padding: 10px 0;
  color: #fff;

}

.footer-content {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  font-size: 17px;
}

.footer-content1 {
  color: #fff;
  text-align: end;
  margin-bottom: 0;
  font-size: 17px;
}

.mobileonly_mobile {
  display: none !important;
}

.desktoponly_desk {
  display: block !important;
}


.desktoponly {
  display: block !important;
}

@media only screen and (max-width: 480px) {
  .mobileonly_mobile {
    display: block !important;
  }

  .desktoponly_desk {
    display: none !important;
  }

  .banner_title {
    font-size: 26px !important;
    line-height: 36px !important;
    padding-bottom: 0px !important;
    text-align: center !important;
  }

  .banner_title_content {
    padding-bottom: 10px !important;
    text-align: center !important;
    font-size: 18px !important;
  }

  .main-banner-background {
    padding: 20px 0px 0px 0px !important;
    /* background-image: url(../images/ManagementSciences_Hero_Page.webp) !important; */
    width: 100% !important;
  }

  .main-banner-background1 {
    padding: 20px 0px 20px 0px !important;
    background-image: url(../images/banner-pg1.png) !important;
    width: 100% !important;
  }

  .bfc-btn {
    font-size: 17px !important;
    margin: 0 0 10px 0 !important;
  }

  .candidate-form-btn {
    font-size: 17px !important;
    margin: 0 0 10px 0 !important;
  }

  .banner_grade {
    margin-top: 20px !important;
  }

  .padding_0 {
    padding: 0 15px !important;
  }

  .banner_grade_image1 {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  .banner_grade_image2 {
    margin-top: 10px !important;
    margin-left: 0px !important;
  }

  .banner_grade_image3 {
    margin-top: 10px !important;
    background-color: #fff !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
  }

  .Bentley_University_title {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .Bentley_University_sub_title {
    font-size: 20px !important;
    margin-bottom: 15px !important;
  }

  .Bentley_University_adv_details {
    margin-bottom: 10px !important;
  }

  .Bentley_University_logo {
    width: 270px !important;
  }

  .programmes_block_border1 {
    padding: 20px 10px !important;
    margin-top: 30px !important;
  }



  .programmes_block_border {
    margin-top: 30px !important;
  }

  .Bentley_University_adv_title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .edge_frame {
    margin-top: 10px !important;
    height: auto !important;
  }

  .address_details1 {
    margin-left: 0 !important;
  }

  .footer-content {
    font-size: 11px !important;
  }

  .footer-content1 {
    font-size: 11px !important;
    font-weight: 400 !important;
  }
}

@media only screen and (max-width: 768px) {
  .mobileonly {
    display: block !important;
  }

  .desktoponly {
    display: none !important;
  }

  .form-group {
    padding: 20px 5px 0px 5px;
  }

  .form-group1 {
    padding: 20px 5px 0px 5px;
    width: 77%;
  }


  .main-banner-slider1 {
    height: 150px;
    padding: 10px 20px;
  }

  .bfc-btn {
    font-size: 17px;
    margin: 0px 0 5px 0;
  }

  .candidate-form-btn {
    font-size: 17px;
    margin: 0 0 5px 0;
  }

  .padding_0 {
    padding: 0 10px;
  }

  .banner_grade_image1 {
    margin-left: 0px;
    margin-top: 0;
  }

  .banner_grade_image2 {
    margin-left: 0px;
    margin-top: 0;
  }

  .banner_grade_image3 {
    margin-top: 0px;
  }

  .banner_title_content {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 25px;
  }

  .main-banner-background {
    /* background-image: url(../images/ManagementSciences_Hero_Page.webp) !important; */
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    /* makes image smaller and fully visible */
    background-position: top;
    width: 100%;
    /* margin-bottom: 120px;  */
  }
}

.main-banner-background1 {
  padding: 20px 0px 20px 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.banner_title {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  padding-bottom: 10px;
}

.candidate-form-title {
  font-size: 20px;
}

.Bentley_University_title_hl {
  font-size: 18px;
}

.Bentley_University_title {
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 10px;
}

.Bentley_University_sub_title {
  font-size: 22px;
  margin-bottom: 20px;
}

.Bentley_University_adv_title {
  margin-bottom: 5px;
}

.Bentley_University_logo {
  margin-bottom: 15px;
  margin-top: 10px;
}

.Bentley_University_content {
  font-size: 18px;
  line-height: 28px;
  margin-top: 0px;
}

.programmes_block_title {
  font-size: 22px;
  line-height: 32px;
}

.programmes_section {
  padding: 20px 0;
}

.arrow_mark_image {
  width: 70%;
  float: right;
}

.programmes_block_border {
  height: auto;
  padding: 10px 10px;
}

.programmes_block_border1 {
  padding: 10px 10px;
}

.programmes_block_border2 {
  padding: 10px 10px;
}

.edge_section {
  padding: 20px 0;
}

.programmes_title {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 0;
}







.semestersss {
  vertical-align: middle;
  border-style: none;
  height: 100%;

}


.hallmark-excellence-title {
  font-size: 28px;
  line-height: 38px;
}

.hallmark-excellence-details {
  font-size: 17px;
  line-height: 26px;
  padding-bottom: 0;
}

.hallmark-excellence-details-hl {
  font-size: 17px;
  line-height: 26px;
}

.hallmark-excellence-right {
  padding-top: 10px;
  text-align: center;
}

.placement-partners-section {
  padding: 20px 0;
}

.placement-images-card1 {
  margin-top: 0px;
}

.placement-images-card2 {
  margin-top: 0px;
}

.placement-images-card3 {
  margin-left: 0px;
}

.placement-images-card4 {
  margin-right: 0px;
}

.padding_right0 {
  padding-right: 15px;
}

.padding_left0 {
  padding-left: 15px;
}

.address-section {
  padding: 0 0 0px 0;
}

.address-images {
  width: 20px;
}

.address_details {
  font-size: 13px;
  line-height: 20px;
}

.address_details1 {
  font-size: 13px;
  line-height: 20px;
}

.footer-content {
  font-size: 14px;
}

.footer-content1 {
  font-size: 14px;
}



@media only screen and (min-width: 768px) and (max-width: 992px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}


.container-2 {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.semesterlist {
  padding: 60px 20px;
  background: #ffffff;
  text-align: center;
}

.programmes_title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 50px;
  display: inline-block;
  line-height: 1.2;
}

.red {
  color: #e63946;
}

.black {
  color: #1d3557;
}


/* Overlapping Semester Images */
.semester-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  /* we control overlap manually */
  flex-wrap: nowrap;
  padding: 20px 0;
}

/* each image card */
.semester {
  width: 300px;
  /* base width – change if you want */
  flex-shrink: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
  transition: transform .3s ease, box-shadow .3s ease, z-index .0s;
  position: relative;
  z-index: 1;
}

/* overlap the next card by 60 px */
.semester:not(:first-child) {
  margin-left: -10px;
}

.semester:nth-child(1) {
  z-index: 6;
}

/* Semester 1 – front */
.semester:nth-child(2) {
  z-index: 5;
}

.semester:nth-child(3) {
  z-index: 4;
}

.semester:nth-child(4) {
  z-index: 3;
}

.semester:nth-child(5) {
  z-index: 2;
}

.semester:nth-child(6) {
  z-index: 1;
}

/* Semester 6 – back */

/* hover – pop out */
.semester:hover {
  transform: translateY(-12px) scale(1.05);
  box-shadow: 0 0px px rgba(0, 0, 0, .25);
  z-index: 10;
}

/* -------------------------------------------------
   Responsive overlap reduction
   ------------------------------------------------- */
@media (max-width:1400px) {
  .semester {
    width: 200px;
  }

  .semester:not(:first-child) {
    margin-left: -50px;
  }
}

@media (max-width:1100px) {
  .semester {
    width: 180px;
  }

  .semester:not(:first-child) {
    margin-left: -45px;
  }
}

@media (max-width:900px) {
  .semester {
    width: 160px;
  }

  .semester:not(:first-child) {
    margin-left: -40px;
  }
}

@media (max-width:700px) {
  .semester {
    width: 140px;
  }

  .semester:not(:first-child) {
    margin-left: -35px;
  }
}

@media (max-width:550px) {
  .semester {
    width: 120px;
  }

  .semester:not(:first-child) {
    margin-left: -30px;
  }
}

.about_sriher {
  color: #000532;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: justify;
}




.bg-img {
  width: 170%;
  display: block;
  margin-top: 5%;
  margin-left: -380px;
}


.youtube-video {
  position: absolute;
  top: 53%;
  left: 47%;
  transform: translate(-50%, -50%);
  width: 164%;
  height: 97.8%;
  border: none;


  /* padding: 10px 10px -15px 0; */
}

.footer {

  background-color: #1E3A6A;
  /* Fallback color */
  padding: 0 0 30px 0;
  width: 100%;
}

.right-avatar {
  position: relative;
  left: -10px;
}

@media (min-width: 1391px) and (max-width: 1490px) {
  .amin_banner_section {
    height: 700px !important;
  }
}

@media (min-width: 1491px) and (max-width: 1690px) {
  .footer {
    padding: 60px 0 30px 0 !important;
  }
}

@media (min-width: 1691px) and (max-width: 1890px) {
  .footer {
    padding: 60px 0 30px 0 !important;
  }
}

@media (min-width: 1891px) and (max-width: 2190px) {
  .footer {
    padding: 70px 0 30px 0 !important;
  }
}

@media (min-width: 2191px) and (max-width: 2590px) {
  .footer {
    padding: 80px 0 30px 0 !important;
  }
}

@media (min-width: 2591px) and (max-width: 2990px) {
  .footer {
    padding: 100px 0 30px 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .bentleyDivider_001 {
    display: none;
  }

  .bentleyInfoBox_001 {
    width: 100% !important;
  }


  .footer_section_content {
    font-size: 13px;
  }

  /* form style  */

  .candidate-form {
    padding: 20px 15px !important;
  }

  .footer_section_content_address {
    font-size: 14px;
    line-height: 24px;
  }

  .footer_section_content_address1 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
  }

  .footer_section {
    margin-top: unset !important;
  }

  .right-avatar img {
    width: 100%;
    padding: 20px;
  }

  .right-avatar {
    width: 100%;
    left: unset !important;
  }

  .footer_section_content_address {
    font-size: 11px !important;
    line-height: 18px !important;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
  }

  .footer_section_content_address1 {
    font-size: 11px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    margin-top: 0px !important;
    font-weight: 600;
  }
}



.tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.tab-button {
  padding: 12px 24px;
  background: #ddd;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s;
}

.tab-button.active {
  background: #1a73e8;
  color: white;
}

.content {
  display: none;
  background: white;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.content.active {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

.inline-flex {
  display: inline-flex;
}

#helpdesk-snippet .left i {
  background: linear-gradient(to bottom right, #057ebc, #004b8f, #15296c) !important;
  padding: 10px;
  border-radius: 50%;
}

.mobile a {
  list-style-type: none;
  text-decoration: none;
  color: #ffffff;
}

#helpdesk-snippet .left p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  line-height: 25px;
}

.inline-flex .address {
  position: relative !important;
  top: 15px !important;
  left: -10px !important;
}

.ranking-flex {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.ranking-flex img {
  width: 17%;
  background-color: white;
  border-radius: 50%;
}

/* Main Container */
.program-section {
  max-width: 1100px;
  margin: 0 auto;
}

/* Section Title */
.main-title {
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  /* Semi-transparent background */
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  padding: 15px 30px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.main-title span {
  font-weight: 300;
  opacity: 0.9;
}

/* Grid Layout */
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

/* Card Styling */
.course-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  border-top: 5px solid #ffcc00;
  /* Gold Accent */
  display: flex;
  flex-direction: column;
}

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

/* Card Header */
.card-header {
  background: #333d79;
  color: #ffcc00;
  padding: 15px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  /* Ensures content wraps on small screens */
}

.badge {
  background: #ffcc00;
  color: #333d79;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 25px;
  white-space: nowrap;
}

.program-name {
  font-size: 18px;
  font-weight: 700;
  color: white;
}

/* Card Body */
.card-body {
  padding: 25px;
  color: #444;
  flex-grow: 1;
}

.sub-heading {
  font-weight: 700;
  color: #333d79;
  margin-bottom: 8px;
  display: block;
}

.description {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #555;
}

.card-body ul {
  list-style-type: none;
  margin-bottom: 20px;
}

.card-body ul li {
  font-size: 14px;
  margin-bottom: 6px;
  padding-left: 20px;
  position: relative;
}

.card-body ul li::before {
  content: "•";
  color: #ffcc00;
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: -2px;
}

/* Eligibility Box */
.pro-eligibility-box {
  background: #3182c21a;
  padding: 15px;
  border-radius: 8px;
  border-left: 4px solid #333d79;
}

.eligibility-title {
  font-size: 14px;
  color: #888;
  letter-spacing: 1px;
  font-weight: 800;
  margin-bottom: 8px;
}

.eligibility-text {
  font-size: 13px;
  color: #333;
  line-height: 1.6;
}

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

  .full-width {
    grid-column: span 1;
  }

  .main-title {
    width: 100%;
    font-size: 20px;
  }
}

.program-ti {
  color: #ffffff;
}

.partners_section {
  padding: 50px 0 80px;
  /*background: linear-gradient( #584d9e , #002a4f);*/
  background-color: #ffffff;
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .Top_Recruiters{
  width: 30%;
  height: 20%;
  margin-left: 26%;

} */
.Top_Recruiters {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 50px;
  line-height: 1.2;
  text-align: center;
  /* works only for inline elements inside */
  margin-left: 0;
  /* remove this */
  width: 100%;
  /* allow proper centering */
  display: block;
}

.yellow {
  color: #c7272e;
}

.white {
  color: #c7272e;
}





.programmes_section {
  width: 100%;
  background: linear-gradient(#584d9e, #002a4f);
}

.containerprograms {
  max-width: 90%;
  margin: 0 auto;
}

/* Header */
.programmesoffered {
  text-align: center;
  background: #3182c2;
  color: white;
  padding: 0.75rem 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: inline-block;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
  margin-left: 35.9%;
}

/* Top Row: BBA + MBA */
.top-row {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}

/* Vertical Divider - Only on Desktop */
.top-row::after {
  content: '';
  position: absolute;
  top: 18%;
  bottom: 18%;
  left: 50%;
  width: 4px;
  background: linear-gradient(to bottom,
      transparent 0%,
      #f1c40f 20%,
      #ffffff 50%,
      #f1c40f 80%,
      transparent 100%);
  border-radius: 4px;
  transform: translateX(-50%);
  box-shadow: 0 0 16px rgba(241, 196, 15, 0.7);
  z-index: 1;
  opacity: 0.9;
}

.program-col {
  flex: 1;
  min-width: 300px;
  position: relative;
  z-index: 2;
}

/* Program Label */
.program-label {
  background: #f39c12;
  color: white;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.4rem 2rem;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 6px rgba(243, 156, 18, 0.3);
}

/* Program Title */
.program-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #ffffff;
}

/* Content Box */


.content-box h3 {
  font-size: 1.05rem;
  color: #ffffff;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

.content-box ul {
  list-style: none;
  padding-left: 0;
}

.content-box ul li {
  position: relative;
  padding-left: 1.6rem;
  /* margin-bottom: 0.5rem; */
  font-size: 1.6rem !important;
  color: #000000ff;
}



/* Eligibility Box */
.eligibility-box {
  background: #3182c2;
  color: white;
  border-radius: 16px;
  padding: 1.25rem;
  margin-top: 1rem;
}

.eligibility-box h4 {
  color: #f1c40f;
  font-size: 1.05rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.eligibility-box p,
.eligibility-box ul li {
  font-size: 0.92rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.eligibility-box ul {
  padding-left: 0;
  list-style: none;
}

.eligibility-box ul li::before {
  content: "•";
  color: #f1c40f;
  font-weight: bold;
  font-size: 1.3rem;
  margin-right: 0.5rem;
}

/* Full Width B.Com */
.bcom-full {
  background: #1b75bc;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid #1b75bc;
}

.bcom-full .program-label {
  font-size: 1.2rem;
  padding: 0.5rem 1.2rem;
}

.bcom-full .program-title {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 992px) {
  .top-row::after {
    display: none;
  }

  .top-row {
    gap: 1.5rem;
  }

  .programmesoffered {
    margin-left: 0;
    display: block;
    width: fit-content;
    margin: 0 auto 2rem;
  }
}

@media (max-width: 768px) {
  .top-row {
    flex-direction: column;
    align-items: center;
  }

  .programmesoffered {
    font-size: 1.3rem;
    padding: 0.6rem 1.5rem;
  }

  .content-box,
  .eligibility-box,
  .bcom-full {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .programmes_section {
    padding: 2rem 0.8rem;
    margin-top: -5%;
  }

  .program-label {
    font-size: 1rem;
    padding: 0.4rem 1.5rem;
  }
}

.othersprogramme {
  width: 100%;
}


.tabs {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.tab-btn {
  padding: 14px 32px;
  background: rgba(255, 255, 255, 0.2);
  color: black;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  backdrop-filter: blur(10px);
  cursor: pointer;
  font-weight: 600;
  transition: all 0.4s;
}

.tab-btn.active {
  background: #47459d;
  color: white;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.content-area {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.content {
  padding: 40px;
  display: none;
  animation: fadeIn 0.6s ease-in;
}

.content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.program-title {
  font-size: 2.2rem;
  color: var(--primary);
  margin-bottom: 20px;
}


.program-tabs {
  max-width: 800px;
  margin: 0 auto;
}

.program-buttons {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  border-bottom: 2px solid #e0e0e0;
}

.program-buttons button {
  padding: 14px 28px;
  background: transparent;
  color: #333;
  border: none;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
}

.program-buttons button:hover {
  background: #e6f0ff;
  color: #004aad;
}

.program-buttons button.active {
  background: #004aad;
  color: white;
}


@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.program-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.program-buttons button {
  padding: 14px 32px;
  /* font-size: 1.1rem; */
  font-weight: 600;
  border: none;
  border-radius: 10px;
  background: white;
  color: #2d3436;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.program-buttons button.active,
.program-buttons button:hover {
  background: linear-gradient(#584d9e, #002a4f);
  color: white;
  transform: translateY(-4px);
}

@media (max-width: 768px) {
  .program-buttons {
    gap: 10px;
    margin-bottom: 30px;
  }

  .program-buttons button {
    padding: 10px 16px;
    font-size: 0.95rem;
    width: auto;
    /* Allow them to fit content */
    flex: 1 1 auto;
    /* Grow if needed but shrink too */
  }
}

/* Content Boxes */
.content-box {
  display: none;
}

.content-box.active {
  display: block;
}

/* Your Exact Styling Starts Here */
.container_semester {
  width: 100%;
  /* max-width: 1900px;
        margin: 0 auto; */
}

.semester-timeline {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  padding: 50px 10px;
  gap: 0;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.semester-timeline::-webkit-scrollbar {
  display: none;
}

.semester {
  width: 260px;
  /* reduced width */
  flex-shrink: 0;
  background: white;
  border-radius: 14px;
  /* smaller rounded corners */
  padding: 18px;
  /* reduced padding */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
  /* lighter shadow */
  transition: all 0.3s ease;
  scroll-snap-align: center;
  position: relative;
  border: 1px solid #e8e8e8;
  height: 500px;
  /* reduced height */
  display: flex;
  flex-direction: column;
}


/* Overlapping effect: -18px left margin (your exact request) */
.semester:not(:first-child) {
  margin-left: -18px;
}

.semester:hover {
  transform: translateY(-25px) scale(1.05);
  z-index: 999;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
}

.title {
  text-align: center;
  color: white;
  font-size: 24px;
  font-weight: 900;
  padding: 18px;
  border-radius: 16px;
  margin-bottom: 24px;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}

.s1 {
  background: linear-gradient(135deg, #ff6b6b, #ee5a52);
}

.s2 {
  background: linear-gradient(135deg, #ff9f43, #f39c12);
}

.s3 {
  background: linear-gradient(135deg, #1dd1a1, #10ac84);
}

.s4 {
  background: linear-gradient(135deg, #54a0ff, #2e86de);
}

.s5 {
  background: linear-gradient(135deg, #9c88ff, #6c5ce7);
}

.s6 {
  background: linear-gradient(135deg, #2d3436, #1e272e);
}

.s7 {
  background: linear-gradient(135deg, #c6da11, #e2df0b);
}

.s8 {
  background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.semester ul {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
  overflow-y: auto;
  /* Scroll when content overflows */
  padding-right: 8px;
}

.semester li {
  padding: 8px 0;
  color: #2d3436;
  font-size: 15.8px;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  /* Space between arrow and text */
}

.semester li::before {
  content: "→";
  /* position: absolute; removed for flex gap */
  /* left: 0; */
  color: #0984e3;
  font-weight: bold;
  flex-shrink: 0;
  /* Prevent arrow from shrinking */
}

/* Custom scrollbar inside each card */
.semester ul::-webkit-scrollbar {
  width: 6px;
}

.semester ul::-webkit-scrollbar-track {
  background: transparent;
}

.semester ul::-webkit-scrollbar-thumb {
  background: rgba(9, 132, 227, 0.5);
  border-radius: 10px;
}

/* Mobile: Remove overlap, add spacing */
/* Mobile: Vertical Stack for better readability */
@media (max-width: 768px) {
  .semester-timeline {
    display: flex;
    flex-direction: column;
    /* Stack vertically */
    align-items: center;
    /* Center cards */
    padding: 20px 10px;
    overflow-x: visible;
    /* No horizontal scroll */
    gap: 25px;
    /* Space between cards */
    flex-wrap: nowrap;
  }

  /* Reset the negative margin hack */
  .semester,
  .semester:not(:first-child) {
    margin: 0;
    margin-left: 0 !important;
  }

  .semester {
    width: 100%;
    max-width: 380px;
    /* legible width, fits on most phones */
    height: auto;
    min-height: auto;
    /* Allow content to dictate height */
    scroll-snap-align: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    /* softer shadow */
  }

  .semester ul {
    max-height: 300px;
    /* Cap height if content is huge, but allow scroll inside card */
  }
}

.OVERVIEW_FONT {
  color: #1d3557;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 768px) {
  .OVERVIEW_FONT {
    font-size: 1.5rem;
    /* Manageable size on mobile */
    margin-bottom: 20px;
    padding: 0 10px;
  }
}

/* Custom scrollbar for the semester timeline (WebKit) */
.semester-timeline::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.semester-timeline::-webkit-scrollbar-track {
  background: transparent;
}

.semester-timeline::-webkit-scrollbar-thumb {
  background: rgba(9, 132, 227, 0.5);
  border-radius: 10px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

/* Firefox */
.semester-timeline {
  scrollbar-width: thin;
  scrollbar-color: rgba(2, 2, 2, 0.5) transparent;
}



.sriher-edge-section-2025 {
  padding: 80px 0;
  background-color: #FFF;
}

.programmes_titleee {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffffff;
  text-align: center;
  margin-bottom: 20px;
}

.sriher-main-design2-2025 {
  display: block;
  margin: 0 auto 50px;
  height: 12px;
}

/* Your original classes - improved with Flexbox */
.sriher-edge-frame-2025 {
  margin-top: 20px;
  margin-bottom: 30px;
  border: 1px solid #ffffffff;
  border-left: 7px solid #ffffffff;
  border-radius: 8px;
  padding: 20px 15px;

  /* This is the magic - perfect centering without fixed height */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  /* replaces your old fixed 90px */
  text-align: center;

  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.sriher-edge-frame-2025:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(120, 198, 28, 0.2);
}

.sriher-edge-frame-details-2025 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 0;
  color: #ffffffff;
  font-weight: 500;
}

.sriher-edge-frame-details1-2025 {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 0;
  color: #043F2D;
  padding: 10px 0 0 10px;
}

.sriher-edge-frame-details11-2025 {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 10px;
  color: #043F2D;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .sriher-edge-section-2025 {
    padding: 60px 0;
  }

  .sriher-edge-frame-2025 {
    min-height: 90px;
    margin-top: 15px;
  }

  .sriher-edge-frame-details-2025 {
    font-size: 16px;
  }
}



.container {
  max-width: 1220px;
  margin: 0 auto;
}

/* Extracted from index.html */
.bentlyy_logo {
  position: relative;
  top: 25px;
  right: 10px;
}

@media (max-width: 768px) {
  .bentlyy_logo {
    top: 20px;
    right: 30px;
    width: 260px;
    display: none;
  }
}

@media (max-width: 480px) {
  .bentlyy_logo {
    position: absolute;
    top: 15px;
    right: 50%;
    transform: translateX(50%);
    width: 200px;
  }
}

@media (max-width: 375px) {
  .bentlyy_logo {
    width: 170px;
    top: 10px;
  }
}

/* Wrapper for the whole section to center images */
.Bentley_University_sectionn {
  text-align: center;
  position: relative;
  width: 100%;
}

.bentleyInfoBox_001 {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  background: #ffffff;
  padding: 40px 20px;
  border-radius: 6px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid #c7272e22;
}

.bentleyRow_001 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 105px;
  margin-bottom: 0;
  /* Removed bottom margin, let Flexbox handle spacing */
}

.bentleyCol_001 {
  flex: 1;
  min-width: 300px;
  text-align: left;
}

.bentleyCol_001 h2 {
  color: #c7272e;
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 700;
  padding-bottom: 10px;
  position: relative;
  margin-top: 0;
}

.bentleyCol_001 h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 5px;
  background: #c7272e;
  border-radius: 3px;
}

.bentleyCol_001 ul {
  list-style: none;
  padding-left: 0;
  margin: 10px 0;
}

.bentleyCol_001 ul li {
  font-size: 18px;
  line-height: 1.5;
  color: #222;
  padding-left: 35px;
  position: relative;
  font-weight: 500;
  margin-bottom: 8px;
}

.bentleyCol_001 ul li::before {
  content: '✔';
  color: #c7272e;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 2px;
}

.bentleyDivider_001 {
  width: 2px;
  background: linear-gradient(to bottom, transparent, #c7272e, transparent);
  height: auto;
  min-height: 150px;
  align-self: stretch;
}

.bentleyNote_001 {
  background: linear-gradient(135deg, #c7272e10, #fff);
  padding: 20px 30px;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  margin: 10px 0;
  /* Reduced margin, let Flexbox handle spacing */
  border-left: 6px solid #c7272e;
  text-align: left;
  box-shadow: 0 4px 15px rgba(199, 39, 46, 0.1);
  font-weight: 500;
}

/* Wrapper for Eligibility to keep Title and Box together during flex spacing */
.bentleyEligibilityWrapper_001 {
  text-align: left;
}

.bentleyEligibilityTitle_001 {
  color: #c7272e;
  font-size: 28px;
  margin: 0 0 15px 0;
  /* Reduced top margin */
  font-weight: 700;
  text-align: left;
}

.bentleyEligibilityText_001 {
  background: linear-gradient(135deg, #c7272e10, #fff);
  padding: 20px 30px;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  margin: 10px 0;
  /* Reduced margin, let Flexbox handle spacing */
  border-left: 6px solid #c7272e;
  text-align: left;
  box-shadow: 0 4px 15px rgba(199, 39, 46, 0.1);
  font-weight: 500;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .bentleyRow {
    gap: 60px;
  }

  .bentleyInfoBox {
    width: 92%;
    padding: 35px 20px;
  }
}

@media (max-width: 768px) {
  .bentleyInfoBox {
    width: 94%;
    margin-top: -10px;
    padding: 30px 20px;
    gap: 35px;
  }

  .bentleyRow {
    flex-direction: column;
    gap: 30px;
  }

  .bentleyDivider {
    display: none;
  }

  .bentleyCol h2 {
    font-size: 26px;
  }

  .bentleyCol ul li {
    font-size: 17px;
    padding-left: 32px;
  }
}

@media (max-width: 480px) {
  .bentleyInfoBox {
    width: 96%;
    padding: 24px 16px;
    border-radius: 20px;
    gap: 28px;
  }

  .bentleyCol h2 {
    font-size: 23px;
  }

  .bentleyCol h2::after {
    width: 70px;
    height: 4px;
  }

  .bentleyCol ul li {
    font-size: 15.5px;
    padding-left: 28px;
  }

  .bentleyCol ul li::before {
    font-size: 20px;
  }

  .bentleyNote,
  .bentleyEligibilityText {
    padding: 18px 20px;
    font-size: 15.5px;
    border-left-width: 5px;
  }

  .bentleyEligibilityTitle {
    font-size: 23px;
  }
}

/* Container styling */
.course-header-container {
  background-color: #f1f1f1;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
}

/* --- MODIFIED SECTION --- */
.course-details {
  display: flex;
  flex-direction: column;
  /* This makes the text container take up all available space */
  flex: 1;
}

.course-title {
  font-size: 42px;
  font-weight: 900;
  /* Maximum Boldness */
  color: #000000;
  /* Changed to pure black for extra visual weight */
  margin: 0;
  line-height: 1;
}

.course-subtitle {
  font-size: 18px;
  /* Increased size slightly */
  font-weight: 800;
  /* Increased from 700 to 800 (ExtraBold) */
  color: #000000;
  /* Pure black */
  margin: 8px 0 0 0;
  letter-spacing: 0.5px;
  /* Adds a slight spread for impact */
}

/* ------------------------ */

.twinning-badge {
  background-color: #c1272d;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 25px;
  white-space: nowrap;
  /* Optional: Add a shadow to the badge to make it pop */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Responsive: Mobile View */
@media (max-width: 768px) {
  .course-header-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 15px;
  }

  .course-details {
    width: 100%;
    /* Ensure full width on mobile */
    flex: auto;
  }

  .course-title {
    font-size: 32px;
  }

  .twinning-badge {
    font-size: 16px;
    width: 100%;
    text-align: center;
    white-space: normal;
  }
}

/* =============== LAPTOP-L (1440px width) FIX =============== */
@media (max-width: 1440px) {

  /* Main Admission Form Width Fix */
  #addmission_form,
  #login_id,
  #forget_id,
  .passworddiv,
  .otpdivverified {
    max-width: 1x;
    margin: 0 auto;
  }

  /* Form Inputs */
  .form-control {
    height: 35px;
    font-size: 16px;
  }

  /* Apply Now button */
  .sub-button {
    font-size: 18px;
    padding: 6px 20px;
  }

  .bentleyRow_001 {
    gap: 50px;
  }

  .bentleyCol_001 ul li {
    font-size: 17px;
  }

  /* Course Header Section */
  .course-header-container {
    padding: 20px 50px;
    gap: 40px;
  }

  .course-title {
    font-size: 38px;
  }

  .course-subtitle {
    font-size: 17px;
  }

  .twinning-badge {
    font-size: 18px;
    padding: 10px 20px;
    white-space: nowrap;
  }
}

.course-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0px;
  max-width: 1220px;
  margin: 0 auto;
}

.course-title h1 {
  margin: 0;
  font-size: 58px;
  line-height: 0.95;
  letter-spacing: -1px;
  color: var(--navy);
  font-weight: 800;
  color: #004c82;
}

.course-title p {
  margin: 6px 0 0 0;
  color: var(--navy);
  font-weight: 600;
  font-size: 20px;
  color: #004c82;
}

.twinning-badge {
  background: #c62828;
  padding: 20px 50px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
  margin-left: 50px;
  white-space: nowrap;
}


@media (max-width: 991px) {
  .course-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    padding: 20px 25px;
  }

  .course-title h1 {
    font-size: 42px;
    line-height: 1.1;
  }

  .course-title p {
    font-size: 18px;
  }

  .twinning-badge {
    font-size: 22px;
    padding: 12px 25px;
    border-radius: 8px;
    align-self: flex-start;
    margin-left: 0;
  }
}


@media (max-width: 768px) {
  .course-header {
    padding: 15px 20px;
    gap: 20px;
  }

  .course-title h1 {
    font-size: 36px;
  }

  .course-title p {
    font-size: 16px;
  }

  .twinning-badge {
    font-size: 20px;
    padding: 12px 20px;
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  .course-title h1 {
    font-size: 30px;
  }

  .twinning-badge {
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 5px;
  }
}

@media (max-width: 375px) {

  .course-header {
    padding: 12px 15px;
    gap: 18px;
  }

  .course-title h1 {
    font-size: 26px;
    line-height: 1.1;
  }

  .course-title p {
    font-size: 15px;
  }

  .twinning-badge {
    font-size: 16px;
    padding: 8px 14px;
    border-radius: 5px;
  }
}

.container_welcome {
  max-width: 1220px;
  margin: 0 auto;
}

.welcome-banner-section {
  background: linear-gradient(#584d9e, #002a4f);
  padding: 22px 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 43px;
  color: white;

}


.welcome-banner .yellow-text {
  color: #f7c027;
  /* Yellow like shown in the image */
}

.welcome-banner .white-text {
  color: #ffffff;
}

@media(max-width: 768px) {
  .welcome-banner {
    text-align: center;
    font-size: 24px;
    padding: 18px 0;
  }

  .container_welcome span {
    display: block;
    /* Forces each line to appear separately */
    line-height: 1.3;
  }
}

@media(max-width: 480px) {
  .welcome-banner {
    font-size: 20px;
    padding: 15px 0;
  }
}

.Bentley_label {
  position: absolute;
  bottom: 200px;
  left: 0px;
  text-align: justify;
}

.Bentley_label h6 {
  background-color: #f9c73d;
  color: black;
  padding: 10px 20px 10px 50px;
  font-weight: 800;
  font-size: 25px;
}

.Bentley_label p {
  color: white;
  font-size: 30px;
  padding: 0 0 0 50px;
}

/* 1. New Full Width Section Container */
.sriher-section-fullwidth {
  display: block;
  width: 100%;
  /*background-color: #f9f9f9; */
  background: linear-gradient(#584d9e, #002a4f);
  /* Top and Bottom spacing for the section */
  padding: 40px 20px;
  box-sizing: border-box;
}

/* 2. Your Scoped CSS (Optimized) */
.sriherAboutWrapper_2025 {
  width: 100%;
  max-width: 1220px;
  /* Centering the wrapper, vertical spacing handled by parent section */
  margin: 0 auto;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effect */
.sriherAboutWrapper_2025:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(199, 39, 46, 0.15);
}

/* Title Styling */
.sriherMainTitle_2025 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-align: center;
  letter-spacing: 0.5px;
  position: relative;
}

/* Description Text Styling */
.sriherDescriptionText_2025 {
  font-size: 18px;
  line-height: 1.8;
  /* Increased slightly for better readability */
  color: #ffffff;
  text-align: left;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
  .sriher-section-fullwidth {
    padding: 50px 15px;
    /* Reduce outer padding on mobile */
  }

  .sriherAboutWrapper_2025 {
    padding: 30px 25px;
  }

  .sriherMainTitle_2025 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }

  .sriherDescriptionText_2025 {
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
    /* Optional: Justify text on mobile looks neat sometimes */
  }
}

@media (max-width: 480px) {
  .sriherMainTitle_2025 {
    font-size: 1.5rem;
  }
}

.split-hero-section {
  --split-white: #ffffff;
  --split-purple-1: #45449d;
  --split-purple-2: #4a479d;
  --split-purple-3: #5a4e9e;
}

.split-hero-section {
  position: relative;
  min-height: 100vh;
  width: 100%;
  /*  background: linear-gradient(
  -154.5deg, 
  var(--split-white) 50%, 
  var(--split-purple-1) 50%, 
  var(--split-purple-2) 75%, 
  var(--split-purple-3) 100%
);*/
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 60px 20px;
  box-sizing: border-box;
}

.video-frame {
  position: relative;
  width: 100%;
  max-width: 1220px;
  aspect-ratio: 16 / 9;

  /* MOVES THE BOX UPWARDS */
  margin-top: 0px;

  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

.video-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}

.youtube-iframe {
  width: 100%;
  height: 100%;
  border: none;
  /* pointer-events: none; - Removed to allow interaction */
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .split-hero-section {
    background: linear-gradient(180deg, #fff 25%, #45449d 25%, #5a4e9e 100%);
    padding: 10px;
  }

  .video-frame {
    width: 100%;
    padding: 10px;
    border-radius: 16px;
    /* Reset the upward move on mobile so it stays centered */
    margin-top: 0;
  }

  .video-wrapper {
    border-radius: 12px;
  }
}

.blue {
  background-image: url('../images/Sriher_edge.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* background stays fixed */
  padding: 140px 0 80px;
  overflow: hidden;
  position: relative;
}

/* .edge_container {
    width: 100%;
} */

/* Carousel Wrapper */
.carousel-wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 50px;
  margin-top: -50px;
}

.scroll-container {
  display: flex;
  width: max-content;
  animation: scroll 45s linear infinite;
  will-change: transform;
}

.scroll-container:hover {
  animation-play-state: paused;
}

/* Individual Card */
.edge-card {
  width: 280px;
  height: 370px;
  margin-right: 20px;
  border-radius: 10px;
  position: relative;
  flex-shrink: 0;
  background: #ffffff;
  overflow: visible;
  transition: transform 0.3s ease;
}

.edge-card:hover {
  transform: translateY(-10px);
}

/* Pop-out Image */
.edge-photo {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  max-width: 360px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

/* Card Text */
.card-text {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  padding: 18px 10px 10px 10px;
  text-align: center;
  color: #3d1f86;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  /*text-shadow: 0 2px 15px rgba(0,0,0,0.9);*/
  z-index: 3;
}

/* SRIHER EDGE Title */
.sriher-edge-title {
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  color: white;
  letter-spacing: 2px;
  margin-top: 90px;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
}

/* Sriher Edge Title (Right Corner Version) */
.sriher-edge-box {

  position: relative;
  margin-top: 15px;
  right: 0px;
  /* adjust left/right */
  text-align: right;
  z-index: 10;
}

.sriher-text {

  font-size: 38px;
  font-weight: 800;
  letter-spacing: 8px;
  color: #f3b02e;
  /* gold */
  margin: 0;
  line-height: 1.1;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.edge-text {
  font-size: 100px;
  font-weight: 800;
  color: white;
  margin: 0;
  line-height: 0.9;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}

/* Mobile */
@media(max-width: 768px) {
  .sriher-text {
    font-size: 28px;
  }

  .edge-text {
    font-size: 60px;
  }

  .sriher-edge-box {
    top: 20px;
    right: 20px;
  }
}

/* Infinite Scroll Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .edge-card {
    width: 340px;
    height: 500px;
    margin-right: 25px;
  }

  .edge-photo {
    top: -30px;
    width: 90%;
  }
}

@media (max-width: 768px) {
  .edge-card {
    width: 300px;
    height: 520px;
    margin-right: 20px;
  }

  .edge-photo {
    top: -25px;
    width: 88%;
  }

  .card-text {
    font-size: 1.2rem;
    bottom: 30px;
    padding: 0 15px;
  }

  .carousel-wrapper {
    padding-top: 30px;
    margin-top: -30px;
  }
}

@media (max-width: 480px) {
  .edge-card {
    width: 280px;
    height: 480px;
    margin-right: 15px;
  }

  .card-text {
    font-size: 1.1rem;
  }

  .sriher-edge-title {
    font-size: 32px;
  }
}

:root {
  --wa-green: #25d366;
  --wa-dark: #128C7E;
  --wa-red: #ff3b30;
  --wa-shadow: rgba(37, 211, 102, 0.4);
}

.wa-widget {
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* 1. Glassmorphism Label (The Bubble) */
.wa-label {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #333;
  padding: 8px 14px;
  /* Slightly smaller padding */
  border-radius: 10px;
  font-size: 13px;
  /* Slightly smaller font */
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
  opacity: 0;
  transform: translateY(10px);
  animation: fade-in-up 0.5s 1s forwards;
}

/* 2. The Main Button - SIZE REDUCED HERE */
.wa-button {
  position: relative;
  width: 50px;
  /* Reduced from 64px */
  height: 50px;
  /* Reduced from 64px */
  background: var(--wa-green);
  border-radius: 50%;
  box-shadow: 0 4px 15px var(--wa-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: pulse 3s infinite;
}

/* Hover Effects */
.wa-button:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 25px var(--wa-shadow);
  animation: none;
}

/* 3. The SVG Icon - SIZE REDUCED HERE */
.wa-icon {
  width: 28px;
  /* Reduced from 36px */
  height: 28px;
  /* Reduced from 36px */
  fill: white;
  animation: wave 4s infinite ease-in-out;
  transform-origin: 70% 70%;
}

.wa-button:hover .wa-icon {
  animation: none;
}

/* 4. Red Notification Badge */
.wa-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  background-color: var(--wa-red);
  color: white;
  font-size: 11px;
  font-weight: bold;
  width: 18px;
  /* Slightly smaller badge */
  height: 18px;
  /* Slightly smaller badge */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid white;
  animation: bounce 2.5s infinite;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* --- Animations --- */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }

  /* Reduced pulse spread */
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

@keyframes wave {

  0%,
  100% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(0deg);
  }
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes fade-in-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .wa-widget {
    bottom: 15px;
    right: 15px;
  }

  .wa-label {
    display: none;
  }

  /* Even smaller on mobile */
  .wa-button {
    width: 45px;
    height: 45px;
  }

  .wa-icon {
    width: 24px;
    height: 24px;
  }

  .wa-badge {
    width: 16px;
    height: 16px;
    font-size: 10px;
    top: -2px;
    right: -2px;
  }
}


.container-fluid {
  max-width: 1200px;
  margin: 0 auto;
}

/* Footer styles removed/merged */

.right-avatar {
  position: relative;
  left: -10px;
}

@media (min-width: 1391px) and (max-width: 1490px) {
  .amin_banner_section {
    height: 700px !important;
  }
}

@media (min-width: 1491px) and (max-width: 1690px) {
  .footer {
    padding: 60px 0 30px 0 !important;
  }
}

@media (min-width: 1691px) and (max-width: 1890px) {
  .footer {
    padding: 60px 0 30px 0 !important;
  }
}

@media (min-width: 1891px) and (max-width: 2190px) {
  .footer {
    padding: 70px 0 30px 0 !important;
  }
}

@media (min-width: 2191px) and (max-width: 2590px) {
  .footer {
    padding: 80px 0 30px 0 !important;
  }
}

@media (min-width: 2591px) and (max-width: 2990px) {
  .footer {
    padding: 100px 0 30px 0 !important;
  }
}

@media only screen and (max-width: 768px) {


  .footer_section_content {
    font-size: 13px;
  }

  /* form style  */

  .candidate-form {
    padding: 20px 15px !important;
  }

  .footer_section_content_address {
    font-size: 14px;
    line-height: 24px;
  }

  .footer_section_content_address1 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
  }

  .footer_section {
    margin-top: unset !important;
  }

  .right-avatar img {
    width: 100%;
    padding: 20px;
  }

  .right-avatar {
    width: 100%;
    left: unset !important;
  }

  .right-avatar-img {
    max-width: 150%;
    height: auto;
  }

  .footer_section_content_address {
    font-size: 11px !important;
    line-height: 18px !important;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
  }

  .footer_section_content_address1 {
    font-size: 11px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    margin-top: 0px !important;
    font-weight: 600;
  }
}

.footer h1,
.footer h3,
.footer p,
.footer b {
  color: #ffffff !important;
}

.footer_bottom {
  padding: 0px 20px;
}

.footer_bottom_content {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px 20px;
  font-weight: 700;

  display: flex;
  align-items: center;
  gap: 150px;
}

.footer_bottom_content span {
  color: #012a78 !important;
  font-size: 16px;

}

.carousel-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px;
      height: 430px;
      overflow: hidden;
      position: relative;
    }

    .carousel-column {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
      flex: 1 0 120px;
      min-width: 100px;
    }

    .carousel-track {
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .slide {
      flex: 0 0 150px;
      width: 100%;
      position: relative;
      padding-bottom: 0px;
      padding-left: 0px;
      box-sizing: border-box;
      padding: 5px;
    }

    .slide img {
      width: 100%;
      height: 150px;
      object-fit: cover;
      display: block;
      border-radius: 6px;
    }

    /* Keyframes for vertical scrolling */
    @keyframes scroll-vertical {
      0% {
        transform: translateY(0);
      }

      100% {
        transform: translateY(-50%);
      }
    }

    /* Class added by JS to start animation */
    .animated {
      animation-name: scroll-vertical;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }