/*Define custom here*/
@font-face {
    font-family: 'lexend-font';
    src: url('../../assets/fonts/Lexend-VariableFont_wght.woff2') format('woff2'),
    url('../../assets/fonts/Lexend-VariableFont_wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Variables*/
:root {
    /*Custom fonts*/
    --lexend-font: 'lexend-font';

    --font-family-main: var(--lexend-font);
    --font-family-bold: var(--lexend-font);

    /*General color variables*/
    --accent-color-decimal: 153, 204, 0;
    --layout-bg: #fdfef6;
    --container-bg: #fdfef6;
    --section-stripe-bg-even: #f7faed;

    /*Loading spinner*/
    --spinner-default-color: var(--accent-color);

    /*footer*/
    --footer-background: #23411b;
    --footer-link-color: #fff;
    --footer-copy-text-background: #23411b;
    --footer-input-color: #fff;
    --footer-field-value-color: #fff;
    --footer-text-color: #fff;
    --footer-line-ripple-color: #fff;

    /*button*/
    --button-radius: 8px;
    --button-color: #14080E;
    --hover-button-bg: #D9FF69;
    --btn-flat-border-color: #0A3200;
    --btn-flat-color: #0A3200;
    --btn-flat-text-hover: #0A3200;
    --btn-flat-shadow: none;
    --btn-flat-shadow-hover: none;
    --btn-flat-bg: rgba(153, 204, 0, .1);
    --btn-flat-bg-hover: rgba(153, 204, 0, .5);
    --btn-flat-border-size: 2px;
    --button-font-weight: 500;
    --disabled-button-color: #5F725B;
    --disabled-button-bg: #C8D69F;

    /*card*/
    --card-box-bg: #fff;
    --card-image-bg: #fff;
    --card-radius: 16px;
    --card-shadow: 0 0 12px rgba(116, 142, 40, .3);
    --card-box-shadow: 0 0 20px rgba(116, 142, 40, .3);
    --card-hover-shadow-color: rgba(116, 142, 40, .5);
    --category-list-shadow: 0 0 20px rgba(116, 142, 40, .3);
    --card-secondary-bg: #eaf1d0;

    /*success-stories*/
    --success-stories-item-border: transparent;
    --success-stories-item-shadow: 0 0 20px rgba(116, 142, 40, .3);
    --success-stories-item-background: #fff;

    /*other*/
    --container-wrap-width: 1110px;
    --container-border-radius: 0;
    --user-image-top-bar-bg: #eaf1d0;
    --landing-container-vertical-indent: 40px;
    --tag-border-radius: 40px;
}

/*Define custom style here*/
.user-image .user-image_holder {
    background-color: var(--user-image-top-bar-bg) !important;
}

.cms-components-wrapper .card {
    box-shadow: 0 0 20px rgba(116, 142, 40, .3) !important;
}