/* Responsive */

@media (max-width: 1850px) {
.footer-bg-left {
    width: 140px;
    height: 140px;
}

    .footer-bg-right {
        width: 150px;
        height: 80px;
    }

.second-container{
    max-width: 80%;
}

 .container{
       max-width: 70%;
  }

  .footer-container{
       max-width: 70%;
  }

  .footer-contact li{
       font-size: 18px;
  }

  .home-banner .swiper-slide::before {
    content: "";
   width: 500px;
        height: 370px;
    left: unset;
  top: unset;
right: 0;
    bottom: 0;
    background-size: cover;
}

.goldshield-section p {
    margin-bottom: 20px;
}

.goldshield-section h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

}


@media (max-width: 1600px) {
  .container{
       max-width: 80%;
  }

    .footer-container{
       max-width: 80%;
  }

  .second-container {
    max-width: 90%;
  }

  .point-icon img {
    width: 55px;
  }

  .menu li a{
        font-size: 20px;
    line-height: 25px;
  }

  .menu li {
    margin-bottom: 35px;
  }

  .our-projects-slider h2{
        font-size: 20px;
  }

  .projects_swiper {
    margin-top: 25px;
}

.project img {
    height: 230px;
}

.project h3 {
    margin-top: 20px;
    font-size: 20px;
}

.projects_swiper .swiper-button-next, .projects_swiper .swiper-button-prev {
    width: 45px;
    height: 45px;
}

.menu-slide{
      padding-top: 120px;
}

.slide-content h2 {
    font-size: 45px;
    line-height: 55px;
}

.slide-content p {
    font-size: 16px;
}

p{
   font-size: 16px;
   line-height: 28px;
}

.slide-content .btn {
    margin-top: 30px;
}

.btn{
      padding: 10px 30px;
      font-size: 16px;
}

.home_swiper .swiper-pagination{
     bottom: 40px;
}

.home_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 65px;
    height: 3px;
}

.home-about-us {
    padding: 80px 0;
}

.small-title {
    font-size: 20px;
    line-height: 36px;
}

.main-title{
    font-size: 33px;
    line-height: 42px;
 }

 .about-us-description {
    margin-bottom: 35px;
 }

 .about-us-icons{
    margin-top: 80px;
    flex-wrap: wrap;
    gap: 30px;
}

.about-us-icon {
    flex: 1 1 23%;
}

.governance-wrapper .right-block h2{
        margin-bottom: 30px;
}

.goldshield-section h3,
.team-detail h2{
      margin-bottom: 20px;
}

.about-us-icon-content {
    width: calc(100% - 100px);
    -webkit-padding-inline-start: 20px;
    padding-inline-start: 20px;
}

.about-us-icon-img{
    width: 90px;
    height: 90px;
 }

 .about-us-icon-content p {
    font-size: 17px;
    line-height: 24px;
 }

 .about-us-icon::after{
      height: 50px;
      -webkit-inset-inline-start: -27px;
        inset-inline-start: -27px;
 }

 .leadership-small-title {
    font-size: 17px;
    line-height: 24px;
 }

 .member-name {
    font-size: 20px;
    line-height: 28px;
 }

 .member-position {
    font-size: 18px;
    line-height: 22px;
    margin-top: 8px;
 }

 .home-why-africa {
    padding: 70px 0;
 }

 .why-africa-content .main-title {
    margin-bottom: 25px;
}

.why-africa-description {
    margin-bottom: 10px;
}

.download-link{
    font-size: 16px;
}

.why-africa-links {
    gap: 50px;
    margin-top: 50px;
}

 .download-link:nth-child(2):after{
    height: 38px;
    width: 2px;
    -webkit-inset-inline-end: -28px;
    inset-inline-end: -28px;
    top: -4px;
}

.goldshield-cta {
    width: 100%;
    min-height: 390px;
    padding: 40px 30px;
}

.goldshield-cta_section {
    padding-bottom: 40px;
}

.home-news-updates {
    padding: 50px 0 70px;
}

.home-news-updates .news-swiper .news-image img{
     height: 260px;
}

.home-news-updates .news-heading{
    font-size: 18px;
    line-height: 28px;
    color: #1C2416;
    font-weight: bold;
    margin-bottom: 5px;
}

.home-news-updates .news-swiper .swiper-wrapper{
    padding-top: 10px;
}

.home-news-updates .news-date {
    font-size: 14px;
}

.home-news-updates .news-content {
    padding-top: 12px;
}

.home-news-updates .btn{
    padding: 10px 25px;
    margin-top: 10px;
 }

 .footer-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
    margin: 0 auto;
    gap: 30px;
}

