/*
Theme Name: SmartPulser
Description: 
Version: 1.0.0
Author: Thomas Moegele
Author URI: 
Theme URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ========== Custom CSS from Generator ========== */
/*CUSTOM CSS*/

/*
.wpml-horizontal-switcher .language-item:nth-child(6) {
    display: none;
}
*/




/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}






@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("Inter-upright.var.woff2") format("woff2");
}


/* ========================================
BASE TYPOGRAPHY
======================================== */

html {
  font-size: 100%;
  -webkit-hyphens: none; /* Safari/Chrome */
  -ms-hyphens: none;     /* IE/Edge */
  hyphens: none;         /* Standard */
}

body {
  font-family: "Inter", sans-serif !important;
  /*font-size: clamp(1rem, calc(0.95rem + 0.3vw), 1.125rem);
  font-weight: 400;
  line-height: 1.65;*/
  color: #111;
}


h1, h2, h3, h4, h5, h6, p, div {
    overflow-wrap: normal;
    word-wrap: inherit;
}

.et_pb_text {
  word-wrap: inherit;
}


.modal-open-button .et_pb_text_inner {
	white-space: nowrap !important;
}






/* ========================================
HEADINGS
======================================== */
/*
h1 {
  font-size: clamp(2.2rem, calc(1.6rem + 2.8vw), 3.8rem);
  line-height: 1.15;
  font-weight: 700;
}

h2 {
  font-size: clamp(1.9rem, calc(1.4rem + 2.2vw), 3rem);
  line-height: 1.2;
  font-weight: 650;
}

h3 {
  font-size: clamp(1.6rem, calc(1.3rem + 1.6vw), 2.4rem);
  line-height: 1.25;
  font-weight: 600;
  padding-bottom: 0;
}

h4 {
  font-size: clamp(1.35rem, calc(1.2rem + 1.1vw), 1.9rem);
  line-height: 1.3;
  font-weight: 600;
}

h5 {
  font-size: clamp(1.15rem, calc(1.05rem + 0.7vw), 1.45rem);
  line-height: 1.35;
  font-weight: 600;
}

h6 {
  font-size: clamp(1.05rem, calc(1rem + 0.4vw), 1.25rem);
  line-height: 1.4;
  font-weight: 600;
}
*/
/* ========================================
TEXT ELEMENTS
======================================== */
/*
p,
.button {
  font-size: clamp(1rem, calc(0.95rem + 0.3vw), 1.125rem);
  line-height: 1.7;
  max-width: 65ch;
}

small {
  font-size: clamp(0.85rem, calc(0.8rem + 0.2vw), 0.95rem);
}
*/
strong {
  font-weight: 600;
}


  
  
  h1, h2, h3, h4, h5, h6, p {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}
  
  
  
  
  /*Row 90% breit bei Mobile*/
  .et_pb_row:not([class*="et_flex_column"]) {
  	width: 90%;
  	margin: auto;
  	position: relative;
  }

}

sup {
	font-size: 11px;
}






.et_pb_blurb {
  animation: none !important;
  transition: none !important;
}

.et_pb_blurb * {
  animation: none !important;
  transition: none !important;
}








/* SECTION: HERO*/




