h2, h4{font-family: "Alexandria", "Montserrat", sans-serif;}
section{padding: 60px 0;}
.africa-card .card-image{width: 100%;margin-bottom: 20px;}
.africa-card a{text-decoration: none;color: #000;}
.africa-card .card-image img{width: 100%;object-fit:cover;aspect-ratio: 1 / 0.6}
.africa-card h4{font-size: 24px;line-height:34px;font-weight: 600;}
h1{font-size: 50px;line-height: 60px;font-weight: 700;}
.africa-sec .heading{text-align: center;margin-bottom: 50px;}
.nav-pills{display: flex;align-items: center;justify-content: start;margin-bottom:40px;gap:30px;flex-wrap: wrap;}
.nav-link{color: #000;font-size: 16px;line-height: 24px;font-weight: 500;background: #ffffff;border: 1px solid #ccc;}
.nav-link:hover{border: 1px solid rgb(226, 190, 104, 0.98);background:transparent !important;color:#000;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:rgb(226, 190, 104, 0.98) !important;color: #000;border: 1px solid rgb(226, 190, 104, 0.98);}
.tab-content .row{row-gap: 30px;}





@media  (max-width: 1199px){
h1 {font-size: 40px;line-height: 50px;}
.africa-sec .heading {margin-bottom: 40px;}
.nav-pills {margin-bottom: 30px;gap: 20px;}
.nav-link { font-size: 18px;}
.africa-card h4 {font-size: 20px;line-height: 30px}


}

@media  (max-width: 991px){
 h1 {font-size: 32px;line-height: 42px;}
 .africa-sec .heading {margin-bottom: 20px;}
.nav-link {font-size: 14px;}
.nav-pills {gap: 10px;;margin-bottom: 20px;}
.africa-card .card-image {margin-bottom: 10px;}
.tab-content .row {row-gap: 20px;}
.africa-card h4 {font-size: 18px;line-height: 28px;}


    
}
    

@media (max-width:767px) {
.nav-pills {border-radius: 20px;}
.tab-content .row {row-gap: 10px;}
.africa-sec .heading { margin-bottom: 10px;}
    
}