/** @format */

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
.aww-new-custom-footer .aww_address_dtl li {
	font-family: "Poppins" !important;
}
.article.single-article .elementor-widget-container,
.article.single-article p,
.article-content span,
.article-content li,
.article-content h2 {
	word-break: break-word;
}
.wpcf7 form.sent .wpcf7-response-output {
	font-family: "Poppins" !important;
	border-color: #46b450;
	border-radius: 5px;
}
/*------------------- start new services page -------------------*/
.service-page-all-services .elementor-column-gap-default {
	gap: 50px;
}
.service-page-all-services figure.elementor-image-box-img {
	position: relative;
	width: 27% !important;
	padding: 27px;
	margin-bottom: 15px !important;
}
.popup-open-portfolio {
	position: fixed;
	width: 100%;
	top: 0px;
	height: 100%;
	overflow-y: scroll !important;
	z-index: 10;
	bottom: 0px;
}
.service-page-all-services figure.elementor-image-box-img::after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0px;
	left: 0px;
	border-radius: 100%;
	margin: 3px;
	border: 2px dashed #2d2192;
	animation: spin 10s linear infinite;
}
.service-page-all-services h5.elementor-image-box-title {
	font-family: "Poppins" !important;
	font-size: 22px !important;
	line-height: 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
	padding-bottom: 5px;
}
.service-page-all-services h5.elementor-image-box-title:hover {
	color: #2d2192 !important;
}
.service-page-all-services .elementor-column {
	background: rgba(255, 255, 255, 0.7);
	border-radius: 6px;
	padding: 15px 15px;
	box-shadow: 1px 1px 5px #afafaf;
}
.service-page-all-services a {
	position: relative;
	z-index: 1;
}
.service-page-all-services p.elementor-image-box-description,
.things-we-section p {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #000 !important;
}
.service-page-lets-get-section p {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #2d3136 !important;
}

/* thinds we. section ----------- */
.things-we-section .elementor-inner-section {
	background: #21187d;
	border-radius: 6px;
	padding: 55px 55px !important;
	box-shadow: 7px 7px 7px #aaa;
}
.things-we-section a.elementor-button:hover {
	box-shadow: 3px 4px 7px #ffffff;
}
.things-we-section h5.cta__title {
	color: #fff !important;
	font-size: 28px !important;
	line-height: 36px;
	font-weight: 700 !important;
	font-family: "Poppins" !important;
	padding-bottom: 10px;
}
.things-we-section p {
	color: #fff !important;
}
.service-page-lets-get-section h5.cta__title,
.our-services-section h2 {
	font-size: 36px !important;
	line-height: 42px;
	font-weight: 700 !important;
	font-family: "Poppins" !important;
	padding-bottom: 10px;
	color: #000 !important;
}
/* form section --------  */
.service-page-form .filed {
	display: flex;
	gap: 20px;
}
.service-page-lets-get-section .elementor-column-gap-default {
	gap: 50px;
}
.service-page-form label {
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
}
.service-page-form .message textarea {
	height: 92px;
	margin-bottom: 10px !important;
}
.service-page-lets-get-section input.wpcf7-text {
	height: 50px;
}
.service-page-form .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.service-page-form .wpcf7-list-item {
	margin: 0px;
}
.service-page-form input[type="checkbox"] {
	margin-left: 0px;
}
.service-page-form .cf7ascaptcha {
	/* padding: 26px 0px 0px !important; */
	font-weight: 600;
	color: #2d3136;
}
.service-page-form input.wpcf7-form-control.wpcf7-submit {
	margin-top: 0px !important;
	margin-left: 0px !important;
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	width: 140px;
	height: auto;
	font-family: "Poppins" !important;
}
input.wpcf7-form-control.wpcf7-submit:hover,
.new-services-page-button a:hover {
	background: #4777f4;
	background-image: linear-gradient(90deg, #4777f4, #4838d7, #4777f4);
	background-size: 200%;
	background-position: 100%;
	box-shadow: 0 5px 15px rgb(30 35 40 / 10%);
	transition: background-position 0.2s cubic-bezier(0.5, 0, 0.25, 1),
		box-shadow 0.2s cubic-bezier(0.5, 0, 0.25, 1),
		transform 0.2s cubic-bezier(0.5, 0, 0.25, 1);
	text-overflow: ellipsis;
	transform: none;
}
body input.wpcf7-form-control.wpcf7-submit {
	font-family: "Poppins" !important;
	margin-top: 0px !important;
	font-size: 16px;
	line-height: 23px;
	/* width: 140px; */
	height: auto;
	background: #3020ba;
}
.popup-contact-form-agency input.wpcf7-form-control.wpcf7-submit.has-spinner {
	margin-top: 20px !important;
}
body .wpcf7 form.invalid .wpcf7-response-output {
	border-color: #dc3232 !important;
	margin: 30px 0px !important;
	border-radius: 5px;
}
.service-page-form .cf7as-captchcode input.wpcf7-form-control {
	width: 48.5% !important;
	font-size: 14px;
	line-height: 20px;
}
/* --- */
/* contact form checkbox  */
/* shopify mainitainace page */
span#your-plan span.wpcf7-list-item {
	box-shadow: unset;
	margin: unset;
	background: unset;
}
#your-plan span.wpcf7-list-item-label:before {
	margin-right: unset;
}
/* shopify mainitainace page */

/* global css for site's all checkboxes */
.service-page-form .wpcf7 form.invalid .wpcf7-response-output {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #000 !important;
	border-radius: 5px;
}
.wpcf7-list-item {
	position: relative;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 6px;
	box-shadow: 1px 1px 5px #afafaf;
}
input[type="checkbox"] {
	margin: 0px;
	position: absolute;
	opacity: 0;
	display: block;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
}
span.wpcf7-list-item-label:before {
	margin-right: 21px;
}
input[type="checkbox"]:checked + span:after {
	font-family: "FontAwesome";
	content: "\f046";
	position: absolute;
	left: 15px;
	top: 11px;
	color: #fff;
}
input[type="checkbox"] + span.wpcf7-list-item-label {
	padding: 10px 15px !important;
}
input[type="checkbox"]:checked + span {
	background-color: #3020ba !important;
	color: #fff;
	border-radius: 6px;
	height: 100%;
}
input[type="checkbox"]:not(:checked) + span:before {
	font-family: "FontAwesome";
	content: "\f096";
	margin-right: 8px;
	margin-left: 0;
	color: #2e2295;
}
.wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.wpcf7-list-item {
	margin: 0px;
}
/* -------------- */
form.wpcf7-form span.wpcf7-list-item.first.last {
	box-shadow: unset;
	padding: unset;
}
form.wpcf7-form
	span.wpcf7-list-item.first.last
	input[type="checkbox"]
	+ span.wpcf7-list-item-label {
	padding: 10px 0px !important;
}
form.wpcf7-form
	span.wpcf7-list-item.first.last
	input[type="checkbox"]:checked
	+ span {
	background-color: #fff !important;
	color: #000 !important;
}
form.wpcf7-form
	span.wpcf7-list-item.first.last
	input[type="checkbox"]:checked
	+ span:after {
	left: 0px;
	color: #3020ba;
}
/* ---------------- */
/*------------------- End new services page -------------------*/
/*------------------- Start All services global font css -------------------*/
.all-services-hero-heading h1,
.blog-breadcrumb h1.post__title {
	font-family: "Poppins" !important;
	font-size: 50px !important;
	line-height: 58px !important;
	font-weight: 700 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	padding-bottom: 15px;
}
.blog-breadcrumb h1.post__title {
	color: #ffffff !important;
}
.all-services-heading h2 {
	color: #000000 !important;
	font-size: 40px !important;
	line-height: 58px !important;
	font-weight: 700 !important;
	font-family: "Poppins" !important;
	text-transform: capitalize;
}
.all-services-heading-h5 h5 {
	font-family: "Poppins" !important;
	font-size: 22px !important;
	line-height: 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
	padding-bottom: 5px;
}
.all-services-text p,
.counter-section .elementor-counter-title,
.all-services-text li {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #000 !important;
	/* text-transform: capitalize; */
}
.all-services-heading-text p {
	width: 100%;
	max-width: 70%;
	margin: 0 auto;
}
/*-------------------End All services global font css -------------------*/
/*------------------- Start new search engine optimization page -------------------*/
/* -------- Hero banner -------- */
/* -------- why-seo-section -------- */
.why-seo-section .elementor-inner-section .elementor-inner-column,
.counter-section .elementor-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
.why-seo-section .elementor-inner-section .elementor-column-gap-default {
	gap: 50px;
}
/* -------- How We Do -------- */
.seo-how-did-section span.elementor-icon.elementor-animation- {
	background-color: #fff;
	padding: 19px;
	border-radius: 50px;
}
.seo-how-did-section .elementor-icon-box-wrapper {
	border-radius: 6px;
	/* background-color: #21187d; */
	background-color: #372bba;
	padding: 20px;
}
.seo-how-did-section h5.elementor-icon-box-title {
	color: #fff !important;
	padding-bottom: 10px;
}
.seo-how-did-section p.elementor-icon-box-description {
	color: #fff !important;
}
/* -------- Counter -------- */
.counter-section .elementor-column {
	padding: 20px 25px !important;
}
.counter-section .elementor-column-gap-default {
	gap: 50px;
}
.counter-section .elementor-icon-wrapper,
.counter-section .elementor-counter-title {
	text-align: left !important;
}
.counter-section span.elementor-counter-number-prefix {
	display: none;
}
.counter-section .elementor-counter-number-wrapper {
	font-size: 60px !important;
	line-height: 68px !important;
}
/* -------- Take Your Business -------- */
.take-your-business-section .elementor-inner-section .elementor-inner-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
.take-your-business-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}

/*-------- FAQ  --------*/
.seo-faq-section .elementor-container {
	gap: 30px;
}
.seo-faq-section .collapsed i.fa {
	position: absolute;
	right: 5px;
}
.seo-faq-section .single-faq.reveal {
	border: 1px solid #c3c3c3;
}
.seo-faq-section .collapsed {
	padding: 17px 20px !important;
}
.seo-faq-section .single-faq-header h5 {
	border-bottom: 1px solid #e2e6ea;
	font-family: "Poppins" !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
}
.seo-faq-section .single-faq-description p {
	padding: 15px !important;
}
.seo-faq-section button.collapsed {
	display: flex !important;
	align-items: center !important;
	width: 100%;
}
/*------------------- End new search engine optimization page -------------------*/
/*------------------- Start new Wordpress page -------------------*/
/*-------- wordpress-cms-based-section --------*/
.wordpress-cms-based-section .elementor-column-gap-default {
	gap: 100px;
}
.wordpress-cms-based-section .all-services-heading {
	margin-bottom: 12px !important;
}
.wordpress-cms-based-section .elementor-inner-column {
	width: 44.5% !important;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	position: relative;
	box-shadow: 5px 5px 6px #00000029;
	padding: 20px 30px;
	min-height: 200px;
	justify-content: center;
	align-items: center;
}
.wordpress-cms-based-section .elementor-image-box-content {
	width: 100%;
	max-width: 470px;
}
.wordpress-cms-based-section .elementor-image-box-wrapper {
	justify-content: flex-end;
}

.wordpress-cms-based-section figure.elementor-image-box-img {
	width: 35% !important;
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
	margin-right: -87px !important;
}
.wordpress-cms-based-section img {
	width: 90%;
}
/*-------- why-wordpress-section  --------*/
.why-wordpress-section .tab-content {
	display: flex;
	min-height: 180px;
}
.why-wordpress-section .gs_logo_container {
	padding: 30px 0px 60px;
}
.why-wordpress-section .gs_logo_title {
	margin: 20px 0px !important;
}
.why-wordpress-section .gs_logo_single {
	padding: 0px !important;
	height: 100% !important;
	min-height: 235px !important;
}
.why-wordpress-section .tab-text-content {
	text-align: left;
	width: 65%;
}
.why-wordpress-section .tab-image {
	width: 35%;
	padding-left: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.why-wordpress-section .tab-image img {
	width: 65%;
	margin: 0px 5px 0px 0px !important;
}
.why-wordpress-section
	#gs_logo_area_108:not(.verticaltickerdown):not(.verticalticker)
	.gs_logo_single--wrapper {
	padding: 0px !important;
	padding-left: 5px !important;
}
.why-wordpress-section
	.gs_logo_single--wrapper.swiper-slide.swiper-slide-active
	.gs_logo_single--inner {
	border-right: 1px solid #9e9e9e;
	padding-right: 25px;
}
.why-wordpress-section
	.gs_logo_single--wrapper.swiper-slide.swiper-slide-next
	.gs_logo_single--inner {
	padding-left: 20px;
}
.why-wordpress-section
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet-active-next-next,
.why-wordpress-section
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet-active-next,
.why-wordpress-section
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet,
.why-wordpress-section
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet-active-prev,
.why-wordpress-section
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet-active-prev-prev {
	transform: scale(1);
	left: 0px !important;
}
.why-wordpress-section .swiper-pagination-bullets-dynamic {
	overflow: visible;
}
.why-wordpress-section
	span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
	height: 12px;
	width: 12px;
	transform: scale(1.5);
	background-color: #fff;
	border: 2px solid #4838d7;
}
/*------------------- End new Wordpress page -------------------*/
/*------------------- Start new Web Design page -------------------*/
#new-web-design-services-section
	.all-services-heading-h5
	h5.elementor-image-box-title {
	font-family: "Poppins" !important;
	font-size: 22px !important;
	line-height: 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
	padding: 10px 5px 14px 6px;
}
/*-------- our-web-design-service  --------*/
.our-web-design-service-2-col figure.elementor-image-box-img {
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
	padding: 12px;
	border: 1px solid #000000;
	border-radius: 5px;
	margin-right: 30px !important;
	width: 17% !important;
}
.our-web-design-service-2-col .elementor-column-gap-default {
	gap: 100px;
}
/* -- 3 col -- */
.our-web-design-service-3-col .elementor-column-gap-default {
	gap: 50px;
}
.our-web-design-service-3-col figure.elementor-image-box-img {
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
	padding: 10px;
	border: 1px solid #000000;
	border-radius: 5px;
	margin-right: 30px !important;
	width: 25% !important;
}
/*------------------- End new Web Design page -------------------*/
/*------------------- Start new shopify website page -------------------*/
/* -------- What We Do -------- */
.shopify-website-what-we-do-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 30px;
}
.shopify-website-what-we-do-section .elementor-inner-section .elementor-column,
.sopify-services-why-shopify .elementor-inner-section .elementor-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
.sopify-services-our-e-commerce-section .all-services-text li {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #000 !important;
	padding-bottom: 10px;
	display: flex;
}
.sopify-services-our-e-commerce-section .all-services-text li::before {
	content: "\2714";
	font-size: 18px;
	line-height: 24px;
	font-weight: 900;
	color: #4838d7;
	padding-right: 10px;
}
.sopify-services-why-shopify
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
/* ----------------*/

