/*
 Theme Name:   Eieioplay Child
 Theme URI:    https://eieioplay.com/
 Description:  eieioplay
 Author:       e-marketing
 Template:     eieioplay
 Version:      1.0.0
*
/*=========================== 
   Custom Scrollbar Gradient
=============================*/

/* Scrollbar width */
::-webkit-scrollbar {
    width:5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #73c5a7;
    border-radius: 10px;
}

/* Handle (Thumb) */
::-webkit-scrollbar-thumb {
    background: #73c5a7 !important;
    border-radius: 30px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #73c5a7 !important;
}
.scroll-to-top{border:1px solid #F04E35 !important; border-radius:50%; padding:15px; background:none; color:#F04E35;}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
	padding-right:0px !important;		
}
/****for color multiple***/

.headerbox {transition: .5s all;}
.headerbox.scrollHeader {
position: fixed !important;
background: #fff;
top: 0px;
z-index: +99;
animation: animate-menu .5s linear 1;
}
 @keyframes animate-menu {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%)
 }
 100% {
transform: translateY(0%);
 -webkit-transform: translateY(0%)
}
}
h2.wp-block-heading.has-text-align-center {
    width: 100%;
    text-align: center;
}
h1,h2,h3,h4,h5,h6{margin-bottom:15px;}
p{margin-bottom:0px !important;}
#gfield_instruction_2_5{ display:none !important;}
#gfield_instruction_3_5{ display:none !important;}
input[type="submit"]{padding:10px 20px !important; font-weight:500;}
.component-wrap p{ font-size:14px; color:#6977b8;}
.fadeInDown {animation: ks_fadeInDown 0.8s ease-out both;}
@keyframes ks_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
body .gform_wrapper .gfield .iti__dropdown-content{background-color:#ECC7C0;}
body .gform_wrapper .gfield .iti__arrow{--iti-arrow-color: white !important;}
form select{
background: transparent;	
}
.headerform input[type="email"]{ color: #F04E35 !important; }
.headerform input[type="text"]{ color: #F04E35 !important;}
.headerform select,textarea { color: #F04E35 !important;}
.headerform [type="tel"]{ color: #F04E35 !important;}

form textarea{
border-style: solid;
border-color: #F04E35;
font-size:14px !important;
padding: 8px 0 !important;	
background: transparent !important;
border-bottom-width: 1px !important;
border-top-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
line-height: 22px;
outline: none !important;
border-radius: 0 !important;
letter-spacing: 0.4px;	
}
form input:read-write{
border-style: solid;
border-color: #F04E35;
font-size:14px !important;
padding: 8px 0 !important;	
background: transparent !important;
border-bottom-width: 1px !important;
border-top-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
line-height: 22px;
outline: none !important;
border-radius: 0 !important;
letter-spacing: 0.4px;		
}
[tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus{ box-shadow:none !important;}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #F04E35; 
  opacity: 1; 
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction{
padding-top: 0px !important;	
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message{
text-align:left !important;	
padding: 0px !important;
background:transparent !important;
border-bottom-width: 0px !important;
border-top-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;	
}
@keyframes rotateInfinite {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
                transform: rotate3d(0, 0, 1, 360deg);
    }
}

.rotateInfinite {
    -webkit-animation-name: rotateInfinite;
            animation-name: rotateInfinite;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform;
}
.whatsapp-action {
    position: fixed;
    bottom: 0px;
 right: 15px; 
	left:auto;
    z-index: 999;
    display: inline-block;
    background: #2cc233;
    box-shadow: 0 8px 10px rgb(16 180 24 / 50%);
    border-radius: 100px;
    padding: 8px;
}
.whatsapp-move {
    -webkit-animation-name: whatsapp-jump;
    animation-name: whatsapp-jump;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.whatsapp-btn a {
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #10b418;
    border-radius: 50%;
    font-weight: 500;
    margin-bottom: 0px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.whatsapp-btn img {
    padding: 12px;
}
@-webkit-keyframes whatsapp-jump {
0% {
transform:translateY(-30px)
}
50% {
transform:translateY(-10px)
}
100% {
transform:translateY(-30px)
}
}	
@media (max-width:480px) {
.whatsapp-action{ right: 15px !important; left:auto !important;
	 bottom: 30px;}	
}
@media(max-width:1024px){
.headerbanner br{ display:none;}	
}
@media(max-width:767px) {
.component-wrap p{font-size:12px;}	
.appstore, .googleplay { cursor: pointer;}	
.cardboxdb {position: sticky;background:#fff;}
.tractor1 { top: 10px;}
.tractor2 { top: 30px;}
.tractor3 { top: 50px;}
.tractor4 { top: 70px;}	
}