.my-nav{
position: absolute;
z-index: 10;
width: 100%;

}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;
}
.nav-item .nav-link{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #FFFFFF;
}
.owl-five .owl-item img {
    width: 85% !important;
}
.nav-item{
  padding: 0 12px;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
/*color: #FFb107;*/
color: #FFF;
  
}
.navbar-expand-lg .navbar-nav .nav-link{
 padding: 7px 8px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{
 padding: 7px 8px;
    border-bottom: 2px solid #fff;
}
.navbar-expand-lg .navbar-nav .cnt-btn{

    border-bottom: 0px solid #fff !important;
}
.cnt-btn{
width: 118px;
height: 40px;
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
padding: 8px 32px;
background: linear-gradient(180deg, #FFC107 0%, #FF7E07 100%);
border-radius: 5px;
border: 1px solid #ffc107;
color: #000 !important;
cursor: pointer;
transition-duration: 0.4s;
}
.cnt-btn:hover {
/*        box-shadow: 0px 2px 4px 2px #ffc107 !important;*/
    border: 0px solid #ffc107;  
    COLOR:#fff !important;
    transition-duration: 0.4s;

    }
.bn-h2{
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 40px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: uppercase;
text-align: left;
color: #FFFFFF;
 padding: 50px 0 48px;
 padding-bottom:0;
}
.ond{
  text-align: left;
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
margin-top: -28px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}
p{
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
  text-align: left;
letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;

}
.bn-list .bn-li{
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */
text-align: left;
letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;

}
.navbar-toggler {
  background-color: #ffb107;
}
.strt{
/*width: 540px;
height: 442px;*/
padding: 38px 49px 1px 41px;
background: #FFFFFF;
}
.strt h2{
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
/* identical to box height, or 125% */
text-align: left;
letter-spacing: -0.4px;
text-transform: uppercase;
color: #000000;
padding: 0;
}
.input-field{
  text-align: left !important;

}
.strt input,.strt textarea{
    padding: 1px 10px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: -0.4px;
    border: 2px solid #ebebeb;
    border-radius: 5px;
}
.strt textarea{
   width: 100%;
height: 85px;
}
.subt{
  Font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
  width: 118px !important;
height: 40px;
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
padding: 8px 32px;
background: linear-gradient(180deg, #FFC107 0%, #FF7E07 100%);
border-radius: 5px;
color: #000 !important;
transition-duration: 0.4s;

}
.subt:hover {
/*        box-shadow: 0px 2px 4px 2px #ffc107 !important;*/
    border: 0px solid #ffc107;  
    COLOR:#fff !important;
    transition-duration: 0.4s;

    }
.str-p{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  /* identical to box height, or 156% */

  letter-spacing: -0.4px;
  text-transform: capitalize;
margin-top: 27px;
  color: #000000;
}
#owl-one .owl-item img{
    width: auto;
    height: 160px;
    margin-right: auto;
    margin-left: auto;
}
.owl-nav{
  display: none;
}
h2{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  /* identical to box height, or 111% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #000000;
  padding: 55px 0 40px;
}
.bnimg{
  height: 100vh
}
.carousel-caption {
    right: 5%;
    left: 5%;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
}
 .dskbn{
      display: block ;
    
  }
  .mobbn{
    display: none ;
  }
  .bn-list{
    padding-left: 17px;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
button:focus,.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler:hover,.navbar-toggler:focus{
border:1px solid #ffb107;
}
.awards {
   height: 425px;
    background: url(../images/awards.png) no-repeat center center/cover;
    background-attachment: fixed;
}
.dark-baner{
/*  height: 568px;*/
padding: 0 20px;
  background: #060720;
  padding-bottom: 79px;
}

.dark-baner h2{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 40px;
padding: 92px 0 32px;
letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}
.dark-baner p{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  /* or 125% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #FFFFFF;

}
.drk-icn{
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background: #FFFFFF;
  position: relative;
}
.drk-icn i{
 color: #060720;
  margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 31px;
}
.dark-baner h4{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}

.dark-baner .p-cont{
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  /* or 111% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #FFFFFF;
}
.yelw h4{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  /* identical to box height, or 156% */

  letter-spacing: -0.4px;
  text-transform: uppercase;

  color: #FFC107;
}
.yelw p{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.4px;
  text-transform: capitalize;
  margin-top: -12px;
  color: #FFFFFF;
}
.client h2{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  /* identical to box height, or 111% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #000000;
}
.client p{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  /* or 156% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #000000;

}
.testi{

  background: #EEF2F5;
}
.hiring p{

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;
text-transform: initial;

color: #000000;


}
.hiring img{
  width: inherit;
}
.hir-cont1{
  margin-top: -81px;
}


.comp{
  
    background: url(../images/comp.png) no-repeat center center/cover;
/*    background-attachment: fixed;*/
padding-bottom: 60px;
}
.logo-cl{
  color: rgba(38, 58, 79, 0.5);
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 18px;
    margin-top: 18px;
}
.logo-cl img{
  width: auto !important;  
}
.logo-cl .card-title{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  /* or 125% */

  letter-spacing: -0.4px;
  text-transform: capitalize;

  color: #000000;
}
.logo-cl:after {
      position: absolute;
      content: "";
     width: 94%;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 12px;
}
.client p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;
    margin-top: 28px;
    margin-bottom: 15px !important;
}
.client h2{
  padding: 59px 0 44px !important ;
}
.client{
  padding-bottom: 33px;
}
.sizcom h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    color: #ffffff;
    padding: 60px 0 18px;
}
.sizcom h4{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}
.vect{

    width: auto;
    float: right;
    /* padding: 0; */
    display: inline-block;
}
.testi{
padding-bottom: 40px;
}
.testi .card-body{
      padding: 0 34px 23px;
}
.testi h2{
  padding: 73px 0 4px;
}
.testi h5{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;

}
.testi .card-text{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  /* or 156% */
height: 140px;
  letter-spacing: -0.4px;
  text-transform: initial;

  color: #000000;
}
.testi .card-title{
padding-top: 80px;

}
.testi .auth {
        position: relative;
    top: 48px;
    z-index: 1;
    left: 31px;
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 100%;
}
.clno,.clno:hover{
color: #000;
    text-decoration: none;
}
.serve,.served,.hir-cont1{
        text-transform: initial !important;
}
.testi  .card {
    height: 378px !important;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.accordion-header {
    margin-bottom: 0;
    padding: 0;
}
.accordion-button,.accordion-button:not(.collapsed) {
    background: #EEF2F5;
    margin: 0;
    padding: 14px 25px;
    margin-bottom: 10px;
     font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* identical to box height, or 156% */

letter-spacing: -0.4px;
text-transform: initial;

color: #000000;
}
.accordion-button:focus,button:focus:not(:focus-visible){
  outline: none;
}
.accordion-body {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
    text-transform: initial;
    color: #000000;
  }
.con-line{
position: relative; 
}
.connect{
      background: url(../images/connect.png) no-repeat center center/cover;
/*    background-attachment: fixed;*/
padding-bottom: 60px;
}
.con-line:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 136px;
    background: #FFC107;
    bottom: -115px;
    left: 0;
}
.pnd{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
/* identical to box height, or 139% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;
}
.talk{
  font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: uppercase;
border: 1px solid #ffc107;  
color: #000000;
background: linear-gradient(180deg, #FFC107 0%, #FF7E07 100%);
border-radius: 5px;
padding: 16px 32px;
text-decoration: none;
transition-duration: 0.4s;
}
.talk:hover {
        /*box-shadow: 0px 2px 4px 2px #ffc107 !important;*/
    border: 0px solid #ffc107;  
    COLOR:#fff !important;
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    border: 1px solid #ffc107;
    background: linear-gradient(180deg, #FFC107 0%, #FF7E07 100%);
    border-radius: 5px;
    padding: 16px 32px;
    text-decoration: none;
    transition-duration: 0.4s;
outline:none;
}
.call span{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
}
.des,.lnk{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  /* identical to box height, or 156% */

  letter-spacing: -0.4px;
  text-transform: capitalize;
color: #000000 !important;
    text-decoration: none;
}
.hiring{
      padding-bottom: 55px;
}
.why .drk-icn {
    background: #0E107F;
    margin-top: 7px;

}
.why .drk-icn i {
    color: #fff;
}
.why h4{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* or 111% */

letter-spacing: -0.4px;

color: #000000;

}
.why p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;
}
.why{
    padding-bottom: 40px;
}
.why img{
  width: auto !important;
}
.tools{
  background: #EFF1F3;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background: #101499;
border-radius: 20px;
padding: 6px 32px;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}
.tool-pills .nav-link{
  background: #E0E9F2;
border: 1px solid #AEC2D1;
border-radius: 20px;
padding: 6px 32px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */
margin-bottom: 10px;  
letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;
}
.tools{
  padding-bottom: 50px;
}
.tools h2{
  padding: 55px 0 45px;
}
.indus{
  background: #0E107F;
  padding-bottom: 55px;
}
.indus h2{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 40px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;
padding: 55px 0 45px;
color: #FFFFFF;
}
.indus .ind{
  width: 160px;
height: 160px;
border-radius: 100%;
background: #fff;
    padding: 45px;
    margin: auto;
}
.indus p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
/* identical to box height, or 139% */

