*{scrollbar-width:thin;scrollbar-color:#db9f28 #dfdfdf}
*::-webkit-scrollbar{width:16px}
*::-webkit-scrollbar-track{background:#ceeae4}
*::-webkit-scrollbar-thumb{background-color:#1ebba0;border-radius:0;border:0 solid #3f9481}
.info{color:#fff;text-decoration:none;font-size:1rem;font-weight:300;line-height:27px;padding:5px 0 5px 0;background:-webkit-linear-gradient(45deg,#181206 58%,#febe40 48%);background:-webkit-linear-gradient(left,#181206 58%,#febe40 48%);background:linear-gradient(45deg,#181206 58%,#febe40 48%)}
.navbar-light{background-color:#fff}
.navbar{padding:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease-in-out;transition:all .4s ease}
.navbar-light .navbar-nav .nav-link{color:#181206}
main{color:#fff;margin-top:50%;transform:translateY(-20%)}
header{width:100%;height:90vh;position:relative;background-image:url(../garage-door-repair/garage-door.webp);background-size:cover;background-repeat:no-repeat;overflow:hidden}
.overlay{position:absolute;top:-10%;right:-15%;width:120vh;height:120vh;background:url(../garage-door-repair/garage-door-installation.webp) no-repeat;border-radius:50%;background-size:auto 100%;background-position:right center;max-width:60%}
.icon-block{width:120px;height:120px;position:absolute;border-radius:50%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;background-color:#fff}
.icon-block img{margin:0 auto;width:90%;animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite}
.icon-block:first-child{top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.icon-block:nth-child(2){top:50%;right:0;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}
.icon-block:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}
.icon-block:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.circle{animation:circle-rotate 20s linear infinite;-webkit-animation:circle-rotate 20s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:100%;height:100%;border-radius:50%}
.circle .icon-block img{animation:img-rotate 20s linear infinite;-webkit-animation:img-rotate 20s linear infinite}
@keyframes Rotate-reverse{from{transform:rotate(360deg)}
to{transform:rotate(0deg)}
}
@-webkit-keyframes Rotate-reverse{from{-webkit-transform:rotate(360deg)}
to{-webkit-transform:rotate(0deg)}
}
@keyframes circle-rotate{from{transform:translate(-50%,-50%) rotate(45deg)}
to{transform:translate(-50%,-50%) rotate(405deg)}
}
@-webkit-keyframes circle-rotate{from{-webkit-transform:translate(-50%,-50%) rotate(45deg)}
to{-webkit-transform:translate(-50%,-50%) rotate(405deg)}
}
@keyframes img-rotate{from{transform:rotate(-45deg)}
to{transform:rotate(-405deg)}
}
@-webkit-keyframes img-rotate{from{-webkit-transform:rotate(-45deg)}
to{-webkit-transform:rotate(-405deg)}
}
.center{display:flex;justify-content:center;flex-direction:column}
.center2{display:flex;align-items:center;justify-content:center}
.social-tit{color:#febe40;font-weight:bold}
h1{font-size:2.3rem}
a{line-height:26px}
.card2{height:100%;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09);border:0;background-color:#e0d9d6;text-align:center;border-radius:20px}
.card2 i{font-size:3vw;color:#f4b233;margin-top:5%}
.review-tit{font-weight:bold;margin:4% 0}
.imgs{margin-left:-15px}
.services{background-color:#e0d9d6!important;position:relative}
.sub1{font-size:20px;color:#febe40}
.sub{font-size:20px;color:#844f3e;font-weight:bold}
.radius{border-radius:30px}
.small-img{border:7px solid #fff;position:absolute;left:0;bottom:-7%}
.tech{background:#34211b;background:linear-gradient(0deg,#57382e 80%,#4d2f25 50%);background-size:auto;background-size:100% 60px;color:#fff}
.t-icon{background-color:#fff;color:#000;border-radius:20px;padding:10%;text-align:center;margin-bottom:10%}
.marquee img{opacity:.8}
.box{margin:50px auto 0 auto;font-family:'Verdana'}
.counter{font-size:60px;color:#57382e}
.tech i{font-size:3vw;background-color:#febe40;border-radius:50%;padding:5%;width:60%;margin:1% 20%;height:6vw;display:flex;justify-content:center;align-items:center}
.padding{padding:7% 0}
.estimate{background-color:#febe40;color:#333;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09)}
.phone{background-color:#fff;margin-right:3%;color:#333;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09);width:fit-content;float:left}
button,.phone{padding:2% 3%;border:0;border-radius:5px;font-size:20px;position:relative;overflow:hidden;font-weight:500}
.default-btn{display:flex;transition:all .3s ease}
button:hover,.phone:hover{box-shadow:none}
html{scroll-behavior:smooth}
body{font-family:'Manrope',calibri,sans-serif!important;font-size:20px;font-weight:400;color:#201d1d;overflow-x:hidden}
h2{font-size:2.2rem;margin-bottom:.6em}
img{max-width:100%;height:auto}
#contact{background-color:#febe40;color:#594010;padding:2% 10%;font-size:1.7vw;font-weight:600}
.fa-person-running{font-size:2.2vw}
#contact .phone{padding:1%;float:none;box-shadow:2px 1px 5px #939393;opacity:.9;margin-left:2%}
.social i{font-size:1.5vw;margin-right:.5%;color:#febe40}
.data i{color:#febe40;margin:2% 1% 0 0;line-height:26px}
.locations li{float:left;list-style:none;background-color:#FFFFFF87;margin:.7%;padding:.7%;border-radius:10px;border:2px solid #febe4069;color:#181206;font-size:18px}
.locations{margin:2% 0;padding:0;float:left}
.contact{background-image:url(../garage-door-repair/bg.webp);padding:5%;color:#fff}
.marquee{width:100%;margin:1% auto;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#fff}
.marquee:hover{animation-play-state:paused}
@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}
.image-gallary-section:hover>:not(:hover){opacity:.4}
.form-control{font-size:1em;margin-bottom:20px;border:0;background:#fff;border-radius:5px}
.form-control:focus{border:#323548 2px solid;box-shadow:none;background-color:transparent}
#submit{padding:2% 5%;border-radius:5px;background-color:#febe40;color:#443310;border:0;width:100%;text-transform:uppercase;font-weight:600}
footer{text-align:center;margin:2% 0 -5% 0;border-top:1px solid #cccccc3d;padding-top:1%}
a{color:inherit}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
@media(max-width:1700px){.circle{height:89%;width:105%}
}
@media(max-width:1420px){.circle{height:85%;width:105%}
.overlay{max-width:70%}
}
@media(max-width:1200px){.hero{padding:5% 3%}
h2{font-size:1.8rem}
.overlay{max-width:100%;border-radius:0;right:0}
.circle{display:none}
li.nav-item{float:left}
.navbar-nav{flex-direction:row}
main{background-color:#34201bc9;padding:7%}
.card2 i{font-size:5vw}
.social i{font-size:2.5vw}
.hero .phone{background-color:#fff}
.tech i{height:8vw}
.card2 i{font-size:5vw}
}
@media(max-width:991.98px){.hero{background-color:#dce8eebf;border-radius:10px}
li.nav-item{margin:0 2%}
.tech i{height:10vw;width:50%;margin:1% 25%;font-size:4vw;padding:1%}
.locations li{margin:1%;padding:1%}
.locations{margin:0;padding:0}
.social{text-align:center}
#contact{padding:3% 0}
.imgs{margin:0}
.first{padding:15% 0 7% 0}
.small-img{bottom:-1%}
.t-icon{padding:5%;margin-bottom:5%}
.t-icon .h4{font-size:1.2rem}
.fa-person-running{font-size:4.2vw}
#contact{font-size:2.7vw}
}
@media(max-width:767.98px){header{height:80vh}
.card2 i{font-size:8vw}
footer{font-size:16px}
.social i{font-size:4vw}
.md{display:none}
.info{background:-webkit-linear-gradient(45deg,#181206 68%,#febe40 48%);background:-webkit-linear-gradient(left,#181206 68%,#febe40 48%);background:linear-gradient(45deg,#181206 68%,#febe40 48%)}
.overlay{background-position:center}
.tech i{height:13vw;font-size:6vw}
.card2{height:auto}
}
@media(max-width:630px){h2{font-size:1.8rem}
}
@media(max-width:575.98px){.info{display:none}
#navbarResponsive{margin-right:7%}
li.nav-item{font-size:3vw}
.hero{margin:0 3%}
.social i{font-size:4.5vw}
.data{font-size:18px}
body{font-size:18px}
}
@media(max-width:475.98px){body{font-weight:400}
header{background-attachment:scroll}
h1{font-size:2rem}
.social i{font-size:5vw}
}