.elementor-6011 .elementor-element.elementor-element-7c41af6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-6011 .elementor-element.elementor-element-7c41af6:not(.elementor-motion-effects-element-type-background), .elementor-6011 .elementor-element.elementor-element-7c41af6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://renaultbryanston.co.za/wp-content/uploads/2024/09/bg-arrows.png");background-position:center center;background-size:cover;}.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-6011 .elementor-element.elementor-element-f4fad97{text-align:center;}.elementor-6011 .elementor-element.elementor-element-f4fad97 .elementor-heading-title{font-family:"Renault Group", Sans-serif;font-size:120px;font-weight:600;}.elementor-6011 .elementor-element.elementor-element-c013149{text-align:center;}.elementor-6011 .elementor-element.elementor-element-c013149 .elementor-heading-title{font-family:"Renault Group", Sans-serif;font-size:56px;font-weight:300;}.elementor-6011 .elementor-element.elementor-element-5a8b4cd{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;}.elementor-6011 .elementor-element.elementor-element-5a8b4cd > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-6011 .elementor-element.elementor-element-5a8b4cd .elementor-heading-title{font-family:"Renault Group", Sans-serif;font-size:32px;font-weight:300;line-height:120%;color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-repeater-item-1c78cc4 .elementor-subgroup-inline{width:100%;justify-content:flex-start;}.elementor-6011 .elementor-element.elementor-element-a03cfae{width:var( --container-widget-width, 1150px );max-width:1150px;--container-widget-width:1150px;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group{padding-right:calc( 24px/2 );padding-left:calc( 24px/2 );margin-bottom:24px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-form-fields-wrapper{margin-left:calc( -24px/2 );margin-right:calc( -24px/2 );margin-bottom:-24px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-type-html{padding-bottom:0px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group .elementor-field, .elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-subgroup label{font-family:"Renault Group", Sans-serif;font-size:17px;font-weight:400;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-50e1501 );border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-50e1501 );border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-button{font-family:"Renault Group", Sans-serif;font-weight:500;text-transform:lowercase;}.elementor-6011 .elementor-element.elementor-element-a03cfae .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:var( --e-global-color-45514f7 );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:var( --e-global-color-45514f7 );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-button[type="submit"] svg *{fill:var( --e-global-color-45514f7 );}.elementor-6011 .elementor-element.elementor-element-a03cfae .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6011 .elementor-element.elementor-element-a03cfae .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );}.elementor-6011 .elementor-element.elementor-element-a03cfae .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-text );}.elementor-6011 .elementor-element.elementor-element-a03cfae .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:767px){.elementor-6011 .elementor-element.elementor-element-f4fad97 .elementor-heading-title{font-size:80px;}.elementor-6011 .elementor-element.elementor-element-c013149 .elementor-heading-title{font-size:40px;}.elementor-6011 .elementor-element.elementor-element-5a8b4cd .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-6011 .elementor-element.elementor-element-7c41af6{--content-width:100%;}}/* Start custom CSS for form, class: .elementor-element-a03cfae */.elementor-field-type-html  { margin-bottom: -7px!important;}


.batd .elementor-field-option input[id^="form-field-check1"]~ label::before {
    display:none!important;
}

 /* Styles for checked and unchecked checkboxes and radios */
    .batd [type="radio"]:checked,
    .batd [type="radio"]:not(:checked) {
        position: absolute;
        visibility: hidden!important;
    }

    /* Styles for container */
    .batd .elementor-field-option {
        position: relative;
    }
    
    /* check 1 */
    /*-custom .elementor-6011 .elementor-element.elementor-element-a03cfaes to change image --*/    
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-0 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-kwid.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-1 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-triber.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-2 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-kiger.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-3 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-triber-express.webp);
    }
	    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-4 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-clio.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-5 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2025/03/duster-1.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-6 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-captur.webp);
    }
    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-7 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-koleos.webp);
    }
	    .batd .elementor-field-subgroup .elementor-field-option #form-field-check1-8 + label:after {
        background-image: url(https://renaultbryanston.co.za/wp-content/uploads/2024/02/renault-trafic-van.webp);
    
    }

   /* Styles for shape */
    .batd .elementor-field-subgroup .elementor-field-option [id^="form-field-check1"] + label  {
        border: none;
        border-radius: 0px;
		height: 200px;
		width: 350px;
        background-color: #ffffff00;
        display: block;
        padding: 50% 20px 0 20px;
        margin: 10px;
        font-size: 30px!important;
        transition: 0.2s all;
        color: black;
        cursor: pointer;
        position: relative;
        text-align: center;
		font-weight: 600!important;
    }

    /* Styles for circle */
.batd .elementor-field-option [id^="form-field-check1"] + label:after {
    width: 100%; 
    height: 200px;
    content: "";
    border: none;
    background-color: #ffffff00;
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
    position: absolute;
    left: 0; 
    top: 20%;
    transform: translateY(-20%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

    /* checked */
    /* Styles for labels when their associated input is checked */
    .batd input[id^="form-field-check1"]:checked ~  label  {
        color: black !important;
        background-color: #ffffff00 !important;
		border: none;
		text-decoration: underline;
		text-decoration-color:#EFDF00;
    }

    /* Styles for(circle) pseudo-elements when their associated input is checked */
    .batd input:checked ~ [id^="form-field-check1"] + label:after {
        background-color: #ffffff00;
 
    }

    /* hover */
    /* Hover effect on labels associated with checkboxes and radios */
    .batd .elementor-field-option  [id^="form-field-check1"] + label:hover {
        background-color: #ffffff00; 
        color: black !important; 
		border:none;
        transition: all 200ms ease-in;
        text-decoration: underline;
    }

    .batd .elementor-field-option [id^="form-field-check1"] + label:hover {
        background-color: #ffffff00;
     
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Renault Group';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://renaultbryanston.co.za/wp-content/uploads/2024/02/nouvelrlight-webfont-399NtJnQ.woff2') format('woff2');
}
@font-face {
	font-family: 'Renault Group';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://renaultbryanston.co.za/wp-content/uploads/2024/02/nouvelrregular-webfont-BaPaSpi0.woff2') format('woff2');
}
@font-face {
	font-family: 'Renault Group';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://renaultbryanston.co.za/wp-content/uploads/2024/02/nouvelrsemibold-webfont-BcBRBwpv.woff2') format('woff2');
}
@font-face {
	font-family: 'Renault Group';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://renaultbryanston.co.za/wp-content/uploads/2024/02/nouvelrbold-webfont-DYm-nft4.woff2') format('woff2');
}
/* End Custom Fonts CSS */