@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{font-family: 'Montserrat', sans-serif; color:#7f7f7f; font-size:16px; background-color: #ffffff; padding:0 !important;}

@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Regular.ttf);}
@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Black.ttf);}
@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Light.ttf);}

element.style {
    margin: 10px 0px;
    color: #0457a3;
}

.portfolio-wrap {
    width: 100%;
    height: auto;
    background: #ffffff;
    float: left;
    text-align: center; transition:.5s all ease-in;
    padding: 60px 0;
    min-height: 50px;
}

.categories-inner {
    width: 25%;
    height: auto; transition:.5s all ease-in;
    overflow: hidden; position:relative;
    float: left;
    margin: 0px;
    padding: 0px;
    padding: 0 1px;
}
.categories-inner:hover .port-text{bottom:0px; transition:.5s all ease-in;}
.categories-inner:hover .port-icn{opacity:1; transition:.5s all ease-in;}
.port-icn{position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; transition:.5s all ease-in;}
.port-icn ul {margin: 0px; padding: 0px; text-align: center; list-style: none; position: relative; top: 30%; transition:.5s all ease-in;}
.port-icn ul li{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; transition:.5s all ease-in;}
.port-icn ul li a{display:block; background-color:#fff; color:#f68220; width:100%; height:100%; line-height:50px; font-size:26px; transition:.5s all ease-in;}
.port-text{width:100%; min-height:40px;  color:#fff;  padding:10px 5px; background-color:#f68220; position:absolute; bottom:-40px; transition:.5s all ease-in;}
.port-text p{margin:0px;}
.categories-inner img{width:100%; height:auto;}
.portfolio-wrap .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative;
    outline: none !important;
    border: 1px solid #efefef;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.portfolio-wrap .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin: 0 0 50px;
}
.tranning-subhead{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    margin: 0 0 25px;

}
.portfolio-wrap .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.portfolio-wrap .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative;
    outline: none !important;
    border: 1px solid #efefef;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #27136d !important;
    border: solid 1px #27136d!important;
    color: #ffffff !important;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus::after, .nav-tabs>li.active>a:hover::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #27136d;
    border-width: 10px;
    margin-left: -10px;
}




.search-bx {
    background-color: #fff;
    box-shadow: 0 2px 3px #333;
    height: auto;
    padding: 10px;
    position: fixed; display:none;
    right: 173px;
    top: 0;
    width: 255px;
    z-index: 9999999;
}
.contact-form {
    width: 100%;
    height: auto;
    padding: 40px 0px;
    float: left;
    background-color: #f7f7f7;
}
.form-wrap {
    width: 50%;     background-color: #fff;
    height: auto;
    padding: 30px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0px 7px #333;
}
.enq {
    width: 60px;
    height: 60px; display:none;
    background-color: #f68220;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    position: fixed;
    right: 0px;
    top: 40%;
    z-index: 9999;
}
.enq a {
    width: 100%;
    line-height: 60px;
    display: block;
    color: #fff;
    position: relative;
    z-index: 9999;
}
.enq-nav {
    display: none !important;
  position: fixed;
  bottom: 0;
  width: auto;
  height: 630px;
  border-top: 1px solid #000;
  background: red;
  z-index: 9999999;
}

.white-name-left, .white-name{
	margin-top: 25px !important; display: block;
}

#mySidenav a { position: absolute; left: -180px; transition: 0.3s; padding: 10px 40px 10px 10px; width: 220px; text-decoration: none; font-size: 16px; color: white; border-radius: 0 5px 5px 0;}
#mySidenav a:hover { left: 0;}

#nav-btn-1 {top: 0; background-color: #197d62;}
#nav-btn-2 {top: 70px; background-color: #cb7272;}
#nav-btn-3 {top: 120px; background-color: #5b3e7f;}
/* #nav-btn-4 {top: 220px; background-color: #3c698f;}
#nav-btn-5 {top: 170px; background-color: #106e65;} */
#nav-btn-6 {top: 170px; background-color: #8a388f;}
#nav-btn-7 {top: 220px;  background-color: #ac841b;}
#nav-btn-8 {top: 290px; background-color: #c75e17;}
#nav-btn-9 {top: 360px;  background-color: #66032c;}
#nav-btn-10 {top: 410px; background-color: #286a81;}
#nav-btn-11 {top: 460px; background-color: #811c67;}

