/*
/*
@File: AndTour - Travel Agency HTML Template

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

** Common Style
** Home Page
** About Page
** Causes Page
** Cause Details Page
** Contact Page
** Event Page
** Event Details Page
** Faqs Page
** Gallery Grid Page
** Gallery Slider Page
** Login Page
** Registration Page
** Make Donation Page
** News Page
** News Details Page
** Privacy policy Page
** Terms Service Page
** Testimonials  Page
** volunter Page
** Preloader
** Top TO Bottom


/*================================================
Default CSS
=================================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

:root {
    --main-color: #226693;
    --footer-color: #226693;
    --white-color: #ffffff;
    --black-color: #2A283E;
    --navber-color: #424155;
    --paragraph-color: #818090;
    --bg-color: #EEF4F8;
    --transition: .4s all ease-in-out;
}

html,
body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.mb-30 {
    margin-bottom: 30px;
}

a {
    text-decoration: none;
    color: var(--main-color);
}

a:hover {
    color: black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    margin: auto;
}

h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
}

h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 50px;
}

h3 {
    font-size: 24px;
    font-weight: 500;
}

h4 {
    font-size: 20px;
    font-weight: 500;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 14px;
    font-weight: 400;
}

p {
    font-size: 16px;
    line-height: 24px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
    padding: 0;
}

.event_container {
    position: relative;
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}


/* --Common Style--------------------------------------------------------------------------------------------------------------------------- */
section {
    position: relative;
}

.form-control {
    height: 45px;
    max-width: 80%;
    box-shadow: 0px 1px 13px 0px #0000000d;
    padding: auto;
    font-size: 16px;
    background: #e03c3314;
    margin-left: auto;
}

.form-control:focus {
    color: var(--heading-color);
    background-color: #fff;
    border: 1px solid var(--main-color);
    outline: none;
    box-shadow: none;
}

.section_padding {
    padding: 30px 0 30px 0;
}

.section_padding_top {
    padding: 30px 0 0 0;
}

.section_padding_bottom {
    padding: 0 0 30px 0;
}

.bg-color {
    background: #EEF4F8;
    opacity: 50%;
}

.bg-theme {
    background: var(--main-color);
}

.bg-yellow {
    background: #F6A61D;
}

/* --Text Sliding--------------------------------------------------------------------------------------------------------------------------- */



/* --Heading Area--------------------------------------------------------------------------------------------------------------------------- */
.section_heading {
    margin: auto;
}

.section_heading1 {
    text-align: left;
    margin-left: 60px;
}

.section_heading h2 {
    padding: 10px 0 10px 0;
    text-align: center;
}

.section_heading h3 {
    padding: auto;
    color: var(--paragraph-color);
    text-align: center;
}

/* --IITstyle------------------------------------------------------------------------------------------------------------------------------- */
.counter_area_wrapper {
    background: #ffffff;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08), 8px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 20px;
    margin: 30px auto;
}

.counter_item {
    text-align: center;
    border-right: 1px solid #226693;
}

.counter_item img {
    width: 60px;
    height: auto;
}

.row .col-lg-3:last-child .counter_item {
    border-right: none;
}

@media (max-width: 576px) {
    .counter_item {
        border-right: none;
    }
}

/* --IITstyle------------------------------------------------------------------------------------------------------------------------------- */
.fellow_area_wrapper {
    background: #ffffff;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08), 8px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 10px;
    margin: 20px auto;
    width: 90%;
}

.fellow_style {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.fellow_style ul {
    margin: 10px 0 10px 0;
    display: flex;
    justify-content: space-between;
    list-style: none;
    width: 70%;
}

.fellow_style ul li p {
    margin: 5px;
    color: var(--black-color);
    font-weight: 600;
}

.fellow_style img {
    margin: auto;
    width: 65%;
    height: auto;
}

.fellow_style h2 {
    margin: auto;
    text-align: center;
}

.intern_area_wrapper {
    background: #ffffff;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08), 8px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 10px;
    margin: 20px auto;
    width: 90%;
}

.intern_style {
    margin: auto;
}

.intern_style ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}

