/* =================================
   PAGE DESKTOP
================================= */

.page-layout{

    padding:60px 0;

    background:#f4f4f1;

}

.page-content-wrap{

    max-width:1200px;

    margin:0 auto;

    background:#fff;

    border-radius:12px;

    padding:50px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

}

.page-header{

    margin-bottom:35px;

    text-align:center;

}

.page-title{

    font-size:52px;

    font-weight:800;

    color:#111;

}

.page-featured{

    margin-bottom:40px;

}

.page-featured img{

    width:100%;

    border-radius:12px;

}

.page-content{

    max-width:900px;

    margin:0 auto;

    font-size:18px;

    line-height:1.9;

    color:#333;

}

.page-content p{

    margin-bottom:22px;

}

.page-content h2{

    margin-top:40px;

    margin-bottom:20px;

    color:#111;

}

.page-content h3{

    margin-top:30px;

    margin-bottom:15px;

}

.page-content ul{

    margin:20px 0 20px 25px;

    list-style:disc;

}

.page-content img{

    border-radius:10px;

    margin:25px auto;

}

.page-content table{

    width:100%;

    border-collapse:collapse;

    margin:30px 0;

}

.page-content td,
.page-content th{

    border:1px solid #ddd;

    padding:10px;

}

/* =================================
   TABLET
================================= */

@media(max-width:992px){

    .page-content-wrap{

        padding:35px;

    }

    .page-title{

        font-size:42px;

    }

}

/* =================================
   MOBILE
================================= */

@media(max-width:768px){

    .page-layout{

        padding:35px 0;

    }

    .page-content-wrap{

        padding:20px;

        border-radius:8px;

    }

    .page-title{

        font-size:32px;

    }

    .page-content{

        font-size:16px;

        line-height:1.8;

    }

}

/* =================================
   CONTACTS PAGE
================================= */

.contacts-page{

    max-width:1200px;

    margin:0 auto;

}

.contacts-header{

    text-align:center;

    margin-bottom:50px;

}

.contacts-header p{

    font-size:18px;

    color:#666;

}

/* =================================
   GRID
================================= */

.contacts-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:25px;

    margin-bottom:50px;

}

/* =================================
   CARD
================================= */

.contact-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

    transition:.3s;

}

.contact-card:hover{

    transform:translateY(-4px);

}

.contact-card h3{

    color:var(--green);

    margin-bottom:20px;

    font-size:24px;

}

.contact-card p{

    margin-bottom:15px;

    line-height:1.8;

}

.contact-card strong{

    color:#111;

}

.contact-card a{

    color:var(--green);

    text-decoration:none;

    font-weight:700;

}

/* =================================
   MAP
================================= */

.contact-map{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

}

.contact-map h2{

    text-align:center;

    margin-bottom:25px;

    color:#111;

}

.contact-map iframe{

    width:100%;

    height:500px;

    border:0;

    border-radius:12px;

}

/* =================================
   MOBILE
================================= */

@media(max-width:768px){

    .contacts-grid{

        grid-template-columns:1fr;

    }

    .contact-card{

        padding:20px;

    }

    .contact-map iframe{

        height:350px;

    }

}