.footer-bg-left {
    position: absolute;
    width: 145px;
    height: 145px;
}

.footer-left h5, .footer-right h5 {
    font-size: 17px;
}

.footer-contact li {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    font-size: 17px;
}

.footer-contact img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.footer-social a img {
    width: 40px;
    height: 40px;
}

.copy_right p {
    font-size: 14px;
}

.copy_right {
    margin-top: 83px;
}

.scroll-to-top{
      width: 50px;
    height: 50px;
}

.footer-bg-right {
    position: absolute;
    width: 175px;
    height: 94px;
}

.about-us-text {
    -webkit-padding-inline-start: 65px;
    padding-inline-start: 65px;
    padding-top: 30px;
}

.inner-banner-content h1 {
    font-size: 55px;
}

.inner-banner{
    min-height: 360px;
}

.overview-section{
    padding: 70px 0;
 }

 .overview-container {
    max-width: 80%;
        gap: 55px;
 }

 .left-block{
    padding: 25px;
 }

 .left-content p{
  font-size: 22px;
    line-height: 32px;
 }

 .center-image img{
      height: 400px;
 }

 .right-block::before {
    width: 220px;
    height: 228px;
 }

 .strategy-content{
    flex: 1 1 55%;
 }

 .strategy-image img{
     height: 400px;
 }

 .strategy-content::before{
    width: 220px;
    height: 228px;
 }

 .mission-block-inner{
     max-width: 560px;
 }

 .strategy-wrapper{
     margin-top: 55px;
 }

 .points-wrapper {
    gap: 20px;
    margin-top: 50px;
}

.point-card h3 {
    font-size: 26px;
    line-height: 35px;
      width: calc(100% - 55px);
}

.point-card::before{
      width: 110px;
    height: 114px;
}

.point-list ul li{
    font-size: 16px;
    line-height: 24px;
 }

 .point-number {
    width: 55px;
        font-size: 30px;
 }

 .point-number::after{
  top: 20px;
    width: 55px;
 }

 .our-team-section {
    padding: 75px 0;
 }

 .team-header p {
    font-size: 20px;
    font-weight: 500;
    line-height:28px;
 }

 .team-detail{
margin-top: 80px;
}

.team-detail{
  padding: 50px;
}

.goldshield-section h2, .goldshield-section h4, .team-detail h3 {
    font-size: 36px;
    line-height: 38px;
}

.team-detail h3 {
    margin-bottom: 15px;
}

.goldshield-section h3, .team-detail h2 {
    font-size: 28px;
    line-height: 38px;
}

.team-detail h2 {
    margin-bottom: 25px;
}

.team-detail .bio p {
    margin-bottom: 20px;
}

.governance-wrapper .mission-description h3 {
    font-size: 27px;
    line-height: 37px;
}

.governance-wrapper .mission-description ul li {
    font-size: 16px;
    line-height: 25px;
    color: #1C2416;
    margin-bottom: 5px;
}

.governance-wrapper .right-block h2 {
    color: #1C2416;
    margin-bottom: 15px;
}

 .governance-wrapper .right-block  .main-title {
        font-size: 30px;
        line-height: 40px;
    }

    .governance-strategy-section {
    padding: 75px 0 0;
    }

    .goldshield-section ul li {
    font-size: 16px;
    line-height: 26px;
    color: #1C2416;
    margin-bottom: 8px;
}

.goldshield-section {
    padding: 70px 0 55px;
}

.news-main-section {
    padding: 70px 0 55px;
}

.news-image img {
    height: 350px;
}

.badge{
      height: 26px;
    line-height: 26px;
    padding: 0 16px;
    font-size: 15px;
}

.news-title {
    font-size: 20px;
    padding-top: 18px;
}

.news-excerpt {
    padding-top: 10px;
}

.news-meta{
      font-size: 14px;
}

.pagination-ul{
  gap: 8px;
    margin-top: 50px;
}

.sec-title{
    padding-bottom: 20px;
}

.news-details-section {
    padding: 70px 0;
}

.news-details-section h1
 {
    color: #37472C;
    font-size: 32px;
    line-height: 42px;
 }

 .news-details-section h2, .news-details-section h3, .news-details-section h4, .news-details-section h5 {
    margin-bottom: 15px;
 }

 .news-details-section p {
    margin-bottom: 15px;
}

.contact-form {
    padding: 80px 0 55px;
}

.contact-form-inner .btn{
       width: 165px;  
}

.txt-feild, .txt-textarea{
     font-size: 16px;
}

