/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/



/* additional designs */
p:last-child{
	margin: 0 !important;
}
.cstm-button .elementor-button-icon{
    margin-left: -38px !important;
    opacity: 0;
    visibility: hidden;
    transition: ease-out 0.3s;
}
.cstm-button a:hover .elementor-button-icon{
    margin-left: 10px !important;
    opacity: 1;
    visibility: visible;
}
.cstm-button .elementor-button-icon svg{
    width: 38px;
}



/* header */
@media(min-width: 1025px){
	.book-btn a{
		background-color: var(--e-global-color-primary);
		padding: 16px 25px 12px !important;
		border-radius: 50px;
		margin-top: -6px !important;
		margin-bottom: -2px !important;
		color: #fff !important;
	}
	.book-btn a:hover{
		background-color: var(--e-global-color-secondary);
		color: var(--e-global-color-text) !important;
	}
	.book-btn a:after{
		display: none !important;
	}
}



/* home */
.designed-heading > div{
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* testimonials */
.testimonial-item,
.testimonial-item > .e-con-inner,
.testimonial-content{
    height: 100%;
}
.testimonial-image{
    margin: -30px -30px 30px !important;
    width: initial !important;
    max-width: initial !important;
    border-top-left-radius: 10px !important
}
.testimonial-image > div{
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}
.testimonial-image img{
    margin-top: -52px !important;
    border: 4px solid #fff;
}
.company-logo img{
    max-width: 120px !important;
    max-height: 30px !important;
    width: auto !important;
}
/* client slider */
@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.client-slider{
	display: inline-flex;
    overflow: hidden;
}
.client-list{
	min-width: 3579px;
	background: var(--e-global-color-secondary);
	display: flex;
	transition: none !important;
}
.client-list img{
    height: 110px;
	margin: 0 40px;
}
.client-list.animate-list{
	animation: 40s slide infinite 0s linear;
}




/* contact form */
.contact-form .gform_fields{
    grid-row-gap: 20px !important;
}
.contact-form .gfield .gfield_label{
    font-weight: normal;
    margin: 0 0 5px;
    font-size: 15px;
}
.contact-form .gfield_required{
    font-size: inherit !important;
    font-style: normal !important;
    text-transform: lowercase !important;
    color: inherit !important;
}
.contact-form .gfield input,
.contact-form .gfield select,
.contact-form .gfield textarea{
    border-radius: 4px;
    border: none;
    padding: 9px 15px !important;
    line-height: 1.5 !important;
    height: auto !important;
    outline: none !important;
}
.contact-form .gfield textarea{
    height: 154px !important;
	display: block;
}
.contact-form .gfield input:focus,
.contact-form .gfield textarea:focus{
    background-color: rgba(255,255,255,0.75) !important;
}
.contact-form .gform_footer{
    padding: 0 !important;
    margin-top: 20px !important;
}
.contact-form .gform_button{
    margin: 0 !important;
    border: none !important;
    background: var( --e-global-color-text ) !important;
    padding: 14px 40px 10px 40px !important;
    font-weight: 500 !important;
    font-family: "Josefin Sans", sans-serif !important;
    color: #fff !important;
    outline: none !important;
	line-height: 1 !important;
}
.contact-form .gform_button:hover{
    background: var( --e-global-color-secondary ) !important;
	color: var( --e-global-color-text ) !important;
    box-shadow: none !important;
}
.contact-form .gform_validation_errors{
    margin: 0 0 20px !important;
    border-radius: 0 !important;
}
.contact-form .gform_validation_errors h2{
    font-weight: 600 !important;
}
.contact-form .validation_message{
    font-size: 13px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1 !important;
}
.download-form .gfield input,
.contact-form .gfield select{
    border: 1px solid #888;
}
.contact-form .gfield select{
    padding: 11px 15px !important;
}
.download-form .gfield input:focus{
    background-color: rgba(0,0,0,0.05) !important;
}
.quiz-form .gfield_radio{
    display: flex;
    gap: 40px;
}
/* contact info */
.contact-info li{
    width: fit-content;
}



/* footer */
.footer-wrapper .contact-info li{
    margin: 0 auto !important;
}



/* mobile responsiveness */
@media(max-width: 1024px){
	.contact-form .gform_button{
		font-size: 18px !important;
	}
}

@media(max-width: 767px){
	.testimonial-image{
		margin: -20px -20px 20px !important;
	}
	.testimonial-image img{
		margin-top: -40px !important;
	}
	.company-logo img{
		max-width: 100px !important;
		max-height: 25px !important;
	}
	.designed-heading > div{
		min-height: 100px !important
	}
	.client-list{
		min-width: 2498px;
	}
	.client-list img{
		height: 75px;
		margin: 0 30px;
	}
	.contact-form .gform_fields{
		grid-row-gap: 15px !important;
	}
	.contact-form .gfield .gfield_label{
		font-size: 13px;
	}
	.contact-form .gfield input,
	.contact-form .gfield select,
	.contact-form .gfield textarea,
	.gform_wrapper.gravity-theme .gfield_checkbox label,
	.gform_wrapper.gravity-theme .gfield_radio label{
		font-size: 14px
	}
	.contact-form .gfield textarea{
		height: 124px !important
	}
	.contact-form .gform_footer{
		margin-top: 15px !important;
	}
	.contact-form .gform_button{
		padding: 12px 30px 8px 30px !important;
		font-size: 16px !important;
	}
	.contact-form .gform_validation_errors{
		margin: 0 0 15px !important;
		padding: 10px 10px 10px 48px;
	}
	.contact-form .validation_message{
		font-size: 11px !important;
	}
	.contact-form .gfield select{
		padding: 11px 15px !important;
	}
	.download-form .gfield input:focus{
		background-color: rgba(0,0,0,0.05) !important;
	}
	.quiz-form .gfield_radio{
		display: flex;
		gap: 40px;
	}
}