/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 08 2021 | 15:45:49 */
/* DELETE */
.styled-form #custom-select {
  padding-bottom: 20px;
}
/* DELETE */

.styled-form input, .styled-form textarea, .styled-form button, .styled-form checkbox {
  transition: .2s;
}

.styled-form{
   margin-bottom: 0px !important;
}

.eael-contact-form-7 .wpcf7-form label span.wpcf7-list-item-label {
font-family: var( --e-global-typography-2694493-font-family ), Sans-serif;
font-size: var( --e-global-typography-2694493-font-size );
font-weight: var( --e-global-typography-2694493-font-weight );
line-height: var( --e-global-typography-2694493-line-height );
letter-spacing: var( --e-global-typography-2694493-letter-spacing );
}

.styled-form input::placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form input::-ms-input-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}

.styled-form input::-webkit-input-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form input::-moz-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form textarea::placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form textarea::-ms-input-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form textarea::-webkit-input-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}
.styled-form textarea::-moz-placeholder {
  color: var( --e-global-color-96c48b9 );
  font-weight: var( --e-global-typography-2694493-font-weight );
}

.wpcf7-not-valid {
  border-color: #FF0000 !important;
}

.wpcf7-not-valid-tip {
  color: #FF0000 !important;
  padding: 10px 0;
  font-size: var( --e-global-typography-2e1c1ae-font-size ) !important;
  line-height: var( --e-global-typography-2e1c1ae-line-height ) !important;
	display: block;
}

.styled-form .wpcf7-checkbox label {
  color: var( --e-global-color-3994bcb );
}

.wpcf7-response-output {
  display: none !important;
}

/* custom checkbox styling for contact form 7 checkbox */
.styled-form span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.styled-form .wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.styled-form .wpcf7-checkbox label {
position: relative;
}
.styled-form .wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 28px;
height: 28px;
bottom: calc(50% - 14px);
left: 0;
}
.styled-form .wpcf7-checkbox input[type=checkbox] + span {

}
.styled-form .wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 28px;
height: 28px;
width: 28px;
bottom: calc(50% - 14px);
left: 0px;
border: 1px solid var( --e-global-color-96c48b9 );
}
.styled-form .wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: " ";
background-color: var( --e-global-color-accent );
background-image: url(/wp-content/uploads/2021/01/Check.svg);
background-repeat: no-repeat;
background-position: center center;
height: 28px;
width: 28px;
bottom: calc(50% - 14px);
left: 0;
opacity: 0;
transition: .2s;
border-radius: 28px;
}


.styled-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.styled-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
opacity: 1;
  border-radius: 28px;
}
.styled-form .wpcf7-list-item-label {
margin-left: 38px;
display: inline-block;
}

@media(max-width: 767px) {
  .styled-form .wpcf7-checkbox input[type=checkbox] {
    width: 22px;
    height: 22px;
    bottom: calc(50% - 11px);
    border-radius: 22px;
  }
  .styled-form .wpcf7-checkbox input[type=checkbox] + span:before {
    height: 22px;
    width: 22px;
    bottom: calc(50% - 11px);
    border-radius: 22px;
  }
.styled-form .wpcf7-checkbox input[type=checkbox] + span:after {
    height: 22px;
    width: 22px;
    bottom: calc(50% - 11px);
  	border-radius: 22px;
    background-color: var( --e-global-color-accent );
    background-image: url(/wp-content/uploads/2021/01/Check.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:15px 10px;
  }
  .styled-form .wpcf7-list-item-label {
    margin-left: 30px;
	}	
}

.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form input[type="submit"] {
    font-family: var( --e-global-typography-2b2faaf-font-family ), Sans-serif;
    font-size: var( --e-global-typography-2b2faaf-font-size );
    font-weight: 500;
    line-height: var( --e-global-typography-2b2faaf-font-size );
    letter-spacing: var( --e-global-typography-2b2faaf-letter-spacing );
  	outline: none !important;
}

/* DROPDOWN */


/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
}

select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
  transition: .2s;
  font-family: var( --e-global-typography-2694493-font-family ), Sans-serif;
  font-size: var( --e-global-typography-2694493-font-size );
  font-weight: var( --e-global-typography-2694493-font-weight );
  line-height: var( --e-global-typography-2694493-line-height );
  letter-spacing: var( --e-global-typography-2694493-letter-spacing );
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: calc(50% - 10px);
    right: 0px;
    width: 19px;
    height: 10px;
    background: url(/wp-content/uploads/2021/01/dropdown-arrow.svg);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    transition: .2s;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
      background: url(/wp-content/uploads/2021/01/dropdown-arrow-active.svg);
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
}



.selectWrapper{
  position: relative;
}
/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  display: block;
  color: var( --e-global-color-96c48b9 );
  padding-bottom: 21px;
  border-bottom: 2px solid var( --e-global-color-96c48b9 );
  transition: .3s;
  font-family: var( --e-global-typography-2694493-font-family ), Sans-serif;
  font-size: var( --e-global-typography-2694493-font-size );
  font-weight: var( --e-global-typography-2694493-font-weight );
  line-height: var( --e-global-typography-2694493-line-height );
  letter-spacing: var( --e-global-typography-2694493-letter-spacing );
}

.select-selected {
  background-color: transparent;
  color: var( --e-global-color-96c48b9 );
}

.select-selected.picked {
  color: var( --e-global-color-96c48b9 );
}

.select-items div {
  border: none;
  font-size: var( --e-global-typography-2b2faaf-font-size );
  line-height: var( --e-global-typography-2b2faaf-line-height );
  letter-spacing: var( --e-global-typography-2b2faaf-letter-spacing );
}
.select-items div:hover {
  color: var( --e-global-color-accent );
}


.select-selected.select-arrow-active {
  border-color: var( --e-global-color-accent );
}

/* Style items (options): */
.select-items {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 99;
  padding:20px;
  box-shadow: 0 0px 40px 0px rgba(0, 0, 0,0.1);
  background-color: #ffffff;
  backdrop-filter: blur(15px);
  border-radius: 0 0 30px 0;
}

.select-items div:last-of-type{
padding-bottom:0px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

@media(max-width: 767px) {
  .wpcf7-not-valid-tip {
    padding: 8px 0;
  }

  .select-items div, .select-selected {
    padding-bottom: 16px;

  }

  .select-selected:after {
      position: absolute;
      content: "";
      top: calc(50% - 10px);
      right: 0px;
      width: 16px;
      height: 8px;
      background: url(/wp-content/uploads/2021/01/dropdown-arrow-mobile.svg);
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      transition: .2s;
  }

  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
        background: url(/wp-content/uploads/2021/01/dropdown-arrow-mobile-active.svg);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
  }
}


.styled-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}

.styled-form p,
.styled-form #custom-select{
    width: calc(33.333% - 60px);
    margin-bottom: 60px !important;
  padding: 0px;
   margin-right: 60px;
}

.styled-form .recaptcha{
  width: 100%;
  margin-bottom: 60px !important;
}

.styled-form{
  width:calc(100% + 60px);
}

.styled-form p .message textarea{
    height: 58px;
}
.styled-form p .message{
  width:100%;
}

.styled-form p:nth-child(7),
.styled-form p:nth-child(8){
  width:100%;
}


@media(max-width: 1024px) {
  .styled-form p,
.styled-form #custom-select{
    width: calc(50% - 30px);
    margin-bottom: 40px !important;
      margin-right: 30px;
}
  
  .styled-form{
  width:calc(100% + 30px);
}
  
}

@media(max-width: 767px) {
  .styled-form p,
.styled-form #custom-select{
    width: 100%;
    margin-bottom: 30px !important;
}
}