@charset "UTF-8";
/* CSS Document */
/* Info Toggle*/
.infobox {
 display: flex;
 flex-direction: column;
 max-width: 720px;
 background: #F9FAFB;
 border-radius: 12px;
}
.infocontent {
 display: none;
 padding: 20px;
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 1.5em;
}
.infobox.active .infocontent {
 display: block;
}

.infobox h4 {
 padding: 15px;
 margin: 0;
}
.infobox h4 span {
 float: right;
}
.infobox p {
 margin: 0 0 10px 0;
}

.infobox ol {padding-left:20px;}

.toggle-title {
 padding: 24px;
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 font-size: 18px;
 line-height: 1.55em;
 color: #101828;
 cursor:pointer; 
display:flex;    
}

.toggle-title span {
margin-left:auto;
transition:transform .3s linear;   
}
.toggle-title span:before {
content:"\E80C";
font-family:"home-icons"; 
color: #98A2B3;  
font-size:8px;    
}
.active .toggle-title span {
transform: rotate(180deg); 
}

.toggle .icon-bulb::before {
 font-family: 'home-icons';
 font-size: 22px;
 font-weight: 400;
 margin-right: 26px;
 color: #98A2B3;
}
.toggle .icon-plus::before {
 font-size: 22px;
 font-weight: 400;
 float: right;
 color: #98A2B3;
}
.toggle .active .icon-plus::before {
 color: #98A2B3;
 content: '\e805';
}
.page1 ul {
 list-style: none;
 padding-inline-start: 0px;
}
/* Radio buttons */
input[type="radio"] {
 appearance: none;
 width: 20px;
 height: 20px;
 border: 1px solid #D0D5DD;
 border-radius: 50%;
 background-clip: content-box;
 padding: 3px;
 margin: 0;    
}
input[type="radio"]:checked {
 border-color: #f5c665;
 background-color: #f5c665;
 cursor:pointer; 
}
.radio-holder label {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 font-size: 16px;
 bottom: 5px;
 margin-left: 12px;
 line-height: 1.5em;
 color: #344054;
 flex: 1;
 cursor:pointer;    
}
.radio-holder {
 margin-top: 24px;
 vertical-align: middle;
 display: flex;
 align-items: center;    
}
/* Toggle info flexboxes */
.flexbox {
 display: flex;
}
.flex-item {
 width: 25%;
 border: 1px solid #EAECF0;
 background: #ffffff;
 padding: 16px;
 padding-right: 1px;
 margin-left: 4px;
 margin-right: 4px;
 box-sizing: border-box;
 border-radius: 12px;
}
.flex-item span {}
.flex-title {
 text-align: center;
 font-size: 16px;
 min-height: 80px;
 padding-right: 15px;
 color: #000000;line-height:1em;
}
.flex-item:nth-of-type(1) {
 margin-left: 0px;
}
.flex-title span {font-size:10px;line-height: 1em;}
.flex-title span strong {font-size:16px;}
.flex-item:nth-of-type(4) {
 margin-right: 0px;
}
.flex-item .sub {
 color: #000000;
 padding-right: 15px;
 text-align: center;
}
.flex-item ul {
 font-size: 12px;
 color: #101828;
 font-weight: 500;
 line-height: 1.5em;
}
/* Form Validation */
.form-field {
 position: relative;
}
p.validation {
 position: absolute;
 top: 100%;
}
button.yellow.disabled, a.button.yellow.disabled {
 background: #EAECF0;
 border: 1px solid #EAECF0;
 cursor: not-allowed;
}
button.yellow.disabled:hover, a.button.yellow.disabled:hover {
 background: #EAECF0;
 border: 1px solid #EAECF0;
}
.button {
 cursor: pointer;
}
.button.back:before {
 content: '\e800';
 font-family: "home-icons";
 margin-right: 10px;
 font-size: 14px;
}
button, .button {
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10 and IE 11 */
 user-select: none; /* Standard syntax */
}

