/*
        ProVision Co.
        -------------
        This web application design and development by ProVision Co.
        
        All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.
        
        This website/web app is based on Legion Engine, which is a MVC platform built completely from scratch by ProVision's team.
        
        --------------
        ProVision
        https://provision.ps
        */@font-face{font-display:swap;font-family:social;font-style:normal;font-weight:400;src:url(/legion/project/public/assets/legacy/back/fonts/social.ttf) format('truetype')}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/legion/project/public/assets/legacy/back/fonts/material-icons.woff2) format('woff2')}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}label{color:#121215;min-height:13px;font-size:13px;display:block}form input[type=text],form input[type=password],form input[type=email],form input[type=url],form input[type=number],form input[type=date],form input[type=datetime-local]{font-size:15px;padding:3px;text-indent:5px;min-height:40px;border:1px solid #aaa;border-radius:4px;width:100%}textarea{border:1px solid #aaa;border-radius:4px;font-family:arial;padding:5px}input[type=color]{background:none;height:35px;margin:0;padding:0;vertical-align:top;width:35px;border-radius:100%;overflow:hidden;border:2px solid white;box-shadow:0 0 3px;cursor:pointer}.l_ul,.l_ul ul{margin:unset;padding:unset}.l_mid{display:inline-block;vertical-align:middle}.l_in{display:inline-block;vertical-align:top}.l_w1200{width:1200px;margin:auto}.l_w1600{width:1600px;margin:auto}.l_active_tab,.l_tab_toggler:hover{background-color:var(--mc)!important}.l_tabs{border-bottom:var(--mc) 4px solid;box-shadow:0 4px 3px -3px rgba(0,0,0,.42);color:white}.l_el1{-webkit-line-clamp:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.l_el2{-webkit-line-clamp:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.l_el3{-webkit-line-clamp:3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.l_el4{-webkit-line-clamp:4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.l_scroll_x{width:100%;display:block;overflow:scroll hidden;height:200%}.l_nos{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.l_grid{display:grid;grid-auto-rows:auto;grid-gap:1rem}.l_grid1{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid4{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid5{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid6{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid7{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid8{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:auto;grid-gap:1rem}.l_grid-gap0{grid-gap:0}.l_grid-gap5{grid-gap:5px}.l_grid-gap10{grid-gap:10px}.l_grid-gap15{grid-gap:15px}.l_grid-gap20{grid-gap:20px}.l_grid-gap25{grid-gap:25px}.l_grid-gap50{grid-gap:50px}.l_grid-gap100{grid-gap:100px}.l_w{width:100%}.l_h{height:100%}.l_vw{width:100vw}.l_vh{height:100vh}.l_lines{border-top:1px solid;padding:5px 0;border-image:linear-gradient(to right,#fff0,rgba(140,140,140,.239),rgba(185,185,185,.0)) 1;border-bottom:1px solid}.l_lines_dark{border-top:1px solid;padding:5px 0;border-image:linear-gradient(to right,rgb(165,165,165),rgba(140,140,140,.239),rgba(185,185,185,.0)) 1;border-bottom:1px solid}ul.l_reset{list-style:none;margin:0;padding:0}.l_ab{position:initial}.l_ab::before{bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;white-space:nowrap;z-index:1}.l_col1{column-count:1}.l_col2{column-count:2}.l_col3{column-count:3}.l_col4{column-count:4}.l_col5{column-count:5}.l_col_gap10{column-gap:10px}.l_col_gap20{column-gap:20px}.l_col_gap30{column-gap:30px}.l_col_gap40{column-gap:40px}.l_col_gap50{column-gap:50px}.l_col_gap10>.l_col_item{margin-bottom:10px}.l_col_gap20>.l_col_item{margin-bottom:20px}.l_col_gap30>.l_col_item{margin-bottom:30px}.l_col_gap30>.l_col_item{margin-bottom:30px}.l_col_gap40>.l_col_item{margin-bottom:40px}.l_col_gap50>.l_col_item{margin-bottom:50px}.l_col3>*{width:100%;display:inline-block}.l_chosen_counter{position:absolute;left:0;top:-50%;width:100%;text-align:center}.l_chosen_counter_elem::after{content:"-";display:inline-block;font-size:10px;color:var(--mc);z-index:0;margin:0 3px}.l_chunk::after{content:"";width:1px;background:white;height:100%;display:inline-block}.l_chunk:first-child::after{display:none}.dark .l_chunk::after{background:black}.l_block{box-shadow:0 0 3px rgba(208,208,208,.129);padding:10px;background:white;margin:10px;margin-left:0;margin-bottom:29px;padding-top:20px}.l_tag{color:#393939;border-radius:3px;margin-right:2px;padding:3px 7px;background:#f0f0f0;vertical-align:middle;box-shadow:0 0 3px rgba(0,0,0,.141)}.l_tag_basic{border-radius:3px;margin-right:2px;padding:3px 7px;vertical-align:middle;box-shadow:0 0 3px rgba(0,0,0,.141)}.l_tag_tiny{padding:2px 3px;opacity:.7;color:#717171;border-radius:2px}.l_meta{border-radius:2px;color:white;overflow:hidden}.l_meta>div{display:inline-block;padding:2px 3px}.l_meta:not(.l_basic)>div:nth-child(1){background:#00349d}.l_meta:not(.l_basic)>div:nth-child(2){background:#666}.dark .l_block{background:unset}.l_i_small i{font-size:12px}.l_imgs_small img{max-width:66px;max-height:66px}.l_nicebox{background:#fbfbfb;border-radius:7px;box-shadow:1px 2px 5px rgba(128,128,128,.141);padding:12px;transition:.3s all;font-size:14px}.l_nb{border-radius:7px;box-shadow:1px 2px 5px rgba(128,128,128,.141);transition:.3s all}.l_imgs_medium img{max-width:132px;max-height:132px}.l_h5{height:5px}.l_h6{height:6px}.l_h1{height:1px}.l_h2{height:2px}.l_h10{height:10px}.l_h12{height:12px}.l_shape_triangle_down{clip-path:polygon(100% 0,0 0,50% 100%)}.l_h3{height:3px}.l_h30{height:30px}.l_h50vh{height:50vh}.l_hfull{height:100%}.l_card{background:#fbfbfb;border-radius:7px;box-shadow:1px 2px 5px rgba(128,128,128,.141);padding:12px;overflow:hidden;transition:.3s all;font-size:14px}.l_bh{top:-15px;position:absolute;z-index:1}.dark .l_card{background:var(--darkless)}.l_corner_count{top:0;position:absolute;right:0;color:white;background:var(--mainColor);padding:3px 10px;border-bottom-left-radius:7px;box-shadow:-1px 1px 2px rgba(128,128,128,.49)}.l_btn_flat{font-size:10px;margin-top:7px;color:var(--mc)}.l_btn_flat i{font-size:9px!important;color:white;border-radius:100%;margin-left:1px}.l_clear{clear:both;display:block}.l_circle{border-radius:100%;overflow:hidden;width:100px;height:100px;margin:auto}.l_wh5{width:5px;height:5px}.l_wh7{width:7px;height:7px}.l_wh10{width:10px;height:10px}.l_wh30{width:30px;height:30px}.l_wh50{width:50px;height:50px}.l_wh100{width:100px;height:100px}.l_wh200{width:200px;height:200px}.l_wh400{width:400px;height:400px}.l_wh600{width:600px;height:600px}.l_w10{width:10px}.l_w30{width:30px}.l_w35{width:35px}.l_w5{width:5px}.l_w50{width:50px}.l_w100{width:100px}.l_w200{width:200px}.l_w400{width:400px}.l_w600{width:600px}.l_w10per{width:10%}.l_w15per{width:15%}.l_w20per{width:20%}.l_w25per{width:25%}.l_w30per{width:30%}.l_w35per{width:35%}.l_w40per{width:40%}.l_w45per{width:45%}.l_w52per{width:52%}.l_w50per{width:50%}.l_w55per{width:55%}.l_w60per{width:60%}.l_w65per{width:65%}.l_w67per{width:60%}.l_w70per{width:70%}.l_w80per{width:80%}.l_w90per{width:90%}.l_circle picture,.l_circle picture img{width:100%;height:100%;max-height:unset!important;max-width:unset!important}.l_caption{text-align:center;opacity:.6;font-size:13px;font-style:italic}.l_tip{display:none;background:white;position:absolute;color:black;padding:7px 24px;bottom:calc(100% + 4px);text-align:center;box-shadow:0 0 3px rgba(0,0,0,.271);min-width:100px;z-index:1}.l_tip_hover:hover .l_tip{display:unset}.l_square75{width:75px;height:75px}.l_title{margin:10px 0;font-weight:bold}.l_mh10{margin-right:10px;margin-left:10px}.l_mh15{margin-right:15px;margin-left:15px}.l_mv10{margin-top:10px;margin-bottom:10px}.l_mv20{margin-top:20px;margin-bottom:20px}.l_mv50{margin-top:50px;margin-bottom:50px}.l_mr1{margin-right:1px}.l_mr2{margin-right:2px}.l_mr3{margin-right:3px}.l_mr4{margin-right:4px}.l_mr5{margin-right:5px}.l_mr10{margin-right:10px}.l_mr20{margin-right:20px}.l_mr30{margin-right:30px}.l_mr50{margin-right:50px}.l_mr100{margin-right:100px}.l_mr150{margin-right:150px}.l_mr200{margin-right:200px}.l_mt1{margin-top:1px}.l_mt2{margin-top:2px}.l_mt3{margin-top:3px}.l_mt4{margin-top:4px}.l_mt5{margin-top:5px}.l_mt10{margin-top:10px}.l_mt100{margin-top:100px}.l_mt20{margin-top:20px}.l_hmax{max-height:100%}.l_wmax{max-width:100%}.l_wmax10{max-width:10%}.l_wmax20{max-width:20%}.l_wmax30{max-width:30%}.l_wmax90{max-width:90%}.l_hmin20{min-height:20px}.l_hmin30{min-height:30px}.l_hmin50{min-height:50px}.l_hmin70{min-height:70px}.l_mt30{margin-top:30px}.l_mt50{margin-top:50px}.l_mt150{margin-top:150px}.l_mt200{margin-top:200px}.l_mb1{margin-bottom:1px}.l_mb2{margin-bottom:2px}.l_mb3{margin-bottom:3px}.l_mb4{margin-bottom:4px}.l_mb5{margin-bottom:5px}.l_mb10{margin-bottom:10px}.l_mb20{margin-bottom:20px}.l_mb30{margin-bottom:30px}.l_mb50{margin-bottom:50px}.l_mb100{margin-bottom:100px}.l_mb150{margin-bottom:150px}.l_mb200{margin-bottom:200px}.l_m3{margin:3px}.l_m5{margin:5px}.l_m10{margin:10px}.l_m20{margin:20px}.l_m30{margin:30px}.l_m50{margin:50px}.l_m100{margin:100px}.l_mr-3{margin-right:-3px}.l_ml5{margin-left:5px}.l_ml10{margin-left:10px}.l_ml15{margin-left:15px}.l_ml20{margin-left:20px}.l_ml1{margin-left:1px}.l_ml2{margin-left:2px}.l_ml3{margin-left:3px}.l_ml30{margin-left:30px}.l_ml50{margin-left:50px}.l_ml100{margin-left:100px}.l_ml150{margin-left:150px}.l_ml200{margin-left:200px}.l_mr10{margin-right:10px}.l_mr20{margin-right:20px}.l_s5{margin:5px 0}.l_s10{margin:10px 0}a.l_a,.l_a,.l_a:visited,.l_a:link{text-decoration:underline}.l_ts1_trans{text-shadow:1px 1px rgba(0,0,0,.431)}.l_tshover:hover{text-shadow:0 0 5px #d0d0d0}.l_grid_span2{grid-column:span 2}.l_grid_span3{grid-column:span 3}.l_grid_span4{grid-column:span 4}.l_grid_span5{grid-column:span 5}.l_grid_span6{grid-column:span 6}.l_grid_span7{grid-column:span 7}.l_grid_span8{grid-column:span 8}.l_grid_span12{grid-column:1/2}.l_grid_span13{grid-column:1/3}.l_grid_span14{grid-column:1/4}.l_grid_span15{grid-column:1/5}.l_grid_span19{grid-column:1/9}.l_grid_span23{grid-column:2/3}.l_grid_span24{grid-column:2/4}.l_grid_span25{grid-column:2/5}.l_grid_gap0{grid-gap:0}.l_w200{width:200px}.l_w300{width:300px}.l_w2{width:2px}.l_break{word-wrap:anywhere}.l_grid_col1{grid-column-start:1}.l_grid_col2{grid-column-start:2}.l_toggle{display:none}.l_rad2{border-radius:2px}.l_rad3{border-radius:3px}.l_rad4{border-radius:4px}.l_rad5{border-radius:5px}.l_rad10{border-radius:10px}.l_rad20{border-radius:20px}.l_rad50{border-radius:50px}.l_radtl2{border-top-left-radius:2px}.l_radtl3{border-top-left-radius:3px}.l_radtl5{border-top-left-radius:5px}.l_radtl10{border-top-left-radius:10px}.l_radtl20{border-top-left-radius:20px}.l_radtl50{border-top-left-radius:50px}.l_radtr2{border-top-right-radius:2px}.l_radtr3{border-top-right-radius:3px}.l_radtr5{border-top-right-radius:5px}.l_radtr10{border-top-right-radius:10px}.l_radtr20{border-top-right-radius:20px}.l_radtr50{border-top-right-radius:50px}.l_radbl2{border-bottom-left-radius:2px}.l_radbl3{border-bottom-left-radius:3px}.l_radbl5{border-bottom-left-radius:5px}.l_radbl10{border-bottom-left-radius:10px}.l_radbl20{border-bottom-left-radius:20px}.l_radbl50{border-bottom-left-radius:50px}.l_radbr2{border-bottom-right-radius:2px}.l_radbr3{border-bottom-right-radius:3px}.l_radbr5{border-bottom-right-radius:5px}.l_radbr10{border-bottom-right-radius:10px}.l_radbr20{border-bottom-right-radius:20px}.l_radbr50{border-bottom-right-radius:50px}.l_f13{font-size:13px}.l_f18{font-size:18px}.l_f24{font-size:24px}.l_btn,a.l_btn{background:var(--mc);display:inline-block;padding:7px 11px;cursor:pointer;text-align:center;text-decoration:none;outline:0;color:#fff;border:0;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.l_btn_copy,a.l_btn_copy{background:rgb(2,178,11)}.l_btn_light,a.l_btn_light{background:#eee;display:inline-block;padding:0 3px;cursor:pointer;text-align:center;text-decoration:none;outline:0;color:#aaa;border:0;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:11px}.l_btn_light:hover,a.l_btn_light:hover,.l_btn_light_active,a.l_btn_light_active{background:var(--mc);color:white}.l_btn_small,a.l_btn_small{padding:3px 5px;border-radius:3px;font-size:8px}.l_shad5{box-shadow:0 0 5px var(--mc)}.l_shad10{box-shadow:0 0 10px var(--mc)}.l_shad15{box-shadow:0 0 15px var(--mc)}.l_glow_green{box-shadow:0 0 10px var(--greenC)}.l_f6{font-size:6px}.l_f8{font-size:8px}.l_f9{font-size:9px}.l_f10{font-size:10px}.l_f11{font-size:11px}.l_f12{font-size:12px}.l_f13{font-size:13px}.l_toolbox{display:none;position:absolute;bottom:0;min-width:100%;background:white;padding:3px;z-index:1}.l_thumb{width:40px}.l_abs_top_left{position:absolute;top:5px;left:5px}.l_abs_tl0{position:absolute;top:0;left:0}.l_abs_tr0{position:absolute;top:0;right:0}.l_abs_tr5{position:absolute;top:5px;right:5px}.l_abs_bl0{position:absolute;bottom:0;left:0}.l_abs{position:absolute}.l_fixed{position:fixed}.l_top{top:0;bottom:unset}.l_top0{top:0}.l_top-3{top:-3px}.l_top15{top:15px}.l_top-15{top:-15px}.l_top35{top:35px}.l_top100{top:100px}.l_top1{top:1px}.l_bottom0{bottom:0}.l_of_hidden{overflow:hidden}.l_right0{right:0}.l_left0{left:0}.l_left-1{left:-1px}.l_left-5{left:-5px}.l_abs_b0{position:absolute;bottom:0}.l_flip_x{transform:scaleX(-1)}.l_flip_y{transform:scaleY(-1)}.l_sec_title{color:gray}.l_full{width:100%}.dark .l_img_dark{filter:invert(1) grayscale(1) brightness(100)}.dark .l_nicebox{background:var(--darkless)}.l_nicebox:hover,.l_nb:hover{box-shadow:0 0 3px var(--mc)}.l_m0{margin:0}.l_pad0{padding:0}.l_mtb10{margin-top:10px;margin-bottom:10px}.l_btn_active::after{content:"";width:20px;background:green;bottom:-5px;position:absolute;left:calc(50% - 10px);height:2px}.l_gold{background-color:#FFB300}.l_gold_c{color:#FFB300}.l_apricot{background-color:#FFD165}.l_apricot_c{color:#FFD165}.l_blue{background-color:#0080FF}.l_blue_c{color:#0080FF}.l_purple{background-color:#905EFF}.l_purple_i{background-color:#905EFF!important}.l_purple_c{color:#905EFF}.l_purple_c_i{color:#905EFF!important}.l_petrol{background-color:#0b257b}.l_petrol_c{color:#0b257b}.l_torq{background-color:#00FFD6}.l_torq_c{color:#00FFD6}.l_green{background-color:#0CE515}.l_green_c{color:#0CE515}.l_green_grad{background-color:var(--greenG)}.l_lava{background-color:#EB2F06}.l_lava_i{background-color:#EB2F06!important}.l_lava_c{color:#EB2F06}.l_lava_c_i{color:#EB2F06!important}.l_pink{background-color:#EF5877}.l_pink_c{color:#EF5877}.l_fuchi{background-color:#B92243}.l_fuchi_i{background-color:#B92243!important}.l_fuchi_c{color:#B92243}.l_sand{background-color:#FCD197}.l_sand_i{background-color:#FCD197!important}.l_sand_c{color:#FCD197}.l_sun{background-color:#FCD32B}.l_sun_i{background-color:#FCD32B!important}.l_sun_c{color:#FCD32B}.l_sun_c_i{color:#FCD32B!important}.l_mustard{background-color:#E1B12C}.l_mustard_c{color:#E1B12C}.l_orange{background-color:#FA9D3C}.l_orange_c{color:#FA9D3C}.l_sky{background-color:#36ADEE}.l_sky_i{background-color:#36ADEE!important}.l_sky_c{color:#36ADEE}.l_sky_c_i{color:#36ADEE!important}.l_sea_i{background-color:#153F95!important}.l_sea{background-color:#153F95}.l_sea_c{color:#153F95}.l_sea_c_i{color:#153F95!important}.l_violet{background-color:#855ECB}.l_violet_c{color:#855ECB}.l_grass{background-color:#1ABB71}.l_grass_i{background-color:#1ABB71!important}.l_grass_c{color:#1ABB71}.l_grass_c_i{color:#1ABB71!important}.l_lime{background-color:#B9E699}.l_lime_c{color:#B9E699}.l_joy{background-color:#C6E152}.l_joy_c{color:#C6E152}.l_cloud{background-color:#D2DAE1}.l_cloud_c{color:#D2DAE1}.l_dark{background-color:#1D272D}.l_dark_i{background-color:#1D272D}.l_dark_c{color:#1D272D}.l_dark_c_i{color:#1D272D}.l_white{background-color:#fff}.l_white_i{background-color:#fff!important}.l_unset_bg_i{background-color:unset!important}.l_white_c{color:#fff}.l_white_c_i{color:#fff!important}.l_black{background-color:#000}.l_black_c{color:#000}.l_gray{background-color:#535353}.l_gray_light_c{color:#9c9c9c}.l_gray_c{color:#535353}.l_gray_c_i{color:#535353!important}.l_melon{background-color:#F65628}.l_melon_c{color:#F65628}.l_red{background-color:#FF0004}.l_red_c{color:#FF0004}.l_btn_i{font-size:14px}.l_mc_i{background-color:var(--mc)}.l_mc_c{color:var(--mc)}.l_mc_c_i{color:var(--mc)!important}.l_po{cursor:pointer}.l_rtl{direction:rtl}.l_ltr{direction:ltr}.l_pad3{padding:3px}.l_pad5{padding:5px}.l_pad10{padding:10px}.l_pad20{padding:20px}.l_pad30{padding:30px}.l_pad50{padding:50px}.l_padt1{padding-top:1px}.l_padt2{padding-top:2px}.l_padt3{padding-top:3px}.l_padt4{padding-top:4px}.l_padt5{padding-top:5px}.l_padt50{padding-top:50px}.l_padt100{padding-top:100px}.l_padt150{padding-top:150px}.l_padt200{padding-top:200px}.l_padt6{padding-top:6px}.l_padt7{padding-top:7px}.l_padt8{padding-top:8px}.l_padt9{padding-top:9px}.l_padt10{padding-top:10px}.l_padt15{padding-top:15px}.l_padt20{padding-top:20px}.l_padb1{padding-bottom:1px}.l_padb2{padding-bottom:2px}.l_padb3{padding-bottom:3px}.l_padb4{padding-bottom:4px}.l_padb5{padding-bottom:5px}.l_padb6{padding-bottom:6px}.l_padb7{padding-bottom:7px}.l_padb8{padding-bottom:8px}.l_padb9{padding-bottom:9px}.l_padb10{padding-bottom:10px}.l_padb15{padding-bottom:15px}.l_padb20{padding-bottom:20px}.l_padb50{padding-bottom:50px}.l_padb100{padding-bottom:100px}.l_padb150{padding-bottom:150px}.l_padb200{padding-bottom:200px}.l_padv10{padding-top:10px;padding-bottom:10px}h1.l_reset{margin:0}h2.l_reset{margin:0}h3.l_reset{margin:0}.l_padv50{padding-top:50px;padding-bottom:50px}.l_padh10{padding-right:10px;padding-left:10px}.l_float_right{float:right}.l_float_left{float:left}.l_padr1{padding-right:1px}.l_padr2{padding-right:2px}.l_padr3{padding-right:3px}.l_padr4{padding-right:4px}.l_padr5{padding-right:5px}.l_padr6{padding-right:6px}.l_padr7{padding-right:7px}.l_padr8{padding-right:8px}.l_padr9{padding-right:9px}.l_padr10{padding-right:10px}.l_padr15{padding-right:15px}.l_padr20{padding-right:20px}.l_padr17{padding-right:17px}.l_padr30{padding-right:30px}.l_padr50{padding-right:50px}.l_padr100{padding-right:100px}.l_padr150{padding-right:150px}.l_padr200{padding-right:200px}.l_padl1{padding-left:1px}.l_padl2{padding-left:2px}.l_padl3{padding-left:3px}.l_padl4{padding-left:4px}.l_padl40{padding-left:40px}.l_padl5{padding-left:5px}.l_padl6{padding-left:6px}.l_padl7{padding-left:7px}.l_padl8{padding-left:8px}.l_padl9{padding-left:9px}.l_padl10{padding-left:10px}.l_padl15{padding-left:15px}.l_padl20{padding-left:20px}.l_padl30{padding-left:30px}.l_padl50{padding-left:50px}.l_padl100{padding-left:100px}.l_padl150{padding-left:150px}.l_padl200{padding-left:200px}.l_bold{font-weight:bold;}.l_mtb5{margin-top:5px;margin-bottom:5px}.l_dis_block{display:block}.l_dis_inline_block{display:inline-block}.l_border1{border:1px solid}.l_mtb50{margin-top:50px;margin-bottom:50px}.l_f14{font-size:14px}.l_f16{font-size:16px}.l_f17{font-size:17px}.l_f5{font-size:5px}.l_f7{font-size:7px}.l_f20{font-size:20px}.l_f30{font-size:30px}.l_f36{font-size:36px}.l_f40{font-size:40px}.l_f48{font-size:48px}.l_f100{font-size:100px}.l_f150{font-size:150px}.l_left{text-align:left}.l_center{text-align:center}.l_right{text-align:right}.l_vat{vertical-align:top}.l_vam{vertical-align:middle}.l_fixed{position:fixed}.l_anim_pulse{animation:l_animation_pulse infinite 2s;z-index:1}.l_anim_360{animation:l_animation_360 infinite .5s;z-index:1}.l_anim_pulse_3{animation:l_animation_pulse 2s;z-index:1;animation-iteration-count:3}.l_shadow{box-shadow:0 0 4px gray}.l_table{overflow-x:scroll;display:inline-block;box-shadow:0 0 10px rgba(0,0,0,.161);border-radius:4px;border-collapse:collapse;font-size:13px;background:white;table-layout:fixed;max-width:100%}.l_table thead{background:#303046;color:white;overflow:hidden}.l_table th{padding:10px 0;white-space:nowrap;text-align:left;line-height:19px;border-bottom:1px solid rgba(128,128,128,.451)}.l_table td{padding:5px 0;height:60px}.l_table th,.l_table td{vertical-align:middle;padding-left:6px;padding-right:6px}.l_table,.l_table td{border-bottom:1px solid #f7f7f7}.l_table li:only-of-type{list-style-type:none}.l_table td p *{font-size:12px!important}.l_table img{max-height:66px;max-width:200px}.l_table thead tr:hover{background:#18182b}.latest_comment{border-bottom:1px solid #e1e1e1;padding:5px 0;font-size:14px}.makeNewComment{background:rgba(154,154,154,.22)}.comment_user{border-right:2px solid #fecb07;min-width:175px;padding:4px;margin-right:14px}.admin_pic{border-radius:100px;overflow:hidden;width:36px;border:1px solid;height:36px}textarea.comment_text{width:40%;border:1px solid rgba(128,128,128,.388);border-radius:9px}.l_pre{white-space:pre}.l_lh10{line-height:10px}.l_lh35{line-height:35px}.l_lh12{line-height:12px}.l_lineh8{line-height:8px}.l_lineh10{line-height:10px}.l_lineh15{line-height:15px}.l_lineh20{line-height:20px}.l_op1{opacity:.1}.l_op2{opacity:.2}.l_op3{opacity:.3}.l_op4{opacity:.4}.l_op5{opacity:.5}.l_op6{opacity:.6}.l_op7{opacity:.7}.l_op8{opacity:.8}.l_op9{opacity:.9}.l_op10{opacity:1}.l_w-18{width:calc(100% - 18px)}.l_w-22{width:calc(100% - 22px)}.l_w-24{width:calc(100% - 24px)}.l_ws-nowrap{white-space:nowrap}.l_ws-breakspaces{white-space:break-spaces}.l_op_hover10:hover{opacity:1}.l_op_hover10all:hover>*{opacity:1}.l_trans{background-color:transparent}.l_trans1{transition:all .1s}.l_z-1{z-index:-1}.l_z1{z-index:1}.l_z2{z-index:2}.l_z3{z-index:3}.l_z4{z-index:4}.l_z5{z-index:5}.l_z9{z-index:9}.l_z10{z-index:10}.l_z11{z-index:11}.l_loading{position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(rgba(0,0,0,.878),rgba(0,0,0,.698),#0006);z-index:10;text-align:center;overflow:hidden}.l_niceform input,.l_niceinput,.l_input{font-size:15px;padding:3px;text-indent:5px;min-height:40px;border:1px solid #aaa;border-radius:4px;width:100%}.l_niceform textarea,textarea.l_niceinput{border:1px solid #aaa;border-radius:4px;padding:5px}.l_ch{display:table-cell;vertical-align:middle;width:100%}.l_par{display:table;width:100%;height:100%}@keyframes l_animation_pulse{0%{box-shadow:0 0 5px var(--mc);opacity:.3}50%{box-shadow:0 0 5px var(--mc);opacity:1}100%{box-shadow:0 0 5px var(--mc);opacity:.3}}@keyframes l_animation_360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.l_required_label::before{content:"";width:5px;height:5px;background-color:red;border-radius:100%;position:absolute;right:-5px;animation:l_required_label_animation infinite 2s}@keyframes l_required_label_animation{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}input.l_reset{font-size:inherit;padding:inherit;text-indent:inherit;min-height:inherit;border:inherit;border-radius:inherit;width:inherit}@media all and (min-width:1200px){.l_tablet,.l_mobile{display:none}}@media all and (max-width:1199px){.l_pc{display:none}.l_tablet{display:unset}.l_w1200{width:100%}.l_w1600{width:100%}.l_tablet_pad10{padding:10px}.l_tablet_pad20{padding:20px}.l_tablet_pad30{padding:30px}.l_tablet_padt20{padding-top:20px}.l_tablet_padh10{padding-left:10px;padding-right:10px}.l_tablet_no_grid_all>[class^=l_grid],.l_tablet_no_grid_all>[class*=' l_grid']{display:initial}.l_tablet_btn_small{padding:3px 5px;border-radius:3px;font-size:8px}.l_tablet_f15{font-size:15px}.l_tablet_small_field{min-height:20px;width:120px;font-size:14px}.l_tablet_ml0{margin-left:0}.l_tablet_clear{clear:both;display:block}.l_grid3,.l_grid4,.l_grid5,.l_grid6,.l_grid7,.l_grid8{grid-template-columns:repeat(2,1fr)}}@media all and (max-width:575px){.l_w60per{width:100%}.l_mt100{margin-top:50px}.l_mobile_w{width:100%}.l_mobile_limit_2>*:nth-of-type(n+3){display:none}.l_article img{max-width:100%;height:auto}.l_grid1,.l_grid2,.l_grid3,.l_grid4,.l_grid5,.l_grid6,.l_grid7,.l_grid8{grid-template-columns:repeat(1,1fr)}}.select2-container{width:100%!important}.selection>span{height:40px!important}#roller{padding-top:5px;position:fixed;text-align:center;min-width:200px;z-index:102;background:#303539;right:10px;top:5px;border-radius:4px;box-shadow:0 0 8px 0 black;border:1px solid #fff;overflow:hidden}#rolling_img{width:19px;margin-right:10px}#rolling_msg{color:white;text-transform:uppercase}.working_area{padding:20px}.pop_media_thumbs_wrap{position:absolute;width:100%;z-index:1;background:rgba(0,0,0,.639);bottom:0;padding:3px 0}.pop_media_thumb_photo{width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.pop_media_thumb_photo:hover{box-shadow:0 0 5px orange;border:1px solid white}.active_pop_media_thumb::before{width:100%;background:var(--provision);content:"\2713";position:absolute;bottom:0;right:0;z-index:1;text-shadow:0 0 3px black;text-align:center}.pop_media_thumb_nav:hover{color:var(--provision);transition:.15s all}.pop_media_thumb{width:50px!important;height:50px!important;padding:0!important;margin-bottom:unset!important}._s_b_fullscreen_btn{position:absolute;bottom:0;right:0;z-index:1;font-size:40px;color:gray;background:rgba(0,0,0,.62);opacity:.6}._s_b_fullscreen_btn:hover{color:var(--provision);opacity:1}._s_b_fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background:black;transition:.2s all;padding:1vh 1vw}._s_b_icon{opacity:.2;position:absolute;right:0;font-size:26px!important}.pulse_anim{animation:_s_b_animation 1s infinite}@keyframes _s_b_animation{0%{transform:scale(0.9,.9)}50%{transform:scale(1.1,1.1)}100%{transform:scale(0.9,.9)}}._s_live_indic{position:absolute;top:5px;right:5px;width:5px;height:5px;background:var(--greenG);border-radius:100%;animation:live_dot infinite 2s;z-index:1}@keyframes live_dot{0%{box-shadow:0 0 5px #00ff72;opacity:.3}50%{box-shadow:0 0 5px green;opacity:1}100%{box-shadow:0 0 5px #00ff72;opacity:.3}}.blocka_form{width:100%}.blocka_modern{padding-top:4px;margin-bottom:32px}.app_download_btn_img{width:200px}#app_download_wrap{width:100vw;height:100vh;background:var(--mainColor);text-align:center}#downa_logo_pic{width:128px}.app_download_title{font-size:30px;margin:20px 0;color:var(--mainColor)}.app_download_btn{display:block;margin-top:10px}#app_download_cont{max-width:360px;padding:45px;position:relative;text-align:center;z-index:1;background:whitesmoke;box-shadow:0 0 60px rgba(0,0,0,.431);border-radius:13px;margin:auto}.blocka{box-shadow:0 0 3px rgba(208,208,208,.522);padding:10px;background:white;margin:10px;margin-left:0;margin-bottom:29px;padding-top:20px}.group_wrapper{top:-15px;position:absolute;z-index:1}#bigPopBread #preBread{display:none}.shortcut_in_button{font-size:8px;position:absolute;bottom:1px;text-align:center;width:100%;left:0;display:none;background:rgba(128,128,128,.212)}#curr_view{padding:0 10px;margin:0 10px;margin-bottom:-2px}#curr_view::before{content:"";width:1px;height:16px;display:block;background:gray;margin-right:10px;position:absolute;left:0;top:0}#curr_view span{display:block}.small_blocka .new_group{font-size:8px;padding:5px;background:brown;margin:unset}.small_blocka .group_wrapper{top:-10px}.new_group{background:purple;color:white;padding:7px 20px;border-radius:5px;font-size:13px;box-shadow:0 0 5px rgba(0,0,0,.341)}.panelTable,td{border-bottom:1px solid #f7f7f7}.panelTable{overflow-x:scroll;display:inline-block;border-collapse:collapse;font-size:13px;background:white;table-layout:fixed;max-width:100%}.panelTable thead{background:#303046;color:white;overflow:hidden}.counter{background:#f7f7f7;text-align:center;min-width:14%;min-height:100px;padding:10px;color:var(--mainColor);border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.02)}.chart{width:100%;height:100%}._s_b_chart{width:100%;height:100%;position:absolute;top:0;left:0;padding:12px}countlabel{margin-top:5px;display:block;font-style:italic;font-size:12px}.panelTable th{padding:10px 0;white-space:nowrap;text-align:left;line-height:19px;border-bottom:1px solid rgba(128,128,128,.451)}.panelTable th,.panelTable td{vertical-align:middle;padding-left:6px;padding-right:6px;height:60px}.sub_group{font-size:14px;margin-bottom:11px;display:inline-block}count{margin-top:10px;display:block;font-size:26px;font-weight:bold}.big_group{font-size:15px;margin-bottom:12px;display:inline-block;font-weight:bold}#general_msg_area{color:#3e3d3d;background-color:white;z-index:9991;position:fixed;font-size:12px;padding:5px;right:10px;top:5px;line-height:25px;left:unset;text-align:center;border-radius:4px;box-shadow:0 0 8px 0 black;border:unset;padding-left:40px;overflow:hidden}#map_box_manual_input{width:200px;font-size:11px;min-height:unset}#bigPopGrand{width:100%;height:100%;box-shadow:0 0 7vw black;border-radius:7px}#bigPopDragIcon{position:absolute;z-index:4;color:white;right:90px;top:13px;cursor:move}.general_msg_i{margin-right:9px;font-size:16px;opacity:1;position:absolute;color:white;height:100%;top:0;left:0;line-height:35px;width:35px;box-shadow:0 0 7px rgba(0,0,0,.18);text-shadow:1px 1px rgba(0,0,0,.431)}#general_msg_area img{width:18px;vertical-align:middle;margin:5px;filter:brightness(0) invert(1)}#popArea{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;z-index:110;background:rgba(0,0,0,.012)}#popBox{margin:auto;display:block;max-width:90vw;transform:translateY(-50%);background:white;position:relative;top:50%;border:5px solid rgba(0,0,0,.1);width:600px;box-shadow:0 0 7vw black;border-radius:7px}.close_pop{position:absolute;right:-15px;width:30px;background:gray;height:30px;border:1px solid white;border-radius:30px;text-align:center;line-height:28px;top:-15px;color:white;box-shadow:0 0 9px black;z-index:12;transition:.2s all}.close_pop:hover{background:#401a1a}#mediaPop{position:fixed;top:0;left:0;width:100vw;text-align:center;height:100vh;z-index:4}#mediaPopGrand{width:88vw;height:88vh;margin:auto;top:6vh;bottom:6vh}#mediaPopContent{height:100%;width:100%;color:white}#mediaPopWrap{width:100%;height:100%;background:#121313;box-shadow:0 0 7vw black;border-radius:7px}#media_viewer{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}#media_viewer img{max-height:100%;max-width:100%}#pop_content{height:100%;display:table;width:100%}#popSign{display:table-cell;width:20%;text-align:center;font-size:70px;color:lightgray;vertical-align:top}#pop_area{display:table-cell;vertical-align:top;padding:10px}#pop_title{font-weight:bold;margin-bottom:10px;padding-bottom:5px}.action{display:inline-block;width:50%;text-align:center;padding:10px;border:0;vertical-align:top}.gray_bg{background:rgba(211,211,211,.42)}.css-checkbox{position:absolute;opacity:0}.css-checkbox + label{position:relative;cursor:pointer;padding:0}.css-checkbox + label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#e4e4e4}.css-checkbox:hover + label:before{background:var(--mainColor)}.css-checkbox:focus + label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.css-checkbox:checked + label:before{background:var(--mainColor)}.css-checkbox:disabled + label{color:#b8b8b8;cursor:auto}.css-checkbox:disabled + label:before{box-shadow:none;background:#ddd}.css-checkbox:checked + label:after{content:"";position:absolute;left:5px;top:9px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;transform:rotate(45deg)}.boxgroup{padding:10px;margin-top:30px;box-shadow:0 0 5px 1px rgba(128,128,128,.129);margin-right:10px}.boxgroup .group{background:var(--mainColor);width:auto;display:inline-block;padding:10px 20px;color:white;position:absolute;top:-18px;border:3px solid white}#percentage_upload_filler{height:100%;position:absolute;top:0;background:var(--greenG);transition:.3s all}#percentage_upload_box{background:#2e2f35;margin-top:5px}#percentage_upload_text{color:white;font-size:12px;padding:1px 0;display:inline-block;z-index:3}#popActions{margin-top:14px}.action:first-child{color:white;background:var(--redG)}.group{color:white;font-size:15px;background:#636363;display:inline-block;padding:5px 15px;border-left:4px black solid}.onfour{width:25%}.form_field{margin-bottom:18px}.ontwo{width:50%}.ontwo-10{width:calc(50% - 10px)}.onthree{width:33.33%;overflow:hidden}.takeThree{width:75%}.affected_matrix::before{content:"↳";position:absolute;left:1px;font-size:11px;top:2px}.affected_matrix{padding-left:13px}.tip{font-size:11px;margin-bottom:20px;margin-top:-4px;line-height:1.2;color:#737373}.takeTwoThirds{width:66.66%;overflow:hidden}.save_cluster_item{background:var(--mainColor);color:white;padding:11px}.delete_cluster_item{background:darkred;color:white;padding:10px}.add_new_sub_element{text-align:center;padding:10px 20px;background:#4ab1f3;color:white;display:inline-block;border:1px solid white;box-shadow:0 0 3px rgba(128,128,128,.78)}.cluster_add_wrap{border-top:1px solid rgba(128,128,128,.212);padding-top:10px}.filter_box input,.filter_box input[type=text]{width:auto!important;min-height:unset}.bread_btn{color:#363542;padding:5px 6px;background:linear-gradient(60deg,rgb(239,184,40) 0,rgb(255,196,43) 100%);transition:.25s all;border-radius:3px;font-size:10px}.bread_btn i{text-align:center;font-size:15px}.social{font-family:social}.btn{border:medium none;color:white!important;background:var(--mainColor);display:inline-block;font-size:16px;height:40px;margin:0;text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 12px 0 rgba(128,128,128,.471);line-height:40px;padding:0 10px;border-radius:4px}.btn i{line-height:unset}.sbtn,a.sbtn{background:var(--mainColor);color:white;font-size:13px;text-align:center;padding:6px 5px;cursor:pointer;border-radius:3px;box-shadow:0 0 3px rgba(128,128,128,.271)}.mceNoEditor{min-height:100px;width:100%}.bread_del{background:var(--redG);color:#ffdbdb}.action:first-child{color:white}#framer{position:fixed;top:5vh;background:rgba(15,15,21,.69);width:90vw;height:90vh;z-index:3;left:5vw;box-shadow:0 0 150px black}#farmer_cont{width:100%;background:white;margin:auto;border-radius:6px;box-shadow:0 0 9px #0009;height:100%}#framer_title{text-align:center;border-bottom:1px solid rgba(128,128,128,.322);padding:12px;color:#292c35}#framer_content{height:calc(100% - 41px);overflow:scroll;display:block;width:100%}.bigPop{position:fixed;top:0;left:0;background:rgba(0,0,0,.012);padding:12vh 12vw;width:100vw;height:100vh;z-index:3}.bigPop #bread{position:absolute;top:0;background:#202124;left:0;width:100%}.bigPopWrap{width:100%;height:100%;overflow:scroll;background:white;padding:20px;border-radius:6px;padding-top:58px;max-height:80vh}.view_label{display:unset;font-size:11px;font-weight:normal;color:gray}.viewValue{font-size:17px;margin-top:5px}.view_box{margin-top:10px;margin-bottom:15px;padding-right:40px}.lang_item{transition:.1s all;background:#404040 none repeat scroll 0 0;border-radius:3px 3px 0 0;display:inline-block;padding:4px 14px;color:#ccc;height:31px;box-shadow:-1px -4px 9px -4px rgba(0,0,0,.18)}.lang_item:hover{background:var(--provision);color:black}.check_box_wrap{height:40px}.active_lang{color:white;background-color:#1d648e}#lang_box i{color:#c5c5c5}#lang_box{margin-left:52px}.free_width{width:auto}[data-legion-field-type=radio] .input_area{box-sizing:border-box;font-size:0;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch}[data-legion-field-type=radio] .input_area input{cursor:pointer;width:0;height:0;position:absolute;left:-9999px}[data-legion-field-type=radio] .input_area input + label{cursor:pointer;margin:0;padding:4px 12px;line-height:28px;padding-bottom:6px;box-sizing:border-box;position:relative;display:inline-block;border:solid 1px #DDD;background-color:#FFF;font-size:14px;font-weight:normal;text-align:center;box-shadow:0 0 0 rgba(255,255,255,0);transition:border-color .15s ease-out,color .25s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}[data-legion-field-type=radio] .input_area input + label:first-of-type{border-radius:6px 0 0 6px;border-right:none}[data-legion-field-type=radio] .input_area input + label:last-of-type{border-radius:0 6px 6px 0;border-left:none}[data-legion-field-type=radio] .input_area input:hover + label{border-color:#213140}[data-legion-field-type=radio] .input_area input:checked + label{background-color:var(--mc);color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.24);border-color:#AAA;z-index:1}[data-legion-field-type=radio] .input_area input:focus + label{}@media (max-width:800px){[data-legion-field-type=radio] .input_area input + label{flex:auto;display:flex;justify-content:center;align-items:center}}@media all and (max-width:575px){.ontwo,.onthree,.onfour{width:100%!important}}a.active_dash,.nicebox:hover{box-shadow:0 0 5px var(--mc)}.nicebox h2,._stats_title{margin-top:7px}.stats_count{height:100%}.stats_count_num{font-size:24px}.stats_subline{font-size:12px;opacity:.4;margin-top:3px}.stats_Chart{min-height:200px}.stats_wrapper .nicebox{margin-right:unset}.nicebox{background:#fbfbfb;border-radius:7px;box-shadow:1px 2px 5px rgba(128,128,128,.141);padding:12px;transition:.3s all;margin-right:1%;font-size:14px;margin-bottom:1%}:root{--redG:linear-gradient(101deg,red,darkred);--orangeG:linear-gradient(101deg,orange,darkorange);--modernG:linear-gradient(to left,#2f358a,#de244d);--blueG:linear-gradient(260deg,#1d5f99,#0be1e1);--greenG:linear-gradient(260deg,#4caf50,#0be118);--melonG:linear-gradient(260deg,#ea7165,#f75322);--torqG:radial-gradient(circle farthest-corner at 10% 20%,rgba(0,152,155,1) .1%,rgba(0,94,120,1) 94.2%);--redC:red;--orangeC:orange;--modernC:#de244d;--blueC:#0be1e1;--greenC:#4caf50;--melonC:#f75322;--torqC:rgba(0,152,155,1);--provision:#efb828}.redG{background:var(--redG)}.orangeG{background:var(--orangeG)}.modernG{background:var(--modernG)}.blueG{background:var(--blueG)}.greenG{background:var(--greenG)}.melonG{background:var(--melonG)}.torqG{background:var(--torqG)}.redGi{background:var(--redG)!important}.orangeGi{background:var(--orangeG)!important}.modernGi{background:var(--modernG)!important}.blueGi{background:var(--blueG)!important}.greenGi{background:var(--greenG)!important}.melonGi{background:var(--melonG)!important}.torqGi{background:var(--torqG)!important}.main_color_bg{background-color:var(--mainColor)!important}.main_color_font{color:var(--mainColor)!important;}.main_color_border{border:1px solid var(--mainColor)!important;}.main_color_border_left_bold{border-left:4px solid var(--mainColor)!important;}.main_color_border_left_light_dashed{border-left:2px dashed}*{position:relative;-webkit-overflow-scrolling:touch;box-sizing:border-box}a:visited,a:link{color:unset;text-decoration:unset}.list_comp_item{color:#393939;border-radius:3px;margin-right:2px;padding:3px 7px;background:rgba(0,0,0,.039);margin-bottom:5px;box-shadow:0 0 3px rgba(0,0,0,.141)}.bidi{unicode-bidi:plaintext}.mw150{min-width:150px}html{scroll-behavior:smooth}.material-icons,i{font-family:'Material Icons';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:liga 0;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}clear{clear:both;display:block}.pointer,.po{cursor:pointer}.in,.inline{display:inline-block;vertical-align:top}.full_star,.empty_star:hover{color:#e1be03}.empty_star{color:lightgray}img{object-fit:cover;object-position:center}.mid,.midinline{display:inline-block;vertical-align:middle}.bot{display:inline-block;vertical-align:bottom}.hidden,.h{display:none!important}.width{width:100%}.fancybox-caption{direction:rtl!important}.noselect,.nos{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.half_vid{width:50%;height:33.3vh}.full_vid{width:100%;height:33.3vh}.dn{display:none}.stack img{border:7px solid #fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.4)}.stackless img{border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.4)}.fluid{width:100vw;min-height:100vh}.b{background:var(--mc);font-size:14px;height:auto;margin:0;text-align:center;cursor:pointer;box-shadow:0 0 4px 0 rgba(0,0,0,.522);padding:7px 10px;border-radius:4px;border:1px solid rgba(0,0,0,.239);transition:.015s all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.b:hover{box-shadow:0 0 4px 0 rgba(0,0,0,.702)}.bd{background:#e6e6e6;font-size:14px;height:auto;margin:0;text-align:center;cursor:pointer;padding:7px 10px;border-radius:4px;border:1px solid #e8e8e8;transition:.015s all}.bd:hover{box-shadow:0 0 4px 0 rgba(0,0,0,.702);background:var(--provision)}.sb{padding:3px 2px;margin:unset;font-size:11px}.sdel{background:var(--redG);color:white}body,html{margin:0;padding:0}picture{display:inline-block}picture img{width:100%;height:100%;display:block}.autoheight{height:auto;min-height:auto}.half{width:50%;padding:20px}.input_area{margin-top:7px;padding-right:17px}input[type=submit][disabled]:active,input[type=submit][disabled],input[type=submit][disabled]:hover{background:#ddd!important}.form_field .tip{margin-top:2px;margin-bottom:unset}.stackVid{border:10px solid #fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.4)}.child,.ch{display:table-cell;vertical-align:middle;width:100%}.parent,.par{display:table;width:100%;height:100%}.vh{height:100vh}.vw{width:100vw}.ovh{min-height:100vh}.ovw{min-width:100vw}m10{width:100%;height:10px;display:block}.m10{margin-top:10px}m20{width:100%;height:20px;display:block}.m20{margin-top:20px}.rm22{margin-bottom:22px}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w25m{width:23%;margin-left:1%;margin-right:1%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w52{width:52%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w67{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.tdm{max-width:200px}.w85{width:85%}.force_height img{width:unset}.required_star{font-family:arial;color:darkred}.pad30{width:70%;margin:auto}.pad20{width:80%;margin:auto}.pad10{width:90%;margin:auto}.w75{width:75%}#design{color:#830d95}#dev{color:#0d503d}video{object-fit:cover}#provision{font-size:5px;text-align:right}#right{text-align:left}#provision span{display:block}#pv_inside img{width:70px;margin-top:0}#design{color:orange;display:inline!important}#dev{color:darkorange;display:inline!important}.help{display:inline-block;position:relative;margin-left:5px;z-index:1}.help span{background:#272633;border:1px solid lightgray;border-radius:5px;color:white;display:none;padding:5px;position:absolute;top:20px;max-width:350px;min-width:200px;font-weight:normal;line-height:1.4}.helpbox{background:#f9f9f9;border:1px solid #e3e3e3;border-radius:5px;color:#424242;display:none;padding:5px;position:absolute;bottom:80%;left:0;z-index:3}.help:hover span,td:hover .helpbox{display:inline-block}.p_content img{max-width:100%}.autowidth{width:auto!important}.pr20{padding-right:20px}.c{text-align:center}.cleft{float:left;width:150px}.ccenter{display:inline-block;margin:0 auto}.cright{float:right;width:150px;text-align:right}.alignleft{text-align:left}#mob_menu_btn{display:none;padding:5px;vertical-align:middle;margin-right:5px;font-size:25px}.filtered{background:black}.filtered img{mix-blend-mode:screen;-webkit-filter:grayscale(100%) contrast(200%);filter:grayscale(100%) contrast(200%);opacity:1}.center-c{position:absolute;top:0;left:0;margin:auto;right:0;bottom:0}.holla:hover{filter:brightness(111%) contrast(111%);transition:all .5s cubic-bezier(.65,.05,.36,1)}.attach_icon{width:44px}.attach a{padding:11px;display:inline-block;background:whitesmoke;box-shadow:0 0 3px rgba(128,128,128,.369);margin-right:20px}.attach a:hover{border-radius:5px;box-shadow:0 0 4px black;transition:.5s}.attach_head{background:purple;color:white;display:inline-block;margin-bottom:10px;padding:5px;font-family:tahoma}.noPlaceHolder input::placeholder{color:transparent}#final{background:#131313;color:white;padding:10px}.attach_icon img{width:100%}.input_counter{font-size:10px;padding-left:2px;padding-top:2px}blacki{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(260deg,black,transparent,transparent)}blackileft{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to right,black,transparent,transparent)}.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.center{text-align:center}.collage{line-height:0;-webkit-column-count:4;-webkit-column-gap:0;-moz-column-count:4;-moz-column-gap:0;column-count:4;column-gap:5px}.collage img,.collage video{width:100%!important;height:auto!important;border:3px solid white}.emptystar{opacity:.3}.star_box{margin:10px 0}.star_box i{margin:0 2px}.full_star{color:orange;text-shadow:1px 0 1px rgba(128,0,128,.42)}.el{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.el1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.el2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#attach_head{margin-bottom:10px}.pintrest{column-count:4;column-gap:15px}.pintresta{display:inline-block;width:100%}#mapWrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:111}.map_box{position:absolute;top:20%;left:20%;width:60%;height:60%;background:white;box-shadow:0 0 300px gray;border-radius:5px;padding:20px}strong{font-weight:bold}.map_btns{margin-bottom:20px}#mapPicker{height:calc(100% - 36px);width:100%}.map_state{background:var(--greenG);color:white;border-radius:4px;overflow:hidden;box-shadow:0 0 3px #00f755}.map_off{background:#dfdfdf;height:100%;padding:5px;font-size:24px;color:#7b7b7b}.map_on{background:palegreen;height:100%;padding:5px;font-size:24px;color:seagreen}.map_btn{font-size:14px;padding:0 10px}.pon{cursor:unset!important}.delete_map_btn{background:var(--melonG);color:white;font-size:10px;width:51px;text-align:center;padding:7px 5px;border-radius:3px;box-shadow:0 0 3px rgba(128,128,128,.412);margin-left:4px}.map_btns .delete_map_btn{width:auto}.close_map{padding:7px 10px;box-shadow:0 0 3px rgba(128,128,128,.412);border-radius:3px;background:var(--greenG);color:white;font-size:10px}#map_box_manual_hit{font-size:12px;max-width:170px;color:darkcyan;margin-left:10px}.full_attach{width:100%}.full_attach a{width:100%;display:block;margin-right:unset}.full_attach .attach{width:100%}.tab_counter{position:absolute;top:-10px;right:6px;background:white;color:gray;padding:3px;width:20px;height:20px;border-radius:100%;box-shadow:0 0 3px gray}.input_area img{max-width:200px!important}.elipse{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}:root{--mc:#efb827;--mainColor:#efb827;--sub_menu_color:#feffff}@font-face{font-family:robot;font-display:swap;src:local('robot'),url(/legion/project/public/assets/legacy/uploads/17429964931344125596.ttf) format('truetype')}html[dir=rtl] body,html[lang=ar] body{font-family:Almarai,system-ui,'Segoe UI',sans-serif}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-family:inherit}#search_window input:focus{outline:0!important;border:1px solid red;box-shadow:0 0 10px #719ECE}#search_window input::placeholder{color:white}#search_window input{width:60%;height:50px;text-align:center;background:none;border:0;border-bottom:3px solid rgba(255,255,255,.251);font-size:30px;color:white}.close_search{color:white;display:inline-block;padding:10px;position:absolute;top:30px;right:30px;font-size:50px;font-family:sans-serif;z-index:10}#search_window h1{margin-bottom:50px;font-size:30px;color:white}#search_window{position:fixed;background-image:linear-gradient(#737373,rgba(37,37,37,.859));z-index:1000000;width:100vw;height:100vh;top:0;text-align:center;left:0;padding-top:30%;right:0}#menu_window{position:fixed;background-image:linear-gradient(#737373,rgba(37,37,37,.859));z-index:1000000;width:100vw;height:100vh;top:0;text-align:center;left:0;padding-top:10%;right:0}#menu li{color:white;font-size:30px;margin:10px 0}#share_box{margin:30px 0}#contact{padding-left:1%;margin-top:30px;margin-bottom:30px}#contact label{width:150px;display:inline-block;font-weight:bold;height:30px}#contact input{height:30px;width:300px}#contact textarea{width:300px;height:200px;vertical-align:top}.photo_gallery{width:50%;height:40vh;padding:50px;overflow:hidden}.photo_cover{height:70%}.photo_cover img{width:100%;height:100%}.photo_gallery h2{font-size:30px;margin-bottom:20px}.gallery_head{width:100%;height:30vh;overflow:hidden}.gallery_head h1{position:absolute;z-index:1;text-align:center;width:100%;bottom:10%;padding:20px;color:white;background:rgba(0,0,0,.231)}.gallery_head img{width:100%;height:100%}.gallery_single_photo{width:33.333%;height:40vh}.event_info{padding:30px}.gallery_single_photo img{width:100%;padding:10px 0 10px 4px;height:100%}.search_section a{display:block;margin:10px 5px}.search_title{font-size:20px;font-weight:bold;margin-top:50px}.attach{padding:10px;color:#0281b3}section.social{position:absolute;bottom:30px;text-align:center;width:100%}#menu_lang{margin-right:5%}.social_link{padding:5px;color:white!important}a.menu_lang_item{color:white;border-bottom:1px solid wheat;padding-bottom:5px}.social i{color:white;padding:2px;border-right:1px solid white;padding-right:10px;margin-right:5px}footer{text-align:center;background:white}.consider_header{margin-top:79px}.tri_sub_menu{display:none}.sub_li:hover .tri_sub_menu{display:unset}.tri_sub_menu{display:none;left:100%;top:0;position:absolute;background:#214b84;text-align:left;z-index:1;box-shadow:0 0 3px black;border-radius:3px}.text-green{color:var(--motor-green,#10c78b)}.car_colors_photo_picture{display:block;width:100%;max-width:760px;height:auto;margin:0 auto}.car_colors_photo_picture img{display:block;width:100%;height:auto;border-radius:14px}.car_colors_color_name{font-size:14px}.car_colors_color{width:30px;height:30px;border-radius:100%;padding:25px;margin:auto}.main_box_t{font-size:25px;text-align:left;padding:5px 0;color:white}#car_colors_wrap{padding:5px 50px;text-align:center;background:white;box-shadow:4px 2px 7px 4px rgba(0,0,0,.051);width:max-content;margin:auto;border-radius:60px;margin-top:30px}.color_info{margin:15px}.mid.news_slider_title div{height:15px;display:inline-block;vertical-align:middle}.car_colors_box{display:inline}.booking_wrap{position:absolute;top:15%;right:100px;background:white;width:50%;padding:50px;border-radius:15px;box-shadow:15px 11px 15px 3px rgba(0,0,0,.188);z-index:1000;color:black}#success_booked_pop{text-align:center;font-size:18px;font-weight:400;margin:10px auto;color:green}.social_links_box_header.mid{width:24px;text-align:center;margin-right:5px}.hide_booking{position:absolute;right:20px;top:15px}.home_video_left{padding-right:3%}.booking_h{text-align:center;margin:15px auto;font-size:20px;font-weight:400}.contact_informatione span{width:80%;text-align:left;margin-left:1%;line-height:1.1}.video{margin:auto;margin-top:9%;width:58%;height:auto;display:block}.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden{width:100%}.read_more.po:hover{background:black;box-shadow:10PX 10PX 99PX 6PX hsla(0,0%,100%,.6);border:1px solid black}.video_close{text-align:right;font-size:30px;color:white;position:absolute;top:5%;right:3%;z-index:1}.bg_img{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;opacity:.3}#advertisement_wrap{background:gray;border-radius:10px 10px 0 0}.input_ar input{width:60%!important;margin:unset}.main_video,.home_page_slider{position:fixed;width:100%;height:100vh;top:0;background:rgba(211,211,211,.239);z-index:10000;height:100%}.configration_btn{color:white!important}.vehicles_photo_picture{width:100%;height:220px;border-radius:20px}.vehicles_photo_picture img{object-fit:contain;border-radius:20px}.main_section_box{width:100%;height:100vh}.main_section_box{color:white}.about_photo_main{width:100%}.about_photo_main img{border-radius:35px}.about_title{padding:27px 0;font-size:29px;font-weight:bold}.title_main{padding:10px 0 0;font-size:29px;font-weight:bold}.about_summary{font-size:16px;line-height:1.6;align-content:center}.scroll_header,.subpages{background-color:rgba(0,0,0,.612)!important}.car_main_details{position:absolute;bottom:15%;left:0;z-index:10;width:100vw;right:unset;text-align:left}.car_main_details2{position:absolute;bottom:15%;left:0;z-index:10;width:100%;right:unset;text-align:center}.shadow{position:absolute;width:100%;height:100vh;background:linear-gradient(to bottom,rgba(0,0,0,.871) 1%,rgba(0,0,0,.039) 50%);z-index:1}.main_section_car{color:white;font-size:50px;margin:15px auto}.main_box_title{color:white;text-align:left;font-size:20px;margin:5px auto;font-weight:400}.main_box_title2{color:white;text-align:center;font-size:20px;margin:5px auto;font-weight:400}.main_boxs{text-align:center}.main_box_summary{width:98%;color:#fffc;font-size:16px}.main_sub_box_line::after{content:' ';width:2px;background:white;height:50px;position:absolute;top:15px;right:1px}.main_sub_box{padding-right:0;width:26%;text-align:center;line-height:24px;padding-left:1px}.marquee .news_slider_title:first-of-type{border:0}.main_sub_box2{width:200px!important}.main_sub_box2 .main_box_title{text-align:center}.m_btn:hover{background:black;border:black;padding:6px 11px;transition:all 1s ease}.prog_ox .no_data{text-align:left}.bank_program_title.popup{text-align:right}.banks_program.hide_compare .no_data{text-align:center}.m_btn{color:white;border:1px solid white;padding:7px 10px;margin:14px 10px;font-size:18px;transition:all 1s ease}.car_photo_box{text-align:center}.l_btn.btn_form{margin-top:26px}.slider_title{color:black;text-align:center;margin:25px 0;font-size:25px;font-weight:400}#services_main{padding:25px}.services_title,.Finance_title,.insurance_companies,.test_drive_title{font-size:18px;letter-spacing:3px;padding:15px 0;color:#4b4b4b}.services_subtitle{font-size:18px;padding:15px 0}.services_photo_picture video{width:100%;height:100%;border-radius:15px}.limit-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}.home_video_left.in.w50{padding-right:15px}.services_summary.limit-lines{padding:15px 0;line-height:1.3;font-size:14px}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:100px!important;left:0!important;width:10%!important}.main_box.l_mb30,.main_boxs{text-shadow:1px 1px 2px black;z-index:10}.slider_photo{width:69%;height:60%}.slider_Explore a,.Explore a,.read_more{display:inline-block;padding:10px;background:#626161;margin:5px 0;border-radius:5px;font-size:15px}.slider_Explore a:hover,.Explore a:hover,.read_more:hover{box-shadow:0 0 5px lightgray}.swiper-button-next,.swiper-button-prev{color:black!important;width:20px!important;height:20px!important;border:1px solid black;padding:5px 5px 6px}#advertisement_wrap{height:48px}.swiper-button-next::after,.swiper-rtl .swiper-button-prev::after,.swiper-button-prev::after,.swiper-rtl .swiper-button-next::after{content:''!important;font-size:15px!important}.swiper-pagination-bullet{background-color:white!important}.slide_box{height:100%;width:100%;text-align:center;color:white;z-index:1}#services{margin-bottom:15px}.slobe{height:100%;width:100%;display:block}.w1200.class_xx .sub_tit{text-align:center;font-size:17px;padding-bottom:6px}.th-section{text-align:center;font-size:var(--font-size-smi);color:var(--motor-green);max-width:1200px;margin:0 auto;padding:var(--sp-xl) var(--sp-lg)}.newly-listed-tiles{text-align:center;font-size:var(--fs-h1);font-weight:800;color:var(--text-dark);text-transform:uppercase;letter-spacing:-.5px;margin-bottom:var(--sp-xs)}.lorem-ipsum-dolor-container{font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:300;color:var(--text-mid);max-width:600px;margin:0 auto}.latest-tile-models{font-size:var(--fs-xs);letter-spacing:2.8px;padding:var(--sp-sm) 0 var(--sp-lg);color:var(--motor-green);font-weight:600;text-transform:uppercase}.cat{margin-bottom:var(--sp-md)}.top_btns_div:hover{box-shadow:none;border-color:var(--motor-green)!important;color:var(--motor-green)!important}.top_btns{margin:auto;display:flex;flex-wrap:wrap;gap:var(--sp-sm);justify-content:center}.radio_btn{position:absolute;width:100%;z-index:111;height:30px;top:6px;left:-5px;opacity:0}.top_btns div{color:var(--text-mid)}.top_btns_div{color:var(--text-mid);background:#f5f5f5;border-radius:50px;margin:0;padding:8px 20px;cursor:pointer;border:1.5px solid transparent!important;width:auto;font-size:var(--fs-sm);font-weight:600;transition:all var(--transition-fast)}.top_btns_div.active{background-color:var(--text-dark);color:white!important;border-color:var(--text-dark)!important}.filter_li:hover{color:var(--motor-green);background:rgba(16,199,139,.08);border-radius:var(--radius-md)}.filter_li.active:hover{color:white;background:var(--motor-green);border-radius:0}.filter_li{padding:10px 12px;color:#ccc;font-size:var(--fs-sm);font-weight:500;transition:all var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter_li::after{content:'+';font-size:18px;font-weight:300;color:#666;transition:transform var(--transition-fast)}.filter_li.active::after{content:'−';color:var(--motor-green)}.cars_box2{padding-left:var(--sp-lg);width:75%}.productSwiper .swiper-slide{display:inline-grid!important}.product,.bath_prod{border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bath_prod,.product{box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #f0f0f0;background:#fff}.bath_prod:hover,.product:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-4px)}.style_photo_picture.zoom-container{width:100%;height:220px;overflow:hidden}.style_photo_picture.zoom-container img{border-radius:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product:hover .style_photo_picture.zoom-container img{transform:scale(1.06)}.bottom_box1{padding:10px}.style_title{font-size:15px;color:black;padding:5px;text-align:left}.style_price{font-size:15px;color:black;padding:5px;text-align:right}.style_summary{height:32px;overflow:clip;color:gray;text-align:left;margin:13px auto}.detail_box .box_color{margin-left:5px;top:2px}.detail_box{line-height:1.4;align-content:center;align-items:center}.detail_box{line-height:1.4;align-content:center;align-items:center;color:var(--text-dark);font-weight:600}.det_tit{color:var(--text-mid);font-size:var(--fs-xxs);font-weight:400;margin-top:2px}.title_filt{font-size:var(--fs-body);color:white;padding-bottom:var(--sp-sm);border-bottom:2px solid var(--motor-green);margin-bottom:var(--sp-lg);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.filter_sub{position:absolute;right:12px;top:12px;background:var(--motor-green);color:white;padding:6px 18px;border-radius:50px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast);border:0}.filter_sub:hover{background:#0db87a}.filter_reset{position:absolute;right:15px;top:50px;color:#999!important;padding:3px 0;font-size:var(--fs-xs);text-decoration:none;transition:color var(--transition-fast)}.filter_reset:hover{color:#fff!important}body{margin:0;line-height:normal;font-family:Sora,Almarai,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}.w1200{width:1200px;margin:auto}:root{--mc:#10c78b;--motor-green:#10c78b;--motor-green2:#0cad6a;--green-dark:#0a7f53;--green-glow:rgba(16,199,139,.15);--bg-dark:#0a0f0d;--bg-darker:#04110d;--bg-light:#f5f7f6;--bg-white:#fff;--text-dark:#141a18;--text-mid:#4b5b55;--text-light:rgba(255,255,255,.65);--text-white:#fff;--border-light:#dde4e2;--border-dark:rgba(255,255,255,.12);--fs-display:48px;--fs-h1:40px;--fs-h2:32px;--fs-h3:24px;--fs-h4:18px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;--fs-xxs:10px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.55;--lh-relaxed:1.75;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--sp-3xl:64px;--sp-4xl:80px;--sp-section:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 8px 24px rgba(0,0,0,.08);--shadow-lg:0 16px 40px rgba(0,0,0,.12);--shadow-glow:0 8px 24px rgba(16,199,139,.18);--ease-out:cubic-bezier(0.23,1,.32,1);--transition-fast:.2s var(--ease-out);--transition-mid:.3s var(--ease-out);--font-size-xs:12px;--font-size-sm:14px;--font-size-mini:15px;--font-size-xl:20px;--font-size-lgi:19px;--font-size-smi:13px;--font-size-mid:17px;--font-size-23xl:42px;--font-size-3xs:10px;--font-size-6xs:7px;--font-size-5xs:8px;--font-size-2xl:21px;--font-size-3xl:22px;--font-size-4xl:23px;--font-size-2xs:11px;--font-size-7xl:26px;--font-size-9xl:28px;--color-whitesmoke-100:#eee;--color-whitesmoke-200:#eaeaea;--color-whitesmoke-300:#e9e9e9;--color-gray-100:#8c8c8c;--color-gray-200:#202020;--color-white:#fff;--color-silver-100:#bababa;--color-dimgray-100:#707070;--color-dimgray-200:#676767;--color-dimgray-300:#555;--color-dimgray-400:#545454;--color-black:#000;--color-darkslategray:#333;--color-darkgray-100:#9a9a9a;--color-lightgray:#d1d1d1;--color-gainsboro:#d9d9d9;--br-3xs:10px;--br-10xs:3px;--br-base:16px}header{position:fixed;z-index:100;width:100%;top:0;left:0}.home-video{width:100%;height:100vh}.home_box{position:absolute;top:40%;z-index:10;width:100%;text-align:center}.sub_user_menu,.noselect.sub_li_btn.in{padding:4px 10px}.sub_user_menu:hover,.noselect.sub_li_btn.in:hover{background:var(--motor-green);border-radius:5px;box-shadow:0 0 5px inset white;color:white}.user_info.in:hover #menu_use{display:block}.mid.la{color:white;padding:2px 6px;margin:5px 0 5px 10px;background:rgba(128,128,128,.2);border-radius:6px;text-transform:uppercase}.user_info{text-align:right;max-width:20%;width:unset}.user_info.in:hover #menu_use,.noselect.menu_items_box.in:hover .new_sub{display:block;position:absolute;z-index:10;background:white;width:100%;text-align:left;border-radius:5px}.rectangle2{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;box-shadow:0 0 40px #eee5d4;border-radius:var(--br-3xs);background:linear-gradient(132.74deg,#10c57a,#10c57a);padding-top:17px}.rectangle{height:calc(100% - .3px);box-shadow:0 0 40px #7d7d7d;border-radius:var(--br-3xs);background-color:var(--motor-green);width:50%;text-align:left;padding:0 11px;border:unset!important}.group1{height:60px;font-size:var(--font-size-lgi);color:#bcbcbc;z-index:100;margin-top:1%}.component-7-1{height:calc(100% - .3px);width:237px;font-size:var(--font-size-xl);color:var(--motor-green);z-index:10}.l_grid3.boxes{grid-gap:0rem!important}#categoty{margin-top:-5px}.swiper.mySwiper2{height:100vh;margin-top:0!important}.vehicles_category_photo_picture{width:100%;height:100%}.vehicles_category_photo_picture img{filter:grayscale(70%)}.vehicles_category_photo_picture img:hover{filter:grayscale(0%)}.cat_cont{position:absolute;top:35%;width:100%;text-align:center;color:white;line-height:1.4}.group-child,.path-106-icon{position:absolute;height:100%;top:0;right:0;bottom:0;background-color:var(--motor-green)}.logo_box{width:4%}#menuCont{margin-top:10px}#real_main_ul.list1,#real_main_ul1.list1{margin-left:12px;width:68%}.view-all-products1{position:absolute;right:76px;bottom:13px;letter-spacing:.91px;text-transform:uppercase;font-weight:300}.path-106-parent{position:absolute;bottom:1px;right:0;width:261px;height:41px;color:white;padding-top:10px}.path-106-icon{width:100%;left:0;max-width:100%;overflow:hidden;max-height:100%;padding:10px 30px 0}.group-child{background-color:var(--motor-green2);padding:10px 10px 0}#slider .mySwiper{width:100%;height:500px}#slider swiper-container{width:100%;padding-top:50px;padding-bottom:50px}#slider swiper-slide{background-position:center;background-size:cover;width:400px;height:400px}#slider swiper-slide img{display:block;width:100%}.vehicles_title{font-weight:700;text-align:left;height:auto;line-height:var(--lh-snug);overflow:hidden;font-size:var(--fs-body);color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vehicles_price{color:var(--motor-green);font-weight:700;margin:var(--sp-xs) 0;font-size:var(--fs-body)}.partner-swiper{overflow:hidden}.partner-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{position:relative;margin-top:var(--sp-xl);transform:none;text-align:center}.partner-pagination .swiper-pagination-bullet{background:#ccc;opacity:1;width:10px;height:10px}.partner-pagination .swiper-pagination-bullet-active{background:var(--motor-green)}.detail_box{font-size:var(--fs-xs);height:auto;align-content:center;text-align:center;background:#f8f9fa;border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-xs)}.detail_box span.mid.w50{height:32px;align-content:center}.box.in.w20{padding-left:8%}.social_links_box.in{margin:5px 1px}.contact_informatione i{margin-right:6px;width:4%}.contact_informatione.bidi span{width:94%;line-height:1.1;vertical-align:middle}.contact_informatione{display:block}.contact_informatione.Privacy{border:unset;display:block!important;text-align:center;padding:7px 5px;margin:0 26px}.contact_informatione.Privacy:hover{text-decoration:underline;text-decoration-color:currentcolor;text-decoration-color:var(--motor-green);text-underline-offset:4px}.site-footer{background:#0a0a0a;color:var(--text-light,#a8a8a8);padding:var(--sp-lg) 0}.site-footer #final{max-width:1200px;margin:0 auto;padding:0 var(--sp-lg,24px)}.footer-bottom{display:flex;align-items:center;justify-content:center;padding:0}.footer-links-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:16px 0 12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px}.footer-links-bar a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .18s}.footer-links-bar a:hover{color:#fff}.footer-sep{color:rgba(255,255,255,.2);font-size:12px}.footer-copyright{font-size:var(--fs-xs,12px);color:#666;text-align:center}.site-footer a{color:var(--motor-green,#10c78b);text-decoration:none;transition:color var(--transition-fast,.18s var(--ease-out))}.site-footer a:hover{color:#fff}footer:not(.site-footer){background:#000;color:#e7e7e7}.contact_information_box.in{margin-top:7%;line-height:2.4}.social_links_photo_picture{width:25px}.det_tit{font-size:10px;color:gray}.swiper-slide-shadow-left.swiper-slide-shadow-coverflow{opacity:0!important}.moto-title{text-align:center;margin:38px 0 0;font-size:35px;font-weight:bold;color:black}.moto-title2{font-size:35px;font-weight:bold}.service_content{background:white;margin-top:-20px;padding-top:5px;border-radius:0 0 15px 15px}#footer{background-color:#000;padding:15px 0}footer:not(.site-footer) #final,footer:not(.site-footer) #right,footer:not(.site-footer) #provision,footer:not(.site-footer) .contact_informatione,footer:not(.site-footer) .contact_informatione span,footer:not(.site-footer) .noselect.menu_items_box,footer:not(.site-footer) .footer_ul.mid .noselect.menu_items_box.in{color:#e7e7e7!important}footer:not(.site-footer) a,footer:not(.site-footer) a:visited{color:#f5f5f5}footer:not(.site-footer) a:hover{color:#10c78b}footer:not(.site-footer) .det_tit{color:#a8a8a8}footer:not(.site-footer) .social_links_photo_picture{border-color:#5f5f5f}footer:not(.site-footer) .social_links_photo_picture img{filter:invert(1)}#footer{background-color:#111!important;color:#e7e7e7!important;padding:var(--sp-section) 0 var(--sp-xl)}#footer .w1200.l_grid3{gap:var(--sp-xl);align-items:start}#footer *,#footer .noselect.menu_items_box,#footer .footer_ul.mid .noselect.menu_items_box.in,#footer .contact_informatione,#footer .contact_informatione span,#footer .moto-title2,#footer .sub-box,#footer .box1,#footer .box2{color:#e7e7e7!important}#footer a.foot_a,#footer a,#footer a:visited{color:#b0b0b0!important;text-decoration:none}#footer a.foot_a:hover,#footer a:hover{color:var(--motor-green)!important}#footer .det_tit{color:#a8a8a8!important}#footer .social_links_photo_picture{border-color:#333;border-radius:50%;overflow:hidden;width:32px;height:32px}#footer .social_links_photo_picture img{filter:invert(1)}#footer .moto-title2{font-size:var(--fs-body)!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--motor-green)!important;margin-bottom:var(--sp-md)}#footer .footer_ul.mid .noselect.menu_items_box.in{border:unset;display:block!important;text-align:left;padding:6px 0;font-size:var(--fs-sm)}#footer .footer_ul.mid .noselect.menu_items_box.in:hover{text-decoration:none}#footer .footer_ul.mid .noselect.menu_items_box.in a{transition:color var(--transition-fast),padding-left var(--transition-fast)}#footer .footer_ul.mid .noselect.menu_items_box.in:hover a{color:#fff!important;padding-left:4px}#footer .contact_informatione{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:var(--fs-sm);color:#b0b0b0!important;transition:color var(--transition-fast)}#footer .contact_informatione:hover{color:#fff!important}#footer .contact_informatione i{font-size:18px;color:var(--motor-green);width:auto;flex-shrink:0}#footer .contact_informatione span{width:auto;line-height:var(--lh-normal)}#footer .contact_information_box.in{margin-top:0;line-height:normal}#footer .social_links_box.in{margin:0 4px 0 0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);transition:background var(--transition-fast)}#footer .social_links_box.in:hover{background:var(--motor-green)}#footer #social_links_wrap{margin-top:var(--sp-md);display:flex;gap:8px}.noselect.menu_items_box{padding:5px;font-size:15px;text-align:right}.noselect.menu_items_box.menu_node2{text-align:right}.user_photo_picture{width:24px;height:24px;border-radius:100%;border:1px solid gray}.user_photo_picture img{border-radius:100%;border:1px solid gray}.user_name.mid{padding:0 1px}.user_info{border-left:1px solid white;padding-left:5px}#menu_use{display:none}.user_name{color:white!important;font-size:15px}.social_link_user_box.in{width:19%;color:white;display:inline-block}.social_links_photo_picture_header{padding:0 5px;top:4px}.social_header.in{width:20%}.noselect.menu_items_box2.in{border:1px solid white;text-align:center;padding:19.5px 5px;width:65%}#search_field{padding-left:15px;font-size:12px;min-height:28px}.fancybox-navigation{top:50px!important}#real_main_ul.list2,#real_main_ul1.list2{padding-left:61px}.noselect.menu_items_box{padding:5px;font-size:15px;text-align:right;margin-right:20px;text-transform:capitalize}.search{width:13.4%;text-align:center}#search_box{width:100%;padding-right:5px}.social_links_box_header{display:inline-block;align-content:center;vertical-align:middle}.social_header.mid.w10{text-align:right;align-content:center}.search label{font-size:18px!important;position:absolute;left:3px;top:2px;z-index:1;color:gray}.menu1{grid-gap:0!important}.noselect.sub_li_btn.in{display:block}.banner_background_photo_picture{width:100%}.banner1_content{position:absolute;top:0;width:100%;left:0;text-align:center}.banner_photo_picture{width:85%}#banner2{text-align:center;margin-top:10%;margin-bottom:27px}#arabimotors_photo{width:100px;margin:10px 0}.input_ar.in.w50 input{width:100px!important}.cars_box{width:85%;display:inline-block}.logo_menu_box{height:55px;width:auto;display:flex;align-items:center}mh{display:block;height:91px}#logo_menu{height:55px;width:auto;max-width:160px;object-fit:contain;display:block}.banner_logo_picture{padding:30px 0 10px}.tit_banner2.mid{font-size:83px;font-weight:bolder;white-space:break-all;width:31%;line-height:1}.text_banner2{width:479px;margin:auto;margin-top:auto;margin-top:8px;font-size:17px}.footer_ul.mid .noselect.menu_items_box.in{border:unset;display:block!important;text-align:left;padding:7px 5px}.footer_ul.mid .noselect.menu_items_box.in:hover{text-decoration:underline;text-decoration-color:var(--motor-green);text-underline-offset:4px}.head{color:white!important}.menu_btns.mid{width:100%}.social_links_photo_picture:hover{box-shadow:0 0 3px var(--motor-green)}.new_sub{display:none}.social_links_photo_picture{border:1px solid black;border-radius:100%;width:25px;height:25px;padding:5px}.social_links_photo_picture img{filter:invert(1);object-fit:contain}.tile-motor,.tile-motor-container{text-transform:uppercase}.tile-motor-bath-inc-parent{height:113px;font-size:61px;color:var(--motor-green);z-index:100}.navy-parent{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.th-section-child1{width:64.1px;height:29.8px}.th-section{text-align:center;font-size:var(--font-size-smi);color:var(--motor-green)}#max_value{text-align:right}.vehicles_publish_date.mid.w50{text-align:left;color:lightgray}.vehicles_category.mid.w50{text-align:right;color:var(--motor-green);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicles_box.in{box-shadow:0 0 5px lightgray;border-radius:20px}.bottom_box{color:var(--text-dark);background:#fff;border-radius:0;margin-top:0;padding:var(--sp-md) var(--sp-md) var(--sp-lg)}.vehicles_summary{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-align:left;font-size:var(--fs-sm);padding:var(--sp-xs) 0;color:var(--text-mid);line-height:var(--lh-normal)}#max_value,#min_value{font-size:var(--fs-xs);color:#999}.range_inp{-webkit-appearance:none;appearance:none;height:4px;background:#333;border-radius:4px;outline:0}.range_inp::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--motor-green);cursor:pointer;border:2px solid #222}.range_value{display:block;text-align:center;font-size:var(--fs-sm);font-weight:600;color:var(--motor-green);padding:var(--sp-xs) 0}.filter-wrapper select,.filter-wrapper input[type=\"text\"]{
  width:100%;
  padding:8px 12px;
  background:#1a1a1a;
  border:1px solid #333;
  border-radius:var(--radius-md);
  color:#eee;
  font-size:var(--fs-sm);
  outline:none;
  transition:border-color var(--transition-fast);
}
.filter-wrapper select:focus,
.filter-wrapper input[type=\"text\"]:focus{
  border-color:var(--motor-green);
}
.filter-wrapper label{
  font-size:var(--fs-xs);
  color:#888;
  margin-bottom:4px;
  display:block;
}
.filter-wrapper {
  background-color: #111;
  width: 25%;
  padding: var(--sp-lg);
  color: #eee;
  text-align: left;
  display: inline-block;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 24px rgba(0,0,0,.25);
  font-family: inherit;
  position: sticky;
  top: 90px;
  align-self: flex-start;
}

