body{

margin:0;
font-family:'Montserrat', sans-serif;
background:#ffffff;
color:#111;

}


/* HEADER */

.header{

background:#000;
color:#fff;
text-align:center;
padding:30px 20px;

}

.logo{

width:200px;
display:block;
margin:auto;

}

.subtitle{

opacity:0.7;
margin-top:10px;
letter-spacing:1px;
font-size:14px;

}

nav{

margin-top:20px;

}

nav a{

margin:0 18px;
color:#bbb;
text-decoration:none;
font-size:14px;
font-weight:500;

}

nav a:hover{

color:#fff;

}


/* MAIN */

main{

max-width:1100px;
margin:auto;
padding:80px 20px 140px 20px;

}


/* MODULE */

.module{

display:flex;
align-items:center;
gap:50px;
margin:80px 0;

}

.module.right{

flex-direction:row-reverse;

}


/* IMAGE */

.image{

width:350px;
aspect-ratio:1/1;
overflow:hidden;

}

.image img{

width:100%;
height:100%;
object-fit:cover;
border-radius:8px;

}


/* TEXT */

.text{

flex:1;

}

.text h2{

margin-top:0;
font-size:30px;
font-weight:600;
margin-bottom:15px;

}

.text p{

line-height:1.6;
margin-bottom:12px;

}

ul{

padding-left:18px;

}


/* BUTTON */

.btn{

display:inline-block;
margin-top:20px;
padding:12px 22px;
background:#000;
color:#fff;
text-decoration:none;
border-radius:6px;

}

.btn:hover{

background:#333;

}


/* FOOTER */

.footer{

position:fixed;
bottom:0;
left:0;
width:100%;
background:#000;
padding:14px 0;

}

.contact{

display:flex;
justify-content:center;
gap:40px;

}

.contact a{

color:#fff;
text-decoration:none;
font-size:14px;

}

.contact i{

margin-right:8px;

}

.contact a:hover{

opacity:0.7;

}


/* MOBILE */

@media (max-width:900px){

.module{

flex-direction:column !important;
text-align:center;

}

.image{

width:100%;
max-width:400px;

}

}