text-align: center;
letter-spacing: -0.4px;
text-transform: capitalize;
    margin-top: 25px;
color: #FFFFFF;
}
.locations .loc{
  margin-top: -32px;
  padding: 0;
}
.locations img{
  width: 104%;

}
.locations .loc-cont{
  width: 104%;
}
.locations p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

text-align: center;
letter-spacing: -0.4px;

color: #000000;
}
.locations h3{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* or 111% */

text-align: center;
letter-spacing: -0.4px;
text-transform: uppercase;

color: #000000;

}
.locations p{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

text-align: center;
letter-spacing: -0.4px;

color: #000000;

}
.coc{
      border-bottom: 1px solid #000;
}
.calender {
    background: #060720;
    padding-bottom: 80px;
}
.calender input, .calender textarea, .calender select {
    width: 100%;
    padding: 8px !important;
    background: #151537;
    box-shadow: none;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    /*border: 0px !important;*/
    color: #fff !important;
    outline: none;
}
.calender h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 25px;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    color: #FFFFFF;
   padding-top: 68px;
}
.calender ::placeholder {
  color: #fff !important;
}

.calender ::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

.calender ::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff !important;
}
.calender .subt {
    background: linear-gradient(180deg, #FFC107 0%, #FF7E07 100%) !important;
    color:#000 !important;
}
.calender .subt:hover {
   
    color:#fff !important;
}
.calender h2{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 40px;
/* identical to box height, or 111% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #FFFFFF;
}
.calender .p-conts{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;
text-transform: lowercase;

color: #FFFFFF;
}
.calender .p-cont{
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;

color: #FFFFFF;
}
.blue-bg{
  background: #101498;
  padding: 40px 5px 30px;
}
.blue-bg p{
      text-align: center;
        font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

letter-spacing: -0.4px;

color: #FFFFFF;
}
.faq{
  padding-bottom: 70px;
}
.awards h2{
     padding:73px 0 60px
}
.datepicker table tr td.today,.datepicker.datepicker-inline td.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,.datepicker.datepicker-inline td:hover{
    font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 32px;
/* identical to box height, or 208% */
background-color: #fff !important;
border-radius: 100%;
letter-spacing: -0.4px;
text-transform: capitalize;
color: #101498 !important ;
background-image: none !important ;
}
.datepicker.datepicker-inline .prev,.datepicker.datepicker-inline .next{
 color: #101498 !important; 
}
.datepicker.datepicker-inline th{
    pointer-events: none;
}
.datepicker table {

    width: auto !important;
    /*margin-left: -7px !important;*/
    margin-top: -16px !important;
}
.con-im{
      border: 2px solid #fff;
    border-radius: 100%;
    margin-bottom: 10px;  
}
.tbont{
  margin-top: 27px;  
}
.datepicker td, .datepicker th {
    text-align: center;
    width: 38px !important  ;
    height: 38px !important ;
    }
    .datepicker-inline {
    width: auto !important;
    padding: 0 10px 0 13px !important ;
}
.datepicker.datepicker-inline td{
  padding: 0 !important;
}
.datepicker-switch{
   
    font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 16px !important;
line-height: 25px;
letter-spacing: -0.4px;
text-transform: capitalize;
color: #FFFFFF;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: transparent !important  ;
}

.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th{
  color:#fff !important;
      font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 25px;
letter-spacing: -0.4px;
text-transform: capitalize;
}
.datepicker table tr td.new, .datepicker table tr td.old{
  color: #3F44DE !important;
  opacity: 1 !important;
     font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 25px;
letter-spacing: -0.4px;
text-transform: capitalize;
}
.datepicker.datepicker-inline .dow{
  text-transform: uppercase;  
}
    .white-bg{
        background: #fff; 
        padding: 20px 18px;
        padding-bottom: 50px; 
        height: 524px;

    }
   .white-bg  p{
      font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
/* identical to box height, or 179% */

letter-spacing: -0.4px;
text-transform: capitalize;

color: #000000;

    }
    .white-bg  .tme{
     
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 25px;
      /* identical to box height, or 208% */
margin-bottom: 25px;
      letter-spacing: -0.4px;
      text-transform: capitalize;
      margin-top: -18px;
      color: #101498;
    }
.tmnbt{
  border: 0;
    background: transparent;
    color: #101498;
}
.tools .ind{
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #fff;
    padding: 45px;
    margin: 15px;
}

/*.tools img{*/
/*  width: 100%;*/
/*}*/
    .white-bg .nav-pills .nav-link.active {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 25px;
      /* identical to box height, or 208% */
border-radius: 0;
      letter-spacing: -0.4px;
      text-transform: lowercase;
      background: #E5EAF0;
      border: 1px solid #DFE6EE;
      color: #738396;
      padding: 1px 28px;
    }
  .white-bg .nav-item .nav-link  {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    border-radius: 0;
padding: 1px 28px;
    letter-spacing: -0.4px;
    text-transform: lowercase;
    background: #F5F8FA;
    border: 1px solid #DFE6EE;
    color: #738396;
    }
   .white-bg  .nav-pills {
    margin-right: -12px; 
    margin-left: -12px;
}
.white-bg .tmebtn{
  background: #FFFFFF;
border: 1px solid #EFEFEF;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
/* identical to box height, or 179% */
width: 100%;
padding: 7px 10px;
border-radius: 0;
letter-spacing: -0.4px;
font-variant: small-caps;
margin-bottom: 12px;
color: #000000;
}
.white-bg  .btn-check:checked+.btn,.white-bg .btn.active,.white-bg  .btn.show,.white-bg  .btn:first-child:active,.white-bg  :not(.btn-check)+.btn:active{
  background: #101498;
}
.white-bg .tmebtn:hover{
background: #101498;
}
.tmng{
      height: 308px;
    margin-top: -18px;
    overflow-y: scroll;
}

/* width */
.white-bg ::-webkit-scrollbar {
  width: 4px;
  
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  /*background: #889AAF ;*/
  background: #0E107F;
  border-radius: 5px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  /*background: #889AAF ;*/
  background: #0E107F;
  border-radius: 2px;
}
.clnl{
   
  padding-right: 0 !important ; 
}
.clnr{
  padding-left: 0 !important  ; 
}
.datepicker table {
    margin: 0 auto!important;
}
.btn-close {
    float: right;
}
.indus .ind1{
    padding: 47px 45px !important;
}
.indus .ind2{
    padding: 55px 38px !important;
}
input[type=text],input[type=tel], textarea {
  outline: none!important;     
  
}
input[type=text]:focus,textarea:focus,input[type=tel]:focus{
  outline: none!important;
}


@media (max-width: 1326px){
  .bn-h2 {
      font-size: 30px;
/*       padding-bottom: 0;*/
  }
  .strt h2 {
    line-height: 25px;
    margin-bottom: 0px
  }
 
}
@media (max-width: 1199px) {
  .talk, .talk:hover {
    font-size: 18px;
    padding: 12px 14px;
}
 .testi .card-text{

    height: 130px;
    overflow-y: scroll;

}
.testi .card {
    height: 380px !important;
}
.logo-cl img {
    width: 100% !important;
}
/*.carousel-caption {*/
/*    top: 40%;*/
/*    transform: translateY(-50%);*/
/*}*/
.locations p{

font-size: 14px;
line-height: 20px;

}
.sizcom h4 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}
.calender h3 {

    padding-top: 21px;
}
.indus .ind {
    width: 148px;
    height: 148px;
    border-radius: 100%;
    background: #fff;
    padding: 40px 40px;
    margin: auto;
}
.calender h2 {
    font-size: 22px;
    line-height: 23px;
    padding: 40px 0 30px;
}
.mbch {
    width: 88% !important ;
}
.mbus{
width: 94% !important ;
}
.calender .p-cont,.calender .p-conts{
    margin-left: 10px;
}
.carousel-caption {
    right: 5%;
    left: 5%;
    /*top: 40%;*/
    /*transform: translateY(-50%);*/
}
.carousel-caption {
top: auto;
    transform: none;
}
}

