body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Poppins" !important;
}

a {
  color: unset !important;
  text-decoration: unset !important;
}

.bg-light {
  background-color: #e9e9e9 !important;
}

.bg-light2 {
  background-color: #F8F9FF !important;
}

.bg-mail {
  background: linear-gradient(90deg,
      rgba(26, 4, 62, 1) 0%,
      rgba(46, 3, 114, 1) 12%,
      rgba(47, 17, 175, 1) 55%,
      rgba(65, 16, 144, 1) 100%) !important;
}

h1 {
  font-size: 45px !important;
  font-weight: bold !important;
}

h2 {
  color: #310a6f;
}

h3 {
  font-size: 25px !important;
  font-weight: bolder !important;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.44);
  color: #ef5c27;
}

h4 {
  font-size: 16px !important;
  color: #ff4807;
  font-weight: bold !important;
}

h5 {
  font-size: 20px !important;
  color: #ffffff;
  font-weight: bold !important;
}

h6 {
  font-size: 15px !important;
  color: #1A043E;
  font-weight: bold !important;
}



.navbar-inverse .navbar-nav .nav-link {
  color: #9c87bc !important;
  margin-right: 5px !important;
  font-family: "Source Sans Pro" !important;
  font-size: 13px !important;
}

.navbar-brand {
  margin-left: 20px !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #1a043e;
  margin-right: 5px !important;
  font-family: "Source Sans Pro" !important;
  font-size: 17px !important;
}


.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-inverse .navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .nav-link:hover {
  color: #ef5c27 !important;
}

.navbar-expand-lg .navbar-collapse {
  margin-right: 20px !important;
}

.g-4,
.gy-4 {
  --bs-gutter-y: -1.5rem !important;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 0.5rem !important;
}
/*
originial
.g-8,
.gy-8 {
  --bs-gutter-y: -3.5rem !important;
}
*/

.g-4,
.gy-4 {
  --bs-gutter-y: -1.5rem !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 980px !important;
}

#education-card {
  border-radius: 15px;
  font-size: 13px;
}

#service-card {
  border-radius: 10px;
  font-size: 13px;
}

#education-card img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 167px;
}


.nav-tabs .nav-link {
  margin-top: -1px;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
}

#education-detail-img {
  border-radius: 15px !important;
  padding: 3px;
}

#education-detail-title {
  color: #310a6f;
  font-size: 27px;
  font-weight: bolder;
}

#education-detail-sigin-button {
  text-decoration: none !important;
  font-weight: bolder;
  font-size: 14px;
  color: #ffffff !important;
  background-color: #ef5c27f4;
  border-style: none;
  border-radius: 25px;
  width: 245px;
  height: 40px;
}

.education-detail-icon {
  color: #a0a0a0;
  margin-right: 0.75rem;
}

#education-detail-text {
  font-size: 12px;
  display: flex;
  color: #010f22;
}

.education-detail-alt-icon {
  color: #ffffff;
  margin-right: 0.75rem;
}

#education-detail-alt-button {
  text-decoration: none !important;
  font-weight: bolder;
  font-size: 10px;
  color: #ffffff !important;
  background-color: #5b2aa8;
  border-style: none;
  border-radius: 5px;
  padding: 6px;
}

.list-group {
  list-style: none !important;
}

.accordion-button:focus {
  border-color: unset !important;
  box-shadow: unset !important;
}

.accordion-button:not(.collapsed) {
  color: unset !important;
  background-color: unset !important;
  box-shadow: unset !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button {
  background-color: #F8F9FF !important;
  border: unset !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.accordion-item {
  padding: 5 !important;
  border: unset !important;
}

.card-date {
  color: #00b592;
  font-size: 13px;
}

.card-button a {
  background-color: #e5f8f4;
}

.card-button {
  text-decoration: none !important;
  color: #00b592 !important;
  background-color: #e5f8f4;
  border-style: none;
  border-radius: 17px;
  width: 113px;
  height: 31px;
}

.card-title {
  color: #310a6f;
  font-size: 16px !important;
  font-weight: bold;
}

.card-title-home-page {
  color: #310a6f;
  font-size: 22px !important;
  font-weight: bold;
}

#card-activite {
  background-color: unset !important;
  border: 0 !important;
}

#card-title-service {
  color: #ffffff;
  padding: 2rem 0rem 0.5rem 0rem !important;
}

