body,body.body,html {
	overflow-x: hidden!important;
}

*,h1,h2,h3,h4,h5,h6,p,ul {
	padding: 0;
	margin: 0;
}

.bg-contain,.bg-cover {
	background-position: center center;
}

.heading1 .title span.span,.heading1-w .title span.span,.heading3 .title span.span,.heading5 .title span.span,.hero3 .main-heading .title span.span,.hero5 .main-heading .title span.span {
	font-weight: 500;
	line-height: 14px;
	text-transform: uppercase;
	font-size: 15px;
}

.video-play-button img,img,input,option,select,textarea {
	max-width: 100%;
}

.about1 .about3-boxs .about3-box:hover .icon img,.cnt-box img {
	filter: invert(1);
}

@font-face {
	font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/fa-solid-900.woff2') format('woff2'),url('../fonts/fa-solid-900.woff') format('woff')ascent-override: 90%; descent-override: 22%; line-gap-override: 0%; size-adjust: 105%;;
}

@font-face {
	font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/fa-regular-400.woff2') format('woff2'),url('../fonts/fa-regular-400.woff') format('woff')ascent-override: 90%; descent-override: 22%; line-gap-override: 0%; size-adjust: 105%;;
}

@font-face {
	font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/fa-brands-400.woff2') format('woff2'),url('../fonts/fa-brands-400.woff') format('woff')ascent-override: 90%; descent-override: 22%; line-gap-override: 0%; size-adjust: 105%;;
}

@keyframes round-circle {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(1000deg);
	}
}

@keyframes round-circle2 {
	0% {
		transform: rotate(-20deg);
	}

	100% {
		transform: rotate(20deg);
	}
}

@keyframes animate1 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-20px);
	}
}

@keyframes animate2 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(20px);
	}
}

@keyframes animate3 {
	0% {
		transform: translateY(0);
	}

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

@keyframes animate4 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-25px);
	}
}

