.menu-area-wrap .header-logo.desktop-logo {
     display: flex;
     justify-content: center;
     position: relative;
 }

 .menu-area-wrap .header-logo.desktop-logo a {
     position: absolute;
     top: 100%;
     max-width: 170px;
     width: 100%;
     height: 135px;
     transform: translateY(-50%);
     box-sizing: border-box;
     background-color: #fff;
     padding: 30px;
     padding-bottom: 80px;
     display: grid;
     place-content: center;
     border-bottom-right-radius: 75px;
     border-bottom-left-radius: 75px;

 }

 .menu-area-wrap .header-logo.desktop-logo a img {
     width: 100%;
     position: relative;
 }

 .contact-form-v1.contact-page-form form {
     background-color: #ffffff;
 }

 .h3box {
     text-align: center;
     padding: 20px 0 10px;
     margin: -25px -26px 20px;
     background-color: #033f59;
     border-radius: 40px 40px 0 0;
 }

 .h3box h3 {
     color: #fff;
     margin-bottom: 0;
 }

 .contact-form-v1.contact-page-form form p {
     color: #fff;
 }

 .mobile-logo {
     display: none;
 }

 .text-justify {
     text-align: justify;
 }

 .impact-section {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
     min-height: 70vh;
     align-items: center;

 }

 .impact-section .impact-section-img {
     background-position: center;
     background-size: cover;
     height: 100%;
     width: 100%;
 }

 .impact-section .impact-section-img.impact-section-one {
     background-image: url(../images/impact/1.webp);

 }

 .impact-section .impact-section-img.impact-section-two {
     background-image: url(../images/impact/2.jpeg);

 }

 .impact-section .impact-section-img.impact-section-three {
     background-image: url(../images/impact/3.webp);

 }

 .impact-section .impact-section-img.impact-section-four {
     background-image: url(../images/impact/4.webp);

 }

 .impact-section .impact-section-img.impact-section-five {
     background-image: url(../images/impact/4.webp);

 }

 .impact-section .impact-section-img.impact-section-six {
     background-image: url(../images/impact/5.webp);

 }

 .impact-section .impact-section-img.impact-section-seven {
     background-image: url(../images/impact/6.webp);

 }

 .impact-section .impact-section-img.impact-section-eight {
     background-image: url(../images/impact/7.webp);

 }

 .impact-section .impact-section-img.impact-section-nine {
     background-image: url(../images/impact/8.webp);

 }


 .impact-section-content.impact-section-content-one {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(3, 63, 89, 0.92), rgba(3, 63, 89, 0.92)), url(../images/impact/1.webp);
 }

 .impact-section-content.impact-section-content-two {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(245, 135, 56, 0.92), rgba(245, 135, 56, 0.92)), url(../images/impact/2.jpeg);
 }

 .impact-section-content.impact-section-content-three {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(3, 63, 89, 0.92), rgba(3, 63, 89, 0.92)), url(../images/impact/3.webp);
 }

 .impact-section-content.impact-section-content-four {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(245, 135, 56, 0.92), rgba(245, 135, 56, 0.92)), url(../images/impact/4.webp);
 }

 .impact-section-content.impact-section-content-six {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(3, 63, 89, 0.92), rgba(3, 63, 89, 0.92)), url(../images/impact/5.webp);
 }

 .impact-section-content.impact-section-content-seven {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(245, 135, 56, 0.92), rgba(245, 135, 56, 0.92)), url(../images/impact/6.webp);
 }

 .impact-section-content.impact-section-content-eight {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(3, 63, 89, 0.92), rgba(3, 63, 89, 0.92)), url(../images/impact/7.webp);
 }

 .impact-section-content.impact-section-content-nine {
     height: 100%;
     display: grid;
     place-content: center;
     background-image: linear-gradient(to right, rgba(245, 135, 56, 0.92), rgba(245, 135, 56, 0.92)), url(../images/impact/8.webp);
 }

 .impact-section-content * {
     color: #fff;
 }

 .impact-section-content {
     padding: 10%;

 }

 .social-links-section {
     display: grid;
     place-content: center;
     height: 100%;
 }


 .social-links-section a.facebook {
     background-color: #1877F2;
     color: #fff;
 }

 .social-links-section a.instagram {
     background-color: #E4405F;
     color: #fff;
 }


 .social-links-section a.twitter {
     background-color: #1DA1F2;
     color: #fff;
 }


 .social-links-section a.youtube {
     background-color: #CD201F;
     color: #fff;
 }


 .social-links-section a.linkedin {
     background-color: #1877F2;
     color: #fff;
 }

 .cta-area-2 .title-area h2.sec-title {
     font-size: 40px;
     line-height: 1.4;
 }

 .cta-area-2 {
     background-image: linear-gradient(to right, rgba(18, 47, 42, 0.7), rgba(18, 47, 42, 0.7)), url(../images/bg/2.webp);
     background-position: center;
     background-size: cover;
 }

 .online-donation,
 .offline-donation {
     display: none;
 }

 .online-donation.show-section {
     display: block;
     overflow: hidden;
     border-radius: 30px;
 }

 .offline-donation.show-section {
     display: block;
     overflow: hidden;
     border-radius: 30px;
 }

 .donate-payment-method {
     display: flex;
     align-items: center;
     gap: 10px;
 }


 .contribute-section {
     background-image: linear-gradient(to right, rgba(18, 47, 42, 0.7), rgba(18, 47, 42, 0.7)), url(../images/bg/2.webp);
     background-position: center;
     background-size: cover;
     padding: 30px;
     margin-bottom: 20px;
     border-radius: 30px;
 }

 .contribute-section h3.title {
     color: #fff;
 }

 .contribute-section .donate-payment-method label {
     color: #fff;
     font-size: 18px;
 }

 .offline-donation-list {
     margin-bottom: 50px;
 }

 .terms-section:not(:last-child) {
     margin-bottom: 30px;
 }

 @media (max-width: 1300px) {

     .container.full-width {
         max-width: 100%;
     }

     .header-default .menu-area .header-button .th-btn {
         padding: 22.5px 15px;

     }
 }




 @media(max-width:768px) {
     .menu-area-wrap .header-logo.desktop-logo {
         display: none;
     }

     .mobile-logo {
         display: block;
     }

     .header-default .menu-area .menu-area-wrap {
         grid-template-columns: 25% 75%;
         align-items: center;

     }

     .header-default .menu-area .header-button .th-btn {
         padding: 15px 20px;
         margin-right: 5px;
     }

     .loader {
         font-size: 30px;
     }

     p {
         font-size: 16px;
     }

     .th-widget-contact .info-card .box-title {
         font-size: 17px;
         font-weight: 600;
     }

     .footer-widget {
         margin-bottom: 30px;
         max-width: 360px;
     }

     .counter-card .box-text {
         font-weight: 600;
         font-size: 14px;
     }

     .footer-wrapper {
         margin-top: 100px;

     }

     .footer-wrapper .widget-area {
         padding-top: 100px;
     }

     .th-widget-about .about-logo {
         margin-bottom: 0px;
         position: absolute;
         top: -220px;
         left: 50%;
         transform: translateX(-50%);
         padding: 10%;
         background-color: #fff;
         border-radius: 48%;
         outline: 1px solid #fff;
         outline-offset: 5px;
     }

     .story-img-box1 {

         text-align: start;
     }

     .th-social.style2 {
         display: flex;
         justify-content: center;
     }

     .th-social a {
         width: 35px;
         height: 35px;
         line-height: 35px;
         font-size: 15px;
     }

     .mobile-side-bar.info-card-wrap {
         gap: 20px;
         flex-direction: column;
         margin-bottom: 25px;
     }

     .mobile-side-bar.info-card-wrap p.box-text,
     .mobile-side-bar.info-card-wrap h4.box-title {
         color: #fff;
         text-align: left;
     }

     .mobile-side-bar.info-card-wrap h4.box-title a {
         font-size: 13px;
         text-align: left;
     }

     .mobile-side-bar .info-card .box-text {
         margin: 0;
         font-size: 14px;
     }
 }

 .impact-links-section {
     background-color: #033f59;
     padding: 15px 10px;
 }

 .impact-links-section .impact-links {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 10px;
 }

 .impact-links-section .impact-links a {
     display: inline-block;
     background-color: #fff;
     text-align: center;
     padding: 10px;
     border-radius: 30px;
     outline: 1px solid #fff;
     outline-offset: 2px;
     transition: all 0.3s ease;
 }

 .impact-links-section .impact-links a:hover {
     background-color: #033f59;
     color: #fff;
 }