.features-section {
    width: 100%;

    min-height: 600px;

    padding: 100px 70px;

    background-color: rgb(10, 10, 10);
}


.features-heading {
    text-align: center;

    margin-bottom: 70px;
}


.features-small-text {
    margin: 0 0 20px 0;

    font-size: 13px;

    letter-spacing: 4px;

    color: rgb(153, 153, 153);
}


.features-heading h2 {
    margin: 0;

    font-size: 52px;

    line-height: 1.1;

    letter-spacing: -2px;
}


.features-container {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}


.feature-card {
    min-height: 300px;

    padding: 40px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background-color: rgb(21, 21, 21);

    border: 1px solid rgb(34, 34, 34);

    border-radius: 20px;

    transition: 0.3s;
}


.feature-card:hover {
    transform: translateY(-6px);

    border-color: rgb(68, 68, 68);
}


.feature-icon {
    width: 55px;
    height: 55px;

    margin-bottom: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: rgb(230, 230, 230);

    font-size: 24px;

    transition: 0.3s;
}

.feature-card h3 {
    margin: 0 0 15px 0;

    font-size: 24px;

    line-height: 1.2;
}


.feature-card p {
    width: 90%;

    margin: 0;

    font-size: 15px;

    line-height: 1.6;

    color: rgb(136, 136, 136);
}
 
.feature-card:hover .feature-icon {
    transform: scale(1.08);
}

.feature-icon img {
    width: 24px;
    height: 24px;

    object-fit: contain;
}
.feature-card:nth-child(2) .feature-icon img {
    width: 32px;
    height: 32px;

    object-fit: contain;
}