/* 
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 */

input, a, button, * { outline: none !important; text-decoration: none; } 
a, a svg { transition: all .4s ease-in-out; }
body input[type=submit] { border: none; } 
img { vertical-align: top; }

body ol, body ul { padding-left: 24px; }
body ol { padding-left: 17px; }
body ol li { padding: 5px 0; }

body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) , body input:not([type="button"]):not([type="submit"])  { padding: 0 20px !important; height: 52px; line-height: 52px; }
body input[type=submit] { height: auto !important; }
body input[type=checkbox], body .gform_wrapper input[type=radio] { height: auto !important; }
body textarea, body textarea { padding: 20px !important; height: 90px !important; }

body select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(images/down-arrow.svg); background-position:  right center; background-repeat: no-repeat;  background-size: 36px auto; height: 52px; line-height: 52px; width: 100%; padding: 0 50px 0 20px !important; border: 1px solid #000; border-radius: 10px;  } 
body select:focus { border-color: var(--e-global-color-primary); } 

body .wpcf7-form-control-wrap { padding: 5px 0; display: block; }
body .wpcf7-form .wpcf7-form-control-wrap + br { display: none; } 
body .wpcf7-form .wpcf7-spinner { margin: 0 -24px 0 0; }
body .wpcf7-submit.has-spinner { margin: 0 10px; }

body .elementor-button-link .elementor-button-content-wrapper span, body .elementor-button-link .elementor-button-content-wrapper svg { display: inline-block; vertical-align: middle; }

body .text-center { text-align: center; } 

@media (max-width: 767px) { 
   body .text-m-center { text-align: center; }
}

.ekit-template-content-header { position: sticky; top: 20px; z-index: 9999; }

.elementor-heading-title span { color: var(--e-global-color-primary); }
.title-color.elementor-heading-title span { color: var(--e-global-color-2e7f4dd); }
.title-style:before { content: ''; position: absolute; top: 0; width: 40px; height: 100%; background-color: var(--e-global-color-primary); transform: skewX(-20deg); right: -20px; }
.title-style .elementor-heading-title, .title-style2 .elementor-heading-title { position: relative; }
.title-style2:before { content: ''; position: absolute; top: 0; width: 40px; height: 100%; background-color: var(--e-global-color-primary); transform: skewX(20deg); right: -20px; }

.service-box .elementor-background-overlay, .service-box2 .elementor-background-overlay { width: 140px; }
.service-box2 .elementor-background-overlay { left: auto; right: 0; }

@media (max-width: 767px) { 
   .service-box .elementor-background-overlay, .service-box2 .elementor-background-overlay { width: 100%; height: 100px; }
}


/* Slick Slider */
 
body .slick-slider { position: relative; width: 100%; }
body .slick-slider.slick-dotted { margin-bottom: 60px; }

body .slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; }
body .slick-list:focus { outline: none; }
body .slick-list.dragging { cursor: pointer; cursor: hand; }
body .slick-slider .slick-track, body .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body .slick-track { position: relative; top: 0; left: 0; display: block; }
body .slick-track:before, .slick-track:after { display: table; content: ''; }
body .slick-track:after { clear: both; }
body .slick-loading .slick-track { visibility: hidden; }
body .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; width: 100%; }
[dir='rtl'] .slick-slide { float: right; }
body .slick-slide.slick-loading img { display: none; }
body .slick-slide.dragging img { pointer-events: none; }
body .slick-initialized .slick-slide { display: block; }
body .slick-loading .slick-slide { visibility: hidden; }
body .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
body .slick-arrow.slick-hidden { display: none; }

body .slick-slider .slick-arrow, body .slick-arrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 0; cursor: pointer; padding: 0; outline: none !important; border: 1px solid #000 !important; background: none !important; border-radius: 100%; left: 0;  text-align: center; box-shadow: none !important; }  
body .slick-slider .slick-arrow svg path { fill: var(--e-global-color-secondary) !important;}
body .slick-slider .slick-arrow.slick-next { left: auto; right: 0; } 
body .slick-slider .slick-arrow:hover { background: #000 !important; color: #fff !important; } 
body .slick-slider .slick-arrow.slick-disabled, body  .slick-arrow.slick-disabled { display: none; }
body .slick-slider .slick-arrow:hover svg path { fill: #fff !important; }
body .slick-slider .slick-arrow svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

body .testimonail-slider .slick-arrow, body .testimonail-slider .slick-arrow:hover { border: none !important; border-radius: 0; background: none !important; transform: none !important; }
body .testimonail-slider .slick-arrow svg, body .testimonail-slider .slick-arrow svg path { fill: #fff !important; }
body .testimonail-slider .slick-arrow:hover { opacity: 0.8; }

@media (min-width: 768px) { 
	body .testimonail-slider .slick-arrow.slick-prev { top: auto; bottom: 20px; left: 320px; }
	body .testimonail-slider .slick-arrow.slick-next { top: auto; bottom: 20px; left: 375px; right: auto; }
}

@media (min-width: 768px) and (max-width: 1020px)  { 
	body .testimonail-slider .slick-arrow.slick-prev { bottom: 0; left: 20px; }
	body .testimonail-slider .slick-arrow.slick-next { bottom: 0; left: 75px; }
}

@media (max-width: 767px) {   
	body .testimonail-slider .slick-arrow.slick-next { top: auto; bottom: -50px; right: auto; left: 50%; margin-left: 20px; }
	body .testimonail-slider .slick-arrow.slick-prev { top: auto; bottom: -50px; left: auto; right: 50%; margin-right: 20px; } 
}