@charset "utf-8";

.self-build-container {
	font-family: 'Noto Sans KR', sans-serif;
}

/* 1. ai Section (Hero) */
/* ===== NEW TOP : AI 하이브리드 제작형 ===== */
.self-build-container .ai-hero{position:relative;display:flex;align-items:center;justify-content:space-between;
	background:#F5F5F5; border-radius:18px;	padding:10px 0 0 50px;overflow:hidden;box-sizing:border-box;}
.self-build-container .ai-hero-text{position:relative;z-index:2;max-width:560px;}
.self-build-container .ai-eyebrow{font-size:12px;font-weight:500;letter-spacing:3px;color:#000;margin:0 0 18px;}
.self-build-container .ai-hero-title{font-size:48px;font-weight:800;color:#93c901;line-height:1.25;letter-spacing:-1.5px;margin:0;}
.self-build-container .ai-hero-desc{font-size:17px;font-weight:400;color:#000;line-height:1.6;letter-spacing:-0.5px;margin:10px 0 0;}
.self-build-container .ai-hero-price{display:flex;align-items:center;gap:22px;margin-top:50px;}
.self-build-container .ai-price-pill{display:inline-flex;align-items:center;gap:10px;background:#93c901;color:#fff;
	font-size:20px;font-weight:500;border-radius:26px;padding:5px 30px;letter-spacing:-0.5px;}
.self-build-container .ai-price-pill b{font-size:30px;font-weight:700;text-decoration:line-through;}
.self-build-container .ai-price-free{position:relative; font-size:24px; font-weight:600;letter-spacing:-1px;white-space:nowrap;}
.self-build-container .ai-price-free b{font-size:60px; color:#FF3C00; line-height:60px; margin-right:5px;}
.self-build-container .ai-event-bubble{position:absolute;top:-34px;left:50%;transform:translateX(-50%);
	background:#e60012;color:#fff;font-size:14px;font-weight:600;padding:5px 12px;border-radius:50%;white-space:nowrap;}
.self-build-container .ai-event-bubble::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
	border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #e60012;}
.self-build-container .ai-event-bubble_i {position:absolute; top:-50px; right:-180px;}
.self-build-container .ai-hero-visual{position:relative;z-index:1;flex-shrink:0;width:400px; height:370px; text-align:right;}
.self-build-container .ai-hero-visual img{max-width:100%; height:auto;}

/* Features */
.self-build-container .ai-features{margin-top:20px;}
.self-build-container .ai-feat-row{display:flex;align-items:flex-start;gap:24px;padding:16px 8px;border-bottom:1px solid #ececec;}
.self-build-container .ai-feat-row:first-child {border-top:0;}
.self-build-container .ai-feat-row:last-child {border-bottom:0; padding:16px 8px 8px 8px;}
.self-build-container .ai-feat-label{flex-shrink:0;width:150px;font-size:17px;font-weight:700;color:#000;letter-spacing:-0.5px;line-height:1.4;}
.self-build-container .ai-feat-body{flex:1;}
.self-build-container .ai-feat-body p{margin:0;font-size:17px;color:#333;line-height:1.6;letter-spacing:-0.5px; font-weight:500;}
.self-build-container .ai-feat-body .sub{font-size:14px;color:#999;margin-top:5px;}
.self-build-container .ai-feat-body .hl{color:#0068C9;font-weight:700;}

/* 월 이용요금 카드 */
.self-build-container .ai-plan{display:flex;border:1px solid #e2e2e2;border-radius:16px;overflow:hidden;margin-top:44px;}
.self-build-container .ai-plan-left{flex-shrink:0;width:330px;background:#f6f6f6;display:flex;flex-direction:column;
	align-items:center;justify-content:center;text-align:center;padding:44px 20px;box-sizing:border-box;}
.self-build-container .ai-plan-left img{width:120px;height:auto;margin-bottom:22px;}
.self-build-container .ai-plan-left-title{font-size:20px;font-weight:700;color:#000;margin:10px 0 10px;letter-spacing:-0.5px;}
.self-build-container .ai-plan-price{margin:0;font-size:17px;font-weight:500;}
.self-build-container .ai-plan-price b{font-size:30px;font-weight:700; color:#93c901;}
.self-build-container .ai-plan-right{flex:1;padding:40px 44px;display:flex;align-items:center;box-sizing:border-box;}
.self-build-container .ai-plan-list{list-style:none;margin:0;padding:0;width:100%;}
.self-build-container .ai-plan-list li{position:relative;padding-left:20px;margin-bottom:10px;font-size:16px;color:#000;line-height:1.5;letter-spacing:-0.5px;}
.self-build-container .ai-plan-list li:last-child{margin-bottom:0;}
.self-build-container .ai-plan-list li::before{content:'\2714';position:absolute;left:0;top:1px;color:#000;font-size:15px;font-weight:700;}
.self-build-container .ai-plan-list li.strong{font-weight:700;color:#000;}

/* 반응형 */
@media screen and (max-width:800px){
	.self-build-container .ai-hero{flex-direction:column;align-items:flex-start;padding:34px 0 0 24px; ;min-height:0;}
	.self-build-container .ai-hero-title{font-size:32px;}
	.self-build-container .ai-hero-text{ margin-right:24px;}
	.self-build-container .ai-hero-desc{font-size:15px;}
	.self-build-container .ai-hero-desc br{display:none;}
	.self-build-container .ai-hero-visual{width:100%; height:auto; margin-top:28px;text-align:center;}
	.self-build-container .ai-hero-price{flex-wrap:wrap;gap:16px;margin-top:44px;}
	.self-build-container .ai-feat-row{flex-direction:column;gap:8px;}
	.self-build-container .ai-feat-label{width:auto;}
	.self-build-container .ai-plan{flex-direction:column;}
	.self-build-container .ai-plan-left{width:100%;padding:32px 20px;}
	.self-build-container .ai-plan-right{padding:28px 22px;}
	.self-build-container .ai-plan-list li{font-size:14px;}
	
	.self-build-container .ai-price-free {}
	.self-build-container .ai-price-free b { font-size:44px;}
	.self-build-container .ai-event-bubble_i {position:absolute; top:-10px; right:-220px;}
}


/* =============================================
	신규유지보수
============================================= */


/* ===== 유지보수 3플랜 표 (추가 전용) ===== */
.mnt-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-template-rows:repeat(5,auto);
	grid-auto-flow:column;              /* DOM(플랜 단위)을 열로 배치 → 밴드 가로정렬 */
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	color:#000;
	box-sizing:border-box;
}
.mnt-grid *{box-sizing:border-box;}
.mnt-cell{
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

/* 헤더 */
.mnt-head{padding:24px 10px;text-align:center;font-size:20px;font-weight:bold;color:#000;}
.mnt-head.green{background:#a7d05b;}
.mnt-head.mint{background:#95dcce;}
.mnt-head.blue{background:#a6c8ec;}

/* 가격 */
.mnt-price{background:#f7f7f7;text-align:center;padding:20px 10px;font-size:20px;font-weight:bold;color:#000;}
.mnt-price span{font-size:15px;font-weight:normal;color:#000;}

/* 서비스 / 하단상세 */
.mnt-svc,.mnt-detail{padding:22px 20px;background:#fff;font-size:15px;line-height:1.6;}

/* 서버용량 */
.mnt-server{text-align:center;padding:16px 10px;font-size:15px;color:#000;}

/* 리스트 */
.mnt-list{list-style:none;margin:0;padding:0;}
.mnt-list li{position:relative;padding-left:12px;margin-bottom:3px;}
.mnt-list.dot li::before{content:'·';position:absolute;left:0;top:0;}
.mnt-list.dash li::before{content:'-';position:absolute;left:0;top:0;}

/* 강조 텍스트 */
.mnt-basic{color:#2e74b5;font-weight:bold;margin:0 0 12px;}
.mnt-add{font-weight:bold;color:#000;margin:0 0 6px;}
.mnt-change{color:#000;margin:8px 0 14px;font-size:12px;}
.mnt-star,.mnt-dtitle{font-weight:bold;color:#000;margin:0;}
.mnt-dtitle{margin:0 0 10px;}

/* ===== 모바일 : 유지보수별로 순서대로(플랜 전체 → 다음 플랜) ===== */
@media (max-width:768px){
	.mnt-grid{
		grid-template-columns:1fr;
		grid-template-rows:none;
		grid-auto-flow:row;             /* 단일 열 → DOM순서(플랜 단위)로 세로 정렬 */
	}
	.mnt-head{border-top:3px solid #d0d0d0;}   /* 플랜 구분선 */
	.mnt-cell.mnt-head:first-child{border-top:none;}
}

/* 1. Intro Section (Hero) */
.sb-intro {
	position: relative;
	width: 100%;
	height: 498px;
	/* Reference height */
	margin: 0 auto;
	overflow: hidden;
}

.sb-intro .intro-text-group {
	position: relative;
	top: 40px;
	left: 30px;
	display: flex;
	flex-direction: column;
	z-index: 2;
}

.sb-intro .intro-sub1 {
	font-size: 36px;
	font-weight: 300;
	color: #333333;
	letter-spacing: -1px;
	line-height: 1.4;
	margin: 0;
}

.sb-intro .intro-sub2 {
	font-size: 36px;
	font-weight: 400;
	color: #99B220;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0;
}

.sb-intro .intro-title {
	font-size: 46px;
	font-weight: 600;
	color: #99B220;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0;
}

.sb-intro .intro-desc {
	margin-top: 24px;
}

.sb-intro .intro-desc p {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	letter-spacing: -1px;
	line-height: 1.4;
	margin: 0;
}

.sb-intro .intro-desc b {
	font-weight: 600;
}

/* Price Box */
.sb-intro .price-box {
	margin-top: 37px;
	width: 280px;
	max-width: 100%;
	height: 45px;
	background-color: #3C3C3C;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sb-intro .price-box p {
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: -1px;
	line-height: 1.4;
	margin: 0;
}

.sb-intro .price-box b {
	font-weight: 700;
}

/* Device Decoration Layer */
.devices-deco-layer {
	position: absolute;
	top: 0;
	right: 0;
	width: 1100px;
	height: 100%;
}

.devices-deco-layer .device-item {
	position: absolute;
}

.devices-deco-layer .device-item img {
	width: 100%;
	height: 100%;
}

/* Desktop */
.devices-deco-layer .desktop-base {
	top: 220px;
	left: 731px;
	width: 230px;
	height: 220px;
	z-index: 2;
}

.devices-deco-layer .desktop-screen {
	top: 229px;
	left: 739px;
	width: 214px;
	height: 121px;
	z-index: 3;
}

.devices-deco-layer .desktop-label {
	top: 171px;
	left: 829px;
	width: 116px;
	height: 56px;
	z-index: 9;
	background: url('../../images/build/self-build/image_30965.png') no-repeat;
	background-size: cover;
}

/* Laptop */
.devices-deco-layer .laptop-base {
	top: 292px;
	left: 560px;
	width: 206px;
	height: 134px;
	z-index: 1;
}

.devices-deco-layer .laptop-screen {
	top: 298px;
	left: 586px;
	width: 155px;
	height: 97px;
	z-index: 1;
}

.devices-deco-layer .laptop-label {
	top: 244px;
	left: 608px;
	width: 68px;
	height: 56px;
	z-index: 10;
	background: url('../../images/build/self-build/image_30966.png') no-repeat;
	background-size: cover;
}

/* Tablet */
.devices-deco-layer .tablet-base {
	top: 321px;
	left: 984px;
	width: 71px;
	height: 113px;
	z-index: 8;
}

.devices-deco-layer .tablet-screen {
	top: 331px;
	left: 987px;
	width: 65px;
	height: 78px;
	z-index: 9;
}

.devices-deco-layer .tablet-label {
	top: 274px;
	left: 1002px;
	width: 68px;
	height: 56px;
	z-index: 11;
	background: url('../../images/build/self-build/image_30969.png') no-repeat;
	background-size: cover;
}

/* Mobile */
.devices-deco-layer .mobile-base {
	top: 361px;
	left: 931px;
	width: 34px;
	height: 72px;
	z-index: 7;
}

.devices-deco-layer .mobile-screen {
	top: 370px;
	left: 934px;
	width: 29px;
	height: 50px;
	z-index: 8;
}

.devices-deco-layer .mobile-label {
	top: 315px;
	left: 911px;
	width: 68px;
	height: 56px;
	z-index: 12;
	background: url('../../images/build/self-build/image_30967.png') no-repeat;
	background-size: cover;
}

/* Device Labels Text styling */
.devices-deco-layer .desktop-label p,
.devices-deco-layer .laptop-label p,
.devices-deco-layer .tablet-label p,
.devices-deco-layer .mobile-label p {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
}

/* Bottom lineup image */
.sb-intro .intro-bottom-banner {
	position: absolute;
	top: 408px;
	left: 30px;
	width: 1040px;
	height: 90px;
}

.sb-intro .intro-bottom-banner img {
	width: 100%;
}

/* 2. Pricing Section */
.sb-pricing {
	position: relative;
	width: 100%;
	margin: 0 auto 0;
	z-index: 10;
}

.sb-pricing .pricing-title {
	position: relative;
	height: 54px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.sb-pricing .pricing-title .ico {
	width: 10px;
	height: 10px;
	background-color: rgb(85, 86, 98);
	border-radius: 2px;
}

.sb-pricing .pricing-title h2 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	letter-spacing: -1px;
	margin: -5px 0 0 0;
}

.sb-pricing .pricing-table-wrap {
	margin-top: -8px;
}

.sb-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #BEBEBE;
	table-layout: fixed;
}

.sb-table th,
.sb-table td {
	border: 1px solid #BEBEBE;
	padding: 12px 10px 10px 12px;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: -1px;
}

.sb-table thead th {
	background-color: #515151;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.sb-table thead th:first-child {
	width: 110px;
}

.sb-table .lbl {
	background-color: #FFFFFF;
	width: 110px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.sb-table .val-bold {
	color: #333333;
	font-weight: 400;
	text-align: center;
}

.sb-table .val-list {
	text-align: left;
	color: #333333;
	padding: 12px 10px 10px 12px;
	line-height: 1.5;
	letter-spacing: -1.2px;
	word-break: keep-all;
}

/* 3. Maintenance Section */
.sb-maint {
	position: relative;
	width: 100%;
	margin: 50px auto 0 auto;
}

.sb-maint .maint-title {
	position: relative;
	height: 54px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.sb-maint .maint-title .ico {
	width: 10px;
	height: 10px;
	background-color: rgb(85, 86, 98);
	border-radius: 2px;
}

.sb-maint .maint-title h2 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	letter-spacing: -1px;
	margin: -5px 0 0 0;
}

.sb-maint .maint-highlight {
	width: 100%;
	height: 60px;
	background-color: #FFD767;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -6px;
}

.sb-maint .maint-highlight p {
	font-size: 26px;
	font-weight: 600;
	color: #333333;
	letter-spacing: -1px;
	margin: 0;
}

.maint-table-wrap {
	margin-top: 10px;
}

.sb-table .lbl-dark {
	background-color: #535353;
	width: 110px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.sb-table .val-text {
	color: #333333;
	font-weight: 400;
	text-align: left;
	padding-left: 20px;
}

.sb-table .val-list {
	color: #333333;
	font-weight: 400;
	text-align: left;
	padding: 12px 20px;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

/* 4. Comparison Grid Section */
.sb-compare {
	position: relative;
	width: 100%;
	margin: 60px auto 0 auto;
}

.sb-compare .maint-highlight {
	width: 100%;
	height: 60px;
	background-color: #FFD767;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.sb-compare .maint-highlight p {
	font-size: 26px;
	font-weight: 600;
	color: #333333;
	letter-spacing: -1px;
	margin: 0;
}

.compare-grid-wrap {
	display: grid;
	grid-template-columns: 101px repeat(5, 1fr);
	width: 100%;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
}

.compare-card {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #BEBEBE;
	border-top: 1px solid #BEBEBE;
}

.compare-card .card-head {
	height: 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
}

.compare-card .card-head h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 1.2;
}

.compare-card .card-head p {
	font-size: 13px;
	line-height: 1.2;
}

/* Column Colors */
.compare-card.col-lbl .card-head {
	background-color: #535353;
	color: #FFFFFF;
}

.compare-card.col-cyan .card-head {
	background-color: #9DDAE8;
	color: #333333;
}

.compare-card.col-lightgreen .card-head {
	background-color: #B2E595;
	color: #333333;
}

.compare-card.col-green .card-head {
	background-color: #79D99A;
	color: #333333;
}

.compare-card.col-teal .card-head {
	background-color: #5DD6CA;
	color: #333333;
}

.compare-card.col-blue .card-head {
	background-color: #579EC9;
	color: #333333;
}

.compare-card .card-body .row {
	border-top: 1px solid #BEBEBE;
	margin-top: -1px;
	padding: 12px 10px;
	font-size: 15px;
	color: #333333;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	word-break: keep-all;
}

.compare-card.col-lbl .row {
	background-color: #F8F8F8;
	font-weight: 500;
}

.compare-card .card-body .row-svc {
	min-height: 524px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	padding: 20px 10px;
}

.compare-card.col-lbl .row-svc {
	align-items: center;
	justify-content: center;
}

.compare-card .card-body .row-svc .svc-title {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.compare-card .card-body .row-svc .svc-plus {
	color: #99B220;
	font-weight: bold;
	font-size: 24px;
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.compare-card .card-body .row-svc .list-svc {
	list-style: none;
	padding: 0;
	margin: 0;
}

.compare-card .card-body .row-svc .list-svc li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.4;
}

.compare-card .card-body .row-svc .list-svc li::before {
	content: '·';
	flex-shrink: 0;
	margin-right: 4px;
}

.compare-card .card-body .row-svc .list-svc .svc-note {
	font-size: 12px;
	color: #666666;
	margin-top: 15px;
	padding-left: 0;
}

.compare-card .card-body .row-svc .list-svc .svc-note::before {
	content: '';
}

.compare-card .card-body .row-svc .list-svc .svc-special {
	color: #D44242;
	font-weight: bold;
	margin-top: 15px;
}

/* 5. Additional Costs & Server Section */
.sb-extra {
	position: relative;
	width: 100%;
	margin: 60px auto 0;
}

.sb-extra .extra-item {
	position: relative;
	width: 100%;
}

.sb-extra .mt-60 {
	margin-top: 60px;
}

.sb-extra .mt-40 {
	margin-top: 40px;
}

.sb-extra .extra-title {
	height: 54px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.sb-extra .extra-title .ico {
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	display: block;
	background-color: rgb(85, 86, 98);
	border-radius: 2px;
}

.sb-extra .extra-title h2 {
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	letter-spacing: -1px;
	margin: 0;
}

.sb-extra .extra-desc {
	font-size: 15px;
	color: #666666;
	margin: -5px 0 10px 0;
	letter-spacing: -1px;
	padding-left: 20px;
}

.sb-extra .table-sm .lbl {
	width: 320px;
	text-align: left;
	padding-left: 20px;
	background-color: #F8F8F8;
	font-weight: bold;
}

.sb-extra .table-sm .val {
	text-align: left;
	padding-left: 20px;
	color: #333333;
}

.sb-extra .table-sm .val .note {
	font-size: 14px;
	color: #D64242;
	display: block;
	margin-top: 5px;
}

/* 6. Action Buttons Section */
.co-action-buttons {
	position: relative;
	width: 100%;
	margin: 80px auto 100px auto;
	display: flex;
	justify-content: center;
	gap: 15px;
}

.co-action-buttons .action-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 55px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	transition: opacity 0.2s;
}

.co-action-buttons .btn-apply {
	background-color: #2E90A8;
}

.co-action-buttons .btn-inquiry {
	background-color: #00B093;
}

.co-action-buttons .btn-portfolio {
	background-color: #3E3E3E;
}

.co-action-buttons .action-btn:hover {
	opacity: 0.8;
}


.compare-card .card-body .row-svc .list-svc .svc-special::before {
	content: '';
}

.compare-card .card-body .row-img {
	min-height: 60px;
}

/* Responsive Grid */
@media screen and (max-width: 1100px) {
	.compare-grid-wrap {
		overflow-x: auto;
		grid-template-columns: 101px repeat(5, 200px);
	}
}

/* Bullet list utilities */
.b-line {
	display: flex;
	align-items: flex-start;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
}

.b-dot {
	flex-shrink: 0;
	margin-right: 4px;
}

.b-note {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 4px 0 0;
}

/* Mobile: Intro Section Responsive */
@media screen and (max-width: 800px) {

	/* Font size scaling */
	.sb-intro .intro-sub1,
	.sb-intro .intro-sub2 {
		font-size: 24px;
	}

	.sb-intro .intro-title {
		font-size: 32px;
	}

	.sb-intro .intro-desc p {
		font-size: 15px;
		word-break: keep-all;
	}

	.sb-intro .intro-desc p br {
		display: none;
	}

	.sb-intro .price-box {
		margin-top: 20px;
		height: 40px;
	}

	.sb-intro .price-box p {
		font-size: 18px;
	}

	.sb-pricing .pricing-title h2,
	.sb-maint .maint-title h2,
	.sb-extra .extra-title h2 {
		font-size: 20px;
	}

	.sb-maint .maint-highlight p,
	.sb-compare .maint-highlight p {
		font-size: 18px;
	}

	.sb-maint .maint-highlight,
	.sb-compare .maint-highlight {
		height: 48px;
	}

	.sb-table th,
	.sb-table td,
	.sb-extra .table-sm .val {
		font-size: 13px;
	}

	.sb-extra .extra-desc {
		font-size: 14px;
	}

	.compare-card .card-head h3 {
		font-size: 16px;
	}

	.compare-card .card-head p {
		font-size: 12px;
	}

	.compare-card .card-body .row {
		font-size: 13px;
	}

	.compare-card .card-body .row-svc .svc-plus {
		font-size: 18px;
	}

	.compare-card .card-body .row-svc .list-svc li {
		font-size: 12px;
	}

	.co-action-buttons .action-btn {
		font-size: 16px;
		height: 50px;
	}

	.co-action-buttons {
		gap: 5px;
	}

	/* Cell Padding & Widths for Tables */
	.sb-extra .table-sm .lbl {
		width: 130px;
		padding-left: 10px;
	}

	.sb-extra .table-sm .val {
		padding-left: 10px;
	}

	/* Layout adjustments */
	.sb-intro {
		height: auto;
		overflow: visible;
		box-sizing: border-box;
	}

	.sb-intro .intro-text-group {
		position: static;
		padding: 20px 20px 0;
	}

	.sb-intro .intro-sub1,
	.sb-intro .intro-sub2,
	.sb-intro .intro-title,
	.sb-intro .intro-desc,
	.sb-intro .price-box {
		position: static;
		top: auto;
		left: auto;
	}

	.devices-deco-layer {
		display: none;
	}

	.sb-intro .intro-bottom-banner {
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
	}

	.sb-pricing .pricing-table-wrap,
	.sb-maint .maint-table-wrap,
	.sb-extra .extra-table-wrap {
		overflow-x: auto;
	}
}