/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.rwmb-form .rwmb-button {
    background-color: #f5c518;
    color: #1a365d;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 240px;
}

.rwmb-form .rwmb-button:hover {
    background-color: #e6b800;
}

/** Implement this tailwindcss class: w-20 h-20 bg-white rounded-lg p-4 mb-4 flex items-center justify-center shadow-md **/
.w-20 {
    width: 5rem; /* 80px */
}
.h-20 {
    height: 5rem; /* 80px */
}
.bg-white {
    background-color: #fff;
}
.rounded-lg {
    border-radius: 0.5rem; /* 8px */
}
.p-4 {
    padding: 1rem; /* 16px */
}
.mb-4 {
    margin-bottom: 1rem; /* 16px */
}
.flex {
    display: flex;
}
.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/** Implement this tailwindcss class: grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 flex flex-col items-center text-center max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 **/
.grid {
    display: grid;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gap-8 {
    gap: 2rem; /* 32px */
}
.flex-col {
    flex-direction: column;
}
.text-center {
    text-align: center;
}
.max-w-7xl {
    max-width: 80rem; /* 1280px */
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.px-4 {
    padding-left: 1rem; /* 16px */
    padding-right: 1rem; /* 16px */
}

@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:gap-12 {
        gap: 3rem; /* 48px */
    }
}

@media (min-width: 640px) {
    .sm\:px-6 {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
}

@media (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem; /* 32px */
        padding-right: 2rem; /* 32px */
    }
}

.services-team h2, .services-support h3 {
	color: #fff;
}