@keyframes animate5 {
	0% {
		transform: scale(.5);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes animate6 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

body {
	display: swap;
	font-family: Outfit,sans-serif;
	font-size: var(--f-fs-font-fs16);
}

.round-circle {
	position: relative;
	animation-name: round-circle;
	animation-duration: 92s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

.animate1,.animate2,.animate3,.animate4,.animate5,.animate6,.round-circle2 {
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

.animate1,.animate2 {
	position: relative;
	animation-duration: 2s;
}

.animate1 {
	animation-name: animate1;
}

.animate2 {
	animation-name: animate2;
}

.animate3,.animate4,.animate5 {
	position: relative;
	animation-duration: 4s;
}

.animate3 {
	animation-name: animate3;
}

.animate4 {
	animation-name: animate4;
}

.animate5 {
	animation-name: animate5;
}

.animate6,.round-circle2 {
	animation-duration: 2s;
	position: relative;
}

.animate6 {
	animation-name: animate6;
}

.round-circle2 {
	animation-name: round-circle2;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255,255,255,.3);
	transform: translate(-50%,-50%) rotate(-45deg);
	z-index: 1;
}

._relative,.blog1,.case1,.case3,.compareplan-section-area .comparison table thead,.contact1,.details-accodion,.details-sidebox .search-area,.error-area,.faq4,.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single,.pricing-page,.pricing1,.pricing2,.pricing5,.service-details-benifits,.service-details-others .form-area .single-input,.service-details-sec1,.service-faq,.service1,.service1-page,.service2,.service5,.team1 .team-box .heading-area .icon-area,.tes1 .left,.tes1 .tes1-box-all,.testimonial,body.body,li.has-dropdown1,ul.list.iconnm {
	position: relative;
}

.progress-wrap.progress-wrap2::after,.progress-wrap.progress-wrap2::before,.progress-wrap::after,.progress-wrap::before {
	font-family: FontAwesome;
	content: "\f062";
	line-height: 56px;
	left: 0;
	top: 0;
}

.image-anime:hover:after {
	height: 250%;
	transition: .6s linear;
	background-color: transparent;
}

@media screen and (max-width:769px) {
	body.body,html {
		overflow-x: hidden!important;
	}
}

.contact1 .form-area-all .form-content .form-btn button,.details-contact-area .faq-contact-form .button button,.details-posts .details-post-single .image img,.details-sidebox .recent-post ul li a.active::after,.faq-contact .faq-contact-form .button button,.hero2 .image1 img,.img100 img,.iti.iti--allow-dropdown.iti--show-flags,.service-details-sec1 .what-we-do5-images .image img,.w-full,.width100 img {
	width: 100%;
}

@media screen and (min-width:769px) {
	body.body.body5 {
		overflow-x: initial!important;
	}
}

* {
	box-sizing: border-box;
}

ul {
	list-style: none;
}

img {
	max-height: 100%;
}

a,a:focus,a:hover {
	outline: 0;
	text-decoration: none;
}

body.body {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	overflow-x: hidden;
	z-index: -33;
}

.heading1 h2,.heading1 h3 a,.heading3 h2,.heading3 h4 a {
	font-weight: 600;
	font-style: normal;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
}

.sp {
	padding: 40px 0 0;
}

.section-padding,.sp2 {
	padding: 120px 0;
}

.footer1,.footer5,.pt100 {
	padding-top: 100px;
}

.pt140 {
	padding-top: 140px;
}

.padding-bottom,.pb120 {
	padding-bottom: 120px;
}

.about1 .heading1,.about1 .heading3,.about5 .heading1,.about5 .heading5,.pl60 {
	padding-left: 60px;
}

.pb40 {
	padding-bottom: 40px;
}

.pr60 {
	padding-right: 60px;
}

.space4 {
	height: 4px;
}

.space6 {
	height: 6px;
}

.space28 {
	height: 28px;
}

.space8 {
	height: 8px;
}

.space12 {
	height: 12px;
}

.space14 {
	height: 14px;
}

.space16 {
	height: 16px;
}

.space24 {
	height: 24px;
}

.space32 {
	height: 32px;
}

.space10 {
	height: 10px;
}

.space5 {
	height: 5px;
}

.space20 {
	height: 20px;
}

.space30 {
	height: 30px;
}

.space40 {
	height: 40px;
}

.space50 {
	height: 50px;
}

.space45 {
	height: 45px;
}

@media (max-width:768px) {
	.sp {
		padding: 50px 0;
	}

	.pt100 {
		padding-top: 50px;
	}

	.pt140 {
		padding-top: 70px;
	}

	.pb120 {
		padding-bottom: 60px;
	}

	.sp2 {
		padding: 60px 0;
	}

	.pl60 {
		padding-left: 0;
	}

	.pr60 {
		padding-right: 0;
	}

	.space50 {
		height: 25px;
	}

	.space60 {
		height: 30px!important;
	}
}

.space60 {
	height: 60px;
}

.space55 {
	height: 55px;
}

.space70 {
	height: 70px;
}

.space80 {
	height: 80px;
}

.space90 {
	height: 90px;
}

.space100 {
	height: 100px;
}

.space120 {
	height: 120px;
}

.text-right {
	text-align: right;
}

.section-padding2 {
	padding: 120px 0 90px;
}

.padding-bottom2 {
	padding-bottom: 90px;
}

.padding-top {
	padding-top: 120px;
}

.hero1 .main-heading,.hero2 .main-heading,.hero3 .main-heading,.hero5 .main-heading,.padding-top2 {
	padding-top: 90px;
}

.padding-90 {
	padding: 90px 0;
}

@media (max-width:991px) {
	.section-padding {
		padding: 60px 0;
	}

	.section-padding2 {
		padding: 60px 0 30px;
	}

	.padding-bottom {
		padding-bottom: 60px;
	}

	.padding-bottom2 {
		padding-bottom: 30px;
	}

	.padding-top {
		padding-top: 60px;
	}

	.padding-top2 {
		padding-top: 30px;
	}

	.padding-90 {
		padding: 50px 0;
	}
}

.compareplan-section-area .comparison td,.compareplan-section-area .comparison th,.main-bth,.self-info,.service2 .service2-all-tabs .tabs-buttons,.text-center,.work-images .mt-4.aos-init.aos-animate {
	text-align: center;
}

@media (min-width:992px) {
	.w-lg-full {
		width: 100%;
	}

	.text-lg-center {
		text-align: center;
	}
}

.text-left {
	text-align: left!important;
}

.weight-400 {
	font-weight: 400!important;
}

.weight-500 {
	font-weight: 500!important;
}

.weight-600 {
	font-weight: 600!important;
}

.weight-700 {
	font-weight: 700!important;
}

.weight-800 {
	font-weight: 800!important;
}

.weight-900 {
	font-weight: 900!important;
}

.font-f-1 {
	font-family: Hind,sans-serif!important;
}

.font-f-2 {
	font-family: "Plus Jakarta Sans",sans-serif!important;
}

.font-f-3 {
	font-family: "Spline Sans",sans-serif!important;
}

.font-f-4 {
	font-family: Catamaran,sans-serif!important;
}

.font-12 {
	font-size: 12px;
}

.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-18,.team-profile p {
	font-size: 18px;
}

.font-20,.heading1 span i,.main-bth a {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-26,h5#teamModalLabel {
	font-size: 26px;
}

.font-28 {
	font-size: 28px;
}

.font-30 {
	font-size: 30px;
}

.font-32 {
	font-size: 32px;
}

.font-34 {
	font-size: 34px;
}

.font-36 {
	font-size: 36px;
}

.font-40 {
	font-size: 40px;
}

.font-42 {
	font-size: 42px;
}

.font-44 {
	font-size: 44px;
}

.font-46,.font-48 {
	font-size: 48px;
}

.font-50,.font-60 {
	font-size: 60px;
}

.font-52 {
	font-size: 52px;
}

.font-54 {
	font-size: 54px;
}

.font-56 {
	font-size: 56px;
}

.font-58 {
	font-size: 58px;
}

.font-62 {
	font-size: 62px;
}

.font-70 {
	font-size: 70px;
}

.font-72 {
	font-size: 72px;
}

.font-74 {
	font-size: 74px;
}

.font-76 {
	font-size: 76px;
}

.font-78 {
	font-size: 78px;
}

.font-80 {
	font-size: 80px;
}

.font-82 {
	font-size: 82px;
}

.font-84 {
	font-size: 84px;
}

.font-86 {
	font-size: 86px;
}

.font-88 {
	font-size: 88px;
}

.font-90 {
	font-size: 90px;
}

.font-92 {
	font-size: 92px;
}

.font-94 {
	font-size: 94px;
}

.font-96 {
	font-size: 96px;
}

.font-98 {
	font-size: 98px;
}

.font-100 {
	font-size: 100px;
}

@media screen and (min-width:1024px) {
	.text-md-right {
		text-align: right;
	}

	.text-md-center {
		text-align: center;
	}

	.text-md-left {
		text-align: left;
	}

	.font-lg-12 {
		font-size: 12px;
	}

	.font-lg-14 {
		font-size: 14px;
	}

	.font-lg-16 {
		font-size: 16px;
	}

	.font-lg-18 {
		font-size: 18px;
	}

	.font-lg-20 {
		font-size: 20px;
	}

	.font-lg-22 {
		font-size: 22px;
	}

	.font-lg-24 {
		font-size: 24px;
	}

	.font-lg-26 {
		font-size: 26px;
	}

	.font-lg-28 {
		font-size: 28px;
	}

	.font-lg-30 {
		font-size: 30px;
	}

	.font-lg-32 {
		font-size: 32px;
	}

	.font-lg-34 {
		font-size: 34px;
	}

	.font-lg-36 {
		font-size: 36px;
	}

	.font-lg-40 {
		font-size: 40px;
	}

	.font-lg-42 {
		font-size: 42px;
	}

	.font-lg-44 {
		font-size: 44px;
	}

	.font-lg-45 {
		font-size: 45px;
	}

	.font-lg-46,.font-lg-48 {
		font-size: 48px;
	}

	.font-lg-50,.font-lg-60 {
		font-size: 60px;
	}

	.font-lg-52 {
		font-size: 52px;
	}

	.font-lg-54 {
		font-size: 54px;
	}

	.font-lg-56 {
		font-size: 56px;
	}

	.font-lg-58 {
		font-size: 58px;
	}

	.font-lg-62 {
		font-size: 62px;
	}

	.font-lg-66 {
		font-size: 66px;
	}

	.font-lg-70 {
		font-size: 70px;
	}

	.font-lg-72 {
		font-size: 72px;
	}

	.font-lg-74 {
		font-size: 74px;
	}

	.font-lg-76 {
		font-size: 76px;
	}

	.font-lg-78 {
		font-size: 78px;
	}

	.font-lg-80 {
		font-size: 80px;
	}

	.font-lg-82 {
		font-size: 82px;
	}

	.font-lg-84 {
		font-size: 84px;
	}

	.font-lg-86 {
		font-size: 86px;
	}

	.font-lg-88 {
		font-size: 88px;
	}

	.font-lg-90 {
		font-size: 90px;
	}

	.font-lg-92 {
		font-size: 92px;
	}

	.font-lg-94 {
		font-size: 94px;
	}

	.font-lg-96 {
		font-size: 96px;
	}

	.font-lg-98 {
		font-size: 98px;
	}

	.font-lg-100 {
		font-size: 100px;
	}

	.line-height-lg-14 {
		line-height: 14px;
	}

	.line-height-lg-16 {
		line-height: 16px;
	}

	.line-height-lg-18 {
		line-height: 18px;
	}

	.line-height-lg-20 {
		line-height: 20px;
	}

	.line-height-lg-22 {
		line-height: 22px;
	}

	.line-height-lg-24 {
		line-height: 24px;
	}

	.line-height-lg-26 {
		line-height: 26px;
	}

	.line-height-lg-28 {
		line-height: 28px;
	}

	.line-height-lg-30 {
		line-height: 30px;
	}

	.line-height-lg-32 {
		line-height: 32px;
	}

	.line-height-lg-34 {
		line-height: 34px;
	}

	.line-height-lg-36 {
		line-height: 36px;
	}

	.line-height-lg-38 {
		line-height: 38px;
	}

	.line-height-lg-40 {
		line-height: 40px;
	}

	.line-height-lg-42 {
		line-height: 42px;
	}

	.line-height-lg-44 {
		line-height: 44px;
	}

	.line-height-lg-48 {
		line-height: 48px;
	}

	.line-height-lg-50 {
		line-height: 50px;
	}

	.line-height-lg-52 {
		line-height: 52px;
	}

	.line-height-lg-54 {
		line-height: 54px;
	}

	.line-height-lg-56 {
		line-height: 56px;
	}

	.line-height-lg-58 {
		line-height: 58px;
	}

	.line-height-lg-60 {
		line-height: 60px;
	}

	.line-height-lg-62 {
		line-height: 62px;
	}

	.line-height-lg-64 {
		line-height: 64px;
	}

	.line-height-lg-66 {
		line-height: 66px;
	}

	.line-height-lg-68 {
		line-height: 68px;
	}

	.line-height-lg-70 {
		line-height: 70px;
	}

	.line-height-lg-72 {
		line-height: 72px;
	}

	.line-height-lg-74 {
		line-height: 74px;
	}

	.line-height-lg-76 {
		line-height: 76px;
	}

	.line-height-lg-78 {
		line-height: 78px;
	}

	.line-height-lg-80 {
		line-height: 80px;
	}

	.line-height-lg-82 {
		line-height: 82px;
	}

	.line-height-lg-84 {
		line-height: 84px;
	}

	.line-height-lg-86 {
		line-height: 86px;
	}

	.line-height-lg-88 {
		line-height: 88px;
	}

	.line-height-lg-90 {
		line-height: 90px;
	}

	.line-height-lg-92 {
		line-height: 92px;
	}

	.line-height-lg-94 {
		line-height: 94px;
	}

	.line-height-lg-96 {
		line-height: 96px;
	}

	.line-height-lg-98 {
		line-height: 98px;
	}

	.line-height-lg-100 {
		line-height: 100px;
	}
}

@media screen and (min-width:768px) {
	.font-md-12 {
		font-size: 12px;
	}

	.font-md-14 {
		font-size: 14px;
	}

	.font-md-16 {
		font-size: 16px;
	}

	.font-md-18 {
		font-size: 18px;
	}

	.font-md-20 {
		font-size: 20px;
	}

	.font-md-22 {
		font-size: 22px;
	}

	.font-md-24 {
		font-size: 24px;
	}

	.font-md-26 {
		font-size: 26px;
	}

	.font-md-28 {
		font-size: 28px;
	}

	.font-md-30 {
		font-size: 30px;
	}

	.font-md-32 {
		font-size: 32px;
	}

	.font-md-34 {
		font-size: 34px;
	}

	.font-md-36 {
		font-size: 36px;
	}

	.font-md-40 {
		font-size: 40px;
	}

	.font-md-42 {
		font-size: 42px;
	}

	.font-md-44 {
		font-size: 44px;
	}

	.font-md-46,.font-md-48 {
		font-size: 48px;
	}

	.font-md-50,.font-md-60 {
		font-size: 60px;
	}

	.font-md-52 {
		font-size: 52px;
	}

	.font-md-54 {
		font-size: 54px;
	}

	.font-md-56 {
		font-size: 56px;
	}

	.font-md-58 {
		font-size: 58px;
	}

	.font-md-62 {
		font-size: 62px;
	}

	.font-md-74 {
		font-size: 74px;
	}

	.font-md-76 {
		font-size: 76px;
	}

	.font-md-78 {
		font-size: 78px;
	}

	.font-md-80 {
		font-size: 80px;
	}

	.font-md-82 {
		font-size: 82px;
	}

	.font-md-84 {
		font-size: 84px;
	}

	.font-md-86 {
		font-size: 86px;
	}

	.font-md-88 {
		font-size: 88px;
	}

	.font-md-90 {
		font-size: 90px;
	}

	.font-md-92 {
		font-size: 92px;
	}

	.font-md-94 {
		font-size: 94px;
	}

	.font-md-96 {
		font-size: 96px;
	}

	.font-md-98 {
		font-size: 98px;
	}

	.font-md-100 {
		font-size: 100px;
	}

	.line-height-md-12 {
		line-height: 12px;
	}

	.line-height-md-14 {
		line-height: 14px;
	}

	.line-height-md-16 {
		line-height: 16px;
	}

	.line-height-md-18 {
		line-height: 18px;
	}

	.line-height-md-20 {
		line-height: 20px;
	}

	.line-height-md-22 {
		line-height: 22px;
	}

	.line-height-md-24 {
		line-height: 24px;
	}

	.line-height-md-26 {
		line-height: 26px;
	}

	.line-height-md-28 {
		line-height: 28px;
	}

	.line-height-md-30 {
		line-height: 30px;
	}

	.line-height-md-32 {
		line-height: 32px;
	}

	.line-height-md-34 {
		line-height: 34px;
	}

	.line-height-md-36 {
		line-height: 36px;
	}

	.line-height-md-38 {
		line-height: 38px;
	}

	.line-height-md-40 {
		line-height: 40px;
	}

	.line-height-md-42 {
		line-height: 42px;
	}

	.line-height-md-44 {
		line-height: 44px;
	}

	.line-height-md-48 {
		line-height: 48px;
	}

	.line-height-md-50 {
		line-height: 50px;
	}

	.line-height-md-52 {
		line-height: 52px;
	}

	.line-height-md-54 {
		line-height: 54px;
	}

	.line-height-md-56 {
		line-height: 56px;
	}

	.line-height-md-58 {
		line-height: 58px;
	}

	.line-height-md-60 {
		line-height: 60px;
	}

	.line-height-md-62 {
		line-height: 62px;
	}

	.line-height-md-64 {
		line-height: 64px;
	}

	.line-height-md-66 {
		line-height: 66px;
	}

	.line-height-md-68 {
		line-height: 68px;
	}

	.line-height-md-70 {
		line-height: 70px;
	}

	.line-height-md-72 {
		line-height: 72px;
	}

	.line-height-md-74 {
		line-height: 74px;
	}

	.line-height-md-76 {
		line-height: 76px;
	}

	.line-height-md-78 {
		line-height: 78px;
	}

	.line-height-md-80 {
		line-height: 80px;
	}

	.line-height-md-82 {
		line-height: 82px;
	}

	.line-height-md-84 {
		line-height: 84px;
	}

	.line-height-md-86 {
		line-height: 86px;
	}

	.line-height-md-88 {
		line-height: 88px;
	}

	.line-height-md-90 {
		line-height: 90px;
	}

	.line-height-md-92 {
		line-height: 92px;
	}

	.line-height-md-94 {
		line-height: 94px;
	}

	.line-height-md-96 {
		line-height: 96px;
	}

	.line-height-md-98 {
		line-height: 98px;
	}

	.line-height-md-100 {
		line-height: 100px;
	}
}

@media screen and (min-width:576px) {
	.font-sm-12 {
		font-size: 12px;
	}

	.font-sm-14 {
		font-size: 14px;
	}

	.font-sm-16 {
		font-size: 16px;
	}

	.font-sm-18 {
		font-size: 18px;
	}

	.font-sm-20 {
		font-size: 20px;
	}

	.font-sm-22 {
		font-size: 22px;
	}

	.font-sm-24 {
		font-size: 24px;
	}

	.font-sm-26 {
		font-size: 26px;
	}

	.font-sm-28 {
		font-size: 28px;
	}

	.font-sm-30 {
		font-size: 30px;
	}

	.font-sm-32 {
		font-size: 32px;
	}

	.font-sm-34 {
		font-size: 34px;
	}

	.font-sm-36 {
		font-size: 36px;
	}

	.font-sm-40 {
		font-size: 40px;
	}

	.font-sm-42 {
		font-size: 42px;
	}

	.font-sm-44 {
		font-size: 44px;
	}

	.font-sm-46,.font-sm-48 {
		font-size: 48px;
	}

	.font-sm-50,.font-sm-60 {
		font-size: 60px;
	}

	.font-sm-52 {
		font-size: 52px;
	}

	.font-sm-54 {
		font-size: 54px;
	}

	.font-sm-56 {
		font-size: 56px;
	}

	.font-sm-58 {
		font-size: 58px;
	}

	.font-sm-62 {
		font-size: 62px;
	}

	.font-sm-74 {
		font-size: 74px;
	}

	.font-sm-76 {
		font-size: 76px;
	}

	.font-sm-78 {
		font-size: 78px;
	}

	.font-sm-80 {
		font-size: 80px;
	}

	.font-sm-82 {
		font-size: 82px;
	}

	.font-sm-84 {
		font-size: 84px;
	}

	.font-sm-86 {
		font-size: 86px;
	}

	.font-sm-88 {
		font-size: 88px;
	}

	.font-sm-90 {
		font-size: 90px;
	}

	.font-sm-92 {
		font-size: 92px;
	}

	.font-sm-94 {
		font-size: 94px;
	}

	.font-sm-96 {
		font-size: 96px;
	}

	.font-sm-98 {
		font-size: 98px;
	}

	.font-sm-100 {
		font-size: 100px;
	}

	.line-height-sm-12 {
		line-height: 12px;
	}

	.line-height-sm-14 {
		line-height: 14px;
	}

	.line-height-sm-16 {
		line-height: 16px;
	}

	.line-height-sm-18 {
		line-height: 18px;
	}

	.line-height-sm-20 {
		line-height: 20px;
	}

	.line-height-sm-22 {
		line-height: 22px;
	}

	.line-height-sm-24 {
		line-height: 24px;
	}

	.line-height-sm-26 {
		line-height: 26px;
	}

	.line-height-sm-28 {
		line-height: 28px;
	}

	.line-height-sm-30 {
		line-height: 30px;
	}

	.line-height-sm-32 {
		line-height: 32px;
	}

	.line-height-sm-34 {
		line-height: 34px;
	}

	.line-height-sm-36 {
		line-height: 36px;
	}

	.line-height-sm-38 {
		line-height: 38px;
	}

	.line-height-sm-40 {
		line-height: 40px;
	}

	.line-height-sm-42 {
		line-height: 42px;
	}

	.line-height-sm-44 {
		line-height: 44px;
	}

	.line-height-sm-48 {
		line-height: 48px;
	}

	.line-height-sm-50 {
		line-height: 50px;
	}

	.line-height-sm-52 {
		line-height: 52px;
	}

	.line-height-sm-54 {
		line-height: 54px;
	}

	.line-height-sm-56 {
		line-height: 56px;
	}

	.line-height-sm-58 {
		line-height: 58px;
	}

	.line-height-sm-60 {
		line-height: 60px;
	}

	.line-height-sm-62 {
		line-height: 62px;
	}

	.line-height-sm-64 {
		line-height: 64px;
	}

	.line-height-sm-66 {
		line-height: 66px;
	}

	.line-height-sm-68 {
		line-height: 68px;
	}

	.line-height-sm-70 {
		line-height: 70px;
	}

	.line-height-sm-72 {
		line-height: 72px;
	}

	.line-height-sm-74 {
		line-height: 74px;
	}

	.line-height-sm-76 {
		line-height: 76px;
	}

	.line-height-sm-78 {
		line-height: 78px;
	}

	.line-height-sm-80 {
		line-height: 80px;
	}

	.line-height-sm-82 {
		line-height: 82px;
	}

	.line-height-sm-84 {
		line-height: 84px;
	}

	.line-height-sm-86 {
		line-height: 86px;
	}

	.line-height-sm-88 {
		line-height: 88px;
	}

	.line-height-sm-90 {
		line-height: 90px;
	}

	.line-height-sm-92 {
		line-height: 92px;
	}

	.line-height-sm-94 {
		line-height: 94px;
	}

	.line-height-sm-96 {
		line-height: 96px;
	}

	.line-height-sm-98 {
		line-height: 98px;
	}

	.line-height-sm-100 {
		line-height: 100px;
	}
}

.mr-2 {
	margin-right: 8px;
}

.mb-30,.skills-section-area .progresbar {
	margin-bottom: 30px;
}

.heading1 .title,.heading1-w .title,.heading3 .title,.heading5 .title,.hero2 .main-heading .title,.hero3 .main-heading .title {
	margin-bottom: 16px;
	border-radius: 42px;
	/* display: inline-block; */
}

.analysis-area .services-seo-heading-item span a,.details-accodion .accordion .accordion-item.active button,.details-sidebox .recent-post ul li a.active,.faq3 .accordion .accordion-item.active button,.faq4 .accordion .accordion-item.active button,.mobile-sidebar .single-contact a,.mobile-sidebar .single-footer h3,.service-faq .accordion .accordion-item.active button,.sidebar-area2 .social-links a:hover,.work-box:hover ul.litoo li {
	color: #fff;
}

.lg-ml-15 {
	margin-left: 15px;
}

.lg-mr-15 {
	margin-right: 15px;
}

._absolute,.hero4 .shape1,.hero4 .shape2,.hero4 .shape3,.hero4 .shape4,.hero4 .shape5,.hero5::after {
	position: absolute;
}

.bg-cover {
	background-size: cover;
}

.bg-contain {
	background-size: contain;
}

.img-cover,.img-cover img {
	-o-object-fit: cover;
	object-fit: cover;
}

:root {
	--vtc-text-heading-1: #0B0314;
	--vtc-text-pera-1: #5D6369;
	--vtc-text-pera-2: #CCCCCE;
	--vtc-text-white-1: #ffffff;
	--vtc-bg-main1: var(--SEO-Marketing-New,  linear-gradient(90deg,  #3B32F6 0%,  #49A6FF 100%));
	--vtc-bg-main2: var(--SEO-Marketing-Gradient-Color,  linear-gradient(90deg,  #FB3F52 0%,  #FA7D3C 100%));
	--vtc-bg-common-1: #E9F4F6;
	--vtc-bg-common-2: #D9ECF0;
	--vtc-bg-common-3: #001518;
	--vtc-bg-common-4: #F6F8FA;
	--vtc-bg-common-5: #EDF4FE;
	--vtc-bg-common-6: #F9F8FE;
	--vtc-bg-common-7: #F4F1FE;
	--vtc-bg-white: #ffffff;
	--vtc-border-color-1: #4b2c2c;
	--f-fw-regular: 400;
	--f-fw-medium: 500;
	--f-fw-semibold: 600;
	--f-fw-bold: 700;
	--f-fw-ex-bold: 800;
	--f-ff-font-1: 'Figtree',sans-serif;
	--f-fs-font-fs16: 16px;
	--f-fs-font-fs18: 18px;
	--f-fs-font-fs20: 20px;
	--f-fs-font-fs22: 22px;
	--f-fs-font-fs24: 24px;
	--f-fs-font-fs26: 26px;
	--f-fs-font-fs28: 28px;
	--f-fs-font-fs30: 30px;
	--f-fs-font-fs32: 32px;
	--f-fs-font-fs34: 34px;
	--f-fs-font-fs36: 36px;
	--f-fs-font-fs40: 40px;
	--f-fs-font-fs42: 42px;
	--f-fs-font-fs44: 44px;
	--f-fs-font-fs48: 48px;
	--f-fs-font-fs50: 50px;
	--f-fs-font-fs52: 52px;
	--f-fs-font-fs54: 54px;
	--f-fs-font-fs56: 56px;
	--f-fs-font-fs58: 58px;
	--f-fs-font-fs60: 60px;
	--f-fs-font-fs62: 62px;
	--f-fs-font-fs64: 64px;
	--f-fs-font-fs66: 66px;
	--f-fs-font-fs68: 68px;
	--f-fs-font-fs70: 70px;
	--f-fs-font-fs72: 72px;
	--f-fs-font-fs74: 74px;
	--f-fs-font-fs76: 76px;
	--f-fs-font-fs78: 78px;
	--f-fs-font-fs80: 80px;
	--f-fs-font-fs82: 82px;
	--f-fs-font-fs84: 84px;
	--f-fs-font-fs86: 86px;
	--f-fs-font-fs88: 88px;
}

.bg1,.faq-contact.contact-page .faq-contact-boxs .single-box,.tes3.testimonial-page .pagination-buttons button,.tes3.testimonial-page .testimonial7-all {
	background: #f5f5fd;
}

.heading1 .title,.hero2 .main-heading .title {
	background-color: #fff0ec;
	padding: 5px 10px;
}

.heading1 .title span.span {
	display: inline-block;
	font-style: normal;
	/* background: var(--SEO-Marketing-Gradient-Color, linear-gradient(
90deg, #ffab35 0, #fa7d3c 100%)); */
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 100%;
	height: auto;
	transform: rotate(
0deg);
}

.heading1 .title span.span img,.heading1-w .title span.span img,.heading3 .title span.span img,.hero3 .main-heading .title span.span img {
	margin-top: -4px;
	margin-right: 3px;
}

.heading1 h2,.heading3 h2 {
	font-size: 44px;
	line-height: 54px;
}

.heading1 h3 a,.heading3 h4 a {
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	transition: .4s;
}

.heading1 p {
	color: var(--SEO-Marketing-Text-Color,#3c3543);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	transition: .4s;
}

.heading1 h3,.heading1 h5 a,.heading1-w h2,.heading3 h5 a {
	font-weight: 600;
	font-style: normal;
}

.heading1 h3 {
	color: #0b0314;
	font-size: 32px;
	line-height: 40px;
}

.heading1 h5 a,.heading3 h5 a {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 20px;
	line-height: 28px;
	transition: .4s;
	display: inline-block;
}

.case1 .case1-slider .single-slider:hover .heading-area h4 a,.footer1 .menu-list.contact-list .contact-box .pera a:hover,.heading1 h5 a:hover,.heading3 h5 a:hover,.sidebar-area1 .sidebar .menu-list.contact-list .contact-box .pera a:hover,.sidebar-area1 .sidebar .sidebar-menu a:hover,.sidebar-area2 .sidebar .menu-list.contact-list .contact-box .pera a:hover,.sidebar-area2 .sidebar .sidebar-menu a:hover {
	transition: .4s;
	color: #fa7d3c;
}

.heading1-w .title {
	background-color: rgba(255,255,255,.1294117647);
	padding: 5px 10px;
}

.heading1-w .title span.span {
	display: inline-block;
	font-style: normal;
	color: #fff;
}

.heading1-w h2 {
	color: #fff;
	font-size: 44px;
	line-height: 54px;
}

.heading1-w p,.heading3 p,.heading5 p {
	line-height: 28px;
	font-style: normal;
	font-size: 18px;
	font-weight: 400;
}

.heading1-w p {
	color: rgba(255,255,255,.9);
}

.heading3 .title,.hero3 .main-heading .title {
	background: rgba(77,50,165,.1);
	padding: 5px 15px;
}

.heading3 .title span.span,.hero3 .main-heading .title span.span {
	display: flex;
	align-items: anchor-center;
	color: #000;
}

.heading3 p,.heading5 p {
	color: var(--SEO-Marketing-Text-Color,#3c3543);
	transition: .4s;
}

.heading5 .title {
	background-color: #e8e0fd;
	padding: 4px 10px;
}

.progress-wrap,.progress-wrap.progress-wrap2,.progress-wrap.progress-wrap2::before,.progress-wrap::after,.progress-wrap::before {
	display: block;
	height: 56px;
	width: 56px;
	transition: .2s linear;
	cursor: pointer;
}

.heading5 .title span.span,.hero5 .main-heading .title span.span {
	display: inline-block;
	font-style: normal;
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.heading5 .title span.span img {
	margin-top: -3px;
	margin-right: 3px;
}

.heading5 h2 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-style: normal;
	line-height: 54px;
}

.blok:nth-of-type(odd) {
	background-color: #fff;
}

.blok:nth-of-type(2n) {
	background-color: #000;
}

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 999;
}

.progress-wrap::after {
	position: absolute;
	text-align: center;
	font-size: 18px;
	color: #03256c;
	z-index: 1;
}

.progress-wrap.progress-wrap2:hover::after,.progress-wrap:hover::after {
	opacity: 0;
}

.progress-wrap.progress-wrap2::before,.progress-wrap::before {
	position: absolute;
	text-align: center;
	font-size: 18px;
	opacity: 0;
	z-index: 2;
}

.active>.toggle-inner .t-year,.progress-wrap.progress-wrap2:hover::before,.progress-wrap:hover::before,.tes1 .map-testimonial .swiper-slide.swiper-slide-thumb-active div::before {
	opacity: 1;
}

.progress-wrap svg path,.progress-wrap.progress-wrap2 svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #03256c;
	stroke-width: 4;
	box-sizing: border-box;
	transition: .2s linear;
}

.progress-wrap.progress-wrap2 {
	position: fixed;
	right: 30px;
	bottom: 30px;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.267);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
}

.video-play-area .video-play-button:after,.video-play-area .video-play-button:before,.video-play-button:after,.video-play-button:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
}

.progress-wrap.progress-wrap2.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 99;
	color: #fff;
}

.progress-wrap.progress-wrap2::after {
	position: absolute;
	text-align: center;
	font-size: 18px;
	color: #f7f7f7;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: .2s linear;
}

.video-play-area .video-play-button:before,.video-play-button:before {
	z-index: 0;
	border-radius: 50%;
	animation: 1.5s ease-out infinite pulse-border;
}

.progress-wrap.progress-wrap2 svg.progress-circle path {
	stroke: #ffffff;
	stroke-width: 4;
	box-sizing: border-box;
	transition: .2s linear;
}

.video-play-button {
	position: relative;
	z-index: 10;
	margin: 0 30px;
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
}

.comment-boxs .comment-box .outhor-area-all .author-area,.header-area.header-area1 .header-elements .header1-buttons,.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu,.header-area.header-area5 .header-elements .header1-buttons,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .all-images-menu,.hero-button1,.hero2,.hero3,.hero7-all-buttons,.tes1 .tes1-box-all .tes1-box-area .bottom-heading,.tes3 .testimonial7-all .bottom .info,.tes4 .testimonial7-all .bottom .info,.tes5 .testimonial7-all .bottom .info,.testimonial-page-sec .tes-box .bottom {
	display: flex;
	align-items: center;
}

.video-play-button:before {
	width: 50px;
	height: 50px;
	background: rgba(255,255,255,.3764705882);
}

.video-play-button:after {
	z-index: 1;
	width: 45px;
	height: 45px;
	background: var(--vtc-bg-main-bg-2);
	border-radius: 50%;
	transition: .2s;
}

.theme-btn1::after,.theme-btn2::after,.theme-btn3::after,.theme-btn4::after {
	position: absolute;
	left: auto;
	content: "";
	top: 0;
	width: 0%;
	height: 100%;
}

.video-play-button:hover:after {
	background-color: #da0528;
}

.video-play-button img {
	position: relative;
	z-index: 3;
	width: auto;
	height: auto;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	margin-top: 14px;
	margin-left: 7px;
	width: 0;
	height: 0;
	border-radius: 4px;
	border-left: 13px solid #000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.hero-button1 {
	cursor: pointer;
}

.video-play-area .video-play-button:before {
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,.4117647059);
}

.video-play-area .video-play-button:after {
	z-index: 1;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
	transition: .2s;
}

.video-play2 .video-play-button:after,.video-play2 .video-play-button:before {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: var(--vtc-bg-main-1);
	border-radius: 50%;
	content: "";
	position: absolute;
}

.video-play-area .video-play-button img,.video-play2 .video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
	margin-top: 5px;
}

.video-play-area .video-play-button span,.video-play2 .video-play-button span {
	z-index: 3;
	margin-top: 14px;
	margin-left: 7px;
	width: 0;
	height: 0;
	border-radius: 4px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	display: block;
	position: relative;
}

.video-play-area .video-play-button span {
	border-left: 15px solid #8d65ff;
}

.video-play-area p {
	color: var(--White-Colors,#fff);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	margin-top: 30px;
}

.video-play2 .video-play-button:before {
	z-index: 0;
	display: block;
	width: 80px;
	height: 80px;
	animation: 1.5s ease-out infinite pulse-border;
}

.video-play2 .video-play-button:after {
	z-index: 1;
	display: block;
	width: 70px;
	height: 70px;
	transition: .2s;
}

.video-play2 .video-play-button span {
	border-left: 15px solid #fff;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

.theme-pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing3 .pricing-box .button .theme-btn1 span,.theme-btn2 span,.theme-btn3 span,.theme-btn4 span {
	height: 32px;
	width: 32px;
	line-height: 32px;
	margin-left: 5px;
	transform: rotate(-45deg);
	font-size: 16px;
	text-align: center;
}

.theme-pagination li {
	display: inline-block;
	color: var(--ztc-bg-color-w);
}

.theme-pagination li a {
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	background-color: #f5f5fd;
	margin: 0 4px;
	transition: .3s;
	display: block;
	color: var(--ztc-text-text-1);
	border-radius: 7px;
	font-weight: 700;
	position: relative;
}

.theme-pagination li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	border-radius: 8px;
	z-index: -1;
}

.recent-post-content {
	padding-right: 20px;
}

.pricing3 .pricing-box .button .theme-btn1,.theme-btn1,.theme-btn2,.theme-btn3,.theme-btn4 {
	padding: 12px 12px 12px 18px;
	font-weight: 600;
	line-height: 18px;
	position: relative;
	z-index: 2;
	display: inline-block;
	font-style: normal;
	overflow: hidden;
}

.theme-pagination li a.active,.theme-pagination li a:hover {
	background: var(--vtc-bg-main-1);
	transition: .3s;
	color: #fff;
	border-radius: 8px;
}

.theme-btn1 {
	border-radius: 80px;
	background: linear-gradient(90deg,#ffb336 0,#fa7d3c 100%);
	color: #fff;
	font-size: 18px;
	transition: .4s;
	border: none;
}

.pricing3 .pricing-box .button .theme-btn1,.theme-btn2,.theme-btn3 {
	color: #fff;
	font-size: 14px;
}

.theme-btn1::after {
	right: 0;
	border-radius: 80px;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#ff5c37 0,#ffaa35 100%));
	z-index: -1;
	transition: .4s;
}

.pricing-page .pricing-box .button .theme-btn1 span,.pricing1 .pricing-box .button .theme-btn1 span,.theme-btn1 span {
	display: inline-block;
	height: 32px;
	width: 32px;
	background-color: #fff;
	border-radius: 50%;
	font-size: 16px;
	color: #fa7d3c;
	text-align: center;
	line-height: 32px;
	margin-left: 5px;
	transform: rotate(-45deg);
	transition: .4s;
}

.about1 .about3-boxs .about3-box:hover .heading p,.about5 .about3-boxs .about3-box:hover .heading p,.case1 .case1-buttons button:hover,.details-sidebox .tags ul li a.active,.details-sidebox .tags ul li a:hover,.sidebar-area2 .theme-btn2:hover,.theme-btn1:hover,.theme-btn2:hover,.theme-btn3:hover,.theme-btn4:hover {
	color: #fff;
	transition: .4s;
}

.pricing-page .pricing-box .button .theme-btn1:hover::after,.pricing-page .pricing-box.active .button .theme-btn1::after,.pricing-page .pricing-box:hover .button .theme-btn1::after,.pricing1 .pricing-box .button .theme-btn1:hover::after,.pricing1 .pricing-box.active .button .theme-btn1::after,.pricing1 .pricing-box:hover .button .theme-btn1::after,.pricing3 .pricing-box .button .theme-btn1:hover::after,.pricing3 .pricing-box.active .button .theme-btn1::after,.pricing3 .pricing-box:hover .button .theme-btn1::after,.pricing5 .pricing-box .button .theme-btn3:hover::after,.pricing5 .pricing-box.active .button .theme-btn3::after,.pricing5 .pricing-box:hover .button .theme-btn3::after,.sidebar-area2 .theme-btn2:hover::after,.theme-btn1:hover::after,.theme-btn2:hover::after,.theme-btn3:hover::after,.theme-btn4:hover::after {
	width: 100%;
	transition: .4s;
	left: 0;
	right: auto;
}

.theme-btn1:hover span {
	color: #49a6ff;
	transition: .4s;
}

.pricing3 .pricing-box .button .theme-btn1,.theme-btn2 {
	border-radius: 80px;
	background: #ff6e35;
	transition: .4s;
	border: none;
}

.theme-btn2::after,.theme-btn3,.theme-btn3::after,.theme-btn4 {
	border-radius: 80px;
	transition: .4s;
}

.theme-btn2::after {
	right: 0;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
	z-index: -1;
}

.pricing3 .pricing-box .button .theme-btn1 span,.theme-btn2 span {
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	color: #ff6e35;
	transition: .4s;
}

.blog3 .blog-box .heading3 h3 a:hover,.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text,.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a:hover,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .bottom-text,.theme-btn2:hover span {
	color: #fa7d3c;
	transition: .4s;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li ul li a:hover,.theme-btn3 span,.theme-btn3:hover span,.theme-btn4:hover span {
	color: #9553fd;
	transition: .4s;
}

.theme-btn3 {
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#061749 2.31%,#4e3d6a 100%));
	border: none;
}

.faq-contact.contact-page .faq-contact-form .single-input input,.faq-contact.contact-page .faq-contact-form .single-input textarea,.theme-btn4,.theme-btn4:hover span {
	background: #fff;
}

.theme-btn3::after {
	right: 0;
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5e408c 2.31%,#02123d 100%));
	z-index: -1;
}

.theme-btn3 span {
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
}

.theme-btn4 {
	color: #0b0927;
	font-size: 18px;
	border: none;
}

.theme-btn4::after {
	right: 0;
	border-radius: 80px;
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#44526d 2.31%,#031342 100%));
	z-index: -1;
	transition: .4s;
}

.theme-btn4 span {
	display: inline-block;
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#44526d 2.31%,#040d37 100%));
	border-radius: 50%;
	color: #fff;
	transition: .4s;
}

.about1 .images-all,.about1.about-page-sec2 .images-all,.about5 .images-all {
	position: relative;
	height: 520px;
	margin: 10px 0 60px;
}

.about1 .images-all .shape-bg1,.about5 .images-all .shape-bg1 {
	position: absolute;
	left: -150px;
	top: -80px;
	z-index: -1;
}

.about1 .images-all .image1 {
	position: absolute;
	left: 0;
	top: 50px;
}

.about1 .images-all .shape-bg2,.about5 .images-all .shape-bg2 {
	margin-left: -140px;
	position: relative;
	top: -90px;
}

.about1 .images-all .image2 {
	position: absolute;
	bottom: 40px;
	left: -150px;
	width: 350px;
}

.tab-images-all .image2 img {
	width: 75%;
	display: block;
	margin: 0 0 0 auto;
}

.about1 .images-all .image3,.about5 .images-all .image3 {
	position: absolute;
	bottom: -50px;
	right: 0;
	width: 430px;
}

.about1 .images-all .stop-color1,.about1.about-page-sec2 .images-all .stop-color1,.about5 .images-all .stop-color1,.service-details-sec1 .tab-images-all .image1 .stop-color1,.service2 .tab-images-all .image1 .stop-color1,.work1 .work-images .image1 .stop-color1,.work2 .work-images .image1 .stop-color1 {
	stop-color: #3B32F6;
}

.about1 .images-all .stop-color2,.about1.about-page-sec2 .images-all .stop-color2,.about5 .images-all .stop-color2,.service-details-sec1 .tab-images-all .image1 .stop-color2,.service2 .tab-images-all .image1 .stop-color2,.work1 .work-images .image1 .stop-color2,.work2 .work-images .image1 .stop-color2 {
	stop-color: #49A6FF;
}

.about1 .heading1 .about-list li,.about1 .heading3 .about-list li,.about5 .heading1 .about-list li,.about5 .heading5 .about-list li {
	display: inline-block;
	border-radius: 90px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 16px 16px 14px;
	margin-right: 16px;
	margin-top: 20px;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.about1 .heading1 .about-list li span,.about1 .heading3 .about-list li span,.about5 .heading1 .about-list li span,.about5 .heading5 .about-list li span {
	display: inline-block;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #0b0314;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	transform: translateY(-2px);
	margin-right: 2px;
}

.about1 .porgress-line-all,.about5 .porgress-line-all {
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 24px;
	margin-top: 24px;
}

.about1 .porgress-line-all .progress-line,.about5 .porgress-line-all .progress-line,.hero1 .form-area {
	position: relative;
	margin-top: 28px;
}

.about1 .porgress-line-all .progress-line h6,.about5 .porgress-line-all .progress-line h6 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 20px;
}

.about1 .porgress-line-all .progress-line .percentCount,.about5 .porgress-line-all .progress-line .percentCount {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: 0;
}

.about1 .about3-boxs .about3-box .icon,.about5 .about3-boxs .about3-box .icon {
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	transition: .4s;
}

.about1 .porgress-line-all .progress-line:first-child,.about5 .porgress-line-all .progress-line:first-child {
	margin-top: 0;
}

.about1 .about3-boxs .about3-box {
	text-align: center;
	margin-bottom: 30px!important;
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 32px;
	transition: .4s;
}

.about1 .about3-boxs .about3-box .icon {
	background-color: #0c1a4b;
	width: 80px;
	margin: auto;
}

.about1 .about3-boxs .about3-box .heading,.about5 .about3-boxs .about3-box .heading {
	padding: 16px;
}

.about1 .about3-boxs .about3-box .heading h3,.about5 .about3-boxs .about3-box .heading h3,.pricing-page .pricing-box .head-text h3,.pricing1 .pricing-box .head-text h3,.pricing3 .pricing-box .head-text h3,.pricing5 .pricing-box .head-text h3 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
	transition: .4s;
}

.about1 .about3-boxs .about3-box .heading p,.about5 .about3-boxs .about3-box .heading p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding-top: 8px;
	transition: .4s;
}

.about1 .about3-boxs .about3-box:hover {
	transition: .4s;
	transform: translateY(-10px);
	background-color: #091147;
}

.about1 .about3-boxs .about3-box:hover .icon {
	background-color: #ffb438;
	transition: .4s;
}

.about1 .about3-boxs .about3-box:hover .heading h3,.about5 .about3-boxs .about3-box:hover .heading h3,.details-posts .details-social-area .social-area ul li.icon a:hover,.details-sidebox .categorys ul li a:hover,.details-sidebox .recent-post ul li a:hover,.footer1 .footer-social li a:hover,.footer3 .footer-social li a:hover,.footer5 .footer-social li a:hover,.offer-sec .single-offer-box:hover p,.service1 .service-box.active .heading1 h3 a,.service1 .service-box:hover .heading1 h3 a,.service1-page .service-box.active .heading1 h3 a,.service1-page .service-box:hover .heading1 h3 a,.team1 .team-box .heading-area .icon-area .icon-list li a:hover,.work1 .work-box.active .heading1 h3 a,.work1 .work-box:hover .heading1 h3 a,.work2 .work-box.active .heading1 h3 a,.work2 .work-box:hover .heading1 h3 a,.work3 .work-box.active .heading1 h3 a,.work3 .work-box:hover .heading1 h3 a {
	transition: .4s;
	color: #fff;
}

.about1 .about3-boxs .about3-box.right-side,.about5 .about3-boxs .about3-box.right-side {
	margin-top: 30px;
	margin-bottom: 0!important;
}

.about1.about-page-sec2 .images-all .shape-bg1 {
	position: absolute;
	left: 0;
	right: 0;
	top: -80px;
	z-index: -1;
}

.about1.about-page-sec2 .images-all .image1 {
	position: absolute;
	left: auto;
	right: 0;
	top: 50px;
}

.about1.about-page-sec2 .images-all .shape-bg2 {
	margin-right: -140px;
	margin-left: 0;
	position: relative;
	top: -90px;
}

.about1.about-page-sec2 .images-all .image2 {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 350px;
}

.about1.about-page-sec2 .images-all .image3 {
	position: absolute;
	bottom: -50px;
	right: -70px;
	width: 430px;
}

.about5 .images-all .image1 {
	position: absolute;
	left: 0;
	top: 0;
}

.about5 .images-all .image2 {
	position: absolute;
	bottom: -40px;
	right: 0;
}

.about5 .about3-boxs .about3-box {
	text-align: center;
	margin-bottom: 30px;
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 32px;
	transition: .4s;
}

.about-team,.service1 .service-box::after,.service1::after {
	background-size: cover;
	background-repeat: no-repeat;
}

.about5 .about3-boxs .about3-box .icon {
	background-color: #ff6e35;
	width: 80px;
	margin: auto;
}

.about5 .about3-boxs .about3-box:hover {
	transition: .4s;
	transform: translateY(-10px);
	background-color: #ff6e35;
}

.about5 .about3-boxs .about3-box:hover .icon {
	background-color: #5f46ae;
	transition: .4s;
}

.compareplan-section-area,.skills-section-area {
	position: relative;
	z-index: 1;
}

.about-team-brands .brands-bg .team-logo-slider,.service-details-sec1 .what-we-do5-images .image,.skills-section-area .circle-progress-area,.what-we-do5 .what-we-do5-images .image {
	margin-top: 40px;
}

.skills-section-area .cta-bg1 {
	position: absolute;
	top: 0;
	right: 0;
}

.skills-section-area .cta-bg2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.analysis-area .analysis-inner-section,.skills-section-area .skills-header {
	margin-bottom: 60px;
}

.skills-section-area .skills-header h2,.skills-section-area .skills-header h5 {
	color: var(--ztc-bg-bg-15);
}

.service-details-sec1 .tab-boxs-all .single-box .circle div,.service-details-sec1 .tab-boxs-all .single-box .circle span,.skills-section-area .circle div,.skills-section-area .circle span,.skills-section-area .progresbar p {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	font-style: normal;
}

.skills-section-area .skills-header h5::after {
	background: var(--ztc-bg-bg-15);
}

.skills-section-area .progresbar p {
	transition: .4s;
	text-align: center;
	margin-top: 30px;
}

.service-details-sec1 .tab-boxs-all .single-box .progressbar,.skills-section-area .progressbar {
	width: 180px;
	height: 180px;
	text-align: center;
	margin: 0 auto;
}

.service-details-sec1 .tab-boxs-all .single-box .circle,.skills-section-area .circle {
	width: 100%;
	height: 100%;
	margin: 10px auto 0;
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 1;
}

.service1::after,.service2::after,.service5::after {
	content: "";
	left: 0;
	z-index: -6;
}

.service-details-sec1 .tab-boxs-all .single-box .circle canvas,.skills-section-area .circle canvas {
	vertical-align: middle;
	border-radius: 50%;
}

.service-details-sec1 .tab-boxs-all .single-box .circle div,.skills-section-area .circle div {
	position: absolute;
	top: 33%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.service-details-sec1 .tab-boxs-all .single-box .circle strong i,.skills-section-area .circle strong i {
	font-style: normal;
	font-size: .6em;
	font-weight: 400;
}

.main-menu-ex li li,.service-details-sec1 .tab-boxs-all .single-box .circle span,.skills-section-area .circle span {
	display: block;
}

.service-details-sec1 .tab-boxs-all .single-box .circle:before,.skills-section-area .circle:before {
	position: absolute;
	top: 65%;
	right: 17%;
	font-size: 15px;
	font-weight: 700;
	color: #3b32f6;
}

.about-team {
	background-position: center center;
	padding-top: 100px;
}

.about-team .main-img,.service-details-others .form-area,.service-details-sec1 .service2-all-tabs,.service2 .service2-all-tabs {
	margin-top: 30px;
}

.about-team-brands {
	margin-top: -140px;
}

.about-team-brands .brands-bg {
	background-color: #f5f5fd;
	padding: 56px 60px;
	border-radius: 8px;
}

.about-team-brands .brands-bg .heading p {
	color: var(--Text-Color,#120d22);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.owl-item .single-logo img {
	width: 85%;
	display: block;
	margin: 0 auto;
}

.about-team-brands.service-details {
	margin-top: 60px;
}

ul.list-f li {
	margin-top: 3%;
	font-size: 18px!important;
}

ul.list-f li span {
	font-size: 10px;
	position: relative;
	top: -3px;
}

.case1 .case1-buttons,.details-posts .details-social-area .social-area,.footer1 .footer-social,.footer5 .footer-social,.service1 .right-btn,.service1-page .right-btn {
	text-align: end;
}

.service3-box .image img {
	width: 100%;
	margin-bottom: 18%;
	height: 200px;
	object-fit: contain;
}

.compareplan-section-area .comparison table thead .theme-btn1,.single-pricing-area .pricing-box h3 {
	margin-bottom: 20px;
}

.service1::after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg/service1-bg.webp);
	background-position: center;
}

.service1 .service-box {
	position: relative;
	padding: 32px 24px 66px;
	margin-top: 40px;
	transition: .4s;
	text-align: center;
}

.service1 .service-box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50px 8px;
	background-image: url(../img/bg/service1-box-bg1.webp);
	background-position: center center;
	z-index: -2;
	transition: .4s;
}

.service1 .service-box::before,.service1-page .service-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 110%;
	border-radius: 264px;
	background-image: url(../img/bg/service1-box-bg2.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	transition: .4s;
	transform: scale(.4);
	opacity: 0;
}

.service1 .service-box .heading1 h3 a,.service1-page .service-box .heading1 h3 a {
	padding: 24px 0 16px;
}

.service1 .service-box .icon,.service1-page .service-box .icon {
	height: 70px;
	width: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	z-index: 4;
	margin: auto;
}

.service1 .service-box .icon img {
	position: relative;
	z-index: 4;
	transition: .4s;
	filter: brightness(0) invert(1);
}

.service1 .service-box .icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	z-index: 1;
}

.service1 .service-box .icon::before,.service1-page .service-box .icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	transform: scale(.4);
	opacity: 0;
	transition: .4s;
}

