/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
   .body {
    display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     background-color: #000;
  }
  
  .home-menu-separator {
    width: 15px;
  }
  .main-container {
    width: 100%;
    max-height: 310px;
    max-width: 480px;
    height: 100%;
 }

 .home-outer-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

   background-image: url("../img/home/bg.jpg");   
   background-position: center;
   background-size: 100%;
   background-repeat: no-repeat;
  }
  .home-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-height: 310px;
    max-width: 480px;
    min-height: 100vh;
    height: 100%;    
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-position: 0px 0px;
    background-size: 125px;
    background: rgb(0,0,0,.48);
  }

  .home-logo-image {
    width: 100%;
    height: 250px;
    margin-top: 50px;
  }
  .image-3 {
    width: 100%;
  }
  .home-separator {
    height: 30px;
  }
  .home-language-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu-home-language {
    min-width: 100px;
    padding: 10px 15px;
    background-color: #d7e500;
    font-family: Montserrat, sans-serif;
    color: #473024;
    text-align: center;
    text-decoration: none;
  }


  .btn-up {
    position: fixed;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75px;
    height: 75px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
    opacity: 0.75;
  }
  
  .section-header-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .section-item-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Barlow, sans-serif;
    color: #302538;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }
  
  .section-main-container {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 480px;
    min-width: 310px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #737a81;
    background-color: #e3e5e4;
    background-image: url("../img/sections/bg.jpg");
    background-position: 0% 50%;
    background-size: contain;
    background-repeat: repeat-y;
    text-decoration: none;
  }
  
  .section-logo-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 2px solid #425ca3;
    background-color: #565759;
  }
  
  .logo {
    width: 100%;
    height: 60px;
  }
  
  .section-language-header {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
  }
  
  .language-link {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 30px;
    background-color: #d7dc4b;
    color: #62624f;
    font-weight: 700;
    text-decoration: none;
  }
  
  .section-menu-container {
    width: 100%;
  }
  
  .brand-2 {
    display: none;
  }
  
  .nav-menu-2 {
    width: 200px;
  }
  
  .link-menu-item {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #777;
    font-size: 16px;
    font-weight: 700;
  }
  
  .container-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .navbar-2 {
    background-color: transparent;
  }
  
  .sections-container {
    width: 100%;
  }
  
  .text-block {
    padding: 10px 30px;
    border: 2px solid #737a81;
    color: #737a81;
    font-weight: 600;
    font-family: BlairITCStd;
  }
  
  .text-block-2 {
    padding-top: 10px;
    color: #737a81;
    font-size: 14px;
  }
  
  .item-wrapper {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: #e2e6e5;
  }
  
  .section-title-wrapper {
    padding: 15px 10px;
    background-color: #d7dc4b;
  }
  
  .section-description-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .name-section {
    color: #797b7a;
    font-weight: 700;
    font-size: 16px;
    font-family: BlairITCStd;
  }
  
  .section-item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .section-item-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .section-item-amount-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .title-letter {
    font-size: 16px;
    font-weight: bold;
  }
  
  .other {
    padding-left: 10px;
  }
  
  .other-letter {
    min-width: 70px;
    font-size: 16px;
    margin-right: 10px;
    display: inline-flex;
  }
  
  .curremcy-letter {
    font-size: 16px;
    font-weight: bold;
  }
  
  .amount-letter {
    font-size: 16px;
    font-weight: bold;
  }
  
  .div-block {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  
  .section-item-des {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  
  .paragraph {
    width: 90%;
  }
  
  .section-image-wrapper {
    padding:20px;
  }
  
  .image {
    width: 100%;
    height: 200px;
    background-color: #cecece;
  }
  
  .footer {
    padding: 0px;
    background: #FFFFFF;
    height: 400px;
  }
  
  .footer-message {
    padding-bottom: 20px;
    height: 400px;
  }
  
  .krystal-letters{
      width: 300px;
  }

  .footer-message-text {
    margin-bottom: 5px;
    font-weight: 400;
    text-align: center;
  }
  
  .image-2 {
    width: 100%;
  }
  
  .logo-line {
    width: 60%;
    height: 5px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #d2d62a;
  }
  
  .footer-text{
      padding: 30px 0px 10px 20px;
      width: calc(100% - 110px);
      font-size: 16px;
  }

  .paragram-footer{
    font-size: 16px;
  }
.section-note-wrapper{
  width: 100%;
  text-align: center;
  width: 100%;
  font-family: Montserrat, sans-serif;
  color: #004c7b;
  font-size: 15px;
  font-weight: 600;
  
}
.paragraph-notes {
    width: 100%;
    padding: 5px 20px;
    color: #004c7b;
    font-size: 14px;
    text-align: left;
    font-family: Barlow, sans-serif;
    text-align: center;
}
  @media screen and (min-width: 376px) and (max-width: 479px) {
    .btn-up {
      position: fixed;
      left: auto;
      top: auto;
      right: 20px;
      bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 70px;
      height: 70px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
    .krystal-letters{
        padding-top: 20px;
        padding-top: 20px;
        width: 280px;
    }
    .paragram-footer{
        font-size: 12px;
    }
  }

  @media screen and (max-width: 320px) and (max-width: 376px) {
    .krystal-letters{
        padding-top: 10px;
        width: 210px;
    }
    .paragram-footer{
        font-size: 12px;
      }
  }


  @font-face {
    font-family: 'BlairITCStd';
    src: url('../fonts/BlairITCStd.otf') format('truetype'), url('../fonts/BlairITCStd.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
  }