/*
Theme Name: Hello Elementor Child
Author: 
Description: Custom child theme for DesignFiles
Version: 1.0
Template: hello-elementor
*/
.green-text {
	color: #39C7BD;
}

.light-green-text {
	color: #70B91A;
}

.orange-text {
	color: #F54B4B !important;
}

.red-underline {
	text-decoration-color: red;
}

.brand-color{
	color: #a1e3ea !important;
}

.font-serif {
	font-family: "DM Serif Display", sans-serif;
	font-style: italic;
	font-size: 28px;
}

.f-300 {
	font-weight: 300;
}
.f-400 {
	font-weight: 400;
}
html,
body {
	-webkit-font-smoothing: antialiased;
    /* Improves font rendering in WebKit (Chrome, Safari) */
	-moz-osx-font-smoothing: grayscale;
    /* Improves font rendering in Firefox on macOS */
	text-rendering: optimizeLegibility;
    /* Enables kerning and ligatures */;
}

.text-loop .swiper-slide-contents,
.text-loop .swiper-slide-contents .elementor-slide-heading {
	min-width: max-content !important;
	width: 100% !important;
	max-width: max-content;
	margin: auto;
}

.fade-section ul {
	max-width: 85%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.fade-section ul li {
	background: #ceeaec;
	padding: 10px 20px;
	border: 2px solid #8ad4d6;
	border-radius: 8px;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 34px;
	display: inline-block;
	opacity: 0;
    /* Initially hidden */
	transition: opacity 1s ease-in-out;
}

.elementor-button .elementor-button-content-wrapper {
	align-items: center;
}

span.elementor-button-icon {
	line-height: 0;
}

.cus_sheil_sec strong {
	font-size: 20px;
	font-family: "DM Serif Display", Sans-serif;
	font-weight: 400;
	font-style: italic;
}

.home-footer-btn .elementor-button:hover svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(196deg) brightness(105%) contrast(100%);
}

.home-footer-btn .elementor-button svg path {
	transition: all .2s linear;
}

.home-footer-btn .elementor-button:hover svg path {
	fill: transparent;
}

.elementor-button:hover {
	transition: all .2s linear;
}

.border-top,
.border-bottom,
.home .elementor-divider-separator,
.border-column {
	position: relative;
}

.home .elementor-divider-separator::before,
.home .elementor-divider-separator::after,
.border-column::before,
.border-column::after {
	content: "" !important;
	display: block !important;
	width: 5px !important;
	height: 5px !important;
	background: #b1bbc5;
	transform: rotate(45deg);
	top: -3px !important;
	left: 0px;
	position: absolute !important;
}

body.home .elementor-divider-separator::after {
	content: "" !important;
	right: 0px !important;
	left: auto;
}

body .border-column::before {
	left: -2px !important;
}

.border-column::after {
	content: "" !important;
	right: -2px !important;
	left: auto;
	bottom: 0 !important;
	top: auto !important;
}

body .cus_comp_sec.elementor-widget-text-editor a {
	color: #00BFB1;
}

body .cus_comp_sec.elementor-widget-text-editor a:hover {
	color: #133454;
}



/* Thank You CSS */
.cus_again_sec span {
	background: url(./images/underline.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}

.emoji-title .elementor-heading-title {
	display: flex;
	align-items: center;
}

.cus_add_sec .elementor-heading-title {
	text-decoration: underline;
	text-decoration-style: wavy;
}

.emoji-title .elementor-heading-title::after {
	content: url(./images/emojis.png);
	line-height: 0;
}

.mail-info h6,
.mail-info p {
	margin: 0;
}

.mail-info {
	display: flex;
	gap: 6px !important;
}

.mail-info::before {
	content: url(./images/mail-icon.png);
	line-height: 0;
}

.page-id-479 .elementor-widget-testimonial .elementor-testimonial-image {
	display: none !important;
}

.projects-carousel .swiper {
	padding-inline-end: 80px;
	padding-inline-start: 80px;
}

.projects-carousel .elementor-image-carousel {
	padding-top: 10px;
}

.projects-carousel .swiper-slide img.swiper-slide-image {
	transform: scale(0.94);
	opacity: 0.5;
	transition: all 0.7s;
	transition-delay: 0.4s;
	box-shadow: 0px 0.44px 16.76px 0px #0000001F;
}

.projects-carousel .swiper-slide-active img.swiper-slide-image {
	opacity: 1;
	transform: scale(1);
	transition: all 0.7s;
	transition-delay: 0.4s;
}

#projects-carousel .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -10px;
}

.projects-carousel .swiper-pagination.swiper-pagination-bullets {
	display: flex;
	align-items: center;
	justify-content: center;
}

.projects-carousel.elementor-element.elementor-pagination-position-outside .swiper {
	padding-bottom: 15px !important;
}

.projects-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 11px !important;
	height: 11px !important;
}

.projects-carousel .elementor-swiper-button.swiper-button-disabled,
.projects-carousel .elementor-swiper-button.swiper-button-disabled svg {
	visibility: hidden;
}

.projects-carousel .elementor-swiper-button {
	background: #133454CC;
	padding: 8px;
	border-radius: 50px;
	border: 1px solid #13345466;
	transition: all 0.5s;
}

.projects-carousel .elementor-swiper-button svg {
	transition: all 0.5s;
}

.projects-carousel .elementor-swiper-button:hover {
	background: #FFFFFF99;
	border: 1px solid #13345466;
}

.projects-carousel .elementor-swiper-button:hover svg {
	fill: #133454 !important;
}

/* Popup CSS */
.elementor-popup-modal form .elementor-button-icon path {
	fill: unset !important;
}

.elementor-popup-modal form .elementor-button-icon svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(155deg) brightness(106%) contrast(103%);
}

