.elementor-1580 .elementor-element.elementor-element-99502ab{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-1580 .elementor-element.elementor-element-69b0036{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1580 .elementor-element.elementor-element-67ca26c{text-align:left;}.elementor-1580 .elementor-element.elementor-element-67ca26c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:#ED4F09;}.elementor-1580 .elementor-element.elementor-element-3d641c6{text-align:left;}.elementor-1580 .elementor-element.elementor-element-3d641c6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-f0c1d50{--display:flex;--min-height:371px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-f641a6c{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-e0cebb0{text-align:left;}.elementor-1580 .elementor-element.elementor-element-e0cebb0 .elementor-heading-title{font-family:var( --e-global-typography-efced5e-font-family ), Sans-serif;font-size:var( --e-global-typography-efced5e-font-size );font-weight:var( --e-global-typography-efced5e-font-weight );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-aadf73a{--display:flex;--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:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#B7B8C2;--border-color:#B7B8C2;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-2026396{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1580 .elementor-element.elementor-element-32527cb .elementor-button{background-color:#EEEEF0;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#B7B8C2;color:#B7B8C2;border-style:solid;border-color:#B7B8C2;}.elementor-1580 .elementor-element.elementor-element-32527cb .elementor-button-content-wrapper{flex-direction:row;}.elementor-1580 .elementor-element.elementor-element-32527cb .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button{background-color:#5037F4;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#FBFAF9;color:#FBFAF9;border-style:solid;border-color:#322689;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button:focus{background-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-36f1932{--display:flex;--min-height:371px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-e41270c{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-4e9d533{text-align:left;}.elementor-1580 .elementor-element.elementor-element-4e9d533 .elementor-heading-title{font-family:var( --e-global-typography-efced5e-font-family ), Sans-serif;font-size:var( --e-global-typography-efced5e-font-size );font-weight:var( --e-global-typography-efced5e-font-weight );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-b9842a3{text-align:left;}.elementor-1580 .elementor-element.elementor-element-b9842a3 .elementor-heading-title{font-family:var( --e-global-typography-636d337-font-family ), Sans-serif;font-size:var( --e-global-typography-636d337-font-size );font-weight:var( --e-global-typography-636d337-font-weight );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-464cc7d{--display:flex;--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:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#B7B8C2;--border-color:#B7B8C2;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-f32e09f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#221959;color:#221959;border-style:solid;border-color:#221959;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button:focus{background-color:#FFFFFF00;color:#3825AE;border-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button:hover svg, .elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button:focus svg{fill:#3825AE;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button{background-color:#5037F4;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#FBFAF9;color:#FBFAF9;border-style:solid;border-color:#322689;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button:focus{background-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-b858155{--display:flex;--min-height:371px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-dc2787b{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-2ce3929{text-align:left;}.elementor-1580 .elementor-element.elementor-element-2ce3929 .elementor-heading-title{font-family:var( --e-global-typography-efced5e-font-family ), Sans-serif;font-size:var( --e-global-typography-efced5e-font-size );font-weight:var( --e-global-typography-efced5e-font-weight );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-c75cec6{text-align:left;}.elementor-1580 .elementor-element.elementor-element-c75cec6 .elementor-heading-title{font-family:var( --e-global-typography-636d337-font-family ), Sans-serif;font-size:var( --e-global-typography-636d337-font-size );font-weight:var( --e-global-typography-636d337-font-weight );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1580 .elementor-element.elementor-element-0a2db7b{text-align:left;color:#40414C;}.elementor-1580 .elementor-element.elementor-element-0a2db7b p{margin-block-end:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1580 .elementor-element.elementor-element-6509118{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-1580 .elementor-element.elementor-element-6509118 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1580 .elementor-element.elementor-element-428da1b{--display:flex;--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:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#B7B8C2;--border-color:#B7B8C2;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-af7e26a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#221959;color:#221959;border-style:solid;border-color:#221959;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button:focus{background-color:#FFFFFF00;color:#3825AE;border-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button-content-wrapper{flex-direction:row;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button:hover svg, .elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button:focus svg{fill:#3825AE;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button{background-color:#5037F4;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#FBFAF9;color:#FBFAF9;border-style:solid;border-color:#322689;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button:focus{background-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-525ba75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-64aaef8{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-cadd35f{text-align:left;}.elementor-1580 .elementor-element.elementor-element-cadd35f .elementor-heading-title{font-family:var( --e-global-typography-efced5e-font-family ), Sans-serif;font-size:var( --e-global-typography-efced5e-font-size );font-weight:var( --e-global-typography-efced5e-font-weight );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3cb0372{text-align:left;}.elementor-1580 .elementor-element.elementor-element-3cb0372 .elementor-heading-title{font-family:var( --e-global-typography-636d337-font-family ), Sans-serif;font-size:var( --e-global-typography-636d337-font-size );font-weight:var( --e-global-typography-636d337-font-weight );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-f1479a0{--display:flex;--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:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#B7B8C2;--border-color:#B7B8C2;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-77c0789{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#221959;color:#221959;border-style:solid;border-color:#221959;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button:focus{background-color:#FFFFFF00;color:#3825AE;border-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button-content-wrapper{flex-direction:row;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button:hover svg, .elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button:focus svg{fill:#3825AE;}.elementor-1580 .elementor-element.elementor-element-102dee9 .elementor-button{background-color:#5037F4;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;fill:#FBFAF9;color:#FBFAF9;border-style:solid;border-color:#322689;}.elementor-1580 .elementor-element.elementor-element-102dee9 .elementor-button:hover, .elementor-1580 .elementor-element.elementor-element-102dee9 .elementor-button:focus{background-color:#3825AE;}.elementor-1580 .elementor-element.elementor-element-e97146c{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#FCFCFC;padding:12px 40px 24px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D9D9DE;border-radius:24px 24px 24px 24px;--n-tabs-title-gap:0px;--n-tabs-gap:80px;--n-tabs-title-color:#5C5D6D;--n-tabs-title-color-active:#3825AE;}.elementor-1580 .elementor-element.elementor-element-e97146c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-1580 .elementor-element.elementor-element-e97146c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#4C404000;border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9D9DE;}.elementor-1580 .elementor-element.elementor-element-e97146c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1580 .elementor-element.elementor-element-e97146c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#40414C00;border-style:solid;border-width:0px 0px 4px 0px;border-color:#5037F4;}.elementor-1580 .elementor-element.elementor-element-e97146c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9D9DE;}.elementor-1580 .elementor-element.elementor-element-e97146c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#5C5D6D;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.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-size:var( --e-global-typography-accent-font-size );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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-type-html{padding-bottom:0px;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1580 .elementor-element.elementor-element-13ab524{--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;}@media(min-width:768px){.elementor-1580 .elementor-element.elementor-element-69b0036{--content-width:1152px;}.elementor-1580 .elementor-element.elementor-element-f641a6c{--width:42%;}.elementor-1580 .elementor-element.elementor-element-aadf73a{--width:58%;}.elementor-1580 .elementor-element.elementor-element-e41270c{--width:42%;}.elementor-1580 .elementor-element.elementor-element-464cc7d{--width:58%;}.elementor-1580 .elementor-element.elementor-element-dc2787b{--width:42%;}.elementor-1580 .elementor-element.elementor-element-428da1b{--width:58%;}.elementor-1580 .elementor-element.elementor-element-525ba75{--width:100%;}.elementor-1580 .elementor-element.elementor-element-64aaef8{--width:42%;}.elementor-1580 .elementor-element.elementor-element-f1479a0{--width:58%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1580 .elementor-element.elementor-element-69b0036{--content-width:80%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1580 .elementor-element.elementor-element-f641a6c{--width:100%;}.elementor-1580 .elementor-element.elementor-element-aadf73a{--width:100%;}.elementor-1580 .elementor-element.elementor-element-e41270c{--width:100%;}.elementor-1580 .elementor-element.elementor-element-464cc7d{--width:100%;}.elementor-1580 .elementor-element.elementor-element-dc2787b{--width:100%;}.elementor-1580 .elementor-element.elementor-element-428da1b{--width:100%;}.elementor-1580 .elementor-element.elementor-element-525ba75{--width:100%;}.elementor-1580 .elementor-element.elementor-element-64aaef8{--width:100%;}.elementor-1580 .elementor-element.elementor-element-f1479a0{--width:100%;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3d641c6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-e0cebb0 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-4e9d533 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-b9842a3 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-2ce3929 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-c75cec6 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-cadd35f .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3cb0372 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1200px){.elementor-1580 .elementor-element.elementor-element-f0c1d50{--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;}.elementor-1580 .elementor-element.elementor-element-aadf73a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-32527cb .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-36f1932{--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;}.elementor-1580 .elementor-element.elementor-element-464cc7d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-b858155{--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;}.elementor-1580 .elementor-element.elementor-element-428da1b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-525ba75{--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;}.elementor-1580 .elementor-element.elementor-element-f1479a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-102dee9 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1580 .elementor-element.elementor-element-e97146c{--n-tabs-gap:40px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3d641c6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-e0cebb0 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-4e9d533 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-b9842a3 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-2ce3929 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-c75cec6 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-cadd35f .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3cb0372 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:880px){.elementor-1580 .elementor-element.elementor-element-99502ab{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-1580 .elementor-element.elementor-element-67ca26c .elementor-heading-title{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-32527cb .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-8351832 .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-1fd5854 .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-8449b80 .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-22c645f .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-79920d3 .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-5adf5fe .elementor-button{font-size:14px;}.elementor-1580 .elementor-element.elementor-element-102dee9 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-1580 .elementor-element.elementor-element-69b0036{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3d641c6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-e0cebb0 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-2026396{--flex-wrap:wrap;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1580 .elementor-element.elementor-element-32527cb{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-8351832{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-4e9d533 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-b9842a3 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-f32e09f{--flex-wrap:wrap;}.elementor-1580 .elementor-element.elementor-element-1fd5854{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-8449b80{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-2ce3929 .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-c75cec6 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-af7e26a{--flex-wrap:wrap;}.elementor-1580 .elementor-element.elementor-element-22c645f{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-79920d3{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-cadd35f .elementor-heading-title{font-size:var( --e-global-typography-efced5e-font-size );line-height:var( --e-global-typography-efced5e-line-height );letter-spacing:var( --e-global-typography-efced5e-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-3cb0372 .elementor-heading-title{font-size:var( --e-global-typography-636d337-font-size );line-height:var( --e-global-typography-636d337-line-height );letter-spacing:var( --e-global-typography-636d337-letter-spacing );}.elementor-1580 .elementor-element.elementor-element-77c0789{--flex-wrap:wrap;}.elementor-1580 .elementor-element.elementor-element-5adf5fe{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-102dee9{width:100%;max-width:100%;}.elementor-1580 .elementor-element.elementor-element-e97146c{padding:12px 12px 24px 12px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for html, class: .elementor-element-1b690ab *//* ===== Étape 1 – Boutons radio cartes ===== */
#comparateur-votre-besoin .option {
/* le conteneur ne porte pas le fond pour éviter les décalages */
margin-bottom: 12px;
}
#comparateur-votre-besoin .option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0;
}
/* Carte cliquable (porte toute la mise en forme) */
#comparateur-votre-besoin .option label {
display: flex;
align-items: flex-start; /* Figma: flex-start */
gap: var(--layout-gap-md, 8px); /* Figma: 8px */
width: 100%;
cursor: pointer;
padding: 24px; /* Figma: 24px */
border-radius: 8px; /* Figma: 8px */
background: #fff;
transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-note, 14px); /* Figma: 14px */
line-height: var(--font-line-height-content-note, 20px); /* Figma: 20px */
font-weight: var(--font-weight-accent, 500); /* Figma: 500 */
color: var(--text-base-bolder, #40414C); /* Figma color */
}
/* Puce radio custom à gauche */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #7a7a7a;
border-radius: 50%;
flex-shrink: 0;
margin-top: 0; /* aligne bien avec le texte */
transition: background .2s ease, border-color .2s ease;
}
/* État hover (léger) */
#comparateur-votre-besoin .option label:hover {
background: #f9f9ff;
}
/* Focus clavier accessible */
#comparateur-votre-besoin .option input[type="radio"]:focus-visible + label {
box-shadow: 0 0 0 2px rgba(74,58,255,.25);
}
/* État sélectionné (bloc actif Figma) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label {
background: var(--background-brand-faint-default, #F2F4FD);
box-shadow: inset 0 0 0 1px rgba(74,58,255, .10); /* discret */
}
/* Puce sélectionnée (violet rempli) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label::before {
border-color: #4a3aff;
background: radial-gradient(circle at center, #4a3aff 50%, transparent 52%);
}
/* Sous-texte */
#comparateur-votre-besoin .option label small {
color: #6B7280; /* un peu plus soutenu que #888 */
font-size: 13px;
}
/* Optionnel : supprime l’ancienne bordure de carte si tu l’avais gardée */
#comparateur-votre-besoin .option {
border: 0;
}
/* --- Fix alignement option 4 : titre + sous-texte empilés, puce à gauche --- */
/* 1) Le label devient une grille 20px (puce) + 1fr (texte) */
#comparateur-votre-besoin .option label {
display: grid !important;
grid-template-columns: 20px 1fr;
column-gap: var(--layout-gap-md, 8px);
align-items: flex-start;
}
/* 2) La puce occupe la première colonne, sur toute la hauteur du bloc texte */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
grid-column: 1;
grid-row: 1 / span 2; /* couvre titre + small */
}
/* 3) Le titre (span) et le sous-texte (small) vont en colonne 2 */
#comparateur-votre-besoin .option label > span,
#comparateur-votre-besoin .option label > small {
grid-column: 2 !important;
}
/* 4) Sous-texte : bloc, couleur/typo douce, petit espace au-dessus */
#comparateur-votre-besoin .option label > small {
display: block;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
color: #6B7280;
}
/* 5) Si un
est présent dans le label, on le neutralise */
#comparateur-votre-besoin .option label br {
display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd8468 *//* ===========================
Étape 2 — Votre structure
=========================== */
#comparateur-structure {
max-width: 720px; /* ajuste si besoin */
}
/* Pile les champs avec un bel espacement */
#comparateur-structure .field {
display: flex;
flex-direction: column;
gap: 8px; /* figma gap 8 */
margin-bottom: 16px; /* espace entre blocs */
}
/* Label (caption) */
#comparateur-structure .field > label {
color: var(--text-base-bolder, #40414C);
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
}
/* Inputs & Selects (style commun) */
#comparateur-structure input[type="text"],
#comparateur-structure input[type="number"],
#comparateur-structure select {
display: flex;
align-items: center;
padding: var(--space-12, 12px) var(--space-16, 16px); /* 12 / 16 */
border-radius: var(--Border-Radius-Border-radius-S, 8px);
border: 1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size: 14px;
line-height: 20px;
color: #1F2937;
width: 100%;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Focus */
#comparateur-structure input:focus,
#comparateur-structure select:focus {
border-color: #4a3aff;
box-shadow: 0 0 0 2px rgba(74,58,255,.15);
outline: none;
background: #fff; /* léger éclaircissement au focus */
}
/* Placeholder */
#comparateur-structure input::placeholder {
color: #9CA3AF;
font-weight: 400;
}
/* Select : chevron custom, sans styles natifs */
#comparateur-structure select {
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
padding-right: 40px; /* place pour la flèche */
}
/* Number : retirer les flèches (Chrome) */
#comparateur-structure input[type="number"]::-webkit-outer-spin-button,
#comparateur-structure input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
#comparateur-structure input[type="number"] { -moz-appearance: textfield; }
/* États d’erreur — réutilise ta classe .cmp-error */
#comparateur-structure .cmp-error input,
#comparateur-structure .cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
background: #fff;
}
#comparateur-structure .cmp-error .cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
}
/* Responsive : une colonne compacte sous 600px */
@media (max-width: 600px) {
#comparateur-structure { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b985f28 *//* ---------- Dépôt de documents ---------- */
#comparateur-docs.upload-box{
border: 2px dashed #E5E7EB; /* gris + lisible */
border-radius: 8px;
padding: 24px; /* Figma: 24 */
background: #fff;
max-width: 680px;
font-family: inherit;
}
/* Titre + hint */
#comparateur-docs .upload-title{
font-size: 20px;
margin: 0 0 8px;
color: #111827;
}
#comparateur-docs .upload-hint{
font-size: 15px;
line-height: 22px;
color: #6B7280;
margin: 0 0 22px; /* espace sous le hint (figma ~22) */
}
/* ⚠️ mail ne doit pas devenir bleu */
#comparateur-docs .upload-hint a{
color: inherit; /* garde le gris du texte */
text-decoration: none;
}
#comparateur-docs .upload-hint a:hover{
text-decoration: underline; /* feedback léger au survol */
}
/* Ligne actions (bouton + nom de fichier) */
#comparateur-docs .upload-actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Bouton (14/20 – 500, centré) */
#comparateur-docs .btn-upload{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #3C2FFF;
background: #fff;
color: #3C2FFF;
font-size: 14px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#comparateur-docs .btn-upload:hover{
background: #3C2FFF;
color: #fff;
}
#comparateur-docs .btn-upload:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(60,47,255,.2);
}
/* Nom du/des fichiers */
#comparateur-docs .upload-filename{
font-size: 15px;
color: #6B7280;
min-height: 20px;
}
/* Cache l'input Elementor mais le laisse dans le DOM */
#form-field-field_b7fe640{
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca43da0 *//* ===========================
Étape 4 — Vos coordonnées
=========================== */
#comparateur-coord{
max-width: 720px; /* laisse un peu plus d'air */
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1A1A1E;
}
/* Grille 2 colonnes (Nom/Prénom, Email/Tel) */
#comparateur-coord .coord-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 20px; /* row / column gap */
margin-bottom:20px;
}
/* Champs */
#comparateur-coord .field{ display:flex; flex-direction:column; }
/* Labels (caption 12/16 regular) */
#comparateur-coord .field > label{
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
color: var(--text-base-strong, #1A1A1E);
margin-bottom:8px;
}
#comparateur-coord .field > label span[aria-hidden="true"]{ color:#7C7C8A; }
/* Inputs */
#comparateur-coord input[type="text"],
#comparateur-coord input[type="email"],
#comparateur-coord input[type="tel"]{
width:100%;
padding:12px 16px; /* 12 / 16 */
border-radius:8px;
border:1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size:14px;
line-height:20px;
color:#1F2937;
transition:border-color .2s, box-shadow .2s, background-color .2s;
}
/* Placeholder */
#comparateur-coord input::placeholder{ color:#9CA3AF; }
/* Focus */
#comparateur-coord input:focus{
outline:none;
border-color:#4A3AFF;
box-shadow:0 0 0 2px rgba(74,58,255,.15);
background:#fff;
}
/* Consentement */
#comparateur-coord .consent{
font-size:14px;
line-height:20px;
color:#40414C;
}
#comparateur-coord .consent label{
display:flex; align-items:flex-start; gap:8px; cursor:pointer;
}
#comparateur-coord .consent input[type="checkbox"]{
width:16px; height:16px; margin-top:2px; accent-color:#4A3AFF;
}
/* État d’erreur (réutilise ta classe commune) */
#comparateur-coord .cmp-error input{
border-color:#E63B3B !important;
box-shadow:0 0 0 2px rgba(230,59,59,.12);
background:#fff;
}
#comparateur-coord .cmp-error .cmp-error-msg{
margin-top:6px; font-size:13px; color:#E63B3B;
}
/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px){
#comparateur-coord .coord-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b690ab *//* ===== Étape 1 – Boutons radio cartes ===== */
#comparateur-votre-besoin .option {
/* le conteneur ne porte pas le fond pour éviter les décalages */
margin-bottom: 12px;
}
#comparateur-votre-besoin .option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0;
}
/* Carte cliquable (porte toute la mise en forme) */
#comparateur-votre-besoin .option label {
display: flex;
align-items: flex-start; /* Figma: flex-start */
gap: var(--layout-gap-md, 8px); /* Figma: 8px */
width: 100%;
cursor: pointer;
padding: 24px; /* Figma: 24px */
border-radius: 8px; /* Figma: 8px */
background: #fff;
transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-note, 14px); /* Figma: 14px */
line-height: var(--font-line-height-content-note, 20px); /* Figma: 20px */
font-weight: var(--font-weight-accent, 500); /* Figma: 500 */
color: var(--text-base-bolder, #40414C); /* Figma color */
}
/* Puce radio custom à gauche */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #7a7a7a;
border-radius: 50%;
flex-shrink: 0;
margin-top: 0; /* aligne bien avec le texte */
transition: background .2s ease, border-color .2s ease;
}
/* État hover (léger) */
#comparateur-votre-besoin .option label:hover {
background: #f9f9ff;
}
/* Focus clavier accessible */
#comparateur-votre-besoin .option input[type="radio"]:focus-visible + label {
box-shadow: 0 0 0 2px rgba(74,58,255,.25);
}
/* État sélectionné (bloc actif Figma) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label {
background: var(--background-brand-faint-default, #F2F4FD);
box-shadow: inset 0 0 0 1px rgba(74,58,255, .10); /* discret */
}
/* Puce sélectionnée (violet rempli) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label::before {
border-color: #4a3aff;
background: radial-gradient(circle at center, #4a3aff 50%, transparent 52%);
}
/* Sous-texte */
#comparateur-votre-besoin .option label small {
color: #6B7280; /* un peu plus soutenu que #888 */
font-size: 13px;
}
/* Optionnel : supprime l’ancienne bordure de carte si tu l’avais gardée */
#comparateur-votre-besoin .option {
border: 0;
}
/* --- Fix alignement option 4 : titre + sous-texte empilés, puce à gauche --- */
/* 1) Le label devient une grille 20px (puce) + 1fr (texte) */
#comparateur-votre-besoin .option label {
display: grid !important;
grid-template-columns: 20px 1fr;
column-gap: var(--layout-gap-md, 8px);
align-items: flex-start;
}
/* 2) La puce occupe la première colonne, sur toute la hauteur du bloc texte */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
grid-column: 1;
grid-row: 1 / span 2; /* couvre titre + small */
}
/* 3) Le titre (span) et le sous-texte (small) vont en colonne 2 */
#comparateur-votre-besoin .option label > span,
#comparateur-votre-besoin .option label > small {
grid-column: 2 !important;
}
/* 4) Sous-texte : bloc, couleur/typo douce, petit espace au-dessus */
#comparateur-votre-besoin .option label > small {
display: block;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
color: #6B7280;
}
/* 5) Si un
est présent dans le label, on le neutralise */
#comparateur-votre-besoin .option label br {
display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd8468 *//* ===========================
Étape 2 — Votre structure
=========================== */
#comparateur-structure {
max-width: 720px; /* ajuste si besoin */
}
/* Pile les champs avec un bel espacement */
#comparateur-structure .field {
display: flex;
flex-direction: column;
gap: 8px; /* figma gap 8 */
margin-bottom: 16px; /* espace entre blocs */
}
/* Label (caption) */
#comparateur-structure .field > label {
color: var(--text-base-bolder, #40414C);
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
}
/* Inputs & Selects (style commun) */
#comparateur-structure input[type="text"],
#comparateur-structure input[type="number"],
#comparateur-structure select {
display: flex;
align-items: center;
padding: var(--space-12, 12px) var(--space-16, 16px); /* 12 / 16 */
border-radius: var(--Border-Radius-Border-radius-S, 8px);
border: 1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size: 14px;
line-height: 20px;
color: #1F2937;
width: 100%;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Focus */
#comparateur-structure input:focus,
#comparateur-structure select:focus {
border-color: #4a3aff;
box-shadow: 0 0 0 2px rgba(74,58,255,.15);
outline: none;
background: #fff; /* léger éclaircissement au focus */
}
/* Placeholder */
#comparateur-structure input::placeholder {
color: #9CA3AF;
font-weight: 400;
}
/* Select : chevron custom, sans styles natifs */
#comparateur-structure select {
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
padding-right: 40px; /* place pour la flèche */
}
/* Number : retirer les flèches (Chrome) */
#comparateur-structure input[type="number"]::-webkit-outer-spin-button,
#comparateur-structure input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
#comparateur-structure input[type="number"] { -moz-appearance: textfield; }
/* États d’erreur — réutilise ta classe .cmp-error */
#comparateur-structure .cmp-error input,
#comparateur-structure .cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
background: #fff;
}
#comparateur-structure .cmp-error .cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
}
/* Responsive : une colonne compacte sous 600px */
@media (max-width: 600px) {
#comparateur-structure { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b985f28 *//* ---------- Dépôt de documents ---------- */
#comparateur-docs.upload-box{
border: 2px dashed #E5E7EB; /* gris + lisible */
border-radius: 8px;
padding: 24px; /* Figma: 24 */
background: #fff;
max-width: 680px;
font-family: inherit;
}
/* Titre + hint */
#comparateur-docs .upload-title{
font-size: 20px;
margin: 0 0 8px;
color: #111827;
}
#comparateur-docs .upload-hint{
font-size: 15px;
line-height: 22px;
color: #6B7280;
margin: 0 0 22px; /* espace sous le hint (figma ~22) */
}
/* ⚠️ mail ne doit pas devenir bleu */
#comparateur-docs .upload-hint a{
color: inherit; /* garde le gris du texte */
text-decoration: none;
}
#comparateur-docs .upload-hint a:hover{
text-decoration: underline; /* feedback léger au survol */
}
/* Ligne actions (bouton + nom de fichier) */
#comparateur-docs .upload-actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Bouton (14/20 – 500, centré) */
#comparateur-docs .btn-upload{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #3C2FFF;
background: #fff;
color: #3C2FFF;
font-size: 14px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#comparateur-docs .btn-upload:hover{
background: #3C2FFF;
color: #fff;
}
#comparateur-docs .btn-upload:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(60,47,255,.2);
}
/* Nom du/des fichiers */
#comparateur-docs .upload-filename{
font-size: 15px;
color: #6B7280;
min-height: 20px;
}
/* Cache l'input Elementor mais le laisse dans le DOM */
#form-field-field_b7fe640{
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca43da0 *//* ===========================
Étape 4 — Vos coordonnées
=========================== */
#comparateur-coord{
max-width: 720px; /* laisse un peu plus d'air */
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1A1A1E;
}
/* Grille 2 colonnes (Nom/Prénom, Email/Tel) */
#comparateur-coord .coord-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 20px; /* row / column gap */
margin-bottom:20px;
}
/* Champs */
#comparateur-coord .field{ display:flex; flex-direction:column; }
/* Labels (caption 12/16 regular) */
#comparateur-coord .field > label{
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
color: var(--text-base-strong, #1A1A1E);
margin-bottom:8px;
}
#comparateur-coord .field > label span[aria-hidden="true"]{ color:#7C7C8A; }
/* Inputs */
#comparateur-coord input[type="text"],
#comparateur-coord input[type="email"],
#comparateur-coord input[type="tel"]{
width:100%;
padding:12px 16px; /* 12 / 16 */
border-radius:8px;
border:1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size:14px;
line-height:20px;
color:#1F2937;
transition:border-color .2s, box-shadow .2s, background-color .2s;
}
/* Placeholder */
#comparateur-coord input::placeholder{ color:#9CA3AF; }
/* Focus */
#comparateur-coord input:focus{
outline:none;
border-color:#4A3AFF;
box-shadow:0 0 0 2px rgba(74,58,255,.15);
background:#fff;
}
/* Consentement */
#comparateur-coord .consent{
font-size:14px;
line-height:20px;
color:#40414C;
}
#comparateur-coord .consent label{
display:flex; align-items:flex-start; gap:8px; cursor:pointer;
}
#comparateur-coord .consent input[type="checkbox"]{
width:16px; height:16px; margin-top:2px; accent-color:#4A3AFF;
}
/* État d’erreur (réutilise ta classe commune) */
#comparateur-coord .cmp-error input{
border-color:#E63B3B !important;
box-shadow:0 0 0 2px rgba(230,59,59,.12);
background:#fff;
}
#comparateur-coord .cmp-error .cmp-error-msg{
margin-top:6px; font-size:13px; color:#E63B3B;
}
/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px){
#comparateur-coord .coord-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b690ab *//* ===== Étape 1 – Boutons radio cartes ===== */
#comparateur-votre-besoin .option {
/* le conteneur ne porte pas le fond pour éviter les décalages */
margin-bottom: 12px;
}
#comparateur-votre-besoin .option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0;
}
/* Carte cliquable (porte toute la mise en forme) */
#comparateur-votre-besoin .option label {
display: flex;
align-items: flex-start; /* Figma: flex-start */
gap: var(--layout-gap-md, 8px); /* Figma: 8px */
width: 100%;
cursor: pointer;
padding: 24px; /* Figma: 24px */
border-radius: 8px; /* Figma: 8px */
background: #fff;
transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-note, 14px); /* Figma: 14px */
line-height: var(--font-line-height-content-note, 20px); /* Figma: 20px */
font-weight: var(--font-weight-accent, 500); /* Figma: 500 */
color: var(--text-base-bolder, #40414C); /* Figma color */
}
/* Puce radio custom à gauche */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #7a7a7a;
border-radius: 50%;
flex-shrink: 0;
margin-top: 0; /* aligne bien avec le texte */
transition: background .2s ease, border-color .2s ease;
}
/* État hover (léger) */
#comparateur-votre-besoin .option label:hover {
background: #f9f9ff;
}
/* Focus clavier accessible */
#comparateur-votre-besoin .option input[type="radio"]:focus-visible + label {
box-shadow: 0 0 0 2px rgba(74,58,255,.25);
}
/* État sélectionné (bloc actif Figma) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label {
background: var(--background-brand-faint-default, #F2F4FD);
box-shadow: inset 0 0 0 1px rgba(74,58,255, .10); /* discret */
}
/* Puce sélectionnée (violet rempli) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label::before {
border-color: #4a3aff;
background: radial-gradient(circle at center, #4a3aff 50%, transparent 52%);
}
/* Sous-texte */
#comparateur-votre-besoin .option label small {
color: #6B7280; /* un peu plus soutenu que #888 */
font-size: 13px;
}
/* Optionnel : supprime l’ancienne bordure de carte si tu l’avais gardée */
#comparateur-votre-besoin .option {
border: 0;
}
/* --- Fix alignement option 4 : titre + sous-texte empilés, puce à gauche --- */
/* 1) Le label devient une grille 20px (puce) + 1fr (texte) */
#comparateur-votre-besoin .option label {
display: grid !important;
grid-template-columns: 20px 1fr;
column-gap: var(--layout-gap-md, 8px);
align-items: flex-start;
}
/* 2) La puce occupe la première colonne, sur toute la hauteur du bloc texte */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
grid-column: 1;
grid-row: 1 / span 2; /* couvre titre + small */
}
/* 3) Le titre (span) et le sous-texte (small) vont en colonne 2 */
#comparateur-votre-besoin .option label > span,
#comparateur-votre-besoin .option label > small {
grid-column: 2 !important;
}
/* 4) Sous-texte : bloc, couleur/typo douce, petit espace au-dessus */
#comparateur-votre-besoin .option label > small {
display: block;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
color: #6B7280;
}
/* 5) Si un
est présent dans le label, on le neutralise */
#comparateur-votre-besoin .option label br {
display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd8468 *//* ===========================
Étape 2 — Votre structure
=========================== */
#comparateur-structure {
max-width: 720px; /* ajuste si besoin */
}
/* Pile les champs avec un bel espacement */
#comparateur-structure .field {
display: flex;
flex-direction: column;
gap: 8px; /* figma gap 8 */
margin-bottom: 16px; /* espace entre blocs */
}
/* Label (caption) */
#comparateur-structure .field > label {
color: var(--text-base-bolder, #40414C);
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
}
/* Inputs & Selects (style commun) */
#comparateur-structure input[type="text"],
#comparateur-structure input[type="number"],
#comparateur-structure select {
display: flex;
align-items: center;
padding: var(--space-12, 12px) var(--space-16, 16px); /* 12 / 16 */
border-radius: var(--Border-Radius-Border-radius-S, 8px);
border: 1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size: 14px;
line-height: 20px;
color: #1F2937;
width: 100%;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Focus */
#comparateur-structure input:focus,
#comparateur-structure select:focus {
border-color: #4a3aff;
box-shadow: 0 0 0 2px rgba(74,58,255,.15);
outline: none;
background: #fff; /* léger éclaircissement au focus */
}
/* Placeholder */
#comparateur-structure input::placeholder {
color: #9CA3AF;
font-weight: 400;
}
/* Select : chevron custom, sans styles natifs */
#comparateur-structure select {
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
padding-right: 40px; /* place pour la flèche */
}
/* Number : retirer les flèches (Chrome) */
#comparateur-structure input[type="number"]::-webkit-outer-spin-button,
#comparateur-structure input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
#comparateur-structure input[type="number"] { -moz-appearance: textfield; }
/* États d’erreur — réutilise ta classe .cmp-error */
#comparateur-structure .cmp-error input,
#comparateur-structure .cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
background: #fff;
}
#comparateur-structure .cmp-error .cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
}
/* Responsive : une colonne compacte sous 600px */
@media (max-width: 600px) {
#comparateur-structure { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b985f28 *//* ---------- Dépôt de documents ---------- */
#comparateur-docs.upload-box{
border: 2px dashed #E5E7EB; /* gris + lisible */
border-radius: 8px;
padding: 24px; /* Figma: 24 */
background: #fff;
max-width: 680px;
font-family: inherit;
}
/* Titre + hint */
#comparateur-docs .upload-title{
font-size: 20px;
margin: 0 0 8px;
color: #111827;
}
#comparateur-docs .upload-hint{
font-size: 15px;
line-height: 22px;
color: #6B7280;
margin: 0 0 22px; /* espace sous le hint (figma ~22) */
}
/* ⚠️ mail ne doit pas devenir bleu */
#comparateur-docs .upload-hint a{
color: inherit; /* garde le gris du texte */
text-decoration: none;
}
#comparateur-docs .upload-hint a:hover{
text-decoration: underline; /* feedback léger au survol */
}
/* Ligne actions (bouton + nom de fichier) */
#comparateur-docs .upload-actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Bouton (14/20 – 500, centré) */
#comparateur-docs .btn-upload{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #3C2FFF;
background: #fff;
color: #3C2FFF;
font-size: 14px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#comparateur-docs .btn-upload:hover{
background: #3C2FFF;
color: #fff;
}
#comparateur-docs .btn-upload:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(60,47,255,.2);
}
/* Nom du/des fichiers */
#comparateur-docs .upload-filename{
font-size: 15px;
color: #6B7280;
min-height: 20px;
}
/* Cache l'input Elementor mais le laisse dans le DOM */
#form-field-field_b7fe640{
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca43da0 *//* ===========================
Étape 4 — Vos coordonnées
=========================== */
#comparateur-coord{
max-width: 720px; /* laisse un peu plus d'air */
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1A1A1E;
}
/* Grille 2 colonnes (Nom/Prénom, Email/Tel) */
#comparateur-coord .coord-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 20px; /* row / column gap */
margin-bottom:20px;
}
/* Champs */
#comparateur-coord .field{ display:flex; flex-direction:column; }
/* Labels (caption 12/16 regular) */
#comparateur-coord .field > label{
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
color: var(--text-base-strong, #1A1A1E);
margin-bottom:8px;
}
#comparateur-coord .field > label span[aria-hidden="true"]{ color:#7C7C8A; }
/* Inputs */
#comparateur-coord input[type="text"],
#comparateur-coord input[type="email"],
#comparateur-coord input[type="tel"]{
width:100%;
padding:12px 16px; /* 12 / 16 */
border-radius:8px;
border:1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size:14px;
line-height:20px;
color:#1F2937;
transition:border-color .2s, box-shadow .2s, background-color .2s;
}
/* Placeholder */
#comparateur-coord input::placeholder{ color:#9CA3AF; }
/* Focus */
#comparateur-coord input:focus{
outline:none;
border-color:#4A3AFF;
box-shadow:0 0 0 2px rgba(74,58,255,.15);
background:#fff;
}
/* Consentement */
#comparateur-coord .consent{
font-size:14px;
line-height:20px;
color:#40414C;
}
#comparateur-coord .consent label{
display:flex; align-items:flex-start; gap:8px; cursor:pointer;
}
#comparateur-coord .consent input[type="checkbox"]{
width:16px; height:16px; margin-top:2px; accent-color:#4A3AFF;
}
/* État d’erreur (réutilise ta classe commune) */
#comparateur-coord .cmp-error input{
border-color:#E63B3B !important;
box-shadow:0 0 0 2px rgba(230,59,59,.12);
background:#fff;
}
#comparateur-coord .cmp-error .cmp-error-msg{
margin-top:6px; font-size:13px; color:#E63B3B;
}
/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px){
#comparateur-coord .coord-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b690ab *//* ===== Étape 1 – Boutons radio cartes ===== */
#comparateur-votre-besoin .option {
/* le conteneur ne porte pas le fond pour éviter les décalages */
margin-bottom: 12px;
}
#comparateur-votre-besoin .option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0;
}
/* Carte cliquable (porte toute la mise en forme) */
#comparateur-votre-besoin .option label {
display: flex;
align-items: flex-start; /* Figma: flex-start */
gap: var(--layout-gap-md, 8px); /* Figma: 8px */
width: 100%;
cursor: pointer;
padding: 24px; /* Figma: 24px */
border-radius: 8px; /* Figma: 8px */
background: #fff;
transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-note, 14px); /* Figma: 14px */
line-height: var(--font-line-height-content-note, 20px); /* Figma: 20px */
font-weight: var(--font-weight-accent, 500); /* Figma: 500 */
color: var(--text-base-bolder, #40414C); /* Figma color */
}
/* Puce radio custom à gauche */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #7a7a7a;
border-radius: 50%;
flex-shrink: 0;
margin-top: 0; /* aligne bien avec le texte */
transition: background .2s ease, border-color .2s ease;
}
/* État hover (léger) */
#comparateur-votre-besoin .option label:hover {
background: #f9f9ff;
}
/* Focus clavier accessible */
#comparateur-votre-besoin .option input[type="radio"]:focus-visible + label {
box-shadow: 0 0 0 2px rgba(74,58,255,.25);
}
/* État sélectionné (bloc actif Figma) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label {
background: var(--background-brand-faint-default, #F2F4FD);
box-shadow: inset 0 0 0 1px rgba(74,58,255, .10); /* discret */
}
/* Puce sélectionnée (violet rempli) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label::before {
border-color: #4a3aff;
background: radial-gradient(circle at center, #4a3aff 50%, transparent 52%);
}
/* Sous-texte */
#comparateur-votre-besoin .option label small {
color: #6B7280; /* un peu plus soutenu que #888 */
font-size: 13px;
}
/* Optionnel : supprime l’ancienne bordure de carte si tu l’avais gardée */
#comparateur-votre-besoin .option {
border: 0;
}
/* --- Fix alignement option 4 : titre + sous-texte empilés, puce à gauche --- */
/* 1) Le label devient une grille 20px (puce) + 1fr (texte) */
#comparateur-votre-besoin .option label {
display: grid !important;
grid-template-columns: 20px 1fr;
column-gap: var(--layout-gap-md, 8px);
align-items: flex-start;
}
/* 2) La puce occupe la première colonne, sur toute la hauteur du bloc texte */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
grid-column: 1;
grid-row: 1 / span 2; /* couvre titre + small */
}
/* 3) Le titre (span) et le sous-texte (small) vont en colonne 2 */
#comparateur-votre-besoin .option label > span,
#comparateur-votre-besoin .option label > small {
grid-column: 2 !important;
}
/* 4) Sous-texte : bloc, couleur/typo douce, petit espace au-dessus */
#comparateur-votre-besoin .option label > small {
display: block;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
color: #6B7280;
}
/* 5) Si un
est présent dans le label, on le neutralise */
#comparateur-votre-besoin .option label br {
display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd8468 *//* ===========================
Étape 2 — Votre structure
=========================== */
#comparateur-structure {
max-width: 720px; /* ajuste si besoin */
}
/* Pile les champs avec un bel espacement */
#comparateur-structure .field {
display: flex;
flex-direction: column;
gap: 8px; /* figma gap 8 */
margin-bottom: 16px; /* espace entre blocs */
}
/* Label (caption) */
#comparateur-structure .field > label {
color: var(--text-base-bolder, #40414C);
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
}
/* Inputs & Selects (style commun) */
#comparateur-structure input[type="text"],
#comparateur-structure input[type="number"],
#comparateur-structure select {
display: flex;
align-items: center;
padding: var(--space-12, 12px) var(--space-16, 16px); /* 12 / 16 */
border-radius: var(--Border-Radius-Border-radius-S, 8px);
border: 1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size: 14px;
line-height: 20px;
color: #1F2937;
width: 100%;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Focus */
#comparateur-structure input:focus,
#comparateur-structure select:focus {
border-color: #4a3aff;
box-shadow: 0 0 0 2px rgba(74,58,255,.15);
outline: none;
background: #fff; /* léger éclaircissement au focus */
}
/* Placeholder */
#comparateur-structure input::placeholder {
color: #9CA3AF;
font-weight: 400;
}
/* Select : chevron custom, sans styles natifs */
#comparateur-structure select {
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
padding-right: 40px; /* place pour la flèche */
}
/* Number : retirer les flèches (Chrome) */
#comparateur-structure input[type="number"]::-webkit-outer-spin-button,
#comparateur-structure input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
#comparateur-structure input[type="number"] { -moz-appearance: textfield; }
/* États d’erreur — réutilise ta classe .cmp-error */
#comparateur-structure .cmp-error input,
#comparateur-structure .cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
background: #fff;
}
#comparateur-structure .cmp-error .cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
}
/* Responsive : une colonne compacte sous 600px */
@media (max-width: 600px) {
#comparateur-structure { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b985f28 *//* ---------- Dépôt de documents ---------- */
#comparateur-docs.upload-box{
border: 2px dashed #E5E7EB; /* gris + lisible */
border-radius: 8px;
padding: 24px; /* Figma: 24 */
background: #fff;
max-width: 680px;
font-family: inherit;
}
/* Titre + hint */
#comparateur-docs .upload-title{
font-size: 20px;
margin: 0 0 8px;
color: #111827;
}
#comparateur-docs .upload-hint{
font-size: 15px;
line-height: 22px;
color: #6B7280;
margin: 0 0 22px; /* espace sous le hint (figma ~22) */
}
/* ⚠️ mail ne doit pas devenir bleu */
#comparateur-docs .upload-hint a{
color: inherit; /* garde le gris du texte */
text-decoration: none;
}
#comparateur-docs .upload-hint a:hover{
text-decoration: underline; /* feedback léger au survol */
}
/* Ligne actions (bouton + nom de fichier) */
#comparateur-docs .upload-actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Bouton (14/20 – 500, centré) */
#comparateur-docs .btn-upload{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #3C2FFF;
background: #fff;
color: #3C2FFF;
font-size: 14px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#comparateur-docs .btn-upload:hover{
background: #3C2FFF;
color: #fff;
}
#comparateur-docs .btn-upload:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(60,47,255,.2);
}
/* Nom du/des fichiers */
#comparateur-docs .upload-filename{
font-size: 15px;
color: #6B7280;
min-height: 20px;
}
/* Cache l'input Elementor mais le laisse dans le DOM */
#form-field-field_b7fe640{
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca43da0 *//* ===========================
Étape 4 — Vos coordonnées
=========================== */
#comparateur-coord{
max-width: 720px; /* laisse un peu plus d'air */
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1A1A1E;
}
/* Grille 2 colonnes (Nom/Prénom, Email/Tel) */
#comparateur-coord .coord-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 20px; /* row / column gap */
margin-bottom:20px;
}
/* Champs */
#comparateur-coord .field{ display:flex; flex-direction:column; }
/* Labels (caption 12/16 regular) */
#comparateur-coord .field > label{
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
color: var(--text-base-strong, #1A1A1E);
margin-bottom:8px;
}
#comparateur-coord .field > label span[aria-hidden="true"]{ color:#7C7C8A; }
/* Inputs */
#comparateur-coord input[type="text"],
#comparateur-coord input[type="email"],
#comparateur-coord input[type="tel"]{
width:100%;
padding:12px 16px; /* 12 / 16 */
border-radius:8px;
border:1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size:14px;
line-height:20px;
color:#1F2937;
transition:border-color .2s, box-shadow .2s, background-color .2s;
}
/* Placeholder */
#comparateur-coord input::placeholder{ color:#9CA3AF; }
/* Focus */
#comparateur-coord input:focus{
outline:none;
border-color:#4A3AFF;
box-shadow:0 0 0 2px rgba(74,58,255,.15);
background:#fff;
}
/* Consentement */
#comparateur-coord .consent{
font-size:14px;
line-height:20px;
color:#40414C;
}
#comparateur-coord .consent label{
display:flex; align-items:flex-start; gap:8px; cursor:pointer;
}
#comparateur-coord .consent input[type="checkbox"]{
width:16px; height:16px; margin-top:2px; accent-color:#4A3AFF;
}
/* État d’erreur (réutilise ta classe commune) */
#comparateur-coord .cmp-error input{
border-color:#E63B3B !important;
box-shadow:0 0 0 2px rgba(230,59,59,.12);
background:#fff;
}
#comparateur-coord .cmp-error .cmp-error-msg{
margin-top:6px; font-size:13px; color:#E63B3B;
}
/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px){
#comparateur-coord .coord-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b690ab *//* ===== Étape 1 – Boutons radio cartes ===== */
#comparateur-votre-besoin .option {
/* le conteneur ne porte pas le fond pour éviter les décalages */
margin-bottom: 12px;
}
#comparateur-votre-besoin .option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0;
}
/* Carte cliquable (porte toute la mise en forme) */
#comparateur-votre-besoin .option label {
display: flex;
align-items: flex-start; /* Figma: flex-start */
gap: var(--layout-gap-md, 8px); /* Figma: 8px */
width: 100%;
cursor: pointer;
padding: 24px; /* Figma: 24px */
border-radius: 8px; /* Figma: 8px */
background: #fff;
transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-note, 14px); /* Figma: 14px */
line-height: var(--font-line-height-content-note, 20px); /* Figma: 20px */
font-weight: var(--font-weight-accent, 500); /* Figma: 500 */
color: var(--text-base-bolder, #40414C); /* Figma color */
}
/* Puce radio custom à gauche */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #7a7a7a;
border-radius: 50%;
flex-shrink: 0;
margin-top: 0; /* aligne bien avec le texte */
transition: background .2s ease, border-color .2s ease;
}
/* État hover (léger) */
#comparateur-votre-besoin .option label:hover {
background: #f9f9ff;
}
/* Focus clavier accessible */
#comparateur-votre-besoin .option input[type="radio"]:focus-visible + label {
box-shadow: 0 0 0 2px rgba(74,58,255,.25);
}
/* État sélectionné (bloc actif Figma) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label {
background: var(--background-brand-faint-default, #F2F4FD);
box-shadow: inset 0 0 0 1px rgba(74,58,255, .10); /* discret */
}
/* Puce sélectionnée (violet rempli) */
#comparateur-votre-besoin .option input[type="radio"]:checked + label::before {
border-color: #4a3aff;
background: radial-gradient(circle at center, #4a3aff 50%, transparent 52%);
}
/* Sous-texte */
#comparateur-votre-besoin .option label small {
color: #6B7280; /* un peu plus soutenu que #888 */
font-size: 13px;
}
/* Optionnel : supprime l’ancienne bordure de carte si tu l’avais gardée */
#comparateur-votre-besoin .option {
border: 0;
}
/* --- Fix alignement option 4 : titre + sous-texte empilés, puce à gauche --- */
/* 1) Le label devient une grille 20px (puce) + 1fr (texte) */
#comparateur-votre-besoin .option label {
display: grid !important;
grid-template-columns: 20px 1fr;
column-gap: var(--layout-gap-md, 8px);
align-items: flex-start;
}
/* 2) La puce occupe la première colonne, sur toute la hauteur du bloc texte */
#comparateur-votre-besoin .option input[type="radio"] + label::before {
grid-column: 1;
grid-row: 1 / span 2; /* couvre titre + small */
}
/* 3) Le titre (span) et le sous-texte (small) vont en colonne 2 */
#comparateur-votre-besoin .option label > span,
#comparateur-votre-besoin .option label > small {
grid-column: 2 !important;
}
/* 4) Sous-texte : bloc, couleur/typo douce, petit espace au-dessus */
#comparateur-votre-besoin .option label > small {
display: block;
margin-top: 0px;
font-size: 13px;
line-height: 20px;
color: #6B7280;
}
/* 5) Si un
est présent dans le label, on le neutralise */
#comparateur-votre-besoin .option label br {
display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd8468 *//* ===========================
Étape 2 — Votre structure
=========================== */
#comparateur-structure {
max-width: 720px; /* ajuste si besoin */
}
/* Pile les champs avec un bel espacement */
#comparateur-structure .field {
display: flex;
flex-direction: column;
gap: 8px; /* figma gap 8 */
margin-bottom: 16px; /* espace entre blocs */
}
/* Label (caption) */
#comparateur-structure .field > label {
color: var(--text-base-bolder, #40414C);
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
}
/* Inputs & Selects (style commun) */
#comparateur-structure input[type="text"],
#comparateur-structure input[type="number"],
#comparateur-structure select {
display: flex;
align-items: center;
padding: var(--space-12, 12px) var(--space-16, 16px); /* 12 / 16 */
border-radius: var(--Border-Radius-Border-radius-S, 8px);
border: 1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size: 14px;
line-height: 20px;
color: #1F2937;
width: 100%;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Focus */
#comparateur-structure input:focus,
#comparateur-structure select:focus {
border-color: #4a3aff;
box-shadow: 0 0 0 2px rgba(74,58,255,.15);
outline: none;
background: #fff; /* léger éclaircissement au focus */
}
/* Placeholder */
#comparateur-structure input::placeholder {
color: #9CA3AF;
font-weight: 400;
}
/* Select : chevron custom, sans styles natifs */
#comparateur-structure select {
appearance: none;
-webkit-appearance: none;
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
padding-right: 40px; /* place pour la flèche */
}
/* Number : retirer les flèches (Chrome) */
#comparateur-structure input[type="number"]::-webkit-outer-spin-button,
#comparateur-structure input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
#comparateur-structure input[type="number"] { -moz-appearance: textfield; }
/* États d’erreur — réutilise ta classe .cmp-error */
#comparateur-structure .cmp-error input,
#comparateur-structure .cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
background: #fff;
}
#comparateur-structure .cmp-error .cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
}
/* Responsive : une colonne compacte sous 600px */
@media (max-width: 600px) {
#comparateur-structure { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b985f28 *//* ---------- Dépôt de documents ---------- */
#comparateur-docs.upload-box{
border: 2px dashed #E5E7EB; /* gris + lisible */
border-radius: 8px;
padding: 24px; /* Figma: 24 */
background: #fff;
max-width: 680px;
font-family: inherit;
}
/* Titre + hint */
#comparateur-docs .upload-title{
font-size: 20px;
margin: 0 0 8px;
color: #111827;
}
#comparateur-docs .upload-hint{
font-size: 15px;
line-height: 22px;
color: #6B7280;
margin: 0 0 22px; /* espace sous le hint (figma ~22) */
}
/* ⚠️ mail ne doit pas devenir bleu */
#comparateur-docs .upload-hint a{
color: inherit; /* garde le gris du texte */
text-decoration: none;
}
#comparateur-docs .upload-hint a:hover{
text-decoration: underline; /* feedback léger au survol */
}
/* Ligne actions (bouton + nom de fichier) */
#comparateur-docs .upload-actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Bouton (14/20 – 500, centré) */
#comparateur-docs .btn-upload{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #3C2FFF;
background: #fff;
color: #3C2FFF;
font-size: 14px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#comparateur-docs .btn-upload:hover{
background: #3C2FFF;
color: #fff;
}
#comparateur-docs .btn-upload:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(60,47,255,.2);
}
/* Nom du/des fichiers */
#comparateur-docs .upload-filename{
font-size: 15px;
color: #6B7280;
min-height: 20px;
}
/* Cache l'input Elementor mais le laisse dans le DOM */
#form-field-field_b7fe640{
position: absolute !important;
left: -9999px !important;
width: 1px !important; height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca43da0 *//* ===========================
Étape 4 — Vos coordonnées
=========================== */
#comparateur-coord{
max-width: 720px; /* laisse un peu plus d'air */
font-family: var(--font-family-content, Inter), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1A1A1E;
}
/* Grille 2 colonnes (Nom/Prénom, Email/Tel) */
#comparateur-coord .coord-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 20px; /* row / column gap */
margin-bottom:20px;
}
/* Champs */
#comparateur-coord .field{ display:flex; flex-direction:column; }
/* Labels (caption 12/16 regular) */
#comparateur-coord .field > label{
font-size: var(--font-size-content-caption, 12px);
line-height: var(--font-line-height-content-caption, 16px);
font-weight: var(--font-weight-regular, 400);
color: var(--text-base-strong, #1A1A1E);
margin-bottom:8px;
}
#comparateur-coord .field > label span[aria-hidden="true"]{ color:#7C7C8A; }
/* Inputs */
#comparateur-coord input[type="text"],
#comparateur-coord input[type="email"],
#comparateur-coord input[type="tel"]{
width:100%;
padding:12px 16px; /* 12 / 16 */
border-radius:8px;
border:1px solid var(--border-neutral-lighter, #D9D9DE);
background: var(--background-base, #FBFAF9);
font-size:14px;
line-height:20px;
color:#1F2937;
transition:border-color .2s, box-shadow .2s, background-color .2s;
}
/* Placeholder */
#comparateur-coord input::placeholder{ color:#9CA3AF; }
/* Focus */
#comparateur-coord input:focus{
outline:none;
border-color:#4A3AFF;
box-shadow:0 0 0 2px rgba(74,58,255,.15);
background:#fff;
}
/* Consentement */
#comparateur-coord .consent{
font-size:14px;
line-height:20px;
color:#40414C;
}
#comparateur-coord .consent label{
display:flex; align-items:flex-start; gap:8px; cursor:pointer;
}
#comparateur-coord .consent input[type="checkbox"]{
width:16px; height:16px; margin-top:2px; accent-color:#4A3AFF;
}
/* État d’erreur (réutilise ta classe commune) */
#comparateur-coord .cmp-error input{
border-color:#E63B3B !important;
box-shadow:0 0 0 2px rgba(230,59,59,.12);
background:#fff;
}
#comparateur-coord .cmp-error .cmp-error-msg{
margin-top:6px; font-size:13px; color:#E63B3B;
}
/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px){
#comparateur-coord .coord-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e97146c *//* Désactive la main et les clics souris sur les titres d'onglets */
#tabs-comparateur-main .e-n-tabs .e-n-tabs-heading .e-n-tab-title {
pointer-events: none;
cursor: default;
}
/* état d'erreur */
#comparateur-votre-besoin .field,
#comparateur-structure .field,
#comparateur-coord .field { position: relative; }
.cmp-error input,
.cmp-error select {
border-color: #e63b3b !important;
box-shadow: 0 0 0 2px rgba(230,59,59,.12);
}
.cmp-error-msg {
margin-top: 6px;
font-size: 13px;
color: #e63b3b;
line-height: 1.3;
}/* End custom CSS */