/* =====================================================
   SEQUENT TOURS & TRAVELS
   FILE        : global.css
   VERSION     : 2.0
   DESCRIPTION : Global styles shared across the website.
                 Reset, Typography, Common Elements,
                 Utilities and Reusable Components.
===================================================== */


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

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


/* =====================================================
   HTML & BODY
===================================================== */

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    color:#222222;
    line-height:1.6;
    overflow-x:hidden;
}


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

h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:500;
    color:#222;
}

p{
    margin:0;
    color:#6B7280;
}

a{
    text-decoration:none;
    color:inherit;
}

img{
    max-width:100%;
    display:block;
}

button{
    border:none;
    background:none;
    cursor:pointer;
    font-family:inherit;
}

input,
textarea,
select{
    font-family:inherit;
}


/* =====================================================
   COMMON SECTION SPACING
===================================================== */

section{
    position:relative;
}


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

.container{
    width:90%;
    max-width:1280px;
    margin:auto;
}


/* =====================================================
   COMMON SECTION HEADER
===================================================== */

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:42px;

}

.section-header h2{

    font-size:34px;

    font-weight:500;

}


/* =====================================================
   COMMON VIEW ALL BUTTON
===================================================== */

.view-all{

    color:#D97706;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.view-all:hover{

    opacity:.75;

}


/* =====================================================
   COMMON BUTTON TRANSITION
===================================================== */

.btn{

    transition:.3s;

}


/* =====================================================
   COMMON CARD TRANSITION
===================================================== */

.card{

    transition:.3s;

}


/* =====================================================
   COMMON UTILITIES
===================================================== */

.text-center{

    text-align:center;

}

.d-flex{

    display:flex;

}

.align-center{

    align-items:center;

}

.justify-center{

    justify-content:center;

}