body {
    font-family: inter !important;
    padding: 0 !important;
    margin: 0 !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

:root {
  --primary-color: #ea8207;
  --secondary-color: rgb(40, 167, 14);
  --text-main: rgb(24, 44, 71);
  --text-sub: #555;
}

/* BUTTONS & INTERACTION */
a, button {
    transition: all 0.3s ease-in-out;
}

.reveal {
    opacity: 1;
    & > * {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), 
                    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); 

        &.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

.calling-button {
    bottom: 50px;

}

/* SECTION FRAMEWORK */
.section {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.section-container {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;

    &.section-container-center {
        text-align: center;
    }
}


@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px;
  }
}