html {
    scroll-behavior: smooth;    
    scroll-padding-top: 70px; 
}

.hero-container {display: flex;align-items: center;justify-content: space-between;max-width: 1200px;width: 100%;padding: 32px;margin:0 auto}
.hero-text {flex: 1;padding-right: 48px;max-width: 50%;}
.pre-headline {display: flex;align-items: center;margin-bottom: 8px;}
.logo-ai {width: 40px;height: 40px;margin-right: 15px;}
.ai-powered {font-size: 40px;font-weight: 700;margin: 0;background: linear-gradient(90deg, #4A4EED, #9D28ED, #F12D2D);-webkit-background-clip: text;background-clip: text;color: transparent;}
.main-headline {font-size: 45px;font-weight: bold;margin: 0 0 16px 0;color: #1d2b4f;line-height: 1.1;}
.description {font-size: 16px;color: #5a647e;line-height: 1.6;margin-bottom: 32px;max-width: 500px;}
.cta-button {background-color: #ff6b28;color: white;padding: 16px 32px;border-radius: 6px;text-decoration: none;font-weight: 600;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s ease;}
.cta-button:hover {background-color: #e55f24;}
.cta-button span {font-size: 19px;font-weight: bold;}
.hero-image-section {flex: 1;display: flex;justify-content: center;align-items: center;position: relative;padding-left: 32px;}
.image-wrapper {position: relative;z-index: 1;}
.main-image {width: 100%;max-width: 450px;}
.popup-card {position: absolute;bottom: 20px;right: -140px;background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(5px);border: 1px solid #eee;padding: 15px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);width: 280px;font-size: 12px;color: #444;pointer-events: none;}
.popup-details {display: grid;grid-template-columns: max-content 1fr;align-items: baseline;gap: 5px 4px;}
.popup-details .label {color: #666;}
.popup-details .value {font-weight: 600;color: #333;}
.popup-details .multi {grid-column: 1 / -1;display: flex;justify-content: space-between;}
.popup-details .multi-item {display: flex;gap: 4px;}
.popup-card .divider {border-top: 1px solid #e0e0e0;margin: 12px 0;}
.approval-question {text-align: center;font-weight: 600;margin: 0 0 10px 0;font-size: 13px;line-height: 0;padding-bottom: 6px;}
.button-group {display: flex;justify-content: space-between;gap: 10px;}
.button-group button {flex: 1;border: none;border-radius: 5px;padding: 8px 10px;color: white;font-weight: 600;font-size: 12px;cursor: pointer;transition: opacity 0.3s ease;}
.button-group button:hover {opacity: 0.9;}
.button-group .approve {background-color: #28a745;}
.button-group .reject {background-color: #dc3545;}
.image-content {flex: 1.1;display: flex; justify-content: center;}
.image-content img {max-width: 100%;height: auto;object-fit: scale-down;}
.features {list-style: none;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 25px;margin-bottom: 35px;}
.features li {display: flex;align-items: center;color: #444;}
.checkmark {display: inline-flex;justify-content: center;align-items: center;width: 15px;height: 15px;color: #fff;margin-right: 5px;}
.landing-section .description{    margin-bottom: 12px;}
.landing-section .subtitle {font-size: 17px;font-weight: normal;color: #212121;margin-bottom: 8px;padding-bottom: 0;}
.cta-button {background-color: #29428c;color: #ffffff;border: none;border-radius: 6px;padding: 12px 20px;font-size: 15px;font-weight: 600;cursor: pointer;transition: background-color 0.3s ease;}
ul.features.features-line {display: block;}
ul.features.features-line li { padding-bottom:15px;}
.experience .description {  padding-bottom: 0px;  max-width: 100%;}
.experience  .title{ width:70%}

.friendly-section {padding: 80px 0;}
.info-card {background: #ffffff;border-radius: 12px;padding: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);height: 100%;border: 1px solid #e9ecef;transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.info-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(44, 62, 80, 0.12);}
.card-standard {border-top: 4px solid #007bff;    margin: 0px 15px;}
.card-optional {border-top: 4px solid #fd7e14;    margin: 0px 15px;}
.card-header-main {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.card-header-main .icon-wrapper {width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.card-standard .icon-wrapper {background-color: #e7f1ff;color: #007bff;}
.card-optional .icon-wrapper {background-color: #fff8e1;color: #fd7e14;}
.card-header-main .icon-wrapper .mdi {font-size: 22px;}
.card-header-main h3 {font-size: 22px;font-weight: 600;color: #343a40;margin: 0;}
.feature-list {list-style: none;padding-left: 0;margin-bottom: 0;}
.feature-list li {padding-left: 30px;position: relative;margin-bottom: 12px;font-size: 16px;
    color: #5a647e;line-height: 1.6;}
.feature-list li:last-child {margin-bottom: 0;}
.feature-list li::before {content: "";position: absolute;left: 0;top: 6px;width: 15px; height: 15px; border-radius: 4px;}
.card-standard .feature-list li::before {background: #007bff;}
.card-optional .feature-list li::before {background: #ff5c12;}
.main-container {display: grid;grid-template-columns: 1fr 1.25fr;width: 100%;background: #ffffff;border-radius: 24px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);overflow: hidden;border: 1px solid #ebebeb;}
.form-sidebar {background-color: #111827;padding: 30px;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.sidebar-illustration {max-width: 100%;height: auto;opacity: 0.9;}
.sidebar-quote {margin-top: 32px;font-size: 18px;line-height: 1.6;font-weight: 500; color:#fff}
.sidebar-quote span {display: block;margin-top: 16px;font-weight: 400;font-size: 14px;color: #6b7280;}
.form-content {padding: 30px;}
.h2 {font-size: 32px;font-weight: 700;margin-bottom: 8px;}
.form-subtitle {font-size: 16px;color: #6b7280;margin-bottom: 0px;    padding-bottom: 0;}
.pt0{ padding-top:0px;}
.mobile-menu-btn, footer, header,.container.landing-call {display: none;}
.ladding footer {display: block;}
header.ladding-header {display: block;}
.banner-btn a{ background: #ff5c12!important;}
.form-content .title p{ font-size:14px}

@media (max-width: 992px) {
.hero-container {flex-direction: column;text-align: center;}
.hero-text {padding-right: 0;margin-bottom: 48px;max-width: 100%;}
.description {max-width: none;}
.pre-headline {justify-content: center;}
.hero-image-section {padding-left: 0;width: 90%;}
.popup-card {right: 10px;bottom: 10px;width: 250px;}
header.ladding-header{ position:inherit}
.image-content {padding: 40px 0;}
.experience .title {width: 100%;padding: 0 0 20px 0;}
.card-header-main h3 {font-size: 17px;}
.form-sidebar {display: none;}
.main-container {display: block;}
section.light-bg.landing-section {padding: 40px 0 60px 0;}
.card-optional {margin: 20px 15px;}
section#get-demo {padding: 30px 0 0 0;}
.banner-btn.request-btn.mob-hide{ display:none}
.features{ display:inline-block}
.features li { padding-bottom:15px}
section.landing-section .title{ padding:0}
.g2-review{ display: contents!important;}
}

@media (max-width: 576px) {
.ai-powered {font-size: 25px;}
.main-headline {font-size: 26px;}
.hero-container {padding: 16px;}
.hero-text {margin-bottom: 32px;}
.popup-card {position: relative;bottom: 50px;margin-left: auto;margin-right: auto;z-index: 2;max-width: 90%;right: auto;}
.hero-image-section {margin-bottom: -30px;}
.logo-ai { width: 30px; height: 29px; margin-right: 6px;}
}