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

*{

    margin:0;
    padding:0;

    box-sizing:border-box;
}

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

:root{

    --primary:#E14514;
    --green:#35753D;
    --dark:#07110C;
    --white:#ffffff;
    --text:#5f5f5f;
    --bg:#f5f7f5;
}

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

html{

    scroll-behavior:smooth;
}

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

body{

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

    background:#fff;

    color:#111;

    
}

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

a{

    text-decoration:none;

    transition:.3s ease;
}

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

img{

    max-width:100%;

    display:block;
}

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

.btn-primary{

    background:var(--primary);

    color:#fff;

    padding:
    18px
    34px;

    border-radius:50px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    font-weight:700;

    border:none;

    cursor:pointer;

    transition:.3s ease;
}

.btn-primary:hover{

    transform:translateY(-3px);

    background:#c63a0f;
}

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

.btn-outline{

    border:2px solid rgba(255,255,255,.7);

    color:#fff;

    padding:
    18px
    34px;

    border-radius:50px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    font-weight:700;

    transition:.3s ease;
}

.btn-outline:hover{

    background:#fff;

    color:#000;
}

/* ======================================== */
/* PAGE SYSTEM */
/* ======================================== */

.page-section{

    display:none;
}

.active-page{

    display:block;
}

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

.container{

    width:min(1280px,92%);

    margin:auto;
}

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

.section-space{

    padding:
    120px
    0;
}

/* ======================================== */
/* TITLE GLOBAL */
/* ======================================== */

.section-title{

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

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:900;

    color:#111;
}

/* ======================================== */
/* TEXT GLOBAL */
/* ======================================== */

.section-text{

    font-size:clamp(15px,2vw,20px);

    line-height:1.8;

    color:var(--text);
}

/* ======================================== */
/* TAG */
/* ======================================== */

.section-tag{

    display:inline-block;

    color:var(--primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:4px;

    margin-bottom:24px;
}

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

.btn-primary,
.btn-outline{

    min-height:52px;
}
/* ======================================== */
/* WHATSAPP */
/* ======================================== */


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

::-webkit-scrollbar{

    width:10px;
}

::-webkit-scrollbar-track{

    background:#f1f1f1;
}

::-webkit-scrollbar-thumb{

    background:var(--green);

    border-radius:20px;
}
/* ========================================
GLOBAL FIX
======================================== */

html,
body{

    overflow-x:hidden;
}
/* ========================================
LAPTOP
======================================== */

@media(max-width:1400px){

.section-space{

    padding:
    100px
    0;
}

}

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

@media(max-width:992px){

.section-space{

    padding:
    90px
    0;
}

.section-title{

    line-height:1.08;
}

}

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

@media(max-width:768px){

.container{

    width:92%;
}

.section-space{

    padding:
    80px
    0;
}

.section-tag{

    font-size:12px;

    letter-spacing:3px;
}

.btn-primary,
.btn-outline{

    padding:
    14px
    24px;

    font-size:14px;
}

}

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

@media(max-width:576px){

.section-space{

    padding:
    70px
    0;
}

}