.filter-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-wrapper li {
  padding: 10px 12px;
  border-bottom: 1px solid #333; /* subtle divider */
  font-size: 14px;
  color: #ccc;
  cursor: pointer;
  transition: all .3s ease;
  border-radius: 6px; /* slightly rounded for hover effect */
}

.filter-wrapper li:hover {
  background-color: white; /* hover green */
  color: #111; /* dark text on green */
  transform: translateX(4px); /* subtle movement for UX */
}

/* Optional: last li without border */
.filter-wrapper li:last-child {
  border-bottom: none;
}

.th-section-inner {

  width: 60px;
  height: 40px;
  font-size: var(--font-size-2xs);
  color: var(--motor-green);
}
.line-div,
.th-section-child,
.th-section-item {
  border-top: 1px solid var(--motor-green);
  box-sizing: border-box;
  width: 251.5px;
  height: 2px;
}
.line-div,
.th-section-item {
}
.th-section1 {

  background: radial-gradient(50% 50%at 50% 50%, #383838, #000);
  width: 100%;
  height: 604px;
  text-align: center;
  font-size: var(--font-size-lgi);
  color: #a9a9a9;
  width: 100%;
  margin-top: 10%;
  overflow: hidden;
}

.filter_li {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: var(--fs-sm);
  font-weight: 500;
  color: #ccc;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition: all var(--transition-fast);
}
.filter_li::after{
  content:'+';
  font-size:18px;
  font-weight:300;
  color:#666;
  transition:transform var(--transition-fast);
}
.filter_li.active::after{
  content:'−';
  color:var(--motor-green);
}
.filter_li.active{
  color:#fff;
  background: rgba(16,199,139,.15);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  border-bottom-color: var(--motor-green);
}

.services_photo_picture {
  position: relative;
  display: inline-block;
}


.sound-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  padding: 5px;
  display: none;
}
.show_active {
  background: rgba(255,255,255,.05);
  padding: var(--sp-md) var(--sp-sm);
  border-radius: var(--radius-md);
  margin-top: var(--sp-xs);
}
.sound-icon img {
  width: 20px;
  height: 20px;
}
.btn_box {
  margin-top: var(--sp-md);
  text-align: right;
  color: white;
}
.btn_box .l_btn{
  background: var(--text-dark);
  color: #fff !important;
  border-radius: 50px;
  padding: 8px 20px;
  font-size: var(--fs-sm);
  font-weight: 600;
  transition: background var(--transition-fast);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn_box .l_btn:hover{
  background: var(--motor-green);
}
.services_photo_picture:hover .sound-icon {
  display: block;
}
.Finance_form ,.test_drive_form{
  margin-top: 5px;
}
.service_content {
  padding: 0 12px 7px;
}
.services_photo_picture2 {
    width: 100%;
    height: 250px;
    border-radius: 15px;
}
.services_box.in:hover {
  box-shadow: 0 0 5px gray;
  border-radius: 15px;
}
.services_title2 {
  font-size: 30px;
  padding: 5px 0;
}
.services_photo_picture img {
  border-radius: 15px;
}
.services_photo_picture{
    width: 100%; 
    height: 400px; 
}
.services_subtitle2 {
  font-size: 14px;
  padding: 2px 0;
}
.services_summary2.limit-lines {
  font-size: 14px;
  line-height: 1.2;
  padding: 2px 0;
  /* margin-top: 10px; */
}
 .zoom-container {

  overflow: hidden; 
  position: relative; 
  border-radius: 15px;
}

.zoom-container img {
  width: 100%; 
  height: 100%; 
  /* object-fit: cover; */
  transition: transform .5s ease; 
  position: absolute; 
  top: 0;
  left: 0; 
}
.main_service_left_box.mid.w50 {
  padding-right: 4%;
}
.zoom-container:hover img {
  transform: scale(1.2);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  transform: unset !important;
  white-space: nowrap;
  z-index: 1;
  position: absolute;
  bottom: 2% !important;
  left: 50% !important;
  text-align: center;
}
  /* Change the color of the bullets */
  .swiper-pagination-bullet {
    background-color: var(--motor-green) !important; ; /* Set your desired color */
  }

  /* Change color of the active bullet */
  .swiper-pagination-bullet-active {
    background-color: var(--motor-green2) !important; ; /* Active bullet color */
  }


  /* Adjust the size of the bullets */
  .swiper-pagination-bullet {
    /* width: 12px;
    height: 12px; */
    margin: 0 5px; 
  }
  .sec_head.sec_normal {
    color: white;
  
    text-shadow: 0 0 5px gray;
  }
  .page_top_bg {
    width: 100%;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .sec_head.sec_normal {
    font-size: 35px;
    font-weight: bold;
    text-transform: capitalize;
  }
  .page_top_bg {
    align-content: center;
  }
  .page_shadow {
    position: absolute;
    width: 100%;
    height: 50vh;
    background:
  gray;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: .2;
  }
  #page_top {
    z-index: 3;
  }
.contact_information_box2{
  margin-top: 30px;
  line-height: 2.4;
}
.contact-form {

  padding: 20px;
  border-radius: 8px;;
box-sizing: content-box;

}
.left_box_contact.in.w30 {
padding-top: 20px;
}
.contact-form h2 {
  margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.contact-form button {
  background-color: var(--motor-green);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.contact-form button:hover {
  background-color: var(--motor-green);
}

/* ─── Contact Page Redesign (ci-*) ─────────────────────────────── */
.ci-page {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  padding: 60px 20px 80px;
}
.ci-left  { flex: 0 0 38%; }
.ci-right { flex: 1 1 0; }

/* Info card */
.ci-info-card {
  background: #111827;
  border-radius: 16px;
  padding: 40px 32px;
  color: #fff;
  position: sticky;
  top: 100px;
}
.ci-info-header { margin-bottom: 32px; }
.ci-brand-dot {
  width: 36px; height: 4px;
  background: var(--motor-green);
  border-radius: 2px;
  margin-bottom: 16px;
}
.ci-heading {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px;
}
.ci-tagline {
  font-size: 14px;
  color: #9ca3af;
  line-height: 1.6;
  margin: 0;
}

/* Contact items */
.ci-items { display: flex; flex-direction: column; gap: 4px; margin-bottom: 28px; }
.ci-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 0;
  color: #d1d5db;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.07);
  transition: color .2s;
}
.ci-item:hover { color: var(--motor-green); }
.ci-item-icon {
  flex-shrink: 0;
  width: 36px; height: 36px;
  background: rgba(16,199,139,.12);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: var(--motor-green);
}
.ci-item-icon i { font-size: 18px !important; }
.ci-item-icon--wa { background: rgba(37,211,102,.12); color: #25d366; }
.ci-item-icon--wa svg { color: #25d366; }
.ci-item-text { font-size: 14px; line-height: 1.6; padding-top: 8px; }

/* Map */
.ci-map {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.ci-map iframe {
  width: 100% !important;
  height: 180px !important;
  display: block;
  border: 0;
}

/* Socials */
.ci-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.ci-social-btn {
  width: 36px; height: 36px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.ci-social-btn:hover { background: rgba(16,199,139,.2); }
.ci-social-btn img { width: 22px; height: 22px; object-fit: contain; }

/* Form card */
.ci-form-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 36px;
  box-shadow: 0 4px 32px rgba(0,0,0,.08);
}
.ci-form-header { margin-bottom: 28px; }
.ci-form-title {
  font-size: 26px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
}
.ci-form-sub {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

/* Form fields */
.ci-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.ci-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.ci-form-group label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  letter-spacing: .3px;
}
.ci-form-group input,
.ci-form-group textarea {
  padding: 11px 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  background: #f9fafb;
  transition: border-color .2s, box-shadow .2s;
  outline: none;
  resize: vertical;
}
.ci-form-group input:focus,
.ci-form-group textarea:focus {
  border-color: var(--motor-green);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(16,199,139,.12);
}
.ci-form-group input::placeholder,
.ci-form-group textarea::placeholder { color: #9ca3af; }

/* Submit button */
.ci-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--motor-green);
  color: #fff;
  border: none;
  padding: 13px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s, transform .15s;
}
.ci-submit-btn:hover {
  background: var(--motor-green2);
  transform: translateY(-1px);
}
.ci-submit-btn i { font-size: 18px !important; }

/* Success message */
.ci-success {
  display: none;
  background: #fff;
  border-radius: 16px;
  padding: 60px 36px;
  box-shadow: 0 4px 32px rgba(0,0,0,.08);
}
.ci-success-inner { text-align: center; }
.ci-success-icon i {
  font-size: 64px !important;
  color: var(--motor-green);
  margin-bottom: 16px;
  display: block;
}
.ci-success h3 {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px;
}
.ci-success p { color: #6b7280; font-size: 15px; margin: 0; }
/* ─────────────────────────────────────────────────────────────── */

mhx{
  display: block;
  height: 50px;
}

.sub_title {
  text-align: center;
    margin-bottom: 20px;
}

.dropdowns {
  text-align: center;
  margin-bottom: 20px;
}


/* Table Container */
#comparisonTable {
  width: 100%;
  border-collapse: separate; /* allows border-radius to work */
  border-spacing: 0;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
  border-radius: 12px;
  overflow: hidden; /* ensures rounded corners clip cells */
  font-family: inherit;
  transition: all .3s ease;
}

/* Table Header */
#comparisonTable th {
  background-color: #000;
  color: #fff;
  padding: 14px 12px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Table Cells */
#comparisonTable td {
  padding: 12px 15px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  font-size: 15px;
  transition: background-color .3s ease;
}

/* Last row without border */
#comparisonTable tr:last-child td {
  border-bottom: none;
}

/* Rounded corners for first and last cells in header */
#comparisonTable th:first-child {
  border-top-left-radius: 12px;
}

#comparisonTable th:last-child {
  border-top-right-radius: 12px;
}

