@font-face {
    font-family:arial;
    src:url(../fonts/Arial.ttf)
}
:root{
   --blue:#085c88;
   --cyan:#03a9c0;
}
/*font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
.card-deck{
  width: 100%;
}
.bg-blue{
  background-color: #085c88;
}
.bg-cyan{
  background-color: #03a9c0;
}
h1, h2, h3, h4, h5, h6, p, li, a{
  font-family: 'Roboto', sans-serif;
}
p{
  font-size: 14px;
}
h3{
  font-size: 18px;
}
.text-blue{
  color: #085c88!important;
}
.text-cyan{
  color: #03a9c0!important;
}
.img-hover{
  overflow: hidden;
  transition: all 2s linear!important;
  width: 100%;
}
.img-hover:hover img{
  transform: scale(1.4, 1.4);
}
.img-tran{
  transition: all 2s linear;
}
/*header*/
.header-social{
  color: #03a9c0;
  text-align: center;

}
.header-social a{
  border: 1px dashed #085c88;
  padding: 8px 12px;
  color: #03a9c0;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.header-social a:hover{
  border: 1px dashed #085c88;
  background-color: #085c88;
  color: #ffffff;
}
.navbar{
  position: sticky;
  top: 0;
}
.custom-nav{
  background:#03a9c0;
  position: fixed;
  top: 0;
  width: 100%;
   -webkit-transition: all 1s;
  transition: all 2s;
  z-index: 9;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}
.navbar-dark.custom-nav .navbar-nav .active>.nav-link, .navbar-dark.custom-nav .navbar-nav .nav-item >.nav-link:hover{
  background: #085c88;
}
.navbar-dark .navbar-nav .nav-link{
  color:#ffffff;
  font: normal 100 18px 'Roboto', sans-serif;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: all 1s;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active>.nav-link{
  background-color: #03a9c0;
  color: #ffffff;
}
.banner{
  background:url(images/banner.jpg) no-repeat center;
  background-size: cover;
}
.banner .carousel-caption{
  right: 0%;
  left: 0%;
  bottom: 35%;
  background-color: rgba(226, 19, 7, 0.5);
}
.display-3{
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}
.banner h5{
  font: normal 100 18px 'Open Sans', sans-serif;
  width: 80%;
  max-width:1170px;

}
.banner .carousel-indicators{
  bottom: 10%;
}
.banner .carousel-indicators li{
  height: 30px;
  border-radius: 50%;
  position: relative;
  background-color: transparent;
  border:1px solid #fff;
  cursor: pointer;
}
.banner .carousel-indicators .active{
  border:1px solid #03a9c0;
}
.banner .carousel-indicators li::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    content: "";
    background: #ffffff;
    border-radius: 50%;
}
.banner .carousel-indicators li.active::after {
  background: #03a9c0;
}
.heading1{
  font: normal 300 36px 'Roboto', sans-serif;
  color: #085c88;
}
.wrapexpert h5{
  font: normal 400 18px 'Open Sans', sans-serif;
  margin-bottom: 2rem;
}
.object-cover{
  object-fit: cover;
}
.media-heading{
  font: normal 100 24px 'Open Sans', sans-serif;
}
.media-text{
  font: normal 300 14px 'Open Sans', sans-serif;
}
.wrapabout .col-md-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: all 1s linear;
}
.wrapabout .col-md-4:hover{
  box-shadow:0 1rem 3rem rgba(0,0,0,.175);
}
.about-title{
   font: normal 400 18px 'Roboto', sans-serif;
}
.about-text{
   font: normal 100 18px/28px 'Roboto', sans-serif;
   color: rgba(255, 255, 255, 0.85);
}
.btn-outline-primary{
  font: normal 400 18px/28px 'Roboto', sans-serif;
  border:1px solid #085c88;
  color: #ffffff;
  border-radius: 0px;
  padding: 0.75rem 3rem;
  border-radius: 0.25rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
   background-color:  #085c88;
}
.btn-outline-primary:hover,
.btn-outline-primary:active{
  border:1px solid #085c88;
  background-color:  #085c88;
  }