ul.form-contact{
     row-gap: 20px;
}

.icon_container {
    border-radius: 22px;
    padding: 15px 8px;
    gap: 8px;
    margin-bottom: 20px;
}

.logo img{
     width: 100%;
}



.why-africa-content {
    -webkit-padding-inline-start: 90px;
   padding-inline-start: 90px;
    padding-top: 30px;
}

.home-banner .swiper-slide::before {
    content: "";
    width: 436px;
    height: 370px;
    left: unset;
  top: unset;
right: 0;
    bottom: 0;
    background-size: cover;
}

.error-404 {
    padding: 60px 0 80px;
}

.error-404 h4 {
    font-size: 20px;
}

.error-404 ul li{
       font-size: 16px;
       line-height: 26px;
}

.error-404 h3 {
    font-size: 26px;
    line-height: 28px;
}

.inner-banner {
          margin-top: 20px;
}

.team-detail h4 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 25px;
}

}

@media (max-width: 1400px) {
  .header-transparent{
    padding: 15px 0;
    height: 100px;
  }

  .logo {
    max-width: 220px;
        top: 15px;
  }

      .menu li a {
        font-size: 18px;
        line-height: 24px;
    }

        .menu li {
        margin-bottom: 30px;
    }

        .menu-slide {
        padding-top: 90px;
    }

        .projects_swiper {
        margin-top: 20px;
    }

        .projects_swiper .swiper-button-next, .projects_swiper .swiper-button-prev {
        width: 42px;
        height: 42px;
    }

    .projects_swiper .swiper-button-next::after, .projects_swiper .swiper-button-prev::after {
    font-size: 14px;
    }

        .our-projects-slider h2 {
        font-size: 18px;
    }

        .project h3 {
        margin-top: 15px;
        font-size: 18px;
    }

    .project p{
         font-size: 13px;
    }

        .slide-content h2 {
        font-size: 40px;
        line-height: 50px;
    }

        .slide-content p {
        font-size: 15px;
    }

    .slide-content .btn {
        margin-top: 25px;
    }

    .scroll_indicator{
         bottom: 80px;
    }

        .home_swiper .swiper-pagination {
        bottom: 35px;
    }

        .home_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 55px;
        height: 3px;
    }

        .home-about-us {
        padding: 65px 0;
    }

        .small-title {
        font-size: 16px;
        line-height: 30px;
    }

        .main-title {
        font-size: 28px;
        line-height: 38px;
    }

        .about-us-text {
            -webkit-padding-inline-start: 50px;
       padding-inline-start: 50px;
        padding-top: 20px;
    }

        .about-us-description {
        margin-bottom: 30px;
    }

        .about-us-icons {
        margin-top: 60px;
        flex-wrap: wrap;
        gap: 20px;
    }

        .about-us-icon-content p {
        font-size: 16px;
        line-height: 22px;
    }

        .about-us-icon-img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }

        .about-us-icon-content {
        width: calc(100% - 80px);
        -webkit-padding-inline-start: 15px;
        padding-inline-start: 15px;
    }

        .about-us-icon::after {
        height: 44px;
        -webkit-inset-inline-start: -15px;
         inset-inline-start: -15px;
    }

  

        .leadership-small-title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

        p {
        font-size: 15px;
        line-height: 26px;
    }

        .member-position {
        font-size: 15px;
        line-height: 20px;
        margin-top: 6px;
    }

        .home-why-africa {
        padding: 60px 0;
    }

        .why-africa-content .main-title {
        margin-bottom: 16px;
    }

        .why-africa-description {
        margin-bottom: 0;
    }

    .why-africa-links {
        margin-top: 40px;
    }

        .download-link {
        font-size: 15px;
    }

        .goldshield-cta {
        min-height: 370px;
        padding: 30px 25px;
    }

        .home-news-updates {
        padding: 40px 0 60px;
    }

        .footer-bg-left {
        position: absolute;
        width: 120px;
        height: 120px;
    }

        .footer-contact li {
        margin-bottom: 15px;
        font-size: 15px;
    }

        .copy_right p {
        font-size: 13px;
    }

    .footer-bg-right {
        position: absolute;
        width: 145px;
        height: 78px;
    }

        .home-news-updates .news-swiper .news-image img {
        height: 230px;
    }

        .inner-banner-content h1 {
        font-size: 40px;
    }

        .inner-banner {
        min-height: 320px;
    }

    .right-block::before {
        width: 180px;
        height: 188px;
    }

        .mission-block-inner {
        max-width: 500px;
    }

        .overview-section {
        padding: 60px 0;
    }

        .strategy-wrapper {
        margin-top: 50px;
    }

        .left-content p {
        font-size: 20px;
        line-height: 30px;
    }


