html {overflow-x: hidden;}
body {margin: 0;padding: 0;font-family: "Poppins", sans-serif; overflow: hidden; background: #D4D4D4;font-size: 18px;line-height: normal;color: #504E4E;overflow-x: hidden;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button {margin: 0;padding: 0;vertical-align: baseline;box-sizing: border-box;-webkit-box-sizing: border-box;list-style: none;text-decoration: none;outline: none;border: 0;border-spacing: 0;border-collapse: collapse;}
*, after, before {box-sizing: border-box;-webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal;}
body {line-height: 1;}
select{background-image: none !important;}
a {color: #000;text-decoration: none;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
a:hover {text-decoration: none;color: #000;}
p {line-height: 1.6;font-size: 18px;color: #000;font-family: "Poppins", sans-serif;}
b, strong {font-weight: 600;}
a:focus {background: none;}
u {text-decoration: underline;}
i, em {font-style: italic;}
img {max-width: 100%; width: auto; height: auto;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {appearance: none;-webkit-appearance: none;-webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {cursor: pointer;font-size: 14px;}
.clearfix {clear: both;}
::-moz-selection {color: #fff;background: #2895FC;}
::selection {color: #fff;background: #2895FC;}

@media screen and (min-width:1499px) {
    .container {max-width: 1370px !important;}
}

:root {
	--bg-main: #dcdcdc;
	--bg-sidebar: #d8d8d9;
	--primary-accent: #f04438;
	--secondary-accent: #f77d6d;
	--text-dark: #121212;
	--text-muted: #5a5a5c;
	--card-bg: rgba(230, 230, 232, 0.85);
	--card-hover: rgba(255, 255, 255, 0.9);
}


.btn {border: 1px solid transparent;padding: 10px 20px;font-size: 18px;font-weight: 600;color: rgba(0, 0, 0, 1);transition: 0.4s;-webkit-transition: 0.4s;background: transparent;border-radius: 10px;text-align: center;}
.btn:focus{box-shadow: none; outline: none;}
.btn-primaryx{background: rgba(212, 78, 82, 1); color: #fff;}
.btn-primaryx:hover,
.btn-primaryx:focus{background: transparent; color: rgba(212, 78, 82, 1); border-color: rgba(212, 78, 82, 1);}
.btn-defaultx{background: transparent; color: rgba(0, 0, 0, 1); border-color: rgba(212, 78, 82, 1);}
.btn-defaultx:hover,
.btn-defaultx:focus{background: rgba(212, 78, 82, 1); color: #fff; border-color: rgba(212, 78, 82, 1);}

.bgcicle img {position: absolute;top: 40%;user-select: none;pointer-events: none; width: 100%; z-index: -1;}
.nativly-hero-wrapper {min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; position: relative; padding-bottom: 0;}
.nativly-header-nav {padding: 1.5rem 3.5rem;background: transparent;z-index: 1000;position: absolute;left: 0;right: 0;top: 0;width: 100%;}
.nativly-brand-logo {display: inline-flex; align-items: center; text-decoration: none; gap: 6px; }
.nativly-logo-mark {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background-color: #c53338; border-radius: 50% 50% 50% 4px; color: #ffffff; font-weight: 800; font-size: 1.15rem; line-height: 1; box-shadow: 0 4px 10px rgba(197, 51, 56, 0.25); }
.nativly-logo-text {font-size: 1.65rem;font-weight: 800;color: #111111;letter-spacing: -0.6px;line-height: 1;}
.nativly-nav-menu-container {display: flex; align-items: center; gap: 2rem; margin-left: 3rem; }
.nativly-nav-item {position: relative; list-style: none; }
.nativly-nav-link {color: #000000; font-weight: 400; font-size: 16px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; padding: 0.4rem 0.2rem; transition: color 0.25s ease; cursor: pointer; }
.nativly-nav-link i {font-size: 14px;color: #000000;transition: transform 0.25s ease, color 0.25s ease;}
.nativly-nav-link:hover {color: #000000;}
.nativly-nav-link:hover i {color: #000000;transform: translateY(1px);}
.nativly-dropdown-menu {position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 5px; padding: 0; min-width: 180px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); z-index: 1050; }
.nativly-nav-item:hover .nativly-dropdown-menu,
.nativly-nav-item.open .nativly-dropdown-menu {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(4px); }
.same-heading-content h2 strong {color: #D53F44;}
.nativly-dropdown-item {display: block;padding: 10px 10px;color: #000000;font-size: 14px;font-weight: 400;text-decoration: none;border-radius: 0;transition: all 0.2s ease;}
.nativly-dropdown-item:hover {background-color: rgba(0, 0, 0, 0.05);color: #c53338;}
.nativly-auth-group {display: flex;align-items: center;gap: 12px;margin-left: auto;}
.nativly-btn-login {background-color: #EBEBEB; color: #464646; font-weight: 500; font-size: 14px; padding: 11px 20px; border-radius: 7px; border: 1px solid #C3C3C3; backdrop-filter: blur(8px); transition: all 0.25s ease; text-decoration: none; display: inline-block; }
.nativly-btn-login:hover {background-color: #ffffff; color: #000000; }
.nativly-btn-signup {background-color: #000000; color: #ffffff; font-weight: 500; font-size: 14px; padding: 11px 20px; border-radius: 7px; border: 1px solid #000; transition: all 0.25s ease; text-decoration: none; display: inline-block; }
.nativly-btn-signup:hover {background-color: transparent;color: #000000;}
.nativly-mobile-toggle {display: none; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 8px; padding: 6px 12px; font-size: 1.2rem; color: #222222; cursor: pointer; }
.nativly-hero-content {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 1rem; max-width: 880px; margin: 0 auto; width: 100%; }
section.same-section.natively-idea-section.pt-0 {margin-top: -5rem;}
.nativly-hero-title {font-size: 66px; font-weight: 600; color: #2B2B2B; margin-bottom: 0.8rem; line-height: 1.4; }
.nativly-hero-title span {color: #A42227; }
.nativly-hero-subtitle {font-size: 23px; color: #646464; font-weight: 400; margin-bottom: 2.2rem; line-height: 1.4; }
.nativly-prompt-card {width: 100%; max-width: 100%; background: #E2E2E2; border: 1px solid #B9B9B9; border-radius: 10px; padding: 15px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.02); margin-bottom: 2.2rem; transition: all 0.3s ease; }
.nativly-prompt-card:focus-within {border-color: rgba(197, 51, 56, 0.35); background: rgba(240, 240, 240, 0.65); box-shadow: 0 12px 32px rgba(197, 51, 56, 0.08); }
.nativly-prompt-input {width: 100%;background: transparent;border: none;outline: none;resize: none;font-size: 14px;color: #000000;height: 50px;font-weight: 400;line-height: 1.6;}
.nativly-prompt-input::placeholder {color: #666666; font-weight: 400; }
.nativly-prompt-actions {display: flex; justify-content: space-between; align-items: center; margin-top: 0.4rem; }
.nativly-add-attachment {background: transparent; border: none; color: #444444; font-size: 1.15rem; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease; }
.nativly-add-attachment:hover {color: #000000;}
.nativly-submit-arrow-btn {width: 34px; height: 34px; border-radius: 50%; background-color: #f29da2; border: none; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; cursor: pointer; transition: all 0.25s ease; }
.nativly-submit-arrow-btn:hover {background-color: #c53338; transform: scale(1.06); }
.nativly-carousel-wrapper {width: 100%; max-width: 600px; position: relative; margin-bottom: 2rem; padding: 0 45px; }
.nativly-category-card {display: flex; flex-direction: column; align-items: center; text-align: center; cursor: pointer; user-select: none; }
.nativly-category-icon-bg {width: 58px; height: 58px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #c53338; margin-bottom: 0.6rem; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.nativly-category-card:hover .nativly-category-icon-bg {transform: translateY(-2px);}
.nativly-category-name {font-size: 0.8rem;font-weight: 500;color: #333333;transition: color 0.2s ease;}
.nativly-category-card:hover .nativly-category-name {color: #c53338;font-weight: 600;}
.nativly-slider-arrow {position: absolute; top: 29px; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; color: #555555; font-size: 0.75rem; cursor: pointer; transition: all 0.25s ease; z-index: 10; }
.nativly-slider-arrow:hover {background: #ffffff;color: #c53338;border-color: #c53338;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.nativly-arrow-left {left: 0;}
.nativly-arrow-right {right: 0;}
.nativly-chips-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.nativly-action-chip {background-color: #FFC3C3;border: 1px solid #FFC3C3;border-radius: 10px;padding: 7px 18px;font-size: 12PX;font-weight: 500;color: #2B2B2B;text-decoration: none;transition: all 0.25s ease;}
.nativly-action-chip:hover {background-color: #ffffff;color: #c53338;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}
.natively-idea-image-parent img {max-width: 680px;}

.tmpl-header-top {border-top: 3px solid #D9D9D9;padding-top: 50px; margin-bottom: 40px;}
section.same-section {padding: 4rem 0;}
.same-heading-content span {color: #D53F44;font-size: 23px;font-weight: 500;line-height: 1.4;margin: 0;}
.tmpl-header-top .same-heading-content h2 {margin-bottom: 0;}
.same-heading-content h2 {color: #1A1A1A;font-size: 52px;font-weight: 600;line-height: 1.3;margin: 10px 0;}
.nativly-idea-bottom-process {margin: 40px 0 0;}
.nativly-idea-bottom-content p {color: #464646;font-size: 17px;font-weight: 400;line-height: 1.6;margin: 0;}
.nativly-idea-bottom-content h3 {color: #000000;font-size: 20px;font-weight: 500;line-height: 1.4;}
.nativly-idea-bottom-content figure {width: 50px;height: 50px;margin: 0;position: absolute;left: 0;top: 0;}
.nativly-idea-bottom-content {position: relative;padding-left: 70px;}
.nativly-idea-bottom-content + .nativly-idea-bottom-content {margin: 25px 0 0;}

.tmpl-section-wrapper {width: 100%; position: relative; overflow: hidden; }
.tmpl-section-subtitle {color: #ea384d; font-size: 0.8rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 0.5rem; }
.tmpl-section-title {font-size: 2.5rem; font-weight: 800; color: #121316; letter-spacing: -0.8px; line-height: 1.15; margin-bottom: 0; }
.tmpl-tab-pills {border: none; gap: 8px; margin-top: -40px; }
.tmpl-tab-pills .nav-item {margin-bottom: 0; }
.tmpl-tab-pills .nav-link {border: none; background: #FFFFFF; color: #858585; font-size: 14px; font-weight: 500; padding: 11px 15px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.tmpl-tab-pills .nav-link:hover {color: #ea384d; background: #ffffff; transform: translateY(-1px); }
.tmpl-tab-pills .nav-link.active {background-color: #000000 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.tmpl-card img {width: 100%;height: 100%;object-fit: cover;}
.tmpl-btn-browse {font-size: 14px;padding: 10px 20px;}
.tmpl-card {height: 440px; border-radius: 20px; position: relative; overflow: hidden; border: none; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.tmpl-card:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.14); }
.tmpl-phone-mockup {width: 220px; height: 380px; background: #111; border-radius: 36px; border: 5px solid #28282b; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35); position: relative; overflow: hidden; display: flex; flex-direction: column; }
.tmpl-phone-notch {position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 70px; height: 14px; background: #000; border-radius: 10px; z-index: 10; }
.tmpl-dark-card-content {position: absolute; inset: 0; padding: 1.5rem 1.2rem; display: flex; flex-direction: column; justify-content: space-between; }
.tmpl-dark-card-title {color: #ffffff; font-weight: 700; font-size: 1.05rem; line-height: 1.25; z-index: 2; }
.tmpl-dark-card-desc {color: #8a8d9b; font-size: 0.65rem; line-height: 1.3; margin-top: 4px; }
.tmpl-dark-bg-watermark {position: absolute; left: -10px; bottom: 20px; font-size: 5rem; font-weight: 900; color: rgba(255, 255, 255, 0.05); line-height: 0.9; pointer-events: none; user-select: none; }
.tmpl-phone-screen-dark {background: #151622; padding: 24px 10px 10px 10px; height: 100%; }
.tmpl-app-header {display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 0.7rem; margin-bottom: 10px; }
.tmpl-app-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.tmpl-app-item {background: #202234; border-radius: 8px; padding: 6px; height: 90px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.tmpl-app-item-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }
.tmpl-app-item-title {color: #fff; font-size: 0.55rem; font-weight: 600; z-index: 2; position: relative; }
.tmpl-yellow-bg-wrapper {position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.tmpl-drink-img {width: 100%; height: 82%; object-fit: cover; object-position: center; }
.tmpl-yellow-watermark {position: absolute; left: 10px; top: 45%; font-size: 3.5rem; font-weight: 900; color: rgba(0, 0, 0, 0.15); line-height: 0.9; text-transform: uppercase; }
.tmpl-card-3-screen {background: #ffffff; height: 100%; padding: 20px 10px 10px 10px; display: flex; flex-direction: column; align-items: center; }
.tmpl-model-card {width: 100%; height: 190px; border-radius: 14px; overflow: hidden; margin-top: 10px; position: relative; }
.tmpl-model-img {width: 100%; height: 100%; object-fit: cover; }
.tmpl-match-btn {background: #ea384d; color: white; border: none; border-radius: 8px; padding: 6px 16px; font-size: 0.65rem; font-weight: 600; margin-top: 15px; width: 90%; }
.tmpl-blue-screen {background: #f8fafc; height: 100%; padding: 22px 10px 10px 10px; }
.tmpl-balance-card {background: #0284c7; color: white; border-radius: 10px; padding: 10px; text-align: center; margin-top: 8px; margin-bottom: 10px; }
.tmpl-balance-amount {font-size: 0.95rem; font-weight: 700; }
.tmpl-transaction-item {display: flex; align-items: center; justify-content: space-between; background: white; padding: 6px 8px; border-radius: 6px; margin-bottom: 5px; font-size: 0.58rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.tmpl-bottom-btn-wrapper {margin-top: 2.5rem; text-align: center; }
.tmpl-btn-browse {background-color: #ffffff; color: #D53F44; font-weight: 600; font-size: 16px; padding: 12px 20px; border-radius: 8px; border: 1px solid #D53F44; text-decoration: none; display: inline-block; transition: all 0.25s ease; }
.tmpl-btn-browse:hover {background-color: #ea384d; color: #ffffff; border-color: #ea384d; box-shadow: 0 6px 18px rgba(234, 56, 77, 0.25); transform: translateY(-2px); }
.aic-card {border-radius: 20px;border: none;position: relative;overflow: hidden;transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
.aic-card:hover {transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);}
.aic-card-light {background-color: #E2E2E2;padding: 2rem 1.8rem;min-height: 250px;display: flex;flex-direction: column;justify-content: space-between;}
.aic-stat-red {color: #D53F44;font-size: 52px;font-weight: 600;line-height: 1;}
.aic-card-light .aic-serif-title {color: #2B2B2B;font-size: 23px;font-weight: 500;margin-bottom: 0.4rem;}
.aic-card-light p {color: #454545;font-size: 15px;line-height: 1.6;margin-bottom: 0;font-weight: 400;}
.aic-card-dark {background-color: #6E6E6E;padding: 2rem 1.8rem;min-height: 250px;display: flex;flex-direction: column;justify-content: space-between;color: #ffffff;}
.aic-icon-nodes {font-size: 2.2rem;color: #ffffff;}
.aic-card-dark .aic-serif-title {color: #FFFFFF;font-size: 23px;font-weight: 500;margin-bottom: 0.4rem;line-height: 1.4;}
.aic-card-dark p {color: #FFFFFF;font-size: 15px;line-height: 1.6;margin-bottom: 0;font-weight: 400;}
.aic-card-hero {background: url(/images/build-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center;padding: 2.5rem 2.2rem 2.2rem 2.2rem;height: 100%;min-height: 520px;display: flex;flex-direction: column;justify-content: space-between;color: #ffffff;}
.aic-stat-hero {font-size: 54px;font-weight: 600;line-height: 1.4;color: #FFFFFF;margin: 0;}
.aic-hero-bottom-wrapper {position: relative;z-index: 2;display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;}
.aic-hero-content {max-width: 65%;}
.aic-card-hero .aic-serif-title {font-size: 34px;font-weight: 600;line-height: 1.4;margin-bottom: 0.75rem;color: #ffffff;}
.aic-card-hero p {color: #FFFFFF;font-size: 15px;line-height: 1.6;margin-bottom: 0;font-weight: 400;} 
.aic-btn-try {background-color: #ffffff; color: #000000; font-size: 16px; font-weight: 500; padding: 12px 15px; border-radius: 40px; border: none; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; transition: all 0.25s ease; }
.aic-btn-try:hover {background-color: #121316;color: #ffffff;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);}
.aic-btn-try:hover img{filter: brightness(0) invert(1);}
.aic-card-image {height: 100%; min-height: 520px; position: relative; background-image: url('/images/intelligent-img.png'); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; padding: 2.2rem 1.8rem; color: #ffffff; }
.aic-image-card-content {position: relative;z-index: 3;text-align: center;}
.aic-card-image .aic-serif-title {font-size: 32px; font-weight: 600; margin-bottom: 0.6rem; color: #ffffff; line-height: 1.4; }
.aic-card-image p {color: #DDDDDD; font-size: 15px; line-height: 1.6; margin-bottom: 0; max-width: 100%; margin-left: auto; margin-right: auto; }
.nativly-price-card {background-color: #FFFFFF; border-radius: 13px; border: 1px solid #9A9A9A; padding: 20px; position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); transition: transform 0.35s ease, box-shadow 0.35s ease; }
.nativly-price-card:hover {transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08); }
.nativly-card-header-tag {font-size: 17px; font-weight: 500; text-transform: uppercase; color: #7E7E7E; margin-bottom: 1.25rem; line-height: 1.4; }
.nativly-card-header-tag.red-tag {color: #d9383a; }
.nativly-card-header-tag.white-tag {color: rgba(255, 255, 255, 0.85); }
.nativly-card-price {font-size: 50px; font-weight: 600; line-height: 1; color: #1A1A1A; margin-bottom: 1.25rem; display: flex; align-items: baseline; gap: 2px; }
.nativly-card-price .currency-symbol {font-size: 2rem;font-weight: 700;line-height: 1;}
.nativly-card-price .price-period {font-size: 17px;font-weight: 400;color: #646464;line-height: 1.4;margin: 0;}
.nativly-card-price.custom-price {font-size: 45px;}
.nativly-card-price.custom-price .quote-text {font-size: 1.25rem; font-weight: 500; margin-left: 2px; opacity: 0.9; }
.nativly-card-desc {font-size: 15px;line-height: 1.6;color: #909090;margin-bottom: 1.75rem;min-height: 65px;}
.nativly-card-desc.white-desc {color: rgba(255, 255, 255, 0.9);}
.nativly-card-divider {height: 1px;background-color: #D9D9D9;margin-bottom: 1.75rem;border: none;}
.nativly-card-divider.white-divider {background-color: #FEA168;}
.nativly-feature-list {list-style: none; padding: 0; margin: 0 0 2rem 0; display: flex; flex-direction: column; gap: 0.9rem; }
.nativly-feature-item {font-size: 15px; font-weight: 400; color: #2B2B2B; display: flex; align-items: center; gap: 0.75rem; line-height: 1.4; }
.nativly-feature-item.item-white {color: #ffffff; }
.nativly-icon-check {color: #10b981; font-size: 0.95rem; flex-shrink: 0; }
.nativly-icon-cross {color: #ef4444; font-size: 0.95rem; flex-shrink: 0; }
.nativly-icon-diamond {color: #f59e0b; font-size: 0.75rem; flex-shrink: 0; }
.nativly-btn-action {width: 100%; padding: 13px 15px; border-radius: 10px; font-weight: 600; font-size: 15px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 9px; transition: all 0.25s ease; cursor: pointer; border: 1px solid #D53F44; }
.nativly-btn-red {background-color: #D53F44; color: #ffffff; box-shadow: 0 4px 12px rgba(217, 56, 58, 0.25); }
.nativly-btn-red:hover {background-color: transparent; color: #D53F44; box-shadow: 0 6px 18px rgba(217, 56, 58, 0.35); transform: translateY(-1px); }
.nativly-btn-white {background-color: #ffffff; color: #121316; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.nativly-btn-white:hover {background-color: #f8fafc;color: #d9383a;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);transform: translateY(-1px);}
.nativly-card-popular {border: 1.5px solid #D53F44; position: relative; }
.nativly-popular-badge {position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: #d9383a; color: #ffffff; font-size: 14px; font-weight: 500; padding: 13px 20px; border-radius: 50px; box-shadow: 0 4px 10px rgba(217, 56, 58, 0.3); white-space: nowrap; z-index: 2; }
.nativly-card-enterprise {border: none; color: #ffffff; box-shadow: 0 10px 30px rgba(240, 65, 40, 0.25); background: transparent linear-gradient(214deg, #FCA536 0%, #FD6328 52%, #CE272F 100%) 0% 0% no-repeat padding-box; }

.mobileapp-main-wrapper {background: #DDDDDD;border-radius: 13px;}
.mobileapp-main-wrapper .mobile-app-content-parent {display: flex;justify-content: space-between;flex-direction: column;height: 100%;padding: 40px;}
.same-heading-content p {color: #646464;font-size: 20px;font-weight: 400;line-height: 1.6;margin: 0;}
.mobileapp-bottom-content p {color: #D53F44;font-size: 20px;font-weight: 500;line-height: 1.4;margin: 0 0 20px;}
.mobileapp-bottom-content .btn {font-size: 16px;}
footer {padding: 20px 0;background: #FFFFFF5A;}
.footer-content-parent {display: flex;align-items: center;justify-content: space-between;}
.footer-content-parent ul {display: flex;align-items: center;justify-content: center;gap: 10px;}
.footer-content-parent p {color: #0D0D0D;font-size: 18px;line-height: 1.4;margin: 0;font-weight: 400;}

.css-modal-toggle,
.css-dropdown-toggle,
.css-sidebar-toggle,
.css-voice-toggle {display: none; }
.workspace-main-wrapper {position: relative; width: 100vw; height: 100vh; display: flex; background-color: #d4d4d4; overflow: hidden; }
.glowing-red-ambient-background {position: absolute; bottom: 0; width: 100%; height: 100%; background: url(/images/workspace-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 1; }
@keyframes pulseGlow {
    0% { transform: translateX(-50%) scale(1); opacity: 0.8; }
    100% { transform: translateX(-50%) scale(1.15); opacity: 1; }
}
.workspace-sidebar-navigation {position: relative; z-index: 20; width: 260px; height: 100%; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; background-color: transparent; transition: transform 0.3s ease; }
.mobile-sidebar-backdrop {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 15; backdrop-filter: blur(2px); }
.workspace-sidebar-top-section {display: flex; flex-direction: column; height: 100%; margin: 0 0 20px;}
.workspace-brand-header {display: flex; align-items: center; justify-content: space-between; padding-bottom: 4px; }
.workspace-brand-logo-text {font-size: 28px; font-weight: 800; letter-spacing: -1px; color: var(--text-dark); display: flex; align-items: baseline; cursor: pointer; text-decoration: none; }
.workspace-brand-logo-dot {width: 7px; height: 7px; background-color: var(--primary-accent); border-radius: 50%; display: inline-block; margin-left: 2px; }
.workspace-search-trigger-icon {color: #666d7e;font-size: 16px;cursor: pointer;transition: color 0.2s ease, transform 0.2s ease;}
.dropdown-wrapper {position: relative; }
.workspace-profile-selector-button {display: flex; align-items: center; justify-content: space-between; background-color: #B9B9B9; padding: 8px 12px; border-radius: 20px; cursor: pointer; transition: background-color 0.2s ease; user-select: none; }
.workspace-profile-selector-button:hover {background-color: rgba(190, 190, 193, 0.8); }
.workspace-profile-info-group {display: flex; align-items: center; gap: 8px; }
.workspace-profile-avatar-image {width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.workspace-profile-title-text {font-size: 13px; font-weight: 500; color: #2b2b2b; }
.workspace-selector-chevron-icon {font-size: 12px; color: #555; transition: transform 0.2s ease; }
.css-dropdown-menu {position: absolute; top: 100%; left: 0; right: 0; margin-top: 6px; background: #ffffff; border-radius: 14px; padding: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all 0.2s ease; z-index: 50; }
#toggle-workspace-dropdown:checked ~ .css-dropdown-menu,
#toggle-plan-dropdown:checked ~ .css-dropdown-menu,
#toggle-user-dropdown:checked ~ .css-dropdown-menu {opacity: 1; visibility: visible; transform: translateY(0); }
#toggle-workspace-dropdown:checked + .workspace-profile-selector-button .workspace-selector-chevron-icon,
#toggle-plan-dropdown:checked + .app-prompt-plan-selector-badge i,
#toggle-user-dropdown:checked + .user-profile-settings-bar .user-settings-gear-button {transform: rotate(180deg); }
.dropdown-item {display: flex; align-items: center; gap: 10px; padding: 8px 12px; font-size: 13px; font-weight: 500; color: #333; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background 0.2s ease; }
.dropdown-item:hover {background: rgba(0, 0, 0, 0.05); color: var(--primary-accent); }
.workspace-create-file-button span.addplus {width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #B9B9B9; color: #000; } 
.workspace-create-file-button {display: flex; align-items: center; gap: 8px; background-color: #DDDDDD; border: none; padding: 10px 16px; border-radius: 7px; font-size: 13px; font-weight: 500; color: #2c2c2c; cursor: pointer; transition: all 0.2s ease; width: 100%; text-decoration: none; }
.workspace-create-file-button:hover {background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.workspace-navigation-menu-list {list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.workspace-navigation-menu-item {display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: #4a4a4a; font-size: 13px; font-weight: 500; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; }
.workspace-navigation-menu-item:hover {background-color: rgba(255, 255, 255, 0.4); color: #111111; }
.workspace-navigation-menu-icon {font-size: 14px; width: 18px; text-align: center; color: #5c5c5c; }
.workspace-sidebar-bottom-section {display: flex; flex-direction: column; gap: 12px; }
.user-profile-settings-bar .user-profile-identity-group + img {max-height: 18px;}
.plan-upgrade-banner-card {background: #FFE5E5;border-radius: 10px;padding: 10px 10px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 4px 15px rgba(247, 125, 109, 0.2);cursor: pointer;text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease;border: 1px solid #FFD1D2;}
.plan-upgrade-banner-card:hover,
.plan-upgrade-banner-card:focus {transform: translateY(-2px); box-shadow: 0 6px 20px rgba(247, 125, 109, 0.35); background-color: #FFE5E5;}
.plan-upgrade-text-content {display: flex; flex-direction: column; gap: 2px; }
.workspace-search-trigger-icon img {max-height: 16px;}
.plan-upgrade-headline-text {font-size: 12px; font-weight: 500; color: #2B2B2B; line-height: 1.4;}
.plan-upgrade-subtext-link {font-size: 10px;font-weight: 400;color: #D53F44;line-height: 1.4;}
.plan-upgrade-icon-badge {width: 32px; height: 32px; background-color: #1a1a1a; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #ff5722; font-size: 15px; }
.user-profile-settings-bar {display: flex; align-items: center; justify-content: space-between; background-color: #DDDDDD; padding: 8px 12px; border-radius: 20px; cursor: pointer; }
.user-profile-identity-group {display: flex; align-items: center; gap: 10px; }
.user-profile-avatar-thumbnail {width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.user-profile-display-name {font-size: 14px;font-weight: 400;color: #363636}
.user-settings-gear-button {color: #555555; font-size: 14px; transition: transform 0.3s ease; }
.workspace-main-content-area {position: relative; z-index: 5; flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 15px; overflow-y: auto; }
.workspace-main-inner-parent {width: 100%; max-width: 865px; padding: 0 20px; display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; }
.mobile-header-bar {display: none; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; position: absolute; top: 0; left: 0; z-index: 10; }
.mobile-menu-btn {font-size: 20px; color: var(--text-dark); cursor: pointer; background: rgba(255,255,255,0.6); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.workspace-hero-greeting-container {text-align: left; margin-bottom: 24px; margin-top: auto; }
.workspace-hero-primary-title {font-size: 45px; font-weight: 600; color: #1A1A1A; margin-bottom: 0; line-height: 1.4; }
.workspace-hero-subtitle-text {font-size: 18px; font-weight: 400; color: #646464; line-height: 1.4; margin: 0; }
.feed-history-container {display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; max-height: 380px; overflow-y: auto; padding-right: 6px; scroll-behavior: smooth; }
.feed-history-container::-webkit-scrollbar {width: 6px; }
.feed-history-container::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.15); border-radius: 10px; }
.feed-card {background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
@keyframes slideIn {from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.feed-card-header {display: flex; align-items: center; justify-content: space-between; }
.feed-card-badge {font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 3px 8px; border-radius: 6px; background: rgba(240, 68, 56, 0.1); color: var(--primary-accent); }
.feed-card-time {font-size: 11px; color: #888; }
.feed-card-text {font-size: 14px; line-height: 1.5; color: #222; font-weight: 500; }
.feed-card-attachment-img {max-width: 140px; max-height: 100px; border-radius: 10px; object-fit: cover; border: 1px solid rgba(0,0,0,0.1); }
.app-ideas-suggestion-stack {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 24px; }
.app-idea-chip-item {display: flex; align-items: center; gap: 8px; background-color: #FDDBDB; padding: 10px 10px; border-radius: 20px; font-size: 13px; font-weight: 500; color: #2B2B2B; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; backdrop-filter: blur(4px); user-select: none; }
.app-idea-chip-item:hover {transform: translateY(-2px);background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 4px 12px rgba(0,0,0,0.06);}
.app-idea-chip-item:active {transform: translateY(0);}
.app-idea-chip-emoji-icon {font-size: 14px;}
.app-prompt-input-wrapper {width: 100%; background-color: var(--card-bg); border-radius: 20px; padding: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: border-color 0.2s ease, box-shadow 0.2s ease; position: relative; }
.app-prompt-input-wrapper:focus-within {border-color: rgba(240, 68, 56, 0.4); box-shadow: 0 10px 35px rgba(240, 68, 56, 0.12); }
.app-prompt-text-field {width: 100%;border: none;outline: none;background: transparent;font-size: 14px;font-weight: 500;color: #1a1a1a;resize: none;height: 48px;}
.app-prompt-text-field::placeholder {color: #828285;font-weight: 400;}
.attachment-preview-container {display: flex; align-items: center; gap: 8px; margin-bottom: 8px; empty-cells: hide; }
.attachment-chip {display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.1); border-radius: 12px; padding: 4px 10px; font-size: 12px; color: #333; }
.attachment-chip-remove {cursor: pointer;color: #888;}
.attachment-chip-remove:hover {color: var(--primary-accent);}
.app-prompt-actions-toolbar {display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.app-prompt-add-attachment-button {background: transparent; border: none; font-size: 18px; color: #4a4a4c; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease, transform 0.2s ease; }
.app-prompt-add-attachment-button:hover {color: #111; transform: scale(1.1); }
.app-prompt-controls-right-group {display: flex; align-items: center; gap: 12px; }
.app-prompt-plan-selector-badge {display: flex; align-items: center; gap: 6px; background-color: rgba(205, 205, 208, 0.6); padding: 6px 12px; border-radius: 12px; font-size: 12px; font-weight: 600; color: #333; cursor: pointer; user-select: none; transition: background 0.2s ease; }
.app-prompt-plan-selector-badge:hover {background-color: rgba(190, 190, 195, 0.8);}
.app-prompt-voice-input-button {background: transparent;border: none;font-size: 18px;color: #1A1A1A;cursor: pointer;padding: 6px;border-radius: 50%;transition: color 0.2s ease, background 0.2s ease;display: flex;align-items: center;justify-content: center;position: relative;}
.app-prompt-voice-input-button:hover {color: var(--primary-accent);}
#toggle-voice-input:checked ~ .app-prompt-input-wrapper .app-prompt-voice-input-button {color: #ffffff; background-color: var(--primary-accent); animation: voicePulse 1.2s infinite; }
@keyframes voicePulse {
    0% { box-shadow: 0 0 0 0 rgba(240, 68, 56, 0.6); }
    70% { box-shadow: 0 0 0 10px rgba(240, 68, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(240, 68, 56, 0); }
}
.app-prompt-submit-action-button {width: 32px; height: 32px; background-color: #DC4348; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 13px; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; }
.app-idea-chip-emoji-icon img {max-height: 14px;}

aside.workspace-sidebar-navigation.template-sidebar-navigation .workspace-sidebar-bottom-section .plan-upgrade-banner-card {margin: 0;}
.workspace-brand-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.workspace-search-trigger-icon {font-size: 15px; color: #666666; cursor: pointer; }
.workspace-create-file-button {display: flex; align-items: center; gap: 8px; background-color: #e2e2e2; color: #333333; padding: 8px 12px; border-radius: 18px; text-decoration: none; font-size: 13px; font-weight: 500; margin-bottom: 7px; }
.workspace-navigation-menu-list {list-style: none; padding: 0; margin: 0; }
.workspace-navigation-menu-item {display: flex; align-items: center; gap: 12px; color: #444444; text-decoration: none; font-size: 13px; padding: 8px 12px; font-weight: 500; border-radius: 18px; }
.workspace-sidebar-chats-group {margin-top: 10px; background: #B9B9B9; height: 100%; padding: 13px 0; border-radius: 13px; max-height: 550px; overflow-y: auto; }
.chats-section-header {display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #6C6C6C; margin-bottom: 10px; padding: 0 13px 10px; font-weight: 500; border-bottom: 1px solid #D0D0D0; }
.chats-item-list {list-style: none; padding: 0 13px; margin: 0; }
.chats-item-list li {font-size: 13px; padding: 4px 0; color: #2B2B2B; border-radius: 6px; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; background: transparent; display: flex; align-items: center; justify-content: flex-start; gap: 7px; }
.chats-item-list li i {margin-right: 6px; }
.plan-upgrade-banner-card {background-color: #ffffff; border-radius: 12px; padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
.plan-upgrade-headline-text {display: block; font-size: 11px; font-weight: 600; color: #222222; }
.plan-upgrade-subtext-link {font-size: 8px; color: #e54d42; font-weight: 700; }
.plan-upgrade-icon-badge {width: 26px; height: 26px; background-color: #e54d42; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 12px; }
.user-profile-settings-bar {display: flex; justify-content: space-between; align-items: center; background-color: #dedede; padding: 8px 10px; border-radius: 20px; }
.user-profile-identity-group {display: flex; align-items: center; gap: 8px; }
.user-profile-avatar-thumbnail {width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.user-profile-display-name {font-size: 12px; font-weight: 500; color: #333333; }
.settings-icon {font-size: 13px; color: #666666; }
.workspace-main-content-area {flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.mobile-header-bar {display: none; }
.workspace-split-container {display: flex; width: 100%; height: 100%; background: #DDDDDD; padding: 15px 15px; border-radius: 10px; margin: 15px 15px 0; gap:10px; }
aside.workspace-sidebar-navigation.template-sidebar-navigation .workspace-sidebar-top-section .workspace-create-file-button {margin: 0 0 6px; }
.chat-details-panel {width: 40%; min-width: 420px; display: flex; flex-direction: column; height: 100%; gap:10px; }
.chat-panel-top-bar {display: flex; justify-content: space-between; align-items: center; padding: 0; background: #DDDDDD; border-radius: 0; }
.chat-panel-heading {font-size: 18px; font-weight: 600; color: #2B2B2B; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; }
.chat-panel-top-actions {display: flex; gap: 6px; }
.btn-chat-hide {background-color: #EBEBEB; padding: 8px 14px; border-radius: 6px; font-size: 12px; color: #2B2B2B; border: 1px solid #C3C3C3; font-weight: 400; }
.btn-chat-new {background-color: #D53F44; padding: 6px 12px; border-radius: 6px; font-size: 12px; color: #FFFFFF; font-weight: 500; border: 1px solid #D53F44; }
.chat-panel-scrollable-content {flex: 1; overflow-y: auto; padding: 15px 15px; background: #fff; border-radius: 10px; }
.requirement-item-box {border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; margin-bottom: 12px; }
.requirement-title-row {display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.requirement-title {font-size: 16px; font-weight: 500; color: #2B2B2B; line-height: 1.4; margin: 0; }
.badge-tag {font-size: 10px; font-weight: 500; padding: 6px 10px; border-radius: 12px; }
.badge-tag.must-have {background-color: #FFEBEB; color: #D53F44; }
.badge-tag.recommended {background-color: #fde8e8; color: #e54d42; }
.requirement-description {font-size: 13px; color: #858585; margin: 0; line-height: 1.6; font-weight: 400; }
.project-info-card {background-color: #F4F4F4; border-radius: 12px; padding: 13px 13px; margin-top: 16px; margin-bottom: 12px; border: 1px solid #DEDEDE; }
.project-info-text {font-size: 13px; color: #2B2B2B; margin: 0 0 6px 0; line-height: 1.4; font-weight: 500; }
.project-chat-link {font-size: 13px; color: #D53F44; text-decoration: underline; font-weight: 500; }
.review-design-card {background-color: #F4F4F4; border-radius: 12px; padding: 13px; margin-bottom: 12px; border: 1px solid #DEDEDE; } .review-title {font-size: 15px; font-weight: 500; color: #2B2B2B; margin: 0 0 5px 0; line-height: 1.4; }
.review-text {font-size: 13px; color: #858585; margin: 0 0 10px 0; line-height: 1.6; font-weight: 400; }
.review-actions-row {display: flex; gap: 8px; }
.btn-outline-red {border: 1px solid #D53F44; background: transparent; color: #D53F44; padding: 8px 10px; border-radius: 6px; font-size: 12px; cursor: pointer; }
.btn-solid-red {border: none; background-color: #D53F44; color: #ffffff; padding: 8px 15px; border-radius: 6px; font-size: 12px; cursor: pointer; }
.checkpoint-status-bar {font-size: 13px; color: #2DB674; display: flex; align-items: center; gap: 6px; margin-top: 10px; font-weight: 500; }
.chat-input-bottom-container {padding: 15px 15px; background-color: #ffffff; display: flex; align-items: flex-start; gap: 8px; min-height: 130px; border-radius: 10px; position: relative; }
.chat-input-text-field {flex: 1; border: none; outline: none; font-size: 12px; color: #333333; line-height: 1.4; height: 100%; }
.chat-input-text-field::placeholder {color: #aaaaaa;}
.chat-input-submit-btn {width: 30px; height: 30px; border-radius: 50%; background-color: #e54d42; border: none; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 11px; position: absolute; bottom: 15px; right: 15px; }
.preview-panel-sub-header, .plan-alert-banner {margin: 0 15px 15px;}
.design-preview-panel {flex: 1; background-color: #F0F0F0; display: flex; flex-direction: column; padding: 15px 0; box-sizing: border-box; overflow-y: auto; border-radius: 10px; }
.preview-panel-header {margin-bottom: 12px; padding: 0 15px; border-bottom: 1px solid #C3C3C3; padding-bottom: 10px; }
.preview-tabs {display: inline-flex; }
.preview-tab {padding: 7px 12px; font-size: 12px; font-weight: 500; color: #858585; cursor: pointer; border-radius: 6px; }
.preview-tab.active {background-color: #ffffff;color: #2B2B2B;border: 1px solid #C3C3C3;background: #EBEBEB;}
.preview-panel-sub-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.preview-title-path {font-size: 16px; font-weight: 400; color: #2B2B2B; line-height: 1.4; margin: 0; }
.preview-actions-group {display: flex; align-items: center; gap: 8px; }
.select-wrapper {position: relative; display: flex; align-items: center; }
.select-wrapper i {position: absolute; right: 8px; font-size: 9px; color: #555555; pointer-events: none; }
.code-selector-dropdown {appearance: none; background-color: #EBEBEB; padding: 7px 20px 7px 10px; border-radius: 6px; font-size: 12px; color: #2B2B2B; outline: none; border: 1px solid #C3C3C3; font-weight: 400; }
.btn-reimagine-disabled {background-color: #EBEBEB; padding: 7px 10px; border-radius: 6px; font-size: 12px; color: #C3C3C3; cursor: not-allowed; border: 1px solid #EBEBEB; }
.btn-build-app {background-color: #D53F44; border: none; padding: 8px 10px; border-radius: 6px; font-size: 12px; color: #ffffff; font-weight: 500; }
.workspace-sidebar-top-section .dropdown-wrapper {margin: 0 0 10px;}
.plan-alert-banner {background-color: #EDFFF6; border: 1px solid #ACDEC6; padding: 11px 11px; border-radius: 20px; font-size: 13px; color: #2DB674; margin-bottom: 24px; display: flex; align-items: center; gap: 8px; font-weight: 500; }
.plan-alert-banner img {max-height: 16px;}
.mobile-frames-carousel-wrapper {flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
.carousel-arrow-btn {width: 32px; height: 32px; border-radius: 50%; border: 1px solid #cccccc; background-color: #ffffff; color: #444444; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mobile-frame-container {position: relative; width: 340px; height: 480px; display: flex; justify-content: center; align-items: center; }
.mobile-mockup-frame {border-radius: 28px; border: 1px solid #888888; background-color: #fbfbfb; }
.mobile-mockup-frame.main-mockup {width: 240px; height: 440px; position: relative; z-index: 2; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
.mobile-mockup-frame.background-mockup {width: 220px;height: 400px;position: absolute;right: 15px;z-index: 1;}
.preview-carousel-footer {text-align: center;margin-top: 10px;}
.browse-screen-text {display: block;font-size: 12px;font-weight: 600;color: #222222;margin-bottom: 6px;}
.carousel-dots-indicator {display: flex;justify-content: center;gap: 4px;}
.carousel-dots-indicator .dot {width: 12px;height: 3px;background-color: #cccccc;border-radius: 2px;}
.carousel-dots-indicator .dot.active {background-color: #111111;}

.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered {max-width: 1100px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .modal-content {background: #fff;border-radius: 20px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .modal-heading-parent.text-center {margin: 0 0 50px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .modal-heading-parent.text-center h2 {color: #1A1A1A;font-size: 30px;font-weight: 600;line-height: 1.4;margin: 0;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .modal-heading-parent.text-center p {color: #858585;font-size: 18px;font-weight: 400;line-height: 1.6;margin: 0;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-price-card {padding: 10px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-price-card:hover{transform: translateY(0);}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-price-card .nativly-card-price {font-size: 30px;margin: 0 0 10px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-price-card .nativly-card-price span.currency-symbol {font-size: 22px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-price-card p.nativly-card-desc {font-size: 14px;margin: 0;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-card-header-tag {font-size: 15px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-popular-badge {top: -17px;font-size: 13px;padding: 8px 10px;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-feature-item {font-size: 14px;line-height: 1.2;}
.modal.pricing-modal-wrapper .modal-dialog.modal-dialog-centered .nativly-btn-action {padding: 10px 10px;border-radius: 7px;font-size: 13px;}
body.modal-open {padding-right: 0 !important;}
.modal.pricing-modal-wrapper.show {padding-right: 0 !important;}

/*=================================================enterprices Page CSS Start=====================================================*/

section.enterprise-banner-section {padding: 8rem 0 4rem;}
.enterprise-hero-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 50px;}
.enterprise-content-section {flex: 1;max-width: 100%;}
.enterprise-main-heading {font-size: 52px; font-weight: 600 !important; line-height: 1.3; color: #1A1A1A; margin: 0 0 10px !important; }
.enterprise-content-section .nativly-btn-signup {padding: 13px 20px;}
.enterprise-description-text {font-size: 20px; line-height: 1.6; color: #797979; margin-bottom: 25px; font-weight: 400; }
.enterprise-stats-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 40px 0 0; }
.enterprise-stat-card {padding: 15px; display: flex; flex-direction: column; justify-content: space-between; min-height: 160px; position: relative; border-radius: 8px; }
.enterprise-card-bg-light {background-color: #EBEBEB;}
.enterprise-stat-card > img {position: absolute;top: -170px;left: -160px;max-width: 940px;z-index: -1;user-select: none;pointer-events: none;}
.enterprise-stat-card.enterprise-card-bg-red-gradient > img {top: -230px;left: -130px;}
.enterprise-stat-header {display: flex; justify-content: space-between; align-items: center; }
.enterprise-stat-number {font-size: 32px; font-weight: 500; color: #2B2B2B; line-height: 1.4; margin: 0; }
.enterprise-stat-icon-wrapper {display: flex; align-items: center; justify-content: center; }
.enterprise-stat-description {font-size: 16px; line-height: 1.6; color: #454545; font-weight: 400; margin: 40px 0 0; }
.enterprise-form-section {flex: 1; max-width: 580px; }
.enterprise-form-card {background-color: #F0F0F0; padding: 20px; border-radius: 13px; box-shadow: 0 0 18px #0000000F; }
.enterprise-form-title {font-size: 28px; font-weight: 500; color: #1A1A1A; line-height: 1.4; margin: 0px 0 3px; }
.enterprise-form-subtitle {font-size: 17px; color: #646464; line-height: 1.6; margin: 0 0 25px; font-weight: 400; }
.enterprise-contact-form {display: flex; flex-direction: column; gap: 16px; }
.enterprise-form-row-two-columns {display: flex; gap: 16px; }
.enterprise-form-row-two-columns .enterprise-form-group {flex: 1; }
.enterprise-form-group {position: relative; width: 100%; }
.enterprise-form-input {width: 100%; padding: 13px 13px; background-color: #FFFFFF; border-radius: 9px; font-size: 16px; color: #333333; outline: none; transition: border-color 0.2s ease; border: 1px solid transparent; }
.enterprise-form-input::placeholder {color: #858585;}
.enterprise-form-input:focus {border-color: #D53F44;}
.enterprise-phone-input-wrapper {display: flex; align-items: center; background-color: #ffffff; border-radius: 10px; padding: 0 16px; }
.enterprise-country-select-wrapper {display: flex; align-items: center; gap: 8px; position: relative; }
.enterprise-country-flag {width: 28px; height: 18px; object-fit: cover; border-radius: 2px; }
.enterprise-country-code-select {border: none; background: transparent; font-size: 15px; font-weight: 500; color: #333333; outline: none; cursor: pointer; padding-right: 12px; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='%23333333' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right center; }
.enterprise-phone-divider {color: #cccccc; margin: 0 12px; font-weight: 300; }
.enterprise-phone-field {border: none;padding-left: 0;background: transparent;}
.enterprise-select-wrapper {position: relative; }
.enterprise-form-select {height: 53px; width: 100%; padding: 13px 13px; background-color: #ffffff; border: 1px solid transparent; border-radius: 9px; font-size: 16px; color: #333333; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; }
.enterprise-form-select:focus{border-color: #D53F44;}
.enterprise-form-group.enterprise-select-wrapper img {position: absolute;top: 50%;transform: translateY(-50%);right: 13px;}
.enterprise-form-select:invalid {color: #888888;}
.enterprise-form-textarea {width: 100%; padding: 16px 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 10px; font-size: 15px; color: #333333; outline: none; resize: vertical; min-height: 120px; }
.enterprise-form-textarea::placeholder {color: #888888;}
.enterprise-form-submit-button {background-color: #D53F44;color: #ffffff;padding: 13px 20px;border-radius: 10px;font-size: 14px;font-weight: 400;cursor: pointer;transition: background-color 0.2s ease;min-width: 100px;border: 1px solid #D53F44;}
.enterprise-form-submit-button:hover {background-color: transparent; color: #D53F44;}
.enterprise-form-disclaimer-text {font-size: 12px;line-height: 1.6;color: #858585;margin-top: 0;font-weight: 400;}
.same-content-text h2 {color: #1A1A1A;font-size: 45px;font-weight: 500;line-height: 1.4;margin: 0;}
.same-content-text p {color: #797979;font-size: 20px;font-weight: 400;line-height: 1.6;margin: 0;}
.same-content-text {height: 100%;}
.result-mini-box-parent p {color: #6C6C6C;font-size: 16px;font-weight: 400;line-height: 1.6;margin: 0;}
.result-mini-box-parent h3 {color: #2B2B2B;font-size: 21px;font-weight: 500;line-height: 1.4;margin: 0 0 10px;}
.result-mini-box-parent {background: #FFFFFF;padding: 20px;border-radius: 20px;height: 100%;position: relative;}
.result-mini-box-parent.changebg {background: transparent linear-gradient(180deg, #F89374 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.result-mini-box-parent.imagebottom {padding: 20px 15px 0;min-height: 370px;}
.result-mini-box-parent.imagebottom figure {margin: 0;position: absolute;bottom: -3px;}
section.same-section.results-section .row {row-gap: 25px;height: 100%;}
section.same-section.results-section .row + .row.bottombox-spacing {margin-top: 25px; }
.result-mini-box-parent .result-mini-box figure {position: absolute; top: 10px; right: 20px; width: 50px; height: 50px; }
section.same-section.results-section .row + .row.bottombox-spacing .result-mini-box-parent {padding-top: 50px;}
.row.code-ownerships-wrapper .result-mini-box-parent {display: flex;align-items: end;}
section.same-section.results-section .row.code-ownerships-wrapper {margin: 0 0;background: #FFFFFF;border-radius: 20px;position: relative;}
section.same-section.results-section .row.code-ownerships-wrapper .col-lg-6 {padding: 0;}
section.same-section.results-section .row.code-ownerships-wrapper:after {content: ""; position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); width: 1px; height: 100%; background: #F89E82; }
.proto-prod-grid-wrapper {display: flex; gap: 24px; align-items: stretch; }
.proto-prod-left-hero-card {flex: 1; max-width: 500px; background-color: #E5E5E5; border-radius: 20px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; }
.proto-prod-badge-header {display: flex; align-items: center; gap: 10px; margin-bottom: 32px; }
.proto-prod-badge-title {font-size: 19px; font-weight: 500; color: #D53F44; line-height: 1.4; margin: 0; }
.proto-prod-main-heading {font-size: 45px; font-weight: 500; color: #1A1A1A; line-height: 1.4; margin: 0; }
.proto-prod-cta-button {display: inline-flex; align-items: center; gap: 10px; background-color: #d83b3e; color: #ffffff; text-decoration: none; padding: 17px 20px 17px 54px; border-radius: 30px; font-size: 16px; font-weight: 500; transition: background-color 0.2s ease; position: relative; margin: 20px 0 0; border: 1px solid #d83b3e; }
.proto-prod-cta-button img {max-height: 35px; position: absolute; left: 9px; transform: translateY(-50%); top: 50%; }
.proto-prod-cta-button:hover {background-color: transparent; border-color: #d83b3e; color: #d83b3e; }
.proto-prod-button-icon-wrapper {display: flex; align-items: center; justify-content: center; }
.proto-prod-hero-bottom-text {font-size: 15px;line-height: 1.6;color: #666666;font-weight: 400;}
.proto-prod-right-cards-grid {flex: 2; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.proto-prod-card-item {border-radius: 20px; padding: 25px 15px; display: flex; flex-direction: column; justify-content: space-between; min-height: 340px; position: relative; overflow: hidden; }
.proto-prod-card-cream-bg {background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFE9D2 100%) 0% 0% no-repeat padding-box; }
.proto-prod-card-transparent {background-color: transparent; }
.proto-prod-card-coral-gradient {background: url(/images/softwareimg.png); color: #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; }
.proto-prod-card-title {font-size: 23px; font-weight: 500; color: #000000; margin-bottom: 0; line-height: 1.4; }
.proto-prod-main-container .proto-prod-right-cards-grid {position: relative;}
.proto-prod-main-container .proto-prod-right-cards-grid:after {content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; height: 100%; background: #EAEAEA; transform: translateX(-50%); }
.proto-prod-main-container .proto-prod-right-cards-grid:before {content: "";position: absolute;top: 51.6%;left: 0;right: 0;width: 100%;height: 1px;background: #EAEAEA;transform: translateY(-50%);}
section.same-section.enterprise-development-section {background: #2B2B2B;}
.same-heading-text h2 {color: #FFFFFF;font-size: 45px;line-height: 1.4;font-weight: 500;margin: 0;}
.same-heading-text p {color: #797979;font-size: 20px;font-weight: 400;line-height: 1.6;margin: 0;border-bottom: 1px solid #525252;padding-bottom: 20px;}
.proto-prod-title-white {color: #ffffff;}
section.same-section.results-section .row.code-ownerships-wrapper .result-mini-box-parent .result-mini-box p {min-height: 130px;}
.proto-prod-prompt-inputs-list img {max-width: 300px;}
.enterprise-development-box {background: #6E6E6E;height: 100%;border: 1px solid #818181;padding: 20px;border-radius: 20px;}
.enterprise-development-box figure {margin: 0 0 30px;}
.enterprise-development-box h3 {color: #FFFFFF;font-size: 23px;font-weight: 500;line-height: 1.4;margin: 0;min-height: 70px;}
.enterprise-development-box p {color: #D6D6D6;font-size: 16px;line-height: 1.6;margin: 0;font-weight: 400;}
section.same-section.enterprise-development-section .row + .row .col-lg-4 {padding: 0 5px;}
section.same-section.enterprise-development-section .row + .row {margin: 0 -5px;row-gap: 10px;}
.row.enterprise-development-wrapper {margin-top: 4rem !important;}
.proto-prod-card-description {font-size: 15px;line-height: 1.6;color: #6C6C6C;font-weight: 400;margin: 1px;}
.proto-prod-desc-white {color: rgba(255, 255, 255, 0.9);}
.proto-prod-text-center {text-align: center;}
.proto-prod-prompt-inputs-list {display: flex; flex-direction: column; gap: 12px; margin: 10px 0 24px 0; }
.proto-prod-prompt-pill {background-color: #FFFFFF; padding: 8px 13px 8px 13px; border-radius: 25px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #808080; }
.proto-prod-pill-arrow-btn {width: 35px; height: 35px; border-radius: 50%; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 21px; background: transparent linear-gradient(87deg, #FFFFFF 0%, #FC9F76 100%) 0% 0% no-repeat padding-box; }
.proto-prod-illustration-box {height: 160px; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 40px; }
.proto-prod-vector-graphic {width: 160px;height: 130px;}
.proto-prod-phone-mockup-wrapper {position: relative; width: 140px; }
.proto-prod-stars-badge {position: absolute; top: -10px; left: -20px; background-color: #ffffff; border-radius: 12px; padding: 4px 8px; display: flex; gap: 2px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); border: 1px solid #eeeeee; z-index: 2; }
.proto-prod-star-icon {color: #ffc107; font-size: 12px; }
.proto-prod-gear-icon-wrapper {position: absolute; top: 0; right: -20px; z-index: 1; }
.proto-prod-phone-screen {background-color: #ffffff; border: 2px solid #37474f; border-bottom: none; border-radius: 16px 16px 0 0; padding: 8px; display: flex; flex-direction: column; gap: 8px; height: 120px; }
.proto-prod-phone-speaker {width: 24px; height: 3px; background-color: #37474f; border-radius: 2px; margin: 0 auto 2px auto; }
.proto-prod-phone-blue-bar {height: 16px; background-color: #29b6f6; border-radius: 4px; }
.proto-prod-phone-wireframes-grid {display: flex; gap: 6px; }
.proto-prod-wireframe-box {flex: 1; height: 36px; border: 1px dashed #b0bec5; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.proto-prod-box-cross {background: linear-gradient(to top right, transparent 48%, #cfd8dc 49%, #cfd8dc 51%, transparent 52%), linear-gradient(to top left, transparent 48%, #cfd8dc 49%, #cfd8dc 51%, transparent 52%); }
.proto-prod-box-image {background-color: #e0f2f1; border: none; }
.proto-prod-phone-wireframe-large {height: 30px; border: 1px dashed #b0bec5; border-radius: 6px; }
.proto-prod-submit-glow-container {position: relative; height: 150px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.proto-prod-modal-window {width: 230px;}
.proto-prod-modal-dots {display: flex; gap: 4px; align-self: flex-start; }
.proto-prod-modal-dots span {width: 6px; height: 6px; border-radius: 50%; background-color: #ff5252; }
.proto-prod-modal-pink-block {width: 100%;height: 28px;background-color: #f8bbd0;border-radius: 4px;}
.proto-prod-modal-input-line {width: 100%;height: 12px;border: 1px solid #f48fb1;border-radius: 3px;}
.proto-prod-modal-submit-btn {background-color: #d83b3e; color: #ffffff; border: none; border-radius: 6px; padding: 6px 16px; font-size: 11px; font-weight: 700; cursor: pointer; margin-top: 4px; }
.proto-prod-hand-pointer-graphics {position: absolute; right: 10px; bottom: -10px; width: 80px; height: 80px; background: radial-gradient(circle, rgba(240, 160, 130, 0.8) 0%, transparent 70%); border-radius: 50%; }
section.same-section.natively-solution-section .same-heading-text {max-width: 1100px;margin: 0 auto 40px;}
section.same-section.natively-solution-section .same-heading-text h2 {color: #2B2B2B;line-height: 1.4;margin: 0 0 10px;}
section.same-section.natively-solution-section .same-heading-text p {color: #797979;border: none;padding: 0;}
.natively-solution-box {background: #F0FCF0;padding: 30px 30px;border-radius: 10px;height: 100%;position: relative;}
.natively-solution-box p {color: #2B2B2B;font-size: 16px;font-weight: 400;line-height: 1.6;margin: 0;}
.natively-solution-box figure {margin: 30px auto 0;text-align: center;}
.solution-bottom-btn {margin: 40px 0 0; text-align: center; }
.solution-bottom-btn .btn.btn-primaryx {border-color: #D53F44;color: #fff;font-size: 15px;font-weight: 500;padding: 10px 16px;}
.solution-bottom-btn .btn.btn-primaryx:hover{color: #D53F44;}
.natively-solution-box.colortwo {background: #FBF5FF;}
.natively-solution-box h3 {color: #2B2B2B;font-size: 26px;line-height: 1.4;margin: 0 0 5px;font-weight: 500;}
.natively-solution-box.colorthree {background: #111112;}
.natively-solution-box.colorthree h3{color: #FFFFFF;}
.natively-solution-box.colorthree p{color: #FFFFFF;}
.natively-solution-box.colorfour {background: #F6F7F9;}
.natively-solution-box.colorfive {background: #EAF4FD;}
.natively-solution-box.colorsix {background: #FFFAE6;}
section.same-section.natively-solution-section .col-lg-4 {margin: 25px 0 0;}
.same-section.enterprices-cta-section .enterprise-cta-wrapper {background: url(/images/enterprises-cta-bg.png); color: #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px 30px; text-align: center; border-radius: 30px; }
.same-section.enterprices-cta-section .enterprise-cta-wrapper h2 {color: #FFFFFF;font-size: 45px;line-height: 1.4;margin: 0;}
.same-section.enterprices-cta-section .enterprise-cta-wrapper .enterprise-cta-content {max-width: 670px;margin: 0 auto;}
.same-section.enterprices-cta-section .enterprise-cta-wrapper .enterprise-cta-content span {background: #470C0E; padding: 10px 15px; border-radius: 50px; border: 1px solid rgb(255 255 255 / 50%); margin: 20px 0 25px; display: inline-block; color: #FFFFFF; font-size: 14px; font-weight: 400; }
.same-section.enterprices-cta-section .enterprise-cta-wrapper .enterprise-cta-content p {color: #BFBFBF;font-size: 18px;font-weight: 400;line-height: 1.4;margin: 0;}
.same-section.enterprices-cta-section .enterprise-cta-wrapper .enterprise-cta-content .btn.btn-primaryx {background: transparent linear-gradient(268deg, #FCA536 0%, #FD6328 52%, #CE272F 100%) 0% 0% no-repeat padding-box;border-radius: 40px;font-size: 16px;font-weight: 500;margin: 100px 0 0; padding: 13px 20px;}
.same-section.enterprices-cta-section .enterprise-cta-wrapper .enterprise-cta-content .btn.btn-primaryx:hover{background: transparent; color: #fff; border-color: #fff;}
.nativly-cmp-col.changetable-bg {background: #EBEBEB;} 
.nativly-cmp-wrapper {width: 100%;max-width: 100%;margin: 0 auto;}    
.nativly-cmp-scroll-area {width: 100%;overflow-x: auto;padding: 20px 5px 30px 5px;-webkit-overflow-scrolling: touch;}    
.nativly-cmp-grid {display: grid;grid-template-columns: 1.1fr 1.3fr 1.1fr 1.1fr;gap: 2px;min-width: 100%;align-items: stretch;}
.nativly-cmp-col {background-color: transparent;border-radius: 24px;display: grid;grid-template-rows: auto repeat(9, minmax(60px, auto));overflow: hidden;border: 1px solid #B9B9B9;}    
.nativly-cmp-col-highlight {background-color: #ffffff;border-radius: 24px;z-index: 2;}    
.nativly-cmp-header {padding: 16px 18px;font-size: 18px;font-weight: 500;text-transform: uppercase;color: #D53F44;display: flex;align-items: center; height: 80px;}
.nativly-cmp-header-banner {color: #ffffff; padding: 18px; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: normal; border-top-left-radius: 24px; border-top-right-radius: 24px; background: transparent linear-gradient(180deg, #FCA536 0%, #FD6328 52%, #CE272F 100%) 0% 0% no-repeat padding-box; }
.nativly-cmp-cell {padding: 8px 18px;font-size: 16px;color: #33363f;font-weight: 400;display: flex;align-items: center;border-top: 1px solid rgba(0, 0, 0, 0.06);line-height: 1.4;min-height: 60px;}
.nativly-cmp-col-highlight .nativly-cmp-cell {color: #1a1c23;font-weight: 500;border-top: 1px solid #f0f1f3;}    
.nativly-cmp-label {font-weight: 400;color: #0F0F0F;}    
.nativly-cmp-icon-check {color: #1a1c23;font-weight: 500;margin-right: 8px;display: inline-block;}
.nativly-cmp-icon-cross {color: #33363f;font-weight: 700;margin-right: 8px;display: inline-block;}    
.nativly-cmp-scroll-area::-webkit-scrollbar {height: 8px;}
.nativly-cmp-scroll-area::-webkit-scrollbar-track {background: #333;border-radius: 4px;}
.nativly-cmp-scroll-area::-webkit-scrollbar-thumb {background: #666;border-radius: 4px;}
section.same-section.enterprise-slider-section .same-heading-text h2 {color: #1A1A1A;}
section.same-section.enterprise-slider-section .same-heading-text span {color: #D53F44;font-size: 20px;line-height: 1.4;display: flex;align-items: center;justify-content: flex-start;gap: 10px;margin: 0 0 6px;}
.nativly-testimonial-slider-wrapper {position: relative; width: 100%; margin: 30px 0 0; }
.nativly-testimonial-card {background-color: #EDEDED; border-radius: 8px; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255, 255, 255, 0.4); transition: transform 0.3s ease, box-shadow 0.3s ease; min-height: 200px; }
.nativly-testimonial-card:hover {transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); }
.nativly-testimonial-quote {font-size: 16px; line-height: 1.6; color: #858585; font-weight: 400; margin-bottom: 28px; }
.nativly-testimonial-author-box {display: flex; align-items: center; gap: 9px; }
.nativly-testimonial-avatar {width: 38px; height: 38px; border-radius: 50%; background-color: #d94141; flex-shrink: 0; }
.nativly-testimonial-author-details {display: flex; flex-direction: column; gap: 3px; }
.nativly-testimonial-author-name {font-size: 15px; font-weight: 500; color: #2F2F2F; line-height: 1.4; margin: 0; }
.nativly-testimonial-author-role {font-size: 13px; font-weight: 400; color: #2F2F2F; margin: 0; }
.nativly-testimonial-slider-wrapper .owl-dots {margin-top: 28px !important; text-align: center; }
.nativly-testimonial-slider-wrapper .owl-dot span {width: 10px !important; height: 10px !important; margin: 5px 6px !important; background: #b5b5b5 !important; transition: all 0.3s ease; border-radius: 50% !important; }
.nativly-testimonial-slider-wrapper .owl-dot.active span,
.nativly-testimonial-slider-wrapper .owl-dot:hover span {background: #d94141 !important; width: 24px !important; border-radius: 12px !important; }
.nativly-testimonial-slider-wrapper .owl-nav {position: absolute; top: -50px; right: 0; display: flex; gap: 8px; }
.nativly-testimonial-slider-wrapper .owl-prev,
.nativly-testimonial-slider-wrapper .owl-next {background: #ececec !important; color: #333 !important; width: 36px; height: 36px; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px !important; transition: all 0.2s ease; }
.nativly-testimonial-slider-wrapper .owl-prev:hover,
.nativly-testimonial-slider-wrapper .owl-next:hover {background: #d94141 !important;color: #ffffff !important;}
.enterprise-bottom-build-wrapper {background: url(/images/enterprises-buildbg.png);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 60px 25px 100px;border-radius: 13px;height: 100%;}
.enterprise-bottom-build-wrapper strong {color: #D53F44;font-size: 19px;font-weight: 500;line-height: 1.4;margin: 0 0 10px;display: inline-block;}
.enterprise-bottom-build-wrapper h2 {color: #FFFFFF;font-size: 38px;font-weight: 500;line-height: 1.4;margin: 0;}
.enterprise-bottom-build-wrapper p {color: #A5A5A5;font-size: 18px;font-weight: 400;line-height: 1.6;margin: 15px 0 0;}
.enterprise-bottom-build-wrapper ul {margin: 35px 0 0;}
.enterprise-bottom-build-wrapper ul li {color: #DBDBDB;font-size: 17px;font-weight: 400;display: flex;align-items: center;justify-content: flex-start;gap: 10px;line-height: 1.4;}
.enterprise-bottom-build-wrapper ul li + li {margin-top: 15px;}
section.same-section.enterprise-bottom-build-section .enterprise-form-card h2.enterprise-form-title {font-size: 30px;}
section.same-section.enterprise-bottom-build-section .enterprise-form-section {max-width: 100%; height: 100%;}
section.same-section.enterprise-bottom-build-section .enterprise-form-section .enterprise-form-card {height: 100%;}
section.same-section.enterprise-bottom-build-section.pt-0 .row.tmpl-header-top {margin-bottom: 0;}
.nativly-brand-logo img{max-height: 39px;}


/*===================================KYC Page CSS Start==============================*/

section.enterprise-banner-section.kyc-banner-section {padding: 10rem 0; background: url(/images/kyc-banner-bgimg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.banner-same-content ul {display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
.banner-same-content ul li a {text-align: center;padding: 12px 15px;font-size: 14px;}
.kyc-banner-image {text-align: right;}
section.ai-kyc-stats-banner-container {background: transparent;margin-top: -55px;}
.ai-kyc-stats-banner-wrapper {display: flex; align-items: center; justify-content: space-between; background: linear-gradient(90deg, #624f52 0%, #a24b4f 50%, #d84a51 100%); border-radius: 16px; padding: 15px 15px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); box-sizing: border-box; }
.ai-kyc-stats-banner-item {flex: 1;display: flex;flex-direction: column;align-items: flex-start;padding: 0 16px;}
.ai-kyc-stats-banner-item:first-child {padding-left: 0;}
.ai-kyc-stats-banner-item:last-child {padding-right: 0;}
.ai-kyc-stats-banner-heading {font-size: 24px;font-weight: 500;color: #ffffff;margin: 0;line-height: 1.4;}
.ai-kyc-stats-banner-description {font-size: 15px;font-weight: 400;color: #E5E5E5;margin: 0;line-height: 1.6;max-width: 220px;}
.ai-kyc-stats-banner-divider {width: 1px;height: 55px;background-color: rgba(255, 255, 255, 0.35);flex-shrink: 0;}

section.same-section.kyc-aiengine-section .same-heading-text span {color: #DF3F44;font-size: 22px;line-height: 1.4;font-weight: 500; text-transform: uppercase;}
section.same-section.kyc-aiengine-section .same-heading-text h2 {color: #1A1A1A; font-weight: 600;}
section.same-section.kyc-aiengine-section .same-heading-text p {color: #646464;}
section.same-section.kyc-aiengine-section .same-heading-text p {color: #646464;padding: 0;border: none;}

.ai-engine-content-parent {background: #FFFFFF;height: 100%;padding: 24px;border-radius: 18px; border: 1px solid #C5C5C5;}
.ai-engine-content-parent figure {margin: 0 0 12px;}
.ai-engine-content-parent h3 {color: #1A1A1A;font-size: 22px;font-weight: 600;line-height: 1.4;margin: 0 0 8px;}
.ai-engine-content-parent p {color: #646464;font-size: 18px;font-weight: 400;line-height: 1.6;margin: 0;}
section.same-section.kyc-aiengine-section .kyc-aiengine-wrapper .col-lg-4, section.same-section.kyc-aiengine-section .kyc-aiengine-wrapper .col-lg-6 {margin: 25px 0 0;}

.kyc-solution-parent {background: #FFFFFF;border: 1px solid #C5C5C5;padding: 20px;border-radius: 18px;position: relative;padding-left: 60px;}
.kyc-solution-parent span {width: 30px; height: 30px; background: #DF3F44; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; font-weight: 500; position: absolute; top: 20px; left: 20px; }
.kyc-solution-parent h3 {color: #2B2B2B;font-size: 20px;font-weight: 600;line-height: 1.4;margin: 0 0;}
.kyc-solution-parent p{color: #646464; font-size: 16px; font-weight: 400; line-height: 1.6; margin: 0;}
.kyc-solution-parent + .kyc-solution-parent {margin: 10px 0 0;}
.kyc-solution-image {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;}
.bottom-image-btn .btn.btn-primaryx {background: #2B2B2B;border: 1px solid #000;color: #FFFFFF;font-size: 14px;font-weight: 500;}
.bottom-image-btn .btn.btn-primaryx:hover{background: transparent; color: #000;}
section.same-section.kyc-aiengine-section.kyc-solution-section {position: relative;}
section.same-section.kyc-aiengine-section.kyc-solution-section > img {position: absolute;right: 0;top: 0;max-width: 1000px;}

.kyc-top-heading {padding-top: 40px;}
.kyc-top-heading h3 {color: #1A1A1A; font-size: 22px; font-weight: 600; line-height: 1.4; margin: 0 0 5px; }
.kyc-top-heading p {color: #646464; font-size: 16px; line-height: 1.6; margin: 0; font-weight: 400; }
.nativly-price-card.nativly-card-enterprise .kyc-top-heading h3 {color: #FFFFFF;}
.nativly-price-card.nativly-card-enterprise .kyc-top-heading p {color: #FFFFFF;}
ul.nativly-feature-list li.nativly-feature-item{display: flex;align-items: center;justify-content: space-between;}
ul.nativly-feature-list li.nativly-feature-item p {color: #2B2B2B;font-size: 16px;font-weight: 400;line-height: 1.4;margin: 0;}
ul.nativly-feature-list li.nativly-feature-item p strong {color: #000;font-weight: 500;}
.nativly-price-card.nativly-card-enterprise ul.nativly-feature-list li.nativly-feature-item p,
.nativly-price-card.nativly-card-enterprise ul.nativly-feature-list li.nativly-feature-item p strong {color: #FFFFFF;}

section.ai-kyc-stats-banner-container + section.same-section.kyc-aiengine-section.extratoppadding-section {padding-top: 4rem !important;}
.extratoppadding-section {padding-top: 1rem !important;}
section.same-section.kyc-aiengine-section.ai-verifiy-section.extratoppadding-section{background: url(/images/kyc-verifiy-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.ai-kyc-process-flow-badge img {max-height: 22px;}
.ai-kyc-process-flow-container {padding: 40px 0;}
.ai-kyc-process-flow-wrapper {display: flex; justify-content: space-between; align-items: flex-start; position: relative; gap: 16px; }
.ai-kyc-process-flow-step {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.ai-kyc-process-flow-badge-wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 24px; }
.ai-kyc-process-flow-badge {width: 52px; height: 52px; border-radius: 50%; background-color: #ffffff; border: 2px solid #d84a51; color: #d84a51; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); }
.ai-kyc-process-flow-badge-completed {background-color: #d84a51; border-color: #d84a51; color: #ffffff; }
.ai-kyc-process-flow-check-icon {width: 24px; height: 24px; stroke: #ffffff; }
.ai-kyc-process-flow-line {position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: rgba(216, 74, 81, 0.35); transform: translateY(-50%); z-index: 1; }
.ai-kyc-process-flow-step:last-child .ai-kyc-process-flow-line {display: none; }
.ai-kyc-process-flow-title {font-size: 18px; font-weight: 600; color: #1A1A1A; margin: 0 0 8px 0; line-height: 1.4; }
.ai-kyc-process-flow-description {font-size: 15px; font-weight: 400; color: #646464; margin: 0; line-height: 1.6; padding: 0 0; }
.kyc-verify-left-content ul {margin: 30px 0 0;}
.kyc-verify-left-content ul li figure {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; margin: 0; }
.kyc-verify-left-content ul li {position: relative; padding-left: 100px; }
.kyc-verify-left-content ul li h3 {color: #1A1A1A; font-size: 22px; font-weight: 600; line-height: 1.4; margin: 0; }
.kyc-verify-left-content ul li p {color: #646464;font-size: 17px;font-weight: 400;line-height: 1.6;margin: 0;}
.kyc-verify-left-content ul li + li {margin: 30px 0 0;}
.kyc-fintech-bottom-btn {margin: 50px 0 0;text-align: center;}
section.same-section.kyc-aiengine-section.extratoppadding-section.technical-integration-section .ai-engine-content-parent {background: url(/images/kyc-ai-technical-integration-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #FFFFFF; position: relative; overflow: hidden; }
section.same-section.kyc-aiengine-section.extratoppadding-section.technical-integration-section .ai-engine-content-parent:after {content: ""; position: absolute; top: -45px; right: -45px; width: 90px; height: 90px; border-radius: 50%; pointer-events: none; z-index: 1; background: linear-gradient(0deg, rgba(212, 78, 82, 1) 0%, rgba(229, 188, 190, 1) 100%); }

section.same-section.kyc-aiengine-section.extratoppadding-section.kyc-powerd-section .ai-engine-content-parent {background: #fff url(/images/kyc-ai-powered-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;border: 1px solid #BCBCBC;position: relative;}
section.same-section.kyc-aiengine-section.extratoppadding-section.kyc-powerd-section .ai-engine-content-parent .kyc-powerd-header h3 {margin: 0;font-size: 20px;}
section.same-section.kyc-aiengine-section.extratoppadding-section.kyc-powerd-section .ai-engine-content-parent .kyc-powerd-header span {color: #D44E5224;font-size: 36px;font-weight: 700;margin: 0;}
section.same-section.kyc-aiengine-section.extratoppadding-section.kyc-powerd-section .ai-engine-content-parent .kyc-powerd-header {display: flex;justify-content: space-between;align-items: flex-start;min-height: 65px;}

.ai-kyc-cta-banner-wrapper {display: flex;align-items: center;justify-content: space-between;background: linear-gradient(100deg, #ff9f2a 0%, #e8552d 50%, #d83033 100%);border-radius: 18px;padding: 30px 30px;box-sizing: border-box;gap: 20px;box-shadow: 0 12px 30px rgba(220, 60, 45, 0.2);}
.ai-kyc-cta-banner-content {flex: 1;max-width: 750px;}
.ai-kyc-cta-banner-heading {font-size: 30px;font-weight: 600;color: #FFFFFF;margin: 0 0 10px 0;line-height: 1.4;}
.ai-kyc-cta-banner-description {font-size: 16px;font-weight: 400;color: #FFFFFF;margin: 0;line-height: 1.6;}
.ai-kyc-cta-banner-action {flex-shrink: 0; }
.ai-kyc-cta-banner-button {display: inline-block; background-color: #ffffff; color: #000000; font-size: 16px; font-weight: 600; padding: 15px 20px; border-radius: 9px; text-decoration: none; transition: all 0.25s ease-in-out; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); white-space: nowrap; border: 1px solid transparent; }
.ai-kyc-cta-banner-button:hover {background-color: #000; border-color: #000; color: #fff; }

.kyc-table-wrapper {border-radius: 13px;overflow: hidden;border: 1px solid #00000080;}
.kyc-table-wrapper table {width: 100%;background: #FFFFFF;}
.kyc-table-wrapper table tr th, .kyc-table-wrapper table tr td {color: #282828;font-size: 18px;padding: 24px 24px;}
.kyc-table-wrapper table tr th {background: #1A1A1A;color: #fff;}
.kyc-table-wrapper table tr th:last-child{background: #D44E52;}

.kyc-table-wrapper table tr:first-child{border-bottom: none;}
.kyc-table-wrapper table tr {border-bottom: 1px solid #A6A6A6;}
.kyc-table-wrapper table tr:last-child{border-bottom: none;}
.kyc-table-wrapper table tr td:first-child {background: #EDEBEB;color: #1A1A1A;font-weight: 500;}
.kyc-ai-fintech-risk-content-parent {background: #FFFFFFBD;border-radius: 11px;padding: 15px;height: 100%;}
.kyc-ai-fintech-risk-content-parent h3 {color: #1A1A1A;font-size: 20px;font-weight: 600;line-height: 1.4;margin: 0 0 5px;}
.kyc-ai-fintech-risk-content-parent p {color: #646464;font-size: 16px;line-height: 1.6;margin: 0;font-weight: 400;}
.kyc-ai-fintech-risk-content-parent + .kyc-ai-fintech-risk-content-parent {margin-top: 18px;}
.kyc-fintech-risk-stack-image {position: relative; z-index: 1;}
.kyc-fintech-risk-stack-bglayer img {position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 1000px; user-select: none; pointer-events: none; z-index: -1;}

section.same-section.kyc-aiengine-section.extratoppadding-section.faq-table-section .same-heading-text .btn.btn-primaryx {background: #2B2B2B;border-color: #000;font-size: 15px;padding: 8px 15px;margin: 20px 0 0;font-weight: 500;}
section.same-section.kyc-aiengine-section.extratoppadding-section.faq-table-section .same-heading-text .btn.btn-primaryx:hover{background: transparent; color: #000; border-color: #000;}

.ai-kyc-faq-accordion {display: flex;flex-direction: column;gap: 16px;}
.ai-kyc-faq-item {background-color: #ededed;border-radius: 18px !important;border: 1px solid transparent !important;overflow: hidden;transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;}
.ai-kyc-faq-item:has(.accordion-button:not(.collapsed)) {border-color: #d84a51 !important;background-color: #f4f2f2;}
.ai-kyc-faq-button {background-color: transparent !important;color: #1A1A1A !important;font-size: 19px !important;font-weight: 600 !important;padding: 20px 20px !important;box-shadow: none !important;display: flex;justify-content: space-between;align-items: center;}
.accordion-button:not(.collapsed) {padding-bottom: 5px !important;}
.ai-kyc-faq-button::after {content: "+" !important;background-image: none !important;width: auto !important;height: auto !important;font-size: 26px !important;font-weight: 400 !important;color: #d84a51 !important;line-height: 1 !important;transform: none !important;transition: transform 0.2s ease-in-out;}
.ai-kyc-faq-button:not(.collapsed)::after {content: "-" !important;font-weight: 600 !important;}
.ai-kyc-faq-body {font-size: 16px; font-weight: 400; color: #646464; line-height: 1.6; padding: 0 20px 20px 20px !important; }
section.same-section.kyc-aiengine-section.kyc-solution-section.extratoppadding-section .row.align-items-center {position: relative;z-index: 1;}
section.same-section.kyc-aiengine-section.extratoppadding-section.faq-table-section .row {     position: relative;     z-index: 1; }

/*=========================================AI Fraud Detection Page========================================*/

section.enterprise-banner-section.kyc-banner-section.ai-fraud-detection-banner-section{padding: 10rem 0; background: url(/images/ai-fraud-detection-banner-bgimage.png); background-position: center; background-repeat: no-repeat; background-size: cover;}

.bundle-layers-section-wrapper {display: flex; gap: 20px; align-items: stretch; }
.bundle-layers-section-hero-card {flex: 1; min-height: 420px; border-radius: 16px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 36px 32px; box-sizing: border-box; background-image: url('/images/ai-fraud-detection-user-image.svg'); background-size: cover; background-position: center; background-color: #1a100c; }
.bundle-layers-section-hero-content {position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.bundle-layers-section-hero-title {color: #ffffff; font-size: 46px; font-weight: 600; line-height: 1.4; margin: 0; }
.bundle-layers-section-hero-description {color: #FFFFFF;font-size: 20px;line-height: 1.6;margin: 0;max-width: 100%;font-weight: 400;}
.bundle-layers-section-features-grid {flex: 1.5; background: url(/images/ai-fraud-detection-user-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 16px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; overflow: hidden; border: 1px solid #C4C4C4; }
.bundle-layers-section-feature-card {padding: 25px 25px; display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; border-right: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4;}
.bundle-layers-section-feature-card:nth-child(2n) {border-right: none; }
.bundle-layers-section-feature-card:nth-child(3),
.bundle-layers-section-feature-card:nth-child(4) {border-bottom: none; }
.bundle-layers-section-icon-wrapper {border-radius: 8px;margin-bottom: 15px; width: 60px; height: 60px;}
.bundle-layers-section-icon {width: 22px; height: 22px; color: #111111; }
.bundle-layers-section-feature-title {color: #2B2B2B;font-size: 22px;font-weight: 600;margin: 0 0 10px 0;line-height: 1.4;}
.bundle-layers-section-feature-description {color: #2B2B2B;font-size: 17px;line-height: 1.6;margin: 0;font-weight: 400;}

.ai-risk-section-wrapper {background: #CACACA;margin: 30px 0 0;border: 1px solid #BDBDBD;border-radius: 18px;padding: 1.5rem;}
.ai-risk-section-wrapper .flex-column .ai-risk-pill-btn {background: #FAFAFA;}
.ai-risk-content-card {background-color: #ffffff; padding: 1.5rem; border-radius: 1rem; min-height: 100%; border: 1px solid #B2B2B2; }
.ai-risk-section-wrapper .nav {gap: 15px; }
.ai-risk-pill-btn {background-color: #ffffff; border-radius: 12px !important; border: none !important; padding: 14px 18px !important; margin-bottom: 0; box-shadow: none !important; transition: background-color 0.15s ease-in-out; }
.ai-risk-btn-title {font-size: 18px; margin-bottom: 5px; color: #1A1A1A; font-weight: 600; display: block; text-align: left; }
.ai-risk-btn-subtitle {font-size: 15px; color: #646464; line-height: 1.6; margin: 8px 0 0; display: block; text-align: left; font-weight: 400; }
.ai-risk-pill-btn.active {background-color: #D53F44 !important; }
.ai-risk-pill-btn.active .ai-risk-btn-title,
.ai-risk-pill-btn.active .ai-risk-btn-subtitle {color: #ffffff !important; }
.ai-risk-pill-btn:hover:not(.active) {background-color: #f8f9fa; }
.ai-risk-label {display: block; font-weight: 500; text-transform: uppercase; color: #D53F44; font-size: 17px; margin-bottom: 10px; }
.ai-risk-heading {font-weight: 600; color: #1A1A1A; font-size: 22px; margin: 0 0 20px; line-height: 1.4; }
.ai-risk-items-group {display: flex; flex-direction: column; gap: 8px; }
.ai-risk-finding-row {display: flex; justify-content: space-between; align-items: center; border-radius: 9px; padding: 11px 11px; background-color: #DEDEDE; }
.ai-risk-finding-text img {max-height: 20px; }
.ai-risk-finding-text {display: flex; align-items: center; font-weight: 500; color: #1A1A1A; font-size: 15px; gap:10px; line-height: 1.4; margin: 0; }
.ai-risk-check-icon {width: 16px; height: 16px; margin-right: 8px; flex-shrink: 0; }
.ai-risk-score-deduction {font-weight: 500; color: #D53F44; font-size: 15px; }
.ai-risk-score-card {border: 1px solid #B2B2B2; border-radius: 1rem; padding: 1rem; text-align: center; }
.ai-risk-gauge-container {position: relative; margin: 8px auto 12px auto; width: 140px; height: 140px; }
.ai-risk-gauge-svg {width: 100%; height: 100%; transform: rotate(-90deg); }
.ai-risk-gauge-bg {fill: none; stroke: #DEDEDE; stroke-width: 8; }
.ai-risk-gauge-fill {fill: none; stroke: #1FA971; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 251.2; stroke-dashoffset: var(--ai-risk-gauge-end, 200); animation: ai-risk-gauge-fill 1.2s ease-out both; }
@keyframes ai-risk-gauge-fill {from {stroke-dashoffset: 251.2;} to {stroke-dashoffset: var(--ai-risk-gauge-end, 200);}}
@media (prefers-reduced-motion: reduce) {.ai-risk-gauge-fill {animation: none;}}
.ai-risk-gauge-text-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.ai-risk-gauge-number {font-weight: 600; color: #1A1A1A; font-size: 40px; margin: 0; }
.ai-risk-gauge-label {color: #3B3B3B; font-weight: 500; font-size: 11px; margin-top: 4px; }
.ai-risk-status-badge {padding: 14px 14px; margin: 13px 0; border-radius: 10px; font-weight: 600; text-align: center; background-color: #1FA97133; color: #1FA971; font-size: 16px; }
.ai-risk-card-footer-text {color: #646464; font-size: 16px; line-height: 1.6; margin: 0 0 10px; font-weight: 400; }
.ai-risk-placeholder-text {color: #6c757d; font-size: 14px; }
.ai-risk-bottom-banner {margin-top: 1rem;padding: 1rem 1.5rem;border-radius: 18px;background-color: #FB8D8D5E;}
.ai-risk-banner-text {margin-bottom: 0; font-weight: 500; color: #000000; font-size: 16px; line-height: 1.6; }

.ai-fraud-protection-wrapper{padding: 3rem; background: url(/images/fraud-protection-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px;}
.ai-fraud-protection-wrapper .ai-engine-content-parent h3 {font-size: 20px;}
.ai-fraud-protection-wrapper .row.align-items-center.kyc-aiengine-wrapper {margin-top: 50px;}
.ai-detection-fintech-box {margin: 30px 0 0;border: 1px solid #D44E52;padding: 10px;border-radius: 13px;background: #DF3F441F;}
.ai-detection-fintech-box h4 {color: #D44E52;font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;}
.ai-detection-fintech-box p {color: #1A1A1A;font-size: 15px;font-weight: 400;line-height: 1.6;margin: 0;}
.enterprise-bottom-build-wrapper figure {margin: 40px 0 -70px;}
.ai-risk-score-card.failed-score-card .ai-risk-gauge-container svg.ai-risk-gauge-svg .ai-risk-gauge-fill {stroke: #D44E52;}
.ai-risk-score-card.failed-score-card .ai-risk-status-badge {background: #FFE0E0;color: #D44E52;}

.ai-risk-score-card.pending-score-card .ai-risk-gauge-container svg.ai-risk-gauge-svg .ai-risk-gauge-fill {stroke: #F6993C;}
.ai-risk-score-card.pending-score-card .ai-risk-status-badge {background: #EE830826;color: #F6993C;}

/*=========================================AI Credit Scoring Solution Page========================================*/

section.enterprise-banner-section.kyc-banner-section.ai-fraud-detection-banner-section.ai-credit-scoring-banner-section {padding: 12rem 0;background: url(/images/ai-credit-scoring-bg.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
section.enterprise-banner-section.kyc-banner-section.ai-fraud-detection-banner-section.ai-credit-scoring-banner-section ~ section.same-section.kyc-aiengine-section.aifraud-detection-section.extratoppadding-section .ai-engine-content-parent figure img {max-width: 70px;}
.ai-fraud-protection-wrapper .row.align-items-center.kyc-aiengine-wrapper .ai-engine-content-parent figure img {max-height: 55px;}