.headline-gradient h1,
.headline-gradient h2,
.headline-gradient h3 {
	background: rgb(242,242,242);
	background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-image: linear-gradient(55deg,#f6d6d8,#a5343a);
}








.headline-gradient-light h1,
.headline-gradient-light h2,
.headline-gradient-light h3 {
	background: rgb(242,242,242);
	background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-image: linear-gradient(55deg,#181619,#a5343a);
}


/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/
/***************** CURSOR ********************/

/*

html, body {
  background-color: #fff;
}

.cursor {
	position: fixed;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #312783;
	pointer-events: none;

	z-index: 9999999;
	transition: transform 0.2s;
}

.cursorviewwrapper, .cursordragwrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}

.cursordragwrapper.arrow {
	overflow: inherit;
}

.cursordragwrapper::after {
    content: '\00BB';
    position: absolute;
	left: 50px;
	top: -7px;	
	font-size: 50px;
	color: #f5f5f5;
    
}
.cursordragwrapper.arrow::before {
    content: '\00AB';
    position: absolute;
    right: 50px;
    top: -7px;	
	font-size: 50px;
	color: #f5f5f5;
}


.cursorview, .cursordrag {
	color: #000;
}



body:not(.logged-in) {
	cursor: none;
}
*/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/
/***************** CURSOR ENDE ********************/






/**********************************  Language Switcher   *******************************/
  
  
 /* Wrapper */
.wpml-horizontal-switcher {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

/* Einzelnes Sprach-Element */
.wpml-horizontal-switcher .language-item {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #fff;
}

/* Aktive Sprache */
.wpml-horizontal-switcher .language-item.active-language {
font-weight: bold;
}

/* Flaggen */
.wpml-horizontal-switcher .lang-flag {
    width: 22px;
    height: auto;
    border: 1px solid #8a80d2;
}

/* Sprachname nur auf Desktop */
.wpml-horizontal-switcher .lang-name {
    font-size: 14px;
    white-space: nowrap;
}

/* Mobile: Nur Flaggen anzeigen */
@media (max-width: 600px) {
    .wpml-horizontal-switcher .lang-name {
        display: none;
    }

    .wpml-horizontal-switcher .language-item {
        padding: 4px;
        border-radius: 4px;
    }
}
 
 
 
 
 
 
/**********************************  SECTION HERO   *******************************/
/**********************************  SECTION HERO   *******************************/
/**********************************  SECTION HERO   *******************************/

.hero .et_pb_code_inner {
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero video,
.hero img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

    .hero__video,
    .hero__image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .hero__video {
      opacity: 0;
      transition: opacity 0.6s ease;
    }

    .hero__image {
      transition: opacity 0.6s ease;
    }

    .hero__image--end {
      opacity: 0;
    }
    
  
  
  #heroVideo,
#endImage {
  opacity: 0;
  transition: opacity 0.5s ease;
}

#startImage {
  opacity: 1;
}  

.order-button-hero,
.order-button-hero:hover,
.order-button-hero a,
.order-button-hero:hover a {
	background-color: #005f4b;
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
	color: #fff !important;
	border-width: 0px;
	border-color: #333;
	border-style: solid;
	transition-property: background-color;
	transition-duration: 300ms;
	transition-timing-function: ease;
	transition-delay: 0ms;
	border-radius: 50px;
    font-size: clamp(1rem, 1.2vw, 1.125rem); 
    padding: 10px 10px;

}

.order-button-hero::after, ..order-button-hero::before {
	font-size: 0 !important;
	line-height: 0 !important;
	content: "" !important;
	opacity: 0 !important;
	position: absolute;
}

/*********************MEDIA QUERIES********************/


/* Grosse Bildschirme über (1405px) */
@media only screen and ( min-width: 1405px ) { 
}

/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
}

/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
}

/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
}

/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	
}

/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {
	.hero .et_pb_code_inner {
  height: 40vh;

}
    
}

    
 
/**********************************  SECTION HIGHLIGHTS   *******************************/
/**********************************  SECTION HIGHLIGHTS   *******************************/
/**********************************  SECTION HIGHLIGHTS   *******************************/

/* 
.et_pb_group_carousel_container {
  margin-bottom: 50px;
}


.et_pb_group_carousel_dots{
  position: absolute !important;
  top: 30px;
  background-color: #000;
  padding: 20px 30px;
  border-radius: 50px;
  opacity: 0.8;
}


.et_pb_group_carousel_dots {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  margin: 0 !important;
}


.et_pb_group_carousel {
  position: relative;
  padding-bottom: 60px;
}
*/

.et_pb_group_carousel {
  position: relative;
  padding-bottom: 100px;
}

.et_pb_group_carousel_dots {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  
  background-color: #000;
  padding: 20px 30px;
  border-radius: 50px;
  opacity: 0.8;

  display: flex;
  gap: 8px;
}

/* Zustand: fixiert unten im Viewport */
.et_pb_group_carousel_dots.is-fixed {
  position: fixed;
  bottom: 50px;
  top: auto;
  transform: translateX(-50%);
}

/* Zustand: am Ende des Containers */
.et_pb_group_carousel_dots.is-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}









/**********************************  SECTION Philosophy   *******************************/
/**********************************  SECTION Philosophy   *******************************/
/**********************************  SECTION Philosophy   *******************************/






#particles-js{
  z-index: 100;
  position: fixed;
  width: 99vw;
  height: 80vh;
}


.contact-card-button {
  transition: transform 0.3s ease;
}
.contact-card-button:hover {
  transition: transform 0.3s ease;
  transform: scale(1.05);
}


.contact-card-button img {
  transition: filter 0.3s ease;
}
.contact-card-button:hover img {
  transition: filter 0.3s ease;
  filter: grayscale(80%);
}







