:root {
    /* --primaryColor: #1db8f8;
    --middleColor: #393E46;
    --helperColor: #39395b;
    --lightHelper: #1C1C35;
    --hrColor: #A9B5DF;
    --transparentColor: rgba(0, 0, 0, 0.699);
    --shadow: rgba(189, 188, 188, 0.514); */
    --body-bg: #F5F5F5;
    --primary-color: #1db8f8;
    --primary-hover: #52c2f1;
    --primary-reverse: #FFF;
    --primary-light: #71B4E8;
    --primary-offwhite: rgba(#71B4E8, .1);
    --secondary-color: #39395b;
    --secondary-hover: #1c1c35;
    --secondary-reverse: #FFF;
    --component-active-bg: var(--primary-color);
    --gray-color: #868e96;
    /* --------------------------------- */
    --whatsappColor: #25D366;
    --white: #ffff;
    --blue: #1877F2;
    --green: #25D366;
    --gray: #f8f8f8;
    --container-width: 1340px;
    --header-height: 90px;
    /* ------------------------------------- */
    --component-shadow: none;
    --component-background: var(--white);
    --component-color: #343a40;
    --component-padding: 15px;
    --medium-weight: 500;
    --forms-height-small: 35px;
    --forms-radius: 5px;
    --strong-weight: 700;


}

.about-section {
    background: var(--primary-color);
}

.about-section .container .about-row {
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;

}

.about-section .container .about-row .about-col {
    color: var(--white);
    flex: 1;
}

.about-section .container .about-row .about-col img {
    width: 100%;
}

.about-section .container .about-row .about-col .checklist li {
    position: relative;

}

.about-section .container .about-row .about-col .checklist li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: var(--white);
}

@media (max-width: 768px) {
    .about-section .container .about-row {
        flex-direction: column;
        gap: 0;
        padding-bottom: 0;
    }

    .about-section .container .about-row .about-col {
        margin-bottom: 30px;
    }

}