@font-face {
  font-family: AvenirRegular;
  src: url(../fonts/AvenirNextLTPro-Regular.otf);
}
@font-face {
  font-family: AvenirBold;
  src: url(../fonts/AvenirNextLTPro-Bold.otf);
}
@font-face {
  font-family: AvenirLight;
  src: url(../fonts/AvenirNextLTPro-Light.otf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: AvenirBold;
}

p,
a,
button,
input,
textarea,
select {
  font-family: AvenirRegular;
}

a{
  text-decoration: none;
}

.header-icon-first i, .header-icon-second i {
  padding: 0px 5px;
  color: #fff;
  font-size: 20px;
}

.hero {
  /* background-image: url(../images/2matthieu-joannon-sgIfSl30YbE-unsplash.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)),
  url(../images/bg/bg5.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 130px;
  padding-bottom: 130px;
}

/* .hero .pt-5 {
  padding: 0 13rem;
} */

/* .hero .pt-5 p {
  font-size: 35px;
  color: rgb(255, 255, 255);
  font-family: AvenirRegular;
  line-height: 1.5;
} */

.contact {
  /* background-image: url(../images/bg/bg6.png); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)),
  url(../images/bg/bg6.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 100px;
    padding-bottom: 100px;
}

/* .contact .pt-5 p {
  font-size: 35px;
  color: rgb(255, 255, 255);
  font-family: AvenirRegular;
  line-height: 1.5;
} */

/* .contact .pt-5 {
  padding: 0 13rem;
} */

/* .contact p {
  font-size: 25px;
  color: #fff;
  font-family: Avenir Regular;
} */

.contact button.btn.btn-dark{
  padding: 12px 35px;
  border: none;
  font-size: 30px !important;
    padding: 12px 65px !important;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.contact button.btn.btn-dark a{
  text-decoration: none;
  color: #fff;
}

/* collaboration */
section.logos {
  background: linear-gradient(0deg, rgba(17, 17, 17, 0.4), rgba(17, 17, 17, 0.6)),
  url(../images/bg/bg4.jpg);
  /* background: url(../images/bg/bg10.jpg); */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 8rem 0rem;
}
section.logos .col {
  /* width: 250px;
  height: 250px;
  background: white; */
  margin: 0px 0px 30px 0px;
  text-align: center;
  vertical-align: middle;
}



section.logos img {
  width: 260px;
  border-radius: 5px;
}
/* collaboration contact section */
section.logos.contact {
  background: url(../images/pexels-timson-foox-2182863.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 8rem 0rem;
}

section.logos.contact button.btn.btn-light.mt-4 {
  padding: 12px 35px;
  font-size: 20px;
  border: none;
}
section.logos.contact button.btn.btn-light.mt-4 {
  padding: 12px 35px;
  border: none;
  font-size: 30px !important;
    padding: 12px 65px !important;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
section.logos.contact button.btn.btn-light.mt-4 a{
  color: #000;
}

/* contact page form section */
section.contact-form {
  /* background: url(../images/pexels-timson-foox-2182863.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(156 156 156 / 40%)),
    url(../images/bg/AK.jpeg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 4rem 0rem;
}
section.contact-form p{
  font-size: 20px !important;
  color: #fff !important;
}

section.contact-form input, section.contact-form select, section.contact-form textarea{
  font-size: 18px !important;
  color: #fff !important;
}

section.contact-form .subtitle{
  font-size: 20px !important;
  color: #fff !important;
  padding-bottom: 10px;
}


/* contact page newsletter */
section.contact.newsletter {
  background: url(../images/pexels-oliver-1074505.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 8rem 0rem;
}
.fund{
  padding: 2rem 0rem !important;
}

section.contact-form input,
section.contact-form textarea,
section.contact-form select {
  background: #211b17 !important;
}

/* about page */
section.about.first-section {
  /* background: url(../images/pexels-timson-foox-2182863.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(156 156 156 / 40%)),
    url(../images/pexels-timson-foox-2182863.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 3rem 0rem;
}

section.about.second-section {
  padding: 3rem 0rem;
}
section.about.third-section {
  padding: 3rem 0rem;
}

section .sources{
  border: none;
    font-size: 22px !important;
    padding: 12px 65px !important;
    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
}
section .sources a{
  text-decoration: none;
  color: #000;
}
section.about.second-section .theory{
  border: none;
    font-size: 22px !important;
    padding: 12px 65px !important;
    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
    background-color: #FFD102;
}
section.about.second-section .theory a{
  text-decoration: none;
  color: #fff;
}
.about p{
  font-size: 18px !important;
    color: #fff !important;
    line-height: 1.4;
}

/* giig africa fund page */
/* section.giig_africa_fund {
  padding: 3rem 0rem;
} */
/* section.giig_africa_fund2 {
  padding: 3rem 0rem;
} */

button.btn.btn-light.btn-form {
  padding: 12px 68px;
  font-size: 15px;
  font-weight: bold;
}
button.btn.btn-dark.qualified {
  background: #ffd102 !important;
  padding: 10px !important;
}

button.btn.btn-dark.qualified a {
  font-size: 25px;
  text-decoration: none;
  color: #fff;
}

button.btn.btn-light.agree a {
  font-size: 32px;
  text-decoration: none;
  color: #fff;
}

button.btn.btn-light.agree {
  background: #ffd102 !important;
  padding: 10px 30px !important;
  border: none;
}

/* footer */
footer {
  background: #0e1115;
}
.navbar {
  background: #0e1115;
}
nav .nav-link{
  color: #fff !important;
} 


/* about page */
section.founding_partner {
  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(156 156 156 / 80%)), */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(../images/pexels-timson-foox-2182863.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 3rem 0rem;
}
section.about.founding_partner img {
  border-radius: 50%;
}

section.giig_africa_fund p, section.giig_africa_fund ul li {
  font-size: 20px !important;
  color: #fff !important;
  line-height: 1.4;
}
section.giig_africa_fund2 p, section.giig_africa_fund2 ul li {
  font-size: 20px !important;
  color: #fff !important;
  line-height: 1.4;
}
section.giig_africa_fund {
  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(156 156 156 / 80%)), */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(../images/bg/bg5.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 3rem 0rem 3rem 0rem;
}
section.giig_africa_fund2 {
  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(156 156 156 / 80%)), */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(../images/bg/bg4.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0rem 0rem 3rem 0rem;
}


section.giig_africa_fund2 .disclaimer{
  padding: 0px 30px 15px 30px !important;
}
.process{
  padding: 0px 30px 15px 30px !important;
}

.row {
  vertical-align: middle;
}

.row.disclaimer p {
  font-size: 15px !important;
}
.col-md-4.p-5.block-africa {
  margin-top: 1rem !important;
}

.col-md-4.p-5.block-africa h3 {
  border-radius: 4px;
  border: 2px solid;
  padding: 2rem;
}

footer a {
  color: #fff;
  text-decoration: none;
  padding: 0px 10px;
}
footer a:hover {
  color: #f2f2f2;
}







/* media query */
/* homepage */
/* @media screen and (max-width: 600px) { */
  /* homepage */
  /* .contact .pt-5 {
    padding: 0 1rem !important;
  } */

  /* .px-5 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
  
h1{
  font-size: 35px;
}
h2{
  font-size: 25px;
}

p{
  font-size: 18px;
}

input, textarea, select, label{
  font-size: 18px;
}
.col-8.contact-column {
  width: 85% !important;
}
section.contact-form .subtitle {
  font-size: 17px !important;
}
.contact button.btn.btn-dark.mt-4 {
  padding: 12px 35px;
  font-size: 22px !important;
  padding: 12px 21px !important;
}

section.logos.contact button.btn.btn-light.mt-4 a {
  font-size: 22px !important;
  padding: 12px 21px !important;
}


.logos .col{
  flex: 50%;
}
section.giig_africa_fund .p-5 {
  padding: 1rem !important;
}
.row.process.p-5 .col-md-12 {
  padding: 0 !important;
}
button.btn.btn-light.agree a {
  font-size: 25px;
}
section.about.first-section .p-5 {
  padding: 1.5rem !important;
}
section.about.second-section h1 {
  font-size: 25px !important;
}
section.about.second-section .theory {
  font-size: 25px !important;
}
section .sources {
  font-size: 25px !important;
}
.contact.about button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}
.contact.home button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}

footer .header-icon i {
  margin-bottom: 10px;
}
footer a {
  padding: 20px 5px;
}
.hero{
    padding-top: 100px !important;
}
.header-icon-second {
  display: none;
}


}  */




/* ===================================== */
/*  
  ##Device = Desktops 
  ##Screen = 1281px to higher resolution desktops 
*/ 
@media (min-width: 1281px) { 
   
  .header-icon-first {
    display: none;
  }
   
  .anton {
    color: #ff006c;
    display: inline;
  }
} 
/*  
  ##Device = Laptops, Desktops 
  ##Screen = B/w 1025px to 1280px 
*/ 
@media (min-width: 1024px) and (max-width: 1280px) { 
   
  .header-icon-first {
    display: none;
  } 
  
  .anton {
    color: #ff006c;
    display: inline;
  }

} 
/*  
  ##Device = Tablets, Ipads (portrait) 
  ##Screen = B/w 768px to 1024px 
*/ 
@media (min-width: 768px) and (max-width: 1023px) { 
   
  .header-icon-second {
    display: none;
  }
   
} 
/*  
  ##Device = Tablets, Ipads (landscape) 
  ##Screen = B/w 768px to 1024px 
*/ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
   
  .header-icon-second {
    display: none;
  } 
   

  .anton {
    color: #ff006c;
    display: inline;
  }
} 




/*  
  ##Device = Low Resolution Tablets, Mobiles (Landscape) 
  ##Screen = B/w 481px to 767px 
*/ 
@media (min-width: 481px) and (max-width: 767px) { 
   
  .px-5 {
    padding-right: .1rem!important;
    padding-left: .1rem!important;
}
  
.anton {
  color: #ff006c;
  display: inline;
}

h1{
  font-size: 35px;
}
h2{
  font-size: 25px;
  
}

p{
  font-size: 18px;
}

input, textarea, select, label{
  font-size: 18px;
}
.col-8.contact-column {
  width: 85% !important;
}
section.contact-form .subtitle {
  font-size: 17px !important;
}
.contact button.btn.btn-dark.mt-4 {
  padding: 12px 35px;
  font-size: 22px !important;
  padding: 12px 21px !important;
}

section.logos.contact button.btn.btn-light.mt-4 a {
  font-size: 22px !important;
  padding: 12px 21px !important;
}


.logos .col{
  flex: 50%;
}
section.giig_africa_fund .p-5 {
  padding: 1rem !important;
}
.row.process.p-5 .col-md-12 {
  padding: 0 !important;
}
button.btn.btn-light.agree a {
  font-size: 25px;
}
section.about.first-section .p-5 {
  padding: 1.5rem !important;
}
section.about.second-section h1 {
  font-size: 25px !important;
}
section.about.second-section .theory {
  font-size: 25px !important;
}
section .sources {
  font-size: 25px !important;
}
.contact.about button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}
.contact.home button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}

footer .header-icon i {
  margin-bottom: 10px;
}
footer a {
  padding: 20px 5px;
}
.hero{
    padding-top: 100px !important;
}
.header-icon-second {
  display: none;
}
a.navbar-brand img {
  width: 60px;
}
.process {
  padding: 0!important;
}
section.contact.home.newsletter a {
  font-size: 28px !important;
}
   
} 




/*  
  ##Device = Most of the Smartphones Mobiles (Portrait) 
  ##Screen = B/w 320px to 479px 
*/ 
@media (min-width: 320px) and (max-width: 480px) { 
   
  .px-5 {
    padding-right: .1rem!important;
    padding-left: .1rem!important;
}
  
.anton {
  color: #ff006c;
  display: inline;
}

h1{
  font-size: 35px;
}
h2{
  font-size: 25px;
}

p{
  font-size: 18px;
}

input, textarea, select, label{
  font-size: 18px;
}
.col-8.contact-column {
  width: 85% !important;
}
section.contact-form .subtitle {
  font-size: 17px !important;
}
.contact button.btn.btn-dark.mt-4 {
  padding: 12px 35px;
  font-size: 22px !important;
  padding: 12px 21px !important;
}

section.logos.contact button.btn.btn-light.mt-4 a {
  font-size: 22px !important;
  padding: 12px 21px !important;
}


.logos .col{
  flex: 50%;
}
section.giig_africa_fund .p-5 {
  padding: 1rem !important;
}
.row.process.p-5 .col-md-12 {
  padding: 0 !important;
}
button.btn.btn-light.agree a {
  font-size: 25px;
}
section.about.first-section .p-5 {
  padding: 1.5rem !important;
}
section.about.second-section h1 {
  font-size: 25px !important;
}
section.about.second-section .theory {
  font-size: 25px !important;
}
section .sources {
  font-size: 25px !important;
}
.contact.about button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}
.contact.home button.btn.btn-dark.mt-4 {
  padding: 12px 50px !important;
}

footer .header-icon i {
  margin-bottom: 10px;
}
footer a {
  padding: 20px 5px;
}
.hero{
    padding-top: 100px !important;
}
.header-icon-second {
  display: none;
}
   
a.navbar-brand img {
  width: 60px;
}
.process {
  padding: 0!important;
}
section.contact.home.newsletter a {
  font-size: 28px !important;
}
}