/**********************************  MODAL About   *******************************/
/**********************************  MODAL About   *******************************/
/**********************************  MODAL About   *******************************/

/*

body:not(.et-fb) .modal-bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #1d1d1f;
	opacity: 1;
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
}


body:not(.et-fb).no-scroll {
  overflow: hidden;
}

	
	
body:not(.et-fb) .modal-wrap {
  display: flex !important;
  overflow: auto !important;
  align-items: start !important;
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 999 !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center !important;
	padding: 80px 48px;
}
	
	
body:not(.et-fb) .modal-content {
	animation: modalIn 0.4s backwards ease;
	position: relative;
	z-index: 2;
	overflow: visible !important;

}	
	
	
body:not(.et-fb) .modal-content {
    -webkit-animation: modalIn 0.4s backwards ease;
    animation: modalIn 0.4s backwards ease;
  }
  @media only screen and (max-width: 479px) {
   body:not(.et-fb)  .modal-content {
      -webkit-animation: modalInMobile 0.4s backwards ease;
      animation: modalInMobile 0.4s backwards ease;
    }
  }
  @-webkit-keyframes modalIn {
    from {
      opacity: 0;
      -webkit-transform: scale(0.85);
    }
    to {
      opacity: auto;
      -webkit-transform: scale(1);
    }
  }
  @keyframes modalIn {
    from {
      opacity: 0;
      transform: scale(0.85);
    }
    to {
      opacity: auto;
      transform: scale(1);
    }
  }
  @-webkit-keyframes modalInMobile {
    from {
      opacity: 0;
      -webkit-transform: translateY(200px);
    }
    to {
      opacity: auto;
      -webkit-transform: translateY(0px);
    }
  }
  @keyframes modalInMobile {
    from {
      opacity: 0;
      transform: translateY(200px);
    }
    to {
      opacity: auto;
      transform: translateY(0px);
    }
  }
  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
  }
  input[data-autocompleted] {
    background-color: transparent !important;
  }
  @media only screen and (min-width: 480px) and (max-height: 850px) {
   body:not(.et-fb)  .modal-wrap {
      overflow: auto;
      -webkit-align-items: start;
      -ms-flex-align: start;
      align-items: start;
    }
  }	
	

*/


/**********************************  CARDS   *******************************/
/**********************************  CARDS   *******************************/
/**********************************  CARDS   *******************************/



.card-wrap {
  height: 100%;
}

.card {
  position: relative;
  z-index: 2;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
  flex-direction: column;
  border-radius: 10px;
  background-color: #1d1d1f;
  color: #ecedee;
}

.work .card {
 background-color: #212222 !important;
 border-radius: 25px;
 padding: 15px;
}




.card-bg {
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 1;
	border-radius: 11px;
	background-image: linear-gradient(135deg, rgba(223, 239, 254, .22), rgba(223, 239, 254, .07))
}
.work .card-bg {
	border-radius: 25px;
}


   .card-bg::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
    background-image: radial-gradient(
      480px at var(--cursor-x) var(--cursor-y),
      rgba(255, 255, 255, 0.5),
      transparent 40%
    );
    will-change: background;
    background-size: auto;
    background-origin: padding-box;
    z-index: 1;
    border-radius: 10px;
  }
  
 .work  .card-bg::before {
     border-radius: 25px;
  }



  
  
  
  
  
  
  .cards-grid:hover .card-bg::before {
    opacity: 1;
  }
  
  .card-highlight {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
    background-image: radial-gradient(
      400px at var(--cursor-x) var(--cursor-y),
      rgba(255, 255, 255, 0.4),
      transparent
    );
    border-radius: 10px;
    pointer-events: none;
    z-index: 4;
  }
  
  

  
  .card-wrap:hover .card-highlight {
    opacity: 0.1;
  }
  
.code-grey {
	color: #4c4c4c;
	margin-right: 20px;
	line-height: 1.8rem;
	font-size: 85%;
}
.code-list-1,
.code-list-2
 {
	
}
.code-list-2 {
	margin-left: 20px;
}
.blue {
	color: var(--secondary-color);
}
.grey {
	color: #c0c0c0;;
}






///////////// BACK BUTTON //////////

#sp-back-button {
	cursor: pointer !important;
}
 
 
 
 
 
/**********************************  FORMULAR   *******************************/
/**********************************  FORMULAR   *******************************/
/**********************************  FORMULAR   *******************************/
/**********************************  FORMULAR   *******************************/