/* Optional: Rounded corners for last row of table body */
#comparisonTable tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

#comparisonTable tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Hover effect on rows */
#comparisonTable tbody tr:hover {
  background-color: #f8f9fa;
}

/* Select inside table */
#comparisonTable select {
  padding: 8px 12px;
  margin: 0 5px;
  font-size: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
  outline: none;
  transition: all .3s ease;
}

#comparisonTable select:focus {
  border-color: #28a745;
  box-shadow: 0 0 5px rgba(40,167,69,.3);
}

.sub_titled {
  /* color: white; */
  font-size: 30px;
  background:rgba(128,128,128,.102);
  padding: 5px 45px;
  border-radius:10px;
  text-align: center;
}
.list1 label {
  padding: 9px;
  font-size: 17px;
}
.car_img{
  width: 100%;
  height: 100%;

  border-radius: 15px;
}

.list_photo{
  width: 70%;
  margin: 10px auto 0;
  height: 250px;
  /* display: none; */
  width: 200px;
  height: 200px;
  box-shadow: 0 0 2px black;
  border-radius: 10%;
}
.about_item_pic {
  width: 72px;
  height: 72px;
  border-radius: var(--radius-lg);
  box-shadow: none;
  display:flex; align-items:center; justify-content:center;
}
.geen_bg{
  background: linear-gradient(135deg, var(--motor-green) 0, #0ec786 100%);
  padding: 0;
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 24px rgba(16,199,139,.25);
}
.geen_bg img{
  padding: 16px;
  filter: brightness(0) invert(1);
  width:100%; height:100%; object-fit:contain;
}

.electric_cars_properties_box {
  text-align: center;
  background: #fff;
  border-radius: var(--radius-lg);
  padding: var(--sp-xl) var(--sp-lg);
  border: 1px solid #f0f0f0;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  display:flex; flex-direction:column; align-items:center; gap:var(--sp-md);
}
.electric_cars_properties_box:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
  border-color: var(--motor-green);
}
.electric_cars_properties_box .ab_title{
  font-size: var(--fs-body); font-weight: 700; color: var(--text-dark);
  margin: 0; line-height: var(--lh-snug);
}
.major_section {
  margin: 0;
  padding: var(--sp-section) 0;
}
.show_all_btn{
  color: white !important;

}
.red_all_box {
  text-align: right;
  margin-top: 10px;
}