.intern_style img {
    margin: auto;
    width: 70%;
    height: auto;
}

.intern_style h2 {
    margin: auto;
    text-align: center;
    padding-bottom: 20px;
}

/* --IITstyle------------------------------------------------------------------------------------------------------------------------------- */
#index_one_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px auto 30px auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

#home_wrapper {
    z-index: 9;
    position: relative;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    width: auto;
    height: 95%;
    padding: 20px;
}

#home_wrapper1 {
    z-index: 0;
    position: relative;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    width: auto;
    height: 95%;
    padding: 10px;
}

.quote_text {
    display: flex;
    flex-wrap: wrap;
}

.quote_text blockquote {
    font-size: 16px;
    padding-right: 20px;
    font-weight: 700;
    text-align: justify;
    color: var(--paragraph-color);
}

.quote_text div {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 30%;
}

.quote_text div:nth-of-type(1) {
    flex-basis: 70%;
}

.quote_text div:nth-of-type(3) {
    flex-basis: 70%;
}

.quote_text img {
    width: auto;
    height: auto;
}

.about_one_text {
    transform: translateY(-30%);
}

.about_one_text a {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-color);
}

.about_one_text a:hover {
    color: black;
}

.about_one_text h6 {
    font-size: 15px;
    color: black;
}

.list_wrapper {
    margin: auto;
}

.list_wrapper ul {
    margin: auto;
}

.list_wrapper ul li {
    padding: 5px 0 0 20px;
    color: var(--paragraph-color);
}

.list_wrapper ul li i {
    font-size: 9px;
    color: #226693;
    padding-right: 10px;
}

/* --Ongoing Programs------------------------------------------------------------------------------------------------------------------------- */

.prog_area_wrapper {
    background: #ffffff;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08), 8px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 20px;
    margin: 30px auto;
    width: max-content;
    height: 200px;
    overflow: hidden;
}

.ongoing_prog {
    display: flex;
    margin: 10px;
    flex-direction: row;
}

.ongoing_prog h4 {
    margin-top: 0;
    margin-right: 20px;
    margin-left: 0;
}

.ongoing_prog ul li {
    color: var(--paragraph-color);
    margin-left: 0;
}


/* --About Top Area------------------------------------------------------------------------------------------------------------------------- */
#about_one_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px;
    margin: auto;
    width: auto;
    height: auto;
}

.about_top_boxed {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px 20px 30px;
    height: auto;
    width: 90%;
    transition: var(--transition);
    margin: 20px auto 40px auto;
}

.about_top_boxed:hover {
    transform: translateY(10px);
}

.bg_one {
    background: #CAE4F7;
}

.bg_two {
    background: #FDF0DD;
}

.bg_three {
    background: #CAE4F7;
    ;
}

.bg_four {
    background: #FDF0DD;
}

.about_top_boxed_icon {
    text-align: center;
    margin: 0px auto 0 auto;
    margin-top: -25px;
    transition: var(--transition);
}

.about_top_boxed:hover .about_top_boxed_icon {
    transform: translateY(20px);
}

.about_top_boxed_icon img {
    width: 70px;
    height: auto;
    border-radius: 30%;
    background-color: none;
    padding: 10px;
    box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
    margin-top: -45px;
}

.about_top_boxed_text {
    padding-top: 20px;
}

.about_top_boxed_text h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
}

.about_top_boxed_text h5 {
    font-size: 16px;
    color: var(--paragraph-color);
}

.about_top_boxed_text a {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
}

.about_top_boxed_text a:hover {
    font-size: 16px;
    font-weight: 500;
    color: black;
}

