.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

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

.fs-40 {
  font-size: 40px;
}

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

.fs-60 {
  font-size: 60px;
}

.fs-70 {
  font-size: 60px !important;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}


.pt-500 {
  padding-top: 500px;
}

.pt-250 {
  padding-top: 250px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-200 {
  padding-bottom: 200px;

}

.pb-150 {
  padding-bottom: 150px;

}

.pb-100 {
  padding-bottom: 100px;

}

.pb-100 {
  padding-bottom: 100px;

}


.pb-50 {
  padding-bottom: 50px;

}

.section-padding {
  padding: 130px 40px;
}

.section-block {
  padding-block: 50px;
}

.font-prompt {
  font-family: "Prompt", sans-serif !important;
}

.bg-home {
  background-image: url('../images/home/gif1.gif');
}

.bg-home2 {
  background-image: url('../images/home/img15.webp');
}

.bg-home3 {
  background-image: url('../images/home/img16.webp');
}

.bg-home4 {
  background-image: url('../images/home/img19.webp');
}

.bg-home5 {
  background-image: url('../images/home/Picture12.png');
}

.bg-home6 {
  background-image: url('../images/home/Picture15.png');
}


.bg-home7 {
  background-image: url('../images/home/Picture18.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-home7::after {
  content: '';
  min-width: 1400px;
  height: 300px;
}

/* Navbar */
.top-header {
  animation: Navslide 0.5s ease-out 0s;
}

.slideUp {
  animation: NavslideUp 0.5s ease-out 0s;
}


.language-switcher {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-block: 18px;

}

.language-switcher button {
  box-shadow: 0 13px 30px 10px rgba(0, 0, 0, 0.07);
}

.language-switcher span {
  font-size: 14px;
  font-weight: 500;

}

.language-switcher button:hover {
  background-color: #084887;
  color: #fff;
}

#nav ul>li>a {
  font-size: 16px;
  font-weight: 600;
}





/* Home */




.main-slider img {
  animation: updown 10s linear infinite;
}





@keyframes updown {
  from {
    transform: scale(100%);
  }

  50% {
    transform: scale(105%);
  }

  to {
    transform: scale(100%);
  }
}


.who {
  font-family: "Prompt", sans-serif !important;
}

.pc-root {
  min-height: 100vh;

}

.row1 {
  padding: 40px;
  padding-top: 100px;
  border-radius: 15px;
  /* border: 1px solid #289FED;
  -webkit-box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 5px 5px 15px 5px rgba(0, 0, 0, 0); */
  box-shadow: 17px 14px 22px rgb(131 193 229 / 79%);
}

.row1>hr {
  height: 5px;
  color: #084887;
}

.row1 h1 {
  font-family: "Prompt", sans-serif !important;
  font-size: 60px;
  font-weight: 600;
  color: #084887;
  text-shadow: 1px 3px 3px rgba(90, 89, 89, 0.38);

}

.row1 p {
  font-size: 22px;
}

.row1 p>strong {
  color: #C6282D;
  font-size: 30px;
}


/* .row2 {
  padding-top: 100px;
} */

.row2 h1 {
  color: #084887;
  font-size: 100px;
  font-weight: 900;
}

.row2 p:nth-child(2) {
  color: #196cbe;
  padding-top: 20px;
  font-size: 50px;
}

.row2 p:nth-child(3) {
  color: #196cbe;
  padding-top: 30px;
  font-size: 40px;
}

.row2 p:nth-child(4) {
  color: #084887;

  padding-top: 20px;
  font-size: 50px;
}

.row2 p:nth-child(5) {
  color: #196cbe;
  padding-top: 30px;
  font-size: 30px;
}


.row2 strong {
  color: #C6282D;
  font-size: 60px;

}


.swiper {
  width: 80%;
  height: 400px;
}

.swiper-pagination {
  width: 100px;
}

.truck-type h1 {
  font-family: "Prompt", sans-serif !important;
  color: #C6282D;
  font-size: 60px;
  font-weight: 600;
  text-shadow: 1px 3px 3px rgb(255, 255, 255);
}

.truck-type h2 {
  font-family: "Prompt", sans-serif !important;
  color: #084887;
  font-size: 40px;
  font-weight: 400;
}

.truck-type {
  /* min-height: 100vh; */

  .truck-img {
    top: -100px;

    .truck-1:hover {
      scale: 115%;
      transition: 1s;

    }
  }

  /* h1 {
    font-family: "Prompt", sans-serif !important;
    color: #C6282D;
    font-size: 60px;
    font-weight: 600;
    text-shadow: 1px 3px 3px rgb(255, 255, 255);
  } */

  /* h2 {
    font-family: "Prompt", sans-serif !important;
    color: #084887;
    font-size: 40px;
    font-weight: 400;
  } */
}

@keyframes updown {
  from {
    transform: scale(100%);
  }

  to {
    transform: scale(105%);
  }
}


.vehicle-type {
  position: relative;
  top: -200px;

  padding-inline: 20px;
}



.vehicle-type .col {
  border-left: 3px solid #084887;
}

.vehicle-type .col:nth-child(1) {
  border-left: 0px solid #ffffff;
}

.vehicle-type h1 {
  font-family: "Prompt", sans-serif !important;
  color: #C6282D;
  font-size: 35px;
  font-weight: 600;
  text-shadow: 1px 3px 3px rgb(255, 255, 255);
}

.vehicle-type h2 {
  margin-left: 30px;
  font-size: 25px;
  font-weight: 500;

}

.vehicle-type h3 {
  margin-top: 10px;
  color: #084887;
  margin-left: 30px;
  font-size: 20px;
  font-weight: 500;

}

/* .truck-img {
  position: relative;
} */


.quantiy {


  h1.header {
    font-family: "Prompt", sans-serif !important;
    color: #3E7497;
    font-size: 70px;
    font-weight: 600;
  }

  .subtitle {
    position: relative;
    top: -200px;

    h1 {
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 50px;
      font-weight: 600;
    }

    h2 {
      font-family: "Prompt", sans-serif !important;
      color: #C6282D;
      font-size: 30px;
      font-weight: 600;
    }

    h3 {
      font-family: "Prompt", sans-serif !important;
      color: rgb(82, 76, 77);
      font-size: 20px;
      line-height: 30px;
      font-weight: 400;
    }
  }
}

.product {
  position: relative;
  top: -200px;
}










.swiper {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;




  h1 {
    font-family: "Prompt", sans-serif !important;
    color: #3E7497;
    font-size: 50px;
    font-weight: 600;
  }

  .swiper-slide-active {
    scale: 140% !important;
    transition: 0.3s !important;


  }

  .swiper-slide {
    width: 100%;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: 90%;
    }



  }

}


