section#section-hero{
	background: url('../images/banner-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div#logo a{text-decoration: none;}
span.logo {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
}
section#section-hero .row.contents{
	margin: auto;
	padding-top: 230px;
}
section#section-hero h1 {
	text-transform: uppercase;
	font-size: 44px;
	line-height: 58px;
	font-weight: bold;
	color: #fff;
}
a {
	text-decoration: none;
	color: inherit;
}
section#section-hero p {
	font-size: 18px;
	line-height: 33px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
}
section#section-hero .service{
	padding-top: 320px;
}
.service-box {
	object-fit: contain;
	opacity: 0.65;
	border-radius: 10px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
	padding: 15px 20px;
	width: auto;
}
section#section-hero .service h1 {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 25px;
	font-weight: normal;
	color: #fff;
}
section#section-hero .service p {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
}
section#section-hero .service hr.service1 {
	width: 3%;
	margin: auto;
	height: 2px;
	color: #fff;
}
section#section-hero .service hr.service2 {
	width: 6%;
	margin: auto;
	height: 2px;
	color: #fff;
}
section#section-hero hr.service3 {
	width: 40%;
	margin: auto;
	height: 2px;
	color: #555572;
}
section#section-hero .row.m-auto h3 {
	color: #555572;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}
section#digital-card{
	padding: 50px 0;
}
section#app-development {
	padding: 50px 0;
	background: #f7f7fa;
}
section#digital-card .col-md-6,section#app-development .col-md-6 {
	padding: 0;
}
section#digital-card .col-md-6.first,section#app-development .col-md-6.first {
	border-bottom: 1px solid #d5d5d5;
}
section#digital-card div#head,section#app-development div#head {
	background: #e7ecf0;
	padding: 10px 30px;
	display: flex;
}
section#digital-card div.title,section#app-development div.title,.panel.show div.title{
	display: flex;
}
section#digital-card .content,section#app-development .content {
	padding: 10px 30px;
}
section#digital-card .contents,section#app-development .contents {
	padding: 10px 30px;
	margin-top: -17px;
}
section#digital-card div#head h2,section#app-development div#head h2 {
	font-size: 15px;
	line-height: 30px;
	color: #1678d5;
	text-transform: uppercase;
	position: relative;
	top: 7px;
	left: 12px;
	font-weight: bold;
	object-fit: contain;
}
section#digital-card div.title h3,section#app-development div.title h3,.panel.show div.title h3{
	font-size: 15px;
	line-height: 25px;
	color: #1678d5;
	text-transform: capitalize;
	position: relative;
	top: 7px;
	left: 12px;
	font-weight: normal;
	object-fit: contain;
}
section#digital-card .content p,section#app-development .content p,.panel.show .content p{
	font-size: 13px;
	line-height: 25px;
	color: #032240;
	font-weight: normal;
}
section#digital-card .contents p,section#app-development .contents p,.panel.show .contents p {
	font-size: 13px;
	line-height: 25px;
	color: #777777;
	font-weight: normal;
	padding-top: 8px;
}
section#digital-card .row.second .col-md-6:last-child,section#app-development .row.second .col-md-6:last-child{
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
}
section#digital-card.mobile .row.slider,section#digital-card.mobile .panel.show .row.second{
	border-top: 1px solid #d5d5d5;
}
section#digital-card .row.second .content,section#app-development .row.second .content{
	padding: 10px 30px;
	margin-top: 20px;
}
section#digital-card .row.second .content h3,
section#app-development .row.second .content h3,.panel.show .content h3 {
	font-size: 15px;
	line-height: 30px;
	color: #1678d5;
	text-transform: uppercase;
	font-weight: 600;
	object-fit: contain;
}
section#digital-card .row.slider .content h3,section#app-development .row.slider .content h3 {
	font-size: 15px;
	line-height: 30px;
	color: #1678d5;
	text-transform: uppercase;
	font-weight: 600;
	object-fit: contain;
	padding-bottom: 20px;
}
section#digital-card .row.second p span,section#app-development .row.second p span,
.panel.show .content p span{
	position: relative;
	left: 18px;
}
img.digital,img.membership,img.website,img.development {
	width: 100%;
}
.service-slide h4 {
	font-size: 13px;
	line-height: 23px;
	color: #777;
	padding-top: 20px;
}
/*-----------------Slider-----------------*/
.service-slide .swiper {
	width: 100%;
	height: 100%;
}
.service-wrapper .swiper-slide {
	font-size: 18px;
	justify-content: center;
	align-items: center;
}
.service-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.testimonial-slide .swiper {
	width: 100%;
	height: 100%;
}
.testimonial-wrapper .swiper-slide {
	font-size: 18px;
	justify-content: center;
	align-items: center;
}
.client-slide .swiper {
	margin-left: auto;
	margin-right: auto;
}
.client-slide .swiper {
	width: 100%;
	height: 100%;
}
.client-wrapper .swiper-slide {
	font-size: 18px;
	justify-content: center;
	align-items: center;
}
.client-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.client-slide .swiper {
	margin-left: auto;
	margin-right: auto;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #1678d5!important;
	width: 8px!important;
	height: 8px!important;
	opacity: 1;
}
.swiper-pagination-bullet {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 8px!important;
	height: 8px!important;
	padding: 0;
	margin-left: 12px!important;
	text-indent: -999px;
	cursor: pointer!important;
	background-color: transparent!important;
	background-clip: padding-box;
	border: 1px solid #1678d5!important;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 1;
	transition: opacity .6s ease;
	border-radius: 50%!important;
}
section#testimonials span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff!important;
	width: 8px!important;
	height: 8px!important;
	opacity: 1;
}
section#testimonials .swiper-pagination-bullet {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 8px!important;
	height: 8px!important;
	padding: 0;
	margin-left: 12px!important;
	text-indent: -999px;
	cursor: pointer!important;
	background-color: transparent!important;
	background-clip: padding-box;
	border: 1px solid #fff!important;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 1;
	transition: opacity .6s ease;
	border-radius: 50%!important;
}
/*-----------------Slider-----------------*/
section#about-us {
	background: #f8f8f8;
	padding: 50px 10px;
	text-align: center;
}
section#about-us h2 {
	font-size: 20px;
	line-height: 35px;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
}
section#about-us hr.about1 {
	width: 3%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#about-us hr.about2 {
	width: 6%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#about-us h4 {
	font-size: 15px;
	color: #3e3e3e;
	font-weight: 600;
	line-height: 25px;
	padding-top: 12px;
}
section#about-us p {
	font-size: 13px;
	color: #777777;
	font-weight: normal;
	line-height: 25px;
	padding-top: 12px;
}
section#contact-us {
	background: #fff;
	padding: 50px 10px;
}
section#contact-us h2 {
	font-size: 20px;
	line-height: 35px;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
}
section#contact-us hr.contact1 {
	width: 5%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#contact-us hr.contact2 {
	width: 10%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#contact-us p {
	font-size: 13px;
	color: #777777;
	font-weight: normal;
	line-height: 25px;
	padding-top: 12px;
}
section#our-clients  {
	background: #f7f7fa;
	padding: 50px 10px;
	text-align: center;
}
section#our-clients  h2 {
	font-size: 20px;
	line-height: 35px;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
	text-align: center;
}
section#our-clients hr.clients1 {
	width: 3%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#our-clients hr.clients2 {
	width: 6%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#our-clients  .contents.desktop img {
	width: 14%;
}
section#our-clients .contents.mobile {
	display: none;
}