.service1 .service-box .learn,.service1-page .service-box .learn {
	display: inline-block;
	height: 44px;
	width: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 50%;
	transform: rotate(-45deg);
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: -22px;
	margin-left: -22px;
	transition: .4s;
	z-index: 2;
}

.service1 .service-box .learn i,.service1-page .service-box .learn i {
	position: relative;
	z-index: 22;
}

.service1 .service-box .learn::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	z-index: 1;
}

.contact1::after,.error-area,.hero1,.hero4,.service1 .service-box.active::after,.service1 .service-box.active::before,.service1 .service-box:hover::after,.service1 .service-box:hover::before,.service2::after,.service5 .service5-items.service5-items2::after,.service5 .service5-items.service5-items3::after,.service5 .service5-items.service5-items4::after,.service5 .service5-items::after,.tes3,.tes4,.tes5 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.service1 .service-box .learn::before,.service1-page .service-box .learn::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border-radius: 50%;
	z-index: 2;
	transform: scale(.4);
	opacity: 0;
	transition: .4s;
}

.blog3 .blog-box:hover,.contact1.contact4 .contact1-box:hover,.faq-contact .faq-contact-boxs .single-box:hover,.pricing2 .pricing2-box:hover,.service1 .service-box:hover,.service1-page .service-box:hover,.testimonial-page-sec .tes-box:hover {
	transform: translateY(-10px);
	transition: .4s;
}

.service1 .service-box.active .heading1 p,.service1 .service-box:hover .heading1 p,.service1-page .service-box.active .heading1 p,.service1-page .service-box:hover .heading1 p {
	transition: .4s;
	color: rgba(255,255,255,.8274509804);
}

.service1 .service-box.active::after,.service1 .service-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px 50px;
	background-image: url(../img/bg/service1-box-bg1.webp);
	z-index: -2;
	transition: .4s;
}

.service1 .service-box.active::before,.service1 .service-box:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px 50px!important;
	background-image: url(../img/bg/service1-box-bg2.webp);
	z-index: -1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.service1 .service-box.active .icon img,.service1 .service-box:hover .icon img,.service1-page .service-box.active .icon img,.service1-page .service-box:hover .icon img {
	transition: .4s;
	filter: none;
}

.service1 .service-box.active .icon::before,.service1 .service-box:hover .icon::before,.service1-page .service-box.active .icon::before,.service1-page .service-box:hover .icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	transform: scale(1);
	opacity: 1;
	transition: .4s;
}

.details-posts .details-post-single .details-list li span.check,.details-posts .details-social-area .tags-area ul li.tag a,.details-posts .details-tagsdates li.tag a,.details-sidebox .phone-btn a,.details-sidebox .tags ul li a::after,.service2 .heading2 span.span,.service3.service-page .service3-box .heading3 .learn,.team1 .team-box .heading-area .icon-area .icon,.team1 .team-box .heading-area .icon-area .icon-list li a::after,.team1 .team-box .heading-area .icon-area .icon-list li a:hover::after {
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
}

.service1 .service-box.active .learn,.service1 .service-box:hover .learn {
	color: #3b32f6;
}

.service1 .service-box.active .learn::before,.service1 .service-box:hover .learn::before,.service1-page .service-box.active .learn::before,.service1-page .service-box:hover .learn::before,.work1 .work-box.active .icon-area .icon::after,.work1 .work-box:hover .icon-area .icon::after,.work2 .work-box.active .icon-area .icon::after,.work2 .work-box:hover .icon-area .icon::after,.work3 .work-box.active .icon-area .icon::after,.work3 .work-box:hover .icon-area .icon::after {
	opacity: 1;
	transform: scale(1);
	transition: .4s;
}

.details-sidebox .tags ul li a::before,.offer-sec .single-offer-box:hover,.pricing-page .pricing-box.active,.pricing-page .pricing-box:hover,.pricing1 .pricing-box.active,.pricing1 .pricing-box:hover,.pricing3 .pricing-box.active,.pricing3 .pricing-box:hover,.pricing5 .pricing-box.active,.pricing5 .pricing-box:hover,.service1 .service-box.active,.service1-page .service-box.active,.team1 .team-box:hover,.work1 .work-box.active,.work2 .work-box.active,.work3 .work-box.active {
	transition: .4s;
}

.service2::after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg/service2-bg.webp);
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button {
	width: 232px;
	padding: 0;
	margin: 0 18px;
}

.faq-contact.contact-page,.service2 .service2-all-tabs .tabs-buttons .nav-item button.active {
	background: 0 0;
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button.active .text-box {
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	border-radius: 8px;
	padding: 55px 0 24px;
	position: relative;
	width: 100%;
	margin-top: -32px;
	z-index: 1;
	display: inline-block;
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button.active .text-box span {
	color: var(--SEO-Marketing-Text-Color,#fff);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	display: inline-block;
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button .icon {
	position: relative;
	z-index: 99;
	height: 70px;
	width: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	margin: auto;
	display: inline-block;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button .text-box {
	background-color: #fff;
	border-radius: 8px;
	padding: 55px 0 24px;
	position: relative;
	width: 100%;
	margin-top: -32px;
	z-index: 1;
	display: inline-block;
}

.service2 .service2-all-tabs .tabs-buttons .nav-item button .text-box span {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	display: inline-block;
}

.service2 .heading2 {
	text-align: start;
	padding-top: 60px;
	padding-left: 18px;
}

.service2 .heading2 span.span {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service2 .heading2 h3 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	margin-top: 16px;
}

.service-details-sec1 .heading2 p,.service2 .heading2 p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
}

.details-sidebox .phone-btn,.pricing-page .pricing-box .head-text,.pricing-page .pricing-box.active .head-text,.pricing-page .pricing-box:hover .head-text,.pricing1 .pricing-box .head-text,.pricing1 .pricing-box.active .head-text,.pricing1 .pricing-box:hover .head-text,.pricing3 .pricing-box .head-text,.pricing3 .pricing-box.active .head-text,.pricing3 .pricing-box:hover .head-text,.pricing5 .pricing-box .head-text,.pricing5 .pricing-box.active .head-text,.pricing5 .pricing-box:hover .head-text,.service2 .heading2 ul.list {
	margin-top: 10px;
}

.pricing2 .pricing2-box .pricing-list li,.service2 .heading2 ul.list li {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	padding-top: 18px;
}

.pricing2 .pricing2-box .pricing-list li span,.service2 .heading2 ul.list li span.check {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	font-size: 12px;
	color: #fff;
	margin-right: 8px;
	background: #ed3240;
}

.service2 .tab-images-all {
	position: relative;
	height: 450px;
	margin-top: 10px;
}

.service2 .tab-images-all .image1 {
	top: -50px;
	position: relative;
}

.service-details-sec1 .tab-images-all .image2,.service2 .tab-images-all .image2 {
	position: absolute;
	top: 50px;
	right: 100px;
}

.service2 .tab-images-all .image3 {
	position: absolute;
	bottom: 0;
	left: 80px;
}

.service-details-sec1 .tab-images-all .image4,.service2 .tab-images-all .image4 {
	position: absolute;
	bottom: 60px;
	right: -40px;
}

.service-details-sec1 .tab-images-all .image5,.service2 .tab-images-all .image5 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.service3 {
	background: center center/cover no-repeat #f1f1f1;
	position: relative;
}

.service5::after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f5f5fd;
}

.service5 .service5-items {
	position: sticky;
	margin-top: 60px;
	top: 100px;
}

.service5 .service5-items:nth-child(2) {
	top: 150px;
}

.service5 .service5-items:nth-child(3) {
	top: 200px;
}

.service5 .service5-items:nth-child(4) {
	top: 250px;
}

.service5 .service5-items .images {
	height: 430px;
	position: relative;
}

.service5 .service5-items .images .image1 {
	margin: -90px 30px 30px;
}

.service5 .service5-items .images .image1 .stop-color1 {
	stop-color: rgba(255,255,255,0.0901960784);
}

.service5 .service5-items .images .image1 .stop-color2 {
	stop-color: rgba(255,255,255,0.0745098039);
}

.service5 .service5-items .images .image2 {
	position: absolute;
	top: 80px;
	left: 150px;
}

.service5 .service5-items.service5-items2::after,.service5 .service5-items.service5-items3::after,.service5 .service5-items.service5-items4::after,.service5 .service5-items::after,.what-we-do5 .single-boxs::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px;
}

.service5 .service5-items .images .image3 {
	position: absolute;
	bottom: 0;
	right: 50px;
}

.service5 .service5-items .service5-heading {
	padding: 100px 100px 100px 0;
}

.service5 .service5-items .service5-heading h3 {
	color: var(--Social-Media-Marketing-White-Color,#fff);
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
}

.service5 .service5-items .service5-heading p {
	color: rgba(255,255,255,.9);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
}

.what-we-do5 .single-boxs h3,.what-we-do5 .single-boxs:hover h3 {
	font-size: 44px;
	font-weight: 600;
	line-height: 54px;
	font-style: normal;
	position: relative;
	z-index: 4;
}

.service5 .service5-items .service5-heading .service6-list ul li,.what-we-do5 .single-boxs p,.what-we-do5 .single-boxs:hover p {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	font-style: normal;
}

.details-sidebox .blog-writers,.service5 .service5-items .service5-heading .service6-list {
	margin-top: 8px;
}

.service5 .service5-items .service5-heading .service6-list ul li {
	color: var(--Social-Media-Marketing-White-Color,#fff);
	padding-top: 18px;
	display: flex;
	align-items: center;
}

.service5 .service5-items .service5-heading .service6-list ul li span.icon {
	display: inline-block;
	background: rgba(255,255,255,.2);
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	border-radius: 50%;
	margin-right: 7px;
}

.service5 .service5-items::after {
	background-image: url(../img/bg/service5-single-bg1.webp);
	z-index: -3;
}

.service5 .service5-items.service5-items2::after {
	background-image: url(../img/bg/service5-single-bg2.webp);
	z-index: -3;
}

.service5 .service5-items.service5-items3::after {
	background-image: url(../img/bg/service5-single-bg3.webp);
	z-index: -3;
}

.service5 .service5-items.service5-items4::after {
	background-image: url(../img/bg/service5-single-bg4.webp);
	z-index: -3;
}

.what-we-do5 .single-boxs {
	padding: 32px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.what-we-do5 .single-boxs::after {
	background: #f5f5fd;
	z-index: 1;
}

.what-we-do5 .single-boxs::before,.what-we-do5 .single-boxs:hover::before {
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%));
	z-index: 2;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	content: "";
	transition: .4s;
}

.what-we-do5 .single-boxs::before {
	border-radius: 111px;
	transform: scale(.4);
	opacity: 0;
}

.what-we-do5 .single-boxs h3 {
	color: var(--Social-Media-Marketing-Text-Color,#0b0927);
	transition: .4s;
}

.what-we-do5 .single-boxs p {
	color: #5d6369;
	position: relative;
	z-index: 4;
	padding-top: 10px;
	transition: .4s;
}

.what-we-do5 .single-boxs:hover h3 {
	color: var(--Social-Media-Marketing-Text-Color,#fff);
	transition: .4s;
}

.what-we-do5 .single-boxs:hover p {
	color: rgba(255,255,255,.6705882353);
	position: relative;
	z-index: 4;
	padding-top: 10px;
	transition: .4s;
}

.what-we-do5 .single-boxs:hover::before {
	border-radius: 8px;
	transform: scale(1);
	opacity: 1;
}

.contact-map-page iframe,.what-we-do5 .what-we-do5-images .image img {
	width: 100%;
	border-radius: 8px;
}

.service1-page .service-box {
	position: relative;
	padding: 32px 24px 66px;
	margin-top: 40px;
	transition: .4s;
	text-align: center;
	height: 350px;
}

.service1-page .service-box.active::after,.service1-page .service-box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 26px;
	background-image: url(../img/bg/service1-page-bg1.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
	transition: .4s;
}

.service1-page .service-box .icon img {
	position: relative;
	z-index: 4;
	transition: .4s;
	filter: brightness(0) invert(1);
	width: 70%;
}

.service1-page .service-box .icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#ff5939 0,#ffc239 100%));
	z-index: 1;
}

.service1-page .service-box .learn::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#ff5938 0,#ffaa36 100%));
	z-index: 1;
}

.cta2,.service-details-others,.service1-page .service-box:hover::after {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.service1-page .service-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	background-image: url(../img/bg/service1-page-bg1.webp);
	z-index: -2;
	transition: .4s;
}

.service1-page .service-box.active::before,.service1-page .service-box:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px!important;
	background-image: url(../img/bg/service1-box-bg2.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.service1-page .service-box:hover .learn {
	color: #ff5939;
}

.service1-page .service-box.active .learn {
	color: #ff593a;
}

.service3 .service3-box .heading3 .learn,.service3.service-page .service3-box .heading3 .learn {
	display: inline-block;
	line-height: 48px;
	color: #fff;
	font-size: 20px;
	margin-left: -24px;
	left: 50%;
	bottom: -24px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	height: 48px;
	width: 48px;
	transform: rotate(-45deg);
}

.service3 .service3-box {
	margin-top: 50px;
	border-radius: 8px;
	background: #fff;
	padding: 12px 36px 52px;
	text-align: center;
	position: relative;
	transition: .4s;
}

.service3 .service3-box .heading3,.service3.service-page .service3-box .heading3 {
	margin-top: -50px;
}

.service3 .service3-box .heading3 .learn {
	background-color: #ff6e35;
	transition: .4s;
}

.blog1 .blog-box:hover,.blog1.blog2 .blog-box:hover,.case3 .blog-box:hover,.service3 .service3-box:hover,.work1 .work-box:hover,.work2 .work-box:hover,.work3 .work-box:hover {
	transition: .4s;
	transform: translateY(-10px);
}

.header-area.header-area1 .header-elements .main-menu-ex ul li a:hover,.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1,.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main,.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1,.service3 .service3-box:hover h4 {
	color: #fa7d3c;
}

.faq-contact .faq-contact-boxs .single-box .heading h6,.faq-contact .faq-contact-form h4,.hero1 .main-images .shapes .pera,.pricing2 .pricing2-box h3,.pricing2 .pricing2-box h3 span,.pricing2 .pricing2-box h6,.service-details-sec1 .heading2 h3,.service-details-sec1 .heading2 ul.list li,.service-details-sec1 .tab-boxs-all .single-box p {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-style: normal;
}

.service3 .service3-box:hover .learn {
	background-color: #fa7d3c;
	transition: .4s;
}

.service3.service-page .service3-box {
	margin-top: 50px;
	border-radius: 8px;
	background: #f5f5fd;
	padding: 12px 36px 52px;
	text-align: center;
	position: relative;
	transition: .4s;
}

.service-details-sec1 .heading2 {
	text-align: start;
	padding-top: 140px;
	padding-left: 18px;
}

.service-details-sec1 .heading2 span.span {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb034 0,#fa7d3c 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service-details-sec1 .heading2 h3 {
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
	margin-top: 16px;
}

.service-details-sec1 .heading2 h2 {
	font-size: 44px;
	font-weight: 700;
}

.service-details-sec1 .heading2 ul.list {
	margin-top: 10px;
	position: relative;
}

.service-details-sec1 .heading2 ul.list li {
	font-size: 16px;
	font-weight: 4000;
	line-height: 20px;
	text-transform: capitalize;
	align-items: center;
	padding-top: 18px;
}

.service-details-sec1 .heading2 ul.list li span.check,ul.list.iconnm li span {
	display: flex;
	width: 20px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	font-size: 12px;
	color: #fff;
	background: #0b0314;
	height: 20px;
	justify-content: center;
	align-items: anchor-center;
	left: -26px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
}

.service-details-sec1 .tab-images-all {
	position: relative;
	margin-top: 10px;
	overflow: hidden;
}

.service-details-sec1 .tab-images-all .image1 {
	top: -50px;
	position: relative;
	margin-left: 100px;
}

.service-details-sec1 .tab-images-all .image3 {
	position: absolute;
	bottom: 0;
	left: 170px;
}

.service-details-sec1 .tab-boxs-all .single-box {
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 28px;
	margin-bottom: 30px;
}

.service-details-sec1 .tab-boxs-all .single-box p {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	margin-top: 32px;
}

.service-details-benifits .service-benifits-area {
	margin: 8% 0;
}

.service-details-benifits .service-benifits-area .image-area {
	position: relative;
	margin-top: 30px;
	height: 450px;
}

.service-details-benifits .service-benifits-area .image-area .image1 {
	position: relative;
	top: -90px;
}

.service-details-benifits .service-benifits-area .image-area .image1 .stop-color1,.service-details-benifits .service-benifits-area .image-area .image1 .stop-color2,.work3 .work-images .image1 .stop-color1,.work3 .work-images .image1 .stop-color2 {
	stop-color: #F5F5FD;
}

.service-details-benifits .service-benifits-area .image-area .image2 {
	margin-top: -90%;
	z-index: 111;
	position: relative;
}

.service-details-benifits .service-benifits-area .image-area .image3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.service-details-benifits .service-benifits-area .image-area .image3.image3-shape2 {
	left: auto;
	right: 0;
}

.service-details-others {
	padding: 100px 0;
}

.service-details-others .form-area .single-input input {
	padding: 16px 16px 16px 40px;
	border: none;
	width: 100%;
	border-radius: 111px;
}

.analysis-area .services-seo-heading-title label::after,.analysis-area .services-seo-heading-title label::before,.analysis-area .services-seo-link-check label::after,.analysis-area .services-seo-link-check label::before {
	width: 16px;
	height: 16px;
	transition: .2s ease-out;
	text-align: center;
	position: absolute;
	left: 0;
}

.contact1 .form-area-all .form-content .single-input input:focus,.cta2 .form-area input:focus,.details-contact-area .faq-contact-form .single-input input:focus,.details-contact-area .faq-contact-form .single-input textarea:focus,.details-sidebox .search-area input:focus,.faq-contact .faq-contact-form .single-input input:focus,.faq-contact .faq-contact-form .single-input textarea:focus,.footer1 .form-area input:focus,.footer3 .form-area input:focus,.footer5 .form-area input:focus,.hero1 .form-area input:focus,.hero2 .form-area input:focus,.hero3 .form-area input:focus,.hero4 .main-heading-area .form-area input:focus,.hero5 .form-area input:focus,.service-details-others .form-area .single-input input:focus {
	outline: 0;
}

.service-details-others .form-area .single-input .icon {
	position: absolute;
	left: 12px;
	top: 19px;
}

.analysis-area .services-seo {
	border-radius: 8px;
	position: relative;
	background: var(--ztc-text-text-1);
	box-shadow: 0 4px 40px 0 rgba(0,0,0,.08);
}

.analysis-area .services-seo-head {
	border-radius: 7px 7px 0 0;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	padding: 16px 65px 16px 24px;
}

.analysis-area .services-seo-item {
	padding: 24px 65px 24px 24px;
	border-bottom: 1px solid #e8eaec;
}

.analysis-area .services-seo-heading-title {
	margin: 0;
}

.analysis-area .services-seo-heading-title label {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	padding-left: 22px;
	position: relative;
	cursor: pointer;
}

.analysis-area .services-seo-heading-title label::after {
	content: "";
	top: -1px;
	line-height: 16px;
	border: 1px solid #c3c7c9;
	border-radius: 4px;
}

.analysis-area .services-seo-heading-title label::before {
	content: url("../img/icons/form-check.svg");
	top: -1px;
	line-height: 15px;
	visibility: hidden;
	opacity: 0;
	color: var(--tp-common-white);
	z-index: 1;
}

.Mobile-version,.analysis-area .services-seo-heading-title input,.analysis-area .services-seo-link-check input,.blog1.blog2.blog-page::after,.compareplan-section-area .comparison tbody tr:nth-child(odd),.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single.dis1::after,.hero3 .main-images .main-img,.mobile-screen-book,.mobile-service-area,.progress-wrap.active-progress,.tes1 .left .swiper-button-next::after,.tes1 .left .swiper-button-prev::after {
	display: none;
}

.analysis-area .services-seo-heading-title input:checked~label::after {
	background-color: var(--ztc-text-text-4);
	border-color: var(--ztc-text-text-4);
}

.analysis-area .services-seo-heading-title input:checked~label::before,.analysis-area .services-seo-link-check input:checked~label::before {
	visibility: visible;
	opacity: 1;
}

.analysis-area .services-seo-heading-item span {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	padding-left: 70px;
}

.analysis-area .services-seo-link-check label,.plan-toggle-wrap h4 span,.plan-toggle-wrap1 h4 span {
	color: var(--ztc-text-text-2);
	font-family: var(--ztc-family-font1);
}

.analysis-area .services-seo-heading-item span i {
	font-weight: 600;
	transform: translateY(2px);
	margin-right: 5px;
}

.analysis-area .services-seo-link-check label {
	font-weight: var(--ztc-weight-regular);
	font-size: var(--ztc-font-size-font-s16);
	line-height: 1;
	position: relative;
	cursor: pointer;
	padding-left: 22px;
}

.analysis-area .services-seo-link-check span,.analysis-area .services-seo-link-check span a {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
}

.analysis-area .services-seo-link-check label::after {
	content: "";
	top: 1px;
	line-height: 16px;
	border: 1px solid #c3c7c9;
	border-radius: 4px;
}

.analysis-area .services-seo-link-check label::before {
	content: url("../img/icons/form-check.svg");
	top: 1px;
	line-height: 15px;
	visibility: hidden;
	opacity: 0;
	color: var(--tp-common-white);
	z-index: 1;
}

.analysis-area .services-seo-link-check input:checked~label::after {
	background-color: #3b32f6;
	border-color: #3b32f6;
}

.analysis-area .services-seo-link-check span {
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	padding-left: 22px;
	display: block;
}

.analysis-area .services-seo-catagory-item {
	padding-left: 70px;
}

.analysis-area .services-seo-catagory-item a {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 16px;
	display: inline-block;
}

.analysis-area .services-seo-catagory-item .incridable-rank i {
	margin-left: 4px;
	margin-top: -15px;
	font-size: 8px;
}

.offer-sec .single-offer-box {
	margin-top: 24px;
	padding: 24px;
	text-align: center;
	position: relative;
}

.offer-sec .single-offer-box p {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	transition: .4s;
}

.offer-sec .single-offer-box::after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: 0;
	background-color: #f5f5fd;
	border-radius: 4px;
	z-index: -2;
}

.offer-sec .single-offer-box::before {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: 0;
	border-radius: 100px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	z-index: -1;
	transition: .4s;
	transform: scale(.4);
	opacity: 0;
}

.offer-sec .single-offer-box:hover::before {
	transform: scale(1);
	transition: .4s;
	border-radius: 4px;
	opacity: 1;
}

.cta2 {
	padding: 80px 0;
	margin-top: 4%;
}

.cta2 h2 {
	color: #fff;
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 64px;
	text-transform: capitalize;
}

.cta2 .form-area {
	margin: 36px 60px 0;
	position: relative;
}

.cta2 .form-area input {
	width: 100%;
	padding: 19px;
	border: none;
	border-radius: 68px;
}

.cta2 .form-area .form-btn,.hero1 .form-area .form-btn,.hero2 .form-area .form-btn,.hero3 .form-area .form-btn,.hero4 .main-heading-area .form-area .form-btn,.hero5 .form-area .form-btn {
	position: absolute;
	top: 4px;
	right: 4px;
}

.cta2 .image1 {
	position: absolute;
	left: -70px;
	top: 0;
	transform: scale(1.2);
}

.cta2 .image2 {
	position: absolute;
	right: -70px;
	top: 0;
	transform: scale(1.2);
}

.faq3 {
	position: relative;
	margin-bottom: 2%;
}

.details-accodion .accordion .accordion-item,.faq3 .accordion .accordion-item,.faq4 .accordion .accordion-item {
	border: none;
	border-radius: 14px;
	background: #f5f5fd;
	margin-top: 30px;
	transition: .4s;
}

.faq3 .accordion .accordion-item button,.faq4 .accordion .accordion-item button,.service-faq .accordion .accordion-item button {
	border: none;
	background: 0 0;
	padding: 32px;
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
	position: relative;
}

.details-accodion .accordion .accordion-item button:focus,.faq3 .accordion .accordion-item button:focus,.faq4 .accordion .accordion-item button:focus,.service-faq .accordion .accordion-item button:focus {
	outline: 0;
	box-shadow: none;
}

.faq3 .accordion .accordion-item button::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 20px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	z-index: 1;
	background: #ffae48;
}

.details-accodion .accordion .accordion-item button::after,.faq3 .accordion .accordion-item button::after,.faq4 .accordion .accordion-item button::after,.service-faq .accordion .accordion-item button::after {
	filter: brightness(0) invert(1);
	z-index: 3;
}

.faq3 .accordion .accordion-item .accordion-body,.faq4 .accordion .accordion-item .accordion-body,.service-faq .accordion .accordion-item .accordion-body {
	color: rgba(255,255,255,.9098039216);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	padding-left: 42px;
	margin-top: -20px;
	padding-bottom: 44px;
	padding-right: 80px;
	text-align: start;
}

.faq3 .accordion .accordion-item.active {
	transition: .4s;
	border-radius: 14px;
	background: #ffab35;
}

.faq3 .accordion .accordion-item.active button::before,.faq4 .accordion .accordion-item.active button::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 20px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	z-index: 1;
	background: #fff;
}

.details-accodion .accordion .accordion-item.active button::after,.faq3 .accordion .accordion-item.active button::after,.faq4 .accordion .accordion-item.active button::after,.service-faq .accordion .accordion-item.active button::after {
	filter: brightness(0);
}

.details-accodion .accordion-button:not(.collapsed),.faq3 .accordion-button:not(.collapsed),.faq4 .accordion-button:not(.collapsed),.service-faq .accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: var(--bs-accordion-active-bg);
	box-shadow: none;
}

.details-accodion .sec-shape1,.faq3 .sec-shape1,.faq4 .sec-shape1,.service-faq .sec-shape1 {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: -3;
}

.details-accodion .sec-shape2,.faq3 .sec-shape2,.faq4 .sec-shape2,.service-faq .sec-shape2 {
	position: absolute;
	top: -100px;
	right: 0;
	z-index: -3;
}

.details-accodion .sec-shape3,.faq3 .sec-shape3,.faq4 .sec-shape3,.service-faq .sec-shape3 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -3;
}

.details-accodion .sec-shape4,.faq3 .sec-shape4,.faq4 .sec-shape4,.service-faq .sec-shape4 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -3;
}

.details-accodion .sec-shape5,.faq3 .sec-shape5,.faq4 .sec-shape5,.service-faq .sec-shape5 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
}

