:root{
      --navy:#071b3a;
      --navy-2:#0c1f3d;
      --orange:#ff5b16;
      --orange-2:#ff7a1a;
      --light:#fff4ee;
      --muted:#687386;
      --white:#fff;
      --dark:#111827;
      --radius:22px;
    }

    body{
      font-family: Arial, Helvetica, sans-serif;
      color:var(--dark);
      overflow-x:hidden;
      background:#fff;
    }

    a{text-decoration:none;}

    .section-padding{padding:90px 0;}
    .section-soft{background:#fff4ee;}
    .text-orange{color:var(--orange);}
    .bg-navy{background:var(--navy);}

    .btn-orange{
      background:var(--orange);
      color:#fff;
      border-radius:50px;
      padding:13px 26px;
      font-weight:700;
      border:0;
      transition:.3s;
      box-shadow:0 12px 25px rgba(255,91,22,.25);
    }
    .btn-orange:hover{background:#e84d0d;color:#fff;transform:translateY(-3px);}
    .btn-outline-orange{
      color:var(--orange);
      border:1px solid var(--orange);
      border-radius:50px;
      padding:12px 25px;
      font-weight:700;
      transition:.3s;
    }
    .btn-outline-orange:hover{background:var(--orange);color:#fff;}
.mb10{margin-bottom:4%;}
    .top-bar{
      background:var(--orange);
      color:#fff;
      font-size:14px;
      padding:8px 0;
    }

    .navbar{
      background:#fff;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
    }
    .navbar-brand{
      font-weight:900;
      color:var(--navy)!important;
      letter-spacing:-.5px;
    }
    .navbar-brand span{color:var(--orange);}
    .nav-link{
      color:#263246!important;
      font-weight:700;
      margin:0 6px;
    }
    .nav-link:hover{color:var(--orange)!important;}

    .hero{
      background:var(--navy);
      color:#fff;
      padding:80px 0 45px;
      position:relative;
      overflow:hidden;
      border-radius:0 0 30px 30px;
      background: url(../img/garage-doors-repair-katy-tx-banner.webp) center/cover ;
    }
    .hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 80% 30%, rgba(255,91,22,.25), transparent 30%);
    }
    .hero .container{position:relative;z-index:2;}
    .hero h1{
      font-size:clamp(38px,5vw,55px);
      line-height:1.05;
      font-weight:900;
      letter-spacing:-1.5px;
    }
    .hero-img{
      border-radius:28px;
      min-height:500px;
      background:
        linear-gradient(rgba(7,27,58,.1),rgba(7,27,58,.1)),
        url('../img/garage-doors-repair-katy-before-and-after.webp') center/contain no-repeat;
      position:relative;
      box-shadow:0 30px 70px rgba(0,0,0,.35);
    }
    .hero-img-cable{
      border-radius:28px;
      min-height:500px;
      background:
        linear-gradient(rgba(7,27,58,.1),rgba(7,27,58,.1)),
        url('../img/garage-doors-cable-katy-before-and-after.webp') center/contain no-repeat;
      position:relative;
      box-shadow:0 30px 70px rgba(0,0,0,.35);
    }
    .hero-img-panel{
      border-radius:28px;
      min-height:500px;
      background:
        linear-gradient(rgba(7,27,58,.1),rgba(7,27,58,.1)),
        url('../img/garage-doors-panel-katy-before-and-after.webp') center/contain no-repeat;
      position:relative;
      box-shadow:0 30px 70px rgba(0,0,0,.35);
    }
    .hero-img-spring{
      border-radius:28px;
      min-height:500px;
      background:
        linear-gradient(rgba(7,27,58,.1),rgba(7,27,58,.1)),
        url('../img/garage-doors-spring-katy-before-and-after.webp') center/contain no-repeat;
      position:relative;
      box-shadow:0 30px 70px rgba(0,0,0,.35);
    }
    .hero-img-opener{
      border-radius:28px;
      min-height:500px;
      background:
        linear-gradient(rgba(7,27,58,.1),rgba(7,27,58,.1)),
        url('../img/garage-doors-opener-katy-before-and-after.webp') center/contain no-repeat;
      position:relative;
      box-shadow:0 30px 70px rgba(0,0,0,.35);
    }
    .hero-card{
      position:absolute;
      left:-25px;
      bottom:45px;
      background:#fff;
      color:var(--navy);
      border-radius:20px;
      padding:22px 25px;
      box-shadow:0 20px 50px rgba(0,0,0,.2);
    }
    .hero-card h3{font-weight:900;margin:0;color:var(--orange);}

    .mini-feature{
      background:#fff;
      border-radius:18px;
      padding:18px;
      box-shadow:0 15px 40px rgba(0,0,0,.08);
      transform:translateY(35px);
    }
    .mini-feature i{color:var(--orange);font-size:28px;}

    .subtitle{
      color:var(--orange);
      font-weight:900;
      font-size:13px;
      letter-spacing:1px;
      text-transform:uppercase;
      margin-bottom:10px;
    }
    .section-title{
      font-weight:900;
      color:var(--navy);
      letter-spacing:-.8px;
    }

    .about-collage{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }
    .about-collage img{
      width:100%;
      height:220px;
      object-fit:cover;
      border-radius:24px;
      box-shadow:0 18px 45px rgba(0,0,0,.08);
    }
    .about-collage img:first-child{
      grid-row:span 2;
      height:458px;
    }

    .check-list{list-style:none;padding:0;margin:25px 0;}
    .check-list li{margin-bottom:13px;color:#4b5563;font-weight:600;}
    .check-list i{color:var(--orange);margin-right:8px;}

    .service-card,
    .team-card,
    .price-card,
    .blog-card,
    .contact-card{
      background:#fff;
      border-radius:var(--radius);
      padding:28px;
      box-shadow:0 15px 40px rgba(0,0,0,.07);
      transition:.35s;
      height:100%;
    }
    .service-card:hover,
    .team-card:hover,
    .price-card:hover,
    .blog-card:hover,
    .contact-card:hover{
      transform:translateY(-8px);
      box-shadow:0 24px 60px rgba(0,0,0,.12);
    }
    .icon-box{
      width:62px;
      height:62px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,91,22,.12);
      color:var(--orange);
      font-size:30px;
      margin-bottom:22px;
    }

    .cta-banner{
      background:
        linear-gradient(90deg,rgba(7,27,58,.98),rgba(7,27,58,.6)),
        url('../img/before-and-after.webp') center/cover;
      color:#fff;
      border-radius:28px;
      padding:60px;
      overflow:hidden;
      position:relative;
    }

    .team-card img,
    .blog-card img{
      width:100%;
      height:230px;
      object-fit:cover;
      border-radius:18px;
      margin-bottom:18px;
    }
    .social a{
      width:34px;
      height:34px;
      background:var(--orange);
      color:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      margin-right:5px;
      font-size:14px;
    }

    .project-card{
      position:relative;
      overflow:hidden;
      border-radius:24px;
      height:280px;
      box-shadow:0 18px 45px rgba(0,0,0,.1);
    }
    .project-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:.5s;
    }
    .project-card:hover img{transform:scale(1.08);}
    .project-card .overlay{
      position:absolute;
      inset:auto 18px 18px 18px;
      background:#fff;
      border-radius:18px;
      padding:16px;
    }
    .project-card .arrow{
      position:absolute;
      right:14px;
      top:14px;
      background:var(--orange);
      color:#fff;
      width:38px;
      height:38px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .stats-strip{
      background:var(--navy);
      color:#fff;
      padding:35px 0;
      border-radius:24px;
    }
    .stat-item h3{font-weight:900;color:#fff;margin:0;}
    .stat-item i{font-size:34px;color:var(--orange);}

    .why-img{
      border-radius:28px;
      min-height:440px;
      background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=80') center/cover;
      position:relative;
    }
    .discount-badge{
      position:absolute;
      left:25px;
      bottom:25px;
      width:120px;
      height:120px;
      background:#fff;
      color:var(--navy);
      border-radius:50%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      box-shadow:0 15px 40px rgba(0,0,0,.15);
      font-weight:900;
    }

    .price-card.featured{
      background:var(--orange);
      color:#fff;
      transform:translateY(-18px);
    }
    .price-card h2{font-weight:900;color:var(--navy);}
    .price-card.featured h2{color:#fff;}
    .price-card ul{list-style:none;padding:0;margin:25px 0;}
    .price-card li{margin-bottom:12px;}
    .price-card li i{margin-right:8px;}

    .testimonials{
      background:
        linear-gradient(rgba(7,27,58,.95),rgba(7,27,58,.95)),
        url('https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=1400&q=80') center/cover;
      color:#fff;
      border-radius:28px;
    }
    .testimonial-card{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      border-radius:22px;
      padding:28px;
      height:100%;
    }
    .stars{color:#ffb703;}

    .map-box{
      height:260px;
      border-radius:24px;
      background:#ddd;
      overflow:hidden;
    }
    .map-box iframe{width:100%;height:100%;border:0;}

    .final-cta{
      background:var(--orange);
      color:#fff;
      border-radius:28px;
      padding:45px;
      margin-bottom:-55px;
      position:relative;
      z-index:5;
    }

    footer{
      background:#06152f;
      color:#cbd5e1;
      padding:100px 0 25px;
    }
    footer h5{color:#fff;font-weight:800;margin-bottom:20px;}
    footer a{display:block;color:#cbd5e1;margin-bottom:9px;}
    footer a:hover{color:var(--orange);}
    footer .services a{display:inline-block;color:#cbd5e1;margin-bottom:9px;}
    .floating-call{
      position:fixed;
      right:22px;
      bottom:22px;
      width:58px;
      height:58px;
      border-radius:50%;
      background:var(--orange);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:26px;
      z-index:999;
      box-shadow:0 15px 35px rgba(255,91,22,.45);
      animation:pulse 1.7s infinite;
    }
    @keyframes pulse{
      0%{box-shadow:0 0 0 0 rgba(255,91,22,.5)}
      70%{box-shadow:0 0 0 18px rgba(255,91,22,0)}
      100%{box-shadow:0 0 0 0 rgba(255,91,22,0)}
    }

    @media(max-width:991px){
      .hero{padding-top:50px;}
      .hero-img{min-height:360px;margin-top:30px;}
      .hero-card{left:20px;bottom:20px;}
      .about-collage img:first-child{height:300px;grid-row:auto;}
      .about-collage img{height:300px;}
      .cta-banner,.final-cta{padding:35px;}
      .price-card.featured{transform:none;}
    }

    @media(max-width:575px){
      .section-padding{padding:60px 0;}
      .about-collage{grid-template-columns:1fr;}
      .hero h1{font-size:38px;}
    }
    /* form */
form.CUS input.subject { display: none; }
.CUS input, .CUS textarea{ background-color: #ffffff;
margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%; color:#333;}
.CUS select{background-color: #ffffff;border-radius: 8px;height: 40px;margin: 10px; width: 45%;color:#333;display:inline;}
@media (max-width:1200px){.CUS input, .CUS textarea{width: 95%;}}

    /* icons */
/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:block;font-family:bootstrap-icons;src:url("fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")}
.bi::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bi-arrow-repeat::before{content:"\f130"}
.bi-arrow-right::before{content:"\f138"}
.bi-arrow-up-right::before{content:"\f144"}
.bi-check-circle-fill::before{content:"\f26a"}
.bi-check2-circle::before{content:"\f270"}
.bi-clock-history::before{content:"\f292"}
.bi-clock::before{content:"\f293"}
.bi-cpu::before{content:"\f2d6"}
.bi-envelope::before{content:"\f32f"}
.bi-facebook::before{content:"\f344"}
.bi-geo-alt-fill::before{content:"\f3e7"}
.bi-geo-alt::before{content:"\f3e8"}
.bi-instagram::before{content:"\f437"}
.bi-lightning-charge::before{content:"\f46d"}
.bi-people::before{content:"\f4d0"}
.bi-shield-check::before{content:"\f52f"}
.bi-sliders::before{content:"\f56b"}
.bi-star::before{content:"\f588"}
.bi-telephone-fill::before{content:"\f5b4"}
.bi-telephone::before{content:"\f5c1"}
.bi-tools::before{content:"\f5db"}
.bi-check-lg::before{content:"\f633"}
.bi-house-add::before{content:"\f887"}
.bi-house-check::before{content:"\f889"}
.bi-house-gear::before{content:"\f891"}
.bi-twitter-x::before{content:"\f8db"}