.menu-inner {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 60px !important;
}
 
 .light-style .menu .app-brand.demo {
     height: 64px;
 }

 .dark-style .menu .app-brand.demo {
     height: 64px;
 }

 .app-brand-logo.demo {
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     display: -ms-flexbox;
     display: flex;
     width: 34px;
     height: 24px;
 }

 .app-brand-logo.demo svg {
     width: 35px;
     height: 24px;
 }

 .app-brand-text.demo {
     font-size: 1.375rem;
 }

 /* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
 .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
     padding-top: 64px !important;
 }

 .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
     padding-top: 78px !important;
 }

 /* Navbar page z-index issue solution */
 .content-wrapper .navbar {
     z-index: auto;
 }

 /*
* Content
******************************************************************************/

 .demo-blocks>* {
     display: block !important;
 }

 .demo-inline-spacing>* {
     margin: 1rem 0.375rem 0 0 !important;
 }

 /* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
 .demo-vertical-spacing>* {
     margin-top: 1rem !important;
     margin-bottom: 0 !important;
 }

 .demo-vertical-spacing.demo-only-element> :first-child {
     margin-top: 0 !important;
 }

 .demo-vertical-spacing-lg>* {
     margin-top: 1.875rem !important;
     margin-bottom: 0 !important;
 }

 .demo-vertical-spacing-lg.demo-only-element> :first-child {
     margin-top: 0 !important;
 }

 .demo-vertical-spacing-xl>* {
     margin-top: 5rem !important;
     margin-bottom: 0 !important;
 }

 .demo-vertical-spacing-xl.demo-only-element> :first-child {
     margin-top: 0 !important;
 }

 .rtl-only {
     display: none !important;
     text-align: left !important;
     direction: ltr !important;
 }

 [dir='rtl'] .rtl-only {
     display: block !important;
 }

 /*
* Layout demo
******************************************************************************/

 .layout-demo-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 1rem;
 }

 .layout-demo-placeholder img {
     width: 900px;
 }

 .layout-demo-info {
     text-align: center;
     margin-top: 1rem;
 }

 /* Login Page Styles */
 .no-margin {
     margin: 0px !important;
 }

 .auth-cover-bg {
     background: linear-gradient(to bottom left, #e2eaff 20%, #5479f7 90%);
 }

 .authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
     width: 100%;
     /* margin: 2rem 0 2rem 2rem; */
     height: calc(100vh - 4rem);
     /* border-radius: 1.125rem; */
     position: relative;
     height: 100vh;
 }

 .btn-primary {
     background: #5479f7 !important;
     color: #fff;
 }

 .mb-25px {
     margin-bottom: 25px;
 }




 .brand-sprite,
 .brand-sprite2,
 .qrt-brand-item .brand-sprite {
     display: inline-block
 }

 .brand-sprite,
 .brand-sprite2 {
     height: 60px;
     width: 60px;
     background-repeat: no-repeat
 }

 .qrt-brand-item {
     text-align: center;
     min-height: 98px
 }

 .qrt-brand-item a:hover,
 .qrt-brand-item a:visited {
     text-decoration: none
 }

 .qrt-brand-item a:hover {
     font-weight: 600
 }

 .qrt-brand-item .brand-name {
     display: block;
     clear: both;
     text-align: center
 }

 .brand-sprite {
     background-size: 480px;
     background-image: url(/assets/img/brand-logos-sprite_2025.png)
 }

 .brand-sprite.brand_1362,
 .brand-sprite.brand_1362-bn:hover {
     background-position: 0 0
 }

 .brand-sprite.brand_1362-bn {
     background-position: 0 -60px
 }

 .brand-sprite.abarth,
 .brand-sprite.abarth-bn:hover {
     background-position: 0 -120px
 }

 .brand-sprite.abarth-bn {
     background-position: 0 -180px
 }

 .brand-sprite.ac,
 .brand-sprite.ac-bn:hover {
     background-position: 0 -240px
 }

 .brand-sprite.ac-bn {
     background-position: 0 -300px
 }

 .brand-sprite.acm,
 .brand-sprite.acm-bn:hover {
     background-position: 0 -360px
 }

 .brand-sprite.acm-bn {
     background-position: 0 -420px
 }

 .brand-sprite.acura,
 .brand-sprite.acura-bn:hover {
     background-position: 0 -480px
 }

 .brand-sprite.acura-bn {
     background-position: 0 -540px
 }

 .brand-sprite.alfaromeo,
 .brand-sprite.alfaromeo-bn:hover {
     background-position: 0 -600px
 }

 .brand-sprite.alfaromeo-bn {
     background-position: 0 -660px
 }

 .brand-sprite.alke,
 .brand-sprite.alke-bn:hover {
     background-position: 0 -720px
 }

 .brand-sprite.alke-bn {
     background-position: 0 -780px
 }

 .brand-sprite.alpina,
 .brand-sprite.alpina-bn:hover {
     background-position: 0 -840px
 }

 .brand-sprite.alpina-bn {
     background-position: 0 -900px
 }

 .brand-sprite.amg,
 .brand-sprite.amg-bn:hover {
     background-position: 0 -960px
 }

 .brand-sprite.amg-bn {
     background-position: 0 -1020px
 }

 .brand-sprite.apal,
 .brand-sprite.apal-bn:hover {
     background-position: 0 -1080px
 }

 .brand-sprite.apal-bn {
     background-position: 0 -1140px
 }

 .brand-sprite.aro,
 .brand-sprite.aro-bn:hover {
     background-position: 1px -1200px
 }

 .brand-sprite.aro-bn {
     background-position: 1px -1260px
 }

 .brand-sprite.asiamotors,
 .brand-sprite.asiamotors-bn:hover {
     background-position: 1px -1320px
 }

 .brand-sprite.asiamotors-bn {
     background-position: 1px -1380px
 }

 .brand-sprite.astonmartin,
 .brand-sprite.astonmartin-bn:hover {
     background-position: 0 -1440px
 }

 .brand-sprite.astonmartin-bn {
     background-position: 0 -1500px
 }

 .brand-sprite.audi,
 .brand-sprite.audi-bn:hover {
     background-position: 0 -1560px
 }

 .brand-sprite.audi-bn {
     background-position: 0 -1620px
 }

 .brand-sprite.austinrover,
 .brand-sprite.austinrover-bn:hover {
     background-position: 0 -1680px
 }

 .brand-sprite.austinrover-bn {
     background-position: 0 -1740px
 }

 .brand-sprite.autobianchi,
 .brand-sprite.autobianchi-bn:hover {
     background-position: 0 -1800px
 }

 .brand-sprite.autobianchi-bn {
     background-position: 0 -1860px
 }

 .brand-sprite.auverland,
 .brand-sprite.auverland-bn:hover {
     background-position: 0 -1920px
 }

 .brand-sprite.auverland-bn {
     background-position: 0 -1980px
 }

 .brand-sprite.bentley,
 .brand-sprite.bentley-bn:hover {
     background-position: 0 -2040px
 }

 .brand-sprite.bentley-bn {
     background-position: 0 -2100px
 }

 .brand-sprite.bertone,
 .brand-sprite.bertone-bn:hover {
     background-position: 0 -2159px
 }

 .brand-sprite.bertone-bn {
     background-position: 0 -2219px
 }

 .brand-sprite.bmw,
 .brand-sprite.bmw-bn:hover {
     background-position: 0 -2280px
 }

 .brand-sprite.bmw-bn {
     background-position: 0 -2341px
 }

 .brand-sprite.boxel,
 .brand-sprite.boxel-bn:hover {
     background-position: -60px 0
 }

 .brand-sprite.boxel-bn {
     background-position: -60px -60px
 }

 .brand-sprite.bugatti,
 .brand-sprite.bugatti-bn:hover {
     background-position: -60px -120px
 }

 .brand-sprite.bugatti-bn {
     background-position: -60px -180px
 }

 .brand-sprite.buick,
 .brand-sprite.buick-bn:hover {
     background-position: -60px -240px
 }

 .brand-sprite.buick-bn {
     background-position: -60px -300px
 }

 .brand-sprite.cadillac,
 .brand-sprite.cadillac-bn:hover {
     background-position: -60px -360px
 }

 .brand-sprite.cadillac-bn {
     background-position: -60px -420px
 }

 .brand-sprite.chevrolet,
 .brand-sprite.chevrolet-bn:hover {
     background-position: -60px -480px
 }

 .brand-sprite.chevrolet-bn {
     background-position: -60px -540px
 }

 .brand-sprite.chrysler,
 .brand-sprite.chrysler-bn:hover {
     background-position: -59px -600px
 }

 .brand-sprite.chrysler-bn {
     background-position: -59px -660px
 }

 .brand-sprite.citroen,
 .brand-sprite.citroen-bn:hover {
     background-position: -59px -720px
 }

 .brand-sprite.citroen-bn {
     background-position: -59px -779px
 }

 .brand-sprite.cobra,
 .brand-sprite.cobra-bn:hover {
     background-position: 0 -3240px
 }

 .brand-sprite.cobra-bn {
     background-position: 0 -3300px
 }

 .brand-sprite.corvette,
 .brand-sprite.corvette-bn:hover {
     background-position: -60px -960px
 }

 .brand-sprite.corvette-bn {
     background-position: -60px -1020px
 }

 .brand-sprite.daewoo,
 .brand-sprite.daewoo-bn:hover {
     background-position: -59px -1200px
 }

 .brand-sprite.daewoo-bn {
     background-position: -59px -1260px
 }

 .brand-sprite.daihatsu,
 .brand-sprite.daihatsu-bn:hover {
     background-position: -59px -1320px
 }

 .brand-sprite.daihatsu-bn {
     background-position: -59px -1380px
 }

 .brand-sprite.detomaso,
 .brand-sprite.detomaso-bn:hover {
     background-position: -60px -1440px
 }

 .brand-sprite.detomaso-bn {
     background-position: -60px -1500px
 }

 .brand-sprite.dodge,
 .brand-sprite.dodge-bn:hover {
     background-position: -59px -1560px
 }

 .brand-sprite.dodge-bn {
     background-position: -59px -1620px
 }

 .brand-sprite.donkervoort,
 .brand-sprite.donkervoort-bn:hover {
     background-position: -59px -1680px
 }

 .brand-sprite.donkervoort-bn {
     background-position: -59px -1740px
 }

 .brand-sprite.dr,
 .brand-sprite.dr-bn:hover {
     background-position: -59px -1800px
 }

 .brand-sprite.dr-bn {
     background-position: -59px -1860px
 }

 .brand-sprite.ds,
 .brand-sprite.ds-bn:hover {
     background-position: -59px -1920px
 }

 .brand-sprite.ds-bn {
     background-position: -59px -1980px
 }

 .brand-sprite.epocar,
 .brand-sprite.epocar-bn:hover {
     background-position: -60px -2100px
 }

 .brand-sprite.epocar-bn {
     background-position: -60px -2040px
 }

 .brand-sprite.evante,
 .brand-sprite.evante-bn:hover {
     background-position: -60px -2160px
 }

 .brand-sprite.evante-bn {
     background-position: -60px -2220px
 }

 .brand-sprite.ferrari,
 .brand-sprite.ferrari-bn:hover {
     background-position: -60px -2280px
 }

 .brand-sprite.ferrari-bn {
     background-position: -60px -2340px
 }

 .brand-sprite.fiat,
 .brand-sprite.fiat-bn:hover {
     background-position: -118px 2px
 }

 .brand-sprite.fiat-bn {
     background-position: -118px -57px
 }

 .brand-sprite.fisker,
 .brand-sprite.fisker-bn:hover {
     background-position: -120px -120px
 }

 .brand-sprite.fisker-bn {
     background-position: -120px -180px
 }

 .brand-sprite.ford,
 .brand-sprite.ford-bn:hover {
     background-position: -118px -240px
 }

 .brand-sprite.ford-bn {
     background-position: -118px -300px
 }

 .brand-sprite.fso,
 .brand-sprite.fso-bn:hover {
     background-position: -118px -360px
 }

 .brand-sprite.fso-bn {
     background-position: -118px -420px
 }

 .brand-sprite.ginetta,
 .brand-sprite.ginetta-bn:hover {
     background-position: -118px -480px
 }

 .brand-sprite.ginetta-bn {
     background-position: -118px -540px
 }

 .brand-sprite.gmc,
 .brand-sprite.gmc-bn:hover {
     background-position: 0 -5400px
 }

 .brand-sprite.gmc-bn {
     background-position: 0 -5460px
 }

 .brand-sprite.greatwall,
 .brand-sprite.greatwall-bn:hover {
     background-position: -118px -720px
 }

 .brand-sprite.greatwall-bn {
     background-position: -118px -780px
 }

 .brand-sprite.honda,
 .brand-sprite.honda-bn:hover {
     background-position: -118px -840px
 }

 .brand-sprite.honda-bn {
     background-position: -118px -900px
 }

 .brand-sprite.hummer,
 .brand-sprite.hummer-bn:hover {
     background-position: -118px -960px
 }

 .brand-sprite.hummer-bn {
     background-position: -118px -1020px
 }

 .brand-sprite.hyundai,
 .brand-sprite.hyundai-bn:hover {
     background-position: -118px -1080px
 }

 .brand-sprite.hyundai-bn {
     background-position: -118px -1140px
 }

 .brand-sprite.iato,
 .brand-sprite.iato-bn:hover {
     background-position: -119px -1200px
 }

 .brand-sprite.iato-bn {
     background-position: -119px -1260px
 }

 .brand-sprite.infiniti,
 .brand-sprite.infiniti-bn:hover {
     background-position: -119px -1318px
 }

 .brand-sprite.infiniti-bn {
     background-position: -119px -1378px
 }

 .brand-sprite.innocenti,
 .brand-sprite.innocenti-bn:hover {
     background-position: -119px -1439px
 }

 .brand-sprite.innocenti-bn {
     background-position: -119px -1499px
 }

 .brand-sprite.isuzu,
 .brand-sprite.isuzu-bn:hover {
     background-position: -118px -1620px
 }

 .brand-sprite.isuzu-bn {
     background-position: -118px -1560px
 }

 .brand-sprite.jaguar,
 .brand-sprite.jaguar-bn:hover {
     background-position: 28.3% -1680px
 }

 .brand-sprite.jaguar-bn {
     background-position: 28.3% -1740px
 }

 .brand-sprite.jeep,
 .brand-sprite.jeep-bn:hover {
     background-position: -119px -1800px
 }

 .brand-sprite.jeep-bn {
     background-position: -119px -1860px
 }

 .brand-sprite.kia,
 .brand-sprite.kia-bn:hover {
     background-position: -119px -1920px
 }

 .brand-sprite.kia-bn {
     background-position: -119px -1980px
 }

 .brand-sprite.lada,
 .brand-sprite.lada-bn:hover {
     background-position: -119px -2038px
 }

 .brand-sprite.lada-bn {
     background-position: -119px -2098px
 }

 .brand-sprite.lamborghini,
 .brand-sprite.lamborghini-bn:hover {
     background-position: -119px -2158px
 }

 .brand-sprite.lamborghini-bn {
     background-position: -119px -2218px
 }

 .brand-sprite.lancia,
 .brand-sprite.lancia-bn:hover {
     background-position: -119px -2278px
 }

 .brand-sprite.lancia-bn {
     background-position: -119px -2338px
 }

 .brand-sprite.landrover,
 .brand-sprite.landrover-bn:hover {
     background-position: -177px 15px
 }

 .brand-sprite.landrover-bn {
     background-position: -177px -45px
 }

 .brand-sprite.lexus,
 .brand-sprite.lexus-bn:hover {
     background-position: -178px -105px
 }

 .brand-sprite.lexus-bn {
     background-position: 42.45% -165px
 }

 .brand-sprite.lincoln,
 .brand-sprite.lincoln-bn:hover {
     background-position: -179px -235px
 }

 .brand-sprite.lincoln-bn {
     background-position: -178px -295px
 }

 .brand-sprite.lotus,
 .brand-sprite.lotus-bn:hover {
     background-position: -178px -354px
 }

 .brand-sprite.lotus-bn {
     background-position: -178px -414px
 }

 .brand-sprite.mahindra,
 .brand-sprite.mahindra-bn:hover {
     background-position: -178px -474px
 }

 .brand-sprite.mahindra-bn {
     background-position: -178px -534px
 }

 .brand-sprite.martin_motors,
 .brand-sprite.martin_motors-bn:hover {
     background-position: 0 -7800px
 }

 .brand-sprite.martin_motors-bn {
     background-position: 0 -7860px
 }

 .brand-sprite.maruti,
 .brand-sprite.maruti-bn:hover {
     background-position: -179px -715px
 }

 .brand-sprite.maruti-bn {
     background-position: -179px -775px
 }

 .brand-sprite.maserati,
 .brand-sprite.maserati-bn:hover {
     background-position: -178px -835px
 }

 .brand-sprite.maserati-bn {
     background-position: -178px -895px
 }

 .brand-sprite.mazda,
 .brand-sprite.mazda-bn:hover {
     background-position: -178px -955px
 }

 .brand-sprite.mazda-bn {
     background-position: -178px -1013px
 }

 .brand-sprite.mazzanti,
 .brand-sprite.mazzanti-bn:hover {
     background-position: -179px -1075px
 }

 .brand-sprite.mazzanti-bn {
     background-position: -179px -1135px
 }

 .brand-sprite.mclaren,
 .brand-sprite.mclaren-bn:hover {
     background-position: -179px -1195px
 }

 .brand-sprite.mclaren-bn {
     background-position: -179px -1255px
 }

 .brand-sprite.mercedes,
 .brand-sprite.mercedes-bn:hover {
     background-position: -178px -1315px
 }

 .brand-sprite.mercedes-bn {
     background-position: -178px -1375px
 }

 .brand-sprite.mercury,
 .brand-sprite.mercury-bn:hover {
     background-position: 0 -8640px
 }

 .brand-sprite.mercury-bn {
     background-position: 0 -8700px
 }

 .brand-sprite.mg,
 .brand-sprite.mg-bn:hover {
     background-position: -178px -1553px
 }

 .brand-sprite.mg-bn {
     background-position: -178px -1613px
 }

 .brand-sprite.mia,
 .brand-sprite.mia-bn:hover {
     background-position: 0 -8880px
 }

 .brand-sprite.mia-bn {
     background-position: 0 -8940px
 }

 .brand-sprite.mini,
 .brand-sprite.mini-bn:hover {
     background-position: -178px -1795px
 }

 .brand-sprite.mini-bn {
     background-position: -178px -1855px
 }

 .brand-sprite.mitsubishi,
 .brand-sprite.mitsubishi-bn:hover {
     background-position: -180px -1915px
 }

 .brand-sprite.mitsubishi-bn {
     background-position: -180px -1975px
 }

 .brand-sprite.morgan,
 .brand-sprite.morgan-bn:hover {
     background-position: -179px -2035px
 }

 .brand-sprite.morgan-bn {
     background-position: -179px -2095px
 }

 .brand-sprite.mustang,
 .brand-sprite.mustang-bn:hover {
     background-position: -180px -2155px
 }

 .brand-sprite.mustang-bn {
     background-position: -180px -2215px
 }

 .brand-sprite.nissan,
 .brand-sprite.nissan-bn:hover {
     background-position: -180px -2275px
 }

 .brand-sprite.nissan-bn {
     background-position: -180px -2335px
 }

 .brand-sprite.noble,
 .brand-sprite.noble-bn:hover {
     background-position: -238px 0
 }

 .brand-sprite.noble-bn {
     background-position: -238px -60px
 }

 .brand-sprite.oldsmobile,
 .brand-sprite.oldsmobile-bn:hover {
     background-position: -238px -110px
 }

 .brand-sprite.oldsmobile-bn {
     background-position: -238px -170px
 }

 .brand-sprite.oltcit,
 .brand-sprite.oltcit-bn:hover {
     background-position: -238px -230px
 }

 .brand-sprite.oltcit-bn {
     background-position: -238px -290px
 }

 .brand-sprite.opel,
 .brand-sprite.opel-bn:hover {
     background-position: -238px -355px
 }

 .brand-sprite.opel-bn {
     background-position: -238px -415px
 }

 .brand-sprite.pagani,
 .brand-sprite.pagani-bn:hover {
     background-position: -238px -470px
 }

 .brand-sprite.pagani-bn {
     background-position: -238px -530px
 }

 .brand-sprite.panoz,
 .brand-sprite.panoz-bn:hover {
     background-position: 0 -10200px
 }

 .brand-sprite.panoz-bn {
     background-position: 0 -10260px
 }

 .brand-sprite.peugeot,
 .brand-sprite.peugeot-bn:hover {
     background-position: -238px -714px
 }

 .brand-sprite.peugeot-bn {
     background-position: -238px -777px
 }

 .brand-sprite.plymouth,
 .brand-sprite.plymouth-bn:hover {
     background-position: 0 -10440px
 }

 .brand-sprite.plymouth-bn {
     background-position: 0 -10500px
 }

 .brand-sprite.pontiac,
 .brand-sprite.pontiac-bn:hover {
     background-position: -238px -950px
 }

 .brand-sprite.pontiac-bn {
     background-position: -238px -1010px
 }

 .brand-sprite.porsche,
 .brand-sprite.porsche-bn:hover {
     background-position: -238px -1072px
 }

 .brand-sprite.porsche-bn {
     background-position: -238px -1132px
 }

 .brand-sprite.qvale,
 .brand-sprite.qvale-bn:hover {
     background-position: -238px -1192px
 }

 .brand-sprite.qvale-bn {
     background-position: -238px -1252px
 }

 .brand-sprite.raytonfissore,
 .brand-sprite.raytonfissore-bn:hover {
     background-position: -238px -1312px
 }

 .brand-sprite.raytonfissore-bn {
     background-position: -238px -1372px
 }

 .brand-sprite.renault,
 .brand-sprite.renault-bn:hover {
     background-position: -238px -1433px
 }

 .brand-sprite.renault-bn {
     background-position: -238px -1493px
 }

 .brand-sprite.rollsroyce,
 .brand-sprite.rollsroyce-bn:hover {
     background-position: -238px -1550px
 }

 .brand-sprite.rollsroyce-bn {
     background-position: -238px -1610px
 }

 .brand-sprite.romanital,
 .brand-sprite.romanital-bn:hover {
     background-position: 0 -11280px
 }

 .brand-sprite.romanital-bn {
     background-position: 0 -11340px
 }

 .brand-sprite.romeoferraris,
 .brand-sprite.romeoferraris-bn:hover {
     background-position: -238px -1790px
 }

 .brand-sprite.romeoferraris-bn {
     background-position: -238px -1850px
 }

 .brand-sprite.rover,
 .brand-sprite.rover-bn:hover {
     background-position: -238px -1910px
 }

 .brand-sprite.rover-bn {
     background-position: -238px -1970px
 }

 .brand-sprite.zd,
 .brand-sprite.zd-bn:hover {
     background-position: -360px -1195px
 }

 .brand-sprite.zd-bn {
     background-position: -360px -1262px
 }

 .brand-sprite.saab,
 .brand-sprite.saab-bn:hover {
     background-position: -236px -2030px
 }

 .brand-sprite.saab-bn {
     background-position: -236px -2090px
 }

 .brand-sprite.santana,
 .brand-sprite.santana-bn:hover {
     background-position: -238px -2151px
 }

 .brand-sprite.santana-bn {
     background-position: -238px -2211px
 }

 .brand-sprite.saturn,
 .brand-sprite.saturn-bn:hover {
     background-position: 0 -11880px
 }

 .brand-sprite.saturn-bn {
     background-position: 0 -11940px
 }

 .brand-sprite.scion,
 .brand-sprite.scion-bn:hover {
     background-position: 0 -12000px
 }

 .brand-sprite.scion-bn {
     background-position: 0 -12060px
 }

 .brand-sprite.seat,
 .brand-sprite.seat-bn:hover {
     background-position: -298px -110px
 }

 .brand-sprite.seat-bn {
     background-position: -298px -170px
 }

 .brand-sprite.shuanghuan,
 .brand-sprite.shuanghuan-bn:hover {
     background-position: -298px -230px
 }

 .brand-sprite.shuanghuan-bn {
     background-position: -298px -290px
 }

 .brand-sprite.skoda,
 .brand-sprite.skoda-bn:hover {
     background-position: 70.79% -354px
 }

 .brand-sprite.skoda-bn {
     background-position: 70.79% -414px
 }

 .brand-sprite.smart,
 .brand-sprite.smart-bn:hover {
     background-position: -298px -474px
 }

 .brand-sprite.smart-bn {
     background-position: -298px -534px
 }

 .brand-sprite.kgm,
 .brand-sprite.kgm-bn:hover,
 .brand-sprite.ssangyong,
 .brand-sprite.ssangyong-bn:hover {
     background-position: -298px -594px
 }

 .brand-sprite.kgm-bn,
 .brand-sprite.ssangyong-bn {
     background-position: -298px -654px
 }

 .brand-sprite.subaru,
 .brand-sprite.subaru-bn:hover {
     background-position: -298px -714px
 }

 .brand-sprite.subaru-bn {
     background-position: -298px -774px
 }

 .brand-sprite.suzuki,
 .brand-sprite.suzuki-bn:hover {
     background-position: -296px -834px
 }

 .brand-sprite.suzuki-bn {
     background-position: -296px -894px
 }

 .brand-sprite.tata,
 .brand-sprite.tata-bn:hover {
     background-position: -298px -954px
 }

 .brand-sprite.tata-bn {
     background-position: -298px -1014px
 }

 .brand-sprite.tazzariev,
 .brand-sprite.tazzariev-bn:hover {
     background-position: -298px -1070px
 }

 .brand-sprite.tazzariev-bn {
     background-position: -298px -1130px
 }

 .brand-sprite.tesla,
 .brand-sprite.tesla-bn:hover {
     background-position: -298px -1195px
 }

 .brand-sprite.tesla-bn {
     background-position: -298px -1255px
 }

 .brand-sprite.torpedo,
 .brand-sprite.torpedo-bn:hover {
     background-position: 70.78% -1315px
 }

 .brand-sprite.torpedo-bn {
     background-position: 70.78% -1375px
 }

 .brand-sprite.toyota,
 .brand-sprite.toyota-bn:hover {
     background-position: -297px -1435px
 }

 .brand-sprite.toyota-bn {
     background-position: -297px -1495px
 }

 .brand-sprite.tvr,
 .brand-sprite.tvr-bn:hover {
     background-position: -297px -1555px
 }

 .brand-sprite.tvr-bn {
     background-position: -297px -1615px
 }

 .brand-sprite.uaz,
 .brand-sprite.uaz-bn:hover {
     background-position: -297px -1675px
 }

 .brand-sprite.uaz-bn {
     background-position: -297px -1735px
 }

 .brand-sprite.umm,
 .brand-sprite.umm-bn:hover {
     background-position: -298px -1795px
 }

 .brand-sprite.umm-bn {
     background-position: -298px -1855px
 }

 .brand-sprite.volkswagen,
 .brand-sprite.volkswagen-bn:hover {
     background-position: -298px -1915px
 }

 .brand-sprite.volkswagen-bn {
     background-position: -298px -1975px
 }

 .brand-sprite.volvo,
 .brand-sprite.volvo-bn:hover {
     background-position: -297px -2035px
 }

 .brand-sprite.volvo-bn {
     background-position: -297px -2095px
 }

 .brand-sprite.yugo,
 .brand-sprite.yugo-bn:hover {
     background-position: -297px -2156px
 }

 .brand-sprite.yugo-bn {
     background-position: -297px -2216px
 }

 .brand-sprite.zaz,
 .brand-sprite.zaz-bn:hover {
     background-position: -297px -2276px
 }

 .brand-sprite.zaz-bn {
     background-position: -297px -2336px
 }

 .brand-sprite.alpine,
 .brand-sprite.alpine-bn:hover {
     background-position: -357px 0
 }

 .brand-sprite.alpine-bn {
     background-position: -357px -60px
 }

 .brand-sprite.dallara,
 .brand-sprite.dallara-bn:hover {
     background-position: -356px -120px
 }

 .brand-sprite.dallara-bn {
     background-position: -356px -180px
 }

 .brand-sprite.lynk\&co-bn {
     background-position: -360px -1371px
 }

 .brand-sprite.lynk\&co,
 .brand-sprite.lynk\&co-bn:hover {
     background-position: -360px -1311px
 }

 .brand-sprite.militem,
 .brand-sprite.militem-bn:hover {
     background-position: -359px -240px
 }

 .brand-sprite.militem-bn {
     background-position: -359px -300px
 }

 .brand-sprite.cupra,
 .brand-sprite.cupra-bn:hover {
     background-position: -357px -420px
 }

 .brand-sprite.cupra-bn {
     background-position: -357px -360px
 }

 .brand-sprite.giottivictoria,
 .brand-sprite.giottivictoria-bn:hover {
     background-position: -360px -480px
 }

 .brand-sprite.giottivictoria-bn {
     background-position: -360px -540px
 }

 .brand-sprite.haval,
 .brand-sprite.haval-bn:hover {
     background-position: -360px -600px
 }

 .brand-sprite.haval-bn {
     background-position: -360px -660px
 }

 .brand-sprite.mpmmotors,
 .brand-sprite.mpmmotors-bn:hover {
     background-position: -120px -3830px
 }

 .brand-sprite.mpmmotors-bn {
     background-position: -120px -3890px
 }

 .brand-sprite.xev,
 .brand-sprite.xev-bn:hover {
     background-position: -358px -834px
 }

 .brand-sprite.xev-bn {
     background-position: -358px -894px
 }

 .brand-sprite.caterham,
 .brand-sprite.caterham-bn,
 .brand-sprite.caterham-bn:hover {
     background-position: -357px -1020px
 }

 .brand-sprite.evo,
 .brand-sprite.evo-bn:hover {
     background-position: -360px -1080px
 }

 .brand-sprite.evo-bn {
     background-position: -360px -1140px
 }

 .brand-sprite.aiways-bn {
     background-position: -356px -1431px
 }

 .brand-sprite.aiways,
 .brand-sprite.aiways-bn:hover {
     background-position: -356px -1491px
 }

 .brand-sprite.dacia-bn {
     background-position: -59px -1140px
 }

 .brand-sprite.dacia,
 .brand-sprite.dacia-bn:hover {
     background-position: -59px -1080px
 }

 .brand-sprite.dfsk,
 .brand-sprite.dfsk-bn:hover {
     background-position: -358px -1560px
 }

 .brand-sprite.dfsk-bn {
     background-position: -358px -1620px
 }

 .brand-sprite.emc-bn {
     background-position: -360px -1735px
 }

 .brand-sprite.emc,
 .brand-sprite.emc-bn:hover {
     background-position: -360px -1730px
 }

 .brand-sprite.ineos-bn {
     background-position: -359px -1850px
 }

 .brand-sprite.ineos,
 .brand-sprite.ineos-bn:hover {
     background-position: -359px -1795px
 }

 .brand-sprite.polestar-bn {
     background-position: -360px -1971px
 }

 .brand-sprite.polestar,
 .brand-sprite.polestar-bn:hover {
     background-position: -360px -1911px
 }

 .brand-sprite.seres-bn {
     background-position: -357px -2083px
 }

 .brand-sprite.seres,
 .brand-sprite.seres-bn:hover {
     background-position: -357px -2031px
 }

 .brand-sprite.ickx,
 .brand-sprite.ickx-bn:hover {
     background-position: 0 -16553px
 }

 .brand-sprite.ickx-bn {
     background-position: 0 -16618px
 }

 .brand-sprite.maxus,
 .brand-sprite.maxus-bn,
 .brand-sprite.maxus:hover {
     background-position: -356px -2290px
 }

 .brand-sprite.sportequipe,
 .brand-sprite.sportequipe-bn:hover {
     background-position: -416px 0
 }

 .brand-sprite.sportequipe-bn {
     background-position: -416px -70px
 }

 .brand-sprite.byd,
 .brand-sprite.byd-bn {
     background-position: -420px -200px
 }

 .brand-sprite.forthing,
 .brand-sprite.forthing-bn {
     background-position: -413px -776px
 }

 .brand-sprite.dongfeng,
 .brand-sprite.dongfeng-bn {
     background-position: -414px -956px
 }

 .brand-sprite.leapmotor,
 .brand-sprite.leapmotor-bn {
     background-position: -416px -896px
 }

 .brand-sprite.voyah,
 .brand-sprite.voyah-bn {
     background-position: -420px -1080px
 }

 .brand-sprite.cirelli,
 .brand-sprite.cirelli-bn {
     background-position: -420px -300px
 }

 .brand-sprite.ich-x,
 .brand-sprite.ich-x-bn,
 .brand-sprite.ichx,
 .brand-sprite.ichx-bn {
     background-position: -420px -356px
 }

 .brand-sprite.jaecoo,
 .brand-sprite.jaecoo-bn {
     background-position: -420px -476px
 }

 .brand-sprite.omoda,
 .brand-sprite.omoda-bn {
     background-position: -420px -606px
 }

 .brand-sprite.swm,
 .brand-sprite.swm-bn {
     background-position: -416px -1264px
 }

 .brand-sprite.shineray-bn,
 .brand-sprite.shineray {
     background-position: -416px -1371px
 }

 .brand-sprite.tiger-bn,
 .brand-sprite.tiger {
     background-position: -420px -1424px
 }

 .brand-sprite.cenntro-bn,
 .brand-sprite.cenntro {
     background-position: -420px -1670px
 }

 .brand-sprite.xpeng-bn,
 .brand-sprite.xpeng {
     background-position: -420px -1551px
 }

 /* 
 * Fix for table-responsive zoom effect
 * Remove unwanted hover zoom/scale effects on responsive tables
 */
 .table-responsive {
     transform: none !important;
     transition: none !important;
 }

 .table-responsive:hover {
     transform: none !important;
     transition: none !important;
 }

 .table-responsive * {
     transform: none !important;
     transition: none !important;
 }

 .table-responsive *:hover {
     transform: none !important;
     transition: none !important;
 }

 .btn-custom-search {
     background-color: #e4eafe !important;
     color: #5479f7 !important;
 }


 .bg-gradient-scheda-auto {
     background: linear-gradient(to bottom, var(--main-color-chiaro) 0%, #fff 100%);
     border-radius: .375rem 0px 0px 0px;
 }

 .border-bottom-white {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
 }

 .border-end-white {
     border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
 }

 .img-auto {
     height: 500px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .chiudi-gallery {
     position: absolute;
     top: 10px;
     right: 10px;
     z-index: 1060;
 }

 .spazio-prezzo-pratica {
     height: 120px;
 }

 .line-height-h1 {
     line-height: 1;
 }

 .p-8 {
     padding: 40px;
 }

 #FooterPrezzoPreventivo {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 900000;
     border-radius: 0;
     width: calc(100% - 260px);
 }

 .limit-text {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 300px;
 }

 #FooterCreaPreventivo {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 900000;
     border-radius: 0;
     width: calc(100% - 260px);
 }

 .vehicle-item {
     background: linear-gradient(to bottom, var(--main-color-chiaro) 0%, #fff 100%) !important;
     transition: .3s !important;
 }

 .vehicle-item:hover {
     background: linear-gradient(to bottom left, var(--main-color-chiaro) 0%, #fff 100%) !important;
 }

 .vehicle-card {
     transition: all 0.3s ease;
 }

 .vehicle-card .card {
     transition: all 0.3s ease;
     border: 1px solid #e0e0e0;
 }

 .vehicle-card .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     border-color: #5479f7;
 }

 .vehicle-image {
     transition: all 0.3s ease;
 }

 .vehicle-card:hover .vehicle-image {
     transform: scale(1.05);
 }

 .status-filter {
     transition: all 0.3s ease;
 }

 .status-filter.active {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(115, 103, 240, 0.3);
 }

 .fade {
     opacity: 1;
     transition: opacity 0.3s ease;
 }

 .fade:not(.show) {
     opacity: 0;
 }

 .bg-gradient-auto {
     background: linear-gradient(to bottom, var(--main-color-chiaro) 0%, #fff 100%);
     transition: .3s;
 }

 .bg-gradient-auto:hover {
     background: linear-gradient(to bottom left, var(--main-color-chiaro) 0%, #fff 100%);
 }

 .obbligatorio {
     color: red;
     font-size: small;
 }

 .swal2-container.swal2-center.swal2-backdrop-show {
     z-index: 9999 !important;
 }

 .swal2-confirm.swal2-styled {
     background: var(--main-color);
 }

 #add-cars {
     background: none;
     box-shadow: none;
 }

 #add-cars .bs-stepper-content {
     background: #fff;
     box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
     border-radius: 5px;
 }

 #add-cars .bs-stepper-header {
     border: none;
 }

 .rapid_group a:hover {
    background: var(--main-color-chiaro);
    transition: 0.3s;
 }

  #wizard_create_quote {
     background: none;
     box-shadow: none;
 }

 #wizard_create_quote .bs-stepper-content {
     background: #fff;
     box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
     border-radius: 5px;
 }

 #wizard_create_quote .bs-stepper-header {
     border: none;
 }

