@font-face {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/DidactGothic-Regular.woff2") format("woff2");
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins-Bold.woff2") format("woff2");
}


@font-face {
    font-family: 'Poppins no bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins-Regular.ttf") format("woff2");
}


:root {
    --color-intellisphere: #1f1f1e;
    --color-text-gold: #dab47e;
}

html, body{
    overflow-x: hidden;
}


.didact-font {
    font-family: 'Didact Gothic', 'Courier New', monospace;
}

.poppins-font {
    font-family: 'Poppins', 'Courier New', monospace;
}

h1,
h2,
h3,
h4,
h5,
div {
    font-family: 'Poppins', 'Courier New', monospace;
}

span {
    font-family: 'Poppins no bold', 'Courier New', monospace;
}

p, .footer-mail {
    font-family: 'Didact Gothic', 'Courier New', monospace;
}


.home-header-bg {
    background: url('../imgs/home-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    align-items: center; /*Vertical alignment */
    justify-content: left; /* Horizontal alignment */
    text-align: left; /* Ensures text aligns centrally in the block */
}

.expertise-bg {
    background: url('../imgs/bg-expertise.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.arrow-down-notch {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 90%,
    55% 90%,
    50% 95%,
    45% 90%,
    0 90%
  );
}

.stage-info-2 {
  position: relative;
  left: -30px; /* initial offset */
  opacity: 0;
}