.about_top_boxed_vector {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

/* --Engg education in india today---------------------------------------------------------------------------------------------------------- */

.counter_boxed {
    position: relative;
    border-radius: 20px;
    width: auto;
    height: auto;
    margin: 10px auto;
    padding: 20px;
}

.text_size {
    font-size: larger;
    text-align: left;
    font-weight: 700;
}

/* --Engg education in india today---------------------------------------------------------------------------------------------------------- */

.about_area_img1 {
    margin: 40px auto 10px auto;
    max-width: auto;
    height: auto;
}

.about_area_para p {
    text-align: justify;
    padding: 10px 0px 5px 0;
    margin: auto;
}

/* --Industry Ready engg graduates---------------------------------------------------------------------------------------------------------- */
#curriculum_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    margin: 30px 0 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.case_boxed_wrapper {
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.case_boxed_wrapper img {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 70%;
    height: auto;
    padding: 30px 0 30px 0;
}

.causes_boxed_text {
    text-align: center;
}

.causes_boxed_text p {
    padding: 0 0 0 0;
}

.index_btn {
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

/* --Empowering-------------------------------------------------------------------------------------------------------------------------- */

#fdp_section {
    margin: none;
}

.event_big_img {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    height: auto;
}

.details_text_wrapper {
    padding-top: 5px;
}

.details_text_wrapper ul {
    margin-left: 30px;
}

.details_text_wrapper ul li {
    padding: 10px 0 0 20px;
    color: var(--paragraph-color);
}

.details_text_wrapper ul li i {
    font-size: 9px;
    color: var(--main-color);
    padding-right: 10px;
}
/* --LP3XX Courses-------------------------------------------------------------------------------------------------------------------------- */
.lp3xx_section {
    margin: 60px auto 40px auto;
}

.lp3xx_section h2 {
    text-align: center;
}

.lp3xx_image {
    margin: auto;
}
.lp3xx_image img {
    display: block;
    margin: auto;
    padding: 5px;
    width: auto;
    height: 350px;
}

.lp3xx_image h5 {
    text-align: center;
    font-size: small;
    font-weight: 600;
}
/* --Industry Partners-------------------------------------------------------------------------------------------------------------------------- */

#home_blog_area {
    padding: 30px 0 40px 0;
}

.terms_item {
    margin: auto;
}

.terms_item h4 {
    margin-top: 20px;
    font-weight: 700;
}

.terms_item p {
    padding-top: 5px;
}

/* --Testimonials-------------------------------------------------------------------------------------------------------------------------- */

/* .dot_parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot {
    margin: 5px;
    width: 15px;
    height: 15px;
    background-color: var(--paragraph-color);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: var(--main-color);
}

.dot:hover {
    background: var(--main-color);
} */

.testimonials {
    margin: auto;
    padding: 10px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.testimonial_wrapper {
    display: none;
    position: relative;
    border-radius: 20px;
    background: #FFFFFF;
    border: 1px solid var(--main-color);
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 20px 20px auto auto;
    flex: 0 0 100%;
}

.testimonial_wrapper.active {
    display: block;
    /* Show the active slide */
}

.testimonial_wrapper img {
    position: absolute;
    width: 250px;
    height: auto;
    display: block;
    top: 0;
    left: 0;
    transform: translate(-26%, -45%);
}

.testimonial {
    margin: 5px;
    text-align: left;
}

.testimonial p {
    text-align: justify;
    margin: 10px auto;
}

.testimonial h4 {
    color: var(--main-color);
    font-weight: 600;
    text-align: right;
    margin: 2px 0;
}

.testimonial h5 {
    font-weight: 500;
    text-align: right;
    margin: 2px 0;
}

.testimonial h6 {
    font-weight: 500;
    text-align: right;
    margin: 2px 0;
}

.chevron_control {
    margin: auto;
    display: flex;
    background: none;
    border: none;
    position: absolute;
    top: 70%;
    color: var(--main-color);
    cursor: pointer;
    transform: translateY(-50%);
    z-index: 10;
}

.student_chevron_control {
    margin: auto;
    display: flex;
    background: none;
    border: none;
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    color: var(--main-color);
    cursor: pointer;
    z-index: 10;
}

.left {
    left: -20px;
}

.right {
    right: -20px;
}

/* --Success Stories-------------------------------------------------------------------------------------------------------------------------- */
.main_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.success_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0;
    margin: 30px 0;
}

