.navbar-nav{
  margin-left: auto;
    margin-right: 0;
}
.navbar button:focus{
  outline: 1px solid rgba(255,255,255,.5);
}
.dropdown-menu{
  left: -65px!important;
}
.dropdown-item{
  font-size: 13px;
}
body{
  overflow-x: hidden;
}
 .animate_service1,
 .animate_service2, 
 .animate_service3, 
 .animate_service4, 
 .animate_service5, 
 .animate_service6,
 .animate_service7,
 .animate_service8,
 .animate_service9,
 .animate_service10,
 .animate_service11,
 .animate_service12,
 .animate_service13,
 .animate_service14,
 .animate_service15,
 .animate_service16,
 .animate_service17,
 .animate_service18,
 .animate_service19,
 .animate_service20,
 .animate_service21,
 .animate_service22,
 .animate_service23,
 .animate_service24,
 .animate_service25, 
 .animate_service26,
 .animate_service27,
 .animate_service28,
 .animate_service29,
 .animate_service30{
  opacity: 0;
}
.animate_service1.animated, 
.animate_service2.animated, 
.animate_service3.animated, 
.animate_service4.animated, 
.animate_service5.animated, 
.animate_service6.animated,
.animate_service7.animated,
.animate_service8.animated,
.animate_service9.animated,
.animate_service10.animated,
.animate_service11.animated,
.animate_service12.animated,
.animate_service13.animated,
.animate_service14.animated,
.animate_service15.animated,
.animate_service16.animated,
.animate_service17.animated,
.animate_service18.animated,
.animate_service19.animated,
.animate_service20.animated,
.animate_service21.animated,
.animate_service22.animated,
.animate_service23.animated,
.animate_service24.animated,
.animate_service25.animated, 
.animate_service26.animated,
.animate_service27.animated,
.animate_service28.animated,
.animate_service29.animated,
.animate_service30.animated{
  opacity: 1;
}

/*------------------------whatsapp-------------------------*/
.qns-whatsapp{
  position: fixed;
  bottom: 7px;
  right: 7px;
}
.qns-whatsapp img{
    width: 50px;
    z-index: 9999;
  }
.qns-service-content{
  line-height: 1.8em;
  text-align: justify;
}

/*------------------------------------ why-choose-us --------------------------------*/
/*.service-style-one .single-service div span,.service-style-one .single-service p,
.service-style-one .single-service i,.service-style-one .single-service:before{
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}*/
.service-style-one hr{
  width: 140px;
    height: 2px;
    background: #fff;
    margin-bottom: 30px;
}

.theme-title {position: relative;}

.theme-title h2 {line-height: 54px;}
.theme-title p {
  font-size: 18px;
  line-height: 32px;
  color: #303030;
  margin-top: 15px;
}

/*---------------------------------------- Color Css ---------------------------------*/
.service-style-one .single-service div i{
  color: #00c4fc;
}


/*------------------------------- Service Style One -------------------------*/