#card-title-activite {
  color: #ef5c27;
}

#card-body-activite {
  padding: 0rem 1rem 1rem 1rem !important;
}

.card-text {
  color: #310a6f;
}

#card-text-service {
  color: #ffffff !important;
}

#card-text-activite {
  color: #7b8591;
  font-size: 12px;
}

#card-alt-text-activite {
  color: #7b8591;
  font-size: 13px;
  text-decoration: none !important;
}

#card-title-service {
  display: none;
}

#card-title-service {
  display: inline-block;
}

.button-service {
  background-color: #ffffff;
  color: #4d3d69;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  font-weight: bolder;
  /*display: none;*/
  display: block;
  border-radius: 3px;
  border: unset;
}

.button-service-icon {
  color: #4d3d69;
}


#service-card:hover .button-service {
  display: block;
}


#mail-text-left {
  color: #ffffff !important;
  font-size: 15px !important;
}

#mail-text-right {
  color: #ffffff !important;
  font-size: 11px !important;
  opacity: 0.7;
}

.card-footer-left,
.card-footer-left a {
  text-decoration: none !important;
  color: #ffbe58;
}

.card-footer-right,
.card-footer-right a {
  text-decoration: none !important;
  color: #7d8597;
}

.contact-img:hover {
  cursor: pointer;
}

.contact-img {
  cursor: pointer;
  position: fixed;
  top: 70%;
  right: 0;
  transform: translateY(-30%);
}

.fixed-bottom {
  left: revert !important;
}

#popup-content {
  background-color: #ef5c27 !important;
  font-size: 11px !important;
  color: #ffffff;
  font-weight: bold !important;
}

#popup-content .form-control {
  border: 1px solid #963714 !important;
  border-radius: unset !important;
  font-size: 0.9em !important;
}

#contact-form .form-control {
  border: 1px solid #C3C3C3 !important;
  border-radius: unset !important;
  font-size: 13px !important;
  background-color: #F8F8F8;
  height: 60px;
  text-align: left;
}

#contact-form textarea {
  height: 150px !important;
}

#contact-form .form-check-label {
  font-size: 14px;
}

.form-design .form-control {
  margin: 0 0 20 0 !important;
}

.btn-file {
  background-color: #310A6F !important;
  color: #FFFFFF !important;
  font-size: 13px;
  height: 60px;
}

.file-alt-text {
  font-size: 12px;
  font-style: italic;
  color: #EF5C27;
  margin-top: -15px;
}

.form-top-text {
  opacity: 0.4;
  font-size: 18px;
  font-weight: bolder;
}

.dropdown-item:active {
  background-color: #EF5C27 !important;
  color: #fff !important;
}

.btn-dropdown {
  font-size: 13px !important;
  opacity: 0.8;
}

.dropdown-toggle::after {
  right: 23% !important;
  left: 79% !important;
}

.btn-primary {
  background-color: #EF5C27 !important;
  border-color: unset !important;
  border-radius: unset !important;
  padding: 8 70 8 70 !important;
  font-weight: bolder !important;
}

.modal-header {
  border-bottom: unset !important;
}

.modal-footer {
  border-top: unset !important;
}

.btn-secondary {
  color: #fff !important;
  background-color: #1a043e !important;
  border-radius: 0px !important;
  border-color: #1a043e !important;
  font-size: 14px !important;
  width: 130px;
}

.sponsor-img {
  height: 160px;
  width: auto;
  /*height: 60% !important;
   filter: grayscale(100%); 
  opacity: 0.6;*/
  margin-bottom: -50px;
  margin: 0px 0px -50px 10px;
}

.first-button {
  text-decoration: none !important;
  color: #310a6f !important;
  background-color: transparent;
  border-color: #47567774 !important;
  border-width: thin;
  border-radius: 25px;
  padding: 8px 25px 8px 25px;
  font-weight: 300 !important;
  font-size: 12px;
}

#email-button>.form-control,
#email-button>.form-select {
  font-size: 14px !important;
  border-radius: 30px !important;
  border-color: unset !important;
  z-index: 0;
}