.point-number{
  top: 15px;
  -webkit-inset-inline-end: 20px;
  inset-inline-end: 20px;
    width: 50px;
        font-size: 27px;
}

    .point-number::after {
        top: 19px;
        width: 50px;
    }

    .point-card h3 {
        font-size: 23px;
        line-height: 30px;
        width: calc(100% - 55px);
    }

    .point-list ul li{
        font-size: 15px;
        line-height: 22px;
    }

    .point-icon img {
    width: 55px;
    }

        .our-team-section {
        padding: 60px 0;
    }

    .leadership-container .main-title {
    margin-bottom: 10px;
}

    .team-header p {
        font-size: 16px;
        line-height: 26px;
    }

    .team-header {
    max-width: 990px;
    margin: 0 auto 45px;
}

    .goldshield-section h2, .goldshield-section h4, .team-detail h3 {
        font-size: 30px;
        line-height: 35px;
    }

        .team-detail {
        padding: 45px;
    }

        .team-detail .bio p {
        margin-bottom: 16px;
    }

        .center-image img {
        height: 450px;
    }

        .governance-wrapper .right-block .main-title {
        font-size: 25px;
        line-height: 35px;
    }

        .governance-wrapper .mission-description h3 {
        font-size: 22px;
        line-height: 32px;
    }

        .governance-wrapper .mission-description ul li {
        font-size: 15px;
        line-height: 24px;
        }

            .goldshield-section h3, .team-detail h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .goldshield-section p {
    margin-bottom: 15px;
}

    .goldshield-section ul li {
        font-size: 15px;
        line-height: 24px;
    }

    .goldshield-section h4 {
    margin-top: 25px;
    }

        .news-main-section {
        padding: 60px 0 50px;
    }

        .news-title {
        font-size: 18px;
        padding-top: 18px;
    }

        .badge {
        height: 25px;
        line-height: 25px;
        padding: 0 14px;
        font-size: 14px;
    }

        .news-excerpt {
        padding-top: 5px;
    }

        .news-image img {
        height: 315px;
    }

        .sec-title {
        padding-bottom: 10px;
    }

    .news-main-section-inner ul{
         gap: 30px 20px;
    }

    .news-details-section .container {
    max-width: 80%;
    }

        .news-details-section h1 {
        font-size: 28px;
        line-height: 38px;
    }

        .news-details-section {
        padding: 60px 0;
    }

        .contact-form {
        padding: 60px 0 50px;
    }

    .why-africa-content {
        -webkit-padding-inline-start: 70px;
    padding-inline-start: 70px;
    padding-top: 30px;
}

 .home-banner .swiper-slide::before {
        content: "";
        width: 300px;
        height: 270px;
        }

        .leadership-container {
    max-width: 90%;
        }

            .team-detail h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 22px;
    }

}


