.elementor-7305 .elementor-element.elementor-element-69e58725{margin-top:0px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-7305 .elementor-element.elementor-element-36ab3c5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7305 .elementor-element.elementor-element-2580a28d .e-gallery-item:hover .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7305 .elementor-element.elementor-element-2580a28d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7305 .elementor-element.elementor-element-2580a28d{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS */.elementor-tab-title{display:flex;}
.table-wrap {
    overflow: auto;
    border-radius: 20px;
    border: 1px solid var(--line);
    box-shadow: var(--softShadow);
    background: #fff;
    margin: 18px 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}
th,
td {
    padding: 16px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    color: var(--muted);
    font-size:16px;
}
th {
    background: #101827;
    color: #fff;
    font-weight: 900;
    font-size:16px;
}
.insight {
  background: linear-gradient(135deg,#fff9e8,#fff);
  border: 1px solid rgba(201,162,74,.35);
  border-radius: 22px;
  padding: 24px;
  margin-top: 18px;
}
.insight h4 {font-size: 18px;
  margin-bottom: 8px;
  color: #9a741e; font-weight: 700;
}
.insight p {
  color: var(--muted);
  margin: 0;
  font-size: 16px;
}
.timeline {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 12px;

}
.step {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(15,23,42,.07);
  position: relative;
}
.step b {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gold);
  color: #111827;
  margin-bottom: 12px;
}
.step h4 {
  font-size: 18px;
  margin-bottom: 8px; color: var(--ink); font-weight:700;
}
.step p{color: var(--muted);
  margin: 0 0 16px; font-size:16px;}

.tag {
  color: var(--gold);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .08em;
  display: inline-block;
  margin-bottom: 12px;
}
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 22px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.22s ease;
    border: 1px solid transparent;
    font-size:14px; text-transform:initial;
}
.btn:hover {
    transform: translateY(-2px);
}
.btn.primary {
    background: var(--gold);
    color: #111827;
}
.btn.white {
    background: #fff;
    color: #0f172a;
}
.btn.outline {
    border-color: rgba(255, 255, 255, 0.48);
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}
.btn.dark {
    background: var(--ink);
    color: #fff;
}
.btn.gold-outline {
    border-color: var(--gold);
    color: var(--ink);
    background: #fff;
}
:root{--ink:#0f172a;--ink2:#1e293b;--gold:#c9a24a;--gold2:#e1c16e;--cream:#f7f4ee;--soft:#fbfaf7;--white:#fff;--muted:#64748b;--line:#e5decf;--shadow:0 18px 45px rgba(15,23,42,.10);--radius:24px}
.section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.section-head {
  max-width: 900px;
  margin-bottom: 30px;
}

.list {
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 2;
    column-gap: 30px;
}
.list li {
    break-inside: avoid;
    padding: 8px 0 8px 28px;
    position: relative;
    color: var(--muted);
}
.dark .list li {
    color: #d7dce5;
}
.list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    color: var(--gold);
    font-weight: 900;
}

.icon-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-top: 26px;
}
.icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
  color: #111827;
  background: linear-gradient(135deg,var(--gold),var(--gold2));
  font-weight: 900;
}

.icon-box {
  background: #fff;

  border: 1px solid var(--line);
  border-radius: 18px;

  padding: 18px;

  text-align: center;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(15,23,42,.07);
}
.icon-box h4{font-size:18px; line-height:20px; margin:0 0 15px; font-weight:500;}
.icon-box h3{font-size:16px; line-height:20px; font-weight:400}
.socialSection{display:none;}
:root {
  --navy:#111827;
  --navy2:#1f2937;
  --gold:#c9a24a;
  --cream:#f7f4ee;
  --white:#fff;
  --muted:#5b6472;
  --line:#e7e0d2;
  --shadow:0 14px 34px rgba(17,24,39,.08);
  --radius:22px
}
* {
  box-sizing:border-box
}
#content{background:var(--cream);}
body {
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  
  color:var(--navy);
  line-height:1.65
}
a {
  color:inherit
}
.wrap {
  max-width:1220px;
  margin:auto;
  padding:0 20px
}
.topbar {
  background:var(--navy);
  color:#fff;
  padding:12px 0;
  font-size:14px
}
.topbar .wrap {
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap
}
.hero {
  padding:70px 0 34px;
  background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(31,41,55,.88)),url('https://via.placeholder.com/1600x850?text=Cosmo+Builders+Remodeling+Education') center/cover;
  color:#fff
}
.eyebrow {
  display:inline-block;
  background:rgba(201,162,74,.18);
  border:1px solid rgba(201,162,74,.45);
  color:#f4d27c;
  padding:8px 14px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:13px
}
h1 {
  font-size:clamp(36px,6vw,66px);
  line-height:1.06;
  margin:18px 0;
  max-width:980px
}
.hero p {
  max-width:940px;
  font-size:18px;
  color:#e5e7eb;
  margin:0 0 18px
}
.cta-row {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px
}

