img.m-logo {max-width: 250px;}
#brand-carousel .brand-carousel-wrapper {margin-top: 3rem;}
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide {position: relative;max-width: 350px;width: 100%;margin: 10px;}
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide .db-view {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .5s;}
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide:hover .db-view {opacity: 1;}
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide .box-content a, 
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide .box-content span {font-weight: bold;text-shadow: 2px 1px #000000;}
#brand-carousel .brand-carousel-wrapper .brand-carousel-slide .dealer-box {margin-bottom: 0px !important;}

@media only screen and (max-width: 1400px) {#brand-carousel .brand-carousel-wrapper .brand-carousel-slide {max-width: 300px;}}
.wishlist-wrapper, .side-nav, .s_def .s_def-header .main-content .header-contact-wrapper {display: none !important;}
:root {--primary-color: #150c65;--secondary-color: #4589ca;--tertiary-color: #344da1;--accent-color: #27ae60;--text-light: #ecf0f1;--gradient-bg: linear-gradient(135deg, #4589ca 0%, #344da1 100%);}
body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #f8f9fa;margin: 0;padding: 0;}
.hero-section {background: var(--gradient-bg);color: white;padding: 80px 0;position: relative;overflow: hidden;}
.hero-section::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"></circle></pattern></defs><rect width="100" height="100" fill="url(%23grain)"></rect></svg>');opacity: 0.3;}
.hero-content {position: relative;z-index: 2;}
.hero-title {font-size: 3rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;color: white;}
.hero-subtitle {font-size: 1.3rem;margin-bottom: 2rem;opacity: 0.9;font-weight: 300;color: #ecf0f1;}
.platform-badges {display: flex;gap: 1rem;margin-top: 2rem;}
.platform-badge {background: rgba(255,255,255,0.2);border: 2px solid rgba(255,255,255,0.3);border-radius: 50px;padding: 0.8rem 1.5rem;color: white;text-decoration: none;font-weight: 600;transition: all 0.3s ease;backdrop-filter: blur(10px);}
.platform-badge:hover {background: rgba(255,255,255,0.3);border-color: rgba(255,255,255,0.5);color: white;text-decoration: none;transform: translateY(-2px);}
.features-section {padding: 80px 0;padding-left: 40px;padding-right: 40px;background: white;}
.section-title {color: var(--primary-color);font-size: 2.5rem;font-weight: 600;margin-bottom: 3rem;text-align: center;}
.feature-card {background: white;border-radius: 15px;padding: 2rem;box-shadow: 0 10px 30px rgba(0,0,0,0.1);border: 1px solid #e9ecef;transition: all 0.3s ease;height: 100%;}
.feature-card:hover {transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0,0,0,0.15);}
.feature-icon {width: 60px;height: 60px;background: var(--gradient-bg);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: white;font-size: 1.5rem;}
.feature-title {color: var(--primary-color);font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;}
.feature-list {list-style: none;padding: 0;}
.feature-list li {padding: 0.5rem 0;position: relative;padding-left: 2rem;color: #666;line-height: 1.6;}
.feature-list li:before {font-family: 'Font Awesome 5 Free';content: '\f00c';position: absolute;left: 0;color: #27ae60;font-weight: 900;}
.scanner-highlight {background: linear-gradient(45deg, #f39c12, #e67e22);color: white;padding: 2rem;border-radius: 15px;margin-top: 2rem;text-align: center;}
.scanner-highlight h4 {margin-bottom: 1rem;font-weight: 600;color: white;}
.scanner-highlight p {color: white;}
.scanner-icons {display: flex;justify-content: center;gap: 2rem;margin-top: 1rem;}
.scanner-icon {font-size: 2rem;opacity: 0.9;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {color: #000;}
.navbar-light .navbar-nav .nav-link:hover {color: #427ec2;}
.form-group.row {margin: 0 0 1rem;}

@media (max-width: 768px) {
.hero-title {font-size: 2.5rem;}
.platform-badges {flex-direction: column;align-items: center;}
.platform-badge {width: 200px;text-align: center;}}
i.fa.fa-camera.mr-2 {color: white;}
i.fa.fa-car.scanner-icon {color: white;}
i.fa.fa-id-card.scanner-icon {color: white;}

@media (max-width: 480px) {
.s_def .h-wrapper .main-content .container {display: block !important;}
.navbar-light .navbar-toggler {margin-top: -6rem;}}