.icon  {
    display: flex;
    align-items: center;
}

.icon::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.twitter-square::before {
    content: "\f081";
    color: #FFCD00;
    font-size: 45px;
}

.building-columns::before {
    content: "\f19c";
    font-size: 35px;
    margin-bottom: 10px;
}

.facebook-square::before {
    content: "\f082";
    color: #FFCD00;
    font-size: 45px;
}

.snapchat-square::before {
    content: "\f2ad";
    color: #FFCD00;
    font-size: 45px;
}

.instagram-square::before {
    content: "\e055";
    color: #FFCD00;
    font-size: 45px;
}

.youtube-square::before {
    content: "\f431";
    color: #FFCC00;
    font-size: 45px;
}

.linkarrow::before {
    content: "\f0a9";
    color: #003C71;
    font-size: 50px;
    margin-right: 20px;
}

.hand-point-down::before {
    display: block;
    content: "\f0a7";
    font-size: 50px;
}

.chevron-circle-down::before {
    content: "\f13a";
    font-size: 40px;
}

.search::before {
    content: "\f002";
    font-size: 35px;
    margin-bottom: 10px;
}

.list::before {
    content: "\f03a";
}

.chevron-right::before {
    content: "\f054";
}

.users::before {
    content: "\f0c0";
    font-size: 35px;
    margin-bottom: 10px;
}

.clipboard-list::before {
    content: "\f46d";
    font-size: 35px;
    margin-bottom: 10px;
}

.home::before {
    content: "\f015";
    font-size: 35px;
    margin-bottom: 10px;
}

.building::before {
    content: "\f1ad";
}

.cloud-sun-rain::before {
    content: "\f743";
    margin-right: 10px;
}

.tree::before {
    content: "\f1bb";
    font-size: 35px;
    margin-bottom: 10px;
}

.bed::before {
    content: "\f236";
    font-size: 35px;
    margin-bottom: 10px;
}

.bus-simple::before {
    content: "\f55e";
    font-size: 35px;
    margin-bottom: 10px;
}

.seedling::before {
    content: "\f4d8";
    font-size: 35px;
    margin-bottom: 10px;
}

.message::before {
    content: "\f27a";
    font-size: 35px;
    margin-bottom: 10px;
}

.keyboard::before {
    content: "\f11c";
    font-size: 35px;
    margin-bottom: 10px;
}

.apple::before {
    border-radius: 5px;
    background: #6188aa;
    content: "\f179";
    font-size: 40px;
    padding: 10px 20px;
}

.apple:hover::before {
    color: #003C71;
    background: #FFFFFF;
}

.android::before {
    border-radius: 5px;
    background: #6188aa;
    content: "\f17b";
    font-size: 40px;
    padding: 10px 13px;
}

.android:hover::before {
    color: #003C71;
    background: #FFFFFF;
}

.file-signature::before {
    content: "\f573";
    font-size: 35px;
    margin-bottom: 10px;
}

.paper-plane::before {
    content: "\f1d8";
    font-size: 35px;
    margin-bottom: 10px;
}

.question-circle::before {
    content: "\f059";
    font-size: 35px;
    margin-bottom: 10px;
}

.download::before {
    color: #FFCC00;
    content: "\f019";
    margin-right: 10px;
}

.phone-square::before {
    border-radius: 10px;
    content: "\f098";
    color: hsl(208, 100%, 20%);
    font-size: 45px;
    margin-right: 20px !important;
}

.check-square::before {
    color: green;
    content: "\f14a";
    font-size: 25px;
    margin-right: 10px;
}

.calendar-day::before {
    border-radius: 5px;
    background: #cbdff0;
    color: #6188aa;
    content: "\f783";
    font-size: 50px;
    margin-right: 20px;
    padding: 0 20px;
}

.thumbtack::before {
    content: "\f08d";
    margin-right: 10px;
    transform: rotate(315deg)
}

.ascfix .rave .icon {
    justify-content: center
}

.dark .icon::before {
    margin-right: 20px;
}

/* @media only screen and (max-width: 500px) {

    .icon {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }

    .icon .calendar-day::before {
        padding: 6px 20px;
    }

} */