@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-color: #c66906;--primary-color-dark: #360407;--text-dark: #0c0a09;--text-light: #78716c;--white: #ffffff;--max-width: 1200px}*{padding:0;margin:0;box-sizing:border-box}.section__container{max-width:var(--max-width);margin:auto;padding:5rem 1rem}.section__subheader{margin-bottom:.5rem;position:relative;font-weight:500;letter-spacing:2px;color:var(--text-dark)}.section__subheader:after{position:absolute;content:"";top:50%;transform:translate(1rem,-50%);height:2px;width:4rem;background-color:var(--primary-color)}.section__header{max-width:600px;margin-bottom:1rem;font-size:2.5rem;font-weight:600;line-height:3rem;color:var(--text-dark)}.section__description{max-width:600px;margin-bottom:1rem;color:var(--text-light)}.btn{padding:.75rem 1.5rem;outline:none;border:none;font-size:1rem;font-weight:500;color:var(--white);background-color:var(--primary-color);border-radius:5px;cursor:pointer;transition:.3s}.btn:hover{background-color:var(--primary-color-dark)}img{width:100%;display:flex}a{text-decoration:none}.logo{max-width:120px}html,body{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}.header{background-image:url(storage/assets/BANN.png);background-position:center center;background-size:cover;background-repeat:no-repeat}nav{position:fixed;isolation:isolate;top:0;width:100%;max-width:var(--max-width);margin:auto;z-index:9}.ri-menu-line:before{content:""}.nav__bar{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background-color:#fff}.nav__menu__btn{font-size:1.5rem;color:#c66906;cursor:pointer}.nav__links{list-style:none;position:absolute;width:100%;padding:2rem;display:flex;align-items:center;flex-direction:column;gap:2rem;background-color:#d89f19e6;transform:translateY(-100%);transition:.5s;z-index:-1}.nav__links.open{transform:translateY(0)}.nav__links a{position:relative;isolation:isolate;padding-bottom:8px;color:var(--white);transition:.3s}.nav__btn{display:none}.header__container{padding-block:10rem 15rem}.header__container p{margin-bottom:1rem;font-size:1.2rem;color:var(--white);text-align:center;opacity:.6}.header__container h1{font-size:4rem;font-weight:500;line-height:4.5rem;color:var(--white);text-align:center}.header__container h1 span{color:var(--primary-color)}ajout pour le view .header__view{padding-block:10rem 15rem}.header__view p{margin-bottom:1rem;font-size:1.2rem;color:var(--white);text-align:center;opacity:.6}.header__view h1{font-size:4rem;font-weight:500;line-height:4.5rem;color:var(--white);text-align:center}.header__view h1 span{color:var(--primary-color)}Fin pour le wiew .booking__container{padding-block:0}.booking__form{padding:2rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;background-color:var(--white);border-radius:10px;transform:translateY(-50%);box-shadow:5px 5px 20px #0000001a}.input__group{flex:1 1 220px;display:flex;align-items:center;justify-content:center;gap:1rem}.input__group span{font-size:1.75rem;color:var(--primary-color)}.input__group label{font-weight:500;color:var(--text-dark)}.input__group input{display:block;width:100%;max-width:150px;padding-block:5px;color:var(--text-dark);font-size:.9rem;outline:none;border:none}.input__group input::placeholder{color:var(--text-light)}.about__container{overflow:hidden;display:grid;gap:2rem}.about__image img{max-width:450px;margin:auto;border-radius:5px}.room__grid{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.room__grid::-webkit-scrollbar{height:8px}.room__grid::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}.room__grid::-webkit-scrollbar-track{background:transparent}.room__card{flex:0 0 300px;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.room__card:hover{transform:scale(1.05)}.room__card__image img{width:100%;height:200px;object-fit:cover}.room__card__details{padding:1rem;text-align:center}.room__card__details h4{font-size:1.2rem;margin-bottom:.5rem}.room__card__details p{font-size:.9rem;color:#666;margin-bottom:1rem}.room__card__details h5{font-size:1rem;color:#333;margin-bottom:1rem}.room__card__details .btn{background:#f4a261;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.room__card__details .btn:hover{background:#e76f51}@media (max-width: 768px){.room__grid{flex-wrap:nowrap}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;z-index:1000}.modal__content{background:#fff;padding:2rem;border-radius:8px;width:400px;text-align:center;position:relative}.close-btn{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer}.form__group{margin-bottom:1rem}.form__group label{display:block;margin-bottom:.5rem;font-weight:700}.form__group input,.form__group select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.form__group input:focus,.form__group select:focus{border-color:var(--primary-color);outline:none}.btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn:hover{background:var(--primary-color-dark)}.service{background-image:url(storage/assets/SERR.png);background-position:center center;background-size:cover;background-repeat:no-repeat}.service__container{padding-block:0;display:grid;grid-template-columns:repeat(2,1fr)}.service__content{grid-column:1/3;padding:2rem 4rem;background-color:var(--white)}.service__list{list-style:none;margin-top:2rem;display:grid;gap:2rem}.service__list li{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:500;color:var(--text-dark)}.service__list span{padding:5px 12px;font-size:1.75rem;color:var(--text-dark);background-color:var(--text-light);border-radius:100%}.service__list li:nth-child(1) span{color:#60a5fa;background-color:#dbeafe}.service__list li:nth-child(2) span{color:#f472b6;background-color:#fce7f3}.service__list li:nth-child(3) span{color:#c084fc;background-color:#f3e8ff}.service__list li:nth-child(4) span{color:#fb7185;background-color:#ffe4e6}.banner__content{padding:2rem;display:flex;gap:2rem;align-items:center;justify-content:space-evenly;flex-wrap:wrap;border-radius:10px;box-shadow:5px 5px 20px #0000001a}.banner__card{text-align:center;flex:1 1 180px}.banner__card h4{font-size:2rem;font-weight:600;color:var(--text-dark)}.banner__card p{color:var(--text-light)}.explore :is(.section__subheader,.section__header){text-align:center;margin-inline:auto}.explore__bg{margin-top:4rem;padding-block:3rem;display:grid;grid-template-columns:minmax(1rem,1fr) minmax(0,var(--max-width)) minmax(1rem,1fr);background-image:url(storage/assets/BANN.png);background-position:center center;background-size:cover;background-repeat:no-repeat}.explore__content{grid-column:2/3;max-width:400px;padding:2rem;background-color:var(--white);border-radius:5px;box-shadow:5px 5px 10px #0003}.explore__content p{margin-bottom:.5rem}.explore__content h4{margin-bottom:1rem;font-size:1.2rem;font-weight:600;line-height:1.5rem;color:var(--text-dark)}.explore__content .btn{color:var(--primary-color);background-color:var(--white);border:1px solid var(--primary-color)}.explore__content .btn:hover{color:var(--white);background-color:var(--primary-color)}.footer{background-color:var(--text-dark)}.footer__container{display:grid;gap:4rem 2rem}.footer__col .section__description{margin-block:2rem}.footer__col h4{margin-bottom:2rem;font-size:1.2rem;font-weight:500;color:var(--white)}.footer__links{list-style:none;display:grid;gap:1rem}.footer__links a{color:var(--text-light);transition:.3s}.footer__links a:hover{color:var(--white)}.footer__socials{margin-top:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer__socials img{max-width:25px;opacity:.8;transition:.3s}.footer__socials img:hover{opacity:1}.footer__bar{padding:1rem;font-size:.9rem;color:var(--text-light);text-align:center}@media (width > 576px){.room__grid,.footer__container{grid-template-columns:repeat(2,1fr)}}@media (width > 768px){nav{padding:2rem 1rem;position:static;display:flex;align-items:center;justify-content:space-between}.nav__bar{padding:0;background-color:transparent}.nav__menu__btn{display:none}.nav__links{padding:0;width:unset;position:static;transform:none;flex-direction:row;background-color:transparent}.nav__btn{display:block}.nav__links a:after{position:absolute;content:"";left:0;bottom:0;height:2px;width:0;background-color:var(--primary-color);transition:.3s;transform-origin:left}.nav__links a:hover:after{width:100%}.about__container{grid-template-columns:repeat(2,1fr);align-items:center}.room__grid{grid-template-columns:repeat(3,1fr)}.service__content{grid-column:2/3}.footer__container{grid-template-columns:repeat(4,1fr)}}@media (width > 1024px){.room__grid{gap:2rem}}.payment-history{padding:4rem 1rem;background-color:#f9f9f9}.payment-history .section__subheader,.payment-history .section__header{text-align:center;margin-bottom:1rem}.history__container{max-width:1200px;margin:auto;overflow-x:auto;box-shadow:0 4px 10px #0000001a;border-radius:8px;background:#fff}.history__table{width:100%;border-collapse:collapse;text-align:left}.history__table thead{background-color:var(--primary-color);color:#fff}.history__table th,.history__table td{padding:1rem;border:1px solid #ddd}.history__table th{font-weight:600;text-transform:uppercase}.history__table tbody tr:nth-child(2n){background-color:#f2f2f2}.history__table tbody tr:hover{background-color:#f4a261;color:#fff;transition:background-color .3s ease}.d-none{display:none!important}.d-flex{display:flex!important}.login-container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0003;width:100%;max-width:400px;position:relative}.login-container h1{text-align:center;margin-bottom:20px;color:#360407}.login-container .close-btn{color:#360407}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-group input:focus{border-color:#360407;outline:none}.login-btn{width:100%;padding:10px;background-color:#360407;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-btn:hover{background-color:#5a0a0f}.forgot-password{text-align:center;margin-top:15px}.forgot-password a{color:#360407;text-decoration:none;font-size:14px}.forgot-password a:hover{text-decoration:underline}.card-login{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;width:400px}.alert{display:flex;align-items:center;padding:1rem 1.5rem;margin:1rem .5rem;border-radius:.375rem;font-size:1.125rem;max-width:32rem;margin-left:auto;margin-right:auto}.alert--fixed{position:fixed;bottom:1rem;right:1rem}.alert__icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.alert--success{background-color:#c6f6d5;color:#22543d}.alert--success .alert__icon{color:#2f855a}.alert--error{background-color:#fed7d7;color:#742a2a}.alert--error .alert__icon{color:#c53030}.alert--warning{background-color:#feebc8;color:#7c2d12}.alert--warning .alert__icon{color:#d69e2e}.alert--info{background-color:#bfdbfe;color:#1e3a8a}.alert--info .alert__icon{color:#2563eb}.alert--fade-out{transition:opacity .5s ease;opacity:0}.hidden{display:none}.flex{display:flex}.fixed{position:fixed}.left{left:0}.w-full{width:100%}.h-full{height:100%}.top{top:0}.z-full{z-index:9999}.items-center{align-items:center}.justify-center{justify-content:center}.bg-1{background-color:#00000080}.mp-0{margin:0;padding:0}.w-2xl{max-width:400px}.bg-white{background-color:#fff}.p-30{padding:30px}.border-8{border-radius:8px}.shadows-sm{box-shadow:0 4px 8px #0003}.relative{position:relative}.bg-transparent{background-color:transparent!important}.mx-auto{margin-left:auto;margin-right:auto}