:root{
    --font-montserrat : "Montserrat", sans-serif;
	--fw-medium : 500;    
--fw-semibold : 600;
    --fw-bold : 700;
    --dark-blue: #144980;
    --alice-blue: #F0F8FF;
    --mild-blue: #5695BD;
    --charcoal-gray: #36454F;
    --light-gray: #F9FAFB;
            --primary-color: #333;
            --secondary-color: #666;
            --accent-color: #8e1f1f;
            --light-bg: #f5f5f5;
            --white: #ffffff;
            --text-color: #333;
            --text-light: #777;
}
/* html {overflow-x: hidden;} */
img {width: initial; height: initial;}
.container-fluid {padding: 0 25px;}
.container {padding: 0 25px;}
section {overflow-x: hidden;}
body {font-family: var(--font-montserrat); color: var(--bs-black); font-size: 14px; color: var(--charcoal-gray); padding-right: 0 !important;}
input {outline: none !important; box-shadow: none !important;}
.btn {padding: 10px 33px; border-radius: 7px; transition: all 0.2s ease-in-out; font-weight: var(--fw-bold);}
.btn-primary-custom {background: var(--dark-blue); color: var(--bs-white); border: 1px solid var(--dark-blue);}
.btn-primary-custom:hover {background: var(--bs-white); color: var(--dark-blue); border-color: var(--dark-blue);}
.btn-secondary-custom { background-color: var(--bs-white); color: var(--dark-blue); border: 1px solid var(--dark-blue); }
.btn-secondary-custom:hover {color: var(--bs-white); background: var(--dark-blue); border-color: var(--dark-blue);}
.btn-blue-outline {background: transparent; color: var(--dark-blue); border: 1px solid var(--dark-blue); text-transform: uppercase; font-weight: var(--fw-semibold);
    font-size: 16px; padding: 11px 20px;}
.btn-blue-outline:hover {background: var(--dark-blue); color: var(--bs-white); border-color: var(--dark-blue);}

