body {
  overflow-x: hidden;
  /* Hides horizontal scrolling */
}

/* main color that resue */
/* root color */
:root {
  /* color text */
  /* nav bar color */
  --primary-color: #184c74;
  /* second color */
  --second-color: #2d71a1;
  /* color text */
}

/* text custom all page dark blue */
.text_custom {
  color: var(--primary-color);

}

.custom_color {
  background-color: var(--primary-color);
}

/* first nav */
.header_navbar {
  background-color: var(--primary-color);
  height: 50px;


}

.parsley-required, .parsley-minlength, .parsley-maxlength, .parsley-pattern, .parsley-type, .parsley-equalto {
    color: red;
}

/* text style */
.text_size {
  font-size: 20px;

}

/* style nav bar */
.dropdown {

  /* position: relative; */
  position: static !important;
}

/* styling on a */
a {
  color: var(--primary-color);
}

a:hover {
  background-color: #d8d4d4;
}

/* style on bacgroung */
.bag_cstom {

  background-color: #d8d4d4;
}

.bg-body-tertiary {
  /* --bs-bg-opacity: 1; */
  background-color: #ffff !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  border-radius: 8px;
}

/* button enrolment style */
.sidebar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #0b5a82;
  /* Dark blue color */
  width: 50px;
  height: 120px;
  border-radius: 0 8px 8px 0;
  /* Rounded right corners */
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  /* Makes the text vertical */
  text-orientation: mixed;
  color: #fff;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

/* Hover effect for the sidebar */
.sidebar:hover {
  background-color: #084a6c;
}

.container-fluid {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

element.style {
  margin-top: 0px !important;
}

/* section-partners */
.section-partners {
  background-color: #e0dcdc;

}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}

.menu-bar {
  margin: 0 auto;
  /* Adjust centering if needed */
  padding: 0;
}

/* to top the mune droup down */
.dropdown-menu[data-bs-popper] {
  top: 65px;
  left: 0;
  right: 0;

}

/* footer */
/* footer color background */

.card-footer {
  background-color: var(--primary-color);
}

/* Bottom Section */
.footer-bottom {
  border-top: 1px solid #fff;
  width: 80%;
  padding-top: 15px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 14%;
}

/* horzintal line style  */
.hr_fcustom {
  border: 0.5px solid #ffff;

}

/* nav tap bagrouhnd */
.nav-tabs {
  background-color: #e0dcdc;
  ;
}

/* card style */

.card {
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
  background-color: #e4e1e1;
  width: 60%;
  margin-top: 0%;
}

/* style on nav and tap nav */
.nav-link:hover {
  color: var(--primary-color);
}

link.show {
  color: var(--primary-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--primary-color);

}

.nav-link.show {
  color: var(--primary-color) !important;
}

.custom_margin {
  margin-top: 18%;

}

.custom_algin {
  margin-left: 25px;
}

.nav-link:focus,
.nav-link:hover {
  color: #07326a;
}

/* nav-tap style */
button:focus:not(:focus-visible) {
  outline: 0;
}

.nav-link:focus,
.nav-link:hover {
  color: #07326a;
}

.nav-link:hover {
  background-color: #d8d4d4;
  font-weight: bold;
}

.custom-padding {
  padding-left: 15%;
  padding-right: 15%;
}

/* pannaer style */
.carousel-inner img {
  object-fit: cover;
  border-radius: 20px;
  height: 400px;

}

/* responsive imge slides in small screen  */
@media (max-width: 600px) {
  .carousel-inner img {
    max-height: 200px;
    /* Adjust max height for small screens */
  }
}

/* responsive tap nav hover  */
/* Large screens (992px and up) */
@media (min-width: 992px) {
  .nav {
    --bs-nav-link-padding-x: 8.2rem;
    /* Increased padding for larger screens */
  }
}

/* style hover in navbar */
.nav-item.dropdown:hover {
  background-color: #d8d4d4;
  /* Change this to your desired background color */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}