*,
*::before,
*::after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font: inherit; /* Inherit font settings from parent elements */
}

/* Better Layout control */
html,
body {
   height: 100%;
   scroll-behavior: smooth; /* Smooth scrolling */
   text-rendering: optimizeSpeed; /* Optimize text rendering */
}

ul,
ol {
   list-style: none;
   padding-left: 0;
}

img {
   max-width: 100%; /* Make images responsive */
   display: block; /* Remove extra space below image */
}

a,
a:visited,
a:active {
   text-decoration: none; /* Remove underline */
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
   margin-block-end: 0; /* Remove extra space below elements */
}

/* Util Classes */
.section-title {
   color: var(--secondary-color);
   font-family: var(--ff-header);
   font-size: 2rem;
   font-weight: bold;
   margin-bottom: 1.5rem;

   /* outline: 1px solid gray; */
}

.section-text {
   font-family: var(--ff-text);
   font-size: 1rem;
   text-align: justify;
   line-height: 1.5;

   /* outline: 1px solid gray; */
}