.site-header {
    background: #0d1b2a;
    padding: 20px 0;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu ul {
    display: flex;
    gap: 20px;
    list-style: none;
}

.main-menu a {
    color: #fff;
    text-decoration: none;
}

.hero-section {
    background: linear-gradient(135deg, #0d1b2a, #1b263b);
    color: #fff;
    padding: 120px 20px;
    text-align: center;
}

body{font-size:17px;line-height:1.75;}

/*  hero section  */
/* ── Global readability ─────────────────────────────────────────────── */

.hero-h1,.hero h1 {
            font-size: clamp(32px, 5vw, 50px);
    max-width: 760px;
    margin: 0 auto 2px;
	line-height: 1.2em;
        }
.hero-lead,.hero p.hero-lead{color:#bfcfe0 !important;font-size:17px !important;line-height:1.85 !important;}
.hero-badge{color:#a0bee0;background:rgba(160,190,224,.12);border-color:rgba(160,190,224,.25);}
.hero-confirm{color:#b0c4d8;font-size:15.5px;line-height:1.8;}
/* .hero-found{color:#a0bee0;font-size:14px;font-weight:700;letter-spacing:.04em;} */
p{font-size:15.5px;line-height:1.8;color:var(--ink-mid);}
.card-desc,.svc-desc,.section-guide,.strip-desc{font-size:14px;line-height:1.75;color:#50556a;}
.card-title,.card-service-name,.tc-name{color:#1e2230;font-weight:700;}
.card-sub{color:#58607a;font-size:13.5px;}
.card-pain{color:#3c4058;font-size:14px;font-style:italic;line-height:1.7;}

.hero {
    background-color: #1a1e2a;
    background-image:
      radial-gradient(ellipse 60% 50% at 50% 100%, rgba(160, 96, 0, .18) 0%, transparent 70%),
      repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(160, 96, 0, .04) 40px),
      repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(160, 96, 0, .04) 40px);
    text-align: center;
    position: relative;
    overflow: hidden;
	height: auto;
	min-height: 60vh;
	padding: 50px 0px;
    align-content: center;
  }

  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(circle 2px at 20px 20px, rgba(160, 96, 0, .18) 100%, transparent 0),
      radial-gradient(circle 1.5px at 60px 60px, rgba(61, 186, 124, .1) 100%, transparent 0),
      radial-gradient(circle 1px at 40px 80px, rgba(160, 96, 0, .08) 100%, transparent 0);
    background-size: 80px 80px;
    pointer-events: none;
  }

  .hero::after {
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 300px;
    background: radial-gradient(ellipse, rgba(26, 85, 176, .25) 0%, transparent 70%);
    pointer-events: none;
  }
 .hero h1 em {
    font-style: italic;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }

.hero-found {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(160, 96, 0, .15);
    color: #d08030;
    border: 1.5px solid rgba(160, 96, 0, .4);
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 13px;
	font-family: auto;
    font-weight: 700;
    letter-spacing: .03em;
    margin-bottom: 20px;
    backdrop-filter: blur(4px);
  }
.page-id-37 .hero-found{
	color:#7ab8ff;
	background:rgba(26,85,176,.12);
	border:1px solid rgba(26,85,176,.25);
}
.hero-confirm {
    font-size: 17px;
    font-weight: 300;
    color: #c8b890;
    max-width: 560px;
    margin: 20px auto 34px;
    line-height: 1.74;
  }
.page-id-37 .hero-confirm {
    color: #8090a8;
    }
.content-body {
	max-width:1320px;
	width:80%;
}
/* 
  .hero-found::before {
    content: "⚙";
    color: #d08030;
    font-weight: 700;
    margin-right: 2px;
  } */







/* Mobile devices */
@media only screen and (max-width: 767px) {
	
  	.content-body {
		width:100%;
	}
	.hero {
		padding: 50px 30px;
		min-height: 30vh;
	}
	.online-part-1-inner {
		padding:0px !important;
	}
	
	
}

/* Tablet Devices */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hero {
		padding: 50px 30px;
		min-height: 30vh;
	}
	.content-body{
		width:86%;
	}
	
}