/* Root */
html, body {
    font-family: 'Poppins', sans-serif;
    /* scroll-snap-type: y proximity; */
}

/* Common */

.container {
    /* scroll-snap-align: start; */
}
.parallax {
    transform-style: preserve-3d;
}

.parallax .parallax-child {
    transform: translateZ(20px);
}

.gradient {
    background: #ff512f; /* fallback for old browsers */
    background: -webkit-linear-gradient(
        to right,
        #f09819,
        #ff512f
    ); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
        to right,
        #f09819,
        #ff512f
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Common */

/* Landing */
.tilt-shape-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.tilt-shape-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 200px;
    transform: rotateY(180deg);
}
/* Landing */

/* Footer */

.tilt-shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.tilt-shape-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 200px;
}

.hvr-underline-from-center::before {
    background: white;
}

/* Footer */