@media (max-width: 1024px){
  .bn-h2 {
      font-size: 23px;
      
/*       padding-bottom: 0;*/
  }

.sizcom h4 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}
  p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.bn-list .bn-li {
    font-size: 15px;
    line-height: 20px;
    }
  .strt h2 {
    line-height: 25px;
    margin-bottom: 0px
  }
.indus .ind1{
    padding: 35px 43px  !important;
}
.indus .ind2{
    padding: 50px 32px  !important;
}
.comp .serve{
  font-size: 15px !important;
}
.comp  .p-cont{
  font-size: 13px !important;
}
}

@media (max-width: 991px) {
  .connect h3 {
      padding-bottom: 15px;
      font-family: Roboto;
    }
  .devop-proc img{
      width: 40%;
      }
/*     .testi .card-text{*/

/*    height: 180px;*/
/*    overflow-y: scroll;*/

/*}*/

    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    /* color: #FFb107; */
    color: #000;
}
.sizcom h4 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}
.owl-five .owl-item img {
    width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
    .calender h3 {

   padding-top: 0px;
}
.indus .ind1{
    padding: 35px 43px  !important;
}
.indus .ind2{
    padding: 50px 32px  !important;
}
    .tools .ind {
    width: 150px;
    height: 150px;
    padding: 40px;
    margin: auto;
    margin-top: 26px;
}
    .nav-item .nav-link {
    color: #0f1481;
}
.carousel-caption {
top: auto;
    transform: none;
}
    .calender .p-cont {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    }
  .hmtc{
    margin-bottom: 50px  ;
  }
  .clnl{
   
  padding-right: 15px !important ; 
}
.clnr{
  padding-left: 15px !important  ; 
}
  .why img{
  display: none !important;
}
 .connect .row>* {
       margin-top: 21px;
}
.connect .row{
  text-align: center;
}
.connect{
  overflow:  hidden;
}
.ellp{
    position: relative ;
    /* top: 50%; */
    left: 50%;
    transform: translateX(-35%);
  }
  h2 {
   
    font-size: 22px;
    line-height: 23px;
    padding: 40px 0 30px;
}


.testi h2 {
    padding: 48px 0 0px;
}
.dark-baner h2 {
    font-size: 22px;
    line-height: 40px;
    padding: 58px 0 8px;
  }
  .yelw{
        margin-top: -35px;
  }
  .client h2 {
    padding: 40px 0 25px !important;
    font-size: 22px;
}
.logo-cl .card-title {
    font-size: 18px;
}
.sizcom h2 {
    font-size: 22px;
    padding: 50px 0 2px;
}

.yelw h4 {
    font-size: 35px;
    line-height: 45px;
    }
.client p {
    font-size: 14px;
    }
  .dark-baner p {
    font-size: 14px;
  }
  .dark-baner .p-cont {
    font-size: 14px;
  }

  .bnimg {
    height: 100vh;
    width: auto !important;
}
.strt {
    padding: 22px 8px 1px 8px;
    background: #FFFFFF;
    border: 2px solid #eee;
    border-radius: 5px;
    margin-top: 39px;
}
.strt {
    /* margin-bottom: 74px; */
    margin-top: 15px;
}

.tools .nav-pills .nav-link.active,.tools .nav-pills .show>.nav-link,.tool-pills .nav-link {
    width: 165px;
  }
  .ind img{
    width: auto;
  }
.datepicker table {
    margin: 0 auto!important;
}
.bn-h2 {
    font-size: 50px !important;
    margin-bottom: 36px;
    line-height: 1.2 !IMPORTANT;
}
.ond {
    font-size: 25px;
    line-height: 30px;
}
.p-cont p, .bn-list .bn-li {
    font-size: 25px;
    line-height: 40px;
}
.p-cont p{
   margin-bottom: 40px; 
}
.navbar-collapse {

    background-color: #FFF;
}
  .dskbn{
    display: none ;
  }
  .mobbn{
    display: block ;
  }
}
@media (max-width: 789px)