form .elementor-field:focus,
form .elementor-field:focus-visible,
form .elementor-field:active,
form .elementor-field-textual:focus,
form .elementor-field-textual:focus-visible,
form .elementor-field-textual:active {
	background: #fff !important;
	border-color: #00C7D3 !important;
	box-shadow: 8px 8px 8px 0px #00000012 !important;
	border-radius: 8px !important;
}

form .elementor-field-type-submit {
	margin-top: 20px;
}

form .select-caret-down-wrapper path {
	color: #00C6D3;
}

form .elementor-button[type="submit"]:hover {
	background-color: #133454 !important;
}

.dialog-close-button {
	font-size: 12px !important;
}

.elementor-popup-modal .dialog-close-button svg {
	fill: #133454 !important;
	width: 17px !important;
	height: 20px !important;
}

.select-caret-down-wrapper svg {
	display: none !important;
}

.select-caret-down-wrapper::before {
	content: url(./images/dropdown.png);
	z-index: 1;
	display: block;
}

/* Thank You Underline */

.underlinetext.afterelement {
	position: relative;
}

.underlinetext.afterelement::after {
	content: "";
	display: block;
	width: calc(100% - 30px);
	height: 35px;
	background-image: url(/wp-content/themes/hello-elementor-child/images/underline.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	position: absolute;
	right: 30px;
	bottom: -1px;
}

/* Landing page CSS */
.testimonial .elementor-testimonial-content,
.testimonial .elementor-testimonial-meta {
	padding-left: 5px;
}

.green-box .elementor-widget-container::before,
.testimonials-carousel .elementor-testimonial__text .green-box::before {
	content: url(https://join.designfiles.co/wp-content/uploads/2025/07/blob-vector.png);
	position: absolute;
	bottom: -6px;
	right: -11px;
	z-index: -1;
}

.grey-box .elementor-widget-container::before,
.testimonials-carousel .elementor-testimonial__text .grey-box::before {
	content: url(https://join.designfiles.co/wp-content/uploads/2025/07/blob-white-vector.png);
	position: absolute;
	bottom: -6px;
	left: -11px;
	z-index: -1;
}

.landingpage-popup form input:not(:focus)::placeholder,
.landingpage-popup form select {
	color: #133454 !important;
	opacity: 1 !important;
	font-weight: 500;
}

.grey-box .elementor-heading-title {
	display: inline;
}

.grey-box img {
	width: 34px;
	margin-bottom: -2px;
	margin-left: 2px;
}

/* Terms CSS */
.content-wrap h2 {
	font-size: 36px !important;
	line-height: 40px !important;
}

.content-wrap ul li, .content-wrap ol li {
	margin-bottom: 14px;
}

/* Feature CSS */
@media(min-width:1600px) {
	.container-width.e-con.e-parent>.e-con-inner,
	.page-id-2898 .e-con.e-parent>.e-con-inner,
    .page-id-4222 .e-con.e-parent>.e-con-inner,
    .page-id-4434 .e-con.e-parent>.e-con-inner,
    .page-id-4611 .e-con.e-parent>.e-con-inner,
    .page-id-4656 .e-con.e-parent>.e-con-inner,
    .page-id-4977 .e-con.e-parent>.e-con-inner,
    .page-id-5660 .e-con.e-parent>.e-con-inner,
    .page-id-5971 .e-con.e-parent>.e-con-inner,
    .page-id-6057 .e-con.e-parent>.e-con-inner,
    .page-id-6230 .e-con.e-parent>.e-con-inner,
    .page-id-6701 .e-con.e-parent>.e-con-inner,
    .page-id-6750 .e-con.e-parent>.e-con-inner,
    .page-id-6785 .e-con.e-parent>.e-con-inner,
    .page-id-6993 .e-con.e-parent>.e-con-inner,
    .page-id-7268 .e-con.e-parent>.e-con-inner,
    .page-id-7358 .e-con.e-parent>.e-con-inner,
    .page-id-7624 .e-con.e-parent>.e-con-inner,
    .page-id-7567 .e-con.e-parent>.e-con-inner,
    .page-id-7910 .e-con.e-parent>.e-con-inner,
    .page-id-7880 .e-con.e-parent>.e-con-inner,
    .page-id-7721 .e-con.e-parent>.e-con-inner,
	.page-id-10179 .e-con.e-parent>.e-con-inner,
    .page-id-4379 .e-con.e-parent>.e-con-inner,
	.page-id-10800 .e-con.e-parent>.e-con-inner,
	.page-id-11206 .e-con.e-parent>.e-con-inner,
	.page-id-12117 .e-con.e-parent>.e-con-inner,
	.page-id-12207 .e-con.e-parent>.e-con-inner,
	.page-id-13033 .e-con.e-parent>.e-con-inner{
		max-width: 1400px;
	}

	.projects-carousel .swiper {
		padding-inline-end: 200px;
		padding-inline-start: 200px;
	}

	.projects-carousel .swiper-slide img.swiper-slide-image {
		transform: scale(0.92);
	}

	.projects-carousel .swiper-slide-active img.swiper-slide-image {
		opacity: 1;
		transform: scale(1);
		transition: all 0.7s;
		transition-delay: 0.4s;
	}

	.schedule-btn a {
		font-size: 20px !important;
	}

    /* New Feature Page */
	.links-wrap {
		margin-top: -110px !important;
	}

	.links-wrap.tab-margin.e-flex {
		margin-top: -180px !important;
	}

	.last-link-wrap {
		margin-top: -40px !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-prev {
		--e-n-carousel-arrow-prev-left-align: -7% !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-next {
		--e-n-carousel-arrow-next-right-align: -7% !important;
	}

	.cta-box-wrap .right-col {
		max-width: 690px !important;
	}

	.cta-box-wrap .right-col .elementor-icon-box-title span {
		font-size: 24px;
	}
	
	/* Case Study CSS */
	.case_study_title .elementor-heading-title {
		font-size: 82px !important;
		line-height: 86px !important;
	}
	
	.landing-page-title .elementor-heading-title{
		font-size: 72px !important;
		line-height: 76px !important;
	}
	
/* 	.vector-title.elementor-widget-heading{
		--container-widget-width: 1245px !important;
	} */
/* 	.vector-title .elementor-heading-title{
		font-size:112px !important;
		line-height:124px !important;
	}
	.vector-title.elementor-widget-heading .elementor-heading-title:after {
		background-size: 100% !important;
		width: 210px !important;
		height: 105px;
		top: 4px;
	} */;
}

html,
body {
	-webkit-font-smoothing: antialiased;
    /* sometimes better, sometimes worse */
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

#header {
	box-shadow: 0 1px 5px #4747473d;
}

#header .elementor-nav-menu .sub-menu li a {
	padding: 10px 0 10px 30px !important;
	border-inline-start: 0px solid transparent !important;
}

#header ul.sub-menu a:hover,
.header-right-col .sign-in:hover a {
	text-decoration: underline;
}

.elementor-widget-icon-list li a:hover {
	text-decoration: underline;
	text-decoration-color: #ccc;
}

#header .elementor-nav-menu .sub-menu li a:before {
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	content: "";
	background-size: contain;
	filter: invert(61%) sepia(2%) saturate(0%) hue-rotate(158deg) brightness(101%) contrast(93%);
	background-repeat: no-repeat;
}

#header .elementor-nav-menu .sub-menu li.all-feature {
	margin-top: 7px;
	border-top: 1px solid #efefef;
}

#header .elementor-nav-menu .sub-menu li.moodboard a:before {
	background-image: url(/wp-content/uploads/2025/06/moodboard-icon.svg);
}

#header .elementor-nav-menu .sub-menu li.all-feature a:before {
	background-image: url(/wp-content/uploads/2025/06/arrow-right-thin.svg);
}