.details-accodion .sec-shape6,.faq3 .sec-shape6,.faq4 .sec-shape6,.service-faq .sec-shape6 {
	position: absolute;
	bottom: 200px;
	left: 0;
	z-index: -3;
	transform: rotateX(180deg) rotateY(180deg);
}

.faq4 .accordion .accordion-item button::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 20px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	z-index: 1;
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
}

.details-accodion .accordion .accordion-item.active,.faq4 .accordion .accordion-item.active,.service-faq .accordion .accordion-item.active {
	transition: .4s;
	border-radius: 14px;
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
}

.service-faq .accordion .accordion-item {
	border: none;
	border-radius: 14px;
	background: #fff;
	margin-top: 30px;
	transition: .4s;
}

.service-faq .accordion .accordion-item button::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 19px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	z-index: 1;
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
}

.service-faq .accordion .accordion-item.active button::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 19px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	z-index: 1;
	background: #fff;
}

.details-accodion .accordion .accordion-item button {
	border: none;
	background: 0 0;
	padding: 24px;
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-transform: capitalize;
	position: relative;
}

.details-accodion .accordion .accordion-item button::before {
	content: "";
	position: absolute;
	right: 23px;
	top: 22px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	z-index: 1;
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
}

.details-accodion .accordion .accordion-item .accordion-body {
	color: rgba(255,255,255,.9098039216);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	padding-left: 24px;
	margin-top: -20px;
	padding-bottom: 44px;
	padding-right: 80px;
	text-align: start;
}

.details-accodion .accordion .accordion-item.active button::before {
	content: "";
	position: absolute;
	right: 23px;
	top: 22px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	z-index: 1;
	background: #fff;
}

.blog-details-area .side-all {
	position: sticky;
	top: 100px;
}

.faq-contact .heading1 {
	padding-right: 40px;
}

.faq-contact .faq-contact-boxs .single-box {
	display: flex;
	align-items: center;
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#fff);
	padding: 24px;
	margin-top: 30px;
	transition: .4s;
}

.faq-contact .faq-contact-boxs .single-box .icon {
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#ffb14a 0,#ff8147 100%));
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	margin-right: 16px;
}

.faq-contact .faq-contact-boxs .single-box .heading h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	text-transform: uppercase;
}

.faq-contact .faq-contact-boxs .single-box .heading a {
	display: inline-block;
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding-top: 6px;
}

.faq-contact .faq-contact-form {
	border-radius: 8px;
	background: #fff;
	padding: 32px 28px;
}

.faq-contact .faq-contact-form h4 {
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
}

.blog3 .blog-box.smoll,.details-contact-area .faq-contact-form .single-input,.faq-contact .faq-contact-form .single-input {
	margin-top: 20px;
}

.faq-contact .faq-contact-form .single-input input,.faq-contact .faq-contact-form .single-input textarea {
	border-radius: 4px;
	border: none;
	background-color: #f5f5fd;
	padding: 16px;
	width: 100%;
}

.blog1.blog2.blog-page .blog-box .heading1,.blog3,.faq-contact.contact-page .faq-contact-form,.tes1.tes2 .tes1-box-all .tes1-box-area .stars li {
	background-color: #f5f5fd;
}

.error-area .shape {
	position: absolute;
	top: 60px;
	right: 100px;
}

.contact1 .form-area-all {
	position: relative;
	margin-top: 30px;
}

.contact1 .form-area-all .form-content {
	border-radius: 50px 8px;
	background: #fff;
	box-shadow: 1px -9px 40px 0 rgba(0,0,0,.04);
	padding: 40px 32px;
}

.contact1 .form-area-all .form-content .single-input {
	margin-top: 30px;
	position: relative;
	text-align: start;
}

.contact1 .form-area-all .form-content .single-input input {
	background: #f5f5fd;
	padding: 16px 40px;
	border: none;
	border-radius: 8px;
	width: 100%;
}

.contact1 .form-area-all .form-content .single-input input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.contact1 .form-area-all .form-content .single-input input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.contact1 .form-area-all .form-content .single-input .icon {
	display: inline-block;
	position: absolute;
	left: 16px;
	bottom: 19px;
}

.contact1 .form-area-all .form-content .single-input label {
	text-align: start;
	color: var(--SEO-Marketing-Text-Color,rgba(11,3,20,.9098039216));
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 16px;
}

.contact1 .form-area-all .form-content .form-btn {
	margin-top: 32px;
}

.contact1 .form-area-all .shape1 {
	position: absolute;
	bottom: 100px;
	left: -100px;
	z-index: -1;
}

.contact1 .form-area-all .shape2 {
	position: absolute;
	top: 50px;
	right: -100px;
	z-index: -1;
}

.contact1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60%;
	width: 100%;
	z-index: -3;
	background-image: url(../img/bg/contact1-bg.webp);
}

.contact1 .contact1-box {
	margin-top: 60px;
	text-align: center;
	padding: 36px 54px;
	border-radius: 50px 8px;
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.2);
	-webkit-backdrop-filter: blur(17px);
	backdrop-filter: blur(17px);
	transition: .4s;
}

.contact1 .contact1-box .icon {
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	margin: auto;
}

.contact1 .contact1-box .heading h4 {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 20px;
}

.contact1 .contact1-box .heading a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-top: 14px;
}

.hero1 .main-heading span.span,.hero2 .main-heading .title span.span {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}

.contact1 .contact1-box:hover {
	transition: .4s;
	border-radius: 8px 50px;
}

.contact1.contact4 .contact1-box,.contact1.contact4 .form-content,.work1.service-page .work-box::after,.work2.service-page .work-box::after {
	border-radius: 8px!important;
}

.hero1 {
	display: flex;
	align-items: center;
	min-height: 860px;
}

.hero1 .main-heading span.span {
	color: #fff;
	border-radius: 42px;
	background: rgba(255,255,255,.1);
	padding: 10px 12px 5px 8px;
	margin-bottom: 16px;
}

.common-hero span.title img,.hero1 .main-heading span.span img,.hero4 .main-heading-area span.span img {
	transform: translateY(-2px);
	margin-right: 3px;
}

.hero1 .main-heading h1 {
	color: #fff;
	font-size: 64px;
	font-style: normal;
	font-weight: 600;
	line-height: 70px;
}

.hero1 .main-heading p {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding-top: 16px;
}

.hero1 .main-heading .has-teg,.hero2 .main-heading .has-teg,.hero3 .main-heading .has-teg,.hero5 .main-heading .has-teg {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding-top: 24px;
}

.hero1 .form-area input,.hero2 .form-area input,.hero3 .form-area input,.hero5 .form-area input {
	padding: 20px 22px 19px;
	border-radius: 68px;
	border: none;
	width: 100%;
}

.hero1 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero1 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero1 .main-images {
	position: relative;
	height: 650px;
	text-align: end;
}

.hero1 .main-images .image2 {
	position: absolute;
	bottom: -26px;
	right: 30px;
}

.hero1 .main-images .shape1 {
	position: absolute;
	left: 100px;
	top: 150px;
}

.hero1 .main-images .shape2 {
	position: absolute;
	right: -100px;
	top: 180px;
}

.hero1 .main-images .bottom-shape {
	position: absolute;
	bottom: -70px;
	right: 200px;
}

.hero1 .main-images .shape3 {
	position: absolute;
	right: -100px;
	bottom: 80px;
}

.hero1 .main-images .shapes {
	display: flex;
	align-items: center;
	border-radius: 60px;
	background: #fff;
	padding: 8px 18px 8px 12px;
}

.hero1 .main-images .shapes .icon {
	width: 54px;
	height: 54px;
	flex-shrink: 0;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	border-radius: 50%;
	line-height: 54px;
	text-align: center;
}

.hero1 .main-images .shapes .pera {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	padding-left: 10px;
}

.hero2 {
	position: relative;
	min-height: 748px;
}

.hero2::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f5f5fd;
	z-index: -2;
}

.hero2 .main-heading .title span.span {
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero2 .main-heading .title span.span img {
	margin-top: -4px;
}

.hero2 .main-heading h1,.hero5 .main-heading h1 {
	color: #111;
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 64px;
}

.hero2 .main-heading p,.hero5 .main-heading p {
	color: #111;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.hero2 .form-area,.hero3 .form-area,.hero5 .form-area {
	position: relative;
	margin-top: 32px;
	margin-right: 160px;
}

.hero2 .image1,.hero2 .image2 {
	position: absolute;
	z-index: -1;
	top: 0;
}

.hero2 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero2 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero2 .image1 {
	right: 0;
}

.hero2 .image2 {
	left: 0;
}

.hero2 .main-images,.hero3 .main-images {
	height: 600px;
	position: relative;
}

.hero2 .main-images .shape1 {
	width: 300px;
	position: absolute;
	top: 120px;
	right: -100px;
	z-index: 2;
}

.hero2 .main-images .shape2 {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 480px;
}

.hero2 .main-images .shape3 {
	position: absolute;
	top: 100px;
	left: 60px;
}

.hero3 {
	position: relative;
	height: 875px;
}

.hero3::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -2;
	background: #f5f5fd;
}

.common-hero,.hero5::after,.pricing-page,.pricing1,.pricing1::after {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.hero3 .main-heading h1 {
	color: #111;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 55px;
}

.hero3 .main-heading p {
	color: #111;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.common-hero h1,.hero4 .main-heading-area h1 {
	font-size: 56px;
	line-height: 64px;
	font-weight: 600;
}

.hero3 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero3 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.common-hero span.title,.common-hero span.title a,.hero4 .main-heading-area span.span {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	font-style: normal;
}

.hero3 .image1 {
	position: absolute;
	right: 44px;
	top: 124px;
	width: 36%;
	z-index: -1;
}

.hero3 .image1 img {
	width: 88%;
}

.hero3 .main-images .shape1 {
	width: 300px;
	position: absolute;
	top: 120px;
	right: 110px;
	z-index: 2;
}

.hero3 .main-images .shape2 {
	position: absolute;
	bottom: 0;
	left: 100px;
	width: 480px;
}

.hero4 {
	min-height: 1000px;
	position: relative;
}

.hero4 .main-heading-area {
	position: relative;
	padding-top: 220px;
}

.hero4 .main-heading-area span.span {
	text-transform: uppercase;
	border-radius: 42px;
	background: rgba(255,255,255,.1);
	padding: 7px 10px 4px;
	margin-bottom: 16px;
}

.hero4 .main-heading-area h1 {
	color: #fff;
	font-style: normal;
}

.hero4 .main-heading-area .form-area {
	margin: 30px 40px 0;
	position: relative;
}

.hero4 .main-heading-area .form-area input {
	width: 100%;
	padding: 19px;
	border-radius: 111px;
	border: none;
}

.hero4 .shape1 {
	left: -150px;
	top: 200px;
}

.hero4 .shape2 {
	right: -150px;
	top: 200px;
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
	.hero1 .main-images .shape2,.hero1 .main-images .shape3,.hero2 .main-images .shape1 {
		right: -20px;
	}

	.hero4 .shape1 {
		left: -50px;
	}

	.hero4 .shape2 {
		right: -50px;
	}

	.tes1 .tes1-box-all {
		margin: 0 140px;
	}
}

.hero4 .shape3 {
	bottom: -450px;
	left: -100px;
}

.hero4 .shape4 {
	bottom: -450px;
	right: -100px;
}

.hero4 .shape5 {
	left: 280px;
	top: 450px;
	transform: rotate(300deg);
}

.loading,.loading.loading2,.loading.loading5 {
	animation: 1.5s linear infinite rotate-loading;
	transform-origin: 50% 50%;
}

.hero4 .main-image {
	position: absolute;
	bottom: -140px;
	left: 50%;
	margin-left: -270px;
}

.hero5::after,.pricing1::after {
	content: "";
	left: 0;
	width: 100%;
}

.hero5 {
	position: relative;
	min-height: 868px;
	display: flex;
	align-items: center;
}

.hero5::after {
	top: 0;
	height: 100%;
	background-image: url(../img/bg/hero5-bg.webp);
	z-index: -2;
}

.hero5 .main-heading .title {
	margin-bottom: 16px;
	background-color: #fff;
	border-radius: 42px;
	padding: 4px 10px;
	display: inline-block;
}

.hero5 .main-heading .title span.span img {
	margin-top: -3px;
	margin-right: 2px;
}

.hero5 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero5 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.hero5 .main-images {
	height: 600px;
	position: relative;
	text-align: center;
	margin-top: 100px;
}

.hero5 .main-images .image1 {
	position: absolute;
	top: 70px;
	right: 70px;
}

.hero5 .main-images .image2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.hero5 .main-images .shape1 {
	position: absolute;
	top: -10px;
	left: -10px;
}

.hero5 .main-images .shape2 {
	position: absolute;
	bottom: -30px;
	right: -30px;
}

.hero5 .main-images .shape3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.common-hero {
	min-height: 460px;
	display: flex;
	align-items: center;
}

.common-hero .heading {
	padding-top: 115px;
}

.common-hero h1 {
	color: #fff;
	font-style: normal;
	text-transform: capitalize;
	padding-top: 24px;
}

.common-hero span.title {
	border-radius: 42px;
	background: rgb(62 62 62 / 24%);
	padding: 9px 12px 6px;
}

.common-hero span.title .arrow {
	padding: 0 4px;
}

.pricing1::after {
	position: absolute;
	top: 0;
	height: 100%;
	background-image: url(../img/bg/pricing1-bg.webp);
	z-index: -6;
	transition: .4s;
}

.pricing-page .pricing-box,.pricing1 .pricing-box,.pricing3 .pricing-box,.pricing5 .pricing-box {
	position: relative;
	padding: 32px;
	margin-top: 30px;
	transition: .4s;
	overflow: hidden;
}

.pricing-page .pricing-box .best-tag,.pricing1 .pricing-box .best-tag,.pricing3 .pricing-box .best-tag,.pricing5 .pricing-box .best-tag {
	position: absolute;
	top: -39px;
	right: -39px;
}

.details-posts .details-tagsdates,.pricing-page .pricing-box .button,.pricing-page .pricing-box.active .button,.pricing-page .pricing-box:hover .button,.pricing1 .pricing-box .button,.pricing1 .pricing-box.active .button,.pricing1 .pricing-box:hover .button,.pricing3 .pricing-box .button,.pricing3 .pricing-box.active .button,.pricing3 .pricing-box:hover .button,.pricing5 .pricing-box .button,.pricing5 .pricing-box.active .button,.pricing5 .pricing-box:hover .button {
	margin-top: 24px;
}

.pricing-page .pricing-box .button .theme-btn1,.pricing1 .pricing-box .button .theme-btn1 {
	display: inline-block;
	border-radius: 80px;
	background: linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%);
	padding: 12px 12px 12px 18px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	transition: .4s;
	position: relative;
	overflow: hidden;
	z-index: 2;
	border: none;
}

.pricing1 .pricing-box.active::after,.pricing1 .pricing-box::after,.pricing1 .pricing-box:hover::after {
	background-image: url(../img/bg/pricing1-box-bg1.webp);
	z-index: -2;
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .4s;
	content: "";
	top: 0;
	left: 0;
}

.pricing-page .pricing-box::before,.pricing1 .pricing-box.active::before,.pricing1 .pricing-box::before,.pricing1 .pricing-box:hover::before {
	position: absolute;
	height: 100%;
	background-image: url(../img/bg/pricing1-box-bg2.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transition: .4s;
	left: 0;
	content: "";
}

.pricing-page .pricing-box .button .theme-btn1::after,.pricing1 .pricing-box .button .theme-btn1::after,.pricing3 .pricing-box .button .theme-btn1::after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	height: 100%;
	width: 0%;
	border-radius: 80px;
	background: #fff;
	z-index: -1;
	transition: .4s;
}

.pricing-page .pricing-box .button .theme-btn1:hover,.pricing-page .pricing-box.active .button .theme-btn1,.pricing-page .pricing-box:hover .button .theme-btn1,.pricing1 .pricing-box .button .theme-btn1:hover,.pricing1 .pricing-box.active .button .theme-btn1,.pricing1 .pricing-box:hover .button .theme-btn1 {
	color: #fb3f52;
	transition: .4s;
}

.pricing-page .pricing-box .button .theme-btn1:hover span,.pricing-page .pricing-box.active .button .theme-btn1 span,.pricing-page .pricing-box:hover .button .theme-btn1 span,.pricing1 .pricing-box .button .theme-btn1:hover span,.pricing1 .pricing-box.active .button .theme-btn1 span,.pricing1 .pricing-box:hover .button .theme-btn1 span {
	background-color: #fa7d3c;
	color: #fff;
	transition: .4s;
}

.pricing-page .pricing-box .head-text h3 span,.pricing1 .pricing-box .head-text h3 span,.pricing3 .pricing-box .head-text h3 span,.pricing5 .pricing-box .head-text h3 span {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	transition: .4s;
}

.pricing-page .pricing-box h6,.pricing1 .pricing-box h6,.pricing3 .pricing-box h6,.pricing5 .pricing-box h6 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	transition: .4s;
}

.pricing-page .pricing-box p,.pricing1 .pricing-box p,.pricing3 .pricing-box p,.pricing5 .pricing-box p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	transition: .4s;
	padding: 16px 0 28px;
}

.pricing-page .pricing-box .pricing-list li,.pricing1 .pricing-box .pricing-list li,.pricing3 .pricing-box .pricing-list li,.pricing5 .pricing-box .pricing-list li {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	padding-bottom: 18px;
}

.pricing-page .pricing-box .pricing-list li span,.pricing1 .pricing-box .pricing-list li span,.pricing3 .pricing-box .pricing-list li span,.pricing5 .pricing-box .pricing-list li span {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	font-size: 12px;
	color: #fff;
	margin-right: 8px;
}

.pricing-page .pricing-box .pricing-list li span i,.pricing-page .pricing-box.active .pricing-list li span i,.pricing-page .pricing-box:hover .pricing-list li span i,.pricing1 .pricing-box .pricing-list li span i,.pricing1 .pricing-box.active .pricing-list li span i,.pricing1 .pricing-box:hover .pricing-list li span i,.pricing3 .pricing-box .pricing-list li span i,.pricing3 .pricing-box.active .pricing-list li span i,.pricing3 .pricing-box:hover .pricing-list li span i,.pricing5 .pricing-box .pricing-list li span i,.pricing5 .pricing-box.active .pricing-list li span i,.pricing5 .pricing-box:hover .pricing-list li span i,.work1 .work-box .icon-area .icon img,.work2 .work-box .icon-area .icon img,.work3 .work-box .icon-area .icon img {
	position: relative;
	z-index: 3;
}

.pricing-page .pricing-box .pricing-list li span::before,.pricing-page .pricing-box.active .pricing-list li span::before,.pricing-page .pricing-box:hover .pricing-list li span::before,.pricing1 .pricing-box .pricing-list li span::before,.pricing1 .pricing-box.active .pricing-list li span::before,.pricing1 .pricing-box:hover .pricing-list li span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
}

.pricing-page .pricing-box .pricing-list li span::after,.pricing1 .pricing-box .pricing-list li span::after,.pricing3 .pricing-box .pricing-list li span::after,.pricing5 .pricing-box .pricing-list li span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	background: #fff;
	transform: scale(.4);
	opacity: 0;
}

.pricing1 .pricing-box::after,.work1 .work-box::before {
	border-radius: 50px 8px;
}

.pricing-page .pricing-box::before,.pricing1 .pricing-box::before,.pricing3 .pricing-box::before {
	width: 110%;
	border-radius: 264px;
	z-index: -1;
	transform: scale(.4);
	opacity: 0;
}

.pricing1 .pricing-box.active::after,.pricing1 .pricing-box:hover::after,.work1 .work-box.active::before,.work1 .work-box:hover::before {
	border-radius: 8px 50px;
}

.pricing1 .pricing-box.active::before,.pricing1 .pricing-box:hover::before {
	width: 100%;
	border-radius: 8px 50px!important;
	z-index: -1;
	transform: scale(1);
	opacity: 1;
}

.pricing-page .pricing-box.active .head-text h3,.pricing-page .pricing-box:hover .head-text h3,.pricing1 .pricing-box.active .head-text h3,.pricing1 .pricing-box:hover .head-text h3,.pricing3 .pricing-box.active .head-text h3,.pricing3 .pricing-box:hover .head-text h3,.pricing5 .pricing-box.active .head-text h3,.pricing5 .pricing-box:hover .head-text h3 {
	color: var(--SEO-Marketing-Text-Color,#fff);
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
	transition: .4s;
}

.pricing-page .pricing-box.active .head-text h3 span,.pricing-page .pricing-box:hover .head-text h3 span,.pricing1 .pricing-box.active .head-text h3 span,.pricing1 .pricing-box:hover .head-text h3 span,.pricing3 .pricing-box.active .head-text h3 span,.pricing3 .pricing-box:hover .head-text h3 span,.pricing5 .pricing-box.active .head-text h3 span,.pricing5 .pricing-box:hover .head-text h3 span {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#fff);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	transition: .4s;
}

.pricing-page .pricing-box.active h6,.pricing-page .pricing-box:hover h6,.pricing1 .pricing-box.active h6,.pricing1 .pricing-box:hover h6,.pricing3 .pricing-box.active h6,.pricing3 .pricing-box:hover h6,.pricing5 .pricing-box.active h6,.pricing5 .pricing-box:hover h6 {
	color: var(--SEO-Marketing-Text-Color,#fff);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	transition: .4s;
}

.pricing-page .pricing-box.active p,.pricing-page .pricing-box:hover p,.pricing1 .pricing-box.active p,.pricing1 .pricing-box:hover p,.pricing3 .pricing-box.active p,.pricing3 .pricing-box:hover p,.pricing5 .pricing-box.active p,.pricing5 .pricing-box:hover p {
	color: var(--SEO-Marketing-Paragraph-Color,rgba(255,255,255,.8352941176));
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	transition: .4s;
	padding: 16px 0 28px;
}

.pricing-page .pricing-box.active .pricing-list li,.pricing-page .pricing-box:hover .pricing-list li,.pricing1 .pricing-box.active .pricing-list li,.pricing1 .pricing-box:hover .pricing-list li,.pricing3 .pricing-box.active .pricing-list li,.pricing3 .pricing-box:hover .pricing-list li,.pricing5 .pricing-box.active .pricing-list li,.pricing5 .pricing-box:hover .pricing-list li {
	color: var(--SEO-Marketing-Text-Color,#fff);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	padding-bottom: 18px;
	transition: .4s;
}

.pricing-page .pricing-box.active .pricing-list li span,.pricing-page .pricing-box:hover .pricing-list li span,.pricing1 .pricing-box.active .pricing-list li span,.pricing1 .pricing-box:hover .pricing-list li span {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	font-size: 12px;
	color: #fb3f52;
	margin-right: 8px;
	transition: .4s;
}

.pricing-page .pricing-box.active .pricing-list li span::after,.pricing-page .pricing-box:hover .pricing-list li span::after,.pricing1 .pricing-box.active .pricing-list li span::after,.pricing1 .pricing-box:hover .pricing-list li span::after,.pricing3 .pricing-box.active .pricing-list li span::after,.pricing3 .pricing-box:hover .pricing-list li span::after,.pricing5 .pricing-box.active .pricing-list li span::after,.pricing5 .pricing-box:hover .pricing-list li span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	background: #fff;
	transform: scale(1);
	opacity: 1;
}

.pricing2::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg/pricing2-bg.webp);
	background-size: cover;
	background-position: center unset;
	background-repeat: no-repeat;
	z-index: -2;
}

.pricing2 .pricing2-box {
	margin-top: 30px;
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 32px;
	transition: .4s;
}

.pricing2 .pricing2-box h6,.tes1 .testimonials-box-2 .bottom .content p {
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
}

.pricing2 .pricing2-box h3 {
	font-size: 44px;
	font-weight: 600;
	line-height: 54px;
	padding: 12px 0;
}

.pricing2 .pricing2-box h3 span {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
}

.pricing2 .pricing2-box p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.compareplan-section-area .comparison .tl2,.plan-toggle-wrap h4,.single-pricing-area .pricing-box h3 {
	font-weight: var(--ztc-weight-bold);
	color: var(--ztc-text-text-3);
}

.compareplan-section-area .comparison .tl2 span,.single-pricing-area .pricing-box h3 {
	font-size: var(--ztc-font-size-font-s18);
	line-height: var(--ztc-font-size-font-s18);
	font-family: var(--ztc-family-font1);
}

.pricing3 .pricing-box .button .theme-btn1:hover,.pricing3 .pricing-box.active .button .theme-btn1,.pricing3 .pricing-box:hover .button .theme-btn1 {
	color: #ff6e35;
	transition: .4s;
}

.pricing3 .pricing-box .button .theme-btn1:hover span,.pricing3 .pricing-box.active .button .theme-btn1 span,.pricing3 .pricing-box:hover .button .theme-btn1 span {
	background-color: #ff6e35;
	color: #fff;
	transition: .4s;
}

.pricing3 .pricing-box .pricing-list li span::before,.pricing3 .pricing-box.active .pricing-list li span::before,.pricing3 .pricing-box:hover .pricing-list li span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	background: #ff6e35;
}

.pricing3 .pricing-box::after,.pricing3 .pricing-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	background-image: url(../img/bg/pricing3-box1.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
	transition: .4s;
}

.pricing3 .pricing-box.active::before,.pricing3 .pricing-box::before,.pricing3 .pricing-box:hover::before {
	position: absolute;
	height: 100%;
	background-image: url(../img/bg/pricing3-box2.webp);
	transition: .4s;
	content: "";
	top: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.pricing3 .pricing-box.active::before,.pricing3 .pricing-box:hover::before {
	width: 100%;
	border-radius: 5px!important;
	z-index: -1;
	transform: scale(1);
	opacity: 1;
}

.pricing3 .pricing-box.active .pricing-list li span,.pricing3 .pricing-box:hover .pricing-list li span,.pricing5 .pricing-box.active .pricing-list li span,.pricing5 .pricing-box:hover .pricing-list li span {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	font-size: 12px;
	color: #ff6e35;
	margin-right: 8px;
	transition: .4s;
}

.pricing3 .pricing-box.active::after,.pricing5 .pricing-box.active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px 50px;
	background-image: url(../img/bg/pricing3-box1.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
	transition: .4s;
}

.pricing5::after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg/pricing5-bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -6;
	transition: .4s;
}

.pricing5 .pricing-box .button .theme-btn3 {
	display: inline-block;
	border-radius: 80px;
	padding: 12px 12px 12px 18px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	transition: .4s;
	position: relative;
	overflow: hidden;
	z-index: 2;
	border: none;
}

.pricing5 .pricing-box .button .theme-btn3::after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	height: 100%;
	width: 0%;
	border-radius: 80px;
	background: #fff!important;
	z-index: -1;
	transition: .4s;
}

.pricing5 .pricing-box .button .theme-btn3 span {
	display: inline-block;
	height: 32px;
	width: 32px;
	background-color: #fff;
	border-radius: 50%;
	font-size: 16px;
	color: #5700fc;
	text-align: center;
	line-height: 32px;
	margin-left: 5px;
	transform: rotate(-45deg);
	transition: .4s;
}

.pricing5 .pricing-box .button .theme-btn3:hover,.pricing5 .pricing-box.active .button .theme-btn3,.pricing5 .pricing-box:hover .button .theme-btn3 {
	color: #5700fc;
	transition: .4s;
}

.pricing5 .pricing-box .button .theme-btn3:hover span {
	background-color: #5700fc;
	color: #fff;
	transition: .4s;
}