.standard {
  position: relative;
  top: -200px;

  .vl {
    border-left: 3px solid #084887;
    min-height: 100px;
    margin-inline: 40px;
    margin-block: auto;
  }

  h2 {
    font-family: "Prompt", sans-serif !important;
    color: #3E7497 !important;
    font-size: 70px;
    font-weight: 600;
  }

  p {
    margin-top: 50px;
    font-family: "Prompt", sans-serif !important;
    color: #3E7497;
    font-size: 20px;
    font-size: 22px;
    line-height: 32px;
  }

  @media (max-width: 768px) {

    img.logo1 {
      width: 150px;
      height: 150px;
    }

    img.logo2 {
      width: 150px;
      height: 200px;
    }

    .vl {
      border-left: 3px solid #0847879c;
      min-height: 50px;
      margin-inline: 10px;
      margin-block: auto;
    }

    h2 {
      margin-top: 25px;
      text-align: center;
      font-size: 45px;
      font-weight: 600;
    }

    p {
      margin-top: 25px;
      text-align: center;
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 18px;
      line-height: 30px;
    }
  }

  @media (max-width: 1023px) {}

}



/* Footer */

.list-unstyled ul>li {
  display: flex;
}


.footer-holder #footer-img {
  width: 50%;

}

.bg-img-footer1 {
  background-image: url("../images/footer/img6.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-curve>img {
  width: 100vw;
  max-width: 100%;
  position: relative;
  top: 40px;
}

.mapbtn {
  background-color: #ffffff !important;
}

.sitemap {

  a {
    color: #ffffff;
  }
}

.logo a {
  font-size: 14px;
  font-weight: 300;
}

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

@media (max-width: 1024px) {
  .quantiy {
    & .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 46px;
        font-weight: 600;
        padding-top: 40px;
      }
    }
  }
}

@media (max-width: 991px) {
  #footer .contactlist a {
    color: #fff;
    display: block;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    font-size: 14px;
  }

  .quantiy {
    & .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 42px;
        font-weight: 600;
        padding-top: 65px;
      }

      h2 {
        font-family: "Prompt", sans-serif !important;
        color: #C6282D;
        font-size: 30px;
        font-weight: 600;
      }

      h3 {
        font-family: "Prompt", sans-serif !important;
        color: rgb(82, 76, 77);
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
      }
    }
  }
}