#nav-btn-1::after { width: 20%; height: 40px; content: ""; background: url(images/icon/web-design.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-2::after { width: 20%; height: 40px; content: ""; background: url(images/icon/hosting.png) no-repeat center center; display: block; position: absolute; right: 0; top: 2px;}
#nav-btn-3::after { width: 20%; height: 35px; content: ""; background: url(images/icon/mobile-application.png) no-repeat center center; display: block; position: absolute; right: 0; top: 3px;}
#nav-btn-4::after { width: 20%; height: 40px; content: ""; background: url(images/icon/youtube.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-5::after { width: 20%; height: 40px; content: ""; background: url(images/icon/movie-clapper-open.png) no-repeat center center; display: block; position: absolute; right: 0; top: 0px;}
#nav-btn-6::after { width: 20%; height: 40px; content: ""; background: url(images/icon/full-shoping-cart.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-7::after { width: 20%; height: 40px; content: ""; background: url(images/icon/product.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-8::after { width: 20%; height: 40px; content: ""; background: url(images/icon/www.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-9::after { width: 20%; height: 40px; content: ""; background: url(images/icon/blogging.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-10::after { width: 20%; height: 40px; content: ""; background: url(images/icon/digital-marketing.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-11::after { width: 20%; height: 40px; content: ""; background: url(images/icon/app.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}