.footer .nav .nav-item .nav-link{
  color: rgba(255, 255, 255, 0.5);
  font: normal 100 14px 'Roboto', sans-serif;
  padding-left: 0rem;
  position: relative;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  text-transform: capitalize;
  display: inline-block;
  padding: 0.25rem 1rem;
}
.footer .nav .nav-item .nav-link:hover{
     color:#ffffff;
     padding-left: 24px;
  }
.footer .nav .nav-item .nav-link::before{
  content: "\f105";
  font-family:'FontAwesome';
  margin-right: 8px;
}
.footer .nav .nav-item.active .nav-link{
  color: #fff;
}
.footer p{
 color: rgba(255, 255, 255, 0.5);
 font: normal 100 14px/24px 'Roboto', sans-serif;
}

.footer-bottom{
  background-color: #003552;
  margin-top: 0.5rem;
}
.copy-text{
  font-size: 12px!important;
}
/*about*/
.wrap-about1 .shadow-sm:hover{
   box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
}
.wrap-about1 .fa{
  color: #03a9c0;
  font-size: 4rem;
  margin-bottom: 1rem;
}
.truck-icon{
  width: 60px;
  max-width: 60px;
  max-height: 60px;
}
.wrap-about1 .card-title{
  color: #03a9c0;
}
.wrap-about1 .card-text{
  font:normal 300 14px/24px 'Roboto', sans-serif;
}
.wrap-about2{

}
.wrap-about2 .card{
  background-color:transparent;
}
.wrap-about2 .card-link::after{
   content: "\f0d7";
   font-family:'FontAwesome';
   float: right;
   color: #ffffff;
}
.wrap-about2 .card-header .collapsed::after{
  content: "\f0da";
}
.card-link{
  color: #ffffff;
  font: normal 100 18px/24px 'Roboto', sans-serif;
  transition: all 0.6 linear;
  
}
.card-link:hover{
  color: #085c88;
  }
.wrap-about3{
  background:/*url(../images/banner.jpg) no-repeat center*/ #f8f9fa;
  background-size: cover;
  
}
.news-form .form-control{
  height: 54px;
  border-radius: 0px;
  margin: 1rem;
}
/*============
     client
  =============*/
  .client-page .card-header h4{
    color: #03a9c0;
    margin-top: 0.5rem;
    font-weight: 300;
  }
.job-descrip .row{
  padding: 0.5rem;
}
.job-descrip h5{
  color:#085c88;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
}
.job-descrip p{
  color:#343a40;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.list{
  list-style-type: none;
}
.list li{
  font-size: 14px;
  position: relative;
  font-weight: 400;
}
.do-list li, .do-not-list li{
  text-indent: -15px;
}
.do-list li::before{
  content: "\f046";
  font-family:'FontAwesome';
  font-weight: 100;
  margin-left: -20px!important;
  margin-right: 20px;
  color: #03a9c0;
}
.do-not-list li::before{
  content: "\f2d4";
  font-family:'FontAwesome';
  font-weight: 100;
  margin-left: -20px!important;
  margin-right: 20px;
  color: #03a9c0;
}
.job-descrip-list{
  padding: 0;
  margin:0rem 1rem;
  list-style-position: outside;
}
.job-descrip-list li{
  font: normal 400 14px/26px 'Open Sans', sans-serif;
  padding-left: 0.5rem;
}

