.car-card[data-v-7aba4739]{width:90%;height:auto;margin:10px 0 10px 9px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:1px solid #ddd}.container[data-v-7aba4739]{display:flex;flex-wrap:wrap;justify-content:center}.car-image[data-v-7aba4739]{width:100%;height:150px;object-fit:cover;transition:transform .3s}.car-image[data-v-7aba4739]:hover{transform:scale(1.1)}.car-details[data-v-7aba4739]{margin-top:10px}button[data-v-7aba4739]{background-color:#ff5722;color:#fff;border:none;padding:5px 10px;cursor:pointer}button[data-v-7aba4739]:hover{background-color:#e64a19}@media screen and (max-width: 375px){.car-container[data-v-7aba4739]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.car-card[data-v-7aba4739]{width:90%;height:auto;margin:10px 0 10px 20px;flex-direction:column;align-items:flex-start}.car-image[data-v-7aba4739]{width:100%;height:auto}.car-details[data-v-7aba4739]{margin-top:5px;text-align:left;margin-left:10px}button[data-v-7aba4739]{padding:8px 15px;font-size:.9rem;margin-left:10px}}.login-container[data-v-f62352d5]{max-width:400px;margin:0 auto;text-align:center;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a}input[data-v-f62352d5]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px}button[data-v-f62352d5]{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-f62352d5]:hover{background-color:#45a049}#app{font-family:Arial,sans-serif;overflow:hidden}.logo10{max-width:100%;height:auto;box-shadow:0 4px 10px #0003}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}.custom-navbar{background:linear-gradient(135deg,#763b3b,#300505,#1a1a2e,#a8b8b4);background-size:400% 400%;animation:gradientAnimation 4s ease infinite;padding:6px 0;box-shadow:0 4px 15px #0006;border-radius:40% 0% 45%;opacity:.91}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.custom-logo{font-size:22px;font-weight:700;color:#fff;transition:color .3s ease-in-out,transform .3s ease}.custom-logo:hover{color:#000;transform:scale(1.1)}.custom-link{color:#fff;font-size:16px;margin:0 12px;position:relative;transition:all .3s ease-in-out}.custom-link:after{content:"";position:absolute;width:0%;height:2px;bottom:-5px;left:50%;background:tomato;transition:all .3s ease-in-out}.custom-link:hover:after{width:100%;left:0}.custom-link:hover{color:tomato;filter:brightness(1.2)}.custom-offcanvas{background:#1a1a2e;color:#fff;box-shadow:0 4px 12px #0000004d;border-radius:10px;padding:20px}.custom-offcanvas-title{font-size:20px;font-weight:700;color:tomato;transition:color .3s ease}.custom-offcanvas-title:hover{color:red;filter:brightness(1.5)}.custom-toggler{border:1px solid #ff6347;padding:8px;border-radius:50%}.custom-toggler:hover{background:#000;transition:.3s ease-in-out;filter:brightness(1.2);transform:scale(1.1)}body{font-family:Arial,sans-serif;background:#f4f4f4;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}button,.btn-primary{background-color:tomato;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:5px;transition:all .3s ease}button:hover,.btn-primary:hover{background-color:#e53e36;transform:scale(1.05);filter:brightness(1.2)}.hero-section{background:url(path-to-image.jpg) no-repeat center center;background-size:cover;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative}.hero-content{z-index:2}.btn-primary{background-color:#ff5722;color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:4px;transition:background-color .3s}.btn-primary:hover{background-color:#e64a19}.car-section{padding:2rem}.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.about-us-section{display:flex;align-items:center;padding:3rem;background-color:wite}.about-us-car{width:30%;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-right:2rem;transition:transform .5s;animation:slide-in 1s ease-in-out}@keyframes slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.about-us-content{display:flex;align-items:center;justify-content:space-between;width:100%;perspective:1000px;transform-style:preserve-3d;transition:transform .5s}.about-us-content:hover{transform:rotateY(10deg)}.about-us-text{width:65%;font-size:1.2rem;background:linear-gradient(90deg,red,brown,#433b28);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:color-change 5s linear infinite}@keyframes color-change{0%{background-position:0%}to{background-position:100%}}.about-us-title{font-size:2.5rem;color:#333;text-align:left;margin-bottom:1rem;font-weight:700}.about-us-title:hover{color:#d45d00;transition:color .3s ease}@media screen and (max-width: 375px){.feature-grid{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.feature-icon{flex:1 1 calc(33.333% - 1rem);text-align:center}.feature-icon i{font-size:2rem}.feature-icon h4{font-size:1.2rem}.feature-icon p{font-size:.9rem}}.about-us-title:before{content:"معلومات عنا";position:absolute;left:0;top:0;color:#00000080;filter:blur(2px);transform:translate(5px,5px);z-index:-1}@media screen and (max-width: 375px){.about-us-section{padding:2rem}.about-us-car{width:100%;margin-right:0;transition:transform .3s}.about-us-content{flex-direction:column;justify-content:center;text-align:center}.about-us-text{width:100%;font-size:1rem}.about-us-title{font-size:1.5rem}}.faq{background-color:#fff;padding:50px 20px;text-align:center}.faq h2{font-size:2rem;margin-bottom:20px;color:#2c3e50}.faq-container{max-width:800px;margin:auto;text-align:left}.faq-item{margin-bottom:15px;background:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .3s ease,background .3s ease}.faq-item:hover{background:#f39c12;color:#fff;transform:translateY(-5px)}.faq-question{font-weight:700;font-size:1.1rem;margin-bottom:5px}.faq-answer{display:none;font-size:.95rem;line-height:1.5;color:#555}.stats{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px;background-color:#f9f9f9;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000001a}.stats h2{color:#333;font-size:1.8em;margin-bottom:20px;position:relative}.stats h2:after{content:"";display:block;width:50px;height:3px;background-color:#ed500d;margin:10px auto;border-radius:5px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{background-color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease-in-out}.stat-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.stat-number{font-size:2.5em;font-weight:700;color:#ed500d;margin-bottom:10px}.stat-description{font-size:1em;color:#555}.page-title{display:flex;align-items:center;gap:10px}.title-logo{width:30px;height:auto}@media screen and (max-width: 320px){body{font-size:14px}.hero-section{height:50vh}.car-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.about-us-car{width:100%;margin-right:0}.about-us-content{flex-direction:column}.about-us-text{font-size:1rem}.stats-container{grid-template-columns:1fr}.stat-item,.faq-container{padding:10px}.faq-question{font-size:.9rem}}body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#f0f0f0;overflow-x:hidden;box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;overflow-x:hidden}@media (min-width: 300px) and (max-width: 790px){body{width:100vw;height:100vh;overflow-x:hidden}.hero-section{height:100vh;width:100vw;background-size:cover;background-position:center}*{box-sizing:border-box;max-width:100%}img{max-width:100%;height:auto}.container{width:100%}}body{font-size:16px}h1{font-size:2rem}p{font-size:1rem}h1,h2,p{margin:0 0 15px;font-family:Poppins,sans-serif;font-weight:300}.p-1{color:#ffffff6c}a{text-decoration:none;color:inherit}.hero-section{background-image:url(SIMO2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative}.hero-content{background-color:#00000080;padding:20px;border-radius:10px}.hero-section h1{font-size:3em;text-shadow:2px 2px 4px rgb(40,4,4);margin-bottom:20px}.hero-section p{font-size:1.5em;margin-bottom:30px}.header,.footer,.main-content{width:100%;overflow:hidden}.btn-primary{display:inline-block;padding:10px 20px;font-size:1.2em;color:#fff;background-color:#7d1010;border:none;border-radius:5px;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease,transform .3s ease}.btn-primary:hover{background-color:#d91919;transform:scale(1.1);box-shadow:0 4px 8px #0003}.car-section{background-color:#333;color:#fff;padding:60px 20px}.car-section h2{font-size:32px;text-align:center;margin-bottom:40px}#delivery{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:12px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a}footer{background-color:#333;color:#fff;padding:20px;text-align:center}.contact-info{margin-bottom:10px}.contact-item{display:flex;align-items:center;justify-content:center}.contact-item i{margin-right:10px}.confirmation-message{margin-top:20px;color:green;text-align:center;font-weight:700}.features-section{padding:2rem;background-color:#f9f9f9}.section-title{text-align:center;margin-bottom:1.5rem;font-size:2rem;color:#333}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-icon{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;text-align:center;transition:transform .3s,box-shadow .3s}.feature-icon i{font-size:2rem;color:#ff5722;margin-bottom:1rem}.feature-icon h4{font-size:1.5rem;margin-bottom:.5rem}.feature-icon p{font-size:1rem}.feature-icon:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0000001a}#how-it-works{background-color:#ff5722;padding:50px 20px;text-align:center;border-radius:10px;box-shadow:0 4px 15px #0000001a}#how-it-works h2{font-size:2.5em;margin-bottom:20px;color:#fff}#how-it-works p{font-size:1.2em;margin-bottom:30px}.steps{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.step{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:15px;margin:10px;width:220px;transition:transform .3s,box-shadow .3s;position:relative}.step:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.customer-form-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px;margin:20px auto;width:300px;transition:transform .3s}.customer-form-card:hover{transform:scale(1.02)}button{background-color:#ff5722;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:background-color .3s}button:hover{background-color:#e64a19}label{display:block;margin:10px 0 5px}input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;transition:border-color .3s}input:focus,textarea:focus{border-color:#ff5722;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#how-it-works{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){#how-it-works{animation:fadeIn .6s ease forwards}}.contact-us-section h3{font-size:28px;margin-bottom:20px;color:#333}.contact-info{margin:100PX}.contact-item{flex:1;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;background-color:#fff;transition:transform .2s}.contact-item:hover{transform:translateY(-5px)}.contact-item i{font-size:24px;color:#ff5a5f;margin-bottom:10px}.social-media{margin:100PX}.social-media h3{margin-bottom:10px}footer{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.contact-info,.social-media,.fin{flex:1;margin:0 20px;background-color:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 4px #0000001a}.h3-3{margin-bottom:10px;color:#333}.contact-item{display:flex;align-items:center;gap:10px;margin:10px 0}.contact-item i{font-size:24px}a{color:#661010;text-decoration:none}a:hover{text-decoration:underline}.p-10{color:#000;text-align:center;margin-top:20px}.logo10{width:120px;border-radius:30px;box-shadow:0 4px 8px #0000004d;transition:transform .5s ease,filter .5s ease;filter:grayscale(50%) contrast(120%)}.logo10:hover{transform:scale(1.1) rotate(10deg);filter:grayscale(0%) contrast(100%);box-shadow:0 8px 16px #00000080}.fin{text-align:center}.p-9{text-align:start;margin-top:20px;color:#000}.p-14{color:#661010}@media screen and (max-width: 768px){.logo10{width:100px;border-radius:20px;filter:grayscale(70%) contrast(100%)}.fin{text-align:center}.p-9{text-align:center;margin-top:10px;color:#333}.p-14{color:#333}}@media (max-width: 768px){.contact-info{flex-direction:column;align-items:center}.contact-item{margin-bottom:20px;width:80%}footer{flex-direction:column;align-items:center}.contact-info,.social-media,.fin{width:100%;margin:10px 0}}@media (max-width: 480px){.contact-us-section h3{font-size:24px}.contact-item i{font-size:20px}.p-10{font-size:14px}}
