body{
      font-family: 'Poppins', sans-serif;
  }
  
      header .item {
  height: 85vh;
  width:100%;
  position: relative;
}
header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .item .cover {
 
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
header .item .cover .header-content {
  position: relative;
  padding: 36px;
  overflow: hidden;
}
header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
header .item .cover .header-content h2 {
  font-weight: 600;
  font-size: 50px;
  color: #fff;
}

header .item .cover .header-content .develop {
  font-weight: 700;
  font-size: 80px;
  color: #fff;
}


header .item .cover .header-content .develop_f {
  font-weight: 700;
  font-size: 60px;
  color: #fff;
}

.develop_f::after
{
     content: '';
  display: block;
  height:7px;
  width:30%;
  background-color:orange;
  border-radius: 15px;
  margin: 10px;
}
 header .item .cover .header-content .develop_details
 {
  font-size: 20px;
  color: #fff;
}

header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 10px 0 10px;
  word-spacing: 3px;
  color: #fff;
}
header .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 26px;
  color: #fff;
  
}
header .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
header .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
header .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
header .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
header .owl-nav .owl-prev:focus {
  outline: 0;
}
header .owl-nav .owl-prev:hover {
  background: #000 !important;
}
header .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
header .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
header .owl-nav .owl-next:focus {
  outline: 0;
}
header .owl-nav .owl-next:hover {
  background: #000 !important;
}
header:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
header:hover .owl-next {
  right: 0px;
  opacity: 1;
}

  
  
