body{margin:0;padding:0;min-height:100vh;}.background{background:url(../images/mountain.webp) no-repeat center center fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;width:100%;padding:3rem 0;}h1{font-family:"Aboreto";font-size:45px;color:rgb(0,0,0);text-align:center;margin:0;}#title{text-align:center;font-family:"Aboreto";font-size:30px;margin:2rem auto;}#subtitle{font-size:1.2rem;display:flex;justify-content:center;font-family:"Abaya";color:rgb(0,0,0);text-align:center;width:50%;margin:0 auto;padding:1rem;}.flexbox{display:flex;flex-direction:column;align-items:center;width:90%;margin:0 auto;margin-bottom:2rem;background:rgba(255,255,255,0.8);padding:2rem;border-radius:14px;}.contact-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.5rem;gap:2rem;}.box{background:white;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.1);padding:1.5rem;height:auto;gap:1rem 0;margin:1rem 0;flex:1 1 320px;max-width:900px;width:100%;text-align:center;display:flex;flex-direction:column;}.box.space{flex-direction:row;justify-content:space-around;order:2;max-width:100%;}.box:not(.space){order:1;max-width:900px;}.box-to-box{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:14px;width:100%;margin:1.5rem auto;box-shadow:0px 0px 5px rgba(0,0,0,0.08);}.box h2{font-family:"Aboreto";font-size:24px;text-align:center;margin-bottom:0.5rem;}.box p{font-family:"Abaya";font-size:16px;text-align:center;width:auto;margin:1rem auto;}.box ul{padding:0;margin:1.5rem auto;list-style:none;width:100%;}.box ul li{font-family:"Abaya";font-size:16px;margin-bottom:0.5rem;padding-left:1.2rem;position:relative;list-style-type:disc;}.box a{}.box a:hover{transition:background-color 0.2s ease;transform:scale(1.05);background-color:darkred;}.last{display:flex;flex-direction:row;gap:1.5rem;margin:1.5rem auto;}.contact-form{display:flex;flex-direction:column;gap:1rem;}.contact-form label{font-weight:bold;margin-bottom:5px;font-family:"Abaya";}.contact-form input,.contact-form textarea,.contact-form select{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box;font-family:"Abaya";background:#fff;color:#222;}.select-wrapper{position:relative;width:100%;}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:11px 42px 11px 14px;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;font-family:"Abaya";background:#fff;color:#222;box-sizing:border-box;cursor:pointer;transition:border-color 0.25s ease,box-shadow 0.25s ease,background 0.2s ease;box-shadow:0 1px 4px rgba(0,0,0,0.06);}.select-wrapper select:hover{border-color:#888;background:#fafafa;}.select-wrapper select:focus{border-color:rgba(43,43,43,0.7);box-shadow:0 0 0 3px rgba(0,0,0,0.08);outline:none;}.select-wrapper select option{font-family:"Abaya";font-size:1rem;color:#222;background:#fff;}.select-wrapper select option:disabled{color:#aaa;}.select-wrapper::after{content:"";pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transition:transform 0.2s ease;}.select-wrapper select:focus+.select-wrapper::after,.select-wrapper:focus-within::after{transform:translateY(-50%) rotate(180deg);border-top-color:#000;}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(43,43,43,0.6);outline:none;}.contact-form button{}.contact-form button:hover{transition:background-color 0.2s ease;transform:scale(1.05);background-color:darkred;}@media (max-width:600px){body{background-attachment:scroll;}.background{padding:2rem 0;} contact-section{padding:15px;}}.btn-primary,.btn-secondary,.box a,.contact-form button{display:inline-block;text-decoration:none;border:none;border-radius:8px;font-family:"Abaya";font-size:16px;padding:12px 28px;transition:all 0.3s ease;cursor:pointer;font-weight:600;width:auto;min-width:120px;margin:0 auto 1.5rem;background-color:#000;color:#fff;text-align:center;}.btn-primary:hover,.box a:hover,.contact-form button:hover{background-color:rgba(255,223,82,0.693);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:#000;}.btn-secondary:hover{background-color:#d32f2f;}@media (max-width:480px){body{background-attachment:scroll;}h1{font-size:26px;margin:5% auto;}.flexbox{width:95%;padding:0.5rem;margin:1rem auto;}#title{font-size:18px;margin:2% auto;}#subtitle{width:100%;font-size:0.98rem;margin:0 auto;padding:0.5rem;}.contact-table{flex-direction:column;gap:1rem;padding:0;}.box{width:100%;padding:0.7rem;margin:0.5rem 0;}.box.space{order:2;flex-direction:column;}.box:not(.space){order:1;}.space{gap:1rem;}.box-box{width:100%;padding:0.7rem;margin:0.5rem 0;}.box h2{font-size:16px;padding:0.5rem 0;}.box p,.box ul li{font-size:13px;width:98%;}.box ul{width:95%;margin:0.5rem auto;}.box a,.contact-form button{font-size:13px;padding:0.3rem 0.5rem;width:95%;}.last{flex-direction:column;gap:0.5rem;align-items:center;}.contact-form input,.contact-form textarea,.contact-form select,.select-wrapper select{font-size:0.95rem;padding:8px;}}@media (min-width:481px) and (max-width:767px){body{background-attachment:scroll;}.background{padding: 1.5rem 0;}h1{font-size:30px;}.flexbox{width:98%;padding:1rem;margin:1rem auto;}#title{font-size:20px;}#subtitle{width:95%;font-size:1rem;}.contact-table{flex-direction:column;gap:1.2rem;padding:0;}.box{width:98%;padding:1rem;margin:0.7rem 0;}.box h2{font-size:18px;}.box p,.box ul li{font-size:14px;}.box ul{width:90%;}.box a,.contact-form button{font-size:14px;padding:0.4rem 0.7rem;width:90%;}.last{flex-direction:column;gap:0.7rem;align-items:center;}.contact-form input,.contact-form textarea{font-size:1rem;padding:9px;}}@media (min-width:768px) and (max-width:1023px){h1{font-size:36px;}.flexbox{width:95%;padding:1.5rem;margin:1.5rem auto;}#title{font-size:24px;}#subtitle{width:80%;font-size:1.1rem;}.contact-table{flex-direction:column;gap:1.5rem;padding:0.5rem;}.box.space{flex-direction:row;order:2;}.box:not(.space){order:1;width:100%;}.box{width:100%;padding:1.5rem;}.box h2{font-size:22px;}.box p,.box ul li{font-size:15px;}.box ul{width:80%;}.box a,.contact-form button{font-size:15px;padding:0.5rem 0.7rem;width:80%;}.last{flex-direction:row;gap:1rem;align-items:center;}.contact-form input,.contact-form textarea{font-size:1.05rem;padding:10px;}}