@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
body{font-family: 'Roboto', sans-serif;padding: 0;margin: 0;}
.bi-facebook{color: #1a6ee8 !important;}
.bi-linkedin{color: #0d45cd !important;}
.bi-twitter{color: #0c88a7 !important;}
.text-right{text-align: right;}
header .top-info{background: #0a121a;padding: 6px 0;}
header .top-info ul{padding: 0;margin: 0;}
header .top-info ul li a{font-size: 12px;color: rgb(255 255 255 / 80%);text-decoration: none;}
header .top-info ul li a:hover{color: #fff;}
header .top-info ul li  i{color: rgb(255 255 255 / 80%);    margin-right: 5px;vertical-align: middle;}
header .top-info ul li .bi::before{font-size: 12px;}
header .top-info .text-right{text-align: right;}
header .top-info  .list-inline-item:not(:last-child) {margin-right: 10px;border-right: 1px solid rgb(255 255 255 / 31%);padding-right: 12px;}
header .top-nav{padding: 20px 0;}
header .top-nav .navbar-brand img{width: 236px;margin-left: 0;}
header .top-nav .navbar-brand {font-size: 26px;color: #314f89;font-weight: 800;border-left: 4px solid #f57e2a;padding:0 0 0 20px;}
header .top-nav .navbar-nav .nav-item{margin: 0 15px;}
header .top-nav .navbar-nav .nav-item:last-child{margin-right: 0;}
header .top-nav .navbar-nav .nav-item:last-child .nav-link{padding-right: 0;}
header .top-nav .bg-light {background: none !important;}
header .top-nav .navbar-nav .nav-link {    text-transform: uppercase;
    letter-spacing: 1px;padding: 0 0 5px 0;}
header .top-nav .navbar-nav .nav-link.active {color: #314f89;border-bottom: 2px solid #f57e2a;font-weight: 600;}
.homebanner{background: url('../images/banner.png') no-repeat top center;min-height: 500px;display: flex;align-items: center;}
.homebanner .homebanner-info h1{font-size: 35px;color: #fff; font-weight: 800; border-left: 4px solid #e7a078; padding-left: 25px; display: flex; margin: 0; }
.homebanner .homebanner-info p{    color: #bcbcbc; margin: 25px 0;}
.homebanner .homebanner-info .btn-get{background: #e7a078;color: #0a121a;font-size: 15px;font-weight: 600;margin-right: 20px;}
.homebanner .homebanner-info .btn-watch{color: #fff;display: inline-flex;align-items: center;}
.homebanner .homebanner-info .btn-watch .bi{
    font-size: 48px;margin-right: 15px;
}
.pad-100{padding: 100px 0;}
.mb-30{margin-bottom: 30px;}
.title h3{font-size: 35px;color: #000;font-weight: 800; border-left: 4px solid #e7a078;padding-left: 25px;}
.title p{margin: 2rem 0;}
.aboutus .card .card-img-overlay{top: auto;text-align: center;background:rgb(0 0 0 / 50%);}
.aboutus .about-info h3{font-size: 1.25rem; font-weight: 600; text-transform: capitalize; margin-bottom: 25px; color: #0a121a;}
.aboutus .about-info p{font-weight: 400;line-height: 1.8;}
.ourservices .card-img-overlay{position: static;}
.ourservices{position: relative;}
.ourservices .title h3{color: #fff;}
.ourservices::after{position: absolute;content: '';top: 0;width: 100%;height: 376px;    background: #0a121a;
    z-index: -1;}
.ourservices .card .card-title {font-size:18px;font-weight: 600;}
.ourservices .card p {font-weight: 400;line-height: 1.8;}
.ourservices .card{border:none;}
/* .ourservices .card .card-img-overlay{padding: 1rem 0;} */
.carrersat{ background: #fafafa;}
.carrersat img{animation: pulse 4s infinite;}
.joinus{ text-decoration: none; }
.viewmore{line-height: normal;display: flex;align-items: center;display: none;position: absolute;
    bottom: -15px;}
.ourservices .card:hover .viewmore{display: block;}
.viewmore a{color:#f57e2a;}
.viewmore a .bi{margin-left: 5px;}
footer{background: #0a121a;}
footer h6{margin: 0;padding: 0px 0 17px 0;font-weight: 300;color: #fff;font-size: 22px;text-transform: uppercase;}
footer p{ color: rgb(255 255 255 / 49%);font-size: 13px;line-height: 1.8;}
footer ul{list-style: none;}
footer ul li{margin-right: 15px;    padding-bottom: 10px;}
footer ul li a{color: #fff;text-decoration: none;font-size: 13px;
    line-height: 1.8;  color: rgb(255 255 255 / 49%);}
footer  .fa{width:30px;height:30px;text-align:center;line-height: 29px;color:#fff;}
footer  .fa-facebook{background:#2b3990;}
footer  .fa-twitter{background:#27aae1;}
footer  .fa-linkedin{background:#1c75bc;}
.inner-breadcrumb{background: #f9f9f9;padding: 25px 0 0;color: #fff;}
/* .custom-breadcrumb{display: flex;justify-content: space-between;align-items: center;} */ 
.custom-breadcrumb h2{    color: #314f89;font-size: 20px;}
.inner-content{padding: 50px 0;background: #f9f9f9;}
.custom-breadcrumb li{font-size: 13px;}
.inner-content .about-li{display: flex;list-style: none;    padding: 0;
    flex-wrap: wrap;}
.inner-content .about-li li{width: 45%; background: #eef3f6; margin: 5px 10px; font-size: 14px; position: relative; padding: 8px; border-radius: 3px; text-align: center;}
.bg-white h5,.inner-content h5{color: #314f89;font-size: 20px;margin-bottom: 20px;}
.pad-50{padding: 50px 0;}
.bg-white ul li{font-size: 15px;padding-bottom: 8px;}
.bg-white ul li i{margin-right: 8px;}
/* .joinus{background: #f9f9f9; border: 1px solid #f9f9f9; text-decoration: none; margin: 15px auto; display: inline-block; font-size: 18px;} */
.contact-info .addres-info{padding-right: 35px;}
.contact-info .addres-info ul{list-style: none;padding: 0;display: flex;}
.contact-info .addres-info ul li .fa{font-size: 22px;color: #2b3990;}
.contact-info .addres-info ul li a{  color: #000; text-decoration: none;}
.contact-info .addres-info ul li p{font-size: 15px;}
.contact-info .addres-info .social .fa{font-size: 18px; margin-right: 8px; width: 35px; height: 35px; background: #ccc; border-radius: 100px; color: #1b2a4e; text-align: center; line-height: 2; cursor: pointer;}
.contact-info .addres-info .social .fa:nth-child(1):hover{color: #fff;background: #3E54AA;}
.contact-info .addres-info .social .fa:nth-child(2):hover{color: #fff;background: #0488B9;}
.contact-info .addres-info .social .fa:nth-child(3):hover{color: #fff;background: #5FB8FE;}
.contact-info .addres-info ul li:last-child{margin-left: 15px;}
.contact-info .form-group{margin-bottom: 35px;}
.contact-info h5{
  font-size: 18px;
  border-bottom: 1px solid #d4d5d7;
  padding-bottom: 8px;
  margin-bottom: 35px;
  color: #314f89;
}
.contact-info h6{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.contact-info .btn-submit {
  background: #f57e2a;
  border: 1px solid #f57e2a;
  color: #fff;
  border-radius: 0;
  padding: 8px 25px;
  border-radius: 0.25rem;
}

@-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }
/* 
.section-block .block-content {
    min-height: 320px;
    background: rgba(0,0,0,0.3);
    padding: 8px 15px 15px 15px;
}
.section-block .block-content h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 4px solid #66a9a1;
    padding-bottom: 12px;
    margin-bottom: 15px;
    font-family: 'Dosis', sans-serif;
}
.section-block .block-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.9;
}

}
*/

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; padding-top: 15px; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-demo .item { margin: 15px; }
.owl-demo .item img { display: block; width: 100%; height: auto; }
.owl-wrapper a { display: block;text-decoration: none; }
.owl-controls { text-align: center;   position:absolute; text-align: center;position: absolute;bottom: -51px;right: 0;left: 0;}
.owl-controls .owl-buttons div { color: #666; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */margin: 5px; padding: 0 5px; font-size: 26px; }
.owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;}
.owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
.owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
.owl-demo .item .icon-bg img {width: auto;}
.owl-demo .item:hover .icon-bg{background:#058ad9; }
.owl-demo .item .icon-bg{transition:all 0.5s;background: #e94e18;display: inline-block;padding: 15px;position: absolute;right: 15px;bottom: 34%;}
.owl-demo .item .icon-image h3{margin: 0;padding: 8px 0;font-size: 17px; color: #000;font-weight: 700;}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}
@media screen and (max-width:768px){
  header .top-info .text-right,header .top-info,.text-right {
    text-align: center; 
  }
  .homebanner .homebanner-info h1 {
    font-size: 26px
  }
  .pad-100 {
    padding: 50px 0;
  }
  .aboutus  .card{margin-bottom: 10px;}
  .title h3 {font-size: 25px;}
  footer .text-center , footer .text-right{text-align: left !important;}
  footer ul{margin: 0 0 20px 0;padding: 0;}
  .inner-content .about-li li {width: 100%;}
  .navbar-nav {margin: 15px;}
  header .top-nav .navbar-nav .nav-link {padding: 8px 0;display: inline-block;margin-bottom: 10px;font-size: 14px;}
  .homebanner {
    background: #eee5d3 url(../images/banner.png) no-repeat top right;background-position: 28% 2%;position: relative;}
  .homebanner .row{background: rgb(11 19 28 / 54%);padding: 10px 0;}
  .homebanner .homebanner-info p {color: #fff;}
}