.component-contact-cards{
    display: flex;
    gap:24px;
    padding-bottom: 72px;
    align-items: center;
    width:100%;
}
.component-contact-card{
    display: flex;
    flex-direction:column;
    align-items:center;
    background: #F3F3F3;
    padding: 40px;
    gap: 32px;
    flex: 1 0 0;
    width:100%
}

.contact-card-title-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    justify-content:center;
    margin-bottom:16px
}
.contact-card-title-wrap img{
    width:32px;
    height:32px
}
.contact-card-title-wrap span{
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align:center
}
.contact-card-description{
    color:  #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    max-width:500px
}
.contact-card-button{
    padding: 16px;
    border-radius: 4px;
    color:white !important;
    border:0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; 
    width:auto;
    cursor:pointer;
    text-decoration: none !important;
}
@media only screen and (max-width:768px){
    .component-contact-cards{
        flex-direction:column;
        padding:0px 15px
    }
    .component-contact-card{
        gap:24px
    }
    .contact-card-title-wrap{
        flex-direction:column;
    }
    .contact-card-title-wrap span{
        font-size:24px;
        line-height:32px
    }
    .contact-card-description{
        font-size:14px;
        font-family:'Libre Franklin' !important
    }
    .contact-card-button{
        padding:12px;
        font-size: 14px;
        line-height: 20px; 
        font-family:'Libre Franklin' !important
    }
}