/* 
.wpcf7-form .form-group {
    position: relative;
    margin-bottom: 35px;
    width: 100%;
}

.wpcf7-form .form-group p {
    margin: 0;
    position: relative;
}


.wpcf7-form .floating-input {
    width: 100% !important;
    padding: 18px 16px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
    height: 60px !important;
    color: #434343 !important;
    margin: 0 !important;
    font-size: clamp(1rem, 0.925rem + 0.25vi, 1.125rem) !important;
}


.wpcf7-form textarea.floating-input {
    min-height: 120px !important;
    padding-top: 18px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
}



.wpcf7-form .submit-btn {
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 10px;
	background-color: #00765d !important;
	color: #ffffff !important;
	font-size: 1rem !important;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-width: 2px;
	border-color: #333;
	border-style: solid;
	padding-top: 16px !important;
	padding-right: 18px !important;
	padding-bottom: 16px !important;
	padding-left: 55px !important;
}

*/


/* CONTACT FORM */
/* CONTACT FORM */
/* CONTACT FORM */
	


.wpcf7-text, .wpcf7-textarea, .wpcf7-date, .wpcf7-number, .wpcf7-captcha, .wpcf7-quiz, .wpcf7-email {
	
  
 font-family: "Inter", sans-serif !important;
  background-color: #424242 !important; 
  border: none !important; 
  width: 100% !important;
  border-radius: 7px; 

  color: #fff !important; 
  padding: 16px !important;
  box-sizing: border-box; 
 font-size: clamp(1rem, 1.2vw, 1.125rem); 
  
} 

.wpcf7-submit {

  margin: 25px auto 0; 
  cursor: pointer; 
  font-weight: 500; 
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
  line-height: 1.7em; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
  -moz-transition: all 0.2s; 
  -webkit-transition: all 0.2s; 
  transition: all 0.2s; 
  color: #FFFFFF !important;
border-width: 0px !important;
border-radius: 7px;
 font-size: clamp(1rem, 1.2vw, 1.125rem); 
background-color: #A8343A;
padding: 0.3em 1em !important;
}


.wpcf7-textarea {
  width: 100% !important;
}

.wpcf7-list-item.first {
  display: inline-block;
  margin: 0;
}

wpcf7-list-item input[type="checkbox"]{
	
	background-color: #f7f7f7 !important; 
}

section.et_pb_wpt_contact_form_7 .wpcf7 .wpcf7-acceptance {
  display: inline !important;
}	
section.et_pb_wpt_contact_form_7 .wpcf7 .wpcf7-list-item {
  margin: 0 0 5px;
  display: inline !important;
}

section.et_pb_wpt_contact_form_7 .wpcf7 input[type="checkbox"] {
  width: 24px !important;
}


.wpcf7 .required {
  background-color: #bd0926;
  display: block;
  font-size: 0;
  right: 5px;
  line-height: 0;
  position: absolute;
  z-index: 1;
  text-indent: -9999px;
  top: 5px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}








/*NEU*/

.wps-form {
    width: 100%;
    margin: 0 auto;
}
.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
}

.wps-form-row.acceptance {
	margin-top: 25px;
	margin-bottom: 25px;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 5px;
    width: 100%;
}
.wps-form-column-1 {
    padding-left: 0;
}
.wps-form-column-3 {
    padding-right: 0;
}

.wps-form-acceptance {


  margin: 45px 0 25px 0;
  border-radius: 0 !important;

}

.wps-form-products {
  background-color: #eee;

  margin: 25px 0;
  border-radius: 0 !important;

}

.wps-form-contact {

  padding: 5px;
  margin: 0;
  border-radius: 0 !important;

}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0;
    margin-right: 0px;
}
.wpcf7-list-item.last {
  display: inline-block;
  margin: 0;
    margin-right: 0px;
}

.form-required {
	font-weight: bold;
	color: #A8343A;
}




.wps-form-hint {

  padding: 25px;
  margin: 25px 0;
  border-radius: 0 !important;
  font-style: italic;

}

.sent .wps-form {
	
/*	display:none !important;*/
	
}



/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }
    
    .wps-form-column {
        padding: 0.5rem 5px;
    }
    .wps-form-column-1 {
    	padding-left: 0;
	}
	.wps-form-column-3 {
    	padding-right: 0;
	}
    
}

/*NEU ENDE*/







p.et_pb_contact_field .et_pb_contact_field_options_title {
	display: none !important;
}
p.et_pb_contact_field.et_pb_contact_field_7 {
  margin-bottom: 1% !important;
}