.pricing5 .pricing-box .pricing-list li span::before,.pricing5 .pricing-box.active .pricing-list li span::before,.pricing5 .pricing-box:hover .pricing-list li span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%));
}

.pricing5 .pricing-box::after,.pricing5 .pricing-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	background-image: url(../img/bg/pricing5-box-bg1.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
	transition: .4s;
}

.pricing5 .pricing-box.active::before,.pricing5 .pricing-box::before,.pricing5 .pricing-box:hover::before {
	background-image: url(../img/bg/pricing5-box-bg2.webp);
	z-index: -1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	position: absolute;
	transition: .4s;
	height: 100%;
	content: "";
}

.pricing5 .pricing-box::before {
	width: 110%;
	border-radius: 264px;
	transform: scale(.4);
	opacity: 0;
}

.pricing5 .pricing-box.active::before,.pricing5 .pricing-box:hover::before {
	width: 100%;
	border-radius: 5px!important;
	transform: scale(1);
	opacity: 1;
}

.pricing5 .pricing-box.active .button .theme-btn3 span,.pricing5 .pricing-box:hover .button .theme-btn3 span {
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%));
	color: #fff;
	transition: .4s;
}

.pricing-page .pricing-box.active::after,.pricing-page .pricing-box::after,.pricing-page .pricing-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	background-image: url(../img/bg/pricing-page-box-bg1.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -2;
	transition: .4s;
}

.pricing-page .pricing-box.active::before,.pricing-page .pricing-box:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px!important;
	background-image: url(../img/bg/pricing1-box-bg2.webp);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.compareplan-section-area .single-pricing-area {
	position: relative;
	margin-bottom: 0;
	border: 1px solid #e7e6e7;
}

.compareplan-section-area .comparison table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	overflow-x: scroll!important;
}

.compareplan-section-area .comparison table thead::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 325px;
	z-index: -1;
	border-radius: 8px 0 0;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
}

.compareplan-section-area .comparison table thead::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -2;
	border-radius: 8px 0 0;
	background: #f5f5fd;
}

.compareplan-section-area .comparison table thead .ofer-title {
	color: #fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	position: relative;
	top: 40px;
}

.compareplan-section-area .comparison table thead .ofer-title span {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	display: inline-block;
	margin-top: 20px;
}

.compareplan-section-area .comparison .compare-row td {
	padding: 25px 0;
	border: 1px solid #e7e6e7;
}

.compareplan-section-area .comparison tr td:first-child {
	text-align: left;
	padding: 25px 0 25px 30px;
	border: 1px solid #e7e6e7;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.compareplan-section-area .comparison .tl2 {
	font-family: var(--ztc-family-font1);
	line-height: var(--ztc-font-size-font-s24);
	font-size: var(--ztc-font-size-font-s24);
}

.compareplan-section-area .comparison .tl2 span {
	display: inline-block;
	font-weight: var(--ztc-weight-medium);
	color: var(--ztc-text-text-4);
	margin-top: 32px;
	position: absolute;
	left: 6%;
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.heading1 h2,.heading3 h2,.heading5 h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.about1 .images-all .shape-bg1,.about1.about-page-sec2 .images-all .shape-bg1,.about5 .images-all .shape-bg1,.compareplan-section-area .comparison .tl2 span,.contact1 .form-area-all .shape1,.contact1 .form-area-all .shape2,.cta2 .image1,.cta2 .image2,.details-accodion .sec-shape1,.details-accodion .sec-shape2,.details-accodion .sec-shape3,.details-accodion .sec-shape6,.error-area .shape,.faq3 .sec-shape1,.faq3 .sec-shape2,.faq3 .sec-shape3,.faq3 .sec-shape6,.faq4 .sec-shape1,.faq4 .sec-shape2,.faq4 .sec-shape3,.faq4 .sec-shape6,.hero3 .image1,.hero4 .shape1,.hero4 .shape2,.hero4 .shape5,.service-faq .sec-shape1,.service-faq .sec-shape2,.service-faq .sec-shape3,.service-faq .sec-shape6 {
		display: none;
	}

	.about1 .images-all .image1,.about1.about-page-sec2 .images-all .image1,.about5 .images-all .image1 {
		left: 60px;
	}

	.about1 .images-all .shape-bg2,.about5 .images-all .shape-bg2 {
		margin-left: 0;
	}

	.about1 .images-all .image2,.about1.about-page-sec2 .images-all .image2,.about5 .images-all .image2 {
		left: 0;
	}

	.about1 .heading1,.about1 .heading3,.about5 .heading1,.about5 .heading5 {
		padding-left: 0;
	}

	.about1.about-page-sec2 .images-all .shape-bg2 {
		margin-right: 0;
	}

	.analysis-area .analysis-inner-section,.skills-section-area .skills-header {
		margin-bottom: 30px;
	}

	.service1 .right-btn,.service1-page .right-btn {
		text-align: start;
		margin-top: 20px;
	}

	.service2 .service2-all-tabs .tabs-buttons .nav-item button {
		margin-top: 30px;
		width: 300px;
	}

	.service-details-sec1 .heading2,.service2 .heading2 {
		padding-top: 20px;
	}

	.service-details-sec1 .tab-images-all .image1,.service2 .tab-images-all .image1 {
		top: -150px;
	}

	.service5 .service5-items .service5-heading {
		padding: 50px 50px 50px 30px;
	}

	.analysis-area .services-seo-scroll {
		width: 200%;
		overflow-y: auto;
		position: relative;
	}

	.analysis-area .services-seo {
		overflow-x: auto;
	}

	.cta2 h2 {
		font-size: 30px;
		line-height: 38px;
	}

	.faq3 .accordion .accordion-item button {
		font-size: 20px;
		line-height: 26px;
		padding: 20px;
	}

	.faq3 .accordion .accordion-item button::before,.faq3 .accordion .accordion-item.active button::before {
		right: 5px;
		top: 10px;
	}

	.faq-contact .heading1 {
		padding-right: 0;
	}

	.contact1 .contact1-box {
		margin-top: 40px;
	}

	.hero1 .main-heading,.hero2 .main-heading,.hero3 .main-heading,.hero4 .main-heading-area,.hero5 .main-heading {
		padding-top: 150px;
	}

	.common-hero h1,.hero1 .main-heading h1,.hero2 .main-heading h1,.hero3 .main-heading h1,.hero4 .main-heading-area h1,.hero5 .main-heading h1 {
		font-size: 40px;
		line-height: 48px;
	}

	.hero1 .main-images {
		margin-bottom: 100px;
	}

	.hero1 .main-images .shape2,.hero1 .main-images .shape3,.hero4 .shape4 {
		right: 0;
	}

	.hero2 .image1 {
		height: 400px;
		top: auto;
		bottom: 0;
	}

	.hero2 .main-images {
		height: 420px;
		margin-bottom: 60px;
	}

	.hero2 .main-images .shape1 {
		right: 0;
		width: 200px;
	}

	.hero2 .main-images .shape2 {
		width: 300px;
		bottom: 0;
	}

	.hero2 .main-images .shape3 {
		top: 0;
	}

	.hero3 .main-images .main-img {
		display: block;
	}

	.hero3 .main-images .shape2 {
		bottom: 60px;
	}

	.hero4 .main-image {
		bottom: 50px;
		height: 480px;
	}

	.hero5 .main-images {
		margin-bottom: 80px;
	}

	.compareplan-section-area .tab-content {
		max-width: 1300px;
		overflow-x: scroll!important;
	}

	.compareplan-section-area .single-pricing-area {
		width: 1300px;
		overflow-x: scroll!important;
	}
}

.compareplan-section-area .comparison .qbo {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	padding: 0!important;
}

.compareplan-section-area .comparison .price-now span {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
	transition: .4s;
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 12px;
}

.sidebar-area1 .sidebar,.sidebar-area2 .sidebar {
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: -4px 0 10px rgba(0,0,0,.2);
	overflow-x: hidden;
}

.pricing-area {
	position: relative;
	z-index: 2;
	overflow-x: hidden;
}

.toggle-inner input {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 25px;
	right: 0;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.custom-toggle {
	position: absolute;
	height: 20px;
	width: 20px;
	background-color: #fff;
	top: 5px;
	left: 35px;
	border-radius: 50%;
	transition: .3s;
}

.toggle-inner .t-month,.toggle-inner .t-year {
	position: absolute;
	left: -75px;
	top: 2px;
	transition: .3s;
}

.toggle-inner .t-year {
	left: 73px;
	opacity: .5;
}

.active>.toggle-inner .t-month {
	opacity: .5;
}

.toggle-inner input:checked+span {
	left: 5px;
}

.toggle-inner {
	width: 60px;
	margin: 0 auto;
	height: 30px;
	border-radius: 25px;
	position: relative;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	left: -20px;
}

.t-year h4 {
	min-width: 200px;
}

.t-year {
	text-align: left;
}

.plan-toggle-wrap {
	margin-top: 50px;
	margin-bottom: 32px;
}

.plan-toggle-wrap h4 {
	font-size: var(--ztc-font-size-font-s16);
	font-family: Figtree,sans-serif;
	margin-bottom: 0;
}

.plan-toggle-wrap1 {
	position: absolute;
	z-index: 1;
	left: 23%;
	top: 130px;
	right: 71%;
}

@media (max-width:767px) {
	.heading1 h2,.heading3 h2,.heading5 h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.space10 {
		height: 5px;
	}

	.sp5 {
		padding-bottom: 50px;
	}

	.space20 {
		height: 10px;
	}

	.space30 {
		height: 15px;
	}

	.space40 {
		height: 20px;
	}

	.about1 .images-all .shape-bg1,.about1.about-page-sec2 .images-all .shape-bg1,.about5 .images-all .shape-bg1,.compareplan-section-area .comparison table thead::after,.compareplan-section-area .comparison td:first-child,.compareplan-section-area .comparison th:first-child,.contact1 .form-area-all .shape1,.contact1 .form-area-all .shape2,.cta2 .image1,.cta2 .image2,.details-accodion .accordion .accordion-item button::before,.details-accodion .sec-shape1,.details-accodion .sec-shape2,.details-accodion .sec-shape3,.details-accodion .sec-shape6,.error-area .shape,.faq3 .accordion .accordion-item button::before,.faq3 .sec-shape1,.faq3 .sec-shape2,.faq3 .sec-shape3,.faq3 .sec-shape6,.faq4 .accordion .accordion-item button::before,.faq4 .sec-shape1,.faq4 .sec-shape2,.faq4 .sec-shape3,.faq4 .sec-shape6,.hero3 .image1,.hero4 .shape1,.hero4 .shape2,.hero4 .shape5,.mobile-hidden,.service-faq .accordion .accordion-item button::before,.service-faq .sec-shape1,.service-faq .sec-shape2,.service-faq .sec-shape3,.service-faq .sec-shape6 {
		display: none;
	}

	.lg-ml-15 {
		margin-left: 0;
	}

	.hero2 .form-area,.hero3 .form-area,.hero5 .form-area,.lg-mr-15 {
		margin-right: 0;
	}

	.heading3 h2 {
		padding: 0 8px;
	}

	.video-play-button {
		margin: 0 30px 0 0;
	}

	.hero-button1 {
		margin-top: 20px;
	}

	.about1 .images-all .shape-bg2,.about5 .images-all .shape-bg2 {
		margin-left: 0;
		top: 0;
	}

	.about1 .images-all .image2,.about1.about-page-sec2 .images-all .image2 {
		left: 0;
		width: 250px;
		bottom: 150px;
	}

	.about1 .images-all .image3,.about1.about-page-sec2 .images-all .image3,.about5 .images-all .image3 {
		width: 300px;
		bottom: 0;
	}

	.about1 .heading1,.about1 .heading3,.about5 .heading1,.about5 .heading5 {
		padding-left: 0;
	}

	.about1 .about3-boxs .about3-box.right-side {
		margin-top: 0!important;
		margin-bottom: 30px!important;
	}

	.about1.about-page-sec2 .images-all .shape-bg2 {
		margin-right: 0;
		top: 0;
	}

	.about5 .images-all .image2 {
		left: 0;
		bottom: 150px;
	}

	.analysis-area .analysis-inner-section,.skills-section-area .skills-header {
		margin-bottom: 30px;
	}

	.service1 .right-btn,.service1-page .right-btn {
		text-align: start;
		margin-top: 20px;
	}

	.service2 .service2-all-tabs .tabs-buttons .nav-item button {
		margin-top: 30px;
		width: 300px;
	}

	.service-details-sec1 .heading2,.service2 .heading2 {
		padding-top: 20px;
	}

	.service5 .service5-items .images .image2 {
		left: 50px;
	}

	.service5 .service5-items .service5-heading {
		padding: 50px 50px 50px 30px;
	}

	.analysis-area .services-seo-scroll {
		width: 400%;
		overflow-y: auto;
		position: relative;
	}

	.analysis-area .services-seo {
		overflow-x: auto;
	}

	.cta2 h2 {
		font-size: 30px;
		line-height: 38px;
	}

	.cta2 .form-area {
		margin: 20px 0 0;
	}

	.details-accodion .accordion .accordion-item button,.faq3 .accordion .accordion-item button,.faq4 .accordion .accordion-item button,.service-faq .accordion .accordion-item button {
		font-size: 20px;
		line-height: 26px;
		padding: 20px;
	}

	.details-accodion .accordion .accordion-item .accordion-body,.faq3 .accordion .accordion-item .accordion-body,.faq4 .accordion .accordion-item .accordion-body,.service-faq .accordion .accordion-item .accordion-body {
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}

	.faq-contact .heading1 {
		padding-right: 0;
	}

	.contact1 .contact1-box {
		margin-top: 40px;
	}

	.hero1 .main-heading,.hero2 .main-heading,.hero4 .main-heading-area,.hero5 .main-heading {
		padding-top: 150px;
	}

	.common-hero h1,.hero1 .main-heading h1,.hero2 .main-heading h1,.hero3 .main-heading h1,.hero4 .main-heading-area h1,.hero5 .main-heading h1 {
		font-size: 40px;
		line-height: 48px;
	}

	.hero1 .main-images {
		margin-bottom: 100px;
		height: 450px;
	}

	.hero1 .main-images .image1 {
		transform: translateY(70px);
	}

	.hero1 .main-images .shape1 {
		top: 60px;
	}

	.hero1 .main-images .shape2 {
		right: auto;
		left: 0;
	}

	.hero1 .main-images .bottom-shape,.hero1 .main-images .shape3,.hero4 .shape4 {
		right: 0;
	}

	.hero2 .image1 {
		height: 400px;
		top: auto;
		bottom: 0;
	}

	.hero2 .main-images {
		height: 420px;
		margin-bottom: 60px;
	}

	.hero2 .main-images .shape1 {
		right: 0;
		width: 150px;
	}

	.hero2 .main-images .shape2 {
		width: 200px;
		bottom: 0;
	}

	.hero2 .main-images .shape3 {
		top: 0;
	}

	.hero3 .main-heading {
		padding-top: 132px;
	}

	.hero3 .main-images {
		height: 400px;
	}

	.hero3 .main-images .main-img {
		display: block;
	}

	.hero3 .main-images .shape2 {
		bottom: 60px;
	}

	.hero4 {
		min-height: 950px;
	}

	.hero4 .main-heading-area .form-area {
		margin: 30px 0 0;
	}

	.hero4 .main-image {
		bottom: 50px;
		height: 400px;
		margin-left: -200px;
	}

	.hero5 .main-images {
		height: 480px;
	}

	.hero5 .main-images .image1 {
		top: 30px;
		left: 30px;
		right: 30px;
		bottom: 30px;
	}

	.hero5 .main-images .shape1 {
		top: -40px;
	}

	.hero5 .main-images .shape2 {
		bottom: 20px;
		right: 0;
	}

	.hero5 .main-images .shape3 {
		top: 40%;
	}

	.compareplan-section-area .tab-content {
		max-width: 1300px;
		overflow-x: scroll!important;
	}

	.compareplan-section-area .single-pricing-area {
		width: 1300px;
		overflow-x: scroll!important;
	}

	.compareplan-section-area .comparison {
		font-family: var(--ztc-family-font1);
		font-size: var(--ztc-font-size-font-s20);
		font-weight: var(--ztc-weight-bold);
		color: var(--ztc-text-text-3);
		transition: .4s;
		background: var(--ztc-text-text-1);
	}

	.compareplan-section-area th.price-info.hide-mobile {
		padding-bottom: 20px;
	}

	.compareplan-section-area .comparison .qbo {
		background: 0 0;
		padding: 10px!important;
	}

	.compareplan-section-area .comparison tbody tr:nth-child(odd) {
		display: table-row;
	}

	.compareplan-section-area .comparison .row {
		background: #fff;
	}

	.compareplan-section-area .comparison td,.compareplan-section-area .comparison th {
		border: 1px solid #fae7e8;
		padding: 20px 0;
	}

	.plan-toggle-wrap1 {
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
		right: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.plan-toggle-wrap1 {
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
		right: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width:1700px) and (max-width:1800px) {
	.plan-toggle-wrap1 {
		right: 56%!important;
	}
}

.plan-toggle-wrap1 h4 {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 0;
}

.single-pricing-area {
	background: var(--ztc-bg-bg-1);
	border-radius: 4px;
	border: 1px solid #e7e6e7;
	transition: .4s;
}

.single-pricing-area .pricing-box p {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-text-text-4);
	line-height: var(--ztc-font-size-font-s26);
	font: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-4);
	font-weight: var(--ztc-weight-medium);
}

.single-pricing-area .pricing-box h2,.single-pricing-area .pricing-box h4 {
	color: var(--ztc-text-text-3);
	margin-top: 24px;
	font-weight: var(--ztc-weight-bold);
	font-family: var(--ztc-family-font1);
}

.single-pricing-area .pricing-box h2 {
	font-size: var(--ztc-font-size-font-s44);
	line-height: var(--ztc-font-size-font-s44);
	margin-bottom: 4px;
}

.single-pricing-area .pricing-box .header-btn1 {
	width: 100%;
	margin-top: 24px;
	text-align: center;
}

.single-pricing-area .pricing-box h4 {
	font-size: var(--ztc-font-size-font-s20);
	line-height: var(--ztc-font-size-font-s20);
	margin-bottom: 24px;
}

.single-pricing-area .pricing-box ul li {
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	line-height: var(--ztc-font-size-font-s16);
	color: var(--ztc-text-text-4);
	font-weight: var(--ztc-weight-medium);
	margin-top: 16px;
}

.single-pricing-area .pricing-box ul li img {
	margin: 0 8px 0 0;
}

.single-pricing-area.active {
	border: 1px solid var(--ztc-text-text-2);
	transition: .4s;
}

.sidebar-area1 .sidebar {
	height: 100%;
	width: 400px;
	position: fixed;
	top: 0;
	right: -460px;
	background-image: url(../img/hero/hero1-bg.webp);
	transition: .5s;
	padding-top: 60px;
	z-index: 4444;
}

.sidebar-area1 .sidebar .logo,.sidebar-area2 .sidebar .logo {
	width: 170px;
	display: inline-block;
	margin-left: 30px;
}

.sidebar-area1 .sidebar .sidebar-menu,.sidebar-area1 .social-links,.sidebar-area2 .sidebar .sidebar-menu,.sidebar-area2 .social-links {
	margin-left: 30px;
}

.sidebar-area1 .sidebar .sidebar-menu a,.sidebar-area2 .sidebar .sidebar-menu a {
	display: block;
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding-bottom: 20px;
	transition: .4s;
}

.sidebar-area1 .sidebar .menu-list,.sidebar-area2 .sidebar .menu-list {
	margin-left: 30px;
	margin-top: 15px;
}

.sidebar-area1 .sidebar .menu-list h3,.sidebar-area2 .sidebar .menu-list h3 {
	color: var(--SEO-Marketing-Text-Color,#fff);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 6px;
}

.sidebar-area1 .sidebar .menu-list ul li a,.sidebar-area2 .sidebar .menu-list ul li a {
	color: var(--SEO-Marketing-Text-Color,rgba(255,255,255,.7882352941));
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: inline-block;
	margin-top: 16px;
	transition: .4s;
}

.footer1 .menu-list ul li a:hover,.sidebar-area1 .sidebar .menu-list ul li a:hover,.sidebar-area2 .sidebar .menu-list ul li a:hover {
	transition: .4s;
	color: #fa7d3c;
	transform: translateX(5px);
}

.footer1 .menu-list.contact-list,.footer3 .menu-list.contact-list,.footer5 .menu-list.contact-list,.sidebar-area1 .sidebar .menu-list.contact-list,.sidebar-area2 .sidebar .menu-list.contact-list {
	padding-left: 0;
}

.footer1 .menu-list.contact-list .contact-box,.footer3 .menu-list.contact-list .contact-box,.footer5 .menu-list.contact-list .contact-box,.sidebar-area1 .sidebar .menu-list.contact-list .contact-box,.sidebar-area2 .sidebar .menu-list.contact-list .contact-box {
	display: flex;
	align-items: center;
	padding-top: 16px;
}

.footer1 .menu-list.contact-list .contact-box .icon,.footer3 .menu-list.contact-list .contact-box .icon,.footer5 .menu-list.contact-list .contact-box .icon,.sidebar-area1 .sidebar .menu-list.contact-list .contact-box .icon,.sidebar-area2 .sidebar .menu-list.contact-list .contact-box .icon {
	margin-right: 10px;
}

.sidebar-area1 .sidebar .menu-list.contact-list .contact-box .icon img,.sidebar-area2 .sidebar .menu-list.contact-list .contact-box .icon img {
	filter: brightness(0) invert(1);
}

.sidebar-area1 .sidebar .menu-list.contact-list .contact-box .pera a,.sidebar-area2 .sidebar .menu-list.contact-list .contact-box .pera a {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,rgba(255,255,255,.7960784314));
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	transition: .4s;
}

.sidebar-area1 .button,.sidebar-area2 .button {
	margin: 30px;
}

.sidebar-area1 .sidebar .closebtn,.sidebar-area2 .sidebar .closebtn {
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: 36px;
	color: #f1f1f1;
	cursor: pointer;
}

.sidebar-area1 .tagline,.sidebar-area2 .tagline {
	padding: 24px 0;
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-left: 30px;
	margin-right: 30px;
}

.sidebar-area1 .contact-info,.sidebar-area2 .contact-info {
	color: #f1f1f1;
	margin-top: 30px;
	text-align: center;
}

.sidebar-area1 .contact-btn,.sidebar-area2 .contact-btn {
	background-color: #f44336;
	border: none;
	color: #fff;
	padding: 10px 24px;
	text-align: center;
	font-size: 16px;
	margin: 20px 0;
	cursor: pointer;
	border-radius: 25px;
	width: 80%;
}

.sidebar-area1 .social-links a,.sidebar-area2 .social-links a {
	font-family: FontAwesome;
	font-size: 20px;
	color: #f1f1f1;
	text-decoration: none;
	margin-right: 10px;
	display: inline-block;
	background-color: rgba(255,255,255,.1176470588);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	text-align: center;
	line-height: 44px;
}

.sidebar-area1 .social-links a:hover {
	color: #f44336;
}

.sidebar-area1 .overlay,.sidebar-area2 .overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,.7);
	overflow-x: hidden;
	transition: .5s;
}

.sidebar-area1 div#overlay,.sidebar-area2 div#overlay {
	position: fixed;
	z-index: 999;
}

.sidebar-area1 .closebtn,.sidebar-area2 .closebtn {
	font-size: 200px;
	color: #fff;
	position: absolute;
	right: 400px;
	top: 20px;
}