@media (max-width: 1024px) {
      .menu-slide {
        padding-top: 70px;
    }

        .menu li a {
        font-size: 16px;
        line-height: 24px;
    }

        .menu li {
        margin-bottom: 26px;
    }

        .our-projects-slider h2 {
        font-size: 17px;
    }

        .projects_swiper {
        margin-top: 15px;
    }

    .our-projects-slider h2{
         margin-bottom: 15px;
    }

        .project h3 {
        margin-top: 14px;
        font-size: 17px;
    }

        .slide-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

        .slide-content .btn {
        margin-top: 20px;
    }

        .btn {
        padding: 10px 25px;
        font-size: 15px;
    }

        .home_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 45px;
        height: 3px;
    }

        .home_swiper .swiper-pagination {
        bottom: 30px;
    }

        .logo {
        max-width: 180px;
        top: 15px;
    }

    .header-transparent{
         height: 86px;
    }

    .hamburger-icon{
         font-size: 15px;
    }

    .scroll_text{
          font-size: 15px;
    }

        .home-about-us {
        padding: 55px 0;
    }

        .small-title {
        font-size: 15px;
        line-height: 25px;
    }

        .main-title {
        font-size: 26px;
        line-height: 36px;
    }

    .about-us-text {
        -webkit-padding-inline-start: 45px;
        padding-inline-start: 45px;
        padding-top: 15px;
    }

        .about-us-description {
        margin-bottom: 20px;
    }

        .about-us-icon {
        flex: 1 1 48%;
    }

    .about-us-icon:nth-child(3):after{
          display: none;
    }

        .about-us-icons {
        margin-top: 50px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .leadership-container {
    max-width: 80%;
    }

    .leadership-members{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
    column-gap: 45px;
    row-gap: 35px;
}

    .about-us-icon::after {
        height: 40px;
        -webkit-inset-inline-start: -25px;
        inset-inline-start: -25px;
    }

        .member-name {
        font-size: 17px;
        line-height: 23px;
    }

        .member-position {
        font-size: 14px;
        line-height: 20px;
        margin-top: 5px;
    }

    .member-photo{
          margin: 0 auto 15px;
    }

        .home-why-africa {
        padding: 50px 0;
    }

    .why-africa-map {
    width: 40%;
    -webkit-padding-inline-start: 0;
    padding-inline-start: 0;
}

.why-africa-content {
    -webkit-padding-inline-start: 50px;
    padding-inline-start: 50px;
    padding-top: 20px;
}

    .why-africa-links {
        gap: 30px;
    }

    .download-link{
        font-size: 13px;
    }

        .download-link:nth-child(2):after{
        height: 30px;
        width: 2px;
        -webkit-inset-inline-end: -15px;
        inset-inline-end: -15px;
        top: 0px;
    }

        .goldshield-cta {
        min-height: 350px;
        padding: 25px 25px;
            -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    }

        .home-news-updates {
        padding: 20px 0 50px;
    }

     .home-news-updates .news-swiper .news-image{
         -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }

        .home-news-updates .news-swiper .news-image img {
        height: 220px;
            -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

        .home-news-updates .news-heading {
        font-size: 16px;
        line-height: 25px;
        }

            .home-news-updates .news-heading {
        font-size: 16px;
        line-height: 25px;
            }

               .copy_right p {
        font-size: 12px;
    }

        .scroll-to-top {
        width: 45px;
        height: 45px;
    }

    
    .footer-bg-left {
        position: absolute;
        width: 105px;
        height: 105px;
    }

        .footer-bg-right {
        width: 122px;
        height: 66px;
    }

    .inner-banner {
        min-height: 300px;
    }

        .inner-banner-content h1 {
        font-size: 35px;
    }

        .overview-section {
        padding: 55px 0;
    }

    .mission-wrapper {
    column-gap: 15px;
}

.right-block::before {
        width: 137px;
        height: 142px;
    }

        .strategy-content::before {
         width: 137px;
        height: 142px;
    }

    .strategy-wrapper{
           column-gap: 15px;
    }

        .point-icon img {
        width: 50px;
    }

        .point-card h3 {
        font-size: 20px;
        line-height: 25px;
        width: calc(100% - 50px);
    }

        .point-card::before {
        width: 90px;
        height: 94px;
    }

        .left-content p {
        font-size: 17px;
        line-height: 27px;
    }

    .leadership-member{
    width: 27%;
 }

 .team-detail {
        padding: 35px;
    }

    .goldshield-section h2, .goldshield-section h4, .team-detail h3 {
        font-size: 26px;
        line-height: 32px;
    }

        .team-detail .bio p {
        margin-bottom: 10px;
    }

    .team-detail{
        margin-top: 55px;
    }

        .our-team-section {
        padding: 55px 0;
    }

        .center-image img {
        height: 100%;
    }

    .left-content p {
        font-size: 17px;
        line-height: 28px;
    }

        .governance-wrapper .mission-description h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .governance-wrapper .right-block .main-title {
        font-size: 24px;
        line-height: 34px;
    }

        .goldshield-section h3, .team-detail h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .goldshield-section h2, .goldshield-section h4, .team-detail h3{
         margin-bottom: 10px;
    }

    .goldshield-section h3, .team-detail h2{
         margin-bottom: 15px;
    }

        .goldshield-section {
        padding: 55px 0 50px;
    }

        .news-main-section {
        padding: 55px 0 50px;
    }

        .news-image img {
        height: 300px;
    }

    .news-image {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .news-title {
        font-size: 17px;
        padding-top: 18px;
    }

        .news-details-section {
        padding: 55px 0;
    }

        .news-details-section h1 {
        font-size: 26px;
        line-height: 36px;
    }

        .contact-form {
        padding: 55px 0 50px;
    }

        ul.form-contact {
        row-gap: 15px;
    }

    .inner-banner{
      -webkit-border-radius: 15px;
         border-radius: 15px;
    }

    .scroll-to-top{
        -webkit-inset-inline-end: 7%;
          inset-inline-end: 7%;
    bottom: 50px;
    }

        .footer-contact img {
        width: 35px;
        height: 35px;
        margin-right: 15px;
    }

        .footer-social a img {
        width: 35px;
        height: 35px;
    }

        .home-news-updates .btn {
        padding: 10px 20px;
        margin-top: 5px;
    }

         .home-banner .swiper-slide::before {
        content: "";
        width: 220px;
        height: 180px;
    }  

    .error-404 h4 {
    font-size: 17px;
    }

    .error-404 h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 20px;

    }

        .error-404 ul li {
        font-size: 15px;
        line-height: 24px;
    }

    .team-detail h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
}


}

