.card-normal,
.card-normal1 {
	border-right: .5px solid #a9acb3;
	transition: .3s
}

.card-last:hover,
.card-normal,
.card-normal1 {
	transition: .3s
}

.benefit h1,
.font-700,
.h2-font {
	font-weight: 700
}

#frosted,
.card1_new,
.go-corner,
.side_title {
	overflow: hidden
}

.card-last:hover,
.card-normal1:hover,
.card-normal:hover {
	transform: translateY(-17px);
	background: linear-gradient(45deg, #89c73e, #3b6fa9)
}

.main_banner {
	display: flex;
	align-items: center
}

.page-wrap {
	justify-content: center;
	align-items: center;
	margin-bottom: 40px
}

@media(max-width:720px) {
	.main_banner {
		height: 100%
	}
}

.card-last,
.card-normal,
.card-normal1 {
	box-shadow: 10px 15px 0 #0d243e;
	height: 33rem !important
}

.political-pr .section_title {
	margin-top: 45px
}

.h2-font,
.row.mt-50 {
	margin-top: 50px
}

.political-pr .section_title .mb-1,
.title-para.mb-0 {
	margin-bottom: 15px !important
}

.h2-font {
	font-size: 24px;
	line-height: 38px;
	margin-bottom: 15px
}

p.font-semi-sm {
	font-size: 22px;
	line-height: 34px;
	color: #000
}

.bg-text h2,
.card-last:hover h5,
.card-last:hover p,
.card-normal1:hover,
.card-normal1:hover h5,
.card-normal1:hover p,
.card-normal:hover h5,
.card-normal:hover p {
	color: #fff !important
}

.service {
	background: linear-gradient(to top, rgb(13 36 62), rgb(30 58 84), rgb(127 188 74)) center/cover no-repeat, url(../dark-green-blue-abstract-background.png) center/cover no-repeat
}

.card-normal {
	border-radius: 20px 0 0 20px;
	background: #fff
}

.card-last:hover h5,
.card-normal1:hover h5,
.card-normal:hover h5 {
	font-size: 30px;
	font-weight: bolder;
	color: #fff !important
}

.card-normal1 {
	border-radius: 0
}

.card-last {
	border-radius: 0 20px 20px 0;
	text-align: center
}

span.spirit-star i {
	font-size: 18px;
	color: #7dda3e;
	padding: 0 4px
}

span.gradient-color {
	color: #7dda3e
}

.rating-bx {
	display: flex;
	color: #000
}

.user-box i {
	font-size: 45px
}

span.spirit-12 {
	font-size: 22px;
	font-weight: 600;
	margin-left: 5px
}

p.reviews-tx {
	margin: 0 0 0 6px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	color: #888888fc
}

span.spirit-12 i {
	font-size: 12px;
	color: #7dda3e;
	vertical-align: middle;
	padding: 0
}

#static-testimonial.up-wrapper h2,
.benefit-box:hover p,
.consultation-item h4,
.pack_bg .bg-text a,
.style-18:hover h3,
.style-18:hover li {
	color: #fff
}

.fix-video-md .modal-dialog.modal-dialog-centered,
div#exampleModalCenter .modal-dialog.modal-dialog-centered {
	max-width: 60%;
	justify-content: center;
	align-items: center
}

.features-section img,
.fix-video-md .modal-dialog.modal-dialog-centered iframe,
.txtarea,
div#exampleModalCenter .modal-dialog.modal-dialog-centered iframe {
	width: 100%
}

div.client-country-flag~p.flup-client-name {
	color: #333;
	font-weight: 600
}

div.client-country-flag~p.flup-client-name span.light {
	color: #9c9c9c
}

.flup-client-list {
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

.flup-client-list img {
	border-radius: 8px;
	width: 350px;
	height: 400px
}

.testimonial img {
	aspect-ratio: 1 !important
}

.delayedPopupWindow .btnClose {
	width: 40px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	float: right;
	font-weight: 700;
	margin: -23px -15px 0 0
}

.popup-video .play {
	display: inline-block;
	position: relative
}

.popup-video .play:after,
.popup-video .play:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff
}

.popup-video .play:before {
	-webkit-animation: 1.2s ease-in .2s infinite pulse-paused;
	animation: 1.2s ease-in .2s infinite pulse-paused;
	-webkit-transform: scale(1.35);
	transform: scale(1.35);
	opacity: .1
}

.popup-video .play:after {
	-webkit-animation: 1.2s ease-in infinite pulse-paused;
	animation: 1.2s ease-in infinite pulse-paused;
	opacity: .4
}

@-webkit-keyframes pulse-paused {

	0%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	20% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	60% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	80% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: 0
	}
}

@keyframes pulse-paused {

	0%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	20% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	60% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	80% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: 0
	}
}

.spirit-10.spirit-appfutura {
	width: 375px;
	height: 60px;
	display: inline-block;
	background-position: -401px -370px;
	margin-right: 5px;
	background-size: 158%
}

.spirit-10.spirit-flag-Malaysia,
.spirit-10.spirit-flag-india,
.spirit-10.spirit-flag-maxico {
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px !important;
	margin-left: 34px
}

.spirit-10 {
	background-image: url(../img/spirit-10.webp);
	background-repeat: no-repeat
}

.spirit-10.spirit-flag-india {
	background-image: url(../img/india.png);
	height: 34px !important
}

.spirit-10.spirit-flag-Malaysia {
	background-image: url(../img/Flag_of_Malaysia.png);
	height: 34px !important
}

.spirit-10.spirit-flag-maxico {
	background-image: url(../img/Mexico.png);
	background-position: center;
	height: 30px !important
}

.spirit-10.spirit-clutch,
.spirit-10.spirit-goodfirms {
	width: 375px;
	height: 60px;
	display: inline-block;
	background-size: 158%;
	margin-right: 5px
}

.spirit-10.spirit-clutch {
	background-position: -401px -440px
}

.spirit-10.spirit-goodfirms {
	background-position: -401px -511px
}

.php-rotating {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto
}

#parent-circle {
	position: relative;
	width: 30vw;
	height: 30vw;
	border: .4vw solid rgba(0, 0, 0, .4);
	border-radius: 50%;
	animation: 13s linear infinite rotate
}

.circle {
	display: block;
	position: absolute;
	width: 16%;
	height: 16%;
	margin: -8%;
	border-radius: 50%;
	top: 50%;
	left: 50%
}

.blue {
	transform: translate(12vw)
}

.pink {
	transform: rotate(72deg) translate(12vw) rotate(-72deg)
}

.lime {
	transform: rotate(144deg) translate(14.5vw) rotate(-144deg)
}

.orange {
	transform: rotate(216deg) translate(18vw) rotate(-216deg)
}

.teal {
	transform: rotate(288deg) translate(16vw) rotate(-288deg)
}

@keyframes rotate {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(359deg)
	}
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg)
	}
}

#static-testimonial.up-wrapper {
	max-width: 270px !important;
	padding: 30px 0 !important;
	text-align: center;
	transform: translate(-28px, -115px);
	color: #fff;
	background: linear-gradient(135deg, #ce9ffc, #7367f0);
	box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(115 103 240 / 60%);
	border-radius: 6px
}

.banner-control-button .carousel-control-prev {
	left: -78px;
	color: #000;
	font-size: 30px
}

.banner-control-button .carousel-control-next {
	right: -78px;
	color: #000;
	font-size: 30px
}

.carousel-indicators .active,
.img-thumbnail,
.table .table {
	background-color: #2ecc71
}

.carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	border-radius: 50%
}

ol.carousel-indicators {
	width: 150px;
	background: #304a9d;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: 0;
	bottom: -20px
}

.main_banner {
	position: relative;
	width: 100%;
	height: 500px !important;
	display: flex;
	align-items: center;
	background-image: url(../img/digital-markting.jpg);
	background-size: cover;
	background-position: center
}

.spirit-flag-1 {
	background-position: -121px -1212px
}

.spirit-10.spirit-flag-2,
.spirit-10.spirit-flag-6 {
	background-position: -322px -1127px
}

.spirit-10.spirit-flag-3 {
	background-position: -724px -1127px
}

