@import url(./system.css?=0.2.6);
@import url(./layouts.css?=0.2.6);

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: poppins-bold; color: var(--color-text); line-height: 1.6; overflow-x: hidden; }
h1 { font-size: var(--fsize-8); color:black; font-weight: 600; font-family: poppins-bold;}
h2 { font-size: var(--fsize-7); color:black; font-weight: 600; font-family: poppins-bold;}
h3 { font-size: var(--fsize-6); color:black; font-weight: 600; font-family: poppins-medium;}
h4 { font-size: var(--fsize-5); color:black; font-weight: 500; font-family: poppins-medium;}
p { font-size: 1.2rem; line-height: 1.6; font-family: poppins-regular;}

html { scroll-behavior: smooth; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--color-bg2); }
::-webkit-scrollbar-thumb { background: var(--color-primary); }
::-webkit-scrollbar-thumb:hover { background: var(--color-accent); }

@font-face {
font-family: poppins-bold;
src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
font-family: poppins-medium;
src: url(../fonts/Poppins-Medium.ttf);
} 
@font-face {
font-family: poppins-regular;
src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
font-family: poppins-light;
src: url(../fonts/Poppins-light.ttf);
}

section { padding: 5rem 2rem }
@media (max-width:968px){
    section {padding: 5rem 0.5rem;}
}

.section-title-dark { text-align: center; color: white; text-transform: uppercase; font-weight: bold; }
.section-title-light { text-align: center; color: var(--color-primary); text-transform: uppercase; font-weight: bold; }

.btn { padding: var(--space-4) var(--space-8); border: none; border-radius: 0; font-size: var(--fsize-4); cursor: pointer; transition: all 0.3s ease; font-weight: 600; text-decoration: none; display: inline-block; text-transform: uppercase; letter-spacing: 1px; }
.btn-primary { background: var(--color-primary); color: white; border: 2px solid var(--color-primary); }
.btn-primary:hover { background: white; color: var(--color-primary); border: 2px solid white; }
.btn-outline { background: transparent; border: 2px solid var(--color-dark); color: var(--color-dark); }
.btn-outline:hover { background: var(--color-primary); color: var(--color-dark); }



.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.info-i hr {
    width: 100px;
    height: 0.3rem;
    background-color: var(--color-primary);
    border: none;
    margin-bottom: 2rem;
    border-radius: 2px;
}

@media (max-width:991px){
    .info-i hr {
    width: 100px;
    height: 0.3rem;
    background-color: var(--color-primary);
    border: none;
    margin: 0 auto;
    margin-bottom: 2rem;
    border-radius: 2px;
}

.text-list-text hr{
    width: 100px;
    height: 0.3rem;
    background-color: var(--color-primary);
    border: none;
    margin:0 auto;
}
}

.text-list-text hr{
    width: 100px;
    height: 0.3rem;
    background-color: var(--color-primary);
    border: none;
    margin:0 auto;
}

.text-list-text {
    text-align: center;
    margin-bottom: 2rem;
}