body {
   font-family: 'Poppins', sans-serif;
   overflow-x: hidden;
}

.btn:hover{
   background-color: #337ab7;
   text-decoration: none;
}

input {
   border: 2px solid #B5B5B5 !important;
   font-size: 1rem;
   line-height: 24px;
}

input::placeholder {
   color: rgba(178, 178, 178, 0.58);
}

input:focus, input:active {
   outline: none !important;
   border: 2px solid #337AB7 !important;
   box-shadow: none !important;
}

/* .custom-container {
   max-width: 1440px;
   margin: 0 auto;
   padding: 1rem;
   overflow: hidden;
   max-height: 500px;
} */


/* The Above Css Was commented out 'cos it added a max height to the footer and that caused issues in the page flow */

header {
   box-shadow: 1px 2px 4px rgba(214, 217, 223, 0.5);
}

.signup__dropdown {
   padding: 1rem 1rem 0;
   z-index: 9999 !important;
}

.btn-sign-up:hover {
   background-color: #00AEFF;
   color: white !important;
}

.signup__dropdown p {
   font-weight: 500;
   font-size: 1rem;
   line-height: 157.2%;
   color: #084482;
}

.signup__dropdown a {
   padding: 5px 0;
   text-align: center;
   background: #00AEFF;
   border-radius: 5px;
   margin-bottom: 1rem;
   color: white;
}

.signup__dropdown a:hover {
   background: #00AEFF;
   color: #333333;
}

.clients-card{
   height: 380px;
}
.nav-link, .talent-link{
   border-bottom-width: 3px;
   border-bottom-style: solid;
   border-bottom-color: transparent;
}

.nav-link:hover, .talent-link:hover, .talent-link:active{
   border-bottom-color: #084482;
}

.nav-link:hover, .talent-link:hover, .talent-link:active{
   color: black;
   text-decoration: none;
   border-bottom: 3px solid #084482;
}

.main-section{
   max-height: 450px;
}

.main-title{
  color: #012C3D;
}

.talent-row{
   max-width: 1400px;
}
.main-section {
   background-color: #D6D9DF;
}

.img-5{
   position: absolute;
   top: -2px;
   left: 0px;
   z-index: 10;
   max-width: 200px;
   box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}

.img-6{
   position: relative;
   left: -150px;
   top: 120px;
   max-width: 200px;
   box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}

.img-7{
   position: relative;
   top: -197px;
   right: -100px ;
   max-width: 200px;
   box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}
.img-1{
   position: absolute;
left: 180px;
top: 20px;
z-index: 1;
max-width: 200px;

box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}

.img-2{
   position: absolute;
left: -1px;
top: 100px;
max-width: 200px;
box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}

.img-3{
   position: absolute;
   right: 30px;
   top: 200px;
   max-width: 200px;  
box-shadow: 0px 4px 12px rgba(181, 181, 181, 0.25);
}
.blog-card{
   box-shadow: 0px 4px 12px #9B9B9B;
}

.hire-btn,
.vetting-section {
   background-color: #00AEFF;

}

.card-section {
   background-color: #EBECED;
}

.card-footer,
.join-btn {
   background-color: #084482;
}

.talent-card {
   box-shadow: 0px 4px 12px rgba(215, 215, 215, 0.25);
   max-height: 100%;
}

.hire-text {
   color: #676767;
}

.card-four {
   background-color: #E7E7E7;
   box-shadow: 0px 4px 12px rgba(215, 215, 215, 0.25);
}

.talent-link {
   text-decoration: none;
   color: #C2C2C2;
}

.read-more:hover{
   color: white;
   text-decoration: none; 
}

.bg-image1 {
   background: linear-gradient(rgba(20, 20, 20, .8),
         rgba(20, 20, 20, .8)),
      url("/img/pic6.svg");
   background-size: cover;
   transition: all 1s;

}

.bg-image1:hover{
  transform: scale(1.1);
}

.four-cards{
   background-color: black;
}

.blog-card{
   box-shadow: 0px 4px 12px #9B9B9B;
}

.read-more{
   color: white;
}

.client-testimonial{
   display: block;
   background: no-repeat url("/img/Adelanke.svg");
   background-size: cover;
   width: 56px;
   height: 56px;
   border-radius: 50%;
   padding-left: 15px;
   /* width: 614px !important; */
 }

.card{
   border-radius: 5px !important;
}

.height-fix {
   min-height: 560px;
}

@media screen and (max-width: 700px){
   .card{
      border-radius: 0px !important;
   }
}

@media (min-width: 768px) and (max-width: 991.98px) {
   .height-fix {
      min-height: 614px;
   }
}