.elementor-1233 .elementor-element.elementor-element-757b94b4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1233 .elementor-element.elementor-element-757b94b4:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-757b94b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-757b94b4{border-style:solid;border-width:0px 0px 1px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:2;}.elementor-1233 .elementor-element.elementor-element-757b94b4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-1233 .elementor-element.elementor-element-f73ae0f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;}.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-4bf1b036{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-9fbb3dc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1233 .elementor-element.elementor-element-1569be07:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-1569be07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/bg_img.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-1233 .elementor-element.elementor-element-1569be07 > .elementor-background-overlay{background-color:#FFFFFFCC;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1233 .elementor-element.elementor-element-1569be07{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:1em 0em 03em 0em;}.elementor-bc-flex-widget .elementor-1233 .elementor-element.elementor-element-4ad06bd6.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1233 .elementor-element.elementor-element-4ad06bd6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1233 .elementor-element.elementor-element-4ad06bd6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-d7c3b58{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1233 .elementor-element.elementor-element-2912659b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-1233 .elementor-element.elementor-element-2912659b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1233 .elementor-element.elementor-element-11abde74 > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-1233 .elementor-element.elementor-element-11abde74{text-align:center;}.elementor-1233 .elementor-element.elementor-element-11abde74 img{width:100%;height:500px;object-fit:cover;object-position:center center;}.elementor-1233 .elementor-element.elementor-element-70c7eedd > .elementor-element-populated{padding:3em 1em 3em 5em;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-461e096c .elementor-heading-title{color:#465C88;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon-box-wrapper{align-items:start;}.elementor-1233 .elementor-element.elementor-element-22914dde{--icon-box-icon-margin:16px;}.elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon-box-title{margin-block-end:3px;color:#465C88;}.elementor-1233 .elementor-element.elementor-element-22914dde.elementor-view-stacked .elementor-icon{background-color:#FF7A30;fill:#02010100;color:#02010100;}.elementor-1233 .elementor-element.elementor-element-22914dde.elementor-view-framed .elementor-icon, .elementor-1233 .elementor-element.elementor-element-22914dde.elementor-view-default .elementor-icon{fill:#FF7A30;color:#FF7A30;border-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-22914dde.elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon{font-size:25px;border-width:1px 1px 1px 1px;}.elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon-box-title, .elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1233 .elementor-element.elementor-element-22914dde:has(:hover) .elementor-icon-box-title,
					 .elementor-1233 .elementor-element.elementor-element-22914dde:has(:focus) .elementor-icon-box-title{color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-7e7575a .elementor-icon-box-wrapper{align-items:start;}.elementor-1233 .elementor-element.elementor-element-7e7575a{--icon-box-icon-margin:16px;}.elementor-1233 .elementor-element.elementor-element-7e7575a .elementor-icon-box-title{margin-block-end:3px;color:#465C88;}.elementor-1233 .elementor-element.elementor-element-7e7575a.elementor-view-stacked .elementor-icon{background-color:#FF7A30;fill:#02010100;color:#02010100;}.elementor-1233 .elementor-element.elementor-element-7e7575a.elementor-view-framed .elementor-icon, .elementor-1233 .elementor-element.elementor-element-7e7575a.elementor-view-default .elementor-icon{fill:#FF7A30;color:#FF7A30;border-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-7e7575a.elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-7e7575a .elementor-icon{font-size:25px;border-width:1px 1px 1px 1px;}.elementor-1233 .elementor-element.elementor-element-7e7575a:has(:hover) .elementor-icon-box-title,
					 .elementor-1233 .elementor-element.elementor-element-7e7575a:has(:focus) .elementor-icon-box-title{color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-3f41d52a .elementor-icon-box-wrapper{align-items:start;}.elementor-1233 .elementor-element.elementor-element-3f41d52a{--icon-box-icon-margin:16px;}.elementor-1233 .elementor-element.elementor-element-3f41d52a .elementor-icon-box-title{margin-block-end:3px;color:#465C88;}.elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-stacked .elementor-icon{background-color:#FF7A30;fill:#02010100;color:#02010100;}.elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-framed .elementor-icon, .elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-default .elementor-icon{fill:#FF7A30;color:#FF7A30;border-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1233 .elementor-element.elementor-element-3f41d52a.elementor-view-default:has(:focus) .elementor-icon{fill:#FF7A30;color:#FF7A30;border-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-3f41d52a .elementor-icon{font-size:25px;border-width:1px 1px 1px 1px;}.elementor-1233 .elementor-element.elementor-element-3f41d52a:has(:hover) .elementor-icon-box-title,
					 .elementor-1233 .elementor-element.elementor-element-3f41d52a:has(:focus) .elementor-icon-box-title{color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-6976d3b6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 5em 0em;}.elementor-1233 .elementor-element.elementor-element-6976d3b6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1233 .elementor-element.elementor-element-54cf7ffe > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:1px;}.elementor-1233 .elementor-element.elementor-element-54cf7ffe > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-489b9c22 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-196a6ac1{text-align:center;}.elementor-1233 .elementor-element.elementor-element-d0651d1{width:var( --container-widget-width, 199.405% );max-width:199.405%;--container-widget-width:199.405%;--container-widget-flex-grow:0;}.elementor-1233 .elementor-element.elementor-element-2ea1e71:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-2ea1e71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/repairing-and-upgrade-mobile-phone-electronic-computer-hardware-and-technology-concept-.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1233 .elementor-element.elementor-element-2ea1e71 > .elementor-background-overlay{background-color:#FFFFFFCC;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1233 .elementor-element.elementor-element-2ea1e71{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5em 0em 7em 0em;}.elementor-1233 .elementor-element.elementor-element-5ff7bd73 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-65da3c5a > .elementor-container{max-width:720px;}.elementor-1233 .elementor-element.elementor-element-1b359c0c > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-58c1e024{text-align:center;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #1E3C72 0%, #242121 100%);}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__back{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/bg_footer_.png");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-1233 .elementor-element.elementor-element-713c6035 > .elementor-widget-container{box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box{height:350px;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-icon-wrapper{margin-bottom:14px;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-view-framed .elementor-icon svg{stroke:#02010100;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-view-stacked .elementor-icon{color:#02010100;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-view-stacked .elementor-icon svg{fill:#02010100;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-icon{font-size:35px;border-width:1px;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-icon svg{width:35px;transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-icon i{transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box__button{margin-center:0;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #1E3C72 0%, #242121 100%);}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__back{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/bg_footer_.png");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-1233 .elementor-element.elementor-element-740a2e9a > .elementor-widget-container{box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box{height:350px;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-icon-wrapper{margin-bottom:14px;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-view-framed .elementor-icon svg{stroke:#02010100;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-view-stacked .elementor-icon{color:#02010100;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-view-stacked .elementor-icon svg{fill:#02010100;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-icon{font-size:35px;border-width:1px;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-icon svg{width:35px;transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-icon i{transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box__button{margin-center:0;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #1E3C72 0%, #242121 100%);}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__back{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/bg_footer_.png");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-1233 .elementor-element.elementor-element-73c6f69b > .elementor-widget-container{box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box{height:350px;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-icon-wrapper{margin-bottom:14px;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:#02010100;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-stacked .elementor-icon svg{stroke:#FFFFFF;fill:#02010100;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-framed .elementor-icon, .elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-framed .elementor-icon svg, .elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-default .elementor-icon svg{fill:#FFFFFF;border-color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-framed .elementor-icon{background-color:#02010100;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-view-framed .elementor-icon svg{stroke:#02010100;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-icon{font-size:35px;border-width:1px;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-icon svg{width:35px;transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-icon i{transform:rotate(0deg);}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:2em 2em 2em 2em;text-align:center;justify-content:center;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box__button{margin-center:0;}.elementor-1233 .elementor-element.elementor-element-75bc3657:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-75bc3657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://phonegenie35.com/wp-content/uploads/2025/08/the-technician-repairing-the-smartphone-s-motherboard-in-the-workshop-on-the-table-.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1233 .elementor-element.elementor-element-75bc3657 > .elementor-background-overlay{background-color:#2222222B;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1233 .elementor-element.elementor-element-75bc3657{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-1233 .elementor-element.elementor-element-6b1af7a8 > .elementor-element-populated{margin:0% 0% 0% 50%;--e-column-margin-right:0%;--e-column-margin-left:50%;padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-6b9a91fc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#F0F0F0;}.elementor-1233 .elementor-element.elementor-element-331872ea{color:#F0F0F0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1233 .elementor-element.elementor-element-42ee7b5b .elementor-button{background-color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-3d06aad{text-align:center;}.elementor-1233 .elementor-element.elementor-element-3d06aad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-1233 .elementor-element.elementor-element-29d10250 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1233 .elementor-element.elementor-element-29d10250 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1233 .elementor-element.elementor-element-29d10250{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5em 1em 5em 1em;}.elementor-1233 .elementor-element.elementor-element-37a4c40e > .elementor-element-populated{padding:4em 4em 4em 4em;}.elementor-1233 .elementor-element.elementor-element-414caac6 .elementor-heading-title{color:#465C88;}.elementor-1233 .elementor-element.elementor-element-2c735415{color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-e88280{--divider-border-style:solid;--divider-color:#2B0F0F;--divider-border-width:1px;}.elementor-1233 .elementor-element.elementor-element-e88280 .elementor-divider-separator{width:100%;}.elementor-1233 .elementor-element.elementor-element-e88280 .elementor-divider{padding-block-start:7px;padding-block-end:7px;}.elementor-1233 .elementor-element.elementor-element-77f66053{width:100%;max-width:100%;align-self:flex-start;--e-icon-list-icon-size:0px;--icon-vertical-offset:0px;}.elementor-1233 .elementor-element.elementor-element-77f66053 > .elementor-widget-container{padding:1px 1px 1px 1px;}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1233 .elementor-element.elementor-element-77f66053 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1233 .elementor-element.elementor-element-4fb0f997{width:auto;max-width:auto;}.elementor-1233 .elementor-element.elementor-element-4fb0f997 > .elementor-widget-container{margin:0px 10px 0px 0px;padding:10px 21px 10px 21px;}.elementor-1233 .elementor-element.elementor-element-4fb0f997 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-4fb0f997 .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-1233 .elementor-element.elementor-element-935dd6b{width:auto;max-width:auto;}.elementor-1233 .elementor-element.elementor-element-935dd6b > .elementor-widget-container{padding:10px 21px 10px 21px;}.elementor-1233 .elementor-element.elementor-element-935dd6b .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-1233 .elementor-element.elementor-element-935dd6b:has(:hover) .elementor-icon-box-title,
					 .elementor-1233 .elementor-element.elementor-element-935dd6b:has(:focus) .elementor-icon-box-title{color:#FF7A30;}.elementor-1233 .elementor-element.elementor-element-935dd6b .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-1233 .elementor-element.elementor-element-679cf148:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1233 .elementor-element.elementor-element-679cf148 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#465C88;}.elementor-1233 .elementor-element.elementor-element-679cf148 > .elementor-element-populated{box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4em 4em 4em 4em;}.elementor-1233 .elementor-element.elementor-element-679cf148 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group > label, .elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group .elementor-select-wrapper select{border-color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .e-form__buttons__wrapper__button-next{background-color:#FF7A30;color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-button[type="submit"]{background-color:#FF7A30;color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1233 .elementor-element.elementor-element-68555ea1{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > a{font-size:12px;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > a{font-size:12px;}.elementor-1233 .elementor-element.elementor-element-1569be07{padding:3em 1em 3em 1em;}.elementor-1233 .elementor-element.elementor-element-2912659b{padding:3em 0em 3em 0em;}.elementor-1233 .elementor-element.elementor-element-70c7eedd > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-6976d3b6{padding:1em 0em 3em 0em;}.elementor-1233 .elementor-element.elementor-element-2ea1e71{padding:1em 0em 3em 0em;}.elementor-1233 .elementor-element.elementor-element-75bc3657{padding:3em 0em 3em 0em;}.elementor-1233 .elementor-element.elementor-element-6b1af7a8 > .elementor-element-populated{margin:0% 0% 0% 40%;--e-column-margin-right:0%;--e-column-margin-left:40%;}.elementor-1233 .elementor-element.elementor-element-29d10250{padding:3em 0em 3em 1em;}.elementor-1233 .elementor-element.elementor-element-37a4c40e > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-4fb0f997{width:100%;max-width:100%;}.elementor-1233 .elementor-element.elementor-element-4fb0f997 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-1233 .elementor-element.elementor-element-935dd6b{width:100%;max-width:100%;}.elementor-1233 .elementor-element.elementor-element-679cf148 > .elementor-element-populated{padding:3em 3em 3em 3em;}}@media(max-width:767px){.elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-f73ae0f .elementor-icon-list-item > a{font-size:11px;}.elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1233 .elementor-element.elementor-element-4bf1b036 .elementor-icon-list-item > a{font-size:11px;}.elementor-1233 .elementor-element.elementor-element-91af8bd{width:100%;}.elementor-1233 .elementor-element.elementor-element-1569be07{padding:2em 0em 3em 0em;}.elementor-1233 .elementor-element.elementor-element-2912659b{padding:1em 0em 2em 0em;}.elementor-1233 .elementor-element.elementor-element-11abde74 > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-1233 .elementor-element.elementor-element-11abde74 img{height:275px;}.elementor-1233 .elementor-element.elementor-element-70c7eedd > .elementor-element-populated{padding:21px 21px 21px 21px;}.elementor-1233 .elementor-element.elementor-element-461e096c{text-align:left;}.elementor-1233 .elementor-element.elementor-element-22914dde .elementor-icon{font-size:25px;}.elementor-1233 .elementor-element.elementor-element-6976d3b6{padding:1em 0em 2em 0em;}.elementor-1233 .elementor-element.elementor-element-713c6035 .elementor-flip-box{height:300px;}.elementor-1233 .elementor-element.elementor-element-740a2e9a .elementor-flip-box{height:300px;}.elementor-1233 .elementor-element.elementor-element-73c6f69b .elementor-flip-box{height:300px;}.elementor-1233 .elementor-element.elementor-element-75bc3657{padding:2em 0em 2em 0em;}.elementor-1233 .elementor-element.elementor-element-6b1af7a8 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:21px 21px 21px 21px;}.elementor-1233 .elementor-element.elementor-element-6b9a91fc{text-align:center;}.elementor-1233 .elementor-element.elementor-element-331872ea{text-align:center;}.elementor-1233 .elementor-element.elementor-element-3d06aad > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-29d10250{padding:0em 0em 0em 0em;}.elementor-1233 .elementor-element.elementor-element-37a4c40e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1233 .elementor-element.elementor-element-37a4c40e > .elementor-element-populated{padding:2em 1em 1em 1em;}.elementor-1233 .elementor-element.elementor-element-414caac6{text-align:center;}.elementor-1233 .elementor-element.elementor-element-4fb0f997{width:100%;max-width:100%;}.elementor-1233 .elementor-element.elementor-element-935dd6b{width:100%;max-width:100%;}.elementor-1233 .elementor-element.elementor-element-679cf148 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:2em 2em 2em 2em;}.elementor-1233 .elementor-element.elementor-element-68555ea1 > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1233 .elementor-element.elementor-element-91af8bd{width:100%;}.elementor-1233 .elementor-element.elementor-element-54cf7ffe{width:100%;}.elementor-1233 .elementor-element.elementor-element-37a4c40e{width:50%;}.elementor-1233 .elementor-element.elementor-element-679cf148{width:50%;}.elementor-1233 .elementor-element.elementor-element-8f58cda{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1233 .elementor-element.elementor-element-91af8bd{width:88%;}.elementor-1233 .elementor-element.elementor-element-4ad06bd6{width:100%;}}/* Start custom CSS for html, class: .elementor-element-d51ca5a */.step-box
{
    border: 1px solid #ddd;
    padding: 24px;
    border-radius: 15px;
    margin: 32px auto;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.07);
    max-width: 1400px;
    width: 100%;
}

.title-heading-box 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.left-header
{
    display: flex;
    align-items: center;
    gap: 10px;
}

.left-header h4
{
    margin: 0;
    font-weight: 600;
    font-size: 1.2rem;
    color: #333;
    margin-top: 18px;
}

.previous-icon
{
    visibility: hidden;
}

.right-header .wrapper
{
    display: flex;
    align-items: center;
    gap: 15px;
}

.right-header input
{
    margin-top: 18px;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 1rem;
    width: 220px;
    outline: none;
    background: #f7f8fa;
    transition: border-color 0.2s;
}

.right-header input:focus 
{
border-color: #007bff;
}

.right-header button
{
margin-top: 18px;
border: none;
background: transparent;
cursor: pointer;
padding: 2px 6px;
display: flex;
align-items: center;
}

.type-box
{
    display: flex;
    gap: 28px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 18px;
    height: 200px;
}

.type-item {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
padding: 18px;
cursor: pointer;
text-align: center;
transition: box-shadow 0.2s, transform 0.2s;
width: 180px;
min-width: 180px;
flex: 1 1 200px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 30px;
margin-left: 30px;
}

.type-item:hover {
box-shadow: 0 8px 24px rgba(0,0,0,0.14);
transform: translateY(-2px) scale(1.03);
}

.type-item-img img {
height: 60px;
margin-top: 30px;
margin-bottom: 10px;
display: block;
}

.type-item-content p {
margin: 0;
font-size: 1.09rem;
color: #222;
font-weight: 500;
}

.loader {
text-align: center;
margin: 18px 0;
color: #007bff;
font-size: 1.4rem;
}

/* tablette */
@media (min-width: 767px) and (max-width: 1024px){
    .step-1-box .title-heading-box {
  all: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;   
  gap: 20px;
  padding: 5px;         
}

.step-1-box .title-heading-box .left-header
{
  flex: 1;
  margin-left:-15px;

}

.step-1-box .title-heading-box .right-header {
  flex: 1;
  text-align: right; 
}

.step-1-box .title-heading-box h4
{
    font-size:1.8rem;
}

Cards: 2–3 per row depending on width 
.step-1-box .type-box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px 20px;
justify-items: stretch;
align-items: stretch;
height: auto; 
margin-top: 12px;
}
.step-1-box .type-item {
width: auto;
min-width: 0;
margin: 0;
padding: 16px;
}
.step-1-box .type-item-img img {
height: 58px;
margin-top: 14px;
}


}

/* Phone: <= 767px */
@media (max-width: 767px){
  .step-1-box .title-heading-box 
  {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top:0;
  }

  .step-1-box .title-heading-box h4 {
    padding-top :0px;
    font-size: 1.6rem;
  }
 

  /* Cards layout: 2 per row on phone */
  .step-1-box .type-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
    gap: 7px;
    margin-top: 12px;
    width: 100%;
  }

  .step-1-box .type-item {
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
  }

  .step-1-box .type-item-img img {
    height: 30px;
    margin-top: 8px;
  }
/*Cards: 2–3 per row depending on width */
    .step-1-box .type-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
    justify-items: stretch;
    align-items: stretch;
    max-height: 120px; 
    margin-top: 12px;
    }
    .step-1-box .type-item {
    width: auto;
    min-width: 0;
    margin: 0;
    }
    .step-1-box .type-item-img img {
    height: 35px;
    }
    .type-item-content p {
    margin: 0;
    font-size: 0.9rem;
    color: #222;
    font-weight: 500;
    }
}
/*Brand Griiiiiiiiiid       */

.brand-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 18px;
padding: 22px 0;
}

.brand-item {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.07);
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
cursor: pointer;
transition: box-shadow 0.2s, transform 0.2s;
}

.brand-item:hover {
box-shadow: 0 8px 22px rgba(0,0,0,0.13);
transform: translateY(-3px) scale(1.04);
}

.brand-img img {
max-width: 80px;
max-height: 60px;
object-fit: contain;
display: block;
}

@media (min-width: 767px) and  (max-width: 1024px) {
    .step-2 .title-heading-box
    {
        all:unset;
        width:100%;
    }
    .step-2 .title-heading-box
    {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    gap: 16px;
    }
    
  .step-2 .title-heading-box h4 {
    border: none;
    width: auto;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 16px 0 0;
    flex: 1 1 0;
}

.step-2 .title-heading-box .search-wrapper {
    width: 260px;
    margin-right: 0;
    border: none;
    flex: 0 0 260px;
}


.step-2 .title .heading-box .back-btn {
    border: 1px solid #ddd;
    margin-left: 0;
    padding: 0 10px;
    height: 40px;
    display: flex;
    align-items: center;
}

.step-2 .title .heading-box .back-btn i {
    display: inline-flex;
    align-items: center;
    font-size: 1em;    
    margin-right: 4px;
    vertical-align: middle;
    line-height: 1;
}

.step-2 .title-heading-box > * {
    align-items: center;
}
}
     /*Phone media marque*/
@media (max-width: 767px) {
    .step-2 .title-heading-box
    {
        all:unset;
        width:100%;
    }
  .step-2 .title-heading-box {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    padding: 0;
    flex-direction: row;
  }
    .step-2 .title-heading-box .back-btn {
    display: flex;
    align-items: center;
    height: 36px;
    font-size: 0.8rem;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin-left:-15px;
    width:27%;
    background: #fff;
    line-height: 1;
  }
  .step-2 .title-heading-box .back-btn i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    margin-right:0px;
    vertical-align: middle;
    line-height: 1;
  }

  .step-2 .title-heading-box h4 {
    border: none;
    width: auto;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 1px 0 0;
    flex: 1 1 0;
    line-height: 1.1;
    white-space: normal;
    text-align: left;
  }
  .step-2 .title-heading-box .search-wrapper {
    width: 118px;
    margin-right: 2px;
    border: none;
    flex: 0 0 120px;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .step-2 .title-heading-box .search-wrapper input {
    /*width: auto;*/
    font-size: 0.95rem;
    padding: 4px 6px;
    min-width: 0;
    margin-top:-1px;
    margin-right:-4px;
  }
  .step-2 .title-heading-box .search-wrapper input::placeholder
  {
      font-size:0.6rem;
  }
  .step-2 .title-heading-box .search-wrapper button {
    padding: 0 6px;
    height: 28px;
    font-size: 1rem;
    margin-top: 0;
  }
  
}

/* Models */


#models-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 24px;
padding: 16px;
place-items: center; /* This centers the items in the grid cells */
}

