h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
li,
dt,
dd,
legend,
caption,
em,
strong,
small,
s,
cite,
code,
sub,
sup,
i,
b,
u,
span,
label,
button,
textarea,
option,
th,
td,
a {
  font-family: 'Montserrat', sans-serif !important;
}

body {
  background-color: #eee;
}

.form-signin {
  max-width: 70%;
  padding: 15px;
  margin: 0 auto;
  opacity: 0.9 !important;

}

.form-signin .form-signin-heading,
.form-signin .checkbox {}

.form-signin-heading {
  font-size: 16px;
  line-height: 27px !important;
  margin-left: 10px !important;
}


.form-signin .checkbox {
  font-weight: normal;
}

@media (max-width: 768px) {
  .form-signin {
    max-width: 100% !important;
  }
}


.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: 400px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 45px;
  margin-top: 2% !important;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}





.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 {
  text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
  text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
  text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.header {
  background-image: url('../img/login/header.jpg');
  background-size: cover;

}

.title_header {
  font-weight: bold !important;
}

line {
  height: 20px !important;
}

.header {

  width: 100%;
  padding: 1%;
}

.fixed_section {
  width: 100%;
  top: 0;
  transition: height 0.3s ease;
  background-color: #FFF;
  border-bottom: #003DA5 solid 3px !important;

}

.fixed-header {
  padding: 5% !important;
}

.formScroll {}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 100;
  height: 10px;
  width: 30%;
  background-color: #FFF;
}

.form_submit {
  font-size: 16px;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}

.form_submit:hover {
  background-color: #003DA5 !important;
  color: #FFF !important;
  border: 0px !important;
  transform: scale(1.05);

}

.img_nav1 {
  width: 176px;
  height: 87px;
}

.img_nav2 {
  width: 335px;
  height: 101 px;
}

.color_blue {
  color: #003DA5;
  font-weight: bold;
}

.color_yellow {
  color: #FFC928;
}

.card-img-top {
  max-width: 72px !important;
  max-height: 52px !important;
}

.card_1 {
  border: solid #FFC928 2px !important;
  border-radius: 25px !important;
}

.second_section {
  background-color: #E4E4E4;
}

.custom-card {
  border-radius: 50px !important;
}

.text {
  font-size: 24px !important;
  font-weight: bold !important;
  line-height: 30px;
}

.contact {
  border-radius: 25px;
  background-color: #003DA5;
  transition: transform 0.3s ease-in-out;

}

.contact:hover {
  transform: scale(1.05) !important;
}

.img_contact {
  max-width: 55px;
  max-height: 55px;
}

.text_contact {
  color: #FFF;
  font-size: 21px;
  font-weight: 600;
}

.lien_contact {
  color: #FFF !important;
  font-size: 14px !important;
  text-decoration: underline !important;
}

@media (max-width: 768px) {
  .lien_contact {
    font-size: 12px !important;
  }
}



.parallax-section {
  position: relative;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 50px 0px 50px 0px;
  transition: transform 0.3s;
}

.parallax-section:hover {
  transform: translate(-5px, -5px);
}

.parallax-section2 {
  position: relative;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px 0px 50px 0px;
  margin-top: -30vh;
  transition: transform 0.3s;
  width: 70% !important;
}

@media (min-width: 768px) and (max-width: 1150px) {
  .parallax-section2 {
    margin-top: -30vh;
    width: 55% !important;
  }

  .decalage {
    margin-bottom: 30vh;
  }
}

.parallax-section2:hover {
  transform: translate(5px, 5px);
}

.parallax-section .content,
.parallax-section2 .content {
  text-align: left;
  color: white;
  padding: 20px;
}

.parallax-section .content h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.first_section {
  background-color: #FFF !important;
}

@media (max-width: 768px) {
  .parallax-section {
    padding-bottom: 10%;
    position: relative;
    height: auto;
    /* Ajustez la hauteur selon vos besoins */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    float: none !important;
    border-radius: 50px 0px 50px 0px;
    transition: transform 0.3s;
    margin-bottom: 30px;
  }

  .decalage {
    padding-bottom: 0% !important;
  }

  .parallax-section:hover {
    transform: translate(0px, 0px);
  }

  .img_nav1 {
    width: auto;
    height: auto;
  }

  .parallax-section2 {
    padding-bottom: 3%;
    position: relative;
    height: auto;
    float: none !important;
    /* Ajustez la hauteur selon vos besoins */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px 0px 50px 0px;
    margin-top: 0%;
    transition: transform 0.3s;
    width: 100% !important;
  }

  .parallax-section2:hover {
    transform: translate(5px, 5px);
  }

  .parallax-section .content,
  .parallax-section2 .content {
    text-align: center;
    color: white;
    padding: 0px;
  }

  .parallax-section .content h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.glide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.glide__slide img {
  max-width: 100%;
  max-height: 100%;
}

.glide__arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}

.glide__arrow {
  background: transparent;
  border: none;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
}

.glide__slide img {
  max-width: 170px !important;
}



.footer_color {
  background-color: #01083B;
}

.text_footer {
  font-size: 11px;
}

@media (min-width: 768px) {
  .fixed_section {
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .header {
    position: sticky;
    top: 0;
    z-index: 11;
  }
}

.title_scroll {
  font-size: 30px !important;
}

.decalage {
  padding-bottom: 35% !important;
}

@media (min-width: 790px) and (max-width: 1600px) {
  .decalage {
    padding-bottom: 50% !important;
  }
}


.form_submit_scroll {
  margin-top: 10%;
  width: 150px !important;
  height: 40px;
  padding: Opx !important;
  margin-left: 10px !important;
  margin-top: 0px !important;
}

.scroll_input input {
  margin-top: 10%;
  height: 40px;
  padding: Opx !important;
  margin-left: 10px !important;
  margin-top: 0px !important;

}

.card:hover {
  background-color: #FFC928;
}

.card:hover .color_yellow {
  color: white;
}

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

.btn-primary {
  background-color: #FFC928 !important;
  border: 0px;
  margin-top: 20px;
}

.parallax-container2 {
  padding-bottom: 7%;
}



@media (max-width: 1000px) {
  .rowContact {
    flex-direction: column !important;

  }

}

@media (max-width: 1250px) {
  .custom-flex {
    flex-direction: column !important;
  }

  .custom-flex .col-md-2 {
    width: 100% !important;
    margin-top: 10px !important;
    text-align: center;
    justify-content: center;
  }

  .card {
    display: flex;
    justify-content: center !important;
    align-items: center;
  }
}

.txtFooter {
  color: #FFFFFF !important;
  margin-bottom: 0px !important;

}

.txtFooter:hover {
  color: #FFC928 !important;
}

p {
  margin-bottom: 0px !important;
}