.social-media-container-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;

}

.social-media-agency-form {
    margin-bottom: 15px !important;
    color: #f26c23;

}


/* Create four equal columns that sits next to each other */
.social-media-container-column {
    -ms-flex: 50%;
    /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;

}

.social-media-container-column .social-media-container {
    margin-bottom: 50px;
}

/* Ensure the last container within each column doesn't have a bottom margin */
.social-media-container-column .social-media-container:last-child {
    margin-bottom: 0;
}

.social-media-container {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    width: 95%;
    background-color: #F3F7FD;
    border: 2px solid #053e59;

}


.social-media-container:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
    padding: 20px;
    border-radius: 10px;
    width: 95%;
    background-color: white;

}


.social-media-container-column:last-child {
    margin-bottom: 0;
}


.first,
.second {
    height: 550px;
}

.third,
.fourth {
    height: 350px;
}

.paragraph-padding {
    margin-bottom: 20px !important;
}

.blank-height {
    height: 150px;
}


.social-media-container ul {
    list-style: none;
    padding: 0;
}

/* .social-media-container-title {
    margin-top: 50px;
} */

.social-media-container ul li::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    color: #053e59;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 1em;
}

.social-media-container ul li {
    margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {

    .first,
    .second {
        height: auto;
    }

    .third,
    .fourth {
        height: auto;
    }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .social-media-container-column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        margin-bottom: 50px;
    }

    .social-media-container-column .social-media-container {
        margin-bottom: 50px;
    }

    .first,
    .second {
        height: auto;
    }

    .third,
    .fourth {
        height: auto;
    }

    /* Ensure the last container within each column doesn't have a bottom margin */
    .social-media-container-column .social-media-container:last-child {
        margin-bottom: 0;
    }

    /*
   .social-media-container {
    margin-bottom: 50px !important;
   } */

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .social-media-container-column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .social-media-container-column .social-media-container {
        margin-bottom: 50px;
    }

    .first,
    .second {
        height: auto;
    }

    .third,
    .fourth {
        height: auto;
    }

    /* Ensure the last container within each column doesn't have a bottom margin */
    .social-media-container-column .social-media-container:last-child {
        margin-bottom: 0;
    }

    .social-media-container {
        margin-bottom: 50px;
    }


    .blank-height {
        display: none;
    }
}


.creative-icon-logo-text-row {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;

}

/* Create four equal columns that sits next to each other */
.creative-icon-logo-text-column {
    -ms-flex: 50%;
    /* IE10 */
    max-width: 50%;
    padding: 0 4px;
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 20px;

}

.creative-icon-logo-text {
    margin-bottom: 20px;
    text-align: start !important;
    width: 250px;
    display: grid;
    grid-template-columns: 15% 1fr;
    gap: 10px;
    padding-inline: 12px;
    padding-block: 10px;
    border-radius: 10px;


}

.creative-icon-logo-text img {
    width: 100%;
    height: auto;


}

.creative-icon-logo-text p {
    margin: 0;

}


/* Responsive layout - makes a two creative-icon-logo-text-column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .creative-icon-logo-text-column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }

    .services-item-title {
        margin-top: 50px;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .creative-icon-logo-text-column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }


    .services-item-title {
        margin-top: 50px;
    }
}

.fa-x-twitter {
    content: "\e61b" !important;
}


.creative-image img {
    padding: 10px !important;
}

.creative-seo {
    margin-bottom: 0 !important;
}