/* 
* class `button-100-width`
*	100% width for button
* 
* Use: Add this class to button section
*/
.button-100-width a.eael-creative-button {
	width: 100%;
}

/* 
* class `one-for-layout`
* Use for creating one-four layout
*
* Usage: add this class to a section
*/
.one-four-layout .elementor-container {
	--gap-max: 57px;
	display: grid;
	grid-template-columns: calc(33.333% - var(--gap-max)) calc(33.333% - var(--gap-max)) calc(33.333% - var(--gap-max));
	grid-template-rows: auto auto;
	justify-content: center;
}

.one-four-layout .elementor-container .elementor-column {
	width: 100%;
}

.one-four-layout .elementor-container .elementor-column:first-child {
	grid-row: 1/3;
}

@media (max-width: 1024px) {
	.one-four-layout .elementor-container {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
	}

	.one-four-layout .elementor-container .elementor-column:first-child {
		grid-column: 1/3;
		grid-row: unset;
	}
}

@media (max-width: 1024px) {
	.one-four-layout .elementor-container {
    grid-template-columns: auto;
    grid-template-rows: auto;
	}

	.one-four-layout .elementor-container .elementor-column:first-child {
		grid-column: unset;
	}
}

/* 
* class `inner-section-row` and `inner-section-column`
* Use for creating flexable layout
*
* Usage: add 'inner-section-row' to inner section adn add 'inner-section-column' to inside inner section column
*/
.inner-section-row .elementor-container {
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 63px;
	column-gap: 48px;
}

.elementor .elementor .elementor-column.inner-section-column {
	width: calc(100%/3 - 48px);
}

@media (max-width: 1024px) {
	.elementor .elementor-column.inner-section-column {
    width: calc(100%/2 - 48px);
	}

	.inner-section-row .elementor-container {
    column-gap: 30px;
		row-gap: 30px;
	}
}

@media (max-width: 767px) {
	.elementor .elementor-column.inner-section-column {
    width: 100%
	}

	.inner-section-row .elementor-container {
    column-gap: 30px;
		row-gap: 20px;
	}
}

/* Temporary */
.page.page-id-156 .page-header,
.page.page-id-156 .page-banner {
	display: none;
}

.slide-bar .slick-dots {
    width: 124px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
}

.slide-bar .slick-dots li.slick-active {
	display: block;
}

.slide-bar .slick-dots li {
	display: none;
	width: 100%;
	background-color: #e2e3e3;
	height: 4px;
	margin: 0;
}

.slide-bar .slick-dots li button::before {
	display: none;
}

.slide-bar .slick-dots li.slick-active::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	background: radial-gradient(circle, #FF7900 0%, #FF5700 100%);
	left: 0;
}

@keyframes progress {
	to {
		transform: scaleX(1);
	}
}

/* Temporary */


/* Case studies */
.flex-wrapper {
	display: flex;
	flex-wrap: wrap;
}
 
.elementor .elementor-element.elementor-element.workin-inner > .elementor-container {
	flex-wrap: wrap;
	row-gap: 31px;
	column-gap: 28px;
	width: 100%;
}

.workin-inner .elementor-column.taxonomy {
	width: 31.3%;
}

.workin-inner .tax-active {
	border-radius: 8px; 
}

.workin-inner .workin:hover .elementor-element.elementor-element .elementor-heading-title,
.workin-inner .tax-active .elementor-element.elementor-element .elementor-heading-title {
	color: #2D3032;
}

.form-quote .elementor-field-textual.elementor-size-md, .form-quote .elementor-form .elementor-button.elementor-size-md {
	min-height: 50px;
}

.case-studies-form .elementor-field-textual.elementor-size-md {
	padding: 12px 20px;
}

.case-studies-form .elementor-field-textual.elementor-size-md#form-field-message{
	padding: 20px 20px;
	max-height: 198px;
}

.elementor-field-group-workin,
.elementor-field-group-support,
#form-field-support,
#form-field-workin {
	display: none;
	margin: unset !important;
}

.elementor .elementor-element.elementor-element.case-studies-form .elementor-field-group.elementor-field-group-message {
	margin-bottom: 24px;
}

.taxonomy.elementor-column:hover {
	cursor: pointer;
}

.elementor .who-are-we.elementor-element.elementor-element > .elementor-container {
	justify-content: space-between;
}

.elementor .slide-post-quote-single-casestudy.elementor-element .custom-slider-services-postype .cr-slick-arrow {
	background: transparent;
}

@media (max-width: 1024px) {
	.elementor .elementor-element.elementor-element.case-studies-form .elementor-field-group.elementor-field-group-message {
		margin-bottom: 0px;
	}
	.elementor .background-overlay.elementor-element.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
    background-position: center -220px;
}
.slide-post-quote-single-casestudy .custom-slide-post .custom-slide__single {
	max-width: unset;
}

.elementor .elementor-element.elementor-element.workin-inner > .elementor-container {
	column-gap: 20.83px;
}
}

@media (max-width: 767px) {
	.elementor .elementor-element.elementor-element.case-studies-form .elementor-field-group.elementor-field-group-message {
		margin-bottom: 0px;
	}
	.elementor .elementor-element.elementor-element.workin-inner > .elementor-container {
		row-gap: 10px;
	}
	.elementor .we-suggest .elementor-element.elementor-element > .elementor-container {
    flex-direction: column-reverse;
}
.elementor .background-overlay.elementor-element.elementor-element.elementor-column > .elementor-widget-wrap {
	background-position: center center;}
	.slide-post-quote-single-casestudy .custom-slide-post .custom-slide__single .post__single__content {
    padding: 16.66px 23px 20px 21px;
}

.post .wp-post-image {
	max-height: unset !important;
}
.elementor .elementor-element.elementor-element.workin-inner > .elementor-container {
	column-gap: unset;
	row-gap: 10px;
	justify-content: space-between;
}
.workin-inner .elementor-column.taxonomy {
	width: 48.7%;
}
}

/* Case studies */

/* Pop-up */
.elementor-popup-modal {
	display: none;
}
/* Pop-up */