/*
 * CSCI Website - Custom CSP-safe styles
 * Moved from inline <style> and style="..." attributes in index.jsp.
 */

/* Original inline <style> block */
html {
      scroll-behavior: smooth;

    }

    #element::-webkit-scrollbar {
      display: none;
    }

    ::-webkit-scrollbar {
      width: 0px;
      background: transparent;
      /* make scrollbar transparent */
    }

    .down img {
      z-index: 15;
      position: absolute;
      width: 46px;
      height: 70px;
      bottom: 7%;
      left: 50%;
      margin-left: -23px;
      animation-duration: 1.5s;
      animation-name: down;
      animation-iteration-count: infinite;
    }

    @keyframes down {
      from {
        transform: translateY(0px)
      }

      50% {
        transform: translateY(30px)
      }

      to {
        transform: translateY(0px)
      }
    }


    .no-js #loader {
      display: none;
    }

    .js #loader {
      display: block;
      position: absolute;
      left: 100px;
      top: 0;
    }

    .se-pre-con {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url(images/loader.gif) center no-repeat #fff;
    }

    .popup-btn a {
      top: 200px;
      position: fixed;
      left: -40px;
      z-index: 1000;
      transform: rotate(90deg);
      padding: 10px 20px 35px;
      height: 0px;
      background-color: #f9bd00;
      color: #fff;
      font-size: 20px;
    }

.csp-style-1 {
  float: left !important;
}

.csp-style-2 {
  display: flex !important;
}

.csp-style-3 {
  height: 65px !important;
  float: left !important;
}

.csp-style-4 {
  width: 110% !important;
}

.csp-style-5 {
  z-index: -9999 !important;
}

.csp-style-6 {
  z-index: 4 !important;
  white-space: nowrap !important;
}

.csp-style-7 {
  padding-left: 27% !important;
  padding-top: 50% !important;
}

.csp-style-8 {
  padding-left: 3px !important;
}

.csp-style-9 {
  text-transform: capitalize !important;
  color: #76BA1B !important;
}

.csp-style-10 {
  color: #000 !important;
  text-transform: none !important;
}

.csp-style-11 {
  color: #086ad8 !important;
  text-transform: none !important;
}

.csp-style-12 {
  color: #086ad8 !important;
}

.csp-style-13 {
  cursor: pointer !important;
}

.csp-style-14 {
  background-image: url(service/pic1.jpg) !important;
}

.csp-style-15 {
  text-align: justify !important;
}

.csp-style-16 {
  background-image: url(service/greenbelt.jpg) !important;
}

.csp-style-17 {
  text-align: justify !important;
}

.csp-style-18 {
  padding: 0px !important;
  color: #FBCA00 !important;
  font-weight: 500 !important;
}

.csp-style-19 {
  background-image: url(service/pic3.jpg) !important;
}

.csp-style-20 {
  text-align: justify !important;
  margin-bottom: 25px !important;
}

.csp-style-21 {
  background-image: url(service/gov-Compliance.jpg) !important;
}

.csp-style-22 {
  padding: 0px !important;
}

.csp-style-23 {
  color: #000 !important;
  text-align: justify !important;
  overflow: none !important;
}

.csp-style-24 {
  width: 97% !important;
}

.csp-style-25 {
  padding-left: 20px !important;
}

.csp-style-26 {
  list-style-type: decimal !important;
  color: #086ad8 !important;
  font-size: 15px !important;
}

.csp-style-27 {
  text-align: center !important;
}

.csp-style-28 {
  color: #fff !important;
}

.csp-style-29 {
  display: none !important;
}

.csp-style-30 {
  color: #fff !important;
}

.csp-style-31 {
  color: #fff !important;
  float: right !important;
}

.csp-style-32 {
  color: crimson !important;
}

.csp-style-33 {
  color: #333 !important;
}

.csp-style-34 {
  text-align: left !important;
}

.csp-style-35 {
  color: #fff !important;
}