.success_wrapper {
    background: #FFFFFF;
    box-shadow: -4px 6px 24px rgba(0, 0, 0, 0.08), 6px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: var(--transition);
    max-width: 48%;
    height: 630px;
    margin: 0 0 20px 0;
    padding: 15px;
}

.success_wrapper_copy {
    background: #FFFFFF;
    box-shadow: -4px 6px 24px rgba(0, 0, 0, 0.08), 6px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: var(--transition);
    max-width: 100%;
    height: 630px;
    margin: 0 0 0 10px;
    padding: 15px;
}

.success_text_wrapper {
    margin: 5px 0 0 5px;
    padding: 5px;
}

.success_text_wrapper ul li {
    margin-bottom: 15px;
}

.success_text_wrapper ul li h5 {
    font-size: 18px;
    color: var(--main-color);
    margin-bottom: 3px;
}

.success_text_wrapper ul li p {
    font-size: 14px;
    color: var(--black-color);
    font-weight: 400;
}

.success_wrapper:hover {
    transform: translateY(10px);
}

.success_wrapper_copy:hover {
    transform: translateY(10px);
}

/* --Newsletter Page-------------------------------------------------------------------------------------------------------------------------- */
.newsletter {
    margin: auto;
    max-width: 65%;
}

.newsletter .section_one {
    margin: 20px 0 10px 0;
}

.section_one h5 {
    margin: 0;
    font-size: 16px;
    color: var(--main-color);
    padding: 3px 0 0 0;
}
.section_one a {
    display: block;
    margin-top: 10px;
    color: var(--black-color);
    text-decoration: underline;
    font-weight: 600;
}

.section_one a:hover {
    color: var(--main-color);
}

.newsletter .section_two {
    margin: 0px 0 20px 0;
}

.section_two p {
    margin: 10px 0 10px 0;
    font-size: 16px;
    color: var(--black-color);
    padding: 10px 0 0 0;
}

.section_two table {
    width: 70%;
    border-collapse: collapse;
    margin: 10px auto;
    font-size: 14px;
    text-align: center;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 10px;
}

th {
    background-color: #f2f2f2;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}
.newsletter .section_three {
    margin: 20px 0 20px 0;
}
.section_three h5 {
    margin: 0 0 5px 0;
    font-size: 18px;
    color: var(--main-color);
    font-weight: 600;
}
.section_three p {
    margin: 0 0 10px 0;
    font-size: 16px;
    color: var(--black-color);
}
.section_three img {
    max-width: 100%;
    margin: 10px;
}
.section_three a {
    font-weight: 600;
    text-decoration: underline;
}

/* --Careers Page-------------------------------------------------------------------------------------------------------------------------- */
.career_wrapper {
    background: #FFFFFF;
    box-shadow: -4px 6px 24px rgba(0, 0, 0, 0.08), 6px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: var(--transition);
    max-width: 90%;
    height: auto;
    margin: auto auto 30px auto;
    padding: 20px 20px;
}

.careers {
    margin: 20px auto;
}

.careers h3 {
    font-size: 24px;
    color: var(--main-color);
    margin: 20px auto 10px auto;
}

.careers h3 span {
    font-size: 20px;
}

.careers h4 {
    font-size: 18px;
    color: var(--black-color);
    margin: 10px auto 5px auto;
}

.careers p {
    margin: 5px auto 5px auto;
}

.careers ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color);
    margin-left: 20px;
}

.careers ul li i {
    font-size: 9px;
    color: #226693;
    padding-right: 10px;
}


