body {font-family:'Noto Sans'; overflow-x:hidden;}

@font-face {font-family:'Noto Sans'; src:url('../fonts/NotoSans-SemiBold.woff2') format('woff2'), url('../fonts/NotoSans-SemiBold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap;}

@font-face {font-family:'Noto Sans'; src:url('../fonts/NotoSans-Regular.woff2') format('woff2'), url('../fonts/NotoSans-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}

@font-face {font-family:'Noto Sans'; src:url('../fonts/NotoSans-Medium.woff2') format('woff2'), url('../fonts/NotoSans-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap;}

@font-face {font-family:'Noto Sans'; src:url('../fonts/NotoSans-Bold.woff2') format('woff2'), url('../fonts/NotoSans-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap;}
ul.navbar-nav.main_nv  li ul.sub-menu li {
    margin-right: 0px !important;
}
.hero-left {background:linear-gradient(135deg,#2e7d32,#8bc34a); color:#fff; padding:40px}
.hero-right {background:#222; color:#fff; min-height:400px; display:flex; align-items:center}
.service-box {transition:.4s}
.service-box:hover {transform:translateY(-10px); box-shadow:0 10px 30px rgba(0,0,0,.2)}
.counter {background:#0d2b5a; color:#fff}
.contact-left {background:#e91e63; color:#fff}
.contact-right {background:#7cb342; color:#fff}
footer {background:#0d2b5a; color:#fff}
.banner {position:relative;}
.banner-left {background-image:linear-gradient(to top, #4e880a, #69b016); color:#fff; padding:40px 0px 0 75px; min-height:470px; position:relative;}
.banner-left::before {content:''; position:absolute; width:70px; height:100%; background:#fff; right:-87px; top:0px; transform:skewX(-20deg); z-index:9;}
.banner-left::after {content:''; position:absolute; width:126px; height:120%; background-image:linear-gradient(to top, #4e880a, #69b016); right:-19px; top:-15px; z-index:9; transform:rotate(20deg);}
.banner-left h3 {font-weight:600; font-size:130%; position:relative;}
.banner-left p {font-size:90%; position:relative; z-index:99;}
.ab-cont a {border: 1px solid #65aa14;color: #65aa14;margin: 10px 0 20px;}
a.abouthomebtn.btn:hover {background: #57950e;color: #fff;}
.banner-left .btn {border:1.5px solid #fff; color:#fff; border-radius:30px; text-transform:uppercase; font-size:90%; width:140px; font-weight:600;}
.banner-right {min-height:500px;}
.banner-right img {width:100%; height:500px; object-fit:cover;}
.banner-overlay {position:absolute; inset:0; background:rgba(0,0,0,.45);}
.banner-text {position:absolute; left:30%; top:50%; transform:translateY(-50%); color:#fff; max-width:470px;}
.banner-text h1 {font-weight:500; font-size:175%; text-transform:capitalize;}
.banner-text span {color:#fff; font-weight:800;}
.carousel-indicators [data-bs-target] {width:10px; height:10px; border-radius:50%;}
section.banner .col-lg-5, section.banner .col-lg-7 {padding:0;}
section.top-header {position:relative; overflow-x:clip;}
a.navbar-brand img {width:66px; padding:5px 0;}
.loaction {display:flex; justify-content:left; align-items:center; width:100%; height:100px; background:#ff004f; border:0; position:relative; padding-left:100px; padding-bottom:30px;}
.loaction::before {content:""; position:absolute; left:-30px; top:0; width:80px; height:100%; background:#fff; transform:skewX(-20deg);}
.loaction::after {content:''; position:absolute; width:100%; height:100%; background:#ff004f; right:-100%; top:0;}
.loc {width:50%; display:flex; justify-content:left; align-items:center; position:relative;}
.loc img {width:auto; height:24px; margin-right:10px;}
.lc span, .lc a, .lc p {color:#fff; font-size:80%; margin:0; text-decoration:none; line-height:17px;}
.row.m_n_bx {margin-top:-30px; position:relative; z-index:9999;}
.banner {position:relative; margin-top:-26px; overflow:hidden; height:470px;}
.navbar {box-shadow:0 0px 18px rgba(0, 0, 0, 0.1) !important; padding:0; width:100%; background:#fff !important;}
.navbar .container {padding:0 !important;}
.donation {background:#69b016; border-radius:0; height:45px; display:flex; justify-content:center; align-items:center; font-size:90%; border:none;}
.lc span, .lc a {font-size:85% !important;}
a.nav-link img {width:20px; display:block;}
div#nav {padding-left:15px;}
.donation img {width:22px; margin-right:5px;}
.dropdown-menu {display:block; opacity:0; visibility:hidden; transform:translateY(15px); transition:all 0.3s ease; top:107%;}
ul.navbar-nav.main_nv li a {color:#000; font-size:90%; font-weight:600; position:relative; padding:14px 0 !important; text-transform:uppercase;}
a.nav-link.active::before {content:''; position:absolute; width:100%; background:#052161; height:4px; bottom:-4px; left:0;}
a.btn.btn-success.donation:hover {background:#052161; border-color:#052161;}
.dropdown-menu.show {opacity:1; visibility:visible; transform:translateY(0);}
.navbar .container-fluid {padding:0;}
ul.navbar-nav a img {width:15px; display:inline; filter:brightness(0) saturate(100%) invert(58%) sepia(35%) saturate(2311%) hue-rotate(49deg) brightness(97%) contrast(83%);}
.dropdown-toggle::after {display:none;}
.main_nv li.nav-item {margin-right:65px;}
ul.dropdown-menu {border-radius:0; border:0;}
ul.dropdown-menu li a {font-size:14px;}
ul.dropdown-menu {background:rgba(255, 255, 255, 1);}
img.h_m_icon {filter:brightness(0) saturate(100%) invert(0%) sepia(14%) saturate(7372%) hue-rotate(299deg) brightness(91%) contrast(97%)!important; width:20px !important;}
.active img.h_m_icon {filter:brightness(0) saturate(100%) invert(8%) sepia(62%) saturate(4966%) hue-rotate(221deg) brightness(88%) contrast(104%) !important;}
.loc::before {content:''; position:absolute; width:1px; height:45px; background:#fff; right:24px;}
.loc:nth-child(2)::before {display:none;}
.main_nv ul.dropdown-menu li a {padding:9px 15px !important; font-weight:500;}
.donation img {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(309deg) brightness(105%) contrast(102%) !important; width:22px !important; margin-right:6px;}
.dropdown-item:focus, .dropdown-item:hover {background:transparent !important; color:#052161 !important;}
.ab-img img {width:100%;}
section.about-sec {padding:0px 0 0px; position:relative; margin-top:-10px; background:#fff; z-index:99; overflow-x:clip;}
section.banner::before {content:''; position:absolute; width:100%; height:60px; background:#fff; bottom:10px; z-index:99; transform:skewX(-40deg); left:100px; right:-100%;}
span.small_head {position:relative; font-size:90%; color:#ff0245; font-weight:500;}
span.small_head::before {content:''; position:absolute; width:50px; height:1px; left:120%; background:#ff0245; top:8px;}
.ab-cont h1 {font-size:140%; color:#000; font-weight:bold; margin:10px 0;}
.ab-cont p {font-size:80%; text-align:justify; color:rgba(0, 0, 0, 0.6);margin-bottom: 0px;}
.direct_img {position:relative; overflow:hidden; width:100px; height:100px; border:2px solid #69b016; border-radius:100%; margin:20px auto 0; z-index:99999;}
.direct_img img {width:100%; height:100%; object-fit:cover;}
.director_sec {height:auto; background:#001d63; padding:30px; position:relative; margin-top:-60px; z-index:99999;    height: calc(100% + 60px);}
.direct_cont {text-align:center; z-index:9999999; position:relative;}
.direct_cont h1 {font-size:110%; color:#fff; margin:10px 0 3px;}
.direct_cont p {font-size:85%; color:#fff;}
.about-sec::before {content:''; position:absolute; width:100%; height:470px; background:#001d63; right:-75%; top:-60px; z-index:9999;}
section.about-sec::after {content:''; position:absolute; width:100%; height:50px; background:#001d63; bottom:-50px; z-index:9999; transform:skewX(-40deg); right:-100%; left:20%;}
.banner-right .carousel-indicators {position:absolute; right:-53px; bottom:70px; left:auto; z-index:2; display:flex; justify-content:center; padding:5px; margin-right:15%; margin-bottom:1rem; margin-left:15%; background:rgba(0, 0, 0, 0.3); border:1px solid #676767; width:60px; border-radius:4px; transform:rotate(180deg);}
.banner-right .carousel-indicators [data-bs-target] {box-sizing:content-box; flex:0 1 auto; width:8px; height:8px; padding:0; margin-right:3px; margin-left:3px; text-indent:-999px; cursor:pointer; background-color:transparent; background-clip:padding-box; border:0; border-top:10px solid transparent; border-bottom:10px solid transparent; opacity:9; transition:opacity .6s ease; border:1px solid #fff;}
.carousel-indicators .active {border-color:#fff !important; background:#6ecb00 !important;}
.carousel-control-prev, .carousel-control-next {display:none;}
.banner-text span small {font-weight:500;}
.carousel-play-pause {position:absolute; bottom:20px; right:10%; z-index:10; width:34px; height:34px; border-radius:50%; border:none; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:14px; cursor:pointer; transition:background 0.3s ease; top:80px;}
.carousel-play-pause:hover {background:rgba(0, 0, 0, 0.85);}
.stats-section {background:#02206b; color:#fff;}
.stat-item {display:flex; align-items:center; gap:18px;}
.stat-icon {font-size:46px; opacity:0.95;}
.stat-number {font-size:150%; font-weight:800; line-height:1;}
.stat-label {margin:6px 0 0; font-size:90%; opacity:0.9;}
.stat-divider {width:1px; background:rgba(255,255,255,0.3); height:60px;}
.media-thumb {background:#000; transition:all 0.4s; border-radius:16px; cursor:pointer;}
.media-thumb img {transition:all 0.4s; border-radius:16px;}
.media-thumb:hover img {opacity:0.4;}
.testimonial-section {background:#000; padding:80px 0;}
.testimonial-card {background:#e9e9e7; border-radius:10px; padding:60px 80px; max-width:900px; margin:auto; text-align:center;}
.testimonial-small {color:red; font-size:90%; letter-spacing:0;}
.testimonial-title {font-weight:800; margin-bottom:20px; font-size:150%;}
.testimonial-avatar {width:90px; height:90px; border-radius:50%; object-fit:cover; margin-bottom:25px;}
.testimonial-text {font-size:18px; color:#000; max-width:700px; margin:0 auto 20px;}
.testimonial-name {font-weight:700;}
.carousel-indicators {bottom:-50px;}
.carousel-indicators [data-bs-target] {width:12px; height:12px; border-radius:50%; background-color:transparent; border:1px solid #8bc34a;}
.carousel-indicators .active {background-color:#8bc34a;}
.services-section {margin-top:50px;}
.service-card {border-radius:16px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,0.1);}
.service-card img {width:100%; height:360px; object-fit:cover;}
.service-label {background:#ff003c; color:#fff; text-align:center; padding:22px; font-size:100%; font-weight:700; letter-spacing:0px;}
.service-label a {color:#fff; text-decoration:none; display:block;}
.blog-card {border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,0.1); height:100%;}
.blog-card img {width:100%; height:300px; object-fit:cover;}
.blog-content {padding:22px;}
.blog-meta {display:flex; justify-content:space-between; font-size:14px; margin-bottom:10px;}
.blog-date {color:#8bc34a; font-weight:600;}
.blog-time {color:#777;}
.blog-title {font-weight:800; font-size:110%; margin-bottom:10px;}
.blog-desc {color:#777; font-size:85%;}
section#contactus h3 {font-size:150%;}
section#contactus p {font-size:90%;}
.bg-red {background-color:#ff004c;}

.bg-green {background-color:#79b81c;}

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

.form-control::placeholder {color:rgba(255,255,255,0.8);}

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

.input-icon {font-size:20px; color:#fff;}

.send-btn {background:#fff; color:#0b2a6f; font-weight:700; border-radius:30px; padding:10px 30px; border:none;}

.info-icon {width:52px; height:52px; border:2px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px;}

.map-box iframe {border-radius:12px; width:100%; height:220px; border:0;}

.media-thumb img {width:100%; height:100%; object-fit:cover; border-radius:16px;}

.featured-media {position:relative; border-radius:24px; overflow:hidden;}

.play-btn {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#ff004c; width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:24px;}

.featured-text {position:absolute; bottom:20px; left:20px; color:white; max-width:70%; font-size:0.95rem;}

.section-label {color:#fff; letter-spacing:0; font-size:90%;}

@media (max-width: 1199px) {.process-step {
    width: 230px !important;
    height: 230px !important;
    border-radius: 50%;
    border: 3px solid;
    padding: 17px !important;
    text-align: center;
    margin: auto;
    position: relative;
}
.process-step h6 {
    font-weight: 700;
    margin-top: 10px !important;}

}

@media (min-width: 1025px) and (max-width:1330px) {

    .banner-left p{font-size:80%; line-height:1.3;}


}



@media (min-width: 993px) and (max-width:1399px) {

    

    .steps-wrapper{gap: 10px;}
    ul.navbar-nav.main_nv li {margin-right: 40px!important;}

    ul.navbar-nav.main_nv li a{font-size:65%;}

    .loc::before{display:none;}

    .loaction{padding-left:80px; gap:10px;}

}



@media (min-width: 768px) and (max-width:1024px) {

   .banner{height:auto;}

   .banner-left::after,.banner-left::before{display:none;}

   .banner-left{min-height:auto; padding: 40px 30px 30px 30px;}

   /* .banner{margin-top:0;} */

   .loaction{display:grid; row-gap:0px; padding-left: 80px;}

   .loc{width:100%; line-height: 1.2; font-size: 80%;}

   .loc::before,section.about-sec::after{display:none;}

   .banner-text {left: 50%;transform: translate(-50%, -50%);max-width: 100%;text-align: center;}

   section.banner::before,.about-sec::before{display:none;}

   .about-sec .col-md-5 {width: 60%;}

   section#aboutus .row {padding: 30px 0;}

   .director_sec{margin-top:0;}

   .homecontact:after{width:100%!important; height:50%!important;}

   .homecontact:before{width:100%!important; height:50%!important; top:auto!important; bottom:0!important;}

   .wpcf7-form-control-wrap {width: 100%!important;}

   .home-contact-form p{width:100%;}

}



@media (min-width: 769px) and (max-width:991px) {

    .loc::before{display:none;}

    .loaction{row-gap: 3px;display: grid;}

    .lc span {font-size: 70% !important;}

    .loc{width:100%;}

    .navbar .container {max-width: none;}

    .steps-wrapper{gap: 10px;}
    

}

@media (min-width: 992px) {

.navbar .dropdown:hover > .dropdown-menu {opacity:1; visibility:visible; transform:translateY(0);}

}



footer {background-color:#03246b; color:#ffffff;}

footer a {color:#ffffff; text-decoration:none;}

footer a:hover {text-decoration:underline;}

.footer-title {font-weight:600; letter-spacing:1px; min-width:200px; margin-bottom:10px; position:relative;}

.footer-title:after {position:absolute; content:""; border-top:1px solid rgba(255, 255, 255, 0.4); width:80px; right:0; top:50%; transform:translateY(-50%);}

.social-icons a {width:40px; height:40px; border:1px solid #ffffff; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:8px; font-size:18px; transition:all 0.5s;}

.social-icons a:hover {background:#69b016;}

.social-icons a .bi {transition:all 0.9s;}

.social-icons a:hover .bi {transform:rotate(720deg);}

.footer-divider {border-top:1px solid rgba(255,255,255,0.4); margin:8px 0 15px; width:80px; display:none;}

.footer-bottom {font-size:80%; opacity:0.9; margin:15px 0 0;}

footer .mb-3, footer ul {margin-bottom:0 !important; padding-bottom:0 !important;}

.blog-label {color:#ff0245; font-size:14px; letter-spacing:1px; position:relative;}

.blog-label:after {content:""; width:50px; height:1px; background:#ff0245; display:none; margin-left:10px;}

.blog-title {font-weight:700; margin:15px 0 25px;}

.blog-title a {color:#000; font-size:100%; text-decoration:none;}

.blog-image img {width:100%; border-radius:6px;}

.blog-meta {font-size:80%; color:#ff0055; margin:10px 0; font-style:italic; display:flex; justify-content:left; align-items:center; gap:10px;}

.blog-meta span {margin-right:0px;}

section.blg p {font-size:90%; text-align:justify; color:rgba(0, 0, 0, 0.8);}

.sidebar-box {background:#f7f7f7; padding:25px; border-radius:8px; margin-bottom:30px;}

.search-box {position:relative;}

.search-box input {width:100%; padding:12px 45px 12px 20px; border-radius:30px; border:none;}

.search-box button {position:absolute; right:15px; top:50%; transform:translateY(-50%); border:none; background:none; color:#ff0055;}

.sidebar-blog img {width:100%; border-radius:6px; margin-bottom:10px;}

.category-list {list-style:none; padding:0;}

.category-list li {padding:12px 0; border-bottom:1px solid #ddd; font-size:14px;}

.search-box img {filter:brightness(0) saturate(100%) invert(17%) sepia(82%) saturate(7497%) hue-rotate(339deg) brightness(100%) contrast(105%); width:16px;}

.sidebar-box h5 {position:relative; font-size:90%; font-weight:bold;}

.sidebar-box h5::before {content:""; width:40px; height:1px; background:#0c0c0c; display:inline-block; margin-left:10px; position:absolute; left:50px; top:12px;}

.sidebar-box.sidebar-blog h5::before {display:none;}

.catg h5::before {display:none;}

.service-card .icon img {width:auto; height:auto;}

.page-label {color:#ff004f; letter-spacing:2px; font-size:14px; position:relative;}

.page-label:before, .page-label:after {content:""; width:40px; height:1px; background:#ff004f; display:inline-block; margin:0 10px;}

.page-title {font-size:40px; font-weight:700;}

.page-sub {color:#777;}

.payment-card {background:#fff; border-radius:15px; box-shadow:0 20px 40px rgba(0,0,0,.08); overflow:hidden; position:relative;}

.green-ribbon {width:100%; max-width:500px; padding:14px 30px; color:#ffffff; font-size:18px; font-weight:600; background:transparent; position:relative;}

.green-ribbon::before {content:""; position:absolute; top:7px; left:0; width:590px; height:80px; background:url(../images/shape.png); z-index:0; background-size:cover;}

.payment-card::before {content:""; position:absolute; bottom:0; left:0; width:510px; height:224px; background:url(../images/graphic.png); z-index:0; background-size:cover;}

.amount-btn {border:2px solid #e5e5e5; border-radius:10px; padding:10px 18px; font-weight:600; background:#fff;}

.amount-btn.active {border-color:#8ccf8f; background:#eef8f0; color:#2f7c4a;}

.payment-card .form-control {border-radius:10px; padding:12px; border:var(--bs-border-width) solid var(--bs-border-color);}

.pay-method {border:2px solid #e5e5e5; border-radius:4px; padding:0; margin-right:7px; background:#fff; font-size:14px; overflow:hidden; width:100%; background:#f1f4ed;}

.pay-method img {width:auto; height:17px; margin:0 auto; display:block;}

.payment-card .donate-btn {background:linear-gradient(to right,#5aa36a,#f5a623); border:none; color:#fff; padding:14px; font-size:18px; border-radius:12px; width:100%; font-weight:600;}

.ads-box {background:#8bb46c; height:100%; color:#fff; text-align:center; padding:30px; position:relative;}

.ads-box h5 {margin-bottom:20px;}

.ads-box i {font-size:50px; margin:15px 0;}

.ads-box::before {content:''; position:absolute; width:100%; background:url(../images/payment-ads.png); height:450px; bottom:0; left:0; background-repeat:no-repeat;}

.fm_bx {box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:20px; border-top-left-radius:10px; border-top-right-radius:10px; z-index:9; position:relative; background:#fff;}

.payment-left img {width:100%;}

img.pay_b {width:216px; margin:15px auto 0; display:block; max-width:100%;}

.payment-card .p-lg-5 {padding:3rem 3rem 0 !important;}

.green-ribbon span {z-index:999; position:relative; padding-top:26px; display:block; font-size:18px;}

.payment_bx {display:flex; justify-content:space-between; align-items:center;}

.section-tag {color:#e63946; font-weight:600; letter-spacing:0.5px; font-size:0.9rem;}

.section-title {font-size:2.5rem; font-weight:700; line-height:1.2;}

.section-text {font-size:90%; color:#444; line-height:1.7;}

.image-wrapper.careerbox {padding:25px 25px 25px 0px; position:relative;}

.image-wrapper.careerbox:after {position:absolute; content:""; background:#001d63; width:35%; height:100%; right:0; border-radius:10px; top:0;}

.image-wrapper.careerbox img {border-radius:10px; width:100%; height:auto; position:relative; z-index:99;}

.approach-section {background-color:#ff004f; color:#fff;}

.approach-tag {font-size:80%; letter-spacing:1px; position:relative; display:inline-block; padding:0 0px;}

.approach-tag::before, .approach-tag::after {content:""; position:absolute; top:50%; width:40px; height:2px; background:#fff;}

.approach-tag::before {left:-50px;}

.approach-tag::after {right:-50px;}

.approach-title {font-size:150%; font-weight:700;}

.approach-card {background-color:#ff4b78; padding:40px 25px; height:100%; text-align:center; border-radius:4px; height:290px; transition:all 0.5s;}

.approach-card:hover {margin-top:-20px; height:calc(290px + 20px);}

.approach-card img {width:48px; margin-bottom:20px;}

.approach-card p {font-size:90%; font-weight:600; line-height:1.5; text-transform:capitalize;}

.approach-footer {background-color:#78b81c; color:#fff; font-weight:700; text-align:center; padding:20px; margin-top:40px; font-size:90%;}

.process-tag {color:#ff004f; font-size:80%; letter-spacing:1px; position:relative; display:inline-block; padding:0 0px;}

.process-tag::before, .process-tag::after {content:""; position:absolute; top:50%; width:40px; height:2px; background:#ff004f;}

.process-tag::before {left:-50px;}

.process-tag::after {right:-50px;}

.process-title {font-size:150%; font-weight:700;}

.process-step {width:280px; height:280px; border-radius:50%; border:3px solid; padding:30px; text-align:center; margin:auto; position:relative;}

.step-number {font-size:280%; font-weight:700; position:absolute; left:-25px; top:40%; background:#fff; padding:0 10px;}

button.wp-block-search__button.wp-element-button {font-size:85%; margin:12px 0;}

.process-step h6 {font-weight:700; margin-top:20px; font-size:90%;}

.process-step p {font-size:0.9rem; color:#555; line-height:1.5;}

.step-1 {border-color:#ff4b78; color:#ff4b78;}

.step-2 {border-color:#ff7a00; color:#ff7a00;}

.step-3 {border-color:#6bbf2d; color:#6bbf2d;}

.step-4 {border-color:#6f42c1; color:#6f42c1;}

.step-5 {border-color:#3f6fd1; color:#3f6fd1;}

.step-6 {border-color:#ff004f; color:#ff004f;}

.advisorybtnrow .register-btn {width:140px; height:140px;}

.section-tag {color:#ff004f; font-size:0.9rem; letter-spacing:1px; position:relative; display:inline-block; padding:0 20px;}

.section-tag::before, .section-tag::after {content:""; position:absolute; top:50%; width:40px; height:2px; background:#ff004f;}

.section-tag::before {left:-50px;}

.section-tag::after {right:-50px;}

.section-title {font-size:150%; font-weight:700;}

.form-card {background:#021e63; padding:20px; position:relative; z-index:2; right:0px; border:10px solid #fff; width:120%;}

.form-control, .form-select {background:transparent; border:1px solid #5f78b5; color:#fff; height:50px; text-transform:unset; appearance:auto !important; font-size:100%; padding-left:0; width:100%;}

.form-control::placeholder {color:#cbd6ff;}

.form-control:focus, .form-select:focus {background:transparent; color:#fff; border-color:#78b81c; box-shadow:none;}

.submit-btn {background:#78b81c; color:#fff; font-weight:700; height:50px; border:none;}

.submit-btn:hover {background:#fff;}

.formleftbox {position:relative; padding:15px 10px; z-index:9999;}

.formleftbox:before {position:absolute; content:""; border:5px solid red; width:90%; height:100%; top:0; left:0;}

.advisoryformboxImg {position:relative; padding:20px 0; padding-left:0;}

.advisoryformboxImg:after {position:absolute; content:""; width:50%; right:0; border:5px solid #78b81c; height:100%; top:0;}

.advisoryformboxImg img {position:relative; z-index:99; left:-20px; width:100%; height:100%; object-fit:cover;}



@media (max-width: 991px) {

.form-card {box-shadow:none;}

.image-wrapper {box-shadow:none;}
.popupjob .card{width:80% !important;}

}



.bannersection {position:relative;}

.inner-header h1 {color:#fff; font-size:36px; font-weight:700; margin:0; text-align:left;}

span.small-title.text-color-white {color:#fff; font-size:20px;}

.container.banner-content .line {background:#fff !important;}

.inner-header .breadcrumb {justify-content:left; margin-top:10px;}

.inner-header .breadcrumb ul {list-style:none; padding:0; margin:0; display:flex; gap:5px;}

.inner-banner {position:relative; margin-top:-15px;}

.banner-img {width:100%; height:auto; display:block;}

.banner-content .line {background:#fff !important;}

.banner-content {position:absolute; bottom:20px;}

span.small-title.text-color-red {color:#ff0245;}

nav.breadcrumb li {font-size:15px;}

.breadcrumb ul {list-style:none; padding:0; margin:0; display:flex; font-size:16px;}

.breadcrumb ul li a, .breadcrumb ul li span {color:#fff; text-decoration:none; font-weight:500;}

.breadcrumb ul li .divider {margin:0 8px; color:#fff;}

.inner-header .breadcrumb ul li {font-size:14px; color:#fff;}

.inner-header .breadcrumb ul li a {color:#fff; text-decoration:none;}

.support-senior-section {padding:40px 0px;}

.support-senior-section h2 {text-align:left; font-size:120%; font-weight:700; margin-bottom:20px;}

.support-senior-section p {text-align:left; font-size:80%;}

.funneral-imageblock img {width:100%;}

.section-header.justify-content-start .line {background:#ff0245;}

.services-section {padding:40px 20px; background:#69b016;}

.section-header {display:flex; align-items:center; justify-content:center; margin-bottom:10px;}

.section-header .line {width:60px; height:2px; background:#ffffff; margin:0 10px;background: none !important; top: -30px;position: relative;

    color: #fff;letter-spacing: 4px;

    font-size: 30px;}

.small-title {font-size:70%; letter-spacing:1px; color:#fff;}

.services-section h1 {font-size:28px; font-weight:bold; color:#fff; margin-bottom:50px; text-align:center;}

.services-grid {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}

.service-card {background-color:#7fc233; height:230px; transition:all 0.65s ease; padding:20px 20px; width:260px; text-align:center;}

.service-card .icon {font-size:40px; margin-bottom:20px; text-align:center;}

.service-card h3 {font-size:16px; font-weight:bold; margin-bottom:15px; line-height:1.4; color:#fff;}

.service-card p {font-size:80%; line-height:1.6; opacity:0.95; color:#fff; text-transform:uppercase; font-weight:700;}

.service-bottomcont p {color:#fff; font-size:90%;}

.service-bottomcont {padding:40px 8px 0px 8px; text-align:left;}

.service-card:hover {margin-top:-20px; height:calc(230px + 20px);}

.text-color-white {color:#fff;}

.ourCommitmentsection .section-tag::before, .ourCommitmentsection .section-tag::after {background-color:#fff;}



@media (max-width: 992px) {
.regestrationprocess .card {
    width: 40%  !important;}
.services-grid {gap:30px;}
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .footer-title:after{right:-40px !important}
    .green-bar::after {
    position: absolute;
    left: -15px !important;
    
}
section.inner-banner img {
    height: 150px;
}
.donation-text{ width: auto !important;right:0px !important}
    .community-sec .card-container {
    display: block !important; text-align: center;
}
.community-sec .card {
    background: white;
    padding: 20px;
    width: 45% !important;
display: inline-block !important;

    margin-right: 15px;
    vertical-align: top !important;
    margin-bottom: 20px !important;
}.community-sec p {
    text-align: center;
}
.community-sec .card h3{ text-align: left !important;}
.community-sec .card {
    padding-bottom: 0px;
    min-height: 391px;
}
.community-sec .card ul li, .community-sec .card p {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.4px;
    text-align: left;
}
.loc img {
    width: auto;
    height: 17px;}
    ul#menu-header-menu {
    display: flex;
    flex-direction: row;
}
ul.navbar-nav.ms-auto a {
    font-size: 60%;
}
ul.navbar-nav.main_nv li {
    margin-right: 20px !important;
}
div#nav {
    padding-left: 5px;
    display: flex;
}
.menu-item-has-children:after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 6px !important;
    right: -10px !important;
    position: absolute;
    top: 10px !important;
    width: 6px !important;
    border-color: #000;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul#menu-header-menu {
    flex-direction: inherit;
}
ul.navbar-nav.main_nv li a {
    color: #000;
    font-size: 60%;}
.donation{ font-size: 65%;}
    .steps-wrapper{gap: 10px !important;}
footer .d-flex.align-items-center.mb-3 {
    display: block !important;
}
footer .footer-title{display: inline-block;}
footer .col-lg-8{width:100% !important; text-align: center !important;}

footer  .col-lg-4.text-lg-end {
    text-align: center;
}
}



@media (max-width: 600px) {
.popupjob .title{font-size: 18px !important;}
h1 {font-size:28px;}
.regestrationprocess .card {
        width: 88% !important;
        margin-bottom: 20px !important;
    }
    .popupjob .sectionjob {
    font-size: 14px !important;
}
    .dontaionsec{padding:30px !important}
    .regestrationprocess {
    padding: 70px 0px;
    padding-bottom: 0px !important;
}
    .popupjob .card {
        width: 90% !important;
    }
span.closejob{top:0px !important}
.popupjob .card{ padding:13px !important}
.popupjob ul li {
    margin-bottom: 4px;
    font-size: 14px !important;
}
.row.register-box {
    padding: 25px 30px !important;
}
    .step {
    width: 100% !important;}
    .steps-wrapper {
    display: block !important;}
.service-card {width:100%;}

.fonts_inc_dec {left:95% !important;}

nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm.aos-init.aos-animate {transform: none !important;}

/* section.top-header{    z-index: 9999999;} */

}



.regestrationprocess {padding:70px 0px;}

.regestrationprocess .title {font-size:28px; margin-bottom:60px; font-weight:700; text-align:center;}

.card-wrapper {display:flex; gap:30px; justify-content:center; flex-wrap:wrap;}

.regestrationprocess .card {width:17%; box-shadow:2px 0px 10px #b3b0b0; height:175px; transition:all 0.7s; background:#fff; text-align:center; border-radius:16px; padding:15px 10px; padding-bottom:0px;}

.regestrationprocess .card h3 {margin-top:0; font-size:90%; font-weight:700; margin-bottom:5px;}

.regestrationprocess .card:hover .icong {margin-top:-10px;}

.icong {transition:all 0.65s ease; margin-bottom:10px; display:block;}

.regestrationprocess .card p {font-size:80%; line-height:17px; margin-bottom:10px;}

.card-wrapper .card-color-1:after {border:24px solid #f5a44b; position:absolute; left:-35px; min-height:200px; width:90%; content:''; left:-13px; content:''; border-radius:10px; top:-13px; z-index:-1;}

.card-wrapper .card-color-2:after {border:24px solid #2dc6f4; position:absolute; left:-35px; min-height:200px; width:90%; content:''; left:-13px; content:''; border-radius:10px; top:-13px; z-index:-1;}

.card-wrapper .card-color-3:after {border:24px solid #e0437b; position:absolute; left:-35px; min-height:200px; width:90%; content:''; left:-13px; content:''; border-radius:10px; top:-13px; z-index:-1;}

.card-wrapper .card-color-4:after {border:24px solid #6abf40; position:absolute; left:-35px; min-height:200px; width:90%; content:''; left:-13px; content:''; border-radius:10px; top:-13px; z-index:-1;}

.card-wrapper .card-color-5:after {border:24px solid #0b2c6b; position:absolute; left:-35px; min-height:200px; width:90%; content:''; left:-13px; content:''; border-radius:10px; top:-13px; z-index:-1;}

.service-section {padding:30px 40px 50px 40px; text-align:center;}

.subtitle {font-size:28px; margin-bottom:50px; font-weight:700;}

.protocol {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:40px; max-width:1100px; margin:auto;}

.step {position:relative; padding-top:20px;}

.number {display:inline-flex; width:60px; height:60px; border-radius:50%; align-items:center; justify-content:center; font-size:26px; font-weight:bold; margin-bottom:15px;}

.one {border:3px solid #0b2c6b; color:#0b2c6b;}

.two {border:3px solid #f5a44b; color:#f5a44b;}

.three {border:3px solid #2dc6f4; color:#2dc6f4;}

.four {border:3px solid #e0437b; color:#e0437b;}

.step p {font-size:80%; line-height:1.4;}

.whyblock-header span.small-title {color:#ff0246;}

.whyblock-header span.line {background:#ff0246;}

span.number.one:after {position:absolute; left:50%; bottom:100%; height:300px; background:#001d63; width:2px; content:'';}

.step-line {width:2px; height:40px; background-color:#0a2a73; margin:0 auto 15px auto;}

.steps-wrapper {display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:60px auto; gap:40px;}

.step {width:22%; text-align:center; position:relative;}

.circle {width:90px; height:90px; border-radius:50%; border:3px solid; display:flex; align-items:center; justify-content:center; font-size:42px; font-weight:bold; margin:0 auto;}

.line {width:2px; height:40px; margin:0 auto; background-color:currentColor;}

.text {font-size:15px; line-height:1.6; margin-top:0px;}

.text-top {display:flex; flex-direction:column-reverse;}

.text-top .text {margin-bottom:0px; margin-top:0;}

.steps-wrapper .circle-color-1, .line-color-1 {color:#0a2a73; border-color:#0a2a73;}

.steps-wrapper .circle-color-2, .line-color-2 {color:#f4a259; border-color:#f4a259;}

.steps-wrapper .circle-color-3, .line-color-3 {color:#18c3e6; border-color:#18c3e6;}

.steps-wrapper .circle-color-4, .line-color-4 {color:#e62b6b; border-color:#e62b6b;}

.btn-wrapper {position:relative; overflow:hidden;}

.btn-wrapper::before, .btn-wrapper::after {content:""; position:absolute; top:50%; width:50%; height:2px; background:#69b016;}

.btn-wrapper::before {left:-110px;}

.btn-wrapper::after {right:-110px;}

.register-btn {padding:14px 36px; font-weight:700; background:#0b2c6b; color:#fff; border:none; border-radius:30px; font-size:90%; cursor:pointer;}

.register-btn:hover {background:#092457;}

.seniorRegistrationForm .form-wrapper {background:#f5ffe9; border:1px solid #78b81c; border-radius:8px; padding:40px;}

.seniorRegistrationForm .form-section {border:1px solid #78b81c; border-radius:8px; padding:25px; margin-top:20px;}

.form-label {font-weight:600;}

.seniorRegistrationForm .form-control, .seniorRegistrationForm .form-select {border:none; border-bottom:2px solid #000; border-radius:0; background:transparent; padding-left:0; font-family:'Noto Sans'; color:#000; font-weight:bold; appearance:auto; -webkit-appearance:auto; -moz-appearance:auto;}

.seniorRegistrationForm .form-control:focus, .seniorRegistrationForm .form-select:focus {box-shadow:none; border-color:#78b81c;}

.seniorRegistrationForm .radio-group label {margin-right:20px; font-weight:500;}

.seniorRegistrationForm .add-btn {width:40px; height:40px; border-radius:50%; background:#021e63; color:#fff; font-size:22px; display:flex; align-items:center; justify-content:center; border:none; top:-35px !important;}

.seniorRegistrationForm .file-note {font-size:0.8rem; color:red; margin-top:16px;}

.seniorRegistrationForm .submit-btn {background:#021e63; color:#fff; font-weight:700; border-radius:30px; padding:10px 40px; border:none;}

.seniorRegistrationForm input::placeholder {color:#000; font-weight:bold; font-family:'Noto Sans'; opacity:1;}

.section {padding:60px 0;}

.section .title {text-align:center; margin-bottom:40px;}

.section .title h2 {font-weight:700;}

.section .title span {display:block; color:red; margin-bottom:10px; font-size:16px;}

.donation-text {background:#fff; padding:60px; position:relative; z-index:1; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); right:-20px; line-height:25px; width:calc(100% + 100px);}

.green-bar {position:relative; padding:20px 0;}

.green-bar::after {position:absolute; left:0; content:""; top:0; width:60px; background-color:#7ec400; z-index:0; height:100%;}

.dontaionsec .donate-btn {margin-top:40px; text-align:center; position:relative;}

.dontaionsec .donate-btn::after {position:absolute; content:""; width:100%; height:1px; background:#ddd; left:0; top:50%; z-index:-1;}

.donate-btn a {background-color:#0b1d5c; color:#fff; padding:12px 30px; border-radius:50px; text-decoration:none; font-weight:600;}

.donate-btn a:hover {background-color:#06204a;}

.reg_nw {border-radius:50%; background:#0b2c6d; color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; text-align:center; border:4px solid #78b81c; margin:auto; text-decoration:none;}

section#contactus input, section#contactus select, section#contactus textarea {border:0; border-bottom:2px solid #fff; color:#fff !important;}

section#contactus input::placeholder, section#contactus select, section#contactus textarea:placeholder {color:#fff !important;}

section.py-5.services-section .service-card {height:auto !important; padding:0 !important; width:100% !important;}

section.py-5.services-section .section-title, section.py-5.services-section p {color:#fff; margin:0 !important;}

.custom-file {position:relative; display:inline-block; width:100%; height:calc(1.5em + .75rem + 2px); margin-bottom:0;}

.custom-file-input {position:relative; z-index:2; width:100%; height:calc(1.5em + .75rem + 2px); margin:0; overflow:hidden; opacity:0;}

.custom-file-label {position:absolute; top:12px; right:0; left:0; z-index:1; height:calc(1.5em + .75rem + 2px); padding:.375rem 90px 0px 0; overflow:hidden; font-weight:400; line-height:1.5; color:#495057; background-color:transparent; border:0; border-radius:0; border-bottom:2px solid #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}

.custom-file-label::after {position:absolute; top:0; right:0; bottom:0; z-index:3; display:block; height:calc(1.5em + .75rem); padding:.375rem .75rem; line-height:1.5; color:#fff; content:"Browse"; background-color:#69b016; border-left:inherit; border-radius:0;}

.custom-file-input:lang(en) ~ .custom-file-label::after {content:"Browse";}

.formleftbox input[type="date"]::-webkit-calendar-picker-indicator {filter:invert(1);}

section.user-register .col-lg-10 {width:100%;}

.register-image {background:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f) center / cover no-repeat; height:auto;}

.user-register .form-control, .user-register .form-select {background:transparent; border:0; color:#000; height:40px; text-transform:uppercase; border-bottom:2px solid #000; border-radius:0 !important; padding:0; font-size:12px !important;}

.user-register .form-control::placeholder {color:#ccc;}

.user-register .section-tag {padding:0 0px !important;}

.user-register .form-label {margin-bottom:0; font-size:14px;}

.user-register .section-title {font-size:1.8rem;}

.user-register .btn-primary {border-radius:10px; font-size:15px;}

p.pls_fld {margin:0 !important; font-size:14px; color:#bfbfbf;}

.user-reg_btn {background:#ff004f; border:0; height:50px; border-radius:5px !important; transition:all 0.5s; text-transform:uppercase;}

.user-reg_btn:hover {background:#69b016;}

.login-tab, .reg-tab {background:#ef8337; border-radius:0; height:45px; display:flex; justify-content:center; align-items:center; font-size:90%; border:none;}

a.forgot-link, .form-check {color:#000; font-size:14px;}

.col-lg-4.text-lg-end .footer-title:after {display:none;}

.log_dropdn .dropdown-menu {top:100%;}

.profile-pic {filter:inherit !important; width:30px !important; height:30px !important; object-fit:cover; border-radius:100%; border:1px solid #fff;}

.reg_btn {width:200px; margin:0 auto; display:block;}



@media (max-width: 768px) {

.register-image {display:none;}
.community-sec .card {
    padding-bottom: 0px;
    width: 100% !important;
}section.top-header .col-sm-6 + .col-sm-6 {
    background: red !important;
}

.loaction{ display: block !important;}

.loc {
        width: 100%;
        margin-top: 5px;
    }
button.navbar-toggler {
    display: block !important;
}
    ul#menu-header-menu {
        flex-direction: inherit;
        display: block !important;
    }
div#nav{display: block !important;}

}



a.no_ac {font-size:12px; display:block; text-align:center; color:#a3a3a4; text-decoration:none; padding:8px; border-radius:5px; margin:0px 0 0; transition:all 0.5s;}

a.no_ac:hover {font-weight:bold; color:#000; text-decoration:underline;}

.user-register {background:linear-gradient(135deg, #f8f9fc, #eef1f7);}

.dashboard-card {border-radius:20px; box-shadow:0 20px 50px rgba(0, 0, 0, 0.08); overflow:hidden; margin:0 auto;}

.section-tag {display:inline-block; padding:6px 0px; border-radius:30px; font-size:80%; font-weight:600; letter-spacing:0.5px; overflow:hidden;}
.page-template-template-seniorcitizen .section-tag{overflow:visible;}  

.section-title {font-weight:700; margin-top:0px; color:#1f2937;}

.user-avatar {width:90px; height:90px; border-radius:50%; border:4px solid #fff; box-shadow:0 8px 20px rgba(0,0,0,0.15);}

.user-register h5 {font-weight:600;}

.user-register small {font-size:14px;}

.stat-box {background:#ffffff; border-radius:16px; padding:25px 10px; text-align:center; transition:all 0.3s ease; box-shadow:0 10px 25px rgba(0,0,0,0.06);}

.stat-box:hover {transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}

.stat-box h5 {font-size:28px; font-weight:700; color:#dc3545;}

.stat-box small {color:#6b7280; font-size:14px;}

.user-register .btn {border-radius:50px; padding:12px; font-weight:600; width:150px; margin:0 auto; display:block;}

.user-register .btn-danger {background:linear-gradient(135deg, #69b016, #72c70e); border:none;}

.user-register .btn-danger:hover {background:linear-gradient(135deg, #72c70e, #69b016);}

.user-register .btn-outline-secondary:hover {background:#72c70e;}

.user-register .btn-outline-danger:hover {background:#dc3545; color:#fff;}



@media (max-width: 768px) {

.stat-box h5 {font-size:22px;}

.founder.row .col-md-6 {
    margin-bottom: 30px;
}
.service-bottomcont p{ text-align: center ;}

}



.user-details-simple {border-top:1px solid #eee; padding-top:20px;}

.detail-item label {font-size:13px; color:#6b7280; margin-bottom:4px; display:block;}

.detail-item p {margin:0; font-weight:600; color:#111827;}

.user-tabs .nav-tabs .nav-link {font-weight:500; color:#6b7280;}

.stat-box h5, .stat-box small {color:#fff;}

.stat-box.s_b1 {background:#ff004f;}

.stat-box.s_b2 {background:#69b016;}

.stat-box.s_b3 {background:#052161;}

ul#userTab li {width:50%; text-align:center; display:block;}

ul#userTab li button {width:100%; text-align:center; background:#f3f3f3; border-radius:0;}

.user-tabs .nav-tabs .nav-link.active {background:#ff004f !important; border-color:#ff004f !important; color:#fff;}

ul.navbar-nav.main_nv li {margin-right:65px;}

ul.navbar-nav.main_nv li:last-child {margin-right:0;}

ul.navbar-nav.main_nv li a {text-decoration:none;}

#contactus input::-webkit-input-placeholder {color:#fff;}

#contactus input:-moz-placeholder {color:#fff; opacity:1;}

#contactus input::-moz-placeholder {color:#fff; opacity:1;}

#contactus input:-ms-input-placeholder {color:#fff;}

#contactus input::-ms-input-placeholder {color:#fff;}

#contactus input::placeholder {color:#fff;}

#contactus textarea::placeholder {color:#fff;}

nav .main_nv li.menu-item-has-children button.sub-menu-toggle {display:none;}

nav .main_nv li.menu-item-has-children {position:relative;}

nav .main_nv li.menu-item-has-children ul.sub-menu li {margin-right:0; border-bottom:1px solid;}

.menu-item-has-children:after {border-bottom-style:solid; border-bottom-width:2px; border-right-style:solid; border-right-width:2px; content:""; display:inline-block; height:8px; right:-15px; position:absolute; top:7px; width:8px; border-color:#000; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

nav .main_nv li.menu-item-has-children ul.sub-menu a {display:block;}

nav .main_nv li.menu-item-has-children ul.sub-menu {display:none; position:absolute; top:35px; left:0; width:250px; background:#ff004f; list-style:none; margin:0; padding:0;}

nav .main_nv li.menu-item-has-children:hover ul.sub-menu {display:block;}

nav .menu li ul.sub-menu li {float:none !important; display:block;}

nav .main_nv li.menu-item-has-children ul.sub-menu li a {text-align:left; margin:0; color:#fff; padding:8px 12px 4px !important;}

nav .main_nv li.menu-item-has-children ul.sub-menu li:last-child a {padding-bottom:8px;}

.home-contact-form p {display:flex; align-items:center;}

#contactus .home-contact-form .send-btn {color:#000 !important;}

.row.register-box {padding:25px;}

.row.register-box input[type="text"], .row.register-box input[type="password"], .row.register-box input[type="email"] {height:45px; border-radius:5px; border:1px solid #cacaca;}

.row.register-box .form-check.form-check-inline.col-md-4 {width:20%;}

.row.register-box .form-check-input {margin-right:5px; margin-top:2px;}

.register-box .bootstrap-wrapper .form-group {margin-bottom:15px; align-items:center;}

.row.register-box .form-check.form-check-inline.col-md-4 {width:20%; margin-top:9px;}

.bootstrap-wrapper #paypal-button .btn-info {padding:10px !important;}

.row.register-box h2.header-profile div {font-weight:700;}

#iv-form3 .header-profile div {border-bottom:4px solid #ff004f !important; display:inline-block; margin-bottom:-4px;}

#iv-form3 .header-profile {border-bottom:4px solid #eee; padding-left:0 !important;}

.row.register-box h2.header-profile {margin-bottom:40px;}

.top-header .login-tab, .top-header a.btn.btn-success.donation.reg-tab {background:#ef8337;}

.top-header a.btn.btn-success.donation {background:#69b016}

#login-2 .content {background-color:#fff; border:1px solid #e6e6e6 !important; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; box-shadow:0px 0px 10px #d1cbcb !important; border-radius:10px !important; max-width:400px; margin:40px auto 10px auto; padding:30px 22px 0; padding-top:10px; overflow:hidden; position:relative;}

div#login-2 {margin-bottom:100px;}

#login-2 .form-control-solid {background-color:#F1F3F8; color:#a9aeb1; border-radius:0; outline:0; font-size:14px; padding:10px 0px !important; line-height:15px; margin:0; box-shadow:none; border:none; background:none !important; border-bottom:2px solid #000;}

.para {text-align:right !important;}

#login-2 label {display:inline-block; margin-bottom:5px; font-weight:500 !important; font-size:14px !important;}

#login-2 .uppercase {text-transform:uppercase; outline:0; box-shadow:none; border-radius:0; padding:10px 25px; background:#ff004f !important; border-radius:5px !important; border:none !important;}

#login-2 .content .create-account {background:#fff !important; color:#fff !important}

#login-2 input[type="text"] {background-color:#F1F3F8; color:#121213 !important; border-radius:0; outline:0; font-size:13px !important; padding:10px 15px; line-height:15px; margin:0; box-shadow:none; text-transform:capitalize;}

#login-2 .form-control-solid {text-transform:capitalize;}

#login-2 h3 {color:#030303 !important; text-align:center; font-size:26px !important; margin:15px 0px 15px 0 !important; font-weight:800 !important;}

.create-account a#register-btn {background:#80c31a !important; color:#fff !important;}

a.forgot-link {text-decoration:underline !important;}

a.forgot-link:hover {text-decoration:none !important;}

#login-2 .content {background-color:#fff; border:1px solid #6c7a8d; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:5px; max-width:400px; margin:40px auto 10px auto; padding:36px 22px 0; padding-top:20px; overflow:hidden; position:relative; padding-bottom:20px !important;}

#login-2 input:focus {border:none !important; border-bottom:2px solid #000 !important;}

#profile-account2 .profile-content {overflow:hidden; padding:25px 15px; box-shadow:0 0 20px 0 rgba(0, 0, 0, .25); border-radius:10px;}

#profile_setting_form .form-check.form-check-inline.col-md-4 {max-width:18% !important; align-items:center; vertical-align:middle;}

#profile-account2 .portlet-title .nav li.active {padding:3px 5px; border:none !important; background-color:#f7004d !important;}

div#profile-account2 {margin-bottom:80px;}

div#profile_image_main img {border-radius:100%; border:10px solid #eeeeee;}

.section #profile-account2 .green-haze {color:white; background:#ff004f !important; background-image:none; box-shadow:none; outline:none; filter:none;}

.register-box #profile-account2 .green-haze {color:white; background:#ff004f !important; background-image:none; box-shadow:none; outline:none; filter:none;}

.register-box div#profile-account2 {box-shadow:none !important; padding:0px; margin:0px !important;}

section.user-register {padding:40px 0px;}

.register-box div#profile-account2 {box-shadow:none !important; padding:0px; margin:0px !important; background:none !important;}

.portlet.portlet0.light.profile-sidebar-portlet, .portlet.portlet0.light.profile-sidebar-portlet {background:white !important;}

#profile-account2 .green-haze {font-size:14px;}

.profile-content, #profile-account2 .profile-content {background:white;}

.section #profile-account2 .portlet-title .nav li.active a, .section #profile-account2 .portlet-title .nav li.active {padding:3px 5px; border:1px solid #03246b ; background-color:#03246b !important;}

.register-box #profile-account2 .portlet-title .nav li.active a, .register-box #profile-account2 .portlet-title .nav li.active {padding:3px 5px; border:1px solid #03246b ; background-color:#03246b !important;}

#profile-account2 .nav li a {padding:5px 10px; font-size:15px; border:0; color:#666; display:block;}

#profile-account2 .portlet-title .nav li:hover {border:none !important; background:#03246b !important; color:#fff !important}

#profile-account2 .portlet-title .nav li:hover a {color:#fff !important}

.homecontact {position:relative;}

.homecontact .container {position:relative; z-index:999;}

.homecontact:after {width:50%; height:100%; background:#ff004c; position:absolute; content:""; top:0; left:0;}

.homecontact:before {width:50%; height:100%; background:#79b81c; position:absolute; content:""; top:0; right:0;}



@media (min-width: 320px) and (max-width:767px) {
    .homecontact:before {
        width: 100%;
        height: calc(50% + 50px);
        /* height: 100%; */
        background: none;
        position: absolute;
        /* content: ""; */
        bottom: 0;
          z-index: 9;
        top: auto

    }

.mobile-menu {display:none;}

.navbar {position:absolute; top:0; right:0; z-index:999999; box-shadow:none;}

.top-header .m_n_bx {margin:0; position:inherit;}
section.top-header .col-sm-6 {
    width: 100%;
}
    section.top-header .col-sm-6 + .col-sm-6 {
        background: red !important;
    }
 

.loc:after {
    position: absolute;
    right: -100%;
    background: #ff004f; content: '';
}

.lc:before {
    position: absolute;
    left: -100%;
    background: #ff004f; content: '';
}
button.navbar-toggler {position:absolute; top:23px; right:15px; height:auto; padding:5px 8px; z-index:999;}

div#nav {padding:70px 14px 20px;position: absolute; top: 0px;left: -100%;width: 100%;background: #fff;}
ul.navbar-nav.main_nv li a{ font-size: 100%;}
    ul.navbar-nav.ms-auto a {
        font-size: 100%;
    }

.navbar-collapse.collapse.show {left: 0 !important;}

.logo-sec {width:30%; position:relative; z-index:9999999; padding:10px 0;}

.logo-sec a.navbar-brand {display:inline-block;}

#menu-header-menu {padding-top:10px;border-top: 1px solid #ccc;margin-top:20px;}

ul.navbar-nav.main_nv li a {display:inline-block; padding:0 !important; margin-bottom:0;}

ul.navbar-nav.main_nv li {margin:0 0 13px;}

.loc {width:100%; margin-top:5px;padding-left:40px !important}
.loc::before{display: none;}
.loaction {position:relative; padding-left:0; height:auto; padding:10px 0 15px; display:block;}
.loaction::before {
    content: "";
    position: absolute;
    left: -33px;
    top: 0;
    width: 39px;
    height: 100%;
    background: #fff;
    transform: skewX(-20deg);
}
/* .loc::before {display:none;} */
/* 
.loaction::before {content:''; position:absolute; width:100%; height:100%; background:#ff004f !important; 
    left:-100%; top:0; transform:none;} */

 

section.banner::before {display:none;}

button.navbar-toggler:focus:not(:focus-visible) {box-shadow:none;}

.banner-left {background-image:none; background:#69b016; min-height:auto; padding:20px 20px 40px;}

.banner {margin:0; height:auto;}

.banner-left::after {display:none;}

.banner-left::before {display:none;}

.about-sec {padding-top:30px !important;}

.about-sec::before {display:none;}

span.small_head {font-size:14px; margin-top:15px; display:inline-block;}

.director_sec {margin:0;}

section.about-sec::after {display:none;}

.banner .row {flex-direction:column-reverse;}

.services-section {margin-top:40px;}

.stats-section {padding-bottom:20px !important;}

.stats-section .d-flex {margin-bottom:20px;}

.testimonial-card {padding:20px;}

.send-btn {width:100%;}

.bg-green, .bg-red {padding:20px !important;}

.bg-green {font-size:12px;}

.bg-green i {font-size:20px;}

.input-icon {font-size:25px;}

.info-icon {width:45px; height:45px;}

section#contactus input, section#contactus select, section#contactus textarea {font-size:15px;}

.inner-banner {margin-top:0;}

.loc img {height:20px;}

.banner-right img {height:300px;}

.banner-text {top:50%; left:50%; max-width:100%; width:100%; padding:0 20px; transform:translate(-50%, -50%);}

.carousel-play-pause {right:7%; top:50px;}

.banner-text h1 {font-size:30px;}

.banner-right {min-height:auto;}

.section-header {margin-bottom:0;}

.inner-banner .banner-img {object-fit:cover; height:100px;}

.banner-content {bottom:10px;}

.donation-text {right:0; width:100%; padding:20px;}

.green-bar::after {left:-20px;}

.section-title {font-size:35px;}

.payment .text-center {margin-bottom:20px !important;}

.payment-card {padding:20px !important;}

.payment-card::before {width:100%;}

.payment-card .col-lg-6 {padding:0 !important;}

.payment .amount-btn {padding:10px;}

nav .main_nv li.menu-item-has-children:hover ul.sub-menu {position:relative; top:0; width:100%;}

.menu-item-has-children:after {right:0px;}

.homecontact:after {width:100%; /* height:calc(50% + 50px); */ height:100%; background:#ff004c; position:absolute; content:""; top:0; left:0;}



.homecontact .p-5 {padding:1rem !important;}

}

#footer-button-arrow {position: fixed;bottom: 30px;right: 30px;width: 40px;height: 40px;line-height: 40px;

background-color: #fff;color: #ff004f;text-align: center;border-radius: 50%;font-size: 22px;cursor: pointer;

text-decoration: none;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease;

z-index: 999;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

#footer-button-arrow.show {opacity: 1;visibility: visible;transform: translateY(0);}

footer ul li {display:inline-block; position:relative;}

footer ul {padding:0px;}

footer ul#menu-quick-links li a, footer ul#menu-footer-menu li a {padding:0px 13px; display:inline-block; font-size:80%;}

footer ul#menu-footer-menu li a {padding:0px 10px !important;}

footer ul#menu-quick-links li:after {position:absolute; right:0px; top:7px; height:12px; width:1px; content:''; background:#fff;}

footer ul#menu-footer-menu li:after {height:12px; position:absolute; right:0px; top:7px; width:1px; content:''; background:#fff;}

footer ul#menu-quick-links li:last-child:after, footer ul#menu-footer-menu li:last-child:after {background:none;}

footer ul#menu-quick-links li:first-child a, footer ul#menu-footer-menu li:first-child a {padding-left:0px !important;}

footer .me-3 {margin-bottom:10px;}

.row.register-box {padding:25px; padding-left:0px; padding-right:0px;}

#login-2 .content .create-account p a {font-weight:600; font-size:14px; color:#c3cedd; background:transparent !important; color:#000 !important; text-transform:capitalize; text-decoration:underline; margin:0 !important; padding:0;}

.reg-tab:hover {background:#03246b !important;}

.top-header a.btn.btn-success.donation:hover {background:#001d63;}

.fonts_inc_dec {content:''; position:fixed; top:50%; left:98%; z-index:99999; transform:translate(-50%, -50%); border-radius:30px; overflow:hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}

.fonts_inc_dec button {width:40px; height:40px; gap:10px; display:flex; justify-content:center; align-items:center; background:#ffffff; border:0; transition:all 0.5s;}

.fonts_inc_dec button img {width:auto; height:12px; margin:0 auto; display:block; filter:brightness(0) saturate(100%) invert(6%) sepia(83%) saturate(6446%) hue-rotate(216deg) brightness(86%) contrast(103%);}

.fonts_inc_dec button:hover {background:#79b81c;}

.fonts_inc_dec button:hover img {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(97deg) brightness(98%) contrast(100%);}

.stats-section.py-5 {padding-top:2rem !important; padding-bottom:2rem !important;}

#contactus .home-contact-form .send-btn {color:#000 !important; font-size:100%;}

div#media h2 {font-size:150%;}

#blog .section-label.mb-2, #media .section-label.mb-2 {color:#ff0245;}

.ourCommitmentsection h2 {color:#fff; margin:0;}

#profile-account2 ul li:nth-child(3), #profile-account2 ul li:nth-child(4) {display:none;}

.payment-card .form-control {color:#000 !important;}

#login-2 input[type="text"] {text-transform:unset;}

@font-face {font-family:"Font Awesome 6 Free"; font-style:normal; font-weight:900; src:url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff");}

#footer-button-arrow.show {

    animation: bounceIn 0.6s ease;

}



@keyframes bounceIn {

    0% { transform: translateY(50px); opacity: 0; }

    60% { transform: translateY(-10px); opacity: 1; }

    100% { transform: translateY(0); }

}



.community-sec .card h3 i {

    color: #ff7c93 !important;

}





.community-sec header {

    background: #69b016;

    color: white;

    text-align: center;

    padding: 60px 20px; border-radius:10px;

}



.community-sec header h1 {

    font-size: 34px;

    margin-bottom: 15px;

}



.community-sec header p {

    font-size: 18px;

    max-width: 700px;

    margin: auto;

}



.community-sec section {

    padding: 20px 0px;

}



.community-sec .section-title {

    text-align: center;

       font-size: 150%;

    margin-bottom: 40px;

      font-weight: 700;

    margin-top: 0px;

    color: #1f2937;

}



.community-sec .card-container {

    display: flex;



}

.community-sec .card ul li, .community-sec .card p {

    margin-bottom: 5px;

    font-size: 14px;

    letter-spacing: -0.4px;

}

.community-sec ul{margin-bottom: 0px;}

.lastouter{ margin-right:0px !important;}

.community-sec .card {

    background: white;

    padding: 20px;

    width: 25%;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

    transition: transform 0.3s ease;

    gap: 10px;

    display: flex;

    margin-right: 15px;

}

.community-sec .card{ padding-bottom: 0px;}

.community-sec .card h3 {

    color: #1f2937 !important; font-size: 17px;

    margin-bottom: 15px;font-weight: 700;

}

.community-sec .card:hover {

    transform: translateY(-8px);

}



.community-sec .card h3 {

    color: #e84393;

    margin-bottom: 15px;

    display: flex; line-height: normal;

    align-items: start;

    gap: 7px;

}

.community-sec .card h3 i{margin-top:2px;}



.community-sec ul {

    padding-left: 20px;

}

.community-sec .card:last-child{ margin-right:0px;}



.community-sec .highlight-section {

    background: #fff0f6;

    padding: 60px 10%;

    text-align: center; margin-bottom: 25px;

}



.community-sec .highlight-section h2 {

    color: #d63384;

    margin-bottom: 20px;

}



.community-sec .footer {

    background: #2d3436;

    color: white;

    text-align: center;

    padding: 30px 20px;

}



.community-sec .footer p {

    margin: 5px 0;

}



a.btn.register-button-new {

    border: 1px solid #ddd;

    background: #fff;

    color: #69b016;

}



.founder .message-box {

    background: #ffffff;

    padding: 25px;

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

    line-height: 1.8;

    animation: fadeInUp 1s ease;

    font-size: 15px;

}

.founder .hero {

  background-image:url(../images/trustbanner.jpg);

    background-size: cover;

    background-position: center;

    color: white;

    text-align: center;

    padding: 120px 20px;filter: url();

}



.founder .hero h1 {

    font-size: 48px;

    margin-bottom: 10px;

}



.founder .hero p {

    font-size: 18px;

    max-width: 700px;

    margin: auto;

}



.founder .container {

    width: 85%;

    max-width: 1000px;

    margin: 80px auto;

}



.founder .section-title {

    text-align: center;

    font-size: 36px;

    margin-bottom: 40px;

    color: #000;

}



.founder .message {

    background: white;

    padding: 50px;

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.08);

}



.founder .message p {

    margin-bottom: 20px;

    font-size: 17px;

}



.founder .highlight {

    font-style: italic;

    font-weight: 500;

    text-align: center;

    margin: 30px 0;

    color: #b76e79;

    font-size: 20px;

}



.founder .signature {

    margin-top: 40px;

    text-align: right;

    font-weight: 500;

}



.founder .quote-block {

    background: #fff3f5;

    padding: 30px;

    border-left: 5px solid #b76e79;

    margin: 30px 0;

    font-style: italic;

    font-size: 18px;

}



.founder .footer {

    text-align: center;

    padding: 30px;

    background: #2d3436;

    color: white;

}



.mission-vission .section-title {

    font-size: 14px;

    letter-spacing: 2px;

    color: #666;

}



.mission-vission .section-subtitle {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 60px;

    color: #222;

}



/* Card Layout */

.mission-vission .card-container {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 20px;

}

.mission-vission .section-title,.mission-vission .section-subtitle {

    text-align: center;

}

.card.mission {

    background: #69b016;

}

/* Card Base */

.mission-vission .card {

    position: relative;

    width: 45%;

    text-align: center;

    border-radius: 15px;

    padding: 20px;

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);

    transition: 0.3s ease;

}

.mission-vission .card:hover {

    transform: translateY(-10px);

}



/* Icon */

.mission-vission .card-icon {

    font-size: 40px;

    margin-bottom: 10px;

}

.card.mission strong {

    display: block;

    margin-bottom: 10px;

}

/* Title */

.mission-vission .card h3 {

    font-size: 22px;

    margin-bottom: 15px;

    color: #fff;

}

.card.vision {

    background: #ef8337;

}

/* Text */

.mission-vission .card p {

    font-size: 14px;

    color: #fff;

}



/* Bottom Ribbon */

.mission-vission .ribbon {

    position: absolute;

    bottom: -20px;

    left: 50%;

    transform: translateX(-50%);

    padding: 10px 40px;

    font-weight: 600;

    color: white;

    border-radius: 5px;

}



/* Mission Style */

.mission-vission .mission .card-icon {

    color: #f4a261;

}



.mission-vission .mission .ribbon {

    background: #f18200;}



/* Vision Style */

.mission-vission .vision .card-icon {

    color: #3a86ff;

}



.mission-vission .vision .ribbon {

       background: #69b016;

}



.mission-vission img.wp-smiley, .mission-vission img.emoji {

    display: inline !important;

    border: none !important;

    box-shadow: none !important;

    height: 1.5em !important;

    width: 6em !important;

    margin: 0 0.07em !important;

    vertical-align: -0.1em !important;

    background: none !important;

    padding: 0 !important;

}



.card.vision ul li {

    text-align: left;

    color: #fff;

    font-size: 14px; margin-bottom: 5px;

}





/* Section Styling */

.founder-section {

    padding: 10px 30px;

    background: #add8e661;

    font-family: 'Poppins', sans-serif;

    border-radius: 10px;

}

/* Founder Cards */

.founder  .director-card {

    background: #ffffff;

    border-radius: 15px;

    overflow: hidden;

    margin-bottom: 25px;

    /*box-shadow: 0 10px 25px rgba(0,0,0,0.05);*/

   

}

.founder.row .director_sec {



    background: #fff;border-radius: 20px;

    padding: 30px;    margin-top: 0px;    text-align: justify;



}

.directorbox {

    height: 100%;

}

.directorbox ul {

    display: grid;

    row-gap: 10px;

}



/* Image Styling */

.founder  .direct_img {

    overflow: hidden;

}



.founder  .direct_img img {

    width: 100%;

    transition: transform 0.5s ease;

}



.director-card:hover img {

    transform: scale(1.08);

}



/* Founder Content */

.founder  .direct_cont {

    padding: 15px;

    text-align: center;

}



.founder  .direct_cont h3 {

    margin: 10px 0 5px;

    font-size: 18px;

    font-weight: 600;

}



.founder  .direct_cont p {

    color: #777;

    font-size: 14px;

}



/* Message Box */

.message-box {

    background: #ffffff;

    padding: 35px;

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);

    line-height: 1.8;

    animation: fadeInUp 1s ease;

}



.founder-section  .section-title {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 25px; text-align: center; margin-top: 30px;

    position: relative;

}



.founder-section  .section-title:after {

    content: "";

    width: 60px;

    height: 3px;

    background: #000;

    position: absolute;

    left: 50%;

    bottom: -10px;

    margin-left: -30px;

}



/* Quote Block */

.founder .quote-block {

    background: #69b016;

    padding: 10px 20px;

    border-left: 5px solid #a5e25e;

    margin: 15px 0;

    font-style: italic;

    font-size: 16px;

    color: #fff;

    transition: all 0.65s ease;

}

.quote-block:hover {

    transform: scale(1.03);

}



/* Animation */

@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* Responsive */

@media (max-width: 768px) {

    .founder .row {

        display: block;

    }
.footer-title:after{right:-43px !important}


    .col-md-3,

    .col-md-9 {

        width: 100%;

        max-width: 100%;

    }



    .message-box {

        margin-top: 30px;

    }

    .mission-vission .card{width:100%;}

    .mission-vission .section-subtitle{    margin-bottom: 0px;}

    .section {padding: 30px 0;}

}

.register-button-new {

    display: inline-block;

    padding: 10px 25px;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    background: linear-gradient(135deg, #ff6b6b, #ff9472);

    text-decoration: none;

    transition: all 0.4s ease;

    box-shadow: 0 8px 20px rgba(0,0,0,0.15);

    position: relative;

    overflow: hidden;

}



.register-button-new:hover {

    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(0,0,0,0.25);

}



/* Shine Effect */

.register-button-new::before {

    content: "";

    position: absolute;

    top: 0;

    left: -75%;

    width: 50%;

    height: 100%;

    background: rgba(255,255,255,0.3);

    transform: skewX(-25deg);

    transition: 0.6s;

}



.register-button-new:hover::before {

    left: 125%;

}







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

   COMMON DONATE BUTTON STYLE

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



.donate-btn {

    display: flex;

    gap: 15px;

}



.donate-btn a {

    padding: 10px 18px;

    background: #28a745;

    color: #fff;

    text-decoration: none;

    border-radius: 6px;

    font-weight: 500;

    transition: 0.3s ease;

}



.donate-btn a:hover {

    background: #218838;

    color: #fff;

}





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

   POPUP OVERLAY

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



.donation-popup {

    display: none;

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.65);

    z-index: 9999;

    justify-content: center;

    align-items: center;

    padding: 15px;

}





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

   POPUP BOX (BOTH FORMS)

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



.donation-popup-content {

    background: #ffffff;

    width: 100%;

    max-width: 420px;

    padding: 30px 25px;

    border-radius: 12px;

    position: relative;

    animation: popupFade 0.3s ease;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);

}





/* Hide both forms initially */

#volunteerForm,

#donateForm {

    display: none;

}





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

   TITLE

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



.donation-popup-content h4 {

    margin-bottom: 20px;

    text-align: center;

    font-weight: 600;

}





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

   CLOSE BUTTON

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



.close-btn {

    position: absolute;

    right: 15px;

    top: 12px;

    font-size: 24px;

    cursor: pointer;

    color: #666;

    transition: 0.3s;

}



.close-btn:hover {

    color: #000;

}





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

   FORM STYLING

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



.donation-popup .form-group{margin-bottom: 15px;}

.donate-btn{ justify-content: center;}



.donation-popup input,

.donation-popup textarea {

    width: 100%;

    padding: 12px 14px;

    border: 1px solid #ddd;

    border-radius: 6px;

    font-size: 14px;

    transition: all 0.3s ease;

    background: #f9f9f9;

}



.donation-popup input:focus,

.donation-popup textarea:focus {

    border-color: #28a745;

    background: #fff;

    outline: none;

    box-shadow: 0 0 6px rgba(40, 167, 69, 0.2);

}





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

   SUBMIT BUTTON

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



.donation-popup button {

    width: 100%;

    padding: 12px;

    background: #28a745;

    border: none;

    border-radius: 6px;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    cursor: pointer;

    transition: 0.3s ease;

}

.donate-btn a{ border-radius: 50px;}





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

   POPUP ANIMATION

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



@keyframes popupFade {

    from {

        transform: translateY(-25px);

        opacity: 0;

    }

    to {

        transform: translateY(0);

        opacity: 1;

    }

}





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

   MOBILE RESPONSIVE

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



@media (max-width: 480px) {

    .donate-btn {

        flex-direction: column;

        gap: 10px;

    }



    .donation-popup-content {

        padding: 20px;

    }



    .donation-popup-content h4 {

        font-size: 18px;

    }

}





.sd {

    display: flex;

    gap: 18px;

}

.form-group.sd input {

    width: 225px;

}



div#otpSection {

    display: flex !important;

}

.donation-popup textarea {

    max-height: 70px !important;

}

.btn-vol{

    background: #28a745;

}

input.btn-vol {

    background: #28a745;

}

.wpcf7-not-valid-tip {

    font-size: 12px !important;

    font-weight: bold !important;

}







  .advisorcard.card {

      background: #fff;

      width: 100%;

      border-radius: 15px;

      box-shadow: 0 4px 12px rgba(0,0,0,0.1);

      text-align: center;

      padding: 20px;

    }



    .advisorcard.card img {

      width: 100px;

      height: 100px;

      border-radius: 50%;

      object-fit: cover;    margin: 0 auto 15px;

    }



    .advisorcard.card h2 {

      margin: 10px 0 5px;

      font-size: 22px;

    }



    .advisorcard.card p {

      color: #777;

      font-size: 14px;

      margin-bottom: 15px;

    }



    .advisorcard.card .btn {

      display: inline-block;

      padding: 10px 20px;

      background: #007BFF;

      color: #fff;

      border-radius: 25px;

      text-decoration: none;

      transition: 0.3s;

    }



    .advisorcard.card .btn:hover {

      background: #0056b3;

    }

    

    

    

     .committee-section h2 {

            text-align: center;

            margin-bottom: 20px;

            color: #333;font-size: 170%;

        }

    

    .committee-section .grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

            gap: 20px;

        }



       .committee-section  .card {

            background: white;

            border-radius: 12px;

            padding: 20px;

            text-align: center;

            box-shadow: 0 4px 10px rgba(0,0,0,0.08);

            transition: transform 0.3s;

        }



       .committee-section .card:hover {

            transform: translateY(-5px);

        }



      .committee-section  .card img {

            width: 100px;

            height: 100px;

            border-radius: 50%;

            object-fit: cover;

            margin:0 auto 15px;

        }



       .committee-section .card h3 {

            margin: 10px 0 5px;font-size: 150%;

        }



        .committee-section .role {

            color: #6a5acd;

            font-weight: bold;

            font-size: 90%;

        }



    .committee-section    .section {

            margin-bottom: 50px;

        }

        

        

        

    .advdetails .card {

      background: #fff;

      border-radius: 12px;

      padding: 20px;

      box-shadow: 0 4px 10px rgba(0,0,0,0.08);

      margin-bottom: 20px;

    }



    .advdetails .header {

      display: flex;

      justify-content: space-between;

      flex-wrap: wrap;

    }



    .advdetails .profile {

      display: flex;

      gap: 20px;

    }



   .advdetails .profile img {

      width: 100px;

      height: 100px;

      border-radius: 50%;

    }



    .advdetails .name {

      font-size: 110%;

      font-weight: bold;

    }



    .advdetails .rating {

      color: #ff9800;

    }



    .advdetails .badge {

      display: inline-block;

      background: #e0f7fa;

      color: #00796b;

      padding: 4px 8px;

      border-radius: 6px;

      margin-right: 5px;

      font-size: 70%;

    }



    .advdetails .booking {

      text-align: right;

    }



    .advdetails .price {

      font-size: 20px;

      font-weight: bold;

    }



    .advdetails .btn {

      background: #4CAF50;

      color: white;

      padding: 10px 18px;

      border: none;

      border-radius: 8px;

      cursor: pointer;

      margin-top: 10px;

    }



    .advdetails .tags span {

      display: inline-block;

      background: #eee;

      padding: 6px 10px;

      border-radius: 20px;

      margin: 5px;

      font-size: 80%;

    }



    .advdetails .review {

      border-top: 1px solid #eee;

      padding-top: 10px;

      margin-top: 10px;

    }

    .advdetails .card h3 {

    font-size: 140%;

}



    @media(max-width: 768px) {

      .advdetails .header {

        flex-direction: column;

      }

      .advdetails .booking {

        text-align: left;

        margin-top: 15px;

      }

    }

        

        

        

   .Ambassadorrow  .grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            gap: 25px;

        }



       .Ambassadorrow  .card {

            background: white;

            border-radius: 12px;

            padding: 20px;

            text-align: center;

            box-shadow: 0 5px 12px rgba(0,0,0,0.1);

            transition: 0.3s;

        }



.Ambassadorrow  .card:hover {transform: translateY(-8px);}

.Ambassadorrow  .card img {width: 120px; height: 120px;  border-radius: 50%;object-fit: cover; margin:0 auto 15px;}

.Ambassadorrow  .card h3 {margin: 10px 0 5px;font-size: 170%;}

.Ambassadorrow  .title {color: #ff7e5f; font-weight: bold; font-size: 100%;}

.Ambassadorrow  .bio {font-size:90%; color: #555; margin-top: 10px;    line-height: 1.3;}



        .Ambassadorrow .section-title {

            text-align: center;

            margin-bottom: 30px;

            font-size: 1.8rem;

            color: #333;

        }

        
span.closejob {
    cursor: pointer;
    position: absolute;
    background: red;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    right: -11px;
    top: -5px;
}

.popupjob {display: none; position: fixed;width: 100%;height: 100%; background: #000; top: 0;left: 0;z-index: 9999999999;    justify-content: center;align-items: center;}

.popupjob  .card {

     max-width: 100%;width: 500px;

    background: #fff;

    margin: auto;

    padding: 20px;

    border-radius: 12px;

    box-shadow: 0 4px 10px rgba(0,0,0,0.1);

  }



  .popupjob  .title {

    color: #d9534f;

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 10px;

  }



  .popupjob  .sectionjob {

    margin: 5px 0;

  }



  .popupjob  .sectionjob strong {

    color: #333;

  }



 .popupjob   ul {

    padding-left: 20px;

    margin: 10px 0;

  }



  .popupjob  ul li {

    margin-bottom: 4px;

  }



 .popupjob   .apply {

    margin-top: 20px;

    padding: 12px;

    background: #007bff;

    color: #fff;

    text-align: center;

    border-radius: 8px;

    font-weight: bold;

  }







  .popupjob.openjob{display:flex;}

.teamrow .section-title {text-align: center; margin-bottom: 30px; color: #333;font-size: 170%;}

.teamrow p.subtitle {font-size: 100%;text-align: center;font-weight: 400;}

.teamrow .grid {display: grid;  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));  gap: 25px;}

.teamrow .card {background: #fff; border-radius: 15px; padding: 20px;  text-align: center;  box-shadow: 0 6px 15px rgba(0,0,0,0.1); transition: 0.3s ease;}

.teamrow .card:hover {transform: translateY(-8px);}

.teamrow .card img {width: 110px;height: 110px;  border-radius: 50%;  object-fit: cover; margin:0 auto 15px;}

.teamrow .card h3 {margin: 10px 0 5px;font-size: 170%;}

.teamrow .role {color: #ff004f;font-weight: bold; font-size: 100%;}

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

.teamrow .social a {margin: 0 5px; text-decoration: none;color: #555;font-size: 120%;}

.teamrow .social a:hover {color:#ff004f;}    

 
.iv-email-otp-actions button {
    height: 43px;
    color: #fff;
    margin: -3px 0px 0 !important;
}
input#iv_member_email_otp {
    padding: 15px;
    margin: 0px 10px 0 !important;
    width: 47.8%;
}
.iv-email-otp-actions {
    clear: both;
    padding-top: 15px;
display: block !important;
}

button#iv-send-email-otp {
    color: #fff;
}
 
.video-thumbnail {
    position: relative;
    cursor: pointer;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
}
        

        




button.navbar-toggler {
    display: none;
}



.director-content1{
    max-height:820px;
    overflow:hidden;
    transition:max-height .4s ease;

}
.director-content1.opencontent{
    max-height:none;
    transition:max-height .4s ease;

}

button.btn.contentmore {
    color: #4c7be1;
    text-decoration: underline;
    margin-left: 0;
    padding-left: 0;
}
.home-contact-form .wpcf7-not-valid-tip {
    color: #ffffff;
}
.home-contact-form span.wpcf7-form-control-wrap.mathcaptcha-34 label {
    background: #fff;
    font-size: 20px;
    color: #ff004c;
    padding: 10px 20px;
    border-radius: 10px;
}
.home-contact-form span.wpcf7-form-control-wrap.mathcaptcha-34 br {
    display: none;
}
.home-contact-form .custom-mathcap span {gap:30px;display: flex;}
html body section#contactus form .home-contact-form .custom-mathcap span input.wpcf7-form-control.wpcf7-text{width: 240px;background: none; border: 2px solid #fff;padding: 5px 20px;font-size: 20px;border-radius: 10px;}
span.wpcf7-form-control-wrap[data-name="your-message"] textarea {width: 372px; max-width: 100%;}

@media (min-width: 320px) and (max-width: 767px){
span.wpcf7-form-control-wrap[data-name="your-message"] textarea {width: 100%; max-width: none;}	
.home-contact-form .custom-mathcap span br {display: block;}
.home-contact-form .custom-mathcap span label{text-align:center; width:200px;}
html body section#contactus form .home-contact-form .custom-mathcap span input.wpcf7-form-control.wpcf7-text{width:100%;}
	.home-contact-form .custom-mathcap span {gap:10px;}
}