.services-page-desktop {
	display: block !important;
}
.services-page-990 {
	display: none !important;
}
/*------------------- End new shopify website page -------------------*/
/*------------------- Start new shopify app page -------------------*/
/* -------- why hire section -------- */
body
	.shopify-app-why-hire-section
	.elementor-inner-section
	.elementor-column-gap-default {
	border: 1px solid #000;
	padding: 20px 0px !important;
	border-radius: 6px;
}
.shopify-app-why-hire-section .elementor-image-box-wrapper {
	padding: 0px 25px;
}
/* -------- Our Process section -------- */
.shopify-app-our-process-section .elementor-column-gap-default {
	gap: 50px;
}
.shopify-app-our-process-section .elementor-inner-section .img-box-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
/*------------------- End new shopify app page -------------------*/
/*------------------- Start new PHP services page -------------------*/
/* -------- php Development Process -------- */
.php-services-process-section .elementor-inner-section .elementor-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 0px 20px 20px;
}
.php-services-process-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
.php-services-process-section figure.elementor-image-box-img {
	margin-top: -39px !important;
}
/* -------- php Why Choose Arham Web Works -------- */
.php-services-why-choose-tabs-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
.php-services-why-choose-tabs-section .elementor-tab-title {
	font-family: "Poppins" !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
	padding: 20px !important;
	margin: 25px 0px;
}
.php-services-why-choose-tabs-section .elementor-tabs-wrapper {
	width: 35% !important;
}
.php-services-why-choose-tabs-section
	.elementor-tabs-wrapper
	.elementor-active {
	border-radius: 6px 0px 0px 6px;
	background-color: #fff;
}
.php-services-why-choose-tabs-section
	.elementor-tabs-content-wrapper
	.elementor-active {
	background-color: #fff;
	box-shadow: 5px 5px 6px #00000029;
	text-align: center;
	height: 100%;
	min-height: 485px;
}
.php-services-why-choose-tabs-section .php-why-choose-tabs-content {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
/*------------------- End new PHP services page -------------------*/
/*------------------- Start new laravel services page -------------------*/
/* -------- Why Should you Hire -------- */
.laravel-services-why-should-slider-section .tab-content {
	display: flex;
	min-height: 110px;
}
.laravel-services-why-should-slider-section .gs_logo_single {
	padding: 0px !important;
	height: 100% !important;
	min-height: unset !important;
}
.laravel-services-why-should-slider-section .gs_logo_title {
	margin: 30px 0px !important;
}
/* -------- Our Process-------- */
.laravel-our-process-services-section .laravel-process-text-box {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	margin: 10px 0px;
}
.laravel-our-process-services-section
	.laravel-process-inner-section-2
	.laravel-process-text-box {
	padding: 30px 20px;
}
.laravel-our-process-services-section .laravel-process-inner-section-line {
	position: relative;
}
.laravel-our-process-services-section
	.laravel-process-inner-section-line::before {
	content: "";
	border: 1px solid #cacaca;
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
}
.laravel-our-process-services-section
	.laravel-process-inner-section-2
	.laravel-process-text-box::before {
	position: absolute;
	z-index: 1;
	content: "";
	right: calc(50% - 10px);
	top: -10px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ababab transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}
.laravel-our-process-services-section
	.laravel-process-inner-section-1
	.laravel-process-text-box::before {
	position: absolute;
	z-index: 1;
	content: "";
	right: calc(50% - 10px);
	bottom: -10px;
	border: solid;
	border-width: 10px 10px 0px 10px;
	border-color: #ababab transparent transparent transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}
/*------------------- End new laravel services page -------------------*/
/*------------------- Start new ionic services page -------------------*/
/* -------- ionic-app-section -------- */
.ionic-app-section .elementor-inner-section .elementor-column {
	border-radius: 6px;
	background-color: #372bba;
}
.ionic-app-section .elementor-inner-section .elementor-column-gap-default {
	gap: 20px;
}
/* -------- why arham web work -------- */
.ionic-service-why-arham-section .ionic-column-text p {
	font-size: 36px !important;
	line-height: 42px !important;
	font-weight: 700 !important;
}
/*------------------- End new ionic services page -------------------*/
/*------------------- Start new squarespace services page -------------------*/
/* -------- Our Process Section -------- */
.squarespace-our-process-section .elementor-inner-column .icon-box {
	margin-bottom: 0px !important;
}
.squarespace-our-process-section .our-process-first-part {
	background-color: #372bba;
	clip-path: polygon(0% 0%, 94% 0%, 100% 50%, 94% 100%, 0% 100%);
	padding: 27px 40px 27px 27px;
	border-radius: 5px;
}
.squarespace-our-process-section .our-process-second-part {
	clip-path: polygon(6% 0%, 100% 1%, 100% 100%, 6% 100%, 0% 50%);
	background-color: #372bba;
	padding: 27px 27px 27px 40px;
	border-radius: 5px;
	position: absolute;
	right: 0px;
	top: 110px;
}
.squarespace-our-process-section
	.elementor-inner-section
	.elementor-column-gap-default {
	filter: drop-shadow(10px 10px 2px rgb(0 0 0 / 16%));
}
.squarespace-our-process-section .elementor-column.elementor-inner-column {
	max-height: 180px;
	min-height: 180px;
}
.squarespace-our-process-section
	.elementor-column.elementor-inner-column
	.elementor-icon-box-icon {
	border: 1px solid #4838d7;
	background-color: #fff;
	border-radius: 50px;
	width: 100px;
	padding: 24px;
}
.squarespace-our-process-section .elementor-icon-box-content h5,
.squarespace-our-process-section .elementor-icon-box-content p {
	color: #fff !important;
	padding: 0px 25px;
}
/*------------------- End new squarespace services page -------------------*/
/*------------------- Start new Wix website page -------------------*/
.wix-website-process .elementor-inner-section .elementor-column-gap-default {
	gap: 30px;
}
.wix-website-process .elementor-icon-box-wrapper {
	padding: 35px 20px;
}
/*------------------- End new Wix website page -------------------*/
/*------------------- Start new Social Media Marketing services page -------------------*/
.img-box-design .elementor-inner-section .elementor-element-populated {
	padding: 25px !important;
}
.img-box-design figure.elementor-image-box-img {
	width: 25% !important;
	box-shadow: 0 0 10px #919191;
	border-radius: 50%;
	padding: 17px;
}
/* FAQs section   */
.smm-service-page-faqs-section .faqs-column {
	padding-top: 20px;
}

/*------------------- End new Social Media Marketing services page -------------------*/
/*------------------- Start new Web Flow services page -------------------*/
.webflow-we-offer-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
.webflow-we-offer-section .elementor-inner-section .elementor-column {
	background: #fff;
	padding: 0 30px 20px !important;
	border-radius: 15px;
	border-top: 15px solid #372bba;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.webflow-we-offer-section
	.elementor-inner-section
	.elementor-column
	figure.elementor-image-box-img {
	color: #fff;
	background-color: #372bba;
	border-radius: 0 0 50px 50px;
	padding: 10px 20px 20px;
	width: 28% !important;
}
/*------------------- End new Web Flow services page -------------------*/

/*------------------- Start new blog page -------------------*/
#blog-posts-block .wp_post_items {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
}
#blog-posts-block .news-block-text-wrap {
	position: relative;
	top: -50px;
	padding-top: 1.875rem;
	background: #fff;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 1.875rem;
	padding-left: 1.875rem;
	z-index: 0;
}
#blog-posts-block .news-block-thumb img.wp-post-image {
	margin-top: 0;
	margin-bottom: 0;
	transition: 0.3s;
	height: initial;
	max-width: 100%;
	vertical-align: middle;
}
#blog-posts-block .news-block-thumb a {
	overflow: hidden;
}
#blog-posts-block .wp_post_items:hover img {
	transform: scale(1.1);
}
body #blog-posts-block span.news-categories {
	position: absolute;
	bottom: 13px;
	left: 40px;
	z-index: 1;
}
body #blog-posts-block .news-block-meta.entry-meta {
	margin: 30px 0 0 0 !important;
}
section.arham-page-container .widget .wdgt_title h2 {
	border-color: #2d2192;
}
body #blog-posts-block span.news-categories a {
	background: #2d2192;
}
#blog-posts-block button.wp_load-more {
	border-radius: 5px;
}
#blog-posts-block h3.news-block-title a:hover {
	color: #2d2192;
}
body #blog-sidebar li a,
body #blog-sidebar .wdgt_title h2 {
	font-family: "Poppins" !important;
}
body.single.single-post .comments-form-area {
	display: none;
}
/*------------------- End new blog page -------------------*/
/*------------------- Start new Career page -------------------*/
/* section 2 */
.carrer-page-work .elementor-icon-box-wrapper {
	background-color: #fff;
}
.carrer-page-work .elementor-inner-section .elementor-column {
	background-color: #fff;
	border: 2px solid #372bba;
}
.carrer-page-work h5.elementor-icon-box-title,
.carrer-page-work p.elementor-icon-box-description {
	color: #000 !important;
}
.carrer-page-work span.elementor-icon.elementor-animation- {
	position: relative;
	padding: 25px;
}
.carrer-page-work span.elementor-icon.elementor-animation-::after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0px;
	left: 0px;
	border-radius: 100%;
	margin: 3px;
	border: 2px dashed #372bba;
	animation: spin 10s linear infinite;
}
/* section 4 */
.open-position-new-section .elementor-inner-section .elementor-column {
	width: 100%;
    max-width: calc(33.33% - 10px);
	box-shadow: inset 0 -3em 3em rgb(0 0 0 / 4%), 0 0 0 2px rgb(255 255 255),
		0.3em 0.3em 1em rgb(0 0 0 / 30%);
	border-radius: 20px;
	background: linear-gradient(to bottom right, #ffffff 10%, #4838d73b 100%);
	padding: 40px 20px;
}
.open-position-new-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
/*------------------- End new Career page -------------------*/
/*------------------- Start new Team page -------------------*/
.new-team-page-our-team-section .awsm-grid-wrapper .awsm-grid {
	display: flex;
	flex-wrap: wrap;
}
.new-team-page-our-team-section .cards-style.style-3 figure {
	max-width: 100% !important;
	max-height: 280px !important;
}
/*------------------- End new Team page -------------------*/
/*------------------- Start new contact page -------------------*/
.new-contact-page-map-section .elementor-inner-section .elementor-inner-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
.new-contact-page-map-section
	.elementor-inner-section
	.elementor-column-gap-default {
	gap: 50px;
}
.new-contact-page-divider,
.new-contact-page-email {
	margin-bottom: 0px !important;
}
#new-contact-page-accordion .elementor-accordion-title h2 {
	font-family: "Poppins" !important;
	font-size: 22px !important;
	line-height: 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-transform: capitalize;
}
#new-contact-page-accordion .elementor-accordion-title h3,
#new-contact-page-accordion .wpcf7-form span,
#new-contact-page-accordion .wpcf7-response-output {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	/* color: #000 !important; */
}
/*------------------- End new contact page -------------------*/
/*------------------- new Start Shopify Maintenance page -------------------*/
.shopify-form .shopify-filed {
	display: flex;
	gap: 20px;
}
/*------------------- End new Start Shopify Maintenance page -------------------*/
/*------------------- Start new Activity page -------------------*/
.our-activity-section .elementor-inner-section .elementor-column-gap-default {
	gap: 40px;
}
.our-activity-section .elementor-inner-section .elementor-column {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
.our-activity-section .elementor-inner-section .elementor-column.last-box {
	box-shadow: unset;
	border: 0px;
	background-color: unset;
}
.our-activity-section .elementor-inner-section .elementor-column h5 {
	padding: 0px 20px 20px;
}
.our-activity-section .elementor-inner-section dl.gallery-item,
.our-activity-section .elementor-inner-section .gallery-icon {
	margin: 0px !important;
}
/* img  */
.our-activity-section .elementor-inner-section .elementor-image-gallery,
.our-activity-section .elementor-inner-section .elementor-widget-container {
	overflow: hidden;
}
.our-activity-section .elementor-inner-section .elementor-column:hover img {
	transform: scale(1.1);
	opacity: 0.7;
}
.our-activity-section .elementor-inner-section .elementor-column img {
	transition: 0.3s;
}

/*** activity slider css **/
.our-activity-section .activity-slider-img .main-image-section a {
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	padding: 0px;
}
.our-activity-section .activity-slider-img .main-image-section {
	padding: 10px;
}
.our-activity-section .activity-slider-img .main-image-section h5 {
	padding: 20px 0px;
}
/* --------   */
.activity-section-slider .slick-next::before {
	content: "\203A";
}
.activity-section-slider .slick-prev:before {
	content: "\2039";
}
.activity-section-slider .slick-next::before,
.activity-section-slider .slick-prev:before {
	color: #6a6a6a;
	font-size: 40px;
	line-height: unset;
	font-weight: 700;
}
/* --------------- */
section.popup-activity-img-gall {
	/* display: none; */
	visibility: hidden;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0 0 0 / 80%) !important;
	opacity: 0;
}
section.popup-activity-img-gall .popup-activity-img-column {
	width: 100%;
	/* max-width: 600px !important; */
	height: 800px;
	overflow: auto;
	background-color: #fefefe;
	padding: 15px 15px 0px !important;
	border: 1px groove #ffffff;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	/* margin: 50px 0px; */
	transform: translateY(0%);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
section.popup-activity-img-gall .elementor-container {
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 100%;
}
.activity-popup-close-button {
	margin-bottom: 0px !important;
	position: sticky !important;
	top: 0;
	z-index: 9999;
}
.activity-popup-close-button h5 {
	cursor: pointer !important;
	display: inline-block;
	/* margin-right: -15px; */
}
.our-activity-section .elementor-inner-section .slick-slide {
	padding: 10px;
}

/*------------------- End new Activity page -------------------*/

/*-------------- Start new portfolios page ----------------*/

.all-project-portfolios.related-site-area .elementor-container {
	max-width: unset !important;
}
.all-project-portfolios .portfolios-main-section .portfolios-container {
	max-width: 1480px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 30px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
}

.all-project-portfolios .portfolios-main-section.odd .portfolios-container {
	flex-direction: row-reverse;
}

.all-project-portfolios .portfolios-main-section .cnportfolios-content {
	width: 30%;
	border-bottom: none;
}
.all-project-portfolios .portfolios-main-section ul.cnOurHolder {
	width: 70%;
	gap: 21px !important;
	/* row-gap: 25px !important; */
	margin-bottom: 0px !important;
}
.all-project-portfolios .portfolios-main-section ul.cnOurHolder li.item {
	padding-bottom: 0px !important;
	border: 0.5px solid #d6d6d6;
	box-shadow: 4px 4px 7px 0px rgb(0 0 0 / 25%);
	border-radius: 12px;
	overflow: hidden;
	max-width: calc(33.33333% - 14px) !important;
}
.all-project-portfolios .portfolios-main-section .cnportfolio-view-more {
	float: left;
}
.all-project-portfolios .portfolios-main-section .mix.cnportfolio-image {
	position: relative;
	background: #000000f5;
	height: 100%;
}
.all-project-portfolios .portfolios-main-section .mix.cnportfolio-image a {
	height: 100%;
}
.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image
	.cnportfolio-hover.inner {
	width: 100% !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	padding: 0px 15px;
	right: 0;
	background: transparent;
}
.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image
	.cnportfolio-hover.inner
	h5 {
	text-align: center;
	color: #fff !important;
}
.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image
	.cnportfolio-hover.inner {
	transition: 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}
/* .all-project-portfolios .portfolios-main-section .mix.cnportfolio-image img {
	height: 100%;
	min-height: 235px;
	max-height: 220px;
	object-fit: cover;
} */
.cnportfolio-content-wrapper.all-services-heading-h5 {
	background-color: transparent !important;
}
.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image:hover
	.cnportfolio-hover.inner {
	opacity: 1;
}
.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image
	.cnportfolio-hover.inner
	h3 {
	color: #000 !important;
}

.all-project-portfolios
	.portfolios-main-section
	.mix.cnportfolio-image:hover
	img {
	opacity: 0.4;
}
.all-project-portfolios .portfolios-main-section.odd {
	/* background-color: #eeefef; */
	padding: 50px 0px;
}
.all-project-portfolios .portfolios-main-section.even {
	padding: 50px 0px;
	background-color: #eeefef;
}
section.portfolios-main-section.desktop-view.portfolios-less-post
	.cnportfolios-content {
	width: 50% !important;
}

section.portfolios-main-section.desktop-view.portfolios-less-post
	ul.cnOurHolder {
	width: 50% !important;
}

section.portfolios-main-section.desktop-view.portfolios-less-post
	ul.cnOurHolder
	li.item {
	max-width: 46% !important;
}
.arham-page-container.seo-hero-section.new-portfoli-page-banner-section
	.all-services-heading-h5 {
	margin-bottom: 10px;
}

.arham-page-container.seo-hero-section.new-portfoli-page-banner-section
	.all-services-heading-h5
	h5 {
	font-weight: bold !important;
}
.all-project-portfolios .portfolios-main-section.mobile-view {
	display: none;
}
/* .all-project-portfolios
  .portfolios-main-section
  .cnportfolios-content
  .cnportfolio-view-more
  a {
  font-family: "Poppins" !important;
} */
.portfolio-new-popup.zoom-anim-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 900px;
	margin: 20px auto;
	position: relative;
	height: 900px;
	overflow-y: auto;
}
#get-started-form .portfolio-lets-get-img .elementor-widget-heading {
	margin-bottom: 0px !important;
}
/* popup open  */
html.portfolio-popup-open {
	overflow: hidden;
}

/*------------------- End new portfolios page -------------------*/
/*-------------------- Start single portfolio page ----------------*/
.portfolio-based-text p {
	font-size: 18px !important;
	line-height: 22px !important;
}
.portfolio-based-icon img {
	width: 110px;
}
.portfolio-based-icon .portfolio-based-icon-clutch img {
	width: 72px;
}
.portfolio-based-icon .portfolio-based-icon-upwork img {
	width: 90px;
}
.portfolio-base-star-section .elementor-container.elementor-column-gap-default {
	flex-wrap: wrap;
}
.portfolio-base-star-section .elementor-column {
	width: 100% !important;
}
.portfolio-based-icon .elementor-element-populated {
	gap: 20px;
	padding-top: 20px !important;
}
/* -------  */
body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder {
	max-width: 100% !important;
	gap: 21px;
}
body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder li.item {
	padding-bottom: 0px !important;
	width: 100%;
	max-width: calc(33.33333% - 14px);
	border: 0.5px solid #a6a6a6;
	box-shadow: 4px 4px 7px 0px rgb(0 0 0 / 25%);
	border-radius: 12px;
	overflow: hidden;
}
.new-portfolio-single-post .mix.cnportfolio-image .cnportfolio-hover.inner {
	transition: 0.5s ease;
	opacity: 0;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
	position: absolute !important;
	width: 100%;
	background: transparent;
}
.new-portfolio-single-post .mix.cnportfolio-image .cnportfolio-hover.inner h5 {
	text-align: center;
	color: #fff !important;
}
.new-portfolio-single-post .mix.cnportfolio-image {
	position: relative;
	background: #000000f5;
	box-shadow: unset !important;
	height: 100%;
}
/* .new-portfolio-single-post .mix.cnportfolio-image a {
	height: 100%;
} */
.new-portfolio-single-post
	.mix.cnportfolio-image:hover
	.cnportfolio-hover.inner {
	opacity: 1;
}
.new-portfolio-single-post .mix.cnportfolio-image:hover img {
	opacity: 0.4;
}
/* .new-portfolio-single-post ul.cnOurHolder li.item .cnportfolio-image img {
	height: 100%;
	min-height: 300px;
	object-fit: cover;
	max-height: 280px;
} */

/* -----   */
.new-portfolio-single-post .protfolio-new-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-portfolio-single-post .protfolio-new-pagination .page-numbers {
	padding: 8px 16px;
}
body .new-portfolio-single-post .protfolio-new-pagination .page-numbers,
body .protfolio-new-pagination a.prev.page-numbers {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #999999 !important;
	border: none !important;
	background-color: transparent !important;
	text-transform: uppercase;
}
.new-portfolio-single-post .protfolio-new-pagination .page-numbers.current {
	color: #000000 !important;
	float: unset;
	padding: 8px 16px;
	text-decoration: none;
	margin: 5px 4px;
	border: none !important;
}
/* popup  */
body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .overlay,
.all-project-portfolios
	#cnfolioHolder
	.portfolios-main-section
	ul.cnOurHolder
	.overlay {
	position: fixed;
	top: 50%;
	bottom: 0;
	padding: 15px;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0 0 0 / 80%) !important;
}
body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .overlay .content,
.all-project-portfolios
	#cnfolioHolder
	.portfolios-main-section
	ul.cnOurHolder
	.popup
	.content {
	display: block;
	margin: 0 auto;
	width: 100%;
}
body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .cancel,
body .all-project-portfolios #cnfolioHolder ul.cnOurHolder .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}
.cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}

body
	.new-portfolio-single-post
	#cnfolioHolder
	ul.cnOurHolder
	.overlay.open-popup,
.all-project-portfolios
	#cnfolioHolder
	.portfolios-main-section
	ul.cnOurHolder
	.overlay.open-popup {
	visibility: visible;
	opacity: 1;
}

body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .popup,
.all-project-portfolios
	#cnfolioHolder
	.portfolios-main-section
	ul.cnOurHolder
	.popup {
	margin: 0px auto;
	background: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	width: 100%;
	max-width: 750px !important;
	height: 850px;
	overflow: auto;
	background-color: #fefefe;
	padding: 20px;
	border: 1px groove #888;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	.close {
		position: sticky;
		width: 20px;
		height: 20px;
		top: 0px;
		right: 0px;
		padding-left: 20px;
		opacity: 0.7;
		transition: all 200ms;
		font-size: 28px;
		color: #000;
		&:hover {
			opacity: 1;
		}
	}
	p {
		margin: 0 0 1em;
		&:last-child {
			margin: 0;
		}
	}
}
/* html page  */
body .html-portfolio-post #cnfolioHolder ul.cnOurHolder {
	justify-content: flex-start !important;
}
/*-------------------- End single portfolio page ----------------*/
/*-------------------- Start career post single page ----------------*/
.single .blog-breadcrumb .hero .hero-wrapper {
    position: relative;
    z-index: 1;
}
.single-careers .blog-breadcrumb,
.career-main-section .row {
	margin: 0px;
}
section.career-main-section {
	padding: 40px 0px 60px !important;
}
.career-main-section .new-list-style li::before {
	content: "\2714";
	font-size: 18px;
	line-height: 24px;
	font-weight: 900;
	color: #4838d7;
	padding-right: 10px;
}
/* form section */
.career-main-section .apply-job-secion {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}
.career-main-section .apply-job-secion .job-form-img,
.career-main-section .apply-job-secion .job-form {
	width: 50%;
}
/* -----  */
/* form  */
.career-main-section .job-form .filed-career {
	display: flex;
	gap: 20px;
}
body .career-main-section .apply-job-secion p.cf7ascaptcha,
.career-main-section .job-form label {
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600 !important;
}
body
	.career-main-section
	.apply-job-secion
	input.wpcf7-form-control.wpcf7-submit {
	margin-top: 20px !important;
}

.career-main-section .job-form input.wpcf7-text {
	height: 50px;
}
.career-main-section .job-form textarea.wpcf7-textarea {
	height: 92px;
}
/*-------------------- End career post single page ----------------*/

/* post banner  */
.blog-breadcrumb .post__title,
.blog-breadcrumb .post__meta {
	text-shadow: 0px 3px 6px #00000078;
}
/* ------------------------------------------ */
/*------------------- custom-framework page -------------------*/
.category-39 .blog-breadcrumb h1.post__title {
	position: relative;
	z-index: 1;
}

