/* ==========================================
ELITE5PRO FOR BUSINESS
========================================== */

.business-page{
background:#f8fbff;

}

/* HERO */

.business-hero{
  display:flex;

  margin-top:12px;
  margin-left:10px;
  margin-right:10px;

  padding:28px;

  border-radius:12px;

  background:linear-gradient(
    90deg,
    #4d6bff,
    #00c6c7
  );

  color:#fff;

  box-shadow:0 20px 40px rgba(0,0,0,.06);
}

.business-hero-content{
  width:100%;
  max-width:1200px;
}

.hero-tag{
  display:inline-block;

  padding:6px 12px;

  border-radius:999px;

  background:rgba(255,255,255,.18);

  font-size:12px;
  font-weight:700;

  margin-bottom:12px;
}

.hero-main-title{
  margin:0 0 10px;

  color:#fff;

  font-size:52px;
  font-weight:800;
  line-height:1.1;

  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, sans-serif;
}

.business-hero p{
  margin:0;

  

  color:rgba(255,255,255,.95);

  font-size:16px;

  line-height:1.6;
  font-weight: 500;
}

/* CONTENT WRAP */

.business-container{
  max-width:1100px;
  margin:0 auto;
  padding:20px 20px 0;
}

/* CARDS */

.business-card{
  border-radius:16px;
  padding:28px;
  margin-bottom:20px;

  background:#fff;

  border:1px solid rgba(11,18,32,.05);

  box-shadow:
    0 8px 24px rgba(11,18,32,.04);
}
.business-card:hover{
transform:translateY(-2px);

box-shadow:
0 16px 45px rgba(15,23,42,.08);
}

/* SECTION BADGES */

.section-badge{
display:inline-block;

margin-bottom:14px;

padding:7px 12px;

border-radius:999px;

background:#eef4ff;

color:#4d6bff;

font-size:12px;
font-weight:700;
letter-spacing:.3px;
}

.sponsored-badge{
background:#fff5df;
color:#d97706;
}

/* HEADINGS */

.business-card h2{
margin:0 0 18px;

color:#0f172a;

font-size:34px;
line-height:1.25;

font-weight:800;
}

.business-card h3{
margin:10px 0 14px;

color:#1e293b;

font-size:22px;
}

.business-card h4{
margin:0 0 10px;

color:#0f172a;

font-size:18px;

font-weight:700;
}

/* TEXT */

.business-card p{
color:#475569;

font-size:16px;
line-height:1.9;

margin-bottom:18px;
}

/* LISTS */

.business-card ul{
list-style:none;

padding:0;
margin:20px 0;
}

.business-card li{
position:relative;

padding-left:28px;

margin-bottom:12px;

color:#334155;

line-height:1.8;
}

.business-card li::before{
content:"◆";

position:absolute;
left:0;

color:#4d6bff;
font-size:12px;
}

/* RECOGNITION SECTION */

.recognition-card{
background:
linear-gradient(
180deg,
rgba(77,107,255,.05),
rgba(0,198,199,.03)
);
}

/* SPONSORED SECTION */

.sponsored-card{
border-left:6px solid #f59e0b;

background:
linear-gradient(
180deg,
rgba(245,158,11,.04),
#fff
);
}

/* INDUSTRY CARDS */

.industry-grid{
display:grid;

grid-template-columns:
repeat(3,minmax(0,1fr));

gap:20px;

margin:28px 0;
}

.industry-item{
background:#f8fbff;

border:1px solid rgba(77,107,255,.08);

border-radius:18px;

padding:22px;
}

.industry-item p{
margin-bottom:0;
font-size:15px;
}

/* SPECIAL VISUAL SEPARATION */

.business-card + .business-card{
position:relative;
}

.business-card + .business-card::before{
content:"";

position:absolute;

top:-12px;
left:50%;

transform:translateX(-50%);

width:60px;
height:4px;

border-radius:999px;

background:
linear-gradient(
90deg,
#4d6bff,
#00c6c7
);
}

/* MOBILE */

@media (max-width:920px){

.industry-grid{
grid-template-columns:1fr;
}

.business-card h2{
font-size:28px;
}

.business-hero h1{
font-size:30px;
}

}

@media (max-width:640px){

.business-container{
padding:24px 14px 0;
}

.business-hero{
padding:50px 18px;
}

.business-hero h1{
font-size:30px;
}

.business-hero p{
font-size:15px;
}

.business-card{
padding:22px;
border-radius:18px;
}

.business-card h2{
font-size:24px;
}

.business-card p{
font-size:15px;
}

}
@media(max-width:720px){

  .business-hero{
    padding:18px;
  }

  .business-hero h1{
    font-size:28px;
  }

  .business-hero p{
    font-size:14px;
  }

}

.hero-main-title{
  margin:0 0 8px;

  font-family: inherit;
    font-size:30px;
    font-weight:700;
    line-height:1.1;

  
  color:#fff;
}

.hero-sub-title{
  margin:0 0 18px;

  font-size:25px;

  font-weight:500;

  color:rgba(255,255,255,.95);
}

.hero-divider{
   width:140px;
   height:4px;

   margin:12px 0 20px;

   border-radius:999px;

   background:rgba(255,255,255,.9);
}
@media(max-width:720px){

  .hero-main-title{
      font-size:34px;
  }

  .hero-sub-title{
      font-size:20px;
  }
  .contact-card h2 {
    font-size: 20px;
  }

}

.contact-card {
  margin-bottom: 30px;
  padding: 24px;
  border-radius: 14px;

  background: linear-gradient(
    180deg,
    rgba(77,107,255,.06),
    rgba(0,198,199,.04)
  );

  border: 1px solid rgba(11,18,32,.06);
}

.contact-card h2 {
  margin-bottom: 12px;
  font-size: 22px;
  color: var(--accent);
}

.contact-card p {
  margin-bottom: 10px;
  line-height: 1.7;
  color: var(--muted);
}

.contact-card a {
  color: var(--brand);
  font-weight: 700;
  text-decoration: none;
}

.contact-card a:hover {
  text-decoration: underline;
}

.profile-sample-link {
  margin: 18px 0 8px;
  font-weight: 700;
  font-size: 20px !important;
}

.profile-sample-url {
  margin-bottom: 18px;
  padding: 14px 18px;
  background: #f4f8ff;
  border-left: 4px solid #4f6df5;
  border-radius: 10px;
  font-size: 20px;
}

.profile-sample-url a {
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
  word-break: break-all;
}

.profile-sample-url a:hover {
  text-decoration: underline;
}