.model-widget-item {
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,0.07);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; 
padding: 18px 12px 12px 12px;
transition: box-shadow 0.2s;
cursor: pointer;
width: 130px;
min-height: 170px;
}

.model-widget-item:hover {
box-shadow: 0 6px 24px rgba(0,0,0,0.12);
}

.model-item-img {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
background: #fff;
border-radius: 12px;
}

.model-item-img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 12px;
padding: 5px;
}

.model-item-content {
text-align: center;
width: 100%;
margin-top: 4px;
}

.model-item-content h3 {
font-size: 1rem;
font-weight: 500;
margin: 0;
color: #222;
letter-spacing: 0.01em;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
}

.model-item-content p.mmcode {
display: none;
}

/* button charger plus */

#load-more-btn {
display: block;
margin: 30px auto 10px auto;
padding: 12px 32px;
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
color: #fff;
border: none;
border-radius: 25px;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 1px;
box-shadow: 0 4px 18px rgba(58, 134, 255, 0.19), 0 1.5px 8px rgba(131, 56, 236, 0.09);
cursor: pointer;
transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
outline: none;
position: relative;
z-index: 1;
}

#load-more-btn:hover, #load-more-btn:focus {
background: linear-gradient(90deg, #8338ec 0%, #3a86ff 100%);
transform: translateY(-2px) scale(1.03);
box-shadow: 0 8px 24px rgba(58, 134, 255, 0.24), 0 3px 15px rgba(131, 56, 236, 0.12);
}

