/* General */
:root{
	--color-primary:var(--color-primary);
	--color-primary-hover:var(--color-primary-hover);
	--color-secondary:var(--color-secondary);
	--color-secondary-hover:var(--color-secondary-hover);
	--color-tertiary:#FA524C;
	--color-tertiary-hover:#ee8986;
	--color-headings:var(--color-headings);
	--color-body:var(--color-primary);
	--transparent: transparent;

	--fs-body:18px;
	--fs-menu:16px;
	--fs-btn: 16px;

	--fs-h1:50px;
	--fs-h2:48px;
	--fs-h3:40px;
	--fs-h4:38px;
	--fs-h5:26px;
	--fs-h6:18px;
	--fs-18:18px;

	--scale:1;

	--body-ff: 'Tomato Grotesk';
	--heading-ff: 'Tomato Grotesk';
	--ff-p: 'Poppins', sans-serif;

	--bg-t: transparent;
	--color-white: #ffffff;
	--color-dark: #000000;
	--color-light: #9E9E9E;
	--border-color:#545208;
}
html{
	scroll-behavior: smooth;
}
body{
	padding: 0;
	margin: 0;
}
p{
	line-height: 1.7;
}
h1,.h1, 
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
	color:var(--color-headings);
	font-weight: medium;
	font-family: var(--heading-ff);
}
h1,.h1{
	font-size:calc(var(--fs-h1) * var(--scale));
	font-weight: 700;
}
h2,.h2{
	font-size:calc(var(--fs-h2) * var(--scale));
	font-weight: 700;
}
h3,.h3{
	font-size:calc(var(--fs-h3) * var(--scale));
}
h4,.h4{
	font-size:calc(var(--fs-h4) * var(--scale));
}
h5,.h5{
	font-size:calc(var(--fs-h5) * var(--scale));
}
h6,.h6{
	font-size:calc(var(--fs-h6) * var(--scale));
}
h1 span,.h1 span, 
h2 span,.h2 span,
h3 span,.h3 span,
h4 span,.h4 span,
h5 span,.h5 span,
h6 span,.h6 span{
	color: #0077FF;
}
h1 span.sec,.h1 span.sec, 
h2 span.sec,.h2 span.sec,
h3 span.sec,.h3 span.sec,
h4 span.sec,.h4 span.sec,
h5 span.sec,.h5 span.sec,
h6 span.sec,.h6 span.sec{
	color: var(--color-secondary-hover);
}
h1 span.sec_lit,.h1 span.sec_lit, 
h2 span.sec_lit,.h2 span.sec_lit,
h3 span.sec_lit,.h3 span.sec_lit,
h4 span.sec_lit,.h4 span.sec_lit,
h5 span.sec_lit,.h5 span.sec_lit,
h6 span.sec_lit,.h6 span.sec_lit{
	color: #7DF87E;
}
ul{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none !important;
	outline: none !important;
	color: var(--color-primary);
}
a:hover{
	color: var(--color-secondary-hover);
}
img{
	max-width: 100%;
}
.tc-l{
	color: var(--color-light);
}
.lr-0{
	left: 0;
	right: 0;
}
.b-0{
	bottom: 0;
}
.t-0{
	top: 0;
}

/* Custom Css */
#sidebar{
	position: sticky;
    top: 15px;
}
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 0px !important;
}
.grecaptcha-badge:hover {
    width: 256px !important;
}

/*Image */
.single_center_img{
	margin-top: 200px;
}
.single_center_img img.img-fluid{
	margin-top: -180px;
}

.embeded_sec_img .img_side:before,
.embeded_sec_img .img_side:after{
	content: '';
	width: 135px;
    height: 135px;
	background-repeat: no-repeat;
    background-position: center;
	position: absolute;
	right: 0;
	top: 15.8%;
    z-index: 1;
}
.embeded_sec_img .img_side:before{
	background-color: var(--color-tertiary);
    background-image: url(../img/spark-icon.svg);
    background-size: 65%;
	animation: 1s linear blinker;
}
.embeded_sec_img .img_side:after{
	background-image: url(../img/yellow_up_c_icon.svg);
    background-size: 100%;
    background-color: #3F5EF4;
    top: 39.5%;
	animation: 2s linear blinker;
}

/* Lead Form */
.lead_form br{
	display: none;
}
.lead_form .wpcf7-form-control-wrap{
	display: block;
	margin-bottom: 10px;
}
.lead_form label{
	font-weight: 600;
    padding: 10px 20px 10px;
}
.lead_form .wpcf7-form-control-wrap input{
	width: 100%;
    background: #F0F0F0;
    border: none;
    padding: 8px 20px;
}
.lead_form .wpcf7-submit{
	background: var(--color-secondary-hover);
    border: none;
    width: 100%;
    color: var(--color-white);
    font-weight: 700;
    padding: 15px;
    font-size: 20px;
	margin-top: 20px;
}
.lead_form .wpcf7-submit:hover{
	background-color: var(--color-secondary);
}
.wpcf7-not-valid-tip {
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 11px !important;
    min-width: 130px;
    background: red;
    color: #fff !important;
    padding: 2px 7px 3px;
    border-radius: 25px;
    line-height: normal;
}

/*Animation*/
@keyframes moving {
	0% {
		margin: 0
	}

	50% {
		-webkit-transform: rotate(45deg)
	}

	100% {
		margin: 0
	}
}

@keyframes blinker {
	50% {
		opacity: 0
	}
}

@keyframes slideTop {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-20px)
	}
}
@keyframes slideRight {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-15px)
	}
}
@keyframes slideBottom {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(20px)
	}
}

@keyframes shakeSlow {
	0%,100% {
		transform: rotate(0);
		transform-origin: 0 50%
	}

	10% {
		transform: rotate(2deg)
	}

	20%,40%,60% {
		transform: rotate(-3deg)
	}

	30%,50%,70% {
		transform: rotate(3deg)
	}

	80% {
		transform: rotate(-2deg)
	}

	90% {
		transform: rotate(2deg)
	}
}

.star2 {
    animation: 2.5s linear infinite blinker !important;
}
.star3 {
    animation: 3.5s linear infinite blinker !important;
}
.slideTop {
    animation: 15s linear 1.2s infinite alternate slideTop !important;
}


@media (max-width: 1399px){
	:root{
		--scale:0.85;
	}
}

@media (max-width: 1199px){
	:root {
	    --fs-h1: 57px !important;
	    --fs-h2: 45px !important;
	}

	.embeded_sec_img .img_side:after{
		top: 40%;
	}
}

@media (max-width: 991px){
	:root {
	    --fs-h1: 47px !important;
	    --fs-h2: 40px !important;
	    --fs-body: 16px;
	}

	.embeded_sec_img .img_side:after{
		top: 34.5%;
	}
}

@media (max-width: 767px){
	:root{
		--scale:.7;
		--fs-body: 15px;
	}
}

@media(max-width: 576px){
	:root{
	    --fs-h3: 28px !important;
	    --fs-body: 12px;
	}

	.embeded_sec_img .img_side:before, .embeded_sec_img .img_side:after {
		width: 20%;
		height: 20%;
	}
}