.main-dashcam,.truct-section button {transform: translate(-50%, -50%);top: 50%}
.btn-gradient,.case-study-link,.disclaimer-text a,.more-articles-btn,.read-more,.visit-bio {text-decoration: none}
.badge-item,.card-custom,.cta-section,.custom-btn,.feature-box,.image-content,.quote,.review-item,.section-header,.stat-item,.sub-heading,.trusted-section {text-align: center}
* {margin: 0;padding: 0;box-sizing: border-box}
body {font-family: Inter, sans-serif;width: 100%;min-height: 100vh;overflow-x: hidden}
.btn-custom-order {background-color: #dae8e9 !important;color: #148899;font-weight: 600;border: none;padding: 10px 6px;border-radius: 12px}
.btn-custom-order:hover {background-color: #dae8e9;color: #148899;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(102, 126, 234, .3)}
.btn-custom-order-1 {background-color: #148899;color: #baecf3;font-weight: 500;border: none;padding: 10px;border-radius: 12px}
.hero-right-container,.section-consult {position: relative;overflow: visible}
.hero-right-container::before {content: "";position: absolute;top: 0;left: 0;transform: translate(-25%, -25%);width: 180%;height: 180%;background-image: url("img/hero-gradient.webp");opacity: .5;background-size: contain;background-position: center;z-index: -2;background-repeat: no-repeat}
.btn-gradient {border-radius: 12px;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);align-content: center}
.btn-custom {border-radius: 10px;padding: 10px 20px;background-color: #e4fbfe;color: #148899 !important}
.btn-green {background-color: #00b386;color: #fff;border-radius: 8px;padding: 10px 20px;border: none}
.btn-green:hover {background-color: #00a072}
.btn-outline-blue {background-color: #d8f6fb;color: #0d6efd;border-radius: 8px;padding: 10px 20px;border: none}
.edit-1,.feature-title,.text-1,.text-3 {color: #4a5568}
.custom-btn {width: 100%;padding: 1rem;border-radius: .75rem}
.bg-light-green,.card-edit {border-radius: 16px;padding-top: 30px}
@media (min-width:768px) {.custom-btn {width: auto}}
.responsive-btn {width: auto;display: inline-block}
@media (max-width:767.98px) {.responsive-btn {width: 100%;display: block;text-align: center}}
.bg-light-green {background: linear-gradient(90deg, #dcf4f7 40%, #dcf4f765 100%)}
.bg-light {background-color: #f8f9fa !important}
.bg-sky-blue,.bg-sky-light,.bg-skyblue {background-color: #e8f5fd}
.bg-blue {background-color: #39b7d7}
.bg-green {background-color: #09b19099}
.bg-purple {background-color: #ac6fd299}
.bg-cyan {background-color: #54b854cc}
.card-edit {background-color: rgba(228, 241, 216, .438)}
.card-device {background: linear-gradient(to bottom, #e1f8ee, #eafcfd)}
.card-device .btn-custom-order {background-color: #fff;align-content: center}
.card-custom {border-radius: 12px;border: 1px solid #e0f5f7;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, .03);display: flex;flex-direction: column;align-items: center}
.styling-card {border-radius: 20px}
.responsive-card {border-radius: 1rem;background-color: #fff;box-shadow: 0 0 12px rgba(0, 0, 0, .05)}
.responsive-card h4 {font-size: 1.5rem}
.responsive-card p {font-size: 1rem;line-height: 1.6}
.hero {padding: 40px}
.hero .badge {color: rgba(18, 40, 46, .7);border: 1px solid #dcf4f7}
.feature-icons div,.hero-buttons .btn,.hero-img-main {border-radius: 10px}
.hero .badge i {margin-right: 5px}
.hero-badge {font-size: .75rem;padding: 6px;border-radius: 5px}
.edit-1 {font-size: 2.5rem;font-weight: 700}
.text-1 {font-size: 2rem}
.feature-title {font-size: 2.5rem}
.badge-text,.feature-description {color: #6c757d;font-size: .9rem}
@media (max-width:768px) {
    .hero {padding: 20px}
    .edit-1 {font-size: 1.5rem}
    .feature-title {font-size: 1.5rem}
    .distracted-driving-section .feature-image {margin-bottom: 0 !important}
    .distracted-driving-section .feature-title {margin-top: 0 !important}
    .feat_secn {margin-top: 43px !important}
    .device-image-container h3 {font-size: 1.4rem !important}
    .device-showcase-wrapper .mb-5 {margin-bottom: 1rem !important}
    .case-study-section {padding: 0 !important}
    .competitor_sec {padding-bottom: 0rem !important}
    .text-3 {margin-top: 0 !important}
}
@media (max-width:450px) {.hero {padding-left: 10px;padding-right: 10px}}
@media (max-width:990px) {.message-matrack {margin-top: 1rem}}
@media (min-width:990px) and (max-width:1070px) {.btn {width: max-content}}
.feature-list {padding-left: 0}
.feature-list li {margin-bottom: 8px;font-size: .95rem;text-align: left;gap: .5rem}
.feature-list i {color: #39b7d7;margin-right: 6px}
.box-edit h1,.section-awards h5,.section-challenges h2,.section-edit h1,.section-pay h2 {color: #334053}
.feature-icons {position: absolute;right: 4%;top: -4%;display: flex;flex-direction: column;gap: 5px;padding: 7px 10px;border-radius: 18px}
.feature-icons div {background: rgba(220, 220, 220, .12);padding: 10px;backdrop-filter: blur(5px);display: flex;align-items: center;box-shadow: 0 2px 10px rgba(0, 0, 0, .1);font-weight: 500;min-width: 180px}
.feature-icons span {width: 30px;height: 30px;display: inline-block;border-radius: 8px;margin-right: 10px}
.feature-pill {background-color: #e4fbfe;border: none;border-radius: 15px;padding: 10px 18px;color: #148899;font-weight: 500;transition: .2s ease-in-out}
.feature-pill:hover {background-color: #bdf3ff;cursor: pointer}
@media (max-width:790px) {.feature-icons span svg {margin-top: 6px}}
.image-shadow-wrapper {position: relative;overflow: hidden}
.image-blur-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 30%;background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .08));pointer-events: none;border-radius: 0 0 1rem 1rem}
.dashcam-img-stack {position: relative;z-index: 1}
.main-dashcam {position: absolute;left: 40%;z-index: 3;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, .2)}
.forbes-hero-img {height: 30px;opacity: .6}
.forbes-hero-img+br+span {color: #707987;font-size: 14px}
.button-responsive-group button {width: auto;padding: .6rem 1.25rem;border-radius: .5rem}
.logo-bar img {height: 25px;margin: 0 20px}
.box-edit {border-radius: 15px;background: linear-gradient(180deg, #dcf4f7 0, rgba(220, 244, 247, .4) 100%)}
.box-edit h1 {font-size: 1.8rem;font-weight: 600}
.icons {font-size: 14px}
.section {padding: 0 150px}
.section .company-desc {font-size: 12px}
.section-consult::after {content: "";position: absolute;width: 60%;display: inline-block;top: 50%;right: 50%;transform: translate(50%, -50%);height: 100%;background: radial-gradient(circle at center, #e6fafd 0, #fff 100%);z-index: -1}
.challenge-card:hover,.testimonial-card:hover {transform: translateY(-5px)}
.section-consult>div {max-width: 600px;margin: 0 auto}
.challenge-card {border-radius: 16px;padding: 20px;height: 100%;background: linear-gradient(135deg, #fff, #fff0f3);border: 1px solid #e6f0ff;box-shadow: 0 2px 6px rgba(0, 0, 0, .03);transition: .3s}
.challenge-card:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, .08)}
.challenge-card svg {height: 20px;margin-bottom: 15px}
.challenge-heading {font-weight: 600;font-size: 1rem}
.challenge-text {font-size: .8rem;color: #555}
.phone-input-group,.truct-section {position: relative}
.truct-section button {position: absolute;left: 50%;column-gap: 5px}
.truct-section button div:has(i) {aspect-ratio: 1/1}
.truct-section button i {color: #18adc0 !important;font-size: 2rem}
.truct-section button small {color: #d8d8d8}
.truct-section img {width: 100%;height: auto;display: block}
.platform-tag {display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;border: 1px solid #00c2a8;border-radius: 999px;color: rgba(18, 40, 46, .7);font-weight: 500;font-size: 14px}
.badge-outline {border: 1px solid #34c38f;padding: 6px 14px;border-radius: 999px;font-size: 14px;color: #2e7d32;background-color: #fff;display: inline-block}
.rating {font-size: 1.1rem;color: #4a5568}
.rating i {color: #ffc107}
.trusted-section {padding: 40px 0}
.trusted-title {font-size: 28px;font-weight: 700;margin-bottom: 40px;color: #333}
.logo-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 30px;max-width: 1200px;margin: 0 auto;align-items: center}
.case-study-links,.form-row {gap: 20px;display: flex}
.logo-container {display: flex;justify-content: center;align-items: center;height: 100px}
.form-section,.image-section {flex: 1;color: #fff;display: flex}
.logo-img {max-width: 100%;max-height: 80px;object-fit: contain}
.consultation-container {display: flex;min-height: 100vh}
.image-section {background-image: url("img/fleet-manager.webp");background-size: cover;background-position: center;padding: 40px;flex-direction: column;justify-content: flex-end;position: relative;filter: brightness(1.7)}
.image-section::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .4)}
.benefits-section .btn-custom-order,.case-study-container .btn-custom-order {background-color: #baecf3;color: #004b5a;margin-left: 0}
.case-study-container .btn-custom-order {padding: 12px 20px;}
.image-content {max-width: 500px;margin: 0 auto}
.quote {font-size: 20px;margin-bottom: 20px}
.author {font-weight: 700;font-size: 18px}
.position {font-size: 16px}
.form-section {padding: 60px;flex-direction: column;justify-content: center;background-color: #334053}
.benefits,.benefits-list,.stat-item,.stats-container {margin-bottom: 30px}
.benefits p {margin-bottom: 10px;position: relative;text-align: left}
.feature-icon span,.form-group,.form-row,.review-item,.section-title {margin-bottom: 20px}
.benefits p i {padding-right: 10px}
.form-control {height: 50px;border: 1px solid #7692bb9a;background: #51627c80}
.consultation-container select.form-control option {color: #000 !important}
.form-row .form-group {flex: 1;display: flex;flex-direction: column;align-items: start}
@media (max-width:535px) {.form-row {display: flex;flex-direction: column}}
.btn-consultation {background-color: #0056b3;color: #fff;border: none;padding: 15px 30px;font-size: 18px;font-weight: 700;border-radius: 5px;width: 100%;cursor: pointer;margin-top: 10px}
.disclaimer {font-size: 12px;color: #ffffff63;margin-top: 17px;line-height: 1.5}
.benefits-section {padding: 60px 0}
.benefits-section .btn-custom-order {width: 100%}
.section-title {font-size: 28px;font-weight: 700;color: #333}
.intro-text {font-size: 16px;color: #555;max-width: 800px}
.benefit-card {background: linear-gradient(180deg, rgba(222, 244, 247, .507) 0, rgba(220, 244, 247, .2) 100%) !important;border-radius: 8px;padding: 30px;box-shadow: 0 4px 6px rgba(0, 0, 0, .05);height: 100%;display: flex;flex-direction: column}
.benefit-title {font-size: 20px;font-weight: 700;margin-top: 15px;margin-bottom: 15px;color: #000}
.benefit-description {font-size: 15px;color: #555;line-height: 1.6;flex: 1}
.cta-section {margin-top: 50px}
.logos-cta {max-width: 600px}
.case-study-links {justify-content: center;margin-bottom: 30px}
.case-study-link {color: #0056b3;font-weight: 700}
.consultation-btn {background-color: #0056b3;color: #fff;border: none;padding: 12px 30px;font-weight: 700;border-radius: 5px;font-size: 16px}
.feature-icon span {padding: 7px 10px;background-color: #fff;border-radius: 8px}
.case-study-section {padding: 20px 0;background-color: #fff}
.section-header {margin-bottom: 40px}
.section-subtitle {font-size: 14px;color: #666;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 10px}
.case-study-container {display: flex;align-items: stretch;max-width: 1400px;margin: 0 auto 20px;background: #fff;border-radius: 10px;overflow: hidden}
.content-side {flex: 1;padding: 50px;background-color: #e4f1d87a}
.image-side {flex: 1;position: relative}
.image-side>img {width: 100%;height: 100%;object-fit: cover}
.company-name img {height: 40px;margin-bottom: 10px}
.case-study-title {font-size: 28px;font-weight: 700;margin-bottom: 20px;color: #4a5568}
.case-study-text {font-size: 16px;line-height: 1.6;color: #6c757d;margin-bottom: 30px}
.benefit-item {display: flex;align-items: center;margin-bottom: 10px;font-size: 16px;color: #6c757d}
.benefit-item:before {content: "✔";color: #28a745;margin-right: 10px;font-weight: 700}
.read-more {display: inline-block;color: #0056b3;font-weight: 700;margin-bottom: 30px}
.testimonial-container {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);background-color: rgba(255, 255, 255, .7);padding: 20px;backdrop-filter: blur(6px);border-radius: 10px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);max-width: 600px;width: 90%}
.testimonial {font-style: italic;font-size: 18px;color: #333;margin-bottom: 10px;position: relative;padding-left: 20px}
.testimonial-author-img {width: 40px;height: 40px;border-radius: 1000px}
.section-subtitle-1 {font-size: 13px;border: 1px solid #fff;background-color: transparent;color: #fff;margin-bottom: 15px;border-radius: 40px}
.solution-container {max-width: 1400px;margin: 0 auto;padding: 40px 20px}
.solution-container .main-heading {font-size: 36px;font-weight: 700;margin: 0 auto 5px;max-width: 600px;line-height: 1.2;text-align: center}
.sub-heading {font-size: 24px;font-weight: 600;margin-bottom: 30px}
.features-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 15px;margin-top: 30px}
.feature-box {background: linear-gradient(180deg, #dcf4f7 0, rgba(220, 244, 247, .4) 100%) !important;border: 1px solid #dee2e6;border-radius: 8px;padding: 20px;font-size: 18px;font-weight: 500;box-shadow: 0 2px 4px rgba(0, 0, 0, .05)}
.solution-companies-container {background-color: #fff;display: flex;flex-direction: column}
@media (max-width:800px) {.features-grid {grid-template-columns: repeat(3, 1fr)}}
@media (max-width:576px) {
    .features-grid {grid-template-columns: 1fr}
    .main-heading {font-size: 28px}
    .sub-heading {font-size: 20px}
}
.hero-section {padding: 30px 0}
.main-heading {font-size: 3rem;font-weight: 700;color: #2c3e50;line-height: 1.1;margin-bottom: 25px}
.main-text {color: #6c757d;font-size: 1rem;line-height: 1.6;margin-bottom: 25px;text-align: justify}
.btn-order {background-color: #17a2b8;border: none;padding: 12px 25px;font-weight: 600;border-radius: 6px;color: #fff}
.stats-container {background: #fff;border-radius: 20px;padding: 54px 44px;box-shadow: 0 10px 40px rgba(0, 0, 0, .1)}
.divide {border: 1px solid rgba(223, 217, 217, .411)}
.stat-number {font-size: 2.5rem;font-weight: 600;color: #2c3e50;margin-bottom: 8px;line-height: 1}
.stat-text {color: #6c757d;font-size: 1rem;font-weight: 500;line-height: 1.3}
.reviews-row {margin-bottom: 25px}
.review-logo {font-size: 1.3rem;font-weight: 600;margin-bottom: 8px}
.google-logo {color: #4285f4}
.forbes-logo,.shopper-logo {color: #2c3e50}
.capterra-logo {color: #00b8d4}
.stars {color: #ffc107;margin-bottom: 5px}
.rating-score {color: #2c3e50;font-weight: 600;margin-left: 5px}
.company-badges {margin-top: 20px}
.badge-item {margin-bottom: 15px}
.badge-logo {font-size: 1.2rem;font-weight: 700;margin-bottom: 5px}
.tech-logo {color: #ff6b35}
.natm-logo {background: linear-gradient(45deg, #ff6b35, #f7931e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.testimonials-section {padding: 10px 0}
.testimonial-card {background: linear-gradient(to bottom, #dcf4f7 0, rgba(220, 244, 247, .4) 100%);border-radius: 20px;padding: 0;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);transition: transform .3s;height: 100%;overflow: hidden;display: flex;flex-direction: column}
.video-thumbnail {position: relative;height: 280px;background-size: cover;background-position: center;border-radius: 20px 20px 0 0}
.video-overlay {position: absolute;bottom: 20px;left: 20px;right: 20px}
.play-button {background: linear-gradient(90deg, #009644 0, #18adc0 100%);color: #fff;border: none;border-radius: 25px;padding: 12px 20px;font-weight: 600;display: flex;align-items: center;gap: 10px;transition: background-color .3s;width: 100%;justify-content: space-between}
.play-button:hover {background: #218838;color: #fff}
.play-icon {background-color: #fff;color: #28a745;width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px}
.author-name,.testimonial-text {color: #2c3e50;text-align: center}
.card-content {padding: 25px;flex: 1;display: flex;flex-direction: column}
.testimonial-text {font-size: 16px;line-height: 1.6;margin-bottom: 25px;font-style: italic}
.author-name {font-size: 18px;font-weight: 600;margin-bottom: 5px}
.author-title,.camera-grid.feature-image {margin-bottom: 10px}
.author-title {font-size: 14px;color: #7f8c8d;text-align: center}
.visit-bio {background-color: #e4fbfe;color: #00bcd4;font-weight: 600;display: flex;align-items: center;justify-content: center;gap: 5px;padding-top: 10px;padding-bottom: 10px;transition: color .3s}
.visit-bio:hover {color: #0097a7}
.modern-stars {color: #39b7d7}
.modern-testimonial-section {padding: 60px 0;position: relative;overflow: hidden;background: #f8fafc}
.modern-testimonial-container {position: relative;padding: 0 3rem;max-width: 1800px;margin: 0 auto}
.modern-testimonial-track-container {overflow: hidden;width: 100%}
.modern-testimonial-track {display: flex;transition: transform .5s;width: max-content;gap: 20px;will-change: transform}
.modern-testimonial-card {background: linear-gradient(to bottom, #dcf4f7 0, rgba(220, 244, 247, .4) 100%);backdrop-filter: blur(10px);border-radius: 20px;padding: 30px 25px;text-align: center;height: 280px;display: flex;flex-direction: column;justify-content: space-between;transition: transform .3s, box-shadow .3s;box-shadow: 0 4px 12px rgba(0, 0, 0, .1);flex: 0 0 300px}
.modern-testimonial-card:hover {transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0, 0, 0, .2)}
.modern-testimonial-stars {margin-bottom: 20px;color: #39b7d7}
.modern-testimonial-star {font-size: 20px;margin: 0 2px;text-shadow: 0 1px 2px rgba(0, 0, 0, .1)}   
.modern-testimonial-text {font-size: 16px;line-height: 1.6;color: #1f2937;margin-bottom: 20px;flex-grow: 1;display: flex;align-items: center;justify-content: center;font-style: italic;font-weight: 500;text-align: center}
.modern-testimonial-author {font-size: 16px;font-weight: 700;color: #1f2937;margin-bottom: 0}
.modern-testimonial-control {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: rgba(57, 183, 215, .8);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;border: none;cursor: pointer;opacity: .8;transition: .3s}
.modern-testimonial-control:hover {opacity: 1;background: #39b7d7}
.modern-testimonial-control-prev {left: 0}
.modern-testimonial-control-next {right: 0}
.modern-testimonial-control.disabled {opacity: .5;cursor: not-allowed;background: rgba(57, 183, 215, .5)}
.modern-testimonial-control i {color: #fff;font-size: 24px}
.modern-testimonial-indicators {position: static;margin: 40px 0 30px;justify-content: center;display: flex}
.modern-testimonial-indicator {width: 12px;height: 12px;border-radius: 50%;margin: 0 8px;background-color: rgba(57, 183, 215, .4);border: 2px solid rgba(57, 183, 215, .6);opacity: 1;transition: .3s;cursor: pointer;border: none}
.modern-testimonial-indicator.active {background-color: #39b7d7;border-color: #39b7d7;transform: scale(1.2)}
@media (max-width:1200px) {.modern-testimonial-card {flex: 0 0 280px;height: 260px}}
@media (max-width:992px) {
    .hero-img-main {max-height: 300px}
    .order-now-btn {margin-left: auto}
    .section {padding: 0 20px}
    .case-study-container,.consultation-container {flex-direction: column}
    .image-section {min-height: 500px}
    .form-section {padding: 40px 20px}
    .content-side {order: 2;padding: 30px}
    .image-side {order: 1;width: 100%}
    .modern-testimonial-section {padding: 40px 0}
    .modern-testimonial-card {flex: 0 0 240px;height: 240px;padding: 25px 20px}
    .modern-testimonial-container {padding: 0 2rem}
}
.btn-gradient {background: linear-gradient(90deg, #009644 0, #18adc0 100%);color: #fff;border: none;padding: 12px 30px;font-size: 16px;font-weight: 600;transition: .3s;box-shadow: 0 4px 15px rgba(0, 150, 68, .3);display: inline-block}
.btn-gradient:hover {background: linear-gradient(90deg, #007a3a 0, #148899 100%);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 150, 68, .4);color: #fff}
.carousel-item {transition: transform .6s ease-in-out}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {display: block}
.row.g-4 {display: flex;flex-wrap: wrap}
.row.g-4>[class*=col-] {display: flex;flex-direction: column}
.row.g-4 .modern-card {flex: 1}
.faq-section {background: linear-gradient(135deg, #2c3e50 0, #34495e 100%);color: #fff;min-height: 100vh;padding: 60px 0}   
.faq-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem}
.faq-description {font-size: 1.1rem;opacity: .9;line-height: 1.6;margin-bottom: 3rem}
.consultation-card {background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .2);border-radius: 15px;padding: 2rem;backdrop-filter: blur(10px);margin-top: 2rem}
.expert-avatar {width: 60px;height: 60px;border-radius: 50%;border: 3px solid #28a745;object-fit: cover}
.accordion-button::before,.flag-icon {top: 50%;transform: translateY(-50%);width: 20px}
.consultation-text {font-size: 1.2rem;font-weight: 600}
.accordion {--bs-accordion-bg: transparent;--bs-accordion-border-color: rgba(255, 255, 255, 0.2)}
.accordion-item {background: 0 0;border-top: 1px solid rgba(255, 255, 255, .432);margin-bottom: 1rem;overflow: hidden}
.accordion-button {background: 0 0;color: #fff;border: none;padding: 1.5rem;font-weight: 600;font-size: 1.1rem;position: relative}
.accordion-button:not(.collapsed) {background: 0 0;color: #fff;box-shadow: none}
.accordion-button:focus {box-shadow: none;border-color: rgba(255, 255, 255, .2)}
.accordion-button::after {display: none}
.accordion-button::before {content: "";position: absolute;right: 1.5rem;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: contain}
.accordion-button:not(.collapsed)::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M5 11v2h14v-2z'/%3E%3C/svg%3E")}
.radio-item {border-top: 1px solid rgba(255, 255, 255, .2) !important}
.accordion-body {background: 0 0;color: rgba(255, 255, 255, .9);padding: 10px 1.5rem 1.5rem;line-height: 1.6;border-top: 1px solid rgba(255, 255, 255, .1)}
.consultation-section {background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)) center/cover fixed, url("img/image (98).png") center/cover fixed;min-height: 100vh;display: flex;align-items: center;position: relative}
.form-title {color: #fff;font-size: 2.5rem;font-weight: 600;text-align: center;margin-bottom: 2rem}
.form-control {background: rgba(255, 255, 255, .1) !important;border: 1px solid rgba(255, 255, 255, .2);border-radius: 8px;color: #fff;padding: .75rem 1rem;font-size: .95rem}
.form-control:focus {background: rgba(255, 255, 255, .15);border-color: #20c997;box-shadow: 0 0 0 .2rem rgba(32, 201, 151, .25);color: #fff}
.form-control::placeholder {color: rgba(255, 255, 255, .7)}
.form-label {color: #fff;font-weight: 500;margin-bottom: .5rem}
.feature-image img {width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .4s;border-radius: 10px;position: relative}
.flag-icon {position: absolute;left: 12px;z-index: 10;height: 15px;background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIGZpbGw9IiNCMjIyMzQiLz4KICA8cmVjdCB5PSIyIiB3aWR0aD0iMjAiIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiLz4KICA8cmVjdCB5PSI0IiB3aWR0aD0iMjAiIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiLz4KICA8cmVjdCB5PSI2IiB3aWR0aD0iMjAiIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiLz4KICA8cmVjdCB5PSI4IiB3aWR0aD0iMjAiIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiLz4KICA8cmVjdCB5PSIxMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEiIGZpbGw9IndoaXRlIi8+CiAgPHJlY3QgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHdpZHRoPSI4LjUiIGhlaWdodD0iNiIgZmlsbD0iIzNDM0I2RSIvPgo8L3N2Zz4K") center center/contain no-repeat}
.phone-input {padding-left: 45px !important}
.disclaimer-text {color: rgba(255, 255, 255, .5);font-size: .8rem;text-align: center;margin-top: 1rem;line-height: 1.4}
.disclaimer-text a {color: #20c997}
.disclaimer-text a:hover,.discount-banner .btn-link:hover {text-decoration: underline}
.discount-banner {position: absolute;bottom: 0;left: 0;right: 0;background: #148899;color: #fff;padding: 1rem;text-align: center;font-size: .9rem}
.discount-banner .btn-link {color: #fff;text-decoration: none;font-weight: 600;margin-left: 1rem}
@media (max-width:768px) {
    .feature-icons div {padding: 5px;font-size: 12px;min-width: 130px}
    .button-responsive-group {flex-direction: column;align-items: stretch}
    .button-responsive-group button {width: 100%}
    .responsive-card {padding: 2rem 1rem}.responsive-card h4 {font-size: 1.25rem;text-align: center}
    .feature-list li,.responsive-card p {font-size: .9rem;text-align: left}
    .responsive-card img {max-width: 100%;height: auto;display: block;margin: 1rem auto}
    .btn-custom-order {width: 100% !important}
    .logo-bar {margin-top: 1.5rem}
    .logo-bar .col-4 {text-align: center}
    .logo-bar img {max-height: 28px}
    .logo-grid {grid-template-columns: repeat(2, 1fr);gap: 20px}
    .main-heading {font-size: 2.5rem}
    .stat-number {font-size: 3rem}
    .stats-container {padding: 30px 20px}
    .section-title {font-size: 2rem;margin-bottom: 30px}
    .faq-section,.testimonials-section {padding: 40px 0}
    .related-resources-title {font-size: 24px !important;text-align: center;margin-bottom: 1.5rem !important;}
    .modern-testimonial-card {flex: 0 0 220px;height: 220px;padding: 20px 15px}
    .modern-testimonial-text {font-size: 14px}
    .modern-testimonial-author {font-size: 15px}
    .modern-testimonial-star {font-size: 18px}
    .faq-title,.form-title {font-size: 1.5rem}
    .faq-description {font-size: 1rem}
    .consultation-card {margin-top: 3rem;padding: 1.5rem}
    .accordion-button {padding: 1rem;font-size: 1rem}
    .accordion-button::before {right: .2rem}
    .form-container {padding: 2rem 1.5rem;margin: 1rem}
    .consultation-section {background-attachment: scroll}
}
@media (max-width:576px) {
    .modern-testimonial-section {padding: 50px 0}
    .modern-testimonial-container {padding: 0 1rem}
    .modern-testimonial-card {flex: 0 0 200px;height: 200px;padding: 15px 12px}
    .modern-testimonial-control {width: 40px;height: 40px}
    .modern-testimonial-control i {font-size: 20px}
    .form-title {font-size: 1.75rem}
    .form-container {padding: 1.5rem 1rem}
}
.hero_list {display: flex;gap: 1.9rem}
.resources_section {margin-bottom: 60px;margin-top: 60px}
.related-resources-title {font-size: 32px;font-weight: 700;color: #4a5568;margin: 0;}
.related-resources-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px}
.related-resources-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}
.more-articles-btn {display: inline-block;background: linear-gradient(to right, #00b67a, #00a6c0);color: #fff;padding: 10px 15px;border-radius: 10px;font-weight: 500;font-size: 16px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .1);transition: .3s}
.more-articles-btn:hover {color: #fff !important}
.custom-img {width: 100%;height: auto;border-radius: 6px}
.competitor_sec .feature-title {text-align: center;vertical-align: sub;align-items: center;justify-content: center;padding-top: 19px;font-size: 1.1rem}
.comparison-table {box-shadow: 0 4px 6px rgba(0, 0, 0, .1);background: #f8f9fa;border-radius: 15px;overflow: hidden;border: 1px solid #e9ecef}
.feature-row {border-bottom: 1px solid #e9ecef}
.feature-row:last-child {border-bottom: none}
.matrack-column {background: #fff;padding: .8rem}
.competitor-column .feature-text,.matrack-column .feature-text {text-align: left}
.competitor-column {padding: .8rem}
.matrack-logo {width: 120px;height: auto;margin-bottom: .5rem}
.check-icon {color: #28a745}
.x-icon {color: #dc3545}
.check-icon,.x-icon {font-size: 1.2rem;margin-right: .5rem}
.feature-text {color: #6c757d;font-size: .95rem;line-height: 1.5;margin: 0}
.header-text {color: #495057;font-weight: 600;font-size: 1.1rem}
@media (max-width:768px) {
    .hero_list,.more-articles-btn,.related-resources-grid,.related-resources-header {display: block !important}
    .more-articles-btn {margin: 0 auto;text-align: center !important}
    .comparison-table .row {flex-direction: row}
    .comparison-table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 10px}
    .comparison-table {min-width: 900px}
    .comparison-table-wrapper::-webkit-scrollbar {height: 8px}
    .comparison-table-wrapper::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px}
    .comparison-table-wrapper::-webkit-scrollbar-track {background: #f4f4f4}
    .section-desc {width: auto}
    .rating-section {padding: 20px 0 0 !important}
    .text-3 {margin-top: 20px;font-size: 1.6rem}
    .main-title {font-size: 2rem}
    .resource-card {margin-bottom: 20px}
    .offer-subtitle {font-size: 1.6rem}
    .choose_secn .features-grid {grid-template-columns: 1fr !important}
}
.feat_secn {margin-top: 70px}
.choose_secn .features-grid {grid-template-columns: repeat(4, 1fr)}