.page_subtitle ,.magazin-title{
  font-size: var(--fs-h2) !important;
  font-weight: 800;
  padding: 0 0 var(--sp-sm);
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-dark);
  margin-bottom: var(--sp-xl);
}
.page_subtitle::before{
  content:''; display:inline-block; width:4px; height:28px;
  background:var(--motor-green); border-radius:4px;
}
.sevice {
  background-color: var(--motor-green2);
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  color: white;
}
.sevices_btn_box {
  margin-bottom: 20px;
}
.sevice.active{
  box-shadow: 0 0 5px red !important;
}
.services_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
  text-align: center;
}
.servic_summary ul {
  list-style: inside;
  padding-left: 9px;
}
.services_service_title ,.Finance_item_title {
  font-size: 22px;
  margin: 30px 0 15px;
}
.form_success_message {
  display: none; /* hidden by default, shown via JS */
  padding: 20px;
  margin-top: 20px;
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.5;
  animation: fadeIn .5s ease-in-out;
}

/* Optional fade-in effect */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.servic_photo {
  height: 200px;
}
.servic_photo picture {
  height: 100%;
}
.service_bottom {
  background: white;
  padding: 10px;
  margin-top: -25px;
  border-radius: 0 0 15px 15px;
}
.servic_item:hover {
  box-shadow: 0 0 5px var(--mc);

}
.servic_item {
  box-shadow: 0 0 5px lightgray;
  border-radius: 15px;
}
.servic_title {
  padding: 5px 0;
  font-size: 17px;
  font-weight: bold;
}
.servic_summary {
  font-size: 11px;
  line-height: 1.3;
  width: 100%;
  overflow: clip;
}
.input_area input,.input_area select {
  width: 100%;
  height: 40px;
  border: 1px solid lightgray;
  border-radius:5px;
}

.about_item_pic_partners img {
  object-fit: contain;
}
.partners_box {
  text-align: center;
  background:#fff;
  border-radius:var(--radius-lg);
  padding:var(--sp-lg) var(--sp-md);
  border:1px solid #f0f0f0;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  display:flex; flex-direction:column; align-items:center; gap:var(--sp-sm);
}
.partners_box:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.06);
}
.partners_box .ab_title{
  font-size:var(--fs-sm); font-weight:600; color:var(--text-mid);
}
.about_item_pic_partners {
  height: 80px;
  display:flex; align-items:center; justify-content:center;
}
.team_photo_picture img {
  border-radius: 50%;
  object-fit: cover;
}
.team_photo_picture {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border:3px solid #f0f0f0;
  overflow:hidden;
  transition: border-color var(--transition-fast);
}
.team_box {
  text-align: center;
  background:#fff;
  border-radius:var(--radius-lg);
  padding:var(--sp-xl) var(--sp-lg) var(--sp-lg);
  border:1px solid #f0f0f0;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  display:flex; flex-direction:column; align-items:center; gap:var(--sp-xs);
}
.team_box:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,0,0,.08);
}
.team_box:hover .team_photo_picture{ border-color:var(--motor-green); }
.team_title {
  font-size: var(--fs-body);
  font-weight: 700;
  color:var(--text-dark);
  margin-top:var(--sp-sm);
}

.team_job {
  font-size: var(--fs-sm);
  color: var(--motor-green);
  padding:0;
  font-weight:600;
}
.team_content {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size: var(--fs-sm);
  text-align: center;
  padding:0;
  line-height: var(--lh-normal);
  color: var(--text-mid);
  margin-top:var(--sp-xs);
}
.testimonial_summary{
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color: var(--text-mid);
  font-size: var(--fs-body);
  line-height:var(--lh-normal);
  font-style:italic;
}
.testimonial_photo_picture {
  height: 100%;
  min-height:160px;
  border-radius:var(--radius-lg) 0 0 var(--radius-lg);
  overflow:hidden;
}
.testimonial_photo_picture img {
  object-position: top;
  border-radius: 0;
  width:100%; height:100%; object-fit:cover;
}
.testimonial_right.l_grid_span3 {
  align-content: center;
  text-align: left;
  padding:var(--sp-lg) var(--sp-xl);
  display:flex; flex-direction:column; justify-content:center;
}
.testimonial_right.l_grid_span3::before{
  content:'\201C'; font-size:64px; line-height:1; color:var(--motor-green); opacity:.3;
  font-family:Georgia,serif; margin-bottom:-12px;
}
.testimonial_name {
  font-size: var(--fs-body);
  padding: 0;
  font-weight: 700;
  color:var(--text-dark);
  margin-top:var(--sp-md);
}
.testimonial_box {
  margin:0 0 var(--sp-md);
  border:1px solid #f0f0f0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:#fff;
  transition: box-shadow var(--transition-fast);
}
.testimonial_box:hover{
  box-shadow:0 12px 32px rgba(0,0,0,.07);
}
.testimonial_right {
  padding-right: 0;
}
iframe {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.map {
  width: 100%;
  height: 160px;
  display: block;
}
.payment_method_box ,.insurance_companies{
  text-align: center;
}
.Finance.nicebox.po {
  padding:0;
  border-radius:  10px;
}
.payment_method_title {
  font-size: 21px;
  background: rgba(255,255,255,.588);
  margin-top: -33px;
  border-radius: 0 0 10px 10px;
  padding: 2px;
}
.payment_method_box:hover {
  box-shadow: 0 0 5px gray;
  border-radius: 10px;
}
.bank_logo {
  width: 100%;
  height: 100%;
}
.bank_logo img ,.payment_method_photo img ,.insurance_companies_photo img{
  border-radius:10px;
}
.payment_method_photo{
height: 100%;
}
#loanAmountNumber ,#loanTenorNumber{
  width: 100%;
  margin: 5px 5px 5px 0;
}
#loanForm input[type=range] {
  accent-color: var(--motor-green2); 
}
.rate_box .itemBank ,.rate_box .nameOfBank {
  display: block;
  padding: 5px 0;
}
.nameOfBank{
  text-align: center;
}
.itemBank_name {
  display: inline-block;
  width: 60%;
}
.itemBank_value {
  display: inline-block;
  width: 40%;
  text-align: right;
}
.rate_box {
  background: rgba(161,161,161,.188);
  padding: 10px;
  border-radius: 10px;
}
#results {
  margin: 10px 0;
}

#loanForm {
  margin: 15px 0 0;
}

.step-btn{
  background: var(--motor-green2);
  color: white;
  border: 0;
  font-size: 16px;
  width: 22px;
  border-radius: 5px;
  align-content: baseline;
  padding-bottom: 3px;
 
}


/* Modal Overlay */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, .4);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#Finance_form_ {
  text-align: left;
}
/* Modal Content */
.modal-content ,.modal-content2{
  color: black;
  background: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
  animation: slideUp .3s ease-out;
  position: relative;
  font-family: inherit;
}
.modal-content2{
  max-width: unset;
  width: 85%;
  /* top: 60px; */
  height: auto;
  max-height: calc(90vh - 80px);
  overflow-y: auto;
}
@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #aaa;
  transition: color .2s;
}
._c_white{
  color: white !important;
}
.close:hover {
  color: #000;
}

/* Payment Options */
.payment-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
.user_information ul {
  list-style-type: disclosure-closed;
}
.payment-btn {
  padding: 12px 20px;
  border: none;
  background: var(--motor-green2);
  color: white !important;
  text-decoration: none;
  border-radius: 8px;
  font-size: 16px;
  transition: background .3s, transform .2s;
}

.payment-btn:hover {
  background: var(--motor-green);;
  transform: translateY(-2px);
}
.insurance_companies_box {
  text-align: center;
  font-size: 15px;
}
.insurance_companies_photo img {
  height: 150px;
}

.insurance_companies_summary {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: gray;
  text-align: left;
  width: 100%;
  padding: 0 10px;
}
   
    .list_photo img {
        border-radius: 10%;
    }
    .bank_program_title.popup {
        font-size: 15px;
        font-weight: bold;
        padding: 5px 0;
        text-align: left;
        height: 54px;
        overflow: hidden;
        align-content: center;
    }
    .bank_program_summary.popup {
        text-align: left;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        font-size: 13px;
        line-height: 1.4;
    }
    .bank_program_box_bottom.popup{
        padding: 5px;
    }
    .comp_tit {
        text-align: left;
        padding-top: 18px;
        font-size: 16px;
        font-weight: bold;
    }
    .comp_tit_main {
  
        font-size: 16px;
        font-weight: bold;
        align-content: center;
        height: 39px;
        text-align: center;
    }
    .list1 .rate_box {
    height: 140px !important;
    text-align: left;
    }
    .calculater {
  margin-top: 0;
  transition: margin-top .5s ease; /* Smooth animation */
}
.calculater.show-margin {
  margin-top: 40px;
}
.banks_programs_photo_picture img {
  border-radius: 10px;
}
.insurance_companies_title {
  height: 35px;
  align-content: center;
  font-size: 13px;
}
.insurance_companies_btn {
  text-align: right;
  padding: 5px 0;
}
.bank_program_box_bottom {
  background: #ededed;
  padding: 12px;
  border-radius: 0 0 10px 10px;
  /* margin-top: -42px; */
}
.footer_ul.mid {
  margin-top: 16px;
}
.bank_program_title {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
}
.bank_program_summary {
  font-size: 14px;
  color: #353434;
}

