/*==================================================
GLOBAL CSS
==================================================*/

body{

    font-family:var(--body);

    font-size:16px;

    line-height:1.8;

    color:var(--text);

    background:var(--white);

    overflow-x:hidden;

}

.container{

    width:min(92%,var(--container));

    margin:auto;

}

section{

    position:relative;

    padding:110px 0;

}

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:var(--heading);

    color:var(--dark);

    line-height:1.2;

    font-weight:700;

}

h1{

    font-size:clamp(2.8rem,5vw,4.8rem);

}

h2{

    font-size:clamp(2rem,4vw,3.2rem);

}

h3{

    font-size:1.5rem;

}

p{

    margin-top:20px;

    color:var(--text);

}

img{

    border-radius:18px;

}

body::-webkit-scrollbar{

    width:12px;

}

body::-webkit-scrollbar-track{

    background:#eef3ee;

}

body::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:20px;

}

body::-webkit-scrollbar-thumb:hover{

    background:var(--primary-dark);

}










/*==================================================
BACK TO TOP
==================================================*/

.back-to-top{

position:fixed;

right:25px;

bottom:25px;

width:52px;

height:52px;

border:none;

border-radius:50%;

background:var(--primary);

color:#fff;

cursor:pointer;

display:grid;

place-items:center;

opacity:0;

visibility:hidden;

transform:translateY(20px);

transition:var(--transition);

z-index:999;

}

.back-to-top.show{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.back-to-top:hover{

background:var(--primary-dark);

transform:translateY(-5px);

}