#Home {
    float: left;
    width: 100%;
    position: relative;
}
.enq a{width:100%; line-height:60px; display:bolock; color:#fff;}
.topper{width:40px; height:40px; position:fixed; right:15px; bottom:20px; background-color:#0457a3; display:none;}
.topper > a{width:100%; height:100%; line-height:40px; color:#fff; display:block; text-align:center; font-size:20px;}
.search-bx input{border-radius:0px;}
.search-bx .btn{border-radius:0px; background-color: #0457a3; border-color: #0457a3; color:#fff;}
.search-bx .btn:hover{background-color: #fff; border-color:#0457a3; color:#0457a3;}
a, a:hover {text-decoration:none; outline:none !important;}
a:active, a:focus {outline:0; text-decoration: none;} 

.fl{ float:left}
.fr{ float: right}
.clear{ clear:both;}
.header-bg {
    background-color: #fff;
    box-shadow: 0 2px 3px #555;
    position: relative;
    transition: .5s all ease-in;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.logo {
    width: 250px;
    height: auto;
    float: left;
    padding: 0;
    background-color: transparent;
    transition: .5s all ease-in;
    margin: 5px 0;
}
.logo img{width:100%; height:auto; overflow:hidden; transition:.5s all ease-in;}
.nav-bar-wrap {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    transition: .5s all ease-in;
    background-color: #0457a3;
    z-index: 999;
    text-align: center;
}
.nav-bar {
    height: auto;
    margin: 0;
    width: auto;
    transition: .5s all ease-in;
}
.phone{color:#ce4532; text-align:right; margin: 9px 0;}
.phone a{color:#333333;}

.search-btn {background-color: #f68220; height: 40px; position: fixed; right: 0; text-align: center; top: 28px; width: 40px; cursor:pointer;}
.search-btn .fa{display:block; text-align:center; line-height:40px; color:#fff;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
#nav_wrapper{display: block; }

#nav_wrapper ul.menu li a {
    border-right: 1px solid #2a3e3f;
    color: #ffffff !important;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
    font-weight: 500;
}

#nav_wrapper ul.menu{margin:0; padding:0; width:100%; float:right ; }
#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block;  float:left; margin:0;}

    
#nav_wrapper ul.menu li a > span {
    margin: 0 0px 0 7px;
    position: static;
    display: inline;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a {
    color: #ffffff !important;
    background: #;
}

/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:225px; padding:0; margin:0; position:absolute; top:100%; left:0px; z-index:999999; background-color: #0457a3;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    text-transform: none !important;
    display: block;
    padding: 3px 2px 3px 8px;
    margin: 0;
    color: #fff !important;
    border: none;
    height: auto;
    text-align: left;
    background: #0457a3;
}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}
#nav_wrapper ul.menu li ul.sub-menu li a > .sub-caret {
    position: absolute;
    right: 10px;
    top: 31%;
    width: 10px;
}
 
/*---sub-menu------*/



#nav_wrapper ul.menu li ul.sub-menu li:hover ul.sub-menu-1{display:block; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu li{padding: 5px 0px; border-bottom:solid 1px #fff; display:block; z-index:9999; float:none; margin:0 auto; transition:.5s all ease-in;}
.sub-menu-1 {font-size: 12px; line-height: 30px; text-transform: none !important;
    display: none;
    padding: 0px;
    position: absolute;
    margin: 0;
    background-color: #333333;
    color: #fff !important;
    border: none;
    transition: .5s all ease-in;
    height: auto;
    border-bottom: solid 1px #f7f7f7;
    width: 300px;
    right: -300px;
    top: 0px;
}
#nav_wrapper ul.menu li ul.sub-menu li:last-child{border-bottom:none;}
.big-drop-box{list-style:none; padding:0px; margin:0px;}
.big-drop-box li{float:none !important; width:100% !important; }
.big-drop-box li a {
    line-height: 30px !important;
    height: 30px !important;
    color: #fff !important;
    padding: 0px !important;
border:none !important;
}
.big-drop-box li a:hover{color:#fff !important;}
.big-drop-box li a:after{display:none !important;}
.sub-menu-1 h3 {
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-size: 18px;
    border-bottom: dashed 1px #fff;
    font-weight: 500;
}

#nav_wrapper ul.menu li ul.sub-menu-1 li:hover a{ color:#5b0f70; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu-1 li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit; transition:.5s all ease-in;}

/*----------------------------------------------new menu-----------------------------------------*/
.front-banner{width:100%; height:auto;}
.banner-image{width:100%; height:auto; overflow:hidden;}
.banner-image img{width:100%; height:auto;}
.banner-list{margin:0 0 20px; padding:0px; list-style:none;}
.banner-list li {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 18px;
    margin: 0 0 5px;
}
.banner-btn {
    width: 150px;
    background-color: transparent;
    color: #333333;
    font-family: Montserrat;
    border-radius: 10px;
    border: solid 1px #f57601;
    font-weight: 700;
	line-height:30px;
}
.banner-list li .fa{color:#f57601; margin-right:10px;}
.front-banner h1{font-size:30px; font-family: Montserrat; color:#ffffff; margin:20% 0 20px 0; padding:0 0 15px; position:relative;}
.front-banner h1:after {
    content: '';
    position: absolute;
    background-color: #f57601;
    left: 0;
    bottom: 0px;
    width: 90px;
    height: 3px;
}
.front-banner h2{font-size:30px; font-family: Montserrat; color:#ffffff; margin:20% 0 20px 0; padding:0 0 15px; position:relative;}
.front-banner h2:after {
    content: '';
    position: absolute;
    background-color: #f57601;
    left: 0;
    bottom: 0px;
    width: 90px;
    height: 3px;
}
.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {
    position: relative;
    min-height: 100px;
    overflow: hidden;
    background-repeat: repeat;
    background-size: 100%;
    background-attachment: fixed;
}
#multiple .prevControl{width:50px; height:50px; cursor:pointer; float: left; background-color:#333333; position:relative;}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; cursor:pointer; float: right; background-color:#333333; position:relative;}
.icn-holder .prevControl .fa {color: #fff;     z-index: 999; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {
    color: #fff;
    z-index: 999;
    position: relative;
    cursor: pointer;
    font-size: 50px;
    margin-right: 25px;
    text-align: center;
    width: 50px;
    background: #333;
}
.cycle-slide {
    width: 100%;
    padding: 0;
}
.icn-holder span{position:relative; transition:.5s all ease-in;}
#multiple .prevControl:after{content:''; position:absolute; left:0px; top:0; transition:.5s all ease-in; height:100%; width:0%; background-color:#f57601;}
#multiple .prevControl:hover::after{width:100%; transition:.5s all ease-in;}

#multiple .nextControl:after{content:''; position:absolute; right:0px; top:0; transition:.5s all ease-in; height:100%; width:0%; background-color:#f57601;}
#multiple .nextControl:hover::after{width:100%; transition:.5s all ease-in;}

.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.icn-holder .fa {
    color: #fff;
    z-index: 999;
    position: relative;
    cursor: pointer;
    font-size: 50px;
    margin-right: 0;
    text-align: center;
    width: 50px;
    background: #333;
}
span.nextControl.hvr-sweep-to-left {
    float: right;
    margin: 0px;
}
span.prevControl.hvr-sweep-to-right {
    float: left;
}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:40%; position:absolute; z-index:999; height:50px;}
.banner-img{width:100%; height:auto; overflow:hidden;}
.banner-img img{width:100%; height:auto;}
#multiple h3{font-size:28px; font-family:Montserrat; font-weight:500; margin:0 0 20px; color:#fff;}
#multiple p{font-family:Montserrat; margin:0 0 20px; font-size:18px; font-weight:300; color:#fff;}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}
.app-store{width:237px; height:80px;}
.app-store img{width:100%; height:auto;}
.app-features{width:100%; height:auto; overflow:hidden; padding:60px 0 0;}
.app-features h2{text-align:center; margin:0 0 20px; color:#59595c; font-family:Montserrat; font-weight:500; font-size:34px;}
.app-features hr{ width:87px; height:3px; background-color:#d1d1d1;}
.text-center{ font-family:Montserrat; font-size:17px; font-weight:500; color:#7f7f7f; margin-bottom: 55px;}
.app-features .nav-tabs > li {
    float: left; border:none; margin-bottom:0px;
    text-align: center;
    width: 200px;
}


#g-f{list-style:none; margin:0px; padding:0px;}
#g-f li{margin-bottom:10px; color:#333; font-size: 13px;}
#g-f li .fa{margin-right:10px; color:#ec3000;}
.photo{width:70px; height:80px; float:left; margin-right:5px; margin-bottom: 5px; position:relative; background-color:#333;}
.photo img{width:100%; height:100%;}
.photo:hover img{opacity:0.5; transition:.5s all ease-in;}
.photo:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.photo .icon-wrap {
    width: 30px; opacity:0;
    height: 30px; transition:.5s all ease-in;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.modal{z-index:9999999;}
 .modal-backdrop.in{ padding-right:0 !important;}
.photo .icon-wrap a{color:#fff;}
.photo .icon-wrap a .fa{text-shadow:0 2px 3px #000; font-size: 20px;}


.about-us {
    width: 100%;
    height: auto; 
    float: left;
    padding: 60px 50px;
    background: #f7f7f7 url(images/about-us.png);
    min-height: 460px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 45%;
}
.about-us-inner {
    width: 100%;
    height: auto; 
    float: left;
    padding: 60px 0px;
    min-height: 460px;
    
}
.city{color: #f68220 !important; font-size: 30px !important; font-weight: bold;}
.contact-us-inner{
    width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    text-align:center;
    min-height: 50px; 
    padding:60px 0;
    
}


.careers-inner{
    width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    text-align:left;
    min-height: 50px; padding:30px 0px;
    
}
.about-careers{width:100%; height:auto; overflow:hidden; float:left;}
.panel-body p{color:#333333;}
.careers-blk{width:50%; min-height:500px; float:left; min-height: 600px;}
.careers-blk img {width: 100%; height: 600px;}

.careers-blk:nth-child(2){background-color: #f68220;
    padding: 60px 50px 0 20px; color:#ffffff;}
    
	
	
.hori-patches{width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    padding: 30px 0px; text-align:left;
    min-height: 50px;
    
}
.col-sm-12 {
    background-image: url(images/dig-1.png);
    background-repeat: no-repeat;
}	
.home-list-content li{color:#000; margin-bottom:5px; background-repeat: no-repeat;
    background-size: 22px;
    /*padding-left: 30px;*/
    background-position: 0px 5px;
    margin-bottom: 5px;}
	ul.home-list-content {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}
.hori-patches:nth-child(even){background-color: #fff;}
.inner-list-content{margin:0px; padding:0px; list-style:none;}
.inner-list-content li {
    background: url(images/check-mark.png);
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    background-position: 0px 5px;
    margin-bottom: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    margin-bottom: 10px !important;
}
.top-content p {
    font-family: Montserrat;
    color: #333;
    font-size: 18px;
    margin: 0 0 25px;
}
.inner-blog-imgs{width:100%; height:auto; float:left;}
.inner-blog-imgs img{width:100%; height:auto;}
.top-content h2{font-size:18px;}
.web-services-inner{width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    padding: 0px 0px; 
    min-height: 50px;}
.inner-bullet-head{text-align:left; font-size:25px; color: #f68220; margin: 0 0 20px;font-weight: bold;}
.top-content{width: 100%;
    height: auto;  background: #f7f7f7;
    float: left;
    padding: 60px 0px 40px; 
    min-height: 50px; }

.icon-circle {
    width: 100px;
    height: 100px;
    background-color: #22a280;
    color: #fff;
    text-align: center;
    margin: 30px auto;
    border-radius: 50%;
    border: solid 5px #fff;
    box-shadow: 0px 3px 3px #aaa;
    padding: 20px;
}
.ss-blocks{width:100%; height:auto; overflow:hidden; float:left; padding:50px 0px; background-color:#ffffff;}


.hori-patches:nth-child(even){background-color: #fff;}

.icon-circle img {width:100%; height:auto;}
.inner-name {
    position: relative;
    font-size: 18px; 
    padding: 0 0 15px;
    font-weight: 500;
    color: #222222;
    font-family:Montserrat;
    margin: 0 0 25px;
    text-align: center;
}
.inner-name:before {
    position: absolute;
    bottom: 0px;
    content: '';
    width: 100%;
    height: 3px;
    background-color: transparent;
    left: 0px;
}
.contact-img{width:150px; height:auto; overflow:hidden; margin:0 auto;}
.contact-img img{width:100%; height:auto;     opacity: 0.3;}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #f68220;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 10px 15px;
}
.panel-group .panel{border-radius:0px;}
.panel-heading{padding:0px;}
.inner-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color: #c3e994;
    overflow: hidden;
    height: auto;
    float: left;
}
.inner-banner img{width:100%; height:auto;}
.inner-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 50px;
    text-shadow: 0 2px 3px #fff;
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}
.inner-banner h2 span{font-weight:300;}

.inner-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    font-weight: 600;
    font-family: Montserrat;
    padding: 0;
}
.inner-banner h1 span{font-weight:300;}


.about-us {color:#333;}
.about-us h2 {
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 15px;
    font-weight: 700;
}
.about-us h2:after{content:''; position:absolute; background-color:#f58220; left:0px; bottom:0px; width:90px; height:3px;}
.about-us h2 span{font-weight:300; color:#f58220;}
.form-control {
    box-shadow: none;
    border-radius: 0px;
    outline: 0!important;
}
button.close {
    -webkit-appearance: none;
    cursor: pointer;
    top: -15px;
    border: 0;
    position: absolute;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #000;
    padding: 0px;
    opacity: 1;
    border-radius: 50%;
    color: #fff;
    box-shadow: none;
    font-size: 20px;
}
.model-btn {
    background-color: transparent;
    color: #f58220;
    border-radius: 0;
    border: solid 2px #f58220;
    font-weight: 700;
    width: 150px;
    margin-right: 10px;
}
.about-us .btn-default {
    background-color: transparent;
    color: #828282;
    width: auto;
    border-radius: 30px;
    border: solid 3px #f58220;
    font-weight: 700;
}
.about-us .btn-default .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#f58220;
    position: relative;
}
.web-designing-section, .web-hosting-section, .mobile-application-section, .seo-section, .customer-loyalty-management, .shopping-cart-section, .blog-development-section, .digital-marketing-section, .progressive-section > .container{position:relative;}
.about-us p{margin:0 0 30px;}

.tranning-section{
    background-color: #007fab;
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}






.web-designing-section {
        background-color: #22a280;
    width: 100%;
    height: auto; text-align:center;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px; display:none;
    overflow: hidden;
	
}
.web-designing-section-new {
        background-color: #22a280;
    width: 100%;
    height: auto; text-align:center;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px; display:none;
    overflow: hidden;
	
}
.white-name {margin: 0 0 40px; position: relative; padding: 0 0 25px; font-weight: 700;}
.white-name:after{content:''; position:absolute; background-color:#ffffff; left:45%; bottom:0px; width:90px; height:3px;}
.white-name span{font-weight:300; color:#ffffff;}

.ex-name {margin:0; position: relative; padding: 0 0 15px; font-weight: 700; color:#333;}
.ex-name:after{content:''; position:absolute; background-color:#f68220; left:46%; bottom:0px; width:90px; height:3px;}
.ex-name span{font-weight:300; color:#333333;}


.white-name-left {margin: 0 0 40px; position: relative; padding: 0 0 25px; font-weight: 700;    color: #000;}
.white-name-left:after{content:''; position:absolute; background-color:#000; left:0; bottom:0px; width:90px; height:3px;}
.white-name-left span{font-weight:300; color:#000;}
.map-wrap{width:100%; min-height:400px;     float: left;}
.map-wrap iframe {
        height: 500px;
	width:100%;
      }
.icon-wrap {
    width: 149px;
    height: auto;
    padding: 30px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    margin: 0 auto 30px;
}
.copy-right {
	border-top:solid 1px #fff;
    background-color: #222222;
    height: auto;
    padding: 15px 0px;
    width: 100%;
    float: left;
}
.foot-l {
    margin: 0px;
    float: left; width:100%;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 3px 0 0;
}
.foot-l li {
    display: inline-block;
    margin: 0 10px;
}
.foot-l li a {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
}
.icon-wrap img{width:100%; height:auto;}
.soical-med {
    width: 100%;
    transition: .5s all ease-in;
    min-height: 10px;
    background-color: #fff;
    z-index: 9999;
    position: static;
    overflow: hidden;
    padding: 5px 0px;
    border-bottom: solid 1px #f5f5f5;
}
.soc-icn{list-style:none; display:none; padding:0px; margin:0px; float:right; transition:.5s all ease-in;}
.soc-icn li {
    width: 30px;
    height: 30px;
    transition: .5s all ease-in;
    float: left;
    border-radius: 50%;
    margin: 0 3px;
}
.soc-icn li a {
    text-align: center;
    color: #ffffff;
    width: 100%;
    height: 30px;
    display: block; background-color:#444;
    line-height: 30px;
    font-size: 16px;
    transition: .5s all ease-in;
}



.contact-det {
    list-style: none;
    float: right;
    padding: 0px;
    margin: 11px 0;
    transition: .5s all ease-in;
}
.contact-det li:nth-child(1) {
    background: url(images/mobile-head.png);
    padding-left: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    height: 50px;
    line-height: 53px;
    background-size: 38px;
    background-position: 8px 3px;
}
.contact-det li:nth-child(2) {
    background: url(images/mail-head.png);
    padding-left: 50px;
    display: inline-block;
    background-size: 40px;
    background-repeat: no-repeat;
    height: 50px;
    line-height: 53px;
    background-position: 0 14px;
}


.contact-det li{display:inline;}
.contact-det li .fa{color:#f68320;}
.contact-det li a {
    display: inline;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.services-links{width:50px; display:none;  transition:.5s all ease-in; min-height:200px; background-color:#fff; position:fixed; right:0; top:20%; z-index:9999;}
.services-links ul{list-style:none; padding:0px; margin:0px; transition:.5s all ease-in;}
.services-links ul li{width:50px; height:auto; border-bottom:solid 1px #ccc; overflow:hidden; padding:10px; transition:.5s all ease-in;}
.services-links ul li img{width:100%; height:auto;}






.contact-enquiry {
    width: 100%;
    min-height: 200px;
    padding: 60px 0px;
    background: #555555;
    float: left;
    color: #ffffff;
    background-repeat: repeat;
    text-align: center;
    background-size: 60%;
    background-attachment: fixed;
}
.contact-enquiry h3{
    margin: 10px 0px 20px;
    font-size: 22px;
}
.contacts-block{width:50%; min-height:400px; float:left;}
/*.contacts-block:first-child{background-color:#}*/
.web-designing-section p{margin:0 0 30px;}
.white-btn{
    background-color: transparent;
    color: #000;
    width: auto;
    border-radius: 30px;
    border: solid 3px #000;
    font-weight: 700;
	margin-bottom: 60px;
}
.white-btn .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#000;
    position: relative;
}
.grey-btn {
    background-color: transparent;
    color: #333;
    width: auto;
    border-radius: 30px;
    border: solid 3px #333;
    font-weight: 700;
    margin-bottom: 60px;
}
.grey-btn .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#333;
    position: relative;
}
.web-design-img{width:100%; height:auto; overflow:hidden; margin:60px auto 0;}
.web-design-img img{width:100%; height:auto;}

.why-container {
    width: 100%;
    height: auto;
    background-color: #333;
    padding: 15px;
    color: #fff !important;
}
.why-container{color:#fff;}
.parter-box {
    width: 100%;
    height: auto;
    padding: 60px 0px;
    float: left;
    background: url(images/offering-partnership.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.f24{font-size: 24px !important;}

.p-blocks {
    width: 100%;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    min-height: 240px;
}

    
.web-hosting-section{background-color: #f5be6b;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
.white-para{margin:0 0 30px; color: #000; font-family: 'Montserrat'}
.hosting-img{width:100%; height:auto; overflow:hidden;}
.hosting-img img{width:100%; height:auto;}

.customer-loyalty-management{background-color: #63d7ff;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.mobile-application-section{background-color: #f9eeae;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.seo-section{background: #c3e3d3; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
.erp-section{background: #dec279; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px; 
    overflow: hidden;}
.ve-section{background: #b599c1; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px; 
    overflow: hidden;}
.account-section{background: #f7b98f; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
.shopping-section{background: #e3c0c7; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}



.video-shotting-section {
    background: #9bccee;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}

.market-survery-sec {
    background-color: #eed2e8;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}

.video-wallet-section {
    background: #d1a9b1;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}
.video-promotion-section {/*#58bab7*/
    background: #50a59d;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}
.video-promotion-section  h3{  font-size: 18px;}
.shopping-cart-section{
    width: 100%; background-color: #c3e3d3;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.blog-development-section{width: 100%; 
    height: auto; text-align:left;     background-color: #ddb2c4;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.digital-marketing-section{
    width: 100%; background-color: #b0d4e1;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
	
.progressive-section{background-color: #c73aa3; width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
	
.pricing-section{padding: 60px 0; width:100%; min-height:500px; float:left; background-color:#fff; text-align:center;} 

.head-center{
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 15px; color:#222;
    font-weight: 700;
}
.head-center:after{content:''; position:absolute; background-color:#f58220; left:45%; bottom:0px; width:90px; height:3px;}
.head-center span{font-weight:300; color:#f58220;}

.pricing-section .nav-tabs {
    border-bottom: none;
    text-align: center;
    margin-bottom: 30px;
}
.pricing-section .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.pricing-section .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative; outline:none !important;
    border: 1px solid #efefef;
    font-weight: 500;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.pricing-head{}
.pricing-head-1{background:#E74C3C none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-2{background:#3498DB none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-3{background:#E74C3C none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-4{background:#EEAF1A none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-5{background:#2ECC71 none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.tab-head-wrap{width:100%; min-height:200px; background-color:#f7f7f7; float:left;}
.pricing-section .nav-tabs>li.active>a, .pricing-section .nav-tabs>li.active>a:focus, .pricing-section .nav-tabs>li.active>a:hover{background-color:#0558a3 !important; border:solid 1px #0558a3!important; color:#ffffff !important;}
.pricing-section .nav-tabs>li.active>a:after, .pricing-section .nav-tabs>li.active>a:focus::after, .pricing-section .nav-tabs>li.active>a:hover::after{    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #0558a3;
    border-width: 10px;
margin-left: -10px;}
.price-offer {
    color: #fff;
    background: #c63c2d;
    padding: 10px 0px; text-transform:uppercase;
    margin: 0px;
    position: absolute;
    width: 100%;
    bottom: 20px;
    font-size: 20px;
}
.price {
    color: #fff;
    background: rgba(255,255,255,0.3);
    padding: 10px 0px;
    margin: 0px;
    width: 100%;
    bottom: 20px;
    font-size: 26px;
    font-weight: 700;
}
.plan {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0px;
}
.plan-btn {
    background-color: #f68220;
    color: #ffffff;
    width: 60%;
    border-radius: 30px;
    border: solid 3px #ffffff;
    font-weight: 700;
    position: relative;
    top: 37px;
    padding: 9px 0px;
}
.price-column-wrap{float:left; text-align:center; width:20%; height:auto;}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 1024px) {
#about .col-md-6.col-sm-6:last-child  img{ width:100%;}
.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}

}
@media only screen and (min-width: 767px) 
{
.for-mobile{display:none;}
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in;}
.sticky .phone{display:none;}
.sticky .logo {padding: 5px 0px; transition: .5s all ease-in; margin: 0px; width: 237px;}
.sticky #nav_wrapper ul.menu li a {
    height: 45px;
    line-height: 45px;
    transition: .5s all ease-in;
}
.white-para {
margin: 0 0 15px;
font-size:18px;
}
.sticky .scroll-down{display:none;}
.resp-disply{display: none;}
.desk-disply{display:block;}
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
#nav_wrapper ul.menu li a{padding: 0 6px;}
}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.owl-prev {display:none !important;}
.owl-next {display:none !important;}
.inner-banner{min-height:10px;}
#nav_wrapper ul.menu li a {
    padding: 0 5px;
    font-size: 10px;
    line-height: 40px;
    height: 40px;
}
.top-content {
    padding: 30px 0px 30px;
}
.top-content p{font-size:16px;}
.contact-enquiry{padding:20px 0px;}
.contact-det li:nth-child(1) {
    background: url(images/mobile-head.png);
    padding-left: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 38px;
    background-size: 25px;
    background-position: 8px 1px;
}

.contact-det li:nth-child(2) {
    background: url(images/mail-head.png);
    padding-left: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 38px;
    background-size: 25px;
    background-position: 5px 11px;
}
.icn-holder .prevControl .fa{font-size:30px; width:30px;}
.icn-holder .nextControl .fa{font-size:30px; width:30px;}
.logo {width: 150px; height: auto;}
.inner-banner h2{top:25%; font-size:30px;}
.inner-banner h1{top:25%; font-size:30px;}
.sticky #nav_wrapper ul.menu li a {height: 55px; line-height: 55px; transition: .5s all ease-in;}
.sticky .logo {padding: 5px 0px; transition: .5s all ease-in; margin: 0px; width: 130px;}
.sticky #nav_wrapper ul.menu li a {height: 45px; line-height: 45px; transition: .5s all ease-in;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
.nav-bar-wrap {
    width: 100%;
    height: auto;
    padding: 10px 0px;
    border-bottom: solid 2px #0457a3;
	background:#fff;
}
.form-wrap {width: 100%; padding: 20px;}

.home-list-content li{text-align: left;}
.top-content p{font-size:16px;}
.white-name-left, .white-name {
    margin-top: 0px !important;
    display: block;
	    margin: 0 0 20px;
    position: relative;
    padding: 0 0 15px;
	font-size:22px;
}
.icon-wrap{margin: 0 auto 20px;}
.white-para {
margin: 0 0 15px;
font-size:16px;
}

.model-btn {
    width: 110px;
    margin-right: 10px;
    float: left;
}


.for-mobile {
    display: block;
    background: #0457a3;
    color: #fff;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.for-mobile ul {
    list-style: none;
    margin: 0px;
    padding: 0;
    text-align: center;
    color: #000;
    font-size: 12px;
}
.for-mobile ul li {
    padding: 5px 0px;
    border-bottom: solid 1px #00417d;
}
.for-mobile ul li a {
    color: #fff;
    font-size: 12px;
}
#multiple{min-height:10px;}
.inner-banner h1 {
   
    top: 18%;
    margin: 0px;
    font-size: 29px;

}
.icn-holder .prevControl .fa {
    color: #fff;
    z-index: 999;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 30px;
    text-align: center;
    width: 30px;
}
.inner-banner {
    width: 100%;
    height: 100px;
    float: left;
}
.inner-banner img {
    width: 100%;
    height: 100%;
}
.sub-menu li{border-bottom:none !important; font-size: 13px;}
.icn-holder .nextControl .fa {
    color: #fff;
    z-index: 999;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 30px;
    text-align: center;
    width: 30px;
}


.careers-blk img {
    width: 100%;
    height: auto;
}
.slicknav_nav li {
    display: block;
    text-align: left;
	border-bottom: solid 1px #ccc
}
.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #222222 !important;
}
.contact-det li {display: inline-block;}
.slicknav_btn{background-color: #0457a3 !important;}
.white-name-left {
    text-align: center;
}
.inner-list-content li{text-align: left!important;}
.careers-blk {width: 100%; min-height: 100px;}
.careers-blk:nth-child(2) p {
    text-align: center !important;
}
.logo{width:190px;}
.banner-list li{font-size:14px;}

#multiple p{text-align:left;}
.inner-banner h2 {font-size: 18px; padding: 5px 0px;}
/*.inner-banner{min-height:20px;}*/
.panel-body p {
    color: #333333;
    text-align: left !important;
}
.contact-det li a{font-size:11px;}

.careers-blk:nth-child(2) {padding: 20px; color: #ffffff;}
.owl-pagination{display:block !important;}
.logo {position: absolute; padding: 0; width: 180px;}
p{text-align:center !important;}
.search-btn{top:107px;}
.white-name-left:after{left:35%;}
.resp-disply{display:block;}
.desk-disply{display:none;}
.web-designing-section, .video-shotting-section, .erp-section, .market-survery-sec, .shopping-section, .web-hosting-section, .mobile-application-section, .seo-section, .customer-loyalty-management, .shopping-cart-section, .blog-development-section, .digital-marketing-section, .progressive-section
{text-align:center !important; padding:30px 0 0;}
.search-bx{left:0px;}
.about-section{display:none;}
.nav-bar{ width:100%; margin: 0}
.contact-det{display:none;}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}

.icns {width: 30px;}
.foot-links ul{text-align:center;}
.foot-links ul li a{font-size:13px;}
.cpy-ri{float:none; font-size:15px; text-align:center;}
.foot-links{float:none; width:100%;}
}
@media only screen and (max-width: 500px)
{
.phone{display:none;}
.search-btn{top:66px;}
.from-blog h1 span::before, .from-blog h1 span::after{display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 480px) {


}
/*--------Gaurav work start---------*/


b, strong {
    font-weight: 700;
    color: #000;
}
h4.ax-sub-h {
    color: #000;
}

h2.inner1-bullet-head {
    text-align: center;
    color: #f68220;
    font-size: 25px;
    color: #f68220;
    margin: 0 0 20px;
    font-weight: bold;
}

.inner1-list-content {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.inner1-list-content li {
    
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    background-position: 0px 5px;
    margin-bottom: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
}

.inner1-banner {
    width: 100%;
    
    position: relative;
    color: #fff;
    background-color: #befdc4;
    overflow: hidden;
    height: 270px;
}
.inner1-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}

.inner2-banner {
    width: 100%;

    position: relative;
    color: #fff;
    background-color: #b7e1d1;
    overflow: hidden;
   height: 270px;
}
.inner2-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}

.inner3-banner {
    width: 100%;

    position: relative;
    color: #fff;
    background-color:#f3adb7;
    overflow: hidden;
    height: 270px;
}

.inner3-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
        font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}
.inner12-banner {
    width: 100%;

    position: relative;
    color: #fff;
    background-color:#ffdac1;
    overflow: hidden;
    height: 270px;
}
.inner12-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}
.inner13-banner {
    width: 100%;
   
    position: relative;
    color: #fff;
    background-color: #d0a9b1;
    overflow: hidden;
    height: 270px;
}
.inner13-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}
.inner0-banner {
    width: 100%;
  
    position: relative;
    color: #fff;
    background-color: #84c4b4;
    overflow: hidden;
        height: 270px;
}
.inner0-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    top: 30%;
    margin: 0px;
    font-size: 44px;
    
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}

.syllabus-head {
    display: inline-block;
    padding: 8px 10px;
    background-color: #b7e1d1;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
    
}
.tranning-subhead1{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    margin: 0 0 25px;

}
.syllabus-head1 {
    display: inline-block;
    padding: 8px 10px;
    background-color:#84c4b4;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
  
}

.tranning-subhead2{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    margin: 0 0 25px;

}
.syllabus-head2 {
    display: inline-block;
    padding: 8px 6px;
    background-color: #d0a9b1;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;

}

.tranning-subhead3{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    margin: 0 0 25px;

}
.syllabus-head3 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #befdc4;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
   
}

.tranning-subhead4{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    margin: 0 0 25px;

}
.syllabus-head4 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #f3adb7;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;

}
.syllabus-head12 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #ffdac1;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
   
}

.inner-bullet-head {margin: 0 0 40px; position: relative; padding: 0 0 25px; font-weight: 700;}
.inner-bullet-head:after{content:''; position:absolute; background-color:#f68220; left:0%; bottom:0px; width:90px; height:3px;}
.inner-bullet-head span{font-weight:300; color:#ffffff;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #f68220;
    width: 20%;
}
.ad{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}