article,aside,footer,header,hgroup,main,nav,section{display:block}
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Raleway:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap');

@font-face{font-family:'BebasNeue';src:url(fonts/BebasNeue.eot?#iefix) format("embedded-opentype"),url(fonts/BebasNeue.otf) format("opentype"),url(fonts/BebasNeue.woff) format("woff"),url(fonts/BebasNeue.ttf) format("truetype"),url(fonts/BebasNeue.svg#BebasNeue) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'OpenSans';src:url(fonts/OpenSans.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans.woff) format("woff"),url(fonts/OpenSans.ttf) format("truetype"),url(fonts/OpenSans.svg#OpenSans) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'OpenSans-CondensedBold';src:url(fonts/OpenSans-CondensedBold.eot?#iefix) format("embedded-opentype"),url(fonts/OpenSans-CondensedBold.woff) format("woff"),url(fonts/OpenSans-CondensedBold.ttf) format("truetype"),url(fonts/OpenSans-CondensedBold.svg#OpenSans-CondensedBold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Roboto-Condensed';src:url(fonts/Roboto-Condensed.eot?#iefix) format("embedded-opentype"),url(fonts/Roboto-Condensed.woff) format("woff"),url(fonts/Roboto-Condensed.ttf) format("truetype"),url(fonts/Roboto-Condensed.svg#Roboto-Condensed) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Roboto-Regular';src:url(fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Roboto-Regular.woff) format("woff"),url(fonts/Roboto-Regular.ttf) format("truetype"),url(fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"Raleway";src:url(fonts/851531983-Raleway-Light.eot);src:url(fonts/851531983-Raleway-Light.eot?#iefix) format("embedded-opentype"),url(fonts/851531983-Raleway-Light.svg#Raleway) format("svg"),url(fonts/851531983-Raleway-Light.woff) format("woff"),url(fonts/851531983-Raleway-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:"Source Sans Pro Light";src:url(fonts/SourceSansPro-Light.eot);src:url(fonts/SourceSansPro-Light.eot?#iefix) format("embedded-opentype"),url('fonts/SourceSansPro-Light.svg#Source Sans Pro Light') format("svg"),url(fonts/SourceSansPro-Light.woff) format("woff"),url(fonts/SourceSansPro-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:"Roboto Slab";src:url(fonts/RobotoSlab-Regular.eot);src:url(fonts/RobotoSlab-Regular.eot?#iefix) format("embedded-opentype"),url('fonts/RobotoSlab-Regular.svg#Roboto Slab') format("svg"),url(fonts/RobotoSlab-Regular.woff) format("woff"),url(fonts/RobotoSlab-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansPro-Regular';src:url(fonts/SourceSansPro-Regular.eot?) format("eot"),url(fonts/SourceSansPro-Regular.woff) format("woff"),url(fonts/SourceSansPro-Regular.ttf) format("truetype"),url(fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular) format("svg")}
*{margin:0;padding:0}
body{font:12px Source Sans Pro Light,sans-serif}
.clr{clear:both}
.bg-success{background-color: #b4e906 !important;}
.container{margin:0 auto;/*max-width:1200px;width:100%*/}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.toggle_menu{display:none}
.headerWrapper{padding:5px 0}
.logo{float:left}
.contLeft{float:right;padding:14px 0}
.seo_portfolio .nav-tabs>li a:before{display: none}
.bannerSec{background:#0078c4 url(../images/bg0.jpg) no-repeat;height:500px; position:relative; width:100%;background-position: top, bottom;
    background-size: cover;}
.bannerSec:before{position:absolute; left:0px; top:0px; background:#041629b8; bottom:0px; width:55%; content:"";}
.bannerSec:after{position:absolute; right:0px; top:0px; background:#053261e6; bottom:0px; width:45%; content:"";}
.bannerImg{float:left;width:600px;z-index: 1;
    position: relative;}
.bannerImg h2{color:#FFF;font:40px BebasNeue;padding-top:30px;text-transform:uppercase;text-align:left}
.bannerTxt span{display:block;float:left;padding-top:40px}
.bannerTxt span img{width:95%}
.bannerTxt ul{float:left;list-style:none;padding-top:0;width:300px}
.bannerTxt ul li i{color:#b4e906;display:block;float:left;padding-top:3px}
.bannerTxt ul li strong{display:block;font-weight:400;float:right;width:276px}
.bannerTxt ul li{color:#FFF;font:14px OpenSans;padding-bottom:10px}
.formArea{float:right;/*height:496px;*/margin:35px auto auto;position:relative;/*width:300px*/ width:450px;    z-index: 1;}
.formArea h1{position:relative;background-color:#fff;color:#A1C628;font:30px BebasNeue;line-height:31px;text-align:center;text-transform:uppercase;/*text-shadow:2px 2px 0 #7e7e7e;*/padding:20px 0 10px;border-radius:5px 5px 0 0}
.formArea h1:after{/*content:"";display:inline-block;position:absolute;top:46px;left:0;border-right:149px solid rgba(255,255,255,0);border-left:153px solid rgba(255,255,255,0);border-top:37px solid #a1c628;z-index:9999*/}
.formArea h1:before{/*content:"";display:inline-block;position:absolute;top:47px;left:-2px;border-right:150px solid rgba(255,255,255,0);border-left:155px solid rgba(255,255,255,0);border-top:38px solid #84a517;z-index:999*/}
.mb-show{ display:none;}
.formArea form{margin:0 auto;background-color:#fff;
    padding-bottom: 15px;
    border-radius: 0px 0px 4px 4px;}
.formArea form .form-gruop{    position: relative;
    float: left;
    width: 46.7%;
    margin:0px 0px 15px 10px;
    overflow: hidden;}
	.formArea form .form-gruop-phone{width: 100% !important;}
.formArea form .form-gruop i{ position: absolute;
    left: 1px;
    top: 1px;
    width: 30px;
    height: 14px;
    padding: 10px 2px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    /*border-radius: 3px 0px 0px 3px;
    border-right: 1px solid #ddd;*/}
	.formArea form .form-gruop-phone input{width: 88%;}
.formArea form input{display:block;border:1px solid #a1c628;border-radius:3px;line-height:18px;padding:10px 0 10px 30px;/*margin:8px 0px 6px 8px;*/outline:none;/*width:256px;*/
    width:84%;background: #a1c628;color: #fff;}
	.formArea form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.formArea form input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.formArea form input::-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.formArea form input::-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.formArea form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.formArea form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.formArea form textarea::-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.formArea form textarea::-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.formArea form textarea{display:block;border:1px solid #a1c628;border-radius:3px;height:80px;padding:10px 0 10px 10px;margin:8px auto 15px;outline:none;/*width:256px*/
width:93%;background: #a1c628;color: #fff;}
.formArea form img{display:block;height:30px;padding:5px 0 5px 5px;margin:0px auto;width:100px}
.formArea form input.btn{cursor:pointer;position:relative;/*background:url(../images/sbmtBtnbg.png) repeat-x;*/border-radius:3px;color:#FFF;padding:0;font:15px OpenSans;margin:8px;outline:none;width:70px;height:36px;border:none;text-transform:uppercase; float:left;}
.formArea:after{/*background:url(../images/formFtr.png) no-repeat;content:"";display:inline-block;position:absolute;top:432px;bottom:0;left:0;right:0;background-size:100%*/}
.list-search{padding:20px 0px;margin-bottom:25px;width:100%;position:relative;clear:both;background:#fff}
#ads-slider li{width:350px!important;margin-right:10px!important;margin-left:4px!important}
#ads-slider .col-item{margin-bottom:20px}
.list-search h2{color:#0166a6;font:28px OpenSans-CondensedBold;margin-bottom:25px;text-align:center}
.site-wrap{width:100%}
.block-slider__items{margin:-.5em}
.block-slider__items::after{display:table;clear:both;content:" "}
.block-slider__item{width:50%;float:left;padding:0 .5em;box-sizing:border-box}
.block-slider__image{padding:0 .5em;text-align:center}
.block-slider__item .col-item h4.hedings{color:#0078c4!important}
.block-slider__item .col-item .photo img{height:230px;width:100%;margin:0 auto;width:100%}
.block-slider__item p{color:#565353;font:16px OpenSans;line-height:25px}
#ads-slider .col-item .info{text-align:center;padding:10px;border-radius:0 0 5px 5px;margin-top:1px}
#ads-slider .col-item .info h4{margin-bottom:10px}
#ads-slider .col-item .info p{color:#565353;font:15px OpenSans;line-height:25px;margin-bottom:15px}
#ads-slider .col-item .price{float:left;margin-top:5px}
#ads-slider .price-text-color{color:#ffae00}
.col-item .btn-details{width:50%;float:left;padding-left:10px}
.controls{margin-top:20px}
[data-slide="prev"]{margin-right:10px}
.bg-gray{background-color:#f0f0f0 !important; }
.wrap{position:relative;padding-bottom:30px;padding-top:20px}
.mrgntop50{margin-top:50px}
.mrgn20{margin-top:20px}
.client-carousel .carousel-indicators li{width:15px;height:15px;border:2px solid #15b6ff;transition:.5s}
.client-carousel .carousel-indicators{bottom:10px}
.client-carousel .carousel-indicators .active{width:15px;height:15px;background-color:#15b6ff}
.clints-box{margin-bottom:35px;padding-bottom:35px}
.clints-box h4{text-transform:uppercase;color:#15b6ff}
.clints-box p{line-height:25px}
.clints-box p span{font-size:30px;color:#868d90}
.top10Sec{padding-top:20px}
.top10Sec .lftImg{float:left;width:45%}
.top10Sec .rghtSideTxt{float:right;width:50%}
.top10Sec .rghtSideTxt h2{color:#0166a6;font:28px OpenSans-CondensedBold;line-height:44px;padding-bottom:20px}
.top10Sec .rghtSideTxt p{color:#565353;text-align:justify;font:18px OpenSans;line-height:25px}
.top10Sec .rghtSideTxt a{display:block;color:#FFF;font:30px BebasNeue;text-decoration:none;background-color:#9ac30f;float:right;margin-right:3px;text-transform:uppercase;padding:8px 8px 0;border-radius:4px;box-shadow:0 1px 1px #000;position:relative}
.top10Sec .rghtSideTxt a:before{content:"";display:block;position:absolute;background:url(../images/right_arrow.png) 0 0 no-repeat;width:53px;height:61px;left:-65px;right:0;top:-11px;bottom:0}
.seoPlans{background:#88ad0c url(../images/seo_planBg.jpg) no-repeat;background-size:100%;position:relative;padding-bottom:35px}
.seoPlans h3{color:#FFF;text-align:center;font-weight:700;font:35px OpenSans-CondensedBold;padding:30px 0 0}
.seoPlans h3:after{content:"";display:none;text-align:center;position:relative;border-bottom:3px solid #FFF;width:138px;padding-top:10px}
.seoPlans{color:#FFF;text-align:justify;font:15px OpenSans;line-height:25px;padding-top:20px}
.priceChart{padding-top:40px}
.priceChart ul h4{background-color:#46484e;border-right:1px solid #FFF;color:#FFF;font:20px Roboto-Regular;font-weight:400;line-height:50px}
.priceChart ul h4#headBg-1{background:#16a086}
.priceChart ul h4#headBg-2{background:#f49c14}
.priceChart ul h4#headBg-3{background:#c03a2e}
.priceChart ul h4#headBg-4{background:#2881bb}
.priceChart ul{list-style:none;float:left}
.priceChart ul.planList{background:#FFF;border-right:1px solid #a2a2a2;line-height:30px;font:16px Roboto-Regular;text-align:center;width:19.9%}
.priceChart ul.planList li{border-bottom:1px solid #a2a2a2;color:#202020;line-height:19.1px;padding:15px 0}
.priceChart ul.planList li span{display:none}
.priceChart ul.planList li.padd_set{padding:2.5% 0}
.plansInfo{padding:35px 0 25px}
h5#headingH5{color:#727272;font:40px OpenSans-CondensedBold;font-weight:700;margin-bottom:35px;padding-top:25px}
h5#headingH5:after{content:"";display:block;border-bottom:1px solid #656565;width:380px;padding-top:10px}
.plansInfo ul{list-style:none}
.plansInfo ul.detailList{font:16px OpenSans;float:left;padding:0;width:60%}
.plansInfo ul.detailList li{color:#434343;padding:0 0 10px 15px;overflow:hidden}
.plansInfo ul.detailList li span{background-color:#088ada;border-radius:50%;color:#FFF;display:block;float:left;font:24px OpenSans;margin:.5% 2% 0 0;padding:6px 15px;text-align:center;width:2.2%}
.plansInfo ul.detailList li strong{float:left;padding-top:10px;font-weight:400;width:90%}
.plansInfo ul.detailList li strong a{color:#000}
.asideImg{float:right;width:36%}
.testimonials{background:#0078c4 url(../images/testimonialsBg.jpg) no-repeat;background-size:100%;padding:45px 0 50px}
.testimonials h3{font:40px OpenSans-CondensedBold;color:#FFF;margin-bottom:25px;padding-left:15px}
.testimonials h3:after{content:"";display:block;border-bottom:1px solid #FFF;width:390px}
blockquote i.fa-quote-left{color:#FFF;font-size:40px;display:block;float:left;width:8%}
blockquote{margin-left:10px;margin-right:10px;padding:10px 10px 0 15px;position:relative;quotes:none;border:0;line-height:200%;font:16px OpenSans;color:#FFF;float:left;width:75%;text-align:justify}
.textArea{float:left;width:90%;margin-top:2%}
.bxslider li p.circleImg{float:right;width:163px;background-color:#FFF;height:163px;border-radius:50%;text-align:center;padding:.8%;margin:0 auto}
.heightSet{display:block;height:70px}
.col-item{position:relative;display:block;clear:both;width:100%;padding:0 14px 14px}
.col-item h4..hedings{color:#0078c4}
.col-item p{display:block;position:relative}
footer{background-color:#282d30}
#copy{background-color:#25282a;padding:13px 0}
.link_Wrapper{color:#FFF;font:24px Roboto-Regular;padding:46px 0}
.link_Wrapper ul{list-style:none}
.link_Wrapper li{float:left;font-weight:400;width:360px;padding-left:50px}
.link_Wrapper li:last-child{float:right;width:219px}
.link_Wrapper li#num{background:url(../images/contact_icon.png) left 4px no-repeat}
.link_Wrapper li#mail{background:url(../images/mail_icon.png) left 4px no-repeat}
.link_Wrapper li#req_Q{background:url(../images/bell_icon.png) left 5px no-repeat}
#socialMedia{float:left;list-style:none}
#socialMedia li{display:table-cell;padding-right:30px}
#socialMedia li a{color:#9ba0a2;font-size:20px;text-decoration:none}
#copyRight{color:#9ba0a2;font:12px arial;float:right;padding-top:6px}
form input[type="text"]:focus,form textarea:focus{border-color:#191919;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
form input[type="text"][disabled],form textarea[disabled]{background:#fff}
form label{margin-bottom:.2em;font-size:1.3rem;line-height:1.3rem;font-size:13px;line-height:13px;color:#e6e6e1;text-shadow:0 -1px #202020}
form label.error{margin-bottom:1em;font-size:1.2rem;line-height:1.2rem;font-size:12px;line-height:12px;color:#c0392b}
form input[type="text"].error,form textarea.error{background:#e6e6e6;border-color:#c0392b}
fieldset{border:0;margin:0;padding:0}
.required{color:#e9266d}
#success,#error{display:none}
#success span,#erro span{display:block;position:absolute;top:0;width:100%}
#success span p,#error span p{margin-top:6em}
#success span p{color:#9bd32d}
#error span p{color:#c0392b}
.pra{font-size:18px;line-height:30px;padding-top:15px;margin:0;color:#fff}
.ourkeys{width:29%;height:300px;margin:10px;padding:10px;text-align:center;border-radius:5px;border:1px solid #9E9E9E;float:left}
.hedings{font-size:20px;font-weight:700;font:22px OpenSans-CondensedBold;color:#969696;padding-top:10px;margin:0}
.txt{color:#FFF;text-align:center;font:15px OpenSans;line-height:25px;padding-top:20px}
.keytex{color:#656464;text-align:justify;font:15px OpenSans;line-height:25px;padding-top:10px}
.stget{width:100%;float:left}
.greenclr{background:#f7f7f7;display:-webkit-box;padding:25px 0;text-align:center}
.prtnr{background:#fff;text-align:center;padding:20px 0}
.ptnrtxt{color:#0078c4;text-align:center;font:35px OpenSans-CondensedBold;padding-bottom:20px}
.gtqttxt{display:block;color:#FFF;font:30px BebasNeue;text-decoration:none;background-color:#9ac30f;float:left;margin-top:15px;margin-right:3px;text-transform:uppercase;padding:8px 8px 0;border-radius:4px;box-shadow:0 1px 1px #000;position:relative}
.dywant ul{padding:0;float:left;width:100%;list-style-type:none;margin:10px 0 10px 20px}
.dywant ul li{background:url(../images/che-arrow.png) no-repeat scroll 0 10px;background-position-y:11px;text-align:left;text-decoration:none;margin-bottom:0;font:16px OpenSans;line-height:33px;font-weight:400;color:#fff;padding:5px 0 0 40px;display:block}
.icon{float:left;width:185px;margin-top:10px;text-align:center}
.numbers{color:#fff;font-weight:700;text-align:center;font:30px BebasNeue;text-decoration:none;padding:0}
.numbers img{width: 55px;}
.heding{color:#b8e623;font-weight:700;font:14px OpenSans;text-decoration:none;padding:5px 0}
.green{color:#b8e623;}
img{max-width:100%}
p{word-break:break-word;font-family: 'open sans', sans-serif;}
@media (min-width: 500px) {
.block-slider__item{width:100%}
}
@media (min-width: 700px) {
.block-slider__item{width:50%}
}
@media (min-width: 993px) {
.block-slider__item{width:50%}
}
@media (min-width: 1000px) {
.block-slider__item{width:33%}
}
@media(max-width:769px) {
.block-slider__item .col-item .photo img{height:auto}
}

.ssss .col-sm-4 {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.new_service {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;height: 260px;
}
.new_service img {
    width: 80px;
    margin: auto;
    transition:.5s
}
.new_service:hover img {
    width: 80px;
    margin: auto;
    transform:scale(1.3);
    transition:.5s
}
.new_service h4 {
    font-family: raleway;
color: #0078c4;
    font-weight: 700;
    font-size: 16px;
}
.new_service p {
    font-family:raleway,
    sans-serif;
    font-weight: 500;
    font-size: 14px; color: #5e5e5e;
}
.new_service a {
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    background: #0078c4;
    padding: 8px 0px;
    width:60%;
    display: block;
    border-radius: 4px;
    margin: auto; border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    font-family: open sans,
    sans-serif;
    margin-top: 20px
}
.new_service a:hover {
    background: #3e9842
}
.head_navv li:before{position: absolute;
    content: "";
    top: 6px;
    right: -24px;
    width: 1px;
    height: 30px;
    z-index: 9999;
    background: #e4e4e4;}
.nav ul{padding: 0px; margin: 0px;}
.dropdown-menu ul li{ list-style: none; float: left;     width: 100%;}
.nav li a{text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    color: #272727;
    font-family: poppins;
   
    font-weight: 500;
    padding:0px 15px 0px 0px !important; position: relative; margin-bottom: 20px;}

.nav li a:before{position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 15px;
    right: 9px;
    top: 11px;
    top: 3px;}
.head_navv { border-top:1px solid #ececec; margin-top: 5px; padding:10px 0px; display: inline-block; width: 100%; padding-bottom: 5px;  }
.head_navv ul{padding:0px;}
.head_navv li{list-style: none; float: left; margin-right:44px; position: relative}
.head_navv li:last-child{margin-right: 0px;}
.head_navv li a{ font-size: 13px;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 600;
    display: flow-root;
    line-height: 14px;
    padding-left: 8px;
    color: #163a6b;
    font-family: raleway;}
.head_navv li img{width: 40px; float: left}
.about-us p{ font-family: open sans, sans-serif;font-size: 16px; font-weight: 400; text-align: center; width: 100%; margin: auto; line-height: 25px; margin-bottom: 15px;}
.about-us h4{   font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    color: #163a6b;
    text-align: center;
    font-size: 38px;}
    .about-us h1{   font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    font-weight:700;
    color: #163a6b;
    text-align: center;
    font-size: 38px;}
    .about-us h2{   font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    color: #163a6b;
    font-size: 25px;}
.about-us h3 span{color: #a1c628; font-weight: 700; }
.about-us{padding: 60px 0px;  background-repeat: no-repeat; background-position: center;}
.top_headdd{ background: #163a6b; }
.liss ul{ padding: 0px;margin: 0px; }
.liss li{ list-style: none; float: left; margin-right: 15px;  padding: 7px 0px;}
.liss li a{text-decoration: none;  color: #fff; font-family: poppins; font-size: 14px;w;}
.foter_social img {
    float:left;
    margin-right:10px;
    width:55px;
}
.foot_soc {padding: 10px 0px;}
.foter_social p span {
   font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    font-size:18px;
}
.fixed-form {
	width:100%;
	height:auto;
	display:block;
	z-index:999;
	padding:14px 20px 14px 20px;
	bottom:0px;
	background-color:#0e0e0e;
	position:fixed
}


.digital-product .section-title h2{
      width:100%;
line-height:1.33;
font-weight:600;
font-size:35px;
margin:0 !important;
}
.topps .content{
     height:160px;
}

.section-title p{
    font-family: open sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
        line-height: 25px;
}
.content h3{
    font-weight:600; 
}
.content p{
    font-family: open sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-size: 1.6rem;
       line-height: 25px;
}
.mt-5{
    margin-top:3rem!important;
}
.mb-5{
    margin-bottom:3rem !important;
}
.p-5{
    padding:3rem!important;
}
.mat .content{
height:230px;
padding:20px;
margin:10px 0;
background-color:#f7f7f7;
transition:.5s !important;
}
.mat .content:hover{
    box-shadow:4px 4px 2px #000;
}

.matter .content{
    border: 1px solid #ccc;
    padding: 2rem 1.8rem;
    border-radius: 0.4rem;
    position: relative;
    margin:20px 0px;
height:150px;
}
.matter .content h3{
    margin: 0 0 0 -5px;
    position: absolute;
    top: -2px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 2.5rem;
    background-color: #fff;
    padding: 0 10px;
}
.form-control2 {
	height: 40px;
    width: 100%;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 3px !important;
    background-color: #FFF;
    line-height: 25px;
    font-weight: 300;
    color: #212121;
}


.form-control-border {
    border: none;
    width: 80%;
}
.text-footer {
    padding-left: 10px;
    font-weight: 600;
    color: #ffffff; padding-top: 15px;
    vertical-align: middle;
    font-size: 21px; font-family: poppins;
}
.navbar-collapse{padding-right:0px !important}
 .submit-part {
    background: linear-gradient(107deg,#a0136d,#5f1f72,#1a2c79);
    color: #fff;
    border-radius: 3px;
}
.foter_social p {
    color:black;
    font-size:18px;
}
.foter_social a {
    color:black;
}
.foter_social a:hover {
    color:#000;
}
.foter_social p:hover {
    color:green;
}
.request a {
    background: #a1c628 none repeat scroll 0 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif;
    padding: 7px 18px;
    text-transform: uppercase;
    transition: all 0.9s ease;
    transition-property: all;
    transition-duration: 0.9s;
    float: right;
}






.home-services-panel{width:25%;float:left;text-align:center; padding: 7px;}

.home-services-img{position:relative;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}

.home-services-img *{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}

.home-services-img img{display:block;width:100%; height: 250px}

.home-services-content{background: rgb(22, 58, 107, 0.8); position:absolute;left:0;right:0;z-index:3;top:0;width:100%;height:100%;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}

.home-services-inner{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

.home-services-title{color: #FFFFFF;
    font-family: poppins;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;}

.home-services-icon img{width: 80px; height: 70px; margin: auto; margin-bottom: 10px;}

.home-services-content p{color:#055EAA;font-family:'Montserrat-regular';font-size:16px;line-height:20px;text-align:center;margin-bottom:15px;display:none;}
.content-panel-area {
    width: 770px;
    background-color: #FFFFFF;
    box-shadow: -1px 2px 6px rgba(0,0,0,0.28);
    float: right;
    padding: 40px; padding-bottom: 0px;
    position: relative;
    z-index: 3;
   
}
.content-panel-area p{ font-family: poppins;; font-size: 15px; font-weight: 400; color: #565656; line-height: 23px;}
.accordion-subhead h2 {
  color: #163a6b;
    font-family: poppins;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: inherit;
    line-height: 40px;
    margin-top: 0px;
}
.content-panel-area h5{ font-family: poppins; font-weight: 500; font-size: 25px; color: #5F5E5F; padding: 10px 0px;}
.content-panel-area a{color: #FFFFFF;
    font-family: "poppins";
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    min-width: 119px;
    padding: 14px 32px;
    border-radius: 50px;
    vertical-align: middle;
    box-shadow: none;
    overflow: hidden;
    display: inline-block;
    border: none;
    position: relative;
    z-index: 1;
    cursor: pointer;background-color: #055eaa;
    transition: all 0.4s linear 0s;
-webkit-transition: all 0.4s linear 0s;}
.accordion-subhead h2 span{font-weight: 700; color: #a1c628;}
.accordion-head {
    color: #5F5E5F;
font-family: poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
#tools {
    padding: 0px 0px 80PX;
    padding-top: 10px;
    background: #fff !important;
}
.tools-img {
    text-align: center;
    border: 1px dotted #ccc;
    padding: 35px 15px;
}
.about_new {position: relative; padding: 60px 0px; background: #f3faff;}
.image_cover {
    display: block;
    position: absolute;
    width: 48%;
    z-index: 2;
    top: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.home-services-content .button-default{display:none;background-color:#88ccf1;}

@media (min-width:1025px){.home-services-img:hover .home-services-content{background-color:#f5f6f7;}

.home-services-img:hover .home-services-title{color:#055EAA;font-family:raleway;font-size:20px;line-height:24px;margin-bottom:23px;}

.home-services-img:hover .home-services-content p{display:block; font-family: poppins; color: #000; font-size: 15px; font-weight: 400}

.home-services-img:hover .button-default{display:inline-block;background:#a1c628 ; padding: 10px 20px; color: #fff; font-size: 16px; font-family: poppins; border-radius: 50px;}
   .home-services-img:hover  .home-services-icon img {display: none;}

}
.home-1{position: relative; background: #232323 url(../images/fun-facts-bg.jpg)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;padding:40px 0px; z-index: 99999}
.home-1:before{position: absolute; content: ""; background: rgba(0,0,0,0.8); width: 100%; height: 100%; top:0; z-index: }
.home-1 h5{font-family: poppins; font-size:32px; text-transform: uppercase; color: #fff; padding-bottom:0px !important; font-weight: 600; text-align: center; padding-bottom: 40px; z-index: 999999999; position: relative}
.count-up img{height: 70px; width: 100px;}

.home-1 h2{
color:#fff;
}


.home-1 h3{
color:#fff;
}
.home-1 h4{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 49px;
    font-family: raleway; 
text-align: center; 
margin-top: 0px; 
padding-bottom: 0px;
}
.home-1 a{ text-align: center; display: inline-block; color: #000; font-weight: 600; font-size: 17px; text-transform: uppercase; padding: 12px 40px; background: #fff; font-family: raleway; border-radius: 50px;}
.home-1 h6{ color: #fff; position: relative; z-index: 9999;
    font-size: 25px;
    font-weight: 100; font-style: italic; text-align: center;
    line-height: 49px; font-family: raleway;}
.count-up{text-align: center; margin-bottom: 20px;}
.count-up h1{ font-family: poppins; font-weight: 600; font-size:45px; color: #fff;}
.count-up p{ font-family: poppins; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500}
.bottom_nav {
    background: #192833;
    padding: 25px 0px;
}
.bottom_nav {
    background: #163a6b;
    padding: 40px 0px
}

.botom_navvv ul {
    padding: 0px;
    margin: 0px
}

.botom_navvv ul li {
    list-style: none;
    border-bottom: 1px solid #254979;
    line-height: 30px;
}

.botom_navvv ul li a {
    font-size: 13px; font-family: raleway; font-weight: 500; font-size: 14px;
    color: #d6d6d6; padding-bottom: 10px; line-height: 20px;
}

.botom_navvv ul li a:hover {
    color: #d6d6d6;
}
.footer_mean{ padding: 14px; color: #fff; background: #13325d;}
.footer_mean p{ margin: 0px ; padding: 0px; color: #fff; font-family: poppins; text-align: center}
.botom_navvv ul li i {
    color: #d6d6d6;
    font-size: 13px;
}

.botom_navvv2 ul {
    padding: 0px;
    margin: 0px
}

.botom_navvv2 ul li {
    list-style: none;
    border-bottom: 1px solid #254979;
    line-height: 21px;
    padding: 8px 0px;
}

.botom_navvv2 ul li a {
    font-size: 13px;
    color: #d6d6d6; font-family: raleway; font-weight: 500;
}

.botom_navvv2 li a:hover {
    font-size: 13px;
    color: #d6d6d6;
}

.botom_navvv2 ul li i {
    color: #d6d6d6;
    margin: 4px 10px 10px 0;
    float: left;
    font-size: 17px;
}

.f-nav2 ul {
    margin: 0!important;
}

.f-nav2 ul li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 8px 8px 0 0;
    border: 0;
}

.f-nav2 ul li a {
    color: rgba(255, 255, 255, .8);
    background-color: rgba(255, 255, 255, .1);
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px!important;
}

.f-nav2 ul li a:hover {
    background: #4caf50;
}

.botom_navvv h4 {
    font-weight: 600; text-transform: uppercase;
    font-size: 18px;
    color: #a1c628 ; font-family: poppins;
}

.botom_navvv2 h4 {
    font-weight: 700;
    font-size: 18px; font-family: poppins;
    color: #a1c628;
}


.home-1 > .left > h4 span {
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 8px;
    left: 0;
    border-top: solid 3px #051c49;
    border-bottom: solid 2px #fff;
}

.home-1 > .right {
    position: absolute;
    z-index: 1;
    right: 5%;
    top: 10%;
    width: 60%;
    height: 80%;
    color: #333;
    background-color: rgba(255, 255, 255, .95);
    padding: 60px;
}

.home-1 > .right > ul {
    display: table;
    content: " ";
    clear: both;
}

.home-1 > .right > ul > li {
    float: left;
    width: 33.33%;
    text-align: center;
    list-style: none;
    margin: 40px 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

.home-1 > .right > ul > li > img {
    clear: both;
    display: block;
    margin: 0 auto 10px auto;
    height: 50px;
}

@media screen and (max-width: 700px) {
   
    .home-1 {
        background-attachment: scroll;
        height: auto;
        position: relative;
        overflow: hidden!important;
    }
    .home-1:before,
    .home-1:after {
        display: table;
        content: " ";
        clear: both;
    }
    .home-1 > .left {
        height: auto;
        color: #fff;
        background-color: rgba(236, 51, 69, .95);
        width: 100%;
        padding: 30px;
    }
}
.img-newab img {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 10;
    top: 0;
}
.textttttt {
    padding-left: 55px;
}
.textttttt h4{ font-family: poppins;  font-weight: 600 !important; color: #163a6b;}
.textttttt p{ font-family: raleway; font-weight: 500; line-height: 25px; font-size: 15px;}
.top_text  p{font-size: 15px; font-family: poppins; font-size: 15px; padding-top: 5px;}
.top_text {text-align: center; padding-top: 50px;}
.top_text h2  span{color: #a1c628; font-weight: 500;}
.top_text h2 { color: #163a6b; font-weight: 600;
    font-family: poppins;
    font-size: 35px;
}
.web-theme {padding-bottom: 60px;}

.contactC {
    position: relative;
    margin-bottom: 60px;
}
.img_contact_bg_right {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 57%;
    width: 98%;
    z-index: 9;
}

.img_contact_bg_left {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: -15%;
}

.col-con-left h5 {
    line-height: 18px;
    color: #fff; font-family: poppins; text-transform: uppercase; font-size: 30px;
    margin-top: 20px; padding-bottom: 0px;
    font-weight: 600
}

.col-con-left h4 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px; font-family: poppins;
}

.col-con-left h3 {
    color: #fff; font-family: poppins;
    margin-bottom: 5px; margin-top: 0px;
}

.col-con-left p {
    line-height: 22px;
    color: #dcdcdc; font-family: poppins; font-size: 16px;
    margin-bottom: 15px;
}

.social-url li {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 0px solid;
    border-radius: 50%;
    margin-right: 0px;
    transition: .5s linear all;
    cursor: pointer;
    position: relative; background: #a1c628; 
    box-shadow: 0px 0px 20px 0px rgba(95, 127, 208, .2);
}

.social-url li:hover {
    background: linear-gradient(left, #4abc8b, #0d4a72);
    background: -webkit-linear-gradient(left, #4abc8b, #0d4a72);
    box-shadow: 0px 20px 20px 0px rgba(95, 127, 208, .1);
}

.social-url li:hover a {
    color: #fff;
}

.social-url li a {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    color: #fff;
    height: 100%;
}

.social-url li a {
    padding-top: 9px;
}

body.home-Page .social-url li a {
    padding-top: 5px;
}

.social-url {
    margin-top: 40px;
}

.form-col {
    position: relative;
}

.col-con-right {
    padding: 50px;
    box-shadow: 0px 20px 30px 0px rgba(95, 127, 208, 0.10);
    position: relative;
    border-radius: 8px;
    z-index: 100;
    background: #fff;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.contactC .form-group {
    margin-bottom: 15px;
}

.form-group label {
    font-family: poppins;
    font-size: 15px;
    color: #00407b;
    font-weight: 400;
}

.contactC .form-control {
    box-shadow: none;
    font-family: poppins;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    ;
    color: #4b72a3;
    background-color: #f7fbff;
}

.contactC .form-control:focus {
    color: #4abc8b;
    background-color: #f7fbff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .0);
}
.banner{background: url(../images/bg0.jpg); background-repeat: no-repeat; background-size: 100% ; background-size: cover !important;}

.banner-text {
    z-index: 1;
    color: #fff;
    text-align: left; 
    width:100%;
    align-items: center;
}

.banner-text h1  { color: #fff; font-family: raleway; font-size: 50px; font-weight: 900; line-height: initial; padding-top: 20px;}
.banner-text h1 span{color:#a1c628;} 
.banner-text p {
    padding: 0px;
    color: #fff; 
    font-family: raleway; 
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}
.banner-f-button { background: #163a6b; padding: 10px 60px !important; color:#fff; font-family: poppins;font-size: 17px !important; border-radius: 50px !important; }
.banner-text a:hover {
    color: #fff !important;
    background-color: #2ca14f;
}
.banner-form { float: right;
    z-index: 3;
    padding: 10px 30px !important;
    background-color: #fff;
    border-radius: 10px; padding-bottom: 28px !important;
}
.typing-container{
    padding-bottom: 15px;
}
.typing-container a{  
    color: #fff;
    margin-top: 20px;
    padding: 11px 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    background: #a1c628 ;
    transition: 0.9s;
    box-shadow: 1px 5px 9px #8080806b;
    z-index: 999;
}
@media(max-width:567px) {
    .typing-container a{
        width: 100%;
    }
     }
.typing-container a:hover{ transition: var(--animation-time);
    background: 0 0;
    color: #198be0;
   }
   .typing-container p{
    text-align: justify !important;
   }
.banner-form h4 {
    color: #163a6b;
    font-size: 23px; font-family: raleway; font-weight: 800; 
    text-align: center;
}
.banner-form h4 span{display: block; color: #a1c628 }
.banner-form input[type=text],
.banner-form textarea,
.banner-form select {
    background: #f5f5f5;
   height: 40px; border-radius: 0px;
    border: 1px solid #bfbfbf;
    color: #333;
    margin-bottom: 1em; font-family: 'Quicksand', sans-serif;;
    font-size: 14px;
}
button.btns.btns-primary {
    background: linear-gradient(left, #4abc8b 0%, #0d4a72 50%, #4abc8b 100%);
background: -webkit-linear-gradient(left, #163a6b 0%, #0d4a72 50%, #3470c3 100%);    background-size: 300%, 1px;
    background-position: 0%;
    transition: all 0.5s ease;
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px; font-family: poppins;
    border: 2px solid transparent;
    box-shadow: 0px 20px 30px 0px rgba(95, 127, 208, 0.10);
    cursor: pointer;
    margin-top: 10px;
}
.contact {background: url(../images/contact-bg.png) no-repeat center; padding: 40px 0px; padding-top: 60px;}
.typing-container span::after{
    content: '|';
    animation-name: blinking; 
    animation-duration: .71s; 
    animation-iteration-count: infinite;
}
@keyframes blinking{
    from{
        color: transparent; 
    }
    to{
        color: lightgrey; 
    }
}

.headdd{ font-weight: 500; color: #000; font-family: raleway; text-align: center; font-size: 38px;}
.inner-serv{ padding: 60px 0px;;}
.inner-serv span{ color: #a1c628; font-weight: 800;}
.tex_ppp{ font-size: 16px; font-family: raleway; text-align: center; font-weight: 500; line-height: 26px;}
.sserv_box {    padding: 30px 20px;
    text-align: center;
    box-shadow: 0px 0px 24px #e2e2e2;
    margin-top: 31px;
    background: #ffffff;}
.sserv_box h5{ font-family: poppins; font-weight: 500; color: #163a6b; font-size: 17px;}
.sserv_box p{ font-family: raleway; font-size:15px; font-weight: 500; color: #6d6d6d;}
.sserv_box a{display: inline-block;
    background: #a1c628;
    padding: 8px 21px;
    color: #fff; margin-top: 8px;
    font-size: 15px;
    font-family: poppins;
    border-radius: 50px;}
.why_choose {background: #fff; padding: 40px 30px; margin: 20px 0px 50px;}
.why_choose .headdd{ font-weight: 500; color: #000; font-family: poppins;; text-align: center; font-size: 24px;}
.teamm {padding: 0px; text-align: center}
.teamm li{ width:24%; margin-right: 5px; list-style: none;display: inline-block; text-align: center; margin-top: 20px;}
.teamm li h5{ font-weight: 600;
    font-family: opensans;
    font-size: 15px;
    color: #232323;
    display: grid;
    line-height: 22px;}
.teamm li:last-child{ margin-right: 0px;}
.teamm li img{ display: block; padding-bottom: 10px; width: 70px; margin: auto}
.serv_box{ text-align: center; padding:35px 30px 70px 30px;max-height: 349px;; }
.serv_box h4{font-family: open sans, sans-serif;
    font-weight: 700;
    font-size: 17px; color: #163a6b}
.about-us .col-sm-4 {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.right-web-services img{text-align: center; margin-bottom: 15px;}
.serv_box p{font-family: open sans, sans-serif;
    font-weight: 400;
    font-size: 14px; line-height: 22px;}
.clinen a{display: inline-block;
    background: #a1c628;
    padding: 8px 21px;
    color: #fff; margin-top: 8px;
    font-size: 15px; margin-right: 14px;
    font-family: opensans;
    border-radius: 50px;}
.serv_box a{transition: all .3s linear;
    background: #a1c628 ;
    padding: 8px 0px;
    width: 60%;
    display: block;
    border-radius: 4px;
    margin: auto;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    font-family: open sans, sans-serif;
    margin-top: 20px;}
.serv_box img{width: 80px;}

.section-workflow {
    background-color: #2362b1;
    padding: 60px 0; background: url(../images/blue-b.png) no-repeat center;
}
.section-workflow .xs-heading .section-title {
    color:#fff;
}
.section-workflow .xs-heading .section-subtitle {
    color: #fff; font-family: raleway
}
.section-workflow .workprocess-tab {
    margin-bottom: 40px
}
.section-workflow .workprocess-tab-area {
    margin-top:30px;
}

.section-workflow .workprocess-tab {
    margin-bottom: 40px
}
.section-workflow .workprocess-tab-area {
    margin-top:30px; text-align: center;
}

.working-process-tab.delighter {
    -webkit-transition: padding 500ms cubic-bezier(0.22, 0.61, 0.24, 1);
    transition: padding 500ms cubic-bezier(0.22, 0.61, 0.24, 1);
    padding: 0 50px;
}

.working-process-tab.delighter.started {
    padding: 0px;
}

.workprocess-tab-group {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 170px 0;
}

.workprocess-tab-area {
    padding: 0 40px;
}

.workprocess-tab-area .tab-content {
    padding: 0 145px;
    color: #000000;
}

.workprocess-tab-area .tab-content>p {
    font-size: 1.2rem;
}

.workprocess-tab-area.white-v .tab-content {
    color: #FFFFFF;
}

.workprocess-tab-area.white-v .workprocess-tab .nav-item .nav-link {
    color: #FFFFFF;
}

.workprocess-tab-area.white-v .workprocess-tab .pin,
.workprocess-tab-area.white-v .workprocess-tab .glow-pin {
    background-color: #FFFFFF;
}

.workprocess-tab-area.white-v .workprocess-tab .glow-line {
    background-color: #FFFFFF;
}

.workprocess-tab {
    position: relative;
    z-index: 1;
    margin-bottom: 65px;
    justify-content: space-around;
    border-bottom: 1px solid #fffcfc;
}

.workprocess-tab .nav-item {
    position: relative;
}

.workprocess-tab .nav-item .nav-link {
    color: #000000;
    text-align: center;
    padding-bottom: 55px;
    position: relative;
}

.workprocess-tab .nav-item .nav-link>img {
    margin-bottom: 15px;
}

.workprocess-tab .nav-item .nav-link .title {
    display: block;
    font-size:16px;
    font-weight: 700;
}

.workprocess-tab .nav-item .nav-link.active .pin {
    background-color: #ff2a68;
}

.workprocess-tab .nav-item .nav-link.active .glow-pin {
    opacity: 1;
    visibility: visible;
    animation: pulseanim2 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes pulseanim2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    }
    70% {
        -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.workprocess-tab .nav-item .nav-link.active .tab-icon {
    animation: pulseanim3 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes pulseanim3 {
    0% {
        /* box-shadow: 0 0 0 0 rgba(149, 119, 226, 0.8), 0px 0px 0px 0px rgba(149, 119, 226, 0.8); */
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0px 0px 0px 0px rgba(255, 255, 255, 0.8);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.workprocess-tab .nav-item:last-child .tab-icon::before {
    display: none;
}

.workprocess-tab .pin {
    width: 13px;
    height: 13px;
    bottom: -6.5px;
}

.workprocess-tab .pin,
.workprocess-tab .glow-pin {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000000;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.workprocess-tab .glow-pin {
    bottom: -17.5px;
    width: 35px;
    height: 35px;
    -webkit-filter: blur(4.8px);
    filter: blur(4.8px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.workprocess-tab .glow-line {
    position: absolute;
    bottom: -3px;
    height: 6px;
    width: 100%;
    background-color: #000000;
    -webkit-filter: blur(7px);
    filter: blur(7px);
    z-index: -1;
}

.workprocess-tab .tab-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 50%;
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.workprocess-tab .tab-icon::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 5px;
    width: 200%;
    background-color: rgba(255, 255, 255, 0.3);
    left: 100%;
    z-index: -1;
}

.workprocess-tab.modern-style .nav-item {
    border-bottom: 0px solid #000;     width: 190px;
}

.workprocess-tab.modern-style .nav-item .nav-link {
    padding: 0px;
}

.workprocess-tab.modern-style {
    justify-content: space-evenly; display: inline-block;
    border-bottom: 0px solid #000;
}
.workprocess-tab.modern-style li.active a {background:none; border:none;;}
.workprocess-tab.modern-style li a:hover {background:none; border:none;;}
.section-subtitle { font-weight: 400;    font-family: open sans, sans-serif; color: #fff;}
.style5 .section-title { font-weight: 900;  font-size: 35px;  font-family: raleway  ; color: #fff; padding-bottom: 30px; margin-top:10px;}
.workprocess-tab-area  p{font-weight: 400;  font-size: 16px;  font-family: open sans, sans-serif; color: #fff;line-height: 25px; }

.clear_tabb{}
.seo_portfolio{float:left;width:100%;background:#fff url(../images/seobg.jpg) center top no-repeat;background-size:cover;padding:70px 0 70px;margin:0;}
.seo_portfolio  .nav-tabs{ text-align: center; border: 0px;}
.seo_portfolio  .nav-tabs>li>a {background: #163a6b; padding: 12px 40px !important; font-family: poppins; font-size: 15px !important; font-weight: 500  !important; color: #fff  !important;  margin-right: 10px  !important; border-radius: 50px;}
.seo_portfolio  .nav-tabs>li.active a{background: #99bc27;  font-family: poppins; font-size: 15px !important; font-weight: 500  !important; color: #fff  !important;  margin-right: 20px  !important; border-radius: 50px; border: 0px;}
.seo_portfolio  .nav-tabs>li:hover a{background: #163a6b; border: 0px; font-family: poppins; font-size: 15px !important; font-weight: 500  !important; color: #fff  !important;  margin-right: 20px  !important; padding: 12px 40px !important;  border-radius: 50px; border: 0px;}
.seo_portfolio  .nav-tabs>li.active>a:focus{background: #99bc27; }
.seo_portfolio h4{color:#000;padding:0 0 20px 0;text-align: center; font-family: raleway;}
.seo_portfolio p{color:#000;}
.seotab{    width: 100%;
    height: auto;
    padding: 0!important;
    /* margin: 45px 0 0 0!important; */
    text-align: center !important;
    border: 0;
    position: relative;
      z-index: 3;
    display: table-cell;}

section.Services.howitworks {
    padding: 80px 0;
    margin-bottom: 1%;
    background: #eff8f5; background: url(../images/bgg.png)no-repeat, center; background-size:cover;
}
.Services_content_text h5{     font-family: open sans, sans-serif; font-size: 25px; font-weight: 600; color: #fff;}
.Services_content_text h3{     font-family: open sans, sans-serif; font-size: 26px; font-weight: 700; color: #fff; text-transform: uppercase;}
.Services_content_text p{color: #fff; font-size: 16px; font-weight: 600;}
.how_col {
    position: relative;
    z-index: 8;
 
}
.how_col:before{position: absolute; content: "";}
.how-box-text p{ font-family: open sans, sans-serif; font-size: 15px; font-weight: 500; line-height: 22px !important; }
.how-box {
   
    padding: 30px 20px;
    cursor: pointer;
    transition: .5s linear all;
    box-shadow: 0px 20px 30px 0px rgba(95, 127, 208, 0.0);
}
.how-box-icon {font-size: 40px; font-weight: 800; line-height: 69px; color: #163a6b; font-family: open sans, sans-serif;}

.how-box:hover {
    box-shadow: 0px 20px 30px 0px rgba(95, 127, 208, 0.10);
}

.how-box-text h4 {
    color:#bbe438; font-weight: 700;font-family: open sans, sans-serif; text-transform: uppercase;
    margin-bottom: 12px;
}

.how-box-text p {
    color: #fff;
    line-height: 19px;font-family:'open sans', sans-serif; font-weight: 600; font-size: 16px;
}
.about_old a{ border-radius:50px; padding: 16px 40px; font-size: 15px; text-transform: uppercase; background:#055EAA; color: #fff; font-weight: 600; display: inline-block; margin-top: 20px;}
.about_old h5{ font-family: open sans, sans-serif;  font-weight: 700;  font-size: 30px; color: #696969; margin: 0px;}
.about_old p{  font-family: 'open sans', sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;}
.about_old h2{color: #163a6b;
   font-family: poppins; 
    font-size: 36px;  text-transform: uppercase;
    font-weight: 700; padding-top: 10px;
    margin-bottom: 15px; line-height: 36px; margin: 0px;}
.about_old h1{ font-family: open sans, sans-serif; text-transform: uppercase; font-weight: 500; font-size: 30px;     color: #99bc27;margin: 0px;
padding-top: 10px; padding-bottom: 20px;}
.about_old{padding:90px 0px; position: relative}
.about_old:before{    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: url(../images/background-graphic-small-swoosh2.png)no-repeat, center;
    background-size: cover;
    height: 100%;
    width: 37%;
    opacity: 0.6;}
.how-box-icon {
    width: 105px;
    height: 105px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 30px rgba(95, 127, 208, .2);
    transition: .5s all linear;
    margin: 0 auto; color: #fff;
    position: relative;
    margin-bottom: 30px;border: 1px solid #e8e8e8;
}
.wor_head{text-align: center;}
.wor_head h3{ font-family: open sans, sans-serif;
    text-transform:;
    font-weight: 500;
    font-size: 22px;
    color: #bde245;
    margin: 0px;
  
    padding-bottom: 10px;}
.wor_head h2{ font-family: poppins;;
    text-transform:;
    font-weight: 600; text-transform: uppercase;
    font-size: 36px;
    color: #fff;
    margin: 0px;
    padding-bottom: 60px;}
.how-box-icon img {
    display: block;
    margin: 0 auto; width: 70px;
    padding-top: 15px;
}

.portimg{position: absolute;
    top: 17px;
    width: 498px;
    /* left: -2px; */
    z-index: -1;
    right: 42px;}
.seotab li{ float: left; list-style: none;}
.seotab>li>a .img{display:table;margin:0 auto;margin-bottom:0;height:50px;width:50px}
.seotab>li>a .img img{height:auto;width:auto}
.seotab a img{margin:0 8px 0 0;max-width:45px!important;height:auto}
.seotab>li>a{padding:0 0 0 0!important;margin:0!important;font-size:24px!important;color:#FFF;font-family:'Roboto Condensed',sans-serif!important;font-weight:normal!important}
.seotab>li>a:hover{color:#1178ba;border-bottom:3px solid #1178ba!important;background:0;border:0;padding:0 0 19px 0!important;font-weight:normal!important}
.tabseo{float:left;margin-top:-2px;padding:25px 0 0 0;height:auto;width:100%;position:relative;z-index:1}
.seoport{float:left;width:100%;
    background-color:;border-radius:5px;padding:15px;color:#575757;font-size:11px;line-height:18px;margin-bottom: 25px;}
.seoport td{padding-top:3px!important;padding-bottom:3px!important}
.seobt{background-color:#1178ba;color:#fff;font-size:17px;text-align:center;padding:8px 23px 8px 50px;margin:10px 0 0 0;float:right;transition:.5s;font-family:'Roboto Condensed',sans-serif}
.seobt:hover{background-color:#333;color:#fff;transition:.5s}
.seobt:hover:before{content:"";border-color:#fff #333 transparent transparent;transition:.5s}
.seobt:before{content:"";border-width:34px 34px 0 0;border-style:solid;border-color:#fff #1178ba transparent transparent;position:absolute;margin:-8px 0 0 -55px;transition:.5s}
.seo_header{float:left;width:100%;position:relative;border:1px solid #eee;margin-bottom:10px; background: #fff;}
.website_image{float:left;width:100%;position:relative;height:80px;border-right:0px solid #eee}
.website_image img{position:absolute;top:50%;left:50%;max-width:100%;transform:translate(-50%,-50%);width:auto;max-height:100%}
.seoname{float: right;color:#000;font-family:raleway;font-size:20px;text-align:left;line-height:25px;padding:15px 20px 0; text-transform: uppercase; font-weight: 700;}
.seoname a{color:#1178ba;font-family:'Roboto Condensed',sans-serif;font-size:14px;text-align:left;text-decoration:none; text-transform: lowercase; font-weight: 500;}
.seoname a:hover{color:#333}
.wps-table{background: #fff; width:100%;text-align:left;float:left;border:1px solid #d0d0d0;border-collapse:collapse;}
.wps-table td{border:1px solid #d0d0d0;padding:0;color:#000;height:33px;vertical-align:middle; font-family: raleway; font-weight: 500; font-size: 14px; padding: 10px;}
.wps-table td a{color: #000; text}
.wps-table tr:first-child td{height:25px}
.wps-table tr:first-child td:nth-child(2),.wps-table tr:first-child td:nth-child(3){background:#f3e3c6}
.wps-table td:first-child{width:65%}
.wps-table td:nth-child(2),.wps-table td:nth-child(3){width:22%}
.wps-table tr td:nth-child(2){width:15%;background:#eee;border:1px solid #d0d0d0;vertical-align:middle}
.wps-table tr td:nth-child(3){width:20%;background:#e6e6e6;border:1px solid #d0d0d0;vertical-align:middle}
.client_test{padding: 30px 0px; background: #f2f2f2;}
.client_test ul{padding: 0px; text-align: center}
.client_test li{list-style: none; float: left; width: 16%;}
.client_test li img{width: 160px;}
.neww_secccc{background: #163a6b; display: inline-block; width: 100%}
.neww_secccc .col-sm-6{padding: 0px;}
.ready-for-next {
   
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#0f2747;
    color:#fff;
    font-size:24px;
    border-radius:5px; 
    overflow:hidden;
    clear:both; margin-top: 0px!important
}
.ready-for-next .tel,
.ready-for-next .text {
    float:left;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align:center
}
.ready-for-next .text {
    width:57%;
    font-size:34px;
    box-sizing:border-box;
    color:#fff;
    border-radius:5px 0 0 5px;
    padding:10px 0 0
}
.ready-for-next .tel {
    width:23%;
    box-sizing:border-box;
    border-left:1px solid #50535d;
    padding:23px 0 20px
}
.prices-links div,
.ready-for-next .free-quote {
    float:left;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.ready-for-next .free-quote a,
.ready-for-next .tel a {
    color:#fff;
    text-transform:uppercase;
    text-decoration:none
}
.ready-for-next .free-quote a:hover,
.ready-for-next .tel a:hover {
    text-decoration:none
}
.ready-for-next .free-quote {
    width:20%;
    box-sizing:border-box;
    text-align:center;
    background:#50c222;
    border-radius:0 5px 5px 0;
    padding:25px 0 21px
}
.bg_col12{background: #462374 !important; max-height: 471px;}
.bg_co{background: no-repeat, center; max-height: 471px;}
.bg_col2{background: }
.tex2{max-width: 630px; padding: 50px 40px 30px 70px;; float: left}
.tex2 h4{ font-family: raleway;
    font-weight: 400;
    font-size: 26px;
    color: #ffffff;
    margin: 0px;}
.tex2 h3{ font-family: poppins; font-weight: 600; font-size: 30px;color: #b2da2f;  margin: 0px; padding-top: 10px;}
.tex2 p{font-family: 'open sans', sans-serif; font-size: 16px; font-weight: 500; color: #f3f3f3; line-height: 25px; padding-top: 20px;}
.tex2 a{ font-family: 'open sans', sans-serif; font-size: 16px; color: #000; border-radius: 50px; padding: 15px 35px;background: #fff; display: inline-block; font-weight: 700; margin-top: 25px; transition: 0.5s}
.tex2 a:hover{background: #a1c628; color: #fff; text-decoration: none;}
.desktopp{text-align: center;}
.poo{position: absolute;
    top: 10px;
    width: 481px;
    /* left: -2px; */
    right: 52px;}
.deskimg{width: 500px; margin: auto}
.seo_text h4{ font-family: poppins; font-weight: 600; text-transform: uppercase; text-decoration: none; font-size: 20px; color: #666666; padding: 0px; margin: 0px; text-align: left}
.seo_text h5{ font-family: poppins; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 26px; color: #163a6b; padding: 0px; margin: 0px;}
.seo_text h2{ font-family: raleway;
    text-transform: ;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px; line-height: 27px; font-family: open sans, sans-serif;}
.seo_text h3{ font-family: raleway;
    text-transform: ;
    font-weight: 500;
    font-size: 20px;
    color: #99bc27;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px; line-height: 27px;}
.seo_text p{ font-family:'open sans', sans-serif;
    text-transform: ;
    font-weight: 500;
    font-size: 16px;

    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; line-height: 27px;}
.seo_text a{border-radius: 50px;
    padding: 16px 50px;
    font-size: 15px;
    text-transform: uppercase;
    background: #055EAA;
    color: #fff;
    font-weight: 600;
    display: inline-block;
margin-top: 20px;}
.carousel-control{width: 0%;}
.head_port h2, .head_port h3{font-family: poppins; text-align: center; font-weight: 600; font-size: 35px; text-transform: uppercase}
.head_port h2 span, .head_port h3 span{color: #99bc27;}
.caaa .carousel-control{opacity: inherit}
.caaa .carousel-control.left{background-image: none;}
.caaa .carousel-control.right{background-image: none; }
.caaa span{ background: #000; width: 40px !important; height: 40px !important; border-radius: 50px; font-size: 18px !important;line-height: 35px;}
.tabseo .caaa .carousel-control.left{background-image: none;}
.tabseo .caaa .carousel-control.right{background-image: none;}
.tabseo  .caaa span{ background: #000; width: 35px !important; height: 35px !important; border-radius: 50px; font-size: 17px !important;line-height: 30px;}
.left
.portbox {
    text-align: center;
    padding: 30px 20px 0px;
    width: 100%;
}
.portbox p{ font-family: raleway;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;}
.portbox h3{ font-family: poppins;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 4px;
    text-transform: uppercase;}

.main-menu .navbar {
    min-height: inherit;
    margin-bottom: 0px;
    float: right; margin-top: 17px;
}
.main-menu .navbar-nav>li>.dropdown-menu {
   padding: 15px 17px;
    border: 0px;
}
.mega-dropdown {
    position: static !important; 
}
.widtht{width: 850px !important;}
.mega-dropdown-menu{padding: 28px 17px !important;}
.main-menu .navbar-nav>li>a:hover {
    background: none;
    color: #a1c628 !important
}
.main-menu .nav>li>a:hover {
    background: none;
    color: #a1c628  !important
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #222; font-size: 14px; text-transform: capitalize; font-weight: 400;
    padding: 3px 5px; margin-bottom: 10px;
}
.main-menu ul li .glyphicon {
    font-size: 11px
}
.dropdown-menu{padding: 10px 15px;;}
.mega-dropdown-menu li a:before{display: none;}
.dropdown-menu>li a:hover{background: none !important;}
.dropdown-menu>li>a{color: #222;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 3px 5px;
    margin-bottom: 7px;}
.dropdown-menu>li>a:before{display: none;}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #a1c628 !important; background: none;
}
.top_headdd-mob{display: none;}
.mega-dropdown-menu .dropdown-header {
  font-family: poppins;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    padding: 5px 60px 0px 0px;
    line-height: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #a1c628;
    margin-bottom: 10px;
}
.mega-dropdown-menu{left:inherit !important; right: 0 !important;}
.widtt{width: 1000px;}


#show-sidebar{display: none;}

 #show-sidebar {
        position: absolute;
        right: 10%;
      
        color: #000;
        border-radius: 0 4px 4px 0px;
        width: 35px;
        transition-delay: 0.3s;
        font-size: 30px;
    }
    .page-wrapper.toggled #show-sidebar {
        left: -40px;
    }
    /*----------------sidebar-wrapper----------------*/
    .sidebar-wrapper {
        width: 310px;
        height: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        left: -320px;
        z-index: 999;
    }
    .sidebar-wrapper ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .submenu {
        padding: 0px 29px !important;
        padding-bottom: 15px !important;
    }
    .submenu li a {
        display: block;
        border-bottom: 1px solid #ececec;
        padding: 1px 0px 1px 0px;
        color: #000 !important;
        font-size: 14px !important;
        font-family: 'Open Sans', sans-serif;
    }
    /*----------------sidebar-content----------------*/
    .sidebar-content {
        max-height: calc(100% - 30px);
        height: calc(100% - 30px);
        overflow-y: auto;
        position: relative;
    }
    .sidebar-content.desktop {
        overflow-y: hidden;
    }
    /*--------------------sidebar-brand----------------------*/
    .sidebar-wrapper .sidebar-brand #close-sidebar {
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 23px;
        top: 11px;
        border: 1px solid #000;
        padding: 4px 7px;
    }
    /*--------------------sidebar-header----------------------*/
    .sidebar-wrapper .sidebar-header {
        overflow: hidden;
    }
    .sidebar-wrapper .sidebar-header .user-pic {
        float: left;
        padding: 2px;
        widows: 100% overflow: hidden;
    }
.right-web-services {
   background: #fff; padding: 20px;    box-shadow: 0px 0px 24px #e2e2e2;
}
.right-web-services h4 {
   font-weight: 600;
    margin-bottom: 15px;
    font-size: 19px;
    position: relative;
    padding-bottom: 12px;
    font-family: opensans;
    color: #3e3d3d
}
.head_inner  {
   font-weight: 900;
    margin-bottom: 0px;
    font-size: 24px;
   margin-top: 0px;
    padding-bottom:12px;
    font-family: opensans;
    color: #3e3d3d
}
.ser_forn{background: #163a6b; padding: 22px;}
.ser_forn h5{font-weight: 600;
    margin-bottom: 0PX;
    font-size: 18px;
    position: relative;
    padding-bottom: 5px;
    font-family: opensans;
    color: #fff}
.ser_forn p  {
   font-weight: 500;
    margin-bottom: 0px;
    font-size: 13px;
   line-height: 17px;
    padding-bottom:12px;
    font-family: opensans;
    color: #fff
}
.controlinner{position: relative; margin-bottom: 13px;}
.controlinner span{position: absolute; left: 13px; top: 13px; font-size: 18px; color: #a1c628;}
.controlinner .form-control{border: 0px; border: 0px; height: 42px; box-shadow: 0px; padding-left: 38px; font-family: opensans; font-weight: 500; font-size: 14px;}
.pp_inner{font-weight: 500;
   
    font-size: 15px;
   line-height: 23px;
 
    font-family: raleway;
    color: #3e3d3d}
.right-web-services h4:before{position: absolute; content: ""; bottom: 0; background: #a1c628; width: 50px; height: 3px;}
.right-web-services ul {
    padding: 0px;
    margin: 0px;
}
.moreRow{background: #163a6b;
    padding: 22px;
    margin-top: 35px;}
.moreRow .head_inner{color: #fff; font-size: 19px;}
.moreRow ul{ margin: 0px; padding: 0px; padding-top: 15px;}
.moreRow li{list-style: none;}
.moreRow li img{margin-right: 5px;}
.moreRow li {color: #fff;
    font-size: 15px;
    font-family: opensans;
    padding: 15px 0px;
    border-top: 1px solid #245494;}
.ser_forn button{    display: block;
    background: #a1c628; width: 100%; border: 0px;
    padding:12px 21px;
    color: #fff;
    margin-top: 8px;
    font-size: 15px; font-weight: 600;
    font-family: opensans;
    border-radius: 50px;}
.right-web-services ul li {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0px;
}
.right-web-services ul li a { font-family: opensans;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.right-web-services ul li i {
    margin-right: 8px;
    font-size: 15px;
    color: #067b29
}


.company_team {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0; padding-bottom: 0px;
    background: #fff;
}
.company_team .team_box{text-align: center}
.company_team .team_box img {
    margin-bottom: 20px;
}
.company_team .team_box h2 {
    font-family: 'Poppins',sans-serif;
    color: #393939; font-size: 20px;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0;
}
.company_team .team_box {font-family: raleway; font-size: 15px; font-weight: 500}
.company_team .col-md-4 {
   border-bottom: 2px solid #efefef;
    border-right: 2px solid #efefef;
    min-height: 220px;
    margin-bottom: 35px;
}
.headd{width: 70px; height: 4px; background: #a1c628}
.texxt_seo ul{padding: 0px; margin: 0px; padding-top: 20px;}
.texxt_seo li{font-family: raleway; font-size:16px; color: #fff; padding-bottom: 13px; list-style: none; font-weight: 500;}
.texxt_seo li i{font-size: 22px; padding-right: 10px;}
.texxt_seo h4{font-family:raleway;
    font-weight: 500;
    font-size: 32px;
    color: #b3dc2f;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;}
.texxt_seo p{font-family: raleway; font-size: 16px; color: #fff; padding-top: 20px; font-weight: 500; line-height: 28px;}
.texxt_seo h3{font-family:poppins;
    font-weight: 700; text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 20px;}
.seo_secc{
    position: relative;
    background: #232323 url(https://www.blackbeardesign.com/wp-content/uploads/2018/03/fun-facts-bg.jpg?id=14337)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    padding: 40px 0px;
    z-index: 99999;
}
.seo_secc:before {
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: ;
}
.seo_inn .serv_box img{width: inherit}
.secc34 h4{font-family: poppins;
    text-align: center;
    font-weight: 700;
    font-size: 30px;color: #99bc27;
    text-transform: uppercase;}
.seo-approach {
  background: url(../images/bg0.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 60px 0px;background-size: cover;
}
.seo-approach .about-tab>ul li a:before{display: none;}
.seo-approach .about-tab .icon {
   display: block;
    width: 100%;
    text-align: center;
}

.seo-approach .about-tab .icon img {
    width:63px;
    -o-object-fit: contain;
    object-fit: contain
}

.seo-approach .about-tab ul li a.active {
    text-align: center;
    background: #ededed;
    color: #434444;
    border-bottom: 1px solid #dedcdc
}

.seo-approach .about-tab.tab1 ul li {
    width: 100%
}

.seo-approach .about-tab.tab2 ul li {
    width: 50%
}

.seo-approach .about-tab.tab5 ul li {
    width: 20%
}

.seo-approach .about-tab.tab3 ul li {
    width: 33.3333%
}

.seo-approach .about-tab.tab4 ul li {
    width: 25%
}

.seo-approach .about-tab>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0!important;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #585858
}

.seo-approach .about-tab ul li {
    width: 20%
}

.seo-approach .about-tab.seo-services-tab ul li {
    width: 25%
}

.seo-approach .about-tab>ul li a {
    padding: 16px 19px !important;
    background: #163a6b; margin: 0px;
    border-radius: 0;

    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    border-right: 1px solid #175dbb
}

.seo-approach .about-tab .tab-content>.active {
    background: #fff;
    margin: 0 2px;
    padding: 30px 25px;
    text-align: justify
}
.right_project{float:left;width:100%;background-color:#1178ba;color:#fff;font-size:22px;font-family:'Roboto Condensed',sans-serif;font-weight:600;border-radius:6px;padding:13px 0;margin-bottom:20px}
.right_project img{margin:0 10px 0 18px}
.contact_btn{background-color:#1178ba;color:#FFF;font-size:18px;font-weight:normal;text-transform:uppercase;text-decoration:none;padding:13px 20px 15px;margin:-13px 0 -13px 0;float:right;border-radius:0 6px 6px 0;border-left:1px solid #69a3c8}
.contact_btn span{font-size:22px;margin-left:7px}
.contact_btn:before{background:#005287;border-radius:0 10px 10px 0}
.sform{float:left;width:100%;background-color:#fb7f2c;border-radius:6px;padding:8px 0 8px 8px;color:#fff;margin-bottom:50px}
.sinput{height:43px;border:0;width:31%;border-radius:4px;background-color:#fff;color:#5c5c5c;font-size:15px;font-family:'Roboto Condensed',sans-serif;float:left;margin:0 1.4% 0 0;padding:0 0 0 10px}
.sfbt{background-color:#bc4c1b!important;color:#fff;text-transform:uppercase;font-size:18px;line-height:21px;padding:8px 10px 9px 17px;margin:-11px 0 -18px -26px;position:relative;border:3px solid #fff;font-family:'Roboto Condensed',sans-serif;border-radius:6px;width:123%;font-weight:bold;text-align:left}
.sfbt:before{background:#95350b!important;border-radius:6px!important}
.sfbt img{position:absolute;right:-21px}

.seo-approach .about-tab .figure img {
    width: 100%;
    margin-top: -10px
}
.seo-approach .section-heading{padding-bottom: 40px;}
.seo-approach .section-heading h2 {
    font-size: 32px;
    font-weight: 900;
    color: #fff; font-family: opensans;
    padding-bottom: 0px; margin: 0px;
}

.seo-approach .about-tab p {
    font-size: 15px;
    line-height: 25px;
    font-weight:500; font-family: opensans !important;
    color: #4c4c4c;
    font-family: var(--main-font)
}

.seo-approach .tab-pane ul {
    margin: 0 20px
}
.head_tabb{font-size: 20px; font-family: poppins; font-weight: 700; text-transform: uppercase; color: #163a6b;}
.seo-approach .tab-pane ul li {
    width: 100%!important;
    list-style-position: inside
}

.seo-approach .section-heading p {
    color: #fad000;
    font-family: var(--text-font);
    font-weight: var(---bold700);
    font-size: 19px;
    padding: 10px 0
}

.seo-approach .section-heading p.white-text {
    font-family: var(--main-font);
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 10px 0
}
.seoteamList {
    list-style: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%
}
.seoteamHelp{padding: 60px 0px;position: relative}
.seoteamHelp:before{ background: url(../images/vector-bg-1.png) no-repeat center; background-size: cover; position: absolute; content: ""; top: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.7}
.seoteamList li {
   float: left;
    width: 23%;
    height: 340px;

    margin-right: 22px;
    margin-bottom: 40px;
    text-align: center;
    background: #fff;box-shadow: 0 16px 36px rgba(34,82,130,0.06); border-radius:10px;
    padding: 30px 20px;
}.seoteamHelp .seoteamList li em img {
    width: 100px
}
.our-project{background: url(../images/single-portfolio.png); background-size: cover!important; padding: 60px 0px;}
.inner_posrtfolio{
    padding-bottom: 65px;
}
.projects-txt,.projects-txts {
    /* padding-left: 15%; 
    padding-top: 70px; */
    text-align: center;
}
.inner_posrtfolio  img{
    border: 10px; 
    padding: 6px; 
    background: #fff;
    height: 400px;
}

@media(max-width:769px) {
   .inner_posrtfolio  img{
    height: 200px;
}
    }
.projects-txt h2{    color: #fff;
    font-size: 40px;
    font-weight: 700; 
    font-family: poppins;
    margin: 0px;
}
.projects-txts h2{    
    color: #fff;
    font-size: 35px;
    font-weight: 700; 
    font-family: poppins;
    margin: 0px;
}
.projects-txt p {
    color: #fff;
    font-size: 20px; 
    font-family:poppins;
    margin: 20px 0 25px;
    text-align: justify;
}
.projects-txt .main {
    color: #000;
    font-size: 20px; 
    font-family:poppins;
    margin: 20px 0 25px;
    text-align: justify;
}

.projects-txts p {
    color: #fff;
    font-size: 20px; 
    /* font-family:poppins; */
    margin: 10px;
    text-align: justify;
}
.projects-txts a {   
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    font-weight: 600; 
    background: #a1c628;
    margin-top: 30px;
}
.projects-txt a {
   
    color: #fff;
    font-size: 20px;
    padding: 10px 30px;
    font-weight: 700; background: #a1c628;
}
.card-menu{justify-content:space-between;display: flex;
    flex-wrap: no-wrap;
    overflow: auto;
    padding-bottom: 10px;}
.card-list {
    flex: 0 0 19%; list-style: none;
}
.card-menu .card-feature {list-style: 
    text-align: center; margin-top: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    margin-bottom: 14px;overflow: hidden;
}
.card-feature span {
    min-height: 105px;
}

.card-menu h3{font-size:18px;font-weight:700;letter-spacing: 0.5px; 700; letter-spacing: 0.5px;font-family: raleway; text-align: center;min-height:72px;padding:10px 15px;margin-bottom:0!important;line-height:22px;color:#1a2040;transition:all .3s ease-in-out;text-transform:initial; margin: 0px;}.card-menu p{color:#545454;font-size:14px;margin-bottom:0;padding:0!important}.card-feature span{background:#eef4f9;font-size:50px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out; color: #163a6b;}.card-menu{display:flex;overflow:auto;padding-bottom:10px}.card-list{}
.strugling-wrapper{padding: 60px 0px;}
.btnRow a.linkBtnarow {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    background: #a1c628;
    border-radius: 100px;
    padding: 10px 30px; font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
}
.feature-text h2{color: #163a6b; font-size:35px; font-weight: 600; text-align: center; font-family: poppins;line-height:40px;}
.feature-text h2 span{ font-size: 30px; display: block; color: #a1c628;}
.seoteamHelp .seoteamList li em {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
}
.seoteamHelp .seoteamList li h3{line-height: 20px;}
.seoteamHelp .seoteamList li h3 a {
    color: #214477;
    text-align: center;
    font-family: opensans;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 17px; line-height: 16px;}
.seoteamList p{font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    font-family: opensans !important;
    color: #4c4c4c;}
.industrial-sec {
    background: #198be0;
    border-bottom: 1px solid rgba(241, 241, 241, .4);
    padding: 30px
}

.industrial-sec h2, .industrial-sec h3 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700
}

.industrial-sec .row .col-sm-2:nth-child(13) .indu-item,
.industrial-sec .row .col-sm-2:nth-child(7) .indu-item {
    border-right: 0
}

.industrial-sec .indu-item {
    border-right: 1px solid rgba(255, 255, 255, .25);
    margin: 20px 0
}

.industrial-sec .indu-item h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center; font-weight: 700;
    margin: 15px 0; padding-top: 15px;
}

.industrial-sec .indu-item .icon img {
    display: block;
    max-width: 100px;
    margin: auto
}

.seoo_digi .col-sm-6{padding: 0px;}
.text_right{    max-width: 630px;
    padding: 30px 40px 30px 70px;
    float: left;}
.text_right h4{font-size: 35px; font-weight: 800; font-family: raleway; color: #163a6b}
.text_right h5{font-family: opensans; font-size: 22px; font-weight: 600;  color: #99bc27}
.text_right p{font-family: opensans; font-size: 16px; font-weight: 500; line-height: 25px; text-align: justify;}
.text_right a{position: relative;
    color: #fff;
    width: auto;
    font-size: 14px; 
    text-align: left;
    background-color: #99bc27;
    margin-top: 0;
    padding: 15px 30px; font-family: opensans; font-weight: 600; font-size: 17px;
    max-width: initial;
    margin-top: 15px; transition: all .3s cubic-bezier(.4,0,.2,1);}

.seoo_digi{background: #f9f9f9; display: inline-block; width: 100%}
.trusted-counter {
	margin-top: 50px;
}

.trusted-counter-box {}

.trusted-counter-box-2 {
	width: 100%;
	float: left;
	padding: 20px 0;
	overflow: hidden;
}

.trusted-counter-box {
	text-align: center;
	border-left: solid 3px #e4e4e4;
	padding: 0;
}

.trusted-counter-box p {
	font-size: 16px; font-family: 'open sans', sans-serif; font-weight:600;
}

.trusted-counter-box img {
	width: 120px;
}

.trusted-counter-box-2,
.trusted-counter-box-2 p {
	text-align: left;
}

.trusted-counter-box.countries-served {
	padding-top: 20px;
	border-left: none;
}

.trusted-counter-box .counter {
	color: #99bc27;
	font-weight: 600; font-family: poppins;
	font-size: 38px;
	padding-top: 15px;
	padding-bottom: 0px;
}

.trusted-counter-box-2 img {
	float: left;
	margin-left: 50px;
	width: auto;
}

.trusted-counter-box-2 .counter,
.trusted-counter-box-2 p {
	margin-left: 150px;
}
.trusted-section .heading h2, .trusted-section .heading h3{
    font-weight: bold;  
    font-size: 35px; 
    font-family: raleway; 
    text-transform: capitalize;}
.trusted-section .heading h2 span, .trusted-section .heading h3 span{color: #99bc27;}
.trusted-section .heading p{
    font-family: opensans;
    font-size: 17px; 
    font-weight: 500; 
    width: 80%;
}
.trusted-section .top-main h2{
    font-weight: bold;  
    font-size: 35px; 
    font-family: raleway; 
    text-transform: capitalize;
    color: #163a6b;
}
.trusted-section .top-main h4{ font-weight: bold;  
    font-size: 18px; 
    font-family: raleway; 
    text-transform: capitalize;
    color: #163a6b;}
.trusted-section .top-main p strong{color: #99bc27;}
.trusted-section .top-main p{
    font-family: opensans;
    font-size: 17px; 
    font-weight: 500; 
    text-align: justify;
}
.trusted-counter-box .trusted-counter-box-2.top {
	border-bottom: solid 3px #e4e4e4;
}
.trusted-section {padding: 30px 0px;}
.trusted-section .heading p {
	max-width: 1000px;
	margin: auto;
}
.trusted-counter-box {
    text-align: center;
    border-left: solid 3px #e4e4e4;
    padding: 0;
}

.section-who{display: flex;justify-content: center;align-items: center;margin-top: 0px;margin-bottom: 60px;}

.section-who .wrapper .header-section{width: 100%;float: left;}

.section-who .wrapper .who-desc {margin-top: 50px;display: flex;justify-content:flex-start;align-items: center;}
.section-who .wrapper .who-desc .img-div{width: 75%;float: left;margin-bottom: 20px;z-index: -1;}

.section-who .wrapper .who-desc .img-div img{max-width: 100%;border-radius: 15px;}
.section-who .wrapper .who-desc .text-div{width: 48%;float: left; position: relative; border-width: 1px; border-color: #a1c628 ; border-style: solid; border-radius: 10px;background-color: #163a6b;padding: 30px 5px 100px 50px;     margin-left: -283px;
  margin-top: 100px;}
.section-who .wrapper .who-desc .text-div::after {content: ''; height: 104%; width: 36%; background: #a1c628 ; overflow: hidden; position: absolute; left: -9px; bottom: -9px;z-index: -1;  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;-o-border-radius: 20px;}

.section-who .wrapper .who-desc .text-div .header-section h2 {font-family:poppins; color: #fff; font-size: 25px; text-transform: uppercase;text-align: left;margin-bottom: 0px; font-weight: 600;}
.section-who .wrapper .who-desc .text-div .header-section p.title{font-family:raleway;color: #a1c628 ;font-size: 20px;font-weight: 600; text-align: left; padding-top: 10px}
.section-who .wrapper .who-desc .text-div p.para {font-family:opensans;text-align: left;color:#fff;font-size: 16px; line-height: 28px; letter-spacing: 0.8px;width: 100%;float: left;margin-top: 30px;}
.section-who .wrapper .who-desc .text-div .btn-div{width: 100%;float: left;text-align: left;}
.section-who .wrapper .who-desc .text-div .btn-div a{font-family: 'Bariol-Regular';display: inline-block; background: #f6bc16; color: #111;font-size: 20px;text-align: center; border-radius: 50px; -webkit-transition: 400ms; transition: 400ms; text-decoration: none; padding: 10px 35px; z-index: 10;text-transform: none;}

.section-who .wrapper .who-logo {margin-top: 15px;margin-bottom: 50px;}
.section-who .wrapper .who-logo ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
.section-who .wrapper .who-logo ul li{display: inline-block;width: calc(16% - 10px);}
.section-who .wrapper .who-logo ul li img{max-width: 100%;opacity: 0.6;}
.tecthh {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: relative;}
.inner_hh{background: #f8f8f8; padding: 0px 0px; display: inline-block; width: 100%}
.inner_hh .col-sm-6{padding: 0px;}
.inner_hh .bg_riir {
    max-width: 593px;
    padding-left: 80px;
    padding-top: 40px;
}
.faqq{padding: 60px 0px;}
.faqq h4{font-weight: 700;
    color: #222;}
.inner_hh h2 {
    color: #163a6b;
    font-family: poppins;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 15px;
    line-height: 36px;
    margin: 0px;
}
        .faqq   .panel-heading{background-color: #fff;
    border-radius: 0px;
    font-size: 20px;
    font-family: opensans;
    padding: 11px 0px;}
.faqq .panel-heading  h4 a{color: #222;
    font-size: 18px;    text-decoration: none;
    font-weight: 600;
    font-family: raleway;}
.faqq .pannel-collapse-new  .panel-heading  h4 {line-height:initial; line-height: 33px;}
.faqq .pannel-collapse-new .panel-body{ 
    color: #333333;    padding: 15px 0px;
    text-align: justify; font-family: opensans; font-size: 16px; line-height: 24px; 
    margin-bottom: 10px !important;
}
.faqq .panel-default{margin-bottom: 15px !important;    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ddd;}
.faqq  .panel-heading i{float: right; line-height: 33px;}
        

.inner_hh h1 {
    font-family: open sans, sans-serif;
    text-transform:;
    font-weight: 500;
    font-size: 20px;
    color: #99bc27;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.bg_riir{ font-family: opensans; font-size: 15px; font-weight: 500; line-height: 24px;}
.fill{background: #a1c628; color: #fff !important;}
.btn-individual {padding: 0 29px;
    height: 50px;
    line-height: 47px;
    font-size: 14px;
    color: #a1c628 ;
    text-transform: uppercase;
    border: 2px solid #a1c628 ;
    display: inline-block; font-family: raleway; font-weight: 600; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;}
.our-project .caaa{position: absolute;
    right: 41%;
    /* left: 0; */
    width: 88px;
    margin: auto;
    bottom: 39px;}
.our-project .caaa span{background: #a1c628}
.heading33 h2, .heading33 h3{font-weight: bold;
    font-size: 30px; width: 70%; margin: auto;
    font-family: raleway;
    text-transform: capitalize;}
.heading33 h2 span{color: #99bc27;
}
.heading33 p{font-family: opensans;
    font-size: 16px;
    font-weight: 500;
}
.dashed-border {
    position: absolute;
    top: -20px;
    left: 60px;
}
.text-app span{
font-size:20px;
font-weight:600;
}
.appp{padding-bottom: 60px; padding-top: 40px}
.text-app{font-family: opensans; font-size:16px; line-height: 25px; padding-top: 20px; text-align: justify}
.companypartnerapp{padding-top: 20px; position: relative;width: 100%;display: inline-block;vertical-align: top;}
.companypartnerapp .para-left-object{left: 50px;top: 65px;}
.companypartnerapp .para-right-object{right: 20px;top: -65px;}
.dashed-border{position: absolute;top: -20px;left: 60px;}
.iconcontent{width: 80%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: left;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.numbericon{background-color:#410f88;border-radius: 50%;color:#fff;font-size: 28px;height: 40px;line-height: 40px;text-align: center; width: 40px; font-family: poppins; font-weight: 600}
.meet-consumer-textdesc{width: 83%;padding-left: 20px;line-height: 24px; font-family: opensans; font-weight: 500; font-size: 16px;}
.pp_developp{background: linear-gradient(to bottom, rgb(22, 58, 107) 0%, rgb(60, 113, 210) 100%);
    padding: 60px 0px;
    position: relative; padding: 60px 0px; position: relative}

.pp_developp:before {
    -webkit-animation-name: flash;
    animation-name: flash;
    background: rgba(0,0,0,0.1);
    width:70%;
  height: 100%; top: 0; margin: auto;
    border-radius: 100%;
    content: '';
    position: absolute;
    left: 0; right: 50px;
   
}
.text_app h5{font-family: raleway;
    font-weight: 400;
    font-size: 26px;
    color: #b2da2f;
    margin: 0px;}
.text_app h4{font-family: poppins;
    font-weight: 600;
    font-size: 36px;
    color: #fff;text-transform: uppercase; padding-bottom: 10px;
    margin: 0px;
    padding-top: 10px;}
.text_app p{color: #fff; font-size: 15px; font-family: opensans; line-height: 26px;}

.text_app a{font-family: raleway;
    font-size: 16px;
    color: #000;
    border-radius: 50px; text-transform: uppercase;
    padding: 15px 40px;
    background: #fff;
    display: inline-block;
    font-weight: 700;
    margin-top: 18px;
    transition: 0.5s;}
.inner_app{padding: 18px 25px;; margin-top: 30px; text-align: center; box-shadow: 0px 0px 5px #cbcbcb;}
.inner_app img{width: 100px; margin: auto;}
.inner_app h4{font-family: poppins; font-size: 16px; font-weight: 600;}
.inner_app p{font-size: 15px; font-family: opensans;}
.inner_app a{background: #a1c628}

.texxt_what h4{    font-size: 22px;
    color: #000;
    font-weight: 800;
    font-family: raleway;}
.texxt_what {padding-bottom: 40px; }
.texxt_what p{font-size: 15px; line-height: 24px;}
.texxt_what ul{padding: 0px; margin: 0px;}
.texxt_what li{list-style: none; font-size: 15px; line-height: 28px; font-family: opensans}
.texxt_what p{text-align: justify !Important;}
.texxt_what li i{color: #a1c628 ;}

.android-developemnt-services-main {
    background-image: url(../images/android-development-services-bg-img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 50px 0;
    color: #ffffff;
    text-align: center;
    position: relative
}

.android-developemnt-services-main:before {
    content: "";
    background: rgba(6, 36, 63, 0.7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.android-developemnt-services-exper {
    font-size: 18px;
    font-family: raleway;
    letter-spacing: 0.4px; font-weight: 600;
    position: relative
}
.img-iphon{padding-left: 90px; width: 400px;;}
.android-developemnt-services-head h2 {
    font-size: 30px;
    letter-spacing: 0;
    font-family: raleway;
    margin: 3px 0 5px; font-weight: 700;
    position: relative
}
.iphonr_tt h4, .iphonr_tt h2{
    font-weight: 600; 
    font-size: 40px; 
    font-family: raleway; }
.iphonr_tt h6{   
    font-size: 22px;
    font-family: raleway;
    color: #000;
    text-align: justify;
}
.iphonr_tt h3 span{color: #a1c628 ;}
.iphonr_tt h5{font-weight: 600;font-family: raleway;font-size: 18px; }
.iphonr_tt p{text-align: justify;
    font-family: 'open sans', sans-serif;
    font-weight: 500;
    font-size: 15.5px;}
.android-developemnt-services-content {
    font-size: 15px;
    font-family:'open sans', sans-serif;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    line-height: 24px;
    letter-spacing: 0.4px;
    position: relative;
    margin-bottom: 40px;
}

.android-dev-services-points {
    text-align: left;
    margin-bottom: 20px;
}

.android-services-point-head {
    font-size: 22px;
    font-family: raleway;
    margin-bottom: 5px; font-weight: 700;
    position: relative;
}

.android-services-point-head:before {
    height: 15px;
    width: 15px;
    background: #f2640c;
    content: "";
    position: absolute;
    border-radius: 50%;
    right: 58px;
    top: 9px;
}

.android-services-point-head:after {
    height: 23px;
    width: 23px;
    background: rgba(242, 74, 81, 0.4);
    content: "";
    position: absolute;
    border-radius: 50%;
    right: 54px;
    top: 5px;
}

.android-services-point-head span {
    height: 1px;
    background: #f2640c;
    width: 155px;
    position: absolute;
    display: block;
    right: -93px;
    top: 16px;
    z-index: 9
}

.any-device-point-section span {
    width: 91px;
    right: -33px;
}

.app-development-dash-block span {
    width: 318px;
    right: -260px;
}

.app-development-dash-block span:before {
    content: "";
    width: 1px;
    height: 85px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f2640c;
}

.android-services-point-content {
    font-size: 14px;
    font-family: opensans;
    max-width: 310px;
    width: 100%;
    height: 151px;
}

.android-dev-services-points.text-right {
    text-align: right;
}

.android-dev-services-points.text-right .android-services-point-head {
    float: right;
}

.android-dev-services-points.text-right .android-services-point-head::before {
    left: -50px;
    right: auto;
}

.android-dev-services-points.text-right .android-services-point-head::after {
    left: -54px;
    right: auto;
}

.android-dev-services-points.text-right .android-services-point-head.native-apps-head span {
    width: 269px;
    left: -319px;
    right: auto;
}

.android-dev-services-points.text-right .android-services-point-head.native-apps-head span:before {
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2640c
}

.android-dev-services-points.text-right .android-services-point-head.agile-project-manag-head span {
    width: 89px;
    left: -139px;
    right: auto;
}

.android-dev-services-points.text-right .android-services-point-head.support-maintenance-head span {
    width: 112px;
    left: -162px;
    right: auto;
}

.android-dev-services-points.text-right .android-services-point-content {
    float: right;
}

.android-app-design-col {
    margin-top: 17px;
}
.iPhone-native-hybrid{background-color:#f5f6f6; padding: 60px 0px;}

.iPhone-native-hybrid h2{margin-bottom:20px; font-family: poppins; color: #000; font-weight: 700;margin-bottom: 10px;}
.iPhone-native-hybrid h2 span{color: #a1c628 ;}
.iPhone-native-hybrid p{font-family: opensans;
    font-weight: 500;
    font-size: 16px;
    text-align: justify;
    line-height: 26px;}
.iPhone-native-hybrid h3{margin-bottom:20px; font-family: poppins; color: #3e3e3e; font-weight: 600; margin-top: 10px;}

.iPhone-native-hybrid p.bot{margin-bottom:50px;}

.iPhone-native-hybrid .tb-style li{margin:0 10px 20px 0;text-align:center;width:140px;position:relative;color:#000;text-align:center;display:inline-block;}

.iPhone-native-hybrid .tb-style li span.oBg1{background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-webkit-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-moz-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);}

.iPhone-native-hybrid .tb-style li span.oBg2{background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);-webkit-background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);-moz-background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);}

.iPhone-native-hybrid .tb-style li span.oBg3{background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-webkit-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-moz-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);}

.iPhone-native-hybrid .tb-style li span.oBg4{background:linear-gradient(-35deg, rgba(255,152,2,1) 0%, rgba(255,4,126,1) 100%);-webkit-background:linear-gradient(-35deg, rgba(255,152,2,1) 0%, rgba(255,4,126,1) 100%);-moz-background:linear-gradient(-35deg, rgba(255,152,2,1) 0%, rgba(255,4,126,1) 100%);}

.iPhone-native-hybrid .tb-style li span.oBg5{background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-webkit-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-moz-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);}

.iPhone-native-hybrid .tb-style li span.oBg6{background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-webkit-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-moz-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);}

.iPhone-native-hybrid .tb-style li span{margin-left:auto;margin-right:auto;margin-top:20px;vertical-align:middle;width:56px;height:56px;text-align:center;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#a5a5a5;}

.iPhone-native-hybrid .tb-style li abbr{position:relative;margin-top:10px;display:block;background-color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:none;font-weight:600;padding:10px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); font-family: poppins;}

.iPhone-native-hybrid .tb-style li abbr::after{content:"";position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:50px;height:4px;background-color:red;top:-2px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.iPhone-native-hybrid .tb-style li abbr.inlin1::after{background-color:#5b56d7;background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-webkit-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);-moz-background:linear-gradient(-35deg, #c444fb 0%, #5b56d7 100%);}

.iPhone-native-hybrid .tb-style li abbr.inlin2::after{background:#e040fb;background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);-webkit-background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);-moz-background:linear-gradient(-35deg, #e040fb 0%, #fe5e31 100%);}

.iPhone-native-hybrid .tb-style li abbr.inlin3::after{background:#7ed500;background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-webkit-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);-moz-background:linear-gradient(-35deg, #7ed500 0%, #00bf8d 100%);}
.app-development-details {
    background-image: url(../images/app-devlopment-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    padding: 50px 0 60px;
}

.app-development-details-content {
    border: 10px solid #a1c628;
    padding: 40px;
    position: relative
}

.app-development-details-content:before {
    content: "";
    width: 10px;
    position: absolute;
    top: 40px;
    bottom: 40px;
    background-color: #ffffff;
    left: -10px;
}

.app-development-details h2 {
    font-size: 34px;
    color: #2e353b;
    margin: 0 0 10px;
    max-width: 800px; font-family: raleway;
    width: 100%;
}


.app-development-details h5 {
    font-size: 20px;
    margin: 0;
    color: #4e4472;
    font-family: 'robotomedium';
    line-height: 30px;
    max-width: 440px;
    width: 100%;
}

.app-development-details p {
    font-size: 16px;
    line-height: 28px;
    font-family: raleway; font-weight: 500;
}

.bottom-content p {
    max-width: none;
    font-size: 17px;
}
.home-banner-block-list li{list-style: none; font-size: 16px;  font-family: raleway; font-weight: 500; line-height: 24px; padding-bottom: 10px;}
.app-development-details .red-btn2 {
    width: 170px;
    height: 50px;
    padding: 12px 0;
    margin: 0;
}
.red-btn2{border-radius: 50px;
    padding: 16px 40px;
    font-size: 15px;
    text-transform: uppercase;
    background: #055EAA;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-top: 20px;text-align: center}

.native_app {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 15px;
    position: relative;
   height: 270px;   margin-top: 55px;
}

.native_text h3 {
    margin: 0;
    margin-bottom: 12px; font-family: poppins; font-weight: 600;
}

.native_text p{font-family: opensans; font-size: 16px; line-height: 29px;}
.native_list li {
    color: #fff;
    list-style: none;
    position: relative
}

.native_list li:before {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 10px;
    height: 2px;
    left: -17px;
    top: 17px
}

.native_text {
    margin-top: 35px;
    text-align: center
}

.native_icon {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    background-color: #fff;
    margin: 0 auto;
    width: 80px;
    align-items: center;
    height: 80px;
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    z-index: 9;
    font-size: 30px
}

.overlayy {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008cba
}

.native_app:hover .overlayy {
    opacity: 1
}
.rr{
    font-family: opensans !important;
    font-weight: 500; 
    font-size: 18px !important;
    line-height: 25px; 
    padding-bottom: 10px;
}
.request_butt{font-family: raleway;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    padding: 15px 35px;
    background: #a1c628;
    display: inline-block;
    font-weight: 700;
    margin-top: 25px;
    transition: 0.5s;}
.native_app .text {
    color: #fff;
    font-size: 20px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.xam_Assist {
    background-color: #f2f2f2
}
.devwll .serv_box img{width: inherit;}
.servicesarea-box3 {
    background: #fbfbfb;
    padding: 40px 0 60px;;
}


.servicesarea-box3 ul{display:flex;justify-content:space-around;flex-wrap:wrap; padding: 0px; margin: 0px;}.servicesarea-box3 ul li{flex:0 0 30%;list-style: none;text-align:center;box-shadow:3px 3px 6px rgba(0,0,0,.1); margin-bottom: 30px; background:#fff;transition:all .5s ease 0s;padding:30px 15px 24px}.servicesarea-box3 .learnmore{border:1px solid #201e1e;color:#201e1e;padding:6px 15px;font:400 14px/24px DINPro-Regular;display:inline-block}
 .servicesarea-box3-ecommrace .icon1 {
    background-position: -8px -58px;
}
.servicesarea-box3-ecommrace span {
    width: 80px;
    height: 80px;
    display: block;
    background: url(../images/ecommarce-sprit3.png) no-repeat;
    margin: 0 auto 15px;
}
.servicesarea-box3-ecommrace .icon2 {
    background-position: -9px -277px;
}
.ivv img{width: 90px;}
.servicesarea-box3-ecommrace .icon3 {
    background-position: -8px -480px;
}
.local_seooo{padding: 0px; margin: 0px;}
.local_seooo li span{font-weight: 800; color: #000;}
.local_seooo li{    list-style: none;
    font-size: 15.5px;
    line-height: 24px;     color: #5d5d5d;
    font-family: opensans; padding-bottom: 10px;}

.headingsec h2{    font-weight: bold;
    font-size: 35px;
    font-family: raleway;
    text-transform: capitalize;}
.headingsec{text-align: center; margin-bottom: 60px;}
.headingsec h2 spann{    color: #99bc27;}
.headingsec p{font-family: opensans;
    font-size: 17px;
    font-weight: 500; margin: auto;
    width: 100%;}
.servicesarea-box3 ul li h3{font-family: poppins; font-size: 18px; font-weight: 600; line-height: 24px;}
.servicesarea-box3 ul li p{font-family: opensans; font-size: 15px; font-weight: 400; line-height: 24px;}
.headddd{padding-bottom: 20px; margin-bottom: 20px; position: relative}
.headddd:before {position: absolute; width: 80px; height: 4px; content:""; bottom: 0; left: 0; right: 0; background: #a1c628; margin: auto;}
.text_word{background: #163a6b ; padding: 30px 20px;}
.text_word h4{font-size: 18px; color: #fff; font-family: raleway; font-weight: 700; pa}
.text_word p{font-size: 15px; color: #fff; font-family: opensans; font-weight: 500;}
.wordpress_serv{padding: 70px 0px;}
.worser{padding: 10px; text-align: center;}
.worser h5{font-weight: 500; font-family: poppins}
.img-boxx {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.boxbg{padding:30px; background: #f8f8f8; text-align: center; height: 270px;}
.heading4{font-size: 20px; color: #000; font-family: raleway; font-weight: 700; margin-top: 10px;}
.boxbg  p{font-family: opensans; font-size: 15px; font-weight: 400; line-height: 22px; padding-top: 10px;}
.listtt{padding: 0px;}
.listtt li{list-style: none; font-size: 16px; color:#fff; padding-bottom: 9px;}
.laravel_list h4{margin-bottom: 20px;
    font-family: poppins;
    color: #000; font-size: 27px;
    font-weight: 700; text-transform: uppercase;
    margin-top: 10px;}
.laravel_list ul{padding: 0px; margin:0px; padding-top:10px }
.laravel_list ul li{list-style: none; font-family: opensans; font-size: 16px;padding-bottom: 10px;}
.laravel_list li i{font-size: 17px; padding-right: 10px; color: #a1c628 ;}

.node-js-services {
    text-align: center;
}
.node-js-services-row h5 {
    line-height: 28px;
}
.node-js-services-row {
    text-align: center;
    margin: 0;
    padding-top: 15px;
}
.node-js-services-row div {
    min-height: 315px;
}
.node-js-services-row img {
    margin-left: auto;
    margin-right: auto;
}
.node-js-services-row .gray,
.node-js-services-row .green,
.node-js-services-row .dark-gray,
.node-js-services-row .light-gray {
    background: #f2f2f2;
    color: #fff;
   padding: 30px; padding-top: 45px;
}
.node-js-services-row .green {
    background: #163a6b;
    color: #ffffff;
}
.heading33 h6{text-transform: uppercase; font-family: raleway; font-size:21px; font-weight: 600}
.node-js-services-row .dark-gray {
    background: #214980 url(../images/node-js/caret-green.png) left center no-repeat;
    color: #fff;
}
.node-js-services-row .gray {
    background: #2f5c9a url(../images/node-js/caret-gray.png) left center no-repeat;
    color: #fff;
}
.node_sec h4{font-size: 19px; font-weight: 600; font-family: poppins; margin-top: 0px;}
.secccc p{font-family: opensans; font-size: 15px; font-weight: 400; line-height: 22px; padding-top: 0px; padding-bottom: 20px;}
.img_nodee{width:65px !Important;}
.node-js-services-row  i{font-size: 40px;}
.node-js-services-row .light-gray {
    background: #3b6cb1 url(../images/node-js/caret.png) left center no-repeat;
}
.node-js-development-company {
    padding: 4 0px 0;
}
.node-js-development-company h5 {
    line-height: 30px;
    color: #d5d5d5;
}
.node-js-development-company .green {
    color: #fff;
}
.node-js-services-row h5{font-family: raleway; font-weight: 700; font-size: 18px;}
.node-js-services-row p{color: #fff; font-size: 15px;}
.node-js-development-company h4 {
    margin-top: 0px;
}
.node-js-development-company h4+p {
    font-weight: 300;
}
.node-js-development-company h4+p a {
    display: block;
}
.node-js-development-company .col-sm-2 {
    width: 12.666667%;
    padding-right: 0px;
}
.node-js-development-company a:hover {
    color: #555;
}
.edu2-tarining-wrap{ position:relative; background:url(../images/contact-bgggg.png) no-repeat center;padding-bottom:60px; padding-top: 20px;    background-size: cover;}

	.edu2_tarining_bg{ position:relative; padding:50px;}
	.edu2_tarining_bg h1{ color:#fff; font-weight:300;}
	.edu2_tarining_bg h2{color: #e2ff00;
    font-weight: 300;
    line-height: 50px;
    border: 2px dashed #e2ff00;
    padding: 30px;
    border-radius: 4px;}
.inner-pg{padding-top:50px;}
.inner-pg h1{font-weight: 500; color: #fff; font-family: poppins; font-size: 30px; font-weight: 700;}
.bredcrmb{
    background-color: transparent !important;
    margin-top: 20px;
    /* text-align: right; */
}
.bredcrmb:before{content: "";
    position: absolute;
    height: 100px;
    width: 2px;
    background-color: #68696a;
    top: -10px;
    transform: rotate(25deg);
    left: 0px;}
.bredcrmb>li+li:before {color: #000;}
.bredcrmb li.active{text-transform: capitalize;color: #429FFD;font-weight: 600;  font-family: poppins; color: #fff}
.bredcrmb li a{ text-transform:capitalize; font-weight: 500; font-family: poppins; color: #fff}
.contactt{padding: 60px 0px;}
.left_contact h4{ color: #000; font-size: 32px; font-weight: 600; font-family: poppins; position: relative; padding-bottom: 10px;}
.left_contact h4:before{position: absolute; bottom: 0; background: #a1c628 ; width: 60px; height: 4px;  content:"";}
.left_contact p{font-family: raleway; font-weight:500; font-size: 16px; line-height: 26px;}
.right_icon {box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.1); width: 50px; height: 50px; background: #fff; float: left; text-align: center; padding-top: 8px;}
.right_head{ float: left; margin-left: 20px;}
.right_head h5{font-size: 17px; font-family: opensans;; font-weight: 500; color: #000; line-height: 27px; margin-top: 0px;}
.right_head h5 span{font-size: 18px; font-family: poppins; display: block;color: #000; font-weight: 600}
.main_Add{margin-top: 18px;
    display: inline-block;
    width: 100%;}
.right_icon i{font-size: 30px; color: #a1c628}
.contact_form h5 {font-size: 25px; font-family: poppins;; font-weight: 600; color: #000; line-height: 27px; margin-top: 0px; padding: 0px; padding-bottom: 15px;}
.contact_form{box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.2); padding: 30px; margin-left: 35px;}
.contact_form button{display: block;
    background: #a1c628;
    width: 100%;
    border: 0px;
    padding: 12px 21px;
    color: #fff;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 600;
    font-family: opensans;
border-radius: 50px;}
.mapp{margin-top: 30px; background: #edfcff; padding: 15px;}
.contact_form .controlinner .form-control{ background: #f9feff; box-shadow: inherit !important; border: 1px solid #e4e4e4}
.about-client-sec {
    margin-bottom: 0;
    overflow: hidden; background: #f6f6f6;
}
.about-client-sec .inner {
    position: relative;
    margin-top: -400px;
    z-index: 2;
}
.about-client-sec .inner .col-md-7 .content-box {
    position: relative;
    background: #fff;
    padding: 35px 50px 59px 50px;
    margin-left: -17px;
}
.custom-heading {
    font-family: poppins;
    font-size: 30px; font-weight:700;
    line-height:51px;   text-transform: uppercase;color: #133286;
}
.content-box .text{font-family: opensans; font-size: 17px; font-weight: 500; line-height: 28px;}
.feature-icon{text-align: center;}
.feature-icon img{width: 100px;}
.feature-panel{position:relative; height: 330px; padding:30px 30px; margin: 0px 10px; margin-bottom:15px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer;  box-shadow: 2px 16px 45px rgba(150, 150, 150, 0.2);
 background: #fff }
.feature-panel{margin-top: 40px;}
.digital-market{background: #fff7e2;
    padding: 60px 15px 70px 15px;}
.digital-market h4{    font-weight: bold;
    font-size: 30px;
    width: 70%;
    margin: auto;
    font-family: raleway;
    text-transform: capitalize; text-align: center; padding-bottom: 40px;}
.feature-panel h3{color: #214477;
    text-align: center;
    font-family: poppins;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 16px;}
.digital-market  ul{padding: 0px;}
.digital-market li  p{ font-family: poppins; font-size: 15px; text-align: center; font-size: 15px !Important; font-weight: 500;}
.digital-market li{position:relative;width:16.66%;float:left; list-style: none;}
.digital-market li .icon{display:inline-block;position:relative;margin-bottom:20px;}
.digital-market li .no{position:absolute;width:40px;height:40px;font-size:18px;color:#fff;line-height:40px;text-align:center;z-index:10;right:21px;top:0px;background:#bec4fb;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;}
.digital-market li p{font-size:16px;line-height:24px;padding:0px;}
.digital-market li p span{display:block;}
.digital-market li ~ li:before{content:"";width:86px;height:2px;background:url(../images/dotted-line.jpg) left top repeat-x;position:absolute;left:-43px;top:44px;}
.digital-market li ~ li:after{content:"";width:26px;height:26px;background:url(../images/icon-arrow.png) left top no-repeat;position:absolute;left:-13px;top:31px;}
.bodysdd .col-md-6 {
    padding: 0px;
}
.side-padleft {
    padding: 5% 60px 0 13%;
}
.scrollbar
{

	float: left;
	height:230px;
	width: 100%;
	overflow-y: scroll; padding-right: 15px;
}

style-1::-webkit-scrollbar-track
{
	border-radius: 10px;
height: 30px;
}

#style-1::-webkit-scrollbar
{
	width: 8px; height: 30px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.side-padright {
    padding: 8% 13% 0 70px;
}
.texttt_smm h5{font-family: raleway;
    font-weight: 500;
    font-size: 25px;
    color: #b3dc2f;
    margin: 0px;
   
    padding-bottom: 0px;}
.texttt_smm h4{font-family: poppins;
    font-weight: 700;
    text-transform: uppercase;    color: #214477;
    font-size: 25px;
    margin: 0px;
   }
.ivv{height: 100px;}
.texttt_smm p{    font-family: opensans;
    font-size: 15px;
  margin-top: 15px;
 
    font-weight: 500;
    line-height: 25px;}

.demand_car_tab_outer {
    clear: both;
    background: url(../images/carHire_panel_bg.jpg) no-repeat center top;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.demand_golf_tab_outer {
    background: url(../images/golf-bakground.png) no-repeat center top;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sec_heading_white {
    font-size: 38px;
    color: #fff
}

.sec_heading_white .light {
    font-family: poppins; font-weight: 500
}

.sec_heading_white .bold {
    font-family: poppins; font-weight: 700;
}

.demand_car_tab_outer .align_left {
    width: 50%;
    float: left;
    background: rgba(0, 0, 0, .68)
}

.demand_car_tab_outer .align_right {
    width: 50%;
    float: left
}

.demand_car_tab_btn {
    max-width: 590px;
    float: right;
    padding: 40px 15px 45px
}

.carHire_demandTab_title {
    margin-bottom: 30px
}

.demand_car_tab_btn .nav-tabs {
    margin: 0 -7px;
    border: 0
}

.demand_car_tab_btn .nav-tabs li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding: 0 7px
}

.demand_car_tab_btn .nav-tabs li a {
    border: 1px solid #656567;
    height: 87px;
    font-family: poppins;
    font-size: 16px;
    color: #fff; font-weight: 600;
    text-transform: uppercase;
    padding: 27px 10px 20px 20px !important;
    border-radius: 0;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.demand_car_tab_btn .nav-tabs li a span {
    width: 46px;
    float: left;
    font-size: 28px;
    line-height: 10px
}

.demand_car_tab_btn .nav-tabs .nav-item a:hover,
.demand_car_tab_btn .nav-tabs .nav-item.show .nav-link,
.demand_car_tab_btn .nav-tabs .nav-link.active {
    background: url(../images/blue_pattern.jpg) repeat left top;
  
    color: #fff
}

.demand_car_tab_outer .tab-content {
    padding: 20px 15px 20px 55px;
    max-width: 610px
}

.demand_car_tab_outer .tab-pane {
    background: #fff;
    padding: 70px 40px 60px;
    text-align: center;
    min-height: 400px
}

.demand_car_tab_outer .tab-pane img {
    text-align: center;
    display: block;
    margin: 0 auto
}

.demand_car_tab_outer .panel_content {
    margin-top: 35px
}

.demand_car_tab_outer .panel_content h6 {
    font-size: 18px;
    color: #616161;
    font-family: poppins; font-weight: 600
}
.panel_content p{font-family: opensans; font-size: 15px;}
.seo_ban_text{margin-top: 50px;
    padding-bottom: 60px;
    display: inline-block;
    width: 100%;}
.seo_ban_text h4{font-size: 48px; text-transform: uppercase; font-family: poppins !important; font-weight: 700}
.seo_ban_text ul{padding: 0px; margin: 0px; padding-top: 20px;}
.seo_ban_text li{list-style: none;  font-family: raleway; font-size: 16px;    padding-bottom: 8px; font-weight: 500; width: 50%; float: left; }
.adwords_banner{background: url(../images/adwords_anner.png) no-repeat center; background-size: cover;}
.adwords_text{padding: 90px 0px; padding-top: 40px;}
.adwords_text h4{font-size: 82px;
    font-weight: 700;
    line-height: 1.1; font-family: raleway;
    margin-bottom: 30px;
    text-transform: capitalize;     color: #163a6b;
   }
.inner_hhhh {
   background: #0065a3 none repeat scroll 0 0;
    padding: 0px 0px 80px;;
    display: inline-block;
    width: 100%;
}
.inner_hhhh .col-sm-8 {
    padding: 0px; float: right;
}
.inner_hhhh .bg_riir {
       padding-left: 98px;
    padding-top: 40px; max-width: 430px;
}
.inner_hhhh h2 {
    color: #fff;
    font-family: raleway;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 25px;
    line-height: 36px;
    margin: 0px;
}

.inner_hhhh p{font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
    line-height: 23px; }
.text_color{background: #f9f9f9;}
.text_color img{width: 90%; float: right;}
.fill{background: #05598d none repeat scroll 0 0 !important;
    color: #fff !important;
    border: 1px solid #05598d !important;}
.text_color h2{ color: #0065a3;}
.text_color p{color: #474747}
.btn-individual {
    padding: 0 29px;
    height: 50px;
    line-height: 47px;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    font-family: roboto;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 60px; background: #fff;
    text-decoration: none;
   
    cursor: pointer;
}
.adwords_text a{font-family: opensans; font-weight: 700; font-size: 18px; color: #fff; text-transform: uppercase; background: #a1c628 ; border-radius: 60px; padding: 15px 30px; display: inline-block; margin-top: 15px;}
.adwords_text p{font-family: opensans; font-size: 19px;}
.tableee table{background: #fff;}
.tableee thead tr{text-align: center; text-transform: uppercase; font-size:20px;font-weight: 900; font-family: raleway; color: #fff;}
.tableee thead tr td{padding: 20px 15px;}
.tableee thead tr th{text-align: center; border: 0px !important;}
.tableee thead tr th:nth-child(odd) { background: #163a6b;}
.tableee thead tr th:nth-child(even) { background: #285ea7;}
.textt_head td{padding: 16px 15px !important; font-size:16px;font-weight: 600; font-family: poppins;  text-align: center; }
.textt_head2 td{padding: 10px 15px !important; font-size:18px;font-weight: 600; font-family: poppins;  text-align: center; color: #fff; background: #163a6b }
.textt_head3 td {font-family: poppins; text-align: center; padding: 13px !important;}
.textt_head3 td:first-child{border-left: 0px;
    font-weight: 500;
    float: left;
    font-size: 16px;
    border-right: 0px;
    text-align: left;
    border-bottom: 0px;
    width: 100%;}
.textt_head3 td i{font-size:18px; color: #23c323; }
.redd {color: red !important}
.oriented_box{padding: 60px 0px;}
.oriented_box h3{font-size: 18px; font-family: poppins;}
.oriented_img {height: 60px;}
.oriented_img img{width: 60px;}
.oriented_box ul{    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}
.oriented_box ul li {
    flex: 0 0 25%;
    list-style: none;
    text-align: center;
    margin-bottom: 30px;
   
    transition: all .5s ease 0s;
    padding: 30px 15px 24px;
}
.packes_keyword th:nth-child(odd) {
    background: #1e4d8c !important;
}
.packes_keyword th:nth-child(even) {
    background: #316cbb !important;
}
.pad_packk{margin-top: 36px;}
.packes_keyword th{font-family: poppins !important; font-weight: 500 !important; font-size: 17px; line-height: 23px !important; padding: 10px !important;}
.packes_keyword th span{font-family: poppins !important; font-weight: 600 !important; font-size: 25px;}
.packes_keyword th  a{display: block; color: #000; background: #fff; padding: 10px; width: 100%;  display:inline-block ; margin-top: 10px;}

.gogole_certificate{background: #f6f7f8;
    padding: 40px 0;
    position: relative;}
.gogole_certificate h4{font-size: 32px; font-family: poppins; font-weight: 600; padding-top: 10px;}
.gogole_certificate p{font-size: 17px; font-family: opensans; line-height: 26px;}
.portfolio_button {
    display: inline-block;
    padding: 10px 10px;width: 162px;
    background: #59c178; display: block; text-align: center;
    color: #fff; font-family: poppins;
    text-transform: uppercase;
    font-weight: 600;
}
.seo_ban_text h7{font-size: 28px; font-family: poppins; color: #a1c628; font-weight: 600; line-height: 28px; padding-bottom: 10px;}
.tableee{margin-bottom: 40px;}
.packegess{background: #a1c628; color: #fff; padding: 10px 20px; font-family: poppins; font-weight: 600; font-size: 16px; display: inline-block; margin-top: 20px;}
.tab_bot {font-family: opensans; font-size: 18px; line-height: 25px; font-weight: 500; padding-top: 20px;     }
.nav_packages {text-align: center; padding: 60px 0px 30px;}
.nav_packages ul{padding: 0px; margin: 0px; display: inline-block}
.nav_packages ul li{list-style: none; float: left; }
.nav_packages li a{background: #163a6b; margin-right: 4px; padding: 20px 40px; font-family: poppins; font-weight: 600; text-transform: uppercase; font-size: 17px; color: #fff; border-radius: 10px 10px 0px 0px;}
.nav_packages li.active a{background: #a1c628 ;}
.loca_paa .oriented_box ul li {  flex: 0 0 31%;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    background: #fdfdfd;}
.loca_paa .oriented_box ul li p{font-size: 15px; font-family: opensans; line-height: 26px}
.local_whyy{background: #f7f7f7; padding: 60px 0px;}

.wc_img {
    margin-right: 20px;
    width: 90px;
    height: 70px;
    text-align: center;
    border: 1px solid #ff0000;
    line-height: 65px; float: left;
    border-radius: 7px;
    display: block; background: #fff;
}



 .blog-item{margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 19px;}
 .blog-item .blog-img{position:relative}
 .blog-item .blog-img img{    max-width: 100%;
    width: 100%;
    height: 245px;
    object-fit: cover;}
 .blog-item .blog-img .blog-date{position:absolute;left:40px;top:0;background:#ff6c39;color:#fff;text-align:center;padding: 7px 17px 8px;}
 .blog-item .blog-img .blog-date .date{font-weight:600;font-size:15px; font-family:poppins;}
 .dateeee { font-size:15px; font-weight:500; font-family:poppins;}
 .blog-item .blog-img .blog-date .month{font-weight:400;font-size:10px}
 .blog-item .blog-title h3{   font-size: 17px;
    letter-spacing: 1px;
    margin-top: 14px;
    margin-bottom: 10px;
    font-family: 'Poppins';
    font-weight: 600;}
     .blog-item p{font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;}
 .blog-item .blog-button .readon{background: 0 0;
    border-radius: 0;
    color: #ff6c39;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins';}
 .blog-item .blog-button .readon:hover{color:#fff;background:#ff6c39;border:2px solid #ff6c39}
.log_rightt {margin-bottom:20px;}
.log_rightt { border: 1px solid #ccc; padding:14px;}
.log_rightt h4{ font-size: 17px; font-family:poppins; font-weight:600; width:100%; padding-bottom:13px; border-bottom:1px solid #ccc; }
.log_rightt ul li{list-style:none}
.log_rightt ul li a {    font-size: 16px;
    font-family: poppins;
    font-weight: 400;
    padding-bottom: 10px;
    color: #353535;
    display: block;}
    .blog_inner img{width:100%;}
    .blog_inner h4{ font-size: 24px; font-family:poppins; font-weight:600; padding:10px 0px; color:#000; padding-bottom:5px;}
    .blog_inner h5{ font-size: 16px; font-family:poppins;  padding:0px; color:#000; padding-bottom:5px; line-height: 25px; font-weight:500; text-align: justify;}
       .blog_inner  p{font-size: 14.9px; font-family:poppins; font-weight:400;     line-height: 23px; margin: 0px; margin-top:5px; text-align: justify;}
       
       .blog_inner ul{    padding-left: 22px;}
       .blog_inner ul li{ font-size: 14.9px; font-family:poppins; font-weight:400;     line-height: 25px;}
    .blog_inner {margin-bottom:30px;}
.log_rightt ul li a  i{font-size: 15px;}
.wcColor1 {
    border: 1px solid #39AED4;
}
.wcColor2 {
    border: 1px solid #72A50E;
}
.wcColor3 {
    border: 1px solid #A8CE63;
}
.wcColor4 {
    border: 1px solid #86AAE0;
}
.wcColor5 {
    border: 1px solid #546274;
}
.wcColor6 {
    border: 1px solid #ED5122;
}
.wc_List {    margin-top: 40px;
    display: inline-block;
    width: 100%;}
.wc_List p{ font-family: opensans; font-size: 15px;}
.ecomer_servvvv {padding: 60px 0px; background: #fbfbfb;}
.ecomer_servvvv ul{display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;}
.ecomer_servvvv ul li{flex: 0 0 30%;
    list-style: none; border: 2px solid #DEE0DE; 
  
    margin-bottom: 30px;
    background: #fff; border-radius: 15px;
    transition: all .5s ease 0s;
    padding: 30px 15px 24px;}
.ecomer_servvvv ul li img{float: left; padding-right: 15px;}
.ecomer_servvvv ul li  h4{ font-weight: 600; font-family: poppins;  font-size: 18px; line-height: 25px; text-transform: uppercase;}
.popular_secc{padding: 60px 0px; background: #fbfbfb; text-align: center}
.popular_secc ul{display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;}

.popular_secc ul li{flex: 0 0 22%;
    list-style: none; 
  text-align: center; 
    margin-bottom: 30px; font-weight: 600; font-size: 19px; font-family: op
    transition: all .5s ease 0s;
   }
.popular_secc ul li .img_seccc{width: 130px;
    height: 130px;  vertical-align: middle; justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eae8e8;
    text-align: center; margin: auto;
position: relative;}
.popular_secc ul li  h4{ font-weight: 600; font-family: poppins;  font-size: 18px; line-height: 25px; text-transform: uppercase;}
.bg_soc {background: url(../images/bg_so.jpg) no-repeat center; background-size: cover;}
.industryy .serv_box{
    height: 400px;  
    padding: 35px 15px 70px 15px;
}
.industryy .serv_box h4{font-family: poppins; font-size: 20px;}
.industryy  .serv_box p{font-family: poppins; font-size: 15px;      }
.industryy  .serv_box  .imgg{height: 68px;}
.industryy  .serv_box a{border-radius: 50px; padding: 12px; font-family: poppins; font-size: 16px;}
.listttt {padding: 0px;}
.listttt li{font-family: opensans; font-size: 16px; padding-bottom: 8px; list-style: none; color: #5d5d5d;}
.listttt li i{color: #a1c628 }
.developp .serv_box {
   
    height: 360px;
}
.listttt{padding:0px;}
.listttt li i {
    color: #a1c628; padding-right:10px;
}
.listttt li {
    list-style: none;
    font-size: 15px;
    line-height: 20px;
    font-family: opensans;
}
.woredr{padding:40px 0px; background:#f9f9f9;}
.cf-features{text-align:center; padding:60px 0px 30px ;}
.cf-features .fsas-col{margin-bottom:50px;}
.cf-features h2{margin:15px 0 50px 0;}
.cf-features h4{margin-bottom:15px;font-size:20px; font-family:raleway; font-weight:800;}
.cf-features h3{margin-bottom:15px;font-size:18px;}
.wht-bx{font-family:raleway; font-weight:500; font-size:16px;}
.cf-features .gf-icon{display:inline-block;width:80px;height:80px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border:1px dashed rgba(79, 33, 185, 0.4);text-align:center;margin-bottom:20px;-webkit-box-shadow:0px 0px 40px 0px rgba(79,33,185,0.3);-moz-box-shadow:0px 0px 40px 0px rgba(79,33,185,0.3);box-shadow:0px 0px 40px 0px rgba(79,33,185,0.3);}
.cf-features .gf-icon img{margin-top:14px;}
.content_yy h4{font-size:25px; color:#fff; text-transform:uppercase; font-weight:700; font-family:poppins;}
.content_yy p{    color: #fff;
    font-family: opensans;
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 8px;}
    .tete{text-align:left !important;}
    .tete ul li{list-style:none; padding-bottom:10px; font-family:opensans; font-size:15.5px;}
     .tete ul li i{padding-right:5px;}
     .topsocial {
margin: 0;
    list-style: none;
    float: right; margin-left: 30px; margin-top:10px; 
}
.topsocial{ float:left; margin:0px; padding:0px; padding-top:3px; margin-right:15px;}
.topsocial li {
	display: inline-block;
}

.topsocial a {
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255);
    display: block;
    color: #2980b9; 	background: #fff;
    text-align: center; font-size: 13px;
    line-height: 24px;
    border-radius: 100%;
    margin: 0 2px;
}

.app .inner_posrtfolio img{background:none}
.app .inner_posrtfolio {text-align:center;}
.portfolio-box {
    padding-bottom: 7rem;
    position: relative;
    -webkit-box-shadow: -11.89px 10.706px 69px 0 rgba(155,160,176,.12);
    box-shadow: -11.89px 10.706px 69px 0 rgba(155,160,176,.12);
    height: 340px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: block;
}
.portfolio-box .portfolio-image-wrapper {
    height: 100%;
    max-height: 30rem;
    overflow: hidden;
}
.portfolio-box .portfolio-image-wrapper img {
    width: 100%;
}
.portfolio-box-outer{margin-top:50px;}
.portfolio-box .portfolio-content {
    position: absolute;
    bottom: 0; text-align:center;
    left: 0;
    width: 100%;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 3rem;
    padding-right: 3rem;
}

    /* portfolio New css */
    .list-point{position: relative;    margin-bottom: 25px;}
.list-point ul{}
.list-point ul li:before{content: "\f00c";
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    left: 2px;
    top: 4px;
    color:#A1C33A;}
.list-point ul li{line-height: 22px;
    font-family: open sans, sans-serif;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    font-weight: 400;
    margin-bottom: 15px;
    color:#383838;}
    .text-primary{color: #163a6b !important;}
    .portfolio-nav-tab{width: 75%;
    margin: 15px auto 25px;
    border: 1px solid #c1bdbd;
    padding: 5px;
    border-radius: 30px;}
.portfolio-nav-tab .nav>li>a {
    padding: 10px 15px 10px 15px !important;
    font-family: "Poppins", serif;
    font-size: 16px;
    font-weight: 500;
    color: #999;
     border-radius: 30px;
     margin-bottom: 0px;
}
.portfolio-nav-tab .nav>li>a:before{display: none;}
.portfolio-nav-tab .nav-pills>li.active>a, .portfolio-nav-tab .nav-pills>li.active>a:focus, .portfolio-nav-tab .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #163a6b;
}
.portfolio-row{    border-radius: 20px;
    background-color: #ffffff;
    position: relative;margin-bottom: 40px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 12%);}
    .portfolio-row .portfolio-item:last-child{margin-bottom: 0px;border-bottom: none;}
.portfolio-item{position: relative;
    border-bottom: 1px solid #c1bdbd;
    padding: 45px;
    margin-bottom: 35px;}
    .web-logo{left: 0px;
    top: 0px;margin-bottom: 10px;
    height: 70px;width: 250px;}
    .web-logo img{width: 100%;height: 100%;object-fit: contain;}
    .short-item {
    padding: 10px;}
    .short-dec{position: relative;
    padding-left: 0px;display: flex;
    align-items: center;    margin-bottom: 20px;}
    .short-box{ }
    .short-box>img{width: 40px;
    height:40px;margin-right: 15px;
    object-fit: contain;
    margin-bottom: 8px;}
   .short-dec h5{font-family: "Poppins", serif;font-size: 20px;}
     .short-item .list-point ul li:before {
    color: #163a6b;
}
.portfolio-dec{position: relative;margin-bottom: 25px;}
.portfolio-dec h3{color: #133286;font-size: 34px;font-family:"raleway", serif;    font-weight: 700;
}
.portfolio-dec p{font-family:"Poppins", serif; text-align: left;}
.laptop-frame{position: relative;overflow: hidden;}
.laptop-frame>img{width: 100%;}
.portfolio-img{    position: relative;
    margin-top: 20px;margin-bottom: 25px;
}
.portfolio-img>img{border-radius: 2px; border-bottom: 2px solid #e7e6e6;   margin: auto;}
.challenges-tabs{margin-bottom: 10px;}
.challenges-tabs li a {    font-size: 18px;    color: #999;
    margin-bottom: 0px;    padding: 10px 20px 10px 5px !important;}
    .challenges-tabs li a>img{width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 6px;}
   .challenges-tabs li a:before {
    top: 14px;
}
    .challenges-tabs>li.active>a, .challenges-tabs>li.active>a:focus, .challenges-tabs>li.active>a:hover {
    color: #163a6b;
    border: none;
}
    /* portfolio New css end*/ 



.sidenav {
  height: 100%;
  width: 0;
  position: fixed; box-shadow: 0px 0px 17px #000;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px; z-index: 9999999;    
}
.sidenav:before{background: #000; z-index: 9999; content: ""}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
 position: absolute;
    top: 10px;
    right: 10px;
    font-size: 36px;
   line-height: 24px;
    margin-left: 50px;
    COLOR: #000;     border: 1px solid #000;
    padding: 4px 7px;
}
#mySidenav{display:none;}
 .sidebar-menu ul{list-style:none;}
 .sidebar-menu ul li i{padding-right:5px;}
.sidebar-menu  .main{font-size: 17px;
    font-family: raleway;
    text-transform: uppercase;
    color: #000;
    padding-top: 10px;
    font-weight: 500;
    padding-left: 16px;}
.sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;     padding: 6px 0px;
}


.burt_home{-webkit-transition: .5s;
    background: #d12828;
    color: #fff;
    font-family: raleway;
    font-weight: 700;
    font-size: 17px;
    padding: 8px 50px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 20px;}
.counselling-pop .modal-content{padding: 20px; display: inline-block}
.counselling-pop h4{     text-align: center;
    font-weight: 700;
    font-family: 'Poppins';
    font-size: 26px;

}
.counselling-pop p{text-align: center;
    font-family: 'Poppins';
    line-height: 23px;
    font-size: 15px;
}
.counselling-pop .modal-header{padding: 0px; border:0px;}
.counselling-pop .form-group label{font-family: 'Quicksand', sans-serif; }
.counselling-pop .modal-dialog{  width: 490px;
    top: 5%;}
.counselling-pop .form-group{margin-bottom: 15px;}
.modal-header .close {
    margin-top: -2px;
    opacity: inherit;
    border: 1px solid #131111;
    padding: 3px 8px;
    position: absolute;
    right: 20px;
}
.counselling-pop button.close {
    position: absolute;
    top: 0;
    right: 0px;
    background: #a1c628;
    opacity: inherit;
    text-shadow: inherit;
    color: #fff;
    padding: 2px 12px;
    font-size: 30px;
}
.counselling-pop .form-control {
    border: 1px solid #ccc;
    padding: 19px;
    color: #000;
    font-family: roboto;
    height: 48px;
    font-size: 16px;
    background: #f5f5f5;
}
.demosubmit{display: block;
    background: #a1c628;
    width: 100%;
    border: 0px;
    padding: 15px 21px;
    color: #fff;
    margin-top: 8px;
    font-size: 15px; text-transform: uppercase;
    font-weight: 600;
  
    border-radius: 50px;}
.demosubmit:hover{background: #000; color: #fff;}


.counselling-pop .form-control {
    border: 1px solid #ccc;
    padding: 19px;
    color: #000;
    font-family: roboto;
    height: 48px;
    font-size: 16px;
    background: #f5f5f5;
}
.demosubmit{display: block;
    background: #a1c628;
    width: 100%;
    border: 0px;
    padding: 15px 21px;
    color: #fff;
    margin-top: 8px;
    font-size: 15px; text-transform: uppercase;
    font-weight: 600;
  
    border-radius: 50px;}
.demosubmit:hover{background: #000; color: #fff;}

/* 
Blog Section Styling */
.blog{
     background :#f3faff;
     font-family: 'Roboto', sans-serif;
     padding:50px 0;
}

   .blog h1{
    font-weight: bold;
    color:#000;
    text-align: center;
   }
  


.date span{
font-weight: 600;
font-style: italic;
}
.date{
color:#6b040b;
font-size: 14pt;
}
#blog_para{
color:#aba4a4;
}

.more a{
    text-decoration:none;
    color:black;
}

.blog_flashes  {
height: 400px;
overflow: auto !important;
overflow-x: hidden !important;
z-index: 1;
}

#viewBtn{
margin:  10px 45%;
color: white;
background-color:#6b040b ;
font-size:14pt ;
border-radius:0;
border: none;
}

.about_noida ::before{  position: absolute;
    content: "";
    top: 0;
    right: 0;
    background-size: cover;
    height: 100%;
    width: 37%;
    opacity: 0.6;} 

    .about_noida a{ border-radius:50px; padding: 16px 40px; font-size: 15px; letter-spacing:1px; text-transform: uppercase; background:#055EAA; color: #fff; font-weight: 600; display: inline-block; margin-top: 20px;}
    .about_noida h5{ font-family: open sans, sans-serif;  font-weight: 700;  font-size: 30px; color: #696969; margin: 0px;}
.about_noida p{  font-family: 'open sans', sans-serif;
font-size: 16px;
line-height: 27px;
font-weight: 500;}
.about_noida h2 {color: #163a6b;
font-family: poppins; 
font-size: 32px;  text-transform: uppercase;
font-weight: 700; padding-top: 10px;
margin-bottom: 15px; line-height: 36px; margin: 0px;}
.about_noida h1{ font-family: open sans, sans-serif; text-transform: uppercase; font-weight: 500; font-size: 30px;     color: #99bc27;margin: 0px;
padding-top: 10px; padding-bottom: 20px;}
.about_noida{padding:90px 0px; position: relative;}
.about_noida a:hover{color:white;

    
}
    
}
.main-section{
    margin: 30px 0;
    background-color:#fff;
}

.main-section h1{
    font-weight: 600;
    font-size: 35px;
    width: 100%;
    margin: auto;
    color: #163a6b;
    font-family: poppins;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.main-section h5{
    font-family: 'Poppins',sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0;
}
.main-section p, .needSeo-section p,.deliver-text p,.work-box p {
text-align: left !important;
}

.deliver-section h2,.cmnService-section h2,.needSeo-section h2 ,.partner-section h2, .service-section h2 , .work-section h2,.topcompany-section h2{
    color: #163a6b;
    font-weight: bold;
    font-family:"Raleway";
    font-size: 35px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: capitalize;
    
    
}
.partner-section h2, .content-area h2,.work-section h2,.topcompany-section h2{
    text-align: center !important;
}
.deliver-section h2{
    text-align: left;
}
.deliver-section{
    box-shadow:2px 0px 2px; 
}
.map-area iframe{
    /* box-shadow:2px 3px 5px; */
    padding:10px 10px 10px 0px; 
    /* padding-right:50px */
}

  .main-section p,.deliver-section  p,.cmnService-section p, .needSeo-section p, .partner-section p,.service-section p,.work-section p,.topcompany-section p{
    font-family: open sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: 100%;
    margin: auto;
    line-height: 25px;
    margin-bottom: 15px;
}
.deliver-section,.needSeo-section{
    background-color: #f9f9f9;
    margin: 30px 0;
    padding: 20px 0;
}

.cmnService-section{
background-color: #fff;
margin: 30px 0;
}
.cmnService-section img{
    margin:10px 
}

.need-text ul li{
    list-style: none;
    font-family: open sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: 100%;
    margin: auto;
    line-height: 25px;
    margin-bottom: 15px;
}
.need-text ul li .fa{
    margin-right:10px !important;
    color: #163a6b;
    font-size: 20px;
}

.partner-section .col-sm-12{
    margin: 40px;   
}
.partner-section img{

border:1px solid  #163a6b;
border-radius: 20px;
}

.service-section{
    margin: 30px 0;
    padding: 20px 0;
}
.service-section h2{
    font-weight: bold;
    font-size: 30px;
    width: 70%;
    margin: auto;
    font-family: raleway !important;
    text-transform: capitalize;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.service-section  p,.partner-section p,.work-section ,.topcompany-section p{
/* margin:20px 0; */
text-align: center !important;
}
.deliver-section span,.cmnService-section span,.needSeo-section span ,.partner-section span, .service-section span , .work-section span,.topcompany-section span
{
    color:#99bc27;
}
/* span{
    color:#99bc27;;
} */
.service-box {
    margin: 20px 0;
    width:100%;
    border:2px solid lightgray;
    border-top:none;
    box-shadow:2px 0px 2px lightgray; 
    padding:15px;
}
.service-box  img{
    width: 100px;
height:100px;
    margin:10px 45%;
}
.service-box h4,.content-area h4{
    text-align: center;
    font-family: 'Poppins',sans-serif;
    color: #393939;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0;
}
.service-box p{
    font-family: open sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin: auto;
    line-height: 25px;
    margin-bottom: 15px;
}
.work-section{
    background-color: #f5fbff;
}
.work-box{
    background-color: white;
    height:200px;
    margin: 20px 0px;
    padding-bottom:20px;
}
.work-box .icon{
    padding: 50px 10px 40px 10px;
    padding-top:50px !impoortant;
}
.work-box p{
    text-align: left !Important;
    padding-bottom: 10px !Important;
}
.work-box h4{
    text-align: left !Important;
    padding-top: 20px;
    margin-bottom: 0px;
}
.topcompany-section{
    background-color:#f5fbff;
}
.counts img{
    vertical-align: middle;
    height: 120px;
   
}
.counts h1{
    font-family: poppins;
    font-weight: 600;
    font-size: 45px;
    color: #000;
}
.counts p{
padding-right:100px}
.counts p{
color:black !important;
font-family: poppins;
    color: #0000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.counts h1 span{
    color:#000
}
#priceId{
    background-color:#163a6b; 
    color:#fff;
}
#auditId{
    background-color:#fff; 
    color:#163a6b;
    border:1px solid #163a6b; 
    margin-left:50px
}
#auditId:hover{
background-color: #163a6b;
color:#fff;}









/****** Start Add Css********/
.topper-h2{
    font-size: 35px !important;
    font-weight: 600 !important;
    font-family: 'Poppins',sans-serif;
    color: #000 !important;
}
.topper-h2 span{
    color: #99bc27 !important;
}
.topper-h3{
    font-size: 30px !important;
    font-weight: 600 !important;
    font-family: 'Poppins',sans-serif;
    color: #000 !important;
}
.topper-h3 span{
    color: #99bc27 !important;
}
.counting-list h2{
    font-weight: bold;
    font-size: 35px;
    margin:0px auto 12px;
    font-family: raleway;
    text-transform: capitalize;
}

.counting-list h2 span{
color: #99bc27;
}

.counting-list .top {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #9D9B9B;
}

.counting-list .top small{
    font-size: 10px;
    color: #9D9B9B;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.495px;
    display: inline-block;
    margin-bottom: 0.56rem;
}

.counting-list .top h3{
    color: #000;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative;
}

.counting-list .top h3 span{
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.counting-list .bottom h4{
   color: #163a6b;
    margin-bottom: 1rem;
    font-family: poppins;
    font-size: 28px;
    font-weight: 600;
}
.counting-list .bottom p {
    color: #111;
    font-family: poppins;
    font-size: 15px;
    line-height: 22px;
}

.counting-list .bottom .link{
    color: #fff;
    font-size:16px;
    font-family: poppins;
    border-radius: 50px;
    width: 60%;
    text-decoration:none;
    background-color:#163a6b;
    padding:12px 30px;
transition:.7s !important;
}
.counting-list .bottom .link:hover{
    background-color:#a1c628;
}
.counting-list .bottom-box{position: relative;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 12%);}
.counting-list .bottom-box figure{width: 100%;
    height: 235px;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid #333;
    margin-bottom: 15px;}
.counting-list .bottom-box figure>img{    width: 100%;
    height: 100%;
    object-fit: cover;}
    .counting-list .bottom-box .btn-primary {
    background-color: #193B6B;
    border-color: #193B6B;
    border-radius: 30px;
}
.bg_clinett{text-align: center;padding: 60px 0px 90px;; background: #f6fbff;}
.bg_clinett h3{font-family: 'Raleway'; font-size:32px;color: #204f85; font-weight: 700; text-transform: uppercase;}
.bg_clinett h3 span{color: #b8e623;}
.bg_clinett ul{padding: 0px; display: inline-block;}
.bg_clinett li{display: inline-block;
    list-style: none;
    width: 201px;}
.bg_clinett li img{width:160px;}
.bg_clinett p {
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.tools-img {
    text-align: center;
    border: 1px dotted #ccc;
}
.logo_clinn {    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 12%);
    margin-bottom: 25px;    border-radius: 16px;
    padding: 15px 24px;
    text-align: center;
}
.logo_clinn img{
height:76px;object-fit: contain;
} 

/******* School Marketing Css**********/

.text-primary {
    color: #193B6B !important;
}
.text-warning {
    color: #fda31b !important;
}
.text-white{color: #fff !important;}
.bg-white{background-color: #fff !important;}
.text-left{text-align: left !important;}
.mt-0{margin-top: 0px !important;}
.mb-0{margin-bottom: 0px !important;}
.ml-3{margin-left: 30px !important;}
.p{padding: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pe-0{padding-right: 0px !important;}
.ps-0{padding-left: 0px !important;}
.pl-1{padding-left: 10px !important;}
.pl-2{padding-left: 20px !important;}
.pl-3{padding-left: 30px !important;}
.pl-4{padding-left: 40px !important;}
.pr-1{padding-right: 10px !important;}
.pr-2{padding-right: 20px !important;}
.pr-3{padding-right: 30px !important;}
.pr-4{padding-right: 40px !important;}
.school-banner{position: relative;
    padding-top: 50px;
    padding-bottom: 70px;}
.bs-slider-overlay{background: linear-gradient(90deg, #000000 -14.3%, rgba(0, 0, 0, 0.74) 41.8%, rgba(0, 0, 0, 0.21) 100.18%);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;}
   .school-banner .banner-text h1 {
    margin-bottom: 20px;
    }
   .school-banner .list-point ul li {
    line-height: 26px;
    font-size: 18px;
    padding-left: 25px;
    color: #fff;
}
.school-banner .list-point ul li:before{display: none;}
.school-banner .list-point ul li>i {
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 17px;
    color: #A1C33A;
}
.school-banner .typing-container a {
    border-radius: 10px;box-shadow: none;}
    .school-banner .typing-container a.btn-primary{    background-color: #193B6B;
    border-color: #193B6B;}
    .abt-img{position: relative;
    width: 100%;
   background: #fff;
    border: 10px solid #193B6B;
    border-radius: 90px 0px 90px 0px;
height: 600px;
overflow: hidden;}
.abt-img>img{width: 100%;height: 100%;object-fit:contain;}
.abt-img2{margin-top: 30px;height: 240px;    border-radius: 60px 0px 60px 0px;}
.abt-img2>img{object-fit: cover;}

.services-wrap{position: relative;}
.shape{position: absolute;left: 0px;top: 0px;}
.shape-1{position: absolute;right: 0px;bottom: 0px;}
.srvs-include{}
.srvs-include h2{background: #193B6B;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 38px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;}
.why-choose{position: relative;
    margin-bottom: 25px;}

.why-choose-icon{width: 55px;
    height: 55px;
    background: #A1C33A;
    border-radius: 50%;
    padding: 10px;
    margin-right: 15px;}
.why-choose-icon>img{width: 100%;height: 100%;object-fit: contain;}
.why-choose h4{font-weight: 700;
    font-size: 20px;
    font-family: raleway;
    margin-top: 0px;}
.why-choose p{font-size: 15px;
    font-family: 'open sans', sans-serif;
    line-height: 22px;
    text-align: justify;}

    .testimonial_block {width: 100%;
    position: relative;

}
.client_message:before{   content: "\f10e";
    position: absolute;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #88b0e9;
    font-size: 26px;
    right: 20px;
    top: 30px;
}
.testimonial_icon {width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}
.testimonial_icon i {
  width: 100%;height: 100%;object-fit: cover;
}
.client_message {position: relative;
    width: 100%;
    background-color: #ebf3ff;
    padding: 25px 30px;
    border-radius: 10px;
}
.client_message p {font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    max-height: 155px;
    overflow: auto;
    font-family: 'open sans', sans-serif;
}
.client_info{}
.client_info .media-left, .client_info .media-body{vertical-align: middle;}
.client_info .name h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: 'open sans', sans-serif;
}
.client_info .name h6{}
.client_info .name span {
   font-size: 12px;
    line-height: 18px;
    font-family: raleway;
    color: #787676;
    font-weight: 500;
}
.services-package-dubai .counting-list .bottom h4{font-size: 22px;}
.services-package-dubai .counting-list .bottom .btn{    border-radius: 30px;
    font-family: 'open sans', sans-serif;
    font-size: 14px;
    padding: 10px 20px;}
/******* Seo dubai**********/   
.abt-img-rounded{width: 100%;
    height: 540px;
    overflow: hidden;
    border-radius: 0px 0px 200px 200px;}
            .abt-img-rounded>img{    width: 100%;
    height: 100%;
    object-fit: cover;
}
.whychoose-seo-dubai .top-main p{text-align: center;}
.whychoose-seo-dubai .why-choose {padding: 25px;
    border-radius: 20px;
    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 12%);
    min-height: 225px;
}
.whychoose-seo-dubai .why-choose-icon {
    margin-bottom: 10px;
}
.whychoose-seo-dubai .counting-list h2 {
    margin: 0px auto 12px;
}
/* Laravel css */
.shadow-none{box-shadow: none !important;}
  .laravel-web-banner{position: relative;padding: 30px 0px;}
  .laravel-web-banner .container{position: relative;z-index: 1;}
  .laravel-web-banner:after{content: "";
    background: url(../images/banner-overlap.png);
    height: 304px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-size: cover;}
    .laravel-web-banner .banner-text h1 {
    font-size: 45px;}
   .laravel-web-banner  .typing-container a {
    border-radius: 30px;}
    .laravel-web-banner .ser_forn {
    border-radius: 10px;}
    .laravel-why-choose .why-choose {
    min-height: 300px;transition: 0.5s;
    border: 1px solid #e5e5e5;
}
.laravel-why-choose .why-choose-icon {
    background: #193B6B;
    border-radius: 12px;
}
.laravel-why-choose .why-choose:hover{background-color: #193B6B !important;}
.laravel-why-choose .why-choose:hover .why-choose-icon{background: #A1C33A;}
.laravel-why-choose .why-choose:hover h4, .laravel-why-choose .why-choose:hover p{color: #fff !important;}
.laravel-why-choose2 .why-choose{border-radius: 40px 4px;}
.laravel-why-choose2 .why-choose:hover{border-radius: 4px 40px;}
.lg-img-rounded{width: 100%;height:550px;overflow: hidden;border-radius: 10px;}
.lg-img-rounded>img{width: 100%;height:100%;object-fit: cover;}
.md-img-rounded{height: 430px;}
/* WordPress Dev Css */
.worser-border{}
.worser-border .worser{padding: 25px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    min-height: 180px;
    border-left: 1px solid #ddd;}
    .worser-border>div:first-child{border-left: none;}
        .worser-border>div:nth-of-type(5){border-left: none;}
    .worser-border>div:nth-of-type(5), .worser-border>div:nth-of-type(6), .worser-border>div:nth-of-type(7), .worser-border>div:nth-of-type(8){
        border-bottom: none;}
        .overflow-div{overflow: auto;
    max-height: 375px;
    padding: 20px;}
    .heading33-left h3{width: 100%;}
    .headddd-left .headddd:before{margin: 0px !important;}
    .V_media-overflow{overflow: auto;
    max-height: 280px;position: relative;
    padding: 20px;}
    .V_media-overflow  .why-choose-icon {
    background: #193B6B;
    border-radius: 12px;
}
     .V_media-overflow .why-choose::after {border: 1px dashed #000;
    content: "";
    position: absolute;
    top: 58px;
    width: 1px;
    left: 27px;
    z-index: 0;
    height: 82%;
}
.V_media-overflow .why-choose:last-child::after{display: none;}
 /* Seo Gr Noida page */
.grnoida-srvs .counting-list .bottom-box {
    border-radius: 30px;
    margin-bottom: 25px;
        min-height: 340px;
        padding: 30px 20px;
}
.grnoida-srvs .counting-list .bottom h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.grnoida-srvs .counting-list .bottom p {
    font-size: 14px;
    line-height: 20px;
}
.grnoida-srvs .counting-list .bottom-box .btn-primary {
    font-weight: 500;
    padding: 9px 22px;
    font-family: 'Poppins';
}
/* gradient bg */
.boxInmarketingServiceForGradient {
    position: relative;
}
.marketing-service-hero-bg-wrap {
    position: absolute;
    width: 100%;
}
.marketing-service-hero__bg {
    height: 40vw;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.marketing-service-hero__bg .marketing-service-gradient {
    border-radius: 14vw;
    filter: blur(9vw);
    position: absolute;
    transform: translateZ(0);
}
.marketing-service-hero__bg.marketing-service-style-1 .marketing-service-gradient-1 {
    background: radial-gradient(at 49% 313%, #98a3f6, #9ba5f8);
    height: 12vw;
    left: 8vw;
    opacity: 1.8;
    top: 20vw;
    width: 39vw;
}
.marketing-service-hero__bg.marketing-service-style-1 .marketing-service-gradient-2 {
    background: radial-gradient(at 49% 313%, #a2edfd, #00faff);
    border-radius: 2vw;
    height: 5vw;
    left: 49vw;
    opacity: 1;
    top: 25vw;
    width: 25vw;
}
.marketing-service-hero__bg.marketing-service-style-1 .marketing-service-gradient-3 {
    background: radial-gradient(at 49% 313%, #0094ff, #0094ff);
    height: 13vw;
    left: 22vw;
    opacity: .3;
    top: 30vw;
    width: 46vw;
}
/******* End Add Css**********/