* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0px;
}

.img-responsive {
    width: 100%;
}

/* toggle css start  */
.nav_toggle {
    display: inline-block;
    cursor: pointer;
    display: none;
}

.bar1,
.bar2,
.bar3 {
    width: 32px;
    height: 3px;
    background-color: #032e9e;
    margin: 6px 0;
    transition: 0.4s;
    border-radius: 14px;
}

.change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {
    opacity: 0;
    display: none;
}

.change .bar3 {
    transform: translate(0, 0px) rotate(45deg);
}



/* --- index css start ---- */

.mobile_logo {
    display: none;
}

.top_nav {
    margin-bottom: 15px;
    margin-top: 10px;
}

.nav_item {
    display: inline-block;

}

.dropdown {
    position: relative;
}

.dorpdown_menu {
    position: absolute;
    background: #fff;
    z-index: 99;
    min-width: 300px;
    top: 100%;
    visibility: hidden;
    transition: 0.4s all ease-in-out;
    transform: translatey(20px);
    box-shadow: 0px 8px 12px 0px rgb(114 114 114 / 19%);
}

.dropdown:hover .dorpdown_menu {
    visibility: visible;
    transition: 0.4s all ease-in-out;
    /* top: 100%; */
    transform: translatey(0px);
}

.dropdown:hover span svg {
    transform: rotate(180deg);
}

.dorpdown_menu ul li a {
    display: block;
    padding: 12px 16px;
    font-weight: 600;
    color: #032e9e;
    /*text-transform: capitalize;*/
}

a.nav_link span svg {
    width: 10px;
    height: 10px;
}

.dorpdown_menu ul li a:hover {
    background: #f9ab23;
    color: #fff;
    transition: 0.4s all ease-in-out;
}

.nav_link {
    color: #032e9e;
    text-transform: uppercase;
    padding: 28px 20px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    transition: 0.4s all ease-in-out;
}

.nav_link span {
    position: absolute;
    right: 0px;
    z-index: 1;
    transition: 0.4s all ease-in-out;
}

.nav_link:before {
    content: "";
    left: 0;
    top: -10px;
    width: 0;
    background-color: #F9AC23;
    height: 4px;
    position: absolute;
    transition: 0.4s all ease-in-out;
}

.nav_link:hover:before {
    width: 100%;
    transition: 0.4s all ease-in-out;
}

.active .nav_link:before {
    width: 100%;
    transition: 0.4s all ease-in-out;
}

.logo_img,
.footer_logo_img {
    max-width: 200px;
    width: 100%;
}

.loginBtn,
.registerBtn {
    border: 1px solid #f9ab23;
    background-color: #f9ab23;
    color: #ffffff;
    padding: 8px 30px;
    transition: 0.4s all ease-in-out;
}

.loginBtn {
    margin-right: 12px;
}

.loginBtn:hover,
.registerBtn:hover {
    border: 1px solid #f9ab23;
    background-color: transparent;
    color: #f9ab23;
    transition: 0.4s all ease-in-out;
    text-align: center;
}

.login_register {
    margin-left: 20px;
}

/* nav.nav_menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
} */
.navigation_menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* --------- hero banner css start --------- */

.hero_card_wrapper {
    margin-top: 30px;
}


.hero_right_img img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.hero_card {
    position: relative;
    height: 230px;
    width: 100%;
}

.hero_card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
}

.hero_card_content h4 {
    margin-bottom: 10px;
}

.hero_card_content {
    position: absolute;
    z-index: 99;
    color: #fff;
    bottom: 0px;
    padding: 20px;
}

.hero_right_card_caontent h5 {
    font-size: 16px;
    margin-bottom: 5px;
}

.hero_right_card_caontent p {
    font-size: 14px;
    color: #858da3;
    padding-left: 13px;
}

.hero_right_card_caontent h6 {
    font-size: 14px;
    color: #858da3;
    padding-left: 13px;
    position: relative;
}

.hero_right_card_caontent h6:before {
    content: '';
    background-color: #032e9e;
    position: absolute;
    left: 0px;
    right: unset;
    top: 1px;
    bottom: 0px;
    width: 3px;
    height: 17px;
    display: inline-block;
}

.hero_right_card {
    margin-bottom: 30px;
}

.hero_right_card_caontent h5 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #000;
    text-transform: inherit;
}

.hero_right_card_caontent p:empty {
    display: none;
}

.volunteer_img {
    height: 223px;
    min-width: 170px;
    width: 170px;
}

.volunteer_img img {
    width: 100%;
}

.volunteer_img .img-responsive,
.event_slider_img .img-responsive,
.hero_card .img-responsive {
    height: 100%;
    object-fit: cover;
    object-position: center;
}



/* event section css start  */

.event_banner_section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer_section_wrapper {
    background-color: #c0c0c0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer_section_wrapper .container-fluid {
    padding: 0px 50px;
}

.footer_title_info {
    margin-bottom: 40px;
}

