:root {
	--details: #0ba5be;
	--hover: #8dccd6;
}

/*solar.html*/
.flow {
  align-items: center;
  flex-direction: row !important;
  flex-wrap: nowrap;
}
.flow form {
  display: flex;
  flex-direction: column;
}
.flow form input[type="submit"] {
  align-self: center;
}
.flow_trust {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .flow {
    flex-direction: column !important;
  }
  .flow_trust {
    flex-direction: column;
  }
  .flow_form {
    min-height: auto !important;
  }
}

/*dental-insurance.html*/
.dental .form {
  width: 50%;
  margin: 10px 0 30px;
}
.dental .flow_image {
  align-self: flex-start;
}
@media (max-width: 767.98px) {
  .dental .form {
    width: 100%;
  }
}

/*supplementary-health-insurance-multistep.html*/
.multistep form {
  display: flex;
  flex-direction: column;
}
.multistep form input[type="submit"] {
  align-self: center;
}

.custom-form-group {
	display: flex;
  align-items: center;
	margin-top: 16px;
}
.custom-form-group input {
	border: 1px solid #CCC;
  background: #FFF;
  padding: 0 12px;
  line-height: 38px;
  border-radius: 2px;
	width: 13px !important;
	height: 13px !important;
  accent-color: var(--details);
}
.custom-form-group label {
	color: inherit;
	margin-left: 8px;
	text-align: left;
  font-weight: 300;
  font-family: inherit;
  font-size: 14px;
	cursor: pointer;
	display: inline-block;
}
.mandatory {
	color: #EC3324;
  font-size: 16px;
  font-weight: 400;
  margin-left: 8px;
}
.custom-form-group label a {
  color: var(--details);
}
.custom-form-group label a:hover {
  color: var(--hover);
}

.footer_bottom {
  justify-content: center;
}

@media (max-width: 767.98px) {
  .footer-menu_links {
    flex-direction: column;
  }
}

/*Docs*/
.wrapper {
	padding: 40px 15px 60px;
}
.wrapper h1 {
	text-align: center;
	margin-bottom: 16px;
	font-size: calc(1rem + 1.5vw);
}
.wrapper h1 {
  color: inherit;
}
.wrapper ul {
  padding-left: 20px;
  list-style: disc !important;
}
.wrapper p, .wrapper li {
  font-weight: 400 !important;
  color: inherit;
}
.wrapper p:last-child {
	margin-bottom: 0;
}
.wrapper p:not(:last-child) {
	margin-bottom: 16px;
}
.wrapper a {
	text-decoration: none;
	cursor: pointer;
  color: var(--details);
  transition: 0.5s;
}
.wrapper a:hover {
  color: var(--hover);
}
/*Docs End*/

#cookPopup{display:none;justify-content:space-between;flex-direction:column;align-items:center;gap:1rem;position:fixed;bottom:15px;left:50%;width:900px;max-width:90%;transform:translateX(-50%);padding:25px;background-color:white;border-radius:4px;box-shadow:2px 3px 10px rgba(0,0,0,0.4);z-index:9999}
#cookPopup a {color:var(--details);transition: 0.5s;} #cookPopup a:hover {color:var(--hover);}
#cookPopup p{margin:0;text-align:left}
.cookPopup_btn{padding:7px 15px;cursor:pointer;border:none;background:var(--details);border-radius:4px;font-weight:800;color:#fff; transition: 0.5s;}
.cookPopup_btn:hover{background: var(--hover);}
@media(min-width:576px){
    #cookPopup.show{display:flex;align-items:center}}
@media(max-width:575px){
    #cookPopup.show{display:block;text-align:left}.cookPopup_btn{margin:10px 0 0 0}}
.cookPopup_title{font-size:16px;font-weight:700}
.cookPopup_desc{font-size:16px}.show{display:flex !important}