#header .elementor-nav-menu .sub-menu li.help a:before {
	background-image: url(/wp-content/uploads/2025/06/question.svg);
}

#header .elementor-nav-menu .sub-menu li.videos a:before {
	background-image: url(/wp-content/uploads/2025/06/videos-webinars.svg);
}

#header .elementor-nav-menu .sub-menu li.guides a:before {
	background-image: url(/wp-content/uploads/2025/06/book.svg);
}

#header .elementor-nav-menu .sub-menu li.articles a:before {
	background-image: url(/wp-content/uploads/2025/06/experts.svg);
}

#header .elementor-nav-menu .sub-menu li.feature a:before {
	background-image: url(/wp-content/uploads/2025/06/feature-request.svg);
}

#header .elementor-nav-menu .sub-menu li.demo a:before {
	background-image: url(/wp-content/uploads/2025/06/demo-request.svg);
}

.feature-footer .elementor-message.elementor-message-success.elementor-message-svg {
	color: green;
}

.feature-icon p {
	margin-bottom: 0;
}

body .feature-video.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
	background-size: contain;
	background-repeat: no-repeat;
}

.feature-video .elementor-video {
	object-fit: contain !important;
}

.feature-video .e-hosted-video {
	aspect-ratio: unset !important;
	--video-aspect-ratio: unset !important;
}

.feature-video .elementor-custom-embed-play svg {
	background: #3a546e;
	border-radius: 16px;
}

.testimonialimagebox figure.elementor-image-box-img {
	flex: 0 0 40px;
	width: 100% !important;
	max-width: 40px;
	display: block !important;
}

.testimonialimagebox .elementor-image-box-content {
	max-width: calc(100% - 40px);
}

.testimonialimagebox .elementor-image-box-img img {
	display: block;
}

.testimonialimagebox .elementor-image-box-wrapper {
	gap: 8px;
	display: flex;
}

.tutorialiconbox span.elementor-icon-box-title {
	display: block;
}

.tutorialiconbox span.elementor-icon-box-title span {
	display: block;
}

span.turnintorow,
span.I_love_it_row {
	display: flex;
	justify-content: center;
	align-items: center;
}

span.turnintorow span,
span.I_love_it_row span {
	display: block;
}

span.turnintorow span img,
span.imageelement img {
	display: block;
	max-width: 485px;
	width: 100%;
}

.badgeheadingbox span.I_love_it_row span img {
	max-width: 356px;
}

span.I_love_it_row {
	margin-top: -45px;
}

.library-grids-wrap a.elementor-element:hover {
	transform: scale(1.04);
}

.library-grids-wrap a.elementor-element:hover>div {
    /* 	box-shadow: rgba(136, 165, 191, 0.48) -11px 9px 19px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; */
	box-shadow: #0003 -10px 20px 25px;
}

.schedule-btn .elementor-button-icon,
.tutorial-btn .elementor-button-icon {
	font-size: 24px;
}

.schedule-wrap p {
	margin-bottom: 0;
}

.feature-video .e-hosted-video.elementor-wrapper.elementor-open-inline:not(.elementor-location-popup .e-hosted-video.elementor-wrapper.elementor-open-inline)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(19, 52, 84, 0.05);
}

.feature-faq summary.e-n-accordion-item-title[aria-expanded="true"] {
	border-radius: 4px 4px 0 0;
}

.feature-faq summary.e-n-accordion-item-title .e-n-accordion-item-title-text {
	transition: all 0.2s ease-in;
}

.feature-faq summary.e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
	font-weight: 700;
}

.testimonial {
	box-shadow: 0px 32px 49px 0px #1334541C;
}