#load-more-btn:active {
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
transform: scale(0.98);
box-shadow: 0 2px 6px rgba(58, 134, 255, 0.14), 0 1px 4px rgba(131, 56, 236, 0.08);
}

/* search button */

/* ...other styles... */

/* Modern classic header styles + beautiful search bar + dropdown */

.title-heading-box {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
padding: 22px 30px 16px 30px;
/* background: linear-gradient(90deg, #e9ecef 0%, #f7fafc 100%); */
border-radius: 20px 20px 0 0;
box-shadow: 0 2px 18px rgba(90, 90, 130, 0.07);
position: relative;
margin-bottom: 10px;
flex-wrap: wrap;
}

.left-header, .right-header {
display: flex;
align-items: center;
gap: 16px;
}

.previous-icon, .back-btn {
color: #3a86ff;
font-size: 1.3rem;
font-weight: 600;
background: #fff;
border-radius: 12px;
box-shadow: 0 1px 5px rgba(58, 134, 255, 0.08);
padding: 6px 12px;
margin-right: 14px;
cursor: pointer;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.previous-icon i, .back-btn i {
vertical-align: middle;
}

.back-btn:hover, .previous-icon:hover {
background: #e3ebff;
color: #8338ec;
box-shadow: 0 2px 8px rgba(131, 56, 236, 0.13);
}

.title-heading-box h4 {
font-size: 2.1rem;
font-weight: 700;
color: #252b3b;
margin: 0;
letter-spacing: 0.5px;
text-shadow: 0 2px 10px rgba(90, 90, 130, 0.06);
}

.title-heading-box h4 span {
color: #3a86ff;
font-weight: 700;
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
padding-left: 5px;
}

.search-wrapper {
display: flex;
align-items: center;
position: relative;
  padding: 0;
}

.search-wrapper input[type="text"] {
border: none;
background: #fff;
font-size: 1.08rem;
padding: 7px 15px 7px 13px;
border-radius: 12px 0 0 12px;
outline: none;
box-shadow: 0 1.5px 8px rgba(131, 56, 236, 0.09);
width: 195px;
color: #252b3b;
transition: box-shadow 0.2s;
}
.search-wrapper input[type="text"]:focus {
box-shadow: 0 2px 16px rgba(58,134,255,0.20);
}

.search-wrapper button {
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
border: none;
border-radius: 0 12px 12px 0;
color: #fff;
font-size: 1.12rem;
padding: 7px 18px 7px 12px;
cursor: pointer;
transition: background 0.2s, box-shadow 0.2s;
box-shadow: 0 1px 5px rgba(58,134,255,0.08);
}

.search-wrapper button:hover {
background: linear-gradient(90deg, #8338ec 0%, #3a86ff 100%);
}

.search-results-box {
position: absolute;
top: 42px;
left: 0;
z-index: 11;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 24px rgba(58,134,255,0.14);
max-height: 340px;
overflow-y: auto;
width: 100%;
font-size: 1rem;
display: none;
min-width: 220px;
}

.search-result-item {
display: flex;
align-items: center;
padding: 9px 18px;
gap: 10px;
cursor: pointer;
transition: background 0.2s;
border-bottom: 1px solid #f2f6fc;
font-weight: 500;
color: #333;
}
.search-result-item:last-child {
border-bottom: none;
}
.search-result-item:hover {
background: #f0f4ff;
color: #3a86ff;
}
.search-result-img {
width: 28px;
height: 28px;
border-radius: 8px;
object-fit: contain;
background: #f3f6fb;
border: 1px solid #e3ebff;
}

/* Responsive */
/*@media (max-width: 700px) {*/
/*.title-heading-box {*/
/*flex-direction: column;*/
/*gap: 10px;*/
/*padding: 14px 8px 10px 8px;*/
/*}*/
/*.title-heading-box h4 {*/
/*font-size: 1.25rem;*/
/*}*/
/*.search-wrapper input[type="text"] {*/
/*width: 110px;*/
/*font-size: 0.9rem;*/
/*}*/
/*}*/
@media (min-width: 767px) and  (max-width: 1024px) {
    .step-3 .title-heading-box
    {
        all:unset;
        width:100%;
    }
    .step-3 .title-heading-box
    {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    gap: 16px;
    }
    
  .step-3 .title-heading-box h4 {
    border: none;
    width: auto;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 16px 0 0;
    flex: 1 1 0;
}

.step-3 .title-heading-box .search-wrapper {
    width: 260px;
    margin-right: 0;
    border: none;
    flex: 0 0 260px;
}


.step-3 .title .heading-box .back-btn {
    border: 1px solid #ddd;
    margin-left: 0;
    padding: 0 10px;
    height: 40px;
    display: flex;
    align-items: center;
}

.step-3 .title .heading-box .back-btn i {
    display: inline-flex;
    align-items: center;
    font-size: 1em;    
    margin-right: 4px;
    vertical-align: middle;
    line-height: 1;
}

.step-3 .title-heading-box > * {
    align-items: center;
}
}
     /*Phone media marque*/
@media (max-width: 767px) {
    .step-3 .title-heading-box
    {
        all:unset;
        width:100%;
    }
  .step-3 .title-heading-box {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    padding: 0;
    flex-direction: row;
  }
    .step-3 .title-heading-box .back-btn {
    display: flex;
    align-items: center;
    height: 36px;
    font-size: 0.8rem;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin-left:-15px;
    width:27%;
    background: #fff;
    line-height: 1;
  }
  .step-3 .title-heading-box .back-btn i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    margin-right:0px;
    vertical-align: middle;
    line-height: 1;
  }

  .step-3 .title-heading-box h4 {
    border: none;
    width: auto;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 1px 0 0;
    flex: 1 1 0;
    line-height: 1.1;
    white-space: normal;
    text-align: left;
  }
  .step-3 .title-heading-box .search-wrapper {
    width: 118px;
    margin-right: 2px;
    border: none;
    flex: 0 0 120px;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .step-3 .title-heading-box .search-wrapper input {
    /*width: auto;*/
    font-size: 0.95rem;
    padding: 4px 6px;
    min-width: 0;
    margin-top:-1px;
    margin-right:-4px;
  }
  .step-3 .title-heading-box .search-wrapper input::placeholder
  {
      font-size:0.6rem;
  }
  .step-3 .title-heading-box .search-wrapper button
  {
    padding: 0 6px;
    height: 28px;
    font-size: 1rem;
    margin-top: 0;
  }
  .step-3 #models-list
  {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 4fr));
    gap: 20px;
    padding: 16px;
    place-items: center;
  }
  .step-3 .model-widget-item {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 12px 12px 12px;
    transition: box-shadow 0.2s;
    cursor: pointer;
    width: 130px;

    height:fixed;
  }
  .step-3 .model-item-content h3 {
      font-size:0.9rem;
      font-weight:250vw;
  }

}


