body * {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: .4s all;
}

body {
    /* overflow-x: hidden; */
    font-family: "Roboto", sans-serif;
    position: relative;
    min-height: 100vh;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    /* font-family: "Convergence", sans-serif; */
}

html {
    overflow-x: hidden;
}

li {
    list-style: none;
}

figure {
    margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/* ::-webkit-scrollbar{
    width: 9px;
}

::-webkit-scrollbar-track{
    background: rgba(170, 168, 168, 0.185);
}
::-webkit-scrollbar-thumb{
    background:  linear-gradient(#d62900, #ff9b55, #ffffff, #d462a7, #a40061 );
    border-radius: 10px;
} */

.container {
    width: 100%;
    max-width: 1466px;
}

section {
    position: relative;
}

.content {
    flex: 1;
}

/* ============================================= */
.fixed_box {
    display: flex;
    gap: 10px;
    position: fixed;
    top: 300px;
    right: 40px;
    z-index: 1;
    background: #fff;
    padding: 10px;
    width: 150px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0px 40px 20.1px 0px #00000040;
    z-index: 999999;
}

.fix_icon {
    max-width: 60px;
}

.fix_icon img {
    max-width: 100%;
}

.hidden_btn {
    visibility: hidden;
}

.prof_info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.drop_btn {
    font-size: 18px;
    border: none;
    background: transparent;
}

.drop_btn i {
    padding-left: 5px;
}

.prof_img {
    height: 50px;
    width: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.drop_content {
    opacity: 0;
    position: absolute;
    top: 175%;
    left: 0;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none;
    transition: 0.5s all;
}

.drop_content a {
    font-size: 18px;
    color: #525560;
    padding: 10px 15px;
    display: block;
}

.drop_content li+li {
    border-top: 1px dashed #00000033;
}

.prof_img img {
    max-width: 100%;
}

.dropdown:hover .drop_content {
    opacity: 1;
    pointer-events: inherit;
    top: 100%;
}

.contact_form {
    position: relative;
}

.show_pas {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    height: 20px;
    width: 20px;
    margin: auto;
}

/* login-section */
.login-section {
    padding: 60px 0;
}

.login_left h5 {
    font-weight: 700;
    font-size: 30px;
    color: #000;
    padding-bottom: 40px;
}

.login_left h4 {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    /*    padding-bottom: 80px;*/
    font-family: "Open Sans", sans-serif;
}

.login_left p {
    font-size: 18px;
    font-weight: 400;
    color: #00000099;
}

.login_right img {
    max-width: 100%;
    margin: auto;
    display: table;
}

.login_form {
    padding-top: 10px;
}

.form_group {
    position: relative;
}

.login_form .form_group label {
    font-size: 18px;
    font-weight: 700;
    color: #00000099;
}

.login_form .form_group input {
    padding: 20px;
    border: 1px solid #C1BBBB;
    border-radius: 0;
}

.login_form .form_group input::placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #00000099;
}

.login_form .form_group .form_footer {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.cheq_box label {
    font-weight: 400 !important;
}

.forgot-pas {
    font-size: 18px;
    font-weight: 400;
    color: #00000099;
}

.login_btns {
    display: flex;
    gap: 30px;
    padding-top: 20px;
}

.login_btns .red-btn {
    box-shadow: 0px 4px 3px 0px #00000040;
    border: 1px solid #EC090D;
}

.login_btns figure img {
    max-width: 100%;
}

.form_chq .form-check {
    padding-left: 0;
}

.login-section .select2-container .select2-selection--single {
    height: 35px;
}

.login-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 33px;
}

.login-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 4px;
}

.login-section .select2-container {
    margin: 5px 0 15px;
}

.form_flx {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
}

/* ============================================= */
.video-fig img {
    width: 100%;
}

.video-fig {
    position: relative;
}

.cbo-info {
    color: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    text-align: center;
}

.welcome_back_text {
    margin-top: 15px;
}

