@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@600;800&display=swap);@media (max-width:768px){.hero-section,.responsive-img{height:50vh}.hero-text h1{font-size:clamp(1.5rem, 4vw, 2rem)}.hero-text p{font-size:clamp(1rem, 3vw, 1.5rem)}.hero-text .btn-lg{padding:8px 16px;font-size:1rem}.card-title{font-size:1.5rem}.card-text,.footer-title{font-size:1.2rem}.form-control,.form-select{font-size:.9rem;padding:8px}.btn-primary,.btn-success{font-size:1rem;padding:10px 16px}.footer-info,.footer-link{font-size:1rem}}@media (max-width:480px){.hero-section,.responsive-img{height:40vh}.hero-text h1{font-size:clamp(1rem, 3vw, 1.5rem)}.hero-text p{font-size:clamp(.8rem, 2.5vw, 1rem)}.hero-text .btn-lg{padding:6px 12px;font-size:.9rem}.card-title{font-size:1.2rem}.card-text,.footer-title{font-size:1rem}.footer-info,.footer-link,.form-label{font-size:.9rem}.form-control,.form-select{font-size:.8rem;padding:6px}.btn-primary,.btn-success{font-size:.9rem;padding:8px 14px}.col-md-5,.col-md-6{width:100%;padding:0}}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:left}100%{background-position:right}}@keyframes colorWave{0%,100%{background-color:#007bff}50%{background-color:#28a745}}
.card-title,h1{font-weight:700}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;background-size:cover;animation:2s ease-in-out fadeIn;margin:0;padding:0;width:100%;display:flex;flex-direction:column;min-height:100vh}h1{font-size:2.5rem;color:#333}.card{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.card-title{font-size:1.8rem}.seller-card .card-title{color:#007bff}.buyer-card .card-title{color:#28a745}.form-label{font-weight:500;color:#555}.form-control,.form-select{border-radius:10px;padding:10px;border:1px solid #ddd;transition:border-color .3s,box-shadow .3s}.form-control:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.3)}.btn-primary,.btn-success{border:none;border-radius:10px;padding:12px 20px;font-size:1.1rem;font-weight:700;transition:.3s}.animated-button,.form-card{transition:transform .3s,box-shadow .3s}.btn-primary{background-color:#0074f0}.btn-success{background-color:#12da41}.btn-primary:hover,.btn-success:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.2)}.fixed-height,.fixed-size{height:200px;object-fit:cover}.responsive-img{width:100%;height:68vh;object-fit:cover;display:block}.hero-section{position:relative;height:64vh;width:100%;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(70%)}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;padding:20px}.section-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.form-card{border:1px solid #eee;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.form-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.15)}.animated-button{position:relative;overflow:hidden;border:none;padding:12px 25px;font-size:1.1rem;font-weight:700;border-radius:12px}.animated-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transition:.4s}.animated-button:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.2)}.animated-button:hover::before{left:100%}
.custom-input{border:2px solid #000;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.custom-select{position:relative;width:100%}#buyerForm .custom-input:focus,#buyerForm .form-select:focus{border-color:green!important;box-shadow:0 0 5px rgba(4,184,4,.5)!important;outline:0!important}#sellerForm .custom-input:focus,#sellerForm .form-select:focus{border-color:#00f!important;box-shadow:0 0 5px rgba(0,0,255,.5)!important;outline:0!important}.custom-select select{border:2px solid #06cf06;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 35px 8px 12px;direction:rtl;background:#fff;border-radius:8px}.custom-select-arrow,.select-arrow-left{appearance:none;background-repeat:no-repeat;background-position:left 10px center;background-size:30px;padding-left:30px;direction:rtl}#buyerLocation option{background-color:#fff;color:#000;padding:5px}#buyerLocation option:hover{background-color:green!important;color:#fff!important}p{padding:10px}.custom-select::after{content:'';position:absolute;left:15px;top:50%;width:8px;height:8px;border-left:2px solid #11f011;border-bottom:2px solid #0fd60f;transform:translateY(-50%) rotate(-45deg);pointer-events:none}.custom-select-arrow{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="green"><path d="M7 10l5 5 5-5z"/></svg>')}.select-arrow-left{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="blue"><path d="M7 10l5 5 5-5z"/></svg>')}.intro-box{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.intro-text .highlight{font-weight:700;color:tomato}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.service-item{padding:15px;border:2px solid #007bff;border-radius:8px;background-color:#fff;transition:transform .2s}.bg-secondary,footer{width:100%;padding:0}.service-item:hover{transform:translateY(-5px)}.service-icon{font-size:2rem}.titre-special{font-size:2.5rem;font-weight:700;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.footer-info,.footer-title{font-weight:700;color:gold}footer{margin:auto 0 0;direction:rtl;text-align:right}.footer-title{font-size:1.4rem}.footer-link{color:#00ffc8;font-size:1.2rem;font-weight:500;text-decoration:none;transition:.3s ease-in-out}.footer-link:hover{color:#1ad323;text-decoration:underline;transform:scale(1.1)}.bg-secondary{background:linear-gradient(135deg,#3700ff,#06f112);margin:0;text-align:center}.col-12,.col-md-5,.col-md-6,.container-fluid,.row,.section-container{padding:0!important;margin:0!important}
.border-primary,.border-success{border-image:linear-gradient(45deg,blue,rgb(13,241,13)) 1}.my-5,.py-3{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.titre-special{font-family:Cairo,sans-serif;font-weight:800;font-size:28px;text-align:center;position:relative;display:inline-block;padding:10px 20px;background:linear-gradient(to right,#06f,#08c408);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff}.border-primary{border:4px solid transparent;border-radius:16px}.border-success{border:4px solid transparent}.titre-special::after{content:'';width:50px;height:4px;background-color:#fff;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-radius:2px}.btn-white{animation:2s ease-in-out infinite alternate colorWave;background-color:#fff;color:#f5f5f5;transition:background-color .2s,transform .2s ease-in-out}.btn-white:hover{background-color:#f8f9fa;transform:scale(1.07)}.navbar-nav .nav-item .btn{min-width:140px;text-align:center;padding:10px 15px;font-size:1rem}
.whatsapp-float {position: fixed;bottom: 20px;right: 20px;z-index: 9999;background-color: #25D366;border-radius: 50%;padding: 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);transition: transform 0.3s ease;}.whatsapp-float:hover {transform: scale(1.1);}.whatsapp-float img {width: 40px;height: 40px;}
.border-gradient {border: 2px solid transparent;border-image: linear-gradient(45deg,#2962ff , #00c853) 1;}