@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@500&family=Alegreya:wght@700&family=Spectral+SC&family=Titillium+Web:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Noto+Sans&family=PT+Sans&family=Poppins:wght@300&family=Quicksand:wght@500&family=Raleway:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400&display=swap");

/* font family */
.alt-font {
    font-family: "Alegreya Sans", serif;
    font-weight: 500;
}
.main-font {
    font-family: "Titillium Web", sans-serif;
}
.header-font {
    font-family: "Nunito", sans-serif;
}
.title-font {
    font-family: "Montserrat", serif;
    font-weight: 500;
}
.custom-font1 {
    font-family: "Roboto", serif;
    font-weight: 500;
}
.custom-font2 {
    font-family: "Montserrat", serif;
    font-weight: 500;
}
.custom-font3 {
    font-family: "Spectral SC", serif;
}
.custom-font4 {
    font-family: "Josefin Sans", sans-serif;
}
.custom-font5 {
    font-family: "Noto Sans", sans-serif;
}
.custom-font6 {
    font-family: "Poppins", sans-serif;
}
.custom-font7 {
    font-family: "PT Sans", sans-serif;
}
.custom-font8 {
    font-family: "Quicksand", sans-serif;
}
.custom-font9 {
    font-family: "Raleway", sans-serif;
}
.custom-font10 {
    font-family: "Nunito", sans-serif;
}

/*.na-bg-light-yellow{*/
/*    background-color: #fdfce7;*/
/*}*/

.na-bg-light-green {
    background-color: #effdf3 !important;
}

.na-bg-light-yellow {
    background-color: #ffffe8 !important;
}

.na-bg-light-grey {
    background-color: #f4f4f4 !important;
}

.na-bg-light-brown {
    background-color: #563636 !important;
}

.na-bg-light-lemon {
    background-color: #f3f8ed;
}

.na-bg-dark-lemon {
    background-color: #a0c96e;
}

.na-bg-orange {
    background-color: #cd8302 !important;
}

.na-bg-cream {
    background-color: #fffdd1;
}

.na-bg-image-circular {
    background: url("../../images/bg/bg_circular_fade.jpg") fixed no-repeat;
    background-size: cover;
}

.na-bg-image-leaves {
    background: url("../../images/bg/bg_leaves_white.png") fixed no-repeat
        center;
    background-size: cover;
}

.na-bg-floral-1 {
    background: url("../../images/bg/bg_floral_white_1.png") repeat center;
}

.na-bg-yellow-dot-pattern {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23fce662' fill-opacity='0.24'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.na-text-orange {
    color: #cd8302 !important;
}

.na-text-pink {
    color: #fdbfcd !important;
}

.na-text-light-brown {
    color: #563636 !important;
}

.na-radius-shadow {
    padding: 10px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px 2px #ccc;
    box-shadow: 1px 1px 2px 2px #ccc;
}