.spirit-10.spirit-flag-4 {
	background-position: -21px -1127px
}

.spirit-10.spirit-flag-5 {
	background-position: -122px -1127px
}

.spirit-10.spirit-flag-7 {
	background-position: -422px -1127px
}

.spirit-10.spirit-flag-8 {
	background-position: -213px -1212px
}

.spirit-10.spirit-flag-9 {
	background-position: -222px -1127px
}

.spirit-10.flag {
	width: 120px;
	height: 40px;
	display: block;
	margin-right: 5px;
	margin-top: -22px
}

.client-country-flag figure>span {
	width: 100%;
	transform: translate(20px, 0);
	position: absolute;
	bottom: 84px;
	left: 20px;
	webkit-animation: mover 1s linear infinite alternate;
	animation: 1s linear infinite alternate mover
}

ul.slider-list>li {
	margin-right: 20px;
	font-size: 14px
}

ul.slider-list {
	padding: 0;
	list-style: none;
	display: flex;
	margin-top: 36px
}

ul.slider-list>li>i {
	color: #337ab7;
	margin-right: 6px
}

a.btn.btn-light.getUrlBtn_requestquote {
	width: 190px;
	height: 50px;
	padding: 13px 0;
	color: #fff;
	background: #000
}

a.btn.btn-light.getUrlBtn_requestquote:hover {
	background: #89c73e
}

a.btn.btn-dark.getUrlBtn_contact {
	width: 190px;
	height: 50px;
	padding: 13px 0;
	background: #3b6fa9;
	color: #fff
}

a.btn.btn-dark.getUrlBtn_contact:hover {
	background: #2ecc71
}

.header-main .main-menu>li a {
	display: block;
	font-size: 14px
}

.header-main .sub-menu li a {
	font-weight: 500;
	font-size: 14px
}

img.img-fluid.avatar8 {
	border-radius: 50%;
	width: 50px;
	height: 50px
}

.can-card {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100%;
	margin-top: 83px !important
}

.can-card .glass {
	position: relative;
	width: 373px;
	height: 269px;
	border: 4px solid #7367f0;
	box-shadow: 0 25px 25px rgba(0, 0, 0, .25);
	transition: .5s;
	border-radius: 10px;
	margin: 0 -45px;
	backdrop-filter: blur(10px);
	transform: rotate(calc(var(--r)* 1deg));
	text-align: center
}

.can-card:hover .glass {
	transform: rotate(0);
	margin: 0 10px
}

.can-card .glass::before {
	content: attr(data-text);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	color: #fff
}

@media(min-width:721px) and (max-width:768px) {

	.h2-font,
	.row.mt-50 {
		margin-top: 20px
	}

	.header-main .main-menu>li a {
		display: block;
		font-size: 11px !important
	}

	.h2-font {
		font-size: 24px !important;
		font-weight: 700;
		line-height: 37px !important;
		margin-bottom: 15px
	}

	p.font-semi-sm {
		font-size: 16px;
		line-height: 30px;
		color: #000
	}

	.rating-web .col-md-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	#static-testimonial.up-wrapper h2 {
		color: #fff;
		font-size: 16px
	}

	#static-testimonial.up-wrapper {
		max-width: 270px !important;
		padding: 20px 0 !important;
		text-align: center;
		transform: translate(25px, -62px);
		color: #fff;
		background: linear-gradient(135deg, #ce9ffc, #7367f0);
		box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(115 103 240 / 60%);
		border-radius: 6px
	}

	figure.play img {
		width: 60px;
		height: auto
	}

	.banner-control-button .carousel-control-prev {
		left: -56px;
		color: #000;
		font-size: 30px
	}

	.banner-control-button .carousel-control-next {
		right: -56px;
		color: #000;
		font-size: 30px
	}

	.main_banner {
		height: 100% !important;
		margin-bottom: 0
	}

	.modal.fade.show .modal-dialog.modal-dialog-slideout {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		display: flex;
		align-items: stretch;
		-webkit-box-align: stretch;
		height: 100%;
		max-width: 450px;
		box-shadow: 0 0 6px #ccc;
		padding-right: 20px
	}

	.client_clicks .cc-2 {
		width: 200px;
		position: absolute;
		bottom: -40px;
		left: 140px;
		z-index: 998;
		box-shadow: 0 15px 50px #d3dce8;
		border-radius: 10px
	}

	span.button-title {
		font-size: 12px
	}

	.client_content .contactbox a {
		height: 40px;
		background: linear-gradient(45deg, #ff7157, #ff5738);
		box-shadow: 0 4px 8px #c6c7ca;
		width: 173px
	}

	.client_content .pc-5 {
		position: absolute;
		right: 0;
		top: 0;
		height: 45px
	}

	h1,
	h2,
	h3 {
		font-size: 22px !important
	}

	.client_content h4 {
		font-size: 1.2rem;
		font-weight: 600
	}

	.client_content p {
		line-height: 22px;
		font-size: 14px
	}

	.ourcertification .card {
		border: 0;
		padding: 1rem;
		text-align: center;
		width: 132px !important;
		height: 100px;
		margin: 10px;
		border-radius: .25rem;
		background: #fff;
		box-shadow: 0 0 8px -1px #e2e6ef
	}

	.ourcertification .card img {
		width: 80px !important;
		height: 70px !important;
		margin: 0 auto
	}

	.services-content.aos-init.aos-animate h3 {
		font-size: 34px !important
	}

	.satisfiedclient ul li>div img {
		max-width: 80px !important;
		margin: 0 auto
	}

	.glorious-main .logo-main .business_innerConbx {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 15px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: -3px 10px 8px 0 rgb(61 216 175 / 10%);
		border: 1px solid #f1f1f1;
		min-height: 371px
	}

	.page-wrap {
		width: 100%;
		height: 80vh;
		display: block;
		justify-content: center;
		align-items: center;
		background: 0 0;
		margin-bottom: 240px
	}
}

@media(min-width:375px) and (max-width:400px) {
	.project_counter {
		bottom: -250px !important;
		z-index: 998;
		width: 94%
	}

	.project_counter h5 {
		text-transform: capitalize;
		position: relative;
		font-size: 12px
	}
}

@media(min-width:990px) and (max-width:1024px) {

	.h2-font,
	.row.mt-50 {
		margin-top: 0
	}

	.main_banner {
		position: relative;
		width: 100%;
		height: 730px;
		display: flex;
		background: #f1f4fb;
		align-items: flex-start;
		padding-top: 50px
	}

	.header-main .logo {
		color: #fff;
		font-size: 2rem;
		width: 100px
	}

	.header-main .logo img {
		margin-bottom: 8px;
		width: 100%
	}

	.h2-font {
		font-size: 24px !important;
		font-weight: 700;
		line-height: 22px !important;
		margin-bottom: 15px
	}

	p.font-semi-sm {
		font-size: 22px;
		line-height: 32px;
		color: #000
	}

	.rating-web .col-md-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	#static-testimonial.up-wrapper h2 {
		color: #fff;
		font-size: 22px
	}

	#static-testimonial.up-wrapper {
		max-width: 190px !important;
		padding: 22px 0 !important;
		text-align: center;
		transform: translate(5px, -95px);
		color: #fff;
		background: linear-gradient(135deg, #ce9ffc, #7367f0);
		box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(115 103 240 / 60%);
		border-radius: 6px
	}

	figure.play img {
		width: 75px;
		height: auto
	}

	.banner-control-button .carousel-control-prev {
		left: -70px;
		color: #000;
		font-size: 30px
	}

	.banner-control-button .carousel-control-next {
		right: -70px;
		color: #000;
		font-size: 30px
	}

	.our_clients_wrapper .our_clients_item {
		width: 22%
	}
}

@media(max-width:768px) {

	.main_banner,
	section#sectiondown {
		padding-top: 0 !important
	}

	.banner-image.animate__animated.animate__backInRight {
		padding-top: 50px
	}

	.banner-text {
		text-align: center;
		position: absolute;
		top: 170px
	}

	body {
		padding-top: 35px !important
	}
}

ul.slider-list>li span.mr-2.refresh {
	color: #3b6fa9;
	font-weight: 900;
	font-size: 18px
}