/* Reparation box  */



.reparation-list {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin: 24px 0 0 0;
padding: 0 12px;
}

.reparation-item {
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
color: #fff;
border-radius: 18px;
padding: 14px 28px;
font-size: 1.13rem;
font-weight: 600;
letter-spacing: 0.5px;
cursor: pointer;
box-shadow: 0 2px 10px rgba(58,134,255,0.10), 0 1.5px 8px rgba(131,56,236,0.08);
transition: background 0.2s, transform 0.15s;
margin-bottom: 6px;
}

.reparation-item:hover {
background: linear-gradient(90deg, #8338ec 0%, #3a86ff 100%);
transform: scale(1.04);
}

/* Autre button */


.autre-input {
margin-top: 10px;
width: 100%;
padding: 12px 42px 12px 14px;  /* right padding = icon size + some spacing */
font-size: 1.1rem;
border-radius: 12px;
border: 1.5px solid #3a86ff;
box-shadow: 0 1px 8px rgba(58,134,255,0.08);
outline: none;
transition: border 0.2s, box-shadow 0.2s;
display: block;
box-sizing: border-box;  /* ensures padding doesn't overflow */
}

.autre-input:focus {
border: 1.5px solid #8338ec;
box-shadow: 0 2px 16px rgba(131,56,236,0.15);
}

#autre-input-box {
position: relative;
width: 100%;             /* full width so icon aligns with input's right edge */
margin-top: 4px;
}