.mt-20px {
    margin-top: 20px;
}

/* Custom fleet styles */
.bg-main-color {
    background: #5479f7;
}

.img-auto {
    height: 180px;
    background: #fff;
    padding: 20px;
}

.bg-gradient-scheda-auto {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.border-bottom-white {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.chiudi-gallery {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

/* Gallery thumbnails styling */
.thumbnail-item {
    transition: all 0.3s ease;
}

.thumbnail-item img {
    transition: opacity 0.3s ease, transform 0.3s ease;
    border: 2px solid transparent;
}

.thumbnail-item:hover img {
    opacity: 1 !important;
    transform: scale(1.05);
}

.thumbnail-item.active img {
    border-color: #5479f7;
    box-shadow: 0 0 10px rgba(84, 121, 247, 0.5);
}

/* Fix purple link color in fleet cards */
.link-box {
    color: inherit;
    text-decoration: none;
}

.link-box:hover,
.link-box:visited,
.link-box:focus,
.link-box:active {
    color: inherit;
    text-decoration: none;
}

/* Integrated Gallery Styles */
.integrated-gallery {
    position: relative;
}

.integrated-gallery .main-image-container {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.integrated-gallery .main-image-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.integrated-gallery .thumbnails-strip {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 10px 0;
}

.integrated-gallery .thumbnail-wrapper {
    flex-shrink: 0;
    width: 100px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.integrated-gallery .thumbnail-wrapper:hover {
    border-color: #5479f7;
}

.integrated-gallery .thumbnail-wrapper.active {
    border-color: #5479f7;
    box-shadow: 0 2px 8px rgba(84, 121, 247, 0.3);
}

.integrated-gallery .thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.integrated-gallery .thumbnail-wrapper.active img {
    opacity: 1;
}