.testimonial .elementor-widget-image,
.testimonial .elementor-widget-image .elementor-widget-container,
.testimonial .elementor-widget-image .elementor-widget-container img {
	height: 100% !important;
}

.popup-testimonial .elementor-testimonial-content {
	margin-bottom: 15px !important;
}

.popup-testimonial .elementor-testimonial-image {
	padding-inline-end: 10px !important;
}

.popup-wrap .elementor-image-box-img {
	line-height: 0;
}

#elementor-popup-modal-3925 .dialog-lightbox-widget-content>.dialog-close-button {
	display: none;
}

/* #elementor-popup-modal-3925 .dialog-close-button {
    padding: 6px 8px;
    border-radius: 50px;
    border: 1px solid;
} */
.popup-testimonial h5 {
	font-size: 24px !important;
	line-height: 28px !important;
	font-style: italic;
	font-family: "DM Serif Display";
	margin-bottom: 6px;
}

.last-cta-wrap {
	backdrop-filter: blur(5px);
}

.feature-modal .elementor-location-popup {
	max-width: 80%;
	margin: auto;
	position: relative;
}

.feature-modal a.dialog-close-button.dialog-lightbox-close-button svg.e-font-icon-svg.e-eicon-close.eicon-close {
	display: none !important;
}

.feature-modal a.dialog-close-button.dialog-lightbox-close-button::before {
	background-image: url(/wp-content/uploads/2025/06/close-btn.svg) !important;
	width: 35px;
	height: 35px;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
}

.popup-yellow-box.elementor-widget-icon-box .elementor-widget-container {
	display: flex !important;
	justify-content: center !important;
}

.popup-yellow-box .elementor-icon-box-icon {
	margin-left: 10px !important;
}

.popup-yellow-box span.elementor-icon::before {
	background-image: url(/wp-content/uploads/2025/06/arrowdown.png);
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: contain;
}

.popup-yellow-box span.elementor-icon svg {
	display: none;
}

.footer__header p {
	margin-bottom: 0;
}

.footer__form-promo p {
	margin-top: 8px;
	margin-bottom: 0;
}

.foot-newsletter .lml-page-box--hp,
body .feature-footer .elementor-form {
	position: relative;
	width: auto;
	max-width: 833px;
	height: auto;
	margin: 0;
	padding: 0;
	background: no-repeat;
	box-shadow: none;
	color: #4c4c4c;
	border-radius: 10px;
	font-weight: 600;
}

.foot-newsletter .hide {
	display: none;
}

.foot-newsletter .lml-page-box__success-container {
	margin-top: 20px;
}

.foot-newsletter .lml-page-box__form--hp-footer {
	display: flex;
	flex-direction: row;
	max-width: 100%;
	gap: 20px;
	width: 100%;
	margin: 30px auto 0;
}

.foot-newsletter .lml-page-box__fieldset,
body .feature-footer .elementor-field-type-text,
body .feature-footer .elementor-field-type-email,
body .feature-footer .elementor-field-type-text input,
body .feature-footer .elementor-field-type-email input {
	width: 100% !important;
	max-width: 340px;
	padding: 0;
	border: none;
	outline: none;
}

body .feature-footer .elementor-field-type-text,
body .feature-footer .elementor-field-type-email,
body .feature-footer .elementor-field-type-text input,
body .feature-footer .elementor-field-type-email input {
	max-width: 365px;
}

.foot-newsletter .field--hp-lead {
	width: 100%;
	max-width: 340px;
	font-family: Inter, sans-serif;
}

.foot-newsletter .field,
.feature-footer .elementor-field-type-text input,
.feature-footer .elementor-field-type-email input {
	height: 40px !important;
	margin-bottom: 12px !important;
	padding: 8px 10px !important;
	color: #474747 !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	background: #fff;
	box-shadow: inset 1px 2px #00000012 !important;
	font-size: 16px !important;
}

.foot-newsletter .field:focus,
.feature-footer .elementor-field-type-text input:focus,
.feature-footer .elementor-field-type-email input:focus {
	border-color: #24b0ce !important;
	outline: none;
	border-radius: 5px !important;
}

.foot-newsletter .form-error {
	display: none;
	margin-top: -5px;
	margin-bottom: 10px;
	padding-left: 23px;
	color: #f75545;
	background: url(/wp-content/uploads/2025/06/error.png) 0 2px no-repeat;
	font-size: 17px;
	font-weight: 400;
}

body .feature-footer .elementor-field-type-submit {
	width: auto;
	margin: 0;
}

.foot-newsletter .s-button--homepage-lead-button,
body .feature-footer .elementor-field-type-submit .elementor-button {
	max-width: 350px;
	margin-bottom: 13px;
	padding: 0 15px !important;
	cursor: pointer !important;
	transition: .2s;
	color: #39c7bd !important;
	border: 1px solid;
	border-radius: 4px !important;
	background-color: #0d2134 !important;
	font-family: Inter, sans-serif;
	font-size: 16px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	box-shadow: 0 1px 2px #47474714;
	text-shadow: none;
	font-weight: 600 !important;
	line-height: 20px;
	-webkit-appearance: none;
	gap: 8px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	vertical-align: middle;
	user-select: none;
}

.foot-newsletter .s-button--homepage-lead-button:hover,
body .elementor-field-type-submit .elementor-button:hover {
	color: #fff !important;
	border-color: #39c7bd !important;
	background-color: #39c7bd !important;
	text-decoration: none;
	box-shadow: 0 0 40px 40px #47474714 inset !important;
}

/* New Features CSS */
.img-tabs .e-n-tabs-heading span.e-n-tab-title-text {
	display: inline-block !important;
}

.img-tabs b {
	font-weight: 700 !important;
}

.img-tabs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    /* Ensures the image fills the container */;
}

.features-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	font-size: 12px !important;
	width: 12px;
	height: 12px;
}

