.event-form{ position: fixed;
top: calc(1vh + 100px);
right: 4%;
border-radius: 15px;
width: 20vw;
overflow-y: auto;
z-index: 999;
background: #ffffffe0;
overflow-x: hidden;
padding: 25px;
max-height: calc(90vh - 100px);border: 1px solid #ccc;}
.event-form form{width: 100%;
padding: 0 11% 0 0;
overflow-y: hidden;
height: 100%;
overflow-x: hidden;}
.event-form form > h3{font-size: 1.2rem;
text-align: center; font-weight: 600;}
.event-form input{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: inline-block;
width: calc(100% - 0rem);
font-family: var(--wp--preset--font-family--system-font) !important;
font-size: 0.9rem;
padding: 0.5rem 0rem;
border: solid var(--wp--preset--color--formcolor);
border-width: 0 0 1px;
margin: 0px 0rem 1rem;
outline: 0px !important;
background: none;
color: var(--wp--preset--color--fontcolor);
font-weight: 500;
border-radius: 0px;}
.event-form #countryCode{ 
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: inline-block;
width: calc(100% - 0rem);
font-family: var(--wp--preset--font-family--system-font) !important;
font-size: 0.7rem;
padding: 0.5rem 5px 0.5rem 0;
border: solid var(--wp--preset--color--formcolor);
border-width: 0 1px 1px 0;
margin: 0px 0rem 1rem;
outline: 0px !important;
background: none;
color: var(--wp--preset--color--fontcolor);
font-weight: 500;
border-radius: 0px;
max-width: 100px;
float: left; line-height: 1.5}
.event-form #phone{    width: calc(100% - 110px);
float: left;
padding: 0.5rem 5px;    height: 17px;}
.event-form .group{    display: inline-block;
width: 100%;}
.event-form label{font-size: 0.9rem;
margin: 0;
color: var(--wp--preset--color--fontcolor);
} 
.event-form p{    font-size: 0.8rem;
color: var(--wp--preset--color--fontcolor);
margin: 0 0 10px;
text-align: justify;
line-height: 1.1;}
.event-form a{color: var(--wp--preset--color--primary);
}
.event-form textarea{    -moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: inline-block;
width: calc(100% - 2rem);
font-family: var(--wp--preset--font-family--system-font) !important;
font-size: 1rem;
padding: 0.8rem 1rem;
border: solid var(--wp--preset--color--formcolor);
border-width: 1px;
margin: 0rem 0rem 0.5rem;
outline: 0px !important;
background: none;
color: var(--wp--preset--color--fontcolor);
font-weight: 500;
border-radius: 5px;
height: 60px;
resize: none;
}
.event-form #esub{  background: none;
border: 2px solid var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
font-weight: 500;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
background-color: var(--wp--preset--color--primary);
margin: 0 auto;
display: block;
float: unset;
font-size: 1rem;
width: auto;
}
.event-form #efree{display: inline-block;
width: 100%;
background: none;
border: solid var(--wp--preset--color--fontcolor);
border-width: 0 0 1px;
padding: 10px 0px;
margin: 0px 0 15px;
outline:0px;
}
.event-form ::placeholder { color: var(--wp--preset--color--formfontcolor);
opacity: 1; font-weight: 500;
}
.event-form :-ms-input-placeholder { color: var(--wp--preset--color--formfontcolor);
font-weight: 500;
}
.event-form ::-ms-input-placeholder { color: var(--wp--preset--color--formfontcolor);
font-weight: 500;
}
.event-form::-webkit-scrollbar {
border-radius: 0 15px 0 0;
width: 5px;
}
.event-form::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--wp--preset--color--formfontcolor);;
}
.event-form::-webkit-scrollbar-thumb {
background-color: var(--wp--preset--color--primary);
outline: 1px solid var(--wp--preset--color--primary);
}
.event-content{ position: fixed;
top: calc(20vh + 100px);
right: 4%;
border-radius: 15px;
width: 15vw;
overflow-y: auto;
z-index: 999;
background: #ffffffe0;
overflow-x: hidden;
padding: 25px;
max-height: calc(65vh - 100px);border: 1px solid #ccc;}
.event-content p{    font-size: 1rem;
color: var(--wp--preset--color--fontcolor);}
.fixright{position: relative !important;}
@media only screen and (max-width: 1200px) {
.event-form input{
width: calc(94% - 0rem);
}
.event-form {
position: relative;
top: unset;
right: unset;
border-radius: 15px;
width: 80vw;
overflow-y: auto;
z-index: 999;
background: #ffffffe0;
overflow-x: hidden;
padding: 25px;
max-height: unset;
border: 1px solid #ccc;
}
.event-content {
position: relative;
top: unset;
right: unset;
border-radius: 15px;
width: 80vw;
overflow-y: auto;
z-index: 999;
background: #ffffffe0;
overflow-x: hidden;
padding: 25px;
max-height: unset;
border: 1px solid #ccc;
}
}