@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Light.eot');
	src: local('☺'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.eot');
	src: local('☺'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Medium.eot');
	src: local('☺'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: local('☺'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Bold.eot');
	src: local('☺'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

*{margin: 0; padding: 0;}
body {width: 100%; min-width: 320px; background-color: #fff; font-family: 'Poppins', sans-serif; font-size:14px; font-weight:300; color:#333; word-break: break-word; position: relative;}
.clear {clear: both;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins',sans-serif;}
a, button {transition: all 0.3s ease; outline: none;cursor: pointer;}
a {text-decoration: none; cursor: pointer; outline: none; color:inherit;display: inline-block;}
a:hover{text-decoration: none; color: inherit;}
img { display: inline-block; height: auto;  max-width: 100%;  vertical-align: middle;}
.container {max-width: 1281px; width: 100%; margin: 0 auto;	position: relative;}
.form-group {margin-bottom: 15px;}
.form-control {border: 1px solid #fff; font-size: 16px;	border-radius: 5px;font-family: 'Poppins', sans-serif; font-weight:300; padding: 0 20px; box-shadow: none !important; color: #000;  height: 55px;	line-height: 55px; outline: medium none !important; width: 100%;}
.form-control:focus {border-color: #da2127;}
textarea.form-control {min-height: 90px;  resize: none;}
.custom-btn{color: #fff; background: #2874f0; text-align: center; outline: none !important; box-shadow: none !important; display: inline-block; font-size: 20px; border-radius: 5px; border: 0; padding: 15px 50px; text-transform: uppercase; line-height: 1;}
.custom-btn:hover, .custom-btn:focus {color: #fff; background: #000;}
.checkbox-area input[type=checkbox] {display: none;}
.checkbox-area input[type=checkbox] + label {display: inline-block;	height: 21px; 	line-height:20px;	cursor: pointer; position: relative;	margin: 0;	color: #8a8b8e;	font-size: 16px; font-weight: 400; padding-left: 30px;	font-family: 'Poppins',sans-serif; background:url(../image/chk.png) no-repeat left top;}
.checkbox-area input[type=checkbox]:checked + label{background-image:url(../image/chk-a.png);}
p{padding-bottom: 15px; margin: 0; color: #000; line-height: 25px;}
ul, ol{	list-style: none; padding-left: 0; margin-bottom: 15px;}	
/*select, select.form-control{-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; background: url(../images/drop-down.png) no-repeat scroll calc(100% - 15px); background-color: #3f3178; height: auto !important}*/
/*placeholder*/
.form-control::-webkit-input-placeholder {color: #000; opacity:1}
.form-control::-moz-placeholder {color: #000; opacity:1; }
 .form-control:-ms-input-placeholder {color: #6a6a6a; opacity:1}
.form-control:-moz-placeholder {color: #000; opacity:1;}
.form-control::placeholder {color: #000; opacity: 1;}
/*placeholder*/
.main-heading{display: block; width:100%; text-align: center;}
.main-heading h2{text-transform: uppercase; font-weight: 400; font-size:36px; margin-bottom: 10px; line-height: 1; padding:0px; color:#000;}
.main-heading p{font-size:16px; color: #333; padding-bottom: 0;}
.main-heading{margin-bottom: 40px;}
.ptb-55{padding-top: 55px;}
.ptb-65{padding-bottom: 65px;}
/*global css*/


.header {position: fixed; z-index: 2; left: 0; background:#fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); top: 0; width: 100%; right: 0; }
.header-inner {padding: 14px 0px 14px 0px;}
.header-inner .hdr-right {flex: 1; justify-content: flex-end;}
.header-inner .hdr-right .navbar{padding: 0;}
.header-inner .hdr-right .navbar a{font-size:14px; font-weight: 400; color:#000 !important; font-family: 'Poppins',sans-serif; padding:0px; margin:0px; letter-spacing:1.5px;  text-transform: uppercase; color: #000;}
.header-inner .hdr-right .navbar a:hover, 
.header-inner .hdr-right .navbar a:focus,
.header-inner .hdr-right .active > a {color: #2874f0 !important;}
.header-inner .hdr-right .navbar a:last-child{padding-right: 0;}
.enquire-link{background: #2874f0; color: #fff; text-transform: uppercase; margin-left: 50px; letter-spacing:1.5px; font-size:13px; font-weight: 400; padding:9px 23px; display: inline-block; border-radius:5px;}
.enquire-link:hover{background: #000; color: #fff;}
.hdr-right .navbar-nav li{margin-right:44px;}
.hdr-right .navbar-nav li:last-child{margin-right:0px;}
.logo{margin-top:2px;}





/*solution-variants-section*/
.solution-variants-section{padding:65px 0 35px 0px; background-color:#f9f9fb;}
.solution-variants-section .main-heading {margin-bottom: 60px;}
.detail-list{margin-bottom: 30px;}
.detail-list li{padding:2px 0px; margin-bottom: 5px; position: relative; color:#333; font-size:14px; text-align: center;}
.detail-list li:last-child{margin-bottom: 0;}
.logo-box .desc-box .desc-heading {
    padding: 15px 0px 0px 0px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1458c8;
    font-size: 20px;
}
.solution-variants-section .logo-box .desc-box p{color: #333; font-size:14px;}
/*.detail-list li::before {content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; font-size: 18px; top: 1px; line-height: 1; font-weight: normal;}*/
.solution-variants-section .logo-box{padding:0px; margin-bottom:15px;text-align: center;}
/*.solution-variants-section .box-outer{display: flex; display: -webkit-flex; flex-direction: column; height: 100%;}*/
.solution-variants-section .box-outer {
    /* display: flex; */
    /* display: -webkit-flex; */
    /* flex-direction: inherit; */
    height: 100%;
    border: 1px solid #2874f0;
    box-shadow: 5px 0 30px rgba(40,116,240,0.05);
    margin: 10px 0px;
    display: block;
    padding: 20px 20px 20px;
    border-radius: 10px 10px 50px 10px;
    background: #fff;
}
.enquire-section select.form-control {
   
    height: 54px !important;
}
.solution-variants-section .box-outer:hover{
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.solution-variants-section .box-outer .box{flex-grow: 1;}
.solution-variants-section .box-outer .custom-btn{
       background: #2874f0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
    font-weight: 400;
    padding: 11px 23px;
    display: inline-block;
    border-radius: 5px;
}
.solution-variants-section .box-outer .btn-row {
    text-align: center;
}
.solution-variants-section .box-outer .custom-btn:hover,
.solution-variants-section .box-outer .custom-btn:focus{    background: #000; color: #fff;}
 
/*solution-variants-section*/

.service-section{background: #fff url(../images/service-bg.jpg) no-repeat left top; background-size: cover; padding-top:65px; padding-bottom:70px; border-top: 1px solid #f1f1f1;}
.service-section .card{ border-radius: 10px 10px 50px 10px;    border: 0;    background: rgba(255,255,255,0.8);    padding: 30px 20px;    box-shadow: 0 0 20px rgba(0,0,0,0.05);    height: 100%;}
.service-section .card-body{padding: 0; text-align: center;}
.service-section .card-body p{color: #333; font-weight:300; font-size:14px;}
.service-section .card-body p:last-child{margin-bottom: 0; padding-bottom: 0;}
.service-title{font-size: 22px; padding:15px 0 10px; color: #282828;}

/*price-section*/
.price-section{padding-bottom:70px; padding-top:67px;}
.price-section .card{transition: all 0.3s ease; padding: 40px 0 45px; border-radius: 10px 10px 50px 10px; text-align: center; background: #fff; border: 1px solid #2874f0; box-shadow:5px 0 30px rgba(40,116,240,0.05); height:100%;}
.price-section .card.active{background: #1458c8; color:#fff;}
.price-section .card.active .plan-text{color: #fff;}
.price-section .card.active .price-text{color: #fff;}
.plan-text, .price-text {color: #1458c8;}
.price-section .card .plan-text {font-size:23px; margin-bottom: 25px; transition: all 0.3s ease; text-transform:uppercase; color:#1458c8;}
.price-section .card ul{font-size:15px;}
.price-section .card ul li{line-height: 1; margin-bottom: 15px; display: block;}
.price-section .card ul li:last-child{margin-bottom: 0;}
.price-section .card ul li span.price {font-size: 45px;
    font-weight: 700;
    display: inline-block;
    margin: 8px 2px 0px 2px;
	color:#1458c8;
	
}
.price-section .card ul li span.simble {
    vertical-align: super;
    display: inline-block;
    position: relative;
    top: -4px;
	color:#1458c8;
}
.price-section .card ul{margin-bottom: 0;padding: 0px 10px;}
.price-section .card ul li.price-text {
    font-size: 24px;
    margin-top: 30px;
    display: block;
    transition: all 0.3s ease;
}
.price-section .card ul li.price-text{color:rgb(51, 51, 51); font-size:15px;}
.price-section .card ul li b{position:relative;    font-weight: 600;	}
/*.price-section .card ul li b:after{position:absolute; left:0px; bottom:-3px; background-color:#fff; width:100%; height:1px; content:''; opacity:0.3;} */
.price-section .card.active ul li.price-text{color:#fff;}
.price-section .card.active ul li span.simble{color:#fff;}
.price-section .card.active ul li span.price{color:#fff;}

/*price-section*/
.enquire-section{padding:65px 0 70px; background: url(../images/enquery-bg.jpg) no-repeat; background-size:cover;}
.enquire-section .main-heading h2, .enquire-section .main-heading p{color: #fff;}
.enquire-section .enquire-form {max-width: 665px; width: 100%; margin: 0 auto;}
.enquire-section .enquire-form input.form-control::placeholder{
    color:#565656;
}
.enquire-section .enquire-form .form-control {border:none; font-family: 'Poppins',sans-serif; font-size: 16px; color: #ffffff; background: rgba(0,0,0,0.5);}
.enquire-section .enquire-form select.form-control.empty {
    color:#565656;
}
.enquire-section .enquire-form select.form-control option{
    color:#ffffff;
}
.enquire-section .enquire-form select#choice option { color: #ffffff; }
.enquire-section .enquire-form .form-control:focus {border-color: #2874f0;}
.enquire-section .enquire-form .form-control::-webkit-input-placeholder {color: rgba(255,255,255,0.3); opacity:1}
.enquire-section .enquire-form .form-control::-moz-placeholder {color: rgba(255,255,255,0.3); opacity:1; }
.enquire-section .enquire-form .form-control:-ms-input-placeholder {color: rgba(255,255,255,0.3); opacity:1}
.enquire-section .enquire-form .form-control:-moz-placeholder {color: rgba(255,255,255,0.3); opacity:1;}
.enquire-section .enquire-form .form-control::placeholder {color: rgba(255,255,255,0.3); opacity: 1;}
.enquire-section .enquire-form textarea.form-control{height: 135px; margin-bottom:35px;} 
.enquire-section .enquire-form .btn-row{margin-top: 5px;}
.enquire-form .custom-btn{padding:17px 48px;}

/*footer*/
.footer{font-size: 14px;}
.footer-top{padding: 40px 0;}
.footer-top .contact-box .icon{min-height: 32px; display: flex; display: -webkit-flex;  justify-content: center; align-items: center;}
.footer-top .contact-box .desc-box p{padding: 0; margin: 0; line-height: 18px;}
.footer-contact-hdr{line-height: 1; margin-bottom: 3px;}
.footer-top .contact-box .desc-box { padding-top: 12px;}
.footer-top a{color: #000;}
.footer a:hover {color: #000;}
.footer-bottom{color: #fff; background: #808080; padding: 5px 0;}
.footer-bottom .container{max-width:1280px;}
.footer-bottom .links li {padding:0 8px; border-right: 1px solid #fff; line-height: 14px; font-weight:300;} 
.footer-bottom .links li:last-child{padding-right:0; border-right: 0;} 
.footer-bottom .social-links li{padding-right:20px; font-size: 20px;}
.footer-bottom .social-links li:last-child{padding-right:0;}
.footer-bottom p{padding: 0; color: #fff; font-weight:300;}
.footer-bottom .links li a:hover{color:#000;}
/*footer*/


.modal-header{padding:0px; position:relative; border-bottom:none;}
.modal-header .close{

    position: absolute;
    right: 0px;
    top: -2px;
    background-color: #2874f0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    opacity: 1;
	color:#fff;
	font-weight:normal;
	z-index:9;

}
.modal-dialog{max-width:800px;}
.modal-header .close:focus{outline:none;}
.modal-body video{width:100%; height:420px;}
.modal-body video:focus{ outline:none;}
.modal-content{border-radius:10px;}

/*banner-section*/
.banner-section{/*height:760px;*/ height:510px; width: 100%; margin-top:65px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner-section .container{height: 100%;}
.banner-section .banner-caption {
    color: #fff; 
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: self-start;
    flex-direction: column;
}
.white-brdr-btn {    
    background: none;
    padding: 6px 20px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 13px;
    letter-spacing: 0;
    border-radius: 0;
}
.banner-section .banner-caption h1 {
    padding: 0;
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space: nowrap;
}
.banner-section .banner-caption h3 { font-size: 24px; }
.banner-section .banner-caption p{padding: 0; margin: 0 0 40px; color: #fff; font-size: 16px; line-height:1;}
.banner-section .banner-caption p strong {
    font-size: 26px;
    font-weight: 700;
}
.banner-section .banner-caption p small {
    font-size: 14px;
    margin-right: 5px;
}
.banner-section .banner-caption .banner-links a:last-child{margin-right: 0;}
.banner-section .banner-caption .banner-links a{border: 1px solid #fff; display: flex; display: -webkit-flex; align-items: center; color: #fff;  
 margin-right: 25px; border-radius: 5px; font-size: 18px; font-weight:400; text-transform: capitalize; padding: 14px 20px; background: transparent;}
.banner-section .banner-caption .banner-links a:hover{background: #fff; color: #000;}
.banner-section .banner-caption .banner-links a:hover .icon{background: #2874f0; color: #fff;}
.banner-section .banner-caption .banner-links a .icon{background: #fff;
 color: #2874f0; width: 40px; height: 40px; display: inline-block; line-height: 40px;
font-size: 20px; margin-right: 15px; border-radius: 50%; text-align: center;}
.banner-section .banner-caption .banner-links a .icon i{margin-left: 3px;}
/*banner-section*/


.feature-section{padding:90px 0 65px; background: url(../images/feature-bg.jpg) no-repeat center center; background-size: cover; }
.feature-section .tab_content-inner .img-box{width:52%;}
 .feature-section .tab_content-inner .tab_content-inner-right{width:32%; padding-left: 50px;}
.feature-section .tab_content-inner .tab_content-inner-right .tab-heading {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0;
    line-height: 1;
    padding-bottom: 30px;
}
.feature-section .tab_content-inner .tab_content-inner-right p{font-size: 18px; color: #333; font-weight:300;}
/* tab-css*/
/*available-course*/
 .available-course-tab ul.tabs {margin: 0 0 30px; padding: 0; float: none; display: flex; 
 	display: -webkit-flex;  flex-wrap: wrap; list-style: none; border: 0;
 	 width: 100%; height: auto; justify-content: center; }
.available-course-tab ul.tabs li, .available-course-tab .tab_drawer_heading {
float: none; margin: 0; cursor: pointer; padding: 12px 28px; height: auto; line-height: 1; background-color: #fff; color: #000;
overflow: hidden;position: relative; border: none; border-bottom: 0px solid #fff;
font-size: 16px; font-weight: 400;
text-align: center;
text-transform: uppercase;
margin: 0px 13px 17px; color:#000;
border-radius: 30px;
box-shadow: 4px 5px 9px rgba(0,0,0,0.06);}
.available-course-tab ul.tabs li:hover { background-color: #2874f0; color: #fff;}
.available-course-tab ul.tabs li.active {background-color: #2874f0; color: #fff; }
.available-course-tab .tab_container {float: none; width: 100%; background: transparent; overflow: auto; flex: 1; border: 0;}
.available-course-tab .tab_content { padding: 10px; display: none;}
 .available-course-tab .tab_content p {padding-bottom: 20px;}
.available-course-tab .tab_content p:last-child {padding-bottom: 0;}
.available-course-tab .tab_content .tab-heading {font-size: 25px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; margin: 0; line-height: 1; padding-bottom: 45px;}
.available-course-tab .tab_drawer_heading { display: none; }
/*available-course*/


/* tab css*/



#nav-menus { width:32px;  height:22px;  position:relative;  margin:0;  -webkit-transform:rotate(0);  -moz-transform:rotate(0);  -o-transform:rotate(0);  transform:rotate(0);  -webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;  -o-transition:0.3s ease-in-out;  transition:0.3s ease-in-out;  cursor:pointer;}
#nav-menus span { display:block;  position:absolute;  height:2px;  width:100%;  background:#000;  border-radius:9px;  opacity:1;  left:0;  -webkit-transform:rotate(0);  -moz-transform:rotate(0);  -o-transform:rotate(0);
  transform:rotate(0);  -webkit-transition:.25s ease-in-out;  -moz-transition:.25s ease-in-out;  -o-transition:.25s ease-in-out;  transition:.25s ease-in-out }
#nav-menus span:nth-child(1) {  top:0 }
#nav-menus span:nth-child(2), #nav-menus span:nth-child(3) {  top:9px }
#nav-menus span:nth-child(4) {  top:18px }
#nav-menus.open span:nth-child(1) {  top:10px;  width:0%;  left:50% }
#nav-menus.open span:nth-child(2) {  -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -o-transform:rotate(45deg);  transform:rotate(45deg) }
#nav-menus.open span:nth-child(3) {  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  transform:rotate(-45deg) }
#nav-menus.open span:nth-child(4) {  top:18px;  width:0%;  left:50% }
header.active #nav-menus span{background-color:#2b54a3;}



/*thank you*/
.comman-bodymg{padding-top:65px; min-height:765px;}
.thankyoutop{margin-top:10px;}
.thanks-page{background:#fff; border-radius:5px; box-shadow:0 3px 15px rgba(0,0,0,0.1) ;color:#000; margin:100px auto 80px; max-width:800px; padding:50px 80px; position:relative; text-align:center; width:100%;}
.thanks-heading{color:#2874f0; display:block; font-size:80px; font-weight:900; line-height:80px; padding:0 0 20px}
.thanks-page .btn-custom {font-size: 16px; height: 50px; line-height: 50px; padding: 0 10px; text-transform:uppercase;}
.thanks-page .btn-custom{background:#2874f0; border-radius:5px; color: #fff;}
.thanks-page .btn-custom:hover{background:#000; color: #fff}
.thanks-page a{color:#000; }
/*thank you*/

.price-text-border{border:1px solid #2874f0; border-radius:10px 10px 50px 10px; display:inline-block; padding:13px 12px; margin-top:20px;}
.price-text-border strong{display:inline-block; vertical-align:top; padding-right:20px; margin-right:20px;font-size: 13px;position: relative;}
.price-text-border strong:after {
   position: absolute;
   right: -15px;
   top: 50%;
   content: '+';
   font-size: 21px;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   background-color: #2874f0;
   color: #fff;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   line-height: 25px;
}
.price-section .card.active .price-text-border strong:after{
	display: none;
	
}
.price-text-border strong:nth-child(2):after{
display: none;
}
.price-text-border strong:last-child{border-right:0px;  padding-right:0px; margin-right:0px;}
.price-section .card.active .price-text-border{border:1px solid #fff;margin-top:50px;}
.contact-boxaddress p{padding-bottom:10px !important;}
.banner-links{display:none !important;}


.mobile-img {position: relative; align-self: flex-end; right:100px; bottom:5px; position:absolute;}
.mobile-img:after{position:absolute; left:0px; right:0px; top:20px; content:''; background-image:url(../images/mobile-light-strip.png); background-repeat:no-repeat; background-position:center; width:114px; height:16px; margin:auto}
.videoOuter {position: absolute; top:22px;	left:0px; right:0px; margin:auto; transform:translateX(-3px); -webkit-transform:translateX(-3px); width:197px;}
.videoOuter video{border-radius:20px 20px 25px 25px;}
.videoOuter video:focus{border:none; outline:none;}
.mobile-img img {width:250px;}

.vidoes-img{position:relative; left:0px;}
.vidoes-img img { width: 263px; }
.videoOutertab {
    position: absolute;
    top: 13px;
    left: -24px;
    right: 0px;
    margin: auto;
    transform: translateX(12px);
    -webkit-transform: translateX(12px);
    width: 233px;}
.videoOutertab video:focus{border:none; outline:none;}

.video-banner-section{display:flex; position:relative; top:36px; justify-content: center;  margin:auto; width: 100%; align-items: center; text-align:center;}
.enqiuriy-pricing{
	margin-top: 35px;
}
.enqiuriy-pricing .enquire-link {
    margin-left: 0px;
    margin-right: 0px;
}
.enqiuriy-pricing p {
    padding-bottom: 0px;
    margin-top: 10px;
}
.price-section .card.active .enqiuriy-pricing p {
    color: #fff;
}
.blue-box .enquire-link {
    background-color: #fff;
    color: #1458c8;
}
.blue-box .enquire-link:hover {
    background-color: #000;
    color: #fff;
}

@media all and (-ms-high-contrast:none)
     {
     /*.videoOutertab{width:749px;}*/
	 /*.videoOuter{width:199px;}*/
	 /*.videoOuter video{border-radius:20px 20px 20px 20px;}*/
	 .mobile-img img{width:254px;}
     }


  /*new css create   */
.carousel-indicators li{
	background-color:#2d3f7f;
}
.carousel-indicators li.active {
    background-color: #f6821f;
}

.price-section .container{
	max-width: 1281px;
}
.price-section .container .col-md-2.col-sm-6.col-xs-12 {
   max-width: 20%;
    padding: 0px 8px;
    float: none;
    display: inline-block;
    vertical-align: top;
    flex:inherit;
}

/*.carousel-control-prev {
    left: 0;
    width: 30px;
    height: 40px;
    top: 44%;
    background: #000;
    padding: 0;
    line-height: normal;
}
.carousel-control-next {
    right: 0;
    width: 30px;
    height: 40px;
    top: 44%;
    background: #000;
    padding: 0;
    line-height: normal;
}*/




.banner-section.banner-hubspot h1{
    padding:70px 0px 0px;
}
.banner-section.banner-hubspot h1 span{
    color:#f5821f;
}
.solution-variants-section .box-outer ul.detail-list {
    min-height: 170px;
}

.bnr_listing{
    padding:15px 0px;
}
.bnr_listing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.bnr_listing ul li:nth-child(1){
    margin-top: 0;
}
.bnr_listing ul li {
    color: #fff;
    display: block;
    font-size: 24px;
    margin: 24px 0 0;
    position: relative;
    text-transform: uppercase;
}
.bnr_listing ul li i {
    color: #f5821f;
    margin: 0 5px 0 0;
}
.what-hubspot-section{
        padding: 50px 0 12px;
    background: #f7f7f7 url(../images/hubspot-bg1.png) no-repeat right bottom;
        background-size: contain;
}
.what-hubspot-section .main-heading p{
    font-size: 18px;
}
.hubspot-development-section{
    padding: 80px 0 80px;
    background: url(../images/feature-bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
}
.hubspot-development-section .inner .hub-block1 {
    border-radius: 10px 10px 50px 10px;
    border: 0;
    background: rgba(255,255,255,0.8);
    padding: 30px 10px 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    margin-bottom: 15px;
        min-height: 290px;
    text-align: center;
}
.hubspot-development-section .inner .hub-block1:hover{
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.hubspot-development-section .inner .hub-block1 span {
    background: #f2f3f5;
    padding: 15px;
    border-radius: 10px;
}
.hubspot-development-section .inner .hub-block1:hover span{
   box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.hubspot-development-section .inner .hub-block1 strong {
    display: block;
    font-size: 17px;
    padding: 20px 0 10px;
    color: #282828;
}
.our-experinece-section {
    padding:80px 0 80px;
    background-color: #ffffff;
}
.our-experinece-section .hub-block2 {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #2874f0;
    padding: 0px 10px 15px;
    margin-top: 60px;
        min-height: 260px;
}
.our-experinece-section .hub-block2 .hub-hd.dis-block {
    padding: 15px 0px 15px 0px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1458c8;
    font-size: 20px;
}

.our-experinece-section .hub-block2 span {
    background: #2874f0;
    padding: 4px;
    display: inline-block;
    border-radius: 100px;
    width: 107px;
    margin-top: -56px;
}
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2{
    border-color:#f5821f;
}
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2 .hub-hd.dis-block, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2 .hub-hd.dis-block{
color: #f5821f;
}
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2 span, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2 span {
    background: #f5821f;
}
.our-experinece-section .hub-block2:hover{
    background:  #2874f0;
    color:#ffffff;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.our-experinece-section .hub-block2:hover p, 
.our-experinece-section .hub-block2:hover .hub-hd.dis-block{
    color:#ffffff;
}

.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2:hover, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2:hover{
  background:  #f5821f;
  color:#ffffff;  
}
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2:hover p, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2:hover p, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(1) .hub-block2:hover .hub-hd.dis-block, 
.our-experinece-section .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(3) .hub-block2:hover .hub-hd.dis-block {
   color:#ffffff; 
}
.our-process-section{
    padding:80px 0 80px;
    background-color: #f9f9fb;
}
.our-process-section .process-box{
    background: #ffffff;
    border: solid 1px #f1f1f1;
    padding:0px ;
    height: 100%;
}
.our-process-section .process-box .inner{
    padding: 20px;
}
.our-process-section .process-box .top{
    background: #efefef;
    text-align: center;
    padding:0px 0px;
}
.our-process-section .process-box h4 {
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    background: #2874f0;
    color:#ffffff;
    padding:16px 0px;
}
.our-process-section .process-box img{
    padding: 10px 0px;
}
.our-process-section .process-box:hover{
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.bnr_listing a.enquire-link {
    margin: 30px 0px;
    padding: 14px 70px;
}
.banner-section.banner-hubspot{
    background-position: center right;
}


.service-icon img { width: 75px; height: auto; }
.img-box {margin-top: -80px; margin-bottom: 15px;}
.img-box img {
   border-radius: 50%;
    box-shadow: 5px 4px 30px -30px rgba(0, 0, 0, 0.95);
    width: 110px;
    border: 1px solid #2874f0;
    padding: 7px;
    background: #fff;
    height: 110px;
}




.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.carousel-control-prev, .carousel-control-next, .carousel-indicators { display: none; }

.devices {
    display: flex;
    align-items: flex-end;
    text-align: center;
    justify-content: center;
}
.devices p { white-space: nowrap; font-weight: 500; }
.android-d { width: 60px; margin:0 15px; }
.iphone-d { width: 60px; margin:0 15px; }
.tablet-d { width: 120px; margin:0 15px; }
.dasktop-d { width: 350px; margin:0 15px; }

.android-d img, .iphone-d img, .tablet-d img, .dasktop-d img { margin-bottom: 15px; }

.section{background: #fff; padding-top:65px; padding-bottom:70px; border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #ddd;
}

.different-device-bg { background: url('../images/different-device-bg.png') no-repeat; background-size: cover; }

/*Case Studies*/
.pos-rel { position: relative; }
.case-study-box {
    width: 100%;
    margin: 5px;
   
}
.case-study-box .case-study-img {
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.case-study-box .case-study-img img {
    border-radius: 15px;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    width: 100%;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.appseo-home img {
    max-width: 100%;
    height: auto;
}
.case-study-box .case-study-img:after {
    top: 0;
    left: 0;
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 15px;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
    background-image: -o-linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
    background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}
/*.case-study-box .case-study-text {
    top: -45px;
    left: 38px;
    padding: 25px 30px;
    max-width: 352px;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
    border-top-right-radius: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(164, 177, 235, 0.13);
    box-shadow: 0px 0px 35px 0px rgba(164, 177, 235, 0.13);
}*/
.case-study-box .case-study-text {
    top: -15px;
    padding: 15px 20px;
    width: 100%;    
    border-radius: 0 0 10px 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
}
.case-study-box .case-study-text span {
    color: #ff8533;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.case-study-box .case-study-text h3 {
    padding-top: 10px;
    color: #213e6e;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.case-study-box:hover .case-study-text {
    background-color: #244479;
}
.case-study-box:hover .case-study-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.case-study-box:hover .case-study-img:after {
    opacity: .8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.case-study-box:hover .case-study-text h3 {
    color: #fff;
}

/*.case-studies .owl-carousel .owl-nav {
    display: block;
}
.case-studies .owl-carousel .owl-nav button {
    position: absolute;
    background: #f2f2f2 !important;
    border-radius: 3px;
    color: #333;
    height: 32px;
    top: 50%;
    transform: translatey(-50%);
    width: 32px;
    text-align: center;
    line-height: 32px !important;
    left: -15px; 
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    font-size: 24px !important;

}
.case-studies .owl-carousel .owl-nav button.owl-next {
    right: -15px;
    left: auto;
}
.case-studies .owl-carousel:hover .owl-nav button{
    opacity: 1;
    visibility: visible;
}
.case-studies .owl-carousel .owl-nav button:hover { background: #f6821f !important;}
.case-studies .owl-carousel .owl-nav button:hover span { color: #fff !important;}
.case-studies .owl-carousel .owl-nav button span {display: inline-block; line-height: 21px; position: absolute; top: 3px;  left: 11px; font-size: 35px;}
.case-studies .owl-dots { display: none; }

.owl-nav.disabled { display: none !important; }

.case-studies .owl-carousel .owl-nav button:focus { outline: none; }*/

/* //Case Studies*/


/*Blog*/
.blog-style-one .single-blog-post {
    padding:10px;
}
.blog-style-one .single-blog-post:hover { background: rgba(238,238,238,.5); }
.blog-style-one .single-blog-post .blog-img-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 12px;
}

.blog-style-one .single-blog-post .blog-img-box > img {
    border-radius: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;

}

.blog-style-one .single-blog-post .blog-img-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(45, 63, 127, 0.4);
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-style-one .single-blog-post .text-box ul.meta-info {
    margin-top: 25px;
    margin-bottom: 10px;
}

.blog-style-one .single-blog-post .text-box ul.meta-info li {
    display: inline-block;
    vertical-align: middle;
}

.blog-style-one .single-blog-post .text-box ul.meta-info li a {
    display: inline-block;
    vertical-align: middle;
    color: #656565;
    font-size: 14px;
}

.blog-style-one .single-blog-post .text-box ul.meta-info li:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #f6821f;
/*    background: #6541c1;
    background: -webkit-gradient(left top, right top, color-stop(0%, #6541c1), color-stop(98%, #d43396), color-stop(100%, #d43396));
    background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
    background: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);*/
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

.blog-style-one .single-blog-post:hover .blog-img-box:after {
    opacity: 1;
}

.blog-style-one .single-blog-post:hover .blog-img-box img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-style-one .single-blog-post .text-box h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.blog-style-one .single-blog-post .text-box p {
    color: #656565;
    margin-bottom: 10px;
    line-height: 1.5;
}

.blog-style-one .single-blog-post:hover .text-box:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.blog-style-one .single-blog-post .text-box:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #2d3f7f;
    /*background: #f6821f;*/
    /*background: #6541c1;
    background: -webkit-gradient(left top, right top, color-stop(0%, #6541c1), color-stop(98%, #d43396), color-stop(100%, #d43396));
    background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
    background: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-style-one .single-blog-post .text-box a.read-more {
    background:#f6821f;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 15px;
}

.blog-style-one .single-blog-post .text-box:hover a.read-more { 
    background:#2d3f7f; 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-style-one .owl-carousel .owl-nav {
    display: block;
}
.blog-style-one .owl-carousel .owl-nav button {
    position: absolute;
    background: #f2f2f2 !important;
    border-radius: 3px;
    color: #333;
    height: 32px;
    top: 50%;
    transform: translatey(-50%);
    width: 32px;
    text-align: center;
    line-height: 32px !important;
    left: -15px; 
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    font-size: 24px !important;

}
.blog-style-one .owl-carousel .owl-nav button.owl-next {
    right: -15px;
    left: auto;
}
.blog-style-one .owl-carousel:hover .owl-nav button{
    opacity: 1;
    visibility: visible;
}
.blog-style-one .owl-carousel .owl-nav button:hover { background: #f6821f !important;}
.blog-style-one .owl-carousel .owl-nav button:hover span { color: #fff !important;}
.blog-style-one .owl-carousel .owl-nav button span {display: inline-block; line-height: 21px; position: absolute; top: 3px;  left: 11px; font-size: 35px;}
.blog-style-one .owl-dots { display: none; }

.blog-style-one .owl-carousel .owl-nav.disabled { display: block; }

.blog-style-one .owl-carousel .owl-nav button:focus { outline: none; }

/*//Blog*/