@font-face {
    font-family: 'Castle Tult';
    src: URL('CastleTUlt.ttf') format('truetype');
}
#LoginPagecss .page-wrapper {
    /* font-size: 12px; */
    line-height: 26px;
    letter-spacing: 0.5px;
    font-family: sans-serif;
    height: 100vh;
    
}
#LoginPagecss .forgotPasswordFont {
    font-size: 13px;
}
#LoginPagecss #BottomSection {
    background: #0b109f;
}

#LoginPagecss p {
    margin-bottom: 30px;
}

#LoginPagecss #banner_content {
    margin-top: 0 !important;
    margin-bottom: 30px;
}

#LoginPagecss h1, #LoginPagecss h2, #LoginPagecss h3, #LoginPagecss h4,
#LoginPagecss h5,
#LoginPagecss h6,
#LoginPagecss .h1,
#LoginPagecss .h2,
#LoginPagecss .h3,
#LoginPagecss .h4,
#LoginPagecss .h5,
#LoginPagecss .h6 {
    font-weight: 700;
    /* text-transform: capitalize; */
    font-family: sans-serif;
}

#LoginPagecss h1,
#LoginPagecss .h1 {
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 30px;
}


#LoginPagecss h3,
#LoginPagecss .h3 {
    font-size: 17px;
    line-height: 40px;
    margin-bottom: 20px;
    /* text-transform: uppercase; */
    font-weight: 300;
    color: #4d4d4d;
}

#LoginPagecss h4,
#LoginPagecss .h4 {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #0f80bd;
}

#LoginPagecss h6,
#LoginPagecss .h6 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

#LoginPagecss p>a {
    color: inherit;
}

#LoginPagecss .row {
    margin: 0 -15px !important;
}


#LoginPagecss .bg-dark {
    background-color: #000 !important;
}

/* padding: 80px 0 50px; */
#LoginPagecss .login-section {
    padding: 30px 0;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#LoginPagecss .page-wrapper {
    background: #0b109f;
    background-image: url(../../images/login/LMW_CRM_Login.png);
    background-repeat: no-repeat;
    background-size: 42%;
    /* background-position-x: 55%; */
    background-position-x: 59%;
    background-position-y: 10%;
}

#LoginPagecss .logo-img{
    text-align: right;
}

#LoginPagecss .logo-img img {
    max-width: 100%;
    height: 82px;    
}

#LoginPagecss .login-box h3{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

#LoginPagecss .login-box i.fa {
    font-size: 24px;
    color: #4d4d4d;
}

#LoginPagecss .login-box p {
    margin-bottom: 10px;
}

#LoginPagecss .login-box .form-control {
    border: 1px solid #9c9c9c;
    border-radius: 0;
}

/* padding: 70px 50px 30px; padding: 15px 30px; */
#LoginPagecss .login-box {
    background: #fff;
    padding: 30px;
}

#LoginPagecss .login-box>form img{
    opacity: 0.8;
} 

#LoginPagecss .form-p>p{
    color: #757575;
    font-size: 13px;
}

#LoginPagecss .ml-4,
#LoginPagecss .mx-4 {
    margin-left: 2rem !important;
}

#LoginPagecss .btn {
    border-radius: 0;
}

#LoginPagecss .btn-primary {
    color: #fff;
    background-color: #0b109f;
    border-color: #0b109f;
}

#LoginPagecss a:hover {
    text-decoration: none;
}

#LoginPagecss .login-btn a {
    color: #000;
    float: right;
}

#LoginPagecss .icon-box{
    margin-bottom: 20px;
}

#LoginPagecss .icon-box img{
    height: 30px;
}

#LoginPagecss .icon-box h6{
    margin-bottom: 0;
    color: #41bcff;
}

#LoginPagecss .h-26{
    height: 16px;
}

#LoginPagecss .title>h4{
    font-family: 'Castle tult';
}

@media (max-width: 991px) {

    #LoginPagecss .login-box {
        background: #fff;
        padding: 50px 30px 20px;
    }
   #LoginPagecss  .icon-box>.justify-content-center{
        justify-content: left !important;
    }
}

