/* 
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 */
.page-header {display: none;}
.header {transition: all 0.2s ease-out !important;background: transparent !important;box-shadow: 0 0 0 0 rgba(0,0,0,0.04);}
.header.fixed-header {background: #fff !important;box-shadow: 0 0 5px 0 rgba(0,0,0,0.04);}
.gradient-heading-v1 .elementor-heading-title {
	background: -webkit-linear-gradient(360deg, #E3F850 23.56%, #3DEB97 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
}
.chln-box .box-icon {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.chln-box:hover .box-icon {opacity: 1;}
.chln-box .box-text {transition: all 0.2s ease-out;}
.chln-box:hover .box-text {color: #fff !important;}
.box-line {transition: all 0.2s ease-out !important;min-height: 0px;}
.chln-box:hover .box-line {min-height: 8px;}
.chln-box .hover-d-none {transition: all 0.2s ease-out !important;opacity: 1;}
.chln-box:hover .hover-d-none {opacity: 0;}
.left-auto .e-con-inner {margin-right: 0 !important;}
.calculator {
	max-width: 100%;
    margin: 0;
    padding: 0;
	font-family: "General Sans", Sans-serif;
}
.range-label {
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 8px;
}
.calculator label {
	display: block;
	margin-bottom: 35px;
}
.range-title {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.4px;
}
.range-label span {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.4px
}
.calculator input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	background: #242327;
	border-radius: 4px;
	outline: none;
	margin-top: 10px;
	position: relative;
}
.calculator input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #E3F850;
	border: 3px solid #18171C;
	cursor: pointer;
	margin-top: -8px;
	transition: background 0.3s ease;
}     
.calculator input[type=range]::-moz-range-thumb {
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #E3F850;
	border: 3px solid #18171C;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.calculator input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	border-radius: 4px;
	background: linear-gradient(to right, #E3F850 var(--value, 0%), #242327 var(--value, 0%));
}
.calculator input[type=range]::-moz-range-track {
	height: 8px;
	border-radius: 4px;
	background: #242327;
}
.subscribe-form {max-width: 443px !important;}
.subscribe-form .wpcf7-form p {width: 100%;position: relative;}
.subscribe-form .wpcf7-form .def-btn {
	position: absolute;
	right: 8px;
	top: 8px;
	width: auto !important;
	margin: 0;
}
#calculateBtn, .def-btn {
	display: flex;
	height: 40px;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	background: #E3F850;
	width: 100%; 
	color: #18171C !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: -0.28px;
	text-transform: uppercase;
	border: none;
	gap: 3px;
    border-radius: 0;
	margin-top: 50px;
}
#calculateBtn:hover, .def-btn:hover, .def-btn:focus {background: #8dea9a !important;}
.results {
	margin-top: 25px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}
.results p span {
	font-weight: 700;
    color: #e3f850;
}
.rev-overlay {
	z-index: -1;
    bottom: -15px !important;
    width: 50%;
}
.o-hidden {overflow: hidden !important;}
.g-brdr-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border: 1px solid transparent;
  background: linear-gradient(110deg, #E3F850 24.3%, #8DEA9A 98.03%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  pointer-events: none;
	border-radius: 32px;
}
.hover-box, .hover-box-top, .hover-box-bottom, .iq-hover .iq-hover-top, .iq-hover .iq-hover-bottom, .t-geni-hover,
.acc-hover .acc-ttl h4, .acc-hover .acc-img, .acc-hover .acc-text, .acc-hover .acc-arrow, 
.rc-hover .elementor-widget-container h5, .rc-hover .elementor-widget-container h6, .hover-v2 .elementor-heading-title, .f-link{transition: all 0.3s ease-out !important;}
.hover-box {min-width: 0% !important;}
.hover-box-bottom {opacity: 0;transform: scale(0);}
.hover-box-top {opacity: 1;}
.hover-box:hover {min-width: 50% !important;}
.hover-box:hover .hover-box-bottom{opacity: 1;transform: scale(1);}
.hover-box:hover .hover-box-top {opacity: 0;}
.iq-hover .iq-hover-bottom {opacity: 0;}
.iq-hover:hover .iq-hover-bottom {opacity: 1;}
.t-geni-hover {min-width: 0% !important; background-size: 0 !important;}
.t-geni-hover:hover {min-width: 50% !important;background-size: auto !important;}
.t-geni-hover .elementor-widget-container h4 {width: 0 !important;opacity: 0;transition: all 0.3s ease-out !important;overflow: hidden;height: 0%; font-size: 0px !important;}
.t-geni-hover:hover .elementor-widget-container h4 {width: 100% !important;opacity: 1;height: 100%;font-size: 32px !important;}
.t-geni-hover .elementor-widget-container h6 {transition: all 0.3s ease-out !important;font-size: 40px !important;font-weight: 500 !important;}
.t-geni-hover:hover .elementor-widget-container h6 {font-size: 150px !important;font-weight: 900 !important;}
.t-geni-hover .tx-align .elementor-element{transition: all 0.3s ease-out !important;justify-content: center !important;}
.t-geni-hover:hover .tx-align {justify-content: flex-end !important;}
.acc-hover:hover .acc-ttl h4 {color: #18171C !important;}
.acc-hover .acc-img {opacity:0; pointer-events: none;}
.acc-hover:hover .acc-img {opacity:1;}
.acc-hover .acc-text{opacity:0; pointer-events: none;}
.acc-hover:hover .acc-text {opacity:1;}
.acc-hover .acc-arrow {opacity:1;}
.acc-hover:hover .acc-arrow {opacity:0;}
.acc-hover {margin-bottom: -30px !important;}
.testimonials-slider, .testimonials-slider .elementor-widget-container, .testimonials-slider .elementor-widget-container .swiper,
.testimonials-slider .elementor-widget-container .swiper .swiper-wrapper{position: initial !important;}
.testimonials-slider .elementor-swiper-button {
	height: 56px;
    width: 56px;
    border-radius: 28px;
    background: #F7F7F7;
    align-items: center;
    justify-content: center;
    left: 0 !important;
	top: auto !important;
    bottom: -15px;
}
.testimonials-slider .elementor-swiper-button.elementor-swiper-button-next {left: 70px !important;}
.testimonials-slider .elementor-swiper-button svg {fill: #18171C !important;}
.testimonials-slider .elementor-swiper-button:hover {background: #18171C;}
.testimonials-slider .elementor-swiper-button:hover svg{fill: #E3F850 !important;}
.rc-hover:hover .elementor-widget-container h5 {
	background: -webkit-linear-gradient(360deg, #E3F850 23.56%, #3DEB97 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
}
.rc-hover:hover .elementor-widget-container h6 {color: #fff !important;}
.hover-v2:hover .elementor-button {
	color: #18171C !important;
	background: transparent !important;
	border-color: #18171C !important;
}
.hover-v2:hover .elementor-heading-title{color: #18171C !important;}
.f-link:hover {color: #E3F850 !important;}
@media screen and (max-width: 767px) {
	.t-geni-hover .elementor-widget-container h4 { font-size: 0px !important;}
	.t-geni-hover:hover .elementor-widget-container h4 {font-size: 18px !important;}
	.t-geni-hover .elementor-widget-container h6 {font-size: 30px !important;}
	.t-geni-hover:hover .elementor-widget-container h6 {font-size: 80px !important;}
	.acc-hover {margin-bottom: -15px !important;}
	.testimonials-slider .elementor-swiper-button {
		height: 36px;
    	width: 36px;
		bottom: -62px;
	}
}
@media screen and (max-width: 1024px) {
	.range-title {font-size: 15px;}
	.range-label span {font-size: 16px;}
}