@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*Vietnamese*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

  html[dir="rtl"] {
  .header-img-wrap {
    .header-img-50_more {
        width: clamp(200px, 70vw, 515px);
    }
  }
  .image-container {
    .first-image {
      position: relative;
      right: -6px;
    }
  }
  .svg-arrow-middle {
    img {
        transform: rotate(98deg);
        position: relative;
        margin: auto;
        display: flex;
    }
  }
  @media only screen and (max-width: 630px) {
    .app-wrap {
        & li {
            img {
                width: 30%;
                height: fit-content;
                margin: 0;
            }
        }
    }
}
  .account-type-wrap {
    .card-wrap {
        .card-body {
            height: auto;
            width: 350px;
            text-align: right;
            margin: auto;
        }
    }
    #prevBtn {
        svg {
            width: 30px;
            height: 30px;
            margin-inline-end: 3px;
            transform: rotate(178deg);
        }
    }
    #nextBtn {
        svg {
            width: 30px;
            height: 30px;
            margin-inline-start: 3px;
            transform: rotate(180deg);
        }
    }
  }
  @media (max-width: 480px) {
    .account-type-wrap {
        .card-wrap {
          width: 78%;
            .card-body {
                width: auto;
            }
        }
    }
}
  .arrow1-img {
    width: 300px;
    position: absolute;
    top: 20%;
    left: 8%;
    right: auto;
    transform: rotate(386deg) scale(1, 1) scale(-1, 1);
  }
  .vertical {
    margin-top: 0;
    white-space: nowrap;
    position: relative;
    left: 0;
    top: -135px;
    transform: rotate(270deg);
    p {
      font-weight: 900;
      font-size: 150px;
      color: #273773;
      padding: 0 20px;
    }
  }
  .arrow4-img {
  transform: rotate(180deg);
  }
  .divider {
    width: 2px;
    height: 729px;
    background-color: #fff;
    transform: rotate(8deg);
    transform-origin: center;
    position: absolute;
    top: -84px;
    left: 56%;
  }
  .register-form {
      select.form-select {
          background-image: url(../imgs/select-icon.png);
          background-position: left center;
          background-size: auto;
      }
  }
  .accordion-wrap {
      .accordion {
        .icon {
            background-image: url(../imgs/plus-svg.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 22px;
            height: 22px;
            margin-inline-end: 10px;
            margin-bottom: 20px;
            float: right;
        }
      }
  }
  .pdf-card-wrap {
  background-image: url(../imgs/pattern\ AR.png);
  background-repeat: no-repeat;
  background-position: left;
  }
  .div-color-boxes {
    .arrow {
      transform: scaleX(-1);
    }
  }
  #scrollToTopBtn {
    right: unset;
    left: 2%;
  }
  .round-buttons-wrap {
    .round-dots-button {
      .orange-arrow {
          position: absolute;
          width: 255px;
          bottom: -69px;
          left: -96px;
          right: 40px;
          transform: scaleX(-1);
      }
      .yellow-arrow {
          position: absolute;
          width: 255px;
          top: -73px;
          left: -92px;
          right: 37px;
          transform: scaleX(-1);
      }
      .black-arrow {
          position: absolute;
          width: 255px;
          bottom: -68px;
          left: -92px;
          right: 31px;
          transform: scaleX(-1);
      }
      .blue-arrow {
          position: absolute;
          width: 239px;
          top: -77px;
          left: -92px;
          right: 38px;
          transform: scaleX(-1);
      }
      .black-line {
          position: absolute;
          width: 207px;
          bottom: -78px;
          left: -54px;
          right: 45px;
          transform: scaleX(-1);
      }
  }
  }
  .round-small-buttons-wrap {
    .orange-bottom-arrow {
        position: absolute;
        width: 215px;
        bottom: -58px;
        left: -80px;
        right: 44px;
        transform: scaleX(-1);
    }
    .light-blue-arrow {
        position: absolute;
        width: 215px;
        top: -62px;
        left: -78px;
        right: 42px;
        transform: scaleX(-1);
    }
    .yellow-arrow {
        position: absolute;
        width: 215px;
        bottom: -59px;
        left: -80px;
        right: 44px;
        transform: scaleX(-1);
    }
    .orange-top-arrow {
        position: absolute;
        width: 215px;
        top: -61px;
        left: -78px;
        right: 42px;
        transform: scaleX(-1);
    }
    .blue-arrow {
        position: absolute;
        width: 215px;
        bottom: -59px;
        left: -80px;
        right: 44px;
        transform: scaleX(-1);
    }
    .black-line {
        position: absolute;
        width: 180px;
        top: -70px;
        left: -46px;
        right: 44px;
        transform: scaleX(-1) rotate(-95deg);
    }
  }
  .arrow-wrap {
    margin-bottom: 25px;
    padding: 5px 5px;
    background-color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #273773;
    display: flex;
    clip-path: polygon(100% 0, 3% 0, 0 50%, 3% 100%, 100% 100%);
    .first-inner-arrow {
        width: 40%;
        margin: auto;
        text-align: center;
        padding: 20px 0px;
        background-color: #dbd5d5;
        clip-path: polygon(0 50%, 8% 0, 100% 0, 100% 100%, 8% 100%);
    }
    .second-inner-arrow {
        width: 40%;
        margin: auto;
        text-align: center;
        padding: 20px 0px;
        background-color: #dbd5d5;
        /* clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 14% 50%); */
        clip-path: polygon(0% 50%, 8% 0, 92% 0, 86% 50%, 92% 100%, 8% 100%);
    }
    .third-inner-arrow {
        width: 40%;
        margin: auto;
        text-align: center;
        padding: 20px 0px;
        background-color: #dbd5d5;
        /* clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 14% 50%); */
        clip-path: polygon(0% 50%, 8% 0, 92% 0, 86% 50%, 92% 100%, 8% 100%);
    }
    .first-inner-arrow:hover,
    .second-inner-arrow:hover,
    .third-inner-arrow:hover {
    background-color: #2179bb;
    color: #fff;
    font-weight: 900;
  }
  }
  @media only screen and (max-width: 800px) {
    main {
        .arrow-wrap {
            display: none;
        }
    }
  }
  .top-bar {
    .menu-item .sub-menu li:hover .sub-menu {
      display: block;
      position: absolute;
      right: 100%;
      left: 0;
      top: 0;
    }
  }
    header {
      @media (max-width: 1126px) {
      .header_menu#Menu {
        display: none;
      }

      li.menu-item {
        width: 100%;
      }

      li.menu-item span,
      li.menu-item a {
        display: flex;
      }

      li.menu-item span svg,
      li.menu-item a svg {
        margin-inline-start: auto;
      }

      li.menu-item span img,
      li.menu-item a img {
        display: inline-block;
      }

      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }

      #Menu,
      .buttons {
        display: none;
      }

      #menuToggle {
        display: block;
        position: absolute;
        top: 17px;
        left: 20px;
        right: unset;
        z-index: 500;
        -webkit-user-select: none;
        user-select: none;
      }

      #menuToggle a {
        text-decoration: none;
        transition: color 0.3s ease;
      }

      #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
      }

      #menuToggle span.line {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
      }

      #menuToggle span.line:first-child {
        transform-origin: 0% 0%;
      }

      #menuToggle span.line:nth-last-child(2) {
        transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span.line {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f1f1f1;
      }

      #menuToggle input:checked ~ span.line:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span.line:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }

      #Mobile-menu {
        position: absolute;
        width: 250px;
        padding: 10px;
        background: #fefefe;
        list-style-type: none;
        margin-top: 35px;
        transform-origin: 0% 0%;
        right: -217px;
        transform: translate(-108%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        border: 1px solid #273773;
        box-shadow: 
            rgba(110, 110, 110, 0.4) 0px 2px 4px,
            rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
            rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
            /* Adjusted shadow direction */
            rgba(110, 110, 110, 0.2) 3px 0px 0px inset;  /* Changed from -3px */
        overflow-y: auto;
        height: fit-content;
        max-height: 80vh;
      }

      li {
        img {
          margin: 0px 5px 5px 5px;
        }
      }

      .borders {
        border-top: 2px solid #273773;
        border-bottom: 2px solid #273773;

        p {
          margin-inline-end: 0;
          margin-top: 15px;
          margin-bottom: 9px;

          img {
            margin-inline-start: 5px;
            margin-inline-end: 10px;
          }
        }
      }

      .svg-icon {
        width: 30px;
        height: 15px;
        fill: #1b75b8;
        transition: transform 0.3s ease, fill 0.3s ease;
        float: right;
      }

      .mobil-btn {
        margin: 20px auto 10px auto;
      }

      .small-btn {
        width: 180px;
        border-radius: 10px;
        font-weight: 700;
        margin: 5px auto;
        text-align: center;
        height: 30px;
        color: #fff;
        padding: 5px;
        display: block;
      }

      .register {
        margin-top: 12px;
        background-color: #ef5a28;
        color: #fff;
      }

      .logIn {
        background-color: #273773;
      }

      .panel p {
        margin: 5px 20px;
      }

      #menuToggle input:checked ~ div {
        transform: none;
        display: block;
      }

      .accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        transition: 0.4s;
        height: fit-content;
      }

      .menu-item a,
      .menu-item p,
      .menu-item-has-children a,
      .menu-item span,
      .menu-item-has-children span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 5px;
      }

      li a:hover {
        color: #273773;
      }

      .active,
      .accordion:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .menu-item:hover .sub-menu {
        display: none;
      }

      .menu-item-has-children a:hover,
      .menu-item-has-children span:hover {
        color: #273773;
        border-bottom: none;
      }

      .menu-item:hover .svg-icon {
        transform: rotate(0);
        fill: #ef5a28;
      }

      .menu-item.active .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }

      li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children {
        background-color: #273773;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a,
      li.menu-item ul.sub-menu li.menu-item-has-children span {
        color: #fff;
        font-weight: 700;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a svg,
      li.menu-item ul.sub-menu li.menu-item-has-children span svg {
        display: none;
      }

      li.menu-item.active ul.sub-menu {
        position: relative;
        display: block;
        padding-inline-start: 45px;
        box-shadow: none;
        top: 0;
      }

      li.menu-item.active ul.sub-menu .subsection_ttl span,
      li.menu-item.active ul.sub-menu .subsection_ttl a {
        text-align: center;
        display: inline-block;
        width: 100%;
      }

      li.menu-item.active ul.sub-menu li a,
      li.menu-item.active ul.sub-menu li span {
        padding: 2px 0 2px 0;
      }

      li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
        position: relative;
        display: block;
        left: 0;
        padding-inline-start: 10px;
      }

      li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        padding: 0;
      }

      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        a,
      p.menu-item-has-children,
      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
      }

      .active,
      .menu-item:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .active .panel {
        max-height: fit-content;
      }

      .panel {
        max-height: 0;
        padding: 0 0 0 45px;
        overflow: hidden;
        margin: 5px auto;
        width: 100%;
        position: relative;
        transition: max-height 0.3s ease-out;
        display: grid;
        list-style-type: none;

        .main {
          background-color: #273773;
          color: #ffb401;
          font-weight: 700;
          padding: 2px;
          text-align: center;
          width: 100%;
          display: block;
        }

        a {
          color: #273773;
          text-align: start;
          font-weight: 500;
          padding-top: 5px;
        }

        .subtitle {
          font-weight: 700;
          background-color: #273773;
          color: #fff;
          padding: 2px;
          margin: 0;
          width: 100%;
          display: block;
        }
      }

      ul.menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      }
      .getOurApp-wrap {
      display: none;
      }
      @media (max-width: 1126px) {
      .sticky.top-bar {
        height: 75px;
        .logo {
          width: 125px;
          height: fit-content;
          margin: 10px 5px;
        }
      }
      .sticky::before,
      .sticky::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: fit-content;
      pointer-events: none;
      transition: opacity 0.3s ease-in-out;
      opacity: 1;
      z-index: 102;
      }
      .getOurApp-wrap {
      display: block;
      position: relative;
      width: 100%;
      padding-inline-end: 15px;
      padding-inline-start: 15px;
      margin-inline-end: auto;
      margin-inline-start: auto;
      background-color: #ffb401;
      /* top: 19px; */
      #GetOurApp {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 1rem;
      inset: 74% 0 auto auto;
      justify-content: flex-start;
      padding: 0.5rem;

      /* position: fixed; */
      /* z-index: 100; */
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid gray;
      border-radius: 5px 0 0 5px;
      font-size: 14px;
      font-weight: bold;
      .content {
      display:flex;
      justify-content:space-between;
      width:100%;
      p {
      padding-top: 5px;
      margin: 0;
      }
      .btn {
      height: 27px;
      display: block;
      border: none;
      background-color: #162856;
      box-shadow: none;
      margin: 0;
      }
      }
      }
      }
      }
  }
  .left-top-shadow {
    box-shadow: rgb(255, 255, 255) 10px -10px 0px -3px, rgb(12, 14, 12) 10px -10px;
}
.left-Bottom-shadow {
   box-shadow: rgb(255, 255, 255) 10px 10px 0px -3px, rgb(12, 14, 12) 10px 10px;
}
.right-top-shadow {
   box-shadow: rgb(255, 255, 255) -10px -10px 0px -3px,
    rgb(12, 14, 12) -10px -10px;
}
.right-bottom-shadow {
  box-shadow: rgb(255, 255, 255) -10px 10px 0px -3px, rgb(12, 14, 12) -10px 10px;
}
}

  html[lang="ro-RO"] {
  .top-bar {
    .btn {
      width: 112px;
    }
    .sub-menu, .sub-menu li .submenu {
      min-width: 235px;
    }
  }
  .account-type-wrap {
      .card-wrap {
          position: relative;
          width: 400px;
          background-color: #fff;
          margin: auto;
          min-height: 410px;
          perspective: 1000px;
          border: 3px solid #fff;
          border-radius: 15px;
      }
  }
  .header-img-wrap {
      .header-img-50_more {
          width: clamp(200px, 70vw, 472px);
      }
    }

  .slideshow-container {
    @media (max-width: 920px) {
    .main-cta {
      h1 {
        font-size: 25px;
        font-weight: 900;
        height: fit-content;
        padding: 10px 0px 0px 0px;
      }
    }
  }
  @media (max-width: 872px) {
    .main-cta {
      h1 {
        font-size: 21px;
        font-weight: 900;
        height: fit-content;
        padding: 10px 0px 0px 0px;
      }
    }
  }
  }

  header {
    @media (max-width: 1214px) {
    .header_menu#Menu {
      display: none;
    }

    li.menu-item {
      width: 100%;
    }

    li.menu-item span,
    li.menu-item a {
      display: flex;
    }

    li.menu-item span svg,
    li.menu-item a svg {
      margin-inline-start: auto;
    }

    li.menu-item span img,
    li.menu-item a img {
      display: inline-block;
    }

    .logo {
      width: 125px;
      height: fit-content;
      margin: 10px 5px;
    }

    #Menu,
    .buttons {
      display: none;
    }

    #menuToggle {
      display: block;
      position: absolute;
      top: 17px;
      right: 10px;
      z-index: 500;
      -webkit-user-select: none;
      user-select: none;
    }

    #menuToggle a {
      text-decoration: none;
      transition: color 0.3s ease;
    }

    #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0;
      z-index: 2;
      -webkit-touch-callout: none;
    }

    #menuToggle span.line {
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #fff;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    }

    #menuToggle span.line:first-child {
      transform-origin: 0% 0%;
    }

    #menuToggle span.line:nth-last-child(2) {
      transform-origin: 0% 100%;
    }

    #menuToggle input:checked ~ span.line {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #f1f1f1;
    }

    #menuToggle input:checked ~ span.line:nth-last-child(3) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
    }

    #menuToggle input:checked ~ span.line:nth-last-child(2) {
      transform: rotate(-45deg) translate(0, -1px);
    }

    #Mobile-menu {
      position: absolute;
      width: 260px;
      padding: 10px;
      background: #fefefe;
      list-style-type: none;
      margin-top: 35px;
      transform-origin: 0% 0%;
      transform: translate(200%, 0);
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      right: -10px;
      border: 1px solid #273773;
      box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px,
        rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
        rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
        rgba(110, 110, 110, 0.2) -3px -3px 0px;
      overflow-y: auto; /* Enable vertical scrolling if content overflows */
      height: fit-content; /* Adjust height dynamically based on content */
      max-height: 80vh; /* Set maximum height to 80% of the viewport height */
    }

    li {
      img {
        margin: 0px 5px 5px 5px;
      }
    }

    .borders {
      border-top: 2px solid #273773;
      border-bottom: 2px solid #273773;

      p {
        margin-inline-end: 0;
        margin-top: 15px;
        margin-bottom: 9px;

        img {
          margin-inline-start: 5px;
          margin-inline-end: 10px;
        }
      }
    }

    .svg-icon {
      width: 30px;
      height: 15px;
      fill: #1b75b8;
      transition: transform 0.3s ease, fill 0.3s ease;
      float: right;
    }

    .mobil-btn {
      margin: 20px auto 10px auto;
    }

    .small-btn {
      width: 180px;
      border-radius: 10px;
      font-weight: 700;
      margin: 5px auto;
      text-align: center;
      height: 30px;
      color: #fff;
      padding: 5px;
      display: block;
    }

    .register {
      margin-top: 12px;
      background-color: #ef5a28;
      color: #fff;
    }

    .logIn {
      background-color: #273773;
    }

    .panel p {
      margin: 5px 20px;
    }

    #menuToggle input:checked ~ div {
      transform: none;
      display: block;
    }

    .accordion {
      cursor: pointer;
      width: 100%;
      border: none;
      transition: 0.4s;
      height: fit-content;
    }

    .menu-item a,
    .menu-item p,
    .menu-item-has-children a,
    .menu-item span,
    .menu-item-has-children span {
      color: #273773;
      font-weight: 500;
      font-size: 18px;
      padding-bottom: 5px;
    }

    li a:hover {
      color: #273773;
    }

    .active,
    .accordion:hover {
      background-color: transparent;
    }

    .active,
    li:active {
      .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }
    }

    .menu-item:hover .sub-menu {
      display: none;
    }

    .menu-item-has-children a:hover,
    .menu-item-has-children span:hover {
      color: #273773;
      border-bottom: none;
    }

    .menu-item:hover .svg-icon {
      transform: rotate(0);
      fill: #ef5a28;
    }

    .menu-item.active .svg-icon {
      transform: rotate(180deg);
      fill: #ef5a28;
    }

    li.menu-item ul.sub-menu {
      display: none;
    }

    li.menu-item ul.sub-menu li.menu-item-has-children {
      background-color: #273773;
    }

    li.menu-item ul.sub-menu li.menu-item-has-children a,
    li.menu-item ul.sub-menu li.menu-item-has-children span {
      color: #fff;
      font-weight: 700;
    }

    li.menu-item ul.sub-menu li.menu-item-has-children a svg,
    li.menu-item ul.sub-menu li.menu-item-has-children span svg {
      display: none;
    }

    li.menu-item.active ul.sub-menu {
      position: relative;
      display: block;
      padding-inline-start: 45px;
      box-shadow: none;
      top: 0;
    }

    li.menu-item.active ul.sub-menu .subsection_ttl span,
    li.menu-item.active ul.sub-menu .subsection_ttl a {
      text-align: center;
      display: inline-block;
      width: 100%;
    }

    li.menu-item.active ul.sub-menu li a,
    li.menu-item.active ul.sub-menu li span {
      padding: 2px 0 2px 0;
    }

    li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
      display: none;
    }

    li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
      position: relative;
      display: block;
      left: 0;
      padding-inline-start: 10px;
    }

    li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
      display: block;
      padding: 0;
    }

    li.menu-item.active
      ul.sub-menu
      li.menu-item-has-children
      ul.sub-menu
      li
      a,
    p.menu-item-has-children,
    li.menu-item.active
      ul.sub-menu
      li.menu-item-has-children
      ul.sub-menu
      li
      span {
      color: #273773;
      font-weight: 500;
      font-size: 18px;
    }

    .active,
    .menu-item:hover {
      background-color: transparent;
    }

    .active,
    li:active {
      .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }
    }

    .active .panel {
      max-height: fit-content;
    }

    .panel {
      max-height: 0;
      padding: 0 0 0 45px;
      overflow: hidden;
      margin: 5px auto;
      width: 100%;
      position: relative;
      transition: max-height 0.3s ease-out;
      display: grid;
      list-style-type: none;

      .main {
        background-color: #273773;
        color: #ffb401;
        font-weight: 700;
        padding: 2px;
        text-align: center;
        width: 100%;
        display: block;
      }

      a {
        color: #273773;
        text-align: start;
        font-weight: 500;
        padding-top: 5px;
      }

      .subtitle {
        font-weight: 700;
        background-color: #273773;
        color: #fff;
        padding: 2px;
        margin: 0;
        width: 100%;
        display: block;
      }
    }

    ul.menu {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    }
    .getOurApp-wrap {
    display: none;
    }
    @media (max-width: 1214px) {
    .sticky.top-bar {
      height: 75px;
      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }
    }
    .sticky::before,
    .sticky::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: fit-content;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
    z-index: 102;
    }
    .getOurApp-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    margin-inline-end: auto;
    margin-inline-start: auto;
    background-color: #ffb401;
    /* top: 19px; */
    #GetOurApp {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    inset: 74% 0 auto auto;
    justify-content: flex-start;
    padding: 0.5rem;

    /* position: fixed; */
    /* z-index: 100; */
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid gray;
    border-radius: 5px 0 0 5px;
    font-size: 14px;
    font-weight: bold;
    .content {
    display:flex;
    justify-content:space-between;
    width:100%;
    p {
    padding-top: 5px;
    margin: 0;
    }
    .btn {
    display: block;
    border: none;
    background-color: #162856;
    box-shadow: none;
    margin: 0;
    }
    }
    }
    }
    }
  }

  .vertical {
    margin-top: 450px;
    white-space: nowrap;
    position: relative;
    left: 0;
    top: 133px;
    transform: rotate(270deg);
      p {
        font-weight: 900;
        font-size: 125px;
        color: #273773;
        padding: 0 20px;
      }
  }

   .mte-daily-briefings .tradebutton {
    width: 175px !important;
    background: #ffb401 !important;
    color: #273773 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 1rem 0px !important;
    font-weight: bold;
    text-transform: uppercase !important;
    border-radius: 11px;
}
}

  html[lang="pt-PT"] {
  .top-bar {
    .btn {
    width: 120px;
    }
    .sub-menu, .sub-menu li .submenu {
      min-width: 235px;
    }
  }
  header {
      @media (max-width: 1249px) {
      .header_menu#Menu {
        display: none;
      }

      li.menu-item {
        width: 100%;
      }

      li.menu-item span,
      li.menu-item a {
        display: flex;
      }

      li.menu-item span svg,
      li.menu-item a svg {
        margin-inline-start: auto;
      }

      li.menu-item span img,
      li.menu-item a img {
        display: inline-block;
      }

      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }

      #Menu,
      .buttons {
        display: none;
      }

      #menuToggle {
        display: block;
        position: absolute;
        top: 17px;
        right: 10px;
        z-index: 500;
        -webkit-user-select: none;
        user-select: none;
      }

      #menuToggle a {
        text-decoration: none;
        transition: color 0.3s ease;
      }

      #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
      }

      #menuToggle span.line {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
      }

      #menuToggle span.line:first-child {
        transform-origin: 0% 0%;
      }

      #menuToggle span.line:nth-last-child(2) {
        transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span.line {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f1f1f1;
      }

      #menuToggle input:checked ~ span.line:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span.line:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }

      #Mobile-menu {
        position: absolute;
        width: 270px;
        padding: 10px;
        background: #fefefe;
        list-style-type: none;
        margin-top: 35px;
        transform-origin: 0% 0%;
        transform: translate(200%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        right: -10px;
        border: 1px solid #273773;
        box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px,
          rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
          rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
          rgba(110, 110, 110, 0.2) -3px -3px 0px;
        overflow-y: auto; /* Enable vertical scrolling if content overflows */
        height: fit-content; /* Adjust height dynamically based on content */
        max-height: 80vh; /* Set maximum height to 80% of the viewport height */
      }

      li {
        img {
          margin: 0px 5px 5px 5px;
        }
      }

      .borders {
        border-top: 2px solid #273773;
        border-bottom: 2px solid #273773;

        p {
          margin-inline-end: 0;
          margin-top: 15px;
          margin-bottom: 9px;

          img {
            margin-inline-start: 5px;
            margin-inline-end: 10px;
          }
        }
      }

      .svg-icon {
        width: 30px;
        height: 15px;
        fill: #1b75b8;
        transition: transform 0.3s ease, fill 0.3s ease;
        float: right;
      }

      .mobil-btn {
        margin: 20px auto 10px auto;
      }

      .small-btn {
        width: 180px;
        border-radius: 10px;
        font-weight: 700;
        margin: 5px auto;
        text-align: center;
        height: 30px;
        color: #fff;
        padding: 5px;
        display: block;
      }

      .register {
        margin-top: 12px;
        background-color: #ef5a28;
        color: #fff;
      }

      .logIn {
        background-color: #273773;
      }

      .panel p {
        margin: 5px 20px;
      }

      #menuToggle input:checked ~ div {
        transform: none;
        display: block;
      }

      .accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        transition: 0.4s;
        height: fit-content;
      }

      .menu-item a,
      .menu-item p,
      .menu-item-has-children a,
      .menu-item span,
      .menu-item-has-children span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 5px;
      }

      li a:hover {
        color: #273773;
      }

      .active,
      .accordion:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .menu-item:hover .sub-menu {
        display: none;
      }

      .menu-item-has-children a:hover,
      .menu-item-has-children span:hover {
        color: #273773;
        border-bottom: none;
      }

      .menu-item:hover .svg-icon {
        transform: rotate(0);
        fill: #ef5a28;
      }

      .menu-item.active .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }

      li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children {
        background-color: #273773;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a,
      li.menu-item ul.sub-menu li.menu-item-has-children span {
        color: #fff;
        font-weight: 700;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a svg,
      li.menu-item ul.sub-menu li.menu-item-has-children span svg {
        display: none;
      }

      li.menu-item.active ul.sub-menu {
        position: relative;
        display: block;
        padding-inline-start: 45px;
        box-shadow: none;
        top: 0;
      }

      li.menu-item.active ul.sub-menu .subsection_ttl span,
      li.menu-item.active ul.sub-menu .subsection_ttl a {
        text-align: center;
        display: inline-block;
        width: 100%;
      }

      li.menu-item.active ul.sub-menu li a,
      li.menu-item.active ul.sub-menu li span {
        padding: 2px 0 2px 0;
      }

      li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
        position: relative;
        display: block;
        left: 0;
        padding-inline-start: 10px;
      }

      li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        padding: 0;
      }

      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        a,
      p.menu-item-has-children,
      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
      }

      .active,
      .menu-item:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .active .panel {
        max-height: fit-content;
      }

      .panel {
        max-height: 0;
        padding: 0 0 0 45px;
        overflow: hidden;
        margin: 5px auto;
        width: 100%;
        position: relative;
        transition: max-height 0.3s ease-out;
        display: grid;
        list-style-type: none;

        .main {
          background-color: #273773;
          color: #ffb401;
          font-weight: 700;
          padding: 2px;
          text-align: center;
          width: 100%;
          display: block;
        }

        a {
          color: #273773;
          text-align: start;
          font-weight: 500;
          padding-top: 5px;
        }

        .subtitle {
          font-weight: 700;
          background-color: #273773;
          color: #fff;
          padding: 2px;
          margin: 0;
          width: 100%;
          display: block;
        }
      }

      ul.menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      }
      .getOurApp-wrap {
      display: none;
      }
      @media (max-width: 1249px) {
      .sticky.top-bar {
        height: 75px;
        .logo {
          width: 125px;
          height: fit-content;
          margin: 10px 5px;
        }
      }
      .sticky::before,
      .sticky::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: fit-content;
      pointer-events: none;
      transition: opacity 0.3s ease-in-out;
      opacity: 1;
      z-index: 102;
      }
      .getOurApp-wrap {
      display: block;
      position: relative;
      width: 100%;
      padding-inline-end: 15px;
      padding-inline-start: 15px;
      margin-inline-end: auto;
      margin-inline-start: auto;
      background-color: #ffb401;
      /* top: 19px; */
      #GetOurApp {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 1rem;
      inset: 74% 0 auto auto;
      justify-content: flex-start;
      padding: 0.5rem;

      /* position: fixed; */
      /* z-index: 100; */
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid gray;
      border-radius: 5px 0 0 5px;
      font-size: 14px;
      font-weight: bold;
      .content {
      display:flex;
      justify-content:space-between;
      width:100%;
      p {
      padding-top: 5px;
      margin: 0;
      }
      .btn {
      display: block;
      border: none;
      background-color: #162856;
      box-shadow: none;
      margin: 0;
      }
      }
      }
      }
      }
  }
  .slideshow-container {
    @media (max-width: 1218px) {
      .main-cta {
        h1 {
          font-size: 33px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 1131px) {
      .main-cta {
        h1 {
          font-size: 31px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 969px) {
      .main-cta {
        h1 {
          font-size: 24px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
     @media (max-width: 872px) {
      .main-cta {
        h1 {
          font-size: 22px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
  }
  .vertical {
    margin-top: 330px;
    white-space: nowrap;
    position: relative;
    left: 0;
    transform: rotate(270deg);
  }
  .account-type-wrap {
    .card-wrap {
        position: relative;
        width: 400px;
        background-color: #fff;
        margin: auto;
        min-height: 410px;
        perspective: 1000px;
        border: 3px solid #fff;
        border-radius: 15px;
    }
}
.divider {
    width: 2px;
    height: 729px;
    background-color: #fff;
    transform: rotate(-10deg);
    transform-origin: center;
    position: absolute;
    top: -84px;
    left: 47%;
}
@media only screen and (max-width: 1290px) {
    .divider {
        display: none;
    }
}
}

  html[lang="tr"] {
  .slideshow-container {
     @media (max-width: 962px) {
      .main-cta {
        h1 {
          font-size: 25px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 962px) {
      .main-cta {
        h1 {
          font-size: 24px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 828px) {
      .main-cta {
        h1 {
          font-size: 22px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
  }
  .vertical {
    margin-top: 480px;
    white-space: nowrap;
    position: relative;
    left: 0;
    top: 80px;
    transform: rotate(270deg);
    p {
      font-weight: 900;
      font-size: 110px;
      color: #273773;
      padding: 0 20px;
    }
  }
  .footer_menu .menu {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
  }
  .footer_menu .menu > .menu-item {
      flex-direction: column;
      margin-bottom: 20px;
  }

  .footer_menu .sub-menu {
      flex-direction: column;
  }
  @media (max-width: 1193px) {
    .footer_menu .menu {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
  }

  @media (max-width: 770px) {
      .footer_menu .menu {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 20px;
      }
  }

  @media (max-width: 468px) {
      .footer_menu .menu {
          grid-template-columns: 1fr;
      }
  }
}

  html[lang="vi"] {
     header {
      @media (max-width: 1212px) {
      .header_menu#Menu {
        display: none;
      }

      li.menu-item {
        width: 100%;
      }

      li.menu-item span,
      li.menu-item a {
        display: flex;
      }

      li.menu-item span svg,
      li.menu-item a svg {
        margin-inline-start: auto;
      }

      li.menu-item span img,
      li.menu-item a img {
        display: inline-block;
      }

      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }

      #Menu,
      .buttons {
        display: none;
      }

      #menuToggle {
        display: block;
        position: absolute;
        top: 17px;
        right: 10px;
        z-index: 500;
        -webkit-user-select: none;
        user-select: none;
      }

      #menuToggle a {
        text-decoration: none;
        transition: color 0.3s ease;
      }

      #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
      }

      #menuToggle span.line {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
      }

      #menuToggle span.line:first-child {
        transform-origin: 0% 0%;
      }

      #menuToggle span.line:nth-last-child(2) {
        transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span.line {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f1f1f1;
      }

      #menuToggle input:checked ~ span.line:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span.line:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }

      #Mobile-menu {
        position: absolute;
        width: 295px;
        padding: 10px;
        background: #fefefe;
        list-style-type: none;
        margin-top: 35px;
        transform-origin: 0% 0%;
        transform: translate(200%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        right: -10px;
        border: 1px solid #273773;
        box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px,
          rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
          rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
          rgba(110, 110, 110, 0.2) -3px -3px 0px;
        overflow-y: auto;
        height: fit-content;
        max-height: 80vh;
      }

      li {
        img {
          margin: 0px 5px 5px 5px;
        }
      }

      .borders {
        border-top: 2px solid #273773;
        border-bottom: 2px solid #273773;

        p {
          margin-inline-end: 0;
          margin-top: 15px;
          margin-bottom: 9px;

          img {
            margin-inline-start: 5px;
            margin-inline-end: 10px;
          }
        }
      }

      .svg-icon {
        width: 30px;
        height: 15px;
        fill: #1b75b8;
        transition: transform 0.3s ease, fill 0.3s ease;
        float: right;
      }

      .mobil-btn {
        margin: 20px auto 10px auto;
      }

      .small-btn {
        width: 180px;
        border-radius: 10px;
        font-weight: 700;
        margin: 5px auto;
        text-align: center;
        height: 30px;
        color: #fff;
        padding: 5px;
        display: block;
      }

      .register {
        margin-top: 12px;
        background-color: #ef5a28;
        color: #fff;
      }

      .logIn {
        background-color: #273773;
      }

      .panel p {
        margin: 5px 20px;
      }

      #menuToggle input:checked ~ div {
        transform: none;
        display: block;
      }

      .accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        transition: 0.4s;
        height: fit-content;
      }

      .menu-item a,
      .menu-item p,
      .menu-item-has-children a,
      .menu-item span,
      .menu-item-has-children span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 5px;
      }

      li a:hover {
        color: #273773;
      }

      .active,
      .accordion:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .menu-item:hover .sub-menu {
        display: none;
      }

      .menu-item-has-children a:hover,
      .menu-item-has-children span:hover {
        color: #273773;
        border-bottom: none;
      }

      .menu-item:hover .svg-icon {
        transform: rotate(0);
        fill: #ef5a28;
      }

      .menu-item.active .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }

      li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children {
        background-color: #273773;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a,
      li.menu-item ul.sub-menu li.menu-item-has-children span {
        color: #fff;
        font-weight: 700;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a svg,
      li.menu-item ul.sub-menu li.menu-item-has-children span svg {
        display: none;
      }

      li.menu-item.active ul.sub-menu {
        position: relative;
        display: block;
        padding-inline-start: 45px;
        box-shadow: none;
        top: 0;
      }

      li.menu-item.active ul.sub-menu .subsection_ttl span,
      li.menu-item.active ul.sub-menu .subsection_ttl a {
        text-align: center;
        display: inline-block;
        width: 100%;
      }

      li.menu-item.active ul.sub-menu li a,
      li.menu-item.active ul.sub-menu li span {
        padding: 2px 0 2px 0;
      }

      li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
        position: relative;
        display: block;
        left: 0;
        padding-inline-start: 10px;
      }

      li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        padding: 0;
      }

      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        a,
      p.menu-item-has-children,
      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
      }

      .active,
      .menu-item:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .active .panel {
        max-height: fit-content;
      }

      .panel {
        max-height: 0;
        padding: 0 0 0 45px;
        overflow: hidden;
        margin: 5px auto;
        width: 100%;
        position: relative;
        transition: max-height 0.3s ease-out;
        display: grid;
        list-style-type: none;

        .main {
          background-color: #273773;
          color: #ffb401;
          font-weight: 700;
          padding: 2px;
          text-align: center;
          width: 100%;
          display: block;
        }

        a {
          color: #273773;
          text-align: start;
          font-weight: 500;
          padding-top: 5px;
        }

        .subtitle {
          font-weight: 700;
          background-color: #273773;
          color: #fff;
          padding: 2px;
          margin: 0;
          width: 100%;
          display: block;
        }
      }

      ul.menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      }
      .getOurApp-wrap {
      display: none;
      }
      @media (max-width: 1212px) {
      .sticky.top-bar {
        height: 75px;
        .logo {
          width: 125px;
          height: fit-content;
          margin: 10px 5px;
        }
      }
      .sticky::before,
      .sticky::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: fit-content;
      pointer-events: none;
      transition: opacity 0.3s ease-in-out;
      opacity: 1;
      z-index: 102;
      }
      .getOurApp-wrap {
      display: block;
      position: relative;
      width: 100%;
      padding-inline-end: 15px;
      padding-inline-start: 15px;
      margin-inline-end: auto;
      margin-inline-start: auto;
      background-color: #ffb401;
      /* top: 19px; */
      #GetOurApp {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 1rem;
      inset: 74% 0 auto auto;
      justify-content: flex-start;
      padding: 0.5rem;

      /* position: fixed; */
      /* z-index: 100; */
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid gray;
      border-radius: 5px 0 0 5px;
      font-size: 14px;
      font-weight: bold;
      .content {
      display:flex;
      justify-content:space-between;
      width:100%;
      p {
      padding-top: 5px;
      margin: 0;
      }
      .btn {
      display: block;
      border: none;
      background-color: #162856;
      box-shadow: none;
      margin: 0;
      }
      }
      }
      }
      }
    }
    .account-type-wrap {
    .card-wrap {
        position: relative;
        width: 400px;
        background-color: #fff;
        margin: auto;
        min-height: 410px;
        perspective: 1000px;
        border: 3px solid #fff;
        border-radius: 15px;
    }
    }
    .header-img-wrap {
            .header-img-contact-us, .header-img-turning-in-gold {
                width: clamp(200px, 70vw, 675px);
            }
    }
    .slideshow-container {
     @media (max-width: 909px) {
      .main-cta {
        h1 {
          font-size: 25px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 872px) {
      .main-cta {
        h1 {
          font-size: 21px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 828px) {
      .main-cta {
        h1 {
          font-size: 19px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    }
    .vertical {
          margin-top: 450px;
          white-space: nowrap;
          position: relative;
          left: 0;
          top: 70px;
          transform: rotate(270deg);
      p {
        font-weight: 900;
        font-size: 110px;
        color: #273773;
        padding: 0 20px;
      }
    }
    .top-bar {
      .sub-menu, .sub-menu li .submenu {
      min-width: 265px;
    }
        @media (max-width: 1090px) {
            #menuToggle {
                display: block;
                position: absolute;
                top: 17px;
                right: 10px;
                z-index: 1;
                -webkit-user-select: none;
                user-select: none;
            }
             #Mobile-menu {
                position: absolute;
                width: 295px;
                padding: 10px;
                background: #fefefe;
                list-style-type: none;
                margin-top: 35px;
                transform-origin: 0% 0%;
                transform: translate(200%, 0);
                transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
                right: -10px;
                border: 1px solid #273773;
                box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px, rgba(110, 110, 110, 0.2) 0px 7px 13px -3px, rgba(110, 110, 110, 0.2) 0px -3px 0px inset, rgba(110, 110, 110, 0.2) -3px -3px 0px;
                overflow-y: auto;
                height: fit-content;
                max-height: 80vh;
            }
        }
    }
    .footer_menu .menu {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }
    .footer_menu .menu > .menu-item {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .footer_menu .sub-menu {
        flex-direction: column;
    }
    @media (max-width: 1193px) {
    .footer_menu .menu {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    }

    @media (max-width: 770px) {
        .footer_menu .menu {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 468px) {
        .footer_menu .menu {
            grid-template-columns: 1fr;
        }
    }
}

  html[lang="es"] {
  .vertical {
    margin-top: 365px;
    white-space: nowrap;
    position: relative;
    left: 0;
    top: 70px;
    transform: rotate(270deg);
    p {
      font-weight: 900;
      font-size: 130px;
      color: #273773;
      padding: 0 20px;
    }
  }
  header {
    .top-bar {
      .sub-menu {
        min-width: 240px;
      }
    }
      @media (max-width: 1282px) {
      .header_menu#Menu {
        display: none;
      }

      li.menu-item {
        width: 100%;
      }

      li.menu-item span,
      li.menu-item a {
        display: flex;
      }

      li.menu-item span svg,
      li.menu-item a svg {
        margin-inline-start: auto;
      }

      li.menu-item span img,
      li.menu-item a img {
        display: inline-block;
      }

      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }

      #Menu,
      .buttons {
        display: none;
      }

      #menuToggle {
        display: block;
        position: absolute;
        top: 17px;
        right: 10px;
        z-index: 500;
        -webkit-user-select: none;
        user-select: none;
      }

      #menuToggle a {
        text-decoration: none;
        transition: color 0.3s ease;
      }

      #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
      }

      #menuToggle span.line {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
      }

      #menuToggle span.line:first-child {
        transform-origin: 0% 0%;
      }

      #menuToggle span.line:nth-last-child(2) {
        transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span.line {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f1f1f1;
      }

      #menuToggle input:checked ~ span.line:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span.line:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }

      #Mobile-menu {
        position: absolute;
        width: 255px;
        padding: 10px;
        background: #fefefe;
        list-style-type: none;
        margin-top: 35px;
        transform-origin: 0% 0%;
        transform: translate(200%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        right: -10px;
        border: 1px solid #273773;
        box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px,
          rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
          rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
          rgba(110, 110, 110, 0.2) -3px -3px 0px;
        overflow-y: auto; /* Enable vertical scrolling if content overflows */
        height: fit-content; /* Adjust height dynamically based on content */
        max-height: 80vh; /* Set maximum height to 80% of the viewport height */
      }

      li {
        img {
          margin: 0px 5px 5px 5px;
        }
      }

      .borders {
        border-top: 2px solid #273773;
        border-bottom: 2px solid #273773;

        p {
          margin-inline-end: 0;
          margin-top: 15px;
          margin-bottom: 9px;

          img {
            margin-inline-start: 5px;
            margin-inline-end: 10px;
          }
        }
      }

      .svg-icon {
        width: 30px;
        height: 15px;
        fill: #1b75b8;
        transition: transform 0.3s ease, fill 0.3s ease;
        float: right;
      }

      .mobil-btn {
        margin: 20px auto 10px auto;
      }

      .small-btn {
        width: 180px;
        border-radius: 10px;
        font-weight: 700;
        margin: 5px auto;
        text-align: center;
        height: 30px;
        color: #fff;
        padding: 5px;
        display: block;
      }

      .register {
        margin-top: 12px;
        background-color: #ef5a28;
        color: #fff;
      }

      .logIn {
        background-color: #273773;
      }

      .panel p {
        margin: 5px 20px;
      }

      #menuToggle input:checked ~ div {
        transform: none;
        display: block;
      }

      .accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        transition: 0.4s;
        height: fit-content;
      }

      .menu-item a,
      .menu-item p,
      .menu-item-has-children a,
      .menu-item span,
      .menu-item-has-children span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 5px;
      }

      li a:hover {
        color: #273773;
      }

      .active,
      .accordion:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .menu-item:hover .sub-menu {
        display: none;
      }

      .menu-item-has-children a:hover,
      .menu-item-has-children span:hover {
        color: #273773;
        border-bottom: none;
      }

      .menu-item:hover .svg-icon {
        transform: rotate(0);
        fill: #ef5a28;
      }

      .menu-item.active .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }

      li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children {
        background-color: #273773;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a,
      li.menu-item ul.sub-menu li.menu-item-has-children span {
        color: #fff;
        font-weight: 700;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a svg,
      li.menu-item ul.sub-menu li.menu-item-has-children span svg {
        display: none;
      }

      li.menu-item.active ul.sub-menu {
        position: relative;
        display: block;
        padding-inline-start: 45px;
        box-shadow: none;
        top: 0;
      }

      li.menu-item.active ul.sub-menu .subsection_ttl span,
      li.menu-item.active ul.sub-menu .subsection_ttl a {
        text-align: center;
        display: inline-block;
        width: 100%;
      }

      li.menu-item.active ul.sub-menu li a,
      li.menu-item.active ul.sub-menu li span {
        padding: 2px 0 2px 0;
      }

      li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
        position: relative;
        display: block;
        left: 0;
        padding-inline-start: 10px;
      }

      li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        padding: 0;
      }

      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        a,
      p.menu-item-has-children,
      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
      }

      .active,
      .menu-item:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .active .panel {
        max-height: fit-content;
      }

      .panel {
        max-height: 0;
        padding: 0 0 0 45px;
        overflow: hidden;
        margin: 5px auto;
        width: 100%;
        position: relative;
        transition: max-height 0.3s ease-out;
        display: grid;
        list-style-type: none;

        .main {
          background-color: #273773;
          color: #ffb401;
          font-weight: 700;
          padding: 2px;
          text-align: center;
          width: 100%;
          display: block;
        }

        a {
          color: #273773;
          text-align: start;
          font-weight: 500;
          padding-top: 5px;
        }

        .subtitle {
          font-weight: 700;
          background-color: #273773;
          color: #fff;
          padding: 2px;
          margin: 0;
          width: 100%;
          display: block;
        }
      }

      ul.menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      }
      .getOurApp-wrap {
      display: none;
      }
      @media (max-width: 1282px) {
      .sticky.top-bar {
        height: 75px;
        .logo {
          width: 125px;
          height: fit-content;
          margin: 10px 5px;
        }
      }
      .sticky::before,
      .sticky::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: fit-content;
      pointer-events: none;
      transition: opacity 0.3s ease-in-out;
      opacity: 1;
      z-index: 102;
      }
      .getOurApp-wrap {
      display: block;
      position: relative;
      width: 100%;
      padding-inline-end: 15px;
      padding-inline-start: 15px;
      margin-inline-end: auto;
      margin-inline-start: auto;
      background-color: #ffb401;
      /* top: 19px; */
      #GetOurApp {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 1rem;
      inset: 74% 0 auto auto;
      justify-content: flex-start;
      padding: 0.5rem;

      /* position: fixed; */
      /* z-index: 100; */
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid gray;
      border-radius: 5px 0 0 5px;
      font-size: 14px;
      font-weight: bold;
      .content {
      display:flex;
      justify-content:space-between;
      width:100%;
      p {
      padding-top: 5px;
      margin: 0;
      }
      .btn {
      display: block;
      border: none;
      background-color: #162856;
      box-shadow: none;
      margin: 0;
      }
      }
      }
      }
      }
  }
  .slideshow-container {
    @media (max-width: 1252px) {
      .main-cta {
        h1 {
          font-size: 33px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 1099px) {
      .main-cta {
        h1 {
          font-size: 30px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    @media (max-width: 969px) {
      .main-cta {
        h1 {
          font-size: 22px;
          font-weight: 900;
          height: fit-content;
          padding: 10px 0px 0px 0px;
        }
      }
    }
    
  }
  .account-type-wrap {
    .card-wrap {
        position: relative;
        width: 400px;
        background-color: #fff;
        margin: auto;
        min-height: 410px;
        perspective: 1000px;
        border: 3px solid #fff;
        border-radius: 15px;
    }
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}
body.blog h1 {
  text-transform: uppercase;
}

h1 {
  font-size: 36px;
  min-height: 47px;
  font-weight: 900;
}

h3 {
  color: #222222;
  font-size: 25px;
  font-weight: 900;
  margin-top: 0;
}

p,
li {
  color: #222222;
  font-size: 15px;
  .prefix {
    font-weight: 800;
    color: #222222;
  }
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
 text-decoration: underline;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-inline-end: calc(-0.5 * var(--bs-gutter-x));
  margin-inline-start: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-inline-end: calc(var(--bs-gutter-x) * 0.5);
  padding-inline-start: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul {
  padding-inline-start: 20px;
}

.uppercase {
  text-transform: uppercase !important;
}
.no-text-transform {
  text-transform: none !important;
}

.lg-box {
  flex: 0 0 auto;
  width: 75%;
}

.md-lg-box {
  flex: 0 0 auto;
  width: 65%;
}

.md-box {
  flex: 0 0 auto;
  width: 50%;
}
.s-md-box {
  width: 590px;
}

.xxl-box {
  width: 100%;
  margin: 0;
}

.xl-box {
  width: 80%;
}

.s-box {
  width: 460px;
}

.sm-box {
  width: 430px;
}

.s-xs-box {
  width: 250px;
  text-align: center;
}

.xs-box {
  width: 360px;
}

.xxs-box {
  width: 300px;
}

.xxxs-box {
  width: 250px;
}
.sm-height {
  height: 222px;
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-item-left {
  flex: 45%;
}

.flex-item-right {
  flex: 55%;
}

.d-none {
  display: none;
}

.mx-auto {
  margin-inline-end: auto !important;
  margin-inline-start: auto !important;
}
.mx-0 {
  margin-left: 0 ;
  margin-right: 0 ;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mx-1 {
  margin-inline-end: 10px;
  margin-inline-start: 10px;
}
.mx-2 {
  margin-inline-end: 20px;
  margin-inline-start: 20px;
}
.mx-3 {
  margin-inline-end: 30px;
  margin-inline-start: 30px;
}
.px-7 {
  padding-inline-end: 70px !important;
  padding-inline-start: 70px !important;
}
.mt-0 {
  margin-top: 0;
}
.mt-05 {
  margin-top: 5px;
}
.mt-1 {
  margin-top: 10px !important;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mt-4 {
  margin-top: 40px;
}
.mt-5 {
  margin-top: 50px;
}
.mt-15 {
  margin-top: 150px;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 30px;
}
.mb-4 {
  margin-bottom: 40px;
}
.mb-5 {
  margin-bottom: 50px;
}
.mt-6 {
    margin-top: 60px;
}
.ml-auto {
  margin-inline-start: auto;
}
.mr-auto {
  margin-inline-end: auto;
}
.ml-1 {
  margin-inline-start: 10px;
}
.ml-2 {
  margin-inline-start: 20px;
}
.ml-3 {
  margin-inline-start: 30px;
}
.mr-1 {
  margin-inline-end: 10px;
}
.mr-2 {
  margin-inline-end: 20px;
}
.mr-4 {
  margin-inline-end: 40px;
}
.mr-5 {
  margin-inline-end: 50px;
}
.ml-4 {
  margin-inline-start: 40px;
}
.ml-5 {
  margin-inline-start: 50px;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 2rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pl-0 {
  padding-inline-start: 0;
}
.pl-2 {
  padding-inline-start: 20px;
}
.pt-1 {
  padding-top: 10px !important;
}
.pt-2 {
  padding-top: 15px !important;
}
.pb-2 {
  padding-bottom: 15px !important;
}
.font-size-18 {
  font-size: 18px !important;
}

.wrap {
  width: 100%;
  font-family: Montserrat;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}

.container {
  max-width: 100%;
  width: 1320px;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  margin-inline-end: auto;
  margin-inline-start: auto;
  position: relative;
}

.center-wrap {
  max-width: fit-content;
  margin: auto;
}

.box {
  max-width: fit-content;
  margin: 10px auto;
}

.mteBtn {
  border-radius: 7px;
  font-weight: 600;
}

.btn {
  display: inline-block;
  padding: 5px 30px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  transition: 
    transform 0.15s ease-in-out,
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  background-color: #ef5a28;
  border-radius: 10px;
  color: #f2f2f2;
  font-weight: 700;
  margin: auto;
  box-shadow: #f2f2f2 8px 8px 0px -3px, #273773 8px 8px;
}
a.btn {
  text-decoration: none;
}

.btn:hover {
  background-color: #273773;
  color: #ffb401;
  transform: translate(3px, 3px); /* Slight "pressed" effect */
  box-shadow: #f2f2f2 2px 2px 0px -3px, #ffb401 0px 0px 0px 4px; /* Softer shadow changes */
}

.small-black-btn {
  background-color: #171718;
  font-size: 16px;
  border-radius: 10px;
  color: #f2f2f2;
  font-weight: 700;
  margin: auto;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
}

.small-black-btn:hover {
  background-color: #ef5a28;
  color: #fff;
  text-decoration: none;
}

.small-orange-btn {
  background-color: #ef5a28;
   padding: 5px 30px;
  border-radius: 10px;
  color: #f2f2f2;
  font-weight: 700;
  margin: auto;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.small-orange-btn:hover {
  border: 2px solid #ffb401;
  color: #ffb401;
  background-color: #273773;
  transform: none;
  box-shadow: none;
}

.font-30 {
  font-size: 50px;
}

.width-auto {
  width: fit-content;
}
.inline-block {
  display: inline-block;
}
.full-width {
  width: 100%;
}
.lg-box.full-width {
  width: 70% !important;
}
.width-100 {
  width: 120px;
}
.width-200 {
  width: 200px;
}
.width-300 {
  width: 300px;
}
.img-center {
  display: flex;
  margin: auto;
}
.no-list-style {
  list-style-type: none !important;
}
.font-italic {
  font-style: italic;
}

.text-yalow {
  color: #ffb401 !important;
}
.text-black {
  color: #0c0c0c;
}
.text-yellow {
  color: #ffb401 !important;
}
.text-white {
  color: #fff !important;
}
.text-light-orange {
  color: #ec673a;
}
.text-orange {
  color: #ef5a28 !important;
}
.text-dark-blue {
  color: #273773 !important;
}
.text-light-blue {
  color: #2179bb;
}
.text-left {
  text-align: start !important;
}
.text-right {
  text-align: end !important;
}
.text-center {
  text-align: center !important;
}
.text-bold {
  font-weight: 900 !important;
}
.text-bolder {
  font-weight: 900 !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.no-shadow {
  box-shadow: none !important;
}
.no-btn-shadow {
  box-shadow: none !important;
}
.no-text-decoration {
  text-decoration: none;
}
.no-text-decoration:hover {
  text-decoration: underline;
  cursor: pointer;
}
.no-text-decoration-yellow:hover {
  color: #ffb401 !important;
  text-decoration: underline;
  .white-prefix {
 color: #fff;
  }
}
.left-top-shadow {
  box-shadow: rgb(255, 255, 255) -10px -10px 0px -3px,
    rgb(12, 14, 12) -10px -10px;
}
.left-Bottom-shadow {
  box-shadow: rgb(255, 255, 255) -10px 10px 0px -3px, rgb(12, 14, 12) -10px 10px;
}
.right-top-shadow {
  box-shadow: rgb(255, 255, 255) 10px -10px 0px -3px, rgb(12, 14, 12) 10px -10px;
}
.right-bottom-shadow {
  box-shadow: rgb(255, 255, 255) 10px 10px 0px -3px, rgb(12, 14, 12) 10px 10px;
}
.white-big-border {
  border: 5px solid #fff;
}
.white-small-border {
  border: 2px solid #fff;
}
.small-white-border {
  border: 1px solid #fff;
}
.border-bottom-white {
  border-bottom: 2px solid #ffffff;
}
.articles-wrap {
  max-height: 1000px;
  overflow-y: auto;
}
.flex {
  display: flex;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}

.divider {
  width: 2px;
  height: 729px;
  background-color: #fff;
  transform: rotate(-10deg);
  transform-origin: center;
  position: absolute;
  top: -84px;
  left: 45%;
}

.bullet {
  color: #1b75ba;
  font-size: 20px;
  margin: auto 6px;
  font-weight: 900;
}

.big-bullet {
  color: #273773;
  font-size: 20px;
  margin: auto 6px;
  font-weight: 900;
}

.big-bullets {
  font-size: 20px;
  margin: auto 6px;
  font-weight: 900
}

.list-style-none {
  list-style-type: none;
}

.list-style-big-bullets {
li::marker {
  font-size: 25px; /* Adjust size */
  color: #f1c40f;

}
}
.list-style-type-disc {
list-style-type: disc ;
}
.line-h {
  line-height: 1.5;
}
.svg-arrow-one {
  fill: none;
  stroke: #ffb10a;
  stroke-width: 10;
  stroke-dasharray: 5000;
  stroke-dashoffset: 5000;
  animation: draw 4s ease forwards;
}

.svg-arrow-two {
  fill: none;
  stroke: #ffb10a;
  stroke-width: 15;
  stroke-dasharray: 5000;
  stroke-dashoffset: 5000;
  animation: draw 4s ease forwards;
}

.svg-arrow-three {
  fill: none;
  stroke: #ffb10a;
  stroke-width: 30;
  stroke-dasharray: 6000;
  stroke-dashoffset: 5000;
  animation: draw 4s ease forwards;
}

.svg-arrow-four {
  fill: none;
  stroke: #ffb10a;
  stroke-width: 25;
  stroke-dasharray: 7000;
  stroke-dashoffset: 5000;
  animation: draw 4s ease forwards;
}

.draw {
  animation: draw 4s ease forwards;
}
.drawable-parent.draw {
  .drawable {
  display: block !important;
}
}

.drawable-parent {
  .drawable {
  display: none;
}
}

/* .drawable.draw {
  display: block;
} */

@keyframes draw {
  from {
    stroke-dashoffset: 5000;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.contact-bar {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
  background-color: #273773;
  border: 2px solid #ef5a28;
  border-radius: 15px;

  .phone {
    width: 50px;
    height: 50px;
    display: block;
    svg {
      margin: 9px 10px;
    }
    border-bottom: 1px dashed #f1f1f1;
  }
  .phone:hover {
    .color-svg-phone {
      stroke: #ffb401;
    }
    border-bottom: 1px dashed #ffb401;
  }
  .email {
    width: 50px;
    height: 50px;
    display: block;
    svg {
      margin: 9px 10px;
    }
  }
  .email:hover {
    .color-svg-email {
      fill: #ffb401;
    }
  }

  .whatsapp {
    width: 50px;
    height: 50px;
    display: block;
    svg {
      margin: 7px 10px;
    }
    border-bottom: 1px dashed #f1f1f1;
  }
  .whatsapp:hover {
    .color-svg-whatsapp {
      fill: #ffb401;
    }
    border-bottom: 1px dashed #ffb401;
  }
}

@media (max-width: 1079px) {
  .contact-bar {
    display: none;
  }
}
.payment-container {
  text-align: center;
    .sm-box-img {
      margin-inline-start: 25px;
      margin-inline-end: 30px;
      margin-top: 5px;
      margin-bottom: 0px;
      display: inline-flex;
      img {
        display: flex;
      }
    }
}

.account-type-wrap {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: auto;
  border-collapse: collapse;
  text-align: center;
  position: relative;
    button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;

    }

    #prevBtn {
      left: 0;
        svg {
        width: 30px;
        height: 30px;
        margin-inline-end: 3px;
      }
    }
    #prevBtn:hover {
      left: 0;
    }
    #nextBtn {
      right: 0;
        svg {
        width: 30px;
        height: 30px;
        margin-inline-start: 3px;
      }
    }

    .card-wrap:hover {
      .bg-frame {
         transform: rotateY(-90deg);
        opacity: 0;
      }
    }
    .silver-border:hover {
        border: 3px solid rgb(163, 161, 161);
    }
    .gold-border:hover {
      border: 3px solid #f1c40f;
    }
    .vip-border:hover {
      border: 3px solid #000;
    }
    .card-wrap {
      position: relative;
      width: 400px;
      background-color: #fff;
      margin: auto;
      min-height: 400px;
      perspective: 1000px;
      border: 3px solid #fff;
      border-radius: 15px;
      .silver {
        li::marker {
          color: rgb(163, 161, 161);
        }
      }
      .gold {
        li::marker {
          color: rgb(243, 199, 53);
        }
      }
      .silver-bg {
        background-image: url("../imgs/silver\ background.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 15px;
      }
      .gold-bg {
        background-image: url("../imgs/gold\ background.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 15px;
      }
      .vip-bg {
        background-image: url("../imgs/vip\ background.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 15px;
      }
      .bg-frame {
        width: 100%;
        height: 100%;
        position: absolute;
        transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
        transform-origin: right center;
        transform: rotateY(0deg);
        opacity: 1;
          img {
            margin-top: 10%;
          }
        .title {
          font-weight: 900;
          color: #000;
          font-size: 40px;
        }
        .subtitle {
          font-weight: 900;
          color: #000;
          font-size: 17px;
        }
      }
      .card-body {
        height: auto;
        width: 350px;
        text-align: left;
        margin: auto;
        ul {
          list-style-type: disc;
        }
      li {
        color: #000;
        padding: 3px;
        font-weight: 500;
      }
        .btn {
          box-shadow: none;
        }
        .btn:hover {
          transform: none;
        }
      }

    }
}

 @media (max-width: 1350px) {
  .account-type-wrap {
    width: 85%;
  }
 }
  @media (max-width: 1110px) {
  .account-type-wrap {
    width: 70%;
  }
 }
  @media (max-width: 730px) {
  .account-type-wrap {
    width: 95%;
  }
 }
  @media (max-width: 480px) {
  .account-type-wrap {
    width: 100%;
     #prevBtn,
     #nextBtn {
      padding: 0;
      svg {
        width: 25px;
        height: 25px;
      }
     }
    .card-wrap {
width: 97%;
.card-body {
  width: auto;
}
    }
  }
 }

.news-updates-parent {
  width: 70%;
  margin: auto;
}
.news-pdf-wrap {
  padding: 10px;
  svg {
    margin-inline-end: 30px;
    align-self: center;
    width: 18px;
    height: auto;
    display: inline;
  }
  span {
    border-right: 1px solid #0c0c0c;
    font-size: 30px;
  }
  a {top: -5px;
    margin-inline-start: 30px;
    position: relative;
    text-decoration: none;
    color: #1b75ba;
  }
  a:hover {
    text-decoration: underline;
  }
p {
  padding-inline-start: 30px;
  font-weight: 600;
}
}
.small-post {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.hidden {
  display: none;
}
.flip-opposite {
  transform: rotate(180deg);
}
.float-right {
  float: right;
}
.text-decoration-none {
  text-decoration: none;
}
.chevron-left,
.chevron-right {
  position: relative;
  bottom: -4px;
}
.table-wrap {
    .custom-th {
     background-color: #e5e5e5;
    font-weight: 800;
     padding: 10px;
       border: 1px solid #273773;
  }
  table,
  td {
    border: 1px solid #273773;
    text-align: center;
    border-spacing: 0;
    font-size: 14px;
  }
  th {
    background-color: #ffb401;
    color: #0c0c0c;
    font-weight: 700;
    padding: 10px;
    font-size: 15px;
  }
  td {
    width: 150px;
    font-weight: 700;
    padding: 30px 5px;
  }
  .sell-btn {
    border: 2px solid #1d75ba;
    border-radius: 7px;
    background-color: #1b75ba;
    color: #f1f1f1;
    font-weight: 700;
    padding: 5px 30px;
    transition: 1s all ease;
    box-shadow: inset 0 0 0 0 #f1f1f1;
  }
  .buy-btn {
    border: 2px solid #ef5a28;
    border-radius: 7px;
    background-color: #ef5a28;
    color: #f1f1f1;
    font-weight: 700;
    padding: 5px 30px;
    transition: 1s all ease;
    box-shadow: inset 0 0 0 0 #f1f1f1;
  }
  .sell-btn:hover,
  .buy-btn:hover {
    box-shadow: inset 400px 50px 0 0 #f1f1f1;
  }
  .buy-btn:hover {
    color: #ef5a28;
  }
  .sell-btn:hover {
    color: #1b75ba;
  }
}
@media (max-width: 700px) {
.table-wrap {
  .md-box,
  .md-lg-box,
  .lg-box {
  width: 100% !important;
}
}
}
.round-small-buttons-wrap {
  width: 205px;
  height: 205px;
  margin: auto;
}
.round-dots-small-button:hover {
  .round-small-button {
    box-shadow: inset -1px -4px 12px 0px rgba(0, 0, 0, 0.4),
      inset 5px -3px 3px -3px rgba(0, 0, 0, 0.4);
  }
}
.round-dots-small-button {
  width: 180px;
  height: 180px;
  border-radius: 180px;
  border: 1px dashed #747272;
  position: relative;
  margin: auto;
  cursor: pointer;
   img {
      pointer-events: none; 
    }
  .round-small-button {
    position: absolute;
    top: 13px;
    left: 14px;
    width: 150px;
    height: 150px;
    border-radius: 180px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
      rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    .title {
      top: 30px;
      left: 25px;
      position: absolute;
      font-size: 13px;
      font-weight: 900;
      text-align: center;
      width: 100px;
    }
    .number {
      top: 60px;
      left: 65px;
      position: absolute;
      font-size: 30px;
      font-weight: 900;
    }
  }
  .orange-bottom-arrow {
    position: absolute;
    width: 215px;
    bottom: -58px;
    right: -80px;
  }
  .orange-top-arrow {
    position: absolute;
    width: 215px;
    top: -61px;
    right: -78px;
  }
  .yellow-arrow {
    position: absolute;
    width: 215px;
    bottom: -59px;
    right: -80px;
  }
  .light-blue-arrow {
    position: absolute;
    width: 215px;
    top: -62px;
    right: -78px;
  }
  .blue-arrow {
    position: absolute;
    width: 215px;
    bottom: -59px;
    right: -80px;
  }
  .black-line {
    position: absolute;
    width: 180px;
    top: -70px;
    right: -46px;
    transform: rotate(-95deg);
  }
}
.contact-btn {
  border: 2px solid #1d75ba;
  border-radius: 7px;
  background-color: #1b75ba;
  color: #f1f1f1;
  font-weight: 700;
  padding: 5px 10px;
  transition: 1s all ease;
  box-shadow: inset 0 0 0 0 #f1f1f1;
  text-decoration: none;
}
.contact-btn:hover {
  color: #273773;
  border: 2px solid #273773;
  box-shadow: inset 400px 50px 0 0 #f1f1f1;
}
.webinars-card {
  border: 1px solid #e5e5e5;
  width: 100%;
  height: auto;
  background: rgb(2,0,36);
  background: linear-gradient(349deg, rgba(2,0,36,1) 3%, rgba(39,55,115,1) 46%, rgba(124,25,77,1) 89%);
  position: relative;
  .date-wrap {
    width: fit-content;
    position: absolute;
    top: 20%;
    text-align: center;
    left: 20%;
       p {
    font-size: 30px;
    font-weight: 800;
    display: block;
    }
  }
 .title {
    background-color: #fff;
    padding: 10px 5px;
    margin-bottom: 0;
    color: #0c0c0c;
    font-weight: 800;
    text-align: center;
    font-size: 15px;
  }
}
.realShares-tablet {
  position: relative;
  width: auto;
  height: auto;
  bottom: -35px;
}
.arrow-wrap {
  margin-bottom: 25px;
  padding: 5px 5px;
  background-color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #273773;
  display: flex;
  clip-path: polygon(
    0 0,
    97% 0,
    100% 50%,
    97% 100%,
    0 100%
  );
  .first-inner-arrow {
    width: 40%;
    margin: auto;
    text-align: center;
    padding: 20px 0px;
    background-color: #dbd5d5;
  
    clip-path: polygon(
    0 0,
    92% 0,
    100% 50%,
    92% 100%,
    0 100%
  );
  }
   .second-inner-arrow {
    width: 40%;
    margin: auto;
    text-align: center;
    padding: 20px 0px;
    background-color: #dbd5d5;
    clip-path: polygon(
    8% 0,
    92% 0,
    100% 50%,
    92% 100%,
    8% 100%,
    14% 50%
  );
  }
    .third-inner-arrow {
    width: 40%;
    margin: auto;
    text-align: center;
    padding: 20px 0px;
    background-color: #dbd5d5;

    clip-path: polygon(
    8% 0,
    92% 0,
    100% 50%,
    92% 100%,
    8% 100%,
    14% 50%
  );
  }
    .first-inner-arrow:hover,
    .second-inner-arrow:hover,
    .third-inner-arrow:hover {
    background-color: #2179bb;
    color: #fff;
    font-weight: 900;
  }
}
.mobile-how-to-inv-realShares {
  width: 100%;
    display: none;
    text-align: center;
    font-weight: 800;
  .first-card,
  .second-card,
  .third-card
   {
    border: 5px solid #fff;
    padding: 20px;
    margin: 15px auto;
    background-color: #2179bb;
    color: #fff;
  }
}
.trading-info-body {
  background-image: url("../imgs/Trading\ info\ body\ image.png");
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}
.trading-info-body-img {
    display: none;
}
@media (max-width: 1702px) {
   .trading-info-body {
  background-image: none;
  height: auto;
 }
  .trading-info-body-img {
    display: block;
    width: 100%;
    height: auto;
 }
}
.table-custom-col-wrap {
    th:first-child, td:first-child {
    width: auto;
}

th:nth-child(2), td:nth-child(2) {
    width: 30%;
}
td:nth-child(2) {
  font-size: 20px;
}
th, td:nth-child(2) {
  color: #273773 !important;
  font-weight: 900 !important;
}
tbody tr:nth-child(even) {
    background-color: #e5e5e5 !important;
}
}

.pattern-element {
  position: absolute;
  top: -27px;
  right: 0;
  width: 359px;
}
.mobil-pattern-wrap {
  display: none;
}
.islamic-pattern {
display: none;
}
.letters {
  color: #fff;
  font-size: 28px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  a {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
  }
    a:hover {
    color: #ffb401;
    font-weight: 900;
  }
  h4 {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.letters-wrap {
  h5 {
    font-size: 20px;
    scroll-margin-top: 100px;
    scroll-behavior: smooth;
  }
.accordion-glossary {
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.accordion-glossary.activate {
  background-color: #fff;
  color: #ffb401;
  font-weight: 900;
}

.panel-glossary {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.panel-glossary div {
  padding: 10px;
}
}
.socials-container {
  margin: auto;
  flex-direction: row;
  span {
     margin: 10px 40px;
     display: inline-flex;
  }
  a {
    background-color: #fefefe;
    width: 65px;
    height: 65px;
    border-radius: 50px;
  }
  .facebook {
    svg {
      margin: 12px 10px;
    }
  }
  .facebook:hover {
    background-color: #39569c;
    .color {
      fill: #fff;
    }
  }
    .whatsapp {
    svg {
      margin: 12px 10px;
    }
  }
  .whatsapp:hover {
    background-color: #25d366;
    .color {
      fill: #fff;
    }
  }
    .linkedin {
    svg {
      margin: 14px 10px;
    }
  }
    .linkedin:hover {
    background-color: #0073b2;
    .color {
      fill: #fff;
    }
  }
    .instagram {
    svg {
      margin: 12px 10px;
    }
  }
    .instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    .color {
      fill: #fff;
    }
  }
    .tiktok {
    svg {
      margin: 12px 10px;
    }
  }
  .tiktok:hover {
    background-color: #000000;
    .color {
      fill: #fff;
    }
  }
    .telegram {
    svg {
      margin: 15px 6px;
    }
  }
  .telegram:hover {
    background-color: #0088cc;
    .color {
      fill: #fff;
    }
  }
    .youtube {
    svg {
      margin: 16px 10px;
    }
  }
  .youtube:hover {
    background-color: #FF0000;
    .color {
      fill: #fff;
    }
  }
    .twitter {
    svg {
      margin: 15px 10px;
    }
  }
  .twitter:hover {
    background-color: #14171A;
    .color {
      fill: #fff;
    }
  }
}
.blog-container {
  .box {
    margin: 20px auto;
    img {
      border: 2px solid #14171A;
    }
    img:hover {
      transform: scale(1.1);
      cursor: pointer;
    }
    a {
      text-decoration: none;
    }
  }
  text-align: center;
  .blog-btn {
    background-color: #171718;
    width: 150px;
    font-size: 16px;
    border-radius: 10px;
    color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 8px;
  }
  .xxl-box {
    width: 100%;
  }
  .sm-box {
    width: 33%;
  }
  h5 {
    font-size: 16px;
    font-weight: 900;
    padding: 5px 30px;
    a {
      color: #171718;
    }
  }
  h3 {
    font-size: 25px;
    font-weight: 900;
  }
  p {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
  }
}
.real-time-updates-container {
  h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 900;
  }
  p {
    color: #ffffff;
    font-size: 14px;
  }
  .arrow {
    width: 130px;
    margin: auto;
  }
  .xxl-box {
    width: 100%;
  }
  .xs-box {
    width: 257px;
    margin: auto;
    text-align: center;
    margin-bottom: 3px;
    p {
      padding: 10px;
    }
  }
}
.entry-content {
.button-container  {
  text-align: start !important;
}
}
.entry-title {
  font-size: 26px;
  cursor: pointer;
  a {
    text-decoration: none;
    color: #273773;
  }
  a:hover {
    text-decoration: underline;
  }
}
.video-wrap {
   position: relative;
   width: 100%;
   video#vidVid {
  object-fit: cover;
  height: auto;
  max-height: 100vh;
  width: 49%;
}

.videofirstframe {
  position: absolute;
  top: 1px;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/videofirstframe.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #162856;
  opacity: 0.7;
}

.logo-wrap {
  position: absolute;
  top: 15%;
  width: 100%;
  color: white;
  text-align: center;
  z-index: 2;
  padding-top: 20px;
  img {
  width: 150px;
  margin: 0 auto 10px;
}
h3 {
  font-size: 1.5em;
  margin: 10px 0;
  color: #f1f1f1;
}
}

svg.play {
  cursor: pointer;
  color: #ffb401;
  font-size: 3em;
  width: 100px;
  height: 100px;
  margin: auto;
  margin-top: 20px;
}
svg.play:hover {
  color: #fff;
}

.ctrlW {
  /* width: 1900px; */
  bottom: 20px;
  z-index: 2;
  position: relative;
}

svg.mute, svg.unmute {
  position: absolute;
  cursor: pointer;
  color: #ffb401;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0px;
  display: none;
}

svg.mute:hover, svg.unmute:hover {
  color: #fff;
}

svg.pause {
  position: absolute;
  cursor: pointer;
  color: #ffb401;
  width: 40px;
  height: 40px;
  margin: auto;
  left: 0;
  bottom: 0;
  display: none;
}
svg.pause:hover {
  color: #fff;
}

#overlay,
#videofirstframe {
  transition: opacity 0.5s ease;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}
}
.country-wrap {
  background-color: #273773;
  padding-bottom: 20px;
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  .md-box {
    width: 300px;
    margin: auto;
  }
  ul {
    list-style: none;
    margin: 0 0 10px;
    white-space: nowrap;
    img {
      margin-bottom: -5px;
      padding: 0;
      width: auto;
    }
    li {
      padding: 10px;
      display: block;
      width: auto;
      margin-top: 0;
      text-align: start;
    }
    p {
      display: inline;
      padding: 3px;
      font-size: 14px;
      font-weight: 500;
      color: #f2f2f2;
    }
  }
}

@media (max-width: 1448px) {
  .video-wrap {
  .logo-wrap {

    h3 {
      font-size: 17px;
    }
  }
  svg.play {
    width: 80px;
    height: 80px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}

@media (max-width: 1166px) {
  .video-wrap {
  .logo-wrap {
    top: 8%;
    h3 {
      font-size: 17px;
    }
  }
  svg.play {
    width: 70px;
    height: 70px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}
@media (max-width: 1046px) {
  .video-wrap {
  .logo-wrap {
    top: 8%;
    h3 {
      font-size: 17px;
    }
  }
  svg.play {
    width: 60px;
    height: 60px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}

@media (max-width: 868px) {
  .video-wrap {
  .logo-wrap {
    top: 2%;
    img {
        width: 20%;
    }
    h3 {
      font-size: 17px;
    }
  }
  svg.play {
    width: 50px;
    height: 50px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}

@media (max-width: 788px) {
  .video-wrap {
  .logo-wrap {
    top: 0%;
    img {
        width: 15%;
    }
  }
 }
}
@media (max-width: 700px) {
  .video-wrap {
    width: 100%;
    height: 220px;
    video#vidVid {
        object-fit: cover;
        height: 220px;
        max-height: 100vh;
        width: 100%;
    }
  .logo-wrap {
    top: 0%;
    img {
        width: 89px;
        height: 33px;
    }
    h3 {
      font-size: 17px;
    }
  }
  svg.play {
    width: 40px;
    height: 40px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}

@media (max-width: 400px) {
  .video-wrap {
.logo-wrap {
    top: 0%;
    h3 {
      font-size: 15px;
    }
  }
  svg.play {
    width: 40px;
    height: 40px;
  }
  .ctrlW {
    width: 90%;
    margin: auto;
  }
  }
}
.mySlides {
  display: none;
  overflow: hidden;
  /* height: 800px; */
}
.slideshow-container {
  height: 480px;
  position: relative;
  margin: auto;
}
.dots-wrap {
position: relative;
cursor: pointer;
}
.dots-bar {
width: fit-content;
background-color: #fff;
border-radius: 9px;
border: 1px solid #162856;
margin: auto;
display: flex;
position: absolute;
left: 48%;
bottom: 5px;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 5px;
  background-color: #273773;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active.dot {
  background-color: #ffb401;
}
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media only screen and (max-width: 300px) {
  .text {
    font-size: 11px;
  }
}
.main-cta {
  margin-top: 30px;
h1 {
  font-size: 34px;
  font-weight: 900;
  height: fit-content;
  padding: 10px 0px 0px 0px;
  .second-title {
    color: #273773;
    font-size: 36px;
    font-weight: 900;
  }
}
ul {

  list-style: disc !important;
}
li {
  margin-top: 0px;
}
p.subtitle {
  font-size: 18px;
  font-weight: 500;
  padding: 20px 20px 10px 0px;
  text-align: start;
}
.main-btn {
  width: 350px;
  p {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
  }
  .btn {
    width: 100%;
    padding: 15px 10px;
    text-transform: uppercase;
    font-size: 20px;
  }
  .yellow-btn-shadow {
    box-shadow: #0c0c0c 10px 10px 0px -3px, #ffb401 10px 10px;
  }
  .btn:hover {
  box-shadow: #0c0c0c 4px 0px 0px -6px, #ffb401 0px 0px 0px 4px;
  }
}
}
.mobil-player {
  display: none;
}
.img-wrap {
  display: flex;
  flex-wrap: wrap;
  img {
    margin: 5px 30px;
  }
}
.round-buttons-wrap {
  width: 235px;
  height: 230px;
  margin: auto;
}
.round-dots-button:hover {
  .round-button {
    box-shadow: inset -1px -4px 12px 0px rgba(0, 0, 0, 0.4), inset 5px -3px 3px -3px rgba(0, 0, 0, 0.4);
  }
}
.round-dots-button {
    width: 200px;
    height: 200px;
    border-radius: 180px;
    border: 1px dashed #747272;
    position: relative;
    margin: auto;
    cursor: pointer;
    img {
      pointer-events: none; 
    }
  .round-button {
    position: absolute;
    top: 13px;
    left: 14px;
    width: 170px;
    height: 170px;
    border-radius: 180px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    .title {
      top: 30px;
      left: 35px;
      position: absolute;
      font-size: 15px;
      font-weight: 900;
      text-align: center;
      width: 100px;
    }
    .number {
      top: 60px;
      left: 75px;
      position: absolute;
      font-size: 40px;
      font-weight: 900;
    }
  }
      .orange-arrow {
      position: absolute;
      width: 255px;
      bottom: -69px;
      right: -95px;
    }
      .yellow-arrow {
      position: absolute;
      width: 255px;
      top: -73px;
      right: -92px;
    }
      .black-arrow {
      position: absolute;
      width: 255px;
      bottom: -68px;
      right: -87px;
    }
      .blue-arrow {
      position: absolute;
      width: 239px;
      top: -77px;
      right: -80px;
    }
      .black-line {
      position: absolute;
      width: 207px;
      bottom: -78px;
      right: -54px;
    }
}
.professional-img {
  position: absolute;
  width: 363px;
  height: auto;
  right: 0;
  bottom: -43px;
}
form.registerForm {
    --formGap: 1rem;
    --containerWidthSM: 420px;
    container-type: inline-size;
    position: relative;
}
form.registerForm .registerFormInner>.form-control.firstNameWrapper {
    order: 1;
}
form.registerForm .form-control .input {
    position: relative;
}
form.registerForm .form-control .input svg {
    display: none;
    position: absolute;
    inset: 0% 10px auto auto;
}
form.registerForm .form-control .phone-input svg {
    display: none;
    height: 62%;
    width: auto;
    position: absolute;
    inset: 2% 10px auto auto;
}
form.registerForm div.error {
    color: var(--clr-danger);
    font-size: 61%;
    padding-top: 1px;
    color: red;
    position: absolute;
    bottom: -15px;
}
div#phonenumber-error {
    position: relative;
    bottom: 13px;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0;
    font-family: inherit;
}
input[type="checkbox"] {
    margin: 0;
    font-family: inherit;
    line-height: inherit;
    position: relative;
    top: 2px;
    margin-inline-end: 2px;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend {
      margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.form-select {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-repeat: no-repeat;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}
.success-message-container {
  .success-message {
    font-size: 22px;
    font-weight: 600;
}
}
.register-form {
    margin: auto;
  input,
  select {
    margin-bottom: 19px;
    border-radius: 0;
    font-size: 13px;
    padding: 5px 15px;
    background-color: #f8f8f8;
  }
  select.form-select {
    background-image: url("../imgs/select-icon.png");
    background-position: right center;
    background-size: contain;
  }
  .phone {
    display: flex;
  }
  .input-prefix {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
    width: 50px;
    border: 1px solid rgb(206, 206, 206);
  }
    p {
      font-size: 9px;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
    }
      .agreementCheckbox {
    display: flex;
    input[type="checkbox"] {
    margin-inline-end: 6px;
    }
  }
  label {
      font-size: 11px;
  }
  .btn {
  justify-content: center;
  font-size: 20px;
  align-items: center;
  cursor: pointer;
  font-weight: 800;
  color: #fff;
  background-color: #ef5a28;
  border: none;
  box-shadow: none;
  width: 100%;
  }
  .btn:hover {
    transform: none;
    background-color: #273773;
    color: #ffb401;
  }
}
.app-wrap {
    position: relative;

    .lg-box {
      width: 50%;
    }

    .md-box {
      width: 40%;
      margin: 10px auto;
      display: flex;
    }

    .sm-box {
      width: 16%;
    }

    h2 {
      font-size: 25px;
      font-weight: 900;
      text-transform: uppercase;

      span {
        color: #ffb401;
      }
    }

    p {
      font-size: 15px;
      font-weight: 500;
    }

    ul {
      list-style: none;
      display: inline;
    }

    li {
      display: flex;
      width: 400px;
      margin-top: 50px;

      img {
        padding: 10px;
      }

      .text {
        margin: 0;
      }

      .title {
        font-weight: 900;
        font-size: 15px;
        margin-top: 35px;
      }

      li:first-child {
        img {
          margin-inline-end: 10px;
        }
      }
    }
}
.accordion-wrap.small-accordion-wrap {
  .panel {
    p {
      padding: 0 10px;
    }
  }
}
.small-accordion {
  display: flex !important;
  height: 32px !important;
  .icon {
    flex-shrink: 0;
  }
  h4 {
    flex-grow: 1;
    margin: 0 !important;
    font-size: 14px !important;
  }
}
#scrollToTopBtn {
  position: fixed;
  display: none;
  bottom: 10%;
  right: 2%;
  transform: translateY(-50%);
  z-index: 300;
  width: 50px;
  height: 50px;
  transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  background-color: rgba(39, 55, 115, 0.9);
  border-radius: 50px;
  border: 1px solid #fff;
  cursor: pointer;
  svg {
    fill: #fff;
    width: 20px;
    height: 20px;
  }
}
#scrollToTopBtn:hover {
  background-color: #273773;
  svg {
    fill: #ffb401;
  }
}
#cookie_msg {
top: 0;
padding: 15px 15px 7px 0;
width: 100%;
background: aliceblue;
p {
padding: 5px;
margin-top: 5px;
}
.btn {
box-shadow: none;
color: #fff;
transform: none;
  }
}
@media (max-width: 620px) {
#cookie_msg {
  .xl-box {
    width: 100%;
  }
 }
}
#disclaimer-bar {
transition: height 0.5s ease, opacity 0.5s ease;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0px -2px 15px 3px rgba(0, 0, 0, 0.3);
bottom: 0;
color: #000000;
left: 0;
position: fixed;
right: 0;
top: auto;
z-index: 200 !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
padding-inline-end: 15px;
padding-inline-start: 15px;
margin-inline-end: auto;
margin-inline-start: auto;
p {
font-size: 14px;
margin: auto;
padding: 20px 0;
}
.btn {
margin: 0px 10px 10px 0px;
background-color: transparent;
box-shadow: none;
color: #fff;
transform: none;
/* float: inline-end; */
padding: 2px 10px;
}
svg {
  display: none;
}
}

#disclaimer-bar.collapsed {
  height: 30px;
}

#disclaimer-bar.expanded {
  height: auto;
}

@media (max-width: 1029px) {
  footer {
    /* margin-bottom: 25px !important; */
  }
#disclaimer-bar {
svg {
  display: inline;
  width: 20px;
  height: 20px;
  fill: #162856;
  vertical-align: middle;
}
}
}
header {

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2060;
}
.sticky.top-bar {
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 80px;
    background-color: rgba(39, 55, 115, 0.9);
    transition: all 0.6s ease-in-out;

    .logo {
      margin-top: 5px;
      width: 140px;
      height: 50px;
    }

    .btn {
      box-shadow: none;
      margin: 0px 0px 4px 3px;
      transform: translateY(-2px);
      transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
      opacity: 0.9;
    }

    .menu-item span, 
    .menu-item-has-children span {
      margin-top: 2px;
      margin-bottom: 6px;
      transition: all 0.6s ease-in-out;
    }

    .select-lang {
      margin: 6px auto 5px;
    }

    #menuToggle {
      top: 17px;
      transition: all 0.3s ease-in-out;
    }

    .svg-glob {
      position: relative;
      transition: all 0.3s ease-in-out;
    }

    .getOurApp-wrap {
      transition: all 0.3s ease-in-out;
    }
}

.sticky::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  z-index: 102;
}
.sticky:hover {
  background-color: #273773;
  height: 100px;
  cursor: pointer;
   .logo {
        margin-top: 10px;
      width: 166px;
      height: 60px;
    }
  .btn {
    box-shadow: #273773 7px 7px 0px -3px, #f2f2f2 7px 7px;
    margin: 0px 0px 14px 3px;
  }
  .menu-item span, .menu-item-has-children span {
    margin-top: 9px;
    margin-bottom: 6px;
}
  .select-lang {
    margin: 11px auto 5px;
  }
    .svg-glob {
      position: relative;
    }
}
.sticky-return::before {
  opacity: 0;
}
.sticky:hover::before {
  opacity: 0;
}
.sticky-return {
  background-color: #273773;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.top-bar {
    background-color: #273773;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100px;
    transition: all 0.6s ease-in-out;
    .logo {
      margin-top: 15px;
      transition: all 0.6s ease-in-out;
    }

    .svg-glob {
      position: relative;
      top: 5px;
      cursor: pointer;
    }

    .svg-glob:hover,
    .select-lang:hover {
      .color-svg-glob {
        fill: #ffb401;
        cursor: pointer;
      }
    }

    .login-register-btns {
      display: flex;
      flex-direction: column;
      font-size: 12px;
      text-transform: uppercase;
    }
    .logIn {
      border: 1px solid #f2f2f2;
      background-color: #273773;
      padding: 5px 5px !important;
    }

    .btn {
      font-size: 12px;
      padding: 4px 5px;
      width: 100px;
      margin: 6px 0px 8px 3px;
      box-shadow: #273773 7px 7px 0px -3px, #f2f2f2 7px 7px;
    }

    .btn:hover {
      background-color: #273773;
      border: 1px solid #ffb401;
      color: #ffb401;
      transform: translate(0px, 3px);
      box-shadow: #f2f2f2 10px 7px 8px -11px, #ffb401 0px 0px 0px 3px
    }

    .flex-container {
      flex-direction: row;
    }

    .header_menu#Menu {
      display: flex;
    }

    .menu-container {
      margin: auto;
    }

    .menu-item a,
    .menu-item p,
    .menu-item-has-children a,
    .menu-item span,
    .menu-item-has-children span {
      display: inline-block;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      font-weight: 700;
      cursor: pointer;
    }
    .menu-item span,
    .menu-item-has-children span {
      margin-top: 9px;
      margin-bottom: 6px;
      text-transform: uppercase;
    }

    .menu-item-has-children a {
      padding-top: 10px;
      /* height: 30px; */
    }

    li.menu-item span img,
    li.menu-item a img {
      display: none;
    }

    li a:hover,
    p a:hover {
      background-color: none;
      color: #ef5a28;
    }

    .menu-item {
      display: inline-block;
      position: relative;
    }

    .menu-item .sub-menu li.menu-item {
      display: block;
    }

    .menu-item-has-children span:hover {
      color: #ffb401;
      border-bottom: 1px solid #ffb401;
    }

    .menu-item-has-children .sub-menu li a:hover,
    .menu-item-has-children .sub-menu li span:hover {
      color: #ef5a28;
      border-bottom: none;
    }

    .svg-icon {
      width: 30px;
      height: 15px;
      fill: #ffffff;
      transition: transform 0.3s ease, fill 0.3s ease;
    }

    .menu-item:hover .svg-icon {
      transform: rotate(180deg);
      fill: #ffb401;
    }
    .menu-item:hover .sub-menu li .svg-icon {
      transform: none;
      fill: #273773;
    }

    .menu-item .sub-menu li:hover .svg-icon {
      transform: rotate(180deg);
      fill: #ffb401;
    }

    .sub-menu,
    .sub-menu li .submenu {
      display: none;
      position: absolute;
      background-color: #ffffff;
      min-width: 200px;
      z-index: 500;
      /* margin-top: 5px; */
      padding-inline-start: 0;
      top: 35px;
      list-style-type: none;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

      .main {
        background-color: #273773;
        color: #ffb401;
        font-weight: 700;
        padding: 5px;
        text-align: center;
      }
    }
    #Menu .sub-menu li a,
    #Menu .sub-menu li span {
      text-transform: lowercase;
    }
    #Menu .sub-menu li a::first-letter,
    #Menu .sub-menu li span::first-letter {
      text-transform: uppercase !important;
    }

    #Menu .sub-menu li.no-text-transform > a,
    #Menu .sub-menu li.no-text-transform > span {
      text-transform: none !important;
    }
    #Menu .sub-menu li.no-text-transform > a::first-letter,
    #Menu .sub-menu li.no-text-transform > span::first-letter {
      text-transform: none !important;
    }

    .sub-menu a,
    .sub-menu span {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: start;
      font-weight: 500;
      list-style: none;
    }

    .menu-item:hover .sub-menu {
      display: block;
      position: absolute;
      top: calc(100% + 0px);
    }

    .menu-item:hover .sub-menu li .sub-menu {
      display: none;
    }

    .menu-item .sub-menu li:hover .sub-menu {
      display: block;
      position: absolute;
      left: 100%;
      top: 0;
    }
    ul.menu  {
      padding-inline-start: 0;
    }

    ul .dropdown-submenu {
      display: none;
      position: absolute;
      padding-inline-start: 0;
      left: 100%;
      top: 0;
      background-color: #ffffff;
      min-width: 160px;
      z-index: 2;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      list-style-type: none;
    }

    .sub-menu > li:hover + .dropdown-submenu {
      display: block;
    }

    li.subsection_ttl span,
    li.subsection_ttl a {
      background-color: #273773;
      color: #ffb401;
      font-weight: 700;
      padding: 5px;
      text-align: center;
    }

    .select-lang {
      margin: 22px auto 0px;
      /* height: 25px; */
      .menu-item:hover .sub-menu {
        display: block;
        position: absolute;
        top: calc(100% + -22px);
        left: -28px;
        transition: all 0.6s ease-in-out;
      }
    }
    .menu-item:hover p {
      color: #ffb401;
      border-bottom: 1px solid #ffb401;
       .color-svg-glob {
        stroke: #ffb401;
        margin-bottom: 20px;
      }
    }

    .logIn-btn {
      color: #fff;
      font-weight: 700;
      text-decoration: none;
      margin: 25px 10px 20px;
      height: 20px;
    }

    .logIn-btn:hover {
      color: #ffb401;
      padding-bottom: 5px;
      border-bottom: 1px solid #ffb401;
    }

    .buttons {
      display: flex;
      justify-content: end;
      float: right;
      /* margin: 0px auto; */
    }

    #menuToggle {
      display: none;
    }

    @media (max-width: 1126px) {
      .header_menu#Menu {
        display: none;
      }

      li.menu-item {
        width: 100%;
      }

      li.menu-item span,
      li.menu-item a {
        display: flex;
      }

      li.menu-item span svg,
      li.menu-item a svg {
        margin-inline-start: auto;
      }

      li.menu-item span img,
      li.menu-item a img {
        display: inline-block;
      }

      .logo {
        width: 125px;
        height: fit-content;
        margin: 10px 5px;
      }

      #Menu,
      .buttons {
        display: none;
      }

      #menuToggle {
        display: block;
        position: absolute;
        top: 17px;
        right: 10px;
        z-index: 500;
        -webkit-user-select: none;
        user-select: none;
      }

      #menuToggle a {
        text-decoration: none;
        transition: color 0.3s ease;
      }

      #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
      }

      #menuToggle span.line {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
      }

      #menuToggle span.line:first-child {
        transform-origin: 0% 0%;
      }

      #menuToggle span.line:nth-last-child(2) {
        transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span.line {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f1f1f1;
      }

      #menuToggle input:checked ~ span.line:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span.line:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }

      #Mobile-menu {
        position: absolute;
        width: 250px;
        padding: 10px;
        background: #fefefe;
        list-style-type: none;
        margin-top: 35px;
        transform-origin: 0% 0%;
        transform: translate(200%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        right: -10px;
        border: 1px solid #273773;
        box-shadow: rgba(110, 110, 110, 0.4) 0px 2px 4px,
          rgba(110, 110, 110, 0.2) 0px 7px 13px -3px,
          rgba(110, 110, 110, 0.2) 0px -3px 0px inset,
          rgba(110, 110, 110, 0.2) -3px -3px 0px;
        overflow-y: auto; /* Enable vertical scrolling if content overflows */
        height: fit-content; /* Adjust height dynamically based on content */
        max-height: 80vh; /* Set maximum height to 80% of the viewport height */
      }

      /* #Mobile-menu ul.sub-menu > li.menu-item > a,
      #Mobile-menu ul.sub-menu > li.menu-item > span {
        text-transform: lowercase;
      }
      #Mobile-menu ul.sub-menu > li.menu-item > a::first-letter,
      #Mobile-menu ul.sub-menu > li.menu-item > span::first-letter {
        text-transform: uppercase;
      }
      #Mobile-menu .sub-menu li.no-text-transform > a,
      #Mobile-menu .sub-menu li.no-text-transform > span {
        text-transform: none !important;
      }
      #Mobile-menu .sub-menu li.no-text-transform > a::first-letter,
      #Mobile-menu .sub-menu li.no-text-transform > span::first-letter {
        text-transform: none !important;
      } */

      li {
        img {
          margin: 0px 5px 5px 5px;
        }
      }

      .borders {
        border-top: 2px solid #273773;
        border-bottom: 2px solid #273773;

        p {
          margin-inline-end: 0;
          margin-top: 15px;
          margin-bottom: 9px;

          img {
            margin-inline-start: 5px;
            margin-inline-end: 10px;
          }
        }
      }

      .svg-icon {
        width: 30px;
        height: 15px;
        fill: #1b75b8;
        transition: transform 0.3s ease, fill 0.3s ease;
        float: right;
      }

      .mobil-btn {
        margin: 20px auto 10px auto;
      }

      .small-btn {
        width: 180px;
        border-radius: 10px;
        font-weight: 700;
        margin: 5px auto;
        text-align: center;
        height: 30px;
        color: #fff;
        padding: 5px;
        display: block;
      }

      .register {
        margin-top: 12px;
        background-color: #ef5a28;
        color: #fff;
      }

      .logIn {
        background-color: #273773;
      }

      .panel p {
        margin: 5px 20px;
      }

      #menuToggle input:checked ~ div {
        transform: none;
        display: block;
      }

      .accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        transition: 0.4s;
        height: fit-content;
      }

      .menu-item a,
      .menu-item p,
      .menu-item-has-children a,
      .menu-item span,
      .menu-item-has-children span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 5px;
      }

      li a:hover {
        color: #273773;
      }

      .active,
      .accordion:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .menu-item:hover .sub-menu {
        display: none;
      }

      .menu-item-has-children a:hover,
      .menu-item-has-children span:hover {
        color: #273773;
        border-bottom: none;
      }

      .menu-item:hover .svg-icon {
        transform: rotate(0);
        fill: #ef5a28;
      }

      .menu-item.active .svg-icon {
        transform: rotate(180deg);
        fill: #ef5a28;
      }

      li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children {
        background-color: #273773;
      }
      .menu-item-has-children::first-letter {
        text-transform: uppercase !important;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a,
      li.menu-item ul.sub-menu li.menu-item-has-children span {
        color: #fff;
        font-weight: 700;
      }

      li.menu-item ul.sub-menu li.menu-item-has-children a svg,
      li.menu-item ul.sub-menu li.menu-item-has-children span svg {
        display: none;
      }

      li.menu-item.active ul.sub-menu {
        position: relative;
        display: block;
        padding-inline-start: 45px;
        box-shadow: none;
        top: 0;
      }

      li.menu-item.active ul.sub-menu .subsection_ttl span,
      li.menu-item.active ul.sub-menu .subsection_ttl a {
        text-align: center;
        display: inline-block;
        width: 100%;
      }

      li.menu-item.active ul.sub-menu li a,
      li.menu-item.active ul.sub-menu li span {
        padding: 2px 0 2px 0;
      }

      li.menu-item.active ul.sub-menu li.menu-item ul.sub-menu {
        display: none;
      }

      li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
        position: relative;
        display: block;
        left: 0;
        padding-inline-start: 10px;
      }

      li.menu-item.active ul.sub-menu li.menu-item-has-children ul.sub-menu {
        display: block;
        padding: 0;
      }

      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        a,
      p.menu-item-has-children,
      li.menu-item.active
        ul.sub-menu
        li.menu-item-has-children
        ul.sub-menu
        li
        span {
        color: #273773;
        font-weight: 500;
        font-size: 18px;
      }

      .active,
      .menu-item:hover {
        background-color: transparent;
      }

      .active,
      li:active {
        .svg-icon {
          transform: rotate(180deg);
          fill: #ef5a28;
        }
      }

      .active .panel {
        max-height: fit-content;
      }

      .panel {
        max-height: 0;
        padding: 0 0 0 45px;
        overflow: hidden;
        margin: 5px auto;
        width: 100%;
        position: relative;
        transition: max-height 0.3s ease-out;
        display: grid;
        list-style-type: none;

        .main {
          background-color: #273773;
          color: #ffb401;
          font-weight: 700;
          padding: 2px;
          text-align: center;
          width: 100%;
          display: block;
        }

        a {
          color: #273773;
          text-align: start;
          font-weight: 500;
          padding-top: 5px;
        }

        .subtitle {
          font-weight: 700;
          background-color: #273773;
          color: #fff;
          padding: 2px;
          margin: 0;
          width: 100%;
          display: block;
        }
      }

      ul.menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
    }
}
@keyframes fadeInDown {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.sticky.top-bar {
  animation: fadeInDown 0.5s ease-in-out;
}
.getOurApp-wrap {
display: none;
}
@media (max-width: 1126px) {
  .sticky.top-bar {
    height: 75px;
    .logo {
      width: 125px;
      height: fit-content;
      margin: 10px 5px;
    }
}
  .sticky::before,
  .sticky::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: fit-content;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  z-index: 102;
}
.getOurApp-wrap {
display: block;
position: relative;
width: 100%;
padding-inline-end: 15px;
padding-inline-start: 15px;
margin-inline-end: auto;
margin-inline-start: auto;
background-color: #ffb401;
/* top: 19px; */
#GetOurApp {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 1rem;
inset: 74% 0 auto auto;
justify-content: flex-start;
padding: 0.5rem;

/* position: fixed; */
/* z-index: 100; */
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid gray;
border-radius: 5px 0 0 5px;
font-size: 14px;
font-weight: bold;
.content {
display:flex;
justify-content:space-between;
width:100%;
p {
padding-top: 5px;
margin: 0;
}
.btn {
  display: block;
border: none;
background-color: #162856;
box-shadow: none;
margin: 0;
}
}
}
}
}
* {
    box-sizing: border-box;
}