.et_contact_bottom_container {
    float:none;
    padding: 1% 0 0 3%;

}

.et_pb_contact_reset, .et_pb_contact_submit {
    margin: 0 !important;
    width: 100%;
}

.et_pb_contact_field_options_list {
   column-count: 2;
   display: block;
}
.et_pb_contact_field_14 .et_pb_contact_field_options_list, .et_pb_contact_field_8 .et_pb_contact_field_options_list {
   column-count: 1;
   display: block;
}




.et_pb_contact_field_14.et_pb_contact_field .input, .et_pb_contact_field_14.et_pb_contact_field .input[type="checkbox"] + label, .et_pb_contact_field_14.et_pb_contact_field .input[type="radio"] + label, .et_pb_contact_field_14.et_pb_contact_field .input[type="checkbox"]:checked + label i::before, .et_pb_contact_field_14.et_pb_contact_field .input::placeholder, .et_pb_contact_field_11.et_pb_contact_field .input, .et_pb_contact_field_11.et_pb_contact_field .input[type="checkbox"] + label, .et_pb_contact_field_11.et_pb_contact_field .input[type="radio"] + label, .et_pb_contact_field_11.et_pb_contact_field .input[type="checkbox"]:checked + label i::before, .et_pb_contact_field_11.et_pb_contact_field .input::placeholder, .et_pb_contact_field_8.et_pb_contact_field .input, .et_pb_contact_field_8.et_pb_contact_field .input[type="checkbox"] + label, .et_pb_contact_field_8.et_pb_contact_field .input[type="radio"] + label, .et_pb_contact_field_8.et_pb_contact_field .input[type="checkbox"]:checked + label i::before, .et_pb_contact_field_8.et_pb_contact_field .input::placeholder {

    color: #20242B;

}
.et_pb_contact_form_1 .input:focus, .et_pb_contact_form_1 .input[type="checkbox"]:active + label, .et_pb_contact_form_1 .input[type="radio"]:active + label, .et_pb_contact_form_1 .input[type="checkbox"]:checked:active + label i::before, .et_pb_contact_form_0 .input:focus, .et_pb_contact_form_0 .input[type="checkbox"]:active + label, .et_pb_contact_form_0 .input[type="radio"]:active + label, .et_pb_contact_form_0 .input[type="checkbox"]:checked:active + label i::before, .et_pb_contact_form_0 .input, .et_pb_contact_form_0 .input[type="checkbox"] + label, .et_pb_contact_form_0 .input[type="radio"] + label, .et_pb_contact_form_0 .input[type="checkbox"]:checked + label i::before, .et_pb_contact_form_0 .input::placeholder, .et_pb_contact_form_1 .input, .et_pb_contact_form_1 .input[type="checkbox"] + label, .et_pb_contact_form_1 .input[type="radio"] + label, .et_pb_contact_form_1 .input[type="checkbox"]:checked + label i::before, .et_pb_contact_form_1 .input::placeholder {

    color: #FFFFFF;

}
.et_pb_contact p input[type="checkbox"]:checked + label i::before {
    color: #000 !important;
}





































 .vp-search-form.wpcf7-form .submit-btn {
	 width: auto !important;
	 
	background-color: #005f4b;
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
	color: #fff !important;
	font-size: var(--gvid-wounibnk01) !important;
    border-radius: 7px;
	border-width: 0px;
	border-color: #333;
	border-style: solid;
	transition-property: background-color;
	transition-duration: 300ms;
	transition-timing-function: ease;
	transition-delay: 0ms;
	padding: 10px 15px;
	margin-top: 15px;

}

 }
 
 
  .vp-search-form.wpcf7-form .submit-btn::before {
 font-family: "ETmodules" !important;
  font-weight: 400 !important;
  content: '\41';
  font-size: inherit !important;
  line-height: 1.7em !important;
  display: inline-block;
  left: 0;
  opacity: 1;
  font-size: 35px;
  padding-left: 20px;
}


.vp-search-form.wpcf7-form .et_pb_button:hover::after {
  opacity: 0 !important;
}

.vp-search-form.wpcf7-form .et_pb_button:hover
 {
/*  border: 0 !important;*/
}

#results li {
	cursor: pointer !important;
	border-bottom: 1px solid #dcdcdc;
	text-transform: capitalize;
	list-style-type: none;
}
#results li:hover {

	color: #a0a0a0;
}