{
    .owl-five .owl-item img {
    width: auto !important;
    margin: auto !important;
    
}
.p-cont p, .bn-list .bn-li {
    font-size: 25px;
    line-height: 40px;
}
.p-cont p{
   margin-bottom: 40px; 
}
.sizcom h4 {

    font-size: 16px !important;;
}
}
@media (max-width: 767px){
    .devop-proc img{
      width: 40%;
      }
.tools .nav-pills .nav-link.active, .tools .nav-pills .show>.nav-link, .tool-pills .nav-link {
    width: 144px;
}
.p-cont p {
    margin-bottom: 12px;
}
.strt {

    margin-bottom: 48px;
}
/*.carousel-caption {*/
    
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*}*/
.carousel-caption {
top: auto;
    transform: none;
}

.tool-pills .nav-link {
    padding: 6px 30px;
    font-size: 16px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    padding: 6px 30px;
    font-size: 16px;
}
  .hmts{
    margin-bottom: 50px  ;
  }
.strt h2 {
    margin-bottom: -13px;
    font-size: 20px;
}
.strt .row>* {
    margin-top: -8px !important;
}
.strt {
    padding: 22px 8px 1px 8px;
    background: #FFFFFF;
}
.strt input, .strt textarea {

    line-height: 21px;
  }