a.query_btn {
	position: fixed;
	top: 50%;
	right: -56px;
	z-index: 9;
	transform: rotate(90deg);
	color: #fff;
	background: linear-gradient(135deg, #ce9ffc, #7367f0);
	padding: 7px 20px
}

section.main_banner.new-home-banner p.text-dark.text-justify {
	display: block;
	color: #89c73e !important;
	line-height: initial;
	font-weight: 400;
	font-size: 28px;
	margin-top: 22px
}

.consultation-item {
	color: #fff;
	background: #1a2233;
	padding: 2em;
	border-radius: 15px;
	margin: 50px 0
}

.consultation-item a {
	background: #fff;
	color: #1c85ff;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 40px;
	font-weight: 500;
	margin-bottom: 15px;
	box-shadow: rgb(28 133 255 / 58%) 0 4px 11px;
	float: right
}

.page-wrap {
	width: 100%;
	height: 80vh;
	display: block;
	justify-content: center;
	align-items: center;
	background: 0 0
}

.startproject h3 {
	color: #333e63;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase
}

.startproject h2 {
	color: #304a9d;
	font-size: 22px;
	font-weight: 600
}

.startproject .form-control {
	border: 1px solid #dce4e8;
	color: #304a9d;
	opacity: .5;
	height: 45px;
	font-size: 14px;
	position: relative;
	padding-left: 40px
}

.startproject textarea.form-control {
	height: 80px;
	padding: .5rem .75rem
}

.startproject .form-group i {
	position: absolute;
	color: #304a9d;
	z-index: 1;
	font-size: 18px;
	top: 0;
	line-height: 25px;
	left: 10px;
	border-right: 1px solid #edf5f8;
	padding-right: 7px;
	margin-top: 10px
}

.packages__imgs,
.startproject .form-group,
.testimonial-item {
	position: relative
}

.form-group {
	margin-bottom: 1rem
}

.range-slider .irs--flat .irs-bar {
	background: #304a9d !important
}

.range-slider .irs--flat .irs-handle {
	background-color: #304a9d !important
}

.range-slider .irs--flat .irs-from,
.range-slider .irs--flat .irs-single,
.range-slider .irs--flat .irs-to {
	background-color: #2d4694 !important
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-10px)
	}
}

@keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-10px)
	}
}

section.main_banner.new-home-banner .banner-text h2 {
	font-weight: 600;
	line-height: 5.59375vw;
	text-transform: uppercase;
	letter-spacing: 4.6px;
	margin-bottom: .5rem;
	font-size: 3.5vw
}

h2 {
	font-size: 34px !important
}

.hero.ios-development {
	background-image: none !important;
	height: auto;
	padding-top: 0;
	position: relative
}

.hero.ios-development .banner-img {
	height: auto !important;
	-o-object-fit: unset !important;
	object-fit: unset !important;
	-o-object-position: unset !important;
	object-position: unset !important
}

.hero.ios-development .hero-desc {
	text-align: center !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 95px
}

.hero.ios-development .container-fluid {
	position: absolute;
	top: 0
}

.hero .hero-desc .span {
	background: #e7f3ff;
	color: #1c85ff;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 15px;
	border-radius: 41px;
	margin-bottom: 20px
}

.hero h2 {
	font-size: 2rem;
	color: #2d4694;
	font-weight: 700;
	padding: 1rem 0 1.2rem;
	margin: 20px 0 0;
	line-height: 1
}

.section-title h2 {
	color: #333e63;
	font-weight: 600
}

.featured-client ul li {
	height: 120px
}

.satisfiedclient ul li {
	min-width: auto;
	width: 18%;
	margin: 10px
}

.satisfiedclient ul li>div:hover {
	cursor: default;
	box-shadow: rgb(0 0 0 / 8%) 0 0 16px 6px;
	transition: .3s ease-in-out
}

.satisfiedclient ul li>div {
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: rgb(154 154 154 / 19%) 0 0 10px;
	transition: .3s ease-in-out;
	height: 100%;
	display: grid;
	align-content: center;
	border: 1px solid #eaeaea
}

.satisfiedclient ul li>div img {
	max-width: 130px;
	margin: 0 auto
}

.section-title .title-para {
	text-transform: capitalize;
	background: #e7f3ff;
	color: #1c85ff;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 45px;
	font-weight: 500
}

.video-main .iframe {
	height: 300px
}

.pagination .page-link {
	border: 1px solid rgba(28, 133, 255, .26);
	display: grid;
	align-content: center;
	margin: 0 3px;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%
}

.page-item:last-child .page-link {
	margin-left: 0;
	border-bottom-right-radius: 50%;
	border-top-right-radius: 50%
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #0275d8;
	background-color: #fff;
	border: 1px solid #ddd
}

.testimonial-main .card {
	-webkit-box-shadow: 2px 1px 7px #e8e8e8;
	box-shadow: 2px 1px 7px #e8e8e8;
	border: none;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px
}

.testimonial-main .card p {
	color: #515365;
	font-weight: 300;
	margin-top: 10px;
	font-size: 13px
}

.glorious-main .glorious-moment {
	background-image: url(../img/glorious.png);
	padding: 55px 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px
}

.glorious-main .average-main .shadow {
	padding: 30px;
	margin-top: -90px;
	background: #fff;
	border-radius: 10px
}

.shadow {
	box-shadow: #ddd 2px 0 7px
}

.glorious-main .average-main .icon {
	animation: 2.5s infinite alternate bouncing
}

.glorious-main .average-main p {
	font-size: 14px;
	line-height: 22px
}

.text-blue-dark {
	color: #333e63
}

.glorious-main .logo-main .businessConbx.secbx {
	box-shadow: -3px 10px 8px 0 rgb(249 156 0 / 10%)
}

.glorious-main .logo-main .businessConbx .business_innerConbx:hover {
	z-index: 2;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3)
}

.glorious-main .logo-main .businessConbx .business_innerConbx {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.glorious-main .logo-main .business_innerConbx {
	position: relative;
	width: 100%;
	height: 300px;
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: -3px 10px 8px 0 rgb(61 216 175 / 10%);
	border: 1px solid #f1f1f1
}

.glorious-main .logo-main .businesslogorw {
	padding-top: 15px;
	text-align: center
}

.glorious-main .logo-main .businessinfotext {
	font-size: 14px;
	line-height: 32px;
	color: #9d9d9d;
	text-align: center;
	min-height: 110px;
	font-family: open sans, sans-serif
}

.glorious-main .logo-main .viewpgrw {
	font-family: open sans, sans-serif;
	padding-top: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px
}

.glorious-main .logo-main .businessConbx.secbx .viewpg {
	background-color: #f99c00;
	box-shadow: -3px, 10px, 8px, 0 rgba(249, 156, 0, .1)
}

.glorious-main .logo-main .viewpg {
	position: relative;
	width: 160px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	background-color: #1eb6c7;
	border-radius: 24px;
	display: inline-block;
	text-transform: uppercase;
	box-shadow: -3px 10px 8px 0 rgb(61 216 175 / 10%)
}

.glorious-main .logo-main .businessConbx.secbx .viewpg .nextarrow {
	background-color: #fba921
}

.glorious-main .logo-main .viewpg .nextarrow {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: #13a0b0;
	border-radius: 50%
}

.glorious-main .logo-main .businessConbx .viewpg .nextarrow i {
	font-size: 20px
}

section.w-100.float-left.section.consultation {
	color: #fff;
	background: #01453b;
	padding: 2em;
	margin: 0;
	border-radius: 0
}

.consultation-item h2 {
	color: #fff;
	font-size: 27px;
	margin: 0
}

.consultation-item p {
	color: #fff;
	text-align: right;
	float: right;
	width: 100%;
	margin: 0
}

@keyframes bouncing {
	0% {
		transform: translateY(-40px)
	}
}

.container.right-side {
	position: absolute;
	top: -47px
}

.benefit-box-row,
.carousel-inner.row.w-100.mx-auto .carousel-item.testimonial-item,
.technologies {
	padding-top: 40px
}

@media screen and (min-width:768px) {

	.carousel-inner .active,
	.carousel-inner .active+.carousel-item.testimonial-item {
		display: block
	}

	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left),
	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left)+.carousel-item.testimonial-item {
		-webkit-transition: none;
		transition: none
	}

	.carousel-inner .carousel-item.testimonial-item-next,
	.carousel-inner .carousel-item.testimonial-item-prev {
		position: relative;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.carousel-inner .active.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		display: block;
		visibility: visible
	}

	.active.carousel-item.testimonial-item-left+.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left,
	.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left+.carousel-item.testimonial-item {
		position: relative;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	.carousel-inner .carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible
	}

	.active.carousel-item.testimonial-item-right+.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item {
		position: relative;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		display: block;
		visibility: visible
	}

	.container.right-side {
		position: absolute;
		top: -16px
	}
}