/* --Subscribe area-------------------------------------------------------------------------------------------------------------------------- */

.subscribe_wrapper {
    background: #FFFFFF;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08), 8px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 40px 40px;
    margin: 20px 0 40px 0;
}

.subscribe_text h3 {
    font-size: 30px;
    padding-top: 10px;
    line-height: 40px;
}

#subscribe_form .form-control {
    border: 1px solid var(--main-color);
    height: 60px;
    background: var(--white-color);
}

#subscribe_form .btn_md {
    padding: 16px 35px;
    font-size: 18px;
}

/* --Footer area-------------------------------------------------------------------------------------------------------------------------- */

.footer-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}
#footer_area {
    background: #F4F7FC;
    padding: 40px;
    margin: 60px 0 0 0;
}

.footer_area_about {
    margin: auto;
    flex: 2;
    min-width: 280px;
}

.footer_area_about p {
    padding-top: 20px;
    padding-bottom: 13px;
    color: var(--main-color);
}

.footer_area_about h6 {
    padding-top: 5px;
    font-size: 16px;
    color: var(--main-color);
    line-height: 27px;
}

.footer_area_about h6 strong {
    color: var(--black-color);
}

.footer_area_about h6 a {
    color: var(--main-color);
}

.footer_area_about h6 a:hover {
    color: black;
    font-weight: 500;
}

.footer_navitem_ara {
    flex: 0;
    min-width: 200px;
}

.footer_navitem_ara h3 {
    margin-top: 20px;
    padding-bottom: 10px;
}

.nav_item_footer ul li {
    padding-bottom: 10px;
}

.nav_item_footer ul li:last-child {
    padding-bottom: 0px;
}

.nav_item_footer ul li a {
    color: var(--main-color);
    font-size: 16px;
}

.nav_item_footer ul li a:hover {
    color: black;
    font-weight: 600;
}

.social-icons {
    margin-top: 10px;
}

.social-icons img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    transition: 0.3s;
}

.social-icons img:hover {
    transform: scale(1.1);
}

/* -Copyright Area--------------------------------------------------------------------------------------------------------------------- */
.copyright_area {
    background-color: var(--footer-color);
    padding: 15px 0;
}

.copyright_left p {
    color: var(--white-color);
}

.copyright_right {
    text-align: right;
}

.copyright_right ul li {
    display: inline-flex;
    padding-left: 20px;
}

.copyright_right ul li a {
    color: var(--white-color);
}

/* -------------------------------------------------------------About Page--------------------------------------------------------- */

/* --PBL---------------------------------------------------------------------------------------------------------------------- */

.about_one_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0;
    margin: 30px 0;
}

.about_one_banner h2 {
    text-align: center;
    color: var(--paragraph-color);
}

.about_one_banner p {
    text-align: center;
    color: black;
}

.about_area_img {
    max-width: 75%;
    height: auto;
    padding: 10px 0;
    margin: auto;
}

.about_area_main_text {
    padding: 10px 0 30px 0;
}

.about_area_main_text p {
    text-align: justify;
    padding: 20px 0 10px 0;
    font-size: 16px;
}

.about_area_heading h3 {
    color: var(--paragraph-color);
}

/* --Progam delivery---------------------------------------------------------------------------------------------------------------------- */

#home_one_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: auto;
    padding: 20px 0 30px 0;
    margin: 20px 0 30px 0;
}

.banner_one_img {
    max-width: 90%;
    height: auto;
    margin: 10px auto;
}

.pd_heading h3 {
    padding: 20px 0 20px 0;
}

/* --LEAP Outcomes---------------------------------------------------------------------------------------------------------------------- */
.details_text_wrapper1 {
    padding-top: 40px 0 20px 0;
}

.details_text_wrapper1 ul {
    margin-left: 80px;
}

.details_text_wrapper1 ul li {
    padding: 15px 0 0 20px;
    color: var(--paragraph-color);
}

