/*
=========================================================
BOOSTPME HOTEL PREMIUM FRAMEWORK V2
MAIN.CSS
=========================================================
*/

:root{

    --gold:#B68C52;
    --gold-hover:#9D7442;

    --dark:#1F1F1F;
    --white:#FFFFFF;

    --light:#F8F6F2;
    --sand:#EFE7DD;

    --text:#666666;

    --container:1320px;

    --radius:22px;

    --transition:.35s ease;

}

/*==================================================
RESET
==================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--light);

    color:var(--text);

    font-family:'Poppins',sans-serif;

    line-height:1.8;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

}

/*==================================================
TYPOGRAPHY
==================================================*/

h1,
h2,
h3,
h4{

    font-family:"Cormorant Garamond",serif;

    color:var(--dark);

    font-weight:600;

    line-height:1.15;

}

h1{

    font-size:clamp(58px,6vw,82px);

}

h2{

    font-size:clamp(40px,5vw,64px);

}

h3{

    font-size:32px;

}

p{

    font-size:18px;

    color:var(--text);

}

a{

    text-decoration:none;

    color:inherit;

}

/*==================================================
IMAGES
==================================================*/

img{

    display:block;

    width:100%;

    height:auto;

}

/*==================================================
LAYOUT
==================================================*/

.container{

    width:min(92%,1320px);

    margin:auto;

}

section{

    position:relative;

    padding:140px 0;

}

/* alternance des fonds */

section:nth-child(even){

    background:#FFFFFF;

}

section:nth-child(odd){

    background:#F8F6F2;

}

/*==================================================
BOUTONS
==================================================*/

.btn-gold{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 44px;

    border-radius:999px;

    background:var(--gold);

    color:#fff;

    font-weight:600;

    transition:all .35s ease;

}

.btn-gold:hover{

    background:var(--gold-hover);

    transform:translateY(-3px);

}

/*==================================================
SECTION TITLE
==================================================*/

.section-title{

    text-align:center;

    width:min(760px,90%);

    margin:0 auto 80px;

}

.section-title span{

    display:block;

    color:var(--gold);

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:13px;

    margin-bottom:15px;

    font-weight:600;

}

.section-title h2{

    margin-bottom:22px;

}

.section-title p{

    font-size:18px;

    line-height:1.9;

}

/*==================================================
GLOBAL SHADOW
==================================================*/

.card{

    background:#fff;

    border-radius:22px;

    box-shadow:

    0 20px 60px rgba(0,0,0,.08);

}

/*==================================================
SELECTION
==================================================*/

::selection{

    background:var(--gold);

    color:#fff;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:992px){

section{

padding:110px 0;

}

}

@media(max-width:768px){

body{

font-size:16px;

}

section{

padding:90px 0;

}

p{

font-size:16px;

}

}

@media(max-width:480px){

section{

padding:70px 0;

}

}