@media screen and (min-width:992px) {

	.carousel-inner .active,
	.carousel-inner .active+.carousel-item.testimonial-item,
	.carousel-inner .active+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-inner .active+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		display: block
	}

	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left),
	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left)+.carousel-item.testimonial-item,
	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left)+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-inner .carousel-item.testimonial-item.active:not(.carousel-item.testimonial-item-right):not(.carousel-item.testimonial-item-left)+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		-webkit-transition: none;
		transition: none
	}

	.carousel-inner .carousel-item.testimonial-item-next,
	.carousel-inner .carousel-item.testimonial-item-prev {
		position: relative;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.carousel-inner .active.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		display: block;
		visibility: visible
	}

	.active.carousel-item.testimonial-item-left+.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left,
	.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-next.carousel-item.testimonial-item-left+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		position: relative;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	.carousel-inner .carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible
	}

	.active.carousel-item.testimonial-item-right+.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item,
	.carousel-item.testimonial-item-prev.carousel-item.testimonial-item-right+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item+.carousel-item.testimonial-item {
		position: relative;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		display: block;
		visibility: visible
	}
}

.popup-video {
	position: absolute;
	top: 40%;
	left: 37%
}

.popup-video .play img {
	height: 100%
}

@media(min-width:800px) and (max-width:920px) {

	#static-testimonial.up-wrapper,
	.header-main .menu-setting .getestimate_btn {
		color: #fff;
		background: linear-gradient(135deg, #ce9ffc, #7367f0);
		box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(115 103 240 / 60%)
	}

	.header-main .main-menu>li>a {
		color: #333;
		padding: 4px !important
	}

	.header-main .main-menu>li a {
		display: block;
		font-size: 12px
	}

	.header-main .menu-setting .getestimate_btn {
		padding: 8px 4px !important;
		margin-top: 6px;
		margin-bottom: 6px;
		font-size: 11px;
		border-radius: 6px
	}

	.header-main .menu-setting .query_btn {
		font-size: 12px;
		display: flex;
		align-items: center;
		color: #000;
		margin-left: 0
	}

	.header-main .menu-setting ul li {
		margin-right: 4px
	}

	.menu-setting img {
		width: 14px
	}

	.header-main .logo img {
		margin-bottom: 3px;
		width: 80px !important;
		height: auto
	}

	.header-main .logo {
		color: #fff;
		font-size: 1rem;
		width: 8%
	}

	.main_banner {
		display: flex;
		position: relative;
		width: 100%;
		display: flex;
		background: #f1f4fb;
		padding-bottom: 30px;
		margin: 0
	}

	section.main_banner .row.align-items-center.h-100 {
		height: auto !important
	}

	.main_banner .banner-image img {
		width: 100% !important
	}

	.calltoaction2 .btn {
		background: 0 0;
		color: #fff;
		padding: 4px 20px;
		border-radius: 50px;
		border: 2px solid #fff;
		font-size: 16px;
		margin-top: 0
	}

	section#sectiondown {
		margin-top: 0
	}

	.project_counter {
		bottom: -40px;
		z-index: 998;
		width: 94%
	}

	.section_title {
		margin-top: 50px
	}

	.our_clients_wrapper .our_clients_item {
		width: 22%
	}

	.our-services {
		background: #fff;
		padding: 0
	}

	.main_packages {
		width: 100%;
		float: left;
		padding: 20px;
		border: 1px solid #172b43;
		border-radius: 10px;
		transition: .4s ease-out;
		position: relative;
		margin-top: 100px
	}

	.h2-font,
	.row.mt-50 {
		margin-top: 20px
	}

	.project_counter h4 {
		color: #000;
		margin: 8px 0 2px;
		font-size: 18px
	}

	.project_counter h5 {
		text-transform: capitalize;
		position: relative;
		font-size: 12px
	}

	.calltoaction2 {
		padding: 0 10px;
		height: 110px !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	section.main_banner.new-home-banner .row {
		flex-direction: column-reverse;
		justify-content: center
	}

	.project_counter .row {
		flex-direction: row !important;
		justify-content: flex-start !important
	}

	.h2-font {
		font-size: 24px !important;
		font-weight: 700;
		line-height: 27px !important;
		margin-bottom: 15px
	}

	p.font-semi-sm {
		font-size: 16px;
		line-height: 30px;
		color: #000
	}

	.rating-web .col-md-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	#static-testimonial.up-wrapper h2 {
		color: #fff;
		font-size: 16px
	}

	#static-testimonial.up-wrapper {
		max-width: 270px !important;
		padding: 20px 0 !important;
		text-align: center;
		transform: translate(25px, -62px);
		border-radius: 6px
	}

	figure.play img {
		width: 60px;
		height: auto
	}

	.banner-control-button .carousel-control-prev {
		left: -56px;
		color: #000;
		font-size: 30px
	}

	.banner-control-button .carousel-control-next {
		right: -56px;
		color: #000;
		font-size: 30px
	}

	.main_banner {
		height: 100% !important;
		margin-bottom: 0;
		padding-top: 60px !important
	}

	.modal.fade.show .modal-dialog.modal-dialog-slideout {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		display: flex;
		align-items: stretch;
		-webkit-box-align: stretch;
		height: 100%;
		max-width: 450px;
		box-shadow: 0 0 6px #ccc;
		padding-right: 20px
	}

	.banner-image.animate__animated.animate__backInRight {
		padding-top: 50px
	}

	.main_banner .banner-image {
		width: 100%;
		text-align: center
	}

	body {
		padding-top: 0
	}

	.client_clicks .cc-2 {
		width: 200px;
		position: absolute;
		bottom: -40px;
		left: 140px;
		z-index: 998;
		box-shadow: 0 15px 50px #d3dce8;
		border-radius: 10px
	}

	span.button-title {
		font-size: 12px
	}

	.client_content .contactbox a {
		height: 40px;
		background: linear-gradient(45deg, #ff7157, #ff5738);
		box-shadow: 0 4px 8px #c6c7ca;
		width: 173px
	}

	.client_content .pc-5 {
		position: absolute;
		right: 0;
		top: 0;
		height: 45px
	}

	h1,
	h2,
	h3 {
		font-size: 22px !important
	}

	.client_content h4 {
		font-size: 1.2rem;
		font-weight: 600
	}

	.client_content p {
		line-height: 22px;
		font-size: 14px
	}

	.ourcertification .card {
		border: 0;
		padding: 1rem;
		text-align: center;
		width: 132px;
		height: 100px;
		margin: 10px;
		border-radius: .25rem;
		background: #fff;
		box-shadow: 0 0 8px -1px #e2e6ef
	}

	.ourcertification .card img {
		width: 80px !important;
		height: 70px !important;
		margin: 0 auto
	}

	.services-content.aos-init.aos-animate h3 {
		font-size: 34px !important
	}

	.satisfiedclient ul li>div img {
		max-width: 80px;
		margin: 0 auto
	}

	.glorious-main .logo-main .business_innerConbx {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 15px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: -3px 10px 8px 0 rgb(61 216 175 / 10%);
		border: 1px solid #f1f1f1;
		min-height: 371px
	}

	.popup-video {
		position: absolute;
		top: 40%;
		left: 37% !important
	}

	.office_branches {
		flex-wrap: wrap;
		display: flex;
		justify-content: center;
		position: relative
	}

	.services h4 {
		text-align: center;
		font-size: 14px
	}

	.services {
		padding: 8px 5px
	}
}

.service_container {
	min-height: 470px
}