.details_text_wrapper1 ul li i {
    font-size: 9px;
    color: var(--main-color);
    padding-right: 10px;
}

.banner_one_img1 {
    max-width: 95%;
    height: auto;
    margin-left: 40px;
    padding: 10px 0;
}

/* --LEAP Benefits---------------------------------------------------------------------------------------------------------------------- */

#benefits_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    padding: 50px 0 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 50px 0 50px 0;
    height: auto;
}

.volunteer_wrapper {
    z-index: 9;
    position: relative;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    padding: 20px 20px;
    margin: auto;
    height: 100%;
}

.about_area_heading_two h3 {
    font-weight: 500;
    color: var(--main-color);
    padding-top: 15px;
}

/* -------------------------------------------------------------Services Page--------------------------------------------------------- */

/* --Services-------------------------------------------------------------------------------------------------------------------- */
.banner_one_img3 {
    max-width: 50%;
    height: auto;
    margin: auto;
    align-items: center;
    padding: 20px 0 40px 0;
}

.event_left_side_wrapper {
    position: relative;
    margin: 20px auto 40px auto;
    width: auto;
    height: auto;
    background: #FFFFFF;
    box-shadow: 8px 6px 24px rgba(0, 0, 0, 0.08), 6px 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}

.details_text_wrapper1 {
    margin: 10px auto 0px auto;
}

.details_text_wrapper1 ul {
    margin-left: auto;
}

.details_text_wrapper1 ul li {
    color: var(--paragraph-color);
    padding: 9px 0 0 0px;
}

.details_text_wrapper1 ul li i {
    font-size: 9px;
    color: var(--main-color);
    padding-right: 10px;
}

#year1 {
    margin: none;
}

#year2 {
    margin: none;
}

#year3 {
    margin: none;
}

#year4 {
    margin: none;
}

.service_wrapper {
    margin: 20px auto;
    padding: 20px;
    height: auto;
    width: 90%;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.service_wrapper a {
    font-size: 26px;
    color: var(--main-color);
}

.service_wrapper a:hover {
    color: black;
}

.btn_container {
    margin: 20px 0 0 0;
}

.event_content_area {
    position: relative;
}

.big_content_padding {
    padding: 15px 18px;
}

.small_content_padding {
    padding: 15px 18px;
    margin-bottom: 20px;
}

.small_content_padding .event_heading_area {
    padding-top: 7px;
}

.event_para {
    padding-top: 8px;
    padding-right: 90px;
    text-align: left;
}

.event_tag_area h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-color);
}

.event_heading_area {
    padding-top: 15px;
}

.event_heading {
    padding-right: 90px;
}

.event_heading h3 {
    line-height: 34px;
}

.event_heading h3 a {
    color: var(--black-color);
}

.event_heading h3 a:hover {
    color: var(--main-color);
}

.event_date {
    position: absolute;
    width: 85px;
    height: 83px;
    text-align: center;
    right: 20px;
    top: 25px;
}

.event_date h6 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: #fff;
    transform: translate(-50%, -58%);
}

.event_date h6 span {
    display: block;
}

.event_para {
    padding-top: 18px;
    padding-right: 90px;
}

.event_para1 {
    padding-top: 6px;
    padding-right: 90px;
}

/* --LP201 sample projects-------------------------------------------------------------------------------------------------------------------- */
#LP201_banner {
    background-image: url('../img/banner/home-banner-bg.png');
    margin: 30px 0;
    padding: 30px 0 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.lp201_img {
    margin: auto 0;
    position: relative;
    max-width: auto;
    height: auto;
}

/* --MOU & Commercials-------------------------------------------------------------------------------------------------------------------- */

.banner_one_img2 {
    max-width: 90%;
    height: auto;
    margin-left: 30px;
    padding: 10px 0;
}