.sidebar-area1 .close-icon,.sidebar-area2 .close-icon {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.sidebar-area1 .close-icon span,.sidebar-area2 .close-icon span {
	position: absolute;
	width: 100%;
	height: 4px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	background-size: 200% 200%;
	border-radius: 2px;
	transition: transform .3s;
	animation: 4s infinite gradientShift;
}

.heading1 span,.sidebar-area2 .theme-btn2 span {
	background-color: #ff6e35;
	margin-left: 5px;
	text-align: center;
}

.sidebar-area1 .close-icon span:first-child,.sidebar-area2 .close-icon span:first-child {
	transform: rotate(45deg);
	top: 50%;
	left: 0;
	transform-origin: center;
}

.sidebar-area1 .close-icon span:last-child,.sidebar-area2 .close-icon span:last-child {
	transform: rotate(-45deg);
	top: 50%;
	left: 0;
	transform-origin: center;
}

.sidebar-area1 .close-icon:hover,.sidebar-area2 .close-icon:hover {
	animation: .6s infinite bounce;
}

.sidebar-area2 .sidebar {
	height: 100%;
	width: 400px;
	position: fixed;
	top: 0;
	right: -460px;
	background-color: #0c1a4b;
	transition: .5s;
	padding-top: 60px;
	z-index: 4444;
}

@keyframes gradientShift {
	0%,100% {
		background-position: 0 50%;
	}

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

@keyframes bounce {
	0%,100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

.sidebar-area2 .theme-btn2 {
	display: inline-block;
	border-radius: 80px;
	background: #fff;
	padding: 12px 12px 12px 18px;
	color: #ff6e35;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	transition: .4s;
	position: relative;
	overflow: hidden;
	z-index: 2;
	border: none;
}

.preloader,.preloader.preloader2 {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
}

.sidebar-area2 .theme-btn2::after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	height: 100%;
	width: 0%;
	border-radius: 80px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	z-index: -1;
	transition: .4s;
}

.sidebar-area2 .theme-btn2 span {
	display: inline-block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	transform: rotate(-45deg);
	transition: .4s;
}

.sidebar-area2 .theme-btn2:hover span {
	background-color: #fff;
	color: #fa7d3c;
	transition: .4s;
}

.preloader {
	background-color: #fff;
	justify-content: center;
}

.preloader.preloader2 {
	background-color: #000;
	justify-content: center;
}

.loading,.loading-container {
	height: 140px;
	position: relative;
	width: 140px;
	border-radius: 100%;
}

.loading,.loading.loading2 {
	border: 1px solid transparent;
}

.loading-container {
	margin: 40px auto;
}

.loading {
	border-color: transparent #fb3f52;
}

.loading.loading2 {
	border-color: transparent #ff6e35!important;
}

.loading.loading5 {
	border: 1px solid transparent;
	border-color: transparent #9553fd;
}

.fade-in-down,.header-area1.sticky,.header-area5.sticky {
	animation-name: fade-in-down;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.loading-container .loading,.loading-container:hover .loading {
	transition: .5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	transform: translate(-50%,-50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0);
	}

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

.case1 .case1-slider .single-slider {
	position: relative;
	margin: 0 10px;
}

.case1 .case1-slider .single-slider .image {
	overflow: hidden;
	border-radius: 8px;
}

.blog3 .blog-box .image img,.case-page .single-slider .image img,.case1 .case1-slider .single-slider .image img,.details-sidebox .recent-post ul li a:hover::after,.team1 .team-box .image img {
	width: 100%;
	transition: .4s;
}

.case1 .case1-slider .single-slider:hover .image img {
	transition: .4s;
	transform: scale(1.1) rotate(2deg);
}

.case-page .single-slider .heading-area,.case1 .case1-slider .single-slider .heading-area {
	border-radius: 8px;
	background: #fff;
	padding: 24px;
	margin: 0 24px;
	position: absolute;
	bottom: 30px;
	width: 87%;
}

.case-page .single-slider .heading-area p,.case1 .case1-slider .single-slider .heading-area p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.case1 .case1-slider .single-slider .heading-area h4 a {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	transition: .4s;
}

.details-sidebox .recent-post ul li a,.details-sidebox h3,.tes1 .testimonials-box-2 .bottom .content h6 a,.tes1 .testimonials-box-2 .bottom .content p,.tes1 .testimonials-box-2 .text {
	color: var(--Home-Page-3-Color-Text-Color,#070811);
	font-style: normal;
}

.case-page .single-slider .heading-area .arrow-right,.case1 .case1-slider .single-slider .heading-area .arrow-right {
	display: inline-block;
	height: 48px;
	width: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 50%;
	position: absolute;
	top: -20px;
	right: -20px;
	transform: rotate(-45deg);
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
}

.case1 .case1-buttons button {
	color: #3b32f6;
	font-size: 20px;
	height: 56px;
	width: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	border: none;
	margin-left: 5px;
}

.case1 .case1-buttons button i {
	position: relative;
	z-index: 4;
}

.case1 .case1-buttons button::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
}

.case1 .case1-buttons button::after,.case1 .case1-buttons button:hover::after {
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
	border-radius: 50%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	transition: .4s;
}

.case1 .case1-buttons button::after {
	transform: scale(.4);
	opacity: 0;
}

.case1 .case1-buttons button:hover::after {
	transform: scale(1);
	opacity: 1;
}

.blog1 .blog-box,.blog1.blog2 .blog-box,.case3 .blog-box {
	margin-top: 30px;
	transition: .4s;
}

.blog1.blog2 .blog-box .image img,.blog1.blog2 .blog-box:hover .image img,.case3 .blog-box .image img,.case3 .blog-box:hover .image img {
	width: 100%;
	transition: .4s;
	border-radius: 5px 5px 0 0;
	background: url(_path-to-image.html>) 50%/cover no-repeat #d3d3d3;
}

.blog1.blog2 .blog-box .heading1,.case3 .blog-box .heading1 {
	border-radius: 0 0 5px 5px;
	background: #fff;
	padding: 28px;
	transition: .4s;
}

.blog1 .blog-box .heading1 .date,.blog1.blog2 .blog-box .heading1 .date,.blog3 .blog-box .heading3 .date,.case3 .blog-box .heading1 .date {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: uppercase;
	display: inline-block;
}

.blog1 .blog-box .heading1 .date img,.blog1.blog2 .blog-box .heading1 .date img,.case3 .blog-box .heading1 .date img {
	margin-top: -5px;
	margin-right: 5px;
}

.blog1 .blog-box .heading1 h5 a,.blog1.blog2 .blog-box .heading1 h5 a,.case3 .blog-box .heading1 h5 a {
	padding-top: 16px;
}

.case3 .blog-box:hover .heading1 {
	border-radius: 0 0 5px 5px;
	transition: .4s;
}

.blog1::after,.case3::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg/blog1-bg.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -3;
}

.blog1 .shape1,.case3 .shape1 {
	position: absolute;
	bottom: 40%;
	right: 60px;
}

.case-page .single-slider {
	position: relative;
	margin: 0 10px 30px;
	transition: .4s;
}

.case-page .single-slider .image {
	border-radius: 8px;
	overflow: hidden;
}

.case-page .single-slider .heading-area h4 a {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.case-page .single-slider:hover {
	transform: translateY(-10px);
}

.case-page .single-slider:hover .image img {
	transform: rotate(2deg) scale(1.1);
	transition: .4s;
}

.team1 .team-box {
	margin-top: 30px;
	position: relative;
}

.team1 .team-box .image {
	overflow: hidden;
	border-radius: 6px;
}

.team1 .team-box .heading-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.09);
	position: relative;
	z-index: 2;
	margin: -53px 24px 0;
}

.team1 .team-box .heading-area .heading1 h3 a {
	padding-bottom: 10px;
}

.team1 .team-box .heading-area .icon-area .icon {
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
}

.team1 .team-box .heading-area .icon-area .icon-list {
	position: absolute;
	bottom: 100px;
	right: 0;
	transform: rotateX(60deg) translateY(160px);
	opacity: 0;
	transition: .4s;
}

.team1 .team-box .heading-area .icon-area .icon-list li a {
	display: inline-block;
	height: 44px;
	width: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 50%;
	color: #0b0314;
	position: relative;
	margin: 5px 0;
	font-size: 18px;
	transition: .4s;
}

.team1 .team-box .heading-area .icon-area .icon-list li a i {
	position: relative;
	z-index: 9;
}

.team1 .team-box .heading-area .icon-area .icon-list li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	transition: .4s;
	opacity: 0;
	transform: scale(.4);
}

.team1 .team-box .heading-area .icon-area .icon-list li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	transition: .4s;
}

.team1 .team-box .heading-area .icon-area .icon-list li a:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	transition: .4s;
	opacity: 1;
	transform: scale(1);
}

.team1 .team-box:hover .heading-area .icon-area .icon-list {
	transform: rotateX(0) translateY(0);
	opacity: 1;
	transition: .4s;
}

.prf {
	background: #c8c8c8;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: anchor-center;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 700;
}

.prf.color-1 {
	background: #ff7140;
	color: #fff;
}

.prf.color-3 {
	background: #ffc267;
	color: #fff;
}

.prf.color-4 {
	background: #162d33;
	color: #fff;
}

.prf.color-5 {
	background: #071039;
	color: #fff;
}

.tes1 .left .swiper-button-next,.tes1 .left .swiper-button-prev {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 50%;
	z-index: 99;
}

.tes1 .left .swiper-pagination span {
	font-size: 16px;
	font-weight: 400;
}

.tes1 .left .swiper-pagination .swiper-pagination-current {
	margin-right: -4px;
}

.tes1 .left .swiper-pagination .swiper-pagination-total {
	margin-left: -4px;
}

.tes1 .block-text .heading {
	text-transform: capitalize;
	margin-bottom: 15px;
}

.tes1 .block-text .desc {
	font-size: 20px;
	padding: 0 100px;
}

.tes1 .swiper-testimonial-2 {
	margin-top: 47px;
	border-radius: 4px;
	background-color: var(--vtc-bg-common-bg1);
}

.tes1 .testimonials-box-2 {
	border-radius: 12px;
	background: var(--bg1);
	padding: 32px 50px 32px 32px;
}

.tes3 .testimonial7-all,.tes4 .testimonial7-all {
	background-color: #fff;
	padding: 32px;
	position: relative;
}

.tes1 .testimonials-box-2 .icon,.tes1 .testimonials-box-2 h6 {
	margin-bottom: 10px;
}

.tes1 .testimonials-box-2 .text {
	font-family: "Plus Jakarta Sans";
	font-size: 22px;
	font-weight: 500;
	line-height: 36px;
}

.tes1 .testimonials-box-2 .bottom {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tes1 .testimonials-box-2 .bottom .content h6 a {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}

.tes1 .testimonials-box-2 .bottom .info {
	display: flex;
}

.tes1 .testimonials-box-2 .bottom .info img {
	min-width: 60px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 20px;
}

.tes1 .testimonials-box-2 .bottom .info .content {
	padding-top: 6px;
}

.tes1 .testimonials-box-2 .bottom img {
	width: 35.28px;
	height: 40.1px;
}

.tes1 .map-testimonial-area {
	transform: translateY(-380px) translateX(30px);
}

.tes1 .map-testimonial {
	position: relative;
	height: 433.01px;
}

@media only screen and (max-width:1200px) {
	.tes1 .block-text .desc {
		padding: 0;
	}

	.tes1 .map-testimonial {
		margin-top: 80px;
	}
}

@media only screen and (max-width:1024px) {
	.tes1 .map-testimonial,.tes1 .map-testimonial img {
		width: 100%;
	}
}

.tes1 .map-testimonial img.map {
	position: absolute;
	top: 69px;
	left: 24px;
}

.tes1 .map-testimonial .swiper-thumb2 {
	width: 100%;
	height: 100%;
}

.tes1 .map-testimonial .swiper-slide {
	position: absolute;
	z-index: 9;
	width: 70px;
	height: 70px;
	cursor: pointer;
}

.tes1 .map-testimonial .swiper-slide div {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 10px 25px rgba(71,92,133,.1);
}

.tes1 .map-testimonial .swiper-slide div::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 2px solid #5a65f5;
	opacity: 0;
}

.tes1 .map-testimonial .swiper-slide div img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.tes1 .map-testimonial .swiper-slide.swiper-slide-thumb-active div::after {
	content: "";
	position: absolute;
	top: auto;
	border-color: #5a65f5 transparent transparent;
	border-style: solid;
	border-width: 12px 6px 0;
	height: 0;
	width: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -14px;
}

.tes1 .map-testimonial .swiper-slide:first-child {
	bottom: 0;
	left: 26px;
}

.tes1 .map-testimonial .swiper-slide:nth-child(2) {
	bottom: 0;
	right: -60px;
}

.tes1 .map-testimonial .swiper-slide:nth-child(3) {
	bottom: 26%;
	right: -105px;
}

.tes1 .map-testimonial .swiper-slide:nth-child(4) {
	top: 35%;
	right: -60px;
}

.tes1 .map-testimonial .swiper-slide:nth-child(5) {
	top: 35%;
	left: 3%;
}

.tes1 .map-testimonial .swiper-slide:nth-child(6) {
	top: 61%;
	left: 0;
}

.pagination-buttons button {
	border-radius: 50%;
	border: none;
	background-color: #5a65f5;
	height: 60px;
	width: 60px;
	color: #fff;
	font-size: 20px;
	transition: .4s;
}

.pagination-buttons button:hover {
	transition: .4s;
	background-color: var(--vtc-text-heading-1);
}

.tes1 .pagination-buttons .swiper-button-prev {
	position: absolute;
	right: -15px;
	left: auto;
	transform: translateY(-35px);
}

.tes1 .pagination-buttons .swiper-button-next {
	position: absolute;
	right: -15px;
	left: auto;
	transform: translateY(35px);
}

.tes3 {
	background-color: #f5f6ff;
}

.tes3 .testimonial7-all {
	margin-right: 100px;
	border-radius: 8px;
}

.tes3 .testimonial7-all p.text,.tes4 .testimonial7-all p.text,.tes5 .testimonial7-all p.text {
	color: var(--Home-Page-7-Main-Color,#0b101f);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	padding: 16px 0;
}

.tes3 .testimonial7-all .star ul li,.tes4 .testimonial7-all .star ul li,.tes5 .testimonial7-all .star ul li {
	display: inline-block;
	color: #ffa800;
	margin: 0 3px;
}

.tes3 .testimonial7-all .bottom,.tes4 .testimonial7-all .bottom,.tes5 .testimonial7-all .bottom {
	padding-top: 5px;
}

.tes1 .tes1-box-all .tes1-box-area .bottom-heading .heading1,.tes3 .testimonial7-all .bottom .info .content,.tes4 .testimonial7-all .bottom .info .content,.tes5 .testimonial7-all .bottom .info .content {
	padding-left: 16px;
}

.tes3 .testimonial7-all .bottom h6 a,.tes4 .testimonial7-all .bottom h6 a,.tes5 .testimonial7-all .bottom h6 a,.testimonial-page-sec .tes-box .bottom .content h5 a {
	display: inline-block;
	color: var(--Home-Page-7-Main-Color,#0b101f);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.tes3 .testimonial7-all .bottom .position,.tes4 .testimonial7-all .bottom .position,.tes5 .testimonial7-all .bottom .position {
	color: var(--Home-Page-7-Paragraph-Color,#4d4b5f);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	padding-top: 10px;
}

.tes3 .testimonial7-all .pagination-buttons {
	position: absolute;
	right: -90px;
	top: 50%;
	margin-top: -61px;
}

.tes3 .testimonial7-all .pagination-buttons button,.tes4 .testimonial7-all .pagination-buttons button {
	font-size: 20px;
	height: 56px;
	width: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	margin: 5px 0;
	border: none;
	background: #fff;
	transition: .4s;
}

.tes4 .testimonial7-all,.tes5 .testimonial7-all {
	margin-left: 100px;
	border-radius: 8px;
}

.tes3 .testimonial7-all .pagination-buttons button:first-child {
	transform: rotate(-90deg);
}

.tes3 .testimonial7-all .pagination-buttons button i {
	background: padding-box text #ff6e35;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .4s;
}

.tes3 .testimonial7-all .pagination-buttons button:hover {
	transition: .4s;
	background: #ff6e35;
}

.tes3 .testimonial7-all .pagination-buttons button:hover i,.tes4 .testimonial7-all .pagination-buttons button:hover i,.tes5 .testimonial7-all .pagination-buttons button:hover i {
	background: var(--Home-Page-7-Linner-Color,linear-gradient(90deg,#fff 0,#fff 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tes3.testimonial-page .pagination-buttons button i {
	color: #fb3f52;
	background-color: #fb3f52;
}

.tes3.testimonial-page .pagination-buttons button:hover {
	background: #fb3f52;
}

.tes4 .testimonial7-all .pagination-buttons,.tes5 .testimonial7-all .pagination-buttons {
	position: absolute;
	left: -90px;
	top: 50%;
	margin-top: -61px;
}

.tes4 .testimonial7-all .pagination-buttons button:first-child,.tes5 .testimonial7-all .pagination-buttons button:first-child {
	transform: rotate(0);
}

.tes4 .testimonial7-all .pagination-buttons button i {
	background: padding-box text #49a6ff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .4s;
}

.tes4 .testimonial7-all .pagination-buttons button:hover {
	transition: .4s;
	background: linear-gradient(90deg,#3b32f6 0,#49a6ff 100%);
}

.tes5 .testimonial7-all {
	background-color: #f5f5fd;
	padding: 32px;
	position: relative;
}

.tes5 .testimonial7-all .pagination-buttons button {
	font-size: 20px;
	height: 56px;
	width: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	margin: 5px 0;
	border: none;
	background: #f5f5fd;
}

.tes5 .testimonial7-all .pagination-buttons button i {
	background: padding-box text #5700fc;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .4s;
}

.tes5 .testimonial7-all .pagination-buttons button:hover {
	transition: .4s;
	background: linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%);
}

.testimonial-page-sec .tes-box {
	margin-top: 30px;
	background-color: #f5f5fd;
	border-radius: 8px;
	padding: 28px 30px;
	transition: .4s;
}

.testimonial-page-sec .tes-box .stars ul li {
	display: inline-block;
	color: #ffa800;
}

.testimonial-page-sec .tes-box p {
	color: var(--Home-Page-7-Main-Color,#3a3e4b);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	padding: 18px 0 24px;
}

.testimonial-page-sec .tes-box .bottom .content {
	padding-left: 20px;
}

.testimonial-page-sec .tes-box .bottom .content p {
	padding: 4px 0 0;
}

.testimonial .testimonial-caption {
	z-index: 9;
	position: relative;
}

.testimonial .testimonial-caption label {
	margin-bottom: 0;
	font-weight: 500;
	color: var(--themeht-text-color);
	display: block;
}

.testimonial .testimonial-caption h5 {
	color: var(--themeht-primary-color);
	display: inline-block;
	margin-bottom: 10px;
}

.testimonial .testimonial-quote i {
	position: relative;
	display: inline-block;
	z-index: 9;
	color: var(--themeht-primary-color);
	font-size: 70px;
	line-height: 1;
	opacity: .4;
}

.testimonial-img img {
	border-radius: 20px;
	position: relative;
	z-index: 9;
	width: 100%;
}

.comment-boxs .comment-box .outhor-area-all,.testimonial-media {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.testimonial.style-1 {
	border-radius: 20px;
	opacity: .3;
	padding: 70px 70px 65px;
	box-shadow: none;
	margin: 0 20px;
	display: flex;
	align-items: center;
}

.testimonial.style-1 .testimonial-img {
	border-radius: 100%;
	position: relative;
	flex-shrink: 0;
	display: inline-block;
	width: 150px;
	height: 150px;
	margin-right: 30px;
}

.testimonial.style-1 .testimonial-media {
	justify-content: inherit;
}

.testimonial.style-1 img {
	border-radius: 100%;
	position: relative;
	z-index: 9;
	width: 100%;
}

.swiper-slide.swiper-slide-active .testimonial.style-1 {
	background: linear-gradient(115deg,var(--themeht-primary-color),var(--themeht-secondary-color));
	opacity: 1;
}

.swiper-slide.swiper-slide-active .testimonial-quote i,.swiper-slide.swiper-slide-active .testimonial.style-1 .testimonial-caption h5,.swiper-slide.swiper-slide-active .testimonial.style-1 .testimonial-caption label,.swiper-slide.swiper-slide-active .testimonial.style-1 p,.testimonial-box.testimonial-dark .testimonial.style-2 .testimonial-caption h5,.testimonial-box.testimonial-dark .testimonial.style-2 .testimonial-caption label,.testimonial-box.testimonial-dark .testimonial.style-2 p {
	color: var(--themeht-white-color);
}

.testimonial-box {
	background: var(--themeht-white-color);
	border-radius: 20px;
}

.testimonial.style-2 {
	margin: 0;
	padding: 0;
}

.testimonial.style-2 .testimonial-img {
	overflow: hidden;
	border-radius: 100%;
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
}

.testimonial-carousel .carousel-inner {
	z-index: 9;
}

.testimonial-box.testimonial-dark {
	background: linear-gradient(115deg,var(--themeht-primary2-color),var(--themeht-secondary2-color));
}

.testimonial-carousel .controls li {
	transform: scale(.8);
	position: absolute;
	animation: 5s infinite leftRight;
	width: 100px;
	border-radius: 100%;
	cursor: pointer;
}

.testimonial-carousel .controls li img {
	transform: scale(.8);
	border-radius: 20px;
}

.testimonial-carousel .controls li.active img {
	transform: scale(1);
	border-radius: 100%;
}

.testimonial-carousel .controls li:first-child {
	left: 0;
	top: 0;
}

.testimonial-carousel .controls li:nth-child(2) {
	left: 10%;
	top: 30%;
}

.testimonial-carousel .controls li:nth-child(3) {
	left: 0;
	bottom: 30%;
	animation: 5s infinite topBottom;
}

.testimonial-carousel .controls li:nth-child(4) {
	left: 10%;
	bottom: 0;
}

.testimonial-carousel .controls li:nth-child(5) {
	right: 0;
	top: 0;
}

.testimonial-carousel .controls li:nth-child(6) {
	right: 10%;
	top: 30%;
}

.testimonial-carousel .controls li:nth-child(7) {
	right: 0;
	bottom: 30%;
	animation: 5s infinite topBottom;
}

.testimonial-carousel .controls li:nth-child(8) {
	right: 10%;
	bottom: 0;
}

.tes1 .tes1-box-all .tes1-box-area {
	border-radius: 50px 8px;
	background: #f4f3ff;
	margin-left: 160px;
	padding: 48px 48px 48px 160px;
	text-align: start;
}

.tes1 .tes1-box-all .tes1-box-area .stars li {
	color: #ffa800;
	font-size: 16px;
	height: 36px;
	width: 36px;
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 36px;
	display: inline-block;
	margin: 0 3px;
}

.blog1 .blog-box .image img,.blog1 .blog-box:hover .image img {
	background: url(_path-to-image.html>) 50%/cover no-repeat #d3d3d3;
}

.tes1 .tes1-box-all .tes1-box-area p {
	color: var(--Home-Page-8-Text-Color,rgba(39,26,60,.8078431373));
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 38px;
	padding: 24px 0;
}

.tes1 .tes1-box-all .tes1-box-area .bottom-heading .image {
	width: 70px;
}

.tes1 .tes1-box-all .tes1-box-area .bottom-heading .heading1 p {
	color: var(--Home-Page-8-Paragraph-Color,#554f5f);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	padding: 8px 0 0;
}

.tes1 .main-img {
	position: absolute;
	left: 0;
	bottom: 70px;
	padding-right: 30px;
	width: 320px;
}

.tes1.tes2 .tes1-box-all .tes1-box-area {
	background: #fff;
	border-radius: 8px;
}

.tes1-all-slider-area {
	width: 1200px;
}

.work1 .work-box,.work2 .work-box,.work3 .work-box {
	margin-top: 30px;
	padding: 32px;
	position: relative;
	z-index: 4;
	display: flex;
	align-items: start;
	transition: .4s;
}

.work1 .work-box .heading1,.work2 .work-box .heading1,.work3 .work-box .heading1 {
	position: relative;
	z-index: 3;
	padding-left: 30px;
}

.work1 .work-box .icon-area,.work2 .work-box .icon-area,.work3 .work-box .icon-area {
	position: relative;
	z-index: 2;
	width: 100px;
}

.work1 .work-box .icon-area .icon,.work2 .work-box .icon-area .icon,.work3 .work-box .icon-area .icon {
	position: relative;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	line-height: 100px;
	text-align: center;
}

.work1 .work-box .icon-area .icon::after,.work2 .work-box .icon-area .icon::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #646bf9;
	z-index: 2;
	border-radius: 50%;
	transition: .4s;
	opacity: 0;
	transform: scale(.4);
}

.work1 .work-box .icon-area .icon-span::before,.work1 .work-box .icon-area .icon::before,.work1 .work-box::after,.work2 .work-box .icon-area .icon-span::before,.work2 .work-box .icon-area .icon::before,.work2 .work-box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
}

.work1 .work-box .icon-area .icon::before,.work2 .work-box .icon-area .icon::before,.work3 .work-box .icon-area .icon-span::before {
	z-index: 2;
	border-radius: 50%;
}

.work1 .work-box .icon-area .icon-span,.work2 .work-box .icon-area .icon-span,.work3 .work-box .icon-area .icon-span {
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 32px;
	position: absolute;
	top: -3px;
	right: -3px;
}

.work1 .work-box .icon-area .icon-span p,.work2 .work-box .icon-area .icon-span p,.work3 .work-box .icon-area .icon-span p {
	position: relative;
	z-index: 4;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	transition: .4s;
}

.work1 .work-box .icon-area .icon-span::before,.work2 .work-box .icon-area .icon-span::before {
	z-index: 2;
	border-radius: 50%;
	transition: .4s;
}

.work1 .work-box .icon-area .icon-span::after,.work2 .work-box .icon-area .icon-span::after,.work3 .work-box .icon-area .icon-span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 2;
	border-radius: 50%;
	transition: .4s;
	opacity: 0;
	transform: scale(.4);
}

.work1 .work-box::after,.work2 .work-box::after {
	border-radius: 100px;
	z-index: 1;
	transition: .4s;
	transform: scale(.4);
	opacity: 0;
}

.work1 .work-box.active::before,.work1 .work-box::before,.work1 .work-box:hover::before {
	background: #f6f7ff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: .4s;
	content: "";
	height: 100%;
	z-index: 1;
}

.work1 .work-box.active .icon-area .icon-span p,.work1 .work-box:hover .icon-area .icon-span p,.work2 .work-box.active .icon-area .icon-span p,.work2 .work-box:hover .icon-area .icon-span p {
	color: #3b32f6;
	transition: .4s;
}

.work1 .work-box.active .icon-area .icon-span::after,.work1 .work-box:hover .icon-area .icon-span::after,.work2 .work-box.active .icon-area .icon-span::after,.work2 .work-box:hover .icon-area .icon-span::after,.work3 .work-box.active .icon-area .icon-span::after,.work3 .work-box:hover .icon-area .icon-span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 2;
	border-radius: 50%;
	transition: .4s;
	opacity: 1;
	transform: scale(1);
}

.work1 .work-box.active .heading1 p,.work1 .work-box:hover .heading1 p,.work2 .work-box.active .heading1 p,.work2 .work-box:hover .heading1 p,.work3 .work-box.active .heading1 h4,.work3 .work-box.active .heading1 p,.work3 .work-box:hover .heading1 h4,.work3 .work-box:hover .heading1 p {
	transition: .4s;
	color: rgba(255,255,255,.8705882353);
}

.work1 .work-box.active::after,.work1 .work-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px 50px;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	z-index: 1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.work1 .work-images,.work2 .work-images,.work3 .work-images {
	position: relative;
	height: 600px;
}

.work1 .work-images .image1,.work2 .work-images .image1,.work3 .work-images .image1 {
	margin-right: -80px;
	position: relative;
	top: -50px;
}

.work-images img {
	width: 100%;
	TEXT-ALIGN: end!important;
	margin-top: 8%;
	margin-left: 5%;
}

.work1 .work-images .image2,.work2 .work-images .image2,.work3 .work-images .image2 {
	position: absolute;
	top: 70px;
	right: 0;
}

.work1 .work-images .image3,.work2 .work-images .image3,.work3 .work-images .image3 {
	position: absolute;
	bottom: -60px;
	left: 100px;
	width: 300px;
}

.work1.service-page .work-box::before,.work2.service-page .work-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
	transition: .4s;
	border-radius: 8px!important;
}

.work2 .work-box.active::before,.work2 .work-box::before,.work2 .work-box:hover::before,.work3 .work-box.active::before,.work3 .work-box::before,.work3 .work-box:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: #f6f7ff;
	z-index: 1;
	transition: .4s;
}

.work2 .work-box.active::after,.work2 .work-box:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: var(--SEO-Marketing-New,linear-gradient(90deg,#3b32f6 0,#49a6ff 100%));
	z-index: 1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.work3 .work-box .icon-area .icon::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ffb536;
	z-index: 2;
	border-radius: 50%;
	transition: .4s;
	opacity: 0;
	transform: scale(.4);
}

.work3 .work-box .icon-area .icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ffb84a;
	z-index: 2;
	border-radius: 50%;
}

.work3 .work-box .icon-area .icon-span::before,.work3 .work-box::after,.work3 .work-box:hover::after {
	background: #ff6e35;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: .4s;
	content: "";
	left: 0;
}

.work3 .work-box::after {
	border-radius: 100px;
	z-index: 1;
	transform: scale(.4);
	opacity: 0;
}

.heading1 a {
	display: flex;
	justify-content: space-between;
	color: #000;
}

.heading1 span {
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	line-height: 42px;
	transform: rotate(-45deg);
	transition: .4s;
}
.ino {
    display: flex;
    justify-content: space-between;
}

.work3 .work-box.active .heading1 span,.work3 .work-box:hover .heading1 span {
	background-color: #fff;
	color: #ff6e35;
}

.work3 .work-box.active .icon-area .icon-span p,.work3 .work-box:hover .icon-area .icon-span p {
	color: #ffb84a;
	transition: .4s;
}

.work3 .work-box:hover::after {
	border-radius: 8px;
	z-index: 1;
	transform: scale(1);
	opacity: 1;
}

.work3 .work-box.active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: #ff7140;
	z-index: 1;
	transition: .4s;
	transform: scale(1);
	opacity: 1;
}

.blog1 .blog-box .image img {
	width: 100%;
	transition: .4s;
	border-radius: 50px 5px 0 0;
}

.blog1 .blog-box .heading1 {
	border-radius: 0 0 50px 8px;
	background: #fff;
	padding: 28px;
	transition: .4s;
}

.blog1 .blog-box .heading1 .author-area a,.blog3 .blog-box .author-area a {
	padding-right: 30px;
	position: relative;
}

.blog1 .blog-box .heading1 .author-area a:last-child::after,.blog3 .blog-box .author-area a:last-child::after {
	content: "";
	position: absolute;
	top: 0;
	left: -20px;
	height: 16px;
	width: 2px;
	background-color: rgba(93,99,105,.4862745098);
}

.blog1 .blog-box:hover .image img {
	width: 100%;
	transition: .4s;
	border-radius: 5px 50px 0 0;
}

.blog1 .blog-box:hover .heading1 {
	border-radius: 0 0 8px 50px;
	transition: .4s;
}

.blog1.blog5 .blog-box .heading1 h5 a:hover {
	color: #5700fc;
}

.blog1.blog2 .blog-box:hover .heading1 {
	border-radius: 0 0 8px 5px;
	transition: .4s;
}

.blog1.blog2.blog-page .blog-box {
	margin-top: 0;
	margin-bottom: 30px;
}

.blog3 .blog-box {
	margin-top: 20px;
	background-color: #fff;
	border-radius: 8px;
	transition: .4s;
}

.blog3 .blog-box .image {
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.blog3 .blog-box .heading3 {
	padding: 32px;
}

.content h3 a {
    color: #000 !important;
    font-size: 23px;
}

.blog3 .blog-box .heading3 h3 a {
    color: #000;
}

.blog3 .blog-box .heading3 h3 {
	display: inline-block;
	font-size: 24px;
	line-height: 32px;
	padding: 12px 0 16px;
	transition: .4s;
}

.blog3 .blog-box .heading3 .date img {
	transform: translateY(-4px);
	margin-right: 3px;
}

.blog3 .blog-box:hover .image img {
	transition: .4s;
	transform: scale(1.1) rotate(4deg);
}

.blog3 .blog-box.smoll .heading3 h4 a {
	font-size: 20px;
	line-height: 28px;
	padding: 12px 0 24px;
}

.details-sidebox {
	border-radius: 4px;
	background: #f5f5fd;
	padding: 24px;
	margin-bottom: 40px;
}

.details-sidebox h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
	padding-bottom: 24px;
}


.work-box.active h3 {
    color: #fff;
}

.work3 .work-box:hover h3 {
    color: #fff;
}
.work-box h3 {
    font-size: 22px;
}
.btn-cta,.floatbutton .clickbutton,.self-info h2 {
	text-transform: uppercase;
}

.details-sidebox .search-area input {
	background-color: #fff;
	border-radius: 4px;
	padding: 18px 20px;
	border: none;
	width: 100%;
}

.details-sidebox .search-area input::-moz-placeholder {
	color: var(--Home-Page-3-Color-Text-Color,#070811);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.details-sidebox .search-area input::placeholder {
	color: var(--Home-Page-3-Color-Text-Color,#070811);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.details-sidebox .search-area .button button {
	background: 0 0;
	border: none;
	position: absolute;
	top: 16px;
	right: 16px;
	font-size: 20px;
}

.details-sidebox .recent-post ul li a {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	padding: 24px 22px 24px 26px;
	border-radius: 4px;
	background: #fff;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	transition: .4s;
}

.details-posts .details-post-single .details-list li,.details-sidebox .categorys ul li a {
	display: flex;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 18px;
	line-height: 18px;
	font-style: normal;
}

.details-sidebox .recent-post ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2%;
	height: 100%;
	background-color: var(--vtc-bg-main-bg-1);
	border-radius: 4px;
	z-index: -1;
	transition: .4s;
}

.details-sidebox .blog-writers ul li {
	display: inline-block;
	margin-right: 12px;
}

.details-sidebox .categorys ul li a {
	position: relative;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px;
	margin-top: 20px;
	padding: 20px;
	font-weight: 500;
	z-index: 1;
	transition: .4s;
}

.details-sidebox .categorys ul li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 120px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	transform: scale(.4);
	opacity: 0;
	transition: .4s;
	z-index: -1;
}

.details-sidebox .categorys ul li a::before,.details-sidebox .tags ul li a::before {
	position: absolute;
	background: #fff;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	content: "";
	left: 0;
}

.details-sidebox .categorys ul li a::before {
	border-radius: 8px;
}

.details-sidebox .categorys ul li a:hover::after {
	transform: scale(1);
	opacity: 1;
	transition: .4s;
	border-radius: 8px;
}

.details-sidebox .categorys ul li:first-child a {
	margin-top: 6px;
}

.details-sidebox .phone-btn a {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	border-radius: 4px;
	padding: 21px 18px 16px;
	transition: .4s;
}

.details-sidebox .phone-btn a:hover {
	transform: translateY(-5px);
}

.details-sidebox .phone-btn a img {
	margin-right: 2px;
	transform: translateY(-3px);
}

.details-posts .details-social-area .social-area ul li,.details-posts .details-social-area .tags-area ul li,.details-sidebox .tags ul li,.footer1 .footer-social li,.footer3 .footer-social li,.footer5 .footer-social li,.header-area.header-area1 .header-elements .header1-buttons span,.header-area.header-area5 .header-elements .header1-buttons span {
	display: inline-block;
}

.details-sidebox .tags ul li a {
	display: inline-block;
	color: var(--Home-Page-3-Color-Text-Color,#070811);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	transition: .4s;
	border-radius: 4px;
	padding: 10px 16px;
	margin: 0 12px 12px 0;
	position: relative;
	z-index: 1;
}

.details-sidebox .tags ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: 0;
	transform: scale(.4);
	opacity: 0;
	transition: .4s;
	border-radius: 4px;
	z-index: -1;
}

.details-sidebox .tags ul li a:hover::after {
	transform: scale(1);
	opacity: 1;
	transition: .4s;
}

.details-posts.left,.footer1 .menu-list,.footer3 .menu-list,.footer5 .menu-list,.left-space30 {
	padding-left: 30px;
}

.details-posts.right,.right-space30 {
	padding-right: 30px;
}

.details-posts .details-post-single .details-list {
	margin-top: 16px;
}

.details-posts .details-post-single .details-list li {
	align-items: center;
	font-weight: 500;
	padding-top: 16px;
}

.details-posts .details-post-single .details-list li span.check {
	display: inline-block;
	height: 20px;
	width: 20px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
}

.details-posts .details-tagsdates li {
	display: inline-block;
	margin-right: 38px;
}

.details-posts .details-tagsdates li.tag a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	border-radius: 4px;
	padding: 10px 12px;
	position: relative;
}