.blue-text{
    color:#223645; 
 }
 
 .white-text{
    color:#fff; 
 }
 .red-text{
     color:#B83336;
 }
 
 .blue-bg{
     background:#223645;
 }
 .red-hover-text a:hover{
     color:#B83336 !important;
     transition: 0.3s ease-in-out; 
     
 }
 .red-hover-text p:hover{
     color:#B83336 !important;
     transition: 0.3s ease-in-out; 
     
 }
 .rednblue-background {
    background:#B83336;
    
}
.rednblue-background:hover, .rednblue-background:focus{
     background:#223645;
     outline:none;
    box-shadow:none;
}
.red-border-top{
    border-top: 4px solid #B83336;
}
.textdecoration a{
    text-decoration:none;
}
  .navbar-toggler:focus{
      outline:none;
      box-shadow:none;
  }
  .nav-menu a{
      color:#666666;
       display: inline-block;
    
  }
 
  .centered {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
 .centered p{
     font-size:8vh;
 }
  .centered span{
       font-size:2.6vh;
  }
@media only screen and (max-width:600px)
{
    .centered p{
     font-size:4vh;
 }
  .centered span{
       font-size:2vh;
  }
  .carousel-control-prev, .carousel-control-next{
      display:none;
  }
}
.jumbotron{
    background:#131c21;
}

.nav_hover::after{
     content: "";
  display: block;
  width: 0;
  height: 4px;
  background: #B83336;
  transition: width 0.3s; 
  
}

.nav_hover:hover::after {
  width: 100%;
}
/*@media only screen and (min-width: 990px)*/
/*{*/
/*.nav-menu li:hover, .nav-menu li::before {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 4px;*/
/*    background:  #B83336;*/
/*    transition: width 0.3s;*/
    
    
/*}*/

/*.nav-menu li:hover, .navmenu li::after {*/
/*    width: 100%;*/
/*}*/
/*}*/
.nav-menu .nav-item a:hover, .nav-menu .nav-item a:focus, .red-font{
    color:#B83336;
    
 
}
.rednblue-background {
    background:#B83336;
    
}
.rednblue-background:hover, .rednblue-background:focus{
     background:#223645;
     outline:none;
    box-shadow:none;
}
.job-list a{
    text-decoration:none;
    transition:0.3s ease-out;
}
.job-list a:hover{
    background:#B83336;
    color:white;
} 
.social-icon, .footer-logo{
    cursor:pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 200px;

  z-index: 1;
}

.dropdown-content a {
  color:#b3b3b3;
 
  text-decoration: none;
  display: block;
  text-align: left;
  font-size:15px;
}

 .dropbtn {
  display: inline-block;
  
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown:hover .dropdown-content {
  display: block;
   transition: 0.3s ease-in-out; 
}

.about_cardss
{
    margin-top:-40vh;
}

.below-banner-font{
    font-size:6.5vh;
}

.on-banner-font{
    font-size:5.5vh;
}

.below-faq-font{
    font-size:9.5vh;
}

@media only screen and (max-width: 600px){
    .below-banner-font{
    font-size:4.2vh;
}

.below-faq-font{
    font-size:4.2vh;
}
}



.brand-img-opacity img{
    filter:opacity(30%);
    transition: 0.3s ease-in-out;
}

.brand-img-opacity img:hover{
    filter:opacity(100%);
    transition: 0.3s ease-in-out;
}

.faq-banner
{
      background-image: url("../src/BBS-Home-banner-1.jpeg");
  background-repeat: repeat;
  background-color: #cccccc;
  height: 300px;
  opacity: 0.8;
}

.hr-consultant-background{
    background-image: url("../src/BBS-Home-banner-1.jpeg");
  background-repeat: repeat;
  background-color: #cccccc;
  height: 300px;
  opacity: 0.8;
}
.hr-consultant-text{
    font-size:6vh;
}
@media only screen and (max-width: 600px){
    .hr-consultant-text{
    font-size:4vh;
}
}

.home-slider-text{
    font-size:5.5vh;
}
@media only screen and (max-width: 600px){
    .home-slider-text{
    font-size:4.5vh;
}
}

.left-arrow-icon i:hover, .right-arrow-icon i:hover{
    color:#B83336;
    
}
.left-arrow-icon:focus, .right-arrow-icon:focus {
    outline:none;
    box-shadow:none;
    border:none;
}
.bluecircle{
    border:solid 8px #223645;
    height:170px;
    width:170px;
    background:white;
     transition: 0.3s ease-out;
}
.bluecircle:hover{
    background-image: url(../src/Blue-Background.jpg);
    color:white;
    border:none;
     transition: 0.3s ease-out;
}

.getintouch-left{
    background-image:url(../src/marten-bjork-6dW3xyQvcYE-unsplash.jpg);
}
.getintouch-right{
    background-image:url(../src/BBS-back.png);
    background-size: cover;
}

.resume-form-home input{
    height:60px;
}

.home-contactus-banner{
      background-image: url("../src/jess-bailey-q10VITrVYUM-unsplash-1.jpg");
 
 
  height: 550px;
  background-size: cover;
  
}

.whychooseus-banner{
    background-image: url("../src/sergey-zolkin-_UeY8aTI6d0-unsplash.jpg");
    height: 90vh;
    background-size: cover;
  }
  
.our-value-text{
    font-size:5vh;
}
@media only screen and (max-width: 600px){
    .our-value-text{
    font-size:3vh;
}
}

.whychooseus-services
{
    background-color:red;
}

.whychooseus-services, .howweseek-overview{
    background:#e6e9f0 ;
}

.howweseek-banner{
    background-image: url("../src/HOW-WE-SEEK.jpg");
    height: 90vh;
    background-size: cover;
}

.howweseek-overview-text{
    font-size:6vh;
}
@media only screen and (max-width: 600px){
    .howweseek-overview-text{
    font-size:5vh;
}
}
.howweseek-navs a{
    color:#223645;
    font-size:18px;
    font-weight:420;
    background:#f8f9fa;
}
.howweseek-navs a:hover {
    background:#223645;
    color:#fff;
    transition:0.4s all ease-in-out;
}

.processofhiring-banner{
    background-image: url("../src/working-Process.jpg");
    height: 90vh;
    background-size: cover;
}

.leadership-banner{
    background-image: url("../src/Leadership-scaled.jpg");
    height: 90vh;
    background-size: cover;
}

.contact-banner{
    background-image: url("../src/contact-bg.jpg");
    height: 90vh;
    background-size: cover;
}

.location-banner{
    background-image: url("../src/locationn.jpg");
    height: 90vh;
    background-size: cover;
}

.talent-acquisition-banner{
    background-image: url("../src/How-we-work.jpg");
    height: 90vh;
    background-size: cover;
}
.high_value_hiring-banner{
     background-image: url("../src/high-value-hiring.jpg");
    height: 400px;
    background-size: cover;
}
.rpo-banner{
     background-image: url("../src/campaign-creators-qCi_MzVODoU-unsplash.jpg");
    height: 400px;
    background-size: cover;
}

.rpo-text{
    font-size:5vh;
}
@media only screen and (max-width: 600px){
  .rpo-text{
    font-size:3.5vh;
}
}

.outsourcing-banner{
     background-image: url("../src/industry-2633878_1920-1.jpg");
    height: 400px;
    background-size: cover;
}



#main #faq .card .card-header a:focus{
    box-shadow:none;
}

#main #faq .card .card-header .btn-header-link {
  
  display: block;
  text-align: left;
  color: #222;
  
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\01F83B";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

/* #main #faq .card .card-header .btn-header-link.collapsed {
  background: #A541BB;
  color: #fff;
} */

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\01F83A";
}