.features-slider .swiper-pagination.swiper-pagination-bullets {
	display: inline-flex;
	align-items: center;
}

.features-slider .elementor-swiper-button.swiper-button-disabled {
	visibility: hidden;
}

.features-slider img {
	box-shadow: 0px 1px 2px 0px #47474726 !important;
}

.single-testimonial h4 {
	font-family: 'DM Serif Display', Sans-Serif;
	font-style: italic;
	margin-bottom: 38px;
}

.single-testimonial .elementor-testimonial-meta {
	margin-top: 50px;
}

.single-testimonial .elementor-testimonial-details {
	position: relative;
}

.single-testimonial .elementor-testimonial-details::before {
	content: "";
	width: 20px;
	background-color: #133454;
	display: block;
	position: absolute;
	height: 2px;
	top: -10px;
}

.single-testimonial .img-col * {
	height: 100% !important;
	object-fit: cover !important;
}

.features-slider .elementor-image-box-title {
	margin-top: 0px;
}

/* @media(min-width:1460px){
	html body:not(.rtl) .elementor-popup-modal.feature-modal .dialog-close-button {
		right: 9% !important;
	}
} */

.twentytwenty-handle {
	background: #ffffff85;
	box-shadow: 0px 41px 11px 0px #00000000 !important;
	width: 48px !important;
	height: 48px !important;
	border: 8px solid #FFFFFF7A !important;
	margin-left: -30px !important;
}

.twentytwenty-left-arrow {
	border: none !important;
	position: relative;
}

.twentytwenty-left-arrow::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-image: url('https://join.designfiles.co/wp-content/uploads/2025/12/arrow-before-icon.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-top: -1px;
	z-index: 999999999;
	position: absolute;
}

.twentytwenty-right-arrow {
	border: none !important;
	position: relative;
	margin-right: 0 !important;
}

.twentytwenty-right-arrow::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-image: url('https://join.designfiles.co/wp-content/uploads/2025/12/arrow-right-icon.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -1px;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	width: 8px !important;
	margin-left: -3.5px !important;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
	margin-bottom: 34px !important;
}

.twentytwenty-horizontal .twentytwenty-handle:after {
	margin-top: 32px !important;
}

span.twentytwenty-left-arrow::after {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	background: #133454;
	position: absolute;
	top: -18px;
	left: -7px;
	border-radius: 50%;
}

.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
	display: none !important;
}

/* AI Render CTA Box CSS */
.cta-box-wrap {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.cta-box-wrap .left-col {
	max-width: 400px;
}

.cta-box-wrap .middle-col {
	max-height: 48px;
	height: 48px;
}

.cta-box-wrap .right-col {
	max-width: 630px;
}

/* Case Study */

/* .vector-title .elementor-heading-title:after {
    background: url(https://join.designfiles.co/wp-content/uploads/2026/01/smiley-vector.png);
    display: inline-block;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 216px;
    height: 63px;
    line-height: 0;
    top: 8px;
    position: relative;
    margin-left: 13px;
} */

.iso-grid .elementor-custom-embed-play {
	backdrop-filter: blur(16.25px);
	box-shadow: 0px 4px 28px 0px #0000008C;
	border-radius: 50%;
	width: 65px;
	height: 65px;
	transform: translate(60%, -15%) !important;
	background: #FFFFFFB2 !important;
	left: auto !important;
	right: 50px !important;
	top: auto !important;
	bottom: 0 !important;
}

.elementor-custom-embed-play svg {
	transform: translate(11%, 52%);
}

.iso-grid .elementor-wrapper.elementor-open-lightbox,
.iso-grid .elementor-custom-embed-image-overlay {
	height: 220px;
	width: 100%;
}

.iso-grid .elementor-wrapper.elementor-open-lightbox img {
	height: 100%;
}

.iso-grid .elementor-custom-embed-image-overlay img {
	border-radius: 16px 16px 0px 0px !important;
}

.iso-grid .rating-score {
	display: none;
}

.rating-score p {
	line-height: normal;
}

/* Parent */
.iso-grid {
	position: relative;
}

.iso-grid .iso-sizer {
	width: calc((100% - 140px) / 3);
 /* 86 × 2 */;
}

.iso-grid .iso-item {
	width: calc((100% - 140px) / 3);
	overflow: unset !important;
/*   margin-bottom: 60px; */;
}

.iso-grid .iso-card {
	margin-bottom: 60px;
	overflow: unset !important;
}

.iso-grid .iso-card:not(.iso-card.non-hover):hover {
	box-shadow: #0003 -10px 20px 25px !important;
	transform: scale(1.02);
}

.iso-grid .iso-card a.elementor-button:hover .elementor-button-icon svg,
.arrow-white a.elementor-button:hover .elementor-button-icon svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(228deg) brightness(102%) contrast(101%);
	transition: all .2s linear;
}

.banner-rating .elementor-element.e-flex.e-con.e-child {
	min-width: max-content;
	max-width: max-content;
}

