*{
  font-family: 'Abhaya Libre', serif;
font-family: 'Lato', sans-serif;
}
/*scrollbar*/
/*scrollbar*/
.custom-scrollbar {
  overflow-y: scroll;
}

#top-menu.nav.navbar-nav.navbar-right.main-nav{
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row !important;
}


.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #edeef0;
  border-radius: 15px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #0C90C1;
  border-radius: 12px;
}
/*scrollbar-end*/
/*banner*/
.row.banner-row.owl-carousel.owl-loaded.owl-drag {
    margin: 0 auto;
}
.banner-row{
  margin: 0 auto;
}

.banner-row.owl-carousel .owl-dots{
  width: 110px;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}
.banner-row.owl-nav{
  display: block!important;
  position: absolute;
}
.banner-row.owl-carousel .owl-dots button.owl-dot.active{
  background-color: #fff !important;
  border: solid 3px #18509a; 
}
.banner-row.owl-carousel .owl-dots button.owl-dot {
    background-color: #D1D3D4 !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 6px;
    border: solid 3px #939598;
    outline: none;
  }
.banner-row.owl-carousel .owl-nav button {
    display: none!important;
}
.banner1{
    background-image: url('img/3.jpg');
    width:100%;
    height: 600px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.banner2{
    background-image: url('img/b1.jpg');
    width:100%;
    height: 600px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.banner3{
    background-image: url('img/b2.jpg');
    width:100%;
    height: 600px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.banner-above{
  width:50%;
  float: right;
}
.banner-img{
  margin-top:20px;
   animation: shake 0.2s infinite alternate ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}
.banner-img1{
  margin-top:20px;
   animation: shakee 0.2s infinite alternate ease-in-out;
}
@keyframes shakee {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}


.banner h1{
    color:#fff;
    font-size: 65px;
    font-weight: 500;
}
.banner h4{
    color:#fff;
    font-family: 'Lato';
    font-size: 20px;
}
.centered {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  position: absolute;
    top: 30%;
    left: 20%;
    right: 0%;
   font-family: 'Abhaya Libre'; 
}
/*service*/
.service{
    padding:70px 20px;
}

.serv-box a{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
  background-color:#0C90C1;
  width: 150px;
  color:#fff;
  border-radius: 5px;
  font-size: 14px;
}
.serv-box a:hover{
  background-color: #18509a;
  color:#fff;
  text-decoration: none;
   animation: shake 0.2s infinite alternate ease-in-out;
}

/*.btnn img {
 display: block;
 margin: 0px auto;
    width: 100px!important;
    }
    .btnn span {
        display: block;
    text-align: center;
}*/

.serv-box h4{
  color:#0C90C1;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 20px;
  text-align: center;
  font-family: 'Abhaya Libre';
}
.serv-box p{
  font-size: 16px;
  padding: 5px 20px;
      text-align: justify;
}
.frame-col{
  display: flex;
  width:100%;
  justify-content: space-between;
}
.serv-box{
  position: relative;
  flex-basis: 30%;
  padding-bottom: 10px;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
}
.frame-col.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
}
.frame-col.owl-carousel .owl-nav button.owl-prev{
    top: 45%;
    color: #fff;
    left:-55px;
    font-size: 35px;
}
.frame-col.owl-carousel .owl-nav button.owl-prev span{
    padding: 0px 16px 5px;
    background-color: rgb(12, 144, 198,.5);
    border-radius: 50%;
}
.frame-col.owl-carousel .owl-nav button.owl-next{
    top: 45%;
    color: #fff;
    right: -55px;
    font-size: 35px;
}
.frame-col.owl-carousel .owl-nav button.owl-next span{
    padding: 0px 16px 5px;
    background-color: rgb(12, 144, 198,.5);
    border-radius: 50%;
}
.frame-col.owl-carousel .owl-nav button span:hover{
background-color: #18509a;
}

/*abt-sec*/
.abt-sec{
    padding: 30px 20px;
    background: #edeef0;
}
.abt-sec h2{
font-size: 60px;
font-weight: 500;
font-family: 'Abhaya Libre'; 
}
.abt-sec p{
    text-align: justify;
    line-height: 30px;
color:#3A3A3C;
font-size: 16px;
}
/* .abt-sec img{

} */
.abt-sec img:hover{
 animation: shakeee 0.2s infinite alternate ease-in-out;
}
@keyframes shakeee {
  0% {
transition:2s;
    transform: translateX(-2px);
  }
  20% {
 transition:2s;  
    transform: translateX(2px);
  }
   50% {transition:2s;
    transform: translateY(-2px);
  }
  100% {
   transition:2s; 
    transform: translateY(2px);
  }
}
/*access-control*/
.acc-control-row{
    display: flex;
    width:100%;
}
.acc-control-col{
    flex-basis: 50%;
    width:100%;
height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px; 
}
.acc-control-col1{
 background-image: url('img/10.png'); 
}
.acc-control-col2{
background-image: url('img/15.png');
}
.acc-content1{
  padding:0px 0px;
  color:#000;
}
.acc-content1 h2{
    color:#0C90C1;
}
.acc-control-row li{
  font-size: 16px;
  padding: 5px;
}
.acc-content {
    padding: 0px 120px;
    color: #fff;
}
.acc-control-row h2{
    font-weight: 500;
    font-size: 40px;
    font-family: 'Abhaya Libre';
}
.acc-content p{
    font-size: 16px;
    margin-bottom: 20px;
}
.acc-content a{
padding:10px 30px;
color:#fff;
font-size: 16px;
}
.acc-content a:hover{
    color:#fff;
}
/*our-client*/
.our-client{
    padding: 40px 20px;
}
 .our-client h2{
    font-weight: 500;
    font-size: 50px;
    font-family: 'Abhaya Libre';
    margin: 20px auto;
}
.client-img {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 15px;
    padding:5px;
}
.our-client img{
    width:200px;
    height:100px;
}
/*testimonials*/
.testimonials{
  background-image: url('img/9.png');
    width:100%;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*position: relative; */
    padding: 50px 20px; 
    color:#fff;
    background-attachment: fixed;
}
.testimonials h2{
  text-align: center;
  font-size: 50px;
  font-family: 'Abhaya Libre';
  font-weight: 500;
  padding-bottom: 30px;
}
.test-row{
  display: flex;
  justify-content: space-between;
}
.test-content{
  border-radius: 10px;
  flex-basis: 45%;
  background:rgba(57,138,185,.5);
  padding: 30px;
}
.test-content i{
  padding: 5px;
}
.test-content p{
font-size: 16px;
line-height: 30px;
}

/**********inner-pages***********/
.inner-banner{
   background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)),url(img/3.jpg);
   /* background-image:linear-gradient(70deg, blue, pink,.5px), url('img/3.jpg');*/
    width:100%;
    height: 300px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.product-banner{
 background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/product.png'); 
}
.outsourcing-banner{
  background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/outsourcing1.png');
}
.staff-service-banner{
  background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/staff-service.png');
}
.contact-banner{
    background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/contactus.jpg');
}
.It-service-banner{
  background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/b1.jpg');
}
.career-banner{
  background-image:linear-gradient(rgba(12,12,12,.5), rgba(10,10,10,.5)), url('img/careerr.png');
}
.inner-banner h2 {
    text-align: center;
    /*background: #00000096;*/
    padding: 20px;
    color: white;
    /*box-shadow: 0 0 10px white;*/
    text-transform: capitalize;
    margin: 0 auto;
    font-size: 50px;
    margin-top: 10%;
     font-family: 'Abhaya Libre';
}
.inner-banner-2{
    background-image: url('img/b-1.jpg');
    width:100%;
    height: 300px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.inner-banner-3{
    background-image: url('img/b-2.jpg');
    width:100%;
    height: 300px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.inner-banner-4{
    background-image: url('img/contactus.jpg');
    width:100%;
    height: 300px;
/*  margin-top: 147px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.inner-page{
  padding: 30px 20px;
  /*background: #F7F5F6;*/
}
.inner-page h2{
  text-align: center;
  font-size: 30px;
font-weight: 600;
color:#202A6B;
}
.about-page img{
  position: sticky!important;
  top:200px!important;
  padding-bottom: 10px;
}
.inner-page p{
  font-size: 16px;line-height: 30px;
  text-align: justify;
}
.inner-page h3{
  font-size: 18px;
    font-weight: 600;
    color: #18509a;
}
.inner-page h4{
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color:#0C90C1;
}

.inner-page h5{
  font-size: 16px;
  display: flex;
  line-height: 30px;
}
.inner-page i {
    color: #18509a;
    padding: 8px 5px 0px 0px;
}
.steps-main{
  display: flex;
  justify-content: space-between;
}
.steps-main button{
  background: #def5ff;
  border:1px solid #0C90C1;
  color:#000;
}
.steps-main button:hover{
background: #0C90C1;
  color:#fff;
}
.steps-main button:focus{
  outline: none;
}
ul.it-service{
  -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.it-service li{
  font-size: 16px;
  padding-bottom: 5px;
}
.it-service li::marker {
    color:#18509a;
}
.inner-page li{
  font-size: 16px;
  padding-bottom: 5px;
}
.inner-page li::marker {
    color:#18509a;
}
/*about-page*/
.about-page h2{
  text-align: left;
}
.miss-visi{
  display: flex;
  justify-content: space-evenly;
 margin: 30px 0px;
 margin-top:110px;
}
.box{
  position: relative;
    text-align: center;
    padding: 5px 10px;
    margin: 0 40px;
    background-color: #F4FBFD;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.box img{
      border: 10px solid #Fff;
    position: absolute;
    background: #F4FBFD;
    height: 100px;
    border-radius: 50%;
    width: 115px!important;
    top: -74px;
        right: 176px!important;
}
.box h3{
  color:#F5711E;
      font-size: 25px;
    font-weight: 600;
}
/*gallery-page*/
.gallery-page{
  background: #F7F5F6;
}
.gallery-row{
display: flex;
justify-content: space-around;
}
.gallery-row{
  margin: 10px auto;
    display: flex;
    justify-content: space-around;
}
.gallery-content{
    flex-basis: 24%;
    position: relative;
}
.gallery-img{
    border:4px solid #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}
.gallery-img img {
      height: 230px;
}
.gallery-content h4{
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  top: 184px;
  left: 4px;
  width: 97%;
  right: 0px;
  text-align: center;
  color: #fff;
  padding: 10px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,113,30,0.8127626050420168) 0%);
}


/*contact-page*/
.contact-page h2{
  text-align: center;
  font-size: 30px;
font-weight: 600;
color:#202A6B;
}
.contact-page-row{
  display: flex;
  width:100%!important;
}
.contact-form{
      background: #fff;
  flex-basis: 50%;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  padding: 30px;
}
.contact-form input{
height:40px;
}

.antispam { display:none;}
.dynamic-code {
    font-size: 25px;
    background: #F4FBFD;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
}
.captcha-reload {
    padding: 12px;
    color:#202A6B;
    text-align: center;
}
.form-group button {
    /* display: flex; */
    display: block;
    margin: 0 auto;
    width: 200px;
    background: #18509a;
    border: none;
    color: #fff;
    font-size: 18px;
    padding: 8px;
    margin-top: 25px!important;
    border-radius: 5px;
}
.contact-content{
 flex-basis: 48%;
 background: #fff;
padding: 12px;
/*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
margin-left: 15px;
}
.divider{
  display: flex;
  color:#fff;
}

.divider{
 display: flex;
justify-content: space-evenly;
}
.divider .col{
  vertical-align: center;
 padding: 5px;
    background: #0C90C1;
        margin: 4px;
    flex-basis: 45%;
    text-align: center;
    height: 200px;
}
.divider .col:hover {
    background: #62cbf1;
}
.divider .col h4{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.divider .col p{
  text-align: center;
}
 .divider .top{
  font-size: 30px;
}
button:focus {
    outline: none;
}
.divider i{
  color:#fff;
}
/*contact page end*/
/*career page*/
.career-page{
  padding: 50px;
/*  background-color: #f5f3f0;*/
background: rgb(12,144,193);
background: linear-gradient(90deg, rgba(12,144,193,.5) 43%, rgba(245,243,240,1) 43%);
}
.career-page h2{
font-size: 50px;
font-weight: 700;
line-height: 70px;
}
form.career-form {
    padding: 50px;
    border-radius: 20px;
    background: #18509a;
        box-shadow: 0 0px 15px 0px rgb(0 0 0 / 80%);
}
form.career-form input{
  margin-bottom: 30px;
  height: 42px;
}
form.career-form button{
  display: block;
    padding: 8px 30px;
    font-size: 20px;
    margin: 0px auto;
    margin-top: 30px;
    background: none;
  color:#fff;
  border:2px solid #fff;
}
form.career-form button:hover{
background: #fff;
color:#0C90C1;
}
/*service page*/
section.service-page img {
    margin: 60px 0;
}
.service-row{
  display: flex;
  justify-content: space-around;
}
.service-box{
  background: #FFF;
  margin: 10px;
  padding: 10px 20px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/*.humbergarBtn{
    width: 35px;
    height: 0px;
    position: absolute;
    top: -148px;
    bottom: 0px;
    right: 15px;
    margin: auto;
    color: #000;
}*/
/*.sticky .humbergarBtn{
    width: 35px;
    height: 0px;
    position: absolute;
    top: -20px;
    bottom: 0px;
    right: 15px;
    margin: auto;
    color: #000;
}*/
.language {
     margin-top: 0px; 
}
.row.divider a {
    color: #fff;
}
.order-2 {
    order: 1;
}
.order-1 {
    order: 2;
}
/*media query*/
@media  screen and (max-width: 768px){
    .banner1 {
    height: 250px;
  }
  .order-2 {
    order: 2;
}
.order-1 {
    order: 1;
}
  .banner2 {
    height: 250px;
  }
.banner3 {
    height: 250px;
  }
  .banner-row.owl-carousel .owl-dots {
    bottom: 10px;
    width: 82px;
  }
  .banner h1 {
    font-size: 20px;
    margin-top: -143px;
    text-align: left;
}
.banner-above {
    width: 65%;
  }
  .frame-col.owl-carousel .owl-nav button{
    display: none;
  }
  .banner h4 {
    font-size:12px;
}
/*.banner-img1 {
    animation: none;
}
.banner-img {
    animation: none;
}*/
.centered {
    position: relative;
        left: 16%;
    }
.row.frame-col.owl-carousel {
    margin: 0 auto;
}
@keyframes shake {
  0% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(2px);
  }
}
@keyframes shakee {
  0% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(2px);
  }
}
  .video-row iframe {
    margin-bottom: 10px;
}
.equi-img {
    margin: 10px 0px;
    }
    .equi-content h4 {
    top: 193px
  }
.our-service-sec h2 {
    text-align: left;
     margin-right: 0px; 
}
.our-service-sec ul {
    margin-right: 0px;
}

.acc-control-col {
    flex-basis: 100%;
}
    .acc-content {
    padding: 0px 0px;
    color: #fff;
}
.equi-content {
    flex-basis: 100%;
    }
.border-col {
    display: none;
    text-align: center;
}
.box {
   margin: 78px 0px;
  }
  .miss-visi {
     display: block; 
    justify-content: space-evenly;
    margin: 30px 0px;
  }
  .box img {
    right: 125px!important;
}
.service-row {
    display: block;
    }
    .gallery-content {
    flex-basis: 100%;
    margin: 10px 0px;
}
.contact-form {
    flex-basis: 100%;
    }
    .divider .col {
    flex-basis: 100%;
  }
    .contact-content {
    flex-basis: 100%;
        margin: 10px;
  }
  
.inner-page h3 {
    font-size: 22px;
}
.inner-page {
    padding: 30px 5px;
}
.btn-group {
    display: grid!important;
}
.steps-main {
    display: flow-root;
  }
  .steps-main p {
    text-align: center;
}
.career-page {
    padding: 10px 0px;
    }
    .career-page h2 {
    font-size: 30px;
  }
  form.career-form {
    padding: 50px 30px;
  }
  .inner-banner {
    height: 150px;
  }
  .inner-banner h2 {
    font-size: 30px;
  }
  .acc-control-row h2 {
    font-size: 25px;
    padding: 0 20px;
  }
  .acc-control-col {
    height: 200px;
    padding: 3px;
}
.serv-box h4 {
    font-size: 16px;
    }
  .serv-box p {
    font-size: 14px;
    }  
}
@media (min-width:1400px){
  .container {
    min-width: 1360px!important;
}
.banner-above {
    width: 40%;
    float: right;
}
}

/*
     FILE ARCHIVED ON 21:09:42 Mar 27, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:27:44 Nov 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.686
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.012
  esindex: 0.015
  cdx.remote: 8.025
  LoadShardBlock: 170.116 (3)
  PetaboxLoader3.datanode: 96.292 (4)
  PetaboxLoader3.resolve: 319.904 (3)
  load_resource: 248.209
*/