h1,h2 {
    font-weight: 300;
    font-size: 50px;
}

h1 strong,h2 strong {
    font-weight: 700; /* ou bold */
}
h3{
    font-size: 24px;
    font-weight: 300;
}
.h3{
    font-size: 35px;
      text-transform: uppercase;
}

h4 strong{
    font-size: 30px;
  
}

.border{
    border:1px solid #000 !important;
}

ul{
    list-style-type:square;
}

.btn-border{
    border:1px solid var(--color-1);
    border-radius:4px;
}
.btn-border:hover,.btn-border.active{
     background-color: var(--btn-1-bg);
    color: var(--btn-1-color);
    border: var(--btn-1-border-width) var(--btn-1-border-color) solid;
    border-radius: var(--btn-1-radius);
}


.red .btn-border{
    border:1px solid var(--color-3);
    border-radius:4px;
    color:var(--color-3);
}
.red .btn-border:hover,.red .btn-border.active{
     background-color: var(--btn-3-bg);
    color: var(--btn-3-color);
    border: var(--btn-3-border-width) var(--btn-3-border-color) solid;
    border-radius: var(--btn-3-radius);
}

.bandeau{
   position:relative;
   color:#fff;
   font-size: 20px;
}
.bandeau-img{
   height:730px;
}
.bandeau:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    background-image: url(../../img/bandeau.png);
    width:100%;
    height:100%;
    max-height:560px;

}

.list-check {
    list-style: none;
    padding-left: 40px;
}

.list-check li{
 position:relative;
  font-size: 22px;
}

.list-check li::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 0.3em;
    width: 28px;
    height: 30px;
    background: url('../../img/check.svg') no-repeat center;
    background-size: contain; 
}



.description .nav-tabs {
   border-bottom: none;
}
.description .nav-item {
    margin:.5rem;
}

.li-color-2,.li-color-3 {
list-style-type:square;
font-size: 18px;
}
.li-color-2 li::marker{
color:var(--color-2);
}
.li-color-3 li::marker{
color:var(--color-3);
}


.etude-img{
    max-width:374px;
}


@media (max-width: 992px) {
    .bandeau-img {
    height: auto;
}
   .bandeau:before {
    top: 0;
    transform: translateY(0%);
max-height: 100%;;
}
}
@media (max-width: 768px) {
    .features-5-wrap-xxl .feature {
        flex: 50%;
    }
    h1, h2 {

    font-size: 38px;
}
}

@media (max-width: 575px) {
    .features-stacked-sm .feature {
        text-align: center;
        flex-direction: column;
    }

}