.feature-image img,.image-container img {height: 100%;object-position: center;width: 100%;object-fit: cover}
.hero,.reviews-section {padding: 60px 0}
.edit-1 {font-size: 2.5rem}
.btn-custom-order {background: #e7f3f7}
.feature-list li {margin-bottom: 10px;font-size: 1rem}
#selectService,.platform-tag,select {font-size: 14px}
.card-custom {border: 1px solid #e5e5e5;border-radius: 12px;padding: 20px;text-align: center;height: 100%;box-shadow: 0 2px 8px rgba(0, 0, 0, .03)}
.rating i {font-size: 1rem}
.platform-tag {display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;border-radius: 999px;font-weight: 500;position: relative;color: #334053;background: #fff;z-index: 0}
.platform-tag::before {content: "";position: absolute;top: 0;left: 15px;right: 15px;height: 1px;background: linear-gradient(to right, #00c96b, #00b5e2);border-top-left-radius: inherit;border-top-right-radius: inherit;z-index: 1}
.platform-tag i {color: #00c96b;font-size: 1.2rem;margin-right: 6px}
.section-title {font-size: 2.2rem}
.btn-custom-order,.btn-gradient {border: none}
.feature-card {background: linear-gradient(180deg, rgba(220, 244, 247, .8) 0, rgba(220, 244, 247, .3) 100%);border: 1px solid rgba(57, 183, 215, .1);box-shadow: 0 4px 12px rgba(0, 0, 0, .05)}
.feature-card:hover {box-shadow: 0 12px 30px rgba(57, 183, 215, .15);border-color: rgba(57, 183, 215, .3)}
.feature-icon {width: 50px;height: 50px;background: rgba(255, 255, 255, .562);border-radius: 12px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 4px 15px rgba(57, 183, 215, .3)}
.feature-icon i {font-size: 1.5rem;color: #39b7d7}
.feature-content {flex: 1}
.cta-buttons .btn {border-radius: 8px;text-decoration: none;transition: .3s}
.feature-image img {transition: .4s;border-radius: 10px;position: relative;z-index: 2}
.support-section {min-height: 100vh;display: flex;align-items: center}
.section-title-1 {line-height: 1.2;position: relative}
.section-title-1::after {content: "";position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: linear-gradient(45deg, #667eea, #764ba2);border-radius: 2px}
.support-card {background: #fff;display: flex;flex-direction: column;opacity: 0;transform: translateY(30px);animation: .6s forwards fadeInUp}
.support-card:hover {box-shadow: 0 20px 40px rgba(0, 0, 0, .15)}
.btn-custom-order:hover,.btn-gradient:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(102, 126, 234, .3)}
.image-container {position: relative;overflow: hidden;height: 280px;background: linear-gradient(45deg, #f0f2f5, #e1e8ed)}
.image-container img {transition: transform .4s}
.content-image:hover img,.support-card:hover .image-container img {transform: scale(1.05)}
.image-container::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(102, 126, 234, .1) 0, rgba(118, 75, 162, .1) 100%);z-index: 1}
.card-content {flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between}
.card-title {font-size: 1.4rem;margin-bottom: 1rem;line-height: 1.3;display: flex;align-items: flex-start}
.btn-custom-ordr,.btn-gradient {padding: 12px 30px;font-weight: 600;transition: .3s;display: inline-block;text-decoration: none}
.card-title::before {font-size: 1.5rem;color: #667eea;margin-right: .75rem;margin-top: .1rem;flex-shrink: 0}
.btn-gradient,.btn-gradient:hover {background: linear-gradient(90deg, #009644 0, #18adc0 100%);color: #fff}
.support-card:nth-child(2) .card-title::before {content: "\f3cd"}
.card-text {margin: 0}
.cta-buttons {margin-top: 4rem}
.btn-custom-order {background-color: #e4fbfe;color: #004b5a;/*border-radius: 50px*/}
.feature-card,.feature-card-1 {transition: transform .3s, box-shadow .3s}
.btn-custom-order:hover {background-color: #e5f6fb;color: #148899}
@media (max-width:1200px) {
    .section-title-1 {font-size: 2.5rem}
    .image-container {height: 250px}
}
@media (max-width:992px) {
    .section-title-1 {font-size: 2.2rem;margin-bottom: 2.5rem}
    .image-container {height: 220px}
    .card-content {padding: 1.5rem}
    .card-title {font-size: 1.3rem}
}
@media (max-width:768px) {
    .edit-1 {font-size: 1.5rem;text-align: center}
    .hero p {text-align: center;}
    .hero-buttons {flex-direction: column;align-items: center}
    .bg-white {padding-bottom: 1rem !important;}
    .app-buttons {flex-direction: row}
    .competitor_sec h2 {margin-bottom: 1rem !important;margin-top: 3rem;}
    .hero-buttons a {width: 100%;text-align: center;margin-bottom: 21px}
    .howit-section {padding-top: 1rem !important;padding-bottom: 0 !important}
    .text-2 {margin-top: 15px;font-size: 1.5rem !important;margin-bottom: 1rem;}
    .hero {padding-bottom: 0}
    .rating i {font-size: .7rem}
    .card-custom {padding: 15px;margin-bottom: 15px}
    .rating span {display: block;margin-top: 4px}
    .section-title {font-size: 1.6rem}
    .cta-buttons {flex-direction: column !important;margin-top: 1.5rem !important;}
    .cta-buttons a {width: 100%;margin-bottom: 10px}
    .section-title-1 {font-size: 2rem;margin-bottom: 2rem}
    .image-container {height: 200px}
    .card-content {padding: 1.25rem}
    .card-title {font-size: 1.2rem}
    .card-text {font-size: .95rem}
    .btn-custom-order,.btn-gradient {padding: 10px 25px;font-size: .9rem;display: block;text-align: center}
    .btn-custom-order {margin-left: 0 !important}
}
@media (max-width:576px) {
    .platform-tag {font-size: .8rem;padding: 5px 12px}
    .platform-tag i {font-size: 1rem}
    .section-title-1 {font-size: 1.8rem}
    .image-container {height: 180px}
    .card-content {padding: 1rem}
    .card-title {font-size: 1.1rem}
    .card-text {font-size: .9rem}
}
.row.equal-height {display: flex;flex-wrap: wrap}
.row.equal-height>[class*=col-] {display: flex}
.support-card:nth-child(2) {animation-delay: .2s}
@media (max-width:992px) {
    .section-title {font-size: 2rem;margin-bottom: 2rem}
    .feature-icon {width: 45px;height: 45px}
    .feature-icon i {font-size: 1.3rem}
}
@media (max-width:768px) {
    .section-title {font-size: 1.75rem}
    .cta-buttons .btn {display: block;width: 100%;margin: .5rem 0}
    .cta-buttons .ms-3 {margin-left: 0 !important}
    .feature-icon {width: 40px;height: 40px}
    .feature-icon i {font-size: 1.2rem}
    .card-title {font-size: 1rem}
    .card-text {font-size: .85rem}
}
@media (max-width:576px) {
    .mx-4 {margin-left: 0rem !important;margin-right: 0rem !important}
    .feature-icon {width: 50px;height: 50px}
    .feature-icon i {font-size: 1.4rem}
    .card-title {font-size: 1.2rem}
    .card-text {font-size: .9rem}
}
.feature-card {height: 100%;border: 1px solid #39b7d721;border-radius: 10px}
.feature-card:hover,.review-card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, .15)}
.feature-icon {font-size: 2rem;margin-bottom: 1rem}
.section-title {font-weight: 700;color: #4a5568}
.compliance-text {width: 1200px;text-align: center !important;margin: 0 auto;display: block;margin-bottom: 3rem !important}
.app_img {height: 68px}
.cta-buttons .btn {padding: 10px 25px;font-weight: 600;margin: 0 10px}
.card {background: linear-gradient(to bottom, #dcf4f7 0, rgba(220, 244, 247, .4) 100%);padding: 10px 15px}
.card-body {text-align: left !important}
.card-title {color: #4a5568;font-weight: 600}
.card-text:last-child {margin-bottom: 0;color: #6c757d}
.main-content {display: flex;justify-content: space-between;align-items: center}
.main-content img {width: 100%;height: auto}
.text-section {width: 43%}
.text-2 {color: #4a5568 !important;font-weight: 700;font-size: 2.5rm}
ol {padding-left: 20px}
.howit-section {background-color: #fff;padding: 3rem 1rem}
.custom-tag {display: inline-flex;align-items: start;gap: 6px;padding: 6px 14px;font-size: .85rem;border: 2px solid #87ceeb;font-weight: 500;border-radius: 50px;background: linear-gradient(90deg);color: #000}
.more-articles-btn,.wrapper__title {padding: 10px 15px;font-weight: 500;transition: .3s}
.card-text {font-size: 1rem;color: #6c757d;line-height: 1.6}
.wrapper__title {font-size: 1rem;line-height: 1.5;cursor: pointer;border-radius: 5px;color: #4a5568;margin-bottom: 8px}
.wrapper__title:hover {background-color: #f8f9fa;color: #212020}
.wrapper__title.active {color: #4a5568;font-weight: 600}
.modern-tab-btn.active .tab-content h3,.wrapper__title.active:hover {color: #4a5568}
.consulation_card {position: sticky;top: 125px;z-index: 1}
.secn-subtitle {width: 900px;text-align: center !important;margin: 0 auto;display: block;margin-bottom: 3rem !important}
.resources_section {margin-bottom: 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(4, 1fr);gap: 30px}
@media (max-width:768px) {
    .related-resources-grid,.related-resources-header {display: block}
    .hero_list,.more-articles-btn {display: block !important}
    .more-articles-btn {margin: 0 auto;text-align: center !important}
    .compliance-text {width: auto}
    .header-text {margin-top: 9px !important}
}
.hero_list {display: flex;gap: 1.9rem}
.more-articles-btn {display: inline-block;background: linear-gradient(to right, #00b67a, #00a6c0);color: #fff;border-radius: 10px;text-decoration: none;font-size: 16px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .1)}
.more-articles-btn:hover {color: #fff !important}
.custom-img {width: 100%;height: auto;border-radius: 6px}
.offer-container {max-width: 1240px;margin: 0 auto;padding: 30px;border-radius: 10px;background: linear-gradient(90deg, #009644 25%, #18adc0 100%) !important;box-shadow: 0 4px 8px rgba(0, 0, 0, .1)}
.comparison-table,.feature-card-1 {box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}
.offer-title {font-size: 13px;border: 1px solid #fff;background-color: transparent;color: #fff;margin-bottom: 15px;border-radius: 40px;padding: 8px 10px;align-items: center}
.card-edit {background-color: #e4f1d8;border-radius: 16px}
.offer-subtitle {font-size: 44px;font-weight: 700;margin-bottom: 12px;color: #fff;margin-top: .5rem}
.offer-text {font-size: 20px;margin-bottom: 25px;line-height: 1.5;color: #fff }
.timer {font-size: 16px;color: rgba(255, 255, 255, .733)}
.timer-segment {display: inline-block;background: #1a253344;color: #fff;padding: 3px 4px;border-radius: 5px;font-size: 18px;margin: 0 2px }
.btn-claim {background: #fff;color: #148899;padding: 10px 14px;border-radius: 5px;border: none;font-size: 15px;margin-right: 20px !important;transform: all .3s}
.btn-claim:hover {background-color: #e7e7e7;transform: scale(1.05)}
.feature-card-1 {background: linear-gradient(180deg, #e0f7fa 0, #b2ebf2 100%);border-radius: 12px;padding: 2rem;height: 100%;border: none}
.feature-image {width: 100%;height: 200px;margin-bottom: 1.5rem;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;object-fit: cover}
.feature-content {padding: 0 2rem;text-align: left;margin-bottom: 2rem}
.feature-title {font-size: 1.55rem;margin-bottom: 1rem;color: #4a5568}
.feature-description {font-size: 1rem;line-height: 1.6;color: #6c757d }
@media (max-width:767.98px) {
    .howit-row {flex-direction: column !important;margin-bottom: 1rem !important;}
    .howit-text {order: 1}
    .howit-img {order: 2;margin-top: 1rem}
    .feature-img,.install-img {order: 1;margin-bottom: 1.5rem}
    .feature-text {order: 2}
    .install-text {order: 2;margin-bottom: 0 !important;}
    .feature-content {padding-left: 1rem;padding-right: 1rem}
    .feature-title {font-size: 1.3rem;margin-bottom: .75rem;text-align: center;padding-top: 15px }
    .competitor_sec,.mang_sec {padding-top: 0 !important;padding-bottom: 0 !important}
    .review_sec {padding-top: 1rem !important;padding-bottom: 1rem !important }
    .sub_sec {margin-top: 3rem;}
    .resources_section {margin-bottom: 6px}
    .feature-description {font-size: .95rem}
}
.learn-more-btn {background: #fff;color: #148899;border: none;padding: .5rem 1.5rem;border-radius: 6px;text-decoration: none;display: inline-flex;align-items: center;gap: .5rem;font-weight: 500;transition: background-color .3s}
.learn-more-btn:hover {background: #0056b3;color: #fff;text-decoration: none}
.section-header {text-align: center;margin-bottom: 4rem}
.section-subtitle {color: #6c757d;font-size: .8rem;max-width: 650px;margin: 0 auto}
.check-icon,.x-icon {font-size: 1.2rem;margin-right: .5rem}
.support-card {background-color: #f8f9fa;border-radius: 12px;overflow: hidden;height: 100%;transition: transform .2s}
.support-card:hover {transform: translateY(-5px)}
.support-card img {width: 100%;height: 300px;object-fit: cover}
.card-content {padding: 1.5rem;background-color: #e8f5e8}
.btn-primary-custom {background-color: #10b981;border-color: #10b981;padding: .75rem 2rem;font-weight: 600;border-radius: 8px}
.btn-primary-custom:hover {background-color: #059669;border-color: #059669}
.btn-secondary-custom {background-color: #bee3f8;border-color: #bee3f8;color: #2b6cb0;padding: .75rem 2rem;font-weight: 500}
.btn-secondary-custom:hover {background-color: #90cdf4;border-color: #90cdf4;color: #2b6cb0}
.btn-outline-custom {color: #0ea5e9;border-color: #0ea5e9;background-color: #f0f9ff;padding: .75rem 2rem;font-weight: 600;border-radius: 8px}
.btn-outline-custom:hover {background-color: #0ea5e9;border-color: #0ea5e9;color: #fff}
.icon-overlay {position: absolute;top: 1rem;right: 1rem;background: rgba(255, 255, 255, .9);border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: #38a169}
.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 {background: #f8f9fa;border-radius: 15px;overflow: hidden}
.feature-row {border-bottom: 1px solid #e9ecef}
.feature-row:last-child {border-bottom: none}
.matrack-column {background: #fff;padding: .8rem}
.competitor-column {padding: .8rem}
.matrack-logo {width: 120px;height: auto;margin-bottom: .5rem}
.check-icon {color: #28a745}
.x-icon {color: #dc3545}
.feature-text {color: #6c757d;font-size: .95rem;line-height: 1.5;margin: 0}
.header-text {color: #495057;font-weight: 600;font-size: 1.1rem;text-align: center;align-items: center;justify-content: center}
.industry-card {background-color: #f0f9ff;border: 1px solid #e0f2fe;border-radius: 12px;padding: 1.5rem;text-align: left;transition: .3s;height: 100%;cursor: pointer;display: flex;align-items: baseline;gap: 20px}
.reviewer-name,.section-title-1 {text-align: center;font-weight: 600}
.form-overlay,.tab-panel.active {display: block}
.industry-card:hover {background-color: #e0f2fe;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, .1)}
.industry-icon {font-size: 1.5rem;color: #0ea5e9;margin-bottom: .5rem;background-color: #fff;padding: 5px 8px;border-radius: 10px}
.industry-title {font-weight: 600;color: #4a5568;margin: 0;font-size: 1rem}
.main-title {font-size: 2.5rem;font-weight: 700;color: #4a5568;margin-bottom: 1rem}
.subtitle {font-size: 1.125rem;color: #6b7280;margin-bottom: 3rem}
.section-title-1 {color: #4a5568;font-size: 2.5rem;margin-bottom: 3rem}
.review-text,.stars {margin-bottom: 1.5rem;text-align: center}
.review-card {border: none;border-radius: 15px;padding: 2rem;height: 100%;box-shadow: 0 4px 15px rgba(0, 0, 0, .1);transition: transform .3s, box-shadow .3s}
.stars {color: #00bcd4;font-size: 1.2rem}
.review-text {color: #6c757d;font-size: 1rem;line-height: 1.6;font-style: italic}
.reviewer-name {color: #4a5568;font-size: 1.1rem;margin-bottom: 0}
.view-all-btn {background-color: #00acc1;border: none;color: #fff;padding: 12px 30px;border-radius: 25px;font-weight: 500;font-size: 1rem;transition: .3s;margin-top: 3rem}
.view-all-btn:hover {background-color: #00838f;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0, 172, 193, .3)}
@media (max-width:768px) {
    .section-title,.section-title-1 {font-size: 2rem;margin-bottom: 2rem}
    .main-title {font-size: 2rem}
    .feature-image {height: 150px}
    .support-card img {height: 200px}
    .card-content,.competitor-column,.matrack-column {padding: 1rem}
    .comparison-table {margin: 1rem}
    .feature-text {font-size: .9rem}
    .industry-card {padding: 1rem;margin-bottom: 1rem;height: auto;}
    .industry-icon {margin-bottom: 0;}
    .review-card {padding: 1.5rem}
    .mang_sec .g-3.mb-5 {margin-bottom: 0rem !important;}
    .reviews-section {padding: 40px 0}
    .related-resources-title {font-size: 24px !important;margin-bottom: 1rem !important;text-align: center;}
    .main-content {flex-direction: column;text-align: center}
    .text-section {width: 100%;margin-bottom: 2rem}
    .offer-container {padding: 20px;margin: 0 20px;;}
    .offer-subtitle {font-size: 32px}
    .offer-text {font-size: 18px}
    .btn-claim {width: 100%;margin-right: 0 !important;margin-bottom: 10px}
    .timer-segment {font-size: 16px;padding: 2px 3px}
    .cta-buttons .btn {width: 100%;margin: 10px 0}
    .custom-tag {margin-top: 23px}
    .resource-card {padding-bottom: 40px}
}
.contact-custom-close {position: absolute;top: 0;right: 0;z-index: 999;background: 0 0;border: none;font-size: 24px;cursor: pointer;font-weight: 900;color: #fff;opacity: 1;text-shadow: 0 0 transparent}
.image-overlay,.modern-tab-btn::before {top: 0;left: 0;right: 0;bottom: 0;opacity: 0}
.sideMainpara {font-family: Inter, sans-serif;font-size: 16px !important;font-weight: 400 !important;color: #000 !important}
.box {background-color: #1fa0d6;padding: 20px}
.box.arrow-left:after {content: " ";position: absolute;left: 48%;top: 25px;border-top: 20px solid transparent;border-right: 20px solid #1fa0d6;border-left: none;border-bottom: 20px solid transparent}
.feedback-input {font-weight: 500;font-size: 18px;border-radius: 5px;line-height: 22px;background-color: transparent !important;border: 1px solid #fff;transition: .3s;padding: 13px;margin-bottom: 15px;box-sizing: border-box;width: 100%;outline: 0}
.sendEmail {width: 100%;background: #fff;border-radius: 50px !important;border: 0;color: #000;font-size: 20px;transition: .3s;margin-top: -4px}
@media (max-width:767px) {
    .box.arrow-left:after {content: " ";position: absolute;left: -18px !important;top: 52% !important;border-top: 20px solid transparent;border-right: 20px solid #1fa0d6;border-left: none;border-bottom: 20px solid transparent}
    .sideMainHead,.sideMainpara {text-align: left}
    .contact-custom-close {color: #000 !important}
}
.rating-box {min-width: 100px;padding: 10px 20px}
.rating-section {background-color: #fff}
.rating-box img {max-height: 35px;object-fit: contain}
.rating {font-size: 1.1rem;color: #4a5568}
.form-overlay {width: 90%;padding: 20px;background: #334053;border-radius: 16px;z-index: 2;color: #000;margin: 20px auto}
#transparent-form {display: flex;flex-direction: column;gap: 10px}
#transparent-form h3,#transparent-form label,.stat-item {color: #fff}
#transparent-form input {background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .2);border-radius: 8px;color: #fff;padding: .75rem 1rem;font-size: .95rem}
#transparent-form button {cursor: pointer;padding: 10px 6px;border-radius: 4px;border: none}
.modern-features-section {position: relative;overflow: hidden}
.modern-features-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 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="%23e2e8f0" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events: none}
.section-header-modern {position: relative;z-index: 2}
.modern-section-title {font-size: 2.5rem;font-weight: 700;color: #4a5568;margin-bottom: 1.5rem}
.modern-section-subtitle {font-size: 1.125rem;color: #64748b;line-height: 1.7;max-width: 800px;margin: 0 auto}
.modern-tab-container {position: relative;z-index: 2;margin-top: 3rem}
.modern-tab-nav {margin-bottom: 0;height: 100%}
.tab-nav-wrapper {display: flex;flex-direction: column;gap: 2.2rem;background: linear-gradient(180deg, rgba(220, 244, 247, .8) 0, rgba(220, 244, 247, .3) 100%);backdrop-filter: blur(10px);border-radius: 20px;padding: 1.5rem;box-shadow: 0 8px 32px rgba(0, 0, 0, .1);border: 1px solid rgba(255, 255, 255, .2);height: 100%}
.modern-tab-btn,.tab-icon {align-items: center;display: flex;position: relative}
#selectService,.modern-tab-btn {overflow: hidden;background: 0 0}
.modern-tab-btn {border: none;padding: 1.25rem 1.5rem;border-radius: 16px;cursor: pointer;transition: .3s cubic-bezier(.4, 0, .2, 1);gap: 1rem;width: 100%;min-height: 70px}
.modern-tab-btn::before {content: '';position: absolute;background: linear-gradient(135deg, #3b82f6 0, #1d4ed8 100%);transition: opacity .3s;border-radius: 16px}
.modern-tab-btn.active,.modern-tab-btn.active .tab-icon,.tab-icon {background: rgba(255, 255, 255, .562)}
.modern-tab-btn:hover::before {opacity: .1}
.modern-tab-btn.active::before {opacity: .15}
.modern-tab-btn.active {border: 1px solid rgba(59, 130, 246, .3);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(59, 130, 246, .2)}
.tab-icon {width: 50px;height: 50px;border-radius: 12px;justify-content: center;color: #fff;font-size: 1.25rem;z-index: 2;transition: .3s;flex-shrink: 0}
.tab-icon i {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;line-height: 1;color: #39b7d7}
.modern-tab-btn.active .tab-icon {transform: scale(1.1)}
.tab-content {position: relative;z-index: 2;text-align: left;display: flex;flex-direction: column;justify-content: center;flex: 1}
.tab-content h3 {font-size: 1.125rem !important;font-weight: 600;color: #1e293b;margin: 0;transition: color .3s;line-height: 1.3}
.tab-content p {font-size: .875rem;color: #64748b;margin: 0;transition: color .3s}
.content-text h3,.stat-number {font-size: 2rem;font-weight: 700}
.modern-tab-btn.active .tab-content p {color: #475569}
.modern-tab-content {background: linear-gradient(180deg, rgba(220, 244, 247, .8) 0, rgba(220, 244, 247, .3) 100%);backdrop-filter: blur(20px);border-radius: 24px;padding: 3rem;box-shadow: 0 20px 40px rgba(0, 0, 0, .1);border: 1px solid rgba(255, 255, 255, .3);min-height: 500px}
.tab-panel {display: none;animation: .6s ease-out fadeInUp}
@keyframes fadeInUp {
    from {opacity: 0;transform: translateY(30px)}
    to {opacity: 1;transform: translateY(0)}
}
.panel-content {display: flex;flex-direction: column;gap: 2rem}
.content-image {position: relative;border-radius: 20px;overflow: hidden;box-shadow: 0 15px 35px rgba(0, 0, 0, .1)}
.content-image img {width: 100%;object-fit: cover;transition: transform .3s}
.image-overlay {position: absolute;background: linear-gradient(135deg, rgba(59, 130, 246, .8) 0, rgba(29, 78, 216, .8) 100%);transition: opacity .3s;display: flex;align-items: center;justify-content: center}
.content-image:hover .image-overlay {opacity: 1}
.overlay-stats {display: flex;gap: 2rem;text-align: center}
.stat-number {display: block;margin-bottom: .5rem}
.stat-label {font-size: .875rem;opacity: .9}
.content-text h3 {color: #1e293b;margin-bottom: 1.5rem;background: linear-gradient(135deg, #1e293b 0, #475569 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.content-text p {font-size: 1.125rem;color: #64748b;line-height: 1.7;margin-bottom: 2rem}
.feature-highlights {display: flex;flex-direction: column;gap: 1rem}
.highlight-item {display: flex;align-items: center;gap: .75rem;padding: .75rem 1rem;background: rgba(59, 130, 246, .05);border-radius: 12px;border-left: 4px solid #3b82f6;transition: .3s}
.highlight-item:hover {background: rgba(59, 130, 246, .1);transform: translateX(5px)}
.highlight-item i {color: #3b82f6;font-size: 1.125rem}
.highlight-item span {color: #475569;font-weight: 500}
@media (max-width:1200px) {
    .modern-tab-btn {padding: 1rem 1.25rem}
    .panel-content {gap: 1.5rem}
}
@media (max-width:992px) {
    .modern-section-title {font-size: 2rem}
    .tab-nav-wrapper {flex-direction: row;flex-wrap: wrap;justify-content: center;padding: 1rem}
    .modern-tab-btn {min-width: 200px;max-width: 300px;padding: 1rem 1.25rem}
    .modern-tab-content {padding: 2rem}
}
@media (max-width:768px) {
    .modern-section-title {font-size: 1.75rem}
    .content-text p,.tab-content h4,.tab-icon {font-size: 1rem}
    .modern-section-subtitle {font-size: 1rem;margin-bottom: -25px;}
    .modern-tab-btn {padding: 1rem 1.5rem;gap: .75rem}
    .row.equal-height {margin-top: 0 !important;}
    .support-section {margin-top: 0.5rem;}
    .tab-icon {width: 40px;height: 40px}
    .tab-content p {font-size: .8rem}
    .modern-tab-content {padding: 1.5rem;min-height: auto}
    .content-text h3,.stat-number {font-size: 1.5rem}
    .content-image img {height: 250px}
    .overlay-stats {gap: 1rem}
}
@media (max-width:576px) {
    .main-title,.section-title {font-size: 1.6rem;margin-bottom: 1rem;}
    .section-title-1 {font-size: 1.6rem;margin-bottom: 1.5rem;}
    .subtitle {margin-bottom: 2rem;text-align: center !important;}
    .review-text {font-size: .95rem}
    .offer-subtitle {font-size: 28px}
    .offer-text {font-size: 16px}
    .feature-card,.review-card {padding: 1rem}
    .modern-features-section {padding: 0 !important;}
    .modern-section-title {font-size: 1.5rem;margin-bottom: 1rem;margin-top: 1.9rem;}
    .modern-tab-btn {padding: .75rem 1rem;border-radius: 12px}
    .tab-icon {width: 35px;height: 35px;font-size: .9rem}
    .modern-tab-content {padding: 1rem;border-radius: 16px;margin-top: 26px}
    .content-text h3 {font-size: 1.25rem}
    .highlight-item {padding: .5rem .75rem}
    .highlight-item i {font-size: 1rem}
}
#transparent-form input[type=email],#transparent-form input[type=tel],#transparent-form input[type=text],.iti--allow-dropdown {margin-bottom: 9px}
#phonenumber_cc2 {padding: 0 0 0 50px !important;height: 47px}
#phonenumber_cc2::placeholder,#transparent-form input::placeholder {color: #fff}
#selectService {color: #fff;text-transform: none;text-align: left;white-space: nowrap;text-overflow: ellipsis;width: 100%;height: 45px;font-weight: 500;border: none;outline: 0;display: block}
#selectService option {padding: 5px}
.select-container {position: relative;width: 100%;border-radius: 8px;margin-bottom: 11px;background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .2)}
.select-device-container {display: flex;align-items: center;flex-wrap: wrap;padding: 0 12px;border: 1px solid rgba(255, 255, 255, .2);border-radius: 4px;background: rgba(255, 255, 255, .1);color: #fff}
.selected-options {display: flex;flex-wrap: wrap;gap: 10px;margin-right: 10px}
.selected-option {background-color: #28a745;color: #fff;border-radius: 4px;padding: 5px 10px;margin: 0;display: inline-flex;align-items: center;height: 25px}
.selected-option span {margin-right: 10px;font-size: 12px}
.selected-option .close-btn {padding: 0 !important;cursor: pointer;line-height: 1;margin-top: -3px;font-size: 18px}
.coupon_btn {box-shadow: none;outline: 0;background-color: #0963c0;width: 100%;white-space: normal;font-size: 16px !important;background: linear-gradient(90deg, #009644 0, #18adc0 100%);color: #fff}
.coupon_btn:hover {background: linear-gradient(90deg, #007a3a 0, #148899 100%);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 150, 68, .4);color: #fff}
#mymodalpopup .modal-content {width: 50%}
@media screen and (max-width:768px) {
    #mymodalpopup .modal-content {width: 100%}
    .accordion-view {display: block}
}
.accordion-view {display: none}
@media (max-width:768px) {
    .app_img {height: 53px !important;}
    .sub_sec .py-5 {padding-top: 0 !important;padding-bottom: 1rem !important;}
    .modern-tab-container .row>div[class*=col-lg] {display: none}
    .accordion-view {display: block;margin-top: 0}
    .accordion-item {margin-bottom: 1rem;border-radius: 12px;overflow: hidden;border: 1px solid rgba(57, 183, 215, .2);box-shadow: 0 2px 8px rgba(0, 0, 0, .1);transition: .3s}
    .accordion-item:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, .15);border-color: rgba(57, 183, 215, .4)}
    .accordion-button {width: 100%;background: 0 0;border: none;outline: 0;padding: 1.25rem 1.5rem;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: .3s}
    .accordion-button:hover {background: rgba(57, 183, 215, .05)}
    .accordion-button.active,.accordion-icon {background: rgba(57, 183, 215, .1)}
    .accordion-icon {width: 45px;height: 45px;border: 2px solid rgba(57, 183, 215, .3);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;color: #39b7d7;flex-shrink: 0;transition: .3s}
    .accordion-button.active .accordion-icon {background: rgba(57, 183, 215, .2);border-color: rgba(57, 183, 215, .5);transform: scale(1.05)}
    .accordion-title {flex: 1;margin-left: 1rem;margin-right: 1rem;font-size: 1.1rem;font-weight: 600;color: #4a5568;line-height: 1.4;transition: color .3s}
    .accordion-button.active .accordion-title {color: #39b7d7}
    .accordion-toggle {font-size: 1.5rem;font-weight: 700;color: #39b7d7;transition: .3s;flex-shrink: 0}
    .accordion-content {display: none;background: #fff;border-top: 1px solid rgba(57, 183, 215, .2)}
    .accordion-image {padding: 0}
    .accordion-image img {width: 100%;height: auto;object-fit: cover;border-radius: 0}
    .accordion-text {padding: 1.5rem}
    .accordion-text p {font-size: .95rem;line-height: 1.6;margin-bottom: 0;color: #64748b}
    .accordion-text a {color: #39b7d7;text-decoration: none;font-weight: 500}
    .accordion-text a:hover {color: #2c9bb8;text-decoration: underline}
    .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}
    .install_device {margin-bottom: 0 !important}
}
@media (max-width: 576px) {
    .app_img {height: 40px !important;}
    .rating-box img {height: 16px !important}
    .rating {display: flex;font-size: 8px !important}
    .rating-section .gap-4 {gap: 0rem !important}
}