.event_slider_img {
    position: relative;
    height: 450px;
    width: 100%;
}

.event_slider_img h4 {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    top: 50%;
    max-width: 80%;
    margin: 0 auto;
    font-size: 30px;
}

.event_slider_img h4:before {
    content: "";
    left: 0;
    bottom: -10px;
    width: 150px;
    background-color: #ffffff;
    height: 4px;
    position: absolute;
    border-radius: 20px;
}



/* footer section start  */



.ft_title h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}

.ft_section_01 h4,
.ft_section_02 h4,
.ft_section_03 h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #032e9e;
}

.footer_onnet a {
    color: #fff;
    text-decoration: underline;
}

.ft_section_01 ul li a,
.ft_section_02 ul li a,
.ft_section_03 p {
    color: #fff;
}

.ft_section_01 ul li a:hover,
.ft_section_02 ul li a:hover {
    color: #F9AC23;
}

.footer_onnet {
    max-width: 200px;
    width: 100%;
    text-align:right;
}


/* --------- page 1 css start ---------- */

.categories_info_wrapper {
    background: #032e9e;
    padding: 40px;
    padding-bottom: 40px;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories_card_info h3 {
    margin-bottom: 15px;
    color: #fff;
}

.categories_card_info p {
    color: #fff;
}

/* ------- voluenter page design ---------- */

.volunter_row {
    display: flex;
    flex-wrap: wrap;

}

.volunteer_column {
    width: 50%;
}

.volunteer_bg {
    background-color: #f7f7f7;
}

.volunteer_content h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
}

.volunteer_content h4::before {
    content: "";
    left: 0;
    bottom: -10px;
    width: 110px;
    background-color: #F9AC23;
    height: 4px;
    position: absolute;
    border-radius: 20px;

}

.volunteer_content p {
    font-size: 40px;
    /*text-transform: capitalize;*/
    font-weight: 600;
    color: #032e9e;
    line-height: 60px;
}

.volunter_section_wrapper .volunteer_content {
    padding: 150px 70px 150px 250px;
    margin: 0px;
    max-width: 100%;
    height: auto !important;
}

.volunter_section_wrapper .volunteer_column {
    height: 500px;
}

.volunteer_column img {
    height: 100%;
}

.volunteer_events_wrapper {
    margin-top: 40px;
}

.volunteer_event_title {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.volunteer_event_title::before,
.forget-password-form h4::before,
.reset-password-form h4::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    background-color: #032e9e;
    height: 4px;
    max-width: 120px;
    margin: 0 auto;
}

.volunteer_event_title h4,
.forget-password-form h4,
.reset-password-form h4 {
    font-size: 40px;
    color: #F9AC23;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.volunteer_event_list {
    margin-top: 60px;
}

.volunteer_event_list p {
    margin-bottom: 20px;
}

/* ------- register page design ----------  */
.forget-form,
.reset-form {
    margin-top: 70px;
}

.register_info_wrapper,
.forget-password-form,
.reset-password-form {
    background: #032e9e;
    padding: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_form,
.forget-password-form,
.reset-password-form {
    margin-top: 70px;
}

.form-group {
    margin-bottom: 20px;
}

.login_form label,
.forget-password-form label,
.reset-password-form label {
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #fff;
}

.forget-password-form label,
.reset-password-form label {
    width: 100%;
    padding: 0px 0px;
}

.login_form .form-control,
.forget-password-form .form-control,
.reset-password-form .form-control {
    border: none;
    border-bottom: 1px solid #c1c1c1;
    background: transparent;
    border-radius: 0px;
    padding: 10px;
    color: #fff;
}

.login_form .form-control:focus,
.forget-password-form .form-control:focus,
.reset-password-form .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #c1c1c1;
    background: none;
}

.login_form .form-control::placeholder,
.forget-password-form .form-control::placeholder,
.reset-password-form .form-control::placeholder {
    color: #d3d3d3;
    text-transform: capitalize;
}

.form-control option {
    color: #000;
}

.register_btn_group {
    text-align: center;
    margin-top: 40px;
}

.register_btn,
.forget-password-form button[type="submit"],
.reset-password-form button[type="submit"] {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 10px 46px;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0.4s all ease-in-out;
    border-radius: 0px;
}

.forget-password-form button[type="submit"],
.reset-password-form button[type="submit"] {
    margin-bottom: 40px;
}

.register_btn:hover,
.forget-password-form button[type="submit"]:hover,
.reset-password-form button[type="submit"]:hover {
    background-color: #f9ab23;
    border: 1px solid #f9ab23;
    color: #fff;
}

.register_title p {
    color: #fff;
}

.register_title::before,
.forget-password-form h4:before,
.reset-password-form h4:before {
    background: #fff;
}

.forget_pas {
    text-align: right;
    margin-top: 10px;
}

.forget_pas a {
    color: #fff;
    text-transform: capitalize;
}

.hero_right_card .news-link {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 15px;
    margin-bottom: 15px;
}


/* --------  contact form design  ------------ */

