body{background:#fff;color:#444;font-family:"Open Sans",sans-serif}
a{color:#007bff;transition:.5s}
a:active,a:focus,a:hover{color:#0b6bd3;outline:0;text-decoration:none}
p{padding:0;margin:0 0 30px 0}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:400;margin:0 0 20px 0;padding:0}
.back-to-top{position:fixed;display:none;background:#007bff;color:#fff;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border-radius:50%;right:15px;bottom:15px;transition:background .5s;z-index:11}
.back-to-top i{padding-top:12px;color:#fff}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top:6px solid #007bff;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}
@-webkit-keyframes animate-preloader{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes animate-preloader{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
#header{height:80px;transition:all .5s;z-index:997;transition:all .5s;padding:20px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.3)}
#header.header-pages,#header.header-scrolled{height:60px;padding:10px 0}
#header .logo h1{font-size:36px;margin:0;padding:0;line-height:1;font-weight:400;letter-spacing:3px;text-transform:uppercase}
#header .logo h1 a,#header .logo h1 a:hover{color:#00366f;text-decoration:none}
#header .logo img{padding: 0; margin: 3px 0; max-height: 36px;}
.main-pages{margin-top:60px}
.main-nav,.main-nav *{margin:0;padding:0;list-style:none}
.main-nav>ul>li{position:relative;white-space:nowrap;float:left}
.main-nav a{display:block;position:relative;color:#004289;padding:10px 15px;transition:.3s;font-size:14px;font-family:'Montserrat',sans-serif;font-weight:500}
.main-nav .active>a,.main-nav a:hover,.main-nav li:hover>a{color:#0c3196;text-decoration:none; font-weight: 600;}
.main-nav .drop-down ul{display:block;position:absolute;left:0;top:calc(100% + 30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:ease all .3s}
.main-nav .drop-down:hover>ul{opacity:1;top:100%;visibility:visible}
.main-nav .drop-down li{min-width:180px;position:relative}
.main-nav .drop-down ul a{padding:10px 20px;font-size:13px;color:#011a35}
.main-nav .drop-down ul .active>a,.main-nav .drop-down ul a:hover,.main-nav .drop-down ul li:hover>a{color:#007bff}
.main-nav .drop-down>a:after{content:"\f107";font-family:'FontAwesome';padding-left:10px}
.main-nav .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}
.main-nav .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}
.main-nav .drop-down .drop-down>a{padding-right:35px}
.main-nav .drop-down .drop-down>a:after{content:"\f105";position:absolute;right:15px}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:9999;overflow-y:auto;left:-260px;width:260px;padding-top:18px;background:rgba(19,39,57,.8);transition:.4s}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#fff;padding:10px 20px;font-weight:500}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#74b5fc;text-decoration:none}
.mobile-nav .drop-down>a:after{content:"\f078";font-family:'FontAwesome';padding-left:10px;position:absolute;right:15px}
.mobile-nav .active.drop-down>a:after{content:"\f077"}
.mobile-nav .drop-down>a{padding-right:35px}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down li{padding-left:20px}
.mobile-nav-toggle{position:fixed;right:0;top:0;z-index:9998;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{margin:18px 18px 0 0;color:#004289}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(19,39,57,.8);overflow:hidden;display:none}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}

#intro{width:100%;position:relative;background:#ffffff url(../images/intro-bg.png) center bottom no-repeat;background-size:cover;padding:200px 0 120px 0}
#intro .intro-img{width:50%;float:right}
#intro .intro-info{width:50%;float:left}
#intro .intro-info h2{color:#fff;margin-bottom:40px;font-size:48px;font-weight:700}
#intro .intro-info h2 span{color:#74b5fc;text-decoration:underline}
#intro .intro-info .btn-get-started,#intro .intro-info .btn-services{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;display:inline-block;padding:10px 32px;border-radius:50px;transition:.5s;margin:0 20px 20px 0;color:#fff}
#intro .intro-info .btn-get-started{background:#007bff;border:2px solid #007bff;color:#fff}
#intro .intro-info .btn-get-started:hover{background:0 0;border-color:#fff;color:#fff}
#intro .intro-info .btn-services{border:2px solid #fff}
#intro .intro-info .btn-services:hover{background:#007bff;border-color:#007bff;color:#fff}
.ion-ios-analytics-outline:before,.ion-ios-bookmarks-outline:before,.ion-ios-clock-outline:before,.ion-ios-paper-outline:before,.ion-ios-speedometer-outline:before,.ion-ios-world-outline:before{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ion-ios-analytics-outline:before{content:"\f3cd"}
.ion-ios-bookmarks-outline:before{content:"\f3e9"}
.ion-ios-clock-outline:before{content:"\f402"}
.ion-ios-paper-outline:before{content:"\f471"}
.ion-ios-speedometer-outline:before{content:"\f4af"}
.ion-ios-world-outline:before{content:"\f4d2"}
.section-header h3{font-size:36px;color:#464646;text-align:center;font-weight:700;position:relative;font-family:'Montserrat',sans-serif}
.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:#464646;width:50%}

.section-bg{background:#f5f8fd}
#services{padding:111px 0 40px 0}
#services .box{padding:30px;position:relative;overflow:hidden;border-radius:10px;  background:#c0d8ff66;box-shadow:0 10px 29px 0 rgba(68,88,144,.1);transition:all .3s ease-in-out;text-align:center; height: 100%; }
#services .box:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
#services .icon{margin:0 auto 15px auto;padding-top:12px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px}
#services .icon i{font-size:36px;line-height:1}
#services .title{font-weight:700;margin-bottom:15px;font-size:18px}
#services .title a{color:#111}
#services .box:hover .title a{color:#1bb1dc}
#services .description{font-size:14px;line-height:28px;margin-bottom:0;text-align:center;}
#why-us{padding:60px 0;background:#fff;width:100%;float:left; background: #ffffff;}
#sucess-bg{padding:60px 0px;background:#fff;width:100%;float:left; background: url(/images/sucess.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 378px;}
#sucess-bg .counters{padding-top:40px}
#sucess-bg .counters span{font-family:'Montserrat',sans-serif;font-weight:700;font-size:35px;color:#ffffff; display: flex; align-items: center; justify-content: center; column-gap: 10px;}
#sucess-bg .counters p{padding:0;margin:0 0 20px 0;font-family:'Montserrat',sans-serif;font-size:14px;color:#ffffff}
.short-line{width: 100%; float: left; color: #000000; font-family: 'Montserrat',sans-serif; margin-bottom: 20px; line-height: 23px;}
.servic-industris{float: left; width: 100%; padding: 40px 0; background: url(/images/industriserv.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.indust-title{width: 100%; float: left; text-align: center; font-size: 28px; color: #ffffff; font-weight: 600; font-family: 'Montserrat',sans-serif; margin: 16px 0px;}
.serv { display: flex; flex-wrap: wrap;justify-content: center;list-style: none; width: 100%; float: left;}
.serv li{text-align: center; width: 16.66%;margin-top: 40px; font-size: 14px;}
.serv li i{font-size: 34px; color: #ffffff;}
.serv li p{color: #ffffff; text-transform: uppercase; margin-top: 15px;}
.img-bg-white{background-color: #fff; padding: 10px; margin: 10px 0px;}
.comman-title{width: 100%;text-align: center;font-size: 19px; font-weight: 500;color: #000000;margin-bottom: 10px; font-weight: 500; font-family:'Montserrat',sans-serif;}
.serv-grid-part{width: 100%; display: flex;flex-wrap: wrap; column-gap: 16px; row-gap: 30px; margin-top: 70px; justify-content: center;}
.serv-card{width: calc(33% - 7px); float: left; background: #fff; border-radius: 10px; padding: 0 30px 30px 30px; display: flex; flex-direction: column; align-items: center;border: 1px solid #ebebeb; position: relative; }
.serv-card:hover{border-top: 5px solid #007bff; border-bottom: 5px solid #007bff;  transition: all .3s ease-in-out; box-shadow: 0 10px 29px 0 rgba(124, 124, 124, 0.226); }
#services .box-service:hover{-webkit-transform:scale(1.1);  transform: scale(1.1);}
#services .box-service:hover .title a{color:#1bb1dc}

#why-us .section-header h3{color:#000;text-align:center;font-weight:700}
#why-us .section-header p{color:#464646;text-align:center; font-family: 'Montserrat',sans-serif;}
#why-us .card{background:#00458f;border-color:#00458f;border-radius:10px;margin:0 0px;padding:25px 0;text-align:center;color:#fff;transition:.3s ease-in-out;height:100%; width: 100%;}
#why-us .card:hover{background:#003b7a;border-color:#003b7a}
#why-us .card i{font-size:48px;padding-top:15px;color:#fff}
#why-us .card h5{font-size:23px;font-weight:500}
#why-us .card p{font-size:15px;color:#fff; margin-bottom: 20px;}
#why-us .card .readmore{color:#fff;font-weight:600;display:inline-block;transition:.3s ease-in-out;border-bottom:#00458f solid 2px}
#why-us .card .readmore:hover{border-bottom:#fff solid 2px}
.plus-icon{width: 28px;
  height: 28px;
  font-size: 28px;
  color: #fff;
  background: #0366cc;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center; font-weight: 500; cursor: pointer;}
.card-title{margin-bottom: 20px;}
#why-us .counters{padding-top:40px}
#why-us .counters span{font-family:'Montserrat',sans-serif;font-weight:700;font-size:35px;color:#000; display: flex; align-items: center; justify-content: center; column-gap: 10px;}
#why-us .counters p{padding:0;margin:0 0 20px 0;font-family:'Montserrat',sans-serif;font-size:14px;color:#000}
.section-header h3{font-size:36px;color:#000;text-align:center;font-weight:700;position:relative}
.testi-bg{background:#ecf5ff}
#testimonials{padding:60px 0;box-shadow:inset 0 0 12px 0 rgba(0,0,0,.1);width: 100%; float: left; background: #dae4f566;}
#testimonials .section-header{margin-bottom:40px}
#testimonials{padding:60px 0;box-shadow:inset 0 0 12px 0 rgba(0,0,0,.1);width:100%;float:left}
#testimonials .section-header{margin-bottom:40px}
#testimonials .testimonial-item .testimonial-img{width:120px;border-radius:50%;border:4px solid #fff;float:left}
#testimonials .testimonial-item h3{font-size:20px;font-weight:700;margin:10px 0 5px 0;color:#111;margin-left:140px}
#testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0 0 10px 0;margin-left:140px}
#testimonials .testimonial-item p{font-style:italic;margin:0 0 15px 140px}
#testimonials .owl-dots,#testimonials .owl-nav{margin-top:5px;text-align:center}
#testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd}
#testimonials .owl-dot.active{background-color:#007bff}
.icon_yl{display: flex; align-items: center; margin: 10px 0; padding-left: 19px;}
.icon_yl i{color: #48a2ff; font-size: 12px;}
p{padding:0;margin:0 0 30px 0}
h3{font-family:'Montserrat',sans-serif;font-weight:400;margin:0 0 20px 0;padding:0}
.section-header h3{font-size:36px;color:#000;text-align:center;font-weight:700;position:relative}
.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:#464646;width:50%}
.section-bg{background:#ecf5ff}
.client-bg{background:#ffffff}
#clients{padding:60px 0;box-shadow:inset 0 0 12px 0 rgba(0,0,0,.1);width:100%;float:left; background: #ffffff;}

#clients .clients-wrap{border-top:1px solid #d6eaff;border-left:1px solid #d6eaff;margin-bottom:30px}
#clients .client-logo{padding:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-right:1px solid #d6eaff;border-bottom:1px solid #d6eaff;overflow:hidden;background:#fff;height:160px}
#clients .client-logo:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
#clients img{transition:all .4s ease-in-out}



.section-header h3{font-size:36px;color:#000000;text-align:center;font-weight:500;position:relative;}
.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:#464646;width:100%;}
#about{background:#fff;padding:111px 0 60px; width: 100%; float: left;}
#about .about-container .background{margin:20px 0;}

.sucess-story{width: 100%; float: left; text-align: center; margin-bottom: 20px; color: #ffffff; font-size: 15px;}
.sucess-title{width: 100%; float: left; text-align: center; color: #ffffff; margin-bottom: 20px; font-weight: 600; font-family:'Montserrat',sans-serif ; font-size: 25px;}
.main-bg{width: 100%; float: left; padding: 0 124px;}

#about .about-container .content{background:#fff;}
#about .about-container .title{color:#333;font-weight:700;font-size:32px;}
#about .about-container p{line-height:23px; color: #464646; margin-bottom: 20px; font-family: 'Montserrat',sans-serif;}
.about-desc{width: 100%; float: left; line-height:23px; font-weight: 500; color: #000000;}
#about .about-container p:last-child{margin-bottom:50px;}
#about .about-container .icon-box{background:#fff;background-size:cover;padding:0 0 30px 0;}
#about .about-container .icon-box .icon{float:left;background:#fff;width:64px;height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;border-radius:50%;border:2px solid #007bff;transition:all 0.3s ease-in-out;}
#about .about-container .icon-box .icon i{color:#007bff;font-size:24px;}
#about .about-container .icon-box:hover .icon{background:#007bff;}
#about .about-container .icon-box:hover .icon i{color:#fff;}
#about .about-container .icon-box .title{margin-left:80px;font-weight:600;margin-bottom:5px;font-size:18px;}
#about .about-container .icon-box .title a{color:#283d50;}
#about .about-container .icon-box .description{margin-left:80px;line-height:24px;font-size:14px;}
#about .about-extra{padding-top:0px;}
#about .about-extra h4{font-weight:600;font-size:24px; color: #000000;}



a{color:#00366f;text-decoration:none;transition:0.3s;}
a:hover{color:color-mix(in srgb, #00366f, transparent 25%);text-decoration:none;}
h3,h4{color:#2d465e;font-family:#2d465e;}
@media screen and (max-width: 768px){
[data-aos-delay]{transition-delay:0!important;}
}
section,.section{padding:111px 0 40px;scroll-margin-top:90px;overflow:clip;}
@media (max-width: 1199px){
section,.section{scroll-margin-top:66px;}
}
.service-details .service-box{background-color:#ffffff;padding:20px;box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1);}
.service-details .service-box+.service-box{margin-top:30px;}
.service-details .service-box h4{font-size:20px;font-weight:700;border-bottom:2px solid color-mix(in srgb, transparent 92%);padding-bottom:15px;margin-bottom:15px; color: #000;}
.service-details .services-list{background-color:#ffffff;}
.service-details .services-list a{color:color-mix(in srgb, #212529, transparent 20%);background-color:color-mix(in srgb, #212529, transparent 96%);display:flex;align-items:center;padding:12px 15px;margin-top:15px;transition:0.3s;}
.service-details .services-list a:first-child{margin-top:0;}
.service-details .services-list a i{font-size:16px;margin-right:8px;color:#00366f;}
.service-details .services-list a.active{color:#ffffff;background-color:#00366f;}
.service-details .services-list a.active i{color:#ffffff;}
.service-details .services-list a:hover{background-color:color-mix(in srgb, #00366f, transparent 95%);color:#00366f;}
.service-details .download-catalog a{color:#212529;display:flex;align-items:center;padding:10px 0;transition:0.3s;border-top:1px solid color-mix(in srgb, #212529, transparent 90%);}
.service-details .download-catalog a:first-child{border-top:0;padding-top:0;}
.service-details .download-catalog a:last-child{padding-bottom:0;}
.service-details .download-catalog a i{font-size:24px;margin-right:8px;color:#00366f;}
.service-details .download-catalog a:hover{color:#00366f;}
.service-details .help-box{background-color:#004a99;color: #ffffff;margin-top:30px;padding:30px 15px;}
.service-details .help-box .help-icon{font-size:48px;}
.service-details .help-box h4,.service-details .help-box a{color:#ffffff; margin: 3px;} 
.service-details .services-img{margin-bottom:20px;}
.service-details h3{font-size:26px;font-weight:700; color: #000; margin-bottom: 15px;}
.service-details p{font-size:15px; margin-bottom: 15px;}
.service-details ul{list-style:none;padding:0;font-size:15px; margin-bottom: 15px;}
.service-details ul li{padding:5px 0;display:flex;align-items:center;}
.service-details ul i{font-size:20px;margin-right:8px;color:#00366f;}
.section-header{width: 100%; float: left; padding: 115px 0 0px;}
.how-we-work-title{padding: 0px 0 46px}
.why-us-title{padding: 0px 0px}
.aboutPart-title{padding: 0px 124px;}
.row-padding{padding: 0px 124px;}
.testimonial-title{padding: 0px 0 0px;}
.clints-head{padding: 0px 0px 0px;}
.client_desc{position: absolute; bottom: 0; padding: 4px; text-align: center; font-size: 14px; background: #0d182c63; font-weight: 100; color: #ffffff; font-weight: 500; float: left;}
.client_desc p{margin-bottom: 0px;}
.service-head{padding: 0px;}


#services .box-service{padding: 30px; position: relative; overflow: hidden;border-radius: 10px; background: #c0d8ff66; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, .1); transition: all .3s ease-in-out;text-align: center; margin-bottom: 40px; height: 325px;}



a{color:#1bb1dc;transition:0.5s;}
a:hover,a:active,a:focus{color:#0a98c0;outline:none;text-decoration:none;}
p{padding:0;margin:0 0 30px 0;}
h3,h4{font-family:"Montserrat", sans-serif;font-weight:400;margin:0 0 20px 0;padding:0;}
.section-header h3{font-size:36px;color:#413e66;text-align:center;font-weight:700;position:relative;font-family:"Montserrat", sans-serif;}
.section-bg{background:#ffffff;}
#portfolio{padding:60px 0;}
#portfolio #portfolio-flters{padding:0;margin:5px 0 35px 0;list-style:none;text-align:center;}
#portfolio #portfolio-flters li{cursor:pointer;margin:15px 15px 15px 0;display:inline-block;padding:6px 10px;font-size:16px;line-height:20px;color:#413e66;margin-bottom:5px;transition:all 0.3s ease-in-out;}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active{color:#1bb1dc;}
#portfolio #portfolio-flters li:last-child{margin-right:0;}
#portfolio .portfolio-item{position:relative;overflow:hidden;margin-bottom:30px;}
#portfolio .portfolio-item .portfolio-wrap{overflow:hidden;position:relative;margin:0;}
#portfolio .portfolio-item .portfolio-wrap:hover img{opacity:0.4;transition:0.3s;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;opacity:0;transition:0.2s linear;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4{font-size:22px;line-height:1px;font-weight:700;margin-bottom:14px;padding-bottom:0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover{color:#1bb1dc;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p{padding:17px;margin:0;color:#f8fcff;font-weight:500;font-size:14px; line-height: 25px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details{display:inline-block;line-height:1;text-align:center;width:36px;height:36px;background:#1bb1dc;border-radius:50%;margin:10px 4px 0 4px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i{padding-top:6px;font-size:22px;color:#fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover{background:#42c3e8;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap:hover{background:#282646;}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info{opacity:1;}
.portfolioTitle h3{color: #000000; font-weight: 500;}

.ion-ios-email-outline:before,.ion-ios-location-outline:before,.ion-ios-telephone-outline:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ion-ios-email-outline:before{content:"\f422";}
.ion-ios-location-outline:before{content:"\f455";}
.ion-ios-telephone-outline:before{content:"\f4b8";}
p{padding:0;margin:0 0 30px 0;}
h3{font-family:"Montserrat", sans-serif;font-weight:400;margin:0 0 20px 0;padding:0;}
.section-header h3{font-size:36px;color:#000000;text-align:center;font-weight:700;position:relative; margin-bottom: 15px;}
#contact{box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1);padding:60px 0;overflow:hidden;}
#contact .section-header{padding-bottom:0px;}
#contact .info{color:#283d50; padding: 0px;}
#contact .info i{font-size:32px;color:#007bff;float:left;line-height:1; margin-right: 15px; padding-left: 15px;}
#contact .info p{padding:0 0 0px 0px;line-height:28px;font-size:14px; margin-bottom: 20px;}
#contact .form #sendmessage{color:#007bff;border:1px solid #007bff;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px;}
#contact .form #errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px;}
#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px;}
#contact .form input,#contact .form textarea{border-radius:0;box-shadow:none;font-size:14px;}
#contact .form button[type="submit"]{background:#007bff;border:0;border-radius:20px;padding:8px 30px;color:#fff;transition:0.3s;}
#contact .form button[type="submit"]:hover{background:#0067d5;cursor:pointer;}
.contact-title{padding: 54px 0 0;}
.contact-title h3{color: #000000;}
.contact-grid{width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px;}
.map-part{max-width: 100%; float: left; padding: 0px;}
.map-part-form{max-width: 100%; float: left; padding-right: 0px;}












@media screen and (max-width:1200px) and (min-width:991px){
  .serv-grid-part{display: grid; grid-template-columns: repeat(2, 1fr);}
  .serv-card{width: 100%;}
  .row{overflow: scroll;}
}


@media screen and (max-width:991px) and (min-width:768px){
  #portfolio #portfolio-flters{display: flex; justify-content: center;}
.pos-rel{width:100%}
.core_service{flex-direction:column}
.skew1,.skew2{transform:skewY(0)}
.skew-desc{transform:skewY(0)!important}
.n_rg{width:85%}
.counts_sub_title+p{width:80%}
.contact-grid{display: block;}
.map-part-form{padding-right: 0px;}
#services .box{height: auto; margin-bottom: 20px;}
#services{padding: 20px 0 0px 0;}
#why-us{padding: 0px;}
.row-padding{padding: 0 20px;}
#sucess-bg{height: 100%; margin-bottom: 30px;}
#why-us .section-header p{padding-bottom: 30px;}
.serv{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.serv-grid-part{display: grid; grid-template-columns: repeat(1, 1fr);}
.serv-card{width: 100%;}
.serv li{width: 100%;}
}


@media screen and (max-width:767px) and (min-width:250px){
  .serv li{width: 100%; font-size: 12px;}
  .serv{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
  .serv-grid-part{display: grid; grid-template-columns: repeat(1, 1fr);}
  .serv-card{width: 100%;}
  .service-head{padding: 65px 0 0;}


  .aboutPart-title{padding: 0px;}
  .row-padding{padding: 0px 15px;}
  #about .about-container p:last-child{margin-bottom: 30px;}
  #sucess-bg{padding: 30px 0px; height: 100%; margin-bottom: 30px;}
  .main-bg{padding: 0px 15px;}
  #sucess-bg .counters p{font-size: 13px;}
  #sucess-bg .counters{padding-top: 20px;}
  #about{padding: 90px 0px 0px;}
  #clients{padding: 30px 0px;}
  

  .icon_yl{justify-content: center; padding-left: 0px;}

  #testimonials{padding: 30px 0px;}
  #why-us{padding: 0px 0;}
  .howwework-section{padding: 15px 0px;}
  #services{padding: 20px 0 0px 0;}
  .map-part-form{padding-right: 0px;}
  .contact-grid{display: block;}
  #portfolio #portfolio-flters{width: 100%; float: left; display: flex; align-items: center; overflow: scroll;}
.skes-item{border-radius:42px 8px 42px 8px}
.core_service{flex-direction:column}
.skew1,.skew2{transform:skewY(0)}
.pos-rel{width:100%;padding:5px 0}
.skew-desc{transform:skewY(0)!important}
.secDefault{padding:45px 0}
.red_title{font-size:26px}
.counts_sub_title+p{width:90%}
.n_rg ul{flex-wrap:wrap}
.n_rg ul li{width:50%;padding:10px}
.n_rg{width:100%;padding:0 15px}
.rating_bar_width .new_revie{margin-bottom:0;background:0 0;display:flex;flex-direction:column;width:100%;align-items:center;border:none;box-shadow:none}
.new_revie .bordered_div{background:#fff;margin-bottom:20px}
.counts_bg{padding:45px 0}
.n_rg ul li h5{font-size:28px}
.counts_sub_title{font-size:26px}
.rating_d_flex{flex-direction:column}
.logo_and_star{flex-direction:column}
.up_block{position:static;height:auto;text-align:left;padding:0 0 0 25px!important}
.down_block{position:static;height:auto}
.process-item{width:100%}
.process_work{flex-direction:column}
.down_block::after{display:none}
.process-item{height:auto;display:flex;margin-top:30px;flex-direction:row-reverse}
.down_block i{position:static;transform:translate(0)}
.cste{display:none}
.ntitle_how_we_work{margin-bottom:15px;font-size:26px}
.n_how_we_work{padding:45px 0}
.timeline::after{display:none}
.up_block h4{order:1;margin:0 0 5px 0!important;font-size:18px!important}
.up_block p{order:2}
.section-header p{margin-bottom: 20px;}
.section-header h3{font-size: 25px;}
#services .box{height: auto; margin-bottom: 40px;}


}

@media (min-width:992px){
#testimonials .testimonial-item p{width:80%}
}

@media (max-width:991px){
#header{height:60px;padding:10px 0}
#header .logo h1{font-size:28px;padding:8px 0}
#intro{padding:140px 0 60px 0}
#intro .intro-img{width:80%;float:none;margin:0 auto 25px auto}
#intro .intro-info{width:80%;float:none;margin:auto;text-align:center}
#why-us .card{margin:0}
}
@media (max-width:768px){
.back-to-top{bottom:15px}
}
@media (max-width:767px){
#intro .intro-info{width:100%}
#intro .intro-info h2{font-size:34px;margin-bottom:30px}
.section-header p{width:100%; padding: 0px;}
#testimonials .testimonial-item{text-align:center}
#testimonials .testimonial-item .testimonial-img{float:none;margin:auto}
#testimonials .testimonial-item h3,#testimonials .testimonial-item h4,#testimonials .testimonial-item p{margin-left:0}
}
@media (max-width:574px){
#intro{padding:100px 0 20px 0}
}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-twitter:before{content:"\f099";}
.fa-facebook:before{content:"\f09a";}
.fa-google-plus:before{content:"\f0d5";}
.fa-linkedin:before{content:"\f0e1";}
.fa-instagram:before{content:"\f16d";}
a{color:#007bff;transition:0.5s;}
a:hover,a:active,a:focus{color:#0b6bd3;outline:none;text-decoration:none;}
p{padding:0;margin:0 0 30px 0; font-family: "Montserrat", sans-serif;}
h3,h4{font-family:"Montserrat", sans-serif;font-weight:400;margin:0 0 20px 0;padding:0;}
#footer{background:#00428a;padding:0 0 30px 0;color:#eee;font-size:14px; width: 100%; float: left;}
#footer .footer-top{background:#004a99;padding:60px 0 30px 0;}
#footer .footer-top .footer-info{margin-bottom:30px;}
#footer .footer-top .footer-info h3{font-size:34px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-family:"Montserrat", sans-serif;color:#fff;font-weight:400;letter-spacing:3px;text-transform:uppercase;}
#footer .footer-top .footer-info p{font-size:13px;line-height:24px;margin-bottom:0;font-family:"Montserrat", sans-serif;color:#ecf5ff;}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#007bff;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;}
#footer .footer-top .social-links a:hover{background:#0067d5;color:#fff;}
#footer .footer-top h4{font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;position:relative;padding-bottom:10px;}
#footer .footer-top .footer-links{margin-bottom:30px;}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0;}
#footer .footer-top .footer-links ul li{padding:8px 0;}
#footer .footer-top .footer-links ul li:first-child{padding-top:0;}
#footer .footer-top .footer-links ul a{color:#ecf5ff;}
#footer .footer-top .footer-links ul a:hover{color:#74b5fc;}
#footer .footer-top .footer-contact{margin-bottom:30px;}
#footer .footer-top .footer-newsletter{margin-bottom:30px;}
#footer .footer-top .footer-newsletter input[type="email"]{border:0;padding:6px 8px;width:65%;}
#footer .footer-top .footer-newsletter input[type="submit"]{background:#007bff;border:0;width:35%;padding:6px 0;text-align:center;color:#fff;transition:0.3s;cursor:pointer;}
.addLine{font-size: 14px;background: url(../images/location.png) no-repeat;background-size: 31px; padding-left: 36px; background-position: 0px 4px; margin-bottom: 20px;color: #ddd;}
.btmlineT{font-size: 14px; color: #ddd; margin-bottom: 20px;}
#footer .footer-top .footer-newsletter input[type="submit"]:hover{background:#0062cc;}
#footer .copyright{text-align:center;padding-top:30px;}
#footer .credits{text-align:center;font-size:13px;color:#f1f7ff;}
#footer .credits a{color:#bfddfe;}
#footer .credits a:hover{color:#f1f7ff;}
.footerImg{margin-right: 15px;}

.col-xs-12{float:left;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="#"]:after{content:"";}
h3{orphans:3;widows:3;}
h3{page-break-after:avoid;}
}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#337ab7;text-decoration:none;}
a:focus,a:hover{color:#23527c;text-decoration:underline;}
a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
h3{margin-top:20px;margin-bottom:10px;}
h3{font-size:24px;}
ul{margin-top:0;}
ul{margin-bottom:10px;}
.col-lg-3,.col-md-3,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-12{width:100%;}
@media (min-width:992px){
.col-md-3{float:left;}
.col-md-3{width:25%;}
}
@media (min-width:1200px){
.col-lg-3{float:left;}
.col-lg-3{width:25%;}
}

h3{margin:0;}
ul{margin:0;padding:0;}
a:hover,a:focus,a:active{text-decoration:none;}
.topfoothead{float:left;width:100%;font-size:20px;margin-bottom:30px;}
.bottomUl{float:left;width:100%;}
.hellinksec{float:left;width:100%;}
.bottomUl li{float:left;width:100%;list-style:none;padding:5px 0;}
.bottomUl li a{font-size:15px;color:#fff;transition:0.5s;}
.bottomUl li a:hover{color:#337ab7;}
@media screen and (max-width: 767px) and (min-width: 318px){
.hellinksec{padding:0;}
.topfoothead{margin-bottom:7px;margin-top:25px;text-align:left;}
}
.topfoothead{float:left;width:100%;font-size:16px;margin-bottom:30px;font-weight:600;color:#ffffff; font-family: "Montserrat", sans-serif;}
.bottomUl{float:left;width:100%;}
.hellinksec{float:left;width:100%; padding-left: 15px;}
.bottomUl li{float:left;width:100%;list-style:none;padding:0px 0px 15px;}
.bottomUl li a{font-size:14px;color:#ffffff;}
@media screen and (max-width: 767px) and (min-width: 318px){
.hellinksec{padding:0;}
.topfoothead{margin-bottom:7px;margin-top:25px;text-align:left;}
}
@media screen and (max-width:991px) and (min-width:318px){
.hellinksec{padding-left:0;}
.topfoothead{padding-top:30px;}
}



.howwework-section{width:100%;float:left;padding: 60px 0px; background: #ffffff;}
.how-we-gridbox
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 70px;
    margin-top: 70px;
    justify-content: center;
}
.how-wework-card
{
    width: calc(33% - 7px);
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    border-radius: 10px;
    padding: 0 30px 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ebebeb;
    position: relative;
    /* border-top: 1px solid #007bff; */
}
.step-iconbox
{
    width: 60px;
    height: 60px;
    background-color: #007bff;
    border-radius: 50%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -33px;
    margin-bottom: 15px;
}
.step-iconbox i
{
    color: #ffffff;
    font-size: 25px;
}
.step-counter
{
  position: absolute;
  font-weight: 700;
  font-size: 185px;
  line-height: 185px;
  color: #64afff;
  opacity: 0.2;
  margin: 0px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.how-we-cardtitle
{
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #007bff;
    margin-bottom: 10px;
}
.how-we-desc
{
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  color: #616161;
  margin: 0;
}

@media (max-width:900px)
{
  .how-wework-card{width: calc(50% - 15px);}
}
@media (max-width:768px)
{
  .how-we-gridbox{row-gap: 55px;}
}