@media (max-width: 900px) {
  .leadership-member {
        width: 40%;
    }

    .governance-wrapper{
           flex-wrap: wrap;
           row-gap: 35px;
    }

     .governance-wrapper .left-block{
           width: 48%;
    }

     .governance-wrapper .center-image{
           width: 48%;
    }

     .governance-wrapper .center-image img{
           width: 100%;
     }

     .mission-wrapper{
           flex-wrap: wrap;
           row-gap: 35px;
     }

     .mission-wrapper .left-block{
            width: 48%;
     }

    .mission-wrapper .center-image{
         width: 48%;
     }

    .mission-wrapper .center-image img{
           width: 100%;
     }
}

@media (max-width: 768px) {
      .menu li a {
        font-size: 15px;
        line-height: 24px;
    }

    .menu-slide{
       padding-top: 30px;
    }

    .menu li{
         margin-bottom: 20px;
    }

    .our-projects-slider h2{
         font-size: 16px;
    }

    .project h3 {
        margin-top: 12px;
        font-size: 16px;
    }

        .project p {
        font-size: 12px;
    }

    .menu-slide .menu-items {
    width: 32%;
}

/* added */
.menu-slide .custom_menu_class {
    width: max-content !important;
}

.menu-slide .our-projects-slider {
    width: 68%;
}

    .project img {
        height: 200px;
    }

        .slide-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .slide-content .btn {
        margin-top: 15px;
    }

        .home-about-us {
        padding: 50px 0;
    }

        .about-us-text {
            -webkit-padding-inline-start: 40px;
        padding-inline-start: 40px;
        padding-top: 10px;
    }

    .leadership-member {
        width: 40%;
    }

        .member-name {
        font-size: 16px;
        line-height: 22px;
    }

    .home-leadership{
        padding: 55px 0;
    }

    .why-africa-map{
         width: 50%;
    }

        .why-africa-content {
            -webkit-padding-inline-start: 35px;
        padding-inline-start: 35px;
        padding-top: 20px;
        width: 50%;
    }

        .goldshield-cta {
        min-height: 310px;
        padding: 40px 30px;
        }

        .container {
        max-width: 90%;
    }

      .footer-container{
       max-width: 90%;
  }

    .footer-bg-left {
        width: 75px;
        height: 75px;
    }

        .footer-bg-right {
        width: 90px;
        height: 49px;
    }

        .scroll-to-top {
            -webkit-inset-inline-end: 4%;
            inset-inline-end: 4%;
        bottom: 60px;
    }

        .inner-banner {
        min-height: 250px;
    }

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

        .overview-section {
        padding: 50px 0;
    }

        .overview-container {
        max-width: 90%;
        gap: 45px;
    }

    .left-block {
    flex: 1 1 30%;
    }

    .left-block {
        padding: 15px;
    }

    .left-content p {
        font-size: 16px;
        line-height: 25px;
    }

        .right-block::before {
        width: 100px;
        height: 106px;
    }


    .point-card{
      padding: 70px 25px 25px;
    }

        .point-card h3 {
        font-size: 18px;
        line-height: 24px;
        width: calc(100% - 40px);
    }

        .point-icon img {
        width: 40px;
    }

    .main-title{
         margin-bottom: 10px;
    }

        .strategy-content::before {
        width: 100px;
        height: 106px;
    }
    
        .point-card::before {
        width: 65px;
        height: 68px;
    }

    .right-block{
          padding: 60px 25px 40px 25px;
    }

        .team-detail {
        padding: 30px;
    }

        .our-team-section {
        padding: 50px 0;
    }

        .governance-strategy-section {
        padding: 50px 0 0;
    }

    .governance-wrapper .right-block{
          border-radius: 10px;
          padding: 20px 20px;
    }

    .governance-wrapper .center-image img {
    border-radius: 10px;
}

    .left-block {
        padding: 10px;
    }

    .governance-wrapper{
         flex-wrap: wrap;
         row-gap: 20px;
    }

       .left-block {
        width: 48%;
        height: 300px;
    }

    .left-block{
        border-radius: 10px;
    }

    .governance-wrapper .center-image{
         width: 48%;
          height: 300px;
    }

    .governance-wrapper .center-image img{
         width: 100%;
    }

    .governance-wrapper {
    column-gap: 15px;
}

    .left-block {
        padding: 20px;
    }

        .goldshield-section {
        padding: 45px 0 50px;
    }

        .goldshield-section h2, .goldshield-section h4, .team-detail h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .goldshield-section h3, .team-detail h2 {
        font-size: 18px;
        line-height: 25px;
    }

    .goldshield-section ul {
        -webkit-padding-inline-start: 20px;
   padding-inline-start: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .news-main-section {
        padding: 50px 0 50px;
    }

    .news-main-section-inner ul{
          grid-template-columns: repeat(2, 1fr);
    }

        .news-image img {
        height: 255px;
    }

    .pagination-ul {
        gap: 8px;
        margin-top: 35px;
    }

        .news-details-section h1 {
        font-size: 22px;
        line-height: 28px;
    }

     .news-details-section h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .news-details-section h2, .news-details-section h3, .news-details-section h4, .news-details-section h5{
        margin-bottom: 10px;
    }

        .news-details-section .container {
        max-width: 90%;
    }

    .contact-form-inner{
    max-width: 430px;
 }

     .contact-form {
        padding: 50px 0 50px;
    }

    .footer-left, .footer-right {
    width: 100%;
}

    .copy_right {
        margin-top: 30px;
    }

    .overview-image {
    flex: 1 1 100%;
    }

    .mission-wrapper{
         flex-wrap: wrap;
         row-gap: 20px;
    }

        .center-image img {
          width: 100%;
        height: 300px;
    }

    .center-image{
    width: 48%;
 }

 .overview-image img {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
 }

     .error-404 {
        padding: 40px 0 50px;
    }

        .error-404 h4 {
        font-size: 16px;
        line-height: 24px;
    }

        .error-404 ul li {
        font-size: 14px;
        line-height: 22px;
    }

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

.wpml-ls-legacy-list-horizontal a{
        padding: 3px 5px 3px;
}

/* added */
.custom_menu_items_class .menu li a {
    font-size: 26px !important;
}

.team-detail h4 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
}

.team-detail h3{
      margin-bottom: 5px;
}

}