/* service page css */
.serviceBox {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4838d7;
	border-bottom-width: 3px;
	position: relative;
	height: 100%;
}
.serviceBox .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #4838d7;
	background: #fff;
	color: #4838d7;
	margin: -48px auto 20px;
}
.serviceBox .service-icon i {
	display: inline-block;
	font-size: 30px;
	line-height: 70px;
}
.serviceBox:hover .service-icon {
	background: #4838d7;
	color: #fff;
}
.serviceBox h3 {
	font-weight: normal;
	letter-spacing: 0.7px;
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
	color: #555;
	font-size: 21px !important;
}
.serviceBox h3:before {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.serviceBox h3:after {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.serviceBox:hover h3:after,
.serviceBox:hover h3:before {
	width: 100%;
}
.serviceBox,
.service-icon,
.serviceBox .service-icon i,
.serviceBox h3:before,
.serviceBox h3:after,
.serviceBox .read {
	transition: all 0.5s ease-in-out;
}
.serviceBox p {
	margin: 0 0 0px;
}
.serviceBox .read {
	color: #4838d7;
}
.ourservice .col-md-4 {
	margin: 0 0 60px;
}
.ekko-lightbox {
	display: none !important;
}
.modal-backdrop.fade.show {
	display: none !important;
}
.modal-open {
	overflow: auto !important;
	padding-right: 0 !important;
}
.career_sec1,
.career_sec2,
.career_sec3,
.career_sec4 {
	display: none;
}

/* portofolio css */
#cnfolioHolder ul.cnOurHolder {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 40px;
	row-gap: 25px;
	margin-bottom: 30px;
}
#cnfolioHolder ul.cnOurHolder li.item {
	padding-bottom: 30px;
	/* 	padding: 15px 15px 30px 15px; */
	cursor: pointer;
}
ul.cnOurHolder li.item .cnportfolio-image > img {
	/*     min-height: 300px; */
	min-height: 250px;
	object-fit: cover;
	max-height: 150px;
	width: 100%;
	border-bottom: 1px solid #a6a6a6;
}
ul.cnOurHolder .hover-enter-bottom .cnportfolio-hover.inner,
ul.cnOurHolder .hover-enter-bottom .inner,
ul.cnOurHolder .hover-leave-bottom .cnportfolio-hover.inner,
ul.cnOurHolder .hover-leave-bottom .inner,
body .cnportfolio-image .cnportfolio-hover.inner {
	position: relative !important;
	animation: unset;
}
body .cnportfolio-image .inner {
	background: #4842d1;
	height: unset !important;
	left: unset !important;
	top: unset !important;
	-webkit-transform: unset !important;
	-webkit-animation-duration: unset !important;
	-webkit-animation-timing-function: unset !important;
	-webkit-animation-fill-mode: unset !important;
	-moz-transform: unset !important;
	-moz-animation-duration: unset !important;
	-moz-animation-timing-function: unset !important;
	-moz-animation-fill-mode: unset !important;
	transform: unset !important;
	animation-duration: unset !important;
	animation-timing-function: unset !important;
	animation-fill-mode: unset !important;
	display: inline-block;
	grid-auto-flow: column;
}
#cnfolioHolder .cnportfolio-hover .cnlinks a {
	display: none !important;
}
ul.cnOurHolder li.item h3 {
	font-size: 18px !important;
	line-height: 28px !important;
	padding: 10px;
	display: flex;
	justify-content: center;
	position: relative;
	flex-direction: column;
	margin: 0;
	text-transform: capitalize;
}
/* #cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a, #cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a:hover,
#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a, #cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a:hover,
#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a, #cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a:hover,
#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a, #cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a:hover{
    bottom: 50px !important;
    position: relative !important;
    background-color: #000 !important;
	 display: block !important;
} */
.portfolio-wraper.pfg-bootstrap .item-desc {
	position: static;
	background-color: #4842d1;
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: bold;
	width: 100% !important;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.portfolio-wraper.pfg-bootstrap .filtr-item img {
	width: 100%;
	padding: 0 !important;
	height: 250px !important;
}
.portfolio-wraper.pfg-bootstrap .filtr-item img:hover {
	transform: unset;
}
.portfolio-wraper.pfg-bootstrap ul#all-simplefilter {
	display: none;
}
/*.related-site-area .filtr-container {
    display: block !important;
    height: auto !important;
}*/
.related-site-area .filtr-container {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
}
/*.related-site-area .filtr-container a {
    text-decoration: none;
    display: contents;
}*/
.related-site-area .filtr-container a {
	display: flex;
	width: 33.33%;
} /*
.related-site-area .filtr-container .filtr-item {
    position: static !important;
    transform: unset !important;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
}*/
.related-site-area .filtr-container .filtr-item {
	position: static !important;
	transform: unset !important;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	flex: auto;
}
.portfolio-wraper .filters-div {
	height: fit-content !important;
}
.pfg-bootstrap .col-lg-4 {
	-webkit-box-flex: unset !important;
	-ms-flex: unset !important;
	flex: unset !important;
	max-width: unset !important;
}
.portfolio-wraper.pfg-bootstrap .filtr-item.single_one {
	box-shadow: 0 0 5px rgb(0 0 0 / 35%);
	padding: 0 !important;
	margin: 15px;
}
.pagination a.page-link {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 5px 4px;
}
.pagination span.current {
	background-color: #4842d1;
	color: white;
	border: 1px solid #4842d1 !important;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 5px 4px;
}
.mfp-wrap {
	top: unset !important;
	height: 100% !important;
	margin-left: auto;
	margin-right: auto;
	position: fixed !important;
	overflow: hidden;
	z-index: 99999 !important;
}
.mfp-bg.my-mfp-zoom-in.mfp-ready {
	z-index: 99999;
	position: fixed;
}
.blog-breadcrumb .overlay {
	background-color: #2d3136;
}
.mfp-container.mfp-inline-holder {
	position: fixed;
}
.squarespace-info .fa-circle:before,
.single-post ul li::marker {
	color: #4842d1;
}
.portfolios-sec .elementor-container.elementor-column-gap-default,
.portfolios-sec #cnfolioHolder ul.cnOurHolder,
.page-id-4901 .container {
	max-width: 1200px !important;
}
/* .portfolios-sec .elementor-container.elementor-column-gap-default {
    max-width: 1200px !important;
} */
.comments-form-area form#commentform {
	display: flex;
	flex-direction: column;
}
.comments-form-area .comment-form .comment-notes {
	order: 1;
}
.comments-form-area .comment-form .row {
	order: 2;
}
.comments-form-area .comment-form .gglcptch {
	order: 4;
}
.comments-form-area .comment-form p.comment-form-comment {
	order: 3;
}
.comments-form-area .comment-form p.form-submit {
	order: 5;
}

.careers-icons h3.elementor-icon-box-title {
	font-size: 22px !important;
	line-height: 32px !important;
	padding-bottom: 5px;
}
.careers-icons .elementor-icon-box-icon {
	margin-bottom: 5px !important;
}

/**/
/* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget,
.clickable .elementor-widget-wrap {
	position: static;
}
.open-position-style .box-shadow > .elementor-widget-wrap {
	box-shadow: inset 0 -3em 3em rgb(0 0 0 / 4%), 0 0 0 2px rgb(255 255 255),
		0.3em 0.3em 1em rgb(0 0 0 / 30%);
	border-radius: 20px;
}
.open-position-style .box-shadow:nth-of-type(even) > .elementor-widget-wrap {
	background: linear-gradient(to top left, #ffffff 30%, #4838d73b 100%);
}
.open-position-style .box-shadow:nth-of-type(odd) > .elementor-widget-wrap {
	background: linear-gradient(to bottom right, #ffffff 30%, #4838d73b 100%);
}
.open-position-style .box-shadow > .elementor-widget-wrap p {
	color: #000 !important;
}
body .open-position-style .box-shadow:hover p.e-lottie__caption {
	color: #4842d1 !important;
}
.open-position-style .job-experience-text {
	padding: 5px 0px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.open-position-style .job-experience-text p {
	color: gray !important;
	margin-bottom: 0 !important;
	font-size: 14px !important;
	line-height: 20px !important;
}
.open-position-style p.e-lottie__caption {
	font-weight: bold;
	padding-top: 20px;
	font-size: 22px !important;
	line-height: 25px !important;
	padding-bottom: 5px;
}
.open-position-style
	.box-shadow
	> .elementor-column-wrap
	> .elementor-widget-wrap
	> .elementor-element:first-of-type {
	margin-bottom: 0 !important;
}
.open-position-style > .elementor-container {
	display: flex;
	flex-wrap: wrap;
}
.open-position-style .box-shadow {
	padding: 20px !important;
}
.open-position-style .elementor-container .elementor-column {
	width: 33.33% !important;
}
.open-position-old-sec {
	display: none;
}
span.positions {
	font-size: 15px;
	color: #000;
	padding: 10px 0;
	font-weight: 500;
}

/** Shopify membership page css Start**/