.capterra-text .elementor-heading-title:after {
	content: "";
	display: inline-block;
	width: 112px;
	height: 26px;
	margin: 0 6px -4px;
	background-image: url(https://join.designfiles.co/wp-content/uploads/2026/01/Capterra-logo.svg);
	background-size: contain;
}

@media (max-width: 1024px) {
	.iso-grid .iso-sizer,
  .iso-grid .iso-item {
		width: calc((100% - 70px) / 2);
	}
}

@media (max-width: 640px) {
	.iso-grid .iso-sizer,
  .iso-grid .iso-item {
		width: 100%;
	}
}

/* Book a Demo CSS */
.form-wrap .elementor-image-box-wrapper .elementor-image-box-img {
	min-width: 125px !important;
	line-height: 0;
}

@media(max-width:1599px) and (min-width:1025px) {
    /* .page-id-4379 .mega-sub-menu, */
	.elementor-page .mega-sub-menu {
		max-height: 82vh !important;
		height: 100%;
		overflow-y: auto;
	}
}

@media(max-width:1599px) and (min-width:1250px) {

    /* New Features CSS */
	.features-slider .elementor-swiper-button.elementor-swiper-button-prev {
		--e-n-carousel-arrow-prev-left-align: -5% !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-next {
		--e-n-carousel-arrow-next-right-align: -5% !important;
	}
	
	/* Case Study CSS */
	.casestudy-banner {
		min-height: 75vh !important;
	}
}

@media(max-width:1460px) and (min-width:1024px) {
	.elementor-location-popup {
		max-width: 95%;
		margin: auto;
	}

	.dialog-close-button:not(.elementor-popup-modal.feature-modal .dialog-close-button) {
		right: 2% !important;
	}
}

@media (max-width: 1224px) and (min-width: 1025px) {
    /* .page-id-4379 #header ul.e-n-menu-heading li .e-n-menu-title, */
	.elementor-page #header ul.e-n-menu-heading li .e-n-menu-title {
		padding: 5px 6px !important;
	}

    /* .page-id-4379 #header ul.e-n-menu-heading li .e-n-menu-title span, */
	.elementor-page #header ul.e-n-menu-heading li .e-n-menu-title span {
		font-size: 15px !important;
	}
}

@media(max-width:1124px) and (min-width:1024px) {
	#header ul.elementor-nav-menu li:not(#header ul.elementor-nav-menu ul li) a {
		font-size: 14px;
	}
}

@media(min-width:1024px) {
	#header ul.sub-menu {
		padding: 10px 20px !important;
		border: 1px solid #ddd !important;
		box-shadow: 0 2px 6px #0000001a;
		border-radius: 5px;
	}

	#header ul.elementor-nav-menu li.menu-item:hover a:not(#header ul.sub-menu li.menu-item a)::after {
		position: absolute;
		bottom: -30px;
		display: block;
		width: calc(100% - 15px);
		height: 4px;
		content: "";
		background: #39c7bd;
		left: 7px;
		opacity: 1 !important;
	}

	ul.sub-menu li:first-child::before {
		position: inherit;
		position: absolute;
		z-index: 1000000;
		top: -17px;
		left: calc(50% - 69px);
		display: block;
		width: 12px;
		height: 12px;
		content: "";
		transition-delay: .08s;
		transform: rotate(45deg);
		opacity: 1;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		background: #fff;
	}

	li.menu-item-has-children:hover ul.sub-menu li:first-child:before {
		transition-delay: .01s;
		opacity: 1;
	}

	li.desktop-menu-item {
		display: block !important;
	}

	li.mobile-menu-item,
    li .sub-arrow {
		display: none !important;
	}
	/* Book A Demo CSS */
	.form-wrap .elementor-image-box-wrapper .elementor-image-box-img {
		margin-bottom: 0 !important;
	}
}

/* AI Render CTA Box CSS */
@media(min-width:1145px) {
	.cta-box-wrap .right-col .elementor-icon-box-wrapper {
		align-items: center !important;
	}
}

