#service {
  color: #202020;
}

#service .main-color-red {
  color: #e31c79;
}

#service .main-color-black {
  color: #202020;
}

#service .main-color-grey {
  color: #626262;
}

#service .main-color-blue {
  color: #003f67;
}

#service .main-bg-color-blue {
  background-color: #003f67;
}

#service .bg-color-light-blue {
  background-color: #f0fbff;
}

#service .main-bg-color-red {
  color: #e31c79;
}

#service .large-title {
  line-height: 66px;
}

#service .nav-link {
  background-color: #f0fbff !important;
  border-bottom: 0px !important;
  font-size: 24px;
  margin: 0;
  color: #626262 !important;
  text-align: start;
}

#service .nav-link.active {
  color: #00b4f1 !important;
  border-left: 10px solid #00b4f1;
}

#service .download-text {
  font-size: 24px;
}

#service .abstract-technology {
  margin-top: 30vw !important;
  z-index: -1;
}

#service p {
  margin: 0;
}

/*------*/

#service .banner {
  background-image: url("/static/images/downloadforms/bg/bg-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: top;
  height: 600px;
}

#service .banner-2 {
  position: absolute;
  bottom: 98vh;
  z-index: -1;
}

#service .donwloadforms-section {
  height: auto;
}

#service h1.banner-title {
  font-weight: 500;
  font-size: 54px;
  line-height: 58px;
  color: #ffffff;
}

#service .icon-border {
  border-left: solid 1px #c4d2dc;
}

#service .file-size-text {
  font-size: 16px !important;
}

#service .select-custom {
  background-color: #d7f5ff;
  border-radius: 26px;
}

#service .select-custom .select-arrow {
  content: "abc" !important;
}

#service .select-custom .select-arrow:before {
  content: "abc" !important;
}

@media (max-width: 575px) {
  #service .banner {
    background-image: url("/static/images/downloadforms/bg/bg-banner-mobile.webp");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    height: 30vh;
  }

  #service .banner-2 {
    position: relative;
    bottom: 0vh;
    width: 60vw;
    z-index: -1;
    padding: 40px 0;
  }

  #service .donwloadforms-section {
    height: auto;
  }

  #service .icon-border {
    border-left: solid 0px !important;
  }

  #service .large-title {
    font-size: 34px;
    line-height: 36px;
  }

  #service .medium-title {
    font-size: 24px;
    line-height: 36px;
  }
}

/* Small devices (phones, 400px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  #service .download-text {
    font-size: 20px;
  }

  #service .icon-border {
    border-left: solid 0px !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  #service .donwloadforms-section {
    height: auto;
  }
  #service .banner {
    background-image: url("/static/images/downloadforms/bg/bg-banner-mobile.webp");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    height: 30vh;
  }

  #service .banner-2 {
    position: relative;
    bottom: 0vh;
    width: 60vw;
    z-index: -1;
    padding: 40px 0;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* #service .breadcrumb {
    padding-top: 50px !important;
  } */

  #service .donwloadforms-section {
    height: auto;
  }
  #service .abstract-technology {
    margin-top: 110vw !important;
    z-index: -1;
  }
}

@media (min-width: 1900px) {
  #service .banner-2 {
    bottom: 98vh;
    z-index: -1;
  }
}