.resour-bg {
    background: white!important;
}

.col-lg-6,.col-md-7{
    padding: 0!important;
}

.image-container img {
    width: 100%;
    height: 100vh;
    object-fit: cover!important;
}

.form-container {
    height: 100vh!important;
}


.logo img {
    margin-top: 3%;
    margin-bottom: 10%;
    margin-left: 7%;
    width: 132px;
    height: 48px;
    object-fit: contain;
}

.heading{
    padding-left: 10%;
}

.heading h3 {
    color: #000;
    font-family: "Heebo";
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.heading h4 {
    font-family: 'poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 23.5px;
    color: #585A5A;
}

form {
    padding-top: 5%!important;
    padding-left: 10%;
}

.form-group {
    padding-bottom: 3%!important;
}

.form-img{
   background-image: url(../images/farm/Vector.png);
   width: 15px;
   height: 15px;
   position: absolute;
   top: 25%;
   left: 90%;
}

input {
    height: 43px!important;
}

form input[type="text"], form input[type="email"]{
    font-family: 'Heebo';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #3E3E3E;
}


label{
  font-family: "heebo";
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #909191;
  position:absolute;
  top:-10px;
  left:40px;
  background-color:white;
  padding-left: 5px;
  padding-right: 5px;
}


button {
    margin-top: 20px;
    width: 100%;
    height: 53px;
    font-family: 'Heebo';
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.heading-link {
    margin-top: -30px!important;
}

.copyright {
    margin-top: 10%;
}

.copyright h4 {
    color: #909191;
}

.nav-img img {
    width: 132px;
    height: 48px;
}

.nav-content h3 {
    color: #000;
    font-family: 'Heebo';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}


@media only screen and (max-width: 800px) {
    
    .image-container img {
        height: 100%!important;
    }
    
    .logo img {
        margin-left: -10px;
        margin-bottom: 30%;
        margin-top: 30%;
    }
    
    .heading, form {
        padding-left: 0;
    }
    
    .heading-link {
        margin-top: -10px!important;
    }
    
    form {
        margin-top: 20%;
    }
    
}

@media only screen and (max-width: 600px) {
    
    .logo img {
        margin-left: -10px;
    }
    
    .heading, form {
        padding-left: 0;
    }
    
   .form-first {
       margin-bottom: 30px!important;
   }
    
}