.header-wrap {margin-bottom: 35px;}
.header {background: var(--bs-white); box-shadow: 0px 4px 4px 0px #0000000D; }
.header .navbar-nav .nav-link {color: var(--bs-black); font-weight: var(--fw-medium); position: relative;}
.header .navbar-nav .nav-link.active {background: var(--alice-blue); color: var(--dark-blue);}
.header .navbar-nav .nav-link.active::after {border-right: 2px solid var(--dark-blue); border-top: 2px solid var(--dark-blue);}
.header .navbar .btn-secondary-custom:hover {background: #EAF4FF; color: var(--dark-blue);}

.search-box { max-width: 0; overflow: hidden; transition: max-width 0.5s ease, opacity 0.5s ease; display: none;}
.search-box.show { max-width: 180px; display: block;}
.search-input-wrapper { position: relative; }
.search-input-wrapper input { padding: 11.5px 46px 11.5px 42px; width: 100%; border: 1px solid var(--dark-blue) !important; color: var(--bs-black) !important; font-size: 16px; line-height: 1.5; -webkit-text-size-adjust: 100%; text-decoration: none !important;  -webkit-appearance: none !important;
  appearance: none !important; text-decoration-skip-ink: none;}
.search-input-wrapper input:focus,
.search-input-wrapper input:active {text-decoration: none !important; outline: none !important; box-shadow: none !important;}
.search-input-wrapper input::-webkit-input-placeholder, .search-input-wrapper input::-moz-placeholder, .search-input-wrapper input:-ms-input-placeholder,  .search-input-wrapper input:-moz-placeholder{
  color: var(--bs-black);}
.search-icon { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); pointer-events: none; }
.close-icon { position: absolute; top: 50%; right: 0px; padding: 10px 18px !important; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; }
.hidden {display: none !important;}
.seach-icon-main {width: 40px; height: 40px; padding: 0 !important; border: 0 !important; background: var(--bs-white); outline: none !important;}

.header .navbar {position: relative;}
.header .dropdown-menu { position: absolute; top: 100%; left: 50%; translate: -50%; z-index: 1000; width: 80%; max-width: 100%; 
padding: 30px; border-radius: 20px; box-shadow: 0px 0px 20px 0px #7070701F;
 background-color: var(--bs-white); display: none; border: 0;}
.header-image-wrapper { position: relative; min-height: 260px; border-radius: 30px; overflow: hidden;}
.header-image-wrapper::before {content: ""; background: linear-gradient(359.26deg, #000000 0.63%, rgba(0, 0, 0, 0.88) 26.72%, rgba(0, 0, 0, 0.62) 50.44%, rgba(0, 0, 0, 0.32) 72.58%, rgba(102, 102, 102, 0) 91.24%); position: absolute; bottom: 0; left: 0; right: 0; height: 50%;}
.header-image-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
.header-image-overlay { position: absolute; bottom: 0; left: 0; right: 0; color: var(--bs-white); padding: 20px; justify-content: space-between; align-items: center;}
.info-box { background-color: #EBF5FF; padding: 20px; border-radius: 15px; flex: 1 1 50%; cursor: pointer; text-decoration: none;}
.info-box h6 {color: var(--dark-blue); font-size: 16px; margin: 0 0 8px; display: flex; align-items: center;}
.info-box p {margin-bottom: 0; font-size: 14px; color: var(--dark-blue);}
.megamenu-img-content {width: 100%; margin-bottom: 20px;}
.megamenu-img-btn .btn {padding: 9px 13px; font-size: 14px; color: var(--dark-blue); background: var(--bs-white); border: 1px solid var(--bs-white); margin-right: 5px;}
.megamenu-img-btn .btn:hover {background: var(--dark-blue); border-color: var(--dark-blue); color: var(--bs-white);}
.megamenu-img-content h6 {font-size: 16px; font-weight: var(--fw-bold); margin: 0 0 12px;}
.megamenu-img-content p {font-size: 14px; margin: 0;}

@keyframes dropdownFade {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.common-bg {background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner-box {position: relative; overflow: hidden;}
.home-banner .banner-slider{ border-radius: 30px;}
.banner-box::before {content: "";; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 26%, rgba(0, 0, 0, 0) 60%);;}
.banner-box-content {position: relative; z-index: 2; color: var(--bs-white); padding: 35px;}
.sub-title {font-size: 14px; font-weight: var(--fw-bold); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;}
.banner-title {font-size: 38px; font-weight: var(--fw-bold); margin-bottom: 25px;}
.banner-donate-price h2 {font-weight: var(--fw-bold); color: var(--mild-blue); font-size: 26px; margin: 0 0 5px;}
.banner-donate-price span {text-transform: uppercase; display: block;}
.banner-donate-price {margin-bottom: 25px;}
.banner .swiper-pagination {width: auto; left: 50%; translate: -50%; background: rgba(255, 255, 255, .43); border-radius: 40px; padding: 3px 5px 5px; height: auto; line-height: 1; bottom: 20px}
.banner .swiper-pagination-bullet {margin: 0 5px !important; width: 7px; height: 7px; background: var(--bs-white); opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--dark-blue);}
.banner-btn .btn-secondary-custom {background: transparent; border-color: var(--mild-blue); color: var(--bs-white); text-transform: uppercase;}
.banner-btn .btn-secondary-custom:hover {background: var(--bs-white); color: var(--mild-blue); border-color: var(--bs-white);}
.banner-slider .swiper-slide:nth-child(3) .mob-banner-img img { object-position: center 80% !important;}

.section-padding {padding: 50px 0;}
.font-one {font-size: 30px; font-weight: var(--fw-bold);}
.common-title-block {text-align: center; margin-bottom: 40px;}
.common-title-block .sub-title {color: var(--mild-blue); margin-bottom: 5px;}
.common-title-block h2 {color: var(--dark-blue); margin-bottom: 0; font-weight: var(--fw-bold);}
.read-more-btn {margin-top: 24px;}

.font-three {font-size: 20px; font-weight: var(--fw-bold);}
.common-short-info {margin: 15px 0 0; color: #374151}
.stay-updated-wrap {padding: 35px 15px; border-radius: 30px; background-position: right 72% center;}
.stay-updated-box .common-title-block {margin-bottom: 22px;}
.stay-updated-box .common-short-info {font-size: 14px; margin-top: 10px; color: #555F70;}
.stay-updated-box .sub-title {margin-bottom: 3px;}
.stay-updated-box {max-width: 600px; margin: 0 10% 0 auto;}
.form-control {padding: 15px; font-size: 14px; color: #555F70; line-height: 1.3; outline: none !important; box-shadow: none !important; border: 1px solid var(--bs-white) !important; background: var(--bs-white); border-radius: 8px;}
.stay-updated-box .btn {border-radius: 8px; padding: 12px 20px;}
.stay-updated-box .btn:hover {background: #0F3256; border-color: #0F3256; color: var(--bs-white);}
.footer {background: var(--dark-blue); padding: 30px 0 0;}
.social-media li:not(:last-child) {margin-right: 20px}
.footer-row {display: flex; flex-wrap: wrap; margin: 0 -12px;}
.footer-logo {margin-bottom: 25px;}
.footer-content {font-size: 12px;}
.footer-title {font-size: 16px; font-weight: var(--fw-semibold); color: var(--bs-white); margin-bottom: 20px;}
.footer-links, .footer-content {font-size: 14px;}
.footer-links li {margin-bottom: 8px;}
.footer-links li:last-child {margin-bottom: 0;}
.footer-links a {color: var(--bs-white); text-decoration: none;}
.footer-links a:hover {color: #75beed; text-decoration: underline;}
.wf-about-footer {width: 100%;}
.community-footer-block {padding: 0 8px; width: 100%; margin-bottom: 25px;}
.relief-footer-block {padding: 0 8px; width: 100%; margin-bottom: 25px;}
.education-footer-block {padding: 0 8px; width: 100%; margin-bottom: 25px;}
.secretariat-footer-block {padding: 0 8px; width: 100%;}
.footer-common-links {padding: 0 12px;}
.wf-reg-logo img {width: auto; max-width: 100%;}
.wf-about-footer-wrap {padding: 0 12px; width: 100%; margin-bottom: 25px;}
.wf-links-footer {padding: 0 10px; width: 100%;}
.footer-common-links .footer-links a {font-size: 16px; font-weight: var(--fw-semibold);}
.wf-reg-logo {margin-top: 20px;}
.stay-updated-form .btn-wrap {margin-top: 15px;}
.stay-updated-form input::placeholder {text-transform: capitalize;}
.footer-links li a { position: relative; padding-left: 18px; color: var(--bs-white); text-decoration: none; display: inline-block;}
.footer-links li a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 0; border-bottom: 0; transform: translateY(-50%) rotate(45deg); transition: all 0.3s ease-in-out; color: #fff;}

/* About us page css */

/* How we make impact */
.make-an-impact {background: var(--light-gray);}
.uplifting-deeds-wrapper {background: var(--bs-white); box-shadow: 0px 7px 10px rgba(204, 204, 204, 0.12); border-radius: 20px; height: 100%; overflow: hidden;}
.uplifting-deeds-wrapper .card-body {padding: 30px;}
.uplifting-deeds-wrapper .card-body h3 {font-size: 22px; color: var(--dark-blue); font-weight: var(--fw-semibold); margin-bottom: 8px;}
.uplifting-deeds-wrapper .card-body p {color: var(--dark-blue); margin: 0;}
/* How we make impact */

/* Know more links */
.know-more-opts .full-history {background: #5695BD1A;}
.know-more-opts .find-more {background: #56BD811A;}
.know-more-wrapper {padding: 30px; border-radius:20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 100%;}
.know-more-wrapper h2 {font-size: 22px; color: var(--dark-blue); font-weight: var(--fw-semibold); margin-bottom: 10px; width: 100%;}
.know-more-wrapper .know-more-btn a {border-radius: 10px; font-size: 16px; font-weight: var(--fw-semibold); padding: 10px 20px; text-transform: capitalize; min-width: 180px;}
.know-more-wrapper .know-more-btn a:hover {background: var(--dark-blue); color: var(--bs-white);}
.know-more-wrapper .know-more-btn {margin-top: auto;}

/* About us page css */

.brand-logo {height: 35px; width: auto;}
.header-btn-wrap button {padding: 7px 20px;}
.mob-btns-wrap {margin-left: auto; margin-right: 16px;}
.navbar-toggler {border: 0; padding: 0; outline: 0 !important; box-shadow: none !important;}
.header-btn-wrap .mob-donate-btn {padding: 5px 10px; background: var(--dark-blue) !important;}
.mob-donate-btn img {width: 20px;}
.mobile-header-menu .nav-item {border-bottom: 1px solid #f7f7f7;}
.mobile-header-menu .nav-link {color: var(--bs-black); font-weight: var(--fw-semibold); position: relative; font-size: 18px; padding: 14px 40px; }
.mobile-header-menu .nav-link.active {color: var(--dark-blue);}
.mobile-header-menu .dropdown-menu {position: static !important; transform: none !important; padding: 0; max-height: 0; opacity: 0; 
overflow: hidden; transition: max-height 0.5s ease, opacity 0.2s ease; display: block; border: 0;}
.mobile-header-menu .dropdown-menu.show {opacity: 1; overflow: visible; max-height: 3000px;}
.mobile-header-menu .megamenu-inner-list a {color: var(--bs-black); font-weight: var(--fw-medium); font-size: 15px; 
padding: 14px 16px; display: block; text-decoration: none;}
.mobile-header-menu .megamenu-inner-list a.active {background: var(--alice-blue); color: var(--dark-blue);}
.mobile-header-menu .offcanvas-body {padding: 0; height: calc(100vh - 165px); height: calc(100dvh - 165px); flex-grow: initial;}
.header .dropdown-toggle::after {display: inline-block; border-right: 2px solid currentColor; border-top: 2px solid currentColor; 
width: 9px; height: 9px; transform: rotate(135deg); position: absolute; top: 38px; right: 24px; margin: 0; vertical-align: 0; border-bottom: 0; border-left: 0; transition: all 0.3s ease-in-out;}
.mobile-header-menu .dropdown-toggle::after {display: inline-block; border-right: 2px solid currentColor; border-top: 2px solid currentColor; 
width: 9px; height: 9px; transform: rotate(45deg); position: absolute; top: 23px; right: 48px; margin: 0; vertical-align: 0; border-bottom: 0; border-left: 0; transition: all 0.3s ease-in-out;}
.header .navbar-nav li:hover>a {color: var(--dark-blue);}
.mobile-header-menu .level-one-menu .dropdown-toggle::after {top: 16px;}
.mobile-header-menu li {position: relative;}
.mobile-header-menu li a:hover {color: var(--dark-blue) !important;}
.offcanvas-header {padding: 20px 35px 20px 32px;}
.offcanvas-header .btn-close {background-size: 20px; opacity: 1;}

.contact-sticky-box {cursor: pointer; padding: 8px 0; position: fixed; z-index: 9999; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--dark-blue); border-radius: 20px 0 0 20px; width: 64px; overflow: hidden; transition: width 0.3s ease;}
.contact-sticky-box:hover {width: 320px;}
.contact-sticky-item {display: flex ; align-items: center; justify-content: flex-end;  color: white; position: relative;}
.contact-sticky-item span {opacity: 0; font-size: 14px; color: #fff; white-space: nowrap; display: block; text-align: right; }
.contact-sticky-item a {color: #fff; font-size: 14px; text-decoration: none;}
.contact-sticky-item a:hover {text-decoration: underline;}
.contact-sticky-box:hover span {opacity: 1;}
.contact-sticky-item img {width: 22px; margin: 12px 20px;}
.back-to-top {position: fixed; bottom: 80px; right: 30px; cursor: pointer; opacity: 0; visibility: hidden; z-index: 999; width: 40px; height: 40px; transition: all 0.3s ease-in-out;}
.back-to-top.show {opacity: 1; visibility: visible;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.archive .header-wrap, .single-post .header-wrap {margin-bottom: 0;}
.breadcrumb-block {background: var(--alice-blue);}
.breadcrumb-block .breadcrumb {padding: 20px 0;}
.breadcrumb-block .breadcrumb-item, .breadcrumb-block .breadcrumb-item a {font-size: 14px; color: var(--bs-black); text-decoration: none;}
.breadcrumb-block .breadcrumb-item.active {color: var(--dark-blue); font-weight: var(--fw-semibold);}
.breadcrumb-block .breadcrumb-item + .breadcrumb-item::before {padding: 0; color: var(--bs-black); border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 6px; position: relative; top: 0; vertical-align: top; width: 6px; left: 0; transform: rotate(45deg); margin: 8px 8px 0 6px;}
.breadcrumb-block .breadcrumb-item + .breadcrumb-item {padding-left: 0;}
.breadcrumb-block .breadcrumb-item::before {font-weight: 400;}

.blog-listing {padding: 50px 0;}
.related-post-list .widget-title {font-size: 22px; color: var(--bs-black); font-weight: var(--fw-medium); margin: 0 0 20px;}
.related-post-list .post-thumb {width: 70px; height: 70px; border-radius: 15px; overflow: hidden;}
.related-post-list .post-thumb a {display: flex; width: 100%; height: 100%;}
.related-post-list .post-thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.related-post-list .post-info {width: calc(100% - 70px); padding-left: 20px;}
.related-post-list .post-title {font-size: 16px; font-weight: var(--fw-bold); text-decoration: none; color: var(--dark-blue); display: flex; margin-bottom: 5px; line-height: 1.3;}
.related-post-list .post-date {font-size: 13px; color: var(--bs-black);}
.related-post-list .post-date span {color: var(--secondary-color);}
.related-post-list .recent-post-item {margin-bottom: 20px;}
.related-post-list .recent-post-item:last-child {margin-bottom: 0;}
.recent-posts-list {list-style: none; padding: 0; margin: 0 -10px;}
.recent-posts-list .recent-post-item {padding: 0 10px; width: 100%;}
.featured-artical-detail {padding: 50px 0;}
.artical-top-header .entry-title {color: var(--dark-blue); margin: 0 0 10px;}

.artical-top-header {margin-bottom: 30px;}
.artical-main-image {margin-bottom: 35px;}
.artical-main-image .post-thumbnail {width: 100%; overflow: hidden; border-radius: 30px;}
.artical-main-image .post-thumbnail img {width: 100%;}

.artical-info-text .sub-title {color: var(--mild-blue); letter-spacing: 1px; line-height: 1.2;}
.artical-info-text h2 {font-size: 22px; color: var(--dark-blue); font-weight: var(--fw-bold); margin-bottom: 20px;}
.artical-dowload-file {width: 185px;}
.artical-info-text {width: calc(100% - 185px);}
.artical-info-box {display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.artical-text {font-size: 15px; color: var(--secondary-color);}
.artical-text p:last-child {margin-bottom: 0;}
.artical-dowload-file .btn {color: #ff3b30 !important; border: 1px solid rgba(255, 59, 48, 0.2) !important; background: rgba(255, 59, 48, 0.05) !important; padding: 8px 15px 8px 15px; font-size: 14px;}
.artical-dowload-file .btn::after {transition: all 0.3s ease-in-out; margin-left: 8px; background-image: url(../images/downarrow-red.webp); border: 0; background-size: 12px; width: 12px; height: 8px; background-repeat: no-repeat; background-position: center; vertical-align: 0;}
.artical-dowload-file .btn.show::after {transform: rotate(-180deg)}
.artical-dowload-file .dropdown-menu {box-shadow: 0 0 10px 0 rgba(0,0,0,.08); border: 0; width: 100%; margin-top: 5px !important; padding: 0; border-radius: 8px;}
.artical-dowload-file .dropdown-menu li {border-bottom: 1px solid #EBEBEB;}
.artical-dowload-file .dropdown-menu li:last-child {border-bottom: 0;}
.artical-dowload-file .dropdown-menu a {padding: 15px 20px; display: flex ; line-height: 1; width: 100%; justify-content: space-between; color: var(--bs-black); font-weight: var(--fw-medium); text-decoration: none;}
.artical-dowload-file .dropdown-menu a:hover {background: rgba(255, 59, 48, 0.2);}
.artical-dowload-file .dropdown-menu li:first-child a {border-radius: 8px 8px 0px 0px;}
.artical-dowload-file .dropdown-menu li:last-child a {border-radius: 0px 0px 8px 8px;}
.artical-dowload-file .dropdown-menu p {margin: 0;}
.tour-content-points h2 {font-size: 20px; font-weight: var(--fw-bold); color: var(--bs-black); margin: 0 0 25px;}
.tour-content-points li h3 {font-size: 16px; font-weight: var(--fw-medium); color: var(--bs-black); margin: 0 0 5px;}
.tour-content-points li {font-size: 14px; color: var(--secondary-color); position: relative; padding: 0px 0px 0px 20px; margin-bottom: 20px;}
.tour-content-points li::before {content: ""; position: absolute; left: 1px; width: 6px; height: 6px; border-radius: 50%; background: var(--bs-black); top: 6.5px;}
.tour-content-points li p:last-child {margin: 0;}
.tour-content-section {color: var(--secondary-color); font-size: 14px;}
.tour-content {margin-bottom: 40px;}
.tour-content p:last-child {margin: 0;}
.tour-image img {max-width: 100%; border-radius: 30px; max-height: 80vh; object-fit: contain; object-position: left;}
.tour-image {margin-bottom: 30px;}
.register-block-wrap {border-radius: 25px; overflow: hidden; padding: 35px 15px; position: relative;}
.register-block-wrap::before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; background: linear-gradient(to left, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.48) 31%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 1) 73%, rgba(0, 0, 0, 1) 100% ); width: 60%;}
.register-block {position: relative;}
.register-block h2 {color: var(--bs-white); font-size: 20px; font-weight: var(--fw-bold); margin: 0 0 15px;}
.register-contact {font-size: 15px; color: var(--bs-white); display: flex ; align-items: center; flex-wrap: wrap; margin: 0 0 25px;}
.register-contact p {margin: 0px 8px 0px 0px;}
.register-contact span {display: inline-flex; background: var(--mild-blue); color: var(--bs-white); padding: 10px; font-size: 16px; 
font-weight: var(--fw-bold); border-radius: 5px; line-height: 1;}
.register-contact a {display: inline-flex; color: var(--bs-white); text-decoration: none;}
.register-block-btns .btn {font-size: 16px; border: 1px solid var(--bs-white); color: var(--bs-white); background: transparent; padding: 8px 18px; width: 100%; margin-bottom: 10px; font-weight: var(--fw-semibold);}
.register-block-btns .btn:hover {background: var(--bs-white); color: var(--dark-blue); border: 1px solid var(--bs-white);}
.register-share-article .social-media {display: flex; flex-wrap: wrap; align-items: center;}
.register-share-article p {margin: 0 15px 0 0;}
.register-share-article {color: var(--bs-white);}
.register-share-article .social-media a {display: inline-flex;}
.register-share-article .social-media li {display: inline-flex;}
.team-banner-wrap {padding: 80px 25px; border-radius: 30px; position: relative; overflow: hidden;}
.team-banner-wrap::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--bs-black); opacity: 0.8;}
.team-banner-contant {position: relative; color: var(--bs-white); max-width: 800px; text-align: center; margin: 0 auto;}
.team-banner-contant h1 {font-size: 30px; color: var(--bs-white); font-weight: var(--fw-bold); margin: 0 0 15px;}
.team-banner-contant p {font-size: 16px; color: var(--bs-white); margin: 0;}
.team-category { background-color: var(--white); margin-top: 10px; position: sticky; top: 0; z-index: 100; }
.team-category .position-btn {text-transform: capitalize; background: transparent; border: 1px solid #ACACAC; border-radius: 6px; padding: 8px 20px 6px; font-size: 16px; font-weight: var(--fw-medium); cursor: pointer; color: #acacac; transition: all 0.3s ease; line-height: 1.3;}
.team-category .position-btn:hover, .team-category .position-btn.active { color: var(--bs-white); background: var(--dark-blue); border: 1px solid var(--dark-blue);}
.team-category-wrap {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.wf-face-team-wrap.section-padding { padding: 40px 0;}
.team-member {padding: 60px 0; background: var(--light-gray);}
.team-member.white-bg {background: var(--bs-white);}
.team-member.grey-bg {background: var(--light-gray);}
.term-badge {margin-top: 10px;}
.term-badge span {font-size: 15px; font-weight: 600; color: var(--bs-white); background: var(--mild-blue); display: inline-flex ; line-height: 1.4; padding: 7px 15px; letter-spacing: 0.4px; border-radius: 6px;}
.member-bio {font-size: 14px; color: var(--bs-black); margin-bottom: 20px;}
.accordion-button::after { display: none; }
.accordion-button.collapsed .toggle-icon::before { content: "+"; }
.accordion-button:not(.collapsed) .toggle-icon::before { content: "−"; }
.accordion-button {font-size: 18px; outline: none !important; box-shadow: none !important; color: var(--bs-black) !important; background: transparent !important; font-weight: var(--fw-medium); padding: 15px 30px 15px 0; position: relative;}
.accordion-button .toggle-icon {position: absolute; right: 0; font-size: 32px; line-height: 16px;}
.accordion-item {color: var(--bs-black) !important; background: transparent !important; border-color: #E0E0E0; }
.accordion-body {font-size: 14px; padding: 0 0 15px; color: var(--secondary-color);}
.member-image-wrapper {width: 100%; margin-bottom: 25px;}
.member-image {border-radius: 30px; overflow: hidden;}
.member-content {width: 100%;}
.member-content .common-title-block {margin-bottom: 20px;}
.info-box h6 span {display: inline-flex; line-height: 1; margin-left: 5px;}
.single-post .post-info {font-size: 14px; color: var(--bs-black);}
.single-post .post-info span {color: var(--secondary-color); text-decoration: none;}
.single-post .related-post-list, .archive  .related-post-list {position: sticky; top: 30px;}
.tour-content .common-video-box iframe {width: 100% !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100% !important;}
.about-us-banner .inner-banner-box-content {padding: 35px; position: relative; z-index: 2; color: var(--bs-white);}
.about-us-banner .banner-title {font-size: 38px; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.about-us-banner .banner-txt {font-size: 14px; font-weight: var(--fw-semibold);}
.about-us-banner .inner-banner-box {position: relative; border-radius: 30px; overflow: hidden;}
.who-we-content .common-title-block h2 {margin-bottom: 10px;}
.who-we-content .common-title-block h3 {color: var(--mild-blue); margin-bottom: 20px; line-height: 1.3;}
.register-badge span {background: rgba(86,149,189,0.12); color: var(--dark-blue); font-weight: var(--fw-semibold); font-size: 16px; padding: 6px 15px; border-radius: 8px; display: inline-flex ; }
.who-we-content .common-title-block {margin-bottom: 25px;}
.who-we-are-sec .about-info {max-width: 100%; font-size: 14px; color: var(--bs-black);}
.who-we-content .about-info {margin-bottom: 25px;}
.who-we-img img {max-width: 100%; width: 100%;}
.recognised-by h4 {font-size: 22px; color: var(--dark-blue); margin-bottom: 15px; font-weight: var(--fw-bold);}
.recognised-by img {max-width: 300px; width: 100%;}
.who-weimg-sec {margin-bottom: 25px;}
.our-branch .common-title-block {margin-bottom: 30px;}
.branch-details-wrapper {padding: 30px; background: var(--bs-white); box-shadow: 0px 7px 10px 0px rgba(204,204,204,.12); border-radius: 20px; height: 100%;}
.our-branch {background: var(--light-gray); padding: 50px 0;}
.branch-details-wrapper h3 {font-size: 20px; font-weight: var(--fw-semibold); color: var(--dark-blue); margin: 0 0 8px;}
.branch-details-wrapper p {margin: 0; color: var(--dark-blue);}
.g-20 {--bs-gutter-y: 20px; --bs-gutter-x: 20px;}
.countries-presence {margin-bottom: 35px;}
.mission-points ul {margin: 0; list-style: none; padding: 0; color: var(--bs-black);}
.mission-points li {position: relative; padding-left: 20px; margin-bottom: 12px;}
.mission-points li:last-child {margin: 0;}
.mission-points li::before { content: ""; width: 4px; height: 4px; background: var(--bs-black); position: absolute; border-radius: 50%; display: inline-flex ; left: 0; top: 10px; }
.our-mission-sec .common-title-block {margin-bottom: 30px;}
.our-missionimg {margin-bottom: 25px;}
.know-more-opts.section-padding {padding: 30px 0;}
.federation-banner-wrap {position: relative; border-radius: 30px; overflow: hidden;}
.federation-banner-wrap::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--bs-black); opacity: 0.8;}
.federation-banner-contant {position: relative; color: var(--bs-white); text-align: center;} 
.logo-box {padding: 11px 15px; background: var(--bs-white); border-radius: 20px; min-width: 125px; height: 100%; min-height: 86px; display: flex ; align-items: center; justify-content: center;}
.logo-box img {max-height: 64px;}
.federation-top {margin-bottom: 40px;}
.federation-top .banner-title {margin-bottom: 15px;}
.federation-top p {max-width: 580px; margin: 0 auto;}
.federation-banner-wrap {padding: 60px 25px;}
.filter-bar-block .filter-btn {text-transform: capitalize; background: transparent; border: 1px solid #ACACAC; border-radius: 6px; padding: 8px 16px 7px; font-size: 16px; font-weight: var(--fw-medium); cursor: pointer; color: #acacac; transition: all 0.3s ease; line-height: 1.2;}
.filter-bar-block .filter-btn:hover,  .filter-bar-block .filter-btn.active {color: var(--bs-white); background: var(--dark-blue); border: 1px solid var(--dark-blue);}
.filter-bar {display: flex ; flex-wrap: wrap; gap: 20px; justify-content: center;}
.location-group-box {height: 100%; cursor: pointer; border-radius: 25px; background: var(--bs-white); box-shadow: 0px 3px 12px 0px rgba(59,59,59,.07); padding: 24px;}
.location-group {row-gap: 30px;}
.location-title {font-size: 12px; text-transform: uppercase; color: var(--mild-blue); font-weight: var(--fw-semibold); display: inline-block; letter-spacing: 1.2px; margin-bottom: 5px;}
.location-name {font-size: 15px; font-weight: var(--fw-bold); color: var(--bs-black);}
.location-title-block {display: flex; flex-direction: column; margin-bottom: 30px;}
.community-sec .global-impact-wrapper {position: relative; z-index: 1;}
.community-sec .global-impact-wrapper::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--bs-black); opacity: 0.7; z-index: -1;}
.faqs-accordion {padding: 8px 23px; background: var(--light-gray); border-radius: 30px; overflow: hidden;}
.donate-sec-wrap {position: relative; z-index: 1; border-radius: 30px; overflow: hidden; padding: 35px 15px;}
.donate-sec-wrap::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 26%, rgba(0, 0, 0, 0) 60%); z-index: -1;}
.donate-box {color: var(--bs-white); display: flex; flex-direction: column; row-gap: 20px;}
.donate-box h2 {margin: 0;}
.donate-box .donate-amount {color: var(--mild-blue);}
.donate-box .donate-amount span {color: var(--bs-white); font-size: 14px;}
.donate-box-btn .btn {font-weight: var(--fw-semibold); border: 1px solid var(--mild-blue); color: var(--bs-white); font-size: 16px; padding: 8px 18px;}
.donate-box-btn .btn:hover {background: var(--bs-white); color: var(--mild-blue); border-color: var(--bs-white);}
.red-pin { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff0000"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>'); background-size: cover; width: 32px; height: 32px; cursor: pointer; }
#map { height: 400px; border-radius: 30px; overflow: hidden;}
.filter-bar-block {margin-bottom: 30px;}
.location-address {font-size: 13px;}
.pagination {display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px;}
.pagination .page-btn {width: 33px; height: 33px; line-height: 1; font-weight: var(--fw-semibold); display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  padding: 2px; border: 1px solid #F1F1F1; border-radius: 8px; background: transparent; font-size: 13px;}
.pagination .page-btn.active {border: 1px solid var(--dark-blue); background: var(--dark-blue); color: var(--bs-white);}
.pagination .page-btn span {color: var(--bs-black); border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 6px; position: relative; top: 0; vertical-align: top; width: 6px; left: 0; transform: rotate(45deg);}
.pagination .page-btn.prev span {transform: rotate(225deg); left: 2px; top: 1px;}
.pagination .page-btn.disabled {border: 1px solid #BCBCBC; color: #BCBCBC}
.pagination .page-btn.disabled span {color: #BCBCBC}
.common-links {background: var(--light-gray);}
.common-link-box { padding: 30px; background: var(--bs-white); box-shadow: 0px 7px 10px 0px rgba(204, 204, 204, .12); border-radius: 20px; height: 100%; align-items: center; font-size: 16px; color: var(--dark-blue); text-decoration: none; font-weight: var(--fw-semibold);}
.link-icon {margin-right: 15px;}
.link-icon img {width: 20px;}
.link-name {font-size: 16px; margin-right: 15px; line-height: 1.35; word-break: break-word !important;}
.download-icon {margin-left: auto;}
.download-icon img {width: 20px;}
.common-content-title {font-size: 24px; font-weight: var(--fw-bold); color: var(--dark-blue); margin: 0 0 15px;}
.common-content-subtitle {font-size: 20px; font-weight: var(--fw-semibold); color: var(--dark-blue); margin: 0 0 10px;}
.common-content-block , .common-title-content-block {margin-bottom: 40px;}
.common-content-block p:last-child , .common-title-content-block p:last-child {margin-bottom: 0;}
.common-content-block li , .common-title-content-block li {margin-bottom: 15px; text-align: left;}
.common-content-block li:last-child , .common-title-content-block li:last-child {margin-bottom: 0px;}
.privacy-content-sec {background: var(--light-gray);}
.contact-icon {width: 34px; height: 34px; border-radius: 50%; background: var(--dark-blue); display: flex; align-items: center; justify-content: center; padding: 8px; margin: 0 15px 0 0;}
.contact-item {display: flex;}
.contact-details {align-items: flex-start; margin-bottom: 30px;}
.contact-item:last-child {margin-bottom: 0;}
.contact-us-form {padding: 30px; background: #cad3dd; border-radius: 30px;}
.contact-us-form .btn:hover {background: #0F3256; border-color: #0F3256; color: var(--bs-white);}
.wpcf7-not-valid-tip {font-size: 14px; margin: 2px 0 0; color:#ff0000;}
.screen-reader-response {display: none;}
form[data-status="invalid"] .wpcf7-response-output {font-size: 14px; color: #842029; background-color: #f8d7da; border: none !important; padding: 10px; border-radius: 8px; margin-top: 15px;}
form[data-status="sent"] .wpcf7-response-output {font-size: 14px; color: #0f5132; background-color: #d1e7dd; border: none !important; padding: 10px; border-radius: 8px; margin-top: 15px;}
.stay-updated-box .mc4wp-alert.mc4wp-error,
.stay-updated-form .mc4wp-alert.mc4wp-error {font-size: 14px; color: #842029; background-color: #f8d7da; border: none !important; padding: 4px 14px; border-radius: 8px; margin-top: 15px;}
.stay-updated-box .mc4wp-alert.mc4wp-success,
.stay-updated-form .mc4wp-alert.mc4wp-success {font-size: 14px; color: #0f5132; background-color: #d1e7dd; border: none !important; padding: 4px 14px; border-radius: 8px; margin-top: 15px;}
.contact-us-form form p {margin: 0;}
.contact-text, .contact-text a {font-size: 14px; color: var(--charcoal-gray); text-decoration: none;}
.contact-text {width: calc(100% - 49px);}
.contact-text a:hover {color: var(--bs-black);}
.map-wrap iframe {width: 100%; height: 400px; border-radius: 20px;}
.contact-us-form {margin-bottom: 30px;}
.contact-us-form h2 {color: var(--dark-blue); margin: 0 0 20px;}
.contact-content-block h2 {color: var(--dark-blue); margin: 0 0 20px;}
#map-placeholder {display: flex; align-items: center; justify-content: center;}
.contact-sec .common-title-block {margin-bottom: 30px;}
.contact-sec .common-title-block h2 {margin-bottom: 15px;}
.contact-text br {display: none;}
.contact-icon img {width: 100%;}
.light-gray-bg {background: var(--light-gray);}
.page-template-constitution .common-content-block:last-child, .page-template-constitution .common-title-content-block:last-child {margin-bottom: 0;}
.page-template-constitution .section-padding.common-content:first-child {background: var(--light-gray);}
.constitution-box-wrap {padding: 30px; background: var(--bs-white); box-shadow: 0px 7px 10px 0px rgba(204, 204, 204, .12); border-radius: 20px; height: 100%;}

.listing-block li {list-style: disc:}
.listing-block li.has-number {display: flex;}
.listing-block li.has-number .point-number {display: flex; width: 55px; font-weight: var(--fw-semibold);}
.listing-block li.has-number .point-content {width: calc(100% - 55px);}
.page-template-constitution .common-content .common-title-block.text-start {margin-bottom: 15px;}
.checkbox-input input {margin-right: 10px;}
.tour-content-img img {max-width: 100%; border-radius: 30px; max-height: 80vh; object-fit: contain; object-position: left;}
.election-block-wrap img {border-radius: 25px;}
.common-title-block.text-start h2 { margin-bottom: 8px; }
.constitution-box-wrap .common-title-block { margin-bottom: 20px; }
.post-common-links { padding: 30px; border-radius: 25px; margin-bottom: 30px; }
body.blog .header-wrap {margin-bottom: 0;}
.mutiple-image-block {margin: 30px 0;}
.mutiple-image-block .tour-image img {max-height: initial; width: 100%;}

.app-block {padding: 30px; background: var(--bs-white); box-shadow: 0px 7px 10px 0px rgba(204, 204, 204, .12); border-radius: 20px; height: 100%;}
.app-sec {background: var(--light-gray);}
.app-block h2 {color: var(--dark-blue); text-align: center; margin: 0 0 20px;}
.app-block-img {height: 320px; text-align: center; margin-bottom: 20px;}
.app-block-img img {width: auto; height: 100%; object-fit: contain; object-position: center;}
.app-download {display: inline-flex; width: 100%; margin: 15px 0;}
.app-download:last-child {margin-bottom: 0;}
.app-download img {max-width: 100%; width: 100%;}
.app-download a {width: 100%;}

.checkbox-reg input {margin-right:5px;}

/* header menu css */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none;}

input[type="search"] { -webkit-appearance: none !important; appearance: none !important;}

.mobile-header-menu .megamenu-inner-list li a {position: relative; padding: 8px 66px 8px 70px; color: var(--dark-blue);}
.mobile-header-menu .megamenu-inner-list li a::before {content: "";display: inline-block; border-right: 1px solid currentColor; border-top: 1px solid currentColor; 
width: 7px; height: 7px; transform: rotate(45deg); position: absolute; top: 14.5px; left: 53px; margin: 0; vertical-align: 0; border-bottom: 0; border-left: 0; transition: all 0.3s ease-in-out;}
.navbar-collapse .megamenu-inner-list li a {position: relative; padding-left: 20px; display: inline-block;}
.navbar-collapse .megamenu-inner-list li a::before {content: "";display: inline-block; border-right: 2px solid currentColor; border-top: 2px solid currentColor; 
width: 9px; height: 9px; transform: rotate(45deg); position: absolute; top: 5px; left: 0px; margin: 0; vertical-align: 0; border-bottom: 0; border-left: 0; transition: all 0.3s ease-in-out;}

.mega-link-menu .col-md-auto {width: 20%; flex: 0 0 20%;}
.mega-link-menu .col-md-auto:last-child { width: 40%; flex: 0 0 40%;}
.mega-link-menu .col-md-auto:last-child img { width: 100%; height: auto; object-fit: cover; display: block;}
.mega-link-menu .megamenu-top-content {max-width: 100%; margin-bottom: 20px;}
.mega-link-menu .megamenu-inner-list li {margin-bottom: 10px;}
.mega-link-menu .megamenu-inner-list  a {text-transform: initial;}
.mega-link-menu .megamenu-inner-list {margin-bottom: 0; gap: 30px 0;}
.mobile-header-menu .menu_type-link .level-one-menu>a::before {display: none;}
.mobile-header-menu .menu_type-link .level-one-menu .mega-dropdown-menu a {padding: 6px 66px 6px 90px; color: #1d1d1d; font-size: 14px;}
.mobile-header-menu .menu_type-link .level-one-menu .mega-dropdown-menu a::before {left: 76px; top: 12.5px; width: 6px; height: 6px;}
.counter-faqs-section {display: flex; flex-wrap: wrap; align-items: center; justify-content: start;}
.counter-faqs-section .section-padding.faqs-sec {padding-top: 0px;}

.mobile-contact-block {padding: 50px 0 0; position: absolute; left: 0; right: 0; width: 100%; bottom: 0;}
.mobile-contact-block ul {margin: 0; display: flex; background: #3e3e3e;}
.mobile-contact-block li { padding: 15px; width: 20%; text-align: center; border-right: 1px solid #2b2b2b;}
.mobile-contact-block li:last-child {border: 0;}
.mobile-contact-block a { color: #000000; text-decoration: none; font-size: 0px; font-weight: 500; }
.mobile-contact-block li:last-child img, .mobile-contact-block li:nth-last-child(2) img {filter: initial}

.post-about-info {display: flex ; align-items: center; justify-content: space-between; margin-bottom: 15px;} 
.post-about-info .post-categories a {padding: 5px 10px; border-radius: 25px; font-weight: 500; background: #e6f2ff !important; color: #00468e !important; border: 1px solid #c0dfff !important;}

.home-about-btn a {text-transform: none;}
.footer-logo img {width: 100%; max-width: 200px;}

/* Site Map css */
.sitemap-title-block {display: flex ; flex-direction: column;}
.sitemap-page-title {font-size: 12px; text-transform: uppercase; color: var(--mild-blue); font-weight: var(--fw-semibold); display: inline-block; letter-spacing: 1.2px; margin-bottom: 5px;}
.sitemap-page-link a {font-size: 13px; color: var(--charcoal-gray)
#36454F;}

/* Useful Link page */
.page-link-detail {height: 100%; cursor: pointer; border-radius: 25px; background: var(--bs-white); box-shadow: 0px 3px 12px 0px rgba(59, 59, 59, .07); padding: 24px;}
.page-link-block {display: flex ; flex-direction: column;}
.page-link-title {font-size: 12px; text-transform: uppercase; color: var(--mild-blue); font-weight: var(--fw-semibold); display: inline-block; letter-spacing: 1.2px; margin-bottom: 5px;}
.useful-page-link a {font-size: 13px; color: var(--charcoal-gray)
#36454F;}
.page-link-card {margin-bottom: 25px;}

/* bottom footer */
.bottom_footer {background-color: #0f4175; margin-top: 30px; padding: 25px 0;}
.bottom_footer .btm-ftr-text {margin-bottom: 0; font-size: 12px; color: #fff;}
.bottom_footer a.btm-ftr-links {color: #fff; font-size: 12px; margin-right: 10px; text-decoration: none;}
.bottom_footer a.btm-ftr-links:hover {color: #75beed; text-decoration: underline;}
.ftr-btn-links { display: flex ; align-items: center; justify-content: flex-end; }
.useful-page-link {word-break: break-all;}
.btm-ftr-text-wrap { display: flex !important; align-items: center !important;}
.btm-ftr-text-wrap p { margin : 0 !important}
.bottom_footer .btm-ftr-text { display: inline-block !important; width: auto !important; margin: 0 !important; white-space: nowrap; flex: 0 0 auto;}

/* blog page custom dropdown css */
.custom-dropdown{ appearance: none;  -webkit-appearance: none; -moz-appearance: none; background-color: transparent !important; border: 1px solid #b3b0b0; box-shadow: none !important;}
.form-select:focus{ box-shadow: none !important; outline : 0; border: 1px solid #b3b0b0;}

.home-banner .banner-title { margin-bottom : 0px;}
.home-banner .banner-donate-price { margin-top : 25px;}

.leaflet-bottom .leaflet-right { display: none !important;}
.watch-video a { color: #fff; text-decoration: none;}
.vision_sec { padding: 30px 0 120px !important;}
.strategic-vision-img { max-width: 80%; margin: auto !important;}
.our-president { padding: 120px 0 65px !important;}
.white-space-nowrap { white-space: nowrap;}

.common-content { text-align: center;}
.common-buttons-wrap { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; flex-direction: column;}
.contact-item .social-contact-icons { display :flex; align-items: center; justify-content: center; }
.contact-item .social-contact-icons a { text-decoration: none; width: 40px; height: 40px; border-radius: 50%; background: var(--dark-blue); display: flex; align-items: center; justify-content: center; padding: 8px; margin: 0 15px 0 0; }

.executive-meetings-btns {display: flex; flex-direction: column; margin: 0 auto; gap:20px; flex-wrap: wrap; justify-content: center; align-items: center;}

.common-content img.img-fluid.wp-image-3469,
.common-content img.img-fluid.wp-image-3470 {width: 100%; height: auto; max-width: 900px; display: block; margin: 0 auto;}
.footer-common-links .footer-links { display: flex; flex-direction :column; flex-wrap: wrap;}

/* .blog-search-result .page {
    display: none;
} */
.no-results .page-title {font-weight: 600; color: var(--dark-blue);}
.no-results .page-content .search-form {display: none;}
.search-no-results .header-wrap {margin-bottom: 0;}
.footer-common-links .footer-links li { margin-right: 10px;}
.about-us-pg-img {border-radius: 30px; margin-bottom: 15px;}
.contact-content-block .social-contact-options { margin: 30px auto 0; }
.capital-projects-content p {padding: 0 10px;}
.work-img-wrap .work-img-content h3 { margin: 20px 0px 15px 0px !important; font-size: 20px; color: var(--dark-blue); font-weight: var(--fw-bold); text-align: center;}
.work-img-wrap .work-img-content p { font-size: 14px; color: var(--bs-black); text-align: center;}
.work-img-wrap .work-img-content h4 { font-size: 15px; color: var(--dark-blue); font-weight: var(--fw-bold); text-align: center;}
.social-media li:not(:last-child) { margin-bottom: 15px;}

.error404 .header-wrap {margin-bottom: 0;}
.error404 .page-title {color: var(--dark-blue) !important;}
.error-img img {max-width: 120px;}
.error-img {text-align: center; margin-bottom: 20px;}
.search-results .header-wrap {margin-bottom: 0;}


@media (min-width: 768px) {
  .header-wrap {margin-bottom: 45px;}
  .banner-title {font-size: 32px;}
  .home-banner .banner-title {font-size: 25px !important;}
  .banner-donate-price h2 {font-size: 30px;}
  .section-padding {padding: 60px 0;}
  .font-one {font-size: 36px;}
  .font-three {font-size: 22px;}
  .footer {padding: 40px 0 0;}
  .wf-about-footer-wrap {width: 30%; margin-bottom: 0;}
  .wf-links-footer {width: 70%; margin-bottom: 0;}
  .community-footer-block {width: 50%;}
  .relief-footer-block {width: 50%;}
  .education-footer-block {width: 50%;}
  .secretariat-footer-block {width: 50%; margin-bottom: 0;}
  .footer-common-links {padding-top: 38px; margin-bottom: 0;}
  .stay-updated-box {max-width: 400px; margin: 0 4.5% 0 auto;}
  


.recent-posts-list .recent-post-item {width: 50%;}
.register-block-wrap {padding: 35px;}
.register-block h2 {font-size: 22px;}
.register-block-btns .btn {width: initial; margin: 0px 20px 10px 0px;}
.register-block-btns .btn:last-child {margin-right: 0;}
.team-banner-wrap {padding: 120px 25px;}
.wf-face-team-wrap.section-padding { padding: 50px 0;}
.team-member {padding: 70px 0;}
.col-80-margin {margin: 0 -20px;}
.col-80-padding {padding: 0 20px;}
.accordion-button {padding: 15px 40px 15px 0;}
.accordion-body {padding: 0 0 15px;}
.member-image-wrapper {width: 45%; margin-bottom: 0;}
.member-content {width: 55%;}
.member-content .common-title-block {margin-bottom: 30px;}
.about-us-banner .banner-title {font-size: 42px;}
.about-us-banner .inner-banner-box-content {padding: 70px 35px;}
.countries-presence {margin-bottom: 45px;}
.our-branch {padding: 60px 0 30px;}
.federation-banner-wrap {padding: 54px 25px;}
.donate-sec-wrap {padding: 35px;}
.contact-us-form {padding: 40px;}
.contact-item {width: 50%;}
.app-download {width: 50%;}
.home-banner .banner-box { background-position: center; display: flex ; flex-direction: column; justify-content: center;}
}

@media (min-width: 992px) {
  .header-wrap {margin-bottom: 55px;}
  .header-image-wrapper {height: 100%;}
  .banner-box-content {padding: 45px;}
  .banner-title {font-size: 34px;}
  .home-banner .banner-title {font-size: 32px !important;}
  .banner-donate-price h2 {font-size: 34px;}
  .banner-donate-price {margin-bottom: 30px;}
  .section-padding {padding: 80px 0;}
  .font-one {font-size: 40px;}
  .font-three {font-size: 26px;}

  .col-70-margin {margin-left: -20px; margin-right: -20px;}
  .col-70-padding {padding-left: 20px; padding-right: 20px;}
  .stay-updated-wrap {padding: 65px 15px; background-position: right 65% center;}
  .stay-updated-form {display: flex; flex-wrap: wrap;}
  .filed-wrap {width: calc(100% - 140px); padding-right: 15px}
  .stay-updated-form .btn-wrap {width: 140px; margin-top: 0;}
  .wf-about-footer-wrap {width: 32%;}
  .wf-links-footer {width: 68%;}
  .community-footer-block {width: 33.33%; order: 2; margin-bottom: 25px;}
  .relief-footer-block {width: 33.33%; order: 1; margin-bottom: 25px;}
  .education-footer-block {width: 33.33%; order: 2; margin-bottom: 0;}
  .secretariat-footer-block {width: 33.33%; order: 4; margin-bottom: 25px;}
  .footer-common-links {order: 5; padding-top: 38px;}
  .stay-updated-box {max-width: 500px; margin: 0 4% 0 auto;}
  
.navbar-expand-lg .navbar-nav {margin-left: 15px;}

.related-post-list .post-thumb {width: 80px; height: 80px;}
.related-post-list .post-info {width: calc(100% - 80px);}
.recent-posts-list .recent-post-item {width: 100%;}
.artical-info-text h2 {font-size: 24px; margin-bottom: 25px;}
.artical-text {max-width: 96%;}
.featured-articales.section-padding {padding: 80px 0;}
.register-block-wrap {padding: 45px;}
.register-block h2 {font-size: 24px; margin: 0 0 20px;}
.register-contact {font-size: 17px; margin-bottom: 15px;}
.register-contact span {font-size: 18px;}
.team-banner-wrap {padding: 150px 25px;}
.team-banner-contant h1 {font-size: 35px;}
.wf-face-team-wrap.section-padding { padding: 60px 0;}
.team-member {padding: 80px 0;}
.accordion-button {padding: 20px 40px 20px 0;}
.accordion-body {padding: 0 0 20px;}
.member-image-wrapper {width: 39%;}
.member-content {width: 61%;}
.about-us-banner .inner-banner-box-content {padding: 100px 45px;}
.about-us-banner .banner-title {font-size: 48px;}
.who-weimg-sec {margin-bottom: 0px;}
.countries-presence {margin-bottom: 55px;}
.our-missionimg {margin-bottom: 0px;}
.federation-banner-wrap {padding: 82px 25px;}
.community-sec .global-impact-wrapper {padding: 105px 0;}
.faqs-accordion {padding: 8px 28px;}
.donate-sec-wrap {padding: 45px;}
.filter-bar-block {margin-bottom: 40px;}
.pagination {margin-top: 40px;}
.contact-us-form {margin-bottom: 0px;}
.app-block-img {height: 350px;}
}

@media (min-width: 1024px) {
  .section-padding {padding: 100px 0;}
  .col-70-margin {margin-left: -25px; margin-right: -25px;}
  .col-70-padding {padding-left: 25px; padding-right: 25px;}
  .stay-updated-wrap {padding: 75px 15px;}
  .footer {padding: 40px 0 0;}
  .wf-reg-logo {margin-top: 20px;}
  .wf-about-footer-wrap {width: 30%;}
  .wf-links-footer {width: 70%;}
.col-50-margin {margin-left: -20px; margin-right: -20px;}
.col-50-padding {padding-left: 20px; padding-right: 20px;}
    .artical-info-box {margin-bottom: 50px;}
.tour-content {margin-bottom: 50px;}
.single-post .featured-articales.section-padding {padding: 100px 0;}
.register-share-article p {margin: 0 20px 0 0;}
.wf-face-team-wrap.section-padding { padding: 80px 0;}
.col-80-margin {margin: 0 -30px;}
.col-80-padding {padding: 0 30px;}
.term-badge {margin-top: 15px;}
.about-us-banner .inner-banner-box-content {padding: 100px 60px;}
.donate-sec-wrap {padding: 55px;}
.section-padding.constitution-block {padding: 100px 0;}

}

@media (min-width: 1200px) {
  .container-fluid {padding: 0px 30px;}
  .brand-logo {height: 45px;}
  .brand {margin-right: 18px;}
  .header .navbar-nav .nav-link {padding: 30px 15px;}
.header .navbar-nav .nav-link.dropdown-toggle {padding: 30px 30px 30px 15px;}
.header .dropdown-toggle::after {top: 34px; right: 14px;}
.header .nav-item.dropdown:hover .dropdown-toggle::after {top: 38px; transform: rotate(-45deg);}
  .wf-about-footer-wrap {width: 18%;}
  .wf-links-footer {width: 82%;}
  .community-footer-block {width: 22%; order: 2; margin-bottom: 0;}
  .relief-footer-block {width: 24%; order: 1; margin-bottom: 0;}
  .education-footer-block {width:19%; order: 3;}
  .secretariat-footer-block {width: 20%; order: 4; margin-bottom: 0;}
.footer-common-links {width: 15%;} 
  .stay-updated-box {margin: 0 10% 0 auto;}
.header-btn-wrap button {padding: 10px 20px;}
.search-input-wrapper input { padding: 11.5px 46px 11.5px 42px;}
.mob-btns-wrap {display: none;}
.seach-icon-main {width: 46px; height: 46px;}
.mobile-header-menu {display: none;}
.header .nav-item.dropdown:hover .dropdown-menu { display: block; animation: dropdownFade 0.3s ease forwards; }
  .megamenu-row {margin: 0 -20px;}
  .megamenu-col-details {width: 55%; padding: 0 20px;}
  .megamenu-col-images {width: 45%; padding: 0 20px;}
.megamenu-top-content {
        max-width: 500px;
        margin-bottom: 30px;
    }
.megamenu-top-content h5 {font-size: 20px;
        font-weight: var(--fw-bold);
        margin: 0 0 10px;}
.megamenu-inner-list .link-menu-title h5 {font-weight: var(--fw-bold);}
.megamenu-top-content p {font-size: 14px;}
.megamenu-inner-list {margin-bottom: 30px;}
.megamenu-inner-list li {margin-bottom: 10px;}
.megamenu-inner-list a {font-size: 14px; color: var(--dark-blue);
        text-decoration: none;
        font-weight: var(--fw-semibold);
        text-transform: uppercase;}

.related-post-list .post-thumb {width: 100px; height: 100px;}
.related-post-list .post-info {width: calc(100% - 100px);}
.related-post-list .recent-post-item {margin-bottom: 30px;}
.related-post-list .widget-title {margin-bottom: 30px;}
.artical-top-header {margin-bottom: 40px;}
.artical-main-image {margin-bottom: 45px;}
.artical-info-text h2 {font-size: 26px;}
/* .artical-info-box {margin-bottom: 60px;} */
.tour-content-points h2 {margin: 0 0 30px;}
.tour-content-points li {margin-bottom: 25px;}
.tour-content {margin-bottom: 60px;}
.tour-image {margin-bottom: 40px;}
.register-block-wrap {padding: 55px;}
.register-block h2 {font-size: 26px;}
.register-block-btns .btn {padding: 12px 20px;}
.team-banner-wrap {padding: 180px 25px;}
.team-banner-contant h1 {font-size: 45px;}

.wf-face-team-wrap.section-padding { padding: 90px 0;}
.team-member {padding: 90px 0;}
.col-80-margin {margin: 0 -40px;}
.col-80-padding {padding: 0 40px;}
.accordion-button {padding: 28px 50px 28px 0;}
.accordion-body {padding: 0 0 30px;}
.member-content .common-title-block {margin-bottom: 40px;}
.about-us-banner .inner-banner-box-content {padding: 140px 80px;}
.about-us-banner .banner-title {font-size: 55px;}
.about-us-banner .banner-txt {font-size: 16px;}
.who-we-content .common-title-block {margin-bottom: 35px;}
.who-we-content .about-info {margin-bottom: 35px;}
.who-we-are-sec .about-info {font-size: 16px;}
.recognised-by h4 {font-size: 24px; margin-bottom: 25px;}
.our-branch {padding: 70px 0 35px;}
.branch-details-wrapper h3 {font-size: 22px;}
.uplifting-deeds-wrapper .card-body h3 {font-size: 24px;}
.uplifting-deeds-wrapper .card-body {padding: 30px 20px 30px 30px;}
.know-more-wrapper {flex-wrap: nowrap;}
.know-more-wrapper h2 {font-size: 24px; width: calc(100% - 190px); padding-right: 10px; margin-bottom: 0;}
.know-more-wrapper .know-more-btn a {padding: 12px 20px;}
.know-more-wrapper .know-more-btn {margin-top: initial;}
.federation-banner-wrap {padding: 118px 25px;}
.faqs-accordion {max-width: 100%; margin: 0 auto; padding: 8px 36px;}
.donate-box-btn .btn {padding: 12px 20px;}
.donate-box {row-gap: 30px;}
.filter-bar-block {margin-bottom: 60px;}
.pagination {margin-top: 50px;}
#map {height: 680px;}
.contact-us-form {padding: 50px;}
.header .menu-item {position: relative;}
.header .menu > .menu-item:hover .sub-menu {opacity: 1; visibility: visible;}
.header .sub-menu {transition: all 0.3s ease-in-out; position: absolute; background: var(--bs-white); z-index: 1000; opacity: 0; visibility: hidden; top: 100%; left: 50%; transform: translateX(-50%); min-width: 240px; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 20px 0px #7070701F; background-color: var(--bs-white);}
.header .sub-menu-inner {transition: all 0.3s ease-in-out; position: absolute; background: var(--bs-white); z-index: 1000; opacity: 0; visibility: hidden; top: 0%; left: 100%; min-width: 240px; border-radius: 10px; box-shadow: 0px 0px 20px 0px #7070701F; background-color: var(--bs-white);}
.header .sub-menu > .menu-item:hover .sub-menu-inner {opacity: 1; visibility: visible;}
.header .sub-menu-child {transition: all 0.3s ease-in-out; position: absolute; background: var(--bs-white); z-index: 1000; opacity: 0; visibility: hidden; top: 0%; left: 100%; min-width: 240px; border-radius: 10px; box-shadow: 0px 0px 20px 0px #7070701F; background-color: var(--bs-white);}
.header .sub-menu-inner > .menu-item:hover .sub-menu-child {opacity: 1; visibility: visible;}
.header .navbar-nav .sub-menu .nav-link.dropdown-toggle {padding: 10px 35px 10px 15px;}
.header .navbar-nav .sub-menu .nav-link {padding: 10px 15px;}
.header .navbar-nav .sub-menu .dropdown-toggle::after {top: 17px; right: 17px; transform: rotate(45deg);}
.listing-block li.has-number .point-number {width: 80px;}
.listing-block li.has-number .point-content {width: calc(100% - 80px);}
.post-common-links { padding: 40px; margin-bottom: 40px; }
}

@media (min-width: 1300px) {
.container-fluid {padding: 0px 40px;}
.header-btn-wrap button {padding: 10px 33px;}
.navbar-expand-lg .navbar-nav {margin-left: 0;}
.header .navbar-nav .nav-link {padding: 30px 18px;}
.header .navbar-nav .nav-link.dropdown-toggle {padding: 30px 36px 30px 18px;}
.header .dropdown-toggle::after {top: 34px; right: 18px;}
.header .nav-item.dropdown:hover .dropdown-toggle::after {top: 38px;}
}

@media (min-width: 1600px) {
.container {max-width: 1480px;}
    .col-70-margin {margin-left: -35px; margin-right: -35px;}
    .col-70-padding {padding-left: 35px; padding-right: 35px;}
.col-50-margin {margin-left: -25px; margin-right: -25px;}
.col-50-padding {padding-left: 25px; padding-right: 25px;}
    body {font-size: 16px;}
    .container-fluid {padding: 0 100px;}
    .header-wrap {margin-bottom: 65px;}
    .brand-logo {height: 51px}
    .brand {margin-right: 35px;}
    .header .navbar-nav .nav-link {padding: 33px 22px;}
.header .navbar-nav .nav-link.dropdown-toggle {padding: 33px 44px 33px 22px;}
    .megamenu-top-content h5 {font-size: 22px; font-weight: var(--fw-bold); margin: 0 0 18px;}
.megamenu-inner-list .link-menu-title h5 {font-weight: var(--fw-bold);}
    .megamenu-top-content p {font-size: 15px; margin: 0;}
    .megamenu-top-content {max-width: 500px; margin-bottom: 50px;}
    .megamenu-inner-list {margin-bottom: 50px;}
    .megamenu-inner-list li {margin-bottom: 28px;}
    .megamenu-inner-list li:last-child {margin-bottom: 0;}
    .megamenu-inner-list a { font-size: 15px; color: var(--dark-blue); font-weight: var(--fw-semibold); text-transform: uppercase;}
    .banner-box-content {padding: 65px;}
    .banner-title {font-size: 54px;}
    .home-banner .banner-title {font-size: 50px !important;}
    .banner-donate-price h2 {font-size: 40px;}
    .banner-donate-price {margin-bottom: 40px;}
    .section-padding {padding: 120px 0;}
    .font-one {font-size: 48px;}
    .font-three {font-size: 32px;}
    .stay-updated-wrap {padding: 95px 15px;}
    .footer {padding: 50px 0 0;}
    .stay-updated-box {max-width: 725px; margin: 0 12% 0 auto;}

    .wf-reg-logo {margin-top: 20px;}

    

.header .dropdown-toggle::after {top: 38px; right: 24px;}
.header .nav-item.dropdown:hover .dropdown-toggle::after {top: 44px;}
.megamenu-col-details {width: 46%;}
  .megamenu-col-images {width: 54%;}
.header .dropdown-menu {padding: 40px;}
.header-image-overlay {padding: 30px;}

.related-post-list .post-thumb {width: 130px; height: 130px;}
.related-post-list .post-info {width: calc(100% - 130px);}
/* .artical-info-box {margin-bottom: 70px;} */
.tour-content {margin-bottom: 70px;}

.team-banner-contant h1 {font-size: 55px;}
.team-banner-contant p {font-size: 18px;}
.wf-face-team-wrap.section-padding { padding: 100px 0;}
.team-member {padding: 100px 0;}
.about-us-banner .inner-banner-box-content {padding: 180px 105px;}
.about-us-banner .banner-title {font-size: 67px;}
.about-us-banner .banner-txt {font-size: 18px;}
.who-we-are-sec .about-info {font-size: 18px;}
.recognised-by img {max-width: 480px;}
.countries-presence {margin-bottom: 65px;}
.our-branch .container {max-width: 1540px;}
.federation-banner-wrap {padding: 121px 25px;}
.federation-top p {max-width: 640px;}
.filter-bar-block {margin-bottom: 70px;}
#map {height: 615px;}
.contact-icon {width: 40px; height: 40px;}
.contact-text {width: calc(100% - 55px);}
.contact-icon img {width: initial;}
.contact-text, .contact-text a {font-size: 16px;}

.app-block-img {height: 380px;}

.footer-logo img {width: 100%; max-width: 250px;}
}


 */
@media (max-width: 1599px) {
.header-image-wrapper::before {content: ""; background: linear-gradient(359.26deg, #000000 0.63%, rgb(0 0 0) 26.72% 26.72%, rgb(0 0 0) 50.44%, rgba(0, 0, 0, 0.32) 72.58%, rgba(102, 102, 102, 0) 91.24%);}
.header-image-wrapper img {object-fit: none; object-position: 15% 70%;}
.megamenu-img-content h6 {font-size: 14px;}
.megamenu-img-content p {font-size: 13px;}

.footer-title {font-size: 15px;}
.footer-links, .footer-content {font-size: 13px;}
.footer-common-links .footer-links a {font-size: 15px;}

.post-about-info span {font-size: 12px;}
.post-about-info .post-categories a {font-size: 11px;}
}

@media (max-width: 1399px) {
.team-category-wrap { display: flex; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 10px 20px; width: 100%; max-width: 100%; box-sizing: border-box; }
.team-category-wrap::-webkit-scrollbar {display: none;}
.team-category .position-btn {flex: 0 0 auto; text-transform: capitalize; background: transparent; border: 1px solid #ACACAC; border-radius: 6px; padding: 8px 20px 6px; font-size: 16px; font-weight: var(--fw-medium); cursor: pointer; color: #acacac; transition: all 0.3s ease; line-height: 1.3; white-space: nowrap;}

.post-about-info {align-items: center; gap: 10px; flex-wrap: wrap;}
.post-about-info .post-categories a {font-size: 12px;}
}

@media (max-width: 1199px) {
.mobile-header-menu .level-one-menu .dropdown-menu>ul {margin-bottom: 18px;}
  .navbar .container-fluid {padding: 10px 15px;}
.mobile-header-menu li a.show::after {transform: rotate(135deg); top: 21px;}
.mobile-header-menu .level-one-menu a.show::after {top: 13px;}
.map-container {margin-bottom: 25px;}

.contact-text, .contact-text a {font-size: 14px;}

.contact-text {width: calc(100% - 49px);}

.megamenu-inner-list li a::before {top: 15px; left: 15px;}

.counter-faqs-section {flex-wrap: wrap;}
.counter-faqs-section .global-impact {width: 100%;}
.counter-faqs-section .section-padding.faqs-sec {width: 100%;}
.counter-faqs-section .section-padding.faqs-sec{padding-top: 50px;}
.counter-faqs-section .row {display: flex; flex-wrap: wrap;}
.counter-faqs-section .col-lg-6 {width: 100% !important;}
}

@media (max-width: 991px) {
.contact-sec h2 {font-size: 24px;}
.blog-listing .sidebar-widgets {margin-top: 25px;}
.common-content img.img-fluid.wp-image-3469,
.common-content img.img-fluid.wp-image-3470 { max-width: 100% !important}
.capital-projects-content.common-content {flex-direction: column;}
}

@media (max-width: 767px) {
  .stay-updated-wrap {background: none; padding: 0;}
  .stay-updated-img {width: 100%; border-radius: 30px 30px 0 0;}
  .stay-updated-form .btn-wrap {margin-top: 0;}
  .stay-updated-box {padding: 30px 25px; border-radius: 0 0 30px 30px; background: #cad3dd; margin: 0; max-width: 100%;}


.seach-icon-main {display: inline-flex !important; justify-content: center; align-items: center; width: 36px; height: 36px;}
.search-box {max-width: 100%; position: absolute; left: 0; right: 0; background: var(--bs-white); top: 100%;  
padding: 15px; z-index: 9; transition: all 0.5s ease, opacity 0.5s ease; border-top: 1px solid #ebebeb;
        box-shadow: 0px 4px 4px 0px #0000000D;}
.search-box.show {max-width: 100%;}
.register-block-wrap {background-image: none !important; padding: 0;}
.register-block-wrap::before {display: none; padding: 0;}
.register-block {padding: 30px 25px; background: var(--bs-black); border-radius: 0 0 25px 25px;}
.artical-dowload-file {order: 1; width: 100%; margin-bottom: 15px;}
.artical-info-text {width: 100%; order: 2;}
.mobile-header-menu .header-btn-wrap {padding: 20px 15px 0px;}
.about-us-banner .inner-banner-box {background-image: none !important; background-color: #000;}
.about-us-banner .banner-title {line-height: 1.2;}
.logo-box img {max-width: 70px;}
.donate-box {padding: 30px 25px;}
.donate-box-btn .btn {width: 100%;}
.donate-sec-wrap {background-image: none !important; background-color: #000; padding: 0;}
.register-contact span {font-size: 12px;}
.register-contact p {font-size: 14px;}
.ftr-btn-links {justify-content: start; margin-top: 20px;}
.team-category .position-btn {padding: 8px 20px 6px; font-size: 14px;}
.team-category-wrap::-webkit-scrollbar {display: block;}
.team-category-wrap {gap: 10px;}
.btm-ftr-text-wrap { flex-wrap: wrap !important; justify-content: flex-start;}
.bottom_footer .btm-ftr-text { white-space: normal !important; flex: 1 1 auto !important; min-width: 0 !important;}
.wf-links-footer .footer-links {display: flex; flex-wrap: wrap;}
	.wf-links-footer .footer-links li {width: 50%; margin-right: 0;}
	.footer-common-links  {Width: 100%;}
	.wf-links-footer .footer-links {display: flex ; flex-wrap: wrap; flex-direction: row;}
	
}

@media (max-width: 576px) {
.home-banner .banner-box { min-height: 650px !important;}
.wf-about-footer-wrap {width: 100%;}
.wf-links-footer {width: 100%;}
}

@media (max-width: 480px) {
.stay-updated-box .stay-updated-form .col-6 {width: 100%;}
.whatsapp-form-sec .form-control::placeholder {font-size: 12px; white-space: normal;}
.whatsapp-form-sec input[name="your-phone"]{padding-top: 10px;
padding-bottom: 24px;}
.vision_sec { padding : 0 !important;}
.strategic-vision-img { max-width: 100%;}
.home-banner .banner-title { font-size: 25px !important;}
.education-footer-block {width: 100%;}
.secretariat-footer-block {width: 100%; margin-bottom: 30px;}
.common-link-box {padding: 20px;}
.post-common-links .link-name {font-size: 14px;}
.home-banner .banner-box { min-height: 700px !important;}
}

@media (max-width: 320px) {
.home-banner .banner-title { font-size: 20px !important;}
.home-banner .banner-box-content .banner-donate-price h2 { font-size: 22px !important;}
.contact-item .social-contact-icons a { margin-right: 8px; }
}

/* added by dev */
        /* Introduction Section */
        .intro-section {
            text-align: center;
            padding: 60px 0;
            background-color: var(--white);
        }
        
        .intro-section h2 {
            font-size: 2rem;
            color: var(--accent-color);
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .intro-section p {
            font-size: 1.1rem;
            color: var(--secondary-color);
            max-width: 800px;
            margin: 0 auto;
        }
        
/* end by dev */