/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.mx-gradient-bg {
    font : inherit;
        background: linear-gradient(90deg, #64C8C8, #EF8889);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mx-outline-text {
    font : inherit;
    font-style: italic;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent;
}

.brands-section figure.swiper-slide-inner {
    background:#EEFBFB;
    border:1px solid  #64C8C8;
    border-radius: 12px;
    padding: 12px 22px;
    margin:0 10px !important;
}
.brands-section figure.swiper-slide-inner img {
    height: 70px;
    object-fit: contain;
     -webkit-filter: invert(100%);
    filter: invert(100%);
}
.mx-faq-design .elementor-accordion-item {
    margin: 10px 0;
    background: #fef3dc;
    border-radius: 8px;
}
.mx-faq-design .elementor-accordion-item  i {
    margin: 6px 10px 0 0;
    font-size: 20px
}


@media screen and (min-width : 820px) {
    .testimonial-logo  {
        position : absolute;
        right : 0;
        top : 15px;
    }
}

.mx-cs-repeater {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    text-align: center;
}
.mx-cs-repeater .mx-cs-item span {
    font-size: 3rem;
    color: #6cc6c6;
}
.mx-cs-repeater .mx-cs-item h6 {
    font-size: 13px;
    line-height: 15px;
}

.ae-tab-title {
    border-radius: 8px 8px 0 0;
}
.ae-tab-title a {
	color : #000 !important;
	font-size: inherit !important;
}
span.elementor-accordion-icon {
    font-size: 18px;
}
.ae-tab-content {
    margin-top: 0 !important;
    border-radius: 0 0 8px 8px;
}
.ae-acf-repeater-item:nth-child(2n) .seo-content-row {
    flex-direction: row-reverse;
}



.mxl-advantages-items,
.mxl-essential-items,
.mxl-approach-items,
.portfolio-items {
	display : flex; 
	flex-flow : column nowrap;
	gap :15px;
	padding : 15px;
}
.mxl-advantages-items .mxl-advantage-item,
.mxl-approach-items .mxl-approach-item{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    background: #effbfb;
}
.mxl-advantages-items .mxl-advantage-item img.mxl-advantage-image,
.mxl-approach-items .mxl-approach-item img.mxl-approach-image{
    width: 44px !important;
    border-radius: 0;
}
.mxl-advantages-items .mxl-advantage-item span.mxl-advantage-title,
.mxl-approach-items .mxl-approach-item span.mxl-approach-title{
    font-size: 24px;
    color: #000;
    margin: 10px 0;
    display: block;
}


.mxl-seo-repeater-items {
    display: flex;
    flex-flow: column nowrap;
    gap: 15vh;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 50px;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item:nth-child(2n) {
    flex-flow: row-reverse;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item > div {
	flex : 1;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item .mxl-seo-image {
    background-position: center center;
    background-size: contain;
    border-radius: 12px;
	    border-radius: 12px;
    background-repeat: no-repeat;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item .mxl-seo-content {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 30px 15px;
    gap: 20px;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item .mxl-seo-content span.mxl-seo-title-prefix {
    background: #fef3dc;
    padding: 8px 22px;
    border-radius: 24px;
    border: 1px solid #e8e8e8;
    font-size: 18px;
}
.mxl-seo-repeater-items .mxl-seo-repeater-item .mxl-seo-content a.mxl-seo-cta {
	background: #64c8c8;
    padding: 8px 24px;
    border-radius: 8px;
    color: #000000;
    border: 0;
}


.mxl-process-items,
.mxl-post-feature-items,
.mxl-service-subposts-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
	padding : 20px
}
.mxl-process-item,
.mxl-post-feature-items .feature-item,
.mxl-service-subpost-item{
    background: #fff;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #f0efef;
	display : flex;
	flex-flow : column nowrap;
	align-items : flex-start;
	gap : 20px;
}
.mxl-process-items .process-item img,
.mxl-post-feature-items .feature-item img,
.mxl-service-subpost-item img{
	width: 220px;
    border-radius: 0;
    max-height: 300px;
    object-fit: contain;
}
.mxl-service-subpost-item img{
	width: 100%;
    border-radius: 8px;
    height: 265px;
    object-fit: cover;
}
.mxl-post-feature-items .feature-item h4{
	font-size : 22px;
	margin : 0;
	color: #000;
}
.mxl-service-subpost-item a {
	width : 100%;
}
.mxl-service-subpost-item h4 a {
	font-size : 22px;
	line-height: 0;
	margin : 0;
	color: #000;
}
.mxl-essential-items  .mxl-essential-item,
.portfolio-items .portfolio-item {
    padding: 12px;
    border-bottom: 1px solid #eeeeee;
}
.mxl-essential-items .mxl-essential-item span.mxl-essential-title,
.portfolio-items .portfolio-item h6.mxl-portfolio-title {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    line-height: var(--e-global-typography-secondary-line-height);
    color: var(--e-global-color-accent);
	margin-bottom: 15px;
    display: block;
}
.portfolio-items.mxl-portfolio-results .portfolio-item h6.mxl-portfolio-title  {
	color: #000;
}

.mxl-faq-items {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}
.mxl-faq-items .mxl-faq-item {
    background: #fef3dc;
    border-radius: 12px;
	display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
}
.mxl-faq-items .mxl-faq-item .mxl-faq-question {
    padding: 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
	font-size: 18px;
	align-items: center;
	gap : 15px;
	cursor : pointer;
}
.mxl-faq-items .mxl-faq-item .mxl-faq-question i {
	transition : all .3s ease-in-out;
}
.mxl-faq-items .mxl-faq-item.active .mxl-faq-question i {
	transform : rotate(180deg);
}
.mxl-faq-items .mxl-faq-item .mxl-faq-answer {
    padding: 15px 30px 30px;
}
.mxl-service-subposts-items {
	margin-bottom : 75px;
}
.subservices-section {
	margin : 70px 0 40px;
	text-align : center;
}

.mxl-cs-items, .mxl-sa-items {
    display: flex;
    flex-flow: column nowrap;
}
.mxl-cs-items .mxl-cs-item, .mxl-sa-items .mxl-sa-item {
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.mxl-cs-items .mxl-cs-item span {
    padding: 6px 12px;
    border: 1px solid #EEEEEE;
	font-weight: 600;
}
.mxl-sa-items .mxl-sa-item span {
	padding: 6px 12px;
	font-weight: 600;
}
.mxl-sa-items .mxl-sa-item span.title {
	display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.mxl-sa-items {
	gap : 20px;
}
.mxl-sa-items .mxl-sa-item span i {
	background: #CDE7E6;
    padding: 6px;
    border-radius: 50%;
    margin-right: 11px;
    font-size: 12px;
}

.mxl-wwn-items {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}
.mxl-wwn-items  .mxl-wwn-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
	gap: 8px;
}
.mxl-wwn-items  .mxl-wwn-item img {
    width: 30px;
    height: 30px;
}
.mxl-otc-items {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}
.mxl-otc-items .mxl-otc-item {
    display: flex;
    flex-flow: column nowrap;
	gap: 10px;
    padding: 10px 15px;
    min-width: 45%;
    flex: 1;
	border-right: 1px solid #E2E4E3;
}
.mxl-otc-items .mxl-otc-item span.title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
	color: #1D2F3C;
}
.mxl-otc-items .mxl-otc-item span.subtitle {
    font-size: 20px;
    color: #3A4043;
}


@media screen and (min-width : 768px) and (max-width : 1024px) {
	.mxl-process-items,
	.mxl-post-feature-items,
	.mxl-service-subposts-items{
		grid-template-columns: 1fr 1fr;
	}
}
.mxl-relationship-items.mxl-industry-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
@media screen and (max-width : 768px) {
	.mxl-advantages-items .mxl-advantage-item,
	.mxl-approach-items .mxl-approach-item{
		flex-flow : column nowrap;
		align-items : flex-start;
		gap : 0;
	}
	
	.mxl-seo-repeater-items {
		gap : 5vh;
	}
	.mxl-seo-repeater-items .mxl-seo-repeater-item, .mxl-seo-repeater-items .mxl-seo-repeater-item:nth-child(2n) {
		flex-flow: column nowrap;
		gap: 10px;
	}
	.mxl-seo-repeater-items .mxl-seo-repeater-item .mxl-seo-image {
		min-height : 320px
	}
	.mxl-process-items,
	.mxl-post-feature-items,
	.mxl-service-subposts-items{
		grid-template-columns: 1fr;
	}
	.mxl-cs-items .mxl-cs-item {
    	display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.mxl-cs-items .mxl-cs-item span {
		padding: 10px;
		border: none;
		border-bottom: 1px solid #EEEEEE;
		font-weight: 600;
	}
	.mxl-cs-items .mxl-cs-item span.spec {
		text-align: right;
	}
	.mxl-sa-items .mxl-sa-item {
		display: flex;
		flex-flow: column nowrap;
		border-bottom: 1px solid #EEEEEE;
	}
	.mxl-otc-items .mxl-otc-item {
		min-width: 100%;
		border: none;
		border-bottom: 1px solid #E2E4E3;
	}
	.mxl-wwn-items {
		display: flex;
		flex-flow: column nowrap;
		gap: 8px;
	}
}