@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

@media (min-width: 1200px) {
.container {
width: 1230px;
}

}
.demo-1 .sl-slider-wrapper {	
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.demo-2 .sl-slider-wrapper {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}


.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {
	padding: 100px 30px 10px 30px;
	width: 80%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.demo-2 .sl-slider h2 {
	font-size: 100px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.demo-2 .sl-slider blockquote {
	font-size: 28px;
	padding-top: 10px;
	font-weight: 300;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.demo-2 .sl-slider blockquote cite {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 30px;
	display: inline-block;
}

.demo-2 .bg-img {
	padding: 200px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: -200px;
	left: -200px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.demo-2 .nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

/* Content elements */

.demo-1 .deco {
	width: 260px;
	height: 260px;
	border: 2px dashed #ddd;
	border: 2px dashed rgba(150,150,150,0.4);
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin: 0 0 0 -130px;
}

.demo-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
	color: #999;
	text-shadow: 0 0 1px #999;
	position: absolute;
	width: 220px;
	height: 220px;
	line-height: 220px;
	text-align: center;
	font-size: 100px;
	top: 50%;
	left: 50%;
	margin: -110px 0 0 -110px;
	box-shadow: inset 0 0 0 10px #f7f7f7;
	border-radius: 50%;
}

.demo-1 .sl-slide h2 {
	color: #000;
	text-shadow: 0 0 1px #000;
	padding: 20px;
	position: absolute;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 13px;
	text-transform: uppercase;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	bottom: 50%;
	margin: 0 0 -120px 0;
}

.demo-1 .sl-slide blockquote {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	height: 70px;
	color: #8b8b8b;
	z-index: 2;
	bottom: 50%;
	margin: 0 0 -200px 0;
	padding: 0;
}

.demo-1 .sl-slide blockquote p{
	margin: 0 auto;
	width: 60%;
	max-width: 400px;
	position: relative;
}

.demo-1 .sl-slide blockquote p:before {
	color: #f0f0f0;
	color: rgba(244,244,244,0.65);
	font-family: "Bookman Old Style", Bookman, Garamond, serif;
	position: absolute;
	line-height: 60px;
	width: 75px;
	height: 75px;
	font-size: 200px;
	z-index: -1;
	left: -80px;
	top: 35px;
	content: '\201C';
}

.demo-1 .sl-slide blockquote cite {
	font-size: 10px;
	padding-top: 10px;
	display: inline-block;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/* Custom background colors for slides in first demo */

/* First Slide */
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
	background: #fff;
}

/* Second Slide */
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
	background: #000;
}

.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
	color: #fff;
}

.demo-1 .bg-2 blockquote:before {
	color: #222;
}

/* Third Slide */
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background: #db84ad;
}

.demo-1 .bg-3 .deco {
	border-color: #fff;
	border-color: rgba(255,255,255,0.5);
}

.demo-1 .bg-3 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #b55381;
}

.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.demo-1 .bg-3 blockquote:before {
	color: #c46c96;
}

/* Forth Slide */
.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	background: #5bc2ce;
}

.demo-1 .bg-4 .deco {
	border-color: #379eaa;
}

.demo-1 .bg-4 [data-icon]:after {
	text-shadow: 0 0 1px #277d87;
	color: #277d87;
}

.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.demo-1 .bg-4 blockquote:before {
	color: #379eaa;
}

/* Fifth Slide */
.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
	background: #ffeb41;
}

.demo-1 .bg-5 .deco {
	border-color: #ECD82C;
}

.demo-1 .bg-5 .deco:after {
	color: #000;
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.demo-1 .bg-5 blockquote:before {
	color: #ecd82c;
}

.demo-2 .bg-img-1 {
	background-image:url(../images/1.jpg);
}
.demo-2 .bg-img-2 {
	background-image: url(../images/2.jpg);
}
.demo-2 .bg-img-3 {
	background-image: url(../images/3.jpg);
}
.demo-2 .bg-img-4 {
	background-image: url(../images/4.jpg);
}
.demo-2 .bg-img-5 {
	background-image: url(../images/5.jpg);
}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
	.demo-1 .deco {
		width: 130px;
		height: 130px;
		margin-left: -65px;
		margin-bottom: 50px;
	}

	.demo-1 [data-icon]:after {
		width: 110px;
		height: 110px;
		line-height: 110px;
		font-size: 40px;
		margin: -55px 0 0 -55px;
	}

	.demo-1 .sl-slide blockquote {
		margin-bottom: -120px;
	}

	.demo-1 .sl-slide h2 {
		line-height: 22px;
		font-size: 18px;
		margin-bottom: -40px;
		letter-spacing: 8px;
	}

	.demo-1 .sl-slide blockquote p:before {
		line-height: 10px;
		width: 40px;
		height: 40px;
		font-size: 120px;
		left: -45px;
	}

	.demo-2 .sl-slider-wrapper {
		height: 500px;
	}

	.demo-2 .sl-slider h2 {
		font-size: 36px;
	}

	.demo-2 .sl-slider blockquote {
		font-size: 16px;
	}

}

.ps-container {width: 100%; height: 100%;}