@media (max-width: 600px) {
      .footer-bg-left {
        width: 55px;
        height: 55px;
    }

    .logo {
        max-width: 140px;
        top: 15px;
    }

        .header-transparent {
        height: 75px;
    }

    .header_icons {
    column-gap: 6px;
}

.header_icons-main{
   column-gap: 6px;
}

.language-icon {
    padding-right: 0;
}

    .menu-slide .menu-items {
        width: 100%;
    }

        .menu li a {
        font-size: 14px;
        line-height: 24px;
    }

        .menu li {
        margin-bottom: 10px;
    }

        .menu-slide .our-projects-slider {
        width: 100%;
                margin-top: 40px;

    }

    .projects_swiper::after{
          display: none;
    }

        .our-projects-slider h2 {
        margin-bottom: 10px;
    }

        .projects_swiper {
        margin-top: 10px;
    }

    .project img {
        height: 190px;
    }

    .menu-slide{
        padding-top: 100px;
    }

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

    .menu.custom_menu_class {
        flex-direction: column;
        white-space: nowrap;
    }

    .menu li{
         width: 50%;
    }

        .slide-content h2 {
        font-size: 24px;
        line-height: 34px;
    }

        .slide-content p {
        font-size: 14px;
    }

        .slide-content .btn {
        margin-top: 10px;
    }

        .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

        .scroll_indicator {
        bottom: 70px;
          -webkit-inset-inline-end: 4%;
   inset-inline-end: 4%;
    }

    .icon_container img {
    width: 20px;
    height: 20px;
}

    .icon_container {
        border-radius: 22px;
        padding: 10px 6px;
        gap: 12px;
        margin-bottom: 16px;
    }

    .home_swiper .swiper-pagination {
        bottom: 25px;
    }

        .home_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 35px;
        height: 3px;
    }

    .about-us-image img {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.about-us-image {
    width: 100%;
}

.about-us-text{
    -webkit-padding-inline-start: 0;
       padding-inline-start: 0;
        padding-top: 35px;
    }

    .about-us-icon{
        flex: 1 1 100%;
    }

        .leadership-container {
        max-width: 90%;
    }

    .leadership-member {
        width: 48%;
    }

    .leadership-members{
      margin-top: 35px;
        column-gap: 4%;
        row-gap: 30px;
    }

        .member-photo {
        margin: 0 auto 10px;
    }

    .team-card.active::after {
    content: "";
    position: absolute;
    width: 105%;
    height: 110%;
        -webkit-border-radius: 10px;
    border-radius: 10px;
    top: -5%;
    left: -3%;
    }

    .member-photo {
    width: 150px;
    height: 150px;
    }

    .member_icon {
    width: 30px;
    height: 30px;
    bottom: 10px;
    }

        .why-africa-map {
        width: 100%;
    }

        .why-africa-content {
            -webkit-padding-inline-start: 0;
       padding-inline-start: 0;
        padding-top: 35px;
        width: 100%;
    }

    .goldshield-cta{
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
         border-radius: 10px;
    }

    .home-news-updates .news-excerpt {
    margin-bottom: 15px;
    }

        .menu li {
        margin-bottom: 18px;
    }

    .menu li.current-menu-item a::after{
         height: 2px;
         bottom: -6px;
    }

        .footer-left h5, .footer-right h5 {
        font-size: 15px;
    }

        .strategy-image img {
        height: 330px;
    }

        .points-wrapper {
        margin-top: 35px;
    }

        .strategy-wrapper {
        margin-top: 35px;
    }

    .home-banner .swiper-slide::before {
        content: "";
        width: 140px;
        height: 120px;
    }

    .about-us-icons{
        row-gap: 15px;
    }

    .scroll-to-top{
        bottom: 80px;
    }

        .leadership-container {
        max-width: 90%
    }

    .mission-wrapper .center-image {
        width: 100%;
    }

        .center-image img {
        height: auto;
        max-height: 450px;
    }
  
}