.autre-send-icon {
position: absolute;
top: 50%;
right: 12px;             /* flush with input padding */
transform: translateY(-50%);
color: #3a86ff;
font-size: 1.38rem;
background: transparent;
cursor: pointer;
transition: color 0.2s;
padding: 3px;
border-radius: 50%;
}

.autre-send-icon:hover {
color: #8338ec;
background: #f3f6fb;
}


/* Personnal Info */


.step-box.step-5 {
padding: 36px 18px;
}
.personal-info-form {
max-width: 1100px;
margin: 0 auto;
}
.form-row {
display: flex;
gap: 30px;
margin-bottom: 18px;
flex-wrap: wrap;
}
.form-group {
flex: 1 1 45%;
display: flex;
flex-direction: column;
}
.form-group label {
font-weight: 600;
margin-bottom: 7px;
}
.form-group input,
.form-group select {
padding: 11px 12px;
border-radius: 7px;
border: 1.2px solid #dbe2ef;
font-size: 1.08rem;
margin-bottom: 2px;
}
.form-group input:focus,
.form-group select:focus {
border-color: #3a86ff;
outline: none;
}
.required {
color: #e63946;
}
.confirm-btn {
background: linear-gradient(90deg, #3a86ff 0%, #8338ec 100%);
color: #fff;
border: none;
border-radius: 10px;
font-size: 1.18rem;
padding: 13px 36px;
font-weight: 600;
cursor: pointer;
margin: 18px auto 0 auto;
display: block;
transition: background 0.15s;
}
.confirm-btn:hover {
background: linear-gradient(90deg, #8338ec 0%, #3a86ff 100%);
}
#thank-you-message {
text-align: center;
margin-top: 32px;
}



/* reparation new styling */

/* Professional repair cards */
#reparation-pricing-container {
display: grid;
gap: 18px;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
margin-top: 10px;
padding: 6px 0 30px;
}