.bg-section.aos-init p {
	margin-bottom: 20px
}

.tabbed-content .iner_technos {
	display: flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
	width: 100%
}

@media(max-width:720px) {

	.h2-font,
	h1,
	h2,
	h3 {
		font-size: 24px !important
	}

	.h2-font,
	section.main_banner.new-home-banner .banner-text h2 {
		line-height: 30px !important
	}

	.consultation-item a,
	.consultation-item p {
		float: none !important
	}

	.main_banner {
		height: 100%
	}

	.slider-btn-group {
		display: flex
	}

	ul.slider-list>li {
		margin-right: 10px;
		font-size: 14px
	}

	ul.slider-list {
		padding: 0;
		list-style: none;
		display: flex;
		margin-top: 36px;
		flex-wrap: wrap;
		justify-content: center
	}

	div#carouselExampleIndicators {
		margin-bottom: 30px
	}

	ol.carousel-indicators {
		width: 150px;
		background: #304a9d;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: -65px;
		margin: 16px auto
	}

	p.font-semi-sm {
		font-size: 16px;
		line-height: 25px;
		color: #000;
		display: flex;
		flex-direction: column
	}

	.row.mt-50 {
		margin-top: 20px
	}

	#static-testimonial.up-wrapper {
		max-width: 270px !important;
		padding: 30px 0 !important;
		text-align: center;
		transform: translate(48px, -115px);
		color: #fff;
		background: linear-gradient(135deg, #ce9ffc, #7367f0);
		box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(115 103 240 / 60%);
		border-radius: 6px
	}

	.flup-client-list a {
		width: 100%
	}

	.fix-video-md .modal-dialog.modal-dialog-centered,
	div#exampleModalCenter .modal-dialog.modal-dialog-centered {
		max-width: 100%;
		justify-content: center;
		align-items: center
	}

	.main_banner .banner-image img {
		width: 200px !important
	}

	section.main_banner.new-home-banner p.text-dark.text-justify {
		font-size: 20px !important;
		text-align: center !important;
		display: block;
		color: #89c73e !important;
		line-height: initial;
		font-weight: 400;
		margin-top: 0 !important
	}

	.h2-font {
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 15px
	}

	.container.right-side {
		position: absolute;
		top: -20px !important
	}

	section.w-100.float-left.section.consultation {
		color: #fff;
		background: #1a2233;
		padding: 2em;
		margin: 0 !important;
		border-radius: 0
	}

	.consultation-item h4 {
		color: #fff;
		font-size: 24px;
		text-align: center
	}

	.consultation-item h2 {
		color: #fff;
		margin: 0;
		text-align: center
	}

	.align-self-center {
		text-align: center
	}

	.consultation-item p {
		color: #fff;
		text-align: center !important;
		width: 100%;
		margin: 0
	}

	.popup-video {
		position: absolute;
		top: 40%;
		left: 37% !important
	}

	.row.justify-content-center.rating-web .spirit-10 {
		background-image: url(../img/spirit-10.webp);
		background-repeat: no-repeat;
		display: inline-block;
		margin: 0 auto
	}

	.about-us img,
	.testimonial9 {
		margin: 15px 0;
		padding: 0 !important
	}

	.client_content .pc-5 {
		position: absolute;
		right: 0 !important;
		top: -19px !important
	}

	.ourcertification .card {
		border: 0;
		padding: 1rem;
		text-align: center;
		width: 88% !important;
		height: 132px !important;
		margin: 10px;
		border-radius: .25rem;
		background: #fff;
		box-shadow: 0 0 8px -1px #e2e6ef
	}

	.our-services {
		background: #fff;
		padding: .2rem 0
	}

	.spacing,
	section#sectiondown {
		margin-top: 0
	}

	.hero.ios-development .container-fluid {
		position: absolute;
		top: -77px !important
	}

	.hero.ios-development .hero-desc {
		text-align: left !important;
		position: absolute;
		left: 25px !important;
		right: 0;
		margin: 0 auto;
		top: 98px !important
	}

	.hero h2 {
		font-size: 20px !important;
		font-weight: 700;
		padding: 0 105px .2rem 0 !important;
		margin: 20px 0 0;
		line-height: 1
	}

	.featured-client ul li {
		width: 43% !important;
		float: left
	}

	.satisfiedclient ul li>div img {
		max-width: 110px;
		margin: 0 auto
	}

	.glorious-main .logo-main .businessinfotext {
		font-size: 14px;
		line-height: 32px;
		color: #9d9d9d;
		text-align: center;
		min-height: 150px;
		font-family: open sans, sans-serif
	}

	.glorious-main .logo-main .business_innerConbx {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 15px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: -3px 10px 8px 0 rgb(61 216 175 / 10%);
		border: 1px solid #f1f1f1
	}

	.page-wrap {
		width: 100%;
		height: 80vh;
		display: block;
		justify-content: center;
		align-items: center;
		background: 0 0;
		margin-bottom: 215px
	}

	.section_title h4 {
		font-size: 22px !important;
		line-height: 30px !important
	}

	.section_title h4 span {
		font-family: 'Playfair Display', serif;
		font-style: italic;
		font-weight: 700;
		font-size: 28px;
		color: #2d4a8a
	}
}

@media(min-width:1860px) and (max-width:1920px) {
	.popup-video {
		position: absolute;
		top: 40%;
		left: 32%
	}
}

.our-team {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.pb-10 {
	padding-bottom: 80px;
	padding-top: 50px
}

section.main_banner.new-home-banner .carousel-item {
	min-height: 495px
}

.banner {
	background-image: url(../php-banner-Photo.png);
	width: 100%;
	padding: 80px 0;
	background-repeat: no-repeat;
	background-size: cover
}

.banner h1,
.banner-angular h1,
.banner-codeigniter h1,
.banner-ecommerce h1,
.banner-mobile h1,
.banner-react h1,
.banner-shopify h1,
.banner-wordpress h1 {
	color: #fff;
	font-size: 2.3rem;
	font-weight: 500;
	line-height: 1.2
}

.ul-class {
	display: flex;
	justify-content: space-between
}

.btn_slide,
.btn_slide-2 {
	letter-spacing: 2px;
	display: inline-block;
	font-weight: 700;
	position: relative;
	text-decoration: none;
	text-transform: uppercase
}

.banner p,
.banner-angular p,
.banner-codeigniter p,
.banner-ecommerce p,
.banner-mobile p,
.banner-react p,
.banner-shopify p,
.banner-wordpress p {
	color: #fff;
	line-height: 25px
}

.banner img,
.banner-angular img,
.banner-codeigniter img,
.banner-ecommerce img,
.banner-mobile img,
.banner-react img,
.banner-shopify img,
.banner-wordpress img {
	max-width: 420px
}

.anm {
	margin-top: 10%
}

.banner-image {
	text-align: right
}

.btn_slide {
	font-size: 14px;
	text-align: center;
	width: max-content;
	padding: 6px 24px;
	border: 2px solid white;
	border-radius: 2px;
	color: white;
	-webkit-transition: .3s;
	transition: .3s
}

.heading-green {
	color: #9adf46
}

.features-section,
.form-content {
	background-color: #f1f4fb;
	padding-top: 40px;
	padding-bottom: 40px
}

.form-content h2 {
	color: #2a3a60;
	padding-bottom: 10px;
	font-size: 2rem;
	font-weight: 700
}

.form-content-para {
	color: #343a40;
	margin: 1.5rem 4rem 1.5rem 0;
	font-size: 1rem
}

.btn_slide-2,
.contact-form p {
	font-size: 14px;
	text-align: center
}

.contact-form {
	padding: 30px 20px 40px;
	background-color: #fff;
	border-radius: 20px
}

.contact-form h3 {
	text-align: center;
	color: #2a3a60
}

.contact-form p,
.contact-span {
	color: #666
}

.form-control {
	height: 52px
}

.banner-angular-ul,
.requestfree-form {
	padding-bottom: 10px
}

.btn_slide-2 {
	width: 100%;
	padding: 6px 24px;
	border: 2px solid #59be1a;
	border-radius: 2px;
	color: #6eee1f;
	-webkit-transition: .3s;
	transition: .3s
}

.form-content ul li {
	line-height: 35px;
	font-size: 1rem;
	font-weight: 600
}

.technologies p {
	color: #222
}

.technologies-span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #9adf46;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center
}

