@media (min-width: 1024px) {
  .ac-container {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding: 0rem;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  h2 {
    font-size: 4.6rem;
    position: relative;
    z-index: 1;
    font-weight: 900;
    margin-bottom: 1rem;
    line-height: 0.8;
  }
  h2 span {
    font-weight: 300;
    font-size: 0.78em;
    display: block;
    margin-bottom: 1rem;
  }
  p {
    font-size: 1.2rem;
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
    font-weight: 400;
            line-height: 1.2;
   
  }
  /*** That button appears in header and also in section 9 and the padding is different***/
  #ac-open-form,
  #ac-open-form2 {
    background: radial-gradient(
      49.62% 49.62% at 50.38% 100%,
      #e58e75 0%,
      #d2232a 100%
    );
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.28) inset;
    border: 0;
    color: #fff;
    padding: 0.7vh 0.8rem 0.5vh;
    border-radius: 0.3rem;
    font-family: "Ploni DL 1.1 AAA";
    font-weight: 500;
  }
  #ac-part-1{
        overflow: hidden;
  }

  /* Header */

  header {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: #232635;
    display: flex;
    justify-content: center;
    align-items: center;
    /* top: -10rem; */
    top: 0;
    transition: top 0.5s;
    z-index: 2;
    flex-direction: column;
  }
  header .ac-header-top {
    width: 100rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    background-color: #fff;
    padding: 1vh 1rem;
    height: 6vh;
  }
  header .ac-header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
  }
  header .ac-svg-header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 7vh; */
    width:35vh;
    margin-right: 0.5rem;
  }
  header .ac-header-text {
    color: #00437b;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0.2vh;
    font-weight: 500;
  }

  header nav {
    width: 100rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #818285;
    font-size: 1.2rem;
    height: 4vh;
    padding-top: 0vh;
  }
  header nav ul {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  header nav ul li a {
    text-decoration: none;
    color: #fff;
    transition: color 0.5s;
    font-weight: 500;
  }
  header nav ul li:hover a,
  header nav ul li:focus a {
    color: #00437b;
  }
  header nav ul li hr {
    width: 0;
    opacity: 0;
    transition: opacity 0.5s, width 0.5s;
  }
  header nav ul li:hover hr,
  header nav ul li:focus hr {
    opacity: 1;
    width: 100%;
  }
  header nav ul li.ac-has-submenu {
    position: relative;
  }
  header nav ul li.ac-has-submenu > a {
    cursor: pointer;
  }
  header nav ul li.ac-has-submenu .ac-submenu {
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
    background-color: #818285;
    list-style: none;
    padding: 0.6rem 1.2rem;
    margin: 0;
    display: none;
    flex-direction: column;
    min-width: 6rem;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }
  header nav ul li.ac-has-submenu:hover .ac-submenu,
  header nav ul li.ac-has-submenu:focus-within .ac-submenu {
    display: flex;
  }
  header nav ul li.ac-has-submenu .ac-submenu li {
    margin: 0.4rem 0;
    text-align: center;
  }
  header nav ul li.ac-has-submenu .ac-submenu li a {
    color: #fff;
    transition: color 0.5s;
  }
  header nav ul li.ac-has-submenu .ac-submenu li:hover a,
  header nav ul li.ac-has-submenu .ac-submenu li:focus a {
    color: #00437b;
  }
  /* End Header */

  /* Scroll Down Arrow */
  .ac-scroll-down {
    display: none;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    padding-left: 0;
    font-size: 63px;
    font-size: 3.9rem;
    position: absolute;
    bottom: 0;
    width: 100%;

  }
  .ac-scroll-down-sec-1 {
                display: flex;
            width: 10rem;
            bottom: 20vh;
            position: absolute;
            right: 20vw;
  }
  .ac-scrolldown-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 82%;
    height: 100%;
    background: linear-gradient(
      to right,
      rgba(125, 126, 130, 1) 0%,
      rgba(125, 126, 130, 1) 60%,
      rgba(125, 126, 130, 0.89) 71%,
      rgba(125, 126, 130, 0.75) 77%,
      rgba(125, 126, 130, 0.64) 81%,
      rgba(125, 126, 130, 0.2) 94%,
      rgba(125, 126, 130, 0) 100%
    );
  }
  .ac-scroll-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0%;
  }
  .ac-scroll-text {
    position: absolute;
    z-index: 1;
    left: 23%;
    transform: translate(-50%, -50%);
    top: 50%;
  }

  /**** NOTE!!! ------> In Section 1 the .ac-scroll-down-image is different it's get the values of width=auto and height=100% ****/
  #ac-part-2 .ac-scroll-down-image,
  #ac-part-2 .ac-scroll-down-image img,
  #ac-part-3 .ac-scroll-down-image,
  #ac-part-3 .ac-scroll-down-image img,
  #ac-part-4 .ac-scroll-down-image,
  #ac-part-4 .ac-scroll-down-image img,
  #ac-part-5 .ac-scroll-down-image,
  #ac-part-5 .ac-scroll-down-image img,
  #ac-part-6 .ac-scroll-down-image,
  #ac-part-6 .ac-scroll-down-image img,
  #ac-part-7 .ac-scroll-down-image,
  #ac-part-7 .ac-scroll-down-image img,
  #ac-part-8 .ac-scroll-down-image,
  #ac-part-8 .ac-scroll-down-image img {
    width: 100%;
    height: 100%;
  }
  /* End Scroll Down Arrow */

  /* Main */

  main {
    margin-top: 10vh;
  }
  section {
    width: 100%;
    height: 90vh;
    padding: 0;
    /* text-align: left; */
    opacity: 0;
    top: 15vh;
    position: relative;
    transition: opacity 0.5s, top 0.5s;
  }
  section.ac-show {
    opacity: 1;
  }
  section.ac-show_slideup {
    opacity: 1;
    top: 10vh;
  }
  #ac-part-1,
  #ac-part-2,
  #ac-part-3,
  #ac-part-4,
  #ac-part-5,
  #ac-part-6,
  #ac-part-7,
  #ac-part-8,
  #ac-part-9,
  #ac-part-10 {
    top: -0.1vh;
    opacity: 1;
  }

  #ac-part-1 {
    background-color: #292929;
  }
  #ac-part-1 .ac-gradient {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(
      to right,
      rgba(41, 41, 41, 0) 0%,
      rgba(41, 41, 41, 0.3) 8%,
      rgba(41, 41, 41, 0.5) 12%,
      rgba(41, 41, 41, 0.65) 16%,
      rgba(41, 41, 41, 0.78) 20%,
      rgba(41, 41, 41, 0.87) 24%,
      rgba(41, 41, 41, 0.93) 28%,
      rgba(41, 41, 41, 0.97) 33%,
      rgba(41, 41, 41, 1) 38%,
      rgba(41, 41, 41, 1) 100%
    );
  }
  #ac-part-1 .ac-wrapper-text {
              position: absolute;
            top: 57%;
            right: -9%;
            transform: translate(-50%, -63%);
            z-index: 1;
            text-align: center;
            font-weight: 900;
            width: max-content;
  }
  #ac-part-1 .ac-wrapper-text .ac-svg-faw {
    display: flex;
    justify-content: center;
    align-items: center;
                width: 33vw;
  }
  #ac-part-1 .ac-wrapper-text h1 {
              font-size: 4rem;
            margin-top: 2rem;
  }
  .ac-sub-title {
             font-weight: 300;
            font-size: 3.5rem;
            margin-top: 0.5rem;
            display: block;
  }

  #ac-part-2 .ac-gradient {
    position: absolute;
    width: 63%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(
      to right,
      rgba(189, 190, 192, 1) 0%,
      rgba(189, 190, 192, 1) 79%,
      rgba(189, 190, 192, 0) 93%,
      rgba(189, 190, 192, 0) 99%
    );
  }
  #ac-part-2  p{
    display: block;
    text-align: right;
  }
  #ac-part-2 .ac-wrapper-text,
  #ac-part-3 .ac-wrapper-text,
  #ac-part-4 .ac-wrapper-text,
  #ac-part-5 .ac-wrapper-text,
  #ac-part-7 .ac-wrapper-text,
  #ac-part-8 .ac-wrapper-text,
  #ac-part-9 .ac-wrapper-text {
    position: absolute;
    z-index: 1;
    text-align: right;
    width: 38vw;
    height: auto;
    top: 40%;
    left: 25%;
    transform: translate(-50%, -50%);
  }
  #ac-part-2 .ac-wrapper-text{
    top:51%
  }
  #ac-part-3 .ac-wrapper-text{
     top: 50%;
  }
  #ac-part-6 .ac-wrapper-text {
            position: absolute;
            z-index: 1;
            text-align: right;
            width: 44vw;
            height: auto;
            top: 50%;
            left: 24%;
            transform: translate(-50%, -50%);
  }

  #ac-part-3 {
    background-image: url("../img/webp/sec_3_bg.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  #ac-part-3 p,
  #ac-part-4 p,
  #ac-part-7 p{
    display: block;
  }
  #ac-part-3 .ac-image {
               height: 63vh;
            position: absolute;
            top: 23%;
         left: 68%;
   transform: translate(-166%);
  }
  #ac-part-3 .ac-80-countries {
    display: flex;
            align-items: center;
            margin-top: 10vh;
            text-align: center;
            color: #fff;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 1.00);
            width: 100%;
            justify-content: center;
            font-size: 5rem;
  }
  #ac-part-3 .ac-80-countries .ac-countries-text{
        display: block;
              font-size: 0.6em;
    margin-right: 1rem;
  }
  #ac-part-4 {
    background-color: #bdbec0;
  }
  #ac-part-4 .ac-image {
    height: 89vh;
    position: absolute;
    top: 3%;
    left: 68%;
    transform: translate(-50%);
  }
  #ac-part-4 .ac-wrapper-text{
    top:50%
  }
  #ac-part-6 .ac-gradient {
               background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 1%, rgb(0 0 0 / 83%) 63%, rgb(0 0 0 / 94%) 99%);
            position: absolute;
            width: 73%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 0;
  }
  #ac-part-7 .ac-gradient {
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.74) 1%,
      rgba(255, 255, 255, 0.74) 43%,
      rgba(255, 255, 255, 0) 93%,
      rgba(255, 255, 255, 0) 99%
    );
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
   #ac-part-7 .ac-wrapper-text{
    top:65%
   }
   #ac-part-7 .ac-wrapper-text p small{
    font-size: 0.8em;
    margin-top:18vh;
    display: block;
   }
  #ac-part-8 {
    background-color: #bdbec0;
  }
  #ac-part-8 .ac-image {
    height: 64vh;
            position: absolute;
            top: 3%;
            left: 46%;
               transform: translate(-113%);
  }
  #ac-part-9 {
    background-color: #061d25;
  }
  #ac-part-9 .ac-wrapper-text {
    top: 50%;
  }
  #ac-part-9 .ac-image {
  position: relative;
            right: 12vw;
            height: 74vh;
            /* object-fit: contain; */
            /* overflow: unset; */
            align-self: center;
  }
  #ac-part-9 .ac-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#061d25+1,061d25+99&1+59,0+100 */
    background: linear-gradient(
      to right,
      rgba(6, 29, 37, 1) 1%,
      rgba(6, 29, 37, 1) 59%,
      rgba(6, 29, 37, 0.02) 99%,
      rgba(6, 29, 37, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
                display: none;
  }
  #ac-part-9 p{
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.95)
  }
          #ac-part-9 {
            background-image: url(../img/webp/sec_9_bg.webp);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        #ac-part-10 {
          background-image: url(../img/webp/sec_10_bg.webp);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        #ac-part-10 .ac-gradient{
          background: linear-gradient(180deg, #000511 0%, rgba(0, 5, 17, 0) 100%);
          width: 100%;
          position: absolute;
          top: 0;
                    height: 41vw;
        }
        #ac-part-10 .ac-container{
              width: 70rem;
          margin: 0 auto;
          align-items: center;
        }
        #ac-part-10 .ac-container h3 {
                    color: #239BFF;
            font-size: 2.8rem;
            text-align: right;
            margin-bottom: 3rem;
            margin-top: -1rem;
        }
        #ac-part-10 .ac-list-wrapper-contact{
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }
         #ac-part-10 .ac-list-wrapper-contact .ac-list-item {
          display: flex;
          flex-direction: row;
          gap: 0.2rem;
        }
         #ac-part-10 .ac-list-wrapper-contact .ac-list-item .ac-name-address {
                      font-weight: 700;
            font-size: 1.3rem;
                      width: 20rem;
             color: #239BFF;
        }
         #ac-part-10 .ac-list-wrapper-contact .ac-list-item .ac-telephone {
                      font-weight: 400;
            font-size: 1.3rem;
                    width: 15rem;
        }
        #ac-part-10 .ac-list-wrapper-contact .ac-list-item .ac-telephone a {
          color:#fff;
          text-decoration: none;
        }
         #ac-part-10 .ac-list-wrapper-contact .ac-list-item .ac-address {
                      font-weight: 400;
            font-size: 1.3rem;
                      width: 40rem;
        }
  /* End Main */
}