.details-posts .details-tagsdates li.date a {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	position: relative;
}

.details-posts .details-tagsdates li.date a::after {
	content: "";
	position: absolute;
	left: -20px;
	top: 0;
	width: 2px;
	height: 20px;
	background-color: #d4d3d6;
}

.details-posts .details-tagsdates li.date a img {
	transform: translateY(-3px);
	margin-right: 4px;
}

.details-posts .details-border {
	background-color: #e7e6e7;
	height: 1px;
	width: 100%;
	margin: 40px 0;
}

.details-posts .details-social-area .social-area ul li.text,.details-posts .details-social-area .tags-area ul li.text {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	margin-right: 10px;
}

.details-posts .details-social-area .tags-area ul li.tag a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	border-radius: 4px;
	padding: 10px 12px;
	position: relative;
	margin-left: 12px;
}

.details-posts .details-social-area .social-area ul li.icon a,.footer1 .footer-social li a,.footer3 .footer-social li a,.footer5 .footer-social li a {
	display: inline-block;
	color: #0b0314;
	margin: 0 1px;
	height: 44px;
	width: 44px;
	line-height: 44px;
	position: relative;
	transition: .4s;
	font-size: 18px;
	text-align: center;
}

.details-posts .details-social-area .social-area ul li.icon a,.footer1 .footer-social li a,.footer5 .footer-social li a {
	border-radius: 50%;
}

.details-posts .details-social-area .social-area ul li.icon a::after,.footer1 .footer-social li a::after,.footer3 .footer-social li a::after,.footer5 .footer-social li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #f5f5fd;
	border-radius: 50%;
	z-index: -2;
}

.details-posts .details-social-area .social-area ul li.icon a::before,.footer1 .footer-social li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}

.details-posts .details-social-area .social-area ul li.icon a:hover::before,.footer1 .footer-social li a:hover::before,.footer3 .footer-social li a:hover::before,.footer5 .footer-social li a:hover::before {
	transition: .4s;
	opacity: 1;
}