/* -------------------------------------------------------------Partners Page--------------------------------------------------------- */
.comment-container {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.post_comment_img {
    flex: 0 0 300px; 
}

.post_comment_img img {
    max-width: 100%;
    height: auto;
}

.post_comment_text {
    flex: 1;
}

.post_comment_text a:hover {
    font-weight: 600;
}

.post_comment_text p {
    padding-top: 10px;
    text-align: justify;
}

#part_one_banner {
    margin: auto auto 30px auto;
    background-image: url('../img/banner/home-banner-bg.png');
    padding: 20px 0 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
}


/* -----------------------------------------------------------Team Page--------------------------------------------------------------------- */
#volunteer_area_main {
    margin-bottom: 30px;
}

.volunteer_wrapper_other {
    margin: 20px auto 0 auto;
    padding-top: 20px;
    z-index: 0;
    height: 95%;
    max-width: auto;
    position: relative;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 8px 10px 24px rgba(7, 4, 4, 0.1);
}

.volunteer_wrapper_other h5 {
    margin: auto;
    padding: 10px;
    text-align: center;
}

.volunteer_img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    padding: 10px auto;
    border-radius: 100%;
}

.volunteer_text {
    margin: auto 0;
    padding: 20px;
    text-align: center;
}

.volunteer_text h4 {
    text-align: center;
    color: var(--main-color);
}

.volunteer_text h4 a {
    color: var(--main-color);
}

.volunteer_text h4 a:hover {
    color: var(--black-color);
}

.volunteer_text p {
    padding-top: 6px;
}