@media (max-width: 480px) {
  .download-link:nth-child(2):after{
       display: none;
  }

  .download-link{
       width: 100%;
  }

      .why-africa-links {
        gap: 18px;
    }

        .team-detail {
        padding: 25px;
    }

        .team-detail {
        margin-top: 50px;
    }

        ul.form-contact {
        row-gap: 10px;
    }

        .txt-feild, .txt-textarea {
        font-size: 16px;
    }

    .left-block {
              width: 100%;
        flex: 1 1 90%;
    }

    .center-image{
        width: 100%;
    }

      .center-image img {
        height: auto;
        max-height: 450px;
    }

        .right-block::before {
        width: 80px;
        height: 84px;
    }

        .strategy-content {
        flex: 1 1 100%;
    }

    .strategy-wrapper{
         row-gap: 20px;
    }

        .points-wrapper {
        margin-top: 30px;
    }

        .strategy-wrapper {
        margin-top: 30px;
    }

        .strategy-content::before {
        width: 80px;
        height: 84px;
    }

        .point-number{
        top: 5px;
        -webkit-inset-inline-end: 10px;
        inset-inline-end: 10px;
 }

 .center-image img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
     border-radius: 10px;
 }

     .why-africa-links {
        margin-top: 30px;
    }

        .governance-wrapper .center-image {
        width: 100%;
        height: auto;
    }

   

    .news-meta{
        padding-top: 15px;
    }

        .news-title {
        font-size: 15px;
        padding-top: 15px;
    }

        .badge {
        height: 23px;
        line-height: 23px;
        padding: 0 14px;
        font-size: 12px;
    }

        .news-meta {
        font-size: 12px;
    }

        .news-details-section h1 {
        font-size: 20px;
        line-height: 28px;
    }

        .news-details-section {
        padding: 50px 0;
    }

        .news-image img {
        height: 170px;
    }

    .governance-wrapper .center-image img{
        height: 280px;
    }

        .overview-image img {
        max-width: 210px;
        }

        .overview-container{
            gap: 25px;
        }

        .overview-content {
    flex: 1 1 100%;
    text-align: center;
}

.header_icons img{
     width: 20px;
}

    .language-icon {
        padding-right: 0px;
    }

          .strategy-image img {
        height: 280px;
    }

    .point-number{
                 font-size: 25px;
    }

        .point-card {
        padding: 70px 25px 35px;
        min-height: auto;
    }

    .language-icon img {
    width: 19px;
    height: 19px;
}

.custom_menu_items_class .menu li a {
    font-size: 20px !important;
}

.menu li{
            margin-bottom: 15px !important;
}


}

@media (max-width: 420px) {
     .news-main-section-inner ul {
        grid-template-columns: repeat(1, 1fr);
    }

        .news-image img {
        height: 250px;
    }
}
@media (max-width: 400px) {
    .menu li a {
        font-size: 12px;
        line-height: 24px;
    }

   

  }

/* Slide animation */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}