#loanForm input[type=range] {
  accent-color: var(--motor-green2);
  width: 80%;
}
.calculate_box {
  padding: 0 20px;
}
.insurance_companies_box {
  box-shadow: 0 0 5px rgba(211,211,211,.251);
  border-radius: 10px;
  padding: 5px;
}
.insurance_companies_package_photo img {
  border-radius: 10px;
}
.insurance_companies_package_title {
  font-size: 15px;
}
.insurance_companies_package_summary {
  font-size: 12px;
  color: gray;
  text-align: left;
  padding: 5px;
}

.insurance_companies_package {
  box-shadow: 0 0 5px lightgray;
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 5px;
}

.insurance_companies_package_photo img {
  width: 50%;
  display: inline-block;
}

.remove_btn button {
  background: red;
  color: white;
  border: 0;
  border-radius: 10px;
  padding: 2px 10px;
}

.insurance_companies_title_in__packags_box {
  text-align: center;
  padding: 4px;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 13px;
  background: var(--motor-green2);
  color: aliceblue;
  border-radius: 10px;
}
.insurance_companies_packags {
  margin-top: 10px;
}
#comparisonContainer .insurance_companies_packags_box {
  flex: 1;
  border: 1px solid var(--motor-green);
  padding: 10px;
  max-width: 30%;
  box-sizing: border-box;
  border-radius: 10px;
}
.insurance_companies_package_photo {
  text-align: center;
}
.pakags_title {
  padding: 5px 10px;
  font-size: 18px;
  font-weight: bold;
  background: rgba(16,197,122,.349);
  margin: 5px 0;
  border-radius: 10px;
}
.insurance_companies_package_expired_date {
  font-size: 13px;
  padding: 5px 0;
  text-align: right;
  color: red;
}
.insurance_companies_description img {
  border-radius: 10px;
}
.insurance_companies_description video {
  border-radius: 10px;
}
.description{
  text-align: left
}
.comparisonTable_title{

}
.insurance_companies_packages_title {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 10px 0;
}
.insurance_companies_packages_box_Content {
  padding-right: 10px;
}
.insurance_companies_packages_insurance_company{
  color: gray;
}
.insurance_companies_packages_photo_picture img {
  border-radius: 10px;
}
.insurance_companies_packages_photo_picture.in.w40 {
  text-align: right;
}
.insurance_companies_packages_photo_picture img {
  display: inline-block;
}



select[readonly=readonly] + .select2-container .select2-selection__arrow {
  display: none !important;
}

select[readonly=readonly] + .select2-container .select2-selection--single {
  pointer-events: none; 
  cursor: default !important; 
  background-color: #f0f0f0; 
  opacity: .9;
}

select[readonly=readonly] + .select2-container .dropdown-wrapper {
  display: none !important;
}

select[readonly=readonly] + .select2-container .select2-selection__rendered {
  pointer-events: none;
  cursor: default !important;
}
.swiper-button-next i, .swiper-button-prev i {
  background: white;
  border-radius: 100%;
  font-size: 20px;
  font-size: 35px;
}
.swiper-button-next, .swiper-button-prev {
  border: 0;
}
.btn_box div {
  transform: translateY(-300px);
}

.sell_your_car_874493_span_conditionsspan .css-checkbox + label::before {
  transform: translateY(15px);
}
.first-second {
  display: block;
  margin-left: 30px;
}
.first-part {
  font-size: 15px;
  font-weight: bold;
}
.Amout_class {
  width: 30%;
}
.l_tab_toggler {
  padding: 10px;
  margin: 0 1px;
}

.magazin_photo {
  width: 100%;
  height: 200px;
}
.magazin_item2{
  margin: 15px 0;
}
.magazin_photo img ,.magazin_photo{
  border-radius: 10px;
}
.main_service_box  .services_title ,#vid_box .services_title{
  text-align: left;
}
.magazin_photo2 {
  height: 200px;
}
.magazin_photo2 img {
  border-radius: 10px;
}
.magazin_item_summary {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.collage img {
  border-radius: 15px;
}
.magazin_photo2 {
  height: 300px;
}
.magazin_item_summary2 {
  padding-top: 10px;
}
.single_page_title {
  font-size: 19px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 5px 0;
}
.factsheet_box {
  width: 100%;
}
.single_page_date {
  text-align: right;
  font-size: 13px;
  color: gray;
}
.single_page_photo img ,.single_page_photo{
  border-radius: 15px;
}
.magazin_item_title {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  height: 35px;
  align-content: center;
}
.magazin_item_summary {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: gray;
}
.magazin_read_btn {
  text-align: right;
}
.magazin_bottom_item {
  background: white;
  margin-top: -17px;
  border-top: 10px;
  padding: 10px;
  border-radius: 0 0 15px 15px;
}
.magazin_bottom_item2{
  background: white;
  /* margin-top: -17px; */
  border-top: 10px;
  padding: 10px;
  border-radius: 0 0 15px 15px;
}
.magazin_published_date {
  font-size: 11px;
  color: #505050;
}
.magazin_published_date2 {
  font-size: 11px;
  color: #505050;
  text-align: right;
}
.magazin_item_ancher {
  box-shadow: 0 0 5px lightgray;
  border-radius: 15px;
}
.magazin_item_ancher:hover{
  box-shadow: 0 0 5px var(--mc);
}
.l_btn, a.l_btn{
  background: var(--mc,#10c78b);
  display: inline-block;
  padding: 7px 11px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: none;
  border-radius: 6px;
}
.l_btn_small{
  border-radius: 5px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  background-color: var(--mc,#10c78b) !important;
  color: #fff !important;
}
.l_btn.form_insurance {
  height: 65%;
  align-content: last baseline;
}
.vehicle_insurance_item {
  background: rgba(211,211,211,.349);
  text-align: left;
  border-radius: 10px;
  margin-top: 5px;
  line-height: 3;
}

.insurance_company_name {
  font-size: 21px;
  padding: 5px 0;
  font-weight: bold;
  color: var(--mc);
  margin-top: 25px;
}

.vehicle_insurance_box {
  padding: 9px 20px;
  margin-top: 5px;
  font-size: 15px;
}
.label {
  display: inline-block;
  width: 50%;
  text-align: left;
  line-height: 15px;
    align-content: center;
}
.value {
  width: 50%;
  text-align: right;
  display: inline-block;
  align-content: center;
}


.general_form_873617_personal_code, .general_form_873617_landline_code ,.general_form_873617_work_phone_country_code_{
  width: 11%;
  margin-top: 13.6px;
  margin-right: -21px;
}
.general_form_873617_personal_code label , .general_form_873617_landline_code label ,.general_form_873617_work_phone_country_code_ label{
  display: none;
}

.mobile_field.general_form_873617_phone_number label ,.general_form_873617_telephonehome label ,.general_form_873617_telephonework label{
  transform: translateX(-33%);
}
#for_field_phone_number , #for_field_telephonehome, #for_field_telephonework{
  border-radius: 0 4px 4px 0;
}

#form_bank .select2-container--default .select2-selection--single {
  align-content: center;
}
 .general_form_873617_personal_code .select2-selection.select2-selection--single, .general_form_873617_landline_code .select2-selection.select2-selection--single, .general_form_873617_work_phone_country_code_ .select2-selection.select2-selection--single {

  border-radius: 4px 0 0 4px;
}


.new_slider {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}


.new_slider  {
  background: gray !important;
border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.marquee {
  width: 100%;
  /* line-height: 50px; */
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  direction: ltr;
}

.marquee .marquee_content {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
  width: 100%;
  height: 32px;
  align-content: center;
}

@keyframes marquee {
  0   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
.news_slider_title{
  border-left: 1px solid white;
  padding-left: 15px;
}
.a-canvas.a-grab-cursor , .cd-product-viewer-wrapper .product-viewer{
  border-radius: 10px;
}

.w1200.class_xx {
  background: linear-gradient(to top ,var(--motor-green),var(--motor-green2),gray 100%);  text-align: center;
  padding: 10px;
  /* border-radius: 10px; */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.bg_ro_imd {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  top: 0;
  opacity: .1;
  height: 250px;
  object-fit: fill;
}
.sub_tit {
  font-size: 9px;
  padding: 4px 5px;
  color: white;
  text-align: left;
}
.sub_tit2{
    font-size: 18px;
    padding: 4px 5px;
    color: black;
    text-align: left;
}
.w1200.class_xx .sub_tit {
  text-align: center;
  font-size: 17px;
  padding-bottom: 6px;
}


#sell_form_ .l_tab_toggler {

  width: 24.8%;
}



.services_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 20px;
    flex-direction: row; /* Default: horizontal layout */
}

.services_box .service_image,
.services_box .service_content {
    flex: 1;
  
}

.service_image{
  width:100%;
}

/* Reversed layout for even rows — applied via PHP */
.services_box.reverse {
    flex-direction: row-reverse;
}



.services_photo_picture2{
  height: 400px;
  border-radius: 15px;
}
.services_photo_picture2 img {
  border-radius: 24px;
}

/* ========== HERO: new redesign styles ========== */
.main_hero{ position:relative; background-size:cover; background-position:center center; height:100vh; min-height:660px; display:flex; align-items:center; color:#fff;}
.main_hero .hero-shadow{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.68) 0, rgba(0,0,0,.38) 50%, rgba(0,0,0,.52) 100%); z-index:1;}
#main_section_wrap{ position:relative; }
.mySwiper2{ position:relative; }
.hero-fixed-overlay{ position:absolute; inset:0; z-index:3; display:flex; align-items:center; min-height:100vh; padding-top:155px; padding-bottom:70px; pointer-events:none; overflow:hidden; }
.hero-inner{ max-width:1200px; width:100%; padding:0 40px; pointer-events:auto; box-sizing:border-box; }
.hero-fixed-overlay .w1200.hero-inner{ max-width:1200px !important; width:100% !important; margin:0 auto !important; padding:0 40px !important; box-sizing:border-box !important; }
.hero-badge{ display:inline-block; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#d7ece2; padding:var(--sp-xs) var(--sp-md); border-radius:var(--radius-pill); font-size:var(--fs-xxs); letter-spacing:1.6px; text-transform:uppercase; margin-bottom:var(--sp-md);}
.hero-title{ font-size:var(--fs-display); line-height:var(--lh-tight); margin:0 0 var(--sp-md); font-weight:800; color:#f5f5f5; max-width:640px; letter-spacing:-.02em;}
.hero-support{ font-size:var(--fs-body); letter-spacing:.2px; color:#e7f4ed; margin:0 0 var(--sp-md); font-weight:600; }
.hero-sub{ font-size:var(--fs-body); color:rgba(255,255,255,.88); margin-bottom:var(--sp-lg); max-width:600px; line-height:var(--lh-normal); }
.hero-cta-row{ display:flex; flex-wrap:wrap; gap:var(--sp-md); margin-bottom:var(--sp-lg); align-items:center; }
/* Secondary CTA — ghost/outlined */
.hero-cta{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:130px; padding:0 var(--sp-md); border:1px solid rgba(255,255,255,.3); border-radius:var(--radius-sm); color:rgba(255,255,255,.75) !important; background:transparent; text-decoration:none; font-weight:500; font-size:var(--fs-sm); transition:all var(--transition-fast); }
.hero-cta:hover{ border-color:rgba(255,255,255,.7); color:#fff !important; background:rgba(255,255,255,.06); }
/* Primary CTA — dominant green */
.hero-cta-primary{ min-height:54px; padding:0 var(--sp-xl); font-size:15px; font-weight:800; background:var(--mc); border-color:var(--mc); color:#032218 !important; letter-spacing:.01em; box-shadow:0 4px 24px rgba(16,199,139,.35); }
.hero-cta-primary:hover{ background:var(--motor-green2); color:#001f14 !important; box-shadow:0 6px 32px rgba(16,199,139,.5); transform:translateY(-1px); }
/* Tertiary CTA — text link */
.hero-cta-link{ background:transparent; border-color:transparent; color:rgba(255,255,255,.45) !important; font-weight:400; min-width:0; min-height:0; padding:4px 4px; font-size:var(--fs-xs); text-decoration:underline; text-underline-offset:3px; }
.hero-cta-link:hover{ background:transparent; border-color:transparent; color:rgba(255,255,255,.8) !important; }
.hero-search-card{ background:rgba(18,28,26,.88); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-xl); padding:var(--sp-lg); box-shadow:0 16px 40px rgba(0,0,0,.4); width:100%; max-width:700px; backdrop-filter:blur(12px);}
.hero-tabs{ display:flex; gap:var(--sp-sm); margin-bottom:var(--sp-md); align-items:center;}
.hero-tabs button, .hero-tabs a{ background:rgba(255,255,255,.05); border:none; color:rgba(234,238,236,.7); padding:var(--sp-sm) var(--sp-md); border-radius:var(--radius-sm); cursor:pointer; font-size:var(--fs-sm); font-weight:700; line-height:1.1; transition:all var(--transition-fast); text-decoration:none; display:inline-flex; align-items:center;}
.hero-tabs button.active, .hero-tabs a.active{ background:var(--mc); color:#fff; padding:10px 22px;}
.hero-tabs button:not(.active):hover, .hero-tabs a:not(.active):hover{ background:rgba(255,255,255,.1); color:#fff; }
.hero-tab-panel{ display:none; }
.hero-tab-panel.active{ display:block; }
.search-btn-insurance{ background: linear-gradient(135deg,#0a8dc5,#0d6fa0) !important; box-shadow:0 4px 20px rgba(10,141,197,.35) !important; }
.search-btn-insurance:hover{ background: linear-gradient(135deg,#0d9fd8,#0a7ab8) !important; }
.hero-search-form .search-row{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--sp-sm); align-items:center;}
.hero-search-form select{ background:#fff; border:1.5px solid #d0d0d0; color:#333; padding:0 32px 0 var(--sp-sm); height:44px; border-radius:var(--radius-md); appearance:none; -webkit-appearance:none; font-size:var(--fs-xs); font-weight:500; transition:border-color var(--transition-fast), box-shadow var(--transition-fast); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23777' stroke-width='1.5' stroke-linecap=round stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; cursor:pointer; width:100%; min-width:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.hero-search-form select:hover{ border-color:#aaa; }
.hero-search-form select:focus{ border-color:var(--motor-green); box-shadow:0 0 0 3px rgba(16,199,139,.15); }
/* Select2 overrides for hero search dropdowns */
.hero-search-form .select2-container{ width:100% !important; }
.hero-search-form .select2-container--default .select2-selection--single{
  background:#fff !important; border:1.5px solid #d0d0d0 !important; border-radius:var(--radius-md) !important; height:44px !important;
  display:flex !important; align-items:center !important;
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.hero-search-form .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#333 !important; font-size:var(--fs-xs) !important; font-weight:500 !important; line-height:1 !important; padding-left:var(--sp-sm) !important; padding-right:32px !important; padding-top:0 !important; padding-bottom:0 !important;
}
.hero-search-form .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:44px; right:10px;
}
.hero-search-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color:#777 transparent transparent transparent; border-width:5px 5px 0 5px; margin-top:-3px;
}
.hero-search-form .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--motor-green); box-shadow:0 0 0 3px rgba(16,199,139,.15);
}
.hero-search-form .select2-container--default:hover .select2-selection--single{ border-color:#aaa; }
.search-btn{ grid-column:1/-1; background:var(--mc); color:#fff; border:none; height:44px; border-radius:var(--radius-md); cursor:pointer; font-weight:700; font-size:var(--fs-sm); transition:background var(--transition-fast);}
.search-btn:hover{ background:var(--motor-green2); }
.search-btn:focus{ outline:none; }

/* ── More Filters toggle button ── */
.more-filters-toggle{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:44px; width:100%; padding:0 var(--sp-sm);
  background:transparent; border:1.5px solid rgba(255,255,255,.18);
  border-radius:var(--radius-md); color:rgba(255,255,255,.65);
  font-size:var(--fs-xs); font-weight:600; cursor:pointer;
  transition:all var(--transition-fast); white-space:nowrap;
}
.more-filters-toggle:hover{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.38); color:#fff; }
.more-filters-toggle.active{ border-color:var(--mc); color:var(--mc); }
.mf-chevron{ transition:transform var(--transition-fast); flex-shrink:0; }
.more-filters-toggle.active .mf-chevron{ transform:rotate(180deg); }

/* ── EV Filters expandable row ── */
.search-row-more{
  display:none; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--sp-sm);
  margin-top:var(--sp-sm); animation:fadeSlideDown .2s ease;
}
.search-row-more.expanded{ display:grid; }
@keyframes fadeSlideDown{
  from{ opacity:0; transform:translateY(-6px); }
  to{ opacity:1; transform:translateY(0); }
}

/* ── Submit row ── */
.search-row-submit{ margin-top:var(--sp-sm); }
.search-row-submit .search-btn{ width:100%; grid-column:unset; }
.hero-stats{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin-top:12px; max-width:700px; }
.hero-stats .stat{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius-md); padding:12px 14px; }
.stat-icon{ width:38px; height:38px; flex-shrink:0; background:rgba(16,199,139,.14); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; color:var(--mc); }
.stat-text{ display:flex; flex-direction:column; }
.hero-stats .stat strong{ display:block; font-size:20px; line-height:1.1; color:#fff; font-weight:800; letter-spacing:-.02em; }
.hero-stats .stat span{ font-size:11px; line-height:1.3; color:rgba(255,255,255,.55); margin-top:2px; }

/* Video Modal */
.video-modal{ display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9); backdrop-filter:blur(8px);}
.video-modal-content{ position:relative; width:90%; max-width:1200px; margin:50px auto; padding:0;}
.video-modal-close{ position:absolute; top:-40px; right:0; color:#fff; font-size:40px; font-weight:300; cursor:pointer; transition:all .3s; line-height:1; z-index:10;}
.video-modal-close:hover{ color:var(--mc); transform:rotate(90deg);}
.video-wrapper{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--radius-md);}
.video-wrapper iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:var(--radius-md);}
@media (max-width:768px){ .video-modal-content{ width:95%; margin:30px auto;} .video-modal-close{ top:-35px; font-size:32px;}}

@media all and (max-width: 991px){
  .hero-fixed-overlay{ padding-top:155px; padding-bottom:40px; align-items:flex-start; overflow-y:auto; }
  .hero-inner{ max-width:100%; margin-bottom:40px; }
  .hero-fixed-overlay .w1200.hero-inner{ max-width:100% !important; width:100% !important; margin:0 auto !important; padding:0 32px !important; box-sizing:border-box !important; }
  .hero-title{ font-size:38px; }
  .hero-support{ font-size:var(--fs-sm); }
  .hero-sub{ font-size:var(--fs-sm); }
  .hero-search-form .search-row{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--sp-sm); }
  .search-row-more{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .hero-stats{ grid-template-columns:repeat(2, minmax(0,1fr)); max-width:100%; gap:8px; }
}

/* small tweaks: ensure full-bleed swiper slide covers */
.swiper .swiper-slide .main_section_box{ height:100vh; min-height:620px;}

/* end hero styles */

/* ── Hide About & Team from navbar (moved to footer) ── */
#real_main_ul1 .menu_items_box:has(a[data-id="2"]),
#real_main_ul1 .menu_items_box:has(a[data-id="4"]) { display:none !important; }

/* ── Single-row nav: desktop ≥ 1200px ── */
@media (min-width: 1200px) {
  /* Dissolve both menuline wrappers so children flow into one flex row */
  #menuCont {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
  }
  #menuCont .menuline {
    display: contents !important;
  }
  /* Order: logo → main nav → contact → sign-in → [spacer via ml:auto on social] → social → search → lang */
  .logo_box            { order: 1; }
  #real_main_ul        { order: 2; margin: 0 4px 0 16px !important; flex: 0 1 auto; }
  #real_main_ul1       { order: 3; display: flex !important; flex-direction: row !important; gap: 20px; margin: 0 4px !important; padding: 0 !important; list-style: none; }
  .header-auth         { order: 4; }
  .social_header       { order: 5; margin-left: auto !important; }
  .search              { order: 6; }
  .la                  { order: 7; }
  /* Uniform height + vertical centering for right-side items */
  .social_header,
  header .search,
  header .la { height: 32px; display: flex !important; align-items: center; }
  header .la a.langa { line-height: 1; }
}

/* ========== Header / Expanded & Aligned Theme ========== */
header {
    background: #121212 !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10050;
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

/* Override container width */
header .w1200.menu__box {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 40px !important;
    box-sizing: border-box;
    background: transparent;
}

header .menu_content {
    display: flex;
    flex-direction: column;
    width: 100%;
  padding: 6px 0;
}

#menuCont {
    display: flex;
    flex-direction: column;
    width: 100%;
  gap: 6px;
}

/* First Row Styling */
#menuCont .menuline:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.05); /* Separator */
  padding-bottom: 6px;
  margin-bottom: 0;
}

/* Inner elements reset */
header .w10, header .w30, header .w35, header .w80, header .w90 {
    width: auto !important;
}

/* Logo */
.logo_box {
    margin-right: 20px;
}
.logo_menu_box img {
  height: 55px !important;
    width: auto !important;
    max-width: 160px;
}

/* Top Nav (Home, etc) */
#real_main_ul1 {
    display: flex;
    gap: 20px;
    list-style: none;
  margin: 0 0 0 12px;
    padding: 0;
}
#real_main_ul1 li a.head {
    color: #ccc;
  font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
#real_main_ul1 li a.head:hover {
    color: #fff;
    text-decoration: none;
}

/* Right Side: Social, Search, Lang */
.social_header {
    display: flex;
    gap: 10px;
    margin-right: 20px;
    margin-left: auto;
}
.social_links_box_header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.social_links_box_header img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
    filter: brightness(0) invert(1); /* make consistent icons white */
    opacity: .7;
    transition: opacity .3s;
}
.social_links_box_header:hover img {
    opacity: 1;
}

/* Fix for Facebook icon which might be a solid block */
.social-facebook img, .social-Facebook img {
    filter: none !important; /* Show original colors */
    opacity: .9;
  image-rendering: -webkit-optimize-contrast;
}
.social-facebook:hover img, .social-Facebook:hover img {
    opacity: 1;
}

.search {
    display: flex;
    align-items: center;
  justify-content: center;
    background: rgba(255,255,255,.05);
    border-radius: 20px;
  height: 28px;
  padding: 0 12px;
    margin-right: 15px;
  align-self: center;
}
.search label i {
    color: #ccc;
    font-size: 18px;
    cursor: pointer;
}
/* Override the global .search label absolute-position for the header search */
header .search label {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center;
  height: 100%;
  line-height: 1;
  font-size: 18px;
  color: #ccc;
  cursor: pointer;
}
.search form {
  display: flex;
  align-items: center;
  height: 100%;
}
.search form input {
    background: transparent !important; /* Override white bg */
    border: none !important;
    color: #fff !important;
  height: 100%;
  padding: 0 8px;
    outline: none;
    font-size: 14px;
  line-height: 28px;
}
.search form input::placeholder {
    color: rgba(255,255,255,.3);
}

.la a.langa {
    color: #0fbf78;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
    text-decoration: none;
}
.la a.langa:hover {
    background: rgba(255,255,255,.1);
}

/* Second Row: Main Nav */
#menuCont .menuline:nth-child(2) {
    display: flex;
    align-items: center;
  justify-content: flex-start;
    width: 100%;
}
#real_main_ul {
    display: flex;
    gap: 24px;
    list-style: none;
  margin: 0;
    padding: 0;
}
#real_main_ul li a.head,
#real_main_ul1 li a.head {
    color: #fff;
  font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
  padding: 4px 0;
    position: relative;
}
#real_main_ul li a.head:hover,
#real_main_ul1 li a.head:hover {
    color: #0fbf78;
}

/* Header scroll state */
.scroll_header {
    background: rgba(18,18,18,.95) !important;
    backdrop-filter: blur(10px);
}

/* end header styles */

/* ========== ABOUT SECTION REDESIGN ========== */
.about-section-wrap {
    background: var(--bg-dark);
    padding: var(--sp-section) var(--sp-3xl);
    margin: 0;
}

.about-section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-3xl);
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.about-label {
    color: var(--mc);
    font-size: var(--fs-xxs);
    font-weight: 700;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: var(--sp-lg);
    display: flex;
    align-items: center;
    gap: var(--sp-md);
}

.about-label::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 2px;
    background: var(--mc);
}

.about-headline {
    font-size: var(--fs-h1);
    font-weight: 800;
    color: var(--text-white);
    margin: 0 0 var(--sp-lg) 0;
    line-height: var(--lh-tight);
    letter-spacing: -.02em;
}

.about-description {
    font-size: var(--fs-body);
    color: var(--text-light);
    line-height: var(--lh-relaxed);
    margin-bottom: var(--sp-2xl);
    max-width: 520px;
}