.contact_form_wrapper {
    background: #032e9e;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.contact_title h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}

/* ---- map css start ---- */

.map_section {
    margin-top: 150px;
    margin-bottom: 140px;
}

.other_contact_section {
    margin-bottom: 100px;
}

.news-letter_secton {
    margin-bottom: 30px;
}

.map_bg {
    background-color: #f8f8f9;
    margin: 0px;
    padding: 0px;
}

.map_bg .col-lg-6 {
    padding: 0px;
}

.map_details {
    padding: 65px 70px 70px 70px;
}

.location_info {
    height: 100%;
}

.location_info iframe {
    width: 100%;
    height: 100%;
}

.location_info img {
    height: 100%;
    object-fit: cover;
}

.contactBtn {
    border: 1px solid #032e9e;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #032e9e;
    transition: 0.4s all ease-in-out;
}

.contactBtn:hover {
    background-color: #032e9e;
    color: #fff;
    transition: 0.4s all ease-in-out;
}

.contact_link {
    color: #032e9e;
}

.contact_link:hover {
    color: #f9ac23;
}

/* ---- other contact css start --- */

.bg-grey {
    background-color: #f8f8f9;
}

.other_contact_card {
    margin-bottom: 40px;
}

.other_contact_card h4 {
    color: #0a1b49;
    margin-bottom: 20px;
}

.other_contact_card p {
    color: #032e9e;
}

.other_contact_title {
    text-align: center;
}

.other_contact_title h3 {
    color: #F9AC23;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}

/* ----- social service info ----- */

.social_service_img {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    height: 240px;
}

.social_service_card {
    padding: 30px;
}

.social_service_card h3 {
    color: #0a1b49;
}

.newsletter_bg {
    background-color: #f8f8f9;
    padding: 50px;
    align-items: center;

}

.news_letter_card {
    text-align: right;
}

.new_letter_btn {
    padding: 15px;
    text-align: center;
}

.news_letter_card h3 {
    font-size: 38px;
    margin-bottom: 15px;
    color: #0a1b49;
}

.news_letter_card p {
    font-size: 20px;
    color: #0a1b49;
}

.form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
}

.form-control:focus {
    background-color: transparent;
    box-shadow: none;
    border-color: #fff;
    color: #fff;

}

.label {
    color: #fff;
    display: block;
    text-align: left;
}

.form-group {
    margin-bottom: 40px;
}

.contact_from_link {
    font-size: 14px;
    color: #fff;
}

.contact_from_link a {
    font-size: 14px;
    color: #f9ac23;

}

.contat_btn_wrapper {
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition: 0.4s all ease-in-out;
    margin-top: 30px;
    background-color: transparent;
}

.contat_btn_wrapper:hover {
    border: 1px solid #f9ac23;
    background-color: #f9ac23;
    color: #fff;
}

.social_service_img img {
    max-width: 300px;
    width: 100%;
}

option {
    color: #000;
}

.sub_title_1 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    color: #858da3;
}

.sub_title_1::before {
    content: "";
    left: 0;
    bottom: -24px;
    width: 110px;
    background-color: #F9AC23;
    height: 4px;
    position: absolute;
    border-radius: 20px;
    right: 0;
    margin: 0 auto;
}

.social_service_card p {
    margin-bottom: 15px;
}

.cookies_policy_section {
    margin-top: 80px;
    margin-bottom: 80px;
}

.lcc-modal__actions {
    margin-top: 40px;
}

.lcc-modal__actions button {
    margin-right: 20px;
    padding: 10px 15px;
    background-color: transparent;
}

.lcc-modal__actions {
    text-align: center;
}


.cookies_policy_card {
    background-color: #032e9e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
}

.modal-body .form-control {
    background-color: #f6f6f6;
    color: #333;
    height: 44px;
}

.service-img {
    height: 400px;
    object-fit: cover;
}

.social-response-sec .row .col-lg-4 {
    padding: 0px 5px;
}


@media only screen and (max-width: 991px) {
    .news_letter_card {
        text-align: center;
    }

    .social_service_card h3 {
        font-size: 22px;
    }

    .register_btn,
    .forget-password-form button[type="submit"],
    .reset-password-form button[type="submit"] {
        padding: 10px 20px;
    }

}


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

    .service-img {
        height: auto;
    }

    .social_service_img {
        height: auto;
    }

    .newsletter_bg {
        padding: 30px;
    }

    .news_letter_card {
        text-align: center;
    }

    .footer_section_wrapper .container-fluid {
        padding: 0px 20px;
    }

}

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

    .forget-password-form h4,
    .reset-password-form h4 {
        font-size: 22px;
    }

    .forget-password-form,
    .reset-password-form {
        padding-left: 0px;
        padding-right: 0px;
    }

    .register_btn,
    .forget-password-form button[type="submit"],
    .reset-password-form button[type="submit"] {
        font-size: 18px;
    }
    
    .volunter_section_wrapper .volunteer_content {
        padding: 55px;
    }
}