.partner-products-holder {display:flex;flex-wrap:wrap;margin-right:-20px;}
.partner-products {display:none;background: #FFFFFF;border: 1px solid #EAECF0;box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);border-radius: 16px;flex:0 0 350px;margin-right:20px;margin-bottom:20px;}

.product-head {padding:30px 20px;border-bottom:1px solid #EAECF0;}
.product-content {padding:30px 20px;font-size:16px;line-height:1.5em;}

.product-head img {max-height:40px;width:auto;}
.product-head .price {display:flex;align-items: flex-end;}
.product-head .price strong {font-size:48px;line-height:1.25em;font-weight:600;letter-spacing:-0.02em;color:#101828;}
.product-head .price span {font-size:16px;line-height:1.1em;font-weight:500;color:#475467;margin:0px 0px 11px 4px;}
.product-head a {font-size:14px;line-height:1.42em;color:#475467;font-weight:600;display:block;margin:10px 0px 40px 0px;}
.product-head .button {display:flex;margin:0px;}
.product-head .button:before {content:"I'm Interested";}

.product-head .headflex {display:flex;justify-content: space-between;margin-bottom:10px;}

.product-content h4 {font-size:16px;margin:0px;}
.product-content p {margin-top:0px;}
.product-content ul {margin:0px;list-style:none;padding:0px;}
.product-content ul li {display:flex;}
.product-content ul li:before {content:"\e804";font-family:'home-icons';margin-right:10px;margin-bottom:10px;font-size:21px;color:#F5C665;}

.partner-products.over {border-color:#F5C665;}
.partner-products.over .product-head .button {background:#fff;pointer-events: none;}
.partner-products.over .product-head .button:before {content:"Sending";}

.page-survey .pages:nth-last-of-type(1) .infobox ol {font-weight:400;}
.page-survey .page5 .buttonHolder {margin:50px 0px;}
.page-survey .page5 p a {color:#475467;text-decoration:underline;}

.partner-products.show {display:block;}

.partner-none {display:none;background: #FFFFFF;border: 1px solid #EAECF0;box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);border-radius: 16px;flex:0 0 calc(50% - 20px);margin-bottom:20px;padding:30px;text-align:center;}
.partner-none h3 {font-size:16px;line-height:1.5em;text-align:center;}
.partner-none p {font-size:16px;line-height:1.5em;text-align:left;}
.partner-none i {background:#29333E;font-family:"home-icons";display:inline-flex;width:48px;height:48px;font-style: normal;border-radius:100%;align-items: center;justify-content: center;margin:0px auto;}
.partner-none i:before {color:#fff;font-size:26px;content:"\e807";}
.partner-none.show {display:block;}

.nomatches {display:none;}
.nomatches.show {display:inline-block;}

.flex-center {display:flex;justify-content: center;}

.survey-standard, .survey-other {display:none;}
.survey-standard.over, .survey-other.over {display:inline-block;}

.click-select-product {display:none;}
.click-select-product.over {display:inline-flex;}

@media screen and (max-width:1333px){
    .partner-products {flex:0 0 calc(100% - 20px);}  
}

.product-content a {display:none;  -webkit-user-select: none;-ms-user-select: none;user-select: none;}

a.download-pdf {margin:0px;text-decoration: none;
    padding: 0px 10px;
    border-radius: 10px;
    border:1px solid #F5C665;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-weight: 600;
    font-size:14px;
    color: #101828;transition:all .3s linear;white-space: nowrap;}
a.download-pdf:before {content:"\E809";font-family:"home-icons";color: #F5C665;margin-right:10px;display:flex;    font-size: 11px;}
a.download-pdf:hover {background:#F5C665;}
a.download-pdf:hover:before {color:#101828;}

@media screen and (max-width:768px){
    .product-content h4, .product-content p, .product-content ul {display:none;}
    .product-content.over h4, .product-content.over p, .product-content.over ul {display:block;}
    .product-content a {display:flex;margin:10px auto 20px 0px;justify-content: center;align-items: center;color:#101828;font-weight:600;}
    .product-content a:before {content:"\E809";font-family: 'home-icons';color:#F5C665;width:40px;height:40px;border-radius:40px;background:rgba(245, 198, 101, 0.1);display:inline-flex;justify-content: center;align-items: center;margin-right:10px;}
    .product-content.over a:before {content:"\E80B";}
}