.repair-card {
position: relative;
background: #fff;
border: 1px solid #e6e9f2;
border-radius: 16px;
padding: 16px 18px 18px;
display: flex;
flex-direction: column;
gap: 10px;
cursor: pointer;
transition: box-shadow .25s, border-color .25s, transform .15s;
overflow: hidden;
}

.repair-card:hover {
box-shadow: 0 4px 18px -4px rgba(21,48,126,.08), 0 2px 6px -1px rgba(21,48,126,.05);
border-color: #d2d9ee;
}

.repair-card.selected {
border-color: #4d63ff;
box-shadow: 0 0 0 3px rgba(77,99,255,.18);
}

.repair-card .icon-wrap {
width: 42px;
height: 42px;
border-radius: 12px;
background: linear-gradient(135deg,#2e7bff,#7f3dff);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}

.repair-card .icon-wrap svg {
width: 24px;
height: 24px;
stroke-width: 1.8;
}

.repair-card h5 {
margin: 0;
font-size: 15px;
font-weight: 600;
color: #1f2532;
}

.repair-card .desc {
font-size: 12.8px;
line-height: 1.35;
color: #5e6776;
min-height: 34px;
}

.repair-card .meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.repair-card .meta span {
background:#f3f6fb;
color:#3d4760;
font-size:11.2px;
font-weight:500;
padding:4px 8px;
border-radius:24px;
display:inline-flex;
align-items:center;
gap:4px;
}

.repair-card .price-line {
margin-top: auto;
display: flex;
align-items: baseline;
gap: 6px;
}

.repair-card .price {
font-size: 18px;
font-weight: 600;
background: linear-gradient(90deg,#276dff,#7a38ff);
-webkit-background-clip:text;
color: transparent;
}

.repair-card .price-range {
font-size: 12px;
color: #7a8495;
font-weight: 500;
}

.repair-card .select-badge {
position:absolute;
top:10px;
right:10px;
background:#eef2ff;
color:#3341b3;
font-size:11px;
letter-spacing:.3px;
padding:4px 8px;
border-radius:8px;
opacity:0;
transform:translateY(-4px);
transition:.25s;
font-weight:600;
}

.repair-card.selected .select-badge {
opacity:1;
transform:translateY(0);
}

.repair-card.other-card {
    border-style: dashed;
    background: #fbfcff;
    margin-left: -1px;
    
}

.repair-card.other-card:hover {
border-color:#b4c2ef;
}

.other-input-wrapper {
    display:flex;
    gap:8px;
    margin-top:4px;
}

.other-input-wrapper input {
flex:1;
border:1px solid #d8dfea;
border-radius:10px;
padding:10px 12px;
font-size:13px;
outline:none;
transition:border-color .2s, box-shadow .2s;
}

.other-input-wrapper input:focus {
border-color:#4d63ff;
box-shadow:0 0 0 2px rgba(77,99,255,.2);
}

.other-input-wrapper button {
background:linear-gradient(135deg,#2b76ff,#7c3eff);
border:none;
color:#fff;
font-size:13px;
font-weight:600;
border-radius:10px;
padding:0 16px;
cursor:pointer;
display:flex;
align-items:center;
gap:6px;
transition:background .25s, transform .15s;
}

.other-input-wrapper button:hover { filter:brightness(1.06); }
.other-input-wrapper button:active { transform:scale(.96); }

.pricing-note {
margin: 4px 0 4px;
font-size: 12.5px;
color:#586071;
line-height:1.4;
}

.pricing-note strong { color:#303747; }

.repair-card.other-card {
/*min-width: 100px;*/
overflow: visible;
}
.other-input-wrapper input { min-width: 0; }
.other-input-wrapper button { flex-shrink: 0; }

/* =========================================================
OTHER (Autre…) CARD – shared styling for brand & model
========================================================= */
:root {
/* Set this to the real fixed (or typical) inner height your brand/model card already has */
--other-card-min-height: 140px; /* Change if your standard card is shorter/taller */
--other-gradient: linear-gradient(135deg,#2b76ff,#7c3eff);
}
  
.other-option-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 10px;
width: 100%;
min-height: var(--other-card-min-height);
background: #fff;
border: 2px dashed #cdd5e4;
border-radius: 20px;
padding: 18px 18px 20px;
cursor: pointer;
transition: border-color .25s, background .25s, box-shadow .25s;
box-sizing: border-box;
}

.other-option-card:hover,
.other-option-card:focus {
border-color: #8ba2c7;
background: #f6f9ff;
outline: none;
}

.other-option-card:active {
transform: scale(.97);
}

.other-option-card .other-icon-pill {
width: 44px;
height: 44px;
border-radius: 14px;
background: var(--other-gradient);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 1;
flex-shrink: 0;
}

.other-option-card h4 {
margin: 0;
font-size: 15px;
font-weight: 600;
color: #212b3c;
}

.other-option-card p {
margin: 0;
font-size: 12.5px;
line-height: 1.35;
color: #546173;
max-height: 3.2em; /* clamp-ish safeguard */
overflow: hidden;
}

/* Editing (input) state inside the same fixed card box */
.other-option-card.editing {
border-style: solid;
background: #ffffff;
box-shadow: 0 4px 18px -4px rgba(24,53,110,.12), 0 2px 6px -1px rgba(24,53,110,.06);
}

.other-option-card.editing .display-state {
display: none;
}

.other-option-card .edit-state {
display: none;
flex-direction: column;
gap: 10px;
height: 100%;
}

.other-option-card.editing .edit-state {
display: flex;
}

/* Input block */
.other-option-card .edit-top-text {
font-size: 12px;
line-height: 1.3;
color: #415068;
font-weight: 500;
}

.other-option-card .other-input-row {
display: flex;
gap: 6px;
width: 100%;
}

.other-option-card .other-input-row input {
flex: 1;
border: 1px solid #c9d4e5;
border-radius: 10px;
padding: 9px 11px;
font-size: 13px;
outline: none;
transition: border-color .2s, box-shadow .2s;
min-width: 0;
background: #fff;
}

.other-option-card .other-input-row input:focus {
border-color: #4d63ff;
box-shadow: 0 0 0 2px rgba(77,99,255,.25);
}

.other-option-card .other-input-row button {
border: none;
background: var(--other-gradient);
color: #fff;
font-size: 12.5px;
font-weight: 600;
padding: 0 14px;
border-radius: 10px;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
transition: filter .25s, transform .15s;
white-space: nowrap;
}

.other-option-card .other-input-row button:hover {
filter: brightness(1.08);
}

.other-option-card .other-input-row button:active {
transform: scale(.95);
}

.other-option-card .other-input-row .cancel-btn {
background: #eef1f7;
color: #37465b;
}

.other-option-card .other-input-row .cancel-btn:hover {
filter: brightness(1.04);
}

/* (Optional) Smaller card variant if your brand cards are shorter */
.brand-grid .other-option-card,
.models-grid .other-option-card {
/* inherit dimensions from grid item container if needed */
}

/* Accessibility focus ring override if needed */
.other-option-card:focus-visible {
box-shadow: 0 0 0 3px rgba(60,120,255,.35);
}

/* Prevent grid height changes */
.brand-grid .brand-item,
.models-grid .model-widget-item {
/* ensure items align; if you have explicit heights keep them */
align-self: stretch;
}
/* ///////////////////////// */


/* extra css */

/* === Autre card overlay panel (Option 2) === */
.other-card-wrapper {
position:relative;
overflow:visible;
}

.other-option-card {
position:relative;
overflow:visible;
transition:box-shadow .25s ease, border-color .25s ease;
}

.other-option-card.editing {
border-color:#4d63ff;
box-shadow:0 4px 18px -4px rgba(24,53,110,.15), 0 2px 6px -1px rgba(24,53,110,.08);
}

/* Main floating panel */
.other-option-card.editing .edit-state {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
width:360px; /* adjust */
max-width:calc(100vw - 48px);
background:#fff;
border:2px solid #4d63ff;
border-radius:20px;
padding:18px 20px 20px;
box-shadow:0 14px 34px -10px rgba(30,55,110,.35), 0 6px 14px -4px rgba(30,55,110,.18);
display:flex;
flex-direction:column;
gap:12px;
z-index:50;
animation:otherPanelFade .2s ease;
}

.other-option-card.editing .display-state {
opacity:.18;
pointer-events:none;
}

.other-option-card.editing .other-input-row {
gap:8px;
}

.other-option-card.editing .other-input-row input {
flex:1;
min-width:0;
}

@keyframes otherPanelFade {
from { opacity:0; transform:translate(-50%, -46%); }
to { opacity:1; transform:translate(-50%, -50%); }
}

/* Backdrop */
.other-edit-backdrop {
position:fixed;
inset:0;
background:rgba(35,48,78,.12);
backdrop-filter:blur(1px);
z-index:40;
display:none;
}

.other-edit-backdrop.active { display:block; }


/*@media (max-width:640px) {*/
/*#reparation-pricing-container { grid-template-columns: 1fr 1fr; }*/
/*.repair-card { padding:14px 14px 16px; }*/
/*.repair-card .price { font-size:16px; }*/
/*}*/

/*@media (max-width:480px) {*/
/*#reparation-pricing-container { grid-template-columns: 1fr; }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7c3b58 */.logo-carousel {
    overflow: hidden;
    background: #fff;
    padding: 20px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    }
    
    
    .carousel-track {
    display: flex;
    animation: scroll 30s linear infinite;
    width: max-content;
    }
    
    .carousel-slide {
    display: flex;
    }
    
    .carousel-slide img {
      width: 150px;
      height: 60px;
      max-width: 150px;
      max-height: 60px;
      object-fit: contain;
      display: block;
      margin: 0 90px;
      transition: transform 0.3s ease;
    }
.scale-7  { transform: scale(0.7); }
.scale-7:hover  { transform: scale(0.8); }

.scale-9  { transform: scale(0.9); }
.scale-9:hover  { transform: scale(1.0); }

.scale-10 { transform: scale(1.0); }
.scale-10:hover { transform: scale(1.1); }

.scale-15 { transform: scale(1.5); }
.scale-15:hover { transform: scale(1.6); }

.scale-21 { transform: scale(2.1); .normal {
  transform: scale(1.0);
}

.normal:hover {
  transform: scale(1.1);
}}
.scale-21:hover { transform: scale(2.3); }
 
.normal
{
  transform: scale(1.0);
}

.normal:hover {
  transform: scale(1.2);
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-196a6ac1 */.custom-title-box {
  text-align: center;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin: 0 auto;
}

.custom-title {
  font-size: 36px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}

.custom-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #3498db;
  margin: 8px auto 0;
  border-radius: 2px;
}

.custom-subtitle {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0651d1 */.why-us-carousel {
  overflow: hidden;
  background: #fff;
  padding: 40px 0;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
margin-right: -50vw;
}

.why-us-track {
  display: flex;
  animation: scroll-cards 30s linear infinite;
  width: max-content;
}

.why-us-slide {
display: flex;
}

.why-us-card {
  background: #f6f6f6;
  border-radius: 12px;
  padding: 45px;
  margin: 0 24px;  
  width: 400px;
  flex-shrink: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}


.why-us-card:hover {
  transform: scale(1.05);
}

.icon {
  font-size: 2rem;
  margin-bottom: 10px;
  margin-left: 42%;
}

.card-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.card-description {
  font-size: 14px;
  color: #555;
}

@keyframes scroll-cards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-58c1e024 */.custom-title-box {
  text-align: center;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin: 0 auto;
}

.custom-title {
  font-size: 36px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}

.custom-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #3498db;
  margin: 8px auto 0;
  border-radius: 2px;
}

.custom-subtitle {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-713c6035 */.service-description ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.service-description li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 8px;
  color: #f2f2f2; /* ou #333 si fond clair */
  font-size: 15px;
  line-height: 1.6;
}

.service-description li::before {
  content: "🔹";
  position: absolute;
  left: 0;
  top: 0;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-740a2e9a */.service-description ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.service-description li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 8px;
  color: #f2f2f2; /* ou #333 si fond clair */
  font-size: 15px;
  line-height: 1.6;
}

.service-description li::before {
  content: "🔹";
  position: absolute;
  left: 0;
  top: 0;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-73c6f69b */.service-description ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.service-description li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 8px;
  color: #f2f2f2; /* ou #333 si fond clair */
  font-size: 15px;
  line-height: 1.6;
}

.service-description li::before {
  content: "🔹";
  position: absolute;
  left: 0;
  top: 0;
}/* End custom CSS */