@media (max-width: 767px) {

   #LoginPagecss  h4,
    #LoginPagecss .h4 {
        font-size: 15px;
        line-height: 30px;
        text-align: center;
    }

   #LoginPagecss  section {
        padding: 20px 0 25px;
    }

   #LoginPagecss  .icon-box>.justify-content-center{
        justify-content: left !important;
    }

    #LoginPagecss .logo-img{
        margin-bottom: 20px;
        text-align: center;
    }
}
/*Landing page*/
#LoginPagecss .section-bg {
    background-color: #dad8d8;
    height: 500px;
}
#LoginPagecss .landing-bg {
    background-color: #fff; 
    background-image: url(../../images/login/LMW_CRM_Landing_Web_V05-03.png);
    height: 400px;
    margin: 50px 0px 0px 0px;
    background-repeat:no-repeat;
    background-size: 440px;
}
#LoginPagecss .landing-bg h3 {
    color: #fff;
    padding: 50px;
    font-size: 12px;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
   
}
#LoginPagecss .landing-bg h6 {
    color: #000;
    font-size: 12px;
    line-height: 40px;
   font-weight: 300;
   
}
#LoginPagecss .landing-bg .border {
    display: inline-block;
    width: 110px;
    height: 80px;
    margin: 6px;
  }
 #LoginPagecss  .icon-section {
    margin: 120px 0px 0px 0px;
    
  }
 #LoginPagecss  .icon-section h6 {
   color: #000;
  }



  /* begin:: landing page css */
 #LoginPagecss  .bg-blue{
      background-color: #0b109f;
      padding: 30px 0;
  }

 #LoginPagecss  .header-text>p{
      margin-bottom: 10px;
  }

  #LoginPagecss .header-text>p>span{
    font-weight: 600;
  }

 #LoginPagecss  .header-wrap a span{
    line-height: 1.6;
      font-size: 11px;
  }

 #LoginPagecss  .h-35{
      height: 35px;
  }

 #LoginPagecss  .navbar-section{
      background-color: #43c7e7;
      padding: 10px 0;
  }

 #LoginPagecss  .navbar-dark .navbar-nav .nav-link.active{
      color: #02067d;
  }

 #LoginPagecss  .bg-grey{
      background: #d0cfce;
      padding: 40px 0;
  }

  #LoginPagecss .bg-grey .bg-white{
      padding: 20px;      
  }

  #LoginPagecss .bg-strip{
    background-image: url(../../images/login/LMW_CRM_Landing_Web_V05-03.png);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 40px 10px 10px;
  }

  #LoginPagecss .bg-strip>p{
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 0;
      text-transform: uppercase;
  }

 #LoginPagecss  .mt-30{
      margin-top: 30px !important;
  }

  #LoginPagecss .icon>label{
      display: block;
      font-weight: 600;
  }

  #LoginPagecss .icon>p{
    text-transform: uppercase;  
    font-size: 13px;
    margin-bottom: 0;
  }

  #LoginPagecss .text-p>p{
      font-size: 13px;
      margin-bottom: 5px;
  }

#LoginPagecss .icon-count1{
      background-color: #0f80bd;
      padding: 2px 7px;
      color: #fff;
  }

 #LoginPagecss  .icon-count2{
      background-color: #fbb03b;
      padding: 2px 7px;
      color: #fff;
  }

  #LoginPagecss .h-52px{
      height: 52px;
  }

  #LoginPagecss .p-0-50{
      padding: 0 50px;
  }

 #LoginPagecss  .service-item{
      background: #fff;
      padding: 10px;
  }

  #LoginPagecss .product-img{
      background: #e6e7e8;
      height: 150px;
      margin-bottom: 10px;
  }

  #LoginPagecss .product-text{
      margin-bottom: 25px;
  }

  #LoginPagecss .service-item>.product-text{
      background: #43c7e7;
      padding: 5px 10px;
      color: #fff;
  }

  #LoginPagecss .service-item>.product-text>p{
      margin-bottom: 0;
  }

  #LoginPagecss .service-item .fa{
      color: #fbb03b;
  }

  #LoginPagecss .bg-darkgrey{
      background: #d0cfce;
      padding: 10px;
      width: 100%;
      margin-top: -90px;
      height: 150px;
  }

  @media (min-width: 1024px){
    #LoginPagecss .logo-mobile{
        display: none;
    }
  }



  @media (max-width: 767px){
    #LoginPagecss .icon>p{
        font-size: 11px;
    }

    #LoginPagecss .mt_30{
        margin-top: 30px;
    }
    #LoginPagecss .navbar-blue{
        background: #02067d;
    }

    #LoginPagecss .bg-blue{
        border-top: 1px solid #868686;
    }

    #LoginPagecss .mobile-none{
        display: none;
    }

    #LoginPagecss .logo-mobile{
        padding: 10px;
    }

    #LoginPagecss .logo-mobile>img{
        height: 50px;
    }
  }

  @media (max-width: 1024px){
    #LoginPagecss .navbar-blue{
        background: #02067d;
    }
    #LoginPagecss .bg-blue{
        border-top: 1px solid #868686;
    }
    #LoginPagecss .mobile-none{
        display: none;
    }
    #LoginPagecss .logo-mobile{
        padding: 10px;
    }

    #LoginPagecss .logo-mobile>img{
        height: 50px;
    }
  }
  

  /* end:: landing page css */