html{scroll-behavior:smooth}
.container-fluid{padding: 0;}
body{font-family:'Roboto',sans-serif !important;font-size:16px;font-weight:400;color:#00184b;overflow-x:hidden ;}
.row{margin: 0px;}
.bg-theme{background-color:#f94d1c}
.border-bottom1{border-bottom: 1px solid;border-bottom-color:#a6b9f233}
.btn-theme{background: #f94d1c;
  background: linear-gradient(90deg,#f94d1c 0%, rgb(255, 113, 47) 48%, rgba(255, 113, 47, 1) 100%);color:#fff;}
.btn-theme:hover{color: #fff !important;
  background-color: #00184b;}
.icon-theme{color: #ff712f;}
.color-font{color: #00184b;}
.decoration{text-decoration: none!important;}
.navbar{padding: 0px;}
.row > * {padding: 0px;}
.navbar-brand{padding: 0px;}
.nav-link:active{color:#125bda;}
.nav-link {
  color: #000;

}
.nav-link:hover, .nav-link:focus{
  color: #125bda;

}
.nav-border{border-bottom: 1px solid;border-bottom-color:#f1f6ff;}
.logo-b{border-right: 1px solid;border-right-color:#f1f6ff;}
.margin-n{margin-top: -2rem;}
h1{font-size: 3rem;}
  .move3 {
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all ease 4s;
  }
  
  @keyframes example {
    0% {
      -webkit-transform: translate(-50px);
      transform: translateY(-50px);}
    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);}
    100% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);} }
/* banner */
.my-15{margin-top: 4rem; margin-bottom: 4rem;}
.py-15{padding-top: 4rem; padding-bottom: 4rem;}
.bg-banner{background:url('../img/garage-repairs-houston-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
/* end banner */
.bg-end{background:url('../img/professional-service-bg.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
/* why us */

/* end why us */
/* counter */
.bg-counter{background: url('../img/bg-counter.webp') no-repeat;
  background-size:cover;
  background-position: center center;color: rgba(255, 255, 255, 0.9);}
/* end counter */
/* gallery */
.navbar-toggler{background-color: #315ce6!important;margin-right: 2%;}
.section-title {
            margin-bottom: 50px;
        }

        .section-title .sub-title {
            display: inline-block;
            color: #ff4500;
            font-weight: 600;
            margin-bottom: 10px;
            position: relative;
            padding-left: 70px;
        }

        .section-title .sub-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 2px;
            background: #ff4500;
        }

        .section-title h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin: 0;
        }

        /* Case Study Section */
        .case-study-section {
            padding: 100px 0;
        }
        
        /* This is needed for slick slider focus */

        /* Case Study Item - Base Styles */
        .case-study-item {
            position: relative;
            overflow: hidden; /* Ensures content/image doesn't spill out */
            margin: 0 15px;
            border-radius: 8px;
            cursor: pointer; /* Indicates it's interactive */
            display: block; /* Make it a block element for consistent behavior */
            text-decoration: none; /* Remove underline from link wrapper */
        }

        /* Image inside Case Study Item */
        .case-study-item .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 8px;
            transition: transform 0.4s ease-in-out; /* Smooth transition for zoom */
        }

        /* Content block - Initially hidden below */
        .case-study-item .content {
            position: absolute;
            bottom: -100%; /* Start off-screen */
            left: 30px;
            right: 30px;
            z-index: 2; /* Ensure it's above the image */
            transition: bottom 0.4s ease-in-out; /* Smooth transition for content reveal */
        }

        /* Overlay for gradient effect */
        .case-study-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
            opacity: 0; /* Start invisible */
            transition: opacity 0.4s ease-in-out; /* Smooth transition for overlay */
            z-index: 1; /* Below content, above image */
            border-radius: 8px;
        }

        /* Icon (arrow) - Initially hidden to the right */
        .case-study-item .icon {
            position: absolute;
            bottom: 30px;
            right: -60px; /* Start off-screen */
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: #ff4500;
            color: #fff;
            border-radius: 50%;
            transition: right 0.4s ease-in-out; /* Smooth transition for icon reveal */
            z-index: 2; /* Ensure it's above the image */
        }

        /* --- HOVER/FOCUS EFFECTS --- */

        .case-study-item:hover .image img,
        .case-study-item:active .image img,
        .case-study-item:focus-within .image img {
            transform: scale(1.05); /* Slightly bigger than usual */
        }

        .case-study-item:hover .content,
        .case-study-item:focus .content,
        .case-study-item:focus-within .content {
            bottom: 25px; /* Move content into view */
        }

        .case-study-item:hover::before,
        .case-study-item:focus::before,
        .case-study-item:focus-within::before {
            opacity: 1; /* Make overlay visible */
        }

        .case-study-item:hover .icon,
        .case-study-item:focus .icon,
        .case-study-item:focus-within .icon {
            right: 30px; /* Move icon into view */
        }

        /* Content text styling */
        .case-study-item .content h2 {
            margin: 0 0 5px;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
        }
        
        .case-study-item .content p {
            color: #eee;
            margin: 0;
        }

        /* Theme Button */
        .theme-btn {
            display: inline-block;
            background-color: #ff4500;
            color: #fff;
            padding: 15px 35px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            transition: background-color 0.3s, transform 0.3s;
        }

        .theme-btn:hover {
            background-color: #e63e00;
            transform: translateY(-2px);
        }

        .theme-btn .fas {
            margin-left: 8px;
        }
/* end gallery */
.sec-1{background: url('../img/bg-sec2.webp') no-repeat;
  background-size: cover;
  background-position: center center;}
/*marquee*/
/* Make it move */
/* LOAD */
/* END LOAD */
/* load offer */
  
/* end load offer */
.loader2 {
  width: 100%;
  height: 3px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
  margin-right: 10px;
}
.loader2::after {
  content: '';  
  width: 0%;
  height: 3px;
  background-color: #FFF;
  font-size: 15px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  background-size: 1em 1em;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animFw 10s ease-in infinite,  barStripe 2s linear infinite;
}

@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes animFw {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* sec2 */
.bg-sec2{background:url('../img/best-services-bg.webp') no-repeat;
  background-size: cover;
  background-position: center center;color:#fff;}
/* end sec2 */
/* gallery */
/* end gallery */
/* coupon */
/* end coupon */
/* contact */
.spam { display:none;}
/* end contact */

/* bg-cards */
/* end bg-cards */

/* Contact us */
/* end contact us */
/* test */
/* end test */
/* sec4 */
.bg-sec-6{width: 100%;background: url("../img/bg-sec-6.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* end sec4 */

/* reviews */
/* end reviews */

/* footer */
/* end footer */
@media (max-width:1000px){.my-15{margin-top: 7rem;margin-bottom: 0rem;}}
/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free"}
.fa-envelope:before{content:"\f0e0"}
.fa-hand-holding-usd:before{content:"\f4c0"}
.fa-phone-volume:before{content:"\f2a0"}
.fa-shield-alt:before {content: "\f3ed"; }
.fa-arrow-circle-right:before {content: "\f0a9"; }
.fa-award:before {content: "\f559"; }
.fa,.fas{font-weight:900}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

@charset 'UTF-8';
.slick-loading .slick-list{background:#fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*# sourceMappingURL=slick-theme.min.css.map */