/* login for  hero css */

@media (min-width: 990px){
 
/* #logbox {
 height: 365px;
} */

}

#logbox {
 border-radius: 10px;
  padding: 10px;
  width: 350px;
  background: transparent linear-gradient(270deg, #ef7d00 0%, #231f20 100%) 0% 0% no-repeat padding-box;
}


h1 {
  text-align: center;
  font-size: 175%;
  color: #757575;
  font-weight: 300;
}

h1, input {
  font-family: "Open Sans", Helvetica, sans-serif;
}

.input {
  width: 75%;
  background: transparent;
  display: block;
  margin: 0 auto 15px;
  padding: 10px 1px;
  border: none;
  color: #fff !important;
  border-bottom: 1px solid #fff;
}

.input:focus {
  outline: none;
  border-bottom-color: #3CC !important;
}
.input:hover {
  border-bottom-color: #dcdcdc;
}
.input:invalid {
  box-shadow: none;
}
::placeholder { 
  color: #fff !important;

}
select option{
 color: #000 !important;
  border:none !important;
}

.pass:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.inputButton {
  position: relative;
  width: 150px;
  height: 40px;
  display: block;
  margin: 30px auto 30px;
  color: white;
  background-color: #188de6;
  border: none;

}
.inputButton:hover {
  box-shadow: 1px 0px 5px 1px #188de6;
}
.inputButton:active {
  top: 5px;
  box-shadow: none;
}
.inputButton:focus {
  outline: none;
}



/**------*/

 .modal-backdrop {
      z-index: 90 !important;
    }

    .modal-backdrop .show {
      z-index: 90 !important;
    }

    .font-nunito {
      font-family: 'Nunito Sans', sans-serif;
    }

    .mt25 {
      margin-top: 25px;
    }

    .pa10 {
      padding: 10px;
    }

    .pa0 {
      padding: 0px;
    }

    .slider-imgage {
      background: url(https://lpuonline.com/landing-page/images/boy-brand.png) no-repeat;
      padding: 12% 31%;
    }

    .brand-header-text1 {
      background-color: rgba(255, 255, 255, 0.7);
      padding: 10px 10px 10px 10px;
      border-radius: 5px;
      font-family: 'Oswald', sans-serif;
      letter-spacing: 3px;
      margin-right: 0px;
      width: fit-content
    }

    .npf-form {
      position: absolute;
      top: 1%;
      right: 1%;
    }

    .banner-heading {
      padding-top: 25%;
    }

    .frm__bx__mn {
      width: 350px;
      margin-left: 60px;
    }

    .programme-structure .col-lg-12 {
      padding: 0 !important;
    }

    .card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: 0.25rem;
    }

    .form--control {
      height: 40px !important;
    }

    .ews-box-top1 {
      width: 100%;
      margin: 0 auto;
      margin-top: -59px;
      z-index: 2;
      background: #fff !important;
      position: relative;
      min-height: auto !important;
      padding: 10px 15px;
    }

    .ews-box-heading1 {
      margin-bottom: 0;
      margin-left: -6px;
    }

    .ews-box-top {
      min-height: 220px;
    }
  


    @media(max-width:1920px) {
      .slider-imgage {
        padding: 12% 28%;
      }

      .brand-header-text1 {
        width: 90%
      }
    }


    @media(max-width:1440px) {
      .slider-imgage {
        padding: 15% 0 15% 30%;
      }

      .brand-header-text1 {
        width: 55%
      }
    }

    @media(max-width:1360px) {
      .slider-imgage {
        padding: 15% 0 15% 27%;
      }
    }

    @media(max-width:1200px) {
      .slider-imgage {
        padding: 40% 2px 0% 20%;
      }

      .npf-form {
        right: 1%
      }
    }

    @media(max-width:1024px) {

      .slider-imgage {
        padding: 470px 0 0 0;
    
  
}
   

      .npf-form {
        right: 1%
      }
    }

    @media(max-width:992px) {
      .slider-imgage {
        padding: 26.5% 5%;
      }

      .npf-form {
        right: 1%
      }

      .brand-header-text1 {
        margin: 15px;
        width: 100%;
      }
    }

    @media(max-width:991px) {
      .slider-imgage {
        padding: 300px 0 0 0;
        background-size: 380px;
      }

      .brand-header-text1 {
        margin: 0 auto
      }

      .npf-form {
        position: static;
        text-align: center;
      }
    }

    @media(max-width:768px) {
      .slider-imgage {
        background-size: 380px;
        padding: 300px 0 10px 0;
      }
    }



    @media only screen and (max-width: 450px) {
      .generic-tab .nav-item {
        min-width: 85px !important;
      }

      .brand-header-text1 h2 {
        font-size: 20px;
      }

      .frm__bx__mn {
        width: 350px;
/*        margin-left: 20px;*/
margin-top: 30px;
      }

      @media only screen and (max-width: 991px) {
        .generic-tab .nav-item {
          min-width: 135px;
          margin-left: 20px;
        }

        .banner-heading {
          padding: 5%;
        }
      }

      .fixed-box {
        top: 0px;
      }

      @media (min-width: 1200px) {
        .container {
          max-width: 1180px !important;
        }
      }

/*----3333----*/

.programme-structure .col-lg-12 {
      padding: 0 !important;
    }

    .card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: 0.25rem;
    }

    .form--control {
      height: 40px !important;
    }

    .ews-box-top1 {
      width: 100%;
      margin: 0 auto;
      margin-top: -59px;
      z-index: 2;
      background: #fff !important;
      position: relative;
      min-height: auto !important;
      padding: 10px 15px;
    }

    .ews-box-heading1 {
      margin-bottom: 0;
      margin-left: -6px;
    }

    .ews-box-top {
      min-height: 220px;
    }

    @media only screen and (max-width: 450px) {
      .generic-tab .nav-item {
        min-width: 85px !important;
      }
    }

    @media only screen and (max-width: 991px) {
      .generic-tab .nav-item {
        min-width: 135px;
      }
    }

    .fixed-box {
      top: 0px;
    }

    @media (min-width: 1200px) .container {
      max-width: 1180px !important;
    }

    .ffn {
      font-family: 'Nunito Sans', sans-serif;
    }
    

    /*-----*/

     .brand-header-text1 h2 {
         line-height: 50px;
         }
         .frm__bx__mn {
         margin: 0 auto;
         }
         #scroll-top {
         right: 142px
         }
         .mobile {
         display: none
         }
         @media (max-width: 768px) {
         .mobile {
         display: block;
         background: #000;
         z-index: 9999;
         position: fixed;
         bottom: 0;
         width: 100%;
         color: #FFF;
         display: flex;
         justify-content: space-between;
         }
         div.call-back {
         cursor: pointer;
         width: 50%;
         padding: 10px 0;
         text-align: center;
         position: relative;
         bottom: unset;
         right: unset;
         }
         .applynow {
         cursor: pointer;
         width: 50%;
         text-align: center;
         padding: 10px 0;
         display: inline-block;
         border-right: 1px solid #fff; 
         }
         }




.modal-content{
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}