@media(max-width:1024px) {
    /* body.page-id-4379.open-menu, */
	body.elementor-page.open-menu {
		overflow-y: hidden;
	}

    /* .page-id-4379 .mega-sub-menu, */
	.elementor-page .mega-sub-menu {
		height: 100%;
		overflow-y: auto;
	}

    /* .page-id-4379 .e-n-menu-wrapper, */
	.elementor-page .e-n-menu-wrapper {
		max-height: 85vh !important;
		overflow-y: auto !important;
		box-shadow: 0px 16px 32px -4px rgba(71, 71, 71, .1607843137254902) !important;
	}

    /* .page-id-4379 .e-n-menu-title, */
	 /* .page-id-4379 .e-n-menu-title:hover, */
	/* .page-id-4379 .elementor-widget-n-menu .e-n-menu-content, */
	.elementor-page .e-n-menu-title,   
    .elementor-page .e-n-menu-title:hover,    
    .elementor-page .elementor-widget-n-menu .e-n-menu-content {
		background-color: #fff !important;
	}

    /* Testimonials section CSS */
	.testimonials-carousel .elementor-testimonial__text p {
		margin-bottom: 0;
	}

	.testimonials-carousel span.grey-box {
		padding: 18px;
		background: #F2F4F7 !important;
		display: block;
		border-radius: 19px;
		transform: rotate(-2deg);
		z-index: 1;
		position: relative;
		max-width: 95%;
		font-style: italic;
		font-weight: 500 !important;
		color: rgba(19, 52, 84, 0.8);
	}

	.testimonials-carousel span.green-box {
		padding: 18px;
		background: #D9EDC1 !important;
		display: block;
		border-radius: 19px;
		transform: rotate(2deg);
		z-index: 2;
		position: relative;
		margin-top: -2px;
		max-width: 95%;
	}

	.testimonials-carousel .elementor-testimonial__content {
		max-width: 500px;
		margin: auto;
	}

	.testimonials-carousel span.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 12px !important;
		height: 12px !important;
	}

	.testimonials-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.testimonials-carousel .elementor-testimonial__footer {
		display: none;
	}

    /* Features CSS */
	.footer-links ul.elementor-icon-list-items.elementor-inline-items {
		display: block !important;
	}

	.footer-links li.elementor-icon-list-item {
		margin: 13px 0 !important;
	}

	#header .elementor-menu-toggle {
		padding: 0;
		margin-left: 13px;
	}

	#header .elementor-menu-toggle .e-font-icon-svg {
		fill: #33373d;
		height: 29px;
		width: 29px;
	}

	#header .elementor-nav-menu .sub-arrow {
		padding: 13px 10px 8px;
	}

	body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		box-shadow: 0 50px 94px -57px #00000080;
		margin-bottom: 20px !important;
		margin-right: 12px !important;
		padding: 10px 20px 20px 20px !important;
	}

	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu {
		padding-top: 10px;
	}

	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.menu-item:not(ul ul li.menu-item) {
		margin-right: 7px;
		margin-left: 7px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#header .elementor-nav-menu .sub-menu li a {
		font-size: 15px;
		color: #667085;
	}

	li .sub-arrow svg.fa-svg-chevron-down.e-font-icon-svg.e-fas-chevron-down {
		fill: #bdbdbd;
		font-size: 23px !important;
		transition: all 0.5s ease;
	}

	li a[aria-expanded="true"] .sub-arrow svg.fa-svg-chevron-down.e-font-icon-svg.e-fas-chevron-down {
		transform: rotate(180deg);
	}

	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.mobile-menu-item,
    li .sub-arrow {
		display: block !important;
	}

	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.border-btm {
		border-bottom: 1px solid #ccc !important;
		margin-bottom: 25px !important;
	}

	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.desktop-menu-item,
    .help-menu li:last-child {
		display: none !important;
	}

	body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.mobile-menu-item.trans-btn {
		max-width: 120px;
		transform: translate(10px, -2px);
		text-align: center !important;
		border: 2px solid #39c7bd;
		float: left;
		margin-left: 0 !important;
		height: 46px;
		width: 100% !important;
		border-radius: 4px;
		margin-right: 16px !important;
	}

	body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.mobile-menu-item.trans-btn a,
    body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.mobile-menu-item.fill-btn a {
		color: #39c7bd !important;
		justify-content: center !important;
		font-size: 16px !important;
	}

	body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li.mobile-menu-item.fill-btn {
		max-width: 160px;
		width: 100% !important;
		height: 46px;
		float: left;
		color: #39c7bd;
		border: 2px solid #dff6f5;
		border-radius: 4px;
		background-color: #dff6f5;
		margin-top: -3px;
	}

	.schedule-btn-mobile {
		max-width: max-content !important;
	}

	a.dialog-close-button.dialog-lightbox-close-button::before {
		width: 38px;
		height: 38px;
	}

	.foot-newsletter .lml-page-box__form--hp-footer {
		flex-direction: column;
	}

	.foot-newsletter .field--hp-lead {
		max-width: 100%;
		margin-bottom: 0;
	}

	.foot-newsletter .lml-page-box__fieldset,
    body .feature-footer .elementor-field-type-text,
    body .feature-footer .elementor-field-type-email,
    body .feature-footer .elementor-field-type-text input,
    body .feature-footer .elementor-field-type-email input {
		max-width: 100%;
	}

	.foot-newsletter .s-button--homepage-lead-button,
    body .feature-footer .elementor-field-type-submit .elementor-button,
    body .feature-footer .elementor-field-type-submit {
		max-width: 100% !important;
		width: 100% !important;
		display: block;
	}

	.feature-icon .elementor-icon-box-wrapper {
		flex-direction: row;
		text-align: start;
		display: flex !important;
		align-items: center;
	}

	.feature-icon.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
		display: inline-flex;
		flex: 0 0 auto;
		margin-bottom: 0;
		margin-right: 10px;
	}
	
	/* AI Render CTA Box CSS */
	.elementor-element.cta-box-wrap .middle-col {
		background-color: transparent !important;
		height: unset !important;
	}

	.elementor-element.cta-box-wrap .right-col .elementor-icon-box-icon {
		display: none !important;
	}
	
	/* Case Study CSS */
/* 	.vector-title .elementor-heading-title:after {
		width: 125px;
	} */;
}

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

	body .feature-footer .elementor-field-type-text,
    body .feature-footer .elementor-field-type-email,
    body .feature-footer .elementor-field-type-text input,
    body .feature-footer .elementor-field-type-email input {
		max-width: 288px;
	}
}

