html {
    background-color: #fff;
    color: #333;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
}

a {
    color: #61A544;
}

a:hover {
    color: #61A544;
}

h1,
h2,
h3,
h4,
h5,
h6,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6 {
    font-family: 'Nunito', sans-serif;
}


.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
    font-family: 'Nunito', sans-serif;
}

p {
    color: #333;
    font-size: 16px;
}

/*Main colors*/

.color-orange {
    color: #f05a21 !important;
}

.color-green {
    color: #61A544 !important;
}

.color-white {
    color: #fff !important;
}


/*Text colors*/
.text-e9e9e9 {
    color: #e9e9e9 !important;
}

.text-fff {
    color: #fff !important;
}

.text-666 {
    color: #666 !important;
}

.text-000 {
    color: #000 !important;
}


.uk-button {
    font-weight: 600;
}

/* Overriding uikit css */

/*
 * text
 */

.uk-button-text {
    /* 1 */
    padding: 0;
    line-height: 1.5;
    background: none;
    /* 2 */
    color: #61A544;
    position: relative;
}

.uk-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: 1px solid #61A544;
    transition: right 0.3s ease-out;
}

/* Hover */

.uk-button-text:hover {
    color: #5d9c41;
}

.uk-button-text:hover::before {
    right: 0;
}


/*
 * Primary
 */

.uk-button-primary {
    background-color: #F05A21;
    color: #fff;
    border: 1px solid transparent;
}


/* Hover */

.uk-button-primary:hover {
    background-color: #e05a25;
    color: #fff;
}


/* OnClick + Active */

.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #F05A21;
    color: #fff;
}


/*
 * Secondary
 */

.uk-button-secondary {
    background-color: #61A544;
    color: #fff;
    border: 1px solid transparent;
}


/* Hover */

.uk-button-secondary:hover {
    background-color: #5d9c41;
    color: #fff;
}


/* OnClick + Active */

.uk-button-secondary:active,
.uk-button-secondary.uk-active {
    background-color: #5d9c41;
    color: #fff;
}

/*uk-button-primary css on uk-overlay-primary*/
.uk-overlay-primary .uk-button-primary {
    background-color: #F05A21;
    color: #fff;
}

.uk-overlay-primary .uk-button-primary:hover {
    background-color: #e05a25;
    color: #fff;
}

.uk-overlay-primary .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active {
    background-color: #F05A21;
    color: #fff;
}


/*uk-navbar-dropdown css*/

.uk-navbar-dropdown {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    z-index: 1020;
    /* 3 */
    box-sizing: border-box;
    width: auto;
    /* 4 */
    padding: 20px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.149);
}

/*uk-list-divider css*/

.uk-list-divider> :nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e2e2e2;
}

/*uk-dotnav color change*/

.uk-dotnav>.uk-active>* {
    background-color: #61A544;
    border-color: transparent;
}


/* Pill modifier
 ========================================================================== */

.uk-subnav-pill>*> :first-child {
    padding: 8px 20px;
    background: #fff !important;
    color: #999;
    text-transform: none;
    font-size: 14px;
}


/* Hover */

.uk-subnav-pill>*>a:hover {
    background-color: #f8f8f8;
    color: #5f5f5f;
}


/* OnClick */

.uk-subnav-pill>*>a:active {
    background-color: #f8f8f8;
    color: #666;
}


/* Active */

.uk-subnav-pill>.uk-active>a {
    border: 2px solid #666;
    border-radius: 20px;
    background-color: none !important;
    color: #666;
}

/* ========================================================================
   Component: Accordion
 ========================================================================== */

.uk-accordion {
    padding: 20px;
    list-style: none;
    border: 2px solid #ebebeb;
    border-radius: 30px;
}


/* Item
 ========================================================================== */



.uk-accordion> :nth-child(n+1) {
    padding-bottom: 20px;
    border-bottom: 2px solid #ebebeb;
}

/*
 * Remove padding and border-bottom from the last-child
 */


.uk-accordion> :last-child {
    border-bottom: none;
    padding-bottom: 0;
}



/* Title
 ========================================================================== */

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #61A544;
    overflow: hidden;
}

.uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


/* Hover */

.uk-accordion-title:hover {
    color: #666;
    text-decoration: none;
}


/* Content
 ========================================================================== */

.uk-accordion-content {
    display: flow-root;
    /* margin-top: 20px; */
    margin: 20px;
}


/*
 * Remove margin from the last-child
 */

.uk-accordion-content> :last-child {
    margin-bottom: 0;
}

.uk-position-bottom-center {
    left: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    top: calc(80% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    transform: translate(var(--uk-position-translate-x), 0);
    /* 1 */
    width: max-content;
}

.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.6);
}

.uk-child-width-1-10 {
    width: 10%;
}

@media (min-width: 640px) {
    .uk-child-width-1-10\@m>* {
        width: 10%;
    }
}

.uk-background-muted {
    background: #eeeeee;
}

/* Custom css */


/*Home page margin top for responsive*/
@media (min-width: 320px) {
    .home-welcome-margin {
        margin-top: calc(100vh - -40%);
    }
}

@media (min-width: 360px) {
    .home-welcome-margin {
        margin-top: calc(100vh - -65%);
    }
}

@media (min-width: 420px) {
    .home-welcome-margin {
        margin-top: calc(100vh - -80%);
    }
}

@media (min-width: 640px) {
    .home-welcome-margin {
        margin-top: calc(100vh - 80%);
    }
}

@media (min-width: 960px) {
    .home-welcome-margin {
        margin-top: calc(100vh - 60%);
    }
}

@media (min-width: 1200px) {
    .home-welcome-margin {
        margin-top: calc(100vh - 45%);
    }
}

@media (min-width: 1600px) {
    .home-welcome-margin {
        margin-top: calc(100vh - 35%);
    }
}

.home-hero-button {
    box-sizing: border-box;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 40px;
    line-height: 53px;
    font-size: 0.875rem;
}

.home-hero-button:hover {
    color: #000 !important;
    border: 1px solid #fff;
    background-color: #fff;
    text-decoration: none;
}

.home-hero-button:active {
    color: #fff;
    border: 1px solid #fff;
}


.bigHalfCircle {
    position: absolute;
    bottom: 99.8%;
    left: 0;
    right: 0;
    height: 12px;
    width: 100%;
}

.divider {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 20px;
    margin-bottom: 40px;
}

.iconSmall {
    height: 12px;
    width: 12px;
}

.iconMedium {
    height: 14px;
    width: 14px;
}

.iconNormal {
    height: 16px;
    width: 16px;
}

.iconBig {
    height: 24px;
    width: 24px;
}

.iconLarge {
    height: 32px;
    width: 32px;
}

.iconXlarge {
    height: 48px;
    width: 48px;
}

.icon-border-circle {
    padding: 5px;
    border-radius: 50%;
    border: 2px solid;
}