.about-features {
    display: flex;
    gap: var(--sp-lg);
    margin-bottom: var(--sp-2xl);
}

.feature-box {
    text-align: left;
    flex: 1;
}

.feature-icon {
    font-size: 28px;
    margin-bottom: var(--sp-md);
    display: flex;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--green-glow);
    width: 56px;
    height: 56px;
    border-radius: var(--radius-md);
    align-items: center;
    justify-content: center;
    color: var(--mc);
    transition: border-color var(--transition-fast);
}

.feature-box:hover .feature-icon {
    border-color: var(--mc);
}

.feature-title {
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: var(--sp-xs);
}

.feature-desc {
    font-size: var(--fs-xs);
    color: rgba(255,255,255,.48);
    line-height: var(--lh-snug);
}

.about-cta {
    display: inline-block;
}

.learn-more-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-sm);
    padding: 14px 28px;
    background: var(--mc);
    color: #000;
    font-weight: 700;
    font-size: var(--fs-sm);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-glow);
}

.learn-more-btn span {
    font-size: 18px;
    transition: transform var(--transition-fast);
}

.learn-more-btn:hover {
    background: var(--motor-green2);
    transform: translateY(-1px);
}

.learn-more-btn:hover span {
    transform: translateX(4px);
}

.about-image-right {
    position: relative;
}

.about-image-wrapper {
    position: relative;
    border-radius: var(--radius-xl);
    overflow: hidden;
    height: 440px;
    box-shadow: var(--shadow-lg);
}

.about_photo_main {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-experience-badge {
    position: absolute;
    bottom: var(--sp-xl);
    left: var(--sp-xl);
    background: rgba(16,199,139,.95);
    color: #000;
    padding: var(--sp-md) var(--sp-lg);
    border-radius: var(--radius-md);
    text-align: left;
    backdrop-filter: blur(4px);
}

.badge-number {
    font-size: var(--fs-h2);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 4px;
    color: #000;
}

.badge-text {
    font-size: var(--fs-xs);
    font-weight: 600;
    color: rgba(0,0,0,.75);
}

@media all and (max-width: 991px) {
    .about-section-grid {
        grid-template-columns: 1fr;
        gap: var(--sp-2xl);
    }
    .about-headline {
        font-size: var(--fs-h2);
    }
    .about-description {
        font-size: var(--fs-sm);
    }
    .about-features {
        flex-direction: column;
        gap: var(--sp-md);
        margin-bottom: var(--sp-lg);
    }
    .about-image-wrapper {
        height: 300px;
    }
    .about-section-wrap {
        padding: var(--sp-3xl) var(--sp-lg);
    }
}

/* end about section styles */

/* ========== FEATURED VEHICLES – homepage white theme ========== */
.featured-slide{ height:100%; }
.swiperCare .swiper-wrapper{ align-items:stretch; }
.swiperCare .swiper-slide{ display:flex; height:auto; }

.featured-vehicles-section{
  background:var(--bg-white) !important;
  border-top:0 !important;
  box-shadow:none !important;
  padding:var(--sp-section) 0;
}
.featured-vehicles-section::before{ display:none; }

.featured-vehicles-section .l_w1200{ overflow:hidden; }

.swiperCare{
  overflow:hidden !important;
  padding:var(--sp-sm) 2px var(--sp-md);
}
.swiperCare .swiper-wrapper,
.swiperCare .swiper-slide{ overflow:hidden; }

.featured-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:var(--sp-2xl);
  gap:var(--sp-xl);
}

.featured-title{
  font-size:var(--fs-h1);
  font-weight:800;
  color:var(--text-dark) !important;
  margin:0 0 var(--sp-sm) 0;
  line-height:var(--lh-tight);
  letter-spacing:-.02em;
}

.featured-subtitle{
  font-size:var(--fs-sm);
  color:var(--text-mid) !important;
  margin:0;
  line-height:var(--lh-normal);
  max-width:480px;
}

.featured-controls{ display:flex; gap:var(--sp-sm); }

.featured-nav-btn{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1.5px solid var(--mc);
  background:transparent;
  color:var(--mc);
  font-size:18px;
  cursor:pointer;
  transition:all var(--transition-fast);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}
.featured-nav-btn:hover{
  background:var(--mc);
  color:#fff;
}

.featured-card{
  min-height:100%;
  width:100%;
  position:relative;
  display:flex;
  flex-direction:column;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--bg-white);
  border:1px solid var(--border-light);
  box-shadow:var(--shadow-sm);
  transition:border-color var(--transition-mid), box-shadow var(--transition-mid);
}
.featured-card:hover{
  border-color:#b0d8c8;
  box-shadow:var(--shadow-md);
}

.featured-badge{
  position:absolute;
  top:var(--sp-md);
  right:var(--sp-md);
  background:var(--mc);
  color:#072b1f;
  padding:6px var(--sp-md);
  border-radius:var(--radius-sm);
  font-size:var(--fs-xs);
  font-weight:700;
  z-index:2;
  letter-spacing:.3px;
}
.featured-save-btn{
  position:absolute;
  top:var(--sp-md);
  left:var(--sp-md);
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:6px 12px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.92);
  color:var(--text-mid);
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  backdrop-filter:blur(6px);
  transition:all var(--transition-fast);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.featured-save-btn:hover{
  background:#fff;
  color:var(--mc);
  box-shadow:0 2px 12px rgba(0,0,0,.18);
}
.featured-save-btn svg{ transition:all var(--transition-fast); }
.featured-save-btn.saved{
  background:var(--mc);
  color:#fff;
}
.featured-save-btn.saved svg{ fill:#fff; stroke:#fff; }

.featured-image-wrapper{
  background:var(--bg-light);
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.featured-image{
  object-fit:cover !important;
  object-position:center !important;
  width:100%;
  height:100%;
  transition:transform .4s var(--ease-out);
}
.featured-card:hover .featured-image{
  transform:scale(1.03);
}

.featured-overlay,
.featured-card:hover .featured-overlay{ opacity:0 !important; }

.featured-content{
  padding:var(--sp-lg);
  flex-grow:1;
  display:flex;
  flex-direction:column;
}

.featured-vehicle-title{
  font-size:var(--fs-h4);
  font-weight:700;
  color:var(--text-dark);
  margin:0 0 var(--sp-xs) 0;
  line-height:var(--lh-snug);
}

.featured-vehicle-subtitle{
  font-size:var(--fs-sm);
  color:var(--text-mid);
  margin:0 0 var(--sp-md) 0;
  line-height:var(--lh-normal);
}

.featured-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp-sm) var(--sp-md);
  margin-bottom:var(--sp-md);
  padding-bottom:var(--sp-md);
  border-bottom:1px solid var(--border-light);
}
.featured-spec-item{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:var(--fs-xs);
  color:var(--text-mid);
  line-height:var(--lh-snug);
}
.featured-spec-item:last-child{
  grid-column:1 / -1;
}
.featured-spec-icon{
  flex-shrink:0;
  color:var(--mc);
  opacity:.8;
}
.featured-spec-label{
  font-weight:600;
  color:var(--text-dark);
  white-space:nowrap;
}
.featured-spec-label::after{ content:":"; }
.featured-spec-value{
  color:var(--text-mid);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.featured-price{
  margin-bottom:var(--sp-md);
}
.featured-price-value{
  font-size:var(--fs-lg);
  font-weight:800;
  color:var(--mc);
}

.featured-actions{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.featured-explore-btn,
.featured-compare-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 14px;
  border-radius:999px;
  font-weight:600;
  font-size:13px;
  text-decoration:none;
  transition:all var(--transition-fast);
  white-space:nowrap;
}
.featured-explore-btn{
  background:var(--mc);
  color:#fff !important;
  border:1.5px solid var(--mc);
}
.featured-explore-btn:hover{ background:var(--motor-green2); border-color:var(--motor-green2); }
.featured-explore-btn svg{ flex-shrink:0; }

.featured-compare-btn{
  background:var(--bg-white);
  color:var(--mc) !important;
  border:1.5px solid rgba(16,199,139,.45);
}
.featured-compare-btn:hover{
  border-color:var(--mc);
  background:rgba(16,199,139,.06);
}

/* Dealer action buttons */
.featured-dealer-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--border-light);
}
.featured-dealer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:600;
  text-decoration:none;
  transition:all var(--transition-fast);
  white-space:nowrap;
  border:1.5px solid rgba(16,199,139,.45);
  background:var(--bg-white);
  color:var(--mc) !important;
}
.featured-dealer-btn:hover{
  border-color:var(--mc);
  background:rgba(16,199,139,.06);
}
.featured-dealer-btn svg{ flex-shrink:0; }
.featured-wa-btn svg{ color:var(--mc); }
.featured-testdrive-btn{
  border-color:var(--mc);
}

/* About section override */
.about-section-wrap{ background:var(--bg-dark) !important; }
.about-description{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.about-no-photo{ grid-template-columns:1fr; max-width:760px; }

.why-arabimotors{
  background:
    radial-gradient(circle at 20% 10%, rgba(30,125,94,.18) 0, rgba(30,125,94,0) 44%),
    radial-gradient(circle at 85% 30%, rgba(8,87,70,.2) 0, rgba(8,87,70,0) 42%),
    linear-gradient(160deg, var(--bg-darker) 0, #031a14 100%);
  padding:var(--sp-section) 0;
  position:relative;
  overflow:hidden;
}

.why-head{ text-align:center; margin-bottom:var(--sp-2xl); }
.why-head h2{ color:#f2fffa; margin:0 0 var(--sp-sm); font-size:var(--fs-h1); font-weight:800; letter-spacing:-.02em; }
.why-head p{ color:rgba(223,241,233,.75); margin:0; font-size:var(--fs-body); line-height:var(--lh-normal); max-width:560px; margin:0 auto; }
.why-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--sp-lg); }

.why-item{
  background:linear-gradient(180deg, rgba(8,35,29,.92), rgba(5,26,21,.96));
  border:1px solid rgba(16,199,139,.2);
  border-radius:var(--radius-lg);
  padding:var(--sp-lg);
  min-height:180px;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.why-item:hover{
  transform:translateY(-4px);
  border-color:rgba(16,199,139,.45);
  box-shadow:0 16px 36px rgba(0,0,0,.32);
}

.why-icon{
  width:48px;
  height:48px;
  border-radius:var(--radius-md);
  background:linear-gradient(145deg, rgba(16,199,139,.25), rgba(16,199,139,.1));
  color:#19e0ab;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--sp-md);
  border:1px solid rgba(16,199,139,.3);
}

.why-icon-svg{ width:22px; height:22px; }

.why-item h3{ color:#f8fffc; margin:0 0 var(--sp-sm); font-size:var(--fs-h4); font-weight:700; }
.why-item p{ color:rgba(225,242,235,.72); margin:0; font-size:var(--fs-sm); line-height:var(--lh-normal); }

/* ========== SERVICES SECTION ========== */
#services_box{
  max-width:1100px;
  margin:0 auto var(--sp-section) !important;
  padding:var(--sp-md) 0 var(--sp-sm) !important;
}

#services_box .l_w1200{
  width:100%;
  max-width:100%;
}

#services_box .services-kicker{
  text-align:center;
  font-size:var(--fs-xxs);
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--mc);
  margin:0 0 var(--sp-md);
}

#services_box .services-kicker::before,
#services_box .services-kicker::after{
  content:"";
  display:inline-block;
  width:44px;
  height:1px;
  background:var(--mc);
  vertical-align:middle;
  margin:0 var(--sp-sm);
  opacity:.6;
}

#services_box .slider_title.home_title{
  margin:0 auto var(--sp-xl);
  max-width:480px;
  text-align:center;
  font-size:var(--fs-h1);
  line-height:var(--lh-tight);
  color:var(--text-dark);
  font-weight:800;
  letter-spacing:-.02em;
}

/* Compact 3-up service cards */
#services_box .services-list-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px;
}

#services_box .services_box,
#services_box .services_box.reverse{
  display:flex;
  flex-direction:column;
  background:var(--bg-white);
  border:1px solid var(--border-light);
  border-radius:16px;
  overflow:hidden;
  margin:0;
  box-shadow:var(--shadow-sm);
  text-decoration:none;
  transition:transform .28s var(--ease-out), box-shadow .28s, border-color .28s;
}

#services_box .services_box:hover{
  transform:translateY(-6px);
  border-color:var(--mc);
  box-shadow:0 16px 38px rgba(16,199,139,.14);
}

#services_box .service_image,
#services_box .service_content{ flex:none; width:100%; min-width:0; }
#services_box .service_image{ position:relative; }

#services_box .services_photo_picture2{
  display:block;
  height:158px;
  min-height:0;
  overflow:hidden;
}
#services_box .services_photo_picture2 img,
#services_box .services_photo_picture2 source{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s var(--ease-out);
}
#services_box .services_box:hover .services_photo_picture2 img{ transform:scale(1.07); }
#services_box .service_image::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 58%, rgba(4,17,13,.30));
  pointer-events:none;
}

#services_box .service-index{
  position:absolute; top:12px; inset-inline-start:12px; z-index:2;
  margin:0;
  background:var(--mc);
  color:#04130d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  padding:5px 10px;
  border-radius:9px;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}

#services_box .service_content{
  flex:1 1 auto;
  padding:16px 18px 18px;
  display:flex;
  flex-direction:column;
  background:transparent;
}

#services_box .services_title2{
  font-size:17px;
  margin:0 0 7px;
  line-height:1.3;
  color:var(--text-dark);
  font-weight:800;
  letter-spacing:-.01em;
}

#services_box .services_excerpt{
  margin:0 0 14px;
  color:var(--text-mid);
  font-size:13.5px;
  line-height:1.6;
  max-width:none;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#services_box .services-more{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--green-dark);
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:color var(--transition-fast);
}
#services_box .services_box:hover .services-more{ color:var(--mc); }
#services_box .services-more span{ transition:transform var(--transition-fast); }
#services_box .services_box:hover .services-more span{ transform:translateX(3px) translateY(-1px); }

#services_box .a2a_kit,
#services_box .jssocials,
#services_box .social_share,
#services_box .addtoany_list,
#services_box [class*=share]{ display:none !important; }

@media all and (max-width: 991px){
  #services_box .slider_title.home_title{ font-size:var(--fs-h2); max-width:400px; }
  #services_box .services-list-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
}
@media all and (max-width: 560px){
  #services_box .services-list-grid{ grid-template-columns:1fr; }
  #services_box .services_photo_picture2{ height:172px; }
}

/* ========== BRANDS SECTION ========== */
.brands-section{ background:var(--bg-light); padding:var(--sp-section) 0; }
.brands-title{ text-align:center; margin:0 0 var(--sp-2xl); color:var(--text-dark) !important; font-size:var(--fs-h1); font-weight:800; letter-spacing:-.02em; }
.brands-logo-grid{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:var(--sp-xl); align-items:end; }
.brand-logo-card{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:var(--sp-md); background:var(--bg-white) !important; border:1px solid var(--border-light) !important; border-radius:var(--radius-lg); padding:var(--sp-lg) var(--sp-md); text-decoration:none !important; color:#8f9498 !important; transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast); }
.brand-logo-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:#b0d8c8 !important; }
.brand-logo-img-wrap{ width:100%; height:100px; display:flex; align-items:center; justify-content:center; overflow:visible; }
.brand-logo-img{ max-width:80%; max-height:72px; width:auto; height:auto; object-fit:contain; object-position:center; filter:grayscale(100%); opacity:.65; transition:filter var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast); }
.brand-logo-card:hover .brand-logo-img{ filter:grayscale(0%); opacity:1; transform:scale(1.06); }
.brand-logo-name{ font-size:var(--fs-sm); font-weight:700; text-align:center; color:var(--text-mid) !important; letter-spacing:.08em; text-transform:uppercase; transition:color var(--transition-fast); }
.brand-logo-card:hover .brand-logo-name{ color:var(--text-dark) !important; }
.brands-empty-note{ grid-column:1/-1; text-align:center; color:#7d858b; font-size:var(--fs-body); letter-spacing:.03em; padding:var(--sp-lg) var(--sp-sm); }

/* ========== FEATURED MODEL SLIDER ========== */
.featured-model-section{ padding:0; overflow:hidden; }
.featured-model-slide{ position:relative; height:90vh; display:flex; align-items:center; overflow:hidden; }
.featured-model-bg{ position:absolute; inset:0; z-index:0; }
.featured-model-bg-img,
.featured-model-bg picture,
.featured-model-bg picture img{ width:100%; height:100%; object-fit:cover; display:block; }
.featured-model-overlay{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.45) 50%,rgba(0,0,0,.18) 100%);
}
.featured-model-content{
  position:relative; z-index:2;
  padding:var(--sp-section) var(--sp-lg);
  max-width:1200px; margin:0 auto; width:100%;
}
.featured-model-label{
  display:inline-flex; align-items:center; gap:10px;
  font-size:var(--fs-xs); font-weight:700; text-transform:uppercase; letter-spacing:2.5px;
  color:var(--motor-green); margin-bottom:var(--sp-md);
}
.featured-model-label::before{
  content:''; display:inline-block; width:28px; height:2px; background:var(--motor-green); border-radius:2px;
}
.featured-model-title{
  font-size:var(--fs-display); font-weight:800; line-height:var(--lh-tight);
  color:#fff; margin:0 0 var(--sp-lg); max-width:600px;
}
.featured-model-summary{
  display:flex; flex-wrap:wrap; gap:var(--sp-md); margin-bottom:var(--sp-xl);
  color:rgba(255,255,255,.85); font-size:var(--fs-body); line-height:var(--lh-normal); max-width:600px;
}
.featured-model-summary .spec-card{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:110px; padding:var(--sp-md) var(--sp-lg);
  background:rgba(255,255,255,.08); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.15); border-radius:var(--radius-md);
  color:#fff; text-align:center;
}
.featured-model-summary .spec-card .spec-value{
  font-size:var(--fs-h2); font-weight:800; line-height:1;
}
.featured-model-summary .spec-card .spec-unit{
  font-size:var(--fs-xs); font-weight:500; opacity:.7; margin-left:2px;
}
.featured-model-summary .spec-card .spec-label{
  font-size:var(--fs-xxs); text-transform:uppercase; letter-spacing:1.2px;
  color:rgba(255,255,255,.6); margin-top:6px;
}
.featured-model-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:var(--sp-sm) var(--sp-xl); min-height:48px;
  background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.5);
  border-radius:var(--radius-md); font-size:var(--fs-sm); font-weight:700;
  text-decoration:none; transition:all var(--transition-fast);
}
.featured-model-btn:hover{ background:rgba(255,255,255,.12); border-color:#fff; color:#fff !important; }
.featured-model-pagination.swiper-pagination{ position:absolute; bottom:24px; z-index:3; }
.featured-model-pagination .swiper-pagination-bullet{ background:rgba(255,255,255,.5); opacity:1; width:10px; height:10px; }
.featured-model-pagination .swiper-pagination-bullet-active{ background:var(--motor-green); }

/* ========== EV CTA SECTION ========== */
.ev-cta-section{ padding:0; background:transparent; }
.ev-cta-card{
  border-radius:0;
  padding:var(--sp-section) var(--sp-xl);
  text-align:center;
  background:linear-gradient(135deg, #0d9d63 0, #0ec786 52%, #1bd0be 100%);
  box-shadow:none;
  position:relative;
  overflow:hidden;
  width:100%;
}
.ev-cta-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 20%, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 46%), radial-gradient(circle at 84% 76%, rgba(255,255,255,.1) 0, rgba(255,255,255,0) 42%);
  pointer-events:none;
}
.ev-cta-title{ position:relative; margin:0 0 var(--sp-md); font-size:var(--fs-display); line-height:var(--lh-tight); color:var(--text-white) !important; font-weight:800; letter-spacing:-.02em; }
.ev-cta-text{ position:relative; margin:0 auto; max-width:680px; font-size:var(--fs-h4); line-height:var(--lh-normal); color:#e9fff6; font-weight:500; }
.ev-cta-actions{ position:relative; display:flex; justify-content:center; gap:var(--sp-md); margin-top:var(--sp-xl); flex-wrap:wrap; }
.ev-cta-btn{
  min-height:52px;
  padding:0 var(--sp-lg);
  border-radius:var(--radius-md);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-sm);
  text-decoration:none !important;
  font-size:var(--fs-body);
  font-weight:700;
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);
}
.ev-cta-btn:hover{ transform:translateY(-2px); }
.ev-cta-btn-primary{ background:var(--bg-white); color:var(--green-dark) !important; border:1px solid var(--bg-white); box-shadow:var(--shadow-md); }
.ev-cta-btn-primary:hover{ color:#05633f !important; background:#f4fff9; }
.ev-cta-btn-secondary{ background:transparent; color:var(--text-white) !important; border:1px solid rgba(255,255,255,.5); }
.ev-cta-btn-secondary:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.85); }

