.intro-image-section-description{
    margin-top: 20px;
    font-size: 20px;
}

.security-services-section{
    margin-top: 75px;
}

.security-services-section-cards-item{
    position: relative;
    color: #fff;
    height: 350px;
    border-radius: var(--border-radius);
    background-color: var(--color-dark);
    overflow: hidden;
    transition-duration: var(--transition-duration);
    padding-inline: 15px;
    padding-block: 35px;
    cursor: pointer;
}



.security-services-section-cards-item-header{
    font-size: 24px;
}

.security-services-section-cards-item-description{
    font-size: 20px;
    margin-top: 10px;
}

.security-services-section-cards{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.security-services-section-cards-item-image{
    transition-duration: var(--transition-duration);
    position: absolute;
    bottom: 0;
    right: 0;
}

.security-services-section-cards-bottom{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.security-services-section-cards-bottom-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding-inline: 45px;
    padding-block: 25px;
    align-items: center;
    background-color: #EEEEEE;
    border-radius: var(--border-radius);
    transition-duration: var(--transition-duration);
    text-align: center;
}



/* MEDIA */

@media (max-width: 1024px){
    .security-services-section-cards {
        grid-template-columns: 1fr 1fr;
    }

    .security-services-section-cards-bottom {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 767px){
    .security-services-section-cards {
        grid-template-columns: 1fr;
    }

    .security-services-section-cards-bottom {
        grid-template-columns: 1fr;
    }

    .footer{
        margin-top: 155px;
    }


}

@media (hover: hover){
    .security-services-section-cards-bottom-item:hover{
        background-color: var(--color-dark);
        color: #fff;
        cursor: pointer;
    }

    .security-services-section-cards-item:hover .security-services-section-cards-item-image{
        transform: scale(1.05);
    }
    
    .security-services-section-cards-item:hover{
        background-color: var(--color-dark-alternate);
        transform: translateY(-10px);
    }
}