.technologies h2 {
	color: #2a3a60;
	font-size: 2rem;
	font-weight: 700;
	text-transform: capitalize;
	margin-top: 10px;
	margin-bottom: 1.5rem;
	line-height: 1.3;
	text-align: center
}

.technologies p {
	max-width: 1100px;
	margin: auto;
	line-height: 26px;
	font-size: 1rem;
	text-align: center
}

.service-icon {
	content: "";
	display: inline-block;
	border: 1px solid var(--iconbar-border-color);
	width: 96px;
	height: 96px;
	text-align: center;
	vertical-align: middle;
	border-radius: 100px;
	line-height: 5.4;
	background: #fff;
	box-shadow: 5px 4px 20px -5px rgb(0 0 0 / 45%);
	-webkit-box-shadow: 5px 4px 20px -5px rgb(0 0 0 / 45%);
	-moz-box-shadow: 5px 4px 20px -5px rgb(0 0 0 / 45%);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px auto
}

.service-icon h3 {
	margin-bottom: .7rem;
	font-size: 24px;
	line-height: 30px;
	position: relative
}

.service-icon p {
	font-size: 18px;
	line-height: 26px
}

.service-box h3 {
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 1.5rem
}

.service-box p {
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
	color: #222;
	font-size: 1rem
}

.new {
	padding-top: 70px;
	padding-bottom: 70px
}

.new-1 {
	display: flex
}

.positive,
.pricing,
.pricing_section {
	background-color: #f5f5f5
}

.text_center {
	text-align: center
}

.style-0 {
	padding: 80px 0;
	position: relative;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
	background: #f1f4fb
}

.style-1,
.style-2 {
	margin: 0 auto;
	box-sizing: border-box
}

.style-1 {
	width: 100%;
	padding: 0 18px
}

.style-2 {
	width: 90%;
	padding: 0
}

.style-3,
.style-4,
.style-5 {
	margin: 0;
	padding: 0
}

.style-3 {
	text-align: center;
	box-sizing: border-box;
	width: 100%
}

.style-4 {
	font-size: 30.0006px;
	line-height: 42.0008px;
	font-weight: 300;
	text-align: center;
	box-sizing: border-box
}

.style-5,
.why-hire h2 {
	font-size: 2rem;
	text-align: center
}

.style-19,
.style-30,
.style-5,
.style-8 {
	line-height: 55.9944px;
	box-sizing: border-box
}

.style-5 {
	color: #2a3a60;
	font-weight: 700
}

.style-6 {
	margin-top: 50px;
	display: flex;
	padding: 0;
	box-sizing: border-box;
	justify-content: space-evenly
}

.style-18,
.style-7 {
	margin-right: 30px;
	border: 1px solid #7a53f4;
	padding: 50px 30px;
	border-radius: 7px;
	color: #949494;
	min-width: 300px;
	transition: .1s linear;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	height: auto
}

.style-19,
.style-30,
.style-8 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #2f353e;
	padding: 0;
	margin: 0
}

.style-20,
.style-31,
.style-9 {
	font-size: 81.99px;
	color: #30303f;
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

.style-10,
.style-32 {
	list-style: none;
	padding: 0;
	margin: 35px 0 0;
	box-sizing: border-box
}

.style-11,
.style-13,
.style-22,
.style-24,
.style-33,
.style-35 {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	padding: 0;
	box-sizing: border-box
}

.style-12,
.style-14,
.style-16,
.style-23,
.style-25,
.style-27,
.style-34,
.style-36,
.style-38 {
	font-size: 18px;
	color: #949494;
	padding: 0;
	margin: 0 25px 0 0;
	box-sizing: border-box;
	background-position: -7px -78px;
	background-image: url('../../../www.virtualemployee.com/wp-content/themes/virtualemployee/master-templates/img/sprite-icons-v2.html');
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;
	display: block;
	vertical-align: top
}

.style-17,
.style-28,
.style-39 {
	width: 188px;
	height: 44px;
	font-size: 21.996px;
	box-shadow: none;
	background: #7a53f4;
	color: #fff;
	cursor: pointer;
	transition: .1s linear;
	box-sizing: border-box
}

.style-15,
.style-26,
.style-37 {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

.style-17,
.style-39 {
	padding: 8px 15px;
	border: 0 #fff;
	border-radius: 100px;
	margin: 30px 0 0
}

.style-21 {
	list-style: none;
	padding: 0;
	box-sizing: border-box;
	display: inline-block !important;
	margin: 35px 0 20px
}

.style-28 {
	padding: 8px 15px;
	border: 0 #fff;
	border-radius: 100px;
	margin: 15px auto
}

.style-29 {
	border: 1px solid #7a53f4;
	padding: 50px 30px;
	border-radius: 7px;
	color: #949494;
	min-width: 300px;
	transition: .1s linear;
	display: flex;
	margin: 0;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	height: auto
}

.why-hire {
	padding-top: 40px;
	padding-bottom: 40px;
	background: linear-gradient(-45deg, #0129568a, #05124070, #0d243e82, #7aff1882) 0 0/400% 400%, url("../dark-green-blue-abstract-background.png") 0 0/400% 400%;
	animation: 15s infinite gradient
}

@keyframes gradient {

	0%,
	100% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}
}

.why-hire h2 {
	color: #fff
}

.why-hire p {
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	padding-bottom: 20px
}

.whitebg-images {
	width: 75px;
	height: 75px;
	background: #021836;
	text-align: center;
	line-height: 70px;
	border-radius: 100%;
	margin-bottom: 15px
}

#frosted,
.benefit-box {
	width: 100%;
	height: 100%
}

.whitebg-images img {
	width: 40px
}

#frosted {
	position: relative;
	background: inherit;
	border-radius: 16px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .15);
	z-index: 1;
	padding: 20px
}

#frosted:before {
	content: '';
	position: absolute;
	background: inherit;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: -20px;
	box-shadow: inset 0 0 500px rgba(255, 255, 255, .4);
	filter: blur(10px);
	z-index: -1
}

.seo-head {
	font-size: 1.3rem;
	line-height: 30px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 15px
}

.seo-desc {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
	min-height: 96px
}

.features-section h2 {
	padding-top: 10px;
	color: #2a3a60;
	font-weight: 700;
	font-size: 2rem
}

.features-section li {
	line-height: 35px;
	color: #222;
	font-size: 1rem
}

@media only screen and (max-width:760px) {
	.banner img {
		max-width: 250px
	}

	.banner h1,
	.banner p,
	.banner-image,
	.buttton,
	.form-content h1 {
		text-align: center
	}

	.txtarea {
		width: 100%
	}

	.new-roww {
		flex-wrap: wrap !important
	}

	.new {
		padding: 30px
	}

	.service-box {
		margin-bottom: 80px
	}

	.form-content-para {
		text-align: justify;
		margin: 0
	}
}

.positive-p {
	color: #222;
	line-height: 30px
}

.positive-right-image {
	padding: 20px 0;
	text-align: right
}

.positive-right-image img {
	max-width: 100%;
	height: auto
}

.positive h1 {
	font-size: 54px;
	padding-top: 100px;
	font-weight: 700;
	padding-bottom: 20px
}

.positive .btn_slide a {
	text-decoration: none;
	color: #071e77
}

.positive-left-content {
	padding-bottom: 100px
}

.benefit {
	padding: 30px 0;
	background: #cfd9ef
}

.php-faq,
.ppc_section-2 {
	background-position: center
}

.benefit p {
	color: #343a40;
	font-size: 1rem;
	padding-top: 20px
}

.benefit-box {
	box-shadow: 0 4px 18px #d4d4d465;
	padding: 60px 35px;
	transition: .3s;
	box-shadow: 10px 10px 0 #0d243e;
	border-radius: 20px;
	border: 4px solid #0d243e
}