.shopify-member-section .elementor-container.elementor-column-gap-default {
	gap: 10px;
}
.price_of_support_package.theme-shop-pricing-tbl ul.pricing-tab-list {
	border: 1px solid #707070;
}
.price_of_support_package.theme-shop-pricing-tbl ul.pricing-tab-list button {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600 !important;
	padding: 10px 20px;
}
.price_of_support_package.theme-shop-pricing-tbl
	ul.pricing-tab-list
	li.pricing-tab-list__item.current {
	margin: 7px;
	background: #000 !important;
	border-radius: 30px;
}
.price_of_support_package.theme-shop-pricing-tbl
	ul.pricing-tab-list
	li.pricing-tab-list__item.current
	button {
	color: #fff;
}
.price_of_support_package.theme-shop-pricing-tbl
	ul.pricing-tab-list
	li.pricing-tab-list__item::before {
	background: transparent !important;
}
.price_of_support_package.theme-shop-pricing-tbl .prcing-table.pro.reveal {
	width: 100%;
	min-height: unset;
	height: unset;
	max-height: unset;
	padding: 0;
	border-radius: 20px 20px 3px 3px !important;
	background: rgb(215 238 241 / 20%) 0% 0% no-repeat padding-box !important;
	box-shadow: unset;
}
.price_of_support_package.theme-shop-pricing-tbl .col-12.col-md-3:first-child {
	max-width: 31% !important;
	flex: 0 0 40%;
	padding: 0;
	display: flex;
}
.price_of_support_package.theme-shop-pricing-tbl
	.col-12.col-md-3:not(first-child) {
	max-width: 15% !important;
	display: flex;
}
.price_of_support_package.theme-shop-pricing-tbl .col-12.col-md-3 {
	padding-left: 0;
	padding-right: 0;
}
.price_of_support_package.theme-shop-pricing-tbl
	.col-12.col-md-3:first-child
	.prcing-header {
	flex-direction: row;
}
.price_of_support_package.theme-shop-pricing-tbl
	.col-12.col-md-3
	.prcing-header {
	min-height: 110px;
	max-height: 110px;
	background-color: #000000;
	border-radius: 20px 20px 0px 0px;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column;
	margin-bottom: 0;
}
.price_of_support_package.theme-shop-pricing-tbl
	.col-12.col-md-3:first-child
	.prcing-header
	span.prcing-table__plan-name {
	color: #fff !important;
	font-size: 40px !important;
	line-height: 50px !important;
	font-weight: 700 !important;
	letter-spacing: 0px !important;
	text-transform: capitalize;
}
.price_of_support_package.theme-shop-pricing-tbl
	a.db-btn.db-btn__type-lg.price_monthly {
	display: none;
}
.price_of_support_package.theme-shop-pricing-tbl
	a.db-btn.db-btn__type-lg.price_annual {
	display: none;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	.prcing-header {
	color: #fff !important;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	.prcing-header
	span {
	color: #fff !important;
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	ul
	li {
	text-align: left;
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 500;
	padding: 0px 30px 28px;
	display: flex;
	align-items: center;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	ul
	li.right:before {
	content: "\2714";
	color: #009045;
	font-size: 17px;
	font-weight: 700;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	ul
	li.close-icon:before {
	color: #f44336;
	content: "\00D7";
	font-size: 24px;
	font-weight: 700;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	ul.pricing-table-ul.pricing-table-icon
	li.right {
	justify-content: center;
	width: 100%;
}
.price_of_support_package.theme-shop-pricing-tbl
	.prcing-table.pro.reveal
	ul.pricing-table-ul.pricing-table-icon
	li.close-icon {
	justify-content: center;
	width: 100%;
}
.price_of_support_package.theme-shop-pricing-tbl .row {
	align-items: flex-start !important;
	justify-content: space-between;
	column-gap: 20px;
}
.price_of_support_package.theme-shop-pricing-tbl .prcing-table.pro.reveal ul {
	margin-bottom: 0px;
	position: relative;
	z-index: 0;
	padding-top: 40px;
}
.price_of_support_package.theme-shop-pricing-tbl
	.col-12.col-md-3:first-child
	p {
	display: none;
}
.shopify-page-faq .single-faq.reveal {
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 0.5px solid #c2c2c2;
	border-radius: 10px;
	opacity: 1;
	padding: 28px 30px 28px 10px;
}
.shopify-page-faq .single-faq.reveal h5 {
	font-size: 20px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
	color: #000 !important;
	border-bottom: 0 !important;
	font-family: "Poppins", Sans-serif !important;
}
.shopify-page-faq .single-faq.reveal h5 button {
	padding-bottom: 0;
	font-weight: 500;
	width: 100%;
	display: flex;
	align-items: center;
	font-family: "Poppins", Sans-serif !important;
}
.shopify-page-faq .single-faq.reveal h5 button.active i {
	transform: rotate(0deg);
	position: absolute;
	right: 50px;
}
.shopify-page-faq .single-faq.reveal h5 button i {
	transform: rotate(179deg);
	transition: all 0.3s ease;
	position: absolute;
	right: 50px;
}
.shopify-page-faq .single-faq.reveal .single-faq-description p {
	font-size: 16px !important;
	line-height: 23px !important;
	font-weight: 400;
	padding-bottom: 0;
	color: #000000;
	padding-left: 50px;
	padding-right: 60px;
}
.shopify-member-contact-form .get-in-touch {
	display: block;
	margin: auto;
}
.get-in-touch {
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
}
.shopify-membership-form .shopify-member-half-field p {
	display: flex;
	gap: 10px;
}
.shopify-member-contact-form .shopify-member-field p input,
.shopify-member-contact-form .shopify-member-field p select,
.shopify-member-contact-form .shopify-member-field p textarea {
	font-family: "Inter", sans-serif !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #6a6a6a !important;
	padding: 0px 15px;
	margin: 5px 0px !important;
	box-shadow: 0px 3px 6px #00000029;
	border: 0.5px solid #c2c2c2 !important;
	border-radius: 10px !important;
	height: 50px;
}
.shopify-member-contact-form .shopify-member-field input::placeholder,
.shopify-member-contact-form .shopify-member-field p textarea::placeholder {
	color: #6a6a6a;
}
.shopify-member-contact-form .shopify-member-field p textarea {
	height: 120px;
	padding-top: 10px;
}
.shopify-member-contact-form .shopify-member-field p select {
	appearance: none;
	padding-right: 30px;
	background: #fff
		url(https://arhamcommerce.com/wp-content/themes/vapp-child/img/down.png)
		right 15px center no-repeat;
	background-size: 13px;
}
.shopify-member-contact-form .shopify-member-button p {
	text-align: center;
	position: relative;
}
.shopify-member-contact-form .shopify-member-button input {
	font-family: "Inter", Sans-serif;
	font-weight: bold;
	font-size: 18px !important;
	line-height: 25px !important;
	color: #ffffff;
	background-color: #000000;
	border-radius: 8px;
	padding: 11px 55px;
	height: unset !important;
	margin: 0px !important;
}
.shopify-member-contact-form .shopify-member-button input[type="submit"]:hover {
	background-color: #000 !important;
}
.shopify-member-contact-form .shopify-member-button .wpcf7-spinner {
	position: absolute;
	top: 25%;
}
.shopify-member-contact-form .shopify-member-button {
	padding-top: 40px;
}
.shopify-member-contact-form .shopify-member-h2.shopify-member-contact-heading {
	margin-bottom: 0px;
}
#shopify-membership-banner-block {
	background-position: center center;
	height: 850px;
	width: auto;
}
#shopify-membership-banner-block h2 {
	font-size: 80px !important;
	line-height: 85px !important;
	font-weight: 700 !important;
	color: #ffd366;
	text-shadow: 0px 3px 6px #00000029;
	font-family: "Poppins", Sans-serif !important;
}
#shopify-membership-banner-block h1 {
	font-size: 60px !important;
	line-height: 66px !important;
	font-weight: 700 !important;
	text-shadow: 0px 3px 6px #00000029;
	font-family: "Poppins", Sans-serif !important;
}
#arham-webworks-shopify-membership-second-section h2 {
	font-family: "Poppins", Sans-serif !important;
}
.arham-webworks-container.shopify-member-section-3 h2 {
	font-family: "Poppins", Sans-serif !important;
}
.arham-webworks-container.shopify-member-section-3 h4 {
	font-family: "Poppins", Sans-serif !important;
}
.price_of_support_package.theme-shop-pricing-tbl h2,
.shopify-page-faq h2,
.shopify-member-contact-form h2 {
	font-family: "Poppins", Sans-serif !important;
}

/* wordpress page timeline css */

.main-timeline .timeline {
	padding: 0 2px;
	position: relative;
}
.main-timeline .timeline-icon {
	display: block;
	text-align: center;
	padding: 20px 0 55px 0;
	z-index: 1;
	position: relative;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon {
	padding: 55px 0 20px 0;
}
.main-timeline .timeline-icon:before {
	content: "";
	width: 1px;
	height: 75%;
	background: #4838d7;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon:before {
	bottom: auto;
	top: 0;
}
.main-timeline .timeline:hover .timeline-icon:before {
	background: #555;
}
.main-timeline .timeline-icon i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	background: #4838d7;
	font-size: 14px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.main-timeline .timeline:hover .timeline-icon i {
	background: #555;
	animation: icon-load 2.5s ease 0s infinite;
}
.main-timeline .border {
	height: 15px;
	background: #4838d7;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
}
.main-timeline .timeline:hover .border {
	background: #555;
}
.main-timeline .timeline:first-child .border {
	border-radius: 4px 0 0 4px;
}
.main-timeline .timeline:last-child .border {
	border-radius: 0 4px 4px 0;
}
.main-timeline .timeline:nth-child(2n) .border {
	margin: 18px 0 0 0;
}
.main-timeline .timeline-content {
	padding: 15px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	border-radius: 3px;
	transition: all 0.3s ease 0s;
}
.main-timeline .timeline:hover .timeline-content {
	background: #555;
}
.main-timeline .title {
	font-weight: 700;
	color: #4838d7;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	transition: all 0.3s ease 0s;
	font-size: 17px !important;
}
.main-timeline .timeline:hover .title {
	color: #fff;
}
.timeline-content .description {
	margin: 0;
	transition: all 0.3s ease 0s;
	font-size: 15px !important;
	line-height: 19px !important;
}
.main-timeline .timeline:hover .description {
	color: #fff;
}

@keyframes icon-load {
	0% {
		transform: rotate(-12deg);
	}
	8% {
		transform: rotate(12deg);
	}
	10% {
		transform: rotate(24deg);
	}
	18%,
	20% {
		transform: rotate(-24deg);
	}
	28%,
	30% {
		transform: rotate(24deg);
	}
	38%,
	40% {
		transform: rotate(-24deg);
	}
	48%,
	50% {
		transform: rotate(24deg);
	}
	58%,
	60% {
		transform: rotate(-24deg);
	}
	68% {
		transform: rotate(24deg);
	}
	100%,
	75% {
		transform: rotate(0deg);
	}
}
.main-timeline:after {
	content: "";
	display: block;
	clear: both;
}
.main-timeline .col-md-2 {
	width: 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

/* php page css */

.servicephp {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4838d7;
	border-bottom-width: 3px;
	position: relative;
	height: 100%;
}
.servicephp .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #4838d7;
	background: #fff;
	color: #4838d7;
	margin: -48px auto 20px;
}
.servicephp .service-icon i {
	display: inline-block;
	font-size: 30px;
	line-height: 70px;
}
.servicephp:hover .service-icon {
	background: #4838d7;
	color: #fff;
}
.servicephp h3 {
	font-weight: normal;
	letter-spacing: 0.7px;
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
	color: #555;
	font-size: 21px !important;
}
.servicephp h3:before {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.servicephp h3:after {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.servicephp:hover h3:after,
.servicephp:hover h3:before {
	width: 100%;
}
.servicephp,
.service-icon,
.servicephp .service-icon i,
.servicephp h3:before,
.servicephp h3:after,
.servicephp .read {
	transition: all 0.5s ease-in-out;
}
.servicephp p {
	margin: 0 0 0px;
}
.servicephp .read {
	color: #4838d7;
}
.php .col-md-4 {
	margin: 0 0 60px;
}

/* ionic page css */

.serviceionic {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4838d7;
	border-bottom-width: 3px;
	position: relative;
	height: 100%;
}
.serviceionic .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #4838d7;
	background: #fff;
	color: #4838d7;
	margin: -48px auto 20px;
}
.serviceionic .service-icon i {
	display: inline-block;
	font-size: 30px;
	line-height: 70px;
}
.serviceionic:hover .service-icon {
	background: #4838d7;
	color: #fff;
}
.serviceionic h3 {
	font-weight: normal;
	letter-spacing: 0.7px;
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
	color: #555;
	font-size: 21px !important;
}
.serviceionic h3:before {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.serviceionic h3:after {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.serviceionic:hover h3:after,
.serviceionic:hover h3:before {
	width: 100%;
}
.serviceionic,
.service-icon,
.serviceionic .service-icon i,
.serviceionic h3:before,
.serviceionic h3:after,
.serviceionic .read {
	transition: all 0.5s ease-in-out;
}
.serviceionic p {
	margin: 0 0 0px;
}
.serviceionic .read {
	color: #4838d7;
}
.ionic .col-md-3 {
	margin: 0 0 60px;
}

/* seo page css */

.serviceseohow {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4838d7;
	border-bottom-width: 3px;
	position: relative;
	height: 100%;
}
.serviceseohow .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #4838d7;
	background: #fff;
	color: #4838d7;
	margin: -48px auto 20px;
}
.serviceseohow .service-icon i {
	display: inline-block;
	font-size: 30px;
	line-height: 70px;
}
.serviceseohow:hover .service-icon {
	background: #4838d7;
	color: #fff;
}
.serviceseohow h3 {
	font-weight: normal;
	letter-spacing: 0.7px;
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
	color: #555;
	font-size: 21px !important;
}
.serviceseohow h3:before {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.serviceseohow h3:after {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.serviceseohow:hover h3:after,
.serviceseohow:hover h3:before {
	width: 100%;
}
.serviceseohow,
.serviceseohow,
.serviceseohow .service-icon i,
.serviceseohow h3:before,
.serviceseohow h3:after,
.serviceseohow .read {
	transition: all 0.5s ease-in-out;
}
.serviceseohow p {
	margin: 0 0 0px;
}
.serviceseohow .read {
	color: #4838d7;
}
.seohow .col-md-3 {
	margin: 0 0 60px;
}

/* seo service page css */

.serviceseo {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #4838d7;
	border-bottom-width: 3px;
	position: relative;
	height: 100%;
}
.serviceseo .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #4838d7;
	background: #fff;
	color: #4838d7;
	margin: -48px auto 20px;
}
.serviceseo .service-icon i {
	display: inline-block;
	font-size: 30px;
	line-height: 70px;
}
.serviceseo:hover .service-icon {
	background: #4838d7;
	color: #fff;
}
.serviceseo h3 {
	font-weight: normal;
	letter-spacing: 0.7px;
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
	color: #555;
	font-size: 21px !important;
	text-transform: uppercase;
}
.serviceseo h3:before {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.serviceseo h3:after {
	content: "";
	background: #4838d7;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.serviceseo:hover h3:after,
.serviceseo:hover h3:before {
	width: 100%;
}
.serviceseo,
.serviceseo,
.serviceseo .service-icon i,
.serviceseo h3:before,
.serviceseo h3:after,
.serviceseo .read {
	transition: all 0.5s ease-in-out;
}
.serviceseo p {
	margin: 0 0 0px;
}
.serviceseo .read {
	color: #4838d7;
}
.seo .col-md-4 {
	margin: 0 0 60px;
}

.elementor-3106
	.elementor-element.elementor-element-4edb310
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}
.elementor-3106
	.elementor-element.elementor-element-3a43741
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}
.elementor-3106
	.elementor-element.elementor-element-73576c7
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}
.elementor-3106
	.elementor-element.elementor-element-9cd54c9
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}
.elementor-3106
	.elementor-element.elementor-element-1a5dd0c
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}
.elementor-3106
	.elementor-element.elementor-element-983bb73
	.elementor-image-box-content
	.elementor-image-box-title {
	font-size: 24px !important;
}

/* carrer page post css */

h1.career-heading {
	text-align: center;
	padding: 50px 0 50px 0;
}
h5.career-title {
	padding: 10px 0 10px 0;
}
.open-positions-block {
	padding: 20px 0;
}
.open-positions-block .float-left-text {
	float: left;
	width: 80%;
	padding-right: 10px;
	padding-bottom: 20px;
}
.open-positions-block .float-right-text {
	float: right;
	text-align: right;
	width: 20%;
}
.ambitionbox-category-ratings .elementor-widget-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
#work_with_us_btn a {
	text-align: center;
	cursor: pointer;
	background: #2858d1;
	border: none;
	border-radius: 5px;
	padding: 18px 28px;
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	width: 180px;
	margin-top: 45px;
}
div.wpcf7 {
	width: 100%;
}
.process-block-design .container {
	max-width: 1380px !important;
}
.wpprocess-block-design .container {
	max-width: 1380px !important;
}
ul.cnOurHolder li.item .cnportfolio-image {
	/*padding: 15px;*/
	box-shadow: 0 0 5px rgb(0 0 0 / 35%);
}
body.page .comments-form-area,
body.page .comments-area {
	display: none;
}
.elementor-page-4901 .blog-breadcrumb {
	background-image: url("/wp-content/uploads/2021/11/filter-bg.jpg") !important;
	display: none;
}
.blog .blog-breadcrumb {
	background-image: url("https://arhamwebworks.com/wp-content/uploads/2023/07/Tryzens-Blog-Page-Banner.jpg") !important;
}
.elementor-element-6fec512 img {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* --- portfolio page --- */
section.latest-blog-area .portfolio_cat .zoom-anim-dialog h3 {
	font-size: 16px !important;
	line-height: 20px !important;
}
.portfolios-sec #cnfolioHolder ul.cnOurHolder li.item {
	/* 		width: 32.9%; */
	max-width: 31%;
}
/* --- portfolio page --- */
/*.elementor-5129 .option_link .elementor-element,.elementor-5129 .option_link .elementor-element {
    width: 50% !important;
}*/

/* ------------------------Shopify portfolio ---------------- */
body .cnportfolio-image .inner {
	width: 100%;
}
.portfolios-sec div#cnfolioHolder ul li {
	margin: 0;
	list-style: none;
}

.related-site-area .cnportfolio-content-wrapper h3 {
	/* background-color: #4842d1; */
	background-color: #fff;
	width: 100% !important;
	padding: 15px !important;
	align-items: center;
	bottom: 0;
	color: white;
	left: 0rem;
	right: 2rem;
	text-align: center;
	font-family: "Roboto Slab", Sans-serif !important;
	font-size: 20px !important;
}

.related-site-area .cnportfolio-content-wrapper {
	background-color: #4842d1;
}

.related-site-area .elementor-container {
	max-width: 1200px !important;
	/*     max-width: 1350px !important; */
}
/* ------------------------ newly added Shopify portfolio ---------------- */

#cnfolioHolder .cnportfolio-hover .cnlinks {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
}
#cnfolioHolder .cnportfolio-hover .cnlinks a,
#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a:hover {
	bottom: 50px;
	position: relative;
	background-color: #000 !important;
	display: block !important;
}
#cnfolioHolder .cnportfolio-hover .cnlinks a {
	display: block;
	width: 50%;
	float: left !important;
	height: 50px;
	opacity: 0;
	margin: 0;
	padding: 0;
	transition: all 0.5s ease 0s;
	/* 	opacity: 1; */
	background: transparent;
}
#cnfolioHolder .cnportfolio-hover .cnlinks a span {
	display: block;
	width: 100%;
	height: 50px;
}
#cnfolioHolder .cnportfolio-hover .cnportfolio-details span {
	background: url("/wp-content/uploads/2022/02/popup-icon.png") no-repeat center;
}
#cnfolioHolder .cnportfolio-hover .cnportfolio-live span {
	background: url("/wp-content/uploads/2022/02/link-icon.png") no-repeat center;
}
#cnfolioHolder .cnportfolio-content-wrapper {
	color: #fff;
	font-size: 16px;
}
/* #cnfolioHolder .cnportfolio-hover .cnlinks a {
    opacity: 0;
    background: transparent;
} */
#cnfolioHolder li.item .cnportfolio-image:hover .cnlinks a {
	opacity: 0.5;
}
#cnfolioHolder li.item .cnportfolio-image .cnlinks a:hover {
	opacity: 0.9;
}
/* #cnfolioHolder li.item .cnportfolio-image:hover .cnlinks a.cnportfolio-live , .cnlinks a.popup-with-zoom-anim.cnportfolio-details {
    opacity: 1;
} */
.mfp-hide {
	display: none !important;
}
#cnfolioHolder .cnportfolio-content-wrapper h3 {
	line-height: 40px;
	overflow: hidden;
	font-size: 16px;
	/* color: #fff; */
	color: #4842d1;
	font-weight: bold;
	text-align: center;
}
.cnportfolios-content {
	display: block;
	border-bottom: 4px solid #4842d1;
	margin-bottom: 21px;
	/*     padding: 15px 15px 20px 15px;
    width: 100%; */
}
.cnportfolios-content h2 {
	display: inline-block;
	color: #000;
	font-weight: bold !important;
	padding: 12px 0px;
	margin: 0 !important;
}
.cnportfolio-view-more {
	float: right;
	margin: 8px 0px 0px 0px;
}
.all-project-portfolios
	.portfolios-main-section
	.cnportfolios-content
	.cnportfolio-view-more
	a:hover {
	background: #4777f4;
	background-image: linear-gradient(90deg, #4777f4, #4838d7, #4777f4);
	background-size: 200%;
	background-position: 100%;
	box-shadow: 0 5px 15px rgb(30 35 40 / 10%);
	transition: background-position 0.2s cubic-bezier(0.5, 0, 0.25, 1),
		box-shadow 0.2s cubic-bezier(0.5, 0, 0.25, 1),
		transform 0.2s cubic-bezier(0.5, 0, 0.25, 1);
	text-overflow: ellipsis;
	transform: none;
}
/* .cnportfolio-view-more a {
  background-color: #4842d1;
  color: white;
  border: 0px solid #4842d1 !important;
  padding: 11px 25px 10px 25px;
  transition: background-color 0.3s;
  border-radius: 6px;
  margin-top: 12px;
} */
body .cnportfolio-view-more a {
	padding: 11px 25px 10px 25px;
	transition: background-color 0.3s;
	margin-top: 12px;
	font-family: "Poppins", Sans-serif !important;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	fill: #ffffff;
	color: #ffffff;
	background-color: #3020ba;
	border-radius: 6px;
	text-transform: capitalize;
}

.portfolio-pagination span.page-numbers.current {
	background-color: #4842d1;
	color: white;
	border: 1px solid #4842d1 !important;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 5px 4px;
}
.portfolio-pagination a.page-numbers {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 5px 4px;
}

.portfolio-pagination a.prev.page-numbers,
a.next.page-numbers {
	background-color: #4842d1;
	color: white;
	border: 1px solid #4842d1 !important;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: 1px solid #ddd;
	margin: 5px 4px;
}
/* ------------------------ Shopify portfolio ----------------------------------------- */

/* ---------------------------magnific popup css --------------------------------- */
.mfp-bg.mfp-fade.mfp-ready {
	z-index: 99999;
	position: fixed;
}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-wrap {
	top: unset !important;
	height: 100% !important;
	margin-left: auto;
	margin-right: auto;
	position: fixed !important;
	overflow: hidden;
	z-index: 99999 !important;
}
.mfp-container.mfp-inline-holder {
	position: fixed;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-content {
	cursor: auto;
}
.zoom-anim-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
}
.zoom-anim-dialog h3 {
	margin: 10px 0 0;
}
.zoom-anim-dialog .image {
	width: 100%;
	margin: 20px 0;
}
.zoom-anim-dialog a.popuplink {
	font-size: 12px;
}
.mfp-close-btn-in .mfp-close {
	color: #333333;
}
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	border-radius: 0;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

/* -------------------------------- magnific popup css ------------------------------------- */

* {
	box-sizing: border-box;
}

/* force scrollbar */
html {
	overflow-y: scroll;
}

body {
	font-family: sans-serif;
}

/* ---- grid ---- */

.grid {
	background: #ddd;
}

/* clear fix */
.grid:after {
	content: "";
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
	width: 33.333%;
}

.grid-item {
	float: left;
}

.grid-item img {
	display: block;
	max-width: 100%;
}

/*-------------------------------- Start New Home page content  --------------------------------*/
/*-------- button css  --------*/
.new-home-button a.elementor-button-link {
	background: #2d2192;
	border: 2px solid #2d2192;
	border-radius: 7px;
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.new-home-button a:hover {
	background-color: transparent;
	border: 2px solid #2d2192;
}
.new-home-button
	a.elementor-button-link:hover
	> span.elementor-button-content-wrapper
	> span.elementor-button-text {
	color: #2d2192 !important;
}
/*--------End button css  --------*/
body .arham-page-inner-container .elementor-container {
	max-width: 1480px !important;
	padding: 0px !important;
}
/*----- 1.first section  -----*/
.page-id-13393 .blog-breadcrumb {
	display: none;
}

.first-section-desktop {
	display: block;
}
.first-section-mobile {
	display: none;
}
.new-home-first-section {
	padding: 64px 0px 100px 0px;
}
.new-home-first-section .elementor-column-wrap.elementor-element-populated {
	align-items: center !important;
}
.new-home-first-section-heading,
.new-home-first-section-text-content,
.new-home-first-section-button {
	margin-bottom: 0px !important;
}
.new-home-first-section .elementor-heading-title.elementor-size-default {
	font-family: "Poppins" !important;
	font-size: 50px !important;
	line-height: 58px !important;
	font-weight: 700 !important;
	letter-spacing: 0px;
	color: #000000;
	/* text-transform: lowercase; */
	padding-bottom: 15px;
}
.new-home-first-section h2::first-letter {
	text-transform: capitalize;
}
.new-home-first-section span.new-home-first-section-heading-span {
	font-size: 52px;
	line-height: 70px;
	text-transform: capitalize;
	/* background: -webkit-linear-gradient(
      180deg,
      #2d2192 0%,
      #2e2295 36%,
      #4837d6 100%
    )
    0% 0%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
	background-image: linear-gradient(
		-225deg,
		#2d2192 0%,
		#2e2295 29%,
		#4837d6 67%,
		#5b4be6 100%
	);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
}
@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

.new-home-first-section-text-content p {
	font-family: "Poppins" !important;
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding-bottom: 25px;
}
.new-home-first-section-button a {
	padding: 9px 28px;
	margin-bottom: 25px;
}
.new-home-first-section-sub-text p {
	font-family: "Poppins" !important;
	font-size: 18px !important;
	line-height: 27px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
}
/*-----2. two section  -----*/
.new-home-two-section {
	padding: 90px 0px 102px !important;
}
.new-home-two-section .two-section-inner-section .elementor-column-gap-default {
	gap: 40px;
}
.new-home-two-section .new-home-two-section-inner-section-column {
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 5px 5px 6px #00000029;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}
.new-home-two-section-second-inner-section {
	padding: 50px 0px 0px !important;
}
.new-home-two-section-inner-section-img-box {
	padding: 44px;
	/* max-height: 276px; */
	height: 100%;
	min-height: 315px;
}
.new-home-two-section-inner-section-img-box img {
	width: 60px;
}

.new-home-two-section .mobile-app img {
	width: 65px;
}
.new-home-two-section .wix-webflow-development img {
	width: 80px;
}

.new-home-two-section-inner-section-img-box figure.elementor-image-box-img {
	margin-bottom: 10px !important;
}
.new-home-two-section-inner-section-img-box h3.elementor-image-box-title {
	font-family: "Poppins" !important;
	font-size: 24px !important;
	line-height: 35px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	color: #000000;
	/* text-transform: capitalize; */
}
.new-home-two-section-inner-section-img-box:hover h3.elementor-image-box-title {
	color: #2d2192;
}
.new-home-two-section-inner-section-img-box p.elementor-image-box-description {
	font-family: "Poppins" !important;
	font-size: 18px !important;
	line-height: 30px !important;
	font-weight: 300 !important;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding-top: 8px;
}
/*----- 3.three section  -----*/
.new-home-three-section {
	display: none;
	padding: 87px 0px 73px 0px !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.new-home-technologies-section {
	padding: 87px 0px 98px 0px !important;
}
.new-home-technologies-section-desktop {
	display: block;
}
.new-home-technologies-section-tablet {
	display: none;
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.new-home-technologies-inner-section-col {
	padding: 7px 0px;
	transition: all 0.3s ease-out;
}
.new-home-technologies-section .new-home-technologies-section-heading {
	margin-bottom: 0px !important;
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.new-home-technologies-inner-section-col:hover {
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	transition: all 0.3s ease-out;
}

.new-home-technologies-section
	.new-home-technologies-inner-section
	.elementor-column-gap-default {
	gap: 80px;
}
.new-home-technologies-section .new-home-technologies-inner-section {
	padding-top: 50px !important;
}
.new-home-technologies-section .new-home-technologies-text h6 {
	font-family: "Poppins" !important;
	font-size: 14px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	color: #707070;
	/* text-transform: capitalize; */
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.elementor-widget-wrap {
	align-content: space-between;
	justify-content: center;
}
.new-home-technologies-section .new-home-technologies-inner-section img {
	width: 50px;
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.webflow-logo
	img {
	width: 120px;
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.technologies-img
	img {
	width: 70px;
}
.new-home-technologies-section
	.new-home-technologies-inner-section
	.node-js-logo
	img {
	width: 90px;
}
.new-home-technologies-section .new-home-technologies-img {
	margin-bottom: 10px !important;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/*----- 5.five section  -----*/
.process-content-card-col .process-content-card {
	min-height: 275px;
}
/*-----7. seven section  -----*/
.new-home-seven-section {
	padding: 85px 0px 100px 0px !important;
}
.new-home-blog-post-heading {
	margin-bottom: 0px !important;
}
.letest-work-post-shortcode .elementor-shortcode {
	display: flex;
	align-items: baseline;
	gap: 15px;
}

/* ------------------------------------------------------ */
.letest-work-section {
	position: relative;
	width: 50%;
}
.new-home-seven-section .letest-work-section {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
}
.letest-work-image {
	width: 100%;
	max-width: 463px;
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s ease;
	backface-visibility: hidden;
}
.overlay {
	transition: 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
	background: rgb(0, 0, 0, 0.3);
}
.letest-work-section:hover .letest-work-image {
	opacity: 0.3;
}

.letest-work-section:hover .overlay {
	opacity: 1;
}
.letest-work-hover-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.letest-work-hover-button a {
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	padding: 0px 20px;
	border-radius: 5px;
}
/* -------------------------------------------------------------- */
/*-----8. Eigth section  -----*/
.new-home-eight-section {
	padding: 85px 0px 250px 0px !important;
}
.new-home-blog-post-heading {
	padding-bottom: 25px;
}
.new-home-eight-section .new-home-blog-post article.type-post {
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	height: 100%;
}
.new-home-blog-post h3.article__title {
	margin-bottom: 0px;
}
.new-home-blog-post .db-btn__blue {
	font-family: "Poppins" !important;
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
	text-transform: capitalize;
	color: #2d2192;
	display: block;
	margin-top: 0px !important;
	background-color: unset;
	position: relative;
}
.new-home-blog-post .db-btn:before {
	content: unset;
}
.new-home-blog-post .db-btn::after {
	content: "\279C" !important;
	transition: all 0.4s;
	position: absolute;
	left: auto;
	top: 1px;
	right: 30px;
}
.new-home-blog-post article.single-article:hover .db-btn:after {
	right: 15px;
}
.new-home-blog-post
	article.single-article:hover
	.article-content
	h3.article__title
	a {
	color: #2d2192;
}
/* ----------------- */
.new-home-blog-post .article .article__thumbnail + .article-content {
	position: relative;
	top: inherit;
	width: 100%;
	margin: 0 auto;
	padding: 20px 24px !important;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	text-align: center;
}
.new-home-blog-post .article .article__thumbnail + .article-content p {
	display: none;
}
.new-home-eight-section
	.new-home-blog-post
	article.type-post
	.article__thumbnail {
	max-height: 243px;
}
.new-home-blog-post
	.article
	.article__thumbnail
	+ .article-content
	.article__title {
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: 600;
	font-family: "Poppins" !important;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 0px;
	padding: 10px 0 20px;
}
.new-home-blog-post
	.article
	.article__thumbnail
	+ .article-content
	.article__title
	a {
	color: #000000;
	word-break: break-word;
}
.new-home-blog-post
	.article
	.article__thumbnail
	+ .article-content
	.article__meta
	span {
	font-size: 16px;
	line-height: 22px;
	color: #7b7b7b;
	font-weight: 300;
	font-family: "Poppins" !important;
	text-transform: capitalize;
	margin-bottom: 0px !important;
}
.new-home-blog-post .db-btn__blue {
	height: auto;
}
.new-home-blog-post .db-btn:before {
	background: transparent;
}
/* ---------------------- */

/* button  */
.new-home-blog-post-button a.elementor-button-link {
	padding: 10px 47px;
}
.new-home-blog-post-button {
	padding-top: 30px;
}

.new-home-nine-section {
	padding-bottom: 78px !important;
}
.new-home-nine-section section > .elementor-container > .elementor-column {
	padding: 10px 21px;
}
.new-home-nine-section section > .elementor-container {
	align-items: center;
}
.client-first-logo img {
	width: 130px !important;
}
.new-home-nine-section img {
	width: 170px;
}
/*-----10. ten section  -----*/
.new-home-ten-section {
	padding: 98px 0px 100px 0px !important;
}
.new-home-ten-section-heading h2 {
	font-family: "Poppins" !important;
	font-size: 34px !important;
	line-height: 44px !important;
	font-weight: 700 !important;
	letter-spacing: 0px;
	color: #000000 !important;
	text-align: center;
	text-transform: capitalize;
	padding: 17px 0px 23px 0px;
}
.new-home-ten-section-text p {
	font-family: "Poppins" !important;
	font-size: 18px !important;
	line-height: 30px !important;
	font-weight: 300 !important;
	letter-spacing: 0px;
	color: #000000;
	text-align: center;
	text-transform: capitalize;
}
.new-home-ten-section-button a.elementor-button-link {
	padding: 10px 24px;
}
.new-home-ten-section-button {
	padding-top: 45px;
}
/*-----11. Eleven section  -----*/
.new-home-eleven-section > .elementor-container {
	gap: 100px;
}
.new-home-eleven-section .elementor-column-gap-default {
	align-items: center;
}
.new-home-eleven-section {
	padding: 100px 0px 100px 0px !important;
}
/* --------------------------------------------- */
.letest-work-post-shortcode .slick-next:before,
.new-home-blog-post .slick-next:before {
	content: "\203A";
}
.letest-work-post-shortcode .slick-prev:before,
.new-home-blog-post .slick-prev:before {
	content: "\2039";
}
.letest-work-post-shortcode .slick-next:before,
.new-home-blog-post .slick-next:before,
.letest-work-post-shortcode .slick-prev:before,
.new-home-blog-post .slick-prev:before {
	color: #6a6a6a;
	font-size: 40px;
	line-height: unset;
	font-weight: 700;
}

.our-client-slider .elementor-widget-wrap {
	flex-wrap: nowrap;
	align-items: center;
}
.our-client-slider .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}
/* ------------------------ */
.our-client-slider-shortcode .slick-wrapper {
	width: 100%;
}
.our-client-slider-shortcode .slide-item {
	display: flex !important;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 100px;
	padding: 75px 55px;
}

.our-client-slider-shortcode .slick-slide {
	pointer-events: none;
}

/* .our-client-slider-shortcode .slick-dots {
  bottom: -30px;
  pointer-events: none;
} */

.shopify-demo-slider .slider-content p {
	font-family: "Poppins" !important;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: #000;
	font-weight: 700;
	padding: 10px 8px;
}
.shopify-demo-slider .slider-content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.swiper-container,
.swiper-slide {
	height: 100% !important; /* This solution causes gaps because the images are resized */
}
.our-client-slider-shortcode .integrity-logo img {
	width: 120px;
}
.our-client-slider-shortcode .morito-logo img {
	width: 105px;
}

/* --------------------------------------------- */
section.our-client-section {
	padding: 50px 0px !important;
}
.our-client-section .our-client-logo-slider {
	pointer-events: none;
	padding: 35px 0px;
}
.our-client-section
	.elementor-skin-slideshow
	.elementor-thumbnails-swiper
	.swiper-slide:not(.swiper-slide-active):after {
	content: unset !important;
}
.our-client-section .our-client-logo-slider .elementor-carousel-image {
	background-size: contain;
	width: 140px;
}
.our-client-section .our-client-logo-slider .swiper-slide {
	width: 250px !important;
}
/*----------------------- gs slider our client section -----------------------*/
.our-client-gs-slider-shortcode {
	pointer-events: none;
}
.our-client-gs-slider-shortcode .swiper-container,
.swiper-slide {
	height: 100% !important;
	min-height: 100px;
	/*   display: flex;
  align-items: center;
  justify-content: center; */
}
.our-client-gs-slider-shortcode .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.our-client-gs-slider-shortcode img.gs-logo--img {
	width: 120px;
}
.our-client-gs-slider-shortcode .gs_logo_single--inner {
	min-width: 50% !important;
}
.our-client-gs-slider-shortcode .gs_logo_single {
	padding: 20px 0px;
}
.our-client-gs-slider-shortcode {
	margin-bottom: 0px !important;
}
/*-------------------------------- End New Home page content  --------------------------------*/
/*-------------------------------- Start web design website page content  --------------------------------*/

#web-design-page-process-section
	.process-content-card
	.elementor-image-box-title {
	font-family: "Roboto Slab", Sans-serif !important;
	color: #000;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 700;
	padding: 10px 0 10px;
}
#web-design-page-process-section
	.process-content-card
	.elementor-image-box-description {
	font-family: "Roboto Slab", Sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #818992;
}

/*-------------------------------- End web design website page content  --------------------------------*/
/* --------------------------------   Responsive Screen  --------------------------------*/
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 1480px) {
	/*------------------- services page -------------------*/
	.service-page-all-services figure.elementor-image-box-img {
		padding: 22px;
	}
	/*------------------- Start new search engine optimization page - 1480-------------------*/
	.seo-faq-section .collapsed {
		padding: 17px 25px !important;
	}
	/*------------------- Start new Wordpress page  - 1480-------------------*/
	/* section 2 */
	body
		.wordpress-cms-based-section
		.arham-page-inner-container
		.elementor-container {
		max-width: 95% !important;
		gap: 70px;
		padding: 0px !important;
		justify-content: space-between;
		margin: 0px !important;
	}
	/*------------------- Start new PHP services page -------------------*/
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -33px !important;
	}
	/*------------------- End new Wordpress page -------------------*/
	/*------------------- Start new laravel services page -480-------------------*/
	.laravel-our-process-services-section img {
		max-width: 18% !important;
	}
	/*------------------- Start new team page -------------------*/
	.new-team-page-our-team-section .cards-style.style-3 figure {
		max-height: 240px !important;
	}
	/*------------------- End new team page -------------------*/
	/*------------------- Start new Activity page -------------------*/
	section.popup-activity-img-gall .popup-activity-img-column {
		width: 100%;
		height: 715px;
		padding: 15px 15px 15px !important;
	}
}
@media only screen and (max-width: 1200px) {
	/* .elementor-container.elementor-column-gap-default {
    padding: 0px 30px 0px 30px !important;
  } */
	body #aww_header ul#menu-arhamwebworks-menu li a {
		padding: 18px 12px !important;
	}
	body #aww_header ul#menu-arhamwebworks-menu li:last-of-type a {
		padding-right: 0px !important;
	}
	.portfolios-sec #cnfolioHolder ul.cnOurHolder li.item {
		/* width: 30% !important; */
		max-width: calc(33% - 18px);
	}
	.all-project-portfolios
		.portfolios-sec
		.portfolios-main-section.odd.portfolios-less-post
		.portfolios-container
		ul.cnOurHolder
		li.item {
		max-width: 45% !important;
	}
	/*------------------- services page -------------------*/
	.arham-page-inner-container
		.elementor-container.elementor-column-gap-default {
		padding: 0px !important;
	}
	.service-page-all-services figure.elementor-image-box-img {
		width: 33% !important;
		padding: 20px;
	}
	.service-page-all-services h5.elementor-image-box-title {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.our-services-section h2 .service-page-lets-get-section h5.cta__title {
		font-size: 30px !important;
		line-height: 38px !important;
	}
	/*------------------- Start new search engine optimization page - 1200-------------------*/
	/* global */
	.all-services-hero-heading h1,
	.blog-breadcrumb h1.post__title {
		font-size: 40px !important;
		line-height: 48px !important;
		padding-bottom: 10px;
	}
	.all-services-heading h2,
	.service-page-lets-get-section h5.cta__title {
		font-size: 36px !important;
		line-height: 50px !important;
	}
	/* ------------- */
	/* section 4 */
	.counter-section .elementor-counter-number-wrapper {
		font-size: 50px !important;
		line-height: 58px !important;
	}
	.counter-section .elementor-column-gap-default,
	.take-your-business-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 30px;
	}
	/* section 6 */
	.seo-faq-section .single-faq-header h5 {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	/*------------------- End new search engine optimization page -------------------*/
	/*------------------- Start new Wordpress page  - 1200-------------------*/
	/* section 2 */
	.wordpress-cms-based-section figure.elementor-image-box-img {
		width: 45% !important;
	}
	/*------------------- End new Wordpress page -------------------*/
	/*------------------- Start new Web Design page  - 1200-------------------*/
	/* section 2 */
	#new-web-design-services-section
		.all-services-heading-h5
		h5.elementor-image-box-title {
		padding: 10px 0px 14px 15px;
	}
	/*------------------- End new Web Design page -------------------*/
	/*------------------- Start new shopify website page  - 1200 -------------------*/
	/* section 2 */
	.shopify-website-what-we-do-section
		.elementor-inner-section
		.elementor-column {
		padding: 10px;
	}
	/* section 3 */
	.sopify-services-our-e-commerce-section .e-com-solution-1-column {
		padding-right: 10px;
	}
	.sopify-services-our-e-commerce-section .e-com-solution-2-column {
		padding-left: 10px;
	}
	/*------------------- End new shopify website page -------------------*/
	/*------------------- Start new PHP services page  - 1200-------------------*/
	/* section 2 */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -32px !important;
		width: 25% !important;
	}
	/* section 4 */
	.php-services-why-choose-tabs-section .elementor-tab-title {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	/*------------------- End new PHP services page -------------------*/
	/*------------------- Start new squarespace website page  - 1200-------------------*/
	/* section 2 */
	.squarespace-our-process-section
		.elementor-column.elementor-inner-column
		.elementor-icon-box-icon {
		width: 85px;
		padding: 16px;
	}
	.squarespace-our-process-section .elementor-icon-box-content h5,
	.squarespace-our-process-section .elementor-icon-box-content p {
		padding: 0px 10px;
	}
	.squarespace-our-process-section .our-process-second-part {
		top: 122px;
	}
	.squarespace-our-process-section .elementor-column.elementor-inner-column {
		max-height: 205px;
		min-height: 205px;
	}
	/*------------------- End new squarespace website page -------------------*/
	/*------------------- Start new Social Media Marketing services page - 1200 -------------------*/
	.img-box-design figure.elementor-image-box-img {
		width: 30% !important;
		padding: 15px;
	}
	/*------------------- End new Social Media Marketing services page -------------------*/
	/*------------------- Start new Web Flow services page - 1200 -------------------*/
	.webflow-we-offer-section .elementor-inner-section .elementor-column {
		padding: 0px 20px 20px !important;
	}
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column
		figure.elementor-image-box-img {
		padding: 10px 15px 20px;
		width: 30% !important;
	}
	/*------------------- End new Web Flow services page -------------------*/
	/*------------------- Start new team page -------------------*/
	.new-team-page-our-team-section .cards-style.style-3 figure {
		max-height: 186px !important;
	}
	/*------------------- End new team page -------------------*/
	/*------------------- start new career page - 1200 -------------------*/
	.open-position-new-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 25px;
	}
	/*------------------- End new career page -------------------*/
	/*-------------------- Start New portfolio page - 1200 ----------------*/
	.all-project-portfolios .portfolios-main-section.even,
	.all-project-portfolios .portfolios-main-section.odd {
		padding: 43px 0px 40px;
	}
	.all-project-portfolios.related-site-area .elementor-container {
		padding: 0px !important;
	}
	.all-project-portfolios .portfolios-main-section.desktop-view {
		display: none;
	}
	.all-project-portfolios .portfolios-main-section.mobile-view {
		display: block;
	}
	.all-project-portfolios
		.portfolios-main-section
		.cnportfolios-content
		h2.cnportfolio-cat-name {
		color: #3020ba !important;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content,
	.all-project-portfolios
		.portfolios-main-section.mobile-view.odd.portfolios-less-post
		.cnportfolios-content {
		width: 100%;
		text-align: center;
	}
	.all-project-portfolios .portfolios-main-section.mobile-view ul.cnOurHolder {
		width: 100% !important;
		margin: 40px auto;
		gap: 21px !important;
		justify-content: center;
	}
	.all-project-portfolios .portfolios-main-section ul.cnOurHolder li.item {
		max-width: calc(33.33333% - 14px) !important;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content
		.cnportfolio-view-more {
		float: unset;
		margin-top: 30px;
	}
	.price_of_support_package.theme-shop-pricing-tbl .row {
		column-gap: normal;
	}
	/*-------------------- End New portfolio page - 1200 ----------------*/
	/*-------------------- Start single portfolio page - 1200 ----------------*/
	/* .new-portfolio-single-post ul.cnOurHolder li.item .cnportfolio-image img,
	.all-project-portfolios .portfolios-main-section .mix.cnportfolio-image img {
		min-height: 247px;
		max-height: 280px;
	} */
	/* body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder {
    row-gap: 20px;
  }
  body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder li.item {
    max-width: 31.9%;
  } */
	/*-------------------- End single portfolio page ----------------*/
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.internship-section .elementor-column-gap-default {
		gap: 20px;
		justify-content: space-between;
	}
	.internship-section .elementor-column.elementor-col-50 {
		padding: 20px;
		width: 48%;
	}
	.internship-section-heading p {
		font-size: 16px !important;
		line-height: 24px;
	}
	.internship-section ul.internship-ul li {
		padding-bottom: 5px;
	}
	/* ------ */
	.elementor-element-5ad6335 img {
		padding: 0 17px 0 17px;
	}
	.elementor-2866
		.elementor-element.elementor-element-47b1b4e.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px;
	}
	.elementor-2866 .elementor-element.elementor-element-9623306 {
		padding: px 0px px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-9623306 {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-20cb66e
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-9236ab0 {
		padding: px 0px px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-bc6907e
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-3b55bb5 {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-element-cf95d33 img {
		padding: 0 15px 0 15px;
	}
	.elementor-2549
		.elementor-element.elementor-element-c58ca1e
		> .elementor-element-populated {
		padding: 80px 0px 80px 0px !important;
	}
	.elementor-2549 .elementor-element.elementor-element-c878ac2 {
		margin-bottom: 76px !important;
	}
	.elementor-2549
		.elementor-element.elementor-element-7f67460
		> .elementor-element-populated {
		padding: 50px 0px 30px 0px !important;
	}
	.elementor-2950
		.elementor-element.elementor-element-3746dfe
		> .elementor-element-populated {
		padding: 50px 0px 43px 0px !important;
	}
	.elementor-2950
		.elementor-element.elementor-element-fb36930
		> .elementor-element-populated {
		padding: 0px 0px 43px 0px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-75a1985
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-23a4226
		> .elementor-element-populated {
		padding: 50px 0px 0px 0px !important;
	}
	.elementor-3106
		.elementor-element.elementor-element-395b259
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3256
		.elementor-element.elementor-element-9cc546d
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-6b0a0a8
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-element.elementor-element-52cad33.elementor-widget.elementor-widget-heading {
		padding: 60px 0 60px 0;
	}
	.elementor-element.elementor-element-32d3f9b.elementor-widget.elementor-widget-counter {
		padding-bottom: 60px;
	}
	.elementor-3400
		.elementor-element.elementor-element-5cf499d
		> .elementor-widget-container {
		padding: 0px 0px 75px 0px !important;
	}
	.elementor-element.elementor-element-420f5bc.elementor-widget.elementor-widget-heading {
		padding: 0 0 60px 0;
	}
	.elementor-element.elementor-element-f436dc9.elementor-widget.elementor-widget-text-editor {
		padding-bottom: 80px;
	}
	.main-timeline .title {
		font-size: 15px !important;
	}
	.serviceBox h3 {
		font-size: 17px !important;
	}
	.serviceBox p {
		font-size: 16px !important;
	}
	.serviceBoxps .title {
		font-size: 19px !important;
	}
	.main-timelineseo .post {
		font-size: 14px !important;
	}
	.timeline-content .description {
		font-size: 13px !important;
	}
	.serviceBoxseo .title {
		font-size: 16px !important;
	}
	.serviceBoxseo .description {
		font-size: 14px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-08b8690 {
		padding: 0px 0px 60px 0px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-ec7d45c
		> .elementor-widget-container {
		padding: 35px 0px 0px 0px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-a468d74 {
		padding: 20px 0px 75px 0px !important;
	}
	.elementor-2824
		.elementor-element.elementor-element-5b63e1f
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.open-positions-block .float-left-text {
		padding-left: 17px !important;
	}
	.elementor-element-ec025c1 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-dae0466 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-0591ca5 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-30dbe51 img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-e6d12da img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-5b63e1f img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-04b1edc {
		padding: 0 17px 0 17px;
	}
	.elementor-element-cf689a7 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-75566dd {
		padding: 0 17px 0 17px;
	}
	.elementor-element-a1c6f16 {
		padding: 0 17px 0 17px;
	}
	.open-positions-block .float-right-text {
		padding-right: 17px;
	}
	.elementor-4177
		.elementor-element.elementor-element-2b160bc
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	#cnFilterOptions {
		text-align: center;
	}
	.elementor-element-956d9bb ul li {
		font-size: 20px !important;
	}
	ul#cnFilterOptions li a {
		font-weight: 400 !important;
	}
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a:hover {
		bottom: 74px;
	}
	ul.cnOurHolder li.item h3 {
		font-size: 17px !important;
		line-height: 27px !important;
	}
	.related-site-area .filtr-container .filtr-item {
		width: 46.7%;
	}

	.careers-icons {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-23a4226
		> .elementor-element-populated
		> .elementor-widget-wrap {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-75a1985
		> .elementor-element-populated
		> .elementor-widget-wrap {
		padding: 0px 0px 0px 0px !important;
	}
	/*------------------- services page -------------------*/
	.service-page-all-services .elementor-column {
		width: 31.5% !important;
	}
	.service-page-all-services .elementor-column-gap-default,
	.service-page-lets-get-section .elementor-column-gap-default {
		gap: 15px;
		justify-content: space-between;
	}
	.service-page-all-services figure.elementor-image-box-img {
		width: 40% !important;
		padding: 18px;
	}
	.service-page-all-services h5.elementor-image-box-title {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	.service-page-all-services p.elementor-image-box-description,
	.things-we-section a {
		font-size: 15px;
		line-height: 22px;
	}
	/* 2. section  */
	.service-page-lets-get-section .elementor-column {
		width: 48% !important;
	}
	.service-page-lets-get-section input.wpcf7-text {
		height: 50px;
	}
	.service-page-form .message textarea {
		height: 90px;
	}

	/*------------------- Start new search engine optimization page  - 1024-------------------*/
	/* global */
	.all-services-heading h2,
	.service-page-lets-get-section h5.cta__title {
		font-size: 30px !important;
		line-height: 36px !important;
	}
	.all-services-hero-heading h1,
	.blog-breadcrumb h1.post__title {
		font-size: 30px !important;
		line-height: 40px !important;
		padding-bottom: 0px;
	}
	/* ------------- */
	/* section 2 */
	.why-seo-section .elementor-inner-section .elementor-inner-column,
	.sopify-services-why-shopify .elementor-inner-section .elementor-column {
		width: 31% !important;
	}
	/* section 3 */
	.seo-how-did-section .elementor-inner-column .elementor-element-populated,
	.counter-section .elementor-column-gap-default,
	.take-your-business-section
		.elementor-inner-section
		.elementor-column-gap-default,
	.seo-faq-section .elementor-container,
	.why-seo-section .elementor-inner-section .elementor-column-gap-default,
	.new-home-eleven-section .elementor-container,
	#new-web-design-services-section .elementor-container,
	.our-web-design-service-3-col .elementor-column-gap-default {
		justify-content: space-between !important;
		gap: 20px !important;
	}
	.seo-how-did-section .elementor-widget-icon-box,
	.counter-section .elementor-column,
	.take-your-business-section .elementor-inner-section .elementor-inner-column,
	.seo-faq-section .elementor-inner-column,
	.our-web-design-service-3-col .elementor-column.elementor-inner-column {
		width: 48% !important;
	}
	.seo-how-did-section span.elementor-icon.elementor-animation- {
		padding: 15px;
	}
	.seo-how-did-section .seo-how-did-text-column {
		padding-top: 30px;
	}
	/* section 4 */
	.counter-section .elementor-column-gap-default {
		row-gap: 35px;
	}
	.counter-section .elementor-counter-number-wrapper {
		font-size: 40px !important;
		line-height: 50px !important;
	}
	/* section 6 */
	.seo-faq-section .collapsed {
		padding: 15px 25px !important;
	}
	/*------------------- End new search engine optimization page -------------------*/
	/*------------------- Start new Wordpress page - 1024-------------------*/
	/* section 2 */
	.wordpress-cms-based-section figure.elementor-image-box-img {
		width: 50% !important;
		margin-right: -75px !important;
		min-height: 140px;
	}
	/* section 3 */
	.why-wordpress-section .tab-image img {
		width: 90%;
	}
	/* section 6 */
	.new-home-eleven-section .new-home-eleven-section-column {
		width: 18% !important;
	}
	/*------------------- End new Wordpress page -------------------*/
	/*------------------- Start new Web Design page - 1024-------------------*/
	/* section 2 */
	#new-web-design-services-section
		.all-services-heading-h5
		h5.elementor-image-box-title {
		padding: 10px 0px 14px 25px;
	}
	/*------------------- End new Web Design page -------------------*/
	/*------------------- Start new shopify website page - 1024-------------------*/
	/* section 2 */
	.shopify-website-what-we-do-section
		.elementor-inner-section
		.elementor-column-gap-default,
	.sopify-services-why-shopify
		.elementor-inner-section
		.elementor-column-gap-default,
	.php-services-process-section
		.elementor-inner-section
		.elementor-column-gap-default,
	.php-services-why-choose-tabs-section
		.elementor-inner-section
		.elementor-column-gap-default,
	.ionic-app-section .elementor-inner-section .elementor-column-gap-default,
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 20px !important;
		justify-content: space-between !important;
	}
	.shopify-website-what-we-do-section
		.elementor-inner-section
		.elementor-column {
		width: 47% !important;
	}
	.shopify-website-what-we-do-section h5.elementor-image-box-title {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	/* section 4 */
	.sopify-services-why-shopify .elementor-inner-section .elementor-column {
		padding: 15px;
	}
	/*------------------- End new shopify website page -------------------*/
	/*------------------- Start new shopify app page - 1024-------------------*/
	/* section 2 */
	.shopify-app-why-hire-section .elementor-image-box-wrapper {
		padding: 0px 15px;
	}
	/* section 4 */
	.shopify-app-our-process-section .elementor-column-gap-default {
		gap: 30px !important;
		justify-content: center !important;
	}
	.shopify-app-our-process-section .elementor-inner-section .img-box-column,
	.php-services-process-section .elementor-inner-section .elementor-column,
	.webflow-we-offer-section .elementor-inner-section .elementor-column {
		width: 31% !important;
	}
	/*------------------- End new shopify app page -------------------*/
	/*------------------- Start new PHP services page - 1024 -------------------*/
	/* section 2 */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -30px !important;
		width: 25% !important;
	}
	/* section 4 */
	.php-services-why-choose-tabs-section .elementor-tab-title {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.php-services-why-choose-tabs-section
		.elementor-inner-section
		.elementor-column,
	.ionic-app-section .elementor-inner-section .elementor-column {
		width: 48% !important;
	}
	.php-services-why-choose-tabs-section
		.elementor-tabs-content-wrapper
		.elementor-active {
		min-height: 507px;
	}
	/*------------------- End new PHP services page -------------------*/

	/*------------------- Start new laravel services page - 1024-------------------*/
	/* section 4 */
	.laravel-our-process-services-section
		.laravel-process-inner-section-1
		.elementor-column-gap-default,
	.laravel-our-process-services-section
		.laravel-process-inner-section-2
		.elementor-column-gap-default {
		justify-content: space-between;
		gap: 5px;
	}
	.laravel-our-process-services-section .laravel-process-text-box {
		width: 49.5% !important;
	}
	.laravel-our-process-services-section
		.laravel-process-inner-section-1
		.laravel-process-text-box::before {
		right: calc(75% - 10px);
	}
	.laravel-our-process-services-section
		.laravel-process-inner-section-2
		.laravel-process-text-box::before {
		right: calc(25% - 10px);
	}
	.laravel-our-process-services-section img {
		max-width: 30% !important;
	}
	/*------------------- End new laravel services page -------------------*/

	/*------------------- Start new ionic services page - 1024-------------------*/
	/* section 2 */
	.ionic-app-section .elementor-widget-icon-box {
		width: 100% !important;
	}
	.ionic-service-why-arham-section .ionic-column-text p {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
	}
	/*------------------- End new ionic services page -------------------*/
	/*------------------- Start new squarespace website page  - 1024-------------------*/
	/* section 2 */
	.squarespace-our-process-section .our-process-second-part {
		top: 140px;
	}
	.squarespace-our-process-section .elementor-column.elementor-inner-column {
		max-height: 230px;
		min-height: 230px;
	}
	/*------------------- End new squarespace website page -------------------*/
	/*------------------- Start new Career page 1024 -------------------*/
	/* section 2 */
	.carrer-page-work span.elementor-icon.elementor-animation- {
		padding: 25px;
	}
	/* section 4 */
	.open-position-new-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 20px;
		justify-content: space-between;
	}
	.open-position-new-section .elementor-inner-section .elementor-column {
		width: 31% !important;
		padding: 20px;
	}
	/*------------------- End new Career page -------------------*/
	/*------------------- Start new Team page 1024 -------------------*/
	.new-team-page-we-are-section .elementor-inner-section .elementor-column {
		width: 48% !important;
	}
	/*------------------- End new Team page 1024 -------------------*/
	/*------------------- Start new contact page 1024 -------------------*/
	.new-contact-page-map-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 20px;
		justify-content: space-between;
	}
	.new-contact-page-map-section .map-section-map-column {
		width: 62% !important;
	}
	.new-contact-page-map-section .map-section-mail-column {
		width: 35% !important;
	}
	/*------------------- End new contact page 1024 -------------------*/
	/*------------------- Start new Activity page 1024 -------------------*/
	.our-activity-section .elementor-inner-section .elementor-column-gap-default {
		gap: 20px;
		justify-content: space-between;
	}
	.our-activity-section .elementor-inner-section .elementor-column {
		box-shadow: 5px 5px 6px #00000029;
		border: 1px solid #dcdcdc;
		background-color: #fff;
		width: 30.5%;
	}
	section.popup-activity-img-gall .popup-activity-img-column {
		width: 100%;
		height: 550px;
		padding: 15px 15px 15px !important;
	}
	/*------------------- End new Activity page 1024 -------------------*/
	/*-------------------- Start single portfolio page - 1024 ----------------*/
	/* .new-portfolio-single-post ul.cnOurHolder li.item .cnportfolio-image img,
	.all-project-portfolios .portfolios-main-section .mix.cnportfolio-image img {
		min-height: 199px;
		max-height: 280px;
	} */
	/* body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder li.item {
    max-width: 31.4%;
  } */
	.portfolio-based-icon img {
		width: 100px;
	}
	.portfolio-based-icon .portfolio-based-icon-clutch img {
		width: 62px;
	}
	.portfolio-based-icon .portfolio-based-icon-upwork img {
		width: 80px;
	}
	/*-------------------- End single portfolio page ----------------*/
	/*-------------------- Start career post single page ----------------*/

	.career-main-section .apply-job-secion {
		flex-wrap: wrap;
	}
	.career-main-section .apply-job-secion .job-form-img,
	.career-main-section .apply-job-secion .job-form {
		width: 100%;
	}
	.career-main-section .apply-job-secion .job-form-img img {
		width: 60%;
		display: none;
	}
	.career-main-section .apply-job-secion .job-form-img {
		text-align: center;
	}
	.career-main-section .job-form .filed-career p {
		width: 100%;
	}
	.price_of_support_package.theme-shop-pricing-tbl .row:last-child {
		flex-wrap: nowrap;
		overflow: auto;
		gap: 20px;
	}
	.price_of_support_package.theme-shop-pricing-tbl
		.col-12.col-md-3:first-child {
		max-width: 40% !important;
		flex: 0 0 40%;
		margin-bottom: 30px;
	}
	.price_of_support_package.theme-shop-pricing-tbl
		.col-12.col-md-3:not(first-child) {
		max-width: 22% !important;
	}
	/*-------------------- End career post single page ----------------*/
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	.elementor-2866 .elementor-element.elementor-element-9623306 {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-20cb66e
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-bc6907e
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2549
		.elementor-element.elementor-element-c58ca1e
		> .elementor-element-populated {
		padding: 80px 0px 80px 0px !important;
	}
	.elementor-2549 .elementor-element.elementor-element-8e02745 {
		padding: 0px 0px 50px 0px !important;
	}
	.elementor-2549
		.elementor-element.elementor-element-7f67460
		> .elementor-element-populated {
		padding: 70px 0px 20px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-80b11b8
		> .elementor-widget-container {
		padding: 70px 0px 0px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-ee99341
		> .elementor-widget-container {
		padding: 0px 0px 60px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-3b55bb5 {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-9623306 {
		padding: 45px 0px 45px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-9236ab0 {
		padding: 45px 0px 45px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-0218d20
		> .elementor-widget-container {
		padding: 60px 15px 0px 15px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-2857704 {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2950 .elementor-element.elementor-element-e6697e0 {
		margin-top: 75px !important;
		margin-bottom: 80px !important;
	}
	.elementor-2950
		.elementor-element.elementor-element-40a8ab9
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2950 .elementor-element.elementor-element-2980058 {
		padding: 0px 0px 80px 0px !important;
	}
	.elementor-2950 .elementor-element.elementor-element-f92751f {
		margin-top: 80px !important;
		margin-bottom: 0px;
	}
	.elementor-2950 .elementor-element.elementor-element-9ce8d1c {
		margin-top: 70px !important;
		margin-bottom: 75px !important;
	}
	.elementor-2950
		.elementor-element.elementor-element-3746dfe
		> .elementor-element-populated {
		padding: 0px 0px 40px 0px !important;
	}
	/* .elementor-2950
    .elementor-element.elementor-element-fb36930
    > .elementor-element-populated {
    padding: 50px 0px 40px 0px !important;
  } */
	.elementor-3036 .elementor-element.elementor-element-2fcb367 {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-90b1fa8
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-08b8690 {
		padding: 0px 0px 60px 0px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-1ef52d3 {
		margin-top: 50px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-28cd332 {
		margin-top: 20px !important;
		margin-bottom: 70px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-5514800 {
		margin-top: 60px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-23a4226
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-75a1985
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3036 .elementor-element.elementor-element-cecd497 {
		padding: 20px 0px 25px 0px !important;
	}
	.elementor-3106
		.elementor-element.elementor-element-148aa3e:not(
			.elementor-motion-effects-element-type-background
		),
	.elementor-3106
		.elementor-element.elementor-element-148aa3e
		> .elementor-motion-effects-container
		> .elementor-motion-effects-layer {
		padding: 80px 0 80px 0;
	}
	.elementor-3106 .elementor-element.elementor-element-7002744 {
		margin-top: 80px !important;
		margin-bottom: 0px !important;
	}
	.elementor-3106
		.elementor-element.elementor-element-395b259
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-6be8922 {
		margin: 25px 0 80px 0 !important;
	}
	.elementor-3188 .elementor-element.elementor-element-c7abd15 {
		padding: 0px 0 0px 0 !important;
	}
	.elementor-3188
		.elementor-element.elementor-element-7bc98a7
		> .elementor-widget-container {
		padding: 80px 0px 50px 0px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-f1a2030 {
		margin-top: 70px !important;
		margin-bottom: 70px !important;
	}
	.elementor-3256 .elementor-element.elementor-element-73843bb {
		margin-top: 75px !important;
	}
	.elementor-3256
		.elementor-element.elementor-element-9cc546d
		> .elementor-element-populated {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-6b0a0a8
		> .elementor-element-populated {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-3400 .elementor-element.elementor-element-bbe4f58 {
		padding: 20px 50px 55px 50px !important;
	}
	.elementor-element.elementor-element-bad3f52.elementor-widget.elementor-widget-image {
		padding-top: 55px;
	}
	.elementor-3400
		.elementor-element.elementor-element-87195b4
		> .elementor-widget-container {
		padding: 75px 0px 55px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-fe8ce82
		> .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 60px 0px !important;
	}
	.elementor-element.elementor-element-c4bc023.elementor-widget.elementor-widget-image {
		padding-top: 20px;
	}
	.elementor-3400
		.elementor-element.elementor-element-52cad33
		> .elementor-widget-container {
		padding: 60px 0px 60px 0px !important;
	}
	.elementor-3400 .elementor-element.elementor-element-262d6ae {
		margin-top: 90px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-c9e7541
		> .elementor-widget-container {
		padding: 80px 0px 0px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-4aeedad
		> .elementor-widget-container {
		padding: 80px 0px 0px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-aafe17b
		> .elementor-widget-container {
		padding: 80px 0px 0px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-c658821
		> .elementor-widget-container {
		padding: 80px 0px 0px 0px !important;
	}
	.elementor-element.elementor-element-f77a70b.elementor-widget.elementor-widget-counter {
		padding-bottom: 50px;
	}
	.elementor-3400
		.elementor-element.elementor-element-4c21477
		> .elementor-widget-container {
		padding: 75px 0px 40px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-5cf499d
		> .elementor-widget-container {
		padding: 0px 0px 70px 0px !important;
	}
	.elementor-3400 .elementor-element.elementor-element-420f5bc {
		padding-bottom: 60px;
	}
	.elementor-3400 .elementor-element.elementor-element-01ad253 {
		margin-top: 75px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-bd2bab8
		> .elementor-widget-container {
		padding: 70px 0px 60px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-72f95b0
		> .elementor-widget-container {
		padding: 0px 0px 60px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-21ac4a3
		> .elementor-widget-container {
		padding: 50px 0px 50px 0px !important;
	}
	.elementor-element.elementor-element-fe8ce82.elementor-widget.elementor-widget-heading {
		padding-top: 60px;
	}
	.wpprocess-block-design .col-md-12 h4 {
		font-size: 13px !important;
		line-height: 20px !important;
	}
	.serviceBox h3 {
		font-size: 18px !important;
	}
	.serviceBox p {
		font-size: 15px !important;
	}
	.serviceBoxps .title {
		font-size: 19px !important;
	}
	.serviceBoxseo .title {
		font-size: 14px !important;
	}
	.serviceBoxseo .description {
		font-size: 9px !important;
	}
	.elementor-3036
		.elementor-element.elementor-element-ec7d45c
		> .elementor-widget-container {
		padding: 40px 0px 0px 0px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-a468d74 {
		padding: 20px 0px 75px 0px !important;
	}
	.elementor-element.elementor-element-52cad33.elementor-widget.elementor-widget-heading {
		padding: 0px 0 0px 0 !important;
	}
	.elementor-element.elementor-element-f436dc9.elementor-widget.elementor-widget-text-editor {
		padding-bottom: 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-47b1b4e
		> .elementor-widget-container {
		margin: 55px 0px 0px 0px !important;
	}
	.elementor-element.elementor-element-55314bb.elementor-widget.elementor-widget-image {
		padding-top: 0px;
	}
	.elementor-2824
		.elementor-element.elementor-element-5b63e1f
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.open-positions-block .float-left-text {
		padding-left: 17px;
	}
	#work_with_us_btn a {
		font-size: 14px !important;
		width: 148px !important;
	}
	.elementor-element-ec025c1 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-dae0466 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-0591ca5 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-30dbe51 img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-e6d12da img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-5b63e1f img {
		padding: 0 15px 0 15px;
	}
	.elementor-element-04b1edc {
		padding: 0 17px 0 17px;
	}
	.elementor-element-cf689a7 {
		padding: 0 17px 0 17px;
	}
	.elementor-element-75566dd {
		padding: 0 17px 0 17px;
	}
	.elementor-element-a1c6f16 {
		padding: 0 17px 0 17px;
	}
	.open-positions-block .float-right-text {
		padding-right: 17px !important;
	}
	.elementor-2824
		.elementor-element.elementor-element-500390d.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	.elementor-2824
		.elementor-element.elementor-element-65fcae8.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	#cnFilterOptions {
		text-align: center;
	}
	ul#cnFilterOptions li {
		line-height: 30px !important;
	}
	.elementor-element-956d9bb ul li {
		font-size: 12px !important;
	}
	ul#cnFilterOptions li a {
		font-weight: 400 !important;
	}
	.elementor-3188
		.elementor-element.elementor-element-c7abd15
		> .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
	}
	.ionic .col-md-6.col-sm-6.col-lg-3 {
		padding-bottom: 50px;
	}
	/* .elementor-3336
    .elementor-element.elementor-element-0ac84d2
    > .elementor-widget-container {
    margin: 75px 0px 60px 0px !important;
  } */
	.elementor-3336
		.elementor-element.elementor-element-2ded135
		> .elementor-widget-container {
		margin: 65px 0px 60px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-fdc4fca
		> .elementor-widget-container {
		margin: 60px 0px 60px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-152ab12
		> .elementor-widget-container {
		margin: 60px 0px 60px 0px !important;
	}
	.seohow .col-lg-3.col-md-6.col-sm-6.seohow-margin {
		padding-bottom: 45px;
	}
	ul.cnOurHolder li.item h3 {
		font-size: 15px !important;
		line-height: 24px !important;
	}
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a:hover {
		bottom: 68px;
	}
	/* 	ul.cnOurHolder li.item {
		width: calc( 33.333333333333% - 6px) !important;
	} */
	.related-site-area .filtr-container .filtr-item {
		width: 45.5%;
	}
	.portfolio-wraper.pfg-bootstrap .filtr-item img {
		height: 200px !important;
	}
	.portfolio-wraper.pfg-bootstrap .item-desc {
		font-size: 16px !important;
		line-height: 26px !important;
	}
	.careers-icons .elementor-column {
		width: 50% !important;
		padding-bottom: 20px;
	}
	.careers-icons_2 {
		padding-top: 0 !important;
	}
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
@media screen and (max-width: 990px) {
	.serviceseo {
		margin: 60px auto 0;
	}
	.serviceseohow {
		margin: 60px auto 0;
	}
	.serviceBox {
		margin: 60px auto 0;
	}
	.related-site-area .filtr-container .filtr-item {
		width: 45%;
	}
	body .open-position-style .e-lottie__container {
		--lottie-container-max-width: 100%;
	}
	body .open-position-style .e-lottie__animation {
		max-width: 60%;
		margin: 0 auto;
	}
	.position-img .e-lottie__animation {
		max-width: 20% !important;
	}
	.open-position-style p.e-lottie__caption {
		font-size: 18px !important;
		line-height: 23px !important;
	}
	.open-position-style .elementor-container .elementor-column {
		width: 50% !important;
	}
	.main-timeline .timeline {
		margin-bottom: 20px;
	}
	.servicephp {
		margin: 60px auto 0;
	}
	.serviceionic {
		margin: 60px auto 0;
	}
	/*------------------- Start new PHP services page - 990 -------------------*/
	/* section 2 */
	/* .php-services-process-section figure.elementor-image-box-img {
    margin-top: -30px !important;
    width: 30% !important;
  } */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -40px !important;
		width: 22% !important;
	}
	/* section 4 */
	.php-services-why-choose-tabs-section
		.elementor-inner-section
		.elementor-column {
		width: 100% !important;
	}
	.php-services-why-choose-tabs-section .elementor-tabs-wrapper {
		width: 30% !important;
	}
	.php-services-why-choose-tabs-section
		.elementor-tabs-content-wrapper
		.elementor-active {
		min-height: unset;
	}
	/*------------------- End new PHP services page -------------------*/
	/*------------------- Start new shopify website page -990-------------------*/
	/* .services-page-desktop {
    display: none !important;
  }
  .services-page-990 {
    display: block !important;
  } */
	.sopify-services-why-shopify .elementor-inner-section .elementor-column,
	body #new-web-design-services-section .process-content-card-col,
	.shopify-app-our-process-section .elementor-inner-section .img-box-column,
	.php-services-process-section .elementor-inner-section .elementor-column,
	.webflow-we-offer-section .elementor-inner-section .elementor-column {
		width: 48% !important;
	}
	.sopify-services-why-shopify figure.elementor-image-box-img {
		width: 22% !important;
	}
	/*------------------- Start new shopify app page - 990 -------------------*/
	/* section 2 */
	.shopify-app-why-hire-section figure.elementor-image-box-img,
	.shopify-app-our-process-section figure.elementor-image-box-img {
		width: 30% !important;
	}
	/* section 4 */
	.shopify-app-our-process-section .elementor-column-gap-default {
		gap: 20px !important;
	}
	/*------------------- End new shopify app page -------------------*/
	/*------------------- Start new squarespace website page - 990 --------------------*/
	/* section 2 */
	.squarespace-our-process-section .elementor-column.elementor-inner-column {
		max-height: 290px;
		min-height: 290px;
	}
	.squarespace-our-process-section .our-process-second-part {
		top: 162px;
	}
	.squarespace-our-process-section .our-process-second-part {
		padding: 27px 10px 27px 25px;
	}
	.squarespace-our-process-section .our-process-first-part {
		padding: 27px 25px 27px 10px;
	}
	.squarespace-our-process-section
		.elementor-column.elementor-inner-column
		.elementor-icon-box-icon {
		width: 80px;
		padding: 15px;
	}
	.squarespace-our-process-section .our-process-first-part {
		clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
	}
	.squarespace-our-process-section .our-process-second-part {
		clip-path: polygon(8% 0%, 100% 1%, 100% 100%, 8% 100%, 0% 50%);
	}
	/*------------------- End new squarespace website page -------------------*/
	/*------------------- Start new Social Media Marketing services page - 990 -------------------*/
	.img-box-design figure.elementor-image-box-img {
		width: 25% !important;
		padding: 15px;
	}
	/*------------------- End new Social Media Marketing services page -------------------*/
	/*------------------- Start new Web Flow services page - 990 -------------------*/
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column
		figure.elementor-image-box-img {
		padding: 10px 15px 20px;
		width: 25% !important;
	}
	/*------------------- End new Web Flow services page -------------------*/
	/*------------------- Start new Career page - 990 -------------------*/
	.open-position-new-section .elementor-inner-section .elementor-column {
		width: 100% !important;
		max-width: calc(50% - 14px);
		padding: 20px;
	}
	.open-position-new-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 25px;
		justify-content: center;
	}
	/*------------------- End new Career page -------------------*/
	/*------------------- Start new team page -------------------*/
	.new-team-page-our-team-section .cards-style.style-3 figure {
		max-height: 140px !important;
	}
	/*------------------- End new team page -------------------*/
	/*------------------- Start new contact page 990 -------------------*/
	.new-contact-page-map-section .map-section-map-column {
		width: 54% !important;
	}
	.new-contact-page-map-section .map-section-mail-column {
		width: 43% !important;
	}
	/*------------------- End new contact page 990 -------------------*/
	/*------------------- new Start Shopify Maintenance  990 -------------------*/
	/* .shopify-form .shopify-filed {
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
  } */
	/*------------------- End new Start Shopify Maintenance page 990 -------------------*/
	/*-------------------- Start single portfolio page - 990 ----------------*/
	.new-portfoli-page-banner-section .elementor-column {
		width: 100% !important;
		text-align: center;
	}
	.new-portfoli-page-banner-section
		.elementor-column
		.elementor-widget-wrap.elementor-element-populated {
		padding: unset !important;
	}
	.all-project-portfolios
		.portfolios-main-section.portfolios-more-post
		.cnportfolios-content
		a,
	section.portfolios-main-section.mobile-view.portfolios-less-post a {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	body .portfolios-main-section .portfolios-container .popup a.close {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	body .new-portfoli-page-banner-section .elementor-button-wrapper a,
	body .portfolio-single-page .elementor-column a {
		font-size: 16px !important;
		line-height: 22px !important;
		padding: 11px 25px 10px 25px !important;
	}
	/* -------------  */
	.portfolio-single-page .elementor-column-gap-default {
		flex-direction: column;
	}
	.portfolio-single-page .elementor-column {
		width: 100% !important;
	}
	.portfolio-single-page h1 {
		text-align: center;
		padding-top: 20px;
	}
	.portfolio-single-page .elementor-column .elementor-widget-wrap,
	body .portfolio-based-icon .elementor-element-populated a {
		padding: 0px !important;
	}
	body .portfolio-based-icon .elementor-element-populated {
		gap: 20px !important;
		padding-top: 20px !important;
		margin-top: 20px !important;
	}
	.portfolio-base-star-section .elementor-column .elementor-widget-wrap {
		justify-content: center !important;
	}
	.portfolio-single-page p,
	.portfolio-single-page .elementor-button-wrapper {
		text-align: center;
	}
	/*-------------------- End single portfolio page ----------------*/
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.internship-section .elementor-column-gap-default {
		gap: 20px;
		justify-content: space-between;
	}
	.internship-section .elementor-column.elementor-col-50 {
		box-shadow: 5px 5px 6px #00000029;
		padding: 20px;
		width: 48%;
	}

	.internship-section .elementor-column.elementor-col-50 {
		width: 100%;
	}
	h1.career-heading {
		padding: 20px 0 20px 0;
	}
	.elementor-2549 .elementor-element.elementor-element-d79a8fd {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-47b1b4e
		> .elementor-widget-container {
		margin: 50px 0px 0px 0px !important;
	}
	.elementor-2549
		.elementor-element.elementor-element-7f67460
		> .elementor-element-populated {
		padding: 30px 0px 0px 0px !important;
	}
	.elementor-2549 .elementor-element.elementor-element-8e02745 {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866
		.elementor-element.elementor-element-80b11b8
		> .elementor-widget-container {
		padding: 70px 0px 25px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-8dacc47 {
		padding: 0px 0px 80px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-5eabf6e {
		padding: 45px 0px 60px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-9623306 {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-2866 .elementor-element.elementor-element-0febfc7 {
		padding-bottom: 75px !important;
	}
	.elementor-2950 .elementor-element.elementor-element-e6697e0 {
		margin-top: 70px !important;
		margin-bottom: 80px !important;
	}
	/* .elementor-2950
    .elementor-element.elementor-element-40a8ab9
    > .elementor-widget-container {
    padding: 0px 0px 0px 0px !important;
  }
  .elementor-2950 .elementor-element.elementor-element-2980058 {
    padding: 0px 0px 78px 0px !important;
  } */
	/* .elementor-2950 .elementor-element.elementor-element-59fa4e8 {
    padding: 30px 0px 80px 0px !important;
  }
  .elementor-2950 .elementor-element.elementor-element-c68602e {
    padding: 30px 0px 85px 0px !important;
  } */
	.elementor-3036 .elementor-element.elementor-element-cecd497 {
		padding: 30px 0px 40px 0px !important;
	}
	/* .elementor-3036
    .elementor-element.elementor-element-75a1985
    > .elementor-element-populated {
    padding: 60px 0px 60px 0px !important;
  } */
	.elementor-3336 .elementor-element.elementor-element-a9325d9 {
		padding: 0px 0px 55px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-fe8ce82
		> .elementor-widget-container {
		margin: 60px 0px 60px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-5cf499d
		> .elementor-widget-container {
		padding: 0px 0px 50px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-bd2bab8
		> .elementor-widget-container {
		padding: 75px 0px 0px 0px !important;
	}
	.serviceBox h3 {
		font-size: 22px !important;
	}
	.serviceBox p {
		font-size: 14px !important;
	}
	.serviceBox {
		padding: 15px 15px 0px !important;
	}
	.serviceBoxseo .title {
		font-size: 18px !important;
	}
	.serviceBoxseo .description {
		font-size: 13px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-a468d74 {
		padding: 60px 0px 75px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-87195b4
		> .elementor-widget-container {
		padding: 0px 0px 55px 0px !important;
	}
	.elementor-element.elementor-element-fe8ce82.elementor-widget.elementor-widget-heading {
		padding-top: 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-fe8ce82
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-52cad33
		> .elementor-widget-container {
		padding: 0px 0px 0px 0px !important;
	}
	.elementor-element.elementor-element-7792b48.elementor-widget.elementor-widget-heading {
		padding-bottom: 0px;
	}
	.elementor-element.elementor-element-32d3f9b.elementor-widget.elementor-widget-counter {
		padding-bottom: 0px !important;
	}
	.elementor-element.elementor-element-f77a70b.elementor-widget.elementor-widget-counter {
		padding-bottom: 0px !important;
	}
	.elementor-3400 .elementor-element.elementor-element-e595905 {
		margin-top: 0px !important;
	}
	.elementor-element.elementor-element-420f5bc.elementor-widget.elementor-widget-heading {
		padding: 15px 0 0px 0 !important;
	}
	.elementor-element.elementor-element-f436dc9.elementor-widget.elementor-widget-text-editor {
		padding-bottom: 0px !important;
	}
	.elementor-element.elementor-element-85372a8.elementor-widget.elementor-widget-heading {
		padding-bottom: 0px !important;
	}
	section.elementor-element.elementor-element-262d6ae.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
		margin-top: 75px !important;
	}
	.elementor-3400 .elementor-element.elementor-element-262d6ae {
		margin-bottom: 0px !important;
	}
	.elementor-element.elementor-element-52cad33.elementor-widget.elementor-widget-heading {
		padding: 65px 0 65px 0 !important;
	}
	.elementor-3400 .elementor-element.elementor-element-87195b4 {
		padding: 0 17px 0 17px;
	}
	.elementor-3106 .elementor-element.elementor-element-3285f14 {
		padding: 0px 0 50px 0 !important;
	}
	.elementor-3106 .elementor-element.elementor-element-69cdd7b {
		padding: 0px 0 60px 0 !important;
	}
	.elementor-3106
		.elementor-element.elementor-element-395b259
		> .elementor-element-populated {
		padding: 50px 0px 0px 0px !important;
	}
	.elementor-3188 .elementor-element.elementor-element-86bd153 {
		padding: 50px 0 50px 0 !important;
	}
	.elementor-3188 .elementor-element.elementor-element-c7abd15 {
		padding: 50px 0 50px 0 !important;
	}
	.elementor-element.elementor-element-0ac84d2.elementor-widget.elementor-widget-heading {
		margin: 0px 0 0px 0 !important;
	}
	.elementor-element.elementor-element-2ded135.elementor-widget.elementor-widget-heading {
		margin: 0px 0 0px 0 !important;
	}
	.elementor-element.elementor-element-fdc4fca.elementor-widget.elementor-widget-heading {
		margin: 0px 0 0px 0 !important;
	}
	.elementor-element.elementor-element-152ab12.elementor-widget.elementor-widget-heading {
		margin: 0px 0 0px 0 !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-2ded135
		> .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-fdc4fca
		> .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
	}
	.elementor-3336
		.elementor-element.elementor-element-152ab12
		> .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
	}
	a.db-btn.db-btn__blue.db-btn__type-md.continue-reading-btn {
		min-width: 50px !important;
		height: 50px !important;
	}
	.article .article__thumbnail + .article-content {
		margin-bottom: 10px !important;
	}
	.db-btn {
		font-size: 17px !important;
		padding: 0 10px !important;
	}
	.elementor-2824 .elementor-element.elementor-element-e512107 {
		margin-top: 70px !important;
	}
	.elementor-element-ec025c1 p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-dae0466 p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-0591ca5 p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-30dbe51 img {
		padding: 0 17px 0 17px;
	}
	.elementor-element-04b1edc p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-75566dd p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-cf689a7 p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-a1c6f16 p {
		padding: 0 17px 0 17px;
	}
	.elementor-element-e6d12da img {
		padding: 0 17px 0 17px;
	}
	.elementor-element-5b63e1f img {
		padding: 0 17px 0 17px;
	}
	.elementor-2824
		.elementor-element.elementor-element-47df195.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	.elementor-2824
		.elementor-element.elementor-element-500390d.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	.elementor-2824
		.elementor-element.elementor-element-65fcae8.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	.elementor-2824
		.elementor-element.elementor-element-b8f64be.elementor-widget-heading
		.elementor-heading-title {
		padding: 0 17px 0 17px;
	}
	.open-positions-block .float-right-text {
		float: none;
		padding-left: 17px;
		margin-bottom: 30px;
	}
	#work_with_us_btn a {
		font-size: 14px !important;
		width: 150px !important;
		margin-top: 0px !important;
		padding: 15px 0px !important;
	}
	.open-positions-block .float-left-text {
		width: 100% !important;
	}
	#cnFilterOptions {
		text-align: center;
	}
	ul#cnFilterOptions li {
		line-height: 30px !important;
	}
	.elementor-element-956d9bb ul li {
		font-size: 11px !important;
	}
	ul#cnFilterOptions li a {
		font-weight: 400 !important;
		padding: 0 8px !important;
	}
	.elementor-element-3ca7857 ul {
		padding-top: 30px !important;
	}
	.elementor-3106 .elementor-element.elementor-element-7002744 {
		margin-top: 45px !important;
	}
	.elementor-3106 .elementor-element.elementor-element-3cef963 {
		margin-top: 0px !important;
	}
	.elementor-3256
		.elementor-element.elementor-element-9cc546d
		> .elementor-element-populated {
		padding: 50px 0px 0px 0px !important;
	}
	.elementor-3400
		.elementor-element.elementor-element-bad3f52
		> .elementor-widget-container {
		padding: 0px 0px 25px 0px !important;
	}
	.elementor-element-6fec512 img {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	/* 	#cnfolioHolder ul.cnOurHolder li.item {
		width: 100% !important;
	} */
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-top .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-bottom .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-left .cnportfolio-hover .cnlinks a:hover,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a,
	#cnfolioHolder .hover-enter-right .cnportfolio-hover .cnlinks a:hover {
		bottom: 68px;
	}
	body .related-site-area .filtr-container .filtr-item {
		width: 100% !important;
	}
	.portfolio-wraper.pfg-bootstrap .item-desc {
		font-size: 14px !important;
		line-height: 20px !important;
		height: auto !important;
	}
	.portfolio-wraper.pfg-bootstrap .filtr-item.single_one {
		margin: 15px 0;
	}
	.pagination a.page-link,
	.pagination span.current {
		padding: 8px 10px;
	}
	.pagination.light-theme {
		padding-right: 0 !important;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.portfolio-wraper.pfg-bootstrap .filtr-item img {
		height: 250px !important;
	}
	body .related-site-area .filtr-container .filtr-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.related-site-area {
		/* 		max-width: 450px; */
		margin: 0 auto;
		padding: 35px 0px 30px 0px !important;
	}
	.related-site-area .filtr-container a {
		width: 100%;
	}
	.related-site-area .elementor-widget-container {
		padding: 0 !important;
	}
	.careers-icons .elementor-column {
		width: 100% !important;
	}
	.careers-icons {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.careers-icons_1 {
		padding-top: 46px !important;
	}
	.careers-icons_2 {
		padding-bottom: 28px !important;
	}
	.open-position-style .elementor-container .elementor-column {
		width: 100% !important;
		max-width: 400px;
		margin: 0 auto;
	}
	#cnfolioHolder ul.cnOurHolder {
		justify-content: center !important;
	}
	/* ------ */
	.wpprocess-block-design .main-timeline .col-md-2 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.wpprocess-block-design .main-timeline .col-md-2 .border {
		display: none;
	}
	.change-order-block .col-md-2.col-sm-4.timeline:nth-child(even) {
		display: flex;
		flex-wrap: wrap;
	}
	.change-order-block
		.col-md-2.col-sm-4.timeline:nth-child(even)
		.timeline-content,
	.change-order-block
		.col-md-2.col-sm-4.timeline:nth-child(even)
		.timeline-icon {
		display: block;
		width: 100%;
	}
	.change-order-block
		.col-md-2.col-sm-4.timeline:nth-child(even)
		.timeline-content {
		order: 2;
		-webkit-order: 2;
	}
	.wpprocess-block-design .main-timeline .timeline-icon:before {
		height: 0;
	}
	.change-order-block
		.col-md-2.col-sm-4.timeline:nth-child(even)
		.timeline-icon {
		order: 1;
		-webkit-order: 1;
	}
	.wpprocess-block-design .main-timeline .timeline {
		margin-bottom: 30px;
	}
	.wpprocess-block-design .main-timeline .timeline-icon {
		padding-top: 0 !important;
		padding-bottom: 10px !important;
	}
	.wpprocess-block-design .main-timeline .timeline-content {
		border: none;
	}
	.wpprocess-block-design .main-timeline .title {
		font-size: 18px !important;
	}
	.wpprocess-block-design .timeline-content .description {
		font-size: 16px !important;
	}
	.open-position-style .box-shadow .elementor-column-wrap {
		max-width: 400px;
		margin: 0 auto;
	}
	/*------------------- Start All services global font css -------------------*/
	.all-services-hero-heading h1,
	.all-services-heading h2,
	.blog-breadcrumb h1.post__title {
		font-size: 22px !important;
		line-height: 28px !important;
	}
	.all-services-heading-h5 h5 {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.all-services-heading-text p {
		width: 100%;
		max-width: 100%;
	}
	/*------------------- New services page -------------------*/
	.service-page-all-services .elementor-column {
		width: 100% !important;
	}
	.service-page-all-services .elementor-column-gap-default {
		gap: 30px;
	}
	.service-page-all-services figure.elementor-image-box-img {
		width: 17% !important;
		padding: 22px;
	}
	.service-page-all-services h5.elementor-image-box-title {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	/* 2. section  */
	.service-page-lets-get-section .elementor-column {
		width: 100% !important;
	}
	.things-we-section h5.cta__title,
	.service-page-lets-get-section h5.cta__title,
	.our-services-section h2 {
		font-size: 22px !important;
		line-height: 28px !important;
	}
	.things-we-section .elementor-inner-section {
		padding: 25px !important;
	}

	/*------------------- Start new search engine optimization page -767 -------------------*/
	.all-services-hero-heading {
		margin-bottom: 15px !important;
	}
	/* section 2 */
	.why-seo-section .elementor-inner-section .elementor-inner-column,
	.seo-how-did-section .elementor-widget-icon-box,
	.counter-section .elementor-column,
	.take-your-business-section .elementor-inner-section .elementor-inner-column,
	.seo-faq-section .elementor-inner-column,
	.our-web-design-service-3-col .elementor-column.elementor-inner-column {
		width: 100% !important;
		margin-bottom: 0px !important;
	}
	.why-seo-section .elementor-icon,
	.seo-how-did-section .elementor-icon,
	.counter-section .elementor-icon {
		font-size: 42px !important;
	}
	/* section 3 */
	.seo-how-did-section .elementor-inner-column .elementor-icon-box-icon {
		margin: auto 15px auto 0px !important;
	}
	/* section 4 */
	.counter-section .elementor-column-gap-default {
		row-gap: 20px;
	}
	/* section 6 */
	.seo-faq-section .elementor-container {
		gap: 0px !important;
	}
	/*------------------- End new search engine optimization page -------------------*/

	/*------------------- Start new Wordpress page -767-------------------*/
	/* section 2 */
	.wordpress-cms-based-section .elementor-image-box-wrapper {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}
	.wordpress-cms-based-section .elementor-inner-column,
	.shopify-app-our-process-section .elementor-inner-section .img-box-column,
	.new-home-eleven-section .elementor-column.clutch-img-col,
	.sopify-services-why-shopify .elementor-inner-section .elementor-column,
	.ionic-app-section .elementor-inner-section .elementor-column {
		width: 100% !important;
	}
	.wordpress-cms-based-section figure.elementor-image-box-img {
		width: 25% !important;
		margin-right: -65px !important;
	}
	body
		.wordpress-cms-based-section
		.arham-page-inner-container
		.elementor-container {
		max-width: 95% !important;
		gap: 20px;
	}
	/* section 6 */
	.new-home-eleven-section .elementor-container {
		gap: 0px !important;
		flex-wrap: wrap !important;
	}
	.new-home-eleven-section .new-home-eleven-section-column {
		width: 50% !important;
	}
	.new-home-eleven-section .elementor-container .elementor-widget-container {
		text-align: center;
	}
	/*------------------- End new Wordpress page -------------------*/

	/*------------------- Start new Web Design page -767-------------------*/
	/* section 2 */
	#new-web-design-services-section
		.all-services-heading-h5
		.process-content-no
		h5 {
		display: inline;
		padding-bottom: 0px !important;
	}
	#new-web-design-services-section p.elementor-image-box-description {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	#new-web-design-services-section
		.all-services-heading-h5
		h5.elementor-image-box-title {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	body #new-web-design-services-section .process-content-card-col {
		width: 100% !important;
	}
	/* section 4 */
	.our-web-design-service-3-col figure.elementor-image-box-img {
		clip-path: unset;
		margin-right: unset !important;
		width: 15% !important;
		margin-bottom: 15px !important;
	}
	.our-web-design-service-3-col .elementor-column-gap-default {
		gap: 30px !important;
	}
	/*------------------- End new Web Design page -------------------*/

	/*------------------- Start new shopify website page -767-------------------*/
	/* section 2 */
	.shopify-website-what-we-do-section
		.elementor-inner-section
		.elementor-column {
		width: 48% !important;
	}
	.shopify-website-what-we-do-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 0px !important;
		justify-content: space-between !important;
	}
	.sopify-services-why-shopify figure.elementor-image-box-img {
		width: 15% !important;
	}
	/* section 3 */
	.sopify-services-our-e-commerce-section .e-com-solution-1-column {
		padding-right: unset;
	}
	.sopify-services-our-e-commerce-section .e-com-solution-2-column {
		padding-left: unset;
	}
	.sopify-services-our-e-commerce-section .elementor-inner-section ul {
		margin-bottom: 0px !important;
	}
	/* section 4 */

	/*------------------- End new shopify website page -------------------*/
	/*------------------- Start new shopify app page -767-------------------*/
	/* section 2 */
	body
		.shopify-app-why-hire-section
		.elementor-inner-section
		.elementor-column-gap-default {
		padding: 0px 20px !important;
	}
	.shopify-app-why-hire-section .elementor-image-box-wrapper {
		padding: 20px 0px;
	}
	.shopify-app-why-hire-section figure.elementor-image-box-img,
	.shopify-app-our-process-section figure.elementor-image-box-img {
		width: 15% !important;
	}
	/* section 4 */
	/*------------------- End new shopify app page -------------------*/
	/*------------------- Start new PHP services page -767-------------------*/
	.php-services-why-choose-tabs-section
		.elementor-tabs-content-wrapper
		.elementor-active {
		min-height: unset;
	}
	/* section 2 */
	.php-services-process-section .elementor-inner-section .elementor-column {
		width: 100% !important;
	}
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -50px !important;
		width: 15% !important;
	}
	.php-services-process-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 75px !important;
	}
	/* section 4 */
	.php-services-why-choose-tabs-section .elementor-tab-mobile-title {
		border: 1px solid #d5d8dc !important;
	}
	.php-services-why-choose-tabs-section .elementor-tabs-content-wrapper {
		border-bottom: none !important;
	}
	.php-services-why-choose-tabs-section
		.elementor-inner-section
		.elementor-column-gap-default {
		gap: 0px !important;
	}
	/*------------------- End new PHP services page -------------------*/
	/*------------------- Start new laravel services page -767-------------------*/
	.why-wordpress-section
		.gs_logo_single--wrapper.swiper-slide.swiper-slide-active
		.gs_logo_single--inner {
		border-right: none;
		padding-right: 0px;
	}
	.why-wordpress-section .tab-text-content {
		text-align: center;
		width: 100%;
	}
	.why-wordpress-section .tab-image {
		width: 100%;
		padding-left: 0px;
		justify-content: center;
	}
	.laravel-services-why-should-slider-section .tab-content,
	.why-wordpress-section .tab-content {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		min-height: unset;
	}
	.why-wordpress-section .tab-image img {
		width: 20%;
		margin: 0px 0px 20px 0px !important;
	}
	.why-wordpress-section .gs_logo_container {
		padding: 0px !important;
	}
	/* section 4 */
	.laravel-our-process-services-section .laravel-process-text-box,
	.webflow-we-offer-section .elementor-inner-section .elementor-column {
		width: 100% !important;
	}
	.laravel-our-process-services-section
		.laravel-process-inner-section-1
		.laravel-process-text-box::before {
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #ababab transparent;
		right: calc(50% - 10px);
		bottom: unset;
		top: -10px !important;
	}
	.laravel-our-process-services-section
		.laravel-process-inner-section-2
		.laravel-process-text-box::before {
		right: calc(50% - 10px);
	}
	.laravel-our-process-services-section img {
		max-width: 15% !important;
	}
	/*------------------- End new laravel services page -------------------*/
	/*------------------- Start new squarespace website page  --------------------*/
	/* section 2 */
	.squarespace-our-process-section .elementor-column.elementor-inner-column {
		max-height: unset;
		min-height: unset;
	}
	.squarespace-our-process-section .our-process-second-part {
		position: relative;
		top: unset;
		margin-top: 20px !important;
	}
	.squarespace-our-process-section
		.elementor-column.elementor-inner-column
		.elementor-icon-box-icon {
		width: 85px;
		padding: 15px;
	}
	/*------------------- End new squarespace website page -------------------*/
	/*------------------- Start new Social Media Marketing services page - 767 -------------------*/
	.img-box-design figure.elementor-image-box-img {
		width: 15% !important;
		padding: 17px;
	}
	/* faq  */
	/* .smm-service-page-faqs-section .smm-faq-img-column img {
    position: unset;
  } */
	/*------------------- End new Social Media Marketing services page -------------------*/
	/*------------------- Start new Web Flow services page - 767 -------------------*/
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column
		figure.elementor-image-box-img {
		padding: 10px 20px 15px;
		width: 17% !important;
	}
	/*------------------- End new Web Flow services page -------------------*/
	/*------------------- Start new Career page - 767 -------------------*/
	/* section 2 */
	.carrer-page-work span.elementor-icon.elementor-animation- {
		padding: 28px;
	}
	/* section 4 */
	.open-position-new-section .elementor-inner-section .elementor-column {
		width: 100% !important;
		max-width: calc(100% - 14px);
	}
	/*------------------- End new Career page -------------------*/
	/*------------------- Start new team page -------------------*/
	.new-team-page-our-team-section .cards-style.style-3 figure {
		max-height: 220px !important;
	}
	/*------------------- End new team page -------------------*/
	/*------------------- Start new contact page 767 -------------------*/
	.new-contact-page-map-section .map-section-map-column,
	.new-contact-page-map-section .map-section-mail-column {
		width: 100% !important;
	}
	.new-contact-page-map-section
		.elementor-inner-section
		.elementor-icon-box-description {
		word-wrap: break-word;
	}
	#new-contact-page-accordion .elementor-accordion-title h2 {
		font-size: 20px !important;
		line-height: 26px !important;
	}
	/*------------------- End new contact page 767 -------------------*/
	/*------------------- new Start Shopify Maintenance  767 -------------------*/
	.shopify-form .shopify-filed {
		display: flex;
		gap: 20px;
		flex-wrap: nowrap;
	}
	.shopify-form #your-plan span.wpcf7-list-item label {
		display: flex;
		align-items: flex-start;
	}
	.all-project-portfolios .portfolios-main-section.desktop-view {
		display: none;
	}

	.all-project-portfolios .portfolios-main-section.mobile-view {
		display: block;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content,
	.all-project-portfolios
		.portfolios-main-section.mobile-view.odd.portfolios-less-post
		.cnportfolios-content {
		width: 100%;
		text-align: center;
		padding-top: 0px !important;
	}
	.all-project-portfolios .portfolios-main-section.mobile-view ul.cnOurHolder {
		margin: 40px auto;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content
		.cnportfolio-view-more {
		float: unset;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content
		.cnportfolio-view-more {
		margin-top: 30px;
	}
	.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content
		ul.cnOurHolder {
		width: 100% !important;
	}
	/*------------------- End new Start Shopify Maintenance page 767 -------------------*/
	/* activity  */
	.activity-popup-close-button h5 a {
		padding: 7px;
	}
	/*-------------------- Start New portfolio page - 767 ----------------*/
	body .new-portfoli-page-banner-section img {
		max-width: 100% !important;
	}
	.all-project-portfolios .portfolios-main-section .portfolios-container {
		padding: 0 20px !important;
	}
	/*-------------------- New New portfolio page ----------------*/
	/*-------------------- Start single portfolio page - 767 ----------------*/
	.portfolio-based-text p {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	body section.new-portfolio-single-post,
	body section.all-project-portfolios {
		padding: unset !important;
	}
	.new-portfolio-single-post ul.cnOurHolder li:nth-of-type(1n + 4),
	body
		.all-project-portfolios
		.portfolios-main-section.mobile-view
		ul.cnOurHolder
		li:nth-of-type(1n + 4) {
		display: unset !important;
	}
	.new-portfolio-single-post ul.cnOurHolder li:nth-of-type(1n + 5),
	body
		.all-project-portfolios
		.portfolios-main-section.mobile-view
		.cnportfolios-content
		ul.cnOurHolder
		li:nth-of-type(1n + 5) {
		display: none !important;
	}
	body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder li.item,
	.all-project-portfolios .portfolios-main-section ul.cnOurHolder li.item {
		max-width: calc(50% - 11px) !important;
	}
	.portfolio-new-popup.zoom-anim-dialog {
		margin: 0px auto;
		height: 550px;
	}
	/* popup  */
	body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .popup,
	.all-project-portfolios
		#cnfolioHolder
		.portfolios-main-section
		ul.cnOurHolder
		.popup {
		max-width: 750px !important;
		height: 650px;
	}
	/* --------------  */
	.service-page-lets-get-section span.wpcf7-list-item-label,
	span.wpcf7-not-valid-tip {
		font-size: 14px;
		line-height: 20px;
	}
	.service-page-lets-get-section input.wpcf7-text {
		height: 39px;
		margin-bottom: 12px !important;
	}
	.service-page-lets-get-section .elementor-column-gap-default {
		gap: 0px;
		justify-content: space-between;
	}
	/*-------------------- End single portfolio page ----------------*/
	/*-------------------- Start career post single page ----------------*/
	section.career-main-section {
		padding: 30px 0px 50px !important;
	}

	/*-------------------- End career post single page ----------------*/
}
@media screen and (max-width: 575px) {
	/*------------------- Start new search engine optimization page -------------------*/
	.seo-faq-section .collapsed {
		padding: 15px 30px !important;
	}
	/*------------------- Start new Wordpress page --------------------*/
	/* section 2 */
	.wordpress-cms-based-section .elementor-image-box-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
	}
	.wordpress-cms-based-section .elementor-inner-column {
		width: 100% !important;
	}
	.wordpress-cms-based-section figure.elementor-image-box-img {
		width: 35% !important;
		margin: 0px !important;
	}
	.wordpress-cms-based-section .elementor-image-box-content {
		text-align: center;
		padding-top: 15px;
	}
	body
		.wordpress-cms-based-section
		.arham-page-inner-container
		.elementor-container {
		max-width: 100% !important;
	}
	/*------------------- End new Wordpress page -------------------*/
	/*------------------- start new php page -------------------*/
	/* section 2 */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -35px !important;
		width: 15% !important;
	}
	/*------------------- start shopify app page -------------------*/
	.shopify-app-why-hire-section figure.elementor-image-box-img,
	.shopify-app-our-process-section figure.elementor-image-box-img {
		width: 25% !important;
	}
	/*------------------- Start new Social Media Marketing services page  -------------------*/
	.img-box-design figure.elementor-image-box-img {
		width: 20% !important;
		padding: 13px;
	}
	/*------------------- End new Social Media Marketing services page -------------------*/
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column
		figure.elementor-image-box-img {
		padding: 10px 20px 20px;
		width: 20% !important;
	}
	/*------------------- Start new team page -------------------*/
	.new-team-page-our-team-section .cards-style.style-3 figure {
		max-height: 100% !important;
	}
	/*------------------- End new team page -------------------*/
	/*-------------------- Start single portfolio page ----------------*/
	/* popup  */
	body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder .popup,
	.all-project-portfolios
		#cnfolioHolder
		.portfolios-main-section
		ul.cnOurHolder
		.popup {
		max-width: 750px !important;
		height: 535px;
	}
	.activity-section-slider .elementor-container.elementor-column-gap-default {
		display: unset;
	}
	.activity-section-slider
		.elementor-container.elementor-column-gap-default
		.elementor-column {
		width: 100%;
		margin-bottom: 20px;
	}
	.activity-section-slider.second {
		padding-top: 0px !important;
	}
	/*-------------------- New single portfolio page ----------------*/
	.career-main-section .apply-job-secion .job-form-img img {
		width: 100%;
	}
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.cnportfolios-content h2 {
		width: 100%;
		max-width: 215px;
	}
	/*------------------- services page -------------------*/
	.service-page-form .filed,
	.shopify-form .shopify-filed {
		display: block;
		width: 100% !important;
	}
	.service-page-form .cf7as-captchcode input.wpcf7-form-control {
		width: 100% !important;
	}
	.service-page-all-services figure.elementor-image-box-img {
		width: 25% !important;
		padding: 18px;
	}
	/*------------------- Start new Wordpress page -480-------------------*/
	/* section 2 */
	.wordpress-cms-based-section figure.elementor-image-box-img {
		width: 50% !important;
	}
	.our-web-design-service-3-col figure.elementor-image-box-img {
		width: 20% !important;
	}
	/*------------------- Start new shopify website page -------------------*/
	/* section 2 */
	.shopify-website-what-we-do-section figure.elementor-image-box-img {
		width: 45% !important;
	}
	/* section 4 */
	.sopify-services-why-shopify figure.elementor-image-box-img {
		width: 23% !important;
	}

	/*------------------- start new php page -------------------*/
	/* section 2 */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -35px !important;
		width: 25% !important;
	}
	/* --------- */
	.img-box-design figure.elementor-image-box-img {
		width: 25% !important;
		padding: 14px;
	}
	/* ----------- */
	.webflow-we-offer-section
		.elementor-inner-section
		.elementor-column
		figure.elementor-image-box-img {
		padding: 10px 15px 15px;
		width: 30% !important;
	}
	/*-------------------- Start single portfolio page  ----------------*/
	body .new-portfolio-single-post #cnfolioHolder ul.cnOurHolder li.item,
	.all-project-portfolios #cnfolioHolder ul.cnOurHolder li.item {
		max-width: 100% !important;
	}
	body
		.portfolio-based-icon
		.elementor-element-populated
		.elementor-widget-image {
		width: 35% !important;
	}
	/* .new-portfolio-single-post ul.cnOurHolder li.item .cnportfolio-image img,
	.all-project-portfolios .portfolios-main-section .mix.cnportfolio-image img {
		min-height: 240px;
		max-height: 240px;
	} */
	.new-portfolio-single-post .protfolio-new-pagination .page-numbers.current,
	body .new-portfolio-single-post .protfolio-new-pagination .page-numbers,
	body .protfolio-new-pagination a.prev.page-numbers {
		padding: 5px 5px;
	}
	/*-------------------- End single portfolio page ----------------*/
	/*-------------------- Start career post single page ----------------*/
	.career-main-section .job-form .filed-career {
		gap: 0px;
		flex-wrap: wrap;
	}

	/*-------------------- End career post single page ----------------*/
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

@media only screen and (max-width: 320px) {
	.portfolios-sec #cnfolioHolder ul.cnOurHolder li.item {
		width: 100% !important;
	}
	.portfolio-pagination a.prev.page-numbers,
	a.next.page-numbers {
		padding: 4px 10px;
	}
	.portfolio-pagination a.page-numbers {
		padding: 4px 10px;
	}
	.portfolio-pagination span.page-numbers.current {
		padding: 4px 10px;
	}
	/* -----  */
	.php-services-process-section figure.elementor-image-box-img {
		margin-top: -28px !important;
		width: 25% !important;
	}
	/* -------- */
	.img-box-design figure.elementor-image-box-img {
		width: 30% !important;
		padding: 10px;
	}
}