.btn-outline-secondary {
  border-radius: 30px !important;
  width: 112px !important;
  background-color: #ef5c27 !important;
  color: #ffffff !important;
  position: absolute !important;
  right: 1.5px !important;
  top: 1.5px !important;
  bottom: 1.5px !important;
  border: 0 !important;
  outline: none !important;
  padding: 0 10px !important;
  z-index: 2 !important;
}

.btn:focus,
.btn-close:focus,
.form-check-input:focus,
.form-control:focus {
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #ef5c27f4 !important;
  border-color: #ef5c27f4 !important;
}

#popup-content .form-check-input:checked {
  background-color: #1A043E !important;
  border-color: #1A043E !important;
}

.carousel-caption {
  bottom: -1.25rem !important;
  left: 4% !important;
  text-align: left !important;
}

.activite-date {
  color: #ef5c27;
  font-size: 10px;
  font-weight: bold;
}

.slider-button {
  border-color: #31126d !important;
  background-color: #ffffff !important;
  border-radius: 25px !important;
  width: 30px !important;
  height: 30px !important;
}

.slider-button:hover,
.slider-button:focus {
  background-color: #310a6f !important;
  color: #ffffff !important;
}

.splide__arrow {
  position: unset !important;
  transform: unset !important;
  background-color: #ffffff !important;
  opacity: unset !important;
  display: unset !important;
  border-color: #31126d !important;
  border-style: revert !important;
  border-width: 2px !important;
}

.splide__arrow:hover,
.splide__arrow:focus {
  background-color: #310a6f !important;
}

.splide__arrow:hover svg,
.splide__arrow:focus svg {
  fill: #ffffff !important;
}

.splide__arrows {
  justify-content: flex-end !important;
  display: flex !important;
  margin-right: 20;
}

.bg-footer {
  background-color: #14032f;
}

#footer-title {
  color: #ffffff !important;
  font-size: 18px;
  font-weight: bolder;
}

#footer-text {
  color: #ffffff !important;
  font-size: 14px;
  display: flex;
}

#footer-text:hover,
#footer-text:focus {
  color: #ef5c27;
}

.footer-icon {
  color: #5863f8;
  margin-right: 0.75rem;
}

#footer-mail {
  background-color: #301c50;
}

.footer-copyright {
  color: #b1b1b1;
  font-size: 12px;
}

.footer-mail-title {
  font-size: 18px !important;
}

.footer-mail-text {
  font-size: 11px;
  color: #ffffff;
}

.footer-mail-alt-text {
  font-size: 10px;
  color: #ffffff;
  opacity: 0.7;
}

.btn-footer {
  background-color: #ef5c27 !important;
  color: #ffffff !important;
  font-weight: bolder !important;
  font-size: 13px !important;
}

.input-footer {
  border-radius: 5px !important;
  padding-bottom: 0.4rem !important;
}

#about-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

#training-details-title {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}

#about-text {
  color: #310a6f;
  font-size: 14px;
  font-weight: bold;
}

#about-text-left {
  color: #310a6f;
  font-size: 14px;
  font-weight: unset;
}


@media only screen and (min-width: 750px) {
  .splide__slide {
    width: 30% !important;
    height: unset !important;
  }
}

.splide__slide {
  height: unset !important;
}

@media only screen and (max-width: 450px) {
  .splide__slide {
    width: calc(95%) !important;
  }
}

ul {
  list-style-type: "- ";
}

.nav-tabs .nav-link {
  border-color: #dee2e6 #dee2e6 #fff !important;
  background-color: #f8f9ff !important;
  color: #1a043e !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active, .page-item {
  color: #1a043e !important;
  background-color: #cab7e8 !important;
  font-weight: bolder !important;
}


.text-icon {
  font-size: 3rem !important;
  color: #EF5C27 !important;

}

#contact-address-title {
  color: #310A6F !important;
  font-weight: bolder;
}

#contact-address-text {
  color: #310A6F !important;
}

.contact-address-icon {
  font-size: 1rem !important;
  color: #ffffff !important;
  background-color: #310A6F !important;
  border-radius: 50%;
  text-align: center;
  padding: 9 11 9 11;
}

.responsive-map {
  overflow: hidden;
  position: relative;
  height: 320;
}

.responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.contact-address-card:hover {
  background-color: #F4F5FF;
}