.event_row {
    display: flex;
    align-items: center;
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Image section */
.kp_item {
    flex: 0 0 150px;
}

.kp_img {
    width: 70%;
    height: auto;
    display: block;
}

/* Text section */
.kp_text {
    flex: 1;
}

.kp_text p {
    margin: 20px 0 20px 0;
    line-height: 1.7;
}

.kp_text a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

.kp_text a:hover {
    color: var(--main-color);
}

/* -----------------------------------------------------------Contact Page--------------------------------------------------------------------- */

.contact_left_item {
    background: #FFFFFF;
    box-shadow: 8px 10px 24px rgb(0 0 0 / 10%);
    border-radius: 8px;
    max-width: auto;
    height: 80%;
    margin: 10px 5px 40px 0;
    padding: 10px;
    text-align: center;
}

.contact_left_text {
    padding-left: 20px;
}

.contact_left_text h4 {
    padding-bottom: 10px;
    text-align: center;
}

.contact_left_text p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.contact_left_text a {
    text-align: center;
    color: var(--paragraph-color);
    display: block;
    font-size: 16px;
    padding-top: 5px;
}

.contact_left_text a:hover {
    color: var(--main-color);
}

.contact_form_Wrapper {
    background: #FFFFFF;
    box-shadow: 8px 10px 24px rgb(0 0 0 / 10%);
    border-radius: 8px;
    max-width: auto;
    height: auto;
    margin: 20px 10px 10px 0;
    padding: 15px;
}

.contact_form_Wrapper h4 {
    padding-bottom: 20px;
}

.form-group label,
input,
textarea {
    display: block;
    width: 100%;
    padding-bottom: 5px;
}

.form-group input,
textarea {
    text-align: left;
    height: auto;
    padding: 5px;
}

.form-group input,
textarea {
    background-color: #FDF0DD;
    border: 1px;
    border-radius: 8px;
}

.contact_map_area {
    margin: 20px 10px 10px 0;
}

.contact_map_area iframe {
    width: 580px;
    height: 500px;
    margin: auto;
    border: 1px solid #818090;
}

.contact_left_icon {
    width: auto;
    height: auto;
}

/* --Button Area start---------------------------------------------------------------------------------------------------------------------- */
.btn-check:focus+.btn,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn {
    display: block;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.btn_navber {
    color: var(--navber-color);
    border: 2px solid var(--main-color);
    padding: 7px 20px;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

button {
    display: block;
    padding: 9px;
    margin: auto;
    color: var(--navber-color);
    border: 2px solid var(--main-color);
    border-radius: 5px;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

button:hover {
    color: var(--white-color);
    background: var(--main-color);
}

.btn:hover {
    color: var(--white-color);
}

.btn_theme {
    color: var(--white-color);
    background-color: var(--main-color);
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: none
}

.btn_theme:hover {
    background-color: var(--black-color);
}

.btn_md {
    padding: 10px 30px;
    font-size: 18px;
}

.btn_sm {
    margin: 18px auto;
    padding: 10px 20px;
    font-size: 16px;
}


.btn_navber:hover {
    background: var(--main-color);
}

.is-sticky .btn_navber {
    border: 1px solid var(--main-color);
}

/* -----------------------------------------------------------Contact Page 2--------------------------------------------------------------------- */


.about_contact_boxed {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px 20px 30px;
    height: auto;
    width: auto;
    transition: var(--transition);
    margin: 50px 0 20px 0;
}

.about_contact_boxed:hover {
    transform: translateY(10px);
}

.bg_one {
    background: #CAE4F7;
}

.bg_two {
    background: #FDF0DD;
}

.bg_three {
    background: #CAE4F7;
}

.bg_four {
    background: #FDF0DD;
}

.about_contact_boxed_icon {
    text-align: center;
    margin: 0px auto 0 auto;
    margin-top: -25px;
    transition: var(--transition);
}

.about_contact_boxed:hover .about_contact_boxed_icon {
    transform: translateY(20px);
}

.about_contact_boxed_icon img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
    margin-top: -45px;
}

.about_conatct_boxed_text {
    padding-top: 20px;
}

.about_contact_boxed_text h4 {
    font-size: 25px;
    font-weight: 500;
    padding: 7px 0;
}

.about_contact_boxed_text a {
    font-size: 16px;
    font-weight: 500;
}

.about_contact_boxed_vector {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

/* --#Events Area--------------------------------------------------------------------------------------------------------------------------- */


.hor_line {
    margin: 15px 0;
    border-top: 1px solid var(--paragraph-color);
}

.volunteer_wrapper:hover {
    box-shadow: rgb(0 0 0 / 14%) 8px 20px 22px;
}

.volunteer_icon {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 20px);
    transition: var(--transition);
    opacity: 0;
}

.volunteer_wrapper:hover .volunteer_icon {
    opacity: 1;
    transform: translate(-50%, 0px);
}

.volunteer_icon ul {
    display: flex;
    justify-content: center;
}

.volunteer_icon ul li {
    padding-left: 20px;
}

.volunteer_icon ul li:first-child {
    padding-left: 0px;
}

.volunteer_icon ul li a:hover {
    background: var(--main-color);
}

.volunteer_icon ul li a {
    height: 30px;
    width: 30px;
    background: var(--black-color);
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    display: block;
    transition: var(--transition);
}

/* ----------------------------
    Preloader
---------------------------------*/

.preloader {
    position: fixed;
    z-index: 999999;
    background-color: var(--white-color);
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    right: 0
}

.preloader .lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.preloader .lds-spinner div {
    -webkit-transform-origin: 40px 40px;
    transform-origin: 40px 40px;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.preloader .lds-spinner div::after {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    left: 35px;
    width: 5px;
    height: 20px;
    border-radius: 20%;
    background: var(--main-color)
}

.preloader .lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.preloader .lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.preloader .lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.preloader .lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.preloader .lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.preloader .lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.preloader .lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.preloader .lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.preloader .lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.preloader .lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.preloader .lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.preloader .lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}



/* ----------------------------
     Top To Bottom 
---------------------------------*/
.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #fff;
    background-color: var(--footer-color);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
    border-radius: 50%
}

.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .6s;
    transition: .6s
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #393953;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
    border-radius: 50%
}

.go-top:hover,
.go-top:focus {
    color: #fff
}

.go-top:hover::before,
.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}