.comment-boxs .comment-box {
	margin-top: 30px;
	border-radius: 8px;
	background: var(--SEO-Marketing-Gray-Color,#f5f5fd);
	padding: 32px;
}

.comment-boxs .comment-box .outhor-area-all .author-area .heading {
	padding-left: 22px;
}

.comment-boxs .comment-box .outhor-area-all .author-area .heading a.date {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: uppercase;
}

.comment-boxs .comment-box .outhor-area-all .author-area .heading a.date img {
	transform: translateY(-3px);
	margin-right: 3px;
}

.comment-boxs .comment-box .outhor-area-all .author-area .heading h4 a {
	display: inline-block;
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	padding-top: 12px;
}

.comment-boxs .comment-box .outhor-area-all .reply-btn a {
	display: inline-block;
	color: var(--Main-Text-Color,#1d2940);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-transform: capitalize;
	transition: .4s;
}

.comment-boxs .comment-box .outhor-area-all .reply-btn a:hover {
	transition: .4s;
	color: #fb3f52;
}

.comment-boxs .comment-box p {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	padding-top: 30px;
}

.comment-boxs .comment-box:nth-child(3) {
	margin-left: 40px;
}

.details-contact-area .faq-contact-form {
	border-radius: 8px;
	background-color: #f5f5fd;
	padding: 32px 28px;
}

.details-contact-area .faq-contact-form .single-input input,.details-contact-area .faq-contact-form .single-input textarea {
	border-radius: 4px;
	border: none;
	background-color: #fff;
	padding: 16px;
	width: 100%;
}

.footer1 .logo,.footer3 .logo,.footer5 .logo {
	width: 160px;
	display: inline-block;
	margin-bottom: 20px;
}

.footer1 .form-area,.footer3 .form-area,.footer5 .form-area {
	position: relative;
	margin-top: 28px;
	margin-right: 20px;
}

.footer1 .form-area input,.footer3 .form-area input,.footer5 .form-area input {
	padding: 16px 22px;
	border: none;
	border-radius: 64px;
	background-color: #f5f5fd;
	width: 100%;
}

.footer1 .form-area .form-btn,.footer3 .form-area .form-btn {
	border-radius: 50%;
	position: absolute;
	height: 44px;
	width: 44px;
	line-height: 44px;
	right: 7px;
	top: 7px;
	color: #fff;
	text-align: center;
}

.footer1 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer1 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer1 .form-area .form-btn {
	border: none;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#fb3f52 0,#fa7d3c 100%));
}

.footer1 .menu-list h3,.footer3 .menu-list h3,.footer5 .menu-list h3,ul.footer-social h3 {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer1 .menu-list ul li a,.footer3 .menu-list ul li a,.footer5 .menu-list ul li a {
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: inline-block;
	margin-top: 16px;
	transition: .4s;
}

.footer1 .menu-list.contact-list .contact-box .pera a,.footer3 .menu-list.contact-list .contact-box .pera a,.footer5 .menu-list.contact-list .contact-box .pera a {
	display: inline-block;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	transition: .4s;
}

.footer1 .footer-border,.footer3 .footer-border,.footer5 .footer-border {
	height: 1px;
	width: 100%;
	background-color: #e7e6e7;
	margin: 20px 0;
}

.footer1 .coppyright {
	color: rgba(17,17,17,.7);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.footer3 {
	padding-top: 52px;
	background: #f2f2f2;
}

.footer3 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer3 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer3 .form-area .form-btn {
	border: none;
	background: #ff6e35;
}

.footer3 .menu-list ul li a:hover,.footer5 .menu-list ul li a:hover {
	transition: .4s;
	color: #ff6e35;
	transform: translateX(5px);
}

.footer3 .menu-list.contact-list .contact-box .pera a:hover,.footer5 .menu-list.contact-list .contact-box .pera a:hover {
	transition: .4s;
	color: #ff6e35;
}

.footer3 .coppyright,.footer5 .coppyright {
	color: rgba(17,17,17,.7);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.footer3 .footer-social {
	text-align: start;
	margin-top: 10%;
}

.footer3 .footer-social li a {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: anchor-center;
}

.footer3 .footer-social li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #ff6e35;
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}

.footer5 .footer-social li a::before,.footer5 .form-area .form-btn {
	background: var(--Social-Media-Marketing-Linner-Color-Main,linear-gradient(90deg,#5700fc 2.31%,#9553fd 100%));
	position: absolute;
}

.footer5 .form-area input::-moz-placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer5 .form-area input::placeholder {
	color: var(--SEO-Marketing-Paragraph-Color,#5d6369);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	text-transform: capitalize;
}

.footer5 .form-area .form-btn {
	height: 44px;
	width: 44px;
	line-height: 44px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	border: none;
	right: 7px;
	top: 7px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.plan-toggle-wrap1 h4 {
		color: #0b0314;
	}

	.details-posts.left,.footer1 .menu-list,.footer3 .menu-list,.footer5 .menu-list,.left-space30,.sidebar-area1 .sidebar .menu-list,.sidebar-area2 .sidebar .menu-list {
		padding-left: 0;
	}

	.footer1 .menu-list h3,.footer3 .menu-list h3,.footer5 .menu-list h3,.sidebar-area1 .sidebar .menu-list h3,.sidebar-area2 .sidebar .menu-list h3 {
		margin-bottom: 10px;
		margin-top: 30px;
	}

	.case1 .case1-buttons,.footer1 .footer-social,.footer3 .footer-social,.footer5 .footer-social {
		text-align: start;
		margin-top: 20px;
	}

	.blog1 .shape1,.case3 .shape1,.controls {
		display: none;
	}

	.tes1 .left .swiper-button-next,.tes1 .left .swiper-button-prev {
		top: 110%;
	}

	.tes1 .pagination-buttons .swiper-button-prev {
		right: 50%;
		transform: translateX(-35px);
	}

	.tes1 .pagination-buttons .swiper-button-next {
		right: 50%;
		transform: translateX(35px);
	}

	.tes3 .main-image,.tes4 .main-image,.tes5 .main-image {
		margin-bottom: 40px;
	}

	.tes1 .tes1-box-all .tes1-box-area {
		padding: 160px 48px 48px;
		margin-left: 10px;
		margin-top: 100px;
		margin-right: 10px;
	}

	.tes1 .tes1-box-all .tes1-box-area p {
		font-size: 18px;
		line-height: 28px;
	}

	.tes1 .main-img {
		bottom: auto;
		top: -100px;
		width: 250px;
	}

	.work1 .work-images .image1,.work2 .work-images .image1,.work3 .work-images .image1 {
		margin-right: 0;
	}

	.details-posts.right,.right-space30 {
		padding-right: 0;
	}
}

@media (max-width:767px) {
	.plan-toggle-wrap1 h4 {
		color: #0b0314;
	}

	.details-posts.left,.footer1 .menu-list,.footer3 .menu-list,.footer5 .menu-list,.left-space30,.sidebar-area1 .sidebar .menu-list,.sidebar-area2 .sidebar .menu-list {
		padding-left: 0;
	}

	.footer1 .menu-list h3,.footer3 .menu-list h3,.footer5 .menu-list h3,.sidebar-area1 .sidebar .menu-list h3,.sidebar-area2 .sidebar .menu-list h3 {
		margin-bottom: 10px;
		margin-top: 30px;
	}

	.case1 .case1-buttons,.footer1 .footer-social,.footer3 .footer-social,.footer5 .footer-social {
		text-align: start;
		margin-top: 20px;
	}

	.blog1 .shape1,.case3 .shape1,.controls {
		display: none;
	}

	.tes1 .left .swiper-button-next,.tes1 .left .swiper-button-prev {
		top: 110%;
	}

	.tes1 .testimonials-box-2 {
		padding: 20px;
	}

	.tes1 .testimonials-box-2 .text {
		font-size: 18px;
		line-height: 28px;
	}

	.tes1 .pagination-buttons .swiper-button-prev {
		right: 50%;
		transform: translateX(-35px);
	}

	.tes1 .pagination-buttons .swiper-button-next {
		right: 50%;
		transform: translateX(35px);
	}

	.tes3 {
		padding-bottom: 132px;
	}

	.tes3 .main-image,.tes4 .main-image,.tes5 .main-image {
		margin-bottom: 40px;
	}

	.tes3 .testimonial7-all {
		margin-right: 0;
	}

	.tes3 .testimonial7-all .pagination-buttons,.tes4 .testimonial7-all .pagination-buttons,.tes5 .testimonial7-all .pagination-buttons {
		margin-top: 30px;
		top: 100%;
		display: flex;
		align-items: center;
		left: 0;
	}

	.tes3 .testimonial7-all .pagination-buttons button,.tes4 .testimonial7-all .pagination-buttons button,.tes5 .testimonial7-all .pagination-buttons button {
		margin-right: 20px;
	}

	.tes4,.tes5 {
		padding-bottom: 150px;
	}

	.tes4 .iamge-slider,.tes5 .iamge-slider {
		margin-top: 100px;
	}

	.comment-boxs .comment-box:nth-child(3),.tes4 .testimonial7-all,.tes5 .testimonial7-all {
		margin-left: 0;
	}

	.tes1 .tes1-box-all .tes1-box-area {
		padding: 32px;
		margin-left: 0;
		margin-top: 30px;
	}

	.tes1 .tes1-box-all .tes1-box-area p {
		font-size: 18px;
		line-height: 28px;
		padding: 16px 0;
	}

	.tes1 .main-img {
		bottom: auto;
		top: -100px;
		width: 250px;
		display: none;
	}

	.work1 .work-box,.work2 .work-box,.work3 .work-box {
		display: block;
	}

	.work1 .work-box .heading1,.work2 .work-box .heading1,.work3 .work-box .heading1 {
		padding-left: 0;
		padding-top: 20px;
	}

	.work1 .work-images .image1,.work2 .work-images .image1,.work3 .work-images .image1 {
		margin-right: 0;
		top: 0;
	}

	.work3 .work-images {
		height: 320px;
	}

	.details-posts.right,.right-space30 {
		padding-right: 0;
	}

	.comment-boxs .comment-box {
		padding: 16px;
	}
}

.footer5 .footer-social li a::before {
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}

.cnt-box {
	display: flex;
	flex-direction: column;
	background: #050f458a;
	padding: 18px;
	border-radius: 16px;
	border: 2px solid #ffc239;
	margin-top: 6%!important;
	margin: 0 7%;
	height: 185px;
}

.mai-coun,.person-box {
	margin: 0 auto;
	width: 85%;
}

.cnt-box img {
	width: 12%;
	display: block;
	margin: 0 auto 13px;
}

.cnt-box a {
	font-size: 15px;
	margin-bottom: 3px;
	color: #fff;
	transition: .4s linear;
}

.bookimg,.bookimg img {
	transition: .5s linear;
}

.cnt-box a:hover {
	color: #ffb336;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li a.active {
	color: #fb3f52;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li a.active {
	color: #ff6e35;
}

.header-area {
	padding: 12px 0;
	position: absolute;
	background: 0 0;
	width: 100%;
	z-index: 999;
}

.site-logo {
	max-width: 130px;
	height: auto;
	display: flex;
	align-items: center;
}

.main-menu-ex li,.site-logo a {
	display: inline-block;
	position: relative;
	z-index: 9;
}

.header-area .header-elements {
	display: flex;
	align-items: center;
	align-items: center;
	justify-content: space-between;
}

.header-area1.sticky .header-elements .main-menu-ex {
	padding: 7px 24px;
	position: relative;
}

.main-menu-ex li>ul {
	opacity: 0;
	visibility: hidden;
	top: 60px;
	right: 0;
	transition: .3s;
	transform: translateY(20px) rotateX(45deg);
}

.main-menu-ex li li>ul {
	left: 100%;
	right: auto;
}

.main-menu-ex li li:hover>ul {
	top: 0;
}

.main-menu-ex li:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 50px;
	transition: .3s;
	z-index: 99;
	transform: translateY(0);
}

li.has-dropdown1 span {
	position: absolute;
	right: 10px;
}

.header-area.header-area1 .header-elements,.header-area.header-area5 .header-elements {
	border-radius: 84px;
	background: #fff;
	padding: 14px 24px;
	margin-top: 16px;
}

.header-area.header-area1 .header-elements .main-menu-ex,.header-area.header-area5 .header-elements .main-menu-ex {
	padding: 2px 24px;
	position: relative;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all {
	visibility: hidden;
	opacity: 0;
	box-shadow: rgba(0,0,0,.2) 0 20px 30px;
	position: absolute;
	background: #fff;
	top: 205.3%;
	transform: scale(1,0);
	z-index: 0;
	transition: .4s;
	border-radius: 5px;
	padding: 36px 0;
	left: -625px;
	width: 1300px;
	min-height: 440px;
	overflow-x: hidden;
	overflow-y: hidden;
	transform-origin: top;
	display: block;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all ul,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all ul {
	box-shadow: none!important;
	padding: 0 10px!important;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all ul li a,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all ul li a {
	display: inline-block;
	padding: 8px 0 8px 30px;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	color: #081120;
	padding-left: 44px;
	position: relative;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single h3::after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 43px;
	height: 2px;
	width: 25%;
	background-color: rgba(145,145,145,.2117647059);
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after,.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all .mega-menu-single::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 400px;
	width: 2px;
	background-color: rgba(145,145,145,.2117647059);
	z-index: 99;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li:hover .mega-menu-all,.header-area.header-area5 .header-elements .main-menu-ex ul li:hover .mega-menu-all {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateY(-30px);
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu {
	visibility: hidden;
	opacity: 0;
	box-shadow: rgba(0,0,0,.2) 0 20px 30px;
	position: absolute;
	background: #fff;
	top: 201.3%;
	transform: scale(1,0);
	z-index: 0;
	transition: .4s;
	border-radius: 5px;
	padding: 20px;
	left: -328px;
	width: 1295px;
	max-height: 600px;
	overflow: hidden;
	transform-origin: top;
	display: block;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb {
	transition: .4s;
	position: relative;
	z-index: 1;
	margin: 0 20px 0 0;
	text-align: center;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .bottom-text,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .bottom-text {
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: .18px;
	display: inline-block;
	padding-top: 20px;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .img1::after {
	transform: scale(1);
	transition: .4s;
	visibility: visible;
	opacity: .4;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb:hover .homemenu-btn {
	top: 84px;
	visibility: visible;
	opacity: 1;
	transition: .6s;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: .4s;
	background: #000026;
	opacity: 0;
	border-radius: 4px;
	transform: scale(.8);
	z-index: 1;
	visibility: hidden;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .img1 img {
	height: 100%;
	width: 100%;
	border-radius: 4px;
	transition: .4s;
	border: 1px solid #e5e7eb;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn {
	position: absolute;
	top: 50%;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	transition: .6s;
	margin: 0 auto;
	left: 18%;
	right: 20%;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 {
	display: inline-block;
	padding: 18px;
	transition: .4s;
	border-radius: 8px;
	position: relative;
	width: 150px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-transform: capitalize;
	z-index: 1;
	background-color: #5a65f5;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 i {
	transform: rotate(-45deg);
	margin-left: 4px;
	transition: .4s;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover {
	color: #fff;
	transition: .4s;
	transform: translateY(-5px);
	background: #5a65f5;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i,.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover i {
	transform: rotate(0);
	transition: .4s;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul {
	position: absolute;
	left: 0;
	top: 50px;
	border-radius: 4px;
	background: #fff;
	width: 210px;
	box-shadow: rgba(0,0,0,.068) 0 20px 30px;
	padding: 10px;
	z-index: 99;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul:hover>a,.header-area.header-area5 .header-elements .main-menu-ex ul li ul:hover>a {
	transition: .4s;
	padding-left: 25px;
	color: red;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul:hover>a::after,.header-area.header-area5 .header-elements .main-menu-ex ul li ul:hover>a::after {
	background: #00f;
	transition: .4s;
	visibility: visible;
	opacity: 1;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li ul,.header-area.header-area5 .header-elements .main-menu-ex ul li ul li ul {
	left: 190px;
	top: 10px;
	z-index: 99;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a {
	color: var(--qt-text-h-text3);
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 0;
	height: 100%;
	color: #fa7d3c;
	border-radius: 4px;
	transition: .4s;
	z-index: -1;
	opacity: 1;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li ul li a:hover::after,.header-area.header-area1 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after {
	background-color: #fa7d3c;
	border-radius: 4px;
	width: 5px;
	left: -10px;
	opacity: 1;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li a {
	color: var(--vtc-text-heading-text-1);
	font-size: 18px;
	display: block;
	font-weight: 500;
	padding: 8px 12px;
	transition: .3s;
}

.header-area.header-area1 .header-elements .main-menu-ex ul li:hover .tp-submenu,.header-area.header-area5 .header-elements .main-menu-ex ul li:hover .tp-submenu {
	visibility: visible;
	transition: .4s;
	opacity: 1;
	z-index: 9;
	top: 150.3%;
	position: absolute;
	transform: scale(1);
}

.header-area.header-area1 .header-elements .header1-buttons span img,.header-area.header-area5 .header-elements .header1-buttons span img {
	margin-left: 10px;
	margin-top: -5px;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all {
	visibility: hidden;
	opacity: 0;
	box-shadow: rgba(0,0,0,.2) 0 20px 30px;
	position: absolute;
	background: #fff;
	top: 205.3%;
	transform: scale(1,0);
	z-index: 0;
	transition: .4s;
	border-radius: 5px;
	padding: 0;
	left: -162px;
	width: 960px;
	min-height: 260px;
	overflow-x: hidden;
	overflow-y: hidden;
	transform-origin: top;
	display: block;
	margin: 0;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu {
	visibility: hidden;
	opacity: 0;
	box-shadow: rgba(0,0,0,.2) 0 20px 30px;
	position: absolute;
	background: #fff;
	top: 201.3%;
	transform: scale(1,0);
	z-index: 0;
	transition: .4s;
	border-radius: 5px;
	padding: 20px;
	left: -332px;
	width: 1295px;
	max-height: 600px;
	overflow: hidden;
	transform-origin: top;
	display: block;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1 {
	display: inline-block;
	padding: 18px;
	transition: .4s;
	border-radius: 8px;
	position: relative;
	width: 150px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-transform: capitalize;
	z-index: 1;
	background-color: #9553fd;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover {
	color: #fff;
	transition: .4s;
	transform: translateY(-5px);
	background: #9553fd;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li ul {
	position: absolute;
	left: 0;
	top: 15px;
	border-radius: 4px;
	background: #fff;
	width: 210px;
	box-shadow: rgba(0,0,0,.068) 0 20px 30px;
	padding: 10px;
	z-index: 99;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li ul li a {
	color: var(--qt-text-h-text3);
	font-size: 14px!important;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li ul li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 0;
	height: 100%;
	color: #9553fd;
	border-radius: 4px;
	transition: .4s;
	z-index: -1;
	opacity: 1;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li ul li a:hover::after {
	background-color: #fdc037;
	border-radius: 4px;
	width: 5px;
	left: -10px;
	opacity: 1;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li a {
	color: var(--vtc-text-heading-text-1);
	font-size: 16px;
	display: block;
	font-weight: 500;
	padding: 8px;
	transition: .3s;
}

.header-area.header-area5 .header-elements .main-menu-ex ul li a:hover {
	color: #ffaa35!important;
}

.header-area1.sticky,.header-area5.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate3d(0,0,0);
	background-color: #fff;
	box-shadow: rgba(0,0,0,.068) 0 20px 30px;
	transition: .3s ease-in-out;
	z-index: 999;
}

.header-area1.sticky .header-elements,.header-area5.sticky .header-elements {
	padding: 0!important;
	margin-top: 0!important;
	background: 0 0!important;
}

.book-shelf,.bookimg:hover:before {
	background-repeat: no-repeat;
	background-position: center;
}

.header-area.header-area5 .main-menu-ex.main-menu-ex1 li.dropdown-menu-parrent:hover a.main1,.header-area.header-area5 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main,.header-area.header-area5 .main-menu-ex.main-menu-ex1 li.has-dropdown:hover a.main1 {
	color: #9553fd;
}

.header-area.header-area5 .main-menu-ex.main-menu-ex1 li.has-dropdown.has-dropdown1:hover a.main::after {
	background-color: #9553fd;
	border-radius: 4px;
	width: 5px;
	left: -10px;
	opacity: 1;
}

@keyframes fade-in-down {
	0% {
		transform: translate3d(0,-50px,0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

.book-shelf {
	background-image: url(../img/bg/bookShelf-banner.webp);
	background-size: cover;
	padding: 5% 0;
}

.self-info h2 {
	color: #fff;
	font-size: 2.8em;
	line-height: 1.5;
	font-weight: 500;
}

.self-info p {
	color: #fff;
	max-width: 82%;
	display: block;
	margin: 2% auto;
	font-size: 15px;
}

.nav-link.active {
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
	color: #fff!important;
	border-color: transparent!important;
}

.nav-tabs .nav-link {
	border: 1px solid #fff;
	color: #fff;
	margin: 0 13px;
	padding: 10px 60px;
	border-radius: 8px;
}

ul#myTab {
	border-bottom: none;
	justify-content: center;
}

.bookimg {
	text-align: center;
	position: relative;
}

.bookimg img {
	width: 60%;
	z-index: 11;
	position: relative;
}

.floatbutton,.floatbutton .clickbutton .crossplus {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
}

.bookimg:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.bookimg:hover:before {
	content: "";
	background-image: url(../img/shapes/shaped.webp);
	background-size: contain;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: -9%;
	left: 12%;
	border-radius: 50%;
}

ul.about-list2 li span {
	display: inline-block;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #0b0314;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	transform: translateY(-2px);
	margin-right: 2px;
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
}

ul.about-list2.aos-init.aos-animate li {
	display: inline-block;
	margin-right: 16px;
	margin-top: 20px;
	color: var(--SEO-Marketing-Text-Color,#0b0314);
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: 400;
}

.services-tabee {
	padding: 20px 0;
}

.services-tabee table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #a6a6a6;
}

.services-tabee td,.services-tabee th {
	border: 1px solid #a6a6a6;
	padding: 16px;
	text-align: left;
	color: #000;
	font-size: 14px;
}

.services-tabee th {
	background-color: #ff5d36;
	font-weight: 700;
	color: #fff;
}

.services-tabee td i {
	font-style: italic;
}

.image2.zz img {
	width: 70%;
	margin: -27% 0 -79px;
}

.image2.cx img {
	margin-left: -15%;
}

ul.list-f.f-l li {
	margin-top: 5px;
}

ul.list-f.f-l {
	margin-bottom: 3%;
}

.image-area img {
	width: 83%;
	margin-top: -17%;
}

ul.list-f h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
}

.faq3 .accordion .accordion-item button h3 {
	font-size: 23px;
	font-weight: 700;
}

ul.innn-listi li {
	font-size: 16px;
	margin: 6px 0;
	list-style: disc;
}

ul.innn-listi {
	padding: 0!important;
}

img.cds {
	width: 65%;
}

.mega-menu-all.twoo {
	left: -685px!important;
}

ul.list-f li a {
	display: contents;
	color: #2d74e9;
}

ul.list-f li.d-listi {
	display: flex;
	justify-content: space-between;
}

.counter-section {
	padding: 60px 0;
	text-align: center;
}

.counter-box h2 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #000;
	display: inline-block;
	font-family: initial;
}

.counter-box p {
	margin: 21px 0 0;
	font-size: 23px;
	color: #000;
	font-weight: 600;
}

.counter-box h2::after {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background: #ccc;
	margin: 10px auto 0;
}

.mai-coun {
	background: #f4f7fe;
	padding: 10% 0;
	display: block;
	border-radius: 12px;
}

.btn-cta,.btn-cta:hover {
	background: #ff6e35;
	color: #fff;
}

.award-winning-wrap {
	display: flex;
	justify-content: center;
}

.award-winning-logo.aos-init.aos-animate img {
	width: 85%;
	padding: 0 9px;
}

.heading5 h2 {
	font-size: 34px;
	font-weight: 700;
	color: #fff;
}

.cards img {
	width: 60%;
	display: block;
	margin: 0 0 0 auto;
}

.info img {
	width: 70%;
}

.image2.abt img {
	margin-top: -22%;
}

.image2.cx img {
	margin-top: -21%;
}

.modal-content {
	border: 0;
	border-radius: 18px;
	overflow: hidden;
}

.popup-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.popup-right {
	padding: 32px;
	transform: translateY(14%);
}

.eyebrow {
	letter-spacing: .08em;
}

.btn-cta {
	border-radius: 999px;
	font-weight: 800;
	font-size: 14px;
	padding: 14px 22px;
}

@media (max-width:767.98px) {
	.popup-left img {
		height: 260px;
		object-fit: cover;
	}
}

.btn,.form-inline-custom .form-control {
	border-radius: 8px;
	padding: 10px 12px;
}

.form-inline-custom {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	padding: 40px 26px;
	border-radius: 13px;
	background: #050f458a;
	border: 2px solid #ffc239;
}

.form-inline-custom .btn-custom {
	background-color: #ff7140;
	color: #fff;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 8px;
	border: none;
	width: 100%;
}

.form-inline-custom .btn-custom:hover {
	background-color: #ffab35;
}

section.pad-sec.privacypage h2 {
	font-size: 33px;
	margin: 15px 0;
}

section.pad-sec.privacypage p,section.pad-sec.privacypage ul li {
	font-size: 18px;
	line-height: 1.9;
}

.person-box img {
	width: 100%;
	border-radius: 15px;
}

.person-box h3 {
	font-size: 30px;
	margin-top: 3%;
	margin-bottom: 11px;
}

.person-box p {
	font-size: 18px;
	margin-bottom: 5px;
}

.person-box span {
	font-size: 17px;
	color: #ababab;
}

.person-box {
	background: #f5f5fd;
	padding: 30px;
	border-radius: 14px;
	display: block;
	height: 630px;
}

.about1.sp h3 {
	font-size: 22px;
	margin-bottom: 6px;
	font-weight: 600;
}

ul.litoo li {
	list-style: disc;
	margin-bottom: 5px;
}

.work-box.active ul.litoo li {
	color: #fff;
	margin-bottom: 5px;
}

ul.litoo {
	margin-top: 2%;
}

@media screen and (max-width:1100px) {
	.header1-buttons {
		display: none!important;
	}
}

@media screen and (max-width:1025px) {
	.hero3 .image1 {
		width: 50%;
		top: 200px;
		left: 56%;
	}

	.hero3 .main-heading h1 {
		font-size: 47px;
		line-height: 44px;
	}

	.hero3 .main-heading {
		padding-top: 50%;
	}

	.work3.sp .col-lg-6 {
		max-width: 100%;
		flex: 0 100%;
	}

	.work-images img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}

	.work-images svg {
		width: 70%;
	}

	.work-images a {
		text-align: center;
	}

	.work-images .mt-4 {
		display: block;
		margin: 0 auto;
		text-align: center;
		margin-top: 0!important;
	}

	ul#myTab li {
		margin: 12px 0;
	}

	.self-info h2 {
		font-size: 35px;
	}

	.heading1 p {
		font-size: 16px;
		line-height: 22px;
	}

	.work3 .work-images {
		position: relative;
		height: auto;
	}

	.header1-buttons {
		display: none!important;
	}

	.header-area.header-area5 .header-elements .main-menu-ex ul li a {
		font-size: 16px;
		padding: 0 10px;
	}

	.image2.zz img {
		width: 90%;
	}

	.image2 img {
		width: 60%;
	}

	.service-details-sec1 .tab-images-all {
		position: relative;
		height: -webkit-fill-available;
	}

	.service1-page.sp .col-md-6 {
		max-width: 50%;
		flex: 0 100%;
	}

	.header-area.header-area5 .header-elements .main-menu-ex ul li .mega-menu-all {
		left: -175%;
		top: 87PX;
	}

	.heading5 h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.work3 .mt-4.aos-init.aos-animate {
		margin-top: 12%!important;
	}
}

@media screen and (max-width:990px) {
	.image-area img {
		width: 100%!important;
		display: block;
		margin: -34px auto;
		height: 380px;
		object-fit: contain;
		border-radius: 15px;
		box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;
		background: #f5f5fc;
	}

	.image2.cx img {
		margin: -4px auto;
		width: 53%;
		display: block;
	}

	.heading1 {
		margin-top: 13%;
	}

	.service-details-benifits .service-benifits-area:nth-of-type(3) .image-area {
		display: none;
	}

	.cnt-box {
		margin: 0;
	}

	.modal.show .modal-dialog {
		max-width: 95%;
	}
}

@media screen and (max-width:450px) {
	.about1.sp a,.image2,.main-heading a,.pop-logo,h2.text-anime-style-3 h2 .split-line {
		text-align: center;
	}

	.about1.sp,.service-details-sec1.sp {
		padding: 0;
	}

	.tab-images-all .image2 img {
		width: 100%;
		margin-top: 110%;
		height: 270px;
		object-fit: contain;
		background: #f5f4fc;
	}

	.service-details-sec1 .tab-images-all .image1 {
		margin: 0;
	}

	.col-md-6.popup-left,.desktop-screen-book,.desktop-service-area,.desktop-version,.floatbutton,.footer3 .col-lg.col-6:nth-child(4),.footer3 .row .col-lg:nth-child(3),.hero3 .row div:nth-child(2),.image5,.mobile-service-area .service3-box .heading3 .learn,.service-details-benifits .service-benifits-area:nth-of-type(3) .image-area,.theme-btn2 span,.work-images,a.theme-btn4 span {
		display: none;
	}

	.service-details-sec1 .tab-images-all .image2 {
		right: 0;
	}

	.image-area {
		height: min-content;
	}

	.image2 {
		left: 0!important;
		margin-top: -103%!important;
	}

	.service-details-benifits .service-benifits-area .image-area {
		height: 400px;
	}

	.self-info h2 {
		font-size: 29px;
		font-weight: 700;
	}

	.nav-tabs .nav-link {
		padding: 4px 17px;
		margin: 12px 7px;
		font-size: 15px;
	}

	div#myTabContent .row .col-md-3 {
		max-width: 50%;
		flex: 0 50%;
	}

	.bookimg img {
		width: 95%;
		margin: 15px 0;
	}

	form.form-inline-custom {
		flex-direction: column;
	}

	.hero3 {
		height: auto;
		padding-bottom: 45px;
	}

	h1.text-anime-style-3 {
		font-size: 35px!important;
		display: block;
		margin: 0 auto;
	}

	.main-heading a {
		display: block;
		margin: 10px auto;
	}

	.Mobile-version,.award-winning-wrap img,.mobile-screen-book,.mobile-service-area {
		display: block;
	}

	.mai-coun {
		padding: 9px 0;
		margin: 6px auto;
	}

	.counter-box h2 {
		font-size: 25px;
	}

	.Mobile-version .heading1 h4,.counter-box p,.faq3 .accordion .accordion-item button {
		font-size: 17px;
	}

	.work3.sp {
		padding-top: 0;
	}

	.service1-page.sp.mb-5 {
		margin-bottom: 0!important;
		padding: 30px 0;
	}

	section.award-winning-new-sec.sec.sec-pb h2 {
		font-size: 23px;
		line-height: 25px;
		text-align: center;
		margin-bottom: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.about1.sp a {
		display: block;
		width: 100%;
		margin: 7px auto;
	}

	.container.counter-section.my-3,.cta2,.footer3,.service3.sp,section.book-shelf {
		padding: 30px 0;
	}

	ul.list {
		padding: 0 16px;
	}

	.service-details-sec1 .heading2 ul.list li span.check {
		left: -12px;
	}

	.mobile-service-area .service3-box {
		margin: 0 17px;
		height: 330px;
	}

	.mobile-service-area .service3-box .heading3 p {
		font-size: 16px;
		line-height: 21px;
		height: 106px;
	}

	.mobile-service-area .service3-box .heading3 h4 {
		margin-top: 6%;
		position: relative;
		top: 12px;
	}

	ul.about-list2 li {
		margin-bottom: 15px;
	}

	.heading3 p {
		margin-bottom: 10px;
	}

	.Mobile-version .work-box {
		height: 515px;
		margin: 0 9px;
	}

	.Mobile-version .icon {
		display: flex;
	}

	.Mobile-version .icon img {
		width: 60%;
		justify-content: center;
		align-items: center;
		position: relative;
		left: 18px;
	}

	.Mobile-version ul.litoo li {
		font-size: 15px;
	}

	.Mobile-version .heading1 p {
		font-size: 13px;
		line-height: 17px;
	}

	.Mobile-version .heading1 span {
		display: none!important;
	}

	.about-team-brands .brands-bg {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.heading1 {
		margin-top: 0;
	}

	.image2.cx img {
		width: 100%;
		position: relative;
		top: 18px;
		height: 350px;
		object-fit: contain;
		background: #f5f4fc;
		border-radius: 15px;
		box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;
	}

	.col-md-6.popup-right {
		padding-top: 0;
		padding-bottom: 100px;
	}

	.pop-logo {
		margin-top: -10%;
	}

	.about-team-brands.service-details {
		margin-top: 30px;
	}

	section.award-winning-new-sec.sec.sec-pb {
		margin: 30px 0;
		padding: 30px 0!important;
	}

	.mt-5.text-center.aos-init.aos-animate {
		margin-top: 5px!important;
	}

	.theme-btn2 {
		font-size: 13px;
	}

	.cta2 .container {
		max-width: 100%;
	}

	.service1-page.sp .col-md-6 {
		max-width: 100%;
		flex: 0 100%;
	}
}

button.slick-arrow {
	background-image: url(https://www.writercosmos.com/assets/img/arrow.webp);
	color: #b1b1b100;
	border-radius: 50%;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden!important;
	width: 45px;
	height: 45px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

.book-slide button.slick-prev.slick-arrow {
	transform: rotate(2deg);
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 0;
}

.book-slide button.slick-next.slick-arrow {
	transform: rotate(181deg);
	position: absolute;
	right: 0;
	top: 100px;
}

.mobile-service-area button.slick-prev.slick-arrow {
	transform: rotate(1deg);
	position: absolute;
	z-index: 1;
	top: 40%;
	left: 0;
}

.mobile-service-area button.slick-next.slick-arrow {
	transform: rotate(182deg);
	position: absolute;
	right: 0;
	top: 40%;
}

.pop-logo img {
	width: 50%;
	margin-top: -3%;
	margin-bottom: 7px;
	margin-left: -17px;
}

.work3 .mt-4.aos-init.aos-animate {
	margin-top: 33%!important;
}

.et_pb_testimonial_description {
	background: #e1e1e1;
	padding: 20px;
	margin: 25px 0;
	border-radius: 16px;
}

section.privacypage {
	padding: 2% 0;
}

section.privacypage p {
	font-size: 17px;
	margin-bottom: 16px;
}

img.my-img {
	width: 60%;
}

.bannerform {
	padding: 30px 20px!important;
	background-color: #ffffff2e;
	border-radius: 30px;
	backdrop-filter: blur(10px);
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
	Color: #fff;
	z-index: -1;
	margin-top: 15%;
}

.bannerform.formcustom.text-center h2 {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 12px!important;
	Color: #fff;
}

.bannerform.formcustom.text-center p {
	font-size: 18px;
	margin-bottom: 4%;
	Color: #fff;
}

form#form-contact-1 label {
	font-size: 14px!important;
	line-height: 24px;
	text-align: justify;
}

.form-check-input[type=checkbox] {
	padding: 8px;
	margin-right: 14px;
}

form#form-contact-1 input {
	padding: 14px;
}

input#exampleCheck1 {
	padding: 8px!important;
}

.form-group.custom-btn-input input {
	background: #fff;
	border: transparent;
	width: 100%;
	margin-top: 3%;
	border-radius: 13px;
	color: #ff6c40;
	font-size: 15px;
	font-weight: 600;
}

.owl-item .single-logo {
	background: #fff;
	width: 100%;
	height: 80px;
	padding: 13px;
	display: flex;
	align-items: anchor-center;
	border-radius: 11px;
}

.heading.cds h2 {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 10px;
}

.heading.cds p {
	font-size: 17px!important;
	font-weight: 400!important;
}

.floatbutton {
	transition: .4s;
	position: fixed;
	right: -370px;
	top: 16%;
	font-size: 0;
	width: 420px;
	z-index: 9;
}

.floatbutton .btns_wrap {
	position: fixed;
	right: -6px;
}

.floatbutton .clickbutton {
	border-radius: 30px 0 0 30px;
	background: #4792e3;
	width: 50px;
	z-index: 999;
	height: 270px;
	cursor: pointer;
	box-shadow: -20px 7px 18px -7px rgb(87 184 151 / 9%);
	display: inline-block;
	padding-top: 0;
	vertical-align: top;
	background: linear-gradient(45deg,#ff8447,#ffb14a);
	margin-top: 198px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	font-family: Poppins,sans-serif;
	-ms-box-shadow: 0 0 40px #00000026;
	-o-box-shadow: 0 0 40px #00000026;
	border: 1px solid #fff;
}

.floatbutton .btns_wrap .call_wrap,.floatbutton .btns_wrap .chat_wrap {
	position: absolute;
	right: -225px;
	width: 280px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 0 40px #00000026!important;
	background: #fff;
}

.floatbutton .clickbutton .crossplus {
	transition: .4s;
	position: absolute;
	display: block;
	transform: rotate(-90deg);
	font-size: 16px;
	color: #fff;
	left: -79px;
	white-space: pre;
	bottom: 122px;
	font-weight: 700;
}

.floatbutton .banner-form {
	background: #fff;
	padding: 30px;
	position: relative;
	z-index: 9;
	border-radius: 5px 0 0 5px;
	margin: 0;
	width: 370px;
	display: inline-block;
	box-shadow: 0 0 30px #0000001f;
}

.floatbutton .banner-form h3 {
color: #333;
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 400;
}
}

.floatbutton .banner-form .ban-form input:not([type=checkbox]) {
	width: 100%;
	margin: 0 0 15px;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 10px 15px;
	color: gray;
	font-size: 14px;
	border-radius: 3px;
	height: 50px;
	font-weight: 400;
	outline: 0!important;
}

.floatbutton .banner-form .ban-form textarea {
	width: 100%;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 10px 15px;
	color: gray;
	font-size: 14px;
	border-radius: 3px;
	font-weight: 400;
	height: 120px;
	outline: 0!important;
	margin: 0;
}

.floatbutton.active {
	right: 0;
	z-index: 11;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.floatbutton .btns_wrap .call_wrap span {
	color: #333;
	font-size: 20px;
	vertical-align: middle;
	background: #fff;
	padding: 15px 20px 15px 15px;
}

.floatbutton .btns_wrap .call_wrap {
	top: 120px;
	border-radius: 50px 0 0 50px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.floatbutton .btns_wrap .call_wrap span.icoo,.floatbutton .btns_wrap .chat_wrap span.icoo {
	color: #fff;
	background: #4792e3;
	background: linear-gradient(45deg,#ffb249,#ff8447);
	font-size: 18px;
	padding: 18px 20px 16px;
	border-right: 1px solid #fff;
	vertical-align: middle;
	display: inline-block;
	border-radius: 50px 0 0 50px;
}

.floatbutton .btns_wrap .chat_wrap {
	display: block;
	top: 40px;
	border-radius: 50px 0 0 50px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.floatbutton .btns_wrap .chat_wrap span {
	color: #333;
	font-size: 20px;
	vertical-align: middle;
	background: #fff;
	padding: 15px 30px 15px 15px;
}

.floatbutton .btns_wrap a:hover {
	text-decoration: none!important;
	right: 0;
}

.col-md-6.popup-right h3 span {
	color: #ff7b38;
}

.redirect-page img {
	width: 45%;
	display: block;
	margin: 0 auto;
}

.redirect-page {
	display: block;
	margin: 50px auto;
}

.iti__flag {
	background-image: url("/assets/img/flags.webp")!important;
}

.process-mainr .process__item,.team-profile {
	background: #f1f1f1;
	position: relative;
	text-align: center;
}

.logo img {
	width: 180px;
	aspect-ratio: 3/1;
	object-fit: contain;
}

ul.list.iconnm li {
	margin-bottom: 2%;
}

.process-mainr .process {
	width: 100%;
	padding: 0 15px;
	text-align: center;
}

.process-mainr .process__item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 37px 35px;
	transition: .4s ease-in-out;
}

.process-mainr .process__item:hover {
	background: var(--SEO-Marketing-Gradient-Color,linear-gradient(90deg,#ffb437 0,#ff6135 100%));
}

.process-mainr .process__item:hover .process__number {
	transform: translateY(5px);
	color: #fdfdfd;
	-webkit-text-stroke: 1px #ffffff;
}

.process-mainr .process__number {
	font-size: 45px;
	-webkit-text-stroke: 1px #ff7140;
	display: block;
	color: transparent;
	font-weight: 700;
	transition: .4s ease-in-out;
	text-transform: uppercase;
}

.process-mainr .process__title {
	display: block;
	font-weight: 700;
	letter-spacing: 1.5px;
	font-size: 21px;
	color: #ff7140;
	text-transform: uppercase;
	margin-top: 30px;
	height: 43px;
}

.process-mainr .process__subtitle {
	font-size: 17px;
	color: #000;
	line-height: 1.5;
	max-width: 100%;
	display: block;
	margin: 25px auto;
}

.process-mainr .heading1 {
	text-align: center;
	margin-bottom: 2%;
}

section.process-mainr {
	padding: 4% 0;
}

.process-mainr .process__item:hover span.process__subtitle,.process-mainr .process__item:hover span.process__title {
	color: #fff;
}

section.process-mainr a {
	display: block;
	margin: 4% auto 0;
	text-align: center;
	width: 15%;
}

@media (min-width:768px) {
	.process-mainr .process {
		display: inline-block;
	}

	.process-mainr .process__item {
		width: 49%;
		display: inline-block;
	}
}

@media (min-width:1200px) {
	.process-mainr .process {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.process-mainr .process__item {
		width: 100%;
	}

	.process-mainr .process__item:not(:last-of-type)::after {
		content: "";
		width: 1px;
		height: 75%;
		background: #8c8c8c;
		position: absolute;
		right: 0;
		top: 50%;
		opacity: .2;
		transform: translateY(-50%);
	}
}

.team-profile {
	padding: 21px 14px;
	border-radius: 16px;
	cursor: pointer;
	height: 540px;
}

.team-profile h3 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 2%;
}

.team-profile h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 13px;
}

.team-profile img {
	width: 100%;
	border-radius: 13px;
	height: 270px;
	object-fit: cover;
}

.team-social-prf span a i,div#teamModalSocial a i {
	background: #fd8034;
	width: 35px;
	height: 35px;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.team-social-prf {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.team-social-prf span {
	padding: 0 5px;
}

div#teamModalSocial a {
	outline: 0!important;
	border: none!important;
}

p#teamModalDesc {
	height: 385px;
	overflow: auto;
}

a#teamModalLink {
	display: block;
	background: #ff8342;
	border-color: transparent;
}

.team-profile .learn {
	display: inline-block;
	line-height: 48px;
	color: #fff;
	font-size: 20px;
	margin-left: -24px;
	left: 50%;
	bottom: -24px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	height: 48px;
	width: 48px;
	transform: rotate(-45deg);
	background: #ff7140;
}

@media (max-width:450px) {
	section.process-mainr a {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 65%;
	}

	.team-profile {
		margin: 20px 0;
	}
}
p.title img {
    width: 15%;
    padding-right: 5px;
}



.floatbutton {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: -370px;
    top: 16%;
    font-size: 0;
    width: 420px;
    /* transform: translateY(-50%); */
    z-index: 9;
}

.floatbutton .btns_wrap {
    position: fixed;
    right: -6px;
}

.floatbutton .clickbutton {
    border-radius: 30px 0px 0px 30px;
    background: #fff;
    width: 50px;
    z-index: 999;
    height: 270px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgb(87 184 151 / 9%);
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    background: #4792e3;
    background: linear-gradient(45deg, #4792e3, #4792e3);
    background: linear-gradient(45deg, #ff8447, #ffb14a);
    margin-top: 198px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    -ms-box-shadow: 0px 0px 40px #00000026;
    -o-box-shadow: 0px 0px 40px #00000026;
    border: 1px solid #ffffff;
}

.floatbutton .clickbutton .crossplus {
    position: relative;
    display: block;
    transform: rotate(0deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    display: block;
    transform: rotate(-90deg);
    -webkit-transition: 0.4s;
    font-size: 16px;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    left: -79px;
    white-space: pre;
    bottom: 122px;
    font-weight: bold;
}

.floatbutton .banner-form {
    background: #fff;
    padding: 30px;
    position: relative;
    z-index: 9;
    border-radius: 5px 0 0 5px;
    margin: 0;
    width: 370px;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
}

.floatbutton .banner-form h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
}

.floatbutton .banner-form .ban-form input:not([type=checkbox]) {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}

.floatbutton .banner-form .ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 120px;
    outline: none !important;
    margin: 0px 0 0px 0;
}

.floatbutton.active {
    right: 0;
    z-index: 11;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.floatbutton .btns_wrap .call_wrap span {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 20px 15px 15px;
}

.floatbutton .btns_wrap .call_wrap {
    width: 280px;
    position: absolute;
    right: -225px;
    background: #fff;
    top: 120px;
    padding: 0;
    border-radius: 50px 0px 0px 50px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.floatbutton .btns_wrap .chat_wrap span.icoo, .floatbutton .btns_wrap .call_wrap span.icoo {
    color: #fff;
    background: #4792e3;
    background: linear-gradient(45deg, #4792e3, #4792e3);
    background: linear-gradient(45deg, #ffb249, #ff8447);
    font-size: 18px;
    padding: 18px 20px 16px;
    border-right: 1px solid #ffffff;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0px 0px 50px;
}

.floatbutton .btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -225px;
    width: 280px;
    padding: 0;
    background: #fff;
    top: 40px;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50px 0px 0px 50px;
}

.floatbutton .btns_wrap .chat_wrap span {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 30px 15px 15px;
}

.floatbutton .btns_wrap a:hover {
    text-decoration: none !important;
    right: 0px;
}


p.title {
    width: 50%;
}

.work3.sp .title {
    display: block;
    margin: 9px auto;
}

.heading3 {
}

.tes3.sp .title {
    text-align: center;
    display: block;
    margin: 4px auto;
}

.service1-page.sp.mb-5 .title {
    display: block;
    margin: 0 auto;
}
.faq3.sp p.title img {
    width: 12%;
}

.faq3.sp p.title {
    width: 30%;
    display: block;
    margin: 4px auto;
}
.service3.sp.lazy-bg .title {
    display: block;
    margin: 0 auto;
}
p.title.aos-init.aos-animate {
    background: #f5f5fd;
    border-radius: 19px;
    text-align: center;
    display: block;
    margin: 15px auto;
}