@media(min-width:768px) and (max-width:1024px) {
	.carousel-thankyou .swiper-slide-active img {
		transform: scale(1.15);
	}

	.projects-carousel .swiper {
		padding-inline-end: 40px;
		padding-inline-start: 40px;
	}

	span.imageelement {
		max-width: 30%;
	}

	span.I_love_it_row span.imageelement {
		max-width: 25%;
	}

	span.I_love_it_row {
		margin-top: -20px;
	}

    /* New Features CSS */
	.single-testimonial h4 {
		font-size: 30px !important;
		margin-bottom: 18px !important;
		line-height: 34px !important;
	}

	.single-testimonial .elementor-testimonial-meta {
		margin-top: 25px !important;
	}

	.single-testimonial .testimonial-mob-image {
		width: 100% !important;
	}
	
	/* Book a Demo CSS */
	.form-wrap .elementor-image-box-wrapper {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.middle-col {
		background-color: unset !important;
		height: unset !important;
	}
	
	
	.exclusive-block li.elementor-icon-list-item.elementor-inline-item {
		flex-direction: column;
		max-width: 29%;
	}
	.exclusive-block li.elementor-icon-list-item svg {
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}
}

@media (min-width: 767px) {
	body .full-height {
		height: 100%;
	}
}

@media (max-width: 767px) {
	.middle-col {
		background: unset !important;
		height: unset !important;
	}

	.elementor-element.elementor-absolute.prettyicon,
    .elementor-element.elementor-absolute.amazingsmileicon {
		left: auto !important;
		right: 0 !important;
		top: -35px !important;
		bottom: auto !important;
	}

	.elementor-element.elementor-absolute.hearticon {
		top: -35px;
		left: auto !important;
		right: 0;
		bottom: auto !important;
		max-width: 90px;
	}

	.elementor-location-popup {
		max-width: 97%;
		margin: auto;
	}

	.popup-wrap .elementor-widget-image-box .elementor-image-box-wrapper {
		flex-direction: row;
		align-items: center;
		display: flex;
	}

	.popup-wrap .elementor-widget-image-box .elementor-image-box-img {
		margin-right: 5px !important;
	}

	.popup-yellow-box .elementor-icon-box-wrapper {
		display: flex !important;
		flex-direction: row-reverse !important;
		align-items: center !important;
	}

	.popup-yellow-box .elementor-icon-box-wrapper .elementor-icon-box-icon {
		line-height: 0;
	}

	.popup-yellow-box .elementor-icon-box-title span {
		min-width: max-content;
		display: block;
	}

	a.dialog-close-button.dialog-lightbox-close-button::before {
		width: 28px;
		height: 28px;
	}

	.landingpage-popup select#form-field-business_launch_date {
		width: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden !important;
	}

	.landingpage-popup form input,
    .elementor-5392 form select {
		padding: 8px 18px 8px 12px !important;
	}

    /*New Features CSS*/
	.features-slider .e-n-carousel.swiper.swiper-initialized.swiper-horizontal {
		padding-inline-end: 26px;
	}

	.img-tabs .e-n-tabs-content {
		display: flex !important;
		margin-bottom: 30px;
	}

	.img-tabs .e-n-tabs {
		flex-direction: column-reverse !important;
	}

	.img-tabs .e-n-tabs-heading {
		display: flex !important;
		flex-basis: max-content !important;
		gap: 0 !important;
	}

	button.e-n-tab-title {
		margin-bottom: 10px !important;
	}

	.single-testimonial h4 {
		font-size: 24px;
		margin-bottom: 18px;
	}

	.single-testimonial .elementor-testimonial-meta {
		margin-top: 25px;
	}

	.single-testimonial .testimonial-mob-image {
		width: 100% !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-prev {
		--e-n-carousel-arrow-prev-left-align: 2% !important;
		--e-n-carousel-arrow-prev-top-position: -30px !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-next {
		--e-n-carousel-arrow-next-right-align: 4% !important;
		--e-n-carousel-arrow-next-top-position: -30px !important;
	}
	
   .exclusive-block li.elementor-icon-list-item.elementor-inline-item {
		margin-bottom: 12px !important;
	}

}

@media(min-width:768px) {

	.border-top::before,
    .border-bottom::before,
    .home .elementor-divider-separator::before,
    .border-top::after,
    .home .elementor-divider-separator::after,
    .border-bottom::after {
		content: "" !important;
		display: block !important;
		width: 5px !important;
		height: 5px !important;
		background: #b1bbc5;
		transform: rotate(45deg);
		top: -3px !important;
		left: 0px;
		position: absolute !important;
	}

	body .border-top::after,
    body.home .elementor-divider-separator::after,
    body .border-bottom::after {
		content: "" !important;
		right: 0px !important;
		left: auto;
	}

	.border-bottom::before,
    .border-bottom::after {
		bottom: -3px !important;
		top: unset !important;
	}

    /* New Features CSS */
	.features-slider .elementor-swiper-button.elementor-swiper-button-prev {
		--e-n-carousel-arrow-prev-top-position: -15px !important;
	}

	.features-slider .elementor-swiper-button.elementor-swiper-button-next {
		--e-n-carousel-arrow-next-top-position: -15px !important;
	}

	.cta-box-wrap .right-col .elementor-icon-box-title br {
		display: none;
	}
}

@media(min-width:768px) and (max-width:990px) {
	.fade-section ul {
		max-width: 100% !important;
	}
}

@media(max-width:767px) {
	.font-serif {
		font-size: 18px;
	}

	.three-box-wrap .elementor-element {
		display: block;
	}

	.fade-section ul {
		max-width: 100% !important;
	}

	.fade-section ul li {
		font-size: 20px;
	}

    /* Thank you CSS */
	.home-footer-btn span.elementor-button-icon {
		display: none;
	}

	.projects-carousel .swiper {
		padding-inline-end: 20px;
		padding-inline-start: 20px;
	}

	span.imageelement {
		max-width: 50%;
	}

	span.I_love_it_row span.imageelement {
		max-width: 45%;
	}

	span.I_love_it_row {
		margin-top: 0px;
	}

	.brcontent br {
		display: none;
	}
}

@media(max-width:767px) and (min-width:640px) {
	.three-box-wrap .e-flex {
		width: 31.333%;
	}

	body .blue-box-wrap .elementor-widget-image-box:first-child {
		width: 35% !important;
	}

	body .blue-box-wrap .elementor-widget-image-box {
		width: 29% !important;
	}

    /* Features page CSS */
	.library-grids-wrap .e-con-inner>a.elementor-element,
    .tools-grids-wrap .e-con-inner>.elementor-element,
    .tools-grids-wrap.layout>.elementor-element {
		width: calc((100% - 20px) / 2);
	}

	.tools-grids-wrap .e-con-inner,
    .tools-grids-wrap.layout {
		flex-direction: row !important;
	}
}

@media (max-width:639px) {

    /* Thank You CSS */
	.emoji-title .elementor-heading-title {
		display: inline-block;
	}

    /* Features page CSS */
	.library-grids-wrap,
    .tools-grids-wrap {
		max-width: 310px;
		margin: auto !Important;
	}
}

@media(max-width:767px) and (min-width:460px) {
	.exclusive-block .elementor-widget-icon-list{
		max-width:400px !important;
		margin:0 auto !important;
	}
}

@media (max-width:375px) {
	
	.cta-box-wrap .right-col .elementor-icon-box-title br {
		display: none;
	}
}