#main #faq .card .collapsing {
/*   background: #FFE472; */
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
/*   background: #FFE472; */
  line-height: 30px;
  color: #222;
}

.service-categories a {
  /*padding: 16px auto;*/
  transition: all 0.5s;
  color:black;
  font-size:18px;
}
.service-categories a{
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.service-categories a:before {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 16px;
  left: -20px;
  transition: 0.5s;
}
.service-categories a:hover{
  padding-left: 35px;
  padding-right:4px;
  color:#B83336;
  
}
.service-categories a:hover:before {
  opacity: 1;
  left: 10px;
}


.Trainingndevelopment-banner{
    background-image: url("../src/annie-spratt-hCb3lIB8L8E-unsplash.jpg");
    height: 400px;
    background-size: cover;
}

.digital-marketing-banner{
    background-image: url("../src/digital-4368784_1920.jpg");
    height: 400px;
    background-size: cover;
}

.information-technology-banner{
    background-image: url("../src/computer-security-lock-and-payment-scaled.jpg");
    height: 400px;
    background-size: cover;
}

.IT-text{
    font-size:4.5vh;
}
@media only screen and (max-width: 600px){
  .IT-text{
    font-size:3.5vh;
}
}

.healthcare-banner{
    background-image: url("../src/Medical-Equipment.jpg");
    height: 400px;
    background-size: cover;
}


.healthcare-last-img img{
    filter:brightness(60%);
}

.education-banner{
    background-image: url("../src/anita-jankovic-162ppyjclxM-unsplash.jpg");
    height: 400px;
    background-size: cover;
}


.logistics-banner{
    background-image: url("../src/marc-olivier-jodoin-NqOInJ-ttqM-unsplash.jpg");
    height: 400px;
    background-size: cover;
}

.fintech-banner{
    background-image: url("../src/eet-4818539_1280.jpg");
    height: 400px;
    background-size: cover;
}

.retail-banner-actually{
    background-image: url("../src/element5-digital-z6i_UCBuu5Q-unsplash-scaled.jpg");
    height: 100vh;
    background-size: cover;
}

.startups-banner{
    background-image: url("../src/jesus-kiteque-wn-KYaHwcis-unsplash.jpg");
    height: 400px;
    background-size: cover;
}


.startups-categories a {
  /*padding: 16px auto;*/
  transition: all 0.5s;
  color:#666666;
  font-size:18px;
}
.startups-categories a{
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.startups-categories a:before {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 16px;
  left: -20px;
  transition: 0.5s;
}
.startups-categories a:hover{
  padding-left: 35px;
  padding-right:4px;
  color:#B83336;
  
}
.startups-categories a:hover:before {
  opacity: 1;
  left: 10px;
}

.heading
{
    font-size:80px;
    margin-top:-60vh;
    font-weight:700;
}

.heading2
{
    font-size:95px;
    margin-top:-65vh;
    font-weight:700;
}

.heading3
{
    font-size:80px;
    margin-top:-65vh;
    font-weight:700;
}


.codee
{
    background-color:#f3fffd;
    padding-top:5vh;
    padding-bottom:10vh;
}


   .codee .content {
    margin:20px auto;
    max-width: 680px;
}
.codee .accordion__item {
    background: #fffffe;
    border-radius: 4px;
}
.codee .accordion__item:not(:last-child) {
    margin-bottom: 15px;
}
.codee .accordion__header {
    padding: 20px;
    padding-right: 50px;
    font-weight: 600;
    font-size: 21px;
    color: #094067;
    position: relative;
    cursor: pointer;
}
.codee .accordion__header::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("https://cdn.statically.io/gist/koptyaisky/33f5da3d9e6b6cacdf5a353ad033c2ea/raw/c8468a17e0141ee82a2571deea1f76162abb47b6/arrow-down-blue.svg") no-repeat center;
    background-size: contain;
    transition: all .4s ease;
}
.codee .accordion__body {
    padding: 0 0px 0px 10px;
    font-weight: 300;
    font-size: 14px;
    color: #5f6c7b;
    line-height: 1.5;
    display: none;
}
.codee .open-accordion .accordion__body {
    display: block;
}
.codee .open-accordion .accordion__header::after {
    transform: rotate(-180deg);
}

.codee .matter
{
    font-size:16px;
    
    color:#666666;   
}

.codee .content ul
{
    margin-top:-20px;
}

.codee .content ul li
{
 
}
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}