:root{
      --hcs-primary:#0f3d91;
      --hcs-secondary:#0a1f44;
      --hcs-accent:#17a2ff;
      --hcs-light:#f5f9ff;
      --hcs-text:#263238;
      --hcs-muted:#607080;
      --hcs-border:#dbe6f3;
      --hcs-white:#ffffff;
      --hcs-shadow:0 10px 30px rgba(10,31,68,0.10);
    }

    body{
      font-family: Arial, Helvetica, sans-serif;
      color: var(--hcs-text);
      background:#fff;
      margin:0;
      padding:0;
    }

    a{
      text-decoration:none;
      transition:all .25s ease;
    }

    img{
      max-width:100%;
      height:auto;
      display:block;
    }
.logo-home {
  display: inline-flex;
  align-items: center;
  gap: inherit;
  text-decoration: none;
  color: inherit;
}

.logo-home h1,
.logo-home p {
  margin: 0;
}

.social-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1877f2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
}
    .container{
      width:100%;
      max-width:1200px;
      margin:0 auto;
      padding:0 20px;
      box-sizing:border-box;
    }

    .topbar{
      background:var(--hcs-secondary);
      color:#fff;
      font-size:14px;
      padding:10px 0;
    }

    .topbar-flex{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:20px;
      flex-wrap:wrap;
    }

    .topbar a{
      color:#fff;
      font-weight:600;
    }

    header{
      background:#fff;
      border-bottom:1px solid var(--hcs-border);
      position:sticky;
      top:0;
      z-index:999;
    }

    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:18px 0;
    }

    .logo-wrap{
      display:flex;
      align-items:center;
      gap:14px;
    }

    .logo-box{
      width:58px;
      height:58px;
      border-radius:14px;
      background:linear-gradient(135deg, var(--hcs-primary), var(--hcs-accent));
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:28px;
      font-weight:700;
      box-shadow:var(--hcs-shadow);
      flex-shrink:0;
    }

    .brand-title{
      margin:0;
      font-size:24px;
      line-height:1.1;
      color:var(--hcs-secondary);
      font-weight:800;
    }

    .brand-sub{
      margin:4px 0 0;
      font-size:13px;
      color:var(--hcs-muted);
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    nav ul{
      list-style:none;
      display:flex;
      gap:26px;
      margin:0;
      padding:0;
      align-items:center;
      flex-wrap:wrap;
    }

    nav a{
      color:var(--hcs-secondary);
      font-weight:700;
      font-size:15px;
    }

    nav a:hover{
      color:var(--hcs-accent);
    }

    .btn-primary,
    .btn-secondary{
      display:inline-block;
      padding:14px 24px;
      border-radius:999px;
      font-weight:700;
      font-size:15px;
    }

    .btn-primary{
      background:linear-gradient(135deg, var(--hcs-primary), var(--hcs-accent));
      color:#fff;
      box-shadow:var(--hcs-shadow);
    }

    .btn-primary:hover{
      transform:translateY(-2px);
      color:#fff;
    }

    .btn-secondary{
      background:#fff;
      border:2px solid var(--hcs-primary);
      color:var(--hcs-primary);
    }

    .btn-secondary:hover{
      background:var(--hcs-primary);
      color:#fff;
    }

    .hero{
      background:linear-gradient(135deg, #eef5ff 0%, #ffffff 55%, #f5fbff 100%);
      padding:90px 0 70px;
      overflow:hidden;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:40px;
      align-items:center;
    }

    .eyebrow{
      display:inline-block;
      background:#e8f3ff;
      color:var(--hcs-primary);
      padding:8px 14px;
      border-radius:999px;
      font-weight:800;
      font-size:13px;
      letter-spacing:.05em;
      text-transform:uppercase;
      margin-bottom:20px;
    }

    .hero h1{
      font-size:54px;
      line-height:1.06;
      margin:0 0 20px;
      color:var(--hcs-secondary);
      font-weight:800;
    }

    .hero p{
      font-size:18px;
      line-height:1.75;
      color:var(--hcs-muted);
      margin:0 0 28px;
      max-width:760px;
    }

    .hero-buttons{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom:28px;
    }

    .hero-badges{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .hero-badges span{
      background:#fff;
      border:1px solid var(--hcs-border);
      color:var(--hcs-secondary);
      padding:10px 14px;
      border-radius:999px;
      font-size:14px;
      font-weight:700;
      box-shadow:0 8px 20px rgba(10,31,68,.05);
    }

    .hero-card{
      background:#fff;
      border:1px solid var(--hcs-border);
      border-radius:24px;
      padding:32px;
      box-shadow:var(--hcs-shadow);
      position:relative;
    }

    .hero-card:before{
      content:"";
      position:absolute;
      right:-30px;
      top:-30px;
      width:120px;
      height:120px;
      background:radial-gradient(circle, rgba(23,162,255,.18), transparent 65%);
      border-radius:50%;
    }

    .hero-card h3{
      margin:0 0 18px;
      font-size:26px;
      color:var(--hcs-secondary);
    }

    .check-list{
      list-style:none;
      margin:0;
      padding:0;
    }

    .check-list li{
      margin:0 0 14px;
      padding-left:28px;
      position:relative;
      color:var(--hcs-text);
      line-height:1.6;
      font-size:16px;
    }

    .check-list li:before{
      content:"✓";
      position:absolute;
      left:0;
      top:0;
      color:var(--hcs-accent);
      font-weight:800;
    }

    .section{
      padding:80px 0;
    }

    .section-light{
      background:var(--hcs-light);
    }

    .section-heading{
      text-align:center;
      max-width:860px;
      margin:0 auto 50px;
    }

    .section-heading h2{
      margin:0 0 16px;
      font-size:40px;
      color:var(--hcs-secondary);
      line-height:1.2;
    }

    .section-heading p{
      margin:0;
      color:var(--hcs-muted);
      line-height:1.8;
      font-size:17px;
    }

    .grid-3{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:26px;
    }

    .grid-2{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:26px;
    }

    .service-card,
    .feature-card,
    .faq-card,
    .contact-card{
      background:#fff;
      border:1px solid var(--hcs-border);
      border-radius:22px;
      padding:30px;
      box-shadow:0 8px 24px rgba(10,31,68,.05);
      height:100%;
      box-sizing:border-box;
    }

    .icon-circle{
      width:58px;
      height:58px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, var(--hcs-primary), var(--hcs-accent));
      color:#fff;
      font-size:24px;
      margin-bottom:18px;
      font-weight:700;
    }

    .service-card h3,
    .feature-card h3,
    .faq-card h3,
    .contact-card h3{
      margin:0 0 12px;
      font-size:24px;
      color:var(--hcs-secondary);
    }

    .service-card p,
    .feature-card p,
    .faq-card p,
    .contact-card p{
      margin:0;
      color:var(--hcs-muted);
      line-height:1.8;
      font-size:16px;
    }

    .service-card ul{
      margin:18px 0 0;
      padding-left:18px;
      color:var(--hcs-text);
      line-height:1.8;
    }

    .split-section{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:36px;
      align-items:start;
    }

    .content-panel{
      background:#fff;
      border:1px solid var(--hcs-border);
      border-radius:24px;
      padding:38px;
      box-shadow:var(--hcs-shadow);
    }

    .content-panel h2{
      margin:0 0 16px;
      font-size:38px;
      color:var(--hcs-secondary);
      line-height:1.2;
    }

    .content-panel p{
      margin:0 0 18px;
      color:var(--hcs-muted);
      line-height:1.8;
      font-size:17px;
    }

    .stats{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
      margin-top:24px;
    }

    .stat-box{
      background:#f8fbff;
      border:1px solid var(--hcs-border);
      border-radius:18px;
      padding:22px;
      text-align:center;
    }

    .stat-box strong{
      display:block;
      font-size:30px;
      color:var(--hcs-primary);
      margin-bottom:6px;
    }

    .stat-box span{
      color:var(--hcs-muted);
      font-size:14px;
      font-weight:700;
    }

    .local-list{
      list-style:none;
      margin:22px 0 0;
      padding:0;
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:12px;
    }

    .local-list li{
      background:#fff;
      border:1px solid var(--hcs-border);
      border-radius:14px;
      padding:14px 16px;
      font-weight:700;
      color:var(--hcs-secondary);
    }

    .cta-band{
      background:linear-gradient(135deg, var(--hcs-secondary), var(--hcs-primary));
      color:#fff;
      padding:70px 0;
    }

    .cta-band h2{
  margin:0 0 14px;
  font-size:42px;
  line-height:1.2;
  color:#fff;
}

    .cta-band p{
      margin:0 0 24px;
      font-size:18px;
      line-height:1.8;
      color:rgba(255,255,255,.88);
    }

    .cta-band .btn-secondary{
      background:#fff;
      border-color:#fff;
      color:var(--hcs-secondary);
    }

    .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:24px;
    }

    .faq-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }

    footer{
      background:#08162f;
      color:rgba(255,255,255,.85);
      padding:55px 0 28px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:30px;
      margin-bottom:28px;
    }

    .footer-title{
      color:#fff;
      font-size:22px;
      margin:0 0 14px;
    }

    .footer-subtitle{
      color:#fff;
      font-size:18px;
      margin:0 0 14px;
    }

    .footer-text,
    .footer-links a{
      color:rgba(255,255,255,.8);
      line-height:1.9;
      font-size:15px;
    }

    .footer-links{
      list-style:none;
      margin:0;
      padding:0;
    }

    .footer-links li{
      margin-bottom:8px;
    }

    .footer-links a:hover{
      color:#fff;
    }

    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.12);
      padding-top:18px;
      font-size:14px;
      color:rgba(255,255,255,.7);
    }

.social-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.social-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1877f2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
}



    @media (max-width: 991px){
      .hero-grid,
      .split-section,
      .grid-3,
      .grid-2,
      .contact-grid,
      .faq-grid,
      .footer-grid{
        grid-template-columns:1fr;
      }

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

      .local-list{
        grid-template-columns:1fr;
      }

      .hero h1{
        font-size:40px;
      }

      .section-heading h2,
      .content-panel h2,
     
		.cta-band h2{
        font-size:32px;
      }

      nav{
        display:none;
      }
		
	.rev-slider {
  margin-top: 10px;
}
  .rev-slider .tp-bullet {
    background: rgba(255,255,255,0.45) !important;
  }

  .rev-slider .tp-bullet.selected,
  .rev-slider .tp-bullet:hover {
    background: #0f66d8 !important;
  }

  .rev-slider .tp-leftarrow,
  .rev-slider .tp-rightarrow {
    background: rgba(255,255,255,0.12) !important;
    border-radius: 50% !important;
  }

  .rev-slider .tp-leftarrow:hover,
  .rev-slider .tp-rightarrow:hover {
    background: #0f66d8 !important;
  }

    }
  </style>

  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"LocalBusiness",
    "name":"Hollywood Computer Services",
    "url":"https://www.hollywoodcomputerservices.com/",
    "logo":"https://www.hollywoodcomputerservices.com/images/logo.png",
    "image":"https://www.hollywoodcomputerservices.com/images/logo.png",
    "description":"Hollywood Computer Services provides computer services, IT support, hosting, domain registration, email setup, security, and network solutions in Hollywood, Florida.",
    "telephone":"+1-786-522-3501",
    "email":"info@hollywoodcomputerservices.com",
    "address":{
      "@type":"PostalAddress",
      "addressLocality":"Hollywood",
      "addressRegion":"FL",
      "addressCountry":"US"
    },
    "areaServed":[
      "Hollywood FL",
      "Pembroke Pines FL",
      "Dania Beach FL",
      "Hallandale Beach FL",
      "Fort Lauderdale FL",
      "Broward County FL"
    ],
    "sameAs":[
      "https://www.facebook.com/",
      "https://www.instagram.com/",
      "https://www.linkedin.com/"
    ],
    "serviceType":[
      "Computer Services",
      "Managed IT Services",
      "Website Hosting",
      "Domain Registration",
      "Email Setup",
      "Network Support",
      "Business IT Support"
    ]
  }