.elementor-1372 .elementor-element.elementor-element-6815f8f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1372 .elementor-element.elementor-element-f921015{text-align:left;}.elementor-1372 .elementor-element.elementor-element-f921015 img{width:150px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-a209851 .elementor-heading-title{font-family:"DIN Condensed", Sans-serif;font-size:27px;font-weight:600;color:#FFFFFF;}.elementor-1372 .elementor-element.elementor-element-9e7932a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1372 .elementor-element.elementor-element-9e7932a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body.elementor-page-1372:not(.elementor-motion-effects-element-type-background), body.elementor-page-1372 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.proteinfeedhaircare.co.za/wp-content/uploads/2025/02/Protein-Feed_Hair-Quiz-Background-03.webp");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1372 .elementor-element.elementor-element-6815f8f{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1372 .elementor-element.elementor-element-6815f8f{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9e7932a */.gchoice {
    z-index:1;
    position:relative;
    margin:0 0 10px 0;
    padding:0;
    height:70px;
    width: 100%!important;
    
}
input.gfield-choice-input {
    z-index:2;
    appearance:none;
    margin:0;
    padding:0;
    width: 100%;
    border-radius: 5px;
    height:100%;
    background: white;
    transition: .3s all ease-in-out;
    position:absolute;
    background: white;
    position:absolute;
}
input.gfield-choice-input:hover,
.gchoice label:hover {
    cursor:pointer;
    
}
input.gfield-choice-input:checked {
    background:#1273e6;
}
input.gfield-choice-input:checked + label {
    color:white;
}
.gchoice label {
    z-index:3;
    font-weight:700;
    color:black;
    display:block;
    position: absolute;
    padding: 0 0 0 30px;
    top: 50%;
    transform: translateY(-50%);
    width:100%;
    overflow:visible;
}
input.gfield-choice-input + label:after {
    content: "";
    position: absolute;
    right: -10px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 2px solid white;
    z-index: 2;
    top: 50%;
    transition: .3s all ease-in-out;
    color: white;
    font-size: 25px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
}
input[type="checkbox"].gfield-choice-input + label:after { 
    border-radius: 5px;
}
input[type="radio"].gfield-choice-input + label:after {
    border-radius:50px;
    background: none;
}
input.gfield-choice-input:checked + label:after {
    border: 2px solid white;
    background: white;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DIN Condensed';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.proteinfeedhaircare.co.za/wp-content/uploads/2023/07/DIN-Condensed-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'DIN Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'DIN Condensed';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.proteinfeedhaircare.co.za/wp-content/uploads/2023/07/DINPro-CondensedRegular.ttf') format('truetype');
}
@font-face {
	font-family: 'DIN Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.proteinfeedhaircare.co.za/wp-content/uploads/2023/07/DINPro-CondensedBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */