.myddd {
    position:absolute;
}

.section-title span {
    font-size: 36px;
    color: #7c7d80;
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 2px;
}
.bg-primary {
    background-color: #9bcc63 !important;
}
.text-secondary {
    color: #9bcc63 !important;
}

.text-primary {
    color: #9bcc63 !important;
}

.butn-style4 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 15px 36px !important;
    border-radius: 5px;
    z-index: 1;
    transition: all 500ms ease;
    background-color: #9bcc63;
}

.butn-style4 {
  border-color: #009688 !important; /* nouvelle couleur du contour */
}

.butn-style4::before {
  background: #009688 !important; /* nouvelle couleur de l'animation */
}

.butn-style4:hover {
  color: #fff !important; /* assure la lisibilité du texte */
}

.header-style2 .navbar-nav li.current > a, .header-style2 .navbar-nav li.active > a {
    color: #9bcc63;
}