/* ── Header contact bar ── */
.header-contact-bar{ background:#0d1a16 !important; border-bottom:1px solid #1e3028; padding:0; width:100%; }
.header-contact-inner{ display:flex; align-items:center; gap:0; }
.hcb-btn{ display:inline-flex !important; align-items:center; gap:5px; padding:7px 14px; font-size:var(--fs-xs); font-weight:600; text-decoration:none !important; color:#b5d4c6 !important; transition:color .15s, background .15s; white-space:nowrap; border-right:1px solid #1e3028; }
.hcb-btn:last-child{ border-right:none; }
.hcb-btn:hover{ color:var(--mc) !important; background:rgba(16,199,139,.06); }
.hcb-wa{ color:#25d366 !important; }
.hcb-wa:hover{ color:#1aad52 !important; }
.hcb-call{ color:#6ab4ff !important; }
.hcb-call:hover{ color:#0a84ff !important; }
.hcb-email{ color:#ffb89a !important; }
.hcb-email:hover{ color:#ff6b35 !important; }

/* ── Footer quick actions ── */
.footer-quick-actions{ display:flex; gap:var(--sp-sm); justify-content:center; flex-wrap:wrap; margin:var(--sp-md) auto var(--sp-sm); }
.footer-quick-action{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:0 var(--sp-md); border-radius:var(--radius-sm); border:1px solid transparent; background:#0f1715; color:#ecf5f0; text-decoration:none; font-size:var(--fs-xs); font-weight:600; transition:opacity .15s, transform .15s; }
.footer-quick-action:hover{ opacity:.85; transform:translateY(-1px); }
.footer-quick-action svg{ flex-shrink:0; }
.footer-qa-whatsapp{ background:#25d366; color:#fff; border-color:#1aad52; }
.footer-qa-call{ background:#0a84ff; color:#fff; border-color:#0060cc; }
.footer-qa-email{ background:#ff6b35; color:#fff; border-color:#e05020; }
.footer-quick-action.call-mobile{ display:none; }
.float-whatsapp{ position:fixed; bottom:24px; right:24px; z-index:9999; width:auto; height:52px; padding:0 20px 0 14px; border-radius:50px; background:#25d366; color:#fff !important; display:flex; align-items:center; justify-content:center; gap:10px; box-shadow:0 4px 20px rgba(37,211,102,.45); text-decoration:none !important; transition:transform .18s, box-shadow .18s; }
.float-whatsapp:hover{ transform:scale(1.05); box-shadow:0 6px 28px rgba(37,211,102,.6); color:#fff !important; }
.wa-label{ font-size:14px; font-weight:700; white-space:nowrap; letter-spacing:.01em; }

/* ========== HOMEPAGE RESPONSIVE – 991px ========== */
@media all and (max-width: 991px) {
  /* Featured */
  .featured-vehicles-section{ padding:var(--sp-3xl) 0; }
  .featured-header{ flex-direction:column; gap:var(--sp-lg); margin-bottom:var(--sp-xl); }
  .featured-title{ font-size:var(--fs-h2); }
  .featured-controls{ width:100%; justify-content:flex-start; }
  .featured-content{ padding:var(--sp-md); }
  .featured-vehicle-title{ font-size:var(--fs-body); }

  /* Brands */
  .brands-section{ padding:var(--sp-3xl) 0; }
  .brands-title{ font-size:var(--fs-h2); margin:0 0 var(--sp-xl); }
  .brands-logo-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--sp-md); }
  .brand-logo-img-wrap{ height:80px; }
  .brand-logo-name{ font-size:var(--fs-xs); }

  /* Why */
  .why-arabimotors{ padding:var(--sp-3xl) 0; }
  .why-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .why-head h2{ font-size:var(--fs-h2); }
  .why-head p{ font-size:var(--fs-sm); }
  .why-item h3{ font-size:var(--fs-body); }

  /* Featured Model */
  .featured-model-slide{ height:70vh; }
  .featured-model-title{ font-size:var(--fs-h1); }
  .featured-model-summary .spec-card{ min-width:90px; padding:var(--sp-sm) var(--sp-md); }
  .featured-model-summary .spec-card .spec-value{ font-size:var(--fs-h3); }

  /* EV CTA */
  .ev-cta-card{ padding:var(--sp-3xl) var(--sp-lg); }
  .ev-cta-title{ font-size:var(--fs-h1); }
  .ev-cta-text{ font-size:var(--fs-body); max-width:600px; }
  .ev-cta-btn{ min-height:48px; font-size:var(--fs-sm); padding:0 var(--sp-lg); }
}

/* ========== HOMEPAGE RESPONSIVE – 575px ========== */
@media all and (max-width: 575px) {
  .hero-title{ font-size:30px; }
  .hero-badge{ font-size:9px; }
  .hero-search-card{ padding:var(--sp-md); border-radius:var(--radius-lg); }
  .hero-search-form .search-row{ grid-template-columns:1fr; }
  .hero-cta-row{ display:grid; grid-template-columns:1fr; }
  .hero-cta{ width:100%; }
  .hero-stats{ grid-template-columns:repeat(2, minmax(0,1fr)); }

  .featured-actions{ grid-template-columns:1fr 1fr; }
  .featured-explore-btn, .featured-compare-btn{ font-size:11.5px; padding:8px 10px; }
  .featured-dealer-actions{ grid-template-columns:1fr 1fr; }
  .featured-dealer-btn{ font-size:11px; padding:7px 8px; }

  .brands-section{ padding:var(--sp-2xl) 0; }
  .brands-title{ font-size:var(--fs-h3); margin:0 0 var(--sp-lg); }
  .brands-logo-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--sp-md); }
  .brand-logo-img-wrap{ height:68px; }
  .brand-logo-name{ font-size:var(--fs-xxs); letter-spacing:.06em; }

  .footer-quick-action.call-mobile{ display:inline-flex; }
  .float-whatsapp{ bottom:16px; right:16px; height:58px; padding:0 22px 0 16px; gap:10px; }
  .wa-label{ font-size:15px; }
  .hcb-call, .hcb-email{ display:none; }

  .why-head h2{ font-size:var(--fs-h3); }
  .why-grid{ grid-template-columns:1fr; }
  .why-item{ min-height:auto; }

  .featured-model-slide{ height:60vh; }
  .featured-model-title{ font-size:var(--fs-h2); }
  .featured-model-content{ padding:var(--sp-xl) var(--sp-md); }
  .featured-model-summary{ gap:var(--sp-sm); }
  .featured-model-summary .spec-card{ min-width:72px; padding:var(--sp-xs) var(--sp-sm); }
  .featured-model-summary .spec-card .spec-value{ font-size:var(--fs-h4); }
  .featured-model-summary .spec-card .spec-label{ font-size:8px; }
  .featured-model-btn{ min-height:42px; font-size:var(--fs-xs); }

  .ev-cta-card{ padding:var(--sp-2xl) var(--sp-md); }
  .ev-cta-title{ font-size:var(--fs-h2); line-height:var(--lh-snug); margin-bottom:var(--sp-sm); }
  .ev-cta-text{ font-size:var(--fs-sm); line-height:var(--lh-normal); }
  .ev-cta-actions{ margin-top:var(--sp-lg); display:grid; grid-template-columns:1fr; gap:var(--sp-sm); }
  .ev-cta-btn{ width:100%; min-height:48px; font-size:var(--fs-sm); padding:0 var(--sp-md); border-radius:var(--radius-md); }

  #services_box .services_box,
  #services_box .services_box.reverse{
    flex-direction:column;
  }
  #services_box .services_photo_picture2{
    min-height:160px;
  }
  #services_box .services_title2{
    font-size:var(--fs-body);
  }
}

/* ═══════════════════════════════════════
   DEALERS PAGE – Listing & Single
   ═══════════════════════════════════════ */

/* ─ Listing ─ */
.dealers-section{ padding:0 0 var(--sp-xl) }
.dealers-header{ text-align:center; margin-bottom:var(--sp-lg) }
.dealers-title{ font-size:var(--fs-2xl); font-weight:700; color:var(--text-primary); margin-bottom:var(--sp-xs) }
.dealers-subtitle{ font-size:var(--fs-body); color:var(--text-secondary); max-width:560px; margin:0 auto }

.dealers-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-md);
}
.dealer-card{
  display:flex; align-items:center; gap:var(--sp-md);
  background:var(--card-bg); border:1px solid var(--border-light);
  border-radius:var(--radius-lg); padding:var(--sp-md);
  text-decoration:none; color:inherit;
  transition:box-shadow .25s,border-color .25s;
}
.dealer-card:hover{
  border-color:var(--primary);
  box-shadow:0 4px 20px rgba(0,0,0,.08);
}
.dealer-card-img{
  width:80px; height:80px; min-width:80px;
  border-radius:var(--radius-md); overflow:hidden;
  background:var(--bg-secondary);
}
.dealer-card-img img{
  width:100%; height:100%; object-fit:cover;
}
.dealer-card-placeholder{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
}
.dealer-card-body{ flex:1; min-width:0 }
.dealer-card-name{
  font-size:var(--fs-body); font-weight:600; color:var(--text-primary);
  margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dealer-card-brand{
  display:inline-block; font-size:var(--fs-xs); color:var(--primary);
  font-weight:500; margin-bottom:4px;
}
.dealer-card-location,
.dealer-card-vehicles{
  display:flex; align-items:center; gap:4px;
  font-size:var(--fs-xs); color:var(--text-muted);
}
.dealer-card-location{ margin-bottom:2px }
.dealer-card-arrow{
  color:var(--text-muted);
  transition:transform .2s;
}
.dealer-card:hover .dealer-card-arrow{ transform:translateX(3px) }
html[dir=rtl] .dealer-card:hover .dealer-card-arrow{ transform:translateX(-3px) }
html[dir=rtl] .dealer-card-arrow svg{ transform:scaleX(-1) }

.dealers-empty{
  text-align:center; padding:var(--sp-2xl) 0; color:var(--text-muted);
}
.dealers-empty svg{ margin-bottom:var(--sp-sm) }

/* ══════════════════════════════════════
   SINGLE DEALER PAGE (dsp-*)
   ══════════════════════════════════════ */

/* ─ Hero ─ */
.dsp-hero{
  background:linear-gradient(135deg,#0d1117 0,#1c2a3a 100%);
  margin-top:-91px;
  padding:210px 0 72px;
  position:relative;
  overflow:hidden;
}
.dsp-hero-glow{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 55% 80% at 5% 60%,rgba(16,199,139,.14) 0,transparent 55%),
    radial-gradient(ellipse 40% 60% at 90% 20%,rgba(16,120,199,.08) 0,transparent 50%);
}
.dsp-hero::after{
  content:'';
  position:absolute;
  bottom:-1px; left:0; right:0;
  height:48px;
  background:#f8f9fb;
  clip-path:ellipse(55% 100% at 50% 100%);
}
.dsp-hero-inner{ position:relative }

/* ─ Back link ─ */
.dsp-back{
  display:inline-flex; align-items:center; gap:7px;
  color:rgba(255,255,255,.55); font-size:13px; font-weight:500;
  text-decoration:none; margin-bottom:36px;
  transition:color .2s;
}
.dsp-back:hover{ color:#fff }
.dsp-back svg{ transition:transform .2s }
.dsp-back:hover svg{ transform:translateX(-3px) }

/* ─ Profile row ─ */
.dsp-profile-row{
  display:flex; align-items:flex-start; gap:32px;
}

/* ─ Avatar ─ */
.dsp-avatar-wrap{
  flex-shrink:0;
  width:116px; height:116px;
  border-radius:50%;
  border:3px solid #10c78b;
  overflow:hidden;
  background:#1a2530;
  box-shadow:0 0 0 6px rgba(16,199,139,.18), 0 8px 32px rgba(0,0,0,.4);
  display:flex; align-items:center; justify-content:center;
}
.dsp-avatar-img{ width:100%; height:100%; display:block }
.dsp-avatar-img picture{ display:block; width:100%; height:100% }
.dsp-avatar-img img{ width:100%; height:100%; object-fit:cover; display:block }
.dsp-avatar-placeholder{ color:rgba(255,255,255,.3) }

/* ─ Info ─ */
.dsp-info{ flex:1; min-width:0; padding-top:6px }
.dsp-name{
  font-size:2.3rem; font-weight:800;
  color:#fff; line-height:1.12;
  margin-bottom:16px;
}
.dsp-meta-row{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-bottom:28px;
}
.dsp-pill{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.75);
  font-size:13px; padding:6px 14px;
  border-radius:999px;
}
.dsp-pill svg{ flex-shrink:0; opacity:.7 }
.dsp-pill-green{
  background:rgba(16,199,139,.15);
  border-color:rgba(16,199,139,.35);
  color:#10c78b;
}
.dsp-pill-green svg{ opacity:1 }
.dsp-desc{
  font-size:14px; color:rgba(255,255,255,.55);
  margin-bottom:22px; line-height:1.65; max-width:560px;
}

/* ─ Action buttons ─ */
.dsp-actions{ display:flex; gap:12px; flex-wrap:wrap }
.dsp-btn{
  display:inline-flex; align-items:center; gap:7px;
  padding:12px 28px; border-radius:999px;
  font-size:14px; font-weight:600;
  text-decoration:none;
  transition:opacity .2s, transform .2s;
}
.dsp-btn:hover{ opacity:.88; transform:translateY(-1px) }
.dsp-btn-call{ background:#10c78b; color:#032218 !important }
.dsp-btn-wa{ background:#25D366; color:#fff !important }

/* ─ Body ─ */
.dsp-body{
  background:#f8f9fb;
  padding:60px 0 90px;
}
.dsp-section-title{
  font-size:1.45rem; font-weight:700; color:#141a18;
  margin-bottom:28px;
  display:flex; align-items:center; gap:14px;
}
.dsp-section-title::after{
  content:''; flex:1; height:1px; background:#dde4e2;
}

/* ─ Vehicles grid ─ */
.dsp-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.dsp-vehicle-card{
  background:#fff;
  border-radius:16px; overflow:hidden;
  text-decoration:none; color:inherit;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
  border:1px solid #edf0f5;
  transition:transform .28s cubic-bezier(.25,.46,.45,.94), box-shadow .28s, border-color .28s;
}
.dsp-vehicle-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 44px rgba(0,0,0,.12);
  border-color:#10c78b;
}
.dsp-vehicle-img{
  aspect-ratio:16/10; overflow:hidden; background:#f0f1f4;
}
.dsp-vehicle-img img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .4s ease;
}
.dsp-vehicle-card:hover .dsp-vehicle-img img{ transform:scale(1.05) }
.dsp-vehicle-body{ padding:16px 18px 20px }
.dsp-vehicle-name{
  font-size:15px; font-weight:700; color:#141a18;
  margin-bottom:3px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dsp-vehicle-model{
  font-size:12px; color:#4b5b55; margin-bottom:10px;
}
.dsp-vehicle-specs{
  display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;
}
.dsp-vehicle-specs span{
  font-size:11px; color:#6b7b75;
  background:#f5f7f6; border-radius:999px;
  padding:3px 10px;
}
.dsp-vehicle-price{
  font-size:16px; font-weight:800; color:#10c78b;
}
.dsp-vehicle-currency{ font-weight:500; font-size:13px; color:#4b5b55 }

/* ─ Empty state ─ */
.dsp-empty{
  background:#f8f9fb;
  padding:80px 0 100px;
  text-align:center;
}
.dsp-empty svg{ margin-bottom:16px }
.dsp-empty p{ color:#6b7b75; font-size:15px }

/* ─ Dealers listing responsive (keep) ─ */
@media(max-width:900px){
  .dealers-grid{ grid-template-columns:repeat(2,1fr) }
}

/* ══════════════════════════════════════
   DEALERS LISTING PAGE (dlp-*)
   ══════════════════════════════════════ */

/* ─ Hero ─ */
.dlp-hero{
  background:linear-gradient(135deg,#0d1117 0,#1c2a3a 100%);
  padding:163px 0 56px;
  margin-top:-91px;
  position:relative;
  overflow:hidden;
}
.dlp-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 80% at 65% 50%,rgba(16,199,139,.13) 0,transparent 60%);
  pointer-events:none;
}
.dlp-hero::after{
  content:'';
  position:absolute;
  bottom:-1px; left:0; right:0;
  height:44px;
  background:#f8f9fb;
  clip-path:ellipse(55% 100% at 50% 100%);
}
.dlp-hero-inner{ position:relative; text-align:center }
.dlp-hero-title{
  font-size:2.8rem; font-weight:800;
  color:#fff; margin-bottom:12px; line-height:1.15;
}
.dlp-hero-sub{
  font-size:1rem; color:rgba(255,255,255,.6);
  max-width:500px; margin:0 auto 24px; line-height:1.65;
}
.dlp-hero-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(16,199,139,.15);
  border:1px solid rgba(16,199,139,.4);
  color:#10c78b;
  font-size:.78rem; font-weight:700;
  padding:7px 18px; border-radius:999px;
  letter-spacing:.05em; text-transform:uppercase;
}

/* ─ Body ─ */
.dlp-body{ padding:52px 0 80px }

/* ─ Grid ─ */
.dlp-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

/* ─ Card ─ */
.dlp-card{
  display:flex; flex-direction:column;
  background:#fff;
  border-radius:18px; overflow:hidden;
  text-decoration:none; color:inherit;
  box-shadow:0 2px 14px rgba(0,0,0,.06);
  border:1px solid #edf0f5;
  transition:transform .28s cubic-bezier(.25,.46,.45,.94),box-shadow .28s;
}
.dlp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 50px rgba(0,0,0,.14);
}

/* ─ Card Image ─ */
.dlp-card-img{
  position:relative;
  aspect-ratio:4/3;
  background:#f0f1f4;
  overflow:hidden;
}
.dlp-card-img .dlp-img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .45s ease;
}
.dlp-card:hover .dlp-card-img .dlp-img{ transform:scale(1.06) }
.dlp-card-noimg{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#edf0f5 0,#dde1ea 100%);
}

/* ─ Name overlay on image ─ */
.dlp-card-overlay{
  position:absolute;
  bottom:0; left:0; right:0;
  padding:48px 18px 16px;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0,transparent 100%);
}
.dlp-card-name{
  font-size:1.05rem; font-weight:700; color:#fff; margin:0;
  text-shadow:0 1px 6px rgba(0,0,0,.5);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ─ Verified Badge ─ */
.dlp-card-badge{
  position:absolute; top:12px; right:12px;
  display:inline-flex; align-items:center; gap:4px;
  background:#10c78b; color:#fff;
  font-size:.67rem; font-weight:700;
  padding:5px 11px; border-radius:999px;
  text-transform:uppercase; letter-spacing:.05em;
  box-shadow:0 2px 8px rgba(16,199,139,.45);
}

/* ─ Card Body ─ */
.dlp-card-body{
  padding:16px 18px 18px;
  display:flex; flex-direction:column; gap:7px; flex:1;
}
.dlp-card-phone,
.dlp-card-reviews{
  display:flex; align-items:center; gap:6px;
  font-size:.85rem; color:#6b7280;
}
.dlp-card-phone svg{ color:#10c78b; flex-shrink:0 }
.dlp-card-reviews svg{ flex-shrink:0 }

/* ─ CTA row ─ */
.dlp-card-cta{
  margin-top:auto;
  padding-top:13px;
  border-top:1px solid #f0f2f6;
  display:flex; align-items:center; justify-content:space-between;
  font-size:.875rem; font-weight:600; color:#10c78b;
}
.dlp-card-cta svg{ transition:transform .22s }
.dlp-card:hover .dlp-card-cta svg{ transform:translateX(4px) }
html[dir=rtl] .dlp-card-badge{ right:auto; left:12px }
html[dir=rtl] .dlp-card-cta svg{ transform:scaleX(-1) }
html[dir=rtl] .dlp-card:hover .dlp-card-cta svg{ transform:scaleX(-1) translateX(-4px) }

/* ─ Empty state ─ */
.dlp-empty{
  text-align:center; padding:80px 0; color:#9ca3af;
}
.dlp-empty svg{ display:block; margin:0 auto 16px }
.dlp-empty p{ font-size:1rem }

/* ════════════════════════════════════════
   WHY ARABIMOTORS SECTION
════════════════════════════════════════ */
.why-section {
  background: #0d0d0d;
  padding: 72px 16px;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.why-inner { margin: 0 auto; }
.why-title {
  text-align: center;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 800;
  color: #fff;
  margin-bottom: 44px;
}
.why-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--mc, #10c78b);
  border-radius: 2px;
  margin: 12px auto 0;
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.why-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  transition: border-color .2s, background .2s;
}
.why-card:hover {
  background: rgba(16,199,139,.06);
  border-color: rgba(16,199,139,.3);
}
.why-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(16,199,139,.14);
  color: var(--mc, #10c78b);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.why-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.why-card-desc {
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.55);
  margin: 0;
}
@media (max-width: 991px) {
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .why-section { padding: 52px 16px; }
}
@media (max-width: 540px) {
  .why-grid { grid-template-columns: 1fr; gap: 14px; }
  .why-section { padding: 40px 16px; }
  .why-card { padding: 24px 20px; }
}

/* ── About Page Enhancements (abp-) ── */

/* Stats bar: contained dark card */
.abp-stats-section { padding: 0 0 var(--sp-section); }
.abp-stats-bar {
  background: var(--bg-dark);
  border-radius: var(--radius-xl);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  box-shadow: 0 20px 56px rgba(0,0,0,.18);
}
.abp-stat {
  padding: var(--sp-2xl) var(--sp-xl);
  text-align: center;
  border-right: 1px solid rgba(255,255,255,.08);
  transition: background var(--transition-fast);
}
.abp-stat:last-child { border-right: none; }
.abp-stat:hover { background: rgba(16,199,139,.07); }
.abp-stat-num {
  display: block;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 800;
  color: var(--mc);
  line-height: 1;
  margin-bottom: var(--sp-sm);
  letter-spacing: -.02em;
}
.abp-stat-label {
  display: block;
  font-size: var(--fs-sm);
  color: rgba(255,255,255,.55);
  font-weight: 500;
  line-height: 1.4;
}

/* EV Properties: light gray full-bleed background */
#electric_cars_properties_wrap {
  margin-left: calc(-50vw + 600px);
  margin-right: calc(-50vw + 600px);
  padding-left: calc(50vw - 600px);
  padding-right: calc(50vw - 600px);
  background: #f5f7fa;
}

/* Partners: dark navy full-bleed */
#partners_wrap {
  margin-left: calc(-50vw + 600px);
  margin-right: calc(-50vw + 600px);
  padding-left: calc(50vw - 600px);
  padding-right: calc(50vw - 600px);
  background: #0a1628;
}
#partners_wrap .page_subtitle { color: var(--text-white); }
#partners_wrap .partners_box {
  background: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.15);
}
#partners_wrap .partners_box:hover {
  background: #fff;
  box-shadow: 0 8px 32px rgba(0,0,0,.22), 0 0 0 2px var(--mc);
}

/* Testimonials: dark full-bleed */
#testimonial_wrap {
  margin-left: calc(-50vw + 600px);
  margin-right: calc(-50vw + 600px);
  padding-left: calc(50vw - 600px);
  padding-right: calc(50vw - 600px);
  background: var(--bg-dark);
}
#testimonial_wrap .page_subtitle { color: var(--text-white); }
#testimonial_wrap .testimonial_box {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.1);
}
#testimonial_wrap .testimonial_box:hover {
  background: rgba(255,255,255,.09);
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
#testimonial_wrap .testimonial_name { color: var(--text-white); }
#testimonial_wrap .testimonial_summary { color: rgba(255,255,255,.65); }
#testimonial_wrap .testimonial_right.l_grid_span3::before { color: var(--mc); opacity: .6; }

/* ── Auth Pages (signin / register / account) ── */
body:has(#auth_section),
body:has(#account_section) { background: #1a2b24 !important; }

#auth_section {
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background: #1a2b24;
  background-image: radial-gradient(ellipse 80% 60% at 50% 30%, rgba(16,199,139,.12) 0, transparent 65%);
}
.auth_brand { text-align: center; margin-bottom: 24px; }
.auth_brand .auth_logo_img { height: 40px !important; width: auto !important; max-width: 150px; object-fit: contain; }
.auth_card {
  background: var(--bg-white);
  border-radius: 16px;
  box-shadow: 0 12px 64px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06);
  padding: 48px 40px;
  width: 100%;
  max-width: 480px;
}
.auth_title {
  font-size: var(--fs-h2);
  color: var(--text-dark);
  margin: 0 0 28px;
  font-weight: 700;
}
.auth_form { display: flex; flex-direction: column; gap: 18px; }
.auth_field { display: flex; flex-direction: column; gap: 6px; }
.auth_field label { font-size: 14px; font-weight: 600; color: var(--text-mid); }
.auth_field input,
.auth_field select {
  border: 1.5px solid var(--border-light);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 15px;
  color: var(--text-dark);
  background: var(--bg-white);
  transition: border-color .2s;
  outline: none;
}
.auth_field input:focus,
.auth_field select:focus { border-color: var(--mc); }
.auth_btn {
  display: inline-block;
  background: var(--mc);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  margin-top: 8px;
  transition: background .2s, transform .15s;
}
.auth_btn:hover { background: var(--motor-green2); transform: translateY(-1px); }
.auth_btn_outline {
  background: transparent;
  border: 2px solid var(--border-light);
  color: var(--text-mid);
}
.auth_btn_outline:hover { border-color: var(--mc); color: var(--mc); background: transparent; }
.auth_error {
  background: #fff2f2;
  color: #c0392b;
  border: 1px solid #f5c6cb;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  margin-bottom: 4px;
}
.auth_success {
  text-align: center;
  padding: 12px 0;
}
.auth_success h2 { color: var(--mc); font-size: var(--fs-h3); margin-bottom: 12px; }
.auth_success p { color: var(--text-mid); margin-bottom: 24px; line-height: 1.6; }
.auth_switch { text-align: center; color: var(--text-mid); font-size: 14px; margin-top: 20px; }
.auth_switch a { color: var(--mc); font-weight: 600; text-decoration: none; }
.auth_switch a:hover { text-decoration: underline; }

