body {
  height: 100%;
  width: 100%;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
  transition: 2s;
  font-family: monserrat-bold;
}

html {
  scroll-padding-top: 80px;
  overflow-x: hidden !important;
}
* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: "Montserrat";
}
section {
  margin: 30px 0px 30px 0px;
  padding: 20px;
}

hr {
  margin: 0.5rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
p {
  margin-top: 0;
  margin-bottom: 0rem;
}
.pink {
  color: #f2167d;
  font-weight: bold;
}
.blue {
  color: #003399;
  font-weight: bold;
}

.yellow {
  color: #ffb300;
  font-weight: bold;
}
video {
  margin-bottom: -10px;
}
a {
  color: #0d6efd;
  /* text-decoration: underline; */
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .topbar {
    background-color: #5a359d;
  }
  .topbar p {
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
  }
  .nav {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 80px;
    margin: 0px 90px;
  }
  .nav > .nav-header {
    flex: 0.95;
    padding-left: 1rem;
  }
  .nav > .nav-header > .nav-title {
    font-size: 22px;
    color: #003399;
  }
  .nav > .nav-list {
    display: flex;
    gap: 2rem;
  }
  .nav > .nav-list > li {
    list-style-type: none;
  }
  .nav > .nav-list > li a {
    text-decoration: none;
    color: #003399;
    cursor: pointer;
    font-weight: 500;
  }
  .nav > #nav-check {
    display: none;
  }

  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 0rem;
  }

  .logo-img {
    width: 40%;
  }

  /* .header-btn {
    background-color: #009933;
    color: #fff;
    padding: 5px 15px;
    border-style: none;
    border-radius: 5px;
    margin-top: -5px;
    margin-right: 30px;
  }

  .green-btn2 {
    border: 2px solid #009933;
    color: #009933;
    background-color: #fff;
    padding: 8px 10px;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 20px 5px;
    font-weight: bold;
  } */
  /* .dark-blue-btn {
    color: #fff;
    background-color: #003399;
    font-size: 15px;
    padding: 10px 10px;
    border-style: none;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 20px 0px;
  } */
  #topbar-content p {
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 10px;
  }
  .topbar-span {
    color: #ff781f;
  }

  .blue {
    color: ;
  }
  .sub-h {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
  }
  .green-btn {
    background-color: #009933;
    color: #fff;
    font-size: 15px;
    border-style: none;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 20px 10px 10px 0px;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
  }
  .blue-btn {
    background-color: #3794e1;
    color: #fff;
    border-style: none;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 20px 0px;
  }
  .divider {
    background-color: #ff781f;
    height: 1px;
    margin: 10px 0px;
  }

  .top-banner {
    background-image: url(images/upes-bg-desktop.webp);
    background-size: cover;
  }
  #main-content {
    padding: 50px 20px;
  }
  #main-content .ab2 {
    font-size: 35px;
    color: #ff6600;
  }

  #main-content h1 {
    color: #000;
    font-size: 25px;
  }
  #main-content p {
    font-size: 16px;
    font-weight: 500;
  }
  .top-banner h1 {
    font-weight: 700;
    color: #003399;
    font-size: 30px;
    margin: 20px 10px 10px 0px;
  }
  .top-banner h2 {
    font-size: 30px;
    font-weight: 500;
  }

  .topbtn {
    background-color: #f2167d;
    border-style: none;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    margin: 20px 0px;
  }

  /* end topbar */

  /* start facility */
  .facility {
    text-align: center;
    color: #000;
    margin-top: -80px;
  }
  #facility-box-orange {
    border: 5px solid #ff6600;
    border: single 1em transparent;
    margin: 5px;
    width: 24%;
    border-radius: 10px;
    background-image: linear-gradient(white, white),
      linear-gradient(to right, green, gold);
    border-image: linear-gradient(
        to top,
        #ff6600 25%,
        #ff6600 57%,
        rgb(255, 255, 255) 50%,
        rgb(231, 231, 231) 75%
      )
      5;
    background-color: #fff;
    font-size: 13px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 18px 7px 0 rgba(0, 0, 0, 0.1);
  }
  /* #facility-box-orange p {
    color: #0970b8;
    font-weight: bold;
    margin: 10px 0px;
  } */

  #facility-box-purple {
    border: 5px solid #993366;
    border-radius: 10px;
    margin: 5px;
    width: 24%;
    border: single 1em transparent;
    border-radius: 10px;
    background-image: linear-gradient(white, white),
      linear-gradient(to right, green, gold);
    border-image: linear-gradient(
        to top,
        #993366 25%,
        #993366 57%,
        rgb(255, 255, 255) 50%,
        rgb(231, 231, 231) 75%
      )
      5;
    background-color: #fff;
    font-size: 13px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 18px 7px 0 rgba(0, 0, 0, 0.1);
  }
  /* #facility-box-purple p {
    color: #0970b8;
    font-weight: bold;
    margin: 10px 0px;
  } */

  #facility-box-yellow {
    border: 5px solid #ffcc00;
    border-radius: 10px;
    margin: 5px;
    width: 24%;
    border: single 1em transparent;
    border-radius: 10px;
    background-image: linear-gradient(white, white),
      linear-gradient(to right, green, gold);
    border-image: linear-gradient(
        to top,
        #ffcc00 25%,
        #ffcc00 57%,
        rgb(255, 255, 255) 50%,
        rgb(231, 231, 231) 75%
      )
      5;
    background-color: #fff;
    font-size: 13px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 18px 7px 0 rgba(0, 0, 0, 0.1);
  }
  /* #facility-box-yellow p {
    color: #0970b8;
    font-weight: bold;
    margin: 10px 0px;
  } */

  #facility-box-pink {
    border: 5px solid #ff0066;
    border-radius: 10px;
    border: single 1em transparent;
    margin: 5px;
    width: 24%;
    border-radius: 10px;
    background-image: linear-gradient(white, white),
      linear-gradient(to right, green, gold);
    border-image: linear-gradient(
        to top,
        #ff0066 25%,
        #ff0066 57%,
        rgb(255, 255, 255) 50%,
        rgb(231, 231, 231) 75%
      )
      5;
    background-color: #fff;
    font-size: 13px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 18px 7px 0 rgba(0, 0, 0, 0.1);
  }
  /* #facility-box-pink p {
    color: #0970b8;
    font-weight: bold;
    margin: 10px 0px;
  } */

  #facility-box-orange p,
  #facility-box-pink p,
  #facility-box-yellow p,
  #facility-box-purple p {
    font-size: 15px;
    font-weight: 600;
    color: #003399;
  }
  #facility-box-orange h5,
  #facility-box-pink h5,
  #facility-box-yellow h5,
  #facility-box-purple h5 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
  }

  #facility-box-orange i {
    background-color: #ff6600;
    color: #fff;
    width: 50px;
    padding: 15px 0px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-purple i {
    background-color: #993366;
    color: #fff;
    width: 50px;
    padding: 15px 0px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-yellow i {
    background-color: #ffcc00;
    color: #fff;
    width: 50px;
    padding: 15px 0px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-pink i {
    background-color: #ff0066;
    color: #fff;
    width: 50px;
    padding: 15px 0px;
    border-radius: 40px;
    font-size: 19px;
  }

  /* end facility */
  /* #facility-box-orange i {
    background-color: #ff6600;
    color: #fff;
    width: 50px;
    padding: 15px 0px;
    border-radius: 40px;
    font-size: 19px;
  } */

  /* start programs */

  .programs-heading {
    background-image: linear-gradient(to right, #f2167d, #ffa408);
    padding: 70px 50px 150px 50px;
    /* margin-top: 50px; */
    color: #fff;
  }

  .programs-heading h2 {
    text-align: center;
  }

  #programs {
    border-top: 50px;
  }
  .program-sl {
    margin-top: -100px !important;
  }

  #programs h2 {
    color: #003399;
    font-size: 25px;
    text-align: center;
  }

  .owl-carousel .owl-item {
    padding: 0px;
  }
  .slide {
    margin: 5px;
  }
  .sl {
    color: #fff;
    padding: 6px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    position: absolute;
    background-color: #5a359d;
    font-weight: bold;
  }
  .rating {
    background-color: orange;
    padding: 8px;
    color: #000;
  }

  #card-box {
    margin: 10px;
    box-shadow: 0 18px 18px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }
  .card-box-cnt {
    padding: 10px;
  }
  .card-box-cnt h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }

  .card-box-cnt .full-course-name {
    text-align: center;
    font-weight: 600;
  }
  .heading-splz {
    font-size: 17px;
    font-weight: bold;
    color: #000;
  }
  #card-box p {
    font-size: 12px;
    line-height: 1.8;
    margin: 0px 20px;
  }
  #card-box h6 {
    margin-top: 10px;
    font-size: 13px;
  }
  #card-box .blue-span {
    color: #003399;
    font-weight: bold;
    margin-top: 10px;
  }
  .course-green-btn {
    background-color: #009933;
    color: #fff;
    border-style: none;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 13px;
  }
  .owl-carousel .owl-stage {
    margin-bottom: 0; /* Reset bottom margin */
  }

  /* Additionally, if needed */
  .owl-carousel .owl-item {
    margin-bottom: 0; /* Reset bottom margin for items */
  }

  #mba-specialization1-page {
  }

  #sp1 h3 {
    font-size: 18px;
    padding: 10px 25px;
    border-left: 4px solid #ff6600;
  }
  #sp1 p {
    font-size: 15px;
    padding: 5px 20px;
  }
  .slider1 .slide {
    padding: 20px;
    border-radius: 10px;
  }

  .slider1,
  .slider2 {
    margin-bottom: 0; /* Reset bottom margin */
    padding-bottom: 0; /* Reset bottom padding */
  }

  .show-splz {
    background: none;
    border-style: none;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
  }

  #mba-data {
    display: none;
    background-color: #fff;
    box-shadow: 0 0 5px 2px #ccc;
    padding: 30px;
  }
  #bba-data {
    display: none;
    background-color: #fff;
    box-shadow: 0 0 5px 2px #ccc;
    padding: 30px;
  }

  .green-btn-university {
    color: #fff;
    background-color: #009933;
    padding: 7px 10px;
    border-style: none;
    border-radius: 5px;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 13px;
    width: 90%;
  }
  /* end programs */

  /* about */

  #about {
    background-image: url("images/upes-university-image-3.webp") !important;
    background-size: cover;
    padding-bottom: 400px;
  }

  #about {
    text-align: center;
    /* background-image: url(images/upes-bg-desktop.webp); */
  }

  #about p {
    font-size: 14px;
    margin: 0px 150px;
    margin-top: 20px;
  }
  .about-sub-h {
    font-size: 15px;
    font-weight: bold;
    background-color: orange;
    padding: 10px;
    margin: 0px 150px;
  }
  #about h2 {
    font-size: 30px;
    font-weight: bold;
    color: #003399;
  }
  #about h3 {
    font-size: 15px;
    background-color: #ff6600;
    padding: 10px;
    margin: 0px 100px;
    color: #fff;
  }
  .s1 {
    padding: 0px 30px;
  }

  /* start approvals */
  #approvals {
    background-color: #e6e6e6 !important;
  }

  #aprvls {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
  }
  #approvals-box img {
    width: 100%;
  }
  #approvals-box p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
  }

  #approvals {
    background-color: #f7f7f7;
    text-align: center;
    padding: 50px;
  }

  #approvals h2 {
    color: ;
  }

  /* end approvals */

  /* .abt-highlight {
    font-weight: bold;
    font-size: 18px;
  }
  .ab2 {
    color: red;
    font-weight: bold;
  } */
  /* end about */

  /* #facts {
    box-shadow: 0 0 5px 2px #ccc;
    padding: 50px 30px;
    margin-top: -90px;
    background-color: #fff;
  }
  #fact-box img {
    float: left;
    width: 25%;
    margin-right: 10px;
  }
  #fact-box h4 {
    font-size: 40px;
    font-weight: bold;
  }
  #fact-box p {
    font-size: 13px;
    margin-left: 75px;
    font-weight: 600;
  } */

  /* start placement */
  #placement {
    text-align: center;
  }
  #placement h2 {
    font-size: 25px;
    color: #fff;
    margin-top: 20px;
  }
  #placement-box {
    padding: 20px;
  }
  #placement-box img {
    float: left;
    width: 20%;
    margin-right: 15px;
    margin-top: -20px;
  }
  #placement-box h4 {
    font-size: 20px;
  }
  #placement-box p {
    font-size: 12px;
  }
  #aprvls {
    padding: 25px 20px 20px 20px;
  }
  #text-aprvls {
    padding: 30px;
    line-height: 1.4em;
  }

  #splz {
    color: #000;
  }
  .hh {
    color: #003399;
    font-weight: bold;
  }

  /* working */
  #working-cc {
    width: 80%;
  }
  #working-p {
    background-image: linear-gradient(to right, #21b6ea, #5b359d);
    padding: 40px;
  }
  #working-p h2 {
    color: #fff;
    font-size: 2vw;
  }
  #working-p h4 {
    color: #000;
    font-size: 17px;
    font-weight: 500;
  }
  /* .working-p-box {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #fff;
  } */

  .working-p-box-left-border {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 20px 15px;
    background-color: #fff;
    border-left: 4px solid #ffb300;
    font-size: 14px;
  }

  .working-p-box-right-border {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 20px 15px;
    background-color: #fff;
    border-right: 4px solid #ffb300;
    font-size: 14px;
  }
  .working-p-box-left-border img {
    float: left;
    width: 15%;
    margin-top: -10px;
    margin-right: 10px;
  }

  .working-p-box-right-border img {
    float: left;
    width: 15%;
    margin-top: -10px;
    margin-right: 10px;
  }
  /* .working-p-box-left-border .working-p-box-right-border h4 {
    font-weight: 500;
    font-size: 16px;
  } */
  .working-p-box p {
    font-size: 12px;
  }

  /* university */
  #placement {
    padding: 0px 30px 70px 30px;
  }
  #placement h2 {
    font-size: 2vw;
    color: #003399;
    margin-top: -2px;
  }
  #placement img {
    width: 100%;
    padding: 10px;
  }
  #placement-img p {
    text-align: center;
    font-weight: 500;
  }
  /* Courses */

  /* footer */
  #footer {
    padding: 50px 30px;
    background-color: #333;
    color: #fff;
  }
  #footer-frm-bar {
    background-color: #386382;
    padding: 50px;
  }
  #footer-frm-bar h3 {
    color: #fff;
  }
  #footer-frm-bar p {
    color: #fff;
    font-size: 13px;
  }
  .yellow-span {
    color: #ffcc00;
    font-weight: bold;
  }
  .ftr-btn {
    padding: 10px 20px;
    border-style: none;
    border-radius: 10px;
    background-color: #ffcc00;
    color: #000;
    font-weight: bold;
  }

  #footer-b1 h3 {
    font-size: 1.3vw !important;
    font-weight: bold;
    color: #ffcc00;
  }
  #footer-b1 p {
    font-size: 14px;
    font-weight: normal;
  }
  #footer-bottom-bar {
    background-color: #333;
    padding: 20px;
    border-top: 1px solid #ccc;
    color: #fff;
    text-align: center;
  }

  #faqs {
    margin: 30px 0px;
  }
  #faqs h3 {
    font-size: 2vw;
    background: -webkit-linear-gradient(#f2167d, #ffa408);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    padding-left: 15px;
    font-weight: 500;
    text-align: center;
  }
  #faq-subh {
    text-align: center;
  }

  .accordion .accordion-item button[aria-expanded="true"] {
    background-color: #ebebeb;
    color: #000;
    border-radius: 0px 0px 0px 0px;
  }

  .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.125);
  }
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em;
    color: #7288a2;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }

  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  }

  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;

    /* border: 1px solid #03b5d2; */
  }

  .accordion button .accordion-title {
    font-weight: 500;
    color: #000;
  }

  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    /* border: 1px solid; */
    border-radius: 22px;
  }

  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }

  .accordion button[aria-expanded="true"] {
    color: #03b5d2;
    border-left: 10px solid #f2167d;
  }
  .accordion button[aria-expanded="true"] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded="true"] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    /* transition: all 200ms linear; */
    will-change: opacity, max-height;
    background-color: #f7f7f7;
    color: #000;
    padding: 0.5rem 1rem;
  }

  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0.9em 0.9em;
  }

  .child {
    background-color: rgba(220, 220, 220, 0.5);
    padding: 18px;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  /*FORM-section*/
  #form {
    padding: 30px 20px;
    background-color: #faf9f5;
    box-shadow: 0 0 5px 2px #ccc;
    margin-top: 0px;
    margin: 20px;
  }

  .frm-heading h5 {
    text-align: center;
    font-size: 20px;
    color: #f2167d;
  }
  .frm-heading p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    /* margin-top: -18px; */
  }
  label {
    color: #000;
    font-weight: 500;
    padding-top: 5px;
  }

  .form-control {
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 0.75em;
  }
  .required {
    color: red;
  }

  .sub-btn {
    background-image: linear-gradient(45deg, #f2167d, #ffa408);
    color: #fff;
    width: 100%;
    border-style: none;
    padding: 5px;
    border-radius: 3px;
    font-weight: 500;
  }

  .about-text {
    margin: 30px 0px;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .modal-content {
    background-color: transparent !important;
    margin: 5% auto;
    border-style: none;
    width: 35%;
  }
  /* Close button style */
  .close {
    color: #fff;
    /* width: 40px; */
    float: right;
    /* padding: 0px 8px; */
    /* padding-left: 10px; */
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    color: #707070;
    margin-left: 90%;
    margin-top: 10px;
  }
  .close:hover,
  .close:focus {
    color: red;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-content {
    background-color: transparent;
    margin: 5% auto;

    width: 35%;
  }
}

@media (max-width: 480px) {
  .topbar {
    background-color: #5a359d;
  }
  .topbar p {
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 10px;
  }

  .logo-img {
    width: 50%;
  }

  .nav {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 60px;
    padding-left: 17px;
    padding-right: 20px;
    margin: 0px;
    box-shadow: 0px 0px 5px 1px #a3a3a3;
  }

  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 2.5rem;
    .nav > .nav-list;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    /* width: 50px; */
    /* height: 50px; */
    /* padding: 13px; */
    background-color: #5a359d;
    padding: 10px 10px 7px 10px;
    margin-top: 10px;
    margin: 15px;
    border-radius: 5px;
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 8px;
    border-top: 2px solid #eee;
    cursor: pointer;
  }
  .nav > .nav-list {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    background-color: #f7f7f7;
    color: #000;
    height: 0;
    transition: all 0.3s ease-in;
    top: 115px;
    left: 0;
    overflow: hidden;
    z-index: 1;
  }
  .nav > .nav-list > li {
    width: 100%;
    margin-top: 1.5rem;
    list-style: none;
  }
  .nav > #nav-check:checked ~ .nav-list {
    height: calc(32vh - 0px);
  }
  .nav > .nav-list > li a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    font-weight: 500;
  }
  section {
    margin: 30px 0px 30px 0px;
    padding: 20px 10px;
  }
  p {
    margin-top: 0;
    margin-bottom: 0rem;
  }

  .green-btn2 {
    border: 2px solid #009933;
    color: #009933;
    background-color: #fff;
    padding: 7px 10px;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 14px;
  }
  .dark-blue-btn {
    color: #fff;
    font-size: 15px;
    background-color: #003399;
    padding: 10px;
    border-style: none;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 20px 0px;
    font-size: 13px;
  }

  #topbar-content p {
    text-align: center;
    color: #fff;
    background-color: #000;
    padding: 10px;
    font-size: 13px;
  }
  .topbar-span {
    color: #ff781f;
  }

  .sub-h {
    font-weight: 500;
    text-align: center;
    font-size: 15px;
  }

  .show-splz {
    background: none;
    border-style: none;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
  }
  /* .blue-btn-university {
    color: #fff;
    font-size: 14px;
    background-color: #003399;
    padding: 10px;
    border-style: none;
    box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 10px 0px;
    width: 100%;
  } */
  .green-btn-university {
    color: #fff;
    background-color: #009933;
    padding: 7px 10px;
    border-style: none;
    border-radius: 5px;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 13px;
    width: 100%;
  }
  .blue-btn {
    background-color: #3794e1;
    color: #fff;
    border-style: none;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 20px 0px;
  }
  .divider {
    background-color: #ff781f;
    height: 1px;
    margin: 10px 0px;
  }

  /*.top-banner{background-color:#FAF9F5; }*/

  .top-banner {
    /* background-image: url(images/upes-model.webp); */
    /* background-size: contain; */
    margin-bottom: 15px;
  }

  #main-content {
    padding: 0px 30px;
  }
  #main-content .ab2 {
    font-size: 30px;
    color: #ff6600;
  }

  #main-content h1 {
    color: #000;
    font-size: 25px;
  }
  #main-content p {
    font-size: 16px;
    font-weight: 500;
  }
  .top-banner h1 {
    font-weight: 700;
    color: #003399;
    font-size: 30px;
    margin: 20px 10px 10px 0px;
  }
  .top-banner h2 {
    font-size: 30px;
    font-weight: 500;
  }

  .topbtn {
    background-color: #f2167d;
    border-style: none;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    margin: 20px 0px;
  }

  #facility-box-orange i {
    background-color: #ff6600;
    color: #fff;

    padding: 10px 15px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-purple i {
    background-color: #993366;
    color: #fff;
    padding: 10px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-yellow i {
    background-color: #ffcc00;
    color: #fff;

    padding: 10px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-pink i {
    background-color: #ff0066;
    color: #fff;
    padding: 10px 15px;
    border-radius: 40px;
    font-size: 19px;
  }

  #facility-box-orange {
    background-color: #fb7c27;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    margin-top: -17px;
    width: 50%;
  }

  #facility-box-pink {
    background-color: #ef304c;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    width: 50%;
  }
  #facility-box-blue {
    background-color: #005eb0;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    margin-top: -17px;
    width: 50%;
  }
  #facility-box-yellow {
    background-color: #005eb0;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    width: 50%;
  }
  #facility-box-purple {
    background-color: #630098;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    margin-top: -17px;
    width: 50%;
  }
  */ #facility-box-orange p,
  #facility-box-pink p,
  #facility-box-yellow p,
  #facility-box-purple p {
    font-size: 15px;
  }
  #facility-box-orange h5,
  #facility-box-pink h5,
  #facility-box-yellow h5,
  #facility-box-purple h5 {
    font-size: 12px;
    /* margin-left: 10vw; */
    font-weight: 500;
    margin-top: 5px;
    color: #fff;
  }
  #facility-box-orange img,
  #facility-box-pink img,
  #facility-box-blue img,
  #facility-box-purple img {
    float: left;
    width: 20%;
    margin-right: 10px;
  }

  /* about */
  #about {
    /* background-image: url("images/upes-university-image.webp"); */
    padding: 20px;
  }
  #about h2 {
    font-size: 22px;
    font-weight: bold;
    color: #003399;
    text-align: center;
  }
  .about-sub-h {
    font-size: 13px;
    font-weight: bold;
    background-color: orange;
    padding: 5px;
  }
  #about p {
    font-size: 14px;
    text-align: justify;
  }
  .about-text {
    margin: 10px 0px;
    text-align: justify;
  }
  .about-sub-h {
    text-align: center;
  }
  .s1 {
    padding: 0px 10px;
  }
  #about h3 {
    font-size: 13px;
  }

  #mba-specialization h2 {
    color: #ffcc00;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
  }
  .sub-h-splz {
    text-align: center;
  }
  /*#mba-specialization p{text-align:center;}*/

  #placement {
    background-color: #ff781f;
  }
  #placement h2 {
    font-size: 30px;
    color: #fff;
  }
  #placement-box {
    padding: 10px;
    width: 50%;
  }
  #placement-box img {
    float: left;
    width: 40%;
    margin-right: 5px;
    margin-top: -10px;
  }
  #placement-box h4 {
    font-size: 14px;
  }
  #placement-box p {
    font-size: 12px;
  }
  #aprvls {
    padding: 25px 20px 20px 20px;
  }
  #text-aprvls {
    padding: 30px;
    line-height: 1.4em;
    text-align: center;
  }

  #splz {
    color: #000;
  }
  .hh {
    color: #003399;
    font-weight: bold;
  }

  /* working */
  /* working */
  #working-cc {
    width: 94%;
    padding: 40px 0px;
  }
  #working-p {
    background-image: linear-gradient(to right, #21b6ea, #5b359d);
  }
  #working-p h2 {
    color: #fff;
    font-size: 18px;
  }
  #working-p h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
  }
  /* .working-p-box {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #fff;
  } */

  .working-p-box-left-border {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 20px 15px;
    background-color: #fff;
    border-left: 4px solid #ffb300;
    font-size: 13px;
  }

  .working-p-box-right-border {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 20px 15px;
    background-color: #fff;
    border-right: 4px solid #ffb300;
    font-size: 13px;
  }
  .working-p-box-left-border img {
    float: left;
    width: 23%;

    margin-right: 10px;
  }

  .working-p-box-right-border img {
    float: left;
    width: 23%;

    margin-right: 10px;
  }
  /* .working-p-box-left-border .working-p-box-right-border h4 {
    font-weight: 500;
    font-size: 16px;
  } */
  .working-p-box p {
    font-size: 12px;
  }

  /* university
  #placement {
    background-color: #faf9f5;
    padding: 50px !important;
  }
  #placement h2 {
    background-color: #faf9f5;
    font-size: 18px;
    color: #003399;
  }
  #placement-img {
    width: 50%;
  }
  #placement-img-box {
    width: 33%;
    margin: 10px;
  }
  #placement-img p {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    margin-top: -10px;
  } */

  /* start approvals */
  #approvals-box {
    padding: 10px;
    border-radius: 10px;
    width: 50%;
  }
  #aprvls {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
  }

  #approvals-box img {
    width: 100%;
  }
  #approvals-box p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
  }

  #approvals {
    background-color: #e6e6e6;
    text-align: center;
    padding: 20px;
  }
  /* #approvals h2 {
    font-size: 14px;
  } */
  #approvals h3 {
    font-size: 18px;
  }

  .programs-heading {
    background-image: linear-gradient(to right, #f2167d, #ffa408);
    padding: 50px 10px 100px 10px;
    margin-top: 50px;
    color: #fff;
  }

  .programs-heading h2 {
    text-align: center;
    font-size: 20px;
  }
  /* #program-bg {
    background-image: linear-gradient(to right, #21b6ea, #5b359d);
    padding: 40px;
  } */
  /* 
  #program-bg h2 {
    text-align: center;
  } */
  #programs {
    border-top: 50px;
  }
  .program-sl {
    margin-top: -100px !important;
  }
  .sl {
    color: #fff;
    padding: 6px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    position: absolute;
    background-color: #5a359d;
    font-weight: bold;
  }

  /* Courses */
  /* 
  #Courses {
    background-image: url(images/mba-bottom-bg-image.webp);
    background-size: cover;
    padding: 50px 20px;
    color: #fff;
  }
  #Courses .box {
    margin: 10px;
  }
  #Courses .box img {
    float: left;
    width: 32%;
    margin-right: 8px;
  }

  .orange-btn {
    border-style: none;
    padding: 5px 8px;
    border-radius: 5px;
    background-color: #ffcc00;
    color: #000;
    font-weight: bold;
    margin: 5px 0px;
  }
  #Courses-box1 {
    background-color: #ff781f;
    padding: 30px 20px;
    border-radius: 5px;
    margin: 5px;
    width: 45%;
  }
  #Courses-box2 {
    background-color: #ff0066;
    padding: 30px 20px;
    border-radius: 5px;
    margin: 5px;
    width: 45%;
  }

  #Courses-box3 {
    background-color: #3794e1;
    padding: 30px 20px;
    border-radius: 5px;
    margin: 5px;
    width: 45%;
  }
  #Courses-box4 {
    background-color: #6940cc;
    padding: 30px 20px;
    border-radius: 5px;
    margin: 5px;
    width: 45%;
  }

  #Courses-box1 h2,
  #Courses-box3 h2,
  #Courses-box2 h2,
  #Courses-box4 h2 {
    font-weight: 600 !important;
    text-align: center;
    font-size: 40px;
  }
  #Courses-box1 p,
  #Courses-box3 p,
  #Courses-box2 p,
  #Courses-box4 p {
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
  } */

  /* #facts {
    box-shadow: 0 0 5px 2px #ccc;
    padding: 50px 30px;
    margin-top: -90px;
    background-color: #fff;
  }
  #fact-box {
    width: 50%;
    padding: 10px;
  }
  #fact-box img {
    width: 25%;
    margin-right: 10px;
  }
  #fact-box h4 {
    font-size: 30px;
    font-weight: bold;
  }
  #fact-box p {
    font-size: 10px;
    margin-left: 50px;
  } */
  /* footer */
  /* #footer-frm-bar {
    background-color: #386382;
    padding: 20px;
  }
  #footer-frm-bar h3 {
    color: #fff;
    text-align: center;
    font-size: 18px;
  }
  #footer-frm-bar p {
    text-align: center;
  }

  .ftr-btn {
    padding: 10px 20px;
    border-style: none;
    border-radius: 10px;
    background-color: #ffcc00;
    color: #000;
    font-weight: 500;
    margin-top: 20px;
  } */
  #footer {
    padding: 20px;
    background-color: #333;
    color: #fff;
  }
  #footer-b1 h3 {
    font-size: 15px !important;
    font-weight: bold;
    color: #ffcc00;
    margin-top: 20px;
  }
  #footer-b1 p {
    font-size: 14px;
    font-weight: normal;
  }

  #footer-bottom-bar {
    background-color: #333;
    padding: 20px;
    border-top: 1px solid #ccc;
    color:#fff; font-size:14px;
  }

  #faqs {
    margin: 30px 0px;
  }
  #faqs h3 {
    font-size: 20px;
    color: #003399;
    text-align: center;
    font-weight: 500;
  }
  #faqs p {
    padding-left: 0px;
  }
  #faq-subh {
    text-align: center;
  }

  .accordion .accordion-item button[aria-expanded="true"] {
    background-color: #ebebeb;
    color: #000;
    border-radius: 0px 0px 0px 0px;
  }

  .accordion-item {
    background-color: #e6e6e6;
    border: 0px solid rgba(0, 0, 0, 0.125);
  }
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0.8em;
    color: #7288a2;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }

  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  }

  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    /* border: 1px solid #03b5d2; */
  }

  .accordion button .accordion-title {
    font-weight: 500;
    color: #000;
    font-size: 13px;
  }

  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    /* border: 1px solid; */
    border-radius: 22px;
  }

  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }

  .accordion button[aria-expanded="true"] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded="true"] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded="true"] + .accordion-content {
    opacity: 1;
    max-height: 100%;
    /* transition: all 200ms linear; */
    will-change: opacity, max-height;
    background-color: #f7f7f7;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 0px 0px 10px 10px;
  }

  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 13px;
    font-weight: 300;
    margin: 0.5em 0;
  }

  .child {
    background-color: rgba(220, 220, 220, 0.5);
    padding: 18px;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  /*FORM-section*/
  /*FORM-section*/
  #form {
    padding: 30px 20px;
    background-color: #faf9f5;
    box-shadow: 0 0 5px 2px #ccc;
    margin-top: 0px;
    margin: 0px 20px;
  }

  .frm-heading h5 {
    text-align: center;
    font-size: 20px;
    color: #f2167d;
  }
  .frm-heading p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    /* margin-top: -18px; */
  }
  label {
    color: #000;
    font-weight: 500;
    padding-top: 5px;
  }

  .form-control {
    line-height: 1.5;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 0.75em;
  }
  .required {
    color: red;
  }

  .sub-btn {
    background-image: linear-gradient(45deg, #f2167d, #ffa408);
    color: #fff;
    width: 100%;
    border-style: none;
    padding: 5px;
    border-radius: 3px;
    font-weight: 500;
  }

  /* .owl-item {width: 100px; height: 18rem; margin-right: 10px; background:#fff; box-shadow: 0 0 5px 2px #f7f7f7; margin: 10px; padding:20px 30px; border-radius: 10px; } */
  /* .item img{float: left; width: 20px;} */
  /* .owl-carousel .owl-item img {
        display: block;
         width: 20%!important; 
    } */
  /* university */
  #placement {
    padding: 20px;
    background-color: #fff;
  }
  #placement h2 {
    font-size: 20px;
    color: #003399;
    margin-top: -2px;
  }
  #placement-img {
    width: 50%;
  }
  #placement img {
    width: 100%;
    padding-bottom: 10px;
  }
  #placement-img p {
    text-align: center;
    font-weight: 500;
  }

  .owl-carousel .owl-item {
    padding: 0px;
  }
  .slide {
    margin: 5px;
  }

  #card-box {
    margin: 10px;
    box-shadow: 0 18px 18px 0 rgba(0, 0, 0, 0.2);
  }
  .card-box-cnt {
    padding: 20px;
  }
  .card-box-cnt h2 {
  }
  .heading-splz {
    font-size: 17px;
  }
  #card-box p {
    font-size: 12px;
    line-height: 1.8;
  }
  #card-box h6 {
    margin-top: 10px;
    font-size: 13px;
  }
  #card-box .orange-span {
    color: #f58220;
    font-weight: bold;
    margin-top: 10px;
  }

  .course-green-btn {
    background-color: #009933;
    color: #fff;
    border-style: none;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 13px;
  }
  .owl-carousel .owl-stage {
    margin-bottom: 0; /* Reset bottom margin */
  }

  /* Additionally, if needed */
  .owl-carousel .owl-item {
    margin-bottom: 0; /* Reset bottom margin for items */
  }
  #mba-data {
    display: none;
    background-color: #fff;
    box-shadow: 0 0 5px 2px #ccc;
    padding: 30px;
  }
  #bba-data {
    display: none;
    background-color: #fff;
    box-shadow: 0 0 5px 2px #ccc;
    padding: 30px;
  }

  .slider1 .slide {
    padding: 10px;
    border-radius: 10px;
  }
  .slider1,
  .slider2 {
    margin-bottom: 0; /* Reset bottom margin */
    padding-bottom: 0; /* Reset bottom padding */
  }

  .splz {
    margin-top: 10px;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity 0.5s ease-in-out;
  }
  .modal-content {
    margin: 35% auto;
    /* padding: 20px; */
    width: 83%;
    background-color: transparent;
    border-style: none;
  }
  /* Close button style */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    margin-left: 88%;
    margin-top: 5px;
  }
  .close:hover,
  .close:focus {
    color: red;
    text-decoration: none;
    cursor: pointer;
  }
  a {
    color: #0d6efd;
    /* text-decoration: underline; */
    text-decoration: none;
  }
  video {
    margin-bottom: -10px;
  }

  .modal-content {
    width: 100%;
    margin-top: 70px;
  }

  .fa fa-map-marker {
  }
}