body {
    background-color: #1a365d;
}

.logo {
    width: 36vw;
    height:auto;
}

@media (min-width:576px) { 
    .logo {
        width: 24vw;
        height:auto;
    }

    .display-6 {
        font-size: calc(1.5rem + 0.8vw);
    }

    .fs-6 {
     font-size: 2px!important;
    }

    .lead {
        font-size: 0.9rem;
        font-weight: 300;
    }

 }

@media (min-width: 768px) { 
    .logo {
        width: 18vw;
        height:auto;
    }

 }

 @media (min-width: 992px) { 
    .logo {
        width: 14vw;
        height:auto;
    }
 }

 @media (min-width: 1200px) { 
    .logo {
        width: 12vw;
        height:auto;
    }
 }

@media (min-width: 1400px) { 
    .logo {
        width: 10vw;
        height:auto;
    }

 }


/* Fonts */

.h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}


h6 {
    font-size:1rem;
}

.lead {
    font-size: 1.3rem;
    font-weight: 300;
}

.fw-bold {
    font-weight: 800!important;
}

.fw-medium {
    font-weight: 700!important;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
}

.display-6 {
    font-size: calc(1.3rem + 0.4vw);
    font-weight: 300;
    line-height: 1.2;
}

.fs-6 {
    font-size: 1rem!important;
}

.text-red {
    color:#ef3340;
}

.text-blue {
    color:#1a365d;
}

.text-yellow{
    color:#F9BB43;
}


.text-grey {
    color:#181818;
}

.text-stroke, h2 {
    font-weight: 900;
    -webkit-text-stroke: 1px #ffffff;
    padding-left: 3px;
    color: transparent;
}


/* Navigation */

.nav-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.5em;
    text-decoration-color: #F9BB43;
    text-decoration-thickness: 3px;
}

.active-link {
    text-decoration: underline;
    text-underline-offset: 0.5em;
    text-decoration-color: #F9BB43;
    text-decoration-thickness: 3px;
}

.global-red {
    background-color: #ef3340;
}

.global-yellow{
    background-color: #F9BB43;
}

.global-blue{
    background-color: #1a365d;
}


.card-0 {
    border: none;
    background-color: transparent;
}


.btn-outline-light-pa {
    color:white;
    font-size: 16px;
    font-weight: 500;
    border:1px solid white;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
}

.btn-outline-light-pa:hover {
    color:rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
    border:1px solid white;
    background-color: #ffbf3f;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
}

/* Africa Hero */

/*
.africa-map {
    background-repeat: no-repeat;
    min-width: 20vh;
    max-width: 60vh;
    margin-top: -42vh;
    float: right;
} */

.hero-dev {
    background-color: #1a365d;
    background-image: url('../media/hclient.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position: top;
    padding: 1vh;
    min-height:85vh;
}


.hero-support {
    background-color: #ef3340;
    /*background-image: url('../media/hclient.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 1vh;
    min-height:85vh;
}

.navbar-toggler {
    padding: 5px;
    font-size: 1.5rem;
    line-height: 0.5;
    color: white!important;
    background-color: transparent;
    border: none;
    border-radius: none;
    transition: none;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.btn-close:focus,
.btn-close-icon:focus {
    outline: none!important;
    box-shadow: none;
  }

  .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  .centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .testimonial-text {
    max-height: 30vh;
    overflow-y: auto;
    padding: 5px 15px 0 25px;
}

  .testimonial-card {
    border:none;
    border-left: 2px solid #ef3340;
    border-top: 2px solid #ef3340;
    border-radius: 55px 55px 55px 55px;
    background-color: #ffffff;
    box-shadow: 2px 0px 8px 0px rgba(20,20,20,0.4);
    overflow: auto;
  }
  

  .testimonial-card-ftr {
    background-color: #1a365d;
    min-height:5vh;
    border-radius: 55px 0px 0px 55px;
  }

  :focus {outline:0 !important;}

  .img-thumbnail {
    max-width: 100px;;
  }
  

.card {
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    height:50vh;
    width: 60%;
}

.contact-card {
    margin-bottom: 25px;
    height:20vh;
    width: 100%;

}


.contact-card-header {
    background-color: #ef3340;
    display: flex;
    justify-content: start;
    border-radius: 10px;
    height: 5.5vh;
    width: 100%;
    padding: 10px;
    line-height: 1.5em;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
}

.contact-card-body{
    background-color: #ffffff;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 9px 13px 24px -21px #000000ad;
    margin-top:0;
    height:15vh;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
}

.contact-card-title {
    color:#000;
}

.contact-card-text {
    color:#161616;
    font-size: 1rem;
    font-weight: 200;
}


button.accordion-button:focus{
    box-shadow: inherit;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    background-color: #ef3340;
    border-radius: 15px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
}

.accordion {

  --bs-accordion-active-color: #ef3340;
  --bs-accordion-active-bg: #ef3340;
  border-radius: 15px;
}