.trustbar {
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px
}
.trustbar div {
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  padding:14px;
  border-radius:16px;
  font-weight:700;
  text-align:center;
  color:#fff
}
section {
  padding:52px 0
}
.section-title {
  margin-bottom:24px
}
.section-title .tag {
  color:var(--gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:13px
}
h2 {
  font-size:clamp(28px,4vw,44px);
  line-height:1.15;
  margin:8px 0 12px
}
h3 {
  font-size:22px;
  line-height:1.25;
  margin:0 0 10px
}
p {
  color:var(--muted)
}
.grid {
  display:grid;
  gap:18px
}
.grid.two {
  grid-template-columns:repeat(2,1fr)
}
.grid.three {
  grid-template-columns:repeat(3,1fr)
}
.card {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow)
}
.card-link {
  text-decoration:none;
  display:block;
  height:100%;
  transition:.2s ease
}
.card-link:hover {
  transform:translateY(-4px);
  border-color:rgba(201,162,74,.65)
}
.readmore {
  color:var(--gold);
  font-weight:800;
  display:inline-block;
  margin-top:8px
}
.audience .card {
  text-align:center;
  font-weight:800;
  padding:18px
}
.dark-section {
  background:var(--navy);
  color:#fff
}
.dark-section p,
.dark-section li {
  color:#d7dce5
}
.dark-section .card {
  background:#182235;
  border-color:rgba(255,255,255,.1);
  color:#fff
}
.list-check {
  padding-left:0;
  list-style:none;
  margin:0
}
.list-check li {
  padding:8px 0 8px 28px;
  position:relative;
  color:var(--muted)
}
.list-check li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:var(--gold);
  font-weight:900
}
.popular .card {
  border-left:5px solid var(--gold)
}
.gallery-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px
}
.project {
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid var(--line)
}
.project img {
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
  background:#ddd
}
.project div {
  padding:14px;
  font-weight:800;
  font-size:14px
}
.city-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--shadow)
}
.finish {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.finish div {
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  box-shadow:var(--shadow)
}
details {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px 20px;
  margin-bottom:12px;
  box-shadow:0 8px 20px rgba(17,24,39,.04)
}
summary {
  cursor:pointer;
  font-weight:800;
  color:var(--navy)
}
details p {
  margin-bottom:0
}
.final-cta {
  background:linear-gradient(135deg,var(--navy),#2d3748);
  color:#fff;
  border-radius:30px;
  padding:42px;
  box-shadow:var(--shadow)
}
.final-cta p,
.final-cta li {
  color:#e5e7eb
}
.contact-line {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px
}
.contact-line a {
  background:#fff;
  color:var(--navy);
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800
}
.sticky-mobile {
  display:none;
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:50;
  gap:10px
}
.sticky-mobile a {
  flex:1;
  text-align:center;
  background:var(--gold);
  color:#111827;
  padding:12px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 10px 25px rgba(0,0,0,.2)
}
@media(max-width:980px) {
  .grid.three,
  .trustbar,
  .finish,
  .gallery-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:680px) {
  .hero {
    padding:48px 0 28px
  }
  .grid.two,
  .grid.three,
  .trustbar,
  .finish,
  .gallery-grid {
    grid-template-columns:1fr
  }
  .cta-row .btn {
    width:100%
  }
  .card {
    padding:20px
  }
  section {
    padding:38px 0
  }
  .final-cta {
    padding:28px 20px;
    border-radius:22px
  }
  .sticky-mobile {
    display:flex
  }
  body {
    padding-bottom:76px
  }
}/* End custom CSS */