/* body{overflow-x:hidden}
*/p{font-size:18px}
p a{text-decoration: none;color: #dd8b61;}
.orange{color:#f16b28}
.light-blue{color:#3b677a}
/* ===== HERO ===== */
h1 span {}
.hero{position:relative;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;/* display:flex;flex-direction:column;justify-content:space-between;*/}
.navbar{border-bottom:1px solid #b4b4b4;padding:0;background-color:rgba(11,42,55,0.6);padding-top:0;padding-bottom:0;position:relative;z-index:1000}
.navbar-toggler{background-color:rgba(255,255,255,0.2);color:transparent;border-right:solid 4px #f16b28;border-left:solid 4px #f16b28;width:80px;position:relative;z-index:2000}
.navbar-toggler-icon{color:#f16b28;padding-top:5px}
.nav-links li{display:table-cell;position:relative;padding:0px 0}
.nav-links a{padding:10px 25px;position:relative}
.nav-links a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#f16b28;transition:width 0.3s ease 0s,left 0.3s ease 0s;width:0}
.nav-links a:hover:after{width:100%;left:0}
@media screen and (max-height:300px){ul{margin-top:40px}
}
.nav-link{color:white;margin-right:20px;text-align:start;font-size:1rem;padding-left:20px}
.nav-link:hover{color:#f16b28;border-radius:10px}
/* .nav-link .home{color:#f16b28;font-size:larger;font-weight:700}
*/.navbar-brand{display:flex;align-items:center;padding:0}
.nav-img{width:100%;height:auto;object-fit:contain;/* or cover if you want crop */}
.social-icons{border-bottom:1px solid #919191;margin-top:10px}
.social-icons ul{display:flex}
.social-icons ul li a{color:#afafaf}
.social-icons ul li{list-style:none;margin:5px 8px;height:35px;width:35px;color:#afafaf;border:2px solid #afafaf;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:15px;transition:all ease 0.3s}
.social-icons ul li:hover{background-color:#f16b28;color:#ffffff !important}
.social-icons a::after{display:none !important;content:none !important}
.social-icons ul li a{position:relative}
/* tooltip text */.icon-name{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);background:#142e3e;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;transition:all .3s ease;white-space:nowrap}
/* show on hover */.social-icons ul li:hover .icon-name{opacity:1;visibility:visible}
/* ACTIVE HOME COLOR *//* عند المرور على القائمة كلها *//* لكن إذا كان الماوس فوق الـ Home نفسه *//* العنصر الذي يتم المرور عليه */.navbar-nav .nav-link:hover{color:#f16b28 !important}
/* Dropdown */.dropdown{position:relative}
.dropbtn{cursor:pointer}
.dropdown-content{display:none;position:absolute;top:100%;left:10%;min-width:200px;background:rgba(0,0,0,0.8);border:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:1000;color:#ffffff}
.dropdown-content a{display:block;padding:10px 14px;color:var(--dark);text-decoration:none}
.dropdown-content a:hover{background:rgba(255,255,255,0.4)}
.dropdown:hover .dropdown-content{display:block}
/* Desktop hover */ /* Touch/click */.slogan{font-size:1.4em;color:rgb(177,177,177);padding-left:50px}
.slogan .head-bold{font-size:1.6em;font-weight:700;color:rgb(231,231,231)}
.title{position:absolute;bottom:40px;left:3%}
h1{font-weight:800;font-size:5em;color:white;font-family:"Lexend Deca",sans-serif}
.number-container{width:25%;position:absolute;bottom:40px;right:10%;background-color:#f16b28;padding-left:20px}
.years{font-size:1.8em;color:#ffffff}
.number{font-size:7em;font-weight:500;color:white;font-family:"Lexend Deca",sans-serif}
/* font-family:"Poly",serif;*/.working-hours p{font-size:15px}
.shiny-text{font-size:22px;font-weight:700;color:#f16b28;background:linear-gradient( 120deg,#f16b28 0%,#f16b28 40%,#ffffff 50%,#f16b28 60%,#f16b28 100% );background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shineText 2.5s linear infinite}
@keyframes shineText{from{background-position:-200% center}
to{background-position:200% center}
}
.hide{display:none}
/* section1 */.section1{position:relative;;margin-top:130px;background-position:center bottom;background-repeat:no-repeat}
.section1 h2{color:#f16b28}
.section1 .p-bold{font-size:55px;font-weight:700}
.section1 .btn:hover:before,.section1 .btn:hover:after{width:30%;border-color:#f16b28}
.section1 section{padding:50px 20px;text-align:center}
.btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#113849;font-size:19px;text-transform:uppercase;padding:18px 60px;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#f1f1f1}
.btn:before,.btn:after{content:'';position:absolute;width:70%;transition:all 200ms ease-in,width 700ms cubic-bezier(0.45,-0.33,0.43,1.46)}
.btn:after{top:6px;bottom:-10px;right:-10px;border-right:3px solid #f16b28;border-bottom:3px solid #f16b28}
.btn:before{bottom:6px;top:-10px;left:-10px;border-left:3px solid #f16b28;border-top:3px solid #f16b28}
.btn:hover{background-color:#113849;color:#fff}
.btn:hover:before,.btn:hover:after{width:30%;border-color:#f16b28}
.number-container section{padding:20px 10px;text-align:center}
.number-container .btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#113849;font-size:18px;text-transform:uppercase;padding:4% 15%;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#f1f1f1}
.btn.green{color:#315f6b; font-weight: 600;font-size: x-large;}
.btn.green:before,.btn.green:after{border-color:#fff}
.btn.green:hover{background-color:#315f6b;color:#fff}
.btn.orange{background-color:#f16b28;color:white}
.btn.orange:before,.btn.orange:after{border-color:#fff}
.btn.orange:hover{background-color:#315f6b;color:#fff}
.float-garage{position:absolute;bottom:0;left:7%;z-index:10}
/* moving-text */ html,body{/* margin:0;background:var(--st-bg);color:var(--st-fg);*/ overflow-x:hidden;font-family:system-ui}
:root{color-scheme:dark;--st-bg:Canvas;--st-fg:CanvasText;--st-weight:800;--st-letter:-0.02em;--st-line:0.9;--st-gap:clamp(24px,5vw,80px);/* muted alternation */ --st-muted:color-mix(in srgb,CanvasText 25%,Canvas 55%)}
*,*::before,*::after{box-sizing:border-box}
.moving-service{padding-top:13%}
/* full width ticker بدون ما يبوظ مكانه */.scroll-text{width:100vw;margin-left:calc(50% - 50vw);margin-top:3rem;position:relative}
.scroll-text__viewport{overflow:hidden}
.scroll-text__track{display:flex;align-items:baseline;gap:70px;/* بدل var */ width:max-content;will-change:transform;animation:ticker 60s linear infinite}
.scroll-text__item{white-space:nowrap;font-weight:800;letter-spacing:0px;font-size:clamp(50px,6vw,150px);color:transparent;-webkit-text-stroke:1px #f16b28;opacity:.9}
.scroll-text__item.is-muted{opacity:.45}
@keyframes ticker{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.scroll-text__track{animation:none}
}
/* section3 */.section3{background-color:#113849;background-position:center;background-repeat:no-repeat;background-size:cover}
.section3 ul li{list-style:none;padding-left:0;margin-left:0}
.section3 .btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#ffffff;font-size:19px;text-transform:uppercase;padding:14px 50px;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#2d5566}
.section3 .btn:hover{background-color:#113849;color:#fff}
.section3 .btn:before,.btn:after{border-color:#f16b28}
.section3 .btn:hover:before,.section3 .btn:hover:after{width:30%;border-color:#f16b28}
/* section4 */.section4{background-color:#f5f5f5;margin-top:100px;margin-bottom:100px}
/* container animation */.read-wrapper{overflow:hidden;transition:max-height .7s cubic-bezier(.4,0,.2,1);position:relative}
.read-wrapper::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,transparent,#f5f5f5);transition:opacity .4s}
.read-more-btn{color:#f16b28;font-weight:700;font-size:18px;text-decoration:none;cursor:pointer;display:inline-block;margin-top:20px}
/* section5 *//* ============================= *//* 
1️⃣ Wrapper الأيقونة *//* ============================= */
.door-kind{position:relative;cursor:pointer; width:100%;aspect-ratio:1/1}
/* ============================= *//* 2️⃣ الأيقونتين فوق بعض *//* ============================= */
.door-kind .icon1,.door-kind .icon2{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease,transform .35s ease}
.door-kind .icon1{opacity:1;transform:scale(1)}
.door-kind .icon2{opacity:0;pointer-events:none;transform:scale(.96)}
.door-kind:hover .icon1{opacity:0;transform:scale(.95)}
.door-kind:hover .icon2{opacity:1;transform:scale(1);pointer-events:auto}
/* ============================= *//* ⭐⭐ الجديد ⭐⭐ *//* 3️⃣ Popup Label *//* ============================= */
.door-label{position:absolute;bottom:90%;/* ✅ يظهر فوق الأيقونة */ left:50%;transform:translateX(-50%) translateY(10px);background:#142e3e;/* اللون الأساسي */ color:#fff;font-size:13px;padding:7px 14px;border-radius:6px;white-space:nowrap;opacity:0;/* مخفي افتراضياً */ pointer-events:none;transition:all .3s ease}
/* السهم أسفل البوب أب */.door-label::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:#142e3e transparent transparent transparent}
/* ============================= *//* 4️⃣ عند Hover *//* ============================= */.door-kind:hover .door-label{opacity:1;/* يظهر */ transform:translateX(-50%) translateY(0);background:#406575;/* تغيير اللون */}
.door-kind:hover .door-label::after{border-color:#406575 transparent transparent transparent}
/* ============================= *//* 5️⃣ Responsive *//* ============================= */@media (max-width:576px){.door-kind{width:95%}
.door-label{font-size:12px;padding:6px 10px}
}
/* section6 */.section6 .img-box{overflow:hidden;width:100%}
.img-box img{width:100%;display:block;transition:transform .4s ease}
.img-box:hover img{transform:scale(1.2)}
.section6 .btn:hover:before,.section6 .btn:hover:after{width:30%;border-color:#2d5566}
/* section7 */
.section7{background-color:#113849;margin-top:100px;background-position:center;background-repeat:no-repeat;background-size:cover;height:auto;background-attachment:fixed}
.section7 ul li{list-style:none;padding-left:0;margin-left:0}
.section7 .btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#ffffff;font-size:19px;text-transform:uppercase;padding:14px 50px;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#2d5566}
.section7 .btn:hover{background-color:#ffffff;color:#113849}
.section7 .btn:before,.section7 .btn:after{border-color:#ffffff}
.section7 .btn:hover:before,.btn:hover:after{width:30%;border-color:#ffffff}
.contact-intro{background-color:#f16b28;padding-top:150px;padding-bottom:100px;position:relative}
.chat-icon-float{position:absolute;top:12%;left:-15%}
.section7 h2{font-size:50px;font-weight:700;color:#1f2529}
.contact{border-left:rgba(255,255,255,.6) solid 3px}
/* contact */
form .form-control{margin-top:10px;padding-top:12px;padding-bottom:12px;color:#ffffff;padding-left:15px;background-color:rgba(15,40,44,0.8);border:none;border-radius:0;border:rgba(15,40,44,1) solid 2px}
.form-control::placeholder{color:rgba(255,255,255,.7)}
form.CUS input.subject{display:none}
.send{position:relative;line-height:35px;width:100%;background:#f16b28;border:2px solid #f16b28;color:rgb(255,255,255);margin-top:10px;font-size:1em;font-weight:600;letter-spacing:1px;overflow:hidden;z-index:1;padding-top:5px;padding-bottom:5px;transition:1S}
.send:hover{background:rgba(255,255,255,0.3);border:2px solid rgba(255,255,255,0.5);transition:1S}
.CUS legend{font-size:25px;text-align:left;color:#ffffff;padding-top:20px}
.contact input:focus,.contact textarea:focus,.contact select:focus{background:rgba(24,65,71,0.6) !important;/* نفس اللون */ color:#fff !important;outline:none !important;box-shadow:0 0 0 2px rgba(241,107,40,.35) !important;/* اختياري */ border-color:#f16b28 !important}
/* animation */
.shake{animation:shakeAnim 1s ease-in-out infinite}
@keyframes shakeAnim{0%{transform:translateX(0)}
10%{transform:translateX(-6px)}
20%{transform:translateX(6px)}
30%{transform:translateX(-6px)}
40%{transform:translateX(6px)}
50%{transform:translateX(-6px)}
60%{transform:translateX(6px)}
70%{transform:translateX(0)}
}
/* section8 */.section8{margin-top:20px;padding-top:150px;margin-bottom:100px}
.testimonials-section{position:relative;background:#fff;overflow:hidden}
/* ✅ Big outlined text on WHITE background (like reference) *//* content above background text */.testimonials-section .container{position:relative;z-index:2}
/* ========================= LEFT IMAGE========================= */.testi-media{width:100%;overflow:hidden;/* keeps it clean */}
.testi-media img{width:100%;height:auto;display:block;object-fit:cover;border-radius:0;/* ✅ no radius */}
/* ========================= RIGHT CONTENT========================= */.testi-quote{font-size:clamp(22px,2vw,34px);line-height:1.35;font-weight:600;color:#111;margin:0}
.testi-meta .testi-name{font-weight:800;letter-spacing:1px;font-size:14px}
.testi-meta .testi-role{color:rgba(0,0,0,.65);font-size:13px;margin-top:4px}
/* divider */.testi-divider{border-top:1px solid rgba(0,0,0,.15);opacity:1}
/* arrows box */.testi-arrows{display:flex;border:1px solid rgba(0,0,0,.25);border-radius:2px;overflow:hidden}
.testi-arrow{width:54px;height:46px;background:#fff;border:0;border-right:1px solid rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:background .2s ease;color:#111;font-size:18px}
.testi-arrow:last-child{border-right:0}
.testi-arrow:hover{background:rgba(0,0,0,.05)}
/* avatars */.testi-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.testi-plus{width:42px;height:42px;border-radius:50%;border:0;background:#f16b28;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}
/* Responsive tweak */.testi-bg-wrapper{position:absolute;top:10px;left:0;width:100%;overflow:hidden;z-index:0;pointer-events:none}
.testi-bg-track{display:flex;gap:120px;width:max-content;animation:moveText 40s linear infinite}
.testi-bg-track span{font-weight:800;letter-spacing:0;font-size:clamp(60px,8vw,160px);color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.10);white-space:nowrap}
@keyframes moveText{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
/* section9 */.section9{background-position:top left;background-repeat:no-repeat;background-size:cover}
.section9 .btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#ffffff;font-size:19px;text-transform:uppercase;padding:14px 50px;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#2d5566}
.section9 .btn:hover{background-color:#113849;color:#fff}
.section9 .btn:before,.section9 .btn:after{border-color:#f16b28}
.section9 .btn:hover:before,.section9 .btn:hover:after{width:30%;border-color:#f16b28}
/* section10 */
.section10{background-color:#f5f5f5;margin-top:100px;margin-bottom:100px;margin-top:200px}
.inverse-direction{margin-top:-180px}
.sec10-1strow{position:relative}
.sec10-float{position:absolute;width:12%}
.cities-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #113849;
  padding: 14px 0;
}

.cities-track {
  display: inline-block;
  white-space: nowrap;
  animation: marqueeCities 22s linear infinite;
}

/* توقف الحركة عند المرور */
.cities-marquee:hover .cities-track {
  animation-play-state: paused;
}

.cities-track a {
  display: inline-block;
  margin: 0 22px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.cities-track a:hover {
  color: #f16b28;
}

@keyframes marqueeCities {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* garage-brands *//* marquee container */
.garage-brands{}
#mainDivBrand{ position:relative}
/* الشريط المتحرك */
#div1{display:flex;align-items:center;gap:40px;width:max-content;animation:brandMarquee 20s linear infinite;white-space:nowrap}
/* إيقاف الحركة عند hover */
#mainDivBrand:hover #div1{animation-play-state:paused}
.brand-logos{height:60px;width:auto;object-fit:contain;opacity:.85;filter:grayscale(85%);transition:all .3s ease}
.brand-logos:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}
@keyframes brandMarquee{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
/* responsive */@media (max-width:768px){#div1{gap:25px;animation-duration:25s}
.brand-logos{height:45px}
}
/* SECTION11 */
.section11, .locations{background-position:center left;background-repeat:no-repeat;background-size:cover;}
.section11 h2, .locations h2{font-size:50px;font-weight:700}
/*** FAQs ***/.content{width:90%;margin:0 auto;padding:0}
.question{position:relative;background:rgba(51,117,128,0.6);color:white;margin:0;padding:20px 10px 20px 50px;display:block;width:100%;cursor:pointer}
.answers{margin:5px 0;max-height:0;overflow:hidden;z-index:1;position:relative;opacity:0;padding:0 25px;transform:translateY(-8px);background-color:rgba(255,255,255,0.9);color:#111;-webkit-transition:max-height 0.65s ease,opacity 0.45s ease,transform 0.45s ease,padding 0.45s ease;-moz-transition:max-height 0.65s ease,opacity 0.45s ease,transform 0.45s ease,padding 0.45s ease;-o-transition:max-height 0.65s ease,opacity 0.45s ease,transform 0.45s ease,padding 0.45s ease;transition:max-height 0.65s ease,opacity 0.45s ease,transform 0.45s ease,padding 0.45s ease}
.questions:checked ~ .answers{max-height:700px;opacity:1;transform:translateY(0);padding:15px 25px}
.plus{position:absolute;padding-top:12px;margin-left:10px;z-index:5;font-size:2em;line-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#f57e43 !important;-webkit-transition:transform 0.35s ease;-moz-transition:transform 0.35s ease;-o-transition:transform 0.35s ease;transition:transform 0.35s ease}
.questions:checked ~ .plus{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.questions{display:none}
.map{background-color:#f16b28;padding-top:50px;padding-bottom:50px}
/* footer */footer a{text-decoration:none;color:#cfcfcf}
footer a:hover{color:#ffffff}
ul{margin:0px;padding:0px}
.footer-section{background:#113849;position:relative}
.footer-cta{border-bottom:1px solid #373636}
.single-cta i{color:#f16b28;font-size:30px;float:left;margin-top:8px}
.cta-text{padding-left:15px;display:inline-block}
.cta-text h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:2px}
.cta-text span{color:#cfcfcf;font-size:15px}
.footer-content{position:relative;z-index:2}
.footer-logo{margin-bottom:20px}
.footer-logo img{max-width:200px}
.footer-text p{margin-bottom:14px;font-size:14px;color:#cfcfcf;line-height:28px}
.footer-widget-heading h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:40px;position:relative}
.footer-widget-heading h3::before{content:"";position:absolute;left:0;bottom:-15px;height:2px;width:50px;background:#f16b28}
.footer-widget ul li{display:inline-block;width:30%;margin-bottom:12px}
.copyright-area{background:#0f2731;padding:25px 0}
.footer-menu li{display:inline-block;margin-left:20px}
.footer-menu li:hover a{color:#f16b28}
.footer-menu li a{font-size:14px;color:#878787}
.copyright{color:#878787}
.footer-widget .btn{font-family:'Teko',sans-serif;position:relative;display:inline-block;color:#ffffff;font-size:16px;text-transform:uppercase;padding:13px 50px;text-decoration:none;letter-spacing:1px;background-color:transparent;transition:300ms ease-in;line-height:1;background-color:#2d5566}
.footer-widget .btn:hover{background-color:#113849;color:#fff}
.footer-widget .btn:before,.btn:after{border-color:#f16b28}
.footer-widget .btn:hover:before,.footer-widget .btn:hover:after{width:30%;border-color:#f16b28}
#backToTop{
  position: fixed;
  right: 22px;
  bottom: 90px;
  width:50px;
  height:50px;
  border: none;
  outline: none;
  border-radius: 0%;
  background: #f16b28;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

#backToTop.show{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#backToTop:hover{
  background: #d95f1d;
}

.loc-btn section{margin-top: 20px;}
.loc-btn button{background-color: transparent; border: none; font-size: large;transition: .5s; }
.loc-btn button:hover{font-size: x-large; border-bottom: solid 1px #f16b28; transition: .5s;}
@media (max-width:1200px){.title{width:70%}
h1{font-weight:700;font-size:4em}
.number-container{width:25%;position:absolute;bottom:40px;right:10%;background-color:#f16b28}
.float-garage{left:0}
.btn.green{font-size: large;}
.parent{width:25%}
}
@media (max-width:992px){.title{width:70%;bottom:40px;left:3%}
.number-container{width:27%;position:absolute;bottom:0px;right:0%;background-color:#f16b28;padding-left:10px}
.number{font-size:5em;font-weight:400}
.years{font-size:1.3em}
.locations .btn{
    margin-top: 30px;
  font-size: 17px;
  padding: 15px 50px;

}}
@media (max-width:992px){.hide{display:block;margin-top:50px}
.appear{display:none}
.location-col{padding-top: 20px;}
}
@media (max-width:767px){h1{font-weight:700;font-size:2.5em}
.btn{padding:15px 30px}
.parent{width:40%}
.nav-img{width:100%}
.sec10-float{width:20%;top:350px}
.slogan{font-size:1.1em;padding-left:20px}
.navbar{background-color:rgba(11,42,55,0.9)}
.navbar-toggler{margin-top:10px}
.nav-links{padding-right:50px !important}
.section1 .p-bold{font-size:35px;font-weight:600}
.co-sec{width:75%;margin-left:10%}
.three-parts{width:80%}
.chat-icon-float{left:0%}
.section7 h2{font-size:42px}
.float-garage{display: none;}
.moving-service{padding-top:0%}
.section1 {margin-top: 80px}
.scroll-text {margin-top: 1rem}
.section8 {padding-top: 80px}
.loc-btn{width: 33.3%;}
.locations .btn{
  font-size: 14px;
  padding: 10px 30px;

}
}
@media (max-width:550px){
.loc-btn{width: 50%;}

}
@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}