.benefit-box:hover {
	background: linear-gradient(90deg, #020027 0, #020024 0, #090979 1%, #036073 100%)
}

.benefit-box:hover h3 {
	color: #fff;
	border-bottom: 3px solid #fff
}

.benefit-box h3 {
	border-bottom: 3px solid #081b78;
	padding-bottom: 11px;
	font-size: 1.5rem
}

.features-section p {
	color: #222;
	font-size: 1rem
}

.features-section-image {
	display: flex;
	justify-content: center;
	align-items: center
}

.php-faq {
	padding: 40px 0;
	background-image: url(images/banner.html);
	background-size: cover;
	background-repeat: no-repeat
}

.php-faq-h {
	font-size: 2rem;
	border-left: 2px solid #090979
}

.php-faq-divv {
	padding: 30px;
	background-color: #f5f5f5
}

.banner-angular,
.banner-codeigniter,
.banner-ecommerce,
.banner-mobile,
.banner-react,
.banner-shopify,
.banner-wordpress {
	padding: 60px 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
}

.accordion-item {
	margin: 5px
}

.service-icon img {
	width: 48px;
	height: auto
}

.benefit h2 {
	font-size: 2rem;
	font-weight: 700
}

.style-18:hover {
	background-color: #7a53f4 !important;
	color: #fff !important
}

.style-18:hover .style-28 {
	border: 2px solid #fff
}

.banner-angular {
	background-image: url(../angular-banner1.png)
}

.banner-angular-ul li {
	color: #fff;
	font-size: 14px
}

.banner-wordpress {
	background-image: url(../wordpress-banner.png)
}

.banner-codeigniter {
	background-image: url(../hire-codeigniter.png)
}

.banner-mobile {
	background-image: url(../hire-mobileapp.png)
}

.banner-react {
	background-image: url(../hire-react.png)
}

.banner-shopify {
	background-image: url(../hire-shopify.png)
}

.banner-ecommerce {
	background-image: url(../hire-ecommerce.png)
}

@media(min-width:769px) and (max-width:991px) {
	.header-main {
		padding-top: 0;
		padding-bottom: 0
	}

	.header-main .main-menu>li a {
		font-size: 12px
	}

	.header-main .main-menu>li>a,
	.portfolio-nav a {
		padding: 4px 8px !important
	}

	.menu-setting {
		display: none !important
	}

	.logo img {
		height: 30px
	}

	.main_banner {
		margin-top: -25px
	}

	.banner-text.animate__animated.animate__backInLeft {
		position: absolute;
		top: 120px
	}

	.main-menu {
		width: 100%
	}

	.flup-client-list img {
		border-radius: 8px;
		width: 215px;
		height: 250px
	}
}

@media(max-width:992px) {

	.client_clicks .cc-2,
	.clients-box {
		display: none
	}
}

@media (max-width:768px) {
	.contact-form {
		margin-top: 30px
	}

	.form-content {
		padding-top: 0
	}
}

@media(min-width:576px) and (max-width:1102px) {

	.style-18,
	.style-7 {
		margin-bottom: 25px
	}

	.style-29 {
		margin-right: 30px
	}
}

@media(min-width:920px) and (max-width:1024px) {
	.banner {
		margin-top: -25px
	}
}

[data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	transform: translateZ(0)
}

html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	-webkit-transform: none;
	transform: translateZ(0)
}

.about__pack {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px
}

.about__pack img {
	width: -webkit-fill-available;
	-webkit-animation: 1s infinite alternate mover;
	animation: 1s infinite alternate mover
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-50px)
	}
}

@keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-50px)
	}
}

.ppc_img_fl {
	display: flex;
	align-items: center !important
}

.packages__imgs .image-1 {
	position: relative;
	display: inline-block;
	-webkit-transform: translateX(-70px);
	transform: translateX(-70px)
}

.packages__imgs .image-2 {
	text-align: right;
	-webkit-transform: translateY(-50%);
	transform: translateY(-75%);
	position: absolute;
	right: 0
}

.image-1 img {
	height: 600px
}

.image-2 img {
	width: 300px;
	border: 8px solid #fff
}

.side_title {
	font-size: 20px;
	margin-bottom: 0;
	position: absolute;
	line-height: 82px;
	white-space: nowrap;
	text-align: center;
	background-color: #0859d7;
	padding: 0 20px;
	border-radius: 5px;
	color: #fff;
	width: 100%;
	max-width: 322px;
	top: -375px;
	right: 82px;
	transform-origin: top right;
	transform: rotate(-90deg)
}

.ppc_section-2 #ppc_text_sec2 h2,
.side_text_pack h1,
.side_text_pack h2 {
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
	color: #2a3a60;
	text-transform: capitalize;
	padding-bottom: 15px
}

.side_text_pack p {
	text-align: justify;
	color: #6e6e6e;
	line-height: 23px;
	font-size: 16px;
	letter-spacing: 1px
}

.ppc_section-2 h3,
.ppc_text_box h4,
.seo_pack_sec2 h2,
.seo_pack_text h2 {
	color: #2a3a60;
	text-transform: capitalize
}

.is-about-shape {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1
}

.is-about-shape img {
	animation: 20s linear infinite animName;
	width: -webkit-fill-available
}

@keyframes animName {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@media (min-width:1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%
	}
}

@media (max-width:1919px) {
	.packages__imgs {
		margin-right: 20px
	}

	.packages__imgs .image-1 {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.ppc_section-2 {
	background-image: url(../img/bg-ppc-sec02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0
}

.ppc_section-2 #ppc_text_sec2 p {
	color: #6e6e6e;
	line-height: 25px;
	font-size: 16px
}

.ppc_box {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 75px 24px 44px;
	position: relative;
	z-index: 1;
	height: calc(100% - 90px)
}

.ppc_box::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 60px 10px 10px;
	box-shadow: 0 0 10px rgb(1 25 59 / 6%);
	transition: .3s cubic-bezier(.24, .74, .58, 1);
	z-index: -1
}

.ppc_items_top {
	display: block;
	justify-content: center
}

.icon_list {
	justify-content: center;
	align-items: center;
	display: flex;
	padding-bottom: 20px
}

.ppc_icon {
	width: 100px;
	height: 100px;
	background: #0859d7;
	border-radius: 15px;
	transform: rotate(45deg);
	display: flex;
	justify-content: center;
	align-items: center
}

.ppc_icon img {
	transform: rotate(314deg);
	width: 60px
}

.ppc_text_box h4 {
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0
}

.ppc_text_box p {
	font-size: 15px
}

.ppc_section-2 h3 {
	font-size: 24px;
	font-weight: 600;
	padding: 20px 0
}

@media (min-width:768px) and (max-width:991px) {

	#new_pack_block,
	#new_pack_block_2 {
		padding-top: 70px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.main_packages {
		height: 100%
	}

	.new-random-class a.btn.btn-price-read-more {
		position: absolute !important;
		bottom: 0 !important;
		left: 0 !important
	}

	a.btn.btn-price-read-more {
		max-width: 80%
	}
}

.card1_new::before,
.go-corner {
	position: absolute;
	height: 32px;
	width: 32px
}

.bg-banner .bg-text h2 {
	text-transform: uppercase;
	font-size: 40px
}

.seo_pack_sec1 {
	padding: 70px 0;
	background: #fff
}

.img_ver_move_seo img {
	width: -webkit-fill-available !important;
	padding: 0 20px;
	position: relative;
	-webkit-animation: 1s infinite alternate mover;
	animation: 1s infinite alternate mover
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-15px)
	}
}

@keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-35px)
	}
}

.seo_pack_sec2 h2,
.seo_pack_text h2 {
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
	padding-bottom: 10px
}

.seo_pack_text span,
.smo_pack_text span {
	color: #0859d7
}

.seo_pack_text p {
	text-align: justify;
	color: #6e6e6e;
	line-height: 24px;
	font-size: 15px
}

.seo_new {
	position: absolute;
	right: 0;
	top: 0
}

.seo_new img {
	width: 200px
}

.shape5 {
	position: absolute;
	left: 5%;
	bottom: 5%
}

.seo_pack_sec2 {
	padding-bottom: 70px
}

.seo_pack_sec2 h2 {
	padding-bottom: 25px
}

.card1_new h3 {
	color: #262626;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding-bottom: 10px
}

.card1_new p {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	text-align: justify
}