/* ── Account Page ── */
#account_section {
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 60px 20px;
  background: #1a2b24;
  background-image: radial-gradient(ellipse 80% 60% at 50% 30%, rgba(16,199,139,.12) 0, transparent 65%);
}
.account_card {
  background: var(--bg-white);
  border-radius: 16px;
  box-shadow: 0 12px 64px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06);
  padding: 40px;
  width: 100%;
  max-width: 560px;
}
.account_header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--border-light);
}
.account_avatar { flex-shrink: 0; }
.account_photo { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
.account_avatar_placeholder {
  width: 80px; height: 80px; border-radius: 50%;
  background: var(--mc); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 32px; font-weight: 700;
}
.account_name { font-size: var(--fs-h3); color: var(--text-dark); margin: 0 0 6px; }
.account_role {
  display: inline-block;
  background: var(--green-glow);
  color: var(--mc);
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 13px;
  font-weight: 600;
  margin-right: 6px;
}
.account_status {
  display: inline-block;
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 600;
}
.account_status_active { background: #e8f5e9; color: #2e7d32; }
.account_status_pending { background: #fff8e1; color: #f57f17; }
.account_status_suspended { background: #ffebee; color: #c62828; }
.account_details { margin-bottom: 28px; }
.account_detail_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-light);
  gap: 12px;
}
.account_detail_label { color: var(--text-mid); font-size: 14px; font-weight: 600; }
.account_detail_value { color: var(--text-dark); font-size: 15px; text-align: right; }
.account_logout_form { margin-top: 8px; }

/* ── Dealer Dashboard ── */
body:has(#dealer_dash),
body:has(#dealer_add_car) { background: var(--bg-light) !important; }
#dealer_dash { min-height: calc(100vh - 96px); padding: 48px 20px; }
.dealer_dash_wrap { max-width: 1200px; margin: 0 auto; }
.dealer_dash_header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 32px; flex-wrap: wrap; gap: 16px; }
.dealer_dash_header h1 { font-size: var(--fs-h2); color: var(--text-dark); margin: 0; }
.dealer_dash_name { color: var(--text-mid); font-size: 14px; display: block; margin-top: 4px; }
.dealer_dash_actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.dealer_dash_btn { background: var(--mc); color: #fff; border: none; border-radius: 8px; padding: 10px 20px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background .18s; }
.dealer_dash_btn:hover { background: var(--motor-green2); color: #fff; text-decoration: none; }
.dealer_dash_btn_outline { background: transparent; color: var(--text-dark); border: 1.5px solid var(--border-light); }
.dealer_dash_btn_outline:hover { border-color: var(--mc); color: var(--mc); background: transparent; }
.dealer_dash_btn_sm { padding: 7px 14px; font-size: 13px; }
.dealer_dash_section { background: #fff; border-radius: 16px; border: 1px solid var(--border-light); padding: 28px; margin-bottom: 24px; }
.dealer_dash_section_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.dealer_dash_section_header h2 { font-size: 18px; font-weight: 700; color: var(--text-dark); margin: 0; }
.dealer_dash_count { font-size: 14px; font-weight: 400; color: var(--text-mid); }
.dealer_dash_notice { background: #fff8e8; border: 1px solid #f0d080; border-radius: 12px; padding: 20px 24px; color: #7a5f00; margin-bottom: 24px; }
.dealer_dash_empty { color: var(--text-mid); text-align: center; padding: 40px 20px; font-size: 14px; }
.dealer_dash_table_wrap { overflow-x: auto; }
.dealer_dash_table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dealer_dash_table th { background: var(--bg-light); color: var(--text-mid); font-weight: 600; padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border-light); white-space: nowrap; }
.dealer_dash_table td { padding: 12px 14px; border-bottom: 1px solid var(--border-light); color: var(--text-dark); vertical-align: middle; }
.dealer_dash_table tr:last-child td { border-bottom: none; }
.dealer_car_cell { display: flex; align-items: center; gap: 10px; }
.dealer_car_thumb { width: 70px; height: 52px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.dealer_car_title { color: var(--text-dark); text-decoration: none; font-weight: 600; }
.dealer_car_title:hover { color: var(--mc); }
.dealer_status_badge { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.dealer_status_pending   { background: #fef3c7; color: #92400e; }
.dealer_status_confirmed { background: #d1fae5; color: #065f46; }
.dealer_status_rejected  { background: #fee2e2; color: #991b1b; }
.dealer_badge_edit { background: #e8f4ff; color: #1d4ed8; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; text-decoration: none; }
.dealer_badge_edit:hover { background: #dbeafe; color: #1d4ed8; text-decoration: none; }
.dealer_status_form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dealer_status_form select { border: 1px solid var(--border-light); border-radius: 6px; padding: 4px 8px; font-size: 13px; color: var(--text-dark); }
.dealer_status_form button { background: var(--mc); color: #fff; border: none; border-radius: 6px; padding: 4px 12px; font-size: 13px; cursor: pointer; }
/* Add Car page */
#dealer_add_car { min-height: calc(100vh - 96px); padding: 48px 20px; }
.dealer_add_wrap { max-width: 700px; margin: 0 auto; }
.dealer_add_header { margin-bottom: 24px; }
.dealer_add_header h1 { font-size: var(--fs-h2); color: var(--text-dark); margin: 0; }
.dealer_add_card { background: #fff; border-radius: 16px; border: 1px solid var(--border-light); padding: 36px; }
.dealer_add_row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.dealer_add_success { background: #d1fae5; border: 1px solid #6ee7b7; border-radius: 10px; padding: 16px 20px; color: #065f46; margin-bottom: 20px; font-weight: 600; }
.dealer_add_error { background: #fee2e2; border: 1px solid #fca5a5; border-radius: 10px; padding: 16px 20px; color: #991b1b; margin-bottom: 20px; font-weight: 600; }
.dealer_add_back { display: inline-flex; align-items: center; gap: 6px; color: var(--text-mid); text-decoration: none; font-size: 14px; margin-bottom: 16px; }
.dealer_add_back:hover { color: var(--mc); text-decoration: none; }

/* ── Header Auth Button ── */
.header-auth { display: flex; align-items: center; margin-left: 8px; }
.auth-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 6px 14px;
  border-radius: 20px;
  background: var(--mc);
  transition: background .2s;
  white-space: nowrap;
}
.auth-nav-btn:hover { background: var(--motor-green2); color: #fff; }
.auth-nav-account { background: rgba(255,255,255,.15); }
.auth-nav-account:hover { background: var(--mc); }
}

/* ==================== res/front/css/commerce.css ==================== */
/*
ProVision Co.
-------------
This web application design and development by ProVision Co.

All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.

This website/web app is based on LegionCMS engine, which is a MVC platform built completely from scratch by ProVision's team.

-We know that you like this code, if you are interested joing our team, dont hesitate sending your CV to us.
--------------
Omar Shamali
https://provision.ps 
*/


#c_bag {
    background: rgba(185,71,81,.78);
    color: white;
    padding: 6px;
    border-radius: 100%;
    font-size: 24px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 17px;
    border: 1px solid white;
    box-shadow: 0 0 3px saddlebrown;
}


#c_header_login {
/*
    background: var(--mainColor);
    color: white;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0 2px pink;
    padding-bottom: 8px;
*/
}

#c_header{
	margin-left:20px;
}




.c_full_width_form .form_field {
/*
    margin: unset !important;
    width: 100% !important;
    margin-bottom: 25px !important;
*/
}

.c_full_width_form .input_area {
    padding-right: unset !important;
}
.c_cart_sub_sec_title {
    margin-bottom: 15px;
    font-style: italic;
    font-size: 14px;
    margin-top: 20px;
}
#c_close_add_address_btn {
    text-align: right;
    color: darkred;
    position: absolute;
    text-decoration: underline;
    right: 10px;
}

#c_add_address_btn {
    margin: 20px 0;
}

.address_book_box i,.payment_box i {
    background: green;
    color: white;
    padding: 3px;
    font-size: 10px;
    margin-right: 2%;
}

.address_book_box, .payment_box {
    margin-bottom: 20px;
    border: 1px solid rgba(128,128,128,.302);
    padding: 10px;
}


#c_notes_txtarea {
    width: 100%;
    height: 100px;
    margin-bottom: 21px;
}


.c_cart_left_address {
    margin-right: 10%;
}
#c_add_address_wrap {
    padding: 10px;
    background: whitesmoke;
    margin: 10px 0;
}

#c_successSignup,#c_successLogin {
    width: 300px;
    margin: auto;
    text-align: center;
    background: var(--mainColor);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 3px gray;
    color: white;
    line-height: 23px;
}
.c_cart_sec_title {
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 2px solid purple;
    padding-bottom: 8px;
}

.products_price {
    color: var(--mainColor);
    font-size: 20px;
    font-family: indie;
}

price {
    font-size: 12px;
    margin-left: 3px;
    color: #535353;
}
.c_in_price {
    margin-top: 20px;
    font-size: 30px;
}
.c_table {
    border-collapse: collapse;
    font-size: 13px;
    width: 100%;
    background: white;
    max-width: 100%;
        box-shadow: 0 0 3px #dcdcdc;
}

#c_success_order {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
    color: green;
}

.c_products_cart_photo_picture {
    width: 96px;
}
.c_qnty_btn {
    width: 25px;
    height: 25px;
    background: #7c9eb3;
    color: white;
    text-align: center;
    font-size: 26px;
    border-radius: 2px;
    box-shadow: 0 0 2px grey;
}

.c_qnty_lbl {
    padding: 0 20px;
    background: #f1f1f1;
    height: 25px;
    line-height: 26px;
    font-weight: bold;
}

.c_del_cart_col {
    text-align: center !important;
}
.c_checkout_btn {
    background-image: linear-gradient(
45deg
, #009688,#009688,#4caf50);
    width: 200px;
    display: block;
    text-align: center;
    font-size: 21px;
    height: 100%;
/*    margin: auto;*/
	margin-top:50px;
	
    color: white;
    box-shadow: 0 0 8px rgba(0,0,0,.529);
    line-height: 50px;
}
.c_grand_total {
    background: #ececec;
    color: #404040;
    font-weight: bold;
    font-size: 20px;
}
.c_grand_total_title{
    text-align:right;
    padding-right: 10px !important;
    font-size: 16px;
}

.c_cart_remove_btn {
    color: white;
    background: linear-gradient(
45deg
, #b71c1c, #d32f2f);
    display: inline;
    padding: 5px;
    box-shadow: 0 0 2px grey;
    border-radius: 2px;
}

.c_table thead {
    background: #ececec;
    padding: 10px 0;
    color: #4e4e4e;
}

.c_table th,.c_table td {
    vertical-align: middle;
    padding-left: 10px;
}
.c_table th {
    padding: 10px 0;
        padding-left: 0;
    white-space: nowrap;
    text-align: left;
    line-height: 19px;
    border-bottom: 1px solid rgba(128,128,128,.451);
}


.c_table td {
    padding: 5px 0;
        padding-left: 0;
    height: 60px;
        border-bottom: 1px solid #f7f7f7;

}


.c_cart_btn:hover {
    background-color: #c12fda;
    box-shadow: 7px 1px 9px rgba(0,0,0,.522);
    background-image: unset;
}

.c_cart_btn {
    display: inline-block;
    background-image: linear-gradient(
134deg
, #9c27b0,#c12fda, #ff9800);
    background-color: #c12fda;
    color: white;
    padding: 10px 20px;
    margin-top: 30px;
    box-shadow: 0 0 3px black;
    border-radius: 3px;
    transition: all .2s cubic-bezier(0.4, 0, 1, 1);
}

.c_cart_added_btn {
    background-image: linear-gradient( 
134deg
 , #4caf50,#009688, #009688);
    box-shadow: unset;
    opacity: .8;
    cursor: unset;
}
 .c_cart_added_btn:hover{
      background-color: green;
    box-shadow: unset;
     transition: none;
}



.product_category_box {
    margin-right: 20px;
    border: 1px solid rgba(128,128,128,.439);
    padding: 10px;
}

.product_category_box:hover,.c_active_cat{
	border-color:var(--mainColor);
}


/* ==================== L5 compatibility (build_assets.py) ==================== */
/* L5 engine CSS sets body{display:initial}; L4 pages expect a block body (overflow-x:hidden must clip AOS slide-ins) */
body{display:block;}
/* L5 engine sharedCSS gives the phone menu button a teal box; L4's had no background */
#mob_menu_btn{background:transparent;}

      /* ArabiMotors — built from the Legion 4 site by build_assets.py. Edit the source sections below, not the order. */

/* ==================== res/front/css/responsive.css ==================== */
/*
ProVision Co.
-------------
This web application design and development by ProVision Co.

All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.

This website/web app is based on LegionCMS engine, which is a MVC platform built completely from scratch by ProVision's team.

-We know that you like this code, if you are interested joing our team, dont hesitate sending your CV to us.
--------------
Omar Shamali
https://provision.ps 
*/

@media all and (max-width: 1199px) {
  .w1200{
    width: 100%;
  }
  /* l_w1200 also needs full-width on mobile (fixed 1200px hardcoded otherwise) */
  .l_w1200{
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Featured section: ensure card swiper shows correctly at full width */
  .featured-vehicles-section .l_w1200{
    overflow: visible !important;
  }
  .swiperCare{
    overflow: hidden !important;
    width: 100%;
  }
  .featured-header{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
  }
  .featured-title{ font-size: var(--fs-h3); }

  .title_main{
    text-align: center ;
    padding: 0 10px;
  }

.main_section_car,.main_section_car_summary {
   width: 80%;
    text-align: center;
    margin: auto;
}
.l_grid2.about_main.l_mb50,#services_box {
  padding: 15px;
}
.main_section_car{
  font-size: 25px;
}
 .main_section_car_summary {
   
    margin-top: auto;
    margin-top: 19px;
  }
  .social_header{
    width: 15%;
  }
  .car-360-container {
  width: 100% !important;
  height: unset !important;
  }
  .search.w10.mid {
    display: none;
  }
  #mob_menu_btn {
    display: inline-block;
    color: white;
    font-size: 44px;
    float: right;
    top: 18px;
  }
  #real_main_ul li ,#real_main_ul1 li {
    display: block;
    width: 100%;
    margin: unset;
    text-align: left;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  #real_main_ul li:last-child, #real_main_ul1 li:last-child {
    border-bottom: none;
  }
  #real_main_ul {
    top: 0;
  }
  .logo_box {
    width: auto;
    height: 56px;
    display: inline-flex;
    align-items: center;
  }
  .logo_menu_box img {
    height: 42px !important;
    width: auto !important;
  }
  #real_main_ul1 ,#real_main_ul {
    /* Override desktop display:flex — stack items vertically */
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative;
    left: 0;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    z-index: 10060;
    background: #1c1c1c;
    border-top: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 6px 20px rgba(0,0,0,.45);
  }
  /* Nav1 breaks out of the logo row — wraps to its own full-width row below */
  #menuCont .menuline:first-child {
    flex-wrap: wrap;
    align-items: center;
  }
  #real_main_ul1 {
    flex: 0 0 100% !important;
    order: 99;
    margin-bottom: 2px !important;
  }
  #real_main_ul li a.head, #real_main_ul1 li a.head {
    display: block;
    padding: 13px 20px !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #e0e0e0 !important;
  }
  #real_main_ul li a.head:hover, #real_main_ul1 li a.head:hover {
    color: var(--mc) !important;
    background: rgba(16,199,139,.08);
  }
  #real_main_ul1 li:first-child {
    border-radius: 5px 5px 0 0;
  }
  #real_main_ul li:last-child {
    border-radius: 0 0 5px 5px;
  }
  .noselect.menu_items_box:hover {
    background: rgba(16,199,139,.1) !important;
    box-shadow: none;
  }
  .real_main_ul_sh {
    display: none;
  }
  /* Override ID-selector display:flex from main.css header redesign */
  #real_main_ul.real_main_ul_sh,
  #real_main_ul1.real_main_ul_sh {
    display: none !important;
  }
  .car_main_details {
    bottom: 20%;
    text-align: right;
  }
  #mob_menu_btn{
    z-index: 10;
  }
  .main_sub_box2 {
  width: 150px !important;
}

.slider_photo {
  width: 88%;
}
.continer , .main_sub_b,#services_main, #vid_box ,#services,#testimonial_wrap,#team_wrap,.p_content, .th-section,.description,.Finance_btn_box,.Finance_title,.page_container{
  padding: 15px;
}
#footer .w1200.l_grid3{
  grid-template-columns: 1fr;
  gap: var(--sp-xl);
  padding: 0 var(--sp-lg);
}
#social_links_wrap {
  text-align: center;
}
.sec_head.sec_normal{
  padding-left: 10px;
}
.menuline {
  padding: 0 5px;
}
.partner-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  transform: translate(379px,100px);
}
.l_grid4{
    grid-template-columns: repeat(4, 1fr);
}
.product-grid{
  grid-template-columns: repeat(2,1fr) !important;
}
.bottom_box .l_grid3 ,.dropdowns.l_grid3{
  grid-template-columns:repeat(3,1fr)
}
  .filter_box input[name=text_search] {
    width: 100% !important;
  }
#min_value {
  width: 10%;
}
#max_value {
  margin-left: 4px;
}
.general_form_873617_personal_code, .general_form_873617_landline_code, .general_form_873617_work_phone_country_code_ {
  width: 20%;
} 

.payment_method_photo {
  height: 200px !important;
  margin-bottom: 16px;
}
.scroll_header, .subpages {
  height: 100px;
}
#menuCont{
  margin: unset;
}
mh {
 
  height: 66px;
}
#sell_form_ .l_tab_toggler {
  width: 24.7%;
  height: 50px;
  align-content: center;
}
.list1 .select2 {
  max-width: 249px !important;
}
.payment_method_title{
  background: #fff;
}
  .mobile_field.general_form_873617_phone_number, .general_form_873617_telephonehome, .general_form_873617_telephonework {
    width: 80% !important;
  }
    .general_form_873617_personal_code, .general_form_873617_landline_code, .general_form_873617_work_phone_country_code_ {
    width: 23% !important;
  }
   #form_bank .onfour {
  width: 33.3%;
}
  .mobile_field.general_form_873617_phone_number label, .general_form_873617_telephonehome label, .general_form_873617_telephonework label {
    transform: translateX(-24%);
  }
.contact_informatione i{

  vertical-align: top !important;
  top: 11px ;
}
.car_colors_photo_picture {
  width: 100% !important;
}


				/* // transformElement(this.slideShow, 'translateX(calc('+transformValue+'%  - 0))'); */

.cd-product-viewer-wrapper .product-viewer {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.cd-product-viewer-wrapper .product-sprite {

  width: 2405% !important;
}
.xee{
  width: 100%;
}
}
@media all and (max-width: 575px) {
 .social_header {
    width: 38%;
  }
  .main_box.l_mb30{
    display: none;
  }
   #services_box .services_box,
   #services_box .services_box.reverse {
        flex-direction: column;
        text-align: left;
    }
#services_box .services_photo_picture2 {
  width: 100% !important;
  height: 200px !important;
}
  .slider_photo {
    width: 100%;
  }
  .slider_photo img{
    object-fit: contain;
  }
.w50 {
  width: 100%;
  padding: unset !important;
}

.contact_informatione i {

  width: 10%;
}
.moto-title2 {

  font-size: 28px;
}
.contact_informatione.Privacy {

  margin-top: 30px;
  width: 350px;
  transform: translateX(-159px);
}

#electric_cars_properties_wrap .l_grid3 ,#team_wrap .l_grid3 {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: var(--sp-md);
}
.testimonial_right{
  grid-column: span 1;
}
#testimonial_wrap .l_grid4{
 grid-template-columns: repeat(2, 1fr);
}
.testimonial_right.l_grid_span3::before{ font-size:48px; }
.left_box_contact.in.w30 {
  width: 100%;
}
.right-box.in.w70 {
  width: 100%;
}
.filter-wrapper {
  width: 100%;
  position: static;
  border-radius: var(--radius-lg);
  margin-bottom: var(--sp-lg);
}
.cars_box2 {
  width: 100%;
  padding-left: 0;
}
  .product-grid {
    grid-template-columns: repeat(2,1fr) !important;
    gap: var(--sp-md) !important;
  }
  .top_btns {
  display: flex;
  flex-wrap: wrap;
}
.top_btns_div{
  margin: 0;
}
.newly-listed-tiles {
  font-size: var(--fs-h2);
}
  .Finance_btn_box_grid{
      grid-template-columns: repeat(2, 1fr);
  }
  .dropdowns.l_grid3 {
    grid-template-columns: repeat(1,1fr);
  }
  .single_page_photo.in.w40 {
  width: 100%;
  padding: unset;
  margin-top: 10px;
}
.single_page_left.in.w60.l_padr10 {
  width: 100%;
  padding: unset;
}
.single_page_photo img {
  border-radius: 10px;
}
 #sell_form_ .l_tab_toggler {
    width: 49.4%;
    height: 50px;
    align-content: center;
    border-radius: unset;
    margin: unset;
    border: .3px solid black;
  }
  .check_box_wrap.nos {
  height: unset;
  }
  #comparisonTable {

  overflow: scroll;
  display: block;
}
#comparisonTable th, #comparisonTable td {
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 10px;
}
.main_sub_box {
  width: 49%;
}

#car_colors_wrap{
  width: 100%;
}
.slobe {
  align-content: center;
}
.video {
 
  width: 80%;
}
.swiper-button-next, .swiper-button-prev {

  top: 55%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 1px;
  padding-right: 1px;
}
  .general_form_873617_personal_code, .general_form_873617_landline_code, .general_form_873617_work_phone_country_code_ {
    width: 25% !important;
  }
    .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1px !important;
    padding-right: 1px !important;
    font-size: 10px !important;
  }

  .l_grid3{
    grid-template-columns: repeat(1, 1fr);
  }
  #testimonial_wrap .l_grid4{
    grid-template-columns: 1fr;
  }
  .testimonial_photo_picture{
    border-radius:var(--radius-lg) var(--radius-lg) 0 0;
    min-height:200px;
  }
  .testimonial_right.l_grid_span3{ padding:var(--sp-md); }
  .testimonial_right.l_grid_span3::before{ font-size:40px; }
  .electric_cars_properties_box{ padding:var(--sp-lg) var(--sp-md); }
  .product-grid{ grid-template-columns: 1fr !important; }
  .style_photo_picture.zoom-container{ height:180px; }
  .bottom_box .l_grid3{ gap:var(--sp-xs); }
  .page_subtitle{ font-size:var(--fs-h3) !important; margin-bottom:var(--sp-md); }
  .page_subtitle::before{ width:3px; height:22px; }
}

/*375*/
@media all and (max-width: 991px){
  .hero-search-form select, .search-btn{ width:100%; }
}

/* ── Hero: Mobile Responsive (≤768px) ── */
@media all and (max-width: 768px){
  /* Swiper becomes auto-height: image on top, content flows below */
  .mySwiper2{
    overflow: visible;
    height: auto !important;
  }
  /* Swiper wrapper + slides: fixed height = car image area only */
  .mySwiper2 .swiper-wrapper,
  .mySwiper2 .swiper-slide,
  .mySwiper2 .swiper-slide .slide_box{
    height: 55vh !important;
    min-height: 260px !important;
    max-height: 400px !important;
  }
  /* Override the 100vh rule from main.css for the hero slide */
  .main_hero{
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Overlay: in-flow BELOW the image (not absolute on top) */
  /* This means the article height = image height + content height → no clipping */
  .hero-fixed-overlay{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
    pointer-events: auto;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 0 48px;
    background: #0d1a15;
  }

  /* Full-width centered container on mobile */
  .hero-fixed-overlay .w1200.hero-inner{
    max-width:100% !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 20px !important;
    box-sizing:border-box !important;
  }
  .hero-inner{ padding:0 20px; box-sizing:border-box; max-width:100%; }

  /* Typography scaling */
  .hero-title{ font-size:24px; max-width:100%; letter-spacing:-.01em; }
  .hero-support{ font-size:var(--fs-xs); }
  .hero-sub{ font-size:var(--fs-xs); max-width:100%; }

  /* Stack CTA buttons vertically, full width */
  .hero-cta-row{ flex-direction:column; gap:10px; align-items:stretch; }
  .hero-cta{ width:100%; min-width:0; justify-content:center; text-align:center; }

  /* Search card full width */
  .hero-search-card{ max-width:100%; padding:var(--sp-md); box-sizing:border-box; }
  .hero-tabs{ flex-wrap:wrap; gap:6px; }
  .hero-tabs button{ flex:1 1 auto; text-align:center; }
  .hero-search-form .search-row{ grid-template-columns:1fr; gap:8px; }
  .search-row-more{ grid-template-columns:1fr; gap:8px; }
  .more-filters-toggle{ height:40px; font-size:12px; }
  .hero-search-form select{ width:100%; }
  .search-btn{ grid-column:1/-1; width:100%; }

  /* Stats: 2-column grid on mobile */
  .hero-stats{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
    margin-top:10px;
    max-width:100%;
  }
  .hero-stats .stat{ padding:10px 12px; gap:8px; }
  .stat-icon{ width:32px; height:32px; }
  .hero-stats .stat strong{ font-size:18px; }
}

/* ── Hero: Small phones (≤480px) ── */
@media all and (max-width: 480px){
  /* Smaller image on very small screens */
  .mySwiper2 .swiper-wrapper,
  .mySwiper2 .swiper-slide,
  .mySwiper2 .swiper-slide .slide_box{ height:50vh !important; min-height:240px !important; }
  .hero-title{ font-size:20px; }
  .hero-badge{ font-size:10px; }
  .hero-stats{ grid-template-columns:1fr 1fr; }
  .hero-inner{ padding:0 16px; }
  .hero-fixed-overlay .w1200.hero-inner{ padding:0 16px !important; }
}

@media all and (max-width: 575px){
  .hero-inner{ padding:0 16px; box-sizing:border-box; }
  .hero-search-form .search-row{ grid-template-columns:1fr; }
  .search-row-more{ grid-template-columns:1fr; }
  .hero-title{ font-size:22px; }
}
/* ── Contact Page (ci-*) ── */
@media all and (max-width: 900px) {
  .ci-page { flex-direction: column; }
  .ci-left  { width: 100%; }
  .ci-right { width: 100%; }
  .ci-info-card { position: static; }
}
@media all and (max-width: 575px) {
  .ci-page { padding: 30px 16px 60px; gap: 20px; }
  .ci-form-card, .ci-success { padding: 28px 20px; }
  .ci-form-row { grid-template-columns: 1fr; }
  .ci-info-card { padding: 28px 20px; }
}

/* ── Dealers Listing Page (dlp-*) ── */
@media all and (max-width: 1024px) {
  .dlp-grid { grid-template-columns: repeat(2,1fr); gap: 22px; }
}
@media all and (max-width: 650px) {
  .dlp-hero { padding: 50px 16px 42px; }
  .dlp-hero-title { font-size: 1.9rem; }
  .dlp-hero::after { display: none; }
  .dlp-body { padding: 36px 16px 50px; }
  .dlp-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ── Single Dealer Page (dsp-*) ── */
@media all and (max-width: 900px) {
  .dsp-grid { grid-template-columns: repeat(2,1fr); }
}
@media all and (max-width: 650px) {
  .dsp-hero { padding: 180px 16px 52px; }
  .dsp-name { font-size: 1.7rem; }
  .dsp-profile-row { flex-direction: column; align-items: center; text-align: center; gap: 20px; }
  .dsp-meta-row { justify-content: center; }
  .dsp-actions { justify-content: center; }
  .dsp-grid { grid-template-columns: 1fr; }
  .dsp-section-title::after { display: none; }
  .dsp-body { padding: 40px 16px 60px; }
}

/* ── About Page Enhancement Responsive (abp-) ── */
@media all and (max-width: 1200px) {
  #electric_cars_properties_wrap,
  #partners_wrap,
  #testimonial_wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 900px) {
  .abp-stats-bar { grid-template-columns: 1fr 1fr; }
  .abp-stat { border-bottom: 1px solid rgba(255,255,255,.08); }
  .abp-stat:nth-child(even) { border-right: none; }
  .abp-stat:nth-child(3),
  .abp-stat:nth-child(4) { border-bottom: none; }
}
@media all and (max-width: 540px) {
  .abp-stats-bar { border-radius: var(--radius-lg); }
  .abp-stat { padding: var(--sp-lg) var(--sp-md); }
  .abp-stat-num { font-size: 1.8rem; }
}

/* ── Auth & Account Responsive ── */
@media all and (max-width: 600px) {
  .auth_card,
  .account_card { padding: 32px 20px; border-radius: 0; box-shadow: none; }
  #auth_section,
  #account_section { padding: 32px 0; background: var(--bg-white); }
  .account_header { flex-direction: column; text-align: center; gap: 16px; }
  .account_detail_row { flex-direction: column; align-items: flex-start; gap: 4px; }
  .account_detail_value { text-align: left; }
}

/* ── Dealer Dashboard Responsive ── */
@media all and (max-width: 768px) {
  .dealer_dash_header { flex-direction: column; align-items: flex-start; }
  .dealer_add_row { grid-template-columns: 1fr; }
  .dealer_add_card { padding: 24px 16px; }
  .dealer_dash_section { padding: 20px 16px; }
  .dealer_dash_table th,
  .dealer_dash_table td { padding: 8px 10px; }
  .dealer_status_form { flex-direction: column; align-items: flex-start; }
}

/* ── Header Auth Responsive ── */
@media all and (max-width: 768px) {
  .auth-nav-btn span { display: none; }
  .auth-nav-btn { padding: 6px 10px; }
}


      body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:0;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:0}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}