/* ============================================= */

/* form_section */
.form_section fieldset {
    margin-top: 25px;
}

.form_section legend {
    margin-bottom: 15px;
}

.form_section input.form-control,
.form_section select {
    margin-bottom: 15px;
    margin-top: 5px;
}

/* .form_section {
    padding-bottom: 60px;
} */

.form_section .red-btn {
    border: none;
    margin-top: 25px;
}

.form_section>.container {
    max-width: 900px;
    padding: 25px;
    box-shadow: 0 0 40px 5px #dddddd;
}

.required-star {
    color: #dc3545;
    padding: 0 5px;
}

.error {
    font-size: 13px;
    padding: 5px 0 7px;
    display: block;
}

label.error {
    color: #dc3545;
    margin-top: -9px;
    margin-bottom: 10px;
    padding: 0;
}

/* ============================================= */
/* privacy-policy */
.privacy-section {
    padding: 60px 0 10px;
}

.privacy-info {
    margin-bottom: 20px;
}

.privacy-section h1 {
    padding-bottom: 40px;
    /*    max-width: 1160px;*/
}

.privacy-info h3 {
    padding-bottom: 20px;
}

.privacy-info p {
    font-size: 20px;
    max-width: 770px;
}

.welcome_qt_text {
    padding-top: 10px;
}


.privacy_list li {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    padding-left: 25px;
}


.list-none li {
    padding-left: 0 !important;
}

.list-none li i {
    margin-right: 5px;
}

.privacy_list {
    position: relative;
}

.privacy_list li::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    top: 10px;
    left: 0;
    border-radius: 50%;
    background: #000;
}

.privacy_list li span {
    font-size: 20px;
    font-weight: 600;
}

/* terms-of-use */
.prohibited_text {
    font-size: 19px;
    padding-top: 20px;
}