.go-corner {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	background-color: #0859d7;
	border-radius: 0 4px 0 32px
}

.go-arrow {
	margin-top: -4px;
	margin-right: -4px;
	color: #fff
}

.card1_new {
	display: block;
	position: relative;
	background-color: #f2f8f9;
	border-radius: 4px;
	padding: 32px 24px;
	margin: 12px;
	text-decoration: none;
	z-index: 0
}

.card1_new::before {
	content: "";
	z-index: -1;
	top: -16px;
	right: -16px;
	background: #0859d7;
	border-radius: 32px;
	transform: scale(1);
	transform-origin: 50% 50%;
	transition: transform .25s ease-out
}

.card1_new:hover::before {
	transform: scale(40);
	color: #fff !important
}

.card1_new:hover .small_text,
.card1_new:hover .top_head_small {
	transition: .3s ease-out;
	color: #fff
}

.seo_pack_sec3,
.smo_section2 {
	padding: 70px 0;
	background: linear-gradient(90deg, #020027 0, #020024 0, #090979 1%, #036073 100%)
}

.seo_pack_sec3 h2 {
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
	color: #fff !important;
	text-transform: capitalize;
	padding-bottom: 10px
}

.seo_pack_sec3 p {
	color: #fff !important;
	line-height: 24px;
	font-size: 15px
}

.ppc_workbox {
	padding: 20px 25px
}

.choose_smo_pack,
.ppc_work_process {
	margin: 20px -15px -60px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

.choose_smo_pack img,
.ppc_work_process img {
	height: auto
}

.first-items-process,
.pack_list_items {
	position: relative;
	margin: 0 15px 60px
}

.pack_icon_smo,
.process_icon {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: #1351a8;
	text-align: center
}

.process_icon img {
	width: 50px
}

.ppc_rounde_new,
.rounded_new {
	border-radius: 4px !important
}

.process_rank,
.smo_rank {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: -20px;
	top: -20px;
	font-size: 20px;
	font-weight: 700;
	background-color: #22f55d;
	color: #1351a8
}

.ppc_process_text,
.smo_pack_box_text {
	padding-top: 30px;
	display: block
}

.bg-banner,
.side_ver_move {
	display: flex;
	position: relative
}

.ppc_process_text h4 {
	font-size: 22px;
	font-weight: 600;
	color: #fff !important
}

.new_head_list,
.smo_pack_text h2,
.smo_section2 h2 {
	font-weight: 700;
	text-transform: capitalize
}

.ppc_process_text p {
	text-align: justify;
	line-height: 25px;
	color: #fff !important
}

.pack_bg {
	background: url(../img/bg-banner-pack.webp);
	background-position: 100% 15% !important
}

.pack_bg::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(6, 28, 34, .5);
	content: '';
	z-index: 0
}

.bg-banner .bg-text {
	text-align: center;
	color: #fff
}

.bg-banner .breadcrumb-wrapper-inner a {
	text-decoration: none
}

.pack_bg .bg-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.bg-banner .bg-text h1,
.bg-banner .bg-text h2 {
	font-weight: 600;
	text-transform: uppercase;
	line-height: 48px;
	letter-spacing: .9px;
	color: #fff
}

.bg-banner {
	background-size: cover;
	min-height: 350px !important;
	align-items: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center
}

.side_ver_move {
	align-items: center;
	justify-content: center
}

.side_ver_move img {
	width: 500px
}

.smo_pack_sec1 {
	padding: 70px 0
}

.smo_pack_text h2 {
	line-height: 42px;
	color: #2a3a60;
	padding-bottom: 10px
}

.smo_pack_text p {
	text-align: justify;
	color: #6e6e6e;
	line-height: 24px
}

.top_move {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: -88;
	animation: 12s linear infinite alternate animationFramesFive
}

.top_move img {
	-webkit-animation: 1s infinite alternate mover;
	animation: 1s infinite alternate mover
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-35px)
	}
}

.smo_section2 h2 {
	line-height: 42px;
	color: #fff !important;
	padding-bottom: 10px
}

.smo_section2 p {
	color: #fff !important;
	line-height: 24px
}

.pack_icon_smo img {
	width: 55%
}

.smo_pack_box_text h4 {
	font-size: 22px;
	font-weight: 600;
	color: #fff !important;
	text-transform: capitalize
}

.smo_pack_box_text p {
	text-align: justify;
	line-height: 25px;
	color: #fff !important;
	padding-bottom: 20px
}

.smo_newbox {
	padding: 30px
}

.new_head_list {
	font-size: 40px;
	line-height: 25px;
	color: #222;
	padding-bottom: 80px
}

.new_head_list span {
	font-size: 18px;
	font-weight: 500 !important;
	color: #1351a8;
	text-transform: capitalize
}

@media (min-width:300px) and (max-width:767px) {

	.ppc_section-2 #ppc_text_sec2 h2,
	.side_text_pack h2 {
		font-size: 24px !important;
		line-height: 32px
	}

	.side_text_pack h2 {
		padding-top: 80px
	}

	.image-1 img {
		height: 450px
	}

	.image-2 img {
		width: 220px
	}

	.side_title {
		top: -285px;
		font-size: 16px;
		right: 65px
	}

	.side_text_pack p {
		letter-spacing: 0
	}

	.about__pack {
		padding-bottom: 60px
	}

	.ppc_section-2 {
		padding: 50px 0
	}

	.ppc_box {
		margin-top: 25px;
		margin-bottom: 10px;
		height: calc(100% - 70px)
	}

	.seo_pack_sec1,
	.seo_pack_sec3,
	.smo_pack_sec1,
	.smo_section2 {
		padding: 40px 0
	}

	.seo_pack_sec2 h2,
	.seo_pack_text h2 {
		line-height: 32px;
		font-size: 24px !important;
		padding-top: 10px
	}

	.seo_pack_sec2 {
		padding-bottom: 40px
	}

	.ppc_process_text,
	.smo_pack_box_text {
		padding-top: 15px
	}

	.seo_new img {
		width: 120px
	}

	.top_move img {
		display: none
	}

	.smo_pack_text h2 {
		padding-top: 15px;
		line-height: 32px
	}

	.smo_section2 h2 {
		line-height: 32px
	}

	.smo_newbox {
		padding: 15px
	}

	.package-tab-box h3 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 5pc
	}

	.top_move {
		right: 60px
	}

	.new_head_list {
		padding-bottom: 35px
	}
}

@media (min-width:768px) and (max-width:920px) {
	.side_text_pack h2 {
		padding-top: 90px;
		font-size: 24px !important;
		line-height: 32px
	}

	.side_title {
		right: 250px;
		top: -360px
	}

	.image-2 img {
		width: 320px
	}

	.side_text_pack p {
		letter-spacing: 0
	}

	.about__pack {
		padding-bottom: 60px
	}

	.seo_pack_sec1,
	.seo_pack_sec3,
	.smo_pack_sec1,
	.smo_section2 {
		padding: 50px 0
	}

	.seo_pack_sec2 h2,
	.seo_pack_text h2 {
		line-height: 32px;
		font-size: 24px !important;
		padding-top: 15px
	}

	.seo_pack_sec2 {
		padding-bottom: 50px
	}

	.smo_pack_text h2 {
		padding-top: 20px
	}

	.smo_newbox {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.smo_pack_box_text {
		padding-top: 15px
	}

	section.packages_nw {
		padding: 1pc 0
	}

	.new_head_list {
		padding-bottom: 10px;
		line-height: 20px !important
	}

	.new_head_list span {
		font-size: 16px !important
	}
}

.section_title h2 {
	font-weight: 700;
	color: #050748
}

.section-title h3 {
	font-weight: 600;
	color: #000
}

span.spirit-10.flag.spirit-flag-uk {
	background-image: url(../img/uk-testimonial.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 57px !important;
	height: 34px !important;
	margin-left: 34px
}

span.spirit-10.flag.spirit-flag-australia {
	background-image: url(../img/Flag-Australia.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 57px !important;
	height: 34px !important;
	margin-left: 34px
}

span.spirit-10.flag.spirit-flag-Portugal {
	background-image: url(../img/t1f.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 57px !important;
	height: 34px !important;
	margin-left: 34px
}