/*======================================
        HOTEL MAHANANDA
        MASTER STYLESHEET V1.0
======================================*/

/*======================================
        GOOGLE FONTS
======================================*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/*======================================
        ROOT COLORS
======================================*/

:root{

    --primary:#D4AF37;
    --secondary:#ffffff;
    --dark:#111111;
    --dark-light:#1A1A1A;
    --text:#F5F5F5;
    --text-light:#CFCFCF;
    --border:rgba(255,255,255,.08);

    --shadow:0 15px 40px rgba(0,0,0,.35);

    --radius:20px;

    --transition:.4s ease;

}

/*======================================
        HTML
======================================*/

html{

    scroll-behavior:smooth;

}

/*======================================
        BODY
======================================*/

body{

    font-family:'Poppins',sans-serif;
    background:var(--dark);
    color:var(--text);
    overflow-x:hidden;
    line-height:1.7;

}

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

img{

    max-width:100%;
    display:block;

}

/*======================================
        LINKS
======================================*/

a{

    text-decoration:none;
    color:inherit;

}

/*======================================
        BUTTON
======================================*/

button{

    border:none;
    outline:none;
    cursor:pointer;
    font-family:inherit;

}

/*======================================
        LIST
======================================*/

ul{

    list-style:none;

}

/*======================================
        CONTAINER
======================================*/

.container{

    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 40px;

}

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

section{

    position:relative;
    width:100%;

}

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

.section-title{

    text-align:center;
    margin-bottom:70px;

}

.section-title span{

    display:inline-block;
    color:var(--primary);
    letter-spacing:5px;
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:12px;

}

.section-title h2{

    font-family:'Cinzel',serif;
    font-size:48px;
    font-weight:700;
    margin-bottom:18px;

}

.section-title h2 span{

    color:var(--primary);
    letter-spacing:normal;
    font-size:inherit;
    text-transform:none;

}

.section-title p{

    max-width:760px;
    margin:auto;
    color:var(--text-light);
    font-size:17px;
    line-height:1.9;

}

/*======================================
        PRIMARY BUTTON
======================================*/

.btn-primary{

    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:220px;
    height:56px;

    background:var(--primary);
    color:#111;

    border-radius:50px;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(212,175,55,.35);

}

/*======================================
        OUTLINE BUTTON
======================================*/

.btn-outline{

    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:220px;
    height:56px;

    border:2px solid var(--primary);

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:var(--transition);

}

.btn-outline:hover{

    background:var(--primary);
    color:#111;

}

/*======================================
        SCROLLBAR
======================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#111;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);
    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#e3c457;

}