#scrollProgressBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #241f59; /* Bootstrap primary */
  z-index: 9999;
  transition: width 0.25s ease-out;
}
.rotatexx {
    animation: rotate 7s linear infinite;
}
@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}
.new_bannerxx{
      position: absolute;
    top: 0;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0%;
}

.why-join-us-section .media {
  margin-bottom: 30px;
}
.why-join-us-section .media-left {
  font-size: 28px;
  padding-right: 15px;
}
.why-join-us-section h4.media-heading {
  font-weight: 600;
  margin-top: 0;
}


@media (min-wdith: 768px){
  .new_bannerxx{
    right: -20%;
  }
}

html,
body{
    width:100%;
    overflow-x:hidden !important;
}

.container,
.container-fluid,
.row{
    max-width:100%;
}

.banner{
    width:100%;
    overflow:hidden;
}

.hero-content{
    width:100%;
}

.banner-text{
    width:100%;
    max-width:100%;
}