@media (max-width: 767px) {
  .quantiy {
    h1.header {
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 65px;
      font-weight: 600;

    }
  }

  .quantiy {
    & .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 36px;
        font-weight: 600;
        padding-top: 75px;
      }

      h2 {
        font-family: "Prompt", sans-serif !important;
        color: #C6282D;
        font-size: 28px;
        font-weight: 600;
      }

      h3 {
        font-family: "Prompt", sans-serif !important;
        color: rgb(82, 76, 77);
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 5px;
        padding-right: 5px;
      }
    }
  }

  .truck-type h1 {

    font-family: "Prompt", sans-serif !important;
    color: #C6282D;
    font-size: 35px;
    font-weight: 600;
    text-shadow: 1px 3px 3px rgb(255, 255, 255);

  }

  .truck-type h2 {
    font-family: "Prompt", sans-serif !important;
    color: #084887;
    font-size: 25px;
    font-weight: 400;
  }

  .row1 p {
    font-size: 16px;
    text-align: start;
    color: #084887;
  }

  .row1 h1 {
    font-family: "Prompt", sans-serif !important;
    font-size: 45px;
    font-weight: 600;
    color: #084887;
    text-shadow: 1px 3px 3px rgba(90, 89, 89, 0.38);
    text-align: center;
  }

  .pb-150 {
    padding-bottom: 60px;
  }
}

@media (max-width: 675px) {
  .quantiy {
    h1.header {
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 55px;
      font-weight: 600;
    }
  }

  .quantiy {
    & .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 32px;
        font-weight: 600;
        padding-top: 100px;
      }

      h2 {
        font-family: "Prompt", sans-serif !important;
        color: #C6282D;
        font-size: 27px;
        font-weight: 600;
      }

      h3 {
        font-family: "Prompt", sans-serif !important;
        color: rgb(82, 76, 77);
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 10px;
      }
    }
  }
}

/* @media (max-width: 675px) {

  .quantiy {
    & .subtitle {
        h1 {
            font-family: "Prompt", sans-serif !important;
            color: #3E7497;
            font-size: 30px;
            font-weight: 600;
            padding-top: 105px;
        }
    }
  }
} */
#footer .footer-holder p {
  color: #ffffff;
}

#footer .footer-area p {
  color: #ffffff;
}

@media (max-width: 555px) {
  p {
    margin-top: 25px;
    text-align: center;
    font-family: "Prompt", sans-serif !important;
    color: #3E7497;
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }


  .quantiy {
    h1.header {
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 45px;
      font-weight: 600;
    }
  }

  .quantiy {
    & .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 26px;
        font-weight: 600;
        padding-top: 125px;
      }

      h2 {
        font-family: "Prompt", sans-serif !important;
        color: #C6282D;
        font-size: 24px;
        font-weight: 600;
      }

      h3 {
        font-family: "Prompt", sans-serif !important;
        color: rgb(82, 76, 77);
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 10px;
      }
    }
  }
}

@media (max-width: 536px) {
  .truck-type h1 {

    font-family: "Prompt", sans-serif !important;
    color: #C6282D;
    font-size: 25px;
    font-weight: 600;
    text-shadow: 1px 3px 3px rgb(255, 255, 255);
  }

  .truck-type h2 {
    font-family: "Prompt", sans-serif !important;
    color: #084887;
    font-size: 20px;
    font-weight: 400;
  }

  .row1 h1 {
    font-family: "Prompt", sans-serif !important;
    font-size: 25px;
    font-weight: 600;
    color: #084887;
    text-shadow: 1px 3px 3px rgba(90, 89, 89, 0.38);
    text-align: center;
  }

  .quantiy {
    h1.header {
      font-family: "Prompt", sans-serif !important;
      color: #3E7497;
      font-size: 25px;
      font-weight: 600;
    }

    .subtitle {
      h1 {
        font-family: "Prompt", sans-serif !important;
        color: #3E7497;
        font-size: 16px;
        font-weight: 600;
        padding-top: 170px;
      }

      h2 {
        font-family: "Prompt", sans-serif !important;
        color: #C6282D;
        font-size: 16px;
        font-weight: 600;
      }

      h3 {
        font-family: "Prompt", sans-serif !important;
        color: rgb(82, 76, 77);
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 10px;
      }
    }
  }

  .truck-type {
    .truck-img {
      top: -73px !important;
    }
  }
}



.row1 p>strong {
  color: #C6282D;
  font-size: 25px;
}


@media (max-width: 390px) {
  .truck-type h1 {

    font-family: "Prompt", sans-serif !important;
    color: #C6282D;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 1px 3px 3px rgb(255, 255, 255);

  }

  .truck-type h2 {
    font-family: "Prompt", sans-serif !important;
    color: #084887;
    font-size: 22px;
    font-weight: 400;
  }

  .pb-150 {
    padding-bottom: 35px;
  }

  .vehicle-type {
    position: relative;
    top: -165px;
    padding-inline: 30px;
  }
}