/*============================
        Candidates
============================*/
.wrap-client ul{
  padding: 0px 1rem;
  margin: 0;
}
.wrap-client ul li{
  list-style-type: none;
  font: normal 500 14px/28px 'Open Sans', sans-serif;
  position: relative;
  padding-left: 20px;
  text-indent: -10px;
}
.wrap-client ul li:before{
  content: "\f046";
  font-family:'FontAwesome';
  font-weight: 100;
  margin-left: -20px!important;
  margin-right: 20px;
  color: #03a9c0;
}
.wrap-client ul.avoid-list li:before{
  content: "\f2d4";
  }
  .list-header{
  font-size: 16px!important;
  text-transform: uppercase;
  list-style-type: none;
  color:#03a9c0;
  font-weight: 700!important;
}
.list-header:before{
  opacity: 0;
}
.wrap-client .card-header h3{
  color: #03a9c0;
  margin-top: 0.5rem;
}
/*===========img-client================*/
.img-client{
  border:1px solid #03a9c0;
  max-width: 80px;
  height: auto;
  margin: 0px 24px 0px 8px;
}
.wrap-candidate .img-fluid{ 
  width: 50%!important;
  margin-left: auto;
  margin-right: auto;
   }
.media-title{
    color: #03a9c0;
   }
.wrap-candidate p{
  position: relative;
  font: normal 400 14px/24px 'Roboto', sans-serif;
  color: #343a40;
}
/*.wrap-candidate p::before{
  content: "❝";
  position: absolute;
  top: -60px;
  left: -20px;
  float: left;
  font: normal 100 80px 'Roboto', sans-serif;
  color: #6c757d;
}*/
.wrap-candidate h6{
  position: relative;
  padding-left: 30px;
  font: italic 600 18px 'Open Sans', sans-serif;
  color: #085c88;
}
.wrap-candidate h6::before{
  content: "";
  position:absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 1px;
  background-color: #085c88;
}
.wrap-candidate .owl-nav button.owl-next, .wrap-candidate .owl-nav button.owl-prev{ 
font-size: 40px;
line-height: 50px;
padding: 0px 14px 8px!important;
color: #085c88;
border:1px solid #085c88;
 }
 .wrap-candidate .owl-nav button.owl-next{
  border-left: none!important;
 }
/*==================search==============*/
.search-banner{
  background: #03a9c0;
  width: 100%;
  min-height: auto;
  background-size: cover;
  background-blend-mode:darken;
  position: relative;
}
.job-link{
  color:#ffffff;
  text-decoration: none;
  display: inline-block;
}
.job-link:hover{
  color: #085c88;
  text-decoration: none;
  transition: 0.4s;
}
/*.search-banner::before{
  content: "";
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 92, 136, 0.6);
}*/
.search-banner .form-control{
  background-color: #f8f9fa;
  border-color: #03a9c0;
  color: #343a40;
  padding: 1rem;
  border-radius: 0rem;
  border:none;
  outline: none;
  border-left: 2px solid #03a9c0;
  font-size: 1rem;
}
.search-banner .col-lg-4 .form-control{
   border-left: none;
}
.search-banner.form-group{
  overflow: hidden;
}
.search-banner select.form-control:not([size]):not([multiple]){
  height: auto;
}
.btn-submit{
  padding: 0.9rem 0.25rem;
  width: 100%;
  border-radius: 0;
  color: #ffffff;
  text-transform: uppercase;
}
.btn-submit:hover{
  background-color: #6c757d;
}
.wrap-search .col-md-3{
  background:#eee;
}
.wrap-search .col-md-9{
  background:#e1e1e1;
  padding-left: 32px;
  padding-right: 32px;
}
.wrap-search .list-group .list-group-item{
  padding: 0;
  border:none;
}
.wrap-search .list-group .list-group-item a{
  display: block;
  padding: 8px 6px;
  text-decoration: none;
  position: relative;
  transition: all 2s linear;
  color: #03a9c0;
  margin: 0;
  background: #eee;
}
.wrap-search .col-md-3 > .list-group > .list-group-item > a{
   font-size: 18px;
   font-weight: bold;
   color: #6c757d;
}
.wrap-search .list-group .list-group-item a:after{
  content: "\f107";
  font-family:'FontAwesome';
  color: #085c88;
  float: right;
}
.wrap-search .list-group .list-group-item a.collapsed:after{
  content: "\f105";
}
.after-none:after{
  display: none;
}
.sub-list > .list-group-item > a{
  padding-left: 16px!important;
}
.list-group.sub-list2 .list-group-item a{
  padding-left: 24px!important;
  
}
.wrap-search .list-group .list-group-item a label{
  margin-bottom: 0px;
  cursor: pointer;
}
.job-box{
  border-color: #085c88!important;
  border-radius: 4px;
}
.job-box .col-lg-2 .border{
  border-color: #03a9c0!important;
  border-radius: 4px;
}
.job-box a{
  text-decoration: none;
  color: #03a9c0;
}
.job-box .job-title{
  font-size: 18px;
  color: #085c88;
}
.job-box h6{
  font-weight: 400;
}
.wrap-search .btn{
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0.5rem 0rem;
  }
  .wrap-search .btn .fa{
    margin-right: 12px;
  }
  .btn-blue, .btn-cyan:hover{
    background: #085c88;
  }
  .btn-cyan, .btn-blue:hover{
    background:#03a9c0;
  }