.str-p {
    font-size: 14px;
    line-height: 16px;
    }
    .ond {
    font-size: 14px;
}

.bn-h2 {
    font-size: 28px  !important;
    /*margin-bottom: -38px;*/
     padding-bottom:48px;
}
p {
    font-size: 14px ;
    line-height: 25px;
}
.p-cont p {
    font-size: 20px ;
    line-height: 30px;
}
    .bn-list .bn-li {
    font-size: 20px ;
    line-height: 30px;
  }
  .hiring p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    color: #000000;
}
.hir-cont1 {
    margin-top: 0;
}
.datepicker table {
    margin: 0 auto!important;
}

}
@media (max-width: 720px){
    .bn-h2 {
    font-size: 24px  !important;
    margin-bottom: -38px;
        line-height: 35px;
}
.ond{
     line-height: 5px;
}
p {
    font-size: 14px ;
    line-height: 25px;
}
 .p-cont p {
    font-size: 16px;
    line-height: 24px;
 }

    .bn-list .bn-li {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 321px){
    .bn-h2 {
    font-size: 16px  !important;
    margin-bottom: -37px;
}
p {
    font-size: 13px !important;
    line-height: 22px !important;;
}
    .bn-list .bn-li {
    font-size: 13px  !important;
    line-height: 22px !important;;
  }
}
@media (max-width: 300px){
   .bn-h2 {
    font-size: 18px  !important;
    margin-bottom: -53px;
}
  .ond {
    font-size: 13px  !important;
    line-height: 18px;
}
.datepicker table {
    margin: 0 !important;
}
p{
     font-size: 12px  !important;
    line-height: 18px;
    }
    .p-cont p{
        margin-top: -10px;
    }
    .p-cont p,.bn-list .bn-li {
    font-size: 12px  !important;
    line-height: 18px !important;;
    
  }
}
@media only screen and (min-width: 480px) and (orientation : landscape){
   .p-cont p, .bn-list .bn-li {
    font-size: 20px;
    line-height: 25px;
      
}
.bn-h2 {
    font-size: 28px !important;
        line-height: 20PX !important;
    padding-bottom: 0;
    /*margin-bottom: 10px;*/
    /* line-height: 60px; */
}
.p-cont p {
    margin-bottom: 12px;
}
.bnimg {
    width: -webkit-fill-available !important;
}
}
@media only screen and (min-width: 375px) and (orientation: landscape) {
.bn-h2 {
    font-size: 24px !important;
    line-height: 0PX !important;
    padding-bottom: 48PX;
        margin-bottom: 0;
    /* margin-bottom: 10px; */
    /* line-height: 60px; */
}

.p-cont p {
    margin-bottom: 3px;
}
   .p-cont p, .bn-list .bn-li {
    font-size: 16px;
    line-height: 25px;
      
}
}
@media only screen and (min-width: 320px) and (orientation: landscape){
.bn-h2 {
    font-size: 24px !important;
    line-height: 0PX !important;
    padding-bottom: 16PX;
    margin-bottom: 0;
    /* margin-bottom: 10px; */
    /* line-height: 60px; */
}
 .p-cont p, .bn-list .bn-li{
    font-size: 16px !important;
    line-height: 25px !important;
}
}
@media 
    (-webkit-min-device-pixel-ratio: 4) 
    and (min-resolution: 192dpi)and (orientation : landscape){
.bn-h2 {
    font-size: 28px !important;
        line-height: 0PX !important;
    padding-bottom: 0;
    /*margin-bottom: 10px;*/
    /* line-height: 60px; */
}

}


/* ipad Mini Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.bnimg {
    height: 82vh;
    width: -webkit-fill-available !important;
}
}       
/* ipad Mini Landscape */
@media only screen 
and (min-device-width : 820px) 
and (max-device-width : 1180px) 
and (orientation : landscape) {
.bnimg {
    height: 82vh;
    width: -webkit-fill-available !important;
}
.bn-h2 {
    font-size: 30px !important;
   line-height: 1.2 !important;
}
}


@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
.bnimg {
    height: 100vh;
    width: -webkit-fill-available !important;
}
}
 @media only screen and (min-width: 1024px) and (orientation: landscape){ 
  .bnimg {
    height:90vh;
    width: -webkit-fill-available !important;
}

}
 @media only screen and (min-width: 1024px) and (orientation: portrait){ 
  .bnimg {
    height:55vh;
    width: -webkit-fill-available !important;
}
     
 }
   @media only screen and (min-width: 1024px){ 
 .comp  .p-cont{
  font-size: 13px !important;
}
 .bn-h2 {
    
    font-size: 36px  !important;
    line-height: 40px !important;
   
}

p {
    
    font-size: 16px !important;
    line-height: 25px !important;
    

}
}
  @media only screen and (min-width: 1199px){ 
 
 .bn-h2 {
    
    font-size: 36px  !important;
    line-height: 40px !important;
   
}
.bnimg {
    height:100vh;
    width: -webkit-fill-available !important;
}
p {
    
    font-size: 16px !important;
    line-height: 25px !important;
    
}
.comp  .p-cont{
  font-size: 16px !important;
}
}
 @media only screen and (min-width: 1477px){ 
.comp .p-cont {
    font-size: 17px !important;
}
}
@media only screen and (min-width: 1525px){ 
.comp .p-cont {
    font-size: 14px !important;
}
}

  @media only screen and (min-width: 1920px){ 
      .carousel-caption {
   
     top: 50%; 
     transform: translateY(-50%); 
}
.comp .p-cont {
    font-size: 16px !important;
}
 /*.testi .card-text{

    height: 155px;
    overflow-y: scroll;

}
.testi .card {
    height: 408px !important;
}*/
 /*.bn-h2 {
    font-size: 50px  !important;
    line-height: 40px !important;

    padding-bottom: 35px;
}*/
.bnimg {
/*    height:100vh;*/
    width: -webkit-fill-available !important;
}
/*.p-cont p, .bn-list .bn-li {
   font-size: 25px !important;
    line-height: 40px !important;
}*/
/*p {
    font-size: 24px !important;
    line-height: 30px !important;

}
 h3 {

    font-size: 28px  !important;;
    line-height: 30px !important;
}
 h4,h5 {
    
    font-size: 28px !important;
    line-height: 30px !important;
}*/
}


 .services-mob .w_wrapper {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    min-height: 320px;
    margin-bottom: 40px;
    cursor: default;
    border: 1px solid #e9e9e9;
}
.services-mob .w_wrapper .wb_header {
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 75px;
    height: 70px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
 .services-mob .w_wrapper .icon_box {
    position: absolute;
    left: 0;
}
 .services-mob .w_wrapper .wb_container {
    padding: 20px 0 0 0;
    border-top: 1px solid #e9e9e9;
}
 .services-mob [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.services-mob{
  padding-bottom: 28px;
}
.services-mob h2 {
    padding: 55px 0 35px;
}
.connect{
  padding: 65px 0;
}
.connect h3{
  padding-bottom: 28px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.40000003576278687px;
  text-align: center;

}
.areas-mob {
    background: #060720;
    padding-bottom: 55px;
}
.areas-mob h2{
  color: #fff;
}
.areas-mob .area{
  text-align: center;
  }
.areas-mob p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    margin-top: 25px;
    color: #FFFFFF;
}
.casestudy img {
    width: -webkit-fill-available;
    max-width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.casestudy .imgsec {
    margin: 0;
    position: relative;
}
.casestudy .imgsec:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px -105px 27px -59px #fafafa;
}
.casestudy .cntsec .cnt header {
    line-height: 1.4;
    color: #2b2b2c;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    font-size: 20px !important;
    padding-bottom: 13px;
    text-transform: initial;
}
.casestudy .cntsec {
    text-align: center;
    padding: 0 20px 35px;
    box-shadow: 0px 5px 8px 1px #eee;
    background-color: #f6f6f6;
}
.casestudy .cntsec .cnt p, .casestudy .cntsec .cnt li {
    line-height: 1.8;
    font-weight: 400;
    font-family: "Roboto";
    font-size: 16px !important;
    color: #2b2b2c;
    text-transform: initial;
    text-align: center;
}
.casestudy .cntsec a {
   color: #FFF !important;
    background-color: #e7ad22 !important;
    border-color: #e7ad22 !important;
    border-radius: 5px !important;
    border-bottom: 0 !important;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    line-height: 45px;
    padding: 15px;
    border-radius: 5px;
    min-width: 150px;
    text-transform: uppercase;
    text-decoration: none;
}
.devop-proc {
    background: #0E107F;
    padding-bottom: 75px;
}
.devop-proc h2{
    color: #fff;
}
.devop-proc p{
    color: #fff;
    padding-bottom: 30px;
}
.devo1,.devo2,.devo3,.devo4{
  position: relative;
}
.devop-proc span{
  color: #fff;
}
.devop1{
  position: absolute;
  top: 40px;
  left: 25%;
}
.devop2{
  position: absolute;
  top: 40px;
  right: 32%;
}
.devop3{
  position: absolute;
  bottom: 55px;
  left: 36%;
}
.devop4{
  position: absolute;
  bottom: 55px;
  right: 32%;
}
@media (max-width: 1199px) {
  .devop1{
    position: absolute;
    top: 48px;
    left: 15%;
  }
  .devop2{
    position: absolute;
    top: 48px;
    right: 22%;
  }
  .devop3{
    position: absolute;
    bottom: 55px;
    left: 26%;
  }
  .devop4{
    position: absolute;
    bottom: 55px;
    right: 22%;
  }
}
@media (max-width: 991px) {
.indus h2 {
  font-size: 22px !important;
  }
  .devop1{
    position: absolute;
    top: 40px;
    left: 0;
  }
  .devop2 {
    position: absolute;
    top: 40px;
    right: 6%;
  }
  .devop3{
    position: absolute;
    bottom: 38px;
    left: 8%;
  }
  .devop4{
    position: absolute;
    bottom: 35px;
    right: 5%;
  }
 
}
@media (max-width: 767px) {

  .devop1{
    position: absolute;
    top: 20px;
    left: -10%;
  }
  .devop2 {
    position: absolute;
    top: 20px;
    right: -2%;
  }
  .devop3{
    position: absolute;
    bottom: 24px;
    left: 2%;
  }
  .devop4{
    position: absolute;
    bottom: 24px;
    right: -3%;
  }
 
}
@media (max-width: 660px) {
  .devop-proc img {
      width: 30%;
  }
  .connect h3 {
      padding-bottom: 15px;
      /* font-family: Roboto; */
      font-size: 17px;
      font-weight: 500;
      line-height: 25px;
    }
  .devop-proc span {
      color: #fff;
      font-size: 10px;
  }
  .devop1 {
      position: absolute;
      top: -12px;
      left: 6%;
  }

  .devop2 {
    position: absolute;
    top: -12px;
    right: 13%;
  }
  .devop3 {
      position: absolute;
      bottom: -12px;
      left: 16%;
  }
  .devop4{
    position: absolute;
    bottom: -12px;
    right: 13%;
  }
 
}
@media (max-width: 660px) {
  
  .devop1 {
      position: absolute;
      top: -12px;
      left: 3%;
  }

  .devop2 {
    position: absolute;
    top: -12px;
    right: 9%;
  }
  .devop3 {
      position: absolute;
      bottom: -12px;
      left: 15%;
  }
  .devop4{
    position: absolute;
    bottom: -12px;
    right: 9%;
  }
 
}