.panel-custom {width: 100%; flat: none;
    padding: 0 18px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    /* width: 90%; */
    /* float: right; */
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.navbar-inner a:hover {color: #08af77;}
.ul.mega-dropdown-menu > li.services-menu > a:hover{color: #08af77;} 
.ul.mega-dropdown-menu > li.services-menu > a:hover, ul.mega-dropdown-menu > li.services-menu > a:focus {color: red;}

.ps-container {height:80%}
.ps-footer h1  a.testi {color:#fff; font-size: 25px; text-align: center;}
.ps-footer h1 {text-align: center; margin: 0;}
.ps-container .carousel1 {height: auto;}
.ps-container .carousel1 .item {MIN-height: 320PX; background-color: transparent;}
.ps-container .carousel1 .item.active {height: auto;}


.footer_menu ul li a.span1 {color:#009cd8;}
.footer_menu ul li a.span1 i {color:#009cd8; font-size: 20px; padding: 11px 0 13px 0;}
.testimonials-section .testimonial h3 {font-size: 18px; color: #08af77; font-weight: 600; margin-bottom: 0;
padding-top: 0 !important;padding: 0;}
.testimonials-section.strong-view.default .testimonial-client{ margin-top: 0;text-align:left;margin-bottom: 20px;}
.testimonials-section .testimonial-company { font-weight: 600;color:#1b1e41;}	
.sm-nowrap{margin: 0; left: 10px;}
.company-drop-down li {padding: 0; margin: 0;}

.thnk-color a {color: #08af77;}
.inner-intro-heading-thnakyou {background-image: url(../images/thankyou-bg.jpg); margin-top: 88px; background-position: center; background-size: 100%; min-height: 50%;}

.site-content-contain {top: 0px;}
.site-content-contain.middle-secion-inner {
    top: 80px;
}

.contact-info-input .form-group .form-control {background-color: #fff; border: 1px solid #ccc; height: 50px;}
.contact-info-input .form-group textarea {height: 116px !important;}
.send-info-box {padding: 30px; border: 1px solid Gray;}
.send-info-box h2{margin-top: 0; color: #08af77;}
.send-info-box p {color: Gray;}
.contact-info-input a {padding: 10px 25px;  color: #08af77;   float: right; display: inline-block;   border-radius: 30px; background: none;     border: 2px solid #08af77;}
.contact-info h2 {color: #08af77; margin-top: 30px}
.contact-info p {color: gray; margin-bottom: 30px;}


.whychooseus-section{   
background: linear-gradient(rgba(8, 175, 119, 0.8), rgba(8, 175, 119, 0.8)),
                rgba(0,0,0,0.55) url('../images/why-choose-bg.jpg') no-repeat center;
  text-align:center;
-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	padding:50px 0;
	background-position:100% 20%;

}
.whychooseus-section h1{ color:#fff;text-align:center;margin:0 0 50px 0; font-size: 36px;}
.whychoose-list{ position:relative;}
.whychoose-list i{ position:absolute;left:0;top:-8px;color:#fff;}
.whychoose-list h4{ padding-left:40px;color:#fff;text-align:left;}
.disable{ display:none;}

.carousel1 .carousel-indicators li {height: 12px; width: 12px;}

.service-content h3 {font-size: 18px; font-weight: 500; text-align: center; color: #000;}
.service-content p {font-size: 16px; color: gray; text-align: center;padding: 0 10px 0 10px;}
.service-content h2 {text-align: left; color: #08af77; text-align: center;}
.service-content {padding-bottom: 50px; padding-top: 40px; background-color: #f7f7f7;}


.accordion_menu1 {width: 100%;}
.accordion_menu1 a i{
    font-size: 32px;
    color: #fff;
    background: #08af77;
    /* padding: 15px; */
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-right: 20px;
}

.panel-heading1{padding: 0 0 0 0}
.panel-title1 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    color: inherit;}
.panel-title1 > a {
    font-size: 24px;
    color: #08af77;}
/* Small devices (tablets, 768px and up) */




/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }


@media (max-width: 768px)
{
    
    #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top li.mega-menu-item > ul.mega-sub-menu
    {width: 100%;}
    .custom-logo-link img {max-width: 80px;}
    #mega-menu-wrap-top .mega-menu-toggle {background-color: transparent;}
    
    
    .site-branding .wrap {padding: 0 !important; display: inline;}
    .site-branding a {  position: absolute;
    top: -12px;
    z-index: 999;
    padding: 20px;}
	
	 .company-iten a {  position: relative !Important;
    top: 0;
    z-index: 999;
    margin:8px 0 !Important;}
	#mega-menu-top li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {padding: 0 !Important; width: 100% !important;}
    
    .responsive-tabs-container .accordion-link {display: block!Important;}
    
}

#mega-menu-wrap-top .menu-company img {width: 39px; height: 39px;}

body {padding: 0!important;}
.navigation-top {padding: 0!important; position: relative; border-bottom: 0 !Important;}
.mega-menu-wrap{top:-60px!important;}
.innermenu .mega-menu-wrap{ top:-42px!important;}
.main-navigation  {position: absolute !important; width: 100% !important; left:0 !important;    max-width: 100%;
    min-width: 100%;}
.innermenu {position: relative!important; width: 100%!important;}
.main-navigation img {width: 220px !Important; height: 58px;}
#mega-menu-wrap-top .menu-company img {width: 39px !Important;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {color: #fff!important;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:active, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus {color: #fff!important;}
.innermenu .custom-logo{ display:none;}
.innermenu .custom-logo-link{ background:url('https://zobiwebsolutions.com/wp-content/uploads/2018/10/zobi-logo-black-text.png') no-repeat;width:221px; height: 61px;    background-size: 100%;padding: 0;}

.tab-content p {font-size: 16px;}
.carousel-caption p {font-size: 18px; padding: 0 15px;width:100%;}
.ps-header {padding: 70px 0 70px 0px;}
.ps-footer {padding: 10px 0 70px 0;background-color: #08af77;}
/* .testimonial-heading {text-align: right;}*/
.testimonials-section .testimonial-content p {font-size: 14px;color: #767676;}

/*.form-group .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #222323;
    background-image: none;
    border-radius: 0;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    color: #fff;
}*/
.form-group .form-control { display: block;width: 100%;height: 46px;border:0;border-radius: 0;padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;}
.form-group .form-control.form-control-page{ border: 0;border-bottom: solid 1px #ccc;border-radius: 0;padding-left: 0;
padding-right: 0;background-color: transparent;}
.div-left {background: rgba(0, 0, 0, 0.44); padding: 50px 50px; }
.div-right {padding: 50px 50px;}

.logo-header h2 {font-size: 46px; text-align: center; font-weight: 400; margin: 50px 0 50px 0;}
.logo-header h2 span {color:#08af77;}
.logo-footer {margin-bottom: 40px;}

.site-footer {background-color: #1b1e41; color: #fff; border-top: 1px solid #60627a !Important;  margin: 0!important;}
.site-footer p {font-size: 14px;}

.site-branding .innermenu {height: 70px; background-color: #fff;top: 18px;}
.innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {color: #343434 !important;}
.innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover {color: #08af77 !important;}

.site-content {padding: 0 !important;}
.page-heading {padding: 75px 0;}
.container-fluid {padding: 0;}



/* .elementor-section.elementor-section-boxed>.elementor-container {max-width: 100% !important;}
.boxed-centered.elementor-section.elementor-section-boxed>.elementor-container{ width:1200px;}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 0!Important;}
.panel-title1 a:hover {color: #08af77 !important; box-shadow: none !Important;}
.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {width: 100% !important;}  */

button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: none !important;}
/*--------------------Bread crumb----------------------*/


.breadcrumb {
    padding: 15px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb > li {font-size: 16px; color: #fff;}
.inner-section {padding: 40px 0;}
.inner-section p {font-size: 16px; margin: 0 0 10px 0;}
/* .testimonial p {font-size: 16px; margin: 0 0 10px 0;}
.testimonial h3 {font-size: 18px;}
.testimonial {padding: 40px 0;}
.testimonial h5 {font-size: 14px; font-weight: 500; letter-spacing: 0; padding: 0;}
.testimonial hr {margin: 20px 0 !important; background-color: #d9d9d9 !important;} */
/*--------------------og-grid----------------------*/
.entry-content a img, .comment-content a img, .widget a img {box-shadow: none !important;}
.service_cantaint {display: none;}

.footer_menu ul li a:hover {color: #fff!important;box-shadow: none;}
.footer_menu ul li a.span:hover {color: #08af77!important;}
.site-footer .widget-area {
    padding-bottom: 0!Important;
    padding-top: 0!Important;
}
.send_btn{
    display: block;
    margin: 20px 0 10px 0;
    border-radius: 30px !Important;
    padding: 15px 10px !important;
    background-color: #08af77 !Important;
    font-size: 14px !important;
    width: 100% !Important;
    outline: none;
	text-transform: uppercase;
	font-weight: 500 !important;
}
.send_btn:hover {background-color: #08af77 !Important;}

.hire-developer-box h1 {font-size: 36px;}
.hire-developer-box h3 {font-size: 24px; padding: 0;}
.sidebar-heading {font-size: 24px;}
.service-content h2 {font-size: 30px; font-weight: 400;}

 
.site-branding {background-color: #fff;}
.wrap {
    max-width: 100%;
    padding: 0;
}




.slick-dots {display: none;}
.recent-caption {min-width: 400px; position: relative;}

.recent_work_btn:hover {color: #fff; font-size: 16px;}
.recent_work_btn {color: #fff !important; font-size: 20px;}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover {color: #08af77!important;}
.home #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover {color: #08af77!important;}
.footer-widget-1 .widget{padding-bottom: 0!important;}
.site-footer .wrap {padding-bottom: 15px !important; padding-top: 15px !important;}

.menu-company br {display: none;}
.menu-company a {margin: 12px 0 !important; }
.menu-company {padding: 0; margin: 0; top: 0;}
.menu-company p {white-space: nowrap; padding-bottom: 15px;}
.main-navigation ul ul a {text-transform: uppercase !important;white-space: nowrap !Important;}
.mega-menu-item-65 .main-navigation .menu-company {width: 200px}
.logo-header h2 {text-transform: uppercase;}
.slick-dots {display: none !Important;}
.ps-container {height: 530px;}
.ps-header h1 {text-transform: uppercase;}



.sub-heading {font-size: 36px!important; font-weight: 500!important;}
.sidebar-heading {font-weight: 500 !important;}
.hire-developer-box h1,.hire-developer-box h3,.whychooseus-section h1,.panel-title1 a {font-weight: 500!important;}
#recent_work h2 {font-weight: 500!important;}

.service-menu {}
.mega-sub-menu {text-align: center; margin-top: 10px; display: block;}
.submenu4 {color: #08af77; font-weight: 600; font-size: 14px; white-space: nowrap !Important; width: 30px;padding-left: 5px;}
.submenu3 {color: #edc124; font-weight: 600; padding-left: 5px;}
.submenu2 {color: #8dbf3f; font-weight: 600; padding-left: 5px;}
.submenu1 {color: #08af77; font-weight: 600;padding-left: 5px;}
.testimonial_box p {
    font-size: 18px !Important;
	line-height: 32px !important; color: #383838; font-family: 'Lato', sans-serif !important;}
a:hover, a:active {outline: 0!important;}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {width: 24%!important;}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9
{width: 28%!important;}

.carousel-caption h2 {line-height: normal;}

.carousel-caption h2:after {  
	content: "";
	border-top: 2px solid #08af77;
    display: block;
    width: 100px;
    margin-bottom: 20px;margin:30px auto;}
.slider-service-img{ position:absolute;bottom:0;right:0;}	

.mega-menu-item-65 .mega-sub-menu {width: 150px !important;  left: auto !important;}
.ps-container .strong-view.modern .testimonial-content::after {display: none; color: #08af77 !important;}
/* .ps-container .strong-view.modern .testimonial-content::before, .strong-view.modern .testimonial-content::after {color: #fff!important; line-height: 0!important; width: 200px!important;font-size: 65px!important;} */
.ps-container .testimonial-inner .testimonial-content {border: 1px solid #fff !Important; background-color: #08af77 !important; padding-bottom: 0px;padding-top: 20px; padding-left: 30px;padding-right: 30px; min-height: 200px;}

.testimonial-heading {padding: 10px 20px 10px 10px; top: 10px;}

.testimonial-heading a {padding: 20px;}
/* .strong-view.modern .testimonial-client {margin-top: 0!important;} */
.widget ul li {border: 0px !Important;}
.services-list a {color: #fff!important;}
.services-list li {box-shadow: none;}
.inner-section .widget {padding-bottom: 0!important; }
.hire-developer-box:hover {box-shadow: none; border-bottom: 0!important;}

.og-details a.link-button {background-color: #1ab78d!important;
background:#1ab78d!important; color: #fff!important; padding: 10px 20px!important; font-size: 16px;}
.og-expander-inner .og-close {background: transparent!important; color:#383838!important;}
.ps-container {height: 550px;}
.rcpigslide-wrapper {box-shadow: none!important;}

.panel-title > a:hovr,.panel-title > a:active, .panel-title > a:focus,.panel-title > a:visited,.panel-title > a:active ,.panel-title > a:after {color: #000 !Important; outline: 0;}
.panel-title a:focus {color: #666!important; outline: 0;}
.breadcrumb li a {color: #fff;}
.breadcrumb li:hover a,.breadcrumb li:focus a,.breadcrumb li:active a {color: #fff!important;}
.ps-container .strong-view.pager-style-buttons .wpmslider-pager-link:before {
    border: solid 2px #fff;
    border-radius: 50px;
    content: "" !important;
	width: 20px!important;height:20px;
	font-family:inherit !important;
}

.ps-container .strong-view .wpmslider-controls a:hover, .strong-view .wpmslider-controls a:active, .strong-view .wpmslider-controls a:focus{
    content: "";
    background-color: #fff;border-radius:50%;
}
 .ps-container .strong-view .wpmslider-controls .wpmslider-pager-link.active:before{ background-color: #fff;}
.ps-container .strong-view .wpmslider-controls a {
    display: inline-block;margin:0 5px;height:20px;
}
.ps-container .strong-view.controls-type-sides.nav-position-inside .wpmslider-pager {margin-top: 15px!important;}

.ps-container .strong-view.modern .testimonial-content:before{
    font-family: FontAwesome;
    color: #CDCDCD;
    font-size: 36px;
    font-style: normal;
    line-height: 36px;
    position: absolute;
    width: 76px !important;
    background-color: #08af77;
    height: 36px;
    display: inline-block;
	padding-left: 0px;
}

.ps-container .strong-view.modern .testimonial-content p:last-of-type {text-align: center!important; padding: 0;}
/*.strong-view.modern .testimonial-content:before {
    content: "\f10d";
    left: 20px !important;
    top: -2px !Important;
}*/
.strong-view.pager-style-buttons .wpmslider-pager{ margin:0 !important;}
.site-branding a:hover, .site-branding a:focus {opacity: 1 !important;}
.custom-logo-link {z-index: 999 !important; position: relative; display: inline-block !important;}

.footerNew div.wpcf7-response-output {color: #fff !important;}
.testimonial-heading a {pointer-events: none; }


.footer-menu {margin-top: 8px;}
.footer-menu a {color: #fff; box-shadow: none !Important;}
.footer-menu2 a {display: inline-block; font-size: 30px;  color: #fff; padding: 10px; height: 50px; width: 50px; text-decoration: none; text-shadow: none; box-shadow: none !important;} 
.footer-menu2 br{display: none;}
.footer-menu2 a img {height: 40px; width: 40px;}
.footer-menu2 a .upwork  {fill: #fff !Important;}
.footer-menu2 a:hover .upwork  {fill: #000 !Important;}
.footer-menu2 a svg  {    position: relative;
    top: 6px;}
.footer-menu2 {margin-bottom:10px;}
ul.services-list li a {font-size: 16px !important;}

.row-man {margin-left: 0px!important; margin-right: 0px!important;}
.widget ul li a:hover, widget ul li a:active,.widget ul li a:focus {box-shadow: none !important;}
.email .fa {margin-right: 10px;}

.service-cantaint {height: 400px !Important; }
#services .servece_menu h2 {margin: 30px 0px !important;}

.og-details .infosep {border: 0 !important;}
.footer_icon {padding: 12px !Important;}
.og-details:before,.og-details:after {border: 0px !important; content: none !Important;}
.rcpigslide-horizontal {padding: 0 !important;}
.rcpigslide-list li {max-width: 190px; max-height: 200px!important;}
.rcpigslide-list { max-height: 200px!important;}
.portfolio1 {margin: 10px 10px!important; border: solid 1px #ccc; padding: 5px!important;}

span.wpcf7-not-valid-tip {color: red !Important; padding: 5px 0px;font-size:11px !important;}
#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: none !important;}



@media (max-width: 767px){
	#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: block !important;}
	#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after {display: none !important;}
	.home  {background: transparent!important;}	
	.home .site-header {background: transparent!important;}	
	.home .site-branding {background: transparent!important;}	
	/*.home .site-content-contain {top: -61px !Important;}*/
	.home .custom-header {position: absolute;}
	 #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top {background-color: #08af77 !Important; padding: 15px 15px 15px 15px;}
	/*.home #mega-menu-wrap-top .mega-menu-open {background-color: #fff !Important;}*/
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {margin-top: 0 !Important;}
	.menu-company {margin-left: 0!important;}
	#mega-menu-wrap-top #mega-menu-top p {margin-bottom: 0!Important; padding-bottom: 0 !important;}
	#mega-menu-wrap-top #mega-menu-top p.submenu2,#mega-menu-wrap-top #mega-menu-top p.submenu1, #mega-menu-wrap-top #mega-menu-top p.submenu3, #mega-menu-wrap-top #mega-menu-top p.submenu4 {margin-bottom: 0!Important; padding-bottom: 12px !important;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {padding: 0 15px !Important;}
	.menu-company .submenu1 {padding-top: 15px;}
	.menu-company a {top: 0 !Important;}
	
	.border-left {width: 98% !important;}
	.menu-toggle {color: transparent!important;}
	.footer_menu ul li p {display: inline-block; width: 250px; margin-bottom: 0px;}	
	.service-cantaint {padding: 0 0 0 30px;}
	.mega-menu-item-65 .mega-sub-menu {width: 100% !important; right: 90px !important; left: auto !important;}

	
	.responsive-tabs-container .desktop {display: none !Important;}
	.ps-container .strong-view.modern.controls-type-sides .testimonial-inner {padding-left: 20px !Important; padding-right: 20px !Important;}
	.footer-text h2,.footer-text2 h2 {text-align: center !Important; margin-top: 30px;}
	.strong-view.modern .testimonial-content p:last-of-type {padding-bottom: 20px !Important;}
.service-cantaint {
    height: auto !Important;
	padding-left: 20px !important;}
	.slides {height: 480px !important;}
	.slideshow > nav span {height: 20px !Important; margin: 5px !Important;}
 #slideshow h2 {margin-top: 20px !Important;}
	#recent_work #slideshow {padding-top: 30px;}	
#slideshow .description .man-top { margin-top: 0px !Important;}
	.strong-view.modern .testimonial-inner {padding-top: 37px !Important;}
	.ps-header {padding: 0px; height: 105px !important;}
	.ps-container .ps-header h1 { font-size: 30px !Important;  margin: 30px 30px 10px 30px !important; padding: 0!important;}
	.ps-container  {padding: 30px 0;}
	.ps-footer {padding: 0 !important;}
	.logo-header h2 {font-size: 30px;}
	.footer-text2  h2 {font-size: 30px !Important;}
	
	.slick-list button.slick-arrow {
    height: 20px !important;
    width: 20px !important;
}
	
	.main-navigation {position: relative !important; height: 60px;}
	.site-branding .innermenu {padding-top: 0;}
	.homemenu {padding-right: 0 !important;}
	.innermenu .custom-logo-link {width: 140px !Important; margin-top: 25px; margin-left: 15px;}
	/*.homemenu .custom-logo-link img { max-width: 140px !Important; margin-left: 15px; margin-top: 15px}*/
	.homemenu .custom-logo-link img{max-width: inherit !Important;margin-left: 15px;margin-top: 15px;}
	.site-branding .homemenu {position: relative !Important;}
	.custom-logo-link img {
    display: inline-block;
    max-height: inherit;
    width: 100%;
    height: 100%;
	}
	.custom-logo-link img {
    display: inline-block;
    max-height: 100% !important;
    width: 100% !important;
}
	a.custom-logo-link { width: 140px;float: left;}
	.custom-header {
    position: absolute;
    width: 100%;
}
	#mega-menu-wrap-top .mega-menu-toggle{ background-color:transparent !important;}
	#mega-menu-wrap-top { background-color:transparent !important;}
	.home .mega-menu-wrap {
    top: 0px!important;
    position: absolute !important;
    width: 100% !important;
}
	#mega-menu-item-68 .mega-sub-menu .menu-company a {margin: 5px 0px !important;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {margin: 5px 0 !important;}
	.site-branding .innermenu { height: 60px;}
	.home #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, .home #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:active, .home #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus {color: #fff !Important;}
	.innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, .innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:active, .innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus  {color: #fff !Important;}
	.innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {color: #fff !Important;}
	
	 .innermenu #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block {position: relative; top: -8px;}
	#mega-menu-wrap-top .mega-menu-toggle {height: 51px !important;}
	#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1:before {font-size: 35px !Important;}
	.home #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block {position: relative; top: -6px;}
	

	.og-details  {text-align: center;}
	.rcpigslide-list li {max-width: 140px;}
	.home .site-content-contain:before { margin-top: 55px !important;}
	.carousel-caption h2 {font-size: 38px !Important;}
	#cptbc-item-87 .carousel-caption h2{ font-size: 27px !important; margin-bottom: 10px !Important;}
	#cptbc-item-741 .carousel-caption h2{ font-size: 27px !important; margin-bottom: 10px !Important;}
	.carousel-inner > .item {height: 500px !Important;}
	.carousel-caption p {font-size: 14px !important; padding: 0 !important;}
	.carousel-caption {top: 12% !important;}
	.btn-explore {width: 200px !important; padding: 12px 10px !important; font-size: 15px !important;}
	
	#thsp-sticky-header #menu-item-740 a {
	background-color: #08af77 !important;
    color: #FFF !important;
    border-radius: 0px !Important;
    display: block;
	padding: 0 !Important; 
	
}
	
	#thsp-sticky-header #menu-item-740 {float: none;}
	#thsp-sticky-header {display: none;}
	
}
	@media only screen and (max-width : 360px) {
		.footer_menu ul li p {
    display: inline-block;
    width: 200px;
    margin-bottom: 0px;
}
		
    
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* IPAD STYLES GO HERE */

	.mega-menu-item-68 .mega-sub-menu .menu-company{ margin-left: 0px;}
	.mega-menu-item-68 .mega-sub-menu .menu-company p a {font-size: 12px;}
	.panel-group {margin-left: -73px !Important;}
	.tab-content .desktop {display: none !important;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
 .panel-group {margin-left: -58px !Important;}  
 .panel-title > a {font-size: 20px !Important;}
	.servece_menu h2 {font-size: 25px !Important;}
	.servece_menu ul li a {font-size: 15px !Important;}
	.servece_left_menu ul li {line-height: 20px !Important;}
	.service-cantaint {height: 370px !Important;}
	#services, .ps-container {margin-bottom: 50px;}
	.main-navigation {position: relative !important;}
	.menu-toggle {display: block !important;}
	.home  {background: transparent!important;}	
	.home .site-header {background: transparent!important;}	
	.home .site-branding {background: transparent!important; width: 100%;}	
	/*.home .site-content-contain {top: -61px !Important;}*/
	.home .custom-header {position: absolute; width: 100%;}
	.innermenu .custom-logo-link {margin-top: 30px; margin-left: 15px;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {font-size: 12px !Important;     padding: 10px !important;}
	.menu-toggle{color: transparent !important;}
	.mega-menu-wrap {margin-top: 10px!Important;}
	.homemenu #mega-menu-wrap-top #mega-menu-top {margin-top: 30px!important;}
	.innermenu #mega-menu-wrap-top #mega-menu-top {margin-top: 30px!important;}
	.homemenu {padding-right: 10px;}
	.homemenu #mega-menu-top li.mega-menu-megamenu.mega-menu-item-65.mega-toggle-on ul.mega-sub-menu{width: 200px !Important;}
	
	
}

/*.home .site-content-contain:before {
    content: "";
    border-top: 1px solid #fff;
    position: absolute;
    margin-top: 80px;
    z-index: 1;
    width: 100%;
	opacity: 0.2;
}*/

.home .custom-logo-link img {position: relative; top:-8px;}


.btn-explore {
	margin: 50px auto;
    border-radius: 50px;
    display: block;
    padding: 17px 20px 18px 20px; 
    background-color: #08af77;
    color: #FFF;
    width: 300px;
	text-align: center;
	font-size: 20px;
	text-shadow: none !Important;
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
}

.btn-explore:hover { color: #08af77; background: #fff;}



#mega-menu-wrap-top #mega-menu-top > li.btn-quote {float: right !Important;}
#thsp-sticky-header #menu-item-740 a {
		background-color: #08af77 !important;
    color: #FFF !important;
	 transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    border-radius: 50px !Important;
    display: block;
	padding: 5px 30px 5px 30px !Important; 
	
}
#thsp-sticky-header #menu-item-740 {float: right; top:-5px; position: relative;}
.innermenu #mega-menu-wrap-top #mega-menu-top > li.mega-btn-quote > a.mega-menu-link:hover {color: #fff !important;background: #000 !Important; opacity: 0.7;}

#mega-menu-wrap-top #mega-menu-top {position: relative !Important;}

#cookie-law-info-again {display: none!important;}

.carousel-indicators li {    width: 12px;  height: 12px; margin:0 3px;}
.carousel-indicators li.active {background-color: #08af77 !Important; border: 1px solid #08af77;   width: 12px;height: 12px; top: 0; position: relative; margin:0 3px;}


/*sticky header*/

#thsp-sticky-header-title {top: -21px; position: relative;}
#thsp-sticky-header { height: 75px; border-bottom: 1px solid #d9d9d9;}
#thsp-sticky-header-inner { max-width: 1230px; margin: auto; padding: 0 15px;}
#thsp-sticky-header-inner #thsp-sticky-header-menu {text-align: center !Important; float: none !important; margin-top: 14px !important;
position: relative;}
#thsp-sticky-header li a{
font-size: 14px !Important;
padding: 0 15px;
text-transform: uppercase;}

#thsp-sticky-header-title img {
    width: 221px !Important;
	height: 61px !Important;
}
#thsp-sticky-header-inner #thsp-sticky-header-menu li {margin: 0 !important;}
#thsp-sticky-header li a {line-height: 35px !Important;}

#mega-menu-item-62 {padding-left: 17% !Important;}
.homemenu {padding-left: 28px; padding-right: 48px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-btn-quote > a.mega-menu-link {top:-10px;}
@media (max-width: 768px){
	
#mega-menu-item-62 {padding-left: 0 !Important;}	
#mega-menu-wrap-top #mega-menu-top {margin-left: 0 !Important; }	
#thsp-sticky-header #menu-item-740 {float: none;}
	#thsp-sticky-header {display: none;}
	 #mega-menu-wrap-top #mega-menu-top {margin-left: 0 !important;}
	 #mega-menu-wrap-top #mega-menu-top > li.mega-btn-quote {float: none !important;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-btn-quote > a.mega-menu-link {display: inline !Important; padding: 0 0 0 10px !important; 
	}
	#mega-menu-wrap-top #mega-menu-top > li.mega-btn-quote > a.mega-menu-link {top: 0px;}
	.homemenu { padding-left: 0px; padding-right: 0px;}
	.site-branding .innermenu {top: 0px;}
	.process .boxes {display: block; width: 100% !important; padding: 8px; top: 0;}
	.footer-menu2  {float: left;}
	.divider {display: none !Important;}
	.statistic .border-right:after {display: none !important;} 
}

.technology {padding: 50px 0!Important;}
.itm-content img {width: 100px; height: 100px;}

.technology h3 {font-size: 30px !Important; font-weight: 600; line-height: 1.2; margin-bottom: 10px;}
.technology p {font-size: 15px !Important; font-weight: 500; color: #333; margin-bottom: 10px;}
.technology p.sub-headings {font-size: 20px !Important; font-weight: 500; color: #333; margin-bottom: 20px;}
.technology .fa {font-size: 100px !important; color: #08af77;}
.technology .divider:before {border-right: 1px solid #e5e5e5; display: inline-block; content: ""; height: 100%; position: absolute; right: -2px;}

.statistic {padding: 70px 20px 50px 20px!Important;}
.statistic h3 {font-size: 45px !Important; font-weight: 600; color: #fff;margin-top: 0px;line-height: 1.2; margin-bottom: 20px;}
.statistic h4 {font-size: 16px !Important; font-weight: 500; color: #fff;}
.statistic h4 span{font-size: 25px !Important; font-weight: 800; color: #fff;}
.statistic h4 .green-plus{font-size: 28px !Important; font-weight: 800; color: #08af77; margin-left: 5px;}
.statistic p {font-size: 16px !Important; font-weight: 500; color: #fff !Important; }
.statistic p.sub-headings {font-size: 20px !Important; font-weight: 500; color: #fff !important; margin-bottom: 80px;}

.line1 {
	
    border-top: 1px solid #fff;
    position: absolute;
    z-index: 1;
    width: 100%;
	opacity: 0.2;
}
.statistic h4 {padding: 40px 0 0 0 !important; margin-top: 10px;}

.statistic .border-right:after {
    content: "";
    border-right: 1px solid #fff;
    position: absolute;
    right: -1px;
    top: 30px;
    display: inline-block;
    z-index: 1;
    height: 125px;
    opacity: 0.2;
}

.process {padding: 0 0 30px 0 ; background-color: #343434;} 
.process h3 {padding: 30px 0 !Important; font-size: 35px; font-weight: 600; background-color: #08af77; color: #fff;}
.boxes h4 {color: #08af77 !Important;
    height: 75px;
    font-weight: 600;
    font-size: 16px;}
.boxes {display: inline-block; width: 14% !important; padding: 8px; top: 0; margin-top: 40px;}
.boxes i.fa {font-size: 35px !Important; color: #fff;}
.boxes h5 {background-color: #de594c; color: #fff; height: 30px; width: 30px; font-weight: 600; font-size: 14px; border-radius: 50px; text-align: center; margin: auto; padding: 5px;}
.boxes p {color: #fff !Important; padding: 15px 10px 10px 10px;text-align: center; font-size: 14px; margin: 0;}



.page-id-765  #services {background-image: none; background-color: #fff;}
.page-id-765 #services h2, .page-id-765 #services p {color: #000; text-transform: capitalize;}
.page-id-765 .footer-text2 h2 {font-size: 30px;  font-weight: 500; margin-bottom: 30px;}
.page-id-765 .footer-text h2 {font-weight: 500;}
.page-id-765 .service-cantaint {padding: 0; background-color: #d7d7d8;}
.page-id-765 .service_middle {padding-left: 50px;}
.page-id-765 .service_left {padding-left: 50px;}



.logoshowcase {margin: 60px 0;}
.logoshowcase h2 {text-align: center; font-size: 36px; font-weight: 600; color: #333;} 
.logoshowcase .slick-next, .logoshowcase .slick-prev {display: none !Important;}
.wpls-logo-showcase .slick-arrow {
    display: none !important;
}














/*---------------------------New Home page-------------------------*/

.home-slider {height: auto;}
.services {padding: 65px 0 35px 0; background-color: #fff;}
.services .services-title { color: #1b1e41;  font-size: 26px; line-height: 1; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: -1px;}
.services .services-sub-title {color: #767676; margin: 25px 10px 40px 10px; line-height: 1; letter-spacing: -1px; font-size: 22px; font-weight: 500; text-align: center;}

.box-header img {position: absolute;}
.box-header img.asp {position: absolute;  width: 65px;}
.box {padding: 20px;min-height: 350px;
webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
-o-transition: transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s,-webkit-transform .5s ease-out;}
.box:hover {
    -webkit-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -moz-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
	border: solid 1px #08af77;
}
.box p {font-size: 15px; color:#767676; margin-bottom: 0;text-align: justify;}
.box-header {margin-bottom: 25px;}
.box-header .box-title {margin-left: 68px;}
.box-header h2 {color: #08af77; font-size: 24px; line-height: 1; margin: 0; font-weight: 600; text-transform: uppercase; text-align: left;}
.box-header h5 {color: #1b1e41; padding: 0; line-height: 1; letter-spacing: normal; font-size: 18px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: left;}



.feature {padding: 65px 0; background-color: #fafafa;}
.feature .circle {height: 195px; width: 195px; float: left; z-index: 5; position: relative; padding: 15px 20px; text-align: center;  margin-left:-30px; border-radius: 50%; display: inline-block; background-color: #edf6f3;
transition: -webkit-transform .5s ease-out;
-o-transition: transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s,-webkit-transform .5s ease-out;}
.feature .circle2 { z-index: 6;  position: relative; background-color: #fff;}
.circle-box {padding: 0 20px; left: 20px; position: relative;}
 .feature .circle:hover  {
	z-index: 10;
    -webkit-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -moz-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}


.feature .feature-title1{font-size: 46px; font-weight: 600; letter-spacing: -1px; color:#1b1e41; margin: 0; line-height: 1; padding: 0; text-align: center; text-transform:uppercase; }
.feature .feature-title2{font-size: 46px; font-weight: 600; color:#08af77;     letter-spacing: -1px; line-height: 1; margin: 0; padding: 0; text-align: center; margin-bottom: 90px; text-transform: uppercase;}

.zobi-works {padding: 65px 0 0 0; 
	background-image: url("../images/company-strength-bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
position: relative;}
.work-title {font-size: 42px; text-transform: uppercase; line-height: 1; color: #fff; text-align: center; margin: 0 0 50px 0; font-weight: 600; letter-spacing: -1px;}
.work-sub-title {font-size: 22px; line-height: 1.2; color: #fff; letter-spacing: -.5px;text-align: center; margin:0 0 90px 0;}
.statics img { color: #fff; position: relative; top: -3px;}

.statics {text-align: center; width: 20% !Important; border-right: 1px solid #fff;  height: 150px;}
.staticsBorder {border-right: 0;}
.statics h2 { color: #fff; font-size: 32px; margin-top: 25px; margin-bottom: 5px;font-weight: 600;}
.statics p { color: #fff; margin: 0 0  30px 0 ; letter-spacing: -.5px; line-height: 1.3;}
.border-white {color: transparent !Important; border-top: 1px solid #fff; }

.circle h4 {font-size: 16px; padding: 0; color: #1b1e41; margin-bottom: 8px !important; margin-top: 8px;}
.circle p {line-height: 1.4; font-size: 11px; padding: 0 10px;}

.explore {padding: 65px 0  35px 0; background-color: #fff;}
.explore-box {text-align: center; color: #fff;  position: relative; min-height: 200px; line-height: 1; }
.box-overlay {
padding: 25px 20px 20px 20px; 
position: relative;
width: 100%;
min-height: 200px;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(18, 20, 48, 0.8);
}
.explore-box h4 {margin-bottom: 30px; color: #fff; text-transform: uppercase; padding: 20px 0 0 0; line-height: 1; font-weight: 600;}
.explore h2 {font-size: 46px; line-height: 1; color:#1b1e41; margin: 0; text-align:  center; letter-spacing: -1px; font-weight: 600; text-transform:uppercase; margin: 0 0 25px 0; }
.explore p {color: #767676; font-size: 20px; line-height: 1; letter-spacing: 0px; text-align: center; margin: 0 0 60px 0;}
.explore1 {background-image: url("https://zobiwebsolutions.com/wp-content/uploads/2018/11/os1.jpg");}
.explore2 {background-image: url("https://zobiwebsolutions.com/wp-content/uploads/2018/11/os3.jpg");}
.explore3 {background-image: url("https://zobiwebsolutions.com/wp-content/uploads/2018/11/os2.jpg");}
.explore4 {background-image: url("https://zobiwebsolutions.com/wp-content/uploads/2018/11/os4.jpg");}
.explore-text {background-color: #fff; padding: 15px; position: relative; top: -60px;margin-left: 15px; margin-right: 15px; font-size: 15px;  box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6) }
.explore-text ul {margin: 0; padding-left: 0px;}
.explore-text ul li {list-style: none; padding: 1px 0px;}
.explore-text ul li:before {content: '\2022'; font-size: 20px;position: relative;padding-right: 10px; top: 3px; color: #2c9e7f;}
.explore-text ul li a {color: #767676; font-size: 14px;}
.explore-text ul li a:hover {color: #2c9e7f;}
.technologyNew h2{font-size: 46px; color:#1b1e41; margin: 0; letter-spacing: -1px; line-height: 1; text-align: center; font-weight: 600; text-transform:uppercase; margin: 0 0 60px 0; }
.technologyNew {padding: 65px 0; background-color: #fafafa;}

.services-box{ border:solid 1px #cccccc;border-radius:4px;padding:30px 40px;margin-bottom:30px;position:relative;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
-o-transition: transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s,-webkit-transform .5s ease-out;}
.services-box:hover{ background-image: url(../images/service_img1.jpg);background-repeat:no-repeat;color:#fff;
background-size:cover;background-position:top center;
-webkit-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -moz-box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    box-shadow: 0 0 12px 0 rgba(173, 173, 173, 0.6);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);}
.services-mobile-development:hover{ background-image: url(../images/service_img1.jpg);}
.services-eCommerce-development:hover{ background-image: url(../images/service_img2.jpg);}
.services-web-development:hover{ background-image: url(../images/service_img3.jpg);}
.services-CMS-development:hover{ background-image: url(../images/service_img4.jpg);}	
.services-box:hover .services-overlay{ display:block;}
.services-overlay{ position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:none;z-index:2;background:rgba(0, 17,42, 0.90);}
.services-content{ position:relative;z-index:4;}
.services-box ul{ margin:0;padding:0;list-style:none;}
.services-box ul li a{ color:#555555;line-height:34px;font-size:14px;text-align: center;display: block;}
.services-box ul li a:hover{ color:#18b37f;}
.services-box:hover a, .services-box:hover h3{ color:#fff;}
.services-box h3{ font-weight:600;color:#00112a;text-transform:uppercase;text-align: center;}
.services-box h3 span{ display:block;}

.mobile-icon{ background:url(../images/services-icon1.png) no-repeat top center;height:80px;}
.services-box:hover .mobile-icon{ background:url(../images/services-icon1-hr.png) no-repeat top center;height:80px;}
.eCommerce-icon{ background:url(../images/services-icon2.png) no-repeat top center;height:80px;}
.services-box:hover .eCommerce-icon{ background:url(../images/services-icon2-hr.png) no-repeat top center;height:80px;}
.web-icon{ background:url(../images/services-icon3.png) no-repeat top center;height:80px;}
.services-box:hover .web-icon{ background:url(../images/services-icon3-hr.png) no-repeat top center;height:80px;}
.CMS-icon{ background:url(../images/services-icon4.png) no-repeat top center;height:80px;}
.services-box:hover .CMS-icon{ background:url(../images/services-icon4-hr.png) no-repeat top center;height:80px;}

.accolades-title{ padding:60px 0 0 0;border-top:solid 1px #ccc;}
.accolades-section h2{ font-size:36px;font-weight:700;text-align:center;margin:0 0 60px 0; color:#1b1e41;}
.accolades-bg{ background:url(../images/services-icon4.png) no-repeat;}
.accolades-bottom-section{ margin:0;}
.top-web-company{ text-align:left;font-size:15px;font-weight:100;color:#555555;}

.top-web-img-col{ padding:0;}
.top-web-company-col{ padding:60px 30px;}
.top-web-company{ margin:25px 0;}
.top-web-company a{ display:block;}
.top-web-company .read-more-sign{ margin:15px 0;}
.top-web-company p{ padding:0 30px 0 30px;margin:0;}
.accolades-bg{ background:url(../images/accolades-bg.jpg) no-repeat;background-size:cover;background-position:top center;
width:100%;height:100%;min-height:442px;}
.submit-btn{ padding:15px 30px !important;width: 250px !important;display: block !important;margin: 0 auto;}
.free-consulation-form .form-control{ height: 80px;border-bottom: solid 1px #ccc;box-shadow: none;border-right: solid 1px #ccc;margin: 0;padding:6px 20px;}
.free-consulation-form .form-group{ margin:0;}
.free-consulation-form .form-control:focus{ border-bottom: 1px solid #ccc !Important;border-right: solid 1px #ccc !important;}
.free-consulation-form .form-control-textarea .form-control{ height:120px;padding:26px 20px 6px 20px;}
.free-consulation-form .form-check{ padding:25px;}
.free-consulation-form .dnd-upload-status{ padding:6px 20px;}
.free-consulation-form .dnd-upload-status .dnd-upload-status .dnd-upload-details .remove-file{ right:20px;}
.free-consulation-form .dnd-upload-status .dnd-upload-image{ width:46px;}
.free-consulation-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: #08af77;font-size:10px;}
/* .testimonials-section .strong-content.strong-grid.columns-3 .testimonial { width: 33.333333%;margin-bottom:0;} */
.testimonials-section.strong-view.default .strong-content { margin: 0 auto 0;}
.testimonials-section.strong-view.default .testimonial{ border: 0px solid #E6E6E6;padding: 0px 0px 1px 0px;margin-bottom: 30px !important;}
.testimonials-section.strong-view.default .testimonial-inner{ transition: 0.4s;border:solid 1px #08af77;border-radius:5px;position:relative;
    padding: 20px;}
/*.strong-view .strong-content.strong-grid .testimonial-inner:after{ content:"\f2c0";font-family: FontAwesome;font-size:3em;color:#08af77;
position: absolute;top: 10px;right: 10px;line-height: normal;opacity: 0.1;
}
.strong-view .strong-content.strong-grid .testimonial-inner:before{ content:"\f10d";font-family: FontAwesome;font-size:1.5em;color:#08af77;
width: 46px;height: 46px;background-color: #fff;text-align: center;padding-top:10px;
position: absolute;top: -25px;left: 15px;line-height: normal;border-radius: 50px;border: solid 1px #08af77;}*/
.testimonials-section.strong-view.default .testimonial-inner:hover{ background-color:#1b1e41;}
.testimonials-section.strong-view.default .testimonial-inner:hover .testimonial-company{ color:#fff;}
.testimonials-section.strong-view.default .testimonial-inner:hover .testimonial-content p{ color:#fff;}
.free-consultation-page-section .free-consulation-form{ border-top:solid 1px #ccc;}
.free-consultation-page-section .free-consulation-form .form-control{     border-left: solid 1px #ccc;}


.footer-section {padding: 65px 0 30px 0; background-color: #1b1e41;     border-top: 5px solid #18b37f;}
.footerNew h2.titleWhite {color: #fff; font-size: 32px; text-transform: uppercase;font-weight: 600; margin-bottom: 30px;}
.footerNew h2.titleGreen {color: #18b37f; font-size: 32px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px;}
.footerNew h2.title-follow {margin: 30px 0 20px 0 !Important; padding: 0; color: #fff; font-size: 32px; text-transform: uppercase;font-weight: 600;}
.footerNew ul li a {color: #fff; font-size: 14px;}
.footerNew ul li a:hover{color: #2c9e7f;}
.footerNew ul {margin: 0; padding: 0;}
.footerNew ul li {list-style: none; padding: 6px 0;}
.footerNew ul li img {padding-right: 15px;}
.footerNew .form-control {background: #1b1e41; border-bottom: 1px solid #60627a;}
.footerNew .form-group {margin-bottom: 10px;}
.footerNew .form-control::placeholder {color: #fff;}
.footerNew ul li img.upWorK {padding-right: 10px;}
.footer-copyrights {padding: 10px 0 10px 0; background-color: #1b1e41;}
.footer-copyrights  p {margin: 0; color: #fff; font-size: 14px;}
.footerNew {margin-bottom: 0;}
.form-control:focus {border-color: transparent !Important; outline: none; border-bottom: 1px solid #2c9e7f !Important;}
.wpcf7-form p {margin-bottom: 0px;}
body {
	font-family: 'Poppins', sans-serif !important;
	height: 100%;
	width: 100%;
	letter-spacing: 0;
}

.footerNew .fa {margin-right: 13px; font-size: 20px;}
.footerNew .fa-facebook {margin-right: 19px;}
.footerNew .fa-upwork {
    background-image: url(https://www.zobiwebsolutions.com/wp-content/uploads/2018/11/1929180-48.png);
    height: 22px;
    width: 25px;
    background-size: 100%;
	margin-right: 7px;
	position: relative;
	left: -2px;
	top: 2px;
}
.footerNew ul li a:hover .fa-upwork{
    background-image: url(https://www.zobiwebsolutions.com/wp-content/uploads/2018/11/1929180-481.png);
}

/*.carousel .item:after{
content: "";
position:absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background:url('../images/banner-bg.png') no-repeat left top;
background-size:cover;
}*/

.carousel .item:after{
content: "";
position:absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background:rgb(27, 30, 65, 0.8) !important;
background-size:cover;
}

.homemenu {padding: 0 15px;}

.carousel {height: auto !Important;}
.main-navigation a {padding: 10px 15px;}

.elementor-1322 .elementor-element.elementor-element-421a7d4d > .elementor-element-populated {
    margin: 0 !important;
}
.home-page-header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.navbar-brand{ height: auto;padding: 10px 15px;}

.navbar-default .navbar-nav>li>a {
  color: #fff;font-size: 13px;text-transform: uppercase;font-weight:500;
}
.inner-page-header .navbar-default .navbar-nav>li>a, .inner-page-header .navbar-default .navbar-nav>li>a:hover{ color: #343434;}

.mega-dropdown-menu .dropdown-header{
  font-size: 18px;
  color: #1b1e41;
  padding: 0 0 5px 0;margin: 25px 0 10px 0;
  text-transform: uppercase;
}
.mega-dropdown-menu .dropdown-header img{ margin-right: 15px;}
.services-mega-menu{ padding:0 20px;width:70%;}
/*.services-menu{ width: 50%;float: left;margin: 0;padding: 0 20px;list-style: none;} */
.services-menu { line-height: normal;display: block;}
.services-menu a{ display: block;padding: 0 0 10px 0;color: #383838;font-weight:300;}
.services-menu a:hover{ color: #18b37f;text-decoration:none;}
.trending-menu{ margin: 0;padding: 0;list-style: none;}
.trending-menu a{ margin-bottom: 15px;display: block;text-align:left;color:#1b1e41;font-weight:600;}
.trending-menu a:hover{ color:#08af77;}
.trending-menu a img{ margin-bottom:6px;}
.trending-menu span{ display:inline-block;width: 70px;text-align:center;}
.trending-menu .trending-header{ font-size: 21px;margin-bottom: 15px;display:block;text-transform:uppercase;}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color: #08af77;background-color: transparent;
}
.navbar-nav > li > .dropdown-menu{ left:0 !important;margin:0 auto !important;}

@media (max-width: 768px){
	
	.home-slider{height: auto;}
	.homemenu {padding: 0;}
	.explore h1, .technologyNew h1 {font-size: 42px;}
	.box-header h2 {font-size: 22px;}
	.box-header h5 {font-size: 16px;}
	.circle-box {left: 0px;}
	.statics-border::after {display: none;}
	.footerNew .upWork {margin-bottom:20px;}
	.footerNew h1.titleWhite {margin-bottom: 20px;}
	.footerNew h1.title-follow {margin: 20px 0 !Important;}
	.footerNew h1.titleGreen {margin-bottom: 20px;}
	.feature .circle2, .feature .circle {display: block; float: none; margin: 10px auto; text-align:center; vertical-align: middle; left: 0;}
	.statics {width: 100% !Important;}
}

.carousel-inner > .item > img {height: 100%;}
.carousel-caption{ max-width: 1200px; margin: 0 auto;}
.carousel .item {background-position: scroll !important; height: 100vh !important;}

#thsp-sticky-header-title img {margin: 5px 15px;}
.top-rated-rating{ color:#fff;font-size:14px;margin-top: 30px;line-height: 24px;letter-spacing: 1px;}
.footerNew .top-rated-rating i{ color:#f2b01e;font-size:14px;margin-right:5px;}
ul.terms-policy-menu { text-align: right;
    margin: 0 !important;
    padding: 0;
	list-style: none;}
ul.terms-policy-menu li {
    display: inline-block;border:0 !important;padding: 0 !important;
}
ul.terms-policy-menu li a{ color: #fff;
    border-right: solid 1px #fff;
    padding: 0 14px 0 10px;line-height: 14px;
    display: inline-block;
    text-decoration: none !important;box-shadow:none !important;}
ul.terms-policy-menu li a:hover{ color:#08af77 !important;}
ul.terms-policy-menu li:last-child a{ border:0;padding-right:0;}
.upwork-rating {
    margin-bottom: 10px;
}
a.upWork-link{ color:#08af77;display: block;position: relative;padding-left: 0;font-size: 28px;margin-bottom:20px;}
a.upWork-link:hover{ color:#08af77;}
a.upWork-link .fa-upwork{  background-image: url(https://www.zobiwebsolutions.com/wp-content/uploads/2018/11/1929180-481.png);width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 0;
    top: -12px;}
a.upWork-link:hover .fa-upwork {
    background-image: url(https://www.zobiwebsolutions.com/wp-content/uploads/2018/11/1929180-481.png);

}
.upwork-ratings {
    margin-top: 10px;
}

.home-page-header { border-bottom: solid 0px rgba(255, 255, 255, 0.2);}
.home-page-header .logo-scroll{ display: none;}
.cbp-af-header-shrink .logo-default{ display: none;}
.cbp-af-header-shrink .logo-scroll{ display: block;}
.inner-page-header { background-color: #fff;}
.page-heading-one h1.elementor-heading-title{ font-weight:600;color:#1b1e41;font-size:46px;
text-transform: uppercase;}
.page-heading-one span{ color: #08af77;}
.heading-devider{ width:100px;}
.hire-process-section { font-size: 14px;color: #767676;}
.container-column{ padding-left: 15px;padding-right: 15px;}
.box-header.head-top{ text-align: center;}
.box-header.head-top img{ position: inherit;margin-bottom: 30px;max-height: 40px;width: auto;}
.box-header.head-top.head-top-lamp img{ max-height: inherit;}
.box-header.head-top h3{ font-weight: 600;text-transform:uppercase;color: #1b1e41;}
.box-header.head-top .box-title{ margin: 0;}
.box-primary p{ text-align: center;font-size: 14px;}
.box-primary h6{ text-align: center;font-size: 14px;color: #767676;font-weight:normal;margin-top: 0;padding-top: 0;}
.hire-process-section h3{ font-weight: 600;padding-top: 20px;color:#1b1e41;min-height: 80px;}
.hire-process-section .fa-lg{ font-size: 2em;color: #08af77;}
.hire-process-section .col-sm-6{ min-height:260px;}
.hire-process-section .col-sm-3 p{ font-size: 14px;color: #767676;}
.why-choose-section .row{ margin: 0;}
.why-choose-section .col-sm-3{ padding: 0;}
.why-choose-box{ min-height: 190px;background-color: #1b1e41;padding: 30px;color: #fff;
	text-align: center;}
.why-choose-box.bg-green{ background-color: #08af77;}
.why-choose-box h4{ color: #fff;font-weight:400;margin:0;}
.technology-features-section .elementor-image-box-img img{ height: 54px;width: auto;}
.wpcf7-form-control.wpcf7-submit.submit-btn-secondary{ background-color:#1b1e41;color:#fff;}
.wpcf7-form-control.wpcf7-submit.submit-btn-secondary:hover{ background-color:#08af77;}
.strong-view.modern.hire-page-testimonial .testimonial-heading{ color: #08af77;font-style: normal;font-weight:600;}
.strong-view.modern.hire-page-testimonial .testimonial-company{ color: #1b1e41;}
.strong-view.modern.hire-page-testimonial .testimonial-content p { color: #767676;font-size: 16px;line-height:normal;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color:transparent}
.text-secondary{ color:#1b1e41;}
.free-consulation-form-section p{ margin:0;}
.free-consulation-form .row{ margin:0;}
.free-consulation-form .col-sm-6{ padding:0;}
.upload-file-control .codedropz-upload-handler {
    border: 1px solid #ccc;background-color:#fff;
    border-radius: 0;
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
	height:80px;
}
.upload-file-control .codedropz-upload-container { padding:0;}
.upload-file-control .codedropz-upload-inner{ text-align:left;}
.upload-file-control .codedropz-upload-inner h3 {
    margin: 0px 0;
    display: none;
}
.upload-file-control .codedropz-upload-inner span{ display:none;}
.upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{ height: 80px;display: table;width: 100%;}
.upload-file-control .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    color: #999999;font-size: 14px;font-family: 'Poppins', sans-serif !important;font-weight: 400;    padding: 0 20px;display: table-cell;
	vertical-align: middle;}

/*---Blog CSS---*/
.page-header-blog{ padding:50px 15px;border:0;margin:0;}
.blog-header{ margin-bottom: 50px;
 background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(27, 30, 65, 0.45), 
      rgba(27, 30, 65, 0.45)
    ),
    /* bottom, image */
    url(../images/banner-bg.png);
	    background-size: cover;
}
.page-header-blog .page-title{ color:#fff;text-align:center;margin:0;padding:0;font-size: 64px;letter-spacing: 1px;font-weight: 600;}
.page-header-blog .page-title.page-title-single{ font-size:44px;}
.entry-title a { color: #1b1e41 !important;font-weight: 600;font-size:30px;}
.entry-title a:hover{ box-shadow:none !important;color:#1b1e41 !important;}	
.entry-header-secondary .entry-meta a, .entry-header-secondary .entry-meta a:hover { color: #08af77;letter-spacing: 1px;font-size: 14px;font-weight: 600;
box-shadow:none;}
.entry-content{ font-size: 14px;color: #737373;line-height: 1.7;}
.content-area-secondary{ border-right:solid 1px #ccc;padding-right:50px;}
.archive .site-main > article.category-blog{     padding-bottom: 1em;border-bottom: solid 1px #cccc;margin-bottom: 2em;}
.single-featured-image-header { display: none;}
.entry-footer{ display:none !important;}
.single .byline, .group-blog .byline{ display:none !Important;}
.single-post .entry-title, .page .entry-title{ font-weight:600;color: #1b1e41;}


@media (max-width: 767px){
	.footer-copyrights{ text-align:center;}
	ul.terms-policy-menu { text-align: center;
		margin: 15px 0 0 !important;}
	ul.terms-policy-menu li{ display:block;}
	ul.terms-policy-menu li a{ border:0;padding:0;}
	.footer-copyrights span{ display:block;}
	.navbar-brand{ padding: 10px 0;width:140px;}
	.navbar-collapse { padding-right: 15px;padding-left: 15px;margin: 0 -15px;background-color:#ffffff;}
	.hire-process-section{ text-align: center;}
	.hire-process-section h3{ min-height: inherit;}
	.hire-process-section .col-sm-3{ margin-bottom: 30px;}
	.elementor-1168 .elementor-element.elementor-element-7f26a978 {
		text-align: center !important;
	}
	.elementor-element.elementor-element-22046cde.elementor-align-left.elementor-widget.elementor-widget-button {
		text-align: center;
	}
	.elementor-1168 .elementor-element.elementor-element-7f26a978 .elementor-widget-container{ margin: 20px 0 0px 0px !important;}
	.accolades-section h1{ font-size:26px;}
	.carousel-caption{ margin-bottom: 0;padding-bottom: 0;}
	.carousel-inner > .item .slider-service-img{ position: inherit;bottom: 0;right: 0;width: auto;height: auto;}
	.carousel-caption p{ width:100%;display:none;}
	.carousel-caption h2{ width:100% !important;}
	.navbar-default .navbar-nav>li>a{ color:#343434;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #08af77;background-color: transparent;}
	.services-menu{ padding:0 30px;margin-bottom:20px;}
	.services-mega-menu{ width:100%;}
	.mega-dropdown-menu .dropdown-header{ padding: 0 0 6px 0 !important;margin: 0 0 10px 0;}
	.carousel-caption{ left:0%;right:0%;margin: 0 !important;
    display: table;
    height: 100%;width:100% !important;
    top: 0 !important;}
	.carousel-caption h2{ padding-left:0 !important;display: table-cell;
    vertical-align: middle;
    margin: 0;width:100% !important;}
	.navbar-collapse.in {
    overflow-y: auto;
    min-height: 260px;
    max-height: 560px;
	}
	.testimonials-section .strong-content.strong-grid.columns-3 .testimonial{ width:100%;}
	.upload-file-control .codedropz-upload-handler{ border-left:solid 1px #ccc;}
	.elementor-section.elementor-top-section{ padding:20px 0px 20px 0px !important;}
	.work-title { font-size: 26px;}
	.work-sub-title { font-size: 16px;margin: 0 0 40px 0;}
	.page-heading-one h1.elementor-heading-title{ font-size: 36px !important;}
	.page-heading-one .elementor-size-xl{ font-size: 36px !important;}
	.why-choose-section .row:nth-child(2) .why-choose-box{ background-color: #08af77;}
	.why-choose-section .row:nth-child(2) .why-choose-box.bg-green{ background-color: #1b1e41;}
	.service_fontsize h3.elementor-heading-title{ font-size: 32px !important;}
	.service-page-inner h3.elementor-heading-title{ font-size: 24px !important;}
	.carousel-inner > .item { height: 400px !important;}
	.page-header-blog .page-title.page-title-single {
    font-size: 30px;
	}
	.page-heading-two h2.elementor-heading-title{ font-size: 22px !important;}
	.desktop-service-section{ display:none;}
	.amazingcarousel-description .box .box-header img {
		left: 0;
	}
	#wonderplugincarousel-3 .amazingcarousel-next{
		margin-right: -35px !important;
	}
	#wonderplugincarousel-3 .amazingcarousel-prev{
		margin-left: -35px !important;
	}
	.elementor-section.elementor-top-section.mobile-app-development-section{ padding-bottom:0 !important;}
}

@media (min-width: 768px){
	.angular-feature-section .elementor-icon-box-title { min-height: 60px;}
	
	
	.navbar-nav {
  float: none;
  margin: 18px 0 0 0;
  text-align: center;
  margin-left:25%;
}
.navbar-nav>li>a {
  padding: 10px 0px 30px 0;
  margin: 0 15px;
}


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active{
  /* make room for the toggle button (sub indicator) */
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  text-shadow:none;
  text-transform: uppercase;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  background: transparent;
  background-color: transparent;
  color: #fff;
}



.navbar-default .navbar-nav>li>a:before, .navbar-default .navbar-nav>.open>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #08af77;
  visibility: hidden;
  transform: scaleX(0);
  transition: .25s linear;
}

.navbar-default .navbar-nav>li>a:hover:before{
  visibility: visible;
  transform: scaleX(1);
}

.navbar-default .navbar-nav>.open>a:before{ 
  visibility: visible;
  transform: scaleX(1);
}


.dropdown-menu {
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    padding: 0 0;
    margin: 0;
    background: #fff;
    border-radius: 0 0 0px 0px !important;
    box-shadow: none;
    width: 17em !important;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transition: -webkit-transform .1s ease-out;
    -o-transition:      -o-transform .1s ease-out;
    transition:         transform .1s ease-out;
	-webkit-animation-name: slideInUpMenu;
	animation-name: slideInUpMenu;
}

@keyframes slideInUpMenu {
  0% {
    display:block;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.dropdown-menu > li > a {
    margin: 0;
    border-bottom: solid 1px #d9d9d9 !important;
    color: #343443;
	white-space: normal;
	padding:9px 15px;
	font-weight: 400;
    line-height: 23px;
}
.dropdown-menu > li:first-child {
    border-top: 0;
}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 0;
    width: 100 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
	min-width: 100% !important;
    max-width: 100% !important;
	border-bottom: 1px solid #d9d9d9;

	   -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;


  -webkit-transition: -webkit-transform .1s ease-out;
       -o-transition:      -o-transform .1s ease-out;
          transition:         transform .1s ease-out;

    -webkit-animation-name: slideInUpMenu;
  animation-name: slideInUpMenu;
    
}

@keyframes slideInUpMenu {
  0% {
    display:block;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.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;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.navbar-nav > li.btn-quote{ float:right;}
.navbar-nav > li.btn-quote a {
    background-color: #08af77 !important;
    color: #FFF !important;
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    border-radius: 50px !Important;
    display: block;
    padding: 10px 30px 10px 30px !Important;
    border-radius: 50px;
    border: 0;
}
.navbar-nav > li.btn-quote a:hover:before, .navbar-nav > li.call-us-link a:hover:before{ height:0;visibility: hidden;}
.cbp-af-header-shrink .home-page-header .navbar-default .navbar-nav>li>a {
    color: #343434;
}
.trending-col{ width:56%;}
/* .dropdown-menu.sm-nowrap{ left:15px !important;} */

.free-consultation-page-section .free-consulation-form .form-control.form-control-name, .free-consultation-page-section .free-consulation-form .form-control.form-control-phone-number{ border-right:0;}
.mobile-service-section{ display:none;}
	
/* Modal CSS */	
.modal-dialog-centered{ top: 50% !important;transform: translateY(-50%) !important;}
.modal-header .close { margin-top: -40px;}		
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand { padding-right:0;padding-left:15px;}
.navbar-brand > img.logo-default, .navbar-brand > img.logo-scroll{ width:130px;}
.navbar-nav{ margin-left:22%;margin-top: 8px;}
.navbar-nav>li>a{ padding: 10px 0px 19px 0;margin: 0 10px;}
.navbar-nav > li.btn-quote a{ padding: 6px 15px 6px 15px !Important;margin-top: 4px;}
.container {
    width: 760px;
}
.navbar-collapse.collapse{ padding:0;}
.navbar-default .navbar-nav>li>a{ font-size:12px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active{
	font-size:12px;
}
.mega-dropdown-menu{ margin:0 !important;min-width: 100% !important;max-width: 100% !important;}
.cbp-af-header.cbp-af-header-shrink { height: 57px !important;}
.cbp-af-header .cbp-af-inner { height: 57px !important;}
.mega-dropdown-menu .dropdown-header{ font-size:15px;}
.box { padding: 30px 0px 30px 15px;min-height: 342px;}
.box-header h2 { font-size: 21px;}
.feature .circle2, .feature .circle{ float:left;margin-left: -30px;}
.circle-box { padding: 0 40px;}
.work-title { font-size: 32px;}
.work-sub-title { font-size: 18px;    margin: 0 0 50px 0;}
.statics{ width:20% !important;}
.top-web-company p { padding: 0 5px 0 5px;}
.carousel-caption{ top:30%;bottom:190px;}
.navbar-nav > li > .dropdown-menu { left: 0 !important;}
.top-web-company-col { padding: 0px 30px;}
.top-web-company { margin: 0 0 15px 0;}
.page-header-blog .page-title.page-title-single {
    font-size: 30px;
}
}


/*---secondary css start----*/


/*-----contact page form css start--- --*/


.icon_hover{
 	display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
	margin:0;
	list-style:none;
}
.icon_hover li{
	position: relative;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    box-sizing: border-box;
    cursor: pointer;
    transition: .5s;
    overflow: hidden;
}
.icon_hover li .fa{
  	font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
}
.icon_hover li:nth-child(1){
  border-color: #38A1F3;
  margin-left: 0;
}
.icon_hover li:nth-child(1) .fa{
  color: gray;
}
.icon_hover li:nth-child(2){
  border-color: #d72888;
}
.icon_hover li:nth-child(2) .fa{
  color: gray;
}
.icon_hover li:nth-child(3){
  border-color: #0077B5;
}
.icon_hover li:nth-child(3) .fa{
  color: gray;
}
.icon_hover li:nth-child(4){
  border-color: #eb1c14;
	margin-right:0;
}
.icon_hover li:nth-child(4) .fa{
  color: gray;
}
	

	
.icon_hover li .fa:nth-child(1){
  left: -50%;
  opacity: 0;
}
.icon_hover li:hover .fa:nth-child(1){
  left: 50%;
  opacity: 1;
  color: green;
} 
.icon_hover li:hover .fa:nth-child(2){
  left: 150%;
  opacity: 0;
}


/*---slider dots start-----*/

.elementor-slick-slider ul.slick-dots li button:before{
font-size:10px !important;}


.dream_out .slick-dots {
    display: block !important;
}



/*----form border---*/

.free-consulation-form .your-name .form-control,
.free-consulation-form .PhoneNumber .form-control,
.free-consulation-form .SelectBudget .form-control,
.free-consulation-form .your-message .form-control
{
	border-left: solid 1px #08af77;
}

.free-consulation-form {
    box-shadow: 0 0 20px 2px #ccc;
}


.upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
	    border-bottom: solid 1px #08af77;
    border-right: solid 1px #08af77;
}



 .contact_page-heading-one{
	border-bottom:solid 1px #08af77;
}



.free-consulation-form .form-control{ height: 80px;
	border-bottom: solid 1px #08af77;
	box-shadow: none;
	border-right: solid 1px #08af77;
	margin: 0;padding:6px 20px;
	border-left: solid 1px transparent;
}

/*----form focus----*/

.free-consulation-form .form-control:focus{
	border-bottom: 1px solid #08af77 !Important;
	border-right: solid 1px #08af77 !important;
	border-left: solid 1px #08af77 !Important;
	
}


.free-consulation-form .your-email .form-control:focus,
.free-consulation-form .Country .form-control:focus
{ border-left: solid 1px transparent !Important;}

.free-consulation-form .form-control{ border-bottom: solid 1px #08af77 !important;}
.free-consulation-form .form-control:focus{border-bottom: solid 1px #08af77 !important;}


/*--case-studies start--*/

.case_studies{
  width: 100%;
  padding: 65px 0;
  
}
.case_studies h2{
    font-size: 46px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1b1e41;
    margin: 0;
    line-height: 1;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
	padding-bottom: 50px;
}
.casestudy_front_section{
	box-shadow: 0 0 33px 0 lightgrey;
	margin:20px 0;
}
.casestudy_front_section .casestudy_front_section_img img{
width: 100%;
}
.casestudy_front_section .casestudy_front_section_text{
	padding: 10px 0;
    text-align: center;
}
.casestudy_front_section .casestudy_front_section_text h3{
	margin-top: 15px;
	font-size:32px;
	font-weight:600;
	margin-bottom: 0;
	text-transform:uppercase;
}
.casestudy_front_section .casestudy_front_section_text a{
	display: inline-block;
    text-decoration: none !important;
    color: #fff !important;
    background-color: #1b1e41;
    border-radius: 100px;
    padding: 10px 50px;
    transition: 0.5s all;
    font-size: 16px;
    width: 220px;
    margin: 20px auto;
    margin-top: 15px;
}
.casestudy_front_section .casestudy_front_section_text a:hover{
    background-color: #08af77;
}

.case-study-technology-button a{
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: gray;
    border-radius: 1.9rem;
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 10px;
}

.case-study-technology-button a:hover{
	    background-color: #08af77;
	    color: #fff;
}

/*---casestudy inner page hover animation none---*/
.case_study_inner_page_button .elementor-button{transition:none;}
/*--case-studies end--*/

/* Home Page CSS */
.carousel-caption{
	top: 50%;
	transform: translateY(-50%);
	margin-bottom: 0 !important;
	bottom: inherit;
	text-shadow: none;
}
.carousel-caption h2{ text-align:center;color:#fff; text-transform: uppercase; font-size:78px;font-weight:700;margin-bottom: 30px;
padding-left:15px;width:100%;}
.carousel-caption h2 {line-height: 1;}

.home-slider .carousel .item:nth-child(1) .carousel-caption h2{
	font-size:60px;
	line-height:1.2;
	padding-top:0;
}

.home-slider .carousel .item:nth-child(1):after{
	background:transparent;
}

.home-slider .carousel .item:nth-child(1) .carousel-caption h3{ padding-top:0;}

.blog_inside_bullets li::marker{
color:#18b37f;	
}
.blog-bullet-list{ list-style:none;}
.blog-bullet-list li{ position:relative;padding-left:20px;}
.blog-bullet-list li:before{
	content:"";
    width:5px;height:5px;
	background-color:#18b37f;
	position:absolute;left:0;top:9px;
    border-radius:50%;
}


/* Services Pages CSS */
.angular-circle{
    border-radius: 50%;
    display: inline-block;
    background-color: #08af77;
	border: solid 2px transparent;
    padding: 34px 38px;
	margin:0 15px;
	position: relative;
}

.angular-circle:hover{ background-color:transparent;border:solid 2px #08af77;}
.angular-circle::before {
    content: '';
    border: solid 2px #fff;
    display: block;
    border-radius: 50%;
    height: 95%;
    position: absolute;
    width: 95%;
    top: 0px;
    left: 0px;
	margin:5px;
}

/*----- Casestudies Page CSS -----*/
.casestudy-content{ border-radius:10px;}
.casestudy-traveluro img{ border-radius:10px !important;}
.casestudy-traveluro{ background-color: #58a4ff;}
.casestudy-traveluroCRM{ background-color: #ffa06e;}
.casestudy-caribepay{ background-color: #f5d80b;}
.casestudy-mysellerpal{ background-color: #36a3f7;}
.casestudy-neoinventory{ background-color: #5d646d;}
.casestudy-gourmia{ background-color: #ed3e3e;}
.casestudy-ezsku{ background-color: #dda44a;}
.casestudy-simpleytics{ background-color: #2f80a0;}
.casestudy-traveluro img{ border-radius:10px;}
.casestudy-shopify{ background-color: #497d20;}
.casestudy-vendcell{ background-color: #3366cc;}
.casestudy-maestro{ background-color: #21bad9;}
.casestudy-hrms{ background-color: #E83928;}
.casestudy-title{ font-size:30px;font-weight:600;color:#1b1e41;text-transform: uppercase;}
.casestudy-page-section .scroll-wrapper{ max-height:2050px}
.casestudy-image img{ max-width:inherit !important;position: absolute;left: -25px;top: 70px;}
.casestudy-image-top img{ top: 0px;}
.casestudy-image-carousel img{ position: relative;left:0;top: 0;}
.casestudy-image-carousel .slick-slide{ padding-left:50px;}
.challenges-section{ background-size: 45% auto;}
.challenges-section:after{ content:'';background-image:url('../images/challenges-bg-image.png'); width:242px;height:336px;position: absolute;right: 0;
    z-index: 2;bottom: 50px;}

.casestudy-box{text-align:center;position:relative;}
.casestudy-box img{width:100%;height:auto}
.casestudy-box:hover img{opacity:.8}
.casestudy-box .box-content{background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;margin: 20px;}
.casestudy-box .box-content-inner{  position: absolute;top: 50%;transform: translateY(-50%);left:0;padding-left:10%;padding-right:10%;}
.casestudy-box:hover .box-content{top:0;left:0;bottom:0;right:0;opacity:1;border-radius:5px;margin: 20px;}
.casestudy-box .title{font-weight:600;color:#fff;margin-top: 0;margin-bottom: 10px;font-size:32px;}
.casestudy-box .casestudy-short-description{ color:#ffffff;font-size:16px;margin-bottom: 2em;}

.casestudy-box .box-content, .casestudy-box .title, .casestudy-box .casestudy-short-description, .casestudy-box .btn-default{ transition:all .35s ease 0s}
.casestudy-box .title, .casestudy-box .casestudy-short-description, .casestudy-box .btn-default{ display:inline-block;opacity:0;transform:translateY(40px)}
.casestudy-box:hover .title, .casestudy-box:hover .casestudy-short-description, .casestudy-box:hover .btn-default{ opacity:1;transform:translateY(0)}
.casestudy-box:hover .title{transition-delay:.1s}
.casestudy-box:hover .casestudy-short-description{transition-delay:.2s}
.casestudy-box:hover .btn-default{transition-delay:.3s}
.casestudy-bg{ background-size: 22% auto;}
.technologies-section{ background-size:100% auto;}


.solution-list h3{ margin-bottom:0px;}
.font-weight-bold{ font-weight:500;}
.navbar-nav ul.sm-nowrap>li>a {
    white-space: normal !important;
}
.engagement-models-section .elementor-column{ display:block;}
.engagement-models-section .elementor-column-wrap{ width:auto;}
.engagement-models-section .elementor-row{ align-items: center;}

.technology-services-offer .elementor-widget-wrap{ display:block !important;text-align:center;}
.technology-services-offer .elementor-widget-image {
    width: 64px !important;
	height:64px;
    display: inline-block;
    border: solid 1px #d9d9d9;
    margin: 0 5px;
}
.technology-services-offer .elementor-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.technology-services-offer .elementor-image img{ 
	width:auto;
	height:36px;
}
.technology-services-offer-icon.elementor-widget-image{    
	width: auto !important;
	height:auto;
    display: inline-block;
    border: solid 0px #d9d9d9;
    margin: 0;
    padding: 0;
}
.technology-services-offer-icon .elementor-image img{ 
	height:auto;
}
.join-our-newsletter h2{ padding-top: 0;font-size: 18px;font-weight: bold;}
.join-our-newsletter .email-subscribe-control{
	height: 38px;
    border: 0;
    font-size: 14px;
	border:0 !important;
	padding:10px 20px !important;
	border-radius:30px !important;
}
.join-our-newsletter .email-submit-btn{
	display: block;
    border-radius: 30px;
    padding: 10px 10px !important;
    background-color: #08af77 !important;
    font-size: 14px;
    width: 100%;
    outline: none;
    text-transform: uppercase;
    font-weight: 500 !important;
	height: 38px;
	border-radius:30px !important;
}
.join-our-newsletter .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    font-size: 12px;
}

/*---secondary responsive css start----*/


@media (max-width: 767px) {
	.navbar-nav > li.btn-quote a{padding:10px 20px 10px 20px !Important}
	.footerNew h1.titleWhite{ margin-top:20px;}	
	.container{width:100%;}
	
	
	.elementor-1168 .elementor-element.elementor-element-7f26a978 {text-align: inherit !important;}
	.elementor-1168 .elementor-element.elementor-element-7f26a978 .elementor-widget-container{ margin: 0px 0 0px 0px !important;}
	.blazor_text_section{margin-bottom:20px;}
	
	.services-top-img .elementor-widget-container{padding-left:0 !important;}
	
	.elementor-widget-container .get_start_text {margin:20px 0 0 0 !important; text-align:center!important;}
	.get_start_button{text-align:center!important;}
	.get_start_main_section .elementor-widget-container{margin:0 !important; text-align:center;}
	.main_page_heading{padding-top:30px !important}
	.inner_content_center{text-align:center !important}
	.social-media-title-main .elementor-widget-container	{margin:0 !important}
	.inner_page_heading .elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:36px!important;}
	.free-consulation-form .form-control{ border-left: solid 1px #08af77 !important;}
	.free-consulation-form .form-control:focus{border-left: solid 1px #08af77 !important;}
	.contact_form_consulation .elementor-19 .elementor-element.elementor-element-acba243 > .elementor-element-populated{padding:0 !important;}
.upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
    border-left: solid 1px #08af77;
}
	.contact_page-heading-one .elementor-widget-container{padding-right:0 !important; text-align:center;}	
	.company_overview_img.elementor-column.elementor-col-50.elementor-inner-column {
    order: -1;
}

	.main_container_company_overview_main_content.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    margin: 0;
}
	
	.case-studies-content-col{order: 1;}
	.case-studies-content-col .elementor-widget{text-align:center;}
	.case-studies-content-col p {text-align:justify;}
	.case-studies-content-col .elementor-widget-container{padding-top: 30px !important;}
	.case-studies-content-col .elementor-widget-container{padding-bottom:0px !important}
	.case-studies-img-col{ order:2 !important;}
	
	.testimonial_inner_section {width: 100% !important;margin-left: 0 !important; margin-right: 0 !important;margin-bottom: 10px !important;}
	.content-area-secondary{border-right: none !important;padding-right: 0px !important;}
		    
	.contact-page-heading-one h2.elementor-heading-title{ font-size: 28px !important;}
	.page-heading-one h1.elementor-heading-title{ font-size: 32px !important;}
	.page-heading-one .elementor-size-xl{ font-size: 32px !important;}
	.carousel-caption{ transform: translateY(0%);}

	/* Services Pages CSS */
	.angular-circle{ padding: 24px 28px;margin: 0 6px;}
	.angular-circle::before{ margin: 3px;}
	.angular-circle img{ width: 64px;}
	
	/* Casestudies Pages CSS */
	.our-approach-content .elementor-widget-container{
		border-width:0px !important;
	}
	.challenges-section{
		background-size: contain;
	}
	.casestudy-bg {
		background-size: 50% auto;
	}
	.shopify-casestudy .elementor-image{ display:none;}
	
	/* Modal CSS */
	.modal-dialog.modal-dialog-fullscreen {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width:none !important;
    }
	.modal-content.modal-content-fullscreen {
			height: auto !important;
			min-height: 100% !important;
			border-radius: 0 !important;
			background-color: #fff !important;
			border:0;
	}
	.modal-header .close svg path{ stroke:#000;}
	.call-us-link-desktop{ display:none !important;}
	.call-us-link-mobile{ float: right;margin-top: 10px;margin-right: 15px;}
	
	.form-callus{ margin-top:30px;}

.home-slider .carousel .item:nth-child(1) .carousel-caption{ top: 40px !important;}
.home-slider .carousel .item:nth-child(1) .carousel-caption img{ width:120px;max-height:inherit;}
.home-slider .carousel .item:nth-child(1) .carousel-caption h2{ font-size:28px !important;display:block;}
}

@media (min-width: 320px) and (max-width: 374px) {
	.testimonial_inner_section {width: 100% !important;margin-left: 0 !important; margin-right: 0 !important;
		margin-bottom: 10px !important;}
	.content-area-secondary{border-right: none !important;padding-right: 0px !important;}		    	
}

@media (min-width:768px){
	.dropdown-menu.sm-nowrap{
		margin-top: -43px !important;
    	margin-left: 100% !important;
	}
	.solution-list-box .elementor-icon-box-title{ text-align:right;}
	.display-md-block{ display:block;}
	
}

@media (min-width:768px) and (max-width: 1024px) {
  .wrap { max-width: inherit !important;padding-left: 1em !important;padding-right: 1em !important;}
}

  @media (min-width:768px) and (max-width: 991px) {
	.navbar-brand{width:150px;}
	.navbar-nav>li>a{margin: 0 9px;}
}
@media (min-width:992px) and (max-width:1024px) {
	.navbar-nav>li>a{margin: 0 10px;}
}
 




/*----company overview---*/   

.comapny_overview_inner_text .statics{ color:#fff;}


/*---contact page form alert ----*/

.free-consulation-form .wpcf7-form-control-wrap{
	position: relative;
    width: 100%;
    display: block;
}

.free-consulation-form .wpcf7-not-valid-tip{
	position: absolute;
    z-index: 2;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    bottom: 0;
    /* padding: 0; */
    /* margin: 0; */
    font-size: 12px;
    left: 10px;
}

/*-----blog css start-----*/

.category-blog h3{
	color: #1b1e41;
    font-weight: 500;
    padding-top: 0 !important;
		
}

.category-blog .blog_second_samll_heading{
	padding-bottom: 0;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 600;
	color:#08af77 !important;
}

.category-blog-margin li{
	margin:10px 0;
}

.more-link {
    background-color: #08af77 !important;
    white-space: nowrap;
    text-align: center;
    display: block;
    width: 180px;
    line-height: 45px;
    height: 45px;
    border-radius: 50px;
    text-decoration: none !important;
    border-bottom: none;
    color: #fff;
	transition:0.2s all;
	box-shadow:none !important;
	outline:none;
} 

.more-link:hover,
.more-link:focus{
	background-color:#1b1e41 !important;
	color:#fff !important;
}
.category-blog h4{ padding-top:0.6em;font-weight: 600;color: #1b1e41;}
.category-blog b, .category-blog strong {
    font-weight: 600;
}

/*----blog css end----*/

/*----cms changes----*/

.internal-link{
	color:#767676 !important;
	display:inline-block !important;
	width:auto !important;
}

.internal-link:hover{
	color:#08af77 !important;
}

.internal-second-link{
	color:#fff !important ;
	width:auto !important ;
	display:inline-block !important;

}
.internal-second-link:hover{
color:#1b1e41 !important;
}

/*----testimonial changes----*/

.testimonial_inner_section{
	border: 1px solid #08af77;
    margin: 0 15px 30px 15px;
    padding: 20px;
    box-sizing: border-box;
	transition:0.3s all;
	background-color:#fff;
	border-radius:5px;
}

.testimonial_inner_section:nth-child(1){
	margin-left:0;
}
.testimonial_inner_section:nth-child(3){
	margin-right:0;
}

.testimonial_inner_section:hover{
	background-color:#1b1e41;
}

.testimonial_inner_section:hover h4,
.testimonial_inner_section:hover p{
	color:#fff;
}
.testimonial_inner_section p{
	margin:0 !important;
}

/*----blazor css ---*/

.blazor_heading{
	color:blue;
	font-size: 20px;
}
.blazor_command{
    background-color: #f1f1f1;
    padding: 2px 10px;
    display: table;
    margin-bottom: 2px;
    border-radius: 4px;
}

.blazor_mb-15{
	   margin-bottom: 15px;
}


.blazor_command_margin_bottom_none{
	margin:0 !important;
}
.blog_blazor_page{
	background-color:#f1f1f1;
	padding: 20px;
	margin-bottom:10px;
	border-radius: 10px;
}

.blog_blazor_page p{
	margin:0 !important;
}

.technology_img {
	display: inline-block;
	margin-right: 20px;
	width:auto !important;
}

.blog_inside_bullets li{
	list-style-position: inside;
}

/*---angular 7 box shadow none css---*/

.angular-box-shadow .elementor-element-populated:hover{
	box-shadow:none !important;
}

/*----- Contact Form footer ----*/
/*-----free-consulation-contact-form----*/

.free-consulation-contact-form{
	    padding: 20px 10px 0 15px;
}

.contact-us-section .free-consulation-contact-form{
	    padding: 20px 30px 0 30px;
}

.free-consulation-contact-form .form-group .form-control {
    display: block;
    width: 100%;
    height: auto !important;
    border: 0;
    border-radius: 0;
    padding: 12px 0 !important;
    padding-left: 32px !important;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: transparent;
    border: 1px solid #1b1e41 !important;
    box-shadow: none !important;
    padding-left: 48px !important;
	

}

.free-consulation-contact-form .floating-text{
    position: absolute;
    top: 11px;
    left: 65px;
    font-weight: normal;
    color: #9a9a9a !important;
}


.free-consulation-contact-form .upload-file-control .codedropz-upload-handler{
	background-color:transparent !important;
	height:auto !important;
}


.free-consulation-contact-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
	border:none;
	border-bottom: solid 1px #1b1e41;
}

.free-consulation-contact-form .codedropz-upload-handler{
	border:none;
}

.free-consulation-contact-form .form-group img{
     position: absolute;
    top: 10px;
    
    left: 9px !important;
}


.free-consulation-contact-form .form-group{
        margin-top: 10px;
}

.free-consulation-contact-form .codedropz-btn-wrap{
	height:auto !important;
}

.free-consulation-contact-form .form-control-textarea{
	position:relative;
}

.form-control-textarea img{
	left:0 !important;
}

.free-consulation-contact-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{
		padding-left:8px !important;
		font-size:13px !important;
}
.free-consulation-contact-form select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control{
	    border: 1px solid #000 !important;
	    padding: 12px 0 12px 44px !important;
	 
}

.free-consulation-contact-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
	  border: 1px solid #000 !important;
	  padding: 9px 0 10px 42px !important;
	 
}

.free-consulation-contact-form .submit-btn {
	margin-top: 16px !important;
    float: right;
}

.contact-us-section .free-consulation-contact-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
	  padding: 11px 0 11px 42px !important;
	 
}


.free-consulation-contact-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap{
	height:auto
}
.free-consulation-contact-form .form-control-textarea .your-message textarea{
height: 43px !important;
    resize: none;

}

.free-consulation-contact-form .form-control-textarea{
	
}

.submit-btn {
	         margin: 30px 0 8px 30px !important;
}

.contact-us-section .submit-btn{ margin-bottom:0 !important;}
.contact-us-section .contact-form-footer-col .contact-form-shadow{ padding-bottom:20px;}

.contact-form-shadow  .elementor-column-gap-default{
	box-shadow:0 0 14px 5px #D3D3D3 !important;
}

.free-consulation-contact-form .form-icon-background {
    position: absolute;
    background-color: #1b1e41;
   padding: 21px;
	z-index:99 !important;
}

.free-consulation-contact-form .file-img{
	    position: absolute;
    	left: 23px !important;

}

.free-consulation-contact-form  .budget-img{
	
}


.contact-form-shadow{
	     box-shadow: 0 0 15px lightgrey;
}


.contact-us-section-right-side-inner a{
	text-decoration: none;
	color: #08af77;
}

.contact-us-section-right-side-inner a:hover{
	color: #08af77;
}


.contact-us-section {
    margin-bottom: 60px;
	margin-top:30px;
}

.contact-us-section-right-side {
    padding: 30px 0 0 0;
}

.contact-us-section-heading{
	    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
    color: #1b1e41;
        padding: 0;
    margin: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}


.contact-us-section-left{
	box-shadow:none !important;
}


		.contact-us-section-right-side-inner h2{
			margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    color: #1b1e41;
    line-height: 1;

		}
		.contact-us-section-right-side-inner p{
			    margin: 0;
    padding: 0;
    color: #18b37f;
    font-size: 16px;
    font-weight: normal;
       margin: 3px 0 1.5em;
		}

.contact-us-shadow-none .elementor-row{
	box-shadow:0 0 15px #c9c9c9 !important;
}

.contact-us-shadow-none .bottom-submit-btn{
	margin-top:36px !important;
}

.SelectBudget select{
	color:#999999 !important;
}
.free-consultation-page-section .free-consulation-contact-form{ padding:0;}
.free-consultation-page-section .submit-btn {
    margin-left: 0 !important;
}

/*---custom--footer section css start--*/

.footer-custom .footer-custom-width{
	width:20% !important;
	margin-bottom:15px;
}

.footer-custom .footer-custom-width h2{
	font-size:26px;
	font-weight:bold;
	text-transform: uppercase;
    margin-bottom: 15px;
	color: #18b37f !important;
}
.footer-custom .footer-custom-width h2.text-white{
	color: #ffffff !important;
}
.footer-custom-width .upwork-ratings{
	display:block;
}
.footer-custom-width .upwork-ratings .fa {
    color: #f2b01e;
    font-size: 18px;
    margin-right: 5px;
}

.footer-custom-width .footer-logo-img {
	display: block;
    width: 125px;
    margin-bottom: 24px;
}

.footer-custom-width .footer-paragraph{
	    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    line-height: 25px;
}

.site-footer .wrap{
	padding: 15px 0 !important;
}


.footer-custom-width ul{
	    margin: 0;
    padding: 0;
}

.footer-custom-width ul li{
	    list-style: none;
    padding: 4px 0 !important;
}

.footer-custom-width ul li a{
	color: #fff;
    font-size: 14px;
}
.footer-custom-width ul li a:hover{ text-decoration:none;}


.modal-header {
        border-bottom: 1px solid #ddd !important;
}
.modal-footer {
        border-top: 1px solid #ddd !important;
}

.modal-heading{ font-size: 21px;font-weight: 500;line-height: normal;} 
.modal-backdrop.in { filter: alpha(opacity=50);opacity: .8 !important;}
.modal-backdrop{ background-color:#1b1e41 !important;}
.modal-header .close{ text-shadow: 0 0px 0 #fff;filter: alpha(opacity=1);opacity: 1;}
.modal-header .close:hover{ background-color:transparent;}
.modal-header-secondary{ border:0 !important;}
.modal-callus{ padding:30px;}
.modal-callus-content{ font-size:16px;color:#737373;}
.modal-callus-content h3{ font-size:26px;padding:0;}
.modal-callus-content h4{ font-size: 16px;margin: 0;    padding-top: 20px;}
.modal-callus-content b{ min-width:50px;display:inline-block;}
.modal-callus-content span{ margin-bottom: 15px;}
.modal-callus-content p{ font-size:13px;margin-bottom: 30px;}
.modal-callus-content a{ color:#737373;}
.font-weight-700{ font-weight:700;}
.navbar-nav > li.call-us-link{ float:right;}
.navbar-nav > li.call-us-link a{ padding:0;margin-right:0;}
.cbp-af-header-shrink .call-us-link svg path:nth-child(2){ stroke:#1b1e41; }

.btn-green, .btn-green:focus, .btn-green:hover, .btn-green:active {
    display: block;
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #08af77;
	color:#fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500 !important;
}
.btn-contact-us{ max-width:200px;margin:0 auto;}

/*------ Blog Single Page Bottom Section CSS -----*/
.blog-free-consolution-section{ background:#1b1e41;padding:25px 0;margin-bottom: 30px;}
.blog-free-consolution-section h2{ font-size:1.875rem;font-weight:600;color:#fff;margin: 5px 0;text-align:right;}
.blog-free-consolution-section .get-started-button{ font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    background-color: #23a455;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 50px 10px 50px;
	display:inline-block;
}
.blog-free-consolution-section .get-started-button:hover{ color: #23a455;background-color: #ffffff;}
.blog-testimonials-section{ background:#f2f2f2 url('../images/testimonialsBg.png');background-position:bottom center;background-repeat:no-repeat;background-size:100%;padding:60px 0;}
.blog-testimonials-section h2, .blog-testimonials-section h3, .blog-client-logo-section h2{ margin:0 0 40px 0;color: #1b1e41;font-size: 36px;font-weight: 600;text-transform: uppercase;line-height:1;}
.accolades-row{ margin-top:60px;}
.blog-testimonials-section h3{ font-size:30px;}
.testimonials-box{
    padding: 20px 10px 40px 10px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #23a455;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36);
}
.blog-casestudies-section{ padding:60px 0 20px 0;}
.blog-casestudies-section h2{ font-size:36px;color: #1b1e41;margin: 0 0 60px 0;font-weight: 600;text-transform: uppercase;text-align:center;
line-height:1;}
.blog-client-logo-section{ padding:60px 0;background-color:#f1faf2;}
.blog-client-logo-section img{ margin:0 auto;}
.blog-client-logo-section .col-sm-2{ margin-top:20px;}
.upload-file-form-control, .upload-file-form-control:focus{
    display: block;
    width: 100%;
    height: 42px !important;
    border-radius: 0;
    padding: 9px 0 !important;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: transparent;
    border: 1px solid #1b1e41 !important;
    box-shadow: none !important;
    padding-left: 48px !important;
	outline: 0 !important;
}
.order-list-content{
    color: #383838;
	margin-left: 15px;
}
.order-list-content li{ counter-increment: li;display: block;margin-top: 10px;}
.order-list-content li::before {content: counter(li); color: #08af77;
  display: inline-block; width: 2em;text-align:center;
  margin-left: -2em}

/*------ New Menu CSS -----*/
.trending-row{ margin:0;}
.trending-link{ padding:0;}
.trending-link img{ display:block;margin:0 auto;}
.trending-link a{ color:#383838;text-align:center;font-weight:500;}
.trending-menu-bottom{ background-color:#f2f2f2;padding-top:20px;}
.services-menu .dropdown-header a{ font-weight: 500;color: #1b1e41;}
.services-menu .dropdown-header a img{ position: absolute;left: 15px;}
.menu-link{ margin-bottom: 20px;}
.mega-dropdown-menu{ border-top: solid 3px #08af77;}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.accoladed-col h4 span{ display:block;}	
.blog-menu{ position:relative;}
.blog-menu a{ display: table;width: 100%;min-height: 52px;padding-bottom: 5px;position: relative;}
.blog-menu img{ position:absolute;left:0;top: 4px;}
.blog-menu span{ padding-left:60px;display: table-cell;min-height: 42px;vertical-align: middle;}
.corporate-menu{ width:26%;}
.read-blog-menu{ width: 49%;}
.testmonials-menu-slider { margin-top: 25px;}
.company-info-menu b{ font-size:30px;vertical-align:middle;}
.col-20 { width: 20%;}
.rewards-img{ margin-top:-10px;}
/*.testmonials-menu-slider ul.amazingcarousel-list li.amazingcarousel-item{ width:100% !important;}*/
/*.testmonials-menu-slider .amazingcarousel-list-wrapper{ width:414px !important;}*/
.font-weight-500{ font-weight:500;}
.font-weight-600{ font-weight:600;}
.p-10{ padding:10px;}

/*************** SCROLLBAR BASE CSS ***************/
.content .demo > div {
    max-height: 160px;
    overflow: auto;
}
.content .demo .permanent {
    min-width: 800px;
}
.controls {
    padding: 0 0 10px;
}
.controls span {
    cursor: pointer; padding: 2px 8px;
}
.controls span.active {
    background: #4698CE;
    color: #fff;
    cursor: default;
}
.prettyprint ol.linenums > li {
    list-style-type: decimal;
}
#lorem-ipsum {
    display: none;
}
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

/*************** SCROLLBAR MAC OS X ***************/
 
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
 
 
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* Home Casestudies Slider */
.casestudies-section{
    margin: 0 40px;
}

.casestudies-section h2.heading{ 
    font-size: 46px;
    font-weight: 600;
	text-align:center;
    letter-spacing: -1px;
    color: #1b1e41;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.casestudies-section .carousel .item{
	height:590px !important;
    background-position:top left !important;
}

.casestudies-section .carousel .carousel-caption{
	text-align: left;
}
.casestudies-section .carousel .carousel-caption h2{ display: none;}

.casestudies-section .carousel .carousel-caption h3{
	font-size: 46px;
    font-weight: 600;
    color: #fff;
	margin-bottom: 20px;
}
.casestudies-section .carousel .carousel-caption p.case-study-content{
	margin:0px 0 50px 0;
	padding: 0 50px 0 0;
    line-height: 34px;
}
.casestudies-section .carousel .item:after{
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.1) 100%);
}
.rounded-circle{
	border-radius: 50px;
}

/* Basic CSS */
.btn-lg{ padding: 12px 30px;font-size: 16px;font-weight: 600;}
.btn-default{ border:0px;}
.btn-default:hover{ background-color:#08af77;color:#ffffff;}
.mr-auto{ margin-left:auto;}
.icon-right{ margin-left:10px;}
.m-0{ margin:0;}
.p-0{ padding:0;}
.text-default { color: #08af77;}
.text-secondary { color: #1b1e41;}
a {
    text-decoration: none !important;
   /* box-shadow: none !important;*/
}
.link{ color: #08af77;font-weight: 500;}
.link:hover{ color:#222222 !important;}

/* Home Casestudies Slider CSS */
.case-study-showcase-image:after{ 
	content: "";
    background-color: #08af77;
    position: absolute;
    bottom: -14px;
    right: 0;
    z-index: -1;
    width: 82%;
    height: 100%;
}

.case-study-showcase-image img{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}
.case-study-showcase-image:hover img{
	-webkit-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
	box-shadow: 2px 4px 16px -4px rgba(0,0,0,0.46);
	-webkit-box-shadow: 2px 4px 16px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 2px 4px 16px -4px rgba(0,0,0,0.46);
}

.btn-arrow { position: relative;transition: background-color 300ms ease-out;}
.btn-arrow span { display: inline-block;position: relative;transition: all 300ms ease-out;}
.btn-arrow:hover span { transform: translate3d(-0.5rem,0,0);}
.btn-arrow i {
	 position: absolute;
	 width: 1.1em;
	 right: 0px;
	 right: 0rem;
	 opacity: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 transition: all 300ms ease-out;
	 will-change: right, opacity;
}
 .btn-arrow i * {
	 stroke-width: 5;
	 stroke-color: transparent;
}
 .btn-arrow:hover i {
	 opacity: 1;
	 right: -1.5rem;
}

/* Other Pages CSS */
.featured-services-box.h-100, .featured-services-box.h-100 .elementor-widget-container{
	height:100%;
}
.efficient-control-section{ background-size:50% !important;}

/* New Contact Page CSS */
.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-title{
    margin: 0;
}
.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-description{
    margin: 10px 0 10px 0;
    font-size: 16px;
}
.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-image{
    display: none;
}
.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-list-wrapper{ width:100% !important;}

.contact-us-form .form-group .form-control{
	border-bottom: solid 1px #1b1e41;
	padding: 6px 0;
	box-shadow:none;
}
.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-item-container {
    padding: 0;
    margin: 0 !important;
}
.contact-us-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    padding-left: 0 !important;
}
.contact-us-form .codedropz-btn-wrap {
    height: auto !important;
}
.contact-us-form .upload-file-control .codedropz-upload-inner .codedropz-btn-wrap {
border: 0px solid #1b1e41 !important;
    border-bottom: 1px solid #1b1e41 !important;
    padding: 6px 0;
	line-height: 1.42857143;
	height: 46px !important;
}
.contact-us-form .upload-file-control .codedropz-upload-handler {
    background-color: transparent !important;
    height: auto !important;
	border:none;
}
.contact-us-form .form-control{ color:#1b1e41;font-family: 'Poppins', sans-serif !important;}
.contact-us-form .form-control::-moz-placeholder {
  color: #767676;
  opacity: 1;
}
.contact-us-form .form-control:-ms-input-placeholder {
  color: #767676;
}
.contact-us-form .form-control::-webkit-input-placeholder {
  color: #767676;
}
.contact-header{ background-size:100%;}

.contact-us-form .recapcha-form-control div{ margin:30px auto 0 auto;}
.contact-us-form .send_btn{ margin-bottom: 0;margin-top: 15px;}
.contact-us-box .elementor-widget-wrap{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-us-form .form-group textarea.form-control{ height:170px;}
.free-consultation-page-section .form-group textarea.form-control{ height:70px;resize: none;}
.free-consultation-page-section .form-group { margin-bottom: 5px;}
.free-consultation-page-section .recapcha-form-control div {
    margin: 20px auto 0 auto;
}
.free-consultation-page-section .form-group .form-control{ height: 42px;}
.free-consultation-page-section p{ margin:0;}
.contact-icon{ position:relative;width: 100px;height: 100px;overflow: hidden;margin:0 auto;}
		.contact-icon .line {    
      background-image:url('../images/line.png');position:absolute;top:46px;right:13px;width:45px;height:28px;
      z-index: 3;
       animation: animate-line 1.5s infinite;
    }
    @keyframes animate-line {
      from {right: -40px;}
      to {right: 13px;}
    }
    .contact-icon .contact{ position: relative;z-index:2}
    .contact-icon .dots {    
      background-image:url('../images/dots.png');position:absolute;top:25px;left:15px;width:45px;height:28px;
      background-repeat: no-repeat;
      z-index: 3;
      animation: animate-dots 1.5s infinite;
    }
    @keyframes animate-dots {
      from {left: -50px;}
      to {left: 15px;}
    }
    .contact-icon .circle, .career-icon .circle {    
      background-image:url('../images/circle.png');position:absolute;top:10px;right:13px;width:10px;height:10px;
      z-index: -5;
      animation: circle 5s ease 0s infinite;
      animation-direction: alternate;
    }
    @keyframes circle {
      0% {
		 top: 10%;
		 right: 5%;
		 z-index: 0;
    }
      49% {
        top: 75%;
        right: 85%;
        z-index: 0;
      }
      50% {
        top: 75%;
        right: 85%;
        z-index: 1;
      }
      99% {
        top: 10%;
        right: 5%;
        z-index: 1;
      }
      100% {
        top: 10%;
        right: 5%;
        z-index: 0;
      }
    }

  .contact-icon .star, .career-icon .star {    
      background-image:url('../images/star.png');position:absolute;bottom:10px;left:8px;width:13px;height:13px;
      z-index: -1;
      animation: animate-star 5s ease 0s infinite;
      animation-direction: alternate;
    }
    @keyframes animate-star{
      0% {
		 top: 75%;
		 left: 10%;
		 z-index: 0;
      }
      49% {
        top: 10%;
        left: 80%;
        z-index: 0;
      }
      50% {
        top: 10%;
        left: 80%;
        z-index: -1;
      }
      99% {
        top: 75%;
        left: 5%;
        z-index: -1;
      }
      100% {
        top: 75%;
        left: 5%;
        z-index: 0;
      }
    }
    .career-icon{ position:relative;width: 100px;height: 110px;overflow: hidden;margin:0 auto;}
    .brifacse{ z-index: 2;position:relative;}
    .career-icon .sticker {    
      background-image:url('../images/brifcase-sticker.png');background-repeat: no-repeat;
      position:absolute;top:66px;right:0px;width:45px;height:28px;
      z-index: 3;
       animation: animate-sticker 2.5s infinite;
    }
    @keyframes animate-sticker {
      from {right: -50px;}
      to {right:-12px;}
    }

    .career-icon .circle {    
      background-image:url('../images/circle.png');position:absolute;top:0px;right:13px;width:10px;height:10px;
      z-index: -5;
      animation: career-circle 5s ease 0s infinite;
      animation-direction: alternate;
    }
    @keyframes career-circle {
      0% {
		 top: 2%;
		 right: 5%;
		 z-index: 0;
    }
      49% {
        top: 90%;
        right: 85%;
        z-index: 0;
      }
      50% {
        top: 90%;
        right: 85%;
        z-index: 1;
      }
      99% {
        top: 2%;
        right: 5%;
        z-index: 1;
      }
      100% {
        top: 2%;
        right: 5%;
        z-index: 0;
      }
    }

  .career-icon .star {    
      background-image:url('../images/star.png');position:absolute;bottom:10px;left:8px;width:13px;height:13px;
      z-index: -5;
      animation: career-star 5s ease 0s infinite;
      animation-direction: alternate;
    }
    @keyframes career-star{
      0% {
		 top: 85%;
		 left: 10%;
		 z-index: 0;
      }
      49% {
        top: 0%;
        left: 80%;
        z-index: 0;
      }
      50% {
        top: 0%;
        left: 80%;
        z-index: -1;
      }
      99% {
        top: 85%;
        left: 5%;
        z-index: -1;
      }
      100% {
        top: 85%;
        left: 5%;
        z-index: 0;
      }
    }

/* Career Form CSS */
.career-form:before{
	content:"";
	position:absolute;
	left:-80px;top:-52px;
	background:url(../images/circle-dot.png) no-repeat;width:140px;height:144px;background-size: 100%;
	z-index:1;
}
.career-form:after{
	content:"";
	position:absolute;
	right:-50px;bottom:80px;
	background:url(../images/waves.png) no-repeat;width:120px;height:24px;background-size: 100%;
	z-index:1;
}
.career-form-section .elementor-column-wrap{ z-index:2;}
.career-form .form-group {
    margin-bottom: 20px;
}


.send-btn-secondary{ width: auto !important;
    padding: 15px 30px !important;
    margin: 30px auto 0 auto;
    display: block !important;}
.send_btn:hover{
	background-color:#1b1e41 !important;
}
.career-form .wpcf7 form .wpcf7-response-output{ margin:0;}
.career-form .send-btn-secondary{ margin:50px auto 0 auto;}
.m-0 p{ margin:0;}
.equal-column .elementor-widget-wrap>.elementor-element, .equal-column .elementor-widget-container{ 
		height:100%;
}
.twitter-icon{ color: #00acee;}
.linkedin-icon{ color: #0e76a8;}
.facebook-icon{ color: #3b5998;}
.close-btn{ font-size: 1.3em;}

/* Landing Page CSS */
.contact-us-form.landing-page-form{
	    border-radius: 25px;
	box-shadow: -3px 28px 44px 0px rgba(0,0,0,0.09);
-webkit-box-shadow: -3px 28px 44px 0px rgba(0,0,0,0.09);
-moz-box-shadow: -3px 28px 44px 0px rgba(0,0,0,0.09);
}
.contact-us-form.landing-page-form .form-group .form-control{
	background-color: #F6F6F6;
    border-radius: 5px;
    border:solid 1px #F6F6F6;
    padding-left: 20px;
    min-height: 38px;
    height: 38px;
}
.contact-us-form.landing-page-form p{ margin:0;}
.contact-us-form.landing-page-form .form-group .form-control:focus{
	border:solid 1px #1B1E41 !important;
}
.contact-us-form.landing-page-form .send_btn{ min-height:50px;}
.contact-us-form.landing-page-form .form-group textarea.form-control {
    height: 80px;
}
/*.contact-us-form.landing-page-form .form-group {
    margin-bottom: 10px;
}*/
.landing-page-form .budget-form-control, .landing-page-form .upload-file-control{ display:none;}
.landing-page-form .recapcha-form-control div{ margin:20px auto 0 auto;}
.mb-0{ margin-bottom:0 !important;}
.country-phone-number img{ margin-right: 15px;border-radius:6px !important;}
.country-phone-number a{ color:#ffffff;}
.contact-us-form.landing-page-form .form-group .form-control::-moz-placeholder{
	color: #000;
}
.contact-us-form.landing-page-form .form-group .form-control::-ms-input-placeholder{
	color: #000;
}
.contact-us-form.landing-page-form .form-group .form-control::-webkit-input-placeholder{
	color: #000;
}
/* Footer Phone Number Column */

.phone-number-footer span{ display:block;margin-bottom: 20px;margin-top: 20px;}
.phone-number-footer a{ display: block;font-size: 26px;margin-top: 5px;text-decoration: none;}
.phone-number-footer img{ border-radius:50px;margin-right:15px;}
.text-white, .text-white:hover, .text-white:focus{ color:#fff !important;}

/* Video Testimonials CSS */
.video-testimonials .elementor-custom-embed-play .eicon-play:before{
	background:url('https://zobiwebsolutions.com/wp-content/uploads/2022/02/play-circle.png') no-repeat;
	width:100px;height:100px;
	content: '';
    display: block;
}
.video-testimonials .elementor-custom-embed-image-overlay:after{
	content: '';
    background-color: rgb(27 30 65 / 70%);
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
}
.video-testimonials .elementor-custom-embed-play{ z-index:3;}
.custom-video video.elementor-video{ max-height:750px;
    height: auto !important;    object-fit: none;}
.video-testimonials .e-hosted-video:after{
	content: '';
	z-index:1;
    position: absolute;
    left: 10px;top:10px;
	background:url('https://zobiwebsolutions.com/wp-content/uploads/2018/10/icon.png') no-repeat;
	width:48px;height:36px;display:block;background-size:cover;
}
.video-testimonials-section:before{
	content: '';
	z-index:1;
    position: absolute;
    left: 0;top:18%;
	background:url('https://zobiwebsolutions.com/wp-content/uploads/2022/02/zobi-illustration.png') no-repeat;
	width:205px;height:450px;display:block;
	z-index: -1;
}
.free-consultation-section .elementor-top-column{ padding-left:15px;padding-right:15px;}
.solutions-menu .dropdown-header, .solutions-menu .menu-link{ margin-left:0;}
.list-icon-align-start .elementor-icon-list-item{ align-items: flex-start !important;}
.list-icon-align-start .elementor-icon-list-icon{ margin-top: 5px;}

/* Flex CSS */
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
  
  .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
  }
  
  .embed-responsive::before {
	display: block;
	content: "";
  }
  
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }
  
  .embed-responsive-21by9::before {
	padding-top: 42.857143%;
  }
  
  .embed-responsive-16by9::before {
	padding-top: 56.25%;
  }
  
  .embed-responsive-4by3::before {
	padding-top: 75%;
  }
  
  .embed-responsive-1by1::before {
	padding-top: 100%;
  }
  
  .flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
  }
  
  .flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
  }
  
  .flex-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
  }
  
  .flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
  }
  
  .flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
  }
  
  .flex-grow-0 {
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
  }
  
  .flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
  }
  
  .flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important;
  }
  
  .flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important;
  }
  
  .justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
  }
  
  .justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
  }
  
  .justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
  }
  
  .justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
  }
  
  .justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
  }
  
  .align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important;
  }
  
  .align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important;
  }
  
  .align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
  }
  
  .align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
  }
  
  .align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
  }
  
  .align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
  }
  
  .align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
  }
  
  .align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
  }
  
  .align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
  }
  
  .align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
  }
  
  .align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
  }
  
  .align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important;
  }
  
  .align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
  }
  
  .align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
  }
  
  .align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
  }
  
  .align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
  }
  
  .align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
  }
  
  @media (min-width: 576px) {
	.flex-sm-row {
	  -ms-flex-direction: row !important;
	  flex-direction: row !important;
	}
	.flex-sm-column {
	  -ms-flex-direction: column !important;
	  flex-direction: column !important;
	}
	.flex-sm-row-reverse {
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
	.flex-sm-column-reverse {
	  -ms-flex-direction: column-reverse !important;
	  flex-direction: column-reverse !important;
	}
	.flex-sm-wrap {
	  -ms-flex-wrap: wrap !important;
	  flex-wrap: wrap !important;
	}
	.flex-sm-nowrap {
	  -ms-flex-wrap: nowrap !important;
	  flex-wrap: nowrap !important;
	}
	.flex-sm-wrap-reverse {
	  -ms-flex-wrap: wrap-reverse !important;
	  flex-wrap: wrap-reverse !important;
	}
	.flex-sm-fill {
	  -ms-flex: 1 1 auto !important;
	  flex: 1 1 auto !important;
	}
	.flex-sm-grow-0 {
	  -ms-flex-positive: 0 !important;
	  flex-grow: 0 !important;
	}
	.flex-sm-grow-1 {
	  -ms-flex-positive: 1 !important;
	  flex-grow: 1 !important;
	}
	.flex-sm-shrink-0 {
	  -ms-flex-negative: 0 !important;
	  flex-shrink: 0 !important;
	}
	.flex-sm-shrink-1 {
	  -ms-flex-negative: 1 !important;
	  flex-shrink: 1 !important;
	}
	.justify-content-sm-start {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	.justify-content-sm-end {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	.justify-content-sm-center {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	.justify-content-sm-between {
	  -ms-flex-pack: justify !important;
	  justify-content: space-between !important;
	}
	.justify-content-sm-around {
	  -ms-flex-pack: distribute !important;
	  justify-content: space-around !important;
	}
	.align-items-sm-start {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	.align-items-sm-end {
	  -ms-flex-align: end !important;
	  align-items: flex-end !important;
	}
	.align-items-sm-center {
	  -ms-flex-align: center !important;
	  align-items: center !important;
	}
	.align-items-sm-baseline {
	  -ms-flex-align: baseline !important;
	  align-items: baseline !important;
	}
	.align-items-sm-stretch {
	  -ms-flex-align: stretch !important;
	  align-items: stretch !important;
	}
	.align-content-sm-start {
	  -ms-flex-line-pack: start !important;
	  align-content: flex-start !important;
	}
	.align-content-sm-end {
	  -ms-flex-line-pack: end !important;
	  align-content: flex-end !important;
	}
	.align-content-sm-center {
	  -ms-flex-line-pack: center !important;
	  align-content: center !important;
	}
	.align-content-sm-between {
	  -ms-flex-line-pack: justify !important;
	  align-content: space-between !important;
	}
	.align-content-sm-around {
	  -ms-flex-line-pack: distribute !important;
	  align-content: space-around !important;
	}
	.align-content-sm-stretch {
	  -ms-flex-line-pack: stretch !important;
	  align-content: stretch !important;
	}
	.align-self-sm-auto {
	  -ms-flex-item-align: auto !important;
	  align-self: auto !important;
	}
	.align-self-sm-start {
	  -ms-flex-item-align: start !important;
	  align-self: flex-start !important;
	}
	.align-self-sm-end {
	  -ms-flex-item-align: end !important;
	  align-self: flex-end !important;
	}
	.align-self-sm-center {
	  -ms-flex-item-align: center !important;
	  align-self: center !important;
	}
	.align-self-sm-baseline {
	  -ms-flex-item-align: baseline !important;
	  align-self: baseline !important;
	}
	.align-self-sm-stretch {
	  -ms-flex-item-align: stretch !important;
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 768px) {
	.flex-md-row {
	  -ms-flex-direction: row !important;
	  flex-direction: row !important;
	}
	.flex-md-column {
	  -ms-flex-direction: column !important;
	  flex-direction: column !important;
	}
	.flex-md-row-reverse {
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
	.flex-md-column-reverse {
	  -ms-flex-direction: column-reverse !important;
	  flex-direction: column-reverse !important;
	}
	.flex-md-wrap {
	  -ms-flex-wrap: wrap !important;
	  flex-wrap: wrap !important;
	}
	.flex-md-nowrap {
	  -ms-flex-wrap: nowrap !important;
	  flex-wrap: nowrap !important;
	}
	.flex-md-wrap-reverse {
	  -ms-flex-wrap: wrap-reverse !important;
	  flex-wrap: wrap-reverse !important;
	}
	.flex-md-fill {
	  -ms-flex: 1 1 auto !important;
	  flex: 1 1 auto !important;
	}
	.flex-md-grow-0 {
	  -ms-flex-positive: 0 !important;
	  flex-grow: 0 !important;
	}
	.flex-md-grow-1 {
	  -ms-flex-positive: 1 !important;
	  flex-grow: 1 !important;
	}
	.flex-md-shrink-0 {
	  -ms-flex-negative: 0 !important;
	  flex-shrink: 0 !important;
	}
	.flex-md-shrink-1 {
	  -ms-flex-negative: 1 !important;
	  flex-shrink: 1 !important;
	}
	.justify-content-md-start {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	.justify-content-md-end {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	.justify-content-md-center {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	.justify-content-md-between {
	  -ms-flex-pack: justify !important;
	  justify-content: space-between !important;
	}
	.justify-content-md-around {
	  -ms-flex-pack: distribute !important;
	  justify-content: space-around !important;
	}
	.align-items-md-start {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	.align-items-md-end {
	  -ms-flex-align: end !important;
	  align-items: flex-end !important;
	}
	.align-items-md-center {
	  -ms-flex-align: center !important;
	  align-items: center !important;
	}
	.align-items-md-baseline {
	  -ms-flex-align: baseline !important;
	  align-items: baseline !important;
	}
	.align-items-md-stretch {
	  -ms-flex-align: stretch !important;
	  align-items: stretch !important;
	}
	.align-content-md-start {
	  -ms-flex-line-pack: start !important;
	  align-content: flex-start !important;
	}
	.align-content-md-end {
	  -ms-flex-line-pack: end !important;
	  align-content: flex-end !important;
	}
	.align-content-md-center {
	  -ms-flex-line-pack: center !important;
	  align-content: center !important;
	}
	.align-content-md-between {
	  -ms-flex-line-pack: justify !important;
	  align-content: space-between !important;
	}
	.align-content-md-around {
	  -ms-flex-line-pack: distribute !important;
	  align-content: space-around !important;
	}
	.align-content-md-stretch {
	  -ms-flex-line-pack: stretch !important;
	  align-content: stretch !important;
	}
	.align-self-md-auto {
	  -ms-flex-item-align: auto !important;
	  align-self: auto !important;
	}
	.align-self-md-start {
	  -ms-flex-item-align: start !important;
	  align-self: flex-start !important;
	}
	.align-self-md-end {
	  -ms-flex-item-align: end !important;
	  align-self: flex-end !important;
	}
	.align-self-md-center {
	  -ms-flex-item-align: center !important;
	  align-self: center !important;
	}
	.align-self-md-baseline {
	  -ms-flex-item-align: baseline !important;
	  align-self: baseline !important;
	}
	.align-self-md-stretch {
	  -ms-flex-item-align: stretch !important;
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 992px) {
	.flex-lg-row {
	  -ms-flex-direction: row !important;
	  flex-direction: row !important;
	}
	.flex-lg-column {
	  -ms-flex-direction: column !important;
	  flex-direction: column !important;
	}
	.flex-lg-row-reverse {
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
	.flex-lg-column-reverse {
	  -ms-flex-direction: column-reverse !important;
	  flex-direction: column-reverse !important;
	}
	.flex-lg-wrap {
	  -ms-flex-wrap: wrap !important;
	  flex-wrap: wrap !important;
	}
	.flex-lg-nowrap {
	  -ms-flex-wrap: nowrap !important;
	  flex-wrap: nowrap !important;
	}
	.flex-lg-wrap-reverse {
	  -ms-flex-wrap: wrap-reverse !important;
	  flex-wrap: wrap-reverse !important;
	}
	.flex-lg-fill {
	  -ms-flex: 1 1 auto !important;
	  flex: 1 1 auto !important;
	}
	.flex-lg-grow-0 {
	  -ms-flex-positive: 0 !important;
	  flex-grow: 0 !important;
	}
	.flex-lg-grow-1 {
	  -ms-flex-positive: 1 !important;
	  flex-grow: 1 !important;
	}
	.flex-lg-shrink-0 {
	  -ms-flex-negative: 0 !important;
	  flex-shrink: 0 !important;
	}
	.flex-lg-shrink-1 {
	  -ms-flex-negative: 1 !important;
	  flex-shrink: 1 !important;
	}
	.justify-content-lg-start {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	.justify-content-lg-end {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	.justify-content-lg-center {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	.justify-content-lg-between {
	  -ms-flex-pack: justify !important;
	  justify-content: space-between !important;
	}
	.justify-content-lg-around {
	  -ms-flex-pack: distribute !important;
	  justify-content: space-around !important;
	}
	.align-items-lg-start {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	.align-items-lg-end {
	  -ms-flex-align: end !important;
	  align-items: flex-end !important;
	}
	.align-items-lg-center {
	  -ms-flex-align: center !important;
	  align-items: center !important;
	}
	.align-items-lg-baseline {
	  -ms-flex-align: baseline !important;
	  align-items: baseline !important;
	}
	.align-items-lg-stretch {
	  -ms-flex-align: stretch !important;
	  align-items: stretch !important;
	}
	.align-content-lg-start {
	  -ms-flex-line-pack: start !important;
	  align-content: flex-start !important;
	}
	.align-content-lg-end {
	  -ms-flex-line-pack: end !important;
	  align-content: flex-end !important;
	}
	.align-content-lg-center {
	  -ms-flex-line-pack: center !important;
	  align-content: center !important;
	}
	.align-content-lg-between {
	  -ms-flex-line-pack: justify !important;
	  align-content: space-between !important;
	}
	.align-content-lg-around {
	  -ms-flex-line-pack: distribute !important;
	  align-content: space-around !important;
	}
	.align-content-lg-stretch {
	  -ms-flex-line-pack: stretch !important;
	  align-content: stretch !important;
	}
	.align-self-lg-auto {
	  -ms-flex-item-align: auto !important;
	  align-self: auto !important;
	}
	.align-self-lg-start {
	  -ms-flex-item-align: start !important;
	  align-self: flex-start !important;
	}
	.align-self-lg-end {
	  -ms-flex-item-align: end !important;
	  align-self: flex-end !important;
	}
	.align-self-lg-center {
	  -ms-flex-item-align: center !important;
	  align-self: center !important;
	}
	.align-self-lg-baseline {
	  -ms-flex-item-align: baseline !important;
	  align-self: baseline !important;
	}
	.align-self-lg-stretch {
	  -ms-flex-item-align: stretch !important;
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 1200px) {
	.flex-xl-row {
	  -ms-flex-direction: row !important;
	  flex-direction: row !important;
	}
	.flex-xl-column {
	  -ms-flex-direction: column !important;
	  flex-direction: column !important;
	}
	.flex-xl-row-reverse {
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
	  -ms-flex-direction: column-reverse !important;
	  flex-direction: column-reverse !important;
	}
	.flex-xl-wrap {
	  -ms-flex-wrap: wrap !important;
	  flex-wrap: wrap !important;
	}
	.flex-xl-nowrap {
	  -ms-flex-wrap: nowrap !important;
	  flex-wrap: nowrap !important;
	}
	.flex-xl-wrap-reverse {
	  -ms-flex-wrap: wrap-reverse !important;
	  flex-wrap: wrap-reverse !important;
	}
	.flex-xl-fill {
	  -ms-flex: 1 1 auto !important;
	  flex: 1 1 auto !important;
	}
	.flex-xl-grow-0 {
	  -ms-flex-positive: 0 !important;
	  flex-grow: 0 !important;
	}
	.flex-xl-grow-1 {
	  -ms-flex-positive: 1 !important;
	  flex-grow: 1 !important;
	}
	.flex-xl-shrink-0 {
	  -ms-flex-negative: 0 !important;
	  flex-shrink: 0 !important;
	}
	.flex-xl-shrink-1 {
	  -ms-flex-negative: 1 !important;
	  flex-shrink: 1 !important;
	}
	.justify-content-xl-start {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	.justify-content-xl-end {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	.justify-content-xl-center {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	.justify-content-xl-between {
	  -ms-flex-pack: justify !important;
	  justify-content: space-between !important;
	}
	.justify-content-xl-around {
	  -ms-flex-pack: distribute !important;
	  justify-content: space-around !important;
	}
	.align-items-xl-start {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	.align-items-xl-end {
	  -ms-flex-align: end !important;
	  align-items: flex-end !important;
	}
	.align-items-xl-center {
	  -ms-flex-align: center !important;
	  align-items: center !important;
	}
	.align-items-xl-baseline {
	  -ms-flex-align: baseline !important;
	  align-items: baseline !important;
	}
	.align-items-xl-stretch {
	  -ms-flex-align: stretch !important;
	  align-items: stretch !important;
	}
	.align-content-xl-start {
	  -ms-flex-line-pack: start !important;
	  align-content: flex-start !important;
	}
	.align-content-xl-end {
	  -ms-flex-line-pack: end !important;
	  align-content: flex-end !important;
	}
	.align-content-xl-center {
	  -ms-flex-line-pack: center !important;
	  align-content: center !important;
	}
	.align-content-xl-between {
	  -ms-flex-line-pack: justify !important;
	  align-content: space-between !important;
	}
	.align-content-xl-around {
	  -ms-flex-line-pack: distribute !important;
	  align-content: space-around !important;
	}
	.align-content-xl-stretch {
	  -ms-flex-line-pack: stretch !important;
	  align-content: stretch !important;
	}
	.align-self-xl-auto {
	  -ms-flex-item-align: auto !important;
	  align-self: auto !important;
	}
	.align-self-xl-start {
	  -ms-flex-item-align: start !important;
	  align-self: flex-start !important;
	}
	.align-self-xl-end {
	  -ms-flex-item-align: end !important;
	  align-self: flex-end !important;
	}
	.align-self-xl-center {
	  -ms-flex-item-align: center !important;
	  align-self: center !important;
	}
	.align-self-xl-baseline {
	  -ms-flex-item-align: baseline !important;
	  align-self: baseline !important;
	}
	.align-self-xl-stretch {
	  -ms-flex-item-align: stretch !important;
	  align-self: stretch !important;
	}
  }



@media (min-width: 768px) {
	.technology-logo-mobile{ display:none;}
	.btn-contact-us{ display:none;}
	.carousel-caption {left:0% !Important;
	right: 0% !Important;}
	.caret.arrow-icon{ display:none;}
	.blog-client-logo-section .col-sm-2{ width:20%;}
	.blog-client-logo-section .col-sm-2.col-sm-offset-5{ margin-left:40%;}
	.blog-client-logo-section h2{ padding:0 50px;}
	.client-section-inner-page h2{ padding:0 50px !important;}
	.accoladed-col{ width:44%;}
	.case-study-showcase-image img{ margin-left:auto;}
	.px-md-0 { padding-left: 0;padding-right: 0;}
	.services-menu { width:25%;}
	.corporate-menu{     width: 26%;}
	.read-blog-menu { width: 49%;}
	.testmonials-menu-slider{width:25%;}
	.mega-dropdown-menu .col-lg-12{ padding-left:30px;padding-right:30px;}
	.mobile-development-menu { width: 25%;}
	.e-commerce-menu { width: 15%;}
	.order-sm-2{ order:2 !important;}
	
	/* Modal CSS */
	.modal-header-secondary{ border:0 !important;padding:0;}
	.call-us-link-mobile{ display:none;}
	.form-callus{ border-left:solid 1px #d9d9d9;padding-left:30px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
/*----- Other main pages CSS ------*/

.contact-page-heading-one h2.elementor-heading-title{ font-size: 30px !important;}
.contact-us-form-title .elementor-heading-title{ font-size:21px !important;}
.contact-us-shadow-none .elementor-row{ box-shadow:none !important;}
.contact-us-shadow-none .elementor-element-populated{ box-shadow:none !important;}
.contact-us-shadow-none .free-consulation-contact-form { padding: 0 15px;}
.contact-us-shadow-none .submit-btn { margin: 30px 0 8px 15px !important;}
.contact-us-shadow-none .wpcf7-form{ border-bottom: solid 1px #ddd;}	
.contact-info-col{ width:50%;float:left;}
.contact-info-col .elementor-widget-container{ border-bottom:0 !important;}
.contact-us-form-title.elementor-widget-heading .elementor-heading-title{ padding:0 15px ;}
.contact-info-right-section .elementor-element-populated{ padding-left:25px !important;padding-right:25px !important;}
.footer-custom .footer-custom-width {
    width: 33.333333% !important;
	min-height:320px;
}

/*----- Services Pages CSS ------*/
.why-choose-box{ padding: 15px;min-height: 160px;}

/*------ Blog Single Page Bottom Section CSS -----*/
.accolades-row{ margin-top: 40px;margin-bottom: 40px;}
.accolades-row img{ margin:0 auto;}
.blog-single-wrap{ padding:0 15px !important;}

/*----- Casestudies Page CSS ----- */
.casestudy-image img{ max-width:100% !important;left:0;}
.challenges-section:after{ display:none;}
.casestudy-bg-secondary{ background-size:auto;}

/* Menu CSS */
.inner-page-header .container, .home-page-header .container{ width:100%;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
/*---- Home Page CSS ---*/	
.carousel-inner > .item { height: 550px !important;}
.carousel-caption h2{ font-size:52px !important;}	
.feature .feature-title1{ font-size:36px;}
.feature .feature-title2{ font-size:36px;margin-bottom:60px;}
.feature .circle:nth-child(5){ margin-left:60px;}	
.feature .circle2, .feature .circle{ margin-top: 0;margin-bottom:0;}
.casestudy_front_section { box-shadow: 0 0 16px 0 lightgrey;}	
.casestudy_front_section .casestudy_front_section_text h3{ font-size:22px;}
.casestudy_front_section .casestudy_front_section_text a{ padding: 8px 20px;width: 180px;}	
.case_studies h2 { font-size: 36px;}	
.statics-row{ margin:0 -10px;}
.statics{ padding-left: 10px;padding-right: 10px;height: 120px;}	
.statics h2{ font-size:22px;margin-top: 15px;}	
.statics p{ font-size:14px;}	
.explore h2 { font-size: 36px;}	
.explore p { font-size: 18px;line-height: normal;}	
.services-box { padding: 20px 20px;}	
.services-box h3 span {
    display: inline-block;
}
.services-box h3{ padding:1rem 0 0;}	
.accolades-section h2 { font-size: 26px;}	
.top-web-company .read-more-sign{ display:none;}	
.top-web-company {
    margin: 25px 0 15px 0;
}	
.technologyNew h2 { font-size: 36px;}
.technologyNew h2 { font-size: 36px;}	
.contact-us-section .free-consulation-contact-form {
    padding: 10px 20px 0 20px;
}
.contact-us-section .contact-us-section-heading { font-size: 26px;}	
.contact-us-section .submit-btn {
    margin: 30px 0 0 20px !important;
}	
.contact-us-section .col-sm-4{ padding-left:0;}	
.contact-us-section .contact-us-section-right-side {
    padding: 20px 0 0 0;
}	
.contact-us-section .contact-us-section-right-side-inner p{ font-size:15px;}	
.footer-section { padding: 45px 0 0 0;}	

/*----- Other main pages CSS ------*/
.site-content-contain.middle-secion-inner { top: 60px;}

/*----- Services Pages CSS ------*/
.why-choose-box{ padding: 10px;}
.why-choose-box h4{ font-size: 1rem;}
.efficient-control-section {
    background-size: 66% !important;
}	

/*------ Blog Single Page Bottom Section CSS -----*/
.blog-free-consolution-section h2 { font-size: 1.375rem;}
.blog-free-consolution-section .get-started-button{ padding: 8px 50px 8px 50px;font-size: 18px;}

/*------ New Menu ------*/
.mega-dropdown-menu .dropdown-header{ margin: 15px 0;}
.services-menu{ padding-right:0;}	
.services-menu .dropdown-header a{ font-size:14px;}
.services-menu .dropdown-header a img {
    display: none;
}
.menu-link {
    margin-left: 0;margin-bottom: 10px;
}	
.services-menu a{ font-size:11px;}	
.trending-col {
    width: 68%;
}
.trending-menu .trending-header {
	font-size: 16px;}	
.trending-link a{ font-size:11px;}	
.trending-menu a img {
    height: 26px;
}	
.accoladed-col {
    width: 32%;
    padding-left: 0;
}
.accoladed-col h4{
    font-size: 15px;
}	
.accoladed-col h4 span{ display:inline;}	

.accoladed-col img {
    width: 50px;
    margin: 0 5px;
}	
.d-flex {
    display: -ms-flexbox!important;
    display: block!important;
}
.company-info-menu img{ width:24px;}	
.company-info-menu img.rewards-img{ width:auto;}	
.company-info-menu b{
    font-size: 20px;
}

/* Home Casestudies Slider CSS */
	.casestudies-section .carousel .carousel-caption p.case-study-content {
		margin: 0px 0 50px 0;
		padding: 0;
		line-height: 24px;
	}
	.casestudies-section .carousel .carousel-caption {
		padding: 0 30px;
	}

/*----- Casestudies Page CSS ----- */
	.case-studies-heading{ background-position:54% 100%;}
	.casestudy-box .casestudy-short-description{ display:none;}
	.box-content, .casestudy-box:hover .box-content{ display:none;}
	.casestudy-box:hover img{opacity:1}

	
}

@media (max-width: 991px) {
	.free-consulation-contact-form .submit-btn{ float: none;margin: 20px 0 0 0 !important;}
}

@media (min-width:992px){
.modal-lg {
    width: 800px;
}
}


@media (min-width:992px) and (max-width:1199px) {
.carousel-caption{ width:auto;left: 6% !important;right: 6% !important;}
.carousel-caption h2{ font-size:58px !important;}
.services .box{ padding: 20px;min-height: 292px;}
.feature .circle{ height: 208px;width: 208px;}	
.feature .circle:nth-child(6){ margin-left:26%;}	
.feature .circle2, .feature .circle{ margin-top: 0;margin-bottom:0;}	
.services-box{ padding:25px;min-height: 385px;}	
.services-box h3{ padding-top:1em;}	
.services-box ul li a{ line-height:26px;}	
.top-web-company-col { padding: 50px 30px;}	
.top-web-company .read-more-sign { margin: 15px 0;text-align: center;}	
.top-web-company p { padding: 0;}	

/*----- Other main pages CSS ------*/
.contact-page-heading-one h2.elementor-heading-title { font-size: 36px !important;}
.contact-us-form-title .elementor-heading-title { font-size: 30px !important;}

/*----- Casestudies Page CSS ----- */
.case-studies-heading{ background-position:48% 100%;}	
}

@media (max-width: 1199px) {
/*----- Services Pages CSS ------*/
	.testimonias-section-inner-page{ background-size:100% !important;}
	.client-logo-column .gallery-item{ width:50% !important;}
	.client-logo-column .gallery, .accolades-column .gallery{ margin:0 !important;}
	.client-logo-column .gallery-item{ padding:0 20px 20px 20px !important;}
	.accolades-column .gallery-item{ padding:0 0 15px 0 !important;}

/*----- Career Form CSS ------*/	
	.career-form:after{right:-5px;bottom:-40px;width:90px;}
	.career-form:before{ left:-8px;}
}

@media (max-width: 767px) {

/*---- Home Page Section CSS ----*/
	.services { padding: 45px 0 15px 0;background-color: #fff;}
	.services .services-title{ display:none;}
	.services .services-sub-title{ font-size:26px;color: #1b1e41;margin: 0 0 20px 0;font-weight:600;}
	.services .box{ padding:30px 0 0 0;min-height: inherit;border: 0;}
	.services .box:hover {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
    -webkit-transform:inherit;
    transform: inherit;
	}
	.feature{ display:none;}
	.case_studies{ padding: 45px 0 25px 0;border-top: solid 1px #f3f3f3;}
	.case_studies h2{ font-size: 34px;padding-bottom:30px;}
	.casestudy_front_section { box-shadow: 0 0 15px 0 lightgrey;}
	.casestudy_front_section .casestudy_front_section_text h3{ font-size: 26px;}
	.zobi-works{ padding:0;}
	.work-title{ display:none;}
	.work-sub-title{ display:none;}
	.border-white{ display:none;}
	.statics{ width: 50% !important; float: left;height: auto;min-height: 192px;border-right:0;border-bottom: solid 1px #fff;}	
	.statics:nth-child(1){ border-right: solid 1px #fff;}
	.statics:nth-child(3){ border-right: solid 1px #fff;}
	.statics:nth-child(5){ width:100% !important;border:0;min-height:inherit;background-color: rgba(27, 30, 65, 0.59);}
	.explore { padding: 45px 0 15px 0;}
	.explore h2{ font-size: 34px;}
	.explore p{ display:none;}
	.services-box{ padding:20px;}
	.services-box h3 span{ display:inline;}
	.accolades-section { display: none;}
	.accolades-title { padding: 40px 0 0 0;}
	.accolades-section h2 { font-size: 26px;margin: 0 0 40px 0;}
	.top-web-img-col{ display:none;}
	.top-web-company-col { padding: 0 20px 20px 20px;}
	.top-web-company .read-more-sign { display: none;}
	.top-web-company p{ padding: 0;}
	.top-web-company { margin-top: 0;text-align:center;}
	.company-logo img{ margin:0 auto;}
	.technologyNew {padding: 45px 0;display:none;}
	.technologyNew h2 { font-size: 34px;}
	.technology-logo-dektop{ display:none;}
	.contact-us-section {
    	margin-bottom: 0;
		margin-top: 0;
		background-color: #fafafa;
		padding: 20px 0;
	}
	.contact-us-section-heading{ font-size:18px;text-align:center;margin-top:0;}
	.contact-form-shadow{ box-shadow:none;}
	.contact-us-section .free-consulation-contact-form {
		padding: 0;
	}
	.modal-body-contact-form .free-consulation-contact-form .form-group { margin-top: 0;}
	.modal-body-contact-form .submit-btn{  margin: 30px auto 10px auto !important;}
	.modal-body-contact-form .wpcf7-response-output { margin: 0;}
	.footer-section { padding: 45px 0 0 0;}
	.footer-custom .footer-custom-width { width: 50% !important;float:left;}
	.footer-custom .footer-custom-width:nth-child(5) { width: 100% !important;float:none;clear:both;}
	.footer-custom .footer-custom-width h2 { font-size: 22px;}
	.contact-form-footer-col{ display:none;}
	.contact-us-section .contact-us-section-right-side-inner {
    border-top: solid 1px #ddd;
    padding: 15px 0;text-align:center;
	}
	.contact-us-section-right-side-inner p{ margin-bottom:0;}
	
	/*---- Menu CSS ------*/
	.navbar-default .navbar-nav>li>a{ border-bottom: solid 1px #ddd;}
	.navbar-default .navbar-nav>li:last-child>a{ border:0;}
	.navbar-default .navbar-nav>li.btn-quote a{ border:0;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	    border-color: #ddd;
	}
	.navbar-nav > li.btn-quote a {
    padding: 10px 15px 10px 15px !Important;
	}
	.navbar-nav > li > .dropdown-menu{
	opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
	}
	.navbar-nav .open .dropdown-menu{ background-color:#fafafa;
	opacity: 1;
	}
	.site-content-contain.middle-secion-inner {
    top: 60px;
	}
	
	/*----- Other main pages CSS ------*/

	.hire-process-section{ padding:0 5px;}
	
	.contact-us-form-title .elementor-heading-title{ font-size:21px !important;}
	.contact-us-shadow-none.elementor-section.elementor-top-section{ padding-top:0 !important;}
	.contact-us-shadow-none .free-consulation-contact-form { padding: 0 0 0 0;}
	.contact-us-shadow-none .free-consulation-contact-form .form-group { margin-top: 0;}
	.contact-us-shadow-none .elementor-row{ box-shadow:none !important;}
	.contact-us-shadow-none .elementor-element-populated{ box-shadow:none !important;}
	.contact-us-shadow-none .bottom-submit-btn { margin: 25px auto 0 auto !important;}
	.contact-us-shadow-none .wpcf7-form{ border-bottom: solid 1px #ddd;}
	.contact-info-right-section .elementor-element-populated{ padding-left:10px !important;padding-right:10px !important;}
	
	/*----- Services Pages CSS ------*/
	.services-top-img{ display: none;}
	.page-heading-one h1.elementor-heading-title { font-size: 26px !important;}
	.page-heading-one .elementor-size-xl{ font-size: 26px !important;}
	.page-heading-one .elementor-widget-container, .heading-devider .elementor-widget-container { margin: 0px 0px 20px 0px !important;}
	.page-heading-devider .elementor-widget-container{ margin: 0px !important;}
	.featured-services-box .elementor-image-box-img img{ margin-bottom:20px;}
	.inner-section-heading .elementor-heading-title{ font-size:30px !important;}
	.services-features-panel{ text-align:center;}
	.services-features-panel .elementor-widget-image .elementor-image img{ display:block;margin:0 auto;}
	.services-title-heading2 .elementor-heading-title{ font-size: 26px !important;}
	.accolades-column .gallery-item{ padding:0 10px 15px 10px !important;max-width:33.33333% !important;}
	.accolades-logo-section .elementor-column{ width: 33.33333%;}
	.efficient-control-section {
		background-size: 90% !important;
		background-position: bottom center !important;
	}
	
	/*------ Blog Single Page Bottom Section CSS -----*/
	.blog-free-consolution-section { padding:30px 0 40px 0;text-align: center;}
	.blog-free-consolution-section h2{ text-align: center;margin-bottom:15px;}	
	.blog-testimonials-section h2, .blog-testimonials-section h3{ text-align:center;}
	.blog-testimonials-section{ padding:40px 0;margin-top:40px;}
	.accolades-row { margin-top: 40px;margin-bottom: 40px;}
	.blog-casestudies-section{ padding:40px 0 0px 0;}
	.blog-casestudies-section h2, .blog-client-logo-section h2{ font-size:30px;}
	.blog-single-wrap{ padding:0 15px !important;}
	.blog-client-logo-section .col-sm-6{ max-height: 67px;margin-top: 10px;}
	/* New Menu */
	.services-menu .dropdown-header a img {
		position: inherit;
		left: 0;
	}
	.trending-link a{ font-size:12px;}
	.col-sm-6.accoladed-col { display: none;}
	.trending-menu a img {height: 26px;}
	.trending-menu-bottom { padding-top: 0;}
	.corporate-menu{ width:100%;}
	.read-blog-menu, .testmonials-menu-slider{ width: 100%;}
	.company-info-menu{ display: none;}	
	.testmonials-menu-slider img{ width: 100%;}

	/* Home Casestudies Slider CSS */
	.casestudies-section { margin: 0 15px;}
	.casestudies-section .carousel .carousel-caption{ padding:0 15px;}
	.casestudies-section .carousel .carousel-caption .row{ display:flex;}
	.casestudies-section .carousel .item { height: 400px !important;}
	.casestudies-section .carousel .item .row{ height:100%;}
	.casestudies-section .carousel .item .col-sm-8, .casestudies-section .carousel .item .col-sm-8 div{ width:100%;text-align:center;}
	.casestudies-section .carousel .item .col-sm-4{ display:none;}
	.carousel-caption { transform: translateY(0%);}
	.casestudies-section h2.heading, .casestudies-section .carousel .carousel-caption h3{ font-size: 36px;}
	.casestudies-section .carousel .carousel-caption p.case-study-content{ padding:0;}
	
	/*----- Casestudies Page CSS ----- */
	
	.casestudy-box .casestudy-short-description{ display:none;}
	.box-content, .casestudy-box:hover .box-content{ display:none;}
	.casestudy-box:hover img{opacity:1}
	.casestudy-title{ font-size: 24px;}
	
	.casestudy-image img{ max-width:100% !important;left:0;position:inherit;}
	.challenges-section:after{ display:none;}	
	.our-solution-img{ display:none;}	

	.footer-custom-width .footer-logo-img {
		margin: 0 auto;
	}
	.footer-custom-width .upwork-ratings {
		text-align: center;
	}
	.heading-xl .elementor-heading-title{ font-size:44px !important;}
	.casestudy-maestro-bg{ background-size:70%;}
	
	/* New Contact Page CSS */
	.contact-header{
		background-size:auto !important;
		background-position:50% 0;
	}
	.contact-page-testimonial #wonderplugincarousel-1 .amazingcarousel-list-wrapper {
		width: 295px !important;
	}
	.page-heading-h2 h2.elementor-heading-title.elementor-size-xl{ font-size:36px !important;}
	.page-heading-h3 h3.elementor-heading-title.elementor-size-large{ font-size:26px !important;}
	
	/*----- Career Form CSS ------*/	
	.benefits-box .elementor-element-populated{
		border-width: 0 0 1px 0 !important;
	}
	.benefits-row.elementor-section.elementor-top-section{ padding-bottom:0 !important;}
	
	/* Modal CSS */
	.modal-callus{ padding:0px 30px 30px 30px;}
}

@media (max-width: 360px) {
	.statics{ padding: 0 10px;}
	.statics h2{ font-size: 24px;}
}

@media (min-width:1366px) and (max-width:1600px) {
	/*----- Casestudies Page CSS ----- */
	.case-studies-heading{ background-position:65% 100%;}
	.case-studies-info-content{ padding-right:22%;}
	.challenges-section{ background-size:52%}
}

.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
    font-weight: 500;
    color: #1b1e41;
  	font-size:18px;
	text-transform:uppercase;
	letter-spacing:1px;
  	word-spacing:3px;
	text-decoration:none;
	letter-spacing: 0;
	padding:5px 0;
}
.panel-heading  a:before {
   font-family: 'FontAwesome';
   content: "\f078";
   float: right;
   font-size: 12px;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.panel-default > .panel-heading{
	    background-color: transparent;
    border-color: transparent;
}
.panel-default {
    border-color: transparent;
}
.panel-title {
    font-size: 18px;
    font-weight: 500;
}
.panel-heading.active .panel-title a{
	color:#08af77;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #d9d9d9;
}
.panel-default {
    border-color: #d9d9d9;
}
.panel{
	border:0;
	box-shadow:none;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-group {
    margin-bottom: 0;
    margin-top: 25px;
}
.panel-body {
    padding: 15px 0px 0 0px;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.panel-body {
    padding: 0;
}