.na-radius-shadow-2 {
    border-radius: 8px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.required {
    color: rgba(242, 20, 18, 0.76);
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b6b6b6;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b6b6b6;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #b6b6b6;
}

.na-button-trans-green {
    background-color: #ffffff;
    border-color: #046b60;
}

.na-shadow {
    -webkit-filter: drop-shadow(1px 1px 1px rgba(34, 34, 34, 0.66));
    filter: drop-shadow(1px 1px 1px rgba(34, 34, 34, 0.66));
}

.na-required {
    color: rgba(242, 20, 18, 0.76);
}

.na-image-round {
    border-radius: 15px;
}

.rand-slider-box {
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px;
    margin-right: 5px;
}

.na-gradient-bg-1 {
    background: #ece9e6; /* fallback for old browsers */
    background: -webkit-linear-gradient(
        to right,
        #ffffff,
        #ece9e6
    ); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
        to right,
        #ffffff,
        #ece9e6
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.na-gradient-green-bg {
    background-image: radial-gradient(
        circle 939px at 94.7% 50%,
        rgba(0, 178, 169, 1) 0%,
        rgba(0, 106, 101, 1) 76.9%
    );
}

.na-gradient-light-yellow-bg {
    background-image: linear-gradient(
        44.8deg,
        rgba(255, 136, 102, 0.67) -53.1%,
        rgba(255, 221, 136, 0.28) 49%
    );
}

.na-gradient-light-green {
    background-image: radial-gradient(
        circle 788px at 0.7% 3.4%,
        rgba(164, 231, 192, 1) 0%,
        rgba(255, 255, 255, 1) 90%
    );
}

.na-gradient-white-1 {
    background-image: radial-gradient(
        circle 343px at 46.3% 47.5%,
        rgba(242, 242, 242, 1) 0%,
        rgba(241, 241, 241, 1) 72.9%
    );
}

.na-form-input-error {
    border: #9f191f solid 2px !important;
}

.na-curved-div-bottom {
    border-bottom-left-radius: 20%;
    border-bottom-right-radius: 20%;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.translator-bg {
    background-color: #fff;
    opacity: 80%;
    width: auto;
    float: right;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    height: 21px!important;
    font-size: 11px;
    color: #006600;
    position: fixed;
    right: 10px;
    top: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #006600;
}

.translator-bg a {
    color: #006600;
}

.content-box-grey {
    background-color: #efefef;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px #000000 solid;
    padding: 2px 2px 2px 10px;
    height: 90px;
    width: 100%;
}

.content-box-lemon {
    background-color: #f1ffef;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px #000000 solid;
    padding: 2px 2px 2px 10px;
    height: 90px;
    width: 100%;
}

.afc-tag {
    font-size: 12px;
    color: #4e2423;
}

.border-bottom-grey {
    border-bottom: 1px solid #d9d9d9;
}

.border-top-orange {
    border-top: 1px solid #dc5d01;
}
/* .funding-description-height{
            height: 90px;
    }
    .focus-area-height{
        height: 55px;
    }
    @media(min-width: 578px) and (max-width: 768px){
        .funding-description-height{
        height: 300px;
        }
        .focus-area-height{
        height: 70px;
    }
    }
    @media(min-width: 768px) and (max-width: 991px) {
     .funding-description-height{
        height: 140px;
    }
 }

  @media(min-width: 992px) and (max-width: 1287px) {
     .funding-description-height{
        height: 130px;
    }
 } */

.funding-description-height {
    height: 90px;
}

.focus-area-height {
    height: 55px;
}

@media (min-width: 180px) and (max-width: 399px) {
    .funding-description-height {
        height: 220px;
    }
    .focus-area-height {
        height: 90px;
    }
}

@media (min-width: 400px) and (max-width: 577px) {
    .funding-description-height {
        height: 180px;
    }
    .focus-area-height {
        height: 70px;
    }
}

@media (min-width: 578px) and (max-width: 768px) {
    .funding-description-height {
        height: 300px;
    }
    .focus-area-height {
        height: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .funding-description-height {
        height: 155px;
    }
}

@media (min-width: 992px) and (max-width: 1287px) {
    .funding-description-height {
        height: 140px;
    }
}

.capacity-description-height {
    height: 90px;
}
.capacity-focus-area {
    height: 55px;
}

@media (min-width: 180px) and (max-width: 399px) {
    .capacity-description-height {
        height: 220px;
    }
    .focus-area-height {
        height: 90px;
    }
}

@media (min-width: 400px) and (max-width: 577px) {
    .capacity-description-height {
        height: 180px;
    }
    .focus-area-height {
        height: 70px;
    }
}

@media (min-width: 578px) and (max-width: 768px) {
    .capacity-description-height {
        height: 300px;
    }
    .focus-area-height {
        height: 70px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .capacity-description-height {
        height: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1287px) {
    .capacity-description-height {
        height: 140px;
    }
}

.input-fill-border {
    border: 1px solid #039246 !important;
}

@media (min-width: 360px) and (max-width: 458px) {
    .support-mt-mobile {
        margin-top: 36px;
    }
}

@media (min-width: 340px) and (max-width: 360px) {
    .support-mt-mobile {
        margin-top: 42px;
    }

    .support-mt-mobile label {
        font-size: 28px !important;
    }
}

@media (min-width: 245px) and (max-width: 340px) {
    .support-mt-mobile {
        margin-top: 48px;
    }

    .support-mt-mobile label {
        font-size: 18px !important;
    }
}

@media (min-width: 992px) and (max-width: 1198px) {
    .support-mt-mobile {
        margin-top: 40px;
    }
}

@media (min-width: 992px) and (max-width: 448px) {
    .small-text-size-mobile {
        font-size: 6px !important;
    }
}

@media(max-width: 767px){
    .style-footer {
        text-align: center !important;
    }
}

.top-50-2 {
    top: 90%;
}

@media (max-width: 768px) {
    .top-50-2 {
        top: 80%;
    }
    .end-2{
    right: 0!important;
    left: 0!important;
}
.home-banner-carousel {
    height: 60vh!important;
    width: 100%;
    margin-top: -60px!important;
}
}
.end-2{
    left: 220;
}
@media (max-width: 768px) {
    .button-group {
        text-align: center;
    }

    .same-size {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: auto;

    }

    .button-group .btn {
        margin-bottom: 10px;
    }

    .home-hero-section {
        background-color: #f0f0f0;
        color: #333;
        text-decoration: none;
    }
    .hero-p{
        text-align: center;
    }
}

    .faq-search .form-control:focus{
        border-color: #006600 !important;
    }
    .faq-search button{
        background-color: #A8C238;
        border-color: #A8C238;
    }
    .faq-search button:hover{
        background-color: #A8C238;
        border-color: #A8C238;
    }
    .faq-search input::placeholder{
        font-size: 15px;
        font-weight: 300;
    }
    .faq-card{
        border: 1px #006600 solid;
    }
    .faq-brand-text{
        font-family: Inter;
        font-weight: 400;
        font-size: 20px;
        color: #efb443;
    }

    .faq-arrow-back a, .faq-arrow-back i{
        color: #333333 !important;
    }