.IndexBanner{
    background-image: url(../images/banner/01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.pt-100{
    padding-top: 100px;
}
.Text20 h4 a{
    font-size: 20px;
}
.logo-outer img{
    width: 200px;
}
.preloader01 {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
          }
    .dot {
      width: 15px;
      height: 15px;
      border-radius: 100%;
      background-color: #c61414;
      position: absolute;
      left: 30%;
      animation: easeInAndOut 2.5s ease infinite;
    }
    .dot:nth-child(1) {
        animation-delay: 0s;
        opacity: 0;
      }
      .dot:nth-child(2) {
        animation-delay: 0.3s;
        opacity: 0.8;
      }
      .dot:nth-child(3) {
        animation-delay: 0.6s;
        opacity: 0.5;
      }
      .dot:nth-child(4) {
        animation-delay: 0.9s;
        opacity: 0.2;
      }
  
  
  
  @keyframes easeInAndOut {
    0% {
      left: 30%;
      opacity: 0;
    }
    48% {
      left: 49%;
      opacity: 1;
    }
    50% {
      left: 51%;
      opacity: 1;
    }
    100% {
      left: 70%;
      opacity: 0;
    }
  }

  @media (max-width:767px) {
    .preloader img {
        left: calc(16% );
    }
    @keyframes easeInAndOut {
        0% {
          left: 20%;
          opacity: 0;
        }
        48% {
          left: 40%;
          opacity: 1;
        }
        50% {
          left: 51%;
          opacity: 1;
        }
        100% {
          left: 80%;
          opacity: 0;
        }
      }
      .IndexBanner{
        background-image: url(../images/banner/mobileViewBanner.jpg);
      }
      .MobileViewNone{
        visibility: hidden !important;
      }
      .pb-100, .py-100 {
        padding-bottom: 0px;
    }
    .pt-100 {
      padding-top: 50px;
  }
  .MobileViewFont{
    font-size: 12px;
  }
  .marginTop30{
    margin-top: 30px;
  }
  }
  .FontSize35{
    font-size: 35px;
  }

  .contact-detail {
    float: right;
    padding: 30px 0;
}
.Contact-Area {
    padding: 40px 50px;
    background-image: url(../img/security-contact-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.font15px{
    font-size: 15px !important;
}
.pbt-40{
  padding: 50px 0;
}
.ContactUS-Section{
  padding: 50px 0 40px 0;
}
.paddinglr50tb15{
  padding: 15px 50px;
}
.backgroundLightPint{
  background-color: #fff8f8;
}
.name-b p{
  margin-bottom: 0px;
}
.Course_img01 img{
  width: 100%;
}


  @media (min-width:992px) {
   .DestopMenuHide{
       display:none !important;
   }
  }