@media (max-width: 481px) {
  p {
    font-size: 16px;
  }
  .sub-header-text {
    font-size: 2rem;
  }
  .section {
    padding: 2rem 0rem;
  }
  .row {
    margin-right: calc(-.0 * var(--bs-gutter-x));
    margin-left: calc(-.0 * var(--bs-gutter-x));
  }
  button {
    border: none;
    outline: none;
  }
  header {
    background-color: white;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  header .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  header .navbar #title-logo-container {
    width: 100%;
    padding: 10px;
  }
  header .navbar .navbar-nav {
    background-color: #3f3c3c;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 4rem;
    margin-top: 0.1rem;
    display: none;
  }
  header .navbar .navbar-nav li {
    border: solid 1px #504e4e;
    text-align: center;
    margin: 0px;
    width: 100%;
  }
  header .navbar .navbar-nav li a {
    padding: 50px;
  }
  header .navbar #mobile-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  header .navbar #mobile-menu button {
    padding: 1.3rem;
  }
  #hero-section {
    background-color: rgba(65, 105, 225, 0);
    height: 100vh;
  }
  #hero-section .clip.a img {
    width: 100%;
  }
  #hero-section #intro-wrapper {
    height: 100vh;
  }
  #hero-section #intro-wrapper #grey-div {
    padding: 30px 10px;
    margin: 2rem;
  }
  #hero-section #intro-wrapper #grey-div #header-text {
    z-index: 90;
    font-size: 3rem;
    font-weight: bold;
  }
  #hero-section #intro-wrapper #grey-div .case-study-thumbnail {
    display: none;
    position: relative;
  }
  #hero-section #intro-wrapper #grey-div .case-study-thumbnail img {
    width: 50%;
    position: absolute;
    right: 4rem;
    margin-top: -3rem;
  }
  #hero-section .clip.b img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 20%;
  }
  #case-study-content-section {
    background-color: #00b6b600;
  }
  #case-study-content-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #case-study-content-section .case-study-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3rem 0rem;
  }
  #case-study-content-section .case-study-cover img {
    width: 60%;
  }
  #case-study-content-section .case-study-cover .btn-download {
    font-size: 1rem;
  }
  #case-study-content-section .case-study-cover .btn-download svg {
    width: 2rem;
    -webkit-filter: invert(9.5);
            filter: invert(9.5);
  }
  #case-study-content-section .case-study-content {
    background: #ff3c68;
    background: radial-gradient(circle, #ff3c68 0%, #ff7131 80%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding: 8rem 3rem 3rem 3rem;
  }
  #case-study-content-section .case-study-content .clip.c img {
    position: absolute;
    right: 0;
    top: 2rem;
    z-index: 0;
    width: 10rem;
  }
  #case-study-content-section .case-study-content #grey-shade {
    color: #4c4e54;
  }
  #case-study-content-section .case-study-content #black-shade {
    color: black;
  }
  #case-study-content-section .case-study-content .box {
    border: solid 4px black;
    width: 95%;
    padding: 40px;
  }
  #case-study-content-section .case-study-content .box p {
    color: #ffffff;
  }
  #statistics-section {
    background-image: url(../media_file/statistics-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  #statistics-section .percentage, #statistics-section .animation-percentage-container {
    padding: 0px;
    margin: 0px;
  }
  #statistics-section .percentage .percentage_box, #statistics-section .animation-percentage-container .percentage_box {
    width: 100%;
  }
  #statistics-section .percentage-additional-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0rem 0rem 0rem 2rem;
  }
  #statistics-section .percentage-additional-text div:nth-child(odd) {
    padding: 40px 10px;
    text-align: center;
  }
  #statistics-section .percentage-additional-text #line {
    height: 5px;
    width: 50%;
    margin: auto;
  }
  #related-case-study-section h2 {
    color: #4c4e54;
  }
  #related-case-study-section .box {
    border: solid 4px black;
    width: 100%;
    padding: 20px;
    text-align: center;
  }
  #related-case-study-section .box div {
    margin: 1rem;
  }
  #related-case-study-section .box div img {
    width: 60%;
  }
  #newsletter-subscription-section .input-group {
    padding-top: 05rem;
    margin-top: 50px;
    width: 90%;
    margin: auto;
  }
  #newsletter-subscription-section .input-group input[type=text] {
    height: 3rem;
    border-radius: 0px;
    outline: none;
  }
  #newsletter-subscription-section .input-group button {
    height: 3rem;
    background-color: #ff6f33;
    margin-left: -1px;
    border-radius: 0px;
  }
  #modal {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.836);
    position: fixed;
    top: 0;
    z-index: 100;
  }
  #modal .modal-container form {
    width: 100%;
  }
}
/*# sourceMappingURL=mobile.css.map */