/*
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 .home-section-1 {
  position: relative; }
  section .home-section-1 .section-hold {
    height: 100vh;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: -1; }
    section .home-section-1 .section-hold .section-bg-1 {
      position: absolute;
      transition: all 1.3s ease-out;
      opacity: 1;
      height: 100%;
      width: 100%;
      z-index: 3;
      background-color: #FFFFFF; }
      section .home-section-1 .section-hold .section-bg-1 .img-container {
        position: relative;
        height: 100%; }
        section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1b-container {
          opacity: 0;
          transition: all 1.6s ease-out;
          transform: translateY(-120px) scale(0.9);
          position: absolute;
          width: 60%;
          top: 42%;
          right: 0;
          height: 65%; }
          section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1b-container.on-animate {
            opacity: 1;
            transform: translateY(0) scale(1); }
        section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1a-container {
          position: absolute;
          width: 40%;
          top: 50%;
          right: 3%;
          transform: translateY(-80%) scale(0.9);
          transition: all 1.9s ease-out; }
          section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1a-container.on-animate {
            transform: translateY(-50%) scale(1); }
        section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1b {
          width: 100%;
          object-fit: cover;
          transform: translateY(-30%); }
        section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1a {
          width: 100%;
          object-fit: contain; }
    section .home-section-1 .section-hold .section-bg-2 {
      position: absolute;
      height: 100%;
      width: 100%;
      transition: all 1.3s ease-out;
      z-index: 2; }
      section .home-section-1 .section-hold .section-bg-2 .img-container {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center; }
        section .home-section-1 .section-hold .section-bg-2 .img-container .bg-2-container {
          transition: all 1.6s ease-out;
          position: absolute;
          width: 50%;
          right: 5%;
          transform: scale(0.8); }
          section .home-section-1 .section-hold .section-bg-2 .img-container .bg-2-container.on-animate {
            transform: scale(1); }
          section .home-section-1 .section-hold .section-bg-2 .img-container .bg-2-container .bg-2 {
            width: 100%;
            object-fit: contain; }
        section .home-section-1 .section-hold .section-bg-2 .img-container .text-container {
          position: absolute;
          right: 5%;
          top: 5rem;
          width: 25%;
          color: #FFFFFF;
          font-size: 2rem;
          opacity: 0;
          transform: translateY(-100px);
          transition: all 1.3s ease-out;
          transition-delay: 200ms; }
          section .home-section-1 .section-hold .section-bg-2 .img-container .text-container.on-animate {
            opacity: 0.5;
            transform: translateY(0); }
        section .home-section-1 .section-hold .section-bg-2 .img-container .index-container {
          position: absolute;
          bottom: 50px;
          color: #FFFFFF;
          font-size: 1rem;
          width: 100%;
          text-align: center; }
          section .home-section-1 .section-hold .section-bg-2 .img-container .index-container .index {
            width: 1.5rem;
            margin-right: 1rem; }
    section .home-section-1 .section-hold .section-bg-3 {
      position: absolute;
      height: 100%;
      width: 100%;
      transition: all 1.3s ease-out;
      z-index: 1; }
      section .home-section-1 .section-hold .section-bg-3 .img-container {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center; }
        section .home-section-1 .section-hold .section-bg-3 .img-container .bg-3-container {
          position: absolute;
          width: 50%;
          left: 5%;
          opacity: 0;
          transition: all 1.3s ease-out;
          transform: scale(0.9) translateY(80px); }
          section .home-section-1 .section-hold .section-bg-3 .img-container .bg-3-container.on-animate {
            opacity: 1;
            transform: scale(1) translateY(0); }
          section .home-section-1 .section-hold .section-bg-3 .img-container .bg-3-container .bg-3 {
            width: 100%;
            object-fit: contain; }
  section .home-section-1 .section-move {
    position: relative;
    width: 100%;
    top: -100vh; }
    section .home-section-1 .section-move .section-1, section .home-section-1 .section-move .section-2, section .home-section-1 .section-move .section-3 {
      height: 100vh;
      display: flex;
      align-items: center;
      transition: all 1.3s ease-out;
      opacity: 1; }
      section .home-section-1 .section-move .section-1 .text-container, section .home-section-1 .section-move .section-2 .text-container, section .home-section-1 .section-move .section-3 .text-container {
        font-size: 2rem; }
    section .home-section-1 .section-move .section-3 .content-container .image-container {
      padding: 14rem 5rem 14rem 6rem;
      position: relative;
      background-color: #F4F4F4;
      transform: translateX(10rem);
      opacity: 0;
      transition: all 1.3s ease-out;
      transition-delay: 50ms; }
      section .home-section-1 .section-move .section-3 .content-container .image-container.on-animate {
        transform: translateX(0);
        opacity: 1; }
      section .home-section-1 .section-move .section-3 .content-container .image-container:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 50%;
        background-image: url(../image/home/arrow-left.svg);
        background-repeat: no-repeat;
        right: 99%;
        background-position: calc(100% + 2px);
        background-size: contain; }
      section .home-section-1 .section-move .section-3 .content-container .image-container .text-container {
        opacity: 0;
        transform: translateX(5rem);
        transition: all 1.3s ease-out;
        transition-delay: 150ms; }
        section .home-section-1 .section-move .section-3 .content-container .image-container .text-container.on-animate {
          opacity: 1;
          transform: translateX(0); }
section .home-section-2 {
  position: relative;
  width: 100%;
  height: 350vh;
  top: -100vh; }
  section .home-section-2 .img-container {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    background-image: url("../image/home/bg-4.png");
    background-position: right;
    background-size: '160%';
    background-repeat: no-repeat; }
    section .home-section-2 .img-container.sticky-image {
      position: sticky; }
    section .home-section-2 .img-container .text-container {
      position: relative;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: all 1.3s ease-out; }
      section .home-section-2 .img-container .text-container .arrow {
        position: absolute;
        top: 5.8rem;
        left: -10rem;
        width: 26.67rem;
        transform: translateX(-25%);
        transition: all 1.3s ease-out; }
        section .home-section-2 .img-container .text-container .arrow .objective {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        section .home-section-2 .img-container .text-container .arrow.translated {
          transform: translateX(0); }
      section .home-section-2 .img-container .text-container .text-content {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 11%;
        font-size: 2rem; }
        section .home-section-2 .img-container .text-container .text-content .text-wrapper {
          position: relative; }
          section .home-section-2 .img-container .text-container .text-content .text-wrapper .text {
            width: 100%;
            position: absolute;
            top: 4.2rem;
            opacity: 0;
            transform: translateY(2rem);
            transition: all 1.3s ease-out; }
            section .home-section-2 .img-container .text-container .text-content .text-wrapper .text.on-animate {
              opacity: 1;
              transform: translateY(0); }
section .objective-section {
  margin-top: -100vh;
  width: 100%;
  height: 100vh; }
  section .objective-section .section-container {
    position: relative;
    width: 100%;
    height: 100%; }
    section .objective-section .section-container .image-container {
      position: absolute;
      height: 100vh;
      right: 72%;
      display: flex;
      align-items: center;
      top: 50%;
      transform: translateY(-48%); }
      section .objective-section .section-container .image-container .title {
        display: none;
        font-size: 5rem;
        color: #6A3F6E;
        margin-top: 3rem; }
      section .objective-section .section-container .image-container .focus {
        height: 95%;
        object-fit: contain;
        transform: translateX(-10rem);
        opacity: 0;
        transition: all 1.3s ease-out; }
        section .objective-section .section-container .image-container .focus.on-animate {
          opacity: 1;
          transform: translateX(0); }
    section .objective-section .section-container .button-wrapper-common {
      padding-left: 24%;
      padding-top: 7.67rem;
      position: relative; }
      section .objective-section .section-container .button-wrapper-common .button-container {
        position: relative; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-common {
          width: 13rem;
          height: 13rem;
          z-index: 1;
          opacity: 0;
          transform: scale(0.9);
          transition: all 0.5s ease-out; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-1-container {
            transition-delay: 150ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-2-container {
            transition-delay: 300ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-3-container {
            transition-delay: 450ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-4-container {
            transition-delay: 600ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-5-container {
            transition-delay: 750ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-6-container {
            transition-delay: 900ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.button-7-container {
            transition-delay: 1050ms; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.on-animate {
            opacity: 1;
            transform: scale(1); }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common:hover {
            z-index: 100; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common .button-wrapper {
            position: relative;
            width: 100%;
            height: 100%; }
            section .objective-section .section-container .button-wrapper-common .button-container .button-common .button-wrapper .button {
              position: absolute;
              width: 100%;
              height: 100%;
              object-fit: contain;
              top: 0;
              left: 0;
              opacity: 1;
              cursor: pointer;
              transition: all 1.3s ease-out; }
              section .objective-section .section-container .button-wrapper-common .button-container .button-common .button-wrapper .button.active {
                opacity: 0; }
              section .objective-section .section-container .button-wrapper-common .button-container .button-common .button-wrapper .button:hover {
                opacity: 0; }
                section .objective-section .section-container .button-wrapper-common .button-container .button-common .button-wrapper .button:hover.active {
                  opacity: 1; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.active .button {
            opacity: 0; }
          section .objective-section .section-container .button-wrapper-common .button-container .button-common.active .button.active {
            opacity: 1; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-1-container {
          position: absolute;
          top: 0;
          left: 0; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-2-container {
          position: absolute;
          top: 0;
          left: 13.2rem; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-3-container {
          position: absolute;
          top: 0.2rem;
          left: 26.2rem; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-4-container {
          position: absolute;
          top: 0;
          left: 39rem; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-5-container {
          position: absolute;
          top: 10.5rem;
          left: 6.6rem; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-6-container {
          position: absolute;
          top: 10.5rem;
          left: 19.8rem; }
        section .objective-section .section-container .button-wrapper-common .button-container .button-7-container {
          position: absolute;
          top: 21rem;
          left: 13.267rem; }
      section .objective-section .section-container .button-wrapper-common .text-container {
        position: absolute;
        left: calc(26% + 33rem);
        top: 23rem;
        width: calc(74% - 33rem);
        opacity: 0;
        transition: all 1s ease-out;
        visibility: hidden; }
        section .objective-section .section-container .button-wrapper-common .text-container.active {
          opacity: 1;
          visibility: visible; }
        section .objective-section .section-container .button-wrapper-common .text-container h4 {
          text-transform: uppercase;
          color: #CD163F;
          font-size: 2rem;
          font-weight: normal; }
        section .objective-section .section-container .button-wrapper-common .text-container p {
          color: #6A3F6E;
          font-size: 2rem;
          font-weight: normal;
          margin-bottom: 0; }
section .home-section-3 {
  margin-top: 100px; }
  section .home-section-3 .goal-section .title {
    font-size: 1.6rem;
    margin-bottom: 5px; }
  section .home-section-3 .goal-section .description {
    font-size: 2.5rem;
    margin-bottom: 0; }
section .home-section-4 .impact-section .header-wrapper {
  position: sticky;
  left: 0;
  top: 4.2rem;
  width: 100%;
  z-index: 1; }
  section .home-section-4 .impact-section .header-wrapper .header-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    section .home-section-4 .impact-section .header-wrapper .header-container .main-header {
      position: relative;
      top: -1px; }
      section .home-section-4 .impact-section .header-wrapper .header-container .main-header .impact {
        width: 20rem; }
      section .home-section-4 .impact-section .header-wrapper .header-container .main-header .side-header {
        position: absolute;
        left: 84%;
        background-color: #585F64;
        width: 100vw;
        height: calc(100% - 1px);
        padding-left: 5rem;
        top: 0;
        z-index: -1;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        font-size: 2rem;
        transition: all 1.3s ease-out;
        transform: translateX(-5rem);
        opacity: 0; }
        section .home-section-4 .impact-section .header-wrapper .header-container .main-header .side-header.on-animate {
          opacity: 1;
          transform: translateX(0); }
section .home-section-4 .impact-section .content-container .content-common .impact-row {
  padding: 0 2rem;
  display: flex;
  justify-content: end;
  align-items: start; }
  section .home-section-4 .impact-section .content-container .content-common .impact-row:first-child {
    padding-top: 6rem; }
  section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    padding-bottom: 3rem;
    color: #585F64;
    cursor: pointer; }
    section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box:hover .image-container > img {
      transform: scale(1.05); }
    section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container {
      transition: all 0.6s ease-out;
      position: relative; }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container img {
        transition: all 0.6s ease-out; }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container:hover > img {
        transform: scale(1.1); }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container .click-here-container {
        position: absolute;
        right: 65%;
        top: 0; }
        section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container .click-here-container .click-here {
          position: relative; }
          section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container .click-here-container .click-here > img {
            width: 12rem; }
          section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .image-container .click-here-container .click-here .click-here-arrow {
            position: absolute;
            left: 50%;
            bottom: -39%;
            width: 2rem; }
    section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .left {
      padding-right: 1rem;
      border-right: 1px solid #A1A497; }
    section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .right {
      padding-left: 1rem;
      border-left: 1px solid #A1A497; }
    section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .left, section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .right {
      padding-top: 2rem;
      min-height: 16rem; }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .left img.vertical, section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .right img.vertical {
        width: 2.5rem; }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .left img.horizontal, section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .right img.horizontal {
        margin-top: 2.2rem;
        width: 4.5rem; }
      section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .left .counter, section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box .small-content-2 .right .counter {
        font-size: 4rem;
        font-weight: bold;
        line-height: 1; }
  section .home-section-4 .impact-section .content-container .content-common .impact-row .text-content {
    font-size: 0.8rem;
    color: #000000;
    width: 40%;
    margin-bottom: 4rem; }
section .home-section-4 .impact-section .content-container .content-hold {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1; }
section .home-section-4 .impact-section .content-container .hold {
  width: 100%;
  height: 100%;
  position: absolute; }
section .home-section-4 .impact-section .content-container .content-1-bg {
  width: 100%;
  height: 100%;
  background-image: url("../image/home/bg-4a.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  background-color: #FBFAFB;
  transition: all 1.3s ease-out; }
section .home-section-4 .impact-section .content-container .content-2-bg {
  width: 100%;
  height: 100%;
  background-image: url("../image/home/bg-4b.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  transition: all 1.3s ease-out;
  background-color: #FDFDFD; }
section .home-section-4 .impact-section .content-container .content-3-bg {
  width: 100%;
  height: 100%;
  background-image: url("../image/home/bg-4c.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  transition: all 1.3s ease-out;
  background-color: #FDFDFD; }
section .home-section-4 .impact-section .content-container .content-1 {
  margin-top: -100vh;
  transition: all 1.3s ease-out; }
section .home-section-4 .impact-section .content-container .content-2, section .home-section-4 .impact-section .content-container .content-3 {
  transition: all 1.3s ease-out; }
section .home-section-5 .implementation-section {
  background-color: #E8E8E8;
  padding-top: 4.5rem;
  padding-bottom: 4rem; }
  section .home-section-5 .implementation-section .header-container {
    font-size: 3rem;
    margin-bottom: 1.8rem; }
  section .home-section-5 .implementation-section .partner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    section .home-section-5 .implementation-section .partner-container .partner {
      margin: 1rem 1.5rem;
      height: 5.6rem; }
      section .home-section-5 .implementation-section .partner-container .partner img {
        height: 100%;
        object-fit: contain; }
      section .home-section-5 .implementation-section .partner-container .partner.partner-3 img {
        width: 11rem; }

@media (max-width: 1100px) {
  section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1b-container, section .home-section-1 .section-hold .section-bg-1 .img-container .bg-1a-container {
    width: 100%; }

  section .home-section-1 .section-move {
    background-color: rgba(0, 0, 0, 0.7); }

  section .home-section-1 .section-move .section-1 .text-container {
    color: #FFFFFF; }

  section .home-section-1 .section-hold .section-bg-2 .img-container .text-container {
    width: 50%; }
  section .home-section-1 .section-hold .section-bg-2 .img-container .bg-2-container {
    width: 90%; }

  section .home-section-1 .section-hold .section-bg-3 .img-container .bg-3-container {
    width: 100%;
    left: 0; }

  section .home-section-1 .section-move .section-3 .content-container .image-container {
    transform: translateX(0);
    opacity: 1;
    background-color: transparent;
    padding: 1.2rem; }
    section .home-section-1 .section-move .section-3 .content-container .image-container::before {
      content: none; }
    section .home-section-1 .section-move .section-3 .content-container .image-container .text-container {
      opacity: 1;
      transform: translateX(0);
      color: #FFFFFF; }

  section .home-section-2 .img-container .text-container .text-content {
    top: 20%; }

  section .objective-section .section-container .button-wrapper-common {
    padding-left: 0;
    padding-top: 7.67rem; }
    section .objective-section .section-container .button-wrapper-common .button-container {
      width: 100%;
      height: 50vh;
      overflow: auto; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-common {
        width: 10rem;
        height: 10rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-2-container {
        top: 0;
        left: 10.2rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-3-container {
        top: 0.2rem;
        left: 20.2rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-4-container {
        top: 0;
        left: 30rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-5-container {
        top: 8.1rem;
        left: 5.2rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-6-container {
        top: 8rem;
        left: 15.3rem; }
      section .objective-section .section-container .button-wrapper-common .button-container .button-7-container {
        top: 16.2rem;
        left: 10.4rem; }
    section .objective-section .section-container .button-wrapper-common .text-container {
      left: 0;
      top: 37rem;
      width: 100%; }

  section .objective-section .section-container .image-container {
    top: 0;
    left: 1rem; }
    section .objective-section .section-container .image-container img {
      display: none; }
    section .objective-section .section-container .image-container .title {
      display: block; }

  section .home-section-4 .impact-section .header-wrapper .header-container {
    left: 0;
    transform: translateX(0); }

  section .home-section-4 .impact-section .content-container .content-common .impact-row {
    flex-wrap: wrap; }

  section .home-section-4 .impact-section .content-container .content-common .impact-row .text-content {
    width: 100%;
    color: #ffffff;
    text-align: center; }

  section .home-section-4 .impact-section .content-container .content-1, section .home-section-4 .impact-section .content-container .content-2, section .home-section-4 .impact-section .content-container .content-3 {
    background-color: rgba(0, 0, 0, 0.7); }
    section .home-section-4 .impact-section .content-container .content-1.zero-opacity, section .home-section-4 .impact-section .content-container .content-2.zero-opacity, section .home-section-4 .impact-section .content-container .content-3.zero-opacity {
      opacity: 1 !important; }

  .impact-box .counter {
    font-size: 3rem !important; }

  section .home-section-4 .impact-section .header-wrapper .header-container .main-header .side-header {
    left: 20%;
    padding-left: 90%;
    width: calc(100vw - 20%);
    font-size: 1.5rem; }

  section .home-section-2 .img-container {
    background-position: right !important;
    background-size: cover !important; }

  section .objective-section {
    padding-top: 4rem; }

  .impact-box {
    font-size: 1.15rem;
    color: #FFFFFF !important; }

  .impact-row .mw-20 {
    margin: 0 auto; } }
@media (max-width: 500px) {
  section .objective-section .section-container .button-wrapper-common .button-container .button-common {
    width: 7rem;
    height: 7rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-2-container {
    left: 7.2rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-3-container {
    left: 14.2rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-4-container {
    left: 21.2rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-5-container {
    top: 5.8rem;
    left: 3.5rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-6-container {
    top: 5.8rem;
    left: 10.7rem; }
  section .objective-section .section-container .button-wrapper-common .button-container .button-7-container {
    top: 11.6rem;
    left: 7rem; }

  .home-section-2 .text-black {
    background: #ffffff6e; }

  section .home-section-5 .implementation-section .partner-container .partner img {
    height: 60%; }

  section .home-section-4 .impact-section .header-wrapper .header-container .main-header .side-header {
    font-size: 1rem; }

  section .home-section-4 .impact-section .content-container .content-common .impact-row .impact-box {
    font-size: 0.9rem; }

  section .objective-section .section-container .button-wrapper-common .button-container {
    height: 40vh; }
  section .objective-section .section-container .button-wrapper-common .text-container {
    top: 29rem;
    overflow: scroll;
    height: 50vh; } }

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