:root{--primary-color:#06023a;--secondary-color:#f7941d;--accent-color:#e7e7e7;--footer-bg-color:#242424;--footer-text-color:#fefefe;--text-color:#0f0f0f;--white:#fdfdfd}
*{box-sizing:border-box}
body{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--text-color);line-height:1.6}
img{max-width:100%;height:auto}
.container{margin:0 auto;max-width:1200px}
header{background-color:var(--primary-color);border-bottom:2px solid var(--accent-color);position:sticky;top:0;z-index:1000}
header .container{display:grid;grid-template-columns:350px auto;align-items:center;padding:1em}
.logo-img{width:300px;height:97px}
.main-nav ul{list-style:none;display:flex;gap:1em;justify-content:space-around}
.main-nav ul li a{text-decoration:none;color:var(--white);font-weight:bold;padding:1em;border-radius:5px;transition:background-color 0.3s ease}
.main-nav ul li a:hover{background-color:var(--secondary-color);color:var(--primary-color)}
main{background-color:var(--accent-color);padding:2em 0}
footer{background-color:var(--footer-bg-color);color:var(--footer-text-color)}
footer .container{display:grid;grid-template-columns:repeat(4,1fr);align-items:top;gap:2em;padding:2em 1em}
footer .container a{color:#fff;text-decoration:none}
footer .container a:hover{text-decoration:underline}
.socialmedia{display:flex;gap:1em;align-items:center;padding:1em}
.social-img-footer{width:50px;height:50px}
.logo-img-footer{width:100px;height:auto}
.hero{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:1em}
.hero img{grid-column:1 / 13;grid-row:1/6;width:100%;height:auto;opacity:0.7}
.hero h1{grid-column:1 / -1;justify-self:center;grid-row:1;font-size:3em;color:var(--white);z-index:1}
.hero p{grid-column:2 / 6;grid-row:2;font-size:1.5em;color:var(--white);font-weight:bold;z-index:1}
.cta-btn-1{grid-column:2 / 4;grid-row:3;width:100%}
.cta-btn-2{grid-column:5/7;grid-row:3;width:100%}
.cta-btn{padding:0.75em 1.5em;text-align:center;background-color:var(--secondary-color);color:var(--primary-color);text-decoration:none;font-weight:bold;border-radius:10px;transition:background-color 0.3s ease;z-index:1}
.cta-btn:hover{background-color:var(--primary-color);color:var(--secondary-color)}
.btn-msg{padding:0.75em 1.5em;background-color:var(--primary-color);color:var(--white);border:none;font-size:1em;font-weight:bold;cursor:pointer;border-radius:5px;transition:background-color 0.3s ease}
.btn-msg:hover{background-color:var(--secondary-color);color:var(--primary-color)}
.grid-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2em}
legend{font-size:1.2em;font-weight:bold;margin-bottom:0.5em}
.fieldset-contact{border:none;margin-bottom:1em;display:grid;grid-template-columns:max-content 1fr;gap:0.5em 1em}
.fieldset-contact label{margin-bottom:0.5em;font-weight:bold;grid-column:1 / 2}
.fieldset-contact input,.fieldset-contact textarea,.fieldset-contact select{grid-column:2/3;padding:0.5em;border:1px solid #ccc;border-radius:5px;font-size:1em;background-color:var(--white)}
.fieldset-contact input:focus,.fieldset-contact textarea:focus,.fieldset-contact select:focus{outline:none;background-color:#b2f5c6;border-color:var(--secondary-color);box-shadow:0 0 5px rgba(247,148,29,0.5)}
.fieldset-contact textarea{resize:vertical}