/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. top-section
5. Main Slider
6. service Section
7. about company-section
8. Working-process
9. Feedback Section
10.  project-section
11. We are hiring
12. client-logo
13. our team
14. map
15. subscribe
16. footer / footer-last
**********************************************/
/*** ==================================================================== Reset ==================================================================== ***/
 * {
     margin:0px;
     padding:0px;
     border:none;
     outline:none;
}
/*** ==================================================================== Global Settings ==================================================================== ***/
/*-------------------------------------------------------------- # General --------------------------------------------------------------*/
 html, body {
     -moz-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
	 font-family:"Poppins-Semibold";
     font-size:14px;
}
 a{
     text-decoration:none!important;
}
/*
select{
     -moz-appearance:none;
     appearance:none;
	 -ms-appearance:none;
     -o-appearance:none;
}*/
/*** ==================================================================== preloader ==================================================================== ***/
 .preloader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
     background-color: #ffffff;
     background-position: center center;
     background-repeat: no-repeat;
     background-image:url(../../image/pre-loader.gif);
}
/*-----------------------------------slider---------------------------------------------*/
 .rev-btn, .rev-btn{
     font-family:'Montserrat'!important;
}
 .fp_title_layer{
     font-family:"Poppins-Semibold";
}
 .fp_content_layer{
     font-family:"Rubik-Regular";
}
 .tp-bullets.hesperiden{
     display:none;
}
 .tparrows.hesperiden{
     display:none!important;
}

.d-flex { display: flex; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }

.video-btn {
  text-align: initial;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  font-size: 1rem;
  font-style: italic;
  padding: 6px 0 6px 4.125rem;
  font-weight: 600;
}
.video-btn > span {
  position: absolute;
  left: 0;
  text-align: center;
  height: 3.6875rem;
  width: 3.6875rem;
  line-height: 3.6875rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255,255,255,.1);
  top: 0;
}
.video-btn:hover, 
.video-btn:focus {color: #fff;}

.whatsappfix {
  position: fixed;
  left: 50px;
  bottom: 100px;
  z-index: 1
}
.whatsappfix .video-btn > span {
  background-color: rgba(37, 211, 102,1);
  font-size: 21px;
}
/*=== Pulse Animation ===*/
.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.0625rem;
  margin-left: -4.0625rem;
  background-color: inherit;
  -webkit-animation: pluse 2s linear infinite;
  -ms-animation: pluse 2s linear infinite;
  -o-animation: pluse 2s linear infinite;
  animation: pluse 2s linear infinite;
  width: 8.125rem;
  height: 8.125rem;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  opacity: 0;
  z-index: -2;
}
.spinner:after {
  -webkit-animation: pluse 2s linear 2.3s infinite;
  -ms-animation: pluse 2s linear 2.3s infinite;
  -o-animation: pluse 2s linear 2.3s infinite;
  animation: pluse 2s linear 2.3s infinite;
  -webkit-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@-ms-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@-o-keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pluse {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
/*-----------------------------------slider---------------------------------------------*/
 .container{
     padding:0px;
}
 @media (max-width: 768px){
     .container{
         padding:0px 15px!important;
    }
}
 .top-section{
     background:#49e5be;
}
 .top-section .top-in{ padding:0px;}
 @media (max-width: 1000px){
     .top-section{
         display:none;
    }
     .header-top{
         display:none!important;
    }
     .navbar{
         position:inherit!important;
         z-index:inherit!important;
         width:auto!important;
         margin-top:0px!important;
    }
     .navbar-inverse{
         background:#111c55!important;
    }
     .carousel-indicators{
         z-index:9!important;
    }
}
 .top-section ul{
     padding:0px;
     margin:0px;
}
 .top-section .container{
     padding:0px;
}
 .top-section ul.in {
     margin-left:8px;
}
 .top-section ul.in li{
     padding:10px 10px;
}
/*
.top-section ul li a{
     color:#fff;
     text-decoration:none;
     font-family:"Rubik-Regular";
     font-size:16px;
     cursor:pointer;
}
.top-section ul li a:hover{
     color:#2685f9;
}*/
 .top-section ul.pull-right li{
     padding:10px 15px;
}

/* social */
.social li {
  display: inline-block;
  margin: 5px 3px 0 0;
}
.social li a {
  display: block;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  transition: all 0.3s ease
}
.social li a.fa-facebook-f  { background: #3b5998; }
.social li a.fa-twitter     { background: #00acee; }
.social li a.fa-youtube     { background: #c4302b; }
.social li a.fa-skype       { background: #00AFF0; }
.social li a.fa-linkedin-in { background: #0e76a8; }
.social li a.fa-whatsapp    { background: #25D366; }
.social li a.fa-telegram    { background: #00acee; }
.social li a.fa-viber       { background: #59267c; }
.social li a.fa-instagram   {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.social li a:hover      { background: #111; }

/*
.top-section{
     border-top:1px solid #f7faff;
     border-bottom:1px solid #ecf3fe;
}*/
 .wapper{
     overflow:auto;
}
.header-top{
     float: left;
     width: 100%;
     background:#fff;
     padding: 12px 0px 50px 0px;
}
 .header-top .container{
     padding:0px;
}
 @media screen and (max-width: 768px){
     .navbar-header{
         padding-bottom: 25px;
         padding-top: 5px;
    }
}
 .header-top .navbar-brand{
     padding: 0px!important;
     float: left;
     height: auto;
     margin-top:4px;
}
 .info-inner.form{
     margin-left:0px;
     width:300px;
}
 .info-inner .input-group{
     background:#fff;
     border:2px solid #e2eaf6!important;
     border-radius: 50px;
     margin-top:7px;
}
 .info-inner.form .form-control{
     padding: 6px 40px;
     font-family:"Rubik-Regular";
     background:#fff;
     background-image: none;
     border:none!important;
     border-radius: 50px;
     -webkit-box-shadow: none!important;
     box-shadow: none!important;
     -webkit-transition: none!important;
     -o-transition: none!important;
     transition: none!important;
}
 .info-inner.form .btn{
     border:0px;
     background:#f7faff;
     color:#9b9ea8;
     border-top-right-radius:50px;
     border-bottom-right-radius:50px;
     border-left:2px solid #e2eaf6;
}
 .right-header{
     float: right;
}
 .header-info{
    float: left;
    width: 100%;
    padding-top: 15px;
}
 .info-inner{
     float: left;
}
 .info-inner span.icontop{
     float: left;
     color: #2685f9;
     width: 45px;
     height: 45px;
     padding: 7px 7px;
     font-size: 30px;
     margin-right: 15px;
}
 .iconcont {
     font-family:Rubik-Medium;
     /*text-transform:uppercase;*/
     float: left;
     font-size: 15px;
     line-height: 30px;
     font-weight:500;
     color: #222222;
}
 #custom-search-input{
     width:280px!important;
     margin-left:5px;
     position:relative;
     z-index:10;
}
 #custom-search-input .input-group{
     background:#fff;
     border:1px solid #e2eaf6!important;
     border-radius: 50px;
     margin-top:6px;
}
 @media (max-width: 1200px){
     #custom-search-input{
         width:220px!important;
    }
     .info-inner.form {
         margin-left: 0px;
         width: 219px!important;
    }
}
 #custom-search-input .form-control{
     outline: 0px;
     padding: 10px 15px;
     font-family: "Rubik-Regular";
     background: #fff;
     font-size:16px;
     height: 28px;
     background-image: none;
     border: none!important;
     border-radius: 50px;
     -webkit-box-shadow: none!important;
     box-shadow: none!important;
     -webkit-transition: none!important;
     -o-transition: none!important;
     transition: none!important;
     margin: 7px;
}
 #custom-search-input .btn{
     padding: 8px 18px!important;
}
 #custom-search-input .btn .fa-search{
     font-size:15px;
     color:#9b9ea8;
}
 #custom-search-input .btn:focus{
     outline:0px;
}
 #custom-search-input .btn{
     border:0px;
     background:#f7faff;
     color:#9b9ea8;
     border-top-right-radius:50px;
     border-bottom-right-radius:50px;
     margin-right:2px;
}
 .iconcont a {
     font-family:Rubik-Regular;
     font-size: 16px;
     text-transform:none;
     color: #9b9ea8;
     text-decoration: none!important;
}
 .iconcont a:hover{
     color: #9b9ea8;
}
 .info-inner .button{
     margin-top: 20px;
     float: left;
}
 .info-inner .button a{
     font-size: 16px;
     font-family: Poppins-Semibold;
     text-transform: uppercase;
     text-decoration: none;
     padding: 10px 25px 10px 25px;
     background: #f7faff;
     color: #222222;
     border-radius: 30px;
     border: 2px solid #e1e8f4 
}
 .info-inner {
     float: left;
     margin-left: 20px;
}

.form1 {
    margin-top: -50px;
    margin-bottom: -50px;
    background: #fff;
    position: relative;
    padding: 17px 25px;
    border-radius: 10px;
    z-index: 1;
}
.form1 h2 {
    margin: 0;
}
.form2 .form-control {
    margin-bottom: 15px;
}

/*=============================================================================welcome=end============================================================================*/
 .welcome-section .welcome-sec-outer{
     background:#111c55;
     padding:70px 60px;
}
 .welcome-section .welcome-sec-outer-mid{
     background:#16215d;
     padding:70px 60px;
}
 .wel-row{
     display: flex;
}
 .one{
     flex: 1;
}
 .welcome-section .welcome-sec-inner .icon{
     font-size:60px;
     color:#fff;
}
 @media (max-width: 992px) {
     .welcome-section .welcome-sec-outer{
         background:#111c55;
         padding:25px 15px;
    }
     .welcome-section .welcome-sec-outer-mid{
         background:#16215d;
         padding:25px 15px;
    }
}
 @media (max-width: 768px) {
     .wel-row{
         display: block;
    }
     .one{
         flex: unset;
    }
}
 @-webkit-keyframes spaceboots {
     0% {
         -webkit-transform: translate(2px, 1px) rotate(0deg);
         transform: translate(2px, 1px) rotate(0deg);
    }
     10% {
         -webkit-transform: translate(-1px, -2px) rotate(-1deg);
         transform: translate(-1px, -2px) rotate(-1deg);
    }
     20% {
         -webkit-transform: translate(-3px, 0px) rotate(1deg);
         transform: translate(-3px, 0px) rotate(1deg);
    }
     30% {
         -webkit-transform: translate(0px, 2px) rotate(0deg);
         transform: translate(0px, 2px) rotate(0deg);
    }
     40% {
         -webkit-transform: translate(1px, -1px) rotate(1deg);
         transform: translate(1px, -1px) rotate(1deg);
    }
     50% {
         -webkit-transform: translate(-1px, 2px) rotate(-1deg);
         transform: translate(-1px, 2px) rotate(-1deg);
    }
     60% {
         -webkit-transform: translate(-3px, 1px) rotate(0deg);
         transform: translate(-3px, 1px) rotate(0deg);
    }
     70% {
         -webkit-transform: translate(2px, 1px) rotate(-1deg);
         transform: translate(2px, 1px) rotate(-1deg);
    }
     80% {
         -webkit-transform: translate(-1px, -1px) rotate(1deg);
         transform: translate(-1px, -1px) rotate(1deg);
    }
     90% {
         -webkit-transform: translate(2px, 2px) rotate(0deg);
         transform: translate(2px, 2px) rotate(0deg);
    }
     100% {
         -webkit-transform: translate(1px, -2px) rotate(-1deg);
         transform: translate(1px, -2px) rotate(-1deg);
    }
}
 .welcome-sec-inner:hover .icon{
     color:#f8e510;
}
 .welcome-sec-inner:hover .icon, .welcome-sec-inner:focus .icon {
     -webkit-animation-name: spaceboots;
     -webkit-animation-duration: 0.5s;
     -webkit-transform-origin:50% 50%;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
}
 .welcome-section .welcome-sec-inner .welcome-inner h2{
     margin:0px;
     padding:10px 0px 15px;
}
 .welcome-section .welcome-sec-inner .welcome-inner h2 a{
     font-family:"Poppins-Semibold";
     font-size:24px;
     color:#ffffff;
     line-height:34px;
     text-decoration:none;
     font-weight:normal;
}
 .welcome-section .welcome-sec-inner .welcome-inner p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#abaebe;
     line-height:26px;
}
/*=============================================================================welcome=============================================================================*/

/*breadcrumb*/
 .page-header{
     margin: 0;
     padding-top: 40px;
     padding-bottom: 0;
     border: none;
     background-color: #030303;
     background-image: url('../upload/banner.jpg');
}
 .featured-image{
     padding:50px;
}
 .page-header .heading h1{
     padding: 0px 10px;
     font-family:"Poppins-Bold";
     font-size:36px;
     color:#111c55;
     text-align:justify;
     margin:0px 0px 0px 3px;
}
 .page-header .heading{
     float:left;
}
 .page-header .bread-cumb-inner{
     float:right;
     margin:5px 0px 0px 0px;
}
 .page-header .bread-cumb-inner .breadcrumb{
     background:transparent!important;
     margin-right:2px;
     padding: 8px 15px;
     margin-bottom: 0px !important;
    ;
    list-style: none;
     background-color: #f5f5f5;
     border-radius:0px!important;
}
 .page-header .bread-cumb-inner .breadcrumb li.active a{
     text-decoration:none;
     font-family:"Rubik-Medium";
     font-size:16px;
     color:#222222;
}
 .page-header .bread-cumb-inner .breadcrumb li a{
     text-decoration:none;
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#222222;
}
 .page-header .bread-cumb-inner .breadcrumb li {
     text-decoration:none;
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#222222;
}
.page-header .bread-cumb-inner .breadcrumb > li + li:before{
    padding: 0 5px;
     /*content:url(../image/company-overview/bread-arrow.png);*/
}
@media screen and (max-width: 992px){ 
    .featured-image {
        padding: 50px 0px;
    }
    .page-header .heading{ float:inherit!important; width:100%; margin-bottom:15px; }.page-header .heading h1{ font-size:28px; padding:0px!important; text-align:center;}
    .page-header .bread-cumb-inner .breadcrumb{ padding:0px;} .page-header .bread-cumb-inner {
        float:inherit!important; padding:0px; text-align:center;
        margin: 5px 0px 0px 0px; margin-right:0px; 
    } 
    .page-header .bread-cumb-inner .breadcrumb { margin-right:0px;}
}

.innerpage {
    padding: 50px 0;
    background-color: #fff;
}
.innerpage .elementor-element { max-width:100% !important;}
.innerpage p {
    font-family: "Rubik-Regular";
}
.innerpage .sidebar .item {
    background-color: #f7f7f7;
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.innerpage .sidebar h3 {
    margin-top: 0
}

.video_wrap iframe {
    width:100%;
    height:200px;
    margin-top:15px;
}
.grid-view {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));
}
.specialists .item {
    background-color: #ccebff;
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    border-radius: 5px;
    color: #111;
}
.specialists .item h4 {
    margin-top: 0;
}
.specialists .item table { margin-bottom: 10px;}
.specialists .item td {
    padding-left: 0;
    border: transparent;
    font-family: "Rubik-Regular";
}
.specialists .item .btn {
    font-family: "Rubik-Regular";
    background-color: #49e5be;
    border-radius: 30px;
    color: #111;
    padding:5px 20px;
}
.specialists.institute .item {
    background-color: #49e5be;
    color: #111;
}
.specialists.institute .item .btn {
    background-color: #0099ff;
    color: #fff;
}

/*=======================================================================service-section=================================================================================*/
 .service-section {
     background-image:url(../img/service-bg.jpg);
     padding:70px 0px 80px;
}
 .service-section h1{
     margin:0px 0px 0px;
     font-family:"Poppins-Semibold";
     font-size:40px;
     padding-bottom:15px;
     color:#fff;
}
 .service-section p.para{
     font-family:"Rubik-Regular";
     font-size:18px;
     line-height:28px;
     color:#abaebe;
     padding-top:15px;
    padding:0px 270px;
}
 @media screen and (max-width: 992px){
     .service-section h1{
         font-size:30px;
    }}
	 @media screen and (max-width: 1200px){
    .service-section p.para{
        padding:0px 0px!important;
    }
}
 .service-section .head-bor{
     width: 85px;
     height: 1px;
     margin-left:auto;
     margin-right:auto;
     display:block;
     background-color: #f8e510;
     margin-bottom: 20px;
}
 .service-section .service-content-inner{
     margin-top:40px;
}
 .service-section .service-content-inner .image .icon{
     font-size:80px;
     color:#9aa4db;
}
 .service-section .service-content-inner:hover .image .icon{
     color:#f8e510;
}
 .service-section .service-content-inner .content h2{
     font-family:"Poppins-Semibold";
     padding:8px 0px 13px;
     font-size:18px;
     color:#ffffff;
     line-height:34px;
     text-align:center;
}
 .service-section .service-content-inner .content p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#abaebe;
     line-height:28px;
     text-align:center;
}
 .service-section .service-content-inner .content a{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#f8e510;
     line-height:28px;
     text-align:center;
     text-decoration:none;
}
 .service-section .service-content-inner .content{
     background:transparent;
     color: #fff;
     height: 165px;
     min-width: 260px;
     line-height: 24px;
     font-size: 16px;
     overflow: hidden;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .service-section .service-content-inner .content h2{
     display: inline-block;
     margin:0px;
     width: 100%;
     height: auto;
     -webkit-transition: all 0.4s;
     -webkit-backface-visibility: hidden;
     -moz-transition: all 0.4s;
     -moz-backface-visibility: hidden;
     transition: all 0.4s;
     backface-visibility: hidden;
}
 .service-section .service-content-inner .content p{
     display: inline-block;
     width: 100%;
     height: auto;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .service-section .service-content-inner .content p a{
     display: inline-block;
     width: 100%;
     height: auto;
     -webkit-transition: all 0.2s;
     -webkit-backface-visibility: hidden;
     -moz-transition: all 0.2s;
     -moz-backface-visibility: hidden;
     transition: all 0.2s;
     backface-visibility: hidden;
     margin-top:20px;
}
 .service-section .service-content-inner .content:before{
     position: absolute;
     height: 100%;
     width: 100%;
     line-height: 2.5;
     font-size: 180%;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .service-section .service-content-inner:hover .content h2{
     -webkit-transform: translateY(-300%);
     -moz-transform: translateY(-300%);
     -ms-transform: translateY(-300%);
     transform: translateY(-300%);
}
 .service-section .service-content-inner:hover .content p{
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .service-section .service-content-inner:hover .content p a{
     -webkit-transform: translateY(-130%);
     -moz-transform: translateY(-130%);
     -ms-transform: translateY(-130%);
     transform: translateY(-130%);
}
 .service-section .service-content-inner .content:before {
     left: 0;
     top: -100%;
}
 .service-section .service-content-inner:hover .content:before {
     top: 0;
}
 .service-section .space{
     margin-top:35px;
}
 .service-section .space .text-center{
     padding:15px;
}
 .service-section .load {
     font-family:'Montserrat'!important;
     font-weight:bold;
     font-size:16px;
     color:#222222;
     text-decoration:none;
     padding:15px 50px;
     border-radius:40px;
     background:#fff;
}
 @media screen and (max-width: 768px){
     .service-section .load {
         padding:10px 20px;
    }
     .service-section .service-content-inner .content{
         background:transparent;
         color: #fff;
         height: 140px;
         min-width: auto;
    }
     .service-section .service-content-inner:hover .content p a{
         -webkit-transform: translateY(-90%);
         -moz-transform: translateY(-90%);
         -ms-transform: translateY(-90%);
         transform: translateY(-90%);
    }
}
 @media screen and (max-width: 500px){
     .service-section .service-content-inner .content{
         background:transparent;
         color: #fff;
         height: 160px;
         min-width: auto;
    }
     .service-section .service-content-inner:hover .content p a{
         -webkit-transform: translateY(-130%);
         -moz-transform: translateY(-130%);
         -ms-transform: translateY(-130%);
         transform: translateY(-130%);
    }
}
/*=======================================================================about-us=================================================================================*/
 .about-us-section{
     background-repeat:no-repeat;
     padding:70px 0px 80px;
}
 .about-us-section .image img{
     position:relative;
     margin-top:20px;
     background:#fff;
     -webkit-box-shadow: rgba(1, 1, 1, 0.1) 0 0 50px 0;
     box-shadow: rgba(1, 1, 1, 0.1) 0 0 50px 0;
}
 .about-us-section .about-content-inner .heading h1{
     margin:0px;
     padding-bottom:10px;
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
}
 @media screen and (max-width: 992px){
     .about-us-section .about-content-inner .heading h1{
         font-size:30px;
         line-height:40px;
    }
     .about-us-section .about-content-inner{
         margin-bottom:30px;
    }

}
 .about-us-section .head-bor{
     width: 85px;
     height: 1px;
     display:block;
     background-color: #f8e510;
     margin-bottom: 20px;
}
 .about-us-section .about-content-inner .content-inner{
     margin-top:10px;
}
 .about-us-section .about-content-inner .content-inner h2{
     font-family:"Poppins-Semibold";
     font-size:18px;
     color:#222222;
     line-height:28px;
}
 .about-us-section .about-content-inner .content-inner p{
     font-family:"Rubik-Regular";
     font-size:16px;
     /*color:#9b9ea8;*/
     line-height:28px;
     padding-top:10px;
}
 .about-us-section .counter{
     margin:18px 0px 0px;
     overflow:auto 
}
 .about-us-section .counter .counter-count{
     font-family:"Rubik-Light";
     font-size:60px;
     color:#222222;
}
 .about-us-section .counter p .fa-plus{
     font-size:18px;
     color:#f8e510;
}
 .about-us-section .counter p .txt{
     font-size:30px;
     font-size:60px;
     color:#222222;
     font-family:"Rubik-Light";
}
 .about-us-section .counter p .in{
     font-size:30px;
     color:#222222!important;
}
 .about-us-section .counter p.employee-p{
     font-family:"Rubik-Regular";
     font-size:16px;
     /*color:#9b9ea8;*/
     line-height:28px;
     margin:-10px 0px 0px 0px;
}
 .about-us-section .abou-lg{
     padding:0px;
}
 .about-us-section .count-lg {
     padding:0px;
}
 @media (max-width: 992px) {
     .about-us-section .abou-lg{
         padding:0px 15px;
    }
     .about-us-section .count-lg {
         padding:0px 15px;
    }
}
 @media (max-width: 992px) {
    .about-us-section .count-lg{
         text-align:center;
    }
     .about-us-section .image img{
         margin-left:auto;
         margin-right:auto;
         display:block;
         margin-top:20px;
    }
}
/*=======================================================================working-project=================================================================================*/
 .working-project{
     background:#f7faff;
     padding:70px 0px 50px;
}
 .working-project .project-outer{
     margin-bottom:30px;
}
 .working-project .project-outer{
     width:300px;
     -webkit-box-shadow: 0px 0px 30px 0px rgba(1,1,1, .08);
     box-shadow: 0px 0px 30px 0px rgba(1,1,1, .08);
     height:300px;
     background:#fff;
     border-radius:50%;
     margin-left:auto;
     margin-right:auto;
}
 .working-project .project-outer .project-inner a.link {
     position: absolute;
     z-index: 999;
     width: 100%;
     height: 100%;
     background: transparent;
     text-decoration: none;
     top: 0;
     right: 0;
     cursor: pointer;
}
 @media (max-width: 992px){
     .working-project .project-outer .project-inner{
         padding:0px 30px;
    }
    .working-project .project-outer{
         width:320px;
         height:320px;
    }
}
 @media (max-width: 375px) {
     .working-project .project-outer{
         width:auto!important;
         height:auto!important;
         border-radius:0px;
    }
}
 .working-project .project-outer .project-inner{
     padding-top:50px;
}
 .working-project .project-outer .project-inner .image .icon{
     font-size:60px;
     color:#a3b3cb;
}
 .working-project .project-outer .project-inner h2{
     margin:0px;
     padding:10px 0px 10px;
     font-family:"Poppins-Semibold";
     font-size:18px;
     color:#222222;
     line-height:28px;
}
 .working-project .project-outer.arrow:after{
     content:url(../img/svg/arrow.png);
     position: absolute;
     right: -30px;
     top: 50%;
}
 @media (max-width: 1200px){
     .working-project .project-outer.arrow:after{
         display:none;
    }
}
 .working-project .project-outer .project-inner p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#9b9ea8;
     line-height:28px;
     padding:7px 15px;
}
 .working-project h1{
     margin:0px;
     padding-bottom:15px;
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
     text-align:center;
}
 @media screen and (max-width: 992px){
     .working-project h1{
         font-size:30px;
         line-height:40px;
    }}
	 @media screen and (max-width: 1200px){
     .working-project p.para{
         padding:25px 0px 40px!important;
    }
}
 .working-project .head-bor{
     width: 85px;
     height: 1px;
     display:block;
     margin-left:auto;
     margin-right:auto;
     background-color: #f8e510;
     margin-bottom: 0px;
}
 .working-project p.para{
     font-family:"Rubik-Regular";
     font-size:18px;
     color:#222222;
     line-height:28px;
     padding-top:10px;
     text-align:center;
     padding:25px 300px 40px;
}
 @media (max-width: 998px){
     .working-project .project-outer{
         margin-left:auto;
         margin-right:auto;
    }
}
/*==========================================================================parallex-sec===============================================================================*/
 .parallex-sec{
     background-image: url(../img/parallex-sec.jpg);
     background-repeat:no-repeat;
}
 .parallex-sec .parallex-inner p{
     font-family:"Poppins-Medium";
     font-size:24px;
     color:#dedede;
}
 .parallex-sec .parallex-btn{
     display:flex;
     margin-left:-4px;
     margin-top:-6px;
}
 .parallex-sec .parallex-btn a{
     font-family:"Poppins-Semibold";
     font-size:16px;
     color:#111c55;
     text-decoration:none;
     padding:15px 35px;
     background-color:#f8e510;
     border-radius:50px;
}
 .parallex-sec .mid{
     padding:100px 0px 80px;
}
 @media (max-width: 992px){
     .parallex-sec .parallex-inner p{
         margin-bottom:40px;
    }
    .parallex-sec{
         text-align:center;
    }
    .parallex-sec .parallex-btn a{
         margin-left:auto;
         margin-right:auto;
         display:block;
    }
}
/*==========================================================================parallex-sec=end===============================================================================*/
/*==========================================================================project===============================================================================*/
 .project-section{
     padding:70px 0px 30px;
     overflow-x: hidden;
     position:relative;
     background: #c8ede4
}
 .project-section .container{
     width:100%;
}
 .project-section .owl-theme{
     margin:0px 35px;
}
 .project-section .owl-theme .owl-dots{
     display:block!important;
     margin-top:40px;
}
 .project-section button {
     outline: none;
}
 .project-section .owl-theme .owl-nav{
     display:none!important;
}
 .project-section .owl-theme .owl-dots .owl-dot span{
     border:2px solid #e9e9e9;
}
 .project-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
     border:2px solid #111c55;
}
 .project-section h1{
     margin:0px;
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
     padding-bottom:15px;
     text-align:center;
}
 @media screen and (max-width: 992px){
     .project-section h1{
         font-size:30px;
         line-height:40px;
    }
}
 .project-section .head-bor{
     width: 85px;
     height: 1px;
     display:block;
     margin-left:auto;
     margin-right:auto;
     background-color: #f8e510;
     margin-bottom: 50px;
}
 .project-section .item{
     padding:10px;
}
 .project-section .item img{
     width:100%;
}
 .project-section .image-inner{
     padding: 0px;
     position: relative;
     overflow: hidden;
     width:100%;
}
.project-section .image-inner img{
    display: block;
    width: 100%;
    height: 250px;
    transition: transform .90s;
}
 .project-section .image-inner:hover img{
     -ms-transform: scale(1.5);
    /* IE 9 */
     -webkit-transform: scale(1.5);
    /* Safari 3-8 */
     transform: scale(1.5);
}
 .gradient{
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: -webkit-gradient(linear,left top,left bottom,from(rgba(17,28,85,0)),to(#111c55));
     background: -webkit-linear-gradient(rgba(17,28,85,0),#111c55);
     background: linear-gradient(rgba(17,28,85,0),#111c55);
     left: 0;
     top: 0;
     -webkit-transition: .5s;
     transition: .5s;
}
 .project-section .image-inner:hover .overlay{
     opacity: 1;
}
/* @media (max-width:1400px){
     .project-section .image-inner:hover .overlay{
         opacity: 1;
         transform: translateY(-420px);
         -webkit-transform:translateY(-420px);
         -moz-transform:translateY(-420px);
         -ms-transform:translateY(-420px);
         -o-transform:translateY(-420px);
         background-color: rgba(31,44,91,.9);
    }
}
 */
 .project-section .image-inner .overlay{
     position: absolute;
     top: 0px;
     left: 0;
     padding:30px;
     color: #fff;
     z-index: 100;
     width: 100%;
     height: 100%;
     background:rgba(40,50,96,.9);
     opacity:0;
}
 .project-section .image-inner .overlay .text{
     position: absolute;
     top: 85%;
     left: 0%;
     -webkit-transform: translate(0%, -69%);
     -ms-transform: translate(0%, -69%);
     transform: translate(0%, -69%);
     padding: 40px 30px;
}
 .project-section .image-inner h6:before{
     content: '';
     height: 1px;
     width: 30px;
     left: 0px;
     top:0px;
     margin-top:10px;
     background-color: #fff;
     margin-right: 10px;
     float: left;
}
 .project-section .show h6:before{
     content: '';
     height: 1px;
     width: 30px;
     left: 0px;
     top:0px;
     margin-top:10px;
     background-color: #fff;
     margin-right: 10px;
     float: left;
}
 .project-section .image-inner:hover .show{
     opacity:0;
}
 .project-section .show{
     position:absolute;
     top:93%;
     z-index:11;
     padding:40px 30px;
	  -webkit-transform: translate(0%, -69%);
     -ms-transform: translate(0%, -69%);
     transform: translate(0%, -69%);
}
 .project-section .link{
     position: absolute;
     z-index: 999;
     width: 100%;
     height: 100%;
     background: transparent;
     text-decoration: none;
     top: 0;
     right: 0;
     cursor:pointer;
}
 .project-section .show h2{
     font-family:"Poppins-Semibold";
     font-size:18px;
     line-height:28px;
     color:#fff;
}
 .project-section .show h6{
     font-family:"Rubik-Regular";
     font-size:16px;
     line-height:20px;
     color:#ffffff;
}
 .project-section .image-inner:hover h6:before{
     background:#f8e510;
}
 .project-section .image-inner h6{
     font-family:"Rubik-Regular";
     font-size:16px;
     line-height:20px;
     color:#ffffff;
}
 .project-section .image-inner h2{
     font-family:"Poppins-Semibold";
     font-size:18px;
     line-height:28px;
     color:#fff;
}
 .project-section .image-inner:hover h6{
     color:#f8e510;
}
 .project-section .image-inner:hover h2{
     color:#f8e510;
}
 .project-section .image-inner p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#dedede;
     line-height:28px;
}
 .project-section .image-inner a{
     font-family:"Rubik-Regular";
     font-size:16px;
     text-decoration:none;
     line-height:28px;
     color:#ffffff;
}
/*==========================================================================project-end===============================================================================*/

.home_services {
    background:#f7f7f7;
    padding:50px 0;
    text-align:center
}
.home_services .item {
    background:#fff;
    padding:5px;
    border-radius:3px;
}
.home_services .item img {
    width:100%;
    height:220px;
}

/*==========================================================================we-are-hiring===============================================================================*/
 .we-are-hiring{
     background:#f7faff;
     padding: 50px 0;
}
 .we-are-hiring .heading h1{
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
     padding-bottom:10px;
     text-align:center;
}
 .we-are-hiring .we-are-inner{
    overflow: -webkit-paged-x;
     margin-top:20px;
}
 @media screen and (max-width: 992px){
     .we-are-hiring .we-are-inner .heading h1{
         font-size:30px;
         line-height:40px;
    }
}
 .we-are-hiring .we-are-inner .heading .head-bor{
     width: 85px;
     height: 1px;
     display:block;
     background-color: #f8e510;
     margin-bottom: 30px;
}
 .we-are-hiring .we-are-inner .content-inner p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#9b9ea8;
     line-height:28px;
}
 .we-are-hiring .we-are-inner .content-inner ul{
     padding:0px;
}
 .we-are-hiring .we-are-inner .content-inner ul li{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#9b9ea8;
     line-height:37px;
     list-style:none;
}
 .we-are-hiring .we-are-inner .content-inner ul li .fas{
     color:#2685f9;
     margin-right:10px;
}
 .we-are-hiring .we-are-inner .apply{
     margin-top:45px;
}
 .we-are-hiring .we-are-inner .apply a{
     text-decoration:none;
     text-transform:uppercase;
     font-family:"Poppins-Semibold";
     font-size:15px;
     color:#fff;
     background:#2685f9;
     padding:13px 40px;
     border-radius:40px;
}
/*==========================================================================we-are-hiring===============================================================================*/
/*==========================================================================client-logo-carousel===============================================================================*/
.client-logo-carousel{
    background-repeat:no-repeat;
    background-size:cover;
    padding:25px 0px 25px;
}
.client-logo-carousel .item {
    display:flex;
    height:130px;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
.client-logo-carousel .item img{
    /*opacity:.4;
    margin-left:auto;
    margin-right:auto;
    display:block;*/
    max-width:100%;
    max-height:130px;
}
.client-logo-carousel .owl-theme .owl-nav{
    display:none!important
}
.client-logo-carousel .item img:hover{
    opacity:1;
}
/*==========================================================================client-logo-carousel=end==============================================================================*/
/*==========================================================================our-team===============================================================================*/
 .our-team{
     padding:80px 0px 50px;
}
 .our-team h1{
     text-align:center;
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
     padding-bottom:15px;
     margin:0px;
}
 .our-team .heading-main{
     margin-bottom:50px;
}
 @media screen and (max-width: 1200px){
     .our-team .text-center.para{
         padding:10px 0px!important;
    }}
	 @media screen and (max-width: 992px){
     .our-team h1{
         font-size:30px;
         line-height:40px;
    }
}
 .our-team .head-bor{
     width: 85px;
     height: 1px;
     display:block;
     margin-left:auto;
     margin-right:auto;
     background-color: #f8e510;
     margin-bottom: 15px;
}
 .our-team .text-center.para{
     font-family:"Rubik-Regular";
     font-size:18px;
     color:#222222;
     line-height:28px;
     padding:10px 304px 0px;
}
 .our-team-inner{
     margin-bottom:30px;
}
 .our-team .our-team-inner .image{
     position: relative;
     width: 100%;
}
 .our-team .our-team-inner .image img {
     display: block;
     width: 100%;
     height: auto;
}
 .our-team .our-team-inner .image .overlay-team {
     background-color: rgba(31,44,91,.9);
     position: absolute;
     top: 0;
     left: 0;
     color: #fff;
     z-index: 100;
     opacity: 0;
     width: 100%;
     height: 100%;
     transition:.5s ease;
}
 .our-team .our-team-inner:hover .image .overlay-team {
     opacity:1;
}
 .our-team .our-team-inner .image .overlay-team .text{
     position: absolute;
     top: 100%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
}
 .our-team .our-team-inner .image .overlay-team .text ul li a{
     color:#fff;
     font-size:15px;
     font-weight:normal;
     cursor:pointer;
}
 .our-team .our-team-inner .image .overlay-team .text ul li a:hover{
     color:#f8e510;
}
 .our-team .our-team-inner .image .overlay-team .text .list-inline{
     -webkit-transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -o-transition:all 0.3s ease-in-out;
     -ms-transition:all 0.3s ease-in-out;
     transition:all 0.3s ease-in-out;
}
 .our-team .our-team-inner:hover .image .overlay-team .text .list-inline{
     opacity:1;
     -webkit-transform:translateY(-150px);
     transform: translateY(-150px);
     -ms-transform:translateY(-150px);
     -moz-transform:translateY(-150px);
     -o-transform:translateY(-150px);
}
 .our-team .our-team-inner .content-inner .heading h2{
     font-family:"Poppins-Semibold";
     font-size:18px;
     color:#222222;
     line-height:25px;
}
 .our-team .our-team-inner .content-inner .heading h6{
     font-family:"Rubik-Regular";
     color:#9b9ea8;
     font-size:16px;
}
 .our-team .our-team-inner .content-inner .description p {
     font-family:"Rubik-Regular";
     color:#9b9ea8;
     font-size:16px;
     line-height:25px;
     margin-top:-5px;
}
/*==========================================================================our-team=end==============================================================================*/
/*================================================client-tstimonial-------------------------------------------*/
 .client-testimonial{
     background:url(../upload/client-bg.jpg);
     background-size:cover;
     background-repeat:no-repeat;
     padding: 80px 0px 80px 0px;
}
 .client-testimonial h1 span{
     line-height: .7;
     display: inline-block;
     border-bottom: 4px solid #f8e510;
}
 .client-testimonial h1{
     font-family:"Poppins-Bold";
     font-size: 36px;
     color: #222222;
     text-align: justify;
     line-height: 40px;
     margin-top:10px;
}
 @media (max-width: 992px) {
     .client-testimonial h1{
         font-size:30px;
         line-height: 40px!important;
    }
}
 .client-testimonial p.main-para {
     font-size: 18px;
     font-family:"Rubik-Regular";
     color: #222222;
    
     line-height:25px;
     padding:14px 0px 0px 30px;
}
 .client-testimonial h2{
     margin:0px;
     font-family: "Rubik-Medium";
     font-size: 36px;
     color: #2685f9;
     line-height: 30px;
     text-align: center;
     border: 2px solid #e1ecfe;
     padding: 10px 0px 3px 0px;
     margin-top:10px;
     margin-bottom:2px;
}
 .client-testimonial h2 span{
     font-family: "Rubik-Regular";
     font-size: 18px;
     color: #b8bac1;
     line-height: 30px;
     text-align: center;
}
 .client-testimonial .owl-carousel .owl-stage-outer{
     overflow:-webkit-paged-y!important;
}
 .client-testimonial .testimonial-outer .client-text{
     position:absolute;
     z-index:999;
     top:10%;
     left:20px;
     background:#fff;
     padding:30px 10px 25px 25px;
     width:60%;
     -webkit-box-shadow: rgba(240, 240, 240, 0.09) 0px 2px 21px 0px;
     box-shadow: rgba(1, 1, 1, 0.08) 0px 2px 21px 0px;
}
 .client-testimonial .testimonial-outer .testimonial-bg-image img{
     margin-right:auto;
     margin-left:auto;
}
 .client-testimonial .testimonial-outer .client-text h3{
     font-family: "Poppins-Semibold";
     font-size: 18px;
     color: #222222;
     margin:0px;
     line-height:26px;
}
 .client-testimonial .testimonial-outer .client-text p{
     font-family: "Rubik-Regular";
     font-size: 16px;
     color: #9b9ea8;
     line-height: 25px;
     padding-bottom:10px;
}
 .client-testimonial .testimonial-outer .client-text p.bor{
     font-family:"Rubik-Regular";
     font-size: 16px;
     color: #9b9ea8;
}
 .client-testimonial .flacticon-quote{
     font-size: 35px;
     color: #9b9ea8;
     margin-top: 20px;
}
 .client-testimonial .testimonial-outer .client-text h6 a .flaticon-next{
     margin-left:10px;
}
 .client-testimonial .testimonial-outer .client-text h6 a{
     font-size: 16px;
     font-family: Rubik-Regular;
     text-decoration:none;
     color: #222222;
}
 .client-testimonial .testimonial-outer .client-text h6 a .fas{
     font-size: 16px;
     color: #222222;
}
 .client-testimonial .testimonial-outer .client-text:after{
     position:absolute;
     content:'';
     background:transparent;
     height:120px;
     width:5px;
     left:-15px;
     transition: .5s ease;
}
 .client-testimonial .testimonial-outer:hover .client-text:after{
     position:absolute;
     content:'';
     background:#f8e510;
     height:120px;
     width:5px;
     left:0px;
}
 .client-testimonial .testimonial-bg-image .link{
     position:absolute;
     z-index:10;
     width:100%;
     height:100%;
     top:0;
     bottom:0;
}
 .client-testimonial .testimonial-outer-right .client-text-right{
     position:absolute;
     z-index:999;
     top:10%;
     right:20px;
     background:#fff;
     padding:30px 10px 25px 25px;
     width:60%;
     -webkit-box-shadow: rgba(240, 240, 240, 0.09) 0px 2px 21px 0px;
     box-shadow: rgba(1, 1, 1, 0.08) 0px 2px 21px 0px;
}
 .client-testimonial .testimonial-outer-right .testimonial-bg-image img{
     margin-right:auto;
     margin-left:auto;
}
 .client-testimonial .testimonial-outer-right .client-text-right h3{
     font-family: "Poppins-Semibold";
     font-size: 18px;
     color: #222222;
     margin:0px;
     line-height:26px;
}
 .client-testimonial .testimonial-outer-right .client-text-right p{
     font-family: "Rubik-Regular";
     font-size: 16px;
     color: #9b9ea8;
     line-height: 25px;
     padding-bottom:10px;
}
 .client-testimonial .testimonial-outer-right .client-text-right p.bor{
     font-family:"Rubik-Regular";
     font-size: 16px;
     color: #9b9ea8;
}
 .client-testimonial .testimonial-outer-right .client-text-right .flacticon-quote{
     font-size: 35px;
     color: #9b9ea8;
     margin-top: 20px;
}
 .client-testimonial .testimonial-outer-right .client-text-right h6 {
     margin-top: 0px!important;
}
 .client-testimonial .testimonial-outer-right .client-text-right h6 a .flaticon-next{
     margin-left:10px;
}
 .client-testimonial .testimonial-outer-right .client-text-right h6 a{
     font-size: 16px;
     font-family: Rubik-Regular;
     text-decoration:none;
     color: #222222;
}
 .client-testimonial .testimonial-outer-right .client-text-right h6 a .fas{
     font-size: 16px;
     color: #222222;
}
 .client-testimonial .testimonial-outer-right .client-text-right:after{
     position:absolute;
     content:'';
     background:transparent;
     height:120px;
     width:5px;
     left:-15px;
     transition: .5s ease;
}
 .client-testimonial .testimonial-outer-right:hover .client-text-right:after{
     position:absolute;
     content:'';
     background:#f8e510;
     height:120px;
     width:5px;
     left:0px;
}
 .client-testimonial .testimonial-outer .testimonial-bg-image{
     width:90%;
     height:100%;
     position: relative;
     margin-left:auto;
}
 .client-testimonial .testimonial-outer .testimonial-bg-image img{
     display: block;
     width: auto;
     height:100%;
}
 .client-testimonial .testimonial-outer .testimonial-bg-image .overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     left:0;
     height: 100%;
     width:100%;
     opacity: 0;
     transition: .5s ease;
     background-color: rgba(39,47,91,.9);
}
 .client-testimonial .testimonial-outer:hover .testimonial-bg-image .overlay {
     opacity: 1;
}
 .client-testimonial .testimonial-outer:hover .client-text .fa-quote-right {
     color: #f8e510;
}
 .client-testimonial .testimonial-outer:hover .client-text h6 a{
     color: #2685f9;
}
 .client-testimonial .testimonial-outer:hover .client-text h6 a .fas{
     color: #2685f9;
}
 .client-testimonial .testimonial-outer-right .testimonial-bg-image{
     width:90%;
     height:100%;
     position: relative;
     margin-left:0px;
}
 .client-testimonial .testimonial-outer-right .testimonial-bg-image img{
     display: block;
     width: auto;
     height:100%;
}
 .client-testimonial .testimonial-outer-right .testimonial-bg-image .overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     width:100%;
     opacity: 0;
     transition: .5s ease;
     background-color: rgba(39,47,91,.9);
}
 .client-testimonial .testimonial-outer-right:hover .testimonial-bg-image .overlay {
     opacity: 1;
}
 .client-testimonial .testimonial-outer-right:hover .client-text .fa-quote-right {
     color: #f8e510;
}
 .client-testimonial .testimonial-outer-right:hover .client-text h6 a{
     color: #2685f9;
}
 .client-testimonial .testimonial-outer-right:hover .client-text h6 a .fas{
     color: #2685f9;
}
 .client-testimonial .testimonial-outer-right:hover .pull-right .flaticon-quote{
     color:#f8e510;
}
 .client-testimonial .testimonial-outer-right .pull-right{
     margin-top:-7px;
}
 .client-testimonial .testimonial-outer-right .pull-right .flaticon-quote{
     font-size:50px;
     color:#ebf4fe;
}
 .client-testimonial .testimonial-outer .pull-right{
     margin-top:-7px;
}
 .client-testimonial .testimonial-outer .pull-right .flaticon-quote{
     font-size:50px;
     color:#ebf4fe;
}
 .client-testimonial .testimonial-outer:hover .pull-right .flaticon-quote{
     color:#f8e510;
}
 .owl-testimonial{
     margin-top:20px;
}
 .client-testimonial .owl-carousel .owl-nav button .fas{
     font-size:18px;
     color:#e1e8f4;
     padding-top: 4px;
}
 .client-testimonial .owl-carousel .owl-nav button:hover .fas{
     color:#f8e510;
}
 .owl-theme .owl-nav .disabled{
     opacity:1!important;
     cursor:not-allowed!important;
}
 .client-testimonial .owl-carousel .owl-nav button.owl-next:hover{
     border:2px solid #111c55;
     background:#111c55;
}
 .client-testimonial .owl-carousel .owl-nav button.owl-prev:hover{
     border:2px solid #111c55;
     background:#111c55;
}
 .client-testimonial .owl-carousel .owl-nav button.owl-next{
     right:-100px;
     position:absolute;
     width:40px;
     height:40px;
     border:2px solid #e1e8f4;
     top:40%;
     border-radius:0px;
}
 .client-testimonial .owl-carousel .owl-nav button.owl-prev{
     left:-100px;
     position:absolute;
     width:40px;
     height:40px;
     border:2px solid #e1e8f4;
     top:40%;
     border-radius:0px;
}
 @media (max-width: 1450px) {
     .client-testimonial .owl-carousel .owl-nav button.owl-next{
         right:inherit!important;
         position:inherit!important;
         top:inherit!important;
    }
     .client-testimonial .owl-carousel .owl-nav button.owl-prev{
         left:inherit!important;
         position:inherit!important;
         top:inherit!important;
    }
}
 @media (max-width: 768px) {
.client-testimonial h2 { margin-bottom:30px;}}
 @media (max-width: 992px) {
     .client-testimonial .testimonial-outer .testimonial-bg-image img{
         width:100%;
    }
     .client-testimonial .testimonial-outer-right .testimonial-bg-image img{
         width:100%;
    }
     .client-testimonial .testimonial-outer .testimonial-bg-image{
         width:100%;
         height:100%;
         position: relative;
    }
     .client-testimonial .testimonial-outer-right .testimonial-bg-image{
         width:100%;
         height:100%;
         position: relative;
    }
     .client-testimonial .testimonial-outer .client-text{
         top:25%;
    }
     .client-testimonial .testimonial-outer-right .client-text-right{
         top:25%;
    }
     .client-testimonial .owl-nav.disabled{
         display:block!important 
    }
     .client-testimonial p.main-para{
         padding:0px;
    }
}
 @media (max-width: 768px) {
     .owl-testimonial{
         margin:10px;
    }
     .client-testimonial .testimonial-outer .client-text{
         top:10%;
    }
     .client-testimonial .testimonial-outer-right .client-text-right{
         top:10%;
    }
}
 @media (max-width: 530px) {
     .client-testimonial .testimonial-outer .client-text{
         width:100%;
         position:static!important;
         left:0px!important;
         background:#fff;
         overflow:-webkit-paged-y!important;
    }
     .client-testimonial .testimonial-outer-right .client-text-right{
         width:100%;
         position:static!important;
         left:0px!important;
         background:#fff;
         overflow:-webkit-paged-y!important;
    }
}
/*==========================================================================conntact-section==============================================================================*/


.contact-section {
    padding: 40px 0;
}
.contact-section .form-inner{
    /*
     position:absolute;
     z-index:11;
     left:85px;
     background:#fff;
     padding:10px 50px 25px;
     top:120px;
     width:auto;*/
}
 .contact-section .form-inner .heading h1{
     text-align:justify;
     font-family:"Poppins-Semibold";
     font-size:40px;
     color:#222222;
     line-height:64px;
     margin-bottom:10px;
}
 .contact-section .form-inner .form-group{
     padding:0px 20px!important;
}
 .contact-section .form-inner .form-group .form-control{
     background:transparent!important;
     border-radius:0px;
     padding:25px;
     border:2px solid #eef3fb;
     -webkit-box-shadow:none!important;
     box-shadow:none!important;
     -webkit-transition:none!important;
     -o-transition:none!important;
     transition:none!important;
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#9b9ea8;
}
 .contact-section .form-inner .form-group .btn:focus{
     outline:0px;
}
 .contact-section .form-inner .form-group .btn-default{
     background:#2685f9;
     border:2px solid #2685f9;
     padding:10px 40px;
     border-radius:40px;
     font-family:'Montserrat', sans-serif;
     font-size:16px;
     color:#fff;
     margin-right:30px;
}
 .contact-section p{
     font-family:"Rubik-Regular ";
     font-size:16px;
     color:#9b9ea8;
     padding:12px 0px 0px;
}
 .contact-section p span{
     font-family:"Rubik-Medium";
    color:#222;
}
 @media (max-width:768px){
     .contact-section .form-inner{
         left:0px!important;
         margin:10px;
         top:50px;
    }
}
/*==========================================================================contact-section-end==============================================================================*/
/*==========================================================================subscribe==============================================================================*/
 .subscribe{
     background:#111c55;
     padding:50px 0px 30px;
}
 .subscribe .image{
     float:left;
     height:70px;
     width:80px;
}
.subscribe .right-arrow{ width:18px;}
 .subscribe .description p{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#abaebe;
     line-height:28px;
     margin-left:80px;
}
 @media (max-width: 992px) {
     .subscribe .description p{
         margin-bottom:30px;
    }
}
 .subscribe .form-outer .form-group .form-control{
     background:transparent;
     border:0px;
     -webkit-box-shadow:none!important;
     box-shadow:none!important;
     -webkit-transition:none!important;
     -o-transition:none!important;
     transition:none!important;
     color:#9b9ea8;
     font-size:16px;
     font-family:"Rubik-Regular";
}
 .subscribe .form-outer .form-group{
     margin-bottom:0px!important;
}
 .subscribe .form-outer .form-group .btn{
     background:transparent;
     border:0px;
}
 .subscribe .form-outer{
     border:1px solid #2b397d;
     overflow:-webkit-paged-x;
     padding:10px 0px;
     border-radius:50px;
     height: 55px;
}
/*===========================================================================================latest-news--------------------------------------------------------------------*/
 .latest-news{
     padding: 80px 0px 50px 0px;
     background-color: #f7f7f7
}
 .latest-news .txt-main h1{
     margin:0px;
     font-family: Poppins-Bold;
     font-size: 36px;
     color: #222222;
     text-align: center;
     line-height: 60px;
     margin-bottom: 12px;
     text-transform: uppercase;
}
 .latest-news .txt-main h1 span{
     line-height: .7;
     display: inline-block;
     border-bottom: 4px solid #f8e510;
}
 .latest-news .txt-main p{
     font-family: Rubik-Regular;
     font-size: 18px;
     color: #222222;
     padding: 0px 251px;
     text-align: center;
     line-height: 25px;
}
 .latest-news .txt-main h6{
     text-align: center;
     line-height: 30px;
     padding:20px 0px;
}
 .latest-news .txt-main h6 a{
     text-decoration: none!important;
     color: #2685f9;
     font-size: 16px;
     font-family:"Rubik-Regular";
}
 .latest-news .txt-main h6 a:hover{
     color: #2685f9;
     transition: 500ms ease;
}
 .latest-news .latest-news-inner-main .hero{
     display: block;
     font-size:16px;
     font-family:"Rubik-Regular";
     color:#fff;
     line-height: 1;
     position: absolute;
     top: 20px;
     left: 50px;
     background-color: #2685f9;
     padding: 7px 20px;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     z-index: 11;
}
 .latest-news .latest-news-inner-main .latest-news-inner .image{
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .latest-news .latest-news-inner-main .latest-news-inner .image img{
     width: 100%;
     height:auto;
     display: block;
     transition: transform .9s;
}
 .latest-news .latest-news-inner-main .latest-news-inner:hover .image img{
     -ms-transform: scale(1.5);
    /* IE 9 */
     -webkit-transform: scale(1.5);
    /* Safari 3-8 */
     transform: scale(1.5);
}
 .latest-news .latest-news-inner-main .latest-news-inner .image .overlay{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height:100%;
     width: 100%;
     opacity: 0;
     transition: .5s ease;
     background-color: rgba(39,47,91,.9);
}
 .latest-news .latest-news-inner-main .latest-news-inner{
     border: 1px solid #eef3fb;
     margin-bottom:40px;
     background-color: #fff
}
 .latest-news .latest-news-inner-main .latest-news-inner:hover .image .overlay{
     opacity: 1;
}
 .latest-news .latest-news-inner-main .latest-news-inner .image .overlay .txt {
     color: #f8e510 ;
     font-size: 40px ;
     position: absolute;
     top: 50%;
     left: 50%;
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
}
 .latest-news .latest-news-inner-main .latest-news-inner .content{
     padding: 10px 25px 0px 25px;
}
 .latest-news .latest-news-inner-main .latest-news-inner .content h5{
     font-family: "Rubik-Regular";
     font-size: 16px;
     color: #2685f9;
     line-height: 30px;
}
 .latest-news .latest-news-inner-main .latest-news-inner .content p{
     font-size: 18px;
     color: #222222;
     font-family: Poppins-Semibold;
     line-height: 25px;
     position: relative;
}
 .latest-news .latest-news-inner-main .latest-news-inner .content h6 a{
     font-size: 16px;
     color:#2685f9;
     font-family:"Rubik-Regular";
     text-decoration:none;
     line-height: 0px;
     opacity:0;
}
 .latest-news .latest-news-inner-main .latest-news-inner .content h6{
     margin: 0px;
    padding-bottom:14px;
}
 .latest-news .latest-news-inner-main .latest-news-inner:hover{
     background-color: #f7faff;
}
 .latest-news .latest-news-inner-main .latest-news-inner:hover .content h6 a{
     line-height:37px;
     opacity:1;
     margin-top:-10px;
}
 .latest-news .latest-news-inner-main .latest-news-inner:hover .content p{
     font-size: 16px;
     text-decoration:none;
     color: #9b9ea8;
     font-family: "Rubik-Regular";
     font-weight: normal;
     line-height: 25px;
     margin-bottom:11px;
     position: relative;
}

.latest-videos {
    padding: 50px 0 20px;
    background-color: #fff;
}
.latest-videos .txt-main { margin-bottom: 25px; }
.latest-videos iframe {
    display: block;
    border: 4px solid #000;
    border-radius: 4px;
    width: 100%;
    height: 250px;
}
.latest-videos h4 {
    margin: 0 0 30px;
    padding: 10px;
    color: ;
    text-align: center;
}
/*==========================================================================subscribe=end=============================================================================*/
#design {
  color:#333;
  background:#fff;
  border-radius:3px;
  transition:all 0.3s ease-in;
  margin:0 10px;
  padding:5px;
  text-decoration:none;
  font-weight:bold;
}
#design:hover {
  background:rgba(0,0,0,0.5);
  color:#fff;
}
#design:hover span {
  color:#fff;
}
#design span {
  color:#800;
} 
 .footer{
     padding:80px 0px 55px;
     background-color: #49e5be;
}
 .footer .heading{
     padding-bottom:30px;
}
 .footer .heading h2{
     font-family:"Poppins-Semibold";
     font-size:20px;
     color:#222222;
}
 .footer .description p{
     color:#111;
     font-size:16px;
     line-height:28px;
     font-family:"Rubik-Regular";
}
 .footer .description ul{
     padding:10px 0px 0px 0px;
}
 .footer .description ul li a{
     color:#111;
     text-decoration:none;
}
 .footer .description .image{
     margin-top:-5px;
}
 .footer .description .image>tbody>tr>td{
     padding:4px;
}
 .footer .link table{
     margin-top:-15px;
}
 .footer .link table>tbody>tr>td a:hover{
     color:#111c55
}
 .footer .link table>tbody>tr>td a{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#111;
     transition:.5s ease;
     line-height:38px;
     text-decoration:none;
}
 .footer .link table>tbody>tr>.main{
     padding-right:60px;
}
 @media (max-width: 300px) { .footer .link table>tbody>tr>.main{
     padding-right:20px;
}}
 .footer .description.last table{
     margin-top:-10px;
}
 .footer .description.last table>tbody>tr>td .icon{
     margin-right:20px;
     font-size:30px;
     color:#2685f9;
}
 .footer .description.last table>tbody>tr>td span{
     font-family:"Rubik-Medium";
     font-size:16px;
     color:#222222;
     text-transform:uppercase;
     line-height:28px;
}
 .footer .description.last table>tbody>tr>td{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#111;
     padding:0px 0px 20px 0px;
}
 .footer-last {
     background:#43cfac;
}
 .footer-last ul {
     padding:0px;
     margin:0px;
}
 .footer-last ul li{
     display:inline-block;
     list-style:none;
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#111;
     padding:25px 0px;
}
 .footer-last .link{
     float:right;
}
 .footer-last .link li{
     padding:25px 15px;
}
 .footer-last ul li a{
     font-family:"Rubik-Regular";
     font-size:16px;
     color:#9b9ea8;
     text-decoration:none;
}
 .footer-last .back-to-top{
     border:2px solid #e1e8f4;
     padding:10px 15px;
}
.footer-last ul li:last-child{
     padding-right:0px;
}
@media (max-width: 992px) {
    .footer .description{
        margin-bottom:30px;
    }
    .footer-last ul {
        text-align:center!important;
    }
    .footer-last .link{
        float:none;
        text-align:center;
    }
}
 
@media only screen and (max-width: 480px) {
    #masthead, #masthead .container { background-color:#fff !important;}
    .logo img { width:100%;}
    .navbar-toggle { margin-right:0;}
    .form1 { margin:0; text-align:center;}
    .form1 .d-flex { display:block;}
    .form1 .form-control, .form1 h2 { margin-bottom:10px;}
    .about-us-section .counter .counter-count { font-size: 37px;}

    .project-section .image-inner h2 {font-size:15px;}
}