/*=============contact page==============*/
.wrap-contact1{
  overflow: hidden;
}
label{
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
}
.wrap-contact1 textarea{
  height: 144px;
  resize: none;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.btn-upload {
  border: 1px solid #ced4da;
  color: #495057;
  font-weight: 100;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.wrap-contact1 .btn-outline-primary{
   margin-top: 2rem;
   padding: 0.55rem;
   border-radius: 8px;
   border-color: #ced4da;
}
.input-error{
  font-size: 12px;
  color: #f00;
  text-transform: capitalize!important;
}
/*responsive*/
@media screen and (max-width: 1280px) and (min-width: 992px) {
     .navbar-dark .navbar-nav .nav-link{
        padding-left: 1rem;
        padding-right: 1rem;
     }
  }
@media screen and (max-width: 992px) {
   .navbar-collapse{
    padding-top: 1rem;
  }
  .display-3{
    font-size: 3rem;
  }
  .banner h5{
    font-size: 16px;
  }
  .wrap-contact1 .card{
    flex: 100%;
    margin-bottom: 1rem;
  }
  .wrap-contact1 .btn-outline-primary{
    margin-top: 0rem;
  }
}
@media screen and (max-width: 768px) {
  .navbar-brand{
    padding-left: 0.5rem;
  }
  .header-social{
    padding-right: 1rem;
  }
   .banner .carousel-indicators{
      bottom: 4%;
    }
    .display-3{
    font-size: 2rem;
  }
  .banner h5{
    font-size: 14px;
  }
  /*about*/
  .wrap-about1 .card{
    flex: 100%;
    margin-bottom: 2rem;
  }
  .card-deck{
    display: block;
  }
  .btn.btn-lg.w-50{
    width: auto!important;
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
      .navbar-dark .navbar-nav .nav-link{
        font-size: 1rem;
      }
      .banner .img-fluid{
        height: auto; object-fit: cover;
      }
      .banner .carousel-caption{
        bottom: 10%;
      }
      .display-3{
        font-size: 1.5rem;
      }
      .banner h5{
        font-size: 12px;
      }
      .banner .carousel-indicators{
      bottom: -6px;
    }
    .banner .carousel-indicators li{
      height: 16px;
      width: 16px;
     }
    .banner .carousel-indicators li::after {
        width: 8px;
        height: 8px;
      }
      h5{
        font-size: 1rem!important;
      }
      .media-heading{
        font-size: 1.25rem;
      }
      .heading1{
        font-size: 1.5rem;
      }
      .btn-outline-primary{
        font-size: 14px;
        padding: 0.75rem;
      }
      .lead{
        font-size: 1rem;
      }
}
@media screen and (max-width:480px){
  
  .wrap-client .row .container .card-deck .card .img-fluid{
    max-width: 40px;
    height: auto;
  }
 .wrap-client .row .container .card-deck .card .card-body{
  padding: 0rem;
 }
 body{
  overflow-x: hidden;
 }
 .wrap-contact1 .px-4{
  padding-left: 0rem!important;
  padding-right: 0rem!important;
 }
 .wrap-contact1 .fa-3x{
  font-size: 2rem;
 }
}