section#our-work  {
	background: #fff;
	padding: 50px 10px;
	text-align: center;
}
section#our-work  h2 {
	font-size: 20px;
	line-height: 35px;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
	text-align: center;
}
section#our-work hr.work1 {
	width: 3%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}
section#our-work hr.work2 {
	width: 6%;
	margin: auto;
	height: 2px;
	color: #3e3e3e;
}

section#testimonials {
	background: url('../images/testimonials-bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 10px;
}

section#testimonials  hr.testimonial1 {
	width: 7%;
	margin: auto;
	height: 2px;
	color: #fff;
}
section#testimonials  hr.testimonial2 {
	width: 16%;
	margin: auto;
	height: 2px;
	color: #fff;
}
section#testimonials  h3 {
	font-size: 20px;
	line-height: 35px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
section#testimonials  p {
	font-size: 13px;
	line-height: 25px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
section#digital-card.mobile {
	display: none;
}
span#acco{padding-left: 20px;}

figure img.zoom {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure img.zoom:hover  {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.swiper.our-work {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	height: 400px;
}
.swiper.our-work .swiper-slide {
	width: 300px;
	height: auto;
}
.swiper.our-work .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}
/*section#our-work .contents .swiper-button-next {
	display: none;
	}*/
/*section#our-work .contents .swiper-button-prev {
	display: none;
	}*/
	.swiper-slide-shadow-left.swiper-slide-shadow-coverflow {
		/*    display: none;*/
		height: 0;
	}
	.swiper-slide-shadow-right.swiper-slide-shadow-coverflow {
		/*    display: none;*/
		height: 0;
	}

	/*---------------- Start Collapse -------------------*/
	p.accordion {
		cursor: pointer;
		padding: 0px;border-radius:10px;
		width: 100%;text-align: left;
		border: none;outline: none; 
		transition: 0.4s;margin-bottom:10px;
		background: #e7ecf0;
		padding: 20px 30px;
		border-radius: 0;
		font-size: 15px;
		line-height: 30px;
		color: #1678d5;
		text-transform: uppercase;
		font-weight: bold;
		object-fit: contain;
	}
	p.accordion:after {
		content: url('../images/down-arrow.svg'); 
		font-size: 13px; 
		color: #777;
		float: right;
		margin-right: 5px;
		margin-top: 10px;
	}
	p.accordion.active:after {
		content: url('../images/up-arrow.svg'); 
	}
	div.panel {
		padding: 0 18px;background-color: white;max-height: 0; overflow: 
		hidden;transition: 0.4s ease-in-out; opacity: 0;margin-bottom:10px;
	}
	div.panel.show {
		opacity: 1; 
		max-height: 1700px;
		padding: 0;
	}
	@media (max-width: 568px){
		p.accordion.six::after { 
			margin-top: -10px;
		}
		p.accordion.four::after { 
			margin-top: -10px;
		}
		section#features div#btns a {
			padding: 3px 8px;
		}
	}
	/*---------------- End Collapse -------------------*/
	@media only screen and (min-width: 1200px) {
		section#section-hero{
			height: 1250px;
		}
		section#section-hero .row.service,section#section-hero .row.m-auto {
			width: 85%;
		}
		section#about-us .vision,section#about-us .mission {
			width: 60%;
			margin: auto;
		}
		section#contact-us .head{
			width: 60%;
			margin: auto;
		}
	}
	@media only screen and (min-width: 1023px) {
		section#contact-us .col-md-6:last-child {
			padding-left: 35px;
		}
		section#testimonials p {
			padding: 0 50px;
		}
		section#digital-card .row.second .content h3,section#app-development .row.second .content h3 {
			padding-top: 75px;
		}
		section#testimonials{
			height: 478px;
		}
	}
	@media only screen and (max-width: 1199px) {
		section#services {
			padding: 30px 20px;
		}
		section#section-hero{
			height: auto;
		}
		section#section-hero .service {
			padding-top: 180px;
		}
		section#testimonials {
			height: 550px;
		}
	}
	@media only screen and (min-width: 768px) {
		section#section-hero .service {
			padding-top: 230px;
		}
		section#testimonials .col-md-6.second {
			margin: 0;
			position: absolute;
			top: 28%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			left: 50%;
		}
		section#our-work .contents .swiper-button-next {
			position: absolute;
			top: 0px;
			margin: auto;
			right: 0;
			bottom: 0;
		}
		section#our-work .contents .swiper-button-prev {
			position: absolute;
			top: 0px;
			margin: auto;
			left: 0;
			bottom: 0;
		}
