/* Hero section */
section#hero {
    background: linear-gradient(135deg, #17B3AA, #FF5E50);
    min-height: calc(100vh - 40px);
}

/* Piliers - approche I2TECS */

.pilier>div:first-child{
    width: 100px;
    height: 100px;
    border: 2px solid #FF5E50;
}

.pilier .anime-circle {
    animation: full-rotate 4s linear infinite paused;
}

.pilier .anime-circle>div {
    top: 20px;
    width: 10px;
    height: 10px;
    background: #FF5E50;
    box-shadow: 0 0 5px 3px #FF5E50;
}

.pilier:hover .anime-circle, .pilier:nth-child(even) .anime-circle {
    animation-play-state: running;
}

.pilier .line-design {
    border: 1px dashed #FF5E50;
}

/* .pilier .line-design:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #FF5E50;
    left: 5%;
    background-image: radial-gradient(#FF5E50 50%, transparent 50%);
} */

@keyframes full-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn-primary {
    background-color: #FF5E50;
    border: none;
}



.btn-outline-primary {
    border-color: #17B3AA;
    color: #17B3AA;
}

.btn-outline-primary:hover {
    background-color: #17B3AA;
    color: white;
}
.card-title {
    color: #004F62;
    font-weight: 600;
}
.card a {
    color: var(--fond-principal);
    border: none;
    background-color: var(--corail-vif);
}

.card a:hover {
    background-color: var(--corail-vif);
}