body {
    font-family: Verdana, sans-serif;
  }

  .mySlides {
    display: none;
    overflow: hidden;
    /* height: 800px; */
  }

  img {
    vertical-align: middle;
  }

  .slideshow-container {
    /* min-height: 500px; */
    position: relative;
    margin: auto;
  }

  .dot {
    height: 15px;
    width: 15px;
    margin: 10px 5px;
    background-color: #273773;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }

  @keyframes fade {
    from {
      opacity: 0.4;
    }

    to {
      opacity: 1;
    }
  }

  @media only screen and (max-width: 300px) {
    .text {
      font-size: 11px;
    }
  }

  .main-cta {
    h1 {
      font-size: 36px;
      font-weight: 900;
      height: fit-content;
      padding: 20px 80px 4px 0px;

      span {
        color: #ffb401;
      }
    }

    .second-title {
      color: #273773;
    }

    p.subtitle {
      font-size: 18px;
      font-weight: 500;
      padding: 20px 80px 4px 0px;
      text-align: start;
    }

    .btn {
      background-color: #ef5a28;
      /* width: 180px; */
      border-radius: 10px;
      color: #f2f2f2;
      font-weight: 700;
      margin: auto;
      text-align: center;
      box-shadow: #f2f2f2 10px 10px 0px -3px, #273773 10px 10px;
    }

    .btn:hover {
      background-color: #273773;
      color: #ffb401;
    }

    .main-btn {
      margin-top: 20px;
      width: 200px;

      p {
        margin-top: 20px;
        font-size: 12px;
        text-align: center;
      }
    }
  }

  .first-img {
    background-image: url("../imgs/circles.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 5px;

    img {
      margin-top: 50px;
    }
  }
}

main {
  .arrow1-img {
  width: 300px;
  position: absolute;
  top: 20%;
  right: 8%;
  transform: rotate(320deg);
  }
  .vertical-wrap {
    width: 8%;
  }
  .vertical {
  margin-top: 450px;
  white-space: nowrap;
  position: relative;
  left: 0;
  top: 70px;
  transform: rotate(270deg);
  p {
    font-weight: 900;
    font-size: 130px;
    color: #273773;
    padding: 0 20px;
  }
  }
  .vertical-text {
    white-space: nowrap;
    position: absolute;
    left: -50px;
    bottom: 26%;
    transform: rotate(270deg);
    p {
      font-weight: 900;
      font-size: 110px;
      color: #273773;
      margin: 0;
    }
  }
  .img-arrow.lg-box {
    width: 50%;
  }
  .image-container {
    position: relative;
    width: 304px;
    overflow: hidden;
    margin-bottom: 15px;
  }
  .third-image {
    position: absolute;
    right: 8px;
    bottom: 16px;
  }
  .second-image {
    position: absolute;
    left: 0;
    height: 0;
    bottom: 70px;
    transition: height 0.8s ease-in-out;
  }
  @keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
  .image-container.slide-up .second-image {
    height: 216px;
    /* animation: bounce 6s ease-in-out; */
  }
  .chat-img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .qr-socials-wrap {
    p {
      margin-top: 40px;
    }
  .qr-img {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-inline-start: 37px;
  }
  .share-via-wrap {
    margin-top: 25px;
  margin-inline-start: 5px;
       span {
      margin: 2px;
      display: inline-flex;
      flex-direction: row;
    }
 a {
      background-color: #fefefe;
      width: 50px;
      height: 50px;
      border-radius: 50px;
    }
    a:hover {
      background-color: #ffb10a;
      .icon-color {
        fill: #fff;
      }
    }
    .facebook {
      position: relative;
      svg {
        margin: 9px 14px;
      }
    }
    .linkedin {
      position: relative;
      svg {
        margin: 7px 10px;
      }
    }
    .telegram {
      position: relative;
      svg {
        margin: 10px 8px;
      }
    }
    .twitter {
      position: relative;
      svg {
        margin: 10px 10px;
      }
    }
      .instagram {
         position: relative;
        svg {
          margin: 8px 10px;
        }
      }
      .tiktok {
         position: relative;
        svg {
          margin: 8px 10px;
        }
      }
      .whatsapp {
         position: relative;
        svg {
          margin: 8px 10px;
        }
      }
      .youtube {
         position: relative;
        svg {
          margin: 12px 10px;
        }
      }
  }
  }
  .phone-body {
    display: inline;
    flex-direction: row;
    span {
      margin: 2px;
      display: inline-flex;
      flex-direction: row;
    }
    .download-btn {
      display: none;
    }
    .mobile-phone-title {
      display: none;
    }
    a {
      background-color: #fefefe;
      width: 50px;
      height: 50px;
      border-radius: 50px;
    }
    a:hover {
      background-color: #ffb10a;
      .icon-color {
        fill: #fff;
      }
    }
    .facebook {
      position: relative;
      top: 10px;
      svg {
        margin: 8px 10px;
      }
    }
    .linkedin {
      position: relative;
      top: 10px;
      svg {
        margin: 7px 8px;
      }
    }
    .telegram {
      position: relative;
      top: 5px;
      svg {
        margin: 7px 6px;
      }
    }
    .twitter {
      position: relative;
      top: 8px;
      svg {
        margin: 8px 8px;
      }
    }
      .instagram {
         position: relative;
      top: 10px;
        svg {
          margin: 8px 10px;
        }
      }
      .tiktok {
         position: relative;
      top: 10px;
        svg {
          margin: 8px 10px;
        }
      }
      .whatsapp {
         position: relative;
      top: 10px;
        svg {
          margin: 8px 10px;
        }
      }
      .youtube {
         position: relative;
      top: 10px;
        svg {
          margin: 12px 10px;
        }
      }
  }
  .blog-container {
    .box {
      margin: 20px auto;
      img:hover {
        transform: scale(1.1);
        cursor: pointer;
      }
      a {
        text-decoration: none;
      }
    }
    text-align: center;
    .blog-btn {
      background-color: #171718;
      width: 150px;
      font-size: 16px;
      border-radius: 10px;
      color: #f2f2f2;
      font-weight: 700;
      text-align: center;
      padding: 8px;
    }
    .xxl-box {
      width: 100%;
    }
    .sm-box {
      width: 33%;
    }
    h5 {
      font-size: 16px;
      font-weight: 900;
      padding: 5px 30px;
      a {
        color: #171718;
      }
    }
    h3 {
      font-size: 25px;
      font-weight: 900;
    }
    p {
      font-size: 15px;
      font-weight: 500;
      padding-bottom: 10px;
    }
  }
  .big-post-wrap {
    margin: auto;
    .big-post {
      width: 360px;
      margin: auto;
    }
    .text-post {
      width: 360px;
      margin: auto;
    }
  }
  .accordion-wrap {
    margin: auto;
    position: relative;
    display: block;
    width: 100%;
    .accordion {
      color: #444;
      background-color: transparent;
      cursor: pointer;
      width: 100%;
      border: none;
      text-align: start;
      outline: none;
      transition: 0.4s;
      padding-top: 1px;
      padding: 0px;
      height: 23px;
      display: inline-block;
      .icon {
        background-image: url("../imgs/plus-svg.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 22px;
        height: 22px;
        margin-inline-end: 10px;
        margin-bottom: 20px;
        float: left;
      }
      h4 {
        font-size: 17px;
        font-weight: 900;
        font-family: Montserrat;
        padding-bottom: 10px;
        color: #273773;
        text-transform: uppercase;
        margin: 3px 0 0 0;
        span {
          font-size: 20px;
          font-weight: 900;
          padding-inline-end: 3px;
        }
        .bold {
          font-size: 20px;
          font-weight: 900;
          color: #273773;
          padding: 0;
        }
      }
    }
    .active,
    .accordion:hover {
      color: #273773;
    }
    .active,
    h4:active {
      .icon {
        background-image: url("../imgs/minus-svg.png");
      }
    }
    .active .panel {
      max-height: 200px;
    }
    .panel {
      max-height: 0;
      padding: 0 18px;
      overflow: hidden;
      margin: 20px;
      margin: auto;
      position: relative;
      background-color: #fff;
      z-index: 100;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      transition: max-height 0.3s ease-out;
      margin-bottom: 10px;
      p {
        font-size: 15px;
        text-align: start;
        padding: 10px 10px;
      }
      ul {
        padding: 5px;
        margin: auto 30px;
        padding-bottom: 20px;
      } a {
        text-decoration: none;
        color: #2179bb;
      }
      a:hover {
        text-decoration: underline;
      }
      table {
        th {
          background-color: #ffb401;
        }
        th, td {
          padding: 10px;
        }
      }
    .table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
    }
    .table th {
      color: #162856;
    }
    .table, .table th, .table td {
      border: 1px solid #ddd;
      padding: 10px;
      text-align: center;
      font-size: 16px;
    }
    .table-responsive {
      overflow-x: auto;
    }
      .nav-tabs {
      margin-top: 10px;
      display: flex;
      border-bottom: 2px solid #ddd;
      cursor: pointer;
    }
    .nav-tabs .tab {
      padding: 10px 20px;
      border: 1px solid #ddd;
      border-bottom: none;
      background-color: #f1f1f1;
      margin-inline-end: 5px;
      font-weight: bold;
    }
    .nav-tabs .tab.active {
      background-color: #fff;
      border-bottom: 2px solid #fff;
      color: #2179bb;
    }
    .tab-content {
      padding: 20px;
      display: none;
    }
    .tab-content.active {
      display: block;
    }
    }
    .active,
    li:active {
      list-style-type: circle;
    }
  }
  .slider {
    display: flex;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin-bottom: 20px;
    position: relative;
  }
  .slider-cell {
    margin: auto;
  }
  .gallery {
    display: flex;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin-bottom: 20px;
    position: relative;
  }
  .gallery-cell {
    margin: auto;
  }
  .course-card {
    cursor: pointer;
    width: 300px;
    height: 250px;
    margin: 10px;
    border: 3px solid #ffb401;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    .card-header {
      position: relative;
      p {
        color: #273773 !important;
        font-size: 12px;
        text-align: center;
        padding: 0px 5px;
      }
    }
    img {
      position: absolute;
      bottom: 0;
      width: 100%;
    }
    svg {
      position: absolute;
      bottom: 15%;
      right: 43%;
    }
  }
  .display-left:hover,
  .display-right:hover {
    .left-arr,
    .right-arr,
    .left-arrow,
    .right-arrow {
      fill: #ef5a28;
    }
  }
  .course-card:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 20px rgba(36, 36, 36, 0.5);
  }
  .act {
    opacity: 1;
  }
  .private {
    opacity: 0.5;
    position: relative;
    .course-card {
      background-color: #f1f1f1;
    }
    .lock-icon {
      display: block;
      position: absolute;
      bottom: 45%;
      left: 45%;
    }
  }
  .lock-icon {
    display: none;
  }
  .prev {
    transform: translateX(-29px) scale(0.85);
  }
  .next {
    transform: translateX(23px) scale(0.85);
  }
  .display-left,
  .display-right {
    cursor: pointer;
    margin: 20px 0 0 0;
    position: absolute;
    top: 30%;
    z-index: 1;
  }
  .display-left {
    left: 0;
  }
  .display-right {
    right: 0;
  }
  .value {
    color: #ffffff;
    font-size: 25px;
    font-weight: 900;
  }
  .category {
    color: #ffb10a;
    font-size: 15px;
    font-weight: 900;
  }
  .arrow2-img {
  position: absolute;
  left: 10%;
  top: 0;
  }
  .arrow3-img {
    position: absolute;
    bottom: 0%;
    right: 20%;
    z-index: 1;
  }
  .info-box {
    margin-bottom: 30px;
    margin-top: 20px;
    margin: 20px auto 0px;
    padding: 10px 20px;
    position: relative;
    display: block;
    width: 100%;
    .accordion {
      color: #444;
      background-color: transparent;
      cursor: pointer;
      width: 100%;
      border: none;
      text-align: start;
      outline: none;
      transition: 0.4s;
      padding-top: 1px;
      padding: 0;
      height: 23px;
      padding-inline-start: 20%;
    }
    h4 {
      font-size: 17px;
      font-weight: 900;
      font-family: Montserrat;
      padding-bottom: 10px;
      color: #273773;
      .icon {
        background-image: url("../imgs/plus-svg.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-flex;
        width: 22px;
        height: 22px;
        margin-inline-end: 10px;
        margin-bottom: -4px;
      }
      span {
        font-size: 20px;
        font-weight: 900;
        padding-inline-end: 3px;
      }
      .bold{
        font-size: 20px;
        font-weight: 900;
        color: #273773;
        padding: 0;
      }
    }
    .active,
    .accordion:hover {
      color: #273773;
    }
    .active,
    h4:active {
      .icon {
        background-image: url("../imgs/minus-svg.png");
      }
    }
    .active .panel {
      max-height: 200px;
    }
    .panel {
      max-height: 0;
      padding: 0 18px;
      overflow: hidden;
      margin: 20px;
      margin: auto;
      width: 80%;
      position: relative;
      background-color: #fff;
      z-index: 100;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      transition: max-height 0.3s ease-out;
      margin-bottom: 20px;
      p {
        font-size: 15px;
        font-weight: 500;
        text-align: start;
        padding: 10px 10px;
        .bold{
          font-size: 14px;
          font-weight: 700;
          color: #171718;
        }
        span {
          font-size: 14px;
          font-weight: 700;
        }
      }
      ul {
        padding: 5px;
        li.accordion {
          padding: 5px;
          height: auto;
          font-size: 15px;
        }
        li::marker {
          color: #273773;
          font-size: 20px;
        }
      }
    }
    .subpanel {
      max-height: 0;
      box-shadow: none;
      background-color: transparent;
    }
    .subpanel .accordion {
      padding-inline-start: 18%;
      height: 10px;
      .icon {
        width: 15px;
        height: 15px;
      }
    }
    .panel.subpanel {
      h4 {
        font-weight: 700;
        font-size: 15px;
      }
    }
    .active,
    li:active {
      list-style-type: circle;
    }
  }
  section {
    .header-background-realShares {
      background-image: url("../imgs/background\ numbers.png");
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center;
    }
    .digital-id-ver-header {
      background-image: url("../imgs/fxoro\ -\ digital\ indentity\ verfication\ web.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      z-index: 100;
    }
    .economic-calendar-header {
      background-image: url("../imgs/fxoro\ -\ economic\ calendar\ -header.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      z-index: 100;
    }
    .img-div {
      width: clamp(100px, 70vw, 385px);
      height: 500px;
      margin-top: -16px;
    }
    .header-img-blog {
      width: clamp(200px, 70vw, 550px);
      height: auto;
      display: flex;
      margin-top: 40px;
    }
    .header-img-wrap {
      height: 500px;
      justify-content: center;
      align-items: center;
      img {
        width: clamp(200px, 70vw, 550px);
        height: auto;
        display: flex;
        margin: auto;
      }
    .header-img-professionalAcc {
      width: clamp(200px, 70vw, 440px);
    }
    .header-img-not-available {
      width: clamp(200px, 70vw, 460px);
    }
    .header-img-technicalView {
      width: clamp(200px, 70vw, 492px);
    }
    .header-img-islamicAcc {
      width: clamp(200px, 70vw, 500px);
    }
    .header-img-tc-newsletter {
      width: clamp(200px, 70vw, 510px);
    }
    .header-img-50_more {
        width: clamp(200px, 70vw, 470px);
    }
    .header-cfd-img {
      width: clamp(200px, 70vw, 520px);
      height: auto;
      display: flex;
      margin: auto;
    }
    .header-img-trading-conditions {
      width: clamp(200px, 70vw, 530px);
    }
    .header-img-fixedSpreadAcc {
      width: clamp(200px, 70vw, 614px);
    }
    .header-img-love-with-cash-back {
      width: clamp(200px, 70vw, 650px);
    }
    .header-img-financialInstrument {
      width: clamp(200px, 70vw, 652px);
    }
    .header-img-realShares,
    .header-img-refer-a-friend-prog {
      width: clamp(200px, 70vw, 660px);
    }
    .header-img-web-tv {
      margin-top: 20px;
      width: clamp(200px, 70vw, 703px);
    }
    .header-img-shares {
      width: clamp(200px, 70vw, 710px);
      margin-top: -20px;
    }
    .header-img-contact-us,
    .header-img-turning-in-gold {
      width: clamp(200px, 70vw, 710px);
    }
     .header-img-courses {
       width: clamp(200px, 70vw, 720px);
    }
     .header-img-etfs {
      width: clamp(200px, 70vw, 740px);
    }
    .header-img-commodities {
      width: clamp(200px, 70vw, 750px);
    }
    .header-img-forex {
      width: clamp(200px, 70vw, 776px);
    }
    .header-img-onlineTradingAcc {
      width: clamp(200px, 70vw, 792px);
      position: relative;
      bottom: -20px;
    }
    .header-img-indices {
      width: clamp(200px, 70vw, 850px);
    }
    .header-img-affiliates {
      width: clamp(200px, 70vw, 900px);
    }
    .header-img-faq {
      width: clamp(200px, 70vw, 950px);
    }
    .header-img-trading-central {
      width: clamp(200px, 70vw, 968px);
    }
    .header-img-webinars {
      width: clamp(200px, 70vw, 990px);
    }
    .header-img-E-book,
    .header-img-signals {
      width: clamp(200px, 70vw, 1000px);
    }
    .header-img-tc-market-buzz {
      width: clamp(200px, 70vw, 1056px);
    }
    .header-img-alpha-generation {
      margin-top: 10px;
      width: clamp(200px, 70vw, 1070px);
    }
    .header-img-ECNAcc {
      margin-top: 30px;
        width: clamp(200px, 70vw, 1078px);
    }
    .header-img-variableSpreadAcc {
      width: clamp(200px, 70vw, 1097px);
    }
    .header-img-regulations {
      width: clamp(200px, 70vw, 1159px);
       margin-top: 20px;
    }
    .header-img-mt4 {
      width: clamp(200px, 70vw, 1190px);
      margin-top: 40px;
    }
    .header-img-cryptocurrencies {
      width: clamp(200px, 70vw, 1300px);
      margin-top: 25px;
    }
    .header-img-news {
      width: clamp(200px, 70vw, 1300px);
    }
    }
    .currency-img {
      width: clamp(220px, 70vw, 380px);
      height: auto;
    }
    .under-logIn {
      font-size: 12px !important;
    }
    .second-btn {
      text-align: center;
      margin: auto;
      p {
        color: #222222;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 10px;
        font-weight: 500;
        text-align: center;
        margin-inline-start: auto;
        margin-inline-end: auto;
      }
      .btn {
        min-width: 235px;
        padding: 5px 45px;
      }
    }
    .border-bottom {
      border-bottom: 2px solid #273773;
    }
    .top-blue-border {
      border-top: 2px solid #273773;
    }
    .info-mt4 {
      margin: auto;
      position: relative;
      display: block;
      width: 100%;
      .accordion {
        color: #444;
        background-color: transparent;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: start;
        outline: none;
        transition: 0.4s;
        padding-top: 1px;
        padding: 0 40px;
        height: 23px;
        display: inline-block;
        .icon {
          background-image: url("../imgs/plus-svg.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 22px;
          height: 22px;
          margin-inline-end: 10px;
          margin-bottom: 20px;
          float: left;
        }
        h4 {
          font-size: 17px;
          font-weight: 900;
          font-family: Montserrat;
          padding-bottom: 10px;
          color: #273773;
          text-transform: uppercase;
          margin: 3px 0 0 0;
          span {
            font-size: 20px;
            font-weight: 900;
            padding-inline-end: 3px;
            color: #ffb401;
          }
          .prefix-fx {
            font-size: 20px;
            font-weight: 900;
            color: #273773;
            padding: 0;
          }
        }
      }
      .active,
      .accordion:hover {
        color: #273773;
      }
      .active,
      h4:active {
        .icon {
          background-image: url("../imgs/minus-svg.png");
        }
      }
      .active .panel {
        max-height: 200px;
      }
      .panel {
        max-height: 0;
        padding: 0 18px;
        overflow: hidden;
        margin: 20px;
        margin: auto;
        position: relative;
        background-color: #fff;
        z-index: 100;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        transition: max-height 0.3s ease-out;
        margin-bottom: 10px;
        p {
          font-size: 15px;
          text-align: start;
          padding: 10px 10px;
        }
        ul {
          padding: 5px;
          margin: auto 30px;
          padding-bottom: 20px;
        }
      }
      .active,
      li:active {
        list-style-type: circle;
      }
    }
    .svg-arrow-middle {
      position: relative;
      width: 200px;
      margin: auto;
      height: auto;
      img {
        transform: rotate(268deg);
        position: relative;
        margin: auto;
        display: flex;
      }
    }
    .circles-section {
      background-image: url("../imgs/mt4\ benefit\ circl\ left.svg"),
        url("../imgs/mt4\ benefit\ circl\ right.svg");
      background-position: left, right;
      background-repeat: no-repeat, no-repeat;
      display: inline-flex;
      position: relative;
    }
    .div-color-boxes {
      text-align: center;
      width: auto;
      .blue-box-wrap {
        .blue-box {
          border: 4px solid #273773;
          border-radius: 50px;
          width: 230px;
          height: 290px;
          margin: auto;
          position: relative;
        }
        .number {
          position: absolute;
          font-size: 30px;
          top: -4px;
          left: 108px;
        }
        .text {
          position: absolute;
          top: 100px;
          left: 53px;
          width: 50%;
        }
        .top-band {
          position: absolute;
          left: -24px;
          top: 10px;
          width: inherit;
        }
        .bottom-band {
          position: absolute;
          bottom: 0px;
          left: 36px;
        }
      }
      .yellow-box-wrap {
        .yellow-box {
          border: 4px solid #ffb401;
          border-radius: 50px;
          width: 230px;
          height: 290px;
          margin: auto;
          position: relative;
        }
        .number {
          position: absolute;
          font-size: 30px;
          top: -4px;
          right: 108px;
        }
        .text {
          position: absolute;
          width: 50%;
          top: 100px;
          right: 53px;
        }
        .top-band {
          position: absolute;
          left: -24px;
          top: 10px;
          width: inherit;
        }
        .bottom-band {
          position: absolute;
          bottom: 0px;
          left: 36px;
        }
      }
      .black-box-wrap {
        .black-box {
          border: 4px solid #0c0c0c;
          border-radius: 50px;
          width: 230px;
          height: 290px;
          margin: auto;
          position: relative;
        }
        .number {
          position: absolute;
          font-size: 30px;
          top: -4px;
          left: 108px;
        }
        .text {
          position: absolute;
          width: 50%;
          top: 100px;
          left: 53px;
        }
        .top-band {
          position: absolute;
          left: -24px;
          top: 10px;
          width: inherit;
        }
        .bottom-band {
          position: absolute;
          bottom: 0px;
          left: 36px;
        }
      }
      .light-blue-box-wrap {
        .light-blue-box {
          border: 4px solid #2179bb;
          border-radius: 50px;
          width: 230px;
          height: 290px;
          margin: auto;
          position: relative;
        }

        .number {
          position: absolute;
          font-size: 30px;
          top: -4px;
          right: 106px;
        }
        .text {
          position: absolute;
          width: 50%;
          top: 100px;
          right: 53px;
        }
        .top-band {
          position: absolute;
          left: -24px;
          top: 10px;
          width: inherit;
        }
        .bottom-band {
          position: absolute;
          bottom: 0px;
          left: 36px;
        }
      }
    }
    .open-dots {
    display: none;
    transition: max-height 0.3s ease;
    overflow: hidden;
    }
    .open-dots.show {
    display: block;
    }
  }

  .border-bottom {
    border-bottom: 2px solid #273773;
  }

  .blue-border-top {
    border-top: 2px solid #273773;
  }

  .attention-container {
    background-color: #273773;
    p {
      font-size: 15px;
      color: #ffffff;
      padding: 20px;
      margin: auto;
      text-align: center;
      a {
        color: #ef5a28;
        text-decoration: none;
      }
      a:hover {
        color: #ffb401;
        text-decoration: underline;
      }
    }
  }

  .blue-container {
    padding-top: 25px;
    padding-bottom: 20px;
    background-color: #273773;
    h3,
    p,
    li {
      color: #fff;
    }
    .prefix {
      color: #fff;
    }
    .highlight {
      color: #ef5a28;
    }
    .second-btn {
      p {
        color: #fff;
      }
    }
    .btn {
      box-shadow: #273773 10px 10px 0px -3px, #f2f2f2 10px 10px;
    }
    .btn:hover {
      background-color: #273773;
      color: #ffb401;
      transform: translate(0px, 10px);
      box-shadow: #f2f2f2 6px 0px 0px -6px, #ffb401 0px 0px 0px 4px;
    }
  }

  .yellow-container {
    background-color: #ffb401;
    box-shadow: rgb(163 156 156) 0px 3px 8px 0;
    padding-top: 25px;
  }

  .normal-container {
    padding-top: 25px;
    padding-bottom: 20px;
  }

  .white-container {
    background-color: #ffffff;
    height: 30px;
  }

  .black-container {
  background-color: #000000;
}

  .pdf-card-wrap {
    background-image: url("../imgs/pattern.png");
    background-repeat: no-repeat;
    background-position: right;
    .pdf-card {
      border: 4px solid #ffb10a;
      border-radius: 10px;
      background-color: #fefefe;
      width: 420px;
      padding: 0;
      position: relative;
      p {
        color: #273773;
        text-align: center;
        font-weight: 800;
      }
      .img {
        width: 100%;
        height: auto;
        position: relative;
        bottom: -4px;
        border-radius: 7px;
        filter: brightness(50%) contrast(120%);
      }
      .svg {
        position: absolute;
        left: 40%;
        top: 40%;
        z-index: 100;
      }
    }
    .pdf-card:hover {
      transform: scale(1.1);
      cursor: pointer;
    }
    a {
      text-decoration: none;
    }
  }
}

footer {

.footer_menu {
    padding: 30px 20px 10px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.8;
  li {
    font-size: 11px;
  }
}

.footer_menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sub-title {
  margin-top: 20px;
}

ul.sub-menu li.sub-title > a {
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

ul.sub-menu li.sub-title > a:hover {
    color: #fff !important;
}

/* 
.footer_menu .menu > .menu-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
} */

.footer_menu .menu > .menu-item > a {
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin-inline-end: 15px;
}

.footer_menu .sub-menu {
    /* display: flex; */
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_menu .sub-menu .menu-item {
    margin-inline-end: 15px;
}

.footer_menu .sub-menu .menu-item a {
    font-size: 12px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    text-transform: lowercase;
}
.footer_menu .sub-menu .menu-item:first-letter {
  text-transform: uppercase;
}
.footer_menu .sub-menu li.menu-item.no-text-transform > a {
  text-transform: none !important;
}

.footer_menu .sub-menu li.menu-item.no-text-transform > a::first-letter {
  text-transform: none !important;
}
.footer_menu .menu {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.footer_menu .sub-menu .menu-item a:hover {
    color: #f1c40f;
}

@media (max-width: 1193px) {

    .footer_menu .menu > .menu-item {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .footer_menu .sub-menu {
        flex-direction: column;
    }

    .footer_menu .sub-menu .menu-item {
        margin: 5px 0;
    }

    .footer_menu .menu > .menu-item > a {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .footer_menu .sub-menu .menu-item a {
        font-size: 11px;
    }
}

@media (max-width: 1193px) {
    .footer_menu .menu {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (max-width: 770px) {
    .footer_menu .menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 468px) {
    .footer_menu .menu {
        grid-template-columns: 1fr;
    }
}
  background-color: #222222;
  /* margin-bottom: 60px; */
  /* a:-webkit-any-link  {
  color: #ffffff;
} */
  .first-container {
    p {
      font-size: 12px;
      font-weight: 300;
      color: #ffffff;
      padding: 30px 20px 10px;
      margin: auto;
      text-align: start;

      span {
        font-size: 13px;
        font-weight: 700;
        color: #ffffff;
      }
    }
  }

  .second-container {
    background-color: #363636;
    margin: auto;

    p {
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      padding: 0 10px 5px;
    }

    .xxs-box {
      width: 140px;
      margin: auto;
    }

    .sm-box {
      width: 430px;
      margin: auto;
    }

    .xs-box {
      width: 322px;
      margin: auto;
    }

    .invest-img {
      margin: 10px auto 10px;
      display: flex;
    }
    .lseg-img {
        margin: 20px auto;
        display: flex;
    }

    .follow-btn {
      margin: 0 auto 10px;

      span {
        margin: 2px;
        display: inline-flex;
        flex-direction: row;
      }
      a {
        background-color: #fefefe;
        width: 50px;
        height: 50px;
        border-radius: 50px;
      }
      a:hover {
        background-color: #ffb10a;
        .svg {
          fill: #fff;
        }
      }
      .facebook {

        svg {
          margin: 9px 10px;
        }
      }
      .facebook::before {
        content: none;
      }
      .linkedin {
        svg {
          margin: 8px 10px;
        }
      }
      .instagram {
        svg {
          margin: 8px 10px;
        }
      }
      .tiktok {
        svg {
          margin: 8px 10px;
        }
      }
      .whatsapp {
        svg {
          margin: 8px 10px;
        }
      }
      .telegram {
        svg {
          margin: 10px 10px;
        }
      }
      .youtube {
        svg {
          margin: 12px 10px;
        }
      }
      .twitter {
        svg {
          margin: 10px 10px;
        }
      }
    }

    .app-btn {
      display: inline-flex;
      margin: auto;

      img {
        margin: 10px;
      }
    }

    img {
      margin: 20px 10px;
    }
  }
  .contact-phone {
      border-bottom: 1px solid #ffffff;
      display: flex;
      p {
        text-align: left;
        margin: 0;
        padding-left: 5px;
        font-size: 15px;
        font-weight: 700;
        color: #ffffff;
        a  {
    color: #ffffff;
  }
      }
      svg {
        margin-left: 10px;
      }
  }
  .brands {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin: 20px auto;
    display: block;

    img {
      margin: 10px 4%;
    }
  }

  p {
    font-size: 12px;
    font-weight: 300;
    color: #ffffff;
    padding: 20px;
    margin: auto;
    text-align: start;
    a {
      color: #ffb401;
    }

    .bold,
     b {
      font-size: 14px;
      font-weight: 700;
      color: #ffffff;
    }

    span {
      color: #ffb401;
      font-size: 14px;
      font-weight: 700;
    }
  }
}

@media only screen and (max-width: 1284px) {

  .slideshow-container {
    img {
      width: 90%;
      height: auto;
    }
    img.cashback-img {
      width: 80%;
      height: auto;
  }
  .main-cta {
    .smaller-header {
      font-size: 40px;
    }
  }
}
  main {
    .qr-socials-wrap {
      .flex {
        display: block;
      }
      p {
        margin-top: 0;
        text-align: center;
      }
      .qr-img {
        margin-inline-start: auto;
        margin-inline-end: auto;
        display: flex;
      }
      .share-via-wrap {
        width: fit-content;
        margin: 0 auto 10px;
        text-align: center;
       }
    }
  }

  footer {
    .third-container {
      .brands {
        img {
          margin: 10px 3%;
        }
      }
    }
  }
}

@media only screen and (max-width: 1230px) {
  main {
    section {
      .arrow-four-box {
        display: none;
      }
      .md-box.phone-body {
        width: 100%;
      }
    }
  }
}

@media only screen and (max-width: 1229px) {
  main {
    section {
      .header-img-wrap {
        height: fit-content;
      }
      .header-img-mt4 {
        width: clamp(200px, 70vw, 1000px);
        margin-top: 50px;
      }
      .header-img-50_more {
        width: clamp(200px, 70vw, 520px);
        position: relative;
        bottom: -20px;
      }
    }
  }
}

@media only screen and (max-width: 1199px) {
  .slideshow-container {
  img {
    width: 88%;
    height: auto;
  }
  img.cashback-img {
        width: 75%;
   }
}
.app-wrap {
  .md-box {
    margin: auto;
  }
}
  .vertical {
    display: none;
  }
  .vertical-wrap {
    display: none;
  }
  .arrow1-img {
    display: none;
  }
  .lg-box.img-arrow {
    width: 40%;
  }
  .drawable-parent.draw {
    display: none;
  }
  li {
    width: auto;
  }
  .svg-arrow-middle {
    .arrow2-img {
      display: block;
    }
  }
  .arrow2-img {
    display: none;
    }
}

@media only screen and (max-width: 1160px) {
  main {
    .arrow-wrap {
    .first-inner-arrow,
    .second-inner-arrow,
    .third-inner-arrow {
      clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);
      margin-inline-end: 5px;
    }
    }
    .blog-container {
      .sm-box {
        width: 100%;
      }
      .left-top-shadow,
      .right-top-shadow,
      .left-Bottom-shadow,
      .right-bottom-shadow
       {
        box-shadow: none;
      }
    }
    .arrow {
    display: none;
    }
    .image-container {
      margin: auto;
    }
  }

  footer {
    .third-container {
      .brands {
        display: block;

        img {
          margin: 10px 2%;
        }
      }
    }
  }
}

@media only screen and (max-width: 1150px) {
  .divider {
    display: none;
  }
  .s-box {
    margin: 20px;
  }
}

@media only screen and (max-width: 1133px) {
 
.slideshow-container {
        height: 450px;
      }
    .main-cta {
      flex: none;
      h1 {
        font-size: 30px;
         .second-title {
        font-size: 24px;
      }
      }
      p.subtitle {
        padding: 10px;
        font-size: 15px;
      }
    }
}

@media only screen and (max-width: 1055px) {
  .flex-container {
    flex-direction: column;
  }

  .flex-item-left {
    flex: 50%;
    .mt-15 {
      margin-top: 20px
    }
  }

  .flex-item-right {
    flex: 50%;
    margin: auto;
  }

  .contactUs-wrap {
    .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 60%;
      margin: auto;
    }
  }

  .s-box {
    margin: auto;
  }

  .xs-box {
    margin: auto;
  }

  .three-dots {
   display: none;
  }

  .whyfxoro {
    width: 350px;
    margin: auto;
    margin-bottom: 20px;
    .text-left {
      text-align: center !important;
      margin: auto;
    }
  }

  .slideshow-container {
  /* height: 520px; */
    /* .main-cta {
      h1 {
        font-size: 35px;
      }
      .smaller-header {
        font-size: 33px;
      }
    } */
  }

  .mySlides {
    .flex-container {
      flex-direction: row;
    }
    .flex-item-left,
    .flex-item-right {
    flex: 50%;
    }
  }

  .vertical-wrap {
    display: none;
  }

  main {
  /* .first-container {
    img {
      margin: 5px 10px;
    }
  }

  .second-container {
    .sm-box {
      display: none;
    }

    li {
      margin-top: 30px;
    }

    .md-box {
      width: 60%;
    }

    .lg-box {
      width: 40%;
    }
  }

  .seventh-container {
    img {
      margin: 10px 20px;
    }
  } */

  .qr-socials-wrap {
    .qr-img {
      margin-top: 10px;
    }
  }
  }

  footer {
    .second-container {
      .flex-container {
        flex-direction: row;
        margin: auto;

        .xs-box,
        .sm-box,
        .xxs-box {
          width: auto;
        }
      }
    }
  }
}

@media only screen and (max-width: 1029px) {
  .reverse-flex {
   flex-direction: column-reverse;
   img.mt-2 {
    margin-top: 10px;
   }
}
.acc-icon.width-100 {
  margin: auto;
}
 .lg-box.full-width {
  width: 100% !important;
  }
  .xxxs-box {
    margin: auto;
    img {
      margin: auto;
    }
  }
  header {
     .top-bar {
      .btn {
        display: none;
      }
    }
  }
}

@media only screen and (max-width: 1014px) {
  footer {
    .third-container {
      .brands {
        display: block;

        img {
          margin: 10px 5%;
        }
      }
    }
  }
}

@media only screen and (max-width: 1010px) {
  main {
    section {
  .vertical {
        display: none;
      }
      .arrow1-img {
        display: none;
      }
      .arrow2-img {
        display: none;
      }
    }
  }
  footer {
    .third-container {
      .brands {
        display: block;
        img {
          margin: 10px 5%;
        }
      }
    }
  }
}

@media only screen and (max-width: 969px) {
  .slideshow-container {
    height: 375px;
        .main-cta {
          h1 {
            font-size: 28px
          }
        }
}
  .article-post {
  display: block;
  .btn-wrap {
    margin-bottom: 20px;
  }
}
  main {
.table-wrap {
  .lg-box {
    width: 100%;
  }
}
.md-lg-box {
  width: 100%;
 }
.pattern-element {
  display: none;
}
.islamic-pattern {
display: block;
width: revert-layer;
height: auto;
}
.mobil-pattern-wrap {
    display: block;
    position: relative;
    padding-bottom: 70px;
    margin: auto;
.mobil-pattern-element {
  height: auto;
  position: absolute;
  top: -130px;
  right: 50%;
  left: 45%;
  width: 200px;
  transform: translateX(-40%);
}
}
.small-accordion {
  height: auto !important;
  .icon {
    margin-bottom: 0px !important;
  }
}
    section {
      
      h1 {
        font-size: 25px;
      }
      .circles-section {
        background-image: none;
        display: inline-flex;
        position: relative;
      }
      .info-mt4,
      .accordion-wrap {
        .accordion {
          h4 {
            font-size: 15px;
          }
          .icon {
            width: 17px;
            height: 17px;
            margin-bottom: 30px;
          }
        }
      }
    }
    .xs-box,
    .xxs-box {
      margin-inline-end: auto;
      margin-inline-start: auto;
    }
    .div-color-boxes {
      .arrow {
        display: none;
      }
    }
  }
}

@media only screen and (max-width: 872px) {
 .slideshow-container {
        .main-cta {
          h1 {
            font-size: 24px;
            padding: 20px 0px 4px 0px;
          }
          .smaller-header {
            font-size: 28px;
          }
          .main-btn {
            width: 300px;
          }
        }
  }
  .md-box.prof-acc-small-wrap {
    width: 100%;
  }
  .professional-img {
    position: relative;
    margin: auto;
  }
  .contactUs-wrap {
    .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 70%;
      margin: auto;
    }
  }
  main {

    .app-wrap {
      li {
        width: 100%;
      }
  .lg-box {
    display: none;
  }
  .md-box {
    width: 90%;
    margin: auto;
  }
}
    .main-btn {
      margin: auto;
      text-align: center;
    }

    .circles-section {
      display: flex;
      flex-direction: column;
      ul {
        padding-inline-start: 0;
      }
      .mr-5 {
        margin-inline-end: 0;
      }
      .ml-1 {
        padding: 0;
      }
      .svg-arrow-middle {
        position: relative;
        margin: auto;
        height: 90px;
        img {
          transform: rotate(88deg);
          top: -62px;
        }
      }
    }
    .socials-container {
      span {
              margin: 8px;
       }
    }

    .arrow2-img,
    .arrow3-img {
      display: none;
    }

    .info-box {
        padding: 0 10px;
        margin: 0 auto 30px;

      .panel {
        width: 100%;
        padding: 0 0px;
      }
      .subpanel .accordion {
        padding-inline-start: 18%;
        height: 0px;
      }
      .accordion {
        padding-inline-start: 0;

        h4 {
          font-size: 15px;

          .icon {
            width: 18px;
            height: 18px;
          }

          .prefix-fx {
            font-size: 17px;
          }

          span {
            font-size: 17px;
          }
        }
      }
    }
    .drawable.draw {
      display: none;
    }
    .svg-arrow-middle {
        .drawable.draw {
      display: block;
    }
    }
    .image-container {
      .first-image {
        display: none;
      }
    }
  }

  footer {
    a:-webkit-any-link  {
  color:rgb(163 156 156)
}
    .second-container {

      .app-btn {
        display: block;
        margin: 0px auto 10px;
        text-align: center;

        img {
          margin: 3px;
        }
      }
    }
  }
}

@media only screen and (max-width: 800px) {
  .mySlides {
    .flex-container {
      flex-direction: column;
    }
    .flex-item-left,
    .flex-item-right {
        flex: 100%;
    }
}

.slideshow-container {
    height: 608px;
    img {
      margin-top: 0px;
      margin-inline-start: auto;
      margin-inline-end: auto;
      width: 60%;
    }
      img.cashback-img {
        width: 65%;
      }
    .main-cta {
      height: fit-content;
      margin: auto;
      text-align: center;
      h1 {
        padding: 20px 0px 4px 0px;
      }
      p.subtitle {
        text-align: center;
      }
      .main-btn {
        margin: auto;
      }
    }
  }
  main {
.realShares-tablet {
  width: 100%;
}
  .arrow-wrap {
  display: none;
 }
 .mobile-how-to-inv-realShares {
  display: block;
 flex-direction: column;
 }
  }
}

@media only screen and (max-width: 745px) {
  .contactUs-wrap {
    .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 85%;
      margin: auto;
    }
  }
}

@media only screen and (max-width: 630px) {
  header {
    .main-cta {
      h1 {
        font-size: 19px;
      }
    }
  }
    .dots-bar {
      left: 43%;
    }
      .main-cta {
      h1 {
        font-size: 19px;
        .second-title {
        font-size: 19px;
      }
      }
    }
    .contactUs-wrap {
    .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 0px;
        }
      }
    }
    .md-box {
      width: 100%;
      margin: auto;
    }
  }
.app-wrap {
  li {
    margin: auto;
    width: 90%;
    img {
      width: 30%;
      height: fit-content;
      margin: 20px auto 0;
    }
  }
}
  main {
.app-wrap {
  .md-box {
    width: 100%;
  }
}
.qr-socials-wrap {
.share-via-wrap {
 a {
  width: 40px;
  height: 40px;
 }
  .facebook {
      position: relative;
      svg {
        width: 25px;
        height: 25px;
        margin: 8px 8px;
      }
    }
    .linkedin {
      position: relative;
      svg {
            width: 25px;
        height: 25px;
        margin: 7px 8px;
      }
    }
    .telegram {
      position: relative;
      svg {
            width: 25px;
        height: 25px;
        margin: 8px 6px;
      }
    }
    .twitter {
      position: relative;
      svg {
            width: 25px;
        height: 25px;
        margin: 8px 8px;
      }
    }
      .instagram {
         position: relative;
        svg {
              width: 25px;
        height: 25px;
          margin: 8px 8px;
        }
      }
      .tiktok {
         position: relative;
        svg {
              width: 25px;
        height: 25px;
          margin: 8px 8px;
        }
      }
      .whatsapp {
         position: relative;
        svg {
              width: 25px;
        height: 25px;
          margin: 8px 8px;
        }
      }
      .youtube {
         position: relative;
        svg {
              width: 25px;
        height: 25px;
          margin: 8px 8px;
        }
      }
  }
}

.payment-container {
  .sm-box-img {
    width: 35%;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
    img {
      width: 100%;
      height: auto;
      margin: auto;
    }
    .zota {
      width: 55%;
    }
    .nuvei {
      width: 55%;
    }
  }
}

.md-box {
  width: 100%;
}

.xl-box {
  width: 100%;
}

.xs-box {
  width: 360px;
}

.xxs-box {
  .mb-4 {
    margin-bottom: 20px;
  }
}
.div-color-boxes {
  .flex {
    display: block;
  }
  .yellow-box-wrap,
  .light-blue-box-wrap {
    margin-top: 30px;
  }
}
    section {
      .payment-container-CySEC {
    .sm-img {
      width: 8%;
      height: auto;
    }
    .xs-img {
      width: 13%;
      height: auto;
    }
img {
    margin: 1px 10px;
    width: 20%;
    height: fit-content;
}
}
      .digital-id-ver-header {
        .img-div {
          height: 200px;
        }
      }
      .economic-calendar-header {
        .img-div {
          height: 200px;
        }
      }
    }
  }

  footer {
    .second-container {

      .follow-btn {
        img {
          width: 80%;
          height: fit-content;
        }
      }
    }
  }
}

@media only screen and (max-width: 530px) {
  .contactUs-wrap {
      .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 90%;
      .width-300 {
        width: auto;
        margin-inline-end: 10px;
        font-size: 13px;
      }
    }
  }
  main {
    .flex-item-left {
      .text-left {
        text-align: center !important;
        .btn {
          margin-bottom: 20px;
        }
      }
    }
    .course-card {
      width: 255px;
      height: 220px;
    }
    .phone-body {
      background-size: contain;
      background-position: bottom;
    }
  }
}

@media only screen and (max-width: 500px) {
 .slideshow-container {
        .shares-img {
          margin-top: 20px;
        }
        .main-cta {
          .smaller-header {
            font-size: 28px;
            padding: 20px 10px 0px 10px;
        }
      }
        .main-cta {
      h1 {
        font-size: 26px;
        text-align: center;
      }
    
      p.subtitle {
        text-align: center;
      }
      .main-btn {
        width: 90%;
        margin: auto;
      }
    }
    }
.article-post {
  img {
    width: 90%;
    height: auto;
    margin: auto;
    display: flex;
  }
  .btn-wrap {
    margin: auto;
    display: flex;
  }
}
  main {
  .letters {
    margin-inline-start: 0;
    margin-inline-end: 0;
    }
  .acc-icon.width-100 {
    img {
      width: 100%;
    }
  }
  .webinars-card {
.date-wrap {
  p {
      font-size: 24px;
      font-weight: 800;
      display: block;
  }
}
}
  .width-200 {
    a {
      font-size: 13px;
    }
  }
  .sm-height {
    height: fit-content;
  }
  .currency-img {
    display: flex;
    margin: auto;
  }
  .table-wrap {
    td {
      width: 150px;
      font-weight: 700;
      padding: 29px 2px;
    }
    .sell-btn,
    .buy-btn {
      padding: 5px 10px;
    }
  }
  .whyfxoro {
    img {
      width: 25%;
      height: auto;
    }
  }
    .phone-body {
      .download-btn {
        width: 70%;
        height: auto;
        display: inline-block;
        padding: 5px 10px;
        font-size: 17px;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #f2f2f2;
        background-color: #ef5a28;
        border-radius: 10px;
        color: #f2f2f2;
        margin-bottom: 5px;
        a {
          background-color: transparent;
          width: auto;
          height: auto;
          border-radius: auto;
          text-decoration: none;
          color: #f2f2f2;
          display: block;
          margin: 5px;
        }
        svg {
          fill: #f2f2f2;
          margin: -3px 5px;
        }
      }
      p {
        font-size: 14px;
      }
      .web-phone-title {
        display: none;
      }
      .mobile-phone-title {
        display: block;
      }
      .web-qr2,
      .web-qr1 {
        display: none;
      }
    }
    .pdf-card-wrap {
      & .pdf-card {
        .svg {
          left: 34%;
        }
      }
    }
    .chat-img {
      display: none;
    }
    section {
      .header-img-wrap {
        .header-img-shares {
          margin-top: 0;
        }
      }
      h1 {
        text-align: center;
        font-size: 18px;
      }
      .info-mt4,
      .accordion-wrap {
        margin-bottom: 20px;
        .accordion {
          padding: 0 0;
          h4 {
            font-size: 13px;
          }
        }
        .panel {
          padding: 0 0;
        }
      }
      .circles-section {
        ul {
          padding-inline-start: 0;
          margin-top: 0;
        }
      }
      .second-btn {
        margin: 5px auto 0px;
      }
      
      h3 {
        font-size: 20px;
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
        text-align: center;
      }
      .blog-container,
      .big-post {
        img {
          width: 70%;
          height: auto;
        }
      }
      .small-post {
        margin-inline-start: 20px;
        margin-inline-end: 10px;
        img {
          width: 90px;
        }
      }

      img {
        width: 35%;
        height: auto;
      }
      .svg-img {
        width: 35%;
        height: auto;
      }
      .s-box {
        width: 350px;
      }
      .socials-container {
        .box {
       img {
        width: 15%;
        height: auto;
        margin: 10px
        }
      }
    }
    }
  }

  footer {
    .first-container {
      p {
        padding: 10px;
      }
    }

    .third-container {
      .brands {
        .sm-img {
          width: 22%;
          height: fit-content;
        }

        .xs-img {
          width: 40%;
          height: fit-content;
        }

        img {
          margin: 10px 2%;
        }
      }

      p {
        padding: 10px;
      }
    }
  }
}

@media only screen and (max-width: 440px) {
  main {
     .mobile-how-to-inv-realShares {
  .first-card.xs-box,
  .second-card.xs-box,
  .third-card.xs-box {
    width: 100%;
  }
 }
    .big-post-wrap {
      margin: auto;
      .big-post {
        width: 100%;
        margin: auto;
      }
      .text-post {
        width: 100%;
        margin: auto;
      }
    }
    .slider {
      .display-right {
        right: -41px;
      }
      .display-left {
        left: -40px;
      }
    }
    .phone-body {
      .download-btn {
        padding: 2px 0px;
        font-size: 14px;
        svg {
          width: 15px;
        }
      }
      p {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 12px;
      }
      a {
        width: 30px;
        height: 30px;
      }
      .facebook {
        svg {
          margin: 5px 8px;
        }
      }
      .linkedin {
        svg {
          margin: 4px 5px;
        }
      }
      .telegram {
        svg {
          margin: 4px 4px;
        }
      }
      .twitter {
        svg {
          margin: 5px 6px;
        }
      }
    }
  }
}

@media only screen and (max-width: 430px) {
  .slideshow-container {
    height: 540px;
        img.cashback-img {
        width: 58%;
    }
  }
  .app-wrap {
    ul {
      padding: 10px;
    }
    li {
      img {
        width: 85px;
        margin: 30px auto 0;
      }
    }
  }
}

@media only screen and (max-width: 400px) {
    .contactUs-wrap {
      .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 95%;
      .width-300 {
        width: auto;
        margin-inline-end: 10px;
        font-size: 11px;
      }
    }
  }
  main {
    section {
      .div-color-boxes {
        .blue-box-wrap,
        .yellow-box-wrap,
        .black-box-wrap,
        .light-blue-box-wrap {
          display: flex;
          width: fit-content;
        }
        .blue-box-wrap {
          .blue-box {
            width: 220px;
            height: 260px;
          }
          .number {
            position: absolute;
            font-size: 30px;
            top: 0px;
            left: 100px;
          }
          .text {
            position: absolute;
            top: 100px;
            left: 50px;
            width: 55%;
          }
          .top-band {
            position: absolute;
            left: -25px;
            top: 10px;
            width: 230px;
          }
          .bottom-band {
            position: absolute;
            bottom: 0px;
            left: 55px;
            width: 100px;
          }
        }
        .yellow-box-wrap {
          .yellow-box {
            width: 220px;
            height: 260px;
          }
          .number {
            position: absolute;
            font-size: 30px;
            top: 0px;
            right: 100px;
          }
          .text {
            position: absolute;
            width: 60%;
            top: 100px;
            right: 40px;
          }
          .top-band {
            position: absolute;
            left: -25px;
            top: 10px;
            width: 230px;
          }
          .bottom-band {
            position: absolute;
            bottom: 0px;
            left: 55px;
            width: 100px;
          }
        }
        .black-box-wrap {
          .black-box {
            width: 220px;
            height: 260px;
          }
          .number {
            position: absolute;
            font-size: 30px;
            top: 0px;
            left: 100px;
          }
          .text {
            position: absolute;
            width: 55%;
            top: 100px;
            left: 50px;
          }
          .top-band {
            position: absolute;
            left: -25px;
            top: 10px;
            width: 230px;
          }
          .bottom-band {
            position: absolute;
            bottom: 0px;
            left: 55px;
            width: 100px;
          }
        }
        .light-blue-box-wrap {
          .light-blue-box {
            width: 220px;
            height: 260px;
          }

          .number {
            position: absolute;
            font-size: 30px;
            top: 0px;
            right: 100px;
          }
          .text {
            position: absolute;
            width: 60%;
            top: 100px;
            right: 40px;
          }
          .top-band {
            position: absolute;
            left: -25px;
            top: 10px;
            width: 230px;
          }
          .bottom-band {
            position: absolute;
            bottom: 0px;
            left: 55px;
            width: 100px;
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 397px) {
  .slideshow-container {
        height: 580px;
      /* .mobil-player {
        margin-top: 5px;
      } */
              .shares-img {
            margin-top: 10px;
            margin-bottom: 10px;
        }
      }
}

@media only screen and (max-width: 355px) {
    .contactUs-wrap {
      .xxl-box {
      .md-box {
        .width-300 {
          margin-inline-start: 5px;
        }
      }
    }
    .md-box {
      width: 100%;
      .width-300 {
        width: auto;
        margin-inline-end: 10px;

      }
    }
  }
  main {
    .webinars-card {
    .date-wrap {
    left: 12%;
    }
  }
    .width-100 {
      font-size: 13px;
      width: 100px;
    }
    .width-200 {
      a {
        font-size: 12px;
      }
    }
    .pdf-card-wrap {
      .pdf-card {
        .svg {
          left: 32%;
        }
      }
    }
    .professional-img {
      width: 250px;
      bottom: -35px;
    }
    section {
        .dots-bar {
      left: 37%;
    }
    .slideshow-container {

          .shares-img {
        margin-top: 30px;
        margin-bottom: 30px;
    }

   .main-cta {
      .main-btn {
        width: 250px;
     .btn {
         font-size: 18px;
     }
        }
      }
     }
      .s-box {
        width: 270px;
      }
      .svg-img {
        width: 35%;
        height: auto;
      }
    }
    .phone-body {
      .download-btn {
        padding: 0px 0px;
        font-size: 14px;
        svg {
          width: 15px;
        }
      }
      p {
        margin-top: -1px;
        margin-bottom: 7px;
        font-size: 12px;
      }
      a {
        width: 23px;
        height: 23px;
      }
      .facebook {
        svg {
          width: 10px;
          margin: 4px 4px;
        }
      }
      .linkedin {
        svg {
          width: 15px;
          margin: 4px 5px;
        }
      }
      .telegram {
        svg {
          width: 15px;
          margin: 5px 1px;
        }
      }
      .twitter {
        svg {
          width: 15px;
          margin: 5px 3px;
        }
      }
      .mt-5 {
        margin-top: 20px !important;
      }
    }
  }
  footer {
    .second-container {
      .follow-btn {
        img {
          width: auto;
          height: a;
        }

        display: block;
      }
    }
  }
}

@media only screen and (max-width: 300px) {
  svg.play {
    margin-top: 5px;
  }
}

.client-type-container,
.account-type-container {
  display: flex;
  gap: 20px;
}

.client-type-container a,
.account-type-container a,
.category-type-container a {
  color: #ffb10a;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #273773;
  display: inline-block;
  border: 1px solid #273773;
  min-width: 138px;
  width: 16%;
  text-align: center;
  font-weight: 600;
}

.client-type-container a.active,
.account-type-container a.active,
.category-type-container a.active {
  color: #273773;
  background-color: #ffb10a;
}

.client-type-container {
  margin-bottom: 30px;
}

.client-type-container,
.account-type-container {
  margin-bottom: 30px;
}

.category-type-container {
  display: flex;
  gap: 5px;
  overflow-x: auto;
}

.client-type-container a {
  padding: 8px 16px;
  font-size: 18px;
  font-weight: 900;
}

.account-type-container a {
  min-width: 200px;
  padding: 8px 12px;
}

.category-type-container a {
  /* min-width: auto; */
  padding: 8px 12px;
}

.category-type-container a.active {
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
  border: none;
}

/* Responsive table container */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  margin-top: 0;
  /* Allows horizontal scrolling */
}

table {
  width: 100%;
  /* Ensures table takes full width */
  border-collapse: collapse;
  margin: 0;
  font-size: 18px;
}

th,
td {
  padding: 10px 12px;
  font-size: 12px;
  border: 1px solid #000;
  text-align: start;
  text-transform: capitalize;
}

th {
  background-color: #1b75ba;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-top: 0;
}

tr.even {
  background-color: #d8d8d8;
}
.table-responsive.trading-conditions{
  min-height: 500px;
}
.table-responsive.trading-conditions .tab-content {
  display: none;
}

.table-responsive.trading-conditions .tab-content.active {
  display: block;
}

.dot-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 40px;
}

.dot-loader span {
  width: 8px;
  height: 8px;
  background-color: #333;
  border-radius: 50%;
  animation: bounce 0.6s infinite ease-in-out;
}

.dot-loader span:nth-child(2) {
  animation-delay: 0.2s;
}

.dot-loader span:nth-child(3) {
  animation-delay: 0.4s;
}


.table-responsive.trading-conditions {
  overflow-x: auto; /* Ensure horizontal scrolling for wide tables */
  position: relative; /* Needed for the sticky header */
  max-height: 500px; /* Optional: Set a max height for the scrollable area */
}
.table-responsive.trading-conditions table {
  border-collapse: collapse;
  width: 100%;
}
.table-responsive.trading-conditions thead th {
  position: sticky;
  top: 0; /* Sticks the header to the top */
  z-index: 2; /* Ensure the header stays above the table body */
  padding: 10px; /* Add padding for better spacing */
}
.table-responsive.trading-conditions tbody td {
  padding: 10px; /* Add padding to body cells */
  text-align: center;
}
.table-responsive.trading-conditions tbody tr td:first-of-type {
  font-weight: bold;
}
.pagination{
  text-align: center;
  color: #fff;
}
.pagination a {
  color: #fff;
  font-size: 19px;
  padding: 16px 5px;
  text-decoration: none;
}
span.page-numbers.current{
  color: #ffb401;
  font-weight: bold;
  font-size: 18px;
}
.webinars-card a{
  text-decoration: none;
}

/* economic calendar */
.no_frame {
  overflow-x: auto;
  white-space: nowrap;
}

#cal_container {
  width: 100%;
}

@media (max-width: 1030px) {
  #cal_container {
    width: 1030px;
  }
}

.mte-news-list-0 .image-responsive.mte-news-list {
min-width: 100px;
  height: auto;
}
.mte-news-list-0 .item.mte-news-list {
  overflow-x: auto;
}

.mte-daily-briefings-0 {
  min-width: 600px;
  overflow-x: auto;
}

.mte-news-list-0 .primary.mte-news-list {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: normal;
}


@keyframes bounce {

  0%,
  80%,
  100% {
    transform: scale(0.6);
    opacity: 0.4;
  }

  40% {
    transform: scale(1);
    opacity: 1;
  }
}