/*	section#testimonials .star {
		padding-left: 42px;
		}*/
		section#testimonials  .swiper-pagination {
			position: absolute;
			text-align: left;
			transition: .3s opacity;
			transform: translate3d(0,0,0);
			z-index: 10;
			left: 18%!important;
			bottom: 70px;
		}
	}
	@media only screen and (max-width: 768px) {
		section#section-hero .col-md-3 {
			width: 50%;
			margin-top: 20px;
		}
		section#digital-card .row.second .content h3,section#app-development .row.second .content {
			padding-top: 0px; 
		}
		section#our-work .swiper-pagination{
			display: none;
		}
		section#digital-card .col-md-6.order-0,section#app-development .col-md-6.order-0{
			order: 1!important;
		}
		section#digital-card .col-md-6.first,section#app-development .col-md-6.first {
			border-bottom: 0;
		}
		section#digital-card .row.second .col-md-6.first,section#app-development .row.second .col-md-6.first {
			border-top: 1px solid #d5d5d5;
		}
		section#digital-card .row.second .col-md-6:last-child,section#app-development .row.second .col-md-6:last-child {
			border-left: 0;
		}
		section#digital-card .col-md-6,section#app-development .col-md-6 {
			width: 100%;
		}
		section#digital-card .mt-5,section#app-development  .mt-5 ,section#membership .mt-5 ,section#website .mt-5  {
			margin-top: 8.5rem!important;
		}
		.service-slide h4 {
			text-align: center;
		}
		section#digital-card,section#app-development {
			display: none;
		}
		section#digital-card.mobile {
			display: block;
		}
		section#digital-card.mobile {
			padding: 10px 0;
		}
		section#our-clients .container.m-auto {
			padding: 0;
		}
		section#digital-card.mobile .container {
			padding: 0;
		}
		section#digital-card.mobile .row.slider {
			padding: 20px;
		}
		section#digital-card.mobile .row.slider .mt-5 {
			margin-top: 7rem!important;
		}
		section#section-hero {
			padding-bottom: 80px;
		}
		section#our-work .contents .swiper-button-next {
			display: block;
		}
		section#our-work .contents .swiper-button-prev {
			display: block;
		}
	}
	@media only screen and (max-width: 767px) {
		section#our-clients .contents.desktop{
			display: none;
		}
		section#our-clients .contents.mobile {
			display: block;
			height: 210px;
		}
		section#our-work .contents .swiper-button-prev {
			position: absolute;
			top:350px;
			margin: auto;
			left: 45%;
			bottom: 0;
		}
		section#our-work .contents .swiper-button-next {
			position: absolute;
			top: 350px;
			margin: auto;
			right: 45%;
			bottom: 0;
		}
		.swiper-button-next:after, .client-rtl .swiper-button-prev:after {
			content: 'next';
			font-size: 16px;
			font-weight: bold;
		}
		.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
			content: 'prev';
			font-size: 16px;
			font-weight: bold;
		}
		.swiper-button-next {
			position: relative;
			bottom: 18px;
			margin: auto;
			padding-left: 50px;
		}
		.swiper-button-prev {
			position: relative;
			bottom: 62px;
			margin: auto;
			padding-right: 50px;
		}
	}
	@media only screen and (max-width: 568px) {
		section#section-hero .service {
			position: relative;
			top: 180px;
		}
		section#section-hero .row.m-auto {
			padding-top: 150px;
		}
		section#testimonials {
			height: 750px;
		}
		section#testimonials .swiper-pagination {
			position: absolute;
			bottom: 70px;
		}
		section#testimonials .col-md-6.second {
			margin-top: 20px;
		}
		section#section-hero h1 {
			text-transform: uppercase;
			font-size: 30px;
			line-height: 50px;
			font-weight: bold;
			color: #fff;
		}
		.service-box {
			height: 135px;
		}
		section#section-hero .service hr.service1 {
			width: 7%;
		}
		section#section-hero .service hr.service2 {
			width: 16%;
		}
		section#contact-us hr.contact1 {
			width: 7%;
		}
		section#contact-us hr.contact2 {
			width: 16%;
		}
		section#about-us hr.about1{
			width: 7%;
		}
		section#about-us hr.about2 {
			width: 16%;
		}
		section#our-clients hr.clients1{
			width: 7%;
		}
		section#our-clients hr.clients2 {
			width: 16%;
		}
		section#our-work hr.work1{
			width: 7%;
		}
		section#our-work hr.work2 {
			width: 16%;
		}
		section#services hr.service3 {
			width: 55%;
		}
		section#section-hero h1 {
			font-size: 20px;
			line-height: 30px;
		}
		section#section-hero p {
			font-size: 14px;
			padding-top: 80px;
		}
		a.btn-custom {
			font-size: 14px;
		}

	}