/* NGO-page */
.foundation-banner {
    height: 480px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.found_banner {}

.found_banner img {
    max-width: 100%;
    width: 100%;
}

.found_cover {
    position: absolute;
    right: 60px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 99999;
    background: #fff;
    padding: 5px 14px;
    border-radius: 21px;
}

.found_cover p {
    font-size: 25px;
    color: #110101;
    font-weight: 500;
}

.camera-img {
    max-width: 30px;
    flex: none;
}

.camera-img img {
    max-width: 100%;
}

.foundation-section {
    margin-top: -250px;
    padding-bottom: 50px;
}

.foundation_info {
    text-align: center;
    padding-top: 20px;
}

.h1-head {
    color: #242760;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.foundation_info p {
    font-size: 24px;
    color: #110101;
}

.foundation_info h5 {
    font-size: 30px;
    font-weight: 500;
    color: #544C4C;
    padding-top: 10px;
    font-family: "Inter", sans-serif;
}

.foundation_info h5 i {
    padding-right: 2px;
}

/* .fo-logo {
    height: 630px;
    max-width: 630px;
    margin: auto;
    display: flex;
    border-radius: 50%;
    border: 1px solid #242760;
} */

.fo-logo img {
    height: 500px;
    max-width: 500px;
    width: 100%;
    margin: auto;
    display: table;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.fo-dtls {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 30px;
    padding-top: 20px;
}

.fo_box {}

.fo_box h4 {
    font-size: 50px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.fo-para {
    font-size: 20px !important;
    font-weight: 500;
    color: #544C4C !important;
    font-family: "Inter", sans-serif;
}

.fo_btns {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 30px;
}

.fo_btns .red-btn {
    padding: 0 141px;
}

.photo-section {
    padding-bottom: 50px;
}

.fo-heading {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: 1px solid #CBC4C4;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.fo-heading p {
    font-size: 20px;
    font-weight: 600;
    color: #242760;
    font-family: "Inter", sans-serif;
}

.photo-dtls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}

.photo-info {
    display: flex;
    gap: 30px;
}

.photo-info figure img {
    max-width: 100%;
}

.goal-section {
    background: #FE948A;
    padding: 50px 0;
}

.h2-heading h2 {
    color: #000;
    font-family: "Inter", sans-serif;
    padding-bottom: 10px;
}

.h2-heading p {
    font-size: 16px;
    color: #110101;
    line-height: 24px;
}

.work-section {
    padding: 50px 0 25px;
}

.work_dtls .work_table {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 16px 18px 2px #e5f2ff;
    border-radius: 12px;
    overflow: hidden;
}

.work_table thead tr th,
.work_table tbody tr td {
    padding: 8px 13px;
    font-size: 13px;
    border: 1px solid #0000001c;
    font-family: "Inter", sans-serif;
}

.work_table thead tr th {
    background: #FE948A;
    border-bottom-color: #FE948A !important;
}


.work_dtls img {
    max-width: 100%;
}

.btn-center {
    display: table;
    margin: 20px auto 0;
}

.edit-profile {
    padding: 30px 0;
}

.profile_dtls {
    text-align: center;
}

.head_dtls .h1-head {
    text-align: center;
    color: #000;
}

.head_dtls {
    position: relative;
    padding-bottom: 30px;
}

.head_dtls .arrow-left {
    position: absolute;
    top: 10px;
    left: 0;
    margin: auto;
    font-size: 60px;
}

.profile-logo-dtls {
    position: relative;
}

.profile-logo {}

.profile-logo img {
    max-width: 100%;
}

.pro_cover {
    position: absolute;
    left: 0;
    right: -163px;
    margin: 0 auto;
    bottom: -80px;
    width: 100%;
    max-width: 250px;
}

.cover_item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pro_cover p {
    font-size: 30px;
    color: #110101;
    font-weight: 500;
}

.cover_item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ngo-form {
    max-width: 700px;
    margin: 120px auto 0;
}

.ngo-form label {
    font-size: 17px;
    color: #000;
    font-weight: 700;
    font-family: "Inter", sans-serif;
}

.ngo-form input {
    font-size: 17px;
    color: #544C4C;
    padding: 20px 15px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    border: 1px solid #746B6B24;
}

.ngo-form select {
    color: #544C4C;
    padding: 20px 15px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    border: 1px solid #746B6B24;
}

.ngo-form select option {
    font-size: 12px;
}

.edit-profile .login_btns {
    padding-top: 0 !important;
}

.edit-profile .btn-center {
    margin: 18px auto 0 !important;
}

.edit_btn {
    padding: 0 14px;
    height: 50px;
    font-size: 17px;
}

.cover_item h4 {
    font-size: 20px;
    flex: none;
}

/* setting-section */
.setting_info {
    width: 60%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.sett_inf {
    padding: 15px 30px;
    border-radius: 5px;
    background: #FE948A;
}

.sett_li {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 10px;
}

.sett_li:last-child {
    margin-bottom: 0;
}

.setting_dtls h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    margin-bottom: 15px;
}

.fig_icon {
    max-width: 36px;
}

.fig_icon img {
    max-width: 100%;
}

.sett_text {}

.sett_text p {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.h3-gap {
    padding: 7px 0;
}

/* wall-section/story */
.story-sec {
    padding: 60px 0;
}

.facility-wrapper-story .facility-dtls {
    background: #FE948A;
    margin: auto;
    padding: 30px;
    border-radius: 12px;
}

.facility-wrapper-story h3 {
    margin-bottom: 0 !important;
}

.facility-dtls p {
    padding-bottom: 20px;
}

.load-less {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    color: red;
}

/* admin */
.select2-container.select2-container.select2-container.select2-container {
    z-index: 9999;
}

/* Recommended Resources */
.recommened-resources {
    padding: 60px 0;
}

.recommened-resources h1 {
    padding-bottom: 30px;
}

.rec_info {
    border: 1px solid #DEDEDE;
    padding: 32px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.rec_info h4 {
    color: #000;
    font-weight: 800;
}

.rec-link {
    display: flex;
    gap: 25px;
    padding-top: 10px;
}

.rec-link a {
    font-size: 17px;
    font-weight: 500;
    color: #525560;
}

.rec-link img {
    width: 17px;
    max-width: 100%;
}

.rec-para {
    color: #525560;
    padding: 20px 0;
}

.rec_info .red-btn {
    height: 50px;
    padding: 0 30px;
    letter-spacing: 1px;
}

.rec_info .red-btn i {
    padding-left: 10px;
}

/* user */
.user {
    padding: 60px 0;
}

.user h1 {
    padding-bottom: 30px;
}

.user-dtls {
    display: flex;
    border: 1px solid #DEDEDE;
}

.user-dtls {
    display: flex;
    gap: 20px;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.user-info h4 {
    color: #000;
    font-weight: 800;
}

.user-im img {
    max-width: 100%;
    width: 70px;
}

.loct {
    display: flex;
    gap: 6px;
    padding-top: 5px;
}

.loct img {
    width: 17px;
    max-width: 100%;
}

.loct p {
    font-size: 18px;
    color: #525560;
}
.mb-none{
    margin-bottom:0px !important;
}

@media only screen and (max-width: 1560px) {

    .fixed_box {
        top: 500px;
        padding: 6px;
        /* height: 65px; */
        width: 112px;
        box-shadow: 0px 30px 16.1px 0px #00000040;
    }

    /* login/form-section */
    .login_form .form_group input {
        padding: 13px;
    }

    .login_left h5 {
        font-size: 23px;
    }

    .login_left h4 {
        font-size: 32px;
        /*        padding-bottom: 60px;*/
    }

    .login_left p {
        font-size: 13px;
    }

    .login_form .form_group label {
        font-size: 13px;
    }

    .forgot-pas {
        font-size: 13px;
    }

    .login_form .form_group input::placeholder {
        font-size: 14px;
    }

    .login_btns figure {
        max-width: 100px;
    }

    .login_btns {
        gap: 20px;
    }

    .form_section>.container {
        max-width: 700px;
    }

    .prof_info {
        gap: 12px;
    }

    .drop_content {
        min-width: 120px;
    }

    .drop_btn {
        font-size: 16px;
    }

    .drop_content a {
        font-size: 14px;
        padding: 8px 10px;
    }

    .prof_img {
        height: 40px;
        width: 40px;
    }

    .prof_img img {
        width: 25px;
    }

    /* privacy-policy */
    .privacy-section h1 {
        /*        max-width: 800px;*/
        padding-bottom: 20px;
    }

    .privacy-info h3 {
        padding-bottom: 10px;
    }

    .privacy-info p {
        font-size: 16px;
        max-width: 628px;
    }

    .privacy_list li::before {
        height: 7px;
        width: 7px;
        top: 8px;
    }

    .privacy_list li {
        font-size: 15px;
        padding-left: 18px;
    }

    .privacy_list li span {
        font-size: 16px;
    }

    /* terms-of-use */
    .prohibited_text {
        font-size: 17px;
    }

    /* NGO-page */
    .foundation-banner {
        height: 380px;
    }

    .found_cover p {
        font-size: 20px;
    }

    .found_cover {
        right: 28px;
        bottom: 16px;
    }

    .camera-img {
        max-width: 25px;
    }


    .foundation-section {
        margin-top: -200px;
    }

    .fo-logo img {
        height: 400px;
        max-width: 400px;
    }

    .foundation_info p {
        font-size: 18px;
    }

    .foundation_info h5 {
        font-size: 22px;
    }

    .fo_box h4 {
        font-size: 40px;
    }

    .fo-para {
        font-size: 17px !important;
    }

    .fo-heading p {
        font-size: 16px;
    }

    .h2-heading p {
        font-size: 14px;
        line-height: 20px;
    }

    .ngo-form input,
    .ngo-form select {
        font-size: 12px;
        padding: 12px;
    }

    .ngo-form label {
        font-size: 12px;
    }

    .pro_cover {
        right: -230px;
    }

    .pro_cover p {
        font-size: 22px;
    }

    .profile-logo {
        max-width: 300px;
        margin: auto;
    }

    .edit_btn {
        height: 38px;
        font-size: 14px;
    }

    .cover_item h4 {
        font-size: 18px;
    }

    .head_dtls .arrow-left {
        top: 7px;
        font-size: 40px;
    }

    .sett_inf {
        padding: 12px 20px;
    }

    .setting_dtls h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .fig_icon {
        max-width: 28px;
    }

    .sett_text p {
        font-size: 14px;
    }

    /* wall-section/story */
    .story-sec {
        padding: 40px 0;
    }

    .facility-wrapper-story .facility-dtls {
        padding: 20px;
    }

    .load-less {
        margin-top: 10px;
        font-size: 15px;
    }

    /* Recommended Resources */
    .rec_info {
        padding: 20px;
    }

    .rec_info h4 {
        font-size: 18px;
    }

    .rec-link {
        padding-top: 5px;
    }

    .rec-link a {
        font-size: 13px;
    }

    .rec-link img {
        width: 14px;
    }

    .rec-para {
        padding: 13px 0;
    }

    .rec_info .red-btn {
        height: 40px;
        padding: 0 20px;
        letter-spacing: 1px;
    }

    /* user */
    .user-im img {
        width: 50px;
    }

    .user-info h4 {
        font-size: 17px;
    }

    .loct img {
        width: 14px;
        margin-bottom: 4px;
    }

    .loct p {
        font-size: 14px;
    }

    .user-dtls {
        padding: 10px;
    }

}

@media only screen and (max-width: 1390px) {

    /* ngo-page */
    .foundation-section {
        margin-top: -165px;
    }

    .fo-logo img {
        height: 350px;
        max-width: 350px;
    }

    .found_cover p {
        font-size: 18px;
    }

    .camera-img {
        max-width: 22px;
    }

    /* Recommended Resources */
    .rec_info {
        height: 220px;
    }
    .rec_info .red-btn {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1199px) {

    /* ngo-page */
    .foundation_info p {
        font-size: 17px;
    }

    .foundation_info h5 {
        font-size: 20px;
    }

    .fixed_box {
        width: 82px;
    }

    .fix_icon {
        max-width: 30px;
    }

    .found_cover {
        gap: 8px;
    }

    /* user-page */
    .user-info h4 {
        font-size: 15px;
    }

    .loct p {
        font-size: 13px;
    }

    /* Recommended Resources */
    .rec_info {
        height: 250px;
    }
    .rec_info .red-btn {
        height: 45px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {

    /* NGO-page */
    .fixed_box {
        width: 78px;
        top: 289px;
        right: 13px;
    }

    .login_left h5 {
        font-size: 20px;
    }

    .login_left h4 {
        font-size: 27px;
    }

    .login_right {
        max-width: 300px;
        margin: auto;
        padding-top: 30px;
    }


    .login-section.login-section.login-section {
        padding: 40px 0 0;
    }

    .login_left.login_left.login_left h5 {
        padding-bottom: 10px;
    }

    .welcome_back_text.welcome_back_text.welcome_back_text {
        margin-top: 10px;
    }

    .login_form.login_form.login_form {
        padding-top: 10px;
    }

    .login_btns.login_btns.login_btns {
        padding-top: 30px;
    }


    /* ngo-page */
    .foundation-section {
        margin-top: -157px;
    }

    .fo-logo img {
        height: 300px;
        max-width: 300px;
    }

    .found_cover p {
        font-size: 16px;
    }

    .camera-img {
        max-width: 20px;
    }

    .fix_icon {
        max-width: 32px;
    }



    .fo-para {
        font-size: 14px !important;
    }

    .fo_btns .red-btn {
        padding: 0 84px;
    }


    .fo-heading p {
        font-size: 14px;
    }

    /* user-page */
    .loct img {
        width: 13px;
        margin-bottom: 5px;
    }
    .mb-none{
        margin-bottom:20px !important;
    }
    /* Recommended Resources */
    .recommened-resources {
        padding: 30px 0;
    }
    .rec_info {
        height: 210px;
    }

}

@media only screen and (max-width: 768px) {

    /* NGO-page */
    .foundation-banner {
        height: 250px;
    }

    .foundation-section {
        margin-top: -110px;
    }

    .fo-logo img {
        height: 230px;
        max-width: 230px;
    }

    .login_right {
        max-width: 200px;
    }

    .login_btns .red-btn {
        height: 40px;
        padding: 0 30px;
        font-size: 13px;
        border-radius: 10px;
    }

    .login_form .form_group input {
        padding: 8px;
    }

    /* user-page */
    .user {
        padding: 30px 0;
    }
    .user h1 {
        padding-bottom: 20px;
    }

    /* Recommended Resources */
    .rec_info {
        height: 230px;
    }
}

@media only screen and (max-width: 575px) {

    /* NGO-page */
    .fo-logo img {
        height: 180px;
        max-width: 180px;
    }

    .found_cover p {
        font-size: 10px;
    }

    .camera-img {
        max-width: 13px;
    }

    .found_cover {
        right: 7px;
        bottom: 6px;
        gap: 5px;
        padding: 2px 10px;
    }

    /* login/form-section */
    .login_left h5 {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .login_left h4 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .login_form .form_group input {
        padding: 5px 8px;
    }

    .login-section.login-section.login-section {
        padding: 25px 0 0;
    }

    .form_section.form_section.form_section {
        padding: 15px 10px 10px;
    }

    .login_btns.login_btns.login_btns {
        padding-top: 25px;
    }

    .login_left.login_left.login_left h5 {
        padding-bottom: 5px;
    }

    .login_right {
        max-width: 120px;
    }

    .login_form .form_group .form_footer {
        padding-top: 10px;
    }

    .form_section fieldset {
        margin-top: 15px;
    }

    .form_section legend {
        margin-bottom: 6px;
        font-size: 18px;
    }

    .form_section label {
        font-size: 15px;
    }

    .form_section input.form-control,
    .form_section select {
        margin-bottom: 10px;
        margin-top: 2px;
    }

    .form_section>.container {

        padding: 15px;
    }

    /* ngo-page */
    .foundation-banner {
        height: 206px;
    }


    .foundation-section {
        margin-top: -80px;
    }



    .foundation_info p {
        font-size: 14px;
    }

    .foundation_info h5 {
        font-size: 16px;
        padding-top: 4px;
    }

    .fo_box h4 {
        font-size: 30px;
    }

    .fo-para {
        font-size: 12px !important;
    }

    .fo_btns .red-btn {
        padding: 0 30px;
    }

    /* Recommended Resources */
    .rec_info {
        height: 230px;
        padding: 14px;
    }

}

@media only screen and (max-width: 395px) {

    /* NGO-page */
    .fixed_box {
        width: 62px;
        top: 230px;
        right: 10px;
    }

    .fix_icon {
        max-width: 20px;
    }

    .foundation-banner {
        height: 150px;
    }

    .foundation-section {
        margin-top: -70px;
    }

    .fo-logo img {
        height: 140px;
        max-width: 140px;
    }

    .found_cover {
        right: 4px;
        padding: 0px 10px;
    }
    .found_cover p {
        font-size: 7px;
    }

    .camera-img {
        max-width: 10px;
        position: relative;
        bottom: 2px;
    }
    /* Recommended Resources */
    .rec_info {
        height: 280px;
    }
    .rec_info .red-btn {
        font-size: 11px;
    }
}