.service-style-one {
    background: #202125;
    background: #011d2f;
    padding: 70px 0 90px;
    /*position: absolute;*/
    /*z-index: 99;*/
    /*top: 0;*/
    width: 100%;
}
div#particles-js {
    position: absolute;
    width: 100%;
    height: 80vh;
}
.service-style-one .theme-title h2 {
 color: #fff;
    font-size: 60px;
    margin-bottom: 40px;
}
.service-style-one .theme-title p {
  color: #ffffffd6;
    margin-bottom: 60px;
    font-size: 22px;
}
.service-style-one .single-service {
  background: #282a30;
  background: #ffffff;
  position: relative;
  padding: 25px 30px 28px 50px;
  padding: 35px 40px 35px 45px;
  border-radius: 3px;
}
.service-style-one .single-service:before {
  position: absolute;
  content: '';
  height: 30px;
  width: 30px;
  bottom: 0;
  right: 0;
  background: #282a30;
  /* IE9 */
  background: -webkit-linear-gradient(135deg, #202125 45%, #343845 50%, #343845 56%);
  background: linear-gradient(315deg, #202125 45%, #343845 50%, #343845 56%);
  background: linear-gradient(315deg, #011d2f 45%, #e2e2e2 50%, #e2e2e2 56%);
}
.service-style-one .single-service div {
  position: relative;
  padding-left: 65px;
}
.service-style-one .single-service div span {
 font-size: 15px;
    color: #000000c2;
}
.service-style-one .single-service div h5 a {
  color: #023a5b;
  margin: 2px 0 22px 0;
}
.service-style-one .single-service div i {
  position: absolute;
  top:15px;
  left:0;
  font-size: 45px;
}
.service-style-one .single-service p {color: #202125;text-align: justify;}
.service-style-one .item {margin: 60px 15px 60px 15px;}
.service-style-one .service-slider .center .single-service div span,
.service-style-one .service-slider .center .single-service p,
.service-style-one .service-slider .center .single-service i {color: #fff;}
.service-style-one .center .single-service:before {
  background: #282a30;
  /* IE9 */
  background: -webkit-linear-gradient(135deg, #202125 45%, #3ae6ff 50%, #3ae6ff 56%);
  background: linear-gradient(315deg, #202125 45%, #3ae6ff 50%, #3ae6ff 56%);
}


/*--------------------------index-start-------------------------*/





/**{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }*/
  .expert {
      background: #f8f8f8;
      padding: 50px 0 50px 0;
    }
    .expert-hr{
     width: 100px;
     height: 2px;
     background: #011d2f;
     margin-bottom: 60px;
    }
    .expert-h1{
     font-size: 60px;
     color: #011d2f;
     text-align: center;
    }
    .expert .container{
      position: relative;
      display: flex;
      flex-wrap: wrap;
    }
    .expert .container .icon{
      position: relative;
      width: 50%;
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
    .expert .container .icon .iconBx{
      position: relative;
      width: calc(50% - 40px);
      margin: 0 15px 30px 15px;
      padding: 0 25px;
      height: 140px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      border-radius: 4px;
      transition: 0.5s;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0,0,0,.07);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.19);
    }
    .expert .container .icon .iconBx.active{
      box-shadow: 0 10px 30px rgba(0,0,0,.1);
    }
    .expert .container .icon .iconBx img{
      max-width: 100%;
      filter: grayscale(1);
      transition: 0.5s;
      transform: scale(0.8);
    }
    .expert .container .icon .iconBx.active img{
             filter: grayscale(0);
             transform: scale(1);
    }
    .expert .content{
      position: relative;
      top: 10%;
      /*width: 50%;*/
      /*width: 100%;*/
      /*margin-top: 170px;*/
      /*overflow: hidden;*/
    }
    .expert .content .contentBx{
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.5s;
      transform: scale(0);
      opacity: 0;
    }
    .expert .content .contentBx.active{
      transform: scale(1);
      opacity: 1;
      transition-delay: 0.5s;
    }
    .expert .content .contentBx h2{
      font-size: 30px;
    }
    .expert .content .contentBx p{
      text-align: justify;
      margin-top: 15px;
    }
    .expert h3{
      font-size: 16px;
      margin-bottom: 0;
    }
    .rectangle_butn {
    margin-top: 7px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    fill: #034e78;
    color: #034e78;
    background-color: #ffffff;
    padding: 12px 15px 12px 15px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.11);
    display: inline-block;
    line-height: 1;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.rectangle_butn:hover {
    color: #ffffff;
    background-color: #034e78;
}

.technology{
  background: #fafafa;
    padding: 60px 0;
}
.technology h3{
  font-size: 40px;
    color: #011d2f;
    width: 74%;
    text-align: center;
    line-height: 1.3em;
    margin: auto;
    text-transform: uppercase;
}
.technology hr{
 width: 125px;
    background: #011d2f;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.technologybx{
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin: 0 25px;
    position: relative;
    transition: transform 1s;
}
.technologybx:hover{
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.11), 0 6px 20px 0 rgba(0, 0, 0, 0.08);
  transform: translate(0px, -10px);
}


.technologybx img{
  width: 100%;
}
.technologybx h5:hover:before{
  width: 500%;
}

.technologybx h5:before{
  content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #022b44;
    z-index: 2;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.technologybx h5{
  font-size: 30px;
    font-weight: 400;
    margin: 20px 20px 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #022b44;
    position: relative;
    width: 40px;
}
.technologybx p{
 font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    text-align: justify;
    margin: 30px 20px;
}




/*---------------------------------------------------------------------------*/
/**{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }*/
.trust {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.23)), url(img/trust.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
     width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 230px 0 50px 0;
    z-index: -15;
    position: relative;
    }
    .trust-hr{
    width: 120px;
    height: 2px;
    background: #fff;
    margin-top: -913px;
    position: absolute;
    }
    .trust-h3{
   font-size: 40px;
    color: #fff;
    width: 96%;
    text-align: center;
    line-height: 1.3em;
    margin: auto;
    margin-top: -1000px;
    position: absolute;
    text-transform: uppercase;
    }
    .trust .container{
      position: relative;
      /*max-width: 1000px;*/
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
    .trust .container .cardtts{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin: 100px 0;
    }
    .trust .container .cardtts:nth-child(odd)
    {
      flex-direction: row;
    }
    .trust .container .cardtts:nth-child(even)
    {
      flex-direction: row-reverse;
      /*text-align: right;*/
    }
    .trust .container .cardtts .imgBx{
      position: relative;
      left: 25px;
      width: 500px;
      height: 400px;
      z-index: 1;
    }
    .trust .container .cardtts:nth-child(even) .imgBx
    {
      left: -25px;
    }
    .trust .container .cardtts .imgBx img{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .trust .container .cardtts .contentBx{
      position: relative;
      right: 25px;
      width: 500px;
      height: 400px;
      background: #000;
      background: linear-gradient(to right, #0b839c, #011c2d);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 60px 20px 100px;
    }
    .trust .container .cardtts:nth-child(even) .contentBx
    {
      right: -25px;
      padding: 20px 100px 20px 60px;
    }
    .trust .container .cardtts .contentBx:before{
      content: ' ';
      position: absolute;
      top: -50px;
      bottom: -50px;
      left: 0;
      right: 0;
      background: #000;
      background: linear-gradient(to right, #0b839c, #011c2d);
      z-index: -1;
    }
    .trust .container .cardtts .contentBx h2{
      font-size: 50px;
      color: #fff;
    }
    .trust .container .cardtts .contentBx hr{
      background: #fff;
    width: 80px;
    height: 2px;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 30px;
    }
    .trust .container .cardtts .contentBx p{
     color: #fff;
    text-align: justify;
    font-size: 20px;
    }
    /*.trust .container .card .contentBx a{
            display: inline-block;
            margin-top: 15px;
            color: #fff;
            text-decoration: none;
            padding: 10px;
            border: 1px solid #fff;
    }*/
    @media (max-width: 1000px)
    {
      .trust .container .cardtts
      {
        flex-direction: column;
        max-width: 350px;
        margin: 25px 25px;
      }
      .trust .container .cardtts .imgBx
      {
        width: 100%;
        height: 250px;
        left: 0;
      }
      .trust .container .cardtts .contentBx
      {
        width: 100%;
        height: auto;
        right: 0;
        padding: 30px;
        text-align: center;
      }
      .trust .container .cardtts .contentBx:before
      {
        top: 0;
        bottom: 0;
      }
      .trust .container .cardtts:nth-child(even) .imgBx
    {
      left: 0px;
    }
      .trust .container .cardtts:nth-child(even) .contentBx
    {
      right: 0px;
      padding: 30px;
    }
    }
    
/*----------------------------------------------------------------------------*/

.home_company{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.38)), url(img/home_company.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 115px;
}
.home_company h3{
  font-size: 60px;
    color: #fff;
}
.home_company hr{
 width: 85px;
    height: 2px;
    background: #fff;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}
.home_company p{
  font-size: 20px;
    color: #fff;
    margin-top: 20px;
    text-align: justify;
}
.home_company img{
  width: 100%;
}

 .service {
    background: #f8f8f8;
  padding: 70px 0px;
}
.service hr{
  width: 150px;
    height: 2px;
    background: #011d2f;
    margin-top: 30px;
    margin-bottom: 30px;
}
.service-p{
  text-align: center;
    font-size: 22px;
    width: 97%;
    margin: auto;
    margin-bottom: 30px;
}
.service h3{
  text-align: center;
    font-size: 60px;
    color: #011d2f;
}
.service p{
  text-align: center;
  line-height: 1.6em;
}
.service .service-cards div {
    position: relative;
    padding-left: 65px;
}
.service .service-cards div img {
    position: absolute;
    top: -5px;
    left: 0;
    width: 50px;
    border-radius: 50%;
}
.service .service-cards div span {
    font-size: 14px;
    color: #023b5c;
}
.service .service-cards div h5{
  font-size: 19px;
  color: #000;
  line-height: 1.3em;
}
.service .service-cards p {
    color: #202125;
    text-align: justify;
    font-size: 14px;
}
/*.service .thick-header-line{
 text-align: center!important;
 color: #000000b8!important;
}*/
.service h4{
  text-align: center;
    color: #000000b8;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
}
.service .thick-header-line:before, .service .thick-header-line:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #0000004a;
    top: 50%;
}
.service .thick-header-line:before {
    left: -2rem;
    width: 8rem;
}
.service .thick-header-line:after {
  right: -2rem;
    width: 8rem;
}
.service .go-corner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: absolute;
  width: 35px;
  height: 35px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #00838d;
  border-radius: 0 10px 0 32px;
}

.service .go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
}

.service .card1 {
  display: block;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.11);
    border-radius: 10px;
    padding: 30px 24px 15px 24px;
    margin: 40px 0 0 0;
    text-decoration: none;
    transition: transform 1s;
    z-index: 0;
    overflow: hidden;
}
.service .card1:hover{
  transform: translate(0px, -10px);
}
/*.service .card1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #00838d;
  height: 40px;
  width: 40px;
  border-radius: 32px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.service .card1:hover:before {
  -webkit-transform: scale(21);
          transform: scale(21);
}

.service .card1:hover p {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.9);
}
.service .card1:hover h5 {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #ffffff;
}
.service .service-cards div span:hover{
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}*/

/*-------------------------------------------------------------------------------*/
/*.home_service{
  background: #f8f8f8;
  padding: 70px 0px;
}
.home_service h3{
  color: #228bd6;
  font-size: 44px;
  text-align: center;
}
.home_service h4{
  font-size: 19px;
  text-align: center;
}
.home_service p{
  color: rgba(0,0,0,0.61);
  text-align: center;
}
.home_service img{
  margin: auto;
    display: block;
}
.home_service a{
  color: #2a87c0;
  text-align: center;
}
.home_service a:hover{
  text-decoration: none;
}
.home_service_box{
  background-color: #ffffff;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #f8f8f8;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    transition: background 0.3s, border 0.8s, border-radius 0.8s, box-shadow 0.8s;
    margin: 10px 10px 10px 10px;
    padding: 25px 25px 25px 25px;
}
.home_service_box:hover{
  box-shadow: 0px 22px 43px 0px rgba(0,0,0,0.15);
}*/
.home_contact{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.23)), url(img/home_contact.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 70px;
}
.home_contact hr{
 width: 110px;
    height: 2px;
    background: #fff;
    margin-top: 30px;
}
.home_contact h3{
  color: #fff;
    text-align: center;
    font-size: 50px;
    line-height: 1.5em;
}
.home_contact p{
  color: #fff;
    font-size: 42px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 35px;
}
.home_page_butn{
  
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    fill: #034e78;
    color: #034e78;
    background-color: #ffffff;
    padding: 12px 15px 12px 15px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.11);
    display: inline-block;
    line-height: 1;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.home_page_butn:hover{
  color: #ffffff;
    background-color: rgba(255,255,255,0);
    border-color: #ffffff;
}
.home_contact_butn{
  
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    fill: #034e78;
    color: #034e78;
    background-color: #ffffff;
    padding: 12px 15px 12px 15px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.11);
    display: block;
    margin: auto;
    line-height: 1;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.home_contact_butn:hover{
  color: #ffffff;
    background-color: rgba(255,255,255,0);
    border-color: #ffffff;
}

/*--------------------------index-ends-------------------------*/

/*--------------------------service-start-------------------------*/

.service_heading{
  color: #252525;
    font-weight: 700;
    font-size: 4.35714286em;
    text-transform: uppercase;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.service_content{
  font-weight: 400;
    color: #011c2d;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    width: 80%;
    margin: auto;
}

.first_section_padd-top-botm{
  padding-top: 100px;
  padding-bottom: 50px;
}

.mt-50{
  margin-top: 50px;
}

.mt-30{
  margin-top: 30px;
}

.mb-50{
  margin-bottom: 50px;
}

.check_out h3{
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 20px;
    margin-top: 40px;
}


.check_out p i{
	color: #0072d2;
    font-size: 25px;
    padding-right: 15px;
}

.service_column{
	padding: 0px 200px;
  padding-bottom: 50px;
}

.service_column h3{
	color: #2eaa96;
	font-family: "Playfair Display", Sans-serif;
    font-size: 26px;
    font-weight: normal;
}

.service_column p{
	color: #7a7a7a;
  color: #2f3140;
	font-family: "Roboto", Sans-serif;
	font-weight: 300;
    font-size: 1.125em;
    line-height: 1.7em;
}

.service_column img{
  width: 450px;
  border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #ffffff;
    box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.12);
}

.service_one{
  padding: 0px 60px 0px 0px;
}

.service_two{
  padding: 0px 0px 0px 60px;
}

.service_three{
  padding: 0px 60px 0px 0px;
}

.service_image img{
    width: 300px;
}

/*--------------------------service-end-------------------------*/

/*--------------------------footer-start-------------------------*/

footer{
  background-image: url("img/footer_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0px 30px 0px;
  width: 100%;
}

footer h3{
  color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    border-left: solid #007dea 4px;
    margin-bottom: 20px;
    line-height: normal;
}

footer p{
  color: #7b9bbf;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
    transition: ease all 0.5s;
}

footer p:hover{
color: #fff;
}

footer .row{
  padding-bottom: 40px;
    border-bottom: 1px solid #12345b;
}


.footer_bottom p{
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

/*--------------------------footer-end-------------------------*/

/*--------------------------header-start-------------------------*/
.navbar{
  padding: 5px 55px!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    position: fixed!important;
    width: 100%;
    top: 0;
    z-index: 99!important;
}
.bg-dark {
    /*background: linear-gradient(to right, #0072d2 , #00b5c4);*/
    background: linear-gradient(to right, #011c2d , #03507b);
    padding: .5rem 4rem;
}
.navbar-dark .navbar-brand img{
  width: 70%;
}
.navbar-dark .navbar-nav .nav-link{
  color: #fff!important;
    letter-spacing: 1px;
    font-weight: 500;
}
.navbar-dark .navbar-nav .nav-item{
  padding: 0px 5px;
}
.dropdown-menu{
  margin-left: -105px;
}



/*--------------------------header-end-------------------------*/

/*--------------------------contact-start-------------------------*/

.contact_header{
  background: url("img/Contact_QNS.jpg");
  background-size: cover;
  padding: 110px;
}

.contact_header h3{
  color: #ffffff;
  font-family: "Philosopher", Sans-serif;
    font-size: 60px;
}

.contact_header hr{
 border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #ffffff;
    width: 10%;
}

.contact_header p{
  font-weight: 100;
    font-size: 3.125em;
    line-height: 1.7em;
    color: #ffffff;
    /*font-family: "Roboto", Sans-serif;*/
}

/*--------------------------contact-end-------------------------*/

/*--------------------------about-start-------------------------*/

.about_header{
  background: linear-gradient(0deg,  rgba(22, 19, 18, 0.36), rgba(22, 19, 18, 0.36)), url("img/about_qns.jpg");
  background-position: center center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 40px;
  padding-top: 125px;
}

.about_header h3{
  color: #ffffff;
  font-family: "Philosopher", Sans-serif;
    font-size: 55px;
    font-weight: 300;
    text-transform: uppercase;
}

.about_header hr{
 border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #28afad;
    width: 10%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.about_header p{
  font-family: "Muli", Sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 2px;
    color: #fff;
}

.about_info h2{
  color: #757575;
  font-family: "Roboto", Sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.5em;
    letter-spacing: -0.2px;
    text-shadow: 3px 1px 7px rgba(12,12,12,0.33);
    text-align: center;
}

.about_info h3{
  color: rgba(37,41,45,0.85);
}

.about_info p{
  color: #555555;
  text-align: justify;
  font-weight: 300;
    font-size: 1.125em;
    line-height: 1.7em;
}

.about_info img{
  margin: 0px 0px 021px 0px;
    padding: 11px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0px 0px 33px 0px #d3d3d3;
    width: 335px;
}

.about_objective h2{
  color: rgba(0,0,0,0.82);
  font-family: "Philosopher", Sans-serif;
    font-size: 65px;
    font-weight: 400;
    text-align: center;
}

.about_objective .left{
  text-align: right;
    padding-top: 20px;
    /* padding-bottom: 35px; */
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #777777;
    width: 30%;
    display: inline-block;
    margin: 0px 51px 0px -384px;
}

.about_objective .right{
  text-align: right;
    padding-top: 20px;
    /* padding-bottom: 35px; */
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #777777;
    width: 30%;
    display: inline-block;
    margin: 0px -384px 0px 51px;
}

.about_objective h3{
  color: #757575;
  font-size: 21px;
    font-weight: 300;
    line-height: 2.6em;
    text-shadow: 0px 0px 0px rgba(188,188,188,0.3);
    text-align: center;
}

.about_objective p{
  font-weight: 300;
    font-size: 1.125em;
    line-height: 1.7em;
    text-align: center;
    color: #000000;
    letter-spacing: 2px;
}

.about_objective img{
  width: 640px;
}

.about_vision p{
  font-weight: 300;
    font-size: 1.125em;
    line-height: 1.7em;
    color: #7a7a7a;
    /*font-family: "Roboto", Sans-serif;*/
}

.about_vision .btns{
 font-size: 15px;
    color: #777;
    padding: 3px 0px;
}

.about_vision i{
  padding-right: 10px;
}

.card-header{
  background: #fff!important;
  cursor: pointer;
  border: 2px solid #77777777;
  border-bottom: none;
}

.card-body{
  border: 2px solid #77777777;
}

/*--------------------------about-end-------------------------*/

/*--------------------------contact-start------------------------*/


  .contact{
   display: flex;
   justify-content: center;
   align-items: center;
   /*min-height: 100vh;*/
   /*background: #03080a;*/
   /*background: #074e41;*/
   background: #fff;
}

.contact .container{
  width: 80%;
  padding: 20px;
}

.contact .container h2{
  width: 100%;
  color: #000;
  /*color: #45f3ff;*/
  font-size: 36px;
  text-align: center;
  margin-bottom: 10px;
}

.contact .container .row100{
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}

.contact .container .row100 .col{
  position: relative;
  width: 100%;
  padding: 0 10px;
  margin: 30px 0 10px;
  transition: 0.5s;
}
.contact .container .row100 .inputBox:hover:before{
  width: 100%;
}

.contact .container .row100 .inputBox:before{
  content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3268a9;
    z-index: 2;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.contact .container .row100 .inputBox{
  position: relative;
  width: 100%;
  height: 40px;
  /*color: #000;*/
  /*color: #fff;*/
  color: #3268a9;
  border-bottom: 2px solid #3268a9;
}

.contact .container .row100 .inputBox input,
.contact .container .row100 .inputBox.textarea textarea{
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: none;
  border: none;
  outline: none;
  font-size: 18px;
  padding: 0 10px;
  z-index: 1;
  color: #3268a9;
  /*color: #000;*/
}

.contact .container .row100 .inputBox .text{
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  font-size: 18px;
  padding: 0 10px;
  display: block;
  transition: 0.5s;
  pointer-events: none;
}

.contact .container .row100 .inputBox input:focus + .text,
.contact .container .row100 .inputBox input:valid + .text{
     top: -35px;
     left: -10px;
}

.contact .container .row100 .inputBox .line{
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  /*background: #45f3ff;*/
  background: #fff;
  /*background: #fff;*/
  transform: 0.5s;
  border-radius: 2px;
  pointer-events: none;
}

.contact .container .row100 .inputBox input:focus ~ .line,
.contact .container .row100 .inputBox input:valid ~ .line{
  height: 100%;
}

.contact .container .row100 .inputBox.textarea{
  position: relative;
  width: 100%;
  height: 100px;
  padding: 10px 0;
}

.contact .container .row100 .inputBox.textarea textarea{
  height: 100%;
  resize: none;
}

.contact .container .row100 .inputBox textarea:focus + .text,
.contact .container .row100 .inputBox textarea:valid + .text{
     top: -35px;
     left: -10px;
}

.contact .container .row100 .inputBox textarea:focus ~ .line,
.contact .container .row100 .inputBox textarea:valid ~ .line{
  height: 100%;
}

.contact input[type="submit"]
{
  border: none;
  padding: 7px 35px;
  cursor: pointer;
  outline: none;
  /*background: #45f3ff;*/
  background: #134177;
  /*background: #fff;*/
  color: #fff;
  /*color: #000;*/
  font-size: 18px;
  border-radius: 2px;
}
.cont_info{
  padding: 50px;
}
.cont_info h3{
  font-size: 25px;
    color: #093652;
    padding: 25px 0px 10px 0px;
}
.cont_info p{
  margin-bottom: 5px;
}
.cont_info p i{
  margin-left: 10px;
    margin-right: 10px;
    font-size: 23px;
    color: #134177;
}
/*-------------------------contact-end-------------------------*/


/*---------------------------media-query-start-------------------------*/



@media screen and (max-width: 1024px){
  .technology h3{
    width: 91%;
  }
  .qns-whatsapp img {
    width: 50px;
    z-index: 9999;
}
  div#particles-js {
    position: absolute;
    width: 100%;
    height: 230vh;
}
  .home_company{
    padding: 60px;
  }
  .home_company p{
    font-size: 16px;
  }
  .home_company img{
    width: 100%;
    height: 100%;
  }
  .expert .content .contentBx h2 {
    font-size: 28px;
}
  .trust-h3{
    margin-top: -1340px;
  }
  .trust-hr{
   margin-top: -1255px;
  }
  .trust{
    padding: 205px 0 50px 0;
  }
  .trust .container .cardtts{
    margin: 60px 0;
  }
  .trust .container .cardtts .contentBx{
    height: 305px;
    padding: 50px 50px 0px 50px;
  }
  .trust .container .cardtts:nth-child(even) .contentBx{
    padding: 200px 100px 150px 60px;
  }
.service{
  padding: 50px 0px 60px;
}
  .service .service-cards div h5{
    font-size: 14px;
    line-height: 1.5em;
  }
   .check_out h3{
    font-size: 18px;
   }
   .contact_header{
      padding: 125px;
     }
   .check_out p i {
    font-size: 19px;
    padding-right: 9px;
}
.first_section_padd-top-botm {
    padding-bottom: 20px;
    padding-top: 60px;
}
.service_column{
    padding: 0px 0px;
  }
  .about_info img{
    width: 100%;
  }
  .about_objective img{
    width: 100%;
  }
  .service_heading{
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px){
  .technology hr{
    margin-bottom: 40px;
  }
  .technologybx h5{
    font-size: 22px;
  }
  .technologybx p{
    font-size: 12px;
  }
  .technologybx{
    margin: 0 0px;
  }
  .technology h3{
    font-size: 30px;
  }
  div#particles-js {
    position: absolute;
    width: 100%;
    height: 220vh;
}
.expert h3 {
    font-size: 14px;
}
.expert .content{
    top: 4%;
}
.expert .container .icon .iconBx{
    padding: 0 20px;
}
  .home_contact{
    padding: 50px;
  }
  .home_contact h3{
    font-size: 40px;
  }
  .home_contact p{
    font-size: 30px;
  }
  .service-style-one .single-service{
    padding: 35px 15px 10px 15px;
  }
  .service-style-one .single-service h5{
    font-size: 18px;
  }
  .service-style-one .single-service div span{
    font-size: 14px;
  }
  .service-style-one .single-service div {
    position: relative;
    padding-left: 45px;
}
.service-style-one .single-service p{
  font-size: 14px;
}
  .service-style-one{
    padding: 55px 0 70px;
  }
  .service-style-one .theme-title h2{
    font-size: 50px;
  }
  .service h3{
    font-size: 50px;
  }
  .service-p{
    font-size: 19px;
    margin-bottom: 30px;
  }
  .service {
    padding: 40px 0px 50px;
}
.service .card1{
    margin: 25px 0 0 0;
}
.service .service-cards div{
  padding-left: 60px;
}
.service .service-cards div span{
  font-size: 10px;
}
.service .service-cards div h5 {
    font-size: 11px;
    line-height: 2em;
}
.service .service-cards p{
  font-size: 12px;
}

 
  .trust-h3 {
    margin-top: -1000px;
    font-size: 30px;
}
  .trust-hr {
    margin-top: -933px;
}
  .trust {
    padding: 150px 0 30px 0;
}
  .trust .container .cardtts {
    margin: 35px 0;
}
  .trust .container .cardtts:nth-child(even) .contentBx {
    padding: 160px 30px 155px 30px;
}
  .trust .container .cardtts .contentBx h2{
    font-size: 40px;
    text-align: left;
  }
  .trust .container .cardtts .contentBx hr{
    width: 65px;
  }
  .trust .container .cardtts .contentBx p{
    font-size: 16px;
  }
  .trust .container .cardtts .contentBx {
    height: 290px;
    padding: 0px 30px 0px 30px;
}
  .home_company h3{
    font-size: 40px;
  }
  .home_company hr{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .home_company p {
    font-size: 14px;
}
  .home_page_butn{
    margin-top: 0px;
  }
  .home_company img {
    width: 100%;
    height: 80%;
}
  .contact_header{
    padding: 33px;
    margin-top: 55px;
  }
  .contact_header h3{
    font-size: 50px;
  }
  .contact_header p{
    font-size: 2.6em;
  }
    .service_image img {
    width: 230px;
}
.check_out h3 {
    font-size: 13px;
}
.check_out p {
    font-size: 12px;
}
.check_out p i {
    font-size: 11px;
    padding-right: 3px;
}
.service_column h3{
  font-size: 20px;
}
.service_column p{
  font-size: 1.0em;
}
.service_one {
    padding: 0px 45px 0px 0px;
}
.service_two {
    padding: 0px 0px 0px 45px;
}
.service_three {
    padding: 0px 45px 0px 0px;
}
.service_column img{
  width: 340px;
}
.about_objective h3{
  font-size: 16px;
}
.about_objective p{
  font-size: 1.0em;
  letter-spacing: 1px;
}
.about_info img{
  padding: 7px;
}

}





@media screen and (max-width: 425px){
   
  .technologybx {
    margin: 20px 0px;
}
  .technologybx p{
    font-size: 14px;
  }
  .technologybx h5{
    font-size: 30px;
  }
  .technology h3 {
    font-size: 24px;
}
.technology hr{
  width: 85px;
}
  .qns-whatsapp img{
     width: 40px;
    z-index: 9999;
  }
  .about_info p{
    margin-bottom: 30px;
  }
  .about_header{
    padding: 25px;
    padding-top: 115px;
  }
  .about_header hr{
    width: 25%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .cont_info {
    padding: 30px 50px 0 50px;
}
  .contact{
    margin-bottom: 20px;
  }
  div#particles-js {
    position: absolute;
    width: 100%;
    height: 380vh;
}
.service .service-cards div {
    padding-left: 60px;
}
.service .service-cards div img{
  position: absolute;
    top: 0px;
    left: 0;
    width: 50px;
    border-radius: 50%;
}
.service .service-cards div span {
    font-size: 13px;
}
.service .service-cards div h5 {
    font-size: 19px;
    line-height: 1.4em;
}
.service .service-cards p {
    font-size: 13px;
    line-height: 1.5em;
}

  .service-p {
    font-size: 13px;
    margin-bottom: 15px;
}
  .service hr{
    width: 120px;
  }
  .service h3 {
    font-size: 30px;
}
.service-style-one {
    padding: 35px 0 50px;
}
.service-style-one .theme-title h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.service-style-one hr {
    width: 100px;
    margin-bottom: 20px;
}
.service-style-one .theme-title p {
    margin: 20px 20px 30px 20px;
    font-size: 13px;
}
.service-style-one .single-service {
    padding: 35px 35px 15px 35px;
    margin: 20px 30px;
}
.service-style-one .single-service div {
    position: relative;
    padding-left: 60px;
}
.service-style-one .single-service div span {
    font-size: 16px;
}
.service-style-one .single-service h5 {
    font-size: 21px;
}
.service-style-one .single-service p {
    font-size: 14px;
}
.service-style-one .single-service:before {
    position: absolute;
    content: '';
    height: 30px;
    width: 30px;
    bottom: -1px;
    right: -1px;
    background: linear-gradient(315deg, #011d2f 45%, #e2e2e2 50%, #e2e2e2 56%);
}

.home_contact_butn{
  font-size: 10px;
  padding: 10px 13px 10px 13px;
}
.home_contact {
    padding: 30px;
}
.home_contact h3 {
    font-size: 22px;
}
.home_contact hr {
    width: 85px;
    margin-top: 15px;
}
.home_contact p {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}
  .home_company {
    padding: 40px;
}
.home_company p {
    font-size: 15px;
}
.home_company img {
    width: 100%;
    height: 95%;
    padding-top: 50px;
}
.home_page_butn{
  font-size: 11px;
  padding: 10px 13px 10px 13px;
}
.trust .container .cardtts {
    margin: 25px 0;
}
.trust {
    padding: 185px 0 30px 0;
}
.trust-h3 {
    margin-top: -991px;
    font-size: 25px;
}
.trust-hr {
    margin-top: -912px;
}
  .expert .container .icon .iconBx{
    height: 100px;
    padding: 0 10px;
  }
  .expert h3 {
    font-size: 15px;
}
.expert .content .contentBx h2 {
    font-size: 1.6em;
}
.expert .content .contentBx p{
  font-size: 15px;
}
  .contact_header {
    padding: 30px 30px 107px 30px;
}

  .first_section_padd-top-botm {
    padding-top: 45px;
    padding-bottom: 20px;
}
.service_content{
  font-size: 1.0em;
}
  .service_heading{
    font-size: 1.35714286em;
    margin-top: 50px;
  }
  .service_content{
    width: 100%;
  }
  .service_image img {
    width: 250px;
    margin: 10px auto;
    display: block;
}
.check_out{
  padding: 0 20px;
}
.check_out h3{
  font-size: 18px;
  margin-bottom: 10px;
}
.check_out p i {
    font-size: 19px;
    padding-right: 9px;
}
.service_one{
  padding: 0;
}
.service_column h3{
  font-size: 19px;
    margin: 20px 0px 8px auto;
    display: block;
    text-align: center;
}
.service_column p{
  font-size: 1.0em;
    width: 85%;
    margin: 0 auto;
    display: block;
}
.service_two{
  padding: 0;
}
.service_three {
    padding: 0;
}
  .service_column{
    padding: 0px 0px;
    margin-top: 0;
  }
  .service_column img{
   width: 250px;
    margin: 15px auto;
    display: block;
  }
  .about_info img{
    width: 100%;
  }
  .about_objective .left{
    display: none;
  }
  .about_objective .right{
    display: none;
  }
  .about_objective img{
    width: 100%;
  }
   .expert-h1{
        font-size: 40px;
    }
    
    .expert-hr{
        margin-bottom: 40px;
    }
    
    .expert{
        padding: 50px 0 292px 0;
    }
  
}
@media screen and (max-width: 375px){
  div#particles-js {
    position: absolute;
    width: 100%;
    height: 390vh;
}
  .expert h3 {
    font-size: 13px;
}
.expert .container .icon .iconBx {
    height: 100px;
    padding: 0 5px;
}
  .trust {
    padding: 168px 0 30px 0;
}
.trust-h3 {
    margin-top: -980px;
    font-size: 20px;
}
.trust-hr {
    margin-top: -912px;
    width: 70px;
}
.trust .container .cardtts .contentBx h2 {
    font-size: 30px;
    text-align: left;
}
.trust .container .cardtts .contentBx hr {
    width: 50px;
}
.trust .container .cardtts .contentBx p {
    font-size: 14px;
}
.service .service-cards div img {
    position: absolute;
    top: -5px;
    left: 0;
    width: 50px;
    border-radius: 50%;
}
.service .service-cards div span {
    font-size: 11px;
}
.service .service-cards div h5 {
    font-size: 15px;
    line-height: 1.4em;
}
.service .service-cards p {
    font-size: 12px;
    line-height: 1.5em;
}
.service {
    padding: 40px 0px 30px;
}
.service-style-one {
    padding: 35px 0 30px;
}
.home_contact h3 {
    font-size: 21px;
}
.home_contact hr {
    width: 75px;
}
.home_contact p {
    font-size: 15px;
}
  .home_company {
    padding: 30px;
}
  .contact_header p {
    font-size: 2.2em;
  }
  .contact_header h3 {
    font-size: 45px;
}
.contact{
  padding-right: 304px;
}
}

@media screen and (max-width: 320px){
  .technology hr{
    margin-bottom: 25px;
  }
  .technology {
    background: #fafafa;
    padding: 40px 0;
}
  .technology h3 {
    font-size: 17px;
}
  .expert h3 {
    font-size: 12px;
}
.expert .container .icon .iconBx {
    height: 100px;
    padding: 0 1px;
    width: calc(53% - 40px);
}
  .home_contact h3 {
    font-size: 17px;
}
.home_contact hr {
    width: 65px;
}
.home_contact p {
    font-size: 13px;
}
.service-style-one .single-service {
    padding: 35px 25px 15px 25px;
    margin: 20px 10px;
}
.service .service-cards p {
    font-size: 14px;
    line-height: 1.5em;
}
.home_company {
    padding: 20px;
}
.trust-h3{
  font-size: 19px;
}
}

/*--------------------------media-query-end-------------------------*/