/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/
.m-t-0 {
  margin-top: 0px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.m-t-12 {
  margin-top: 12px !important; }

.p-t-12 {
  padding-top: 12px !important; }

.m-b-12 {
  margin-bottom: 12px !important; }

.p-b-12 {
  padding-bottom: 12px !important; }

.m-l-12 {
  margin-left: 12px !important; }

.p-l-12 {
  padding-left: 12px !important; }

.m-r-12 {
  margin-right: 12px !important; }

.p-r-12 {
  padding-right: 12px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.m-t-16 {
  margin-top: 16px !important; }

.p-t-16 {
  padding-top: 16px !important; }

.m-b-16 {
  margin-bottom: 16px !important; }

.p-b-16 {
  padding-bottom: 16px !important; }

.m-l-16 {
  margin-left: 16px !important; }

.p-l-16 {
  padding-left: 16px !important; }

.m-r-16 {
  margin-right: 16px !important; }

.p-r-16 {
  padding-right: 16px !important; }

.m-t-18 {
  margin-top: 18px !important; }

.p-t-18 {
  padding-top: 18px !important; }

.m-b-18 {
  margin-bottom: 18px !important; }

.p-b-18 {
  padding-bottom: 18px !important; }

.m-l-18 {
  margin-left: 18px !important; }

.p-l-18 {
  padding-left: 18px !important; }

.m-r-18 {
  margin-right: 18px !important; }

.p-r-18 {
  padding-right: 18px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.m-t-24 {
  margin-top: 24px !important; }

.p-t-24 {
  padding-top: 24px !important; }

.m-b-24 {
  margin-bottom: 24px !important; }

.p-b-24 {
  padding-bottom: 24px !important; }

.m-l-24 {
  margin-left: 24px !important; }

.p-l-24 {
  padding-left: 24px !important; }

.m-r-24 {
  margin-right: 24px !important; }

.p-r-24 {
  padding-right: 24px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.m-t-32 {
  margin-top: 32px !important; }

.p-t-32 {
  padding-top: 32px !important; }

.m-b-32 {
  margin-bottom: 32px !important; }

.p-b-32 {
  padding-bottom: 32px !important; }

.m-l-32 {
  margin-left: 32px !important; }

.p-l-32 {
  padding-left: 32px !important; }

.m-r-32 {
  margin-right: 32px !important; }

.p-r-32 {
  padding-right: 32px !important; }

.m-t-34 {
  margin-top: 34px !important; }

.p-t-34 {
  padding-top: 34px !important; }

.m-b-34 {
  margin-bottom: 34px !important; }

.p-b-34 {
  padding-bottom: 34px !important; }

.m-l-34 {
  margin-left: 34px !important; }

.p-l-34 {
  padding-left: 34px !important; }

.m-r-34 {
  margin-right: 34px !important; }

.p-r-34 {
  padding-right: 34px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.m-t-36 {
  margin-top: 36px !important; }

.p-t-36 {
  padding-top: 36px !important; }

.m-b-36 {
  margin-bottom: 36px !important; }

.p-b-36 {
  padding-bottom: 36px !important; }

.m-l-36 {
  margin-left: 36px !important; }

.p-l-36 {
  padding-left: 36px !important; }

.m-r-36 {
  margin-right: 36px !important; }

.p-r-36 {
  padding-right: 36px !important; }

.m-t-38 {
  margin-top: 38px !important; }

.p-t-38 {
  padding-top: 38px !important; }

.m-b-38 {
  margin-bottom: 38px !important; }

.p-b-38 {
  padding-bottom: 38px !important; }

.m-l-38 {
  margin-left: 38px !important; }

.p-l-38 {
  padding-left: 38px !important; }

.m-r-38 {
  margin-right: 38px !important; }

.p-r-38 {
  padding-right: 38px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.m-t-48 {
  margin-top: 48px !important; }

.p-t-48 {
  padding-top: 48px !important; }

.m-b-48 {
  margin-bottom: 48px !important; }

.p-b-48 {
  padding-bottom: 48px !important; }

.m-l-48 {
  margin-left: 48px !important; }

.p-l-48 {
  padding-left: 48px !important; }

.m-r-48 {
  margin-right: 48px !important; }

.p-r-48 {
  padding-right: 48px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.m-t-56 {
  margin-top: 56px !important; }

.p-t-56 {
  padding-top: 56px !important; }

.m-b-56 {
  margin-bottom: 56px !important; }

.p-b-56 {
  padding-bottom: 56px !important; }

.m-l-56 {
  margin-left: 56px !important; }

.p-l-56 {
  padding-left: 56px !important; }

.m-r-56 {
  margin-right: 56px !important; }

.p-r-56 {
  padding-right: 56px !important; }

.m-t-58 {
  margin-top: 58px !important; }

.p-t-58 {
  padding-top: 58px !important; }

.m-b-58 {
  margin-bottom: 58px !important; }

.p-b-58 {
  padding-bottom: 58px !important; }

.m-l-58 {
  margin-left: 58px !important; }

.p-l-58 {
  padding-left: 58px !important; }

.m-r-58 {
  margin-right: 58px !important; }

.p-r-58 {
  padding-right: 58px !important; }

.m-t-60 {
  margin-top: 60px !important; }

.p-t-60 {
  padding-top: 60px !important; }

.m-b-60 {
  margin-bottom: 60px !important; }

.p-b-60 {
  padding-bottom: 60px !important; }

.m-l-60 {
  margin-left: 60px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.m-t-64 {
  margin-top: 64px !important; }

.p-t-64 {
  padding-top: 64px !important; }

.m-b-64 {
  margin-bottom: 64px !important; }

.p-b-64 {
  padding-bottom: 64px !important; }

.m-l-64 {
  margin-left: 64px !important; }

.p-l-64 {
  padding-left: 64px !important; }

.m-r-64 {
  margin-right: 64px !important; }

.p-r-64 {
  padding-right: 64px !important; }

.m-t-68 {
  margin-top: 68px !important; }

.p-t-68 {
  padding-top: 68px !important; }

.m-b-68 {
  margin-bottom: 68px !important; }

.p-b-68 {
  padding-bottom: 68px !important; }

.m-l-68 {
  margin-left: 68px !important; }

.p-l-68 {
  padding-left: 68px !important; }

.m-r-68 {
  margin-right: 68px !important; }

.p-r-68 {
  padding-right: 68px !important; }

.m-t-75 {
  margin-top: 75px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.m-t-80 {
  margin-top: 80px !important; }

.p-t-80 {
  padding-top: 80px !important; }

.m-b-80 {
  margin-bottom: 80px !important; }

.p-b-80 {
  padding-bottom: 80px !important; }

.m-l-80 {
  margin-left: 80px !important; }

.p-l-80 {
  padding-left: 80px !important; }

.m-r-80 {
  margin-right: 80px !important; }

.p-r-80 {
  padding-right: 80px !important; }

.m-t-85 {
  margin-top: 85px !important; }

.p-t-85 {
  padding-top: 85px !important; }

.m-b-85 {
  margin-bottom: 85px !important; }

.p-b-85 {
  padding-bottom: 85px !important; }

.m-l-85 {
  margin-left: 85px !important; }

.p-l-85 {
  padding-left: 85px !important; }

.m-r-85 {
  margin-right: 85px !important; }

.p-r-85 {
  padding-right: 85px !important; }

.m-t-88 {
  margin-top: 88px !important; }

.p-t-88 {
  padding-top: 88px !important; }

.m-b-88 {
  margin-bottom: 88px !important; }

.p-b-88 {
  padding-bottom: 88px !important; }

.m-l-88 {
  margin-left: 88px !important; }

.p-l-88 {
  padding-left: 88px !important; }

.m-r-88 {
  margin-right: 88px !important; }

.p-r-88 {
  padding-right: 88px !important; }

.m-t-90 {
  margin-top: 90px !important; }

.p-t-90 {
  padding-top: 90px !important; }

.m-b-90 {
  margin-bottom: 90px !important; }

.p-b-90 {
  padding-bottom: 90px !important; }

.m-l-90 {
  margin-left: 90px !important; }

.p-l-90 {
  padding-left: 90px !important; }

.m-r-90 {
  margin-right: 90px !important; }

.p-r-90 {
  padding-right: 90px !important; }

.m-t-95 {
  margin-top: 95px !important; }

.p-t-95 {
  padding-top: 95px !important; }

.m-b-95 {
  margin-bottom: 95px !important; }

.p-b-95 {
  padding-bottom: 95px !important; }

.m-l-95 {
  margin-left: 95px !important; }

.p-l-95 {
  padding-left: 95px !important; }

.m-r-95 {
  margin-right: 95px !important; }

.p-r-95 {
  padding-right: 95px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

.m-t-140 {
  margin-top: 140px !important; }

.p-t-140 {
  padding-top: 140px !important; }

.m-b-140 {
  margin-bottom: 140px !important; }

.p-b-140 {
  padding-bottom: 140px !important; }

.m-l-140 {
  margin-left: 140px !important; }

.p-l-140 {
  padding-left: 140px !important; }

.m-r-140 {
  margin-right: 140px !important; }

.p-r-140 {
  padding-right: 140px !important; }

.m-t-150 {
  margin-top: 150px !important; }

.p-t-150 {
  padding-top: 150px !important; }

.m-b-150 {
  margin-bottom: 150px !important; }

.p-b-150 {
  padding-bottom: 150px !important; }

.m-l-150 {
  margin-left: 150px !important; }

.p-l-150 {
  padding-left: 150px !important; }

.m-r-150 {
  margin-right: 150px !important; }

.p-r-150 {
  padding-right: 150px !important; }

.m-t-175 {
  margin-top: 175px !important; }

.p-t-175 {
  padding-top: 175px !important; }

.m-b-175 {
  margin-bottom: 175px !important; }

.p-b-175 {
  padding-bottom: 175px !important; }

.m-l-175 {
  margin-left: 175px !important; }

.p-l-175 {
  padding-left: 175px !important; }

.m-r-175 {
  margin-right: 175px !important; }

.p-r-175 {
  padding-right: 175px !important; }

.m-t-200 {
  margin-top: 200px !important; }

.p-t-200 {
  padding-top: 200px !important; }

.m-b-200 {
  margin-bottom: 200px !important; }

.p-b-200 {
  padding-bottom: 200px !important; }

.m-l-200 {
  margin-left: 200px !important; }

.p-l-200 {
  padding-left: 200px !important; }

.m-r-200 {
  margin-right: 200px !important; }

.p-r-200 {
  padding-right: 200px !important; }

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/
@font-face {
  font-family: source-sans-pro;
  src: url("../fonts/SourceSansPro-Regular.otf") format("opentype");
  font-display: swap; }
@font-face {
  font-family: source-sans-pro;
  src: url("../fonts/SourceSansPro-Regular.otf") format("opentype");
  font-display: swap; }
html {
  scroll-behavior: smooth;
  font-size: 14px; }

body {
  font-family: source-sans-pro;
  color: #585F64;
  max-width: 100vw;
  overflow-x: hidden;
  line-height: 1.3; }

a {
  text-decoration: none !important; }

.navbar-container {
  position: fixed;
  width: 100%;
  z-index: 10000000000;
  top: 0;
  left: 0; }
  .navbar-container .d-flex {
    justify-content: space-around;
    width: 100%; }
  .navbar-container .menu-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    transition: all 0.8s ease-out;
    transform: translateY(-100%);
    background-color: #6A3F6E;
    padding-top: 6rem;
    padding-bottom: 2rem;
    z-index: 1000; }
    .navbar-container .menu-container.active {
      transform: translateY(0); }
    .navbar-container .menu-container .menu-list {
      color: #FFFFFF;
      font-size: 1.1rem;
      padding: 0.5rem;
      padding-left: 1rem;
      position: relative;
      text-decoration: none; }
      .navbar-container .menu-container .menu-list span {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../image/core/active.svg);
        opacity: 0;
        height: 100%;
        width: 0.7rem;
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        transition: all 0.3s ease-out; }
      .navbar-container .menu-container .menu-list.active {
        color: #E4C04B; }
        .navbar-container .menu-container .menu-list.active span {
          opacity: 1; }
      .navbar-container .menu-container .menu-list:hover span {
        opacity: 1; }

section {
  max-width: 100vw;
  overflow-x: hidden; }
  section.overflow-unset {
    overflow-x: clip;
    max-width: unset; }

nav {
  position: relative;
  z-index: 10000;
  min-height: 4.2rem; }
  nav .menu {
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    background-color: #6A3F6E;
    padding: 1.4rem 2rem; }
  nav .logo-image {
    width: 10rem;
    object-fit: contain; }
  nav .logo-image-1 {
    object-fit: contain;
    height: 2.7rem;
    margin-left: 1.2rem;
    margin-top: 4px; }

@media (min-width: 768px) {
  .container.wide {
    max-width: calc(100vw - 25px); } }
@media (max-width: 767.99px) {
  .container.wide {
    max-width: calc(100vw - 15px); }

  footer .text-end {
    display: none; }

  nav .logo-image {
    width: 8rem; }
  nav .logo-image-1 {
    height: 2.2rem;
    margin-top: 0; } }
@media (min-width: 1200px) {
  .container.wide {
    max-width: calc(100vw - 220px); } }
@media (max-width: 1500px) {
  html {
    font-size: 13px; } }
@media (max-width: 1100px) {
  html {
    font-size: 11px; } }
@media (min-width: 1801px) {
  html {
    font-size: 16px; } }
@media (min-width: 2200px) {
  html {
    font-size: 18px; } }
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 100;
  opacity: 1;
  transition: all 0.6s ease-out; }
  .loader.inactive {
    opacity: 0;
    z-index: -100; }

.bg-red {
  background-color: #CD163F; }

.bg-grey {
  background-color: #C2C2C2; }

.bg-purple {
  background-color: #6A3F6E; }

.bg-cerulean {
  background-color: #00437B; }

.bg-blue {
  background-color: #6BB5B2; }

.text-red {
  color: #CD163F; }

.text-white {
  color: #FFFFFF; }

.text-purple {
  color: #6A3F6E; }

.text-black {
  color: #000000; }

.text-yellow {
  color: #CCC2AD; }

.zero-opacity {
  opacity: 0 !important; }

.one-opacity {
  opacity: 1 !important; }

.mw-25 {
  max-width: 25%; }

.mw-20 {
  max-width: 20%; }

.w-33 {
  width: 33.33%; }

.mt-42 {
  margin-top: 4.2rem; }

footer {
  background-color: #585F64;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 26px; }
  footer a {
    color: #FFFFFF;
    transition: all 0.5s ease-out;
    font-size: 1.8rem;
    background: #6A3F6E;
    padding: 16px;
    position: absolute;
    bottom: 0;
    z-index: 10000; }
    footer a:hover {
      color: #aaa; }
  footer .text-end {
    position: absolute;
    right: 20px;
    bottom: 18px; }

@media (max-width: 1100px) {
  .mw-20, .mw-25, .w-33 {
    width: 50%;
    max-width: 50%; }

  section .mdd-section-1 .banner-section .text-container .content {
    width: 100% !important; }
    section .mdd-section-1 .banner-section .text-container .content .arrow {
      padding-left: 3rem !important; }

  section .mdd-section-1 .banner-section .text-container .footer {
    padding-left: 3rem; }

  section .mdd-section-2 .chart-container .chart .content .col-lg-8 {
    min-height: 21rem !important; }

  section .mdd-section-2 .chart-container .chart .content .text {
    margin-bottom: 3rem; }

  section .mdd-section-3 .summary-section .box-container .box .content-2 {
    padding-right: 0 !important; }

  section .mdd-section-3 .summary-section .box-container.box-container-3:nth-child(3) {
    width: 100% !important;
    max-width: 100% !important; }

  .header-container .menu-container .menu-list {
    font-size: 1.3rem; } }
section .mdd-section-1 .banner-section {
  background-image: url("../image/cdd/bg-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  section .mdd-section-1 .banner-section .text-container {
    display: flex;
    flex-direction: row-reverse; }
    section .mdd-section-1 .banner-section .text-container .content {
      width: 35%; }
      section .mdd-section-1 .banner-section .text-container .content .arrow {
        margin: 4rem 0;
        background: rgba(0, 67, 123, 0.6);
        padding: 3rem 3rem 3rem 0rem;
        position: relative;
        transform: translateX(10rem);
        opacity: 0;
        transition: all 1.3s ease-out;
        transition-delay: 350ms;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 64vh; }
        section .mdd-section-1 .banner-section .text-container .content .arrow.on-animate {
          transform: translateX(0);
          opacity: 1; }
        section .mdd-section-1 .banner-section .text-container .content .arrow:before {
          content: "";
          position: absolute;
          top: 0;
          height: 100%;
          width: 50%;
          background-image: url(../image/mdd/left-arrow.svg);
          background-repeat: no-repeat;
          right: 100%;
          background-position: calc(100% + 1px);
          background-size: contain;
          opacity: 0.6; }
        section .mdd-section-1 .banner-section .text-container .content .arrow .header {
          font-size: 3.2rem;
          margin-bottom: 1rem;
          opacity: 0;
          transform: translateX(5rem);
          transition: all 1.3s ease-out;
          transition-delay: 700ms; }
          section .mdd-section-1 .banner-section .text-container .content .arrow .header.on-animate {
            opacity: 1;
            transform: translateX(0); }
        section .mdd-section-1 .banner-section .text-container .content .arrow .text {
          font-size: 1.3rem;
          opacity: 0;
          transition: all 1.3s ease-out;
          transition-delay: 900ms;
          transform: translateX(5rem); }
          section .mdd-section-1 .banner-section .text-container .content .arrow .text.on-animate {
            opacity: 1;
            transform: translateX(0); }
    section .mdd-section-1 .banner-section .text-container .footer {
      font-size: 1rem;
      margin-bottom: 3rem;
      padding-right: 4rem;
      opacity: 0;
      transition: all 1.3s ease-out;
      transition-delay: 1s; }
      section .mdd-section-1 .banner-section .text-container .footer.on-animate {
        opacity: 1; }
section .mdd-section-2 .chart-container .chart {
  margin-top: 1rem;
  transition: all 1.3s ease-out; }
  section .mdd-section-2 .chart-container .chart .title {
    font-size: 2rem; }
  section .mdd-section-2 .chart-container .chart .content {
    font-size: 1.6rem;
    color: #585F64;
    transition: all 1.3s ease-out; }
    section .mdd-section-2 .chart-container .chart .content .text {
      opacity: 0;
      transform: translateX(10rem);
      transition: all 1.3s ease-out; }
      section .mdd-section-2 .chart-container .chart .content .text.on-animate {
        opacity: 1;
        transform: translateX(0); }
section .mdd-section-3 .summary-section {
  display: flex;
  flex-wrap: wrap;
  overflow: clip; }
  section .mdd-section-3 .summary-section .box-container {
    z-index: -1; }
    section .mdd-section-3 .summary-section .box-container .box {
      min-height: 50vh;
      display: flex;
      flex-direction: column-reverse;
      justify-content: end;
      padding: 1rem 2.5rem 1rem 1.5rem;
      height: 100%;
      transform: scale(0.8);
      transition: all 1.3s ease-out;
      transition-delay: 300ms; }
      section .mdd-section-3 .summary-section .box-container .box .content-1 {
        padding-right: 30%; }
        section .mdd-section-3 .summary-section .box-container .box .content-1 .stats {
          display: flex;
          flex-direction: row; }
          section .mdd-section-3 .summary-section .box-container .box .content-1 .stats h5 {
            font-size: 2rem;
            font-weight: bold;
            margin-right: 0.5rem;
            margin-bottom: 0.1rem; }
          section .mdd-section-3 .summary-section .box-container .box .content-1 .stats p {
            margin-bottom: 0.1rem;
            font-size: 0.9rem; }
          section .mdd-section-3 .summary-section .box-container .box .content-1 .stats .operator {
            font-size: 2rem;
            font-weight: bold;
            margin-right: 0.5rem; }
      section .mdd-section-3 .summary-section .box-container .box .content-2 {
        padding-right: 30%; }
        section .mdd-section-3 .summary-section .box-container .box .content-2 .stats {
          display: flex;
          flex-direction: row; }
          section .mdd-section-3 .summary-section .box-container .box .content-2 .stats h5 {
            font-size: 3rem;
            font-weight: bold;
            margin-right: 0.5rem;
            margin-bottom: 0.1rem; }
          section .mdd-section-3 .summary-section .box-container .box .content-2 .stats p {
            margin-bottom: 0.1rem;
            font-size: 1.3rem; }
          section .mdd-section-3 .summary-section .box-container .box .content-2 .stats .operator {
            font-size: 2.5rem;
            font-weight: bold;
            margin-right: 0.5rem; }
        section .mdd-section-3 .summary-section .box-container .box .content-2 h4 {
          font-size: 4.5rem;
          font-weight: bold; }
        section .mdd-section-3 .summary-section .box-container .box .content-2 h6 {
          font-size: 1.5rem;
          font-weight: bold; }
      section .mdd-section-3 .summary-section .box-container .box .image-container {
        margin-top: 6rem; }
    section .mdd-section-3 .summary-section .box-container.box-container-1 {
      opacity: 0;
      transform: translateY(30vh);
      transition: all 1.3s ease-out; }
      section .mdd-section-3 .summary-section .box-container.box-container-1.on-animate {
        transform: translateY(0);
        opacity: 1; }
        section .mdd-section-3 .summary-section .box-container.box-container-1.on-animate .box {
          transform: scale(1); }
    section .mdd-section-3 .summary-section .box-container.box-container-2 {
      opacity: 0;
      transform: translateY(30vh);
      transition: all 1.3s ease-out;
      transition-delay: 200ms; }
      section .mdd-section-3 .summary-section .box-container.box-container-2.on-animate {
        transform: translateY(0);
        opacity: 1; }
        section .mdd-section-3 .summary-section .box-container.box-container-2.on-animate .box {
          transform: scale(1); }
    section .mdd-section-3 .summary-section .box-container.box-container-3 {
      opacity: 0;
      transform: translateY(30vh);
      transition: all 1.3s ease-out;
      transition-delay: 400ms; }
      section .mdd-section-3 .summary-section .box-container.box-container-3.on-animate {
        transform: translateY(0);
        opacity: 1; }
        section .mdd-section-3 .summary-section .box-container.box-container-3.on-animate .box {
          transform: scale(1); }
    section .mdd-section-3 .summary-section .box-container.box-container-4 {
      opacity: 0;
      transform: translateY(30vh);
      transition: all 1.3s ease-out;
      transition-delay: 600ms; }
      section .mdd-section-3 .summary-section .box-container.box-container-4.on-animate {
        transform: translateY(0);
        opacity: 1; }
        section .mdd-section-3 .summary-section .box-container.box-container-4.on-animate .box {
          transform: scale(1); }

/*# sourceMappingURL=cdd.css.map */