.manaresidents p{
    padding:3% 0%;
    color: #888888;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
}
.manaresidents h1{
    color: #1f1d1d;
    font-size: 40px;
}
.manaresidents img{
    width: 100%;
    height: 100%;
}
.manaresidents{
    margin-top: 5%;
    margin-bottom: 5%;
}
.ourreferralscheme h1{
    color:#1f1d1d;
    font-size: 40px;
}
.ourreferralscheme p{
    padding:3% 0%;
    color: #888888;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
}
.ourreferralscheme{
    margin-top: 5%;
    margin-bottom: 5%;
}
.ourreferralscheme .para{
    padding:6% 0% 0% 0%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #888;
    width: 387px;
    height: 219px;  
}

.ourreferralscheme .referralform .form-control{
    border: none;
    border-radius: 0px;
    color: #bbbbbb !important;
    padding-bottom: 35px;
    text-align: left;
    padding-left: 0px;
    border-bottom: 1px solid #707070;
    width: 346px !important;
    margin-bottom: 5%;
    margin-top: 3%;
 }

 .referralform .form-control::placeholder {
    color: #bbbbbb;
  }
  .referralform{
    width: 100%;
  }
  @media (min-width:1200px){
    .referralform{
        margin-left: 59px;
      }
  }
  

/* ///////////////////////////////////////////////////manaresidents page ends here ////////////////////////////////////*/
.joinourteam{
    margin-top: 5%;
    /* margin-bottom: 5%; */
}
.joinourteam h1{
    color:#1f1d1d;
    font-size: 40px;
}
.joinourteam p{
    padding:2% 0%;
    color: #888888;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
}
.joinourteam img{
    width: 100%;
    height: 100%;
}
.carrersimgblock{
    margin: 3.5% 0% 5% 0%;
}

.custom-file-input:focus ~ .custom-file-label {
    background-color: transparent;
  }

  .custom-file-label::after{
    display: none;
  } 
  .carrers .container{
    margin-top:4%;
  }
  i.fas.fa-paperclip{
    padding-left:70px;
  }

  .carrerform .form-control{
    border:none;
    border-radius: 0px;
    text-align: left;
    padding-left: 0px;
    border-bottom: 1px solid #707070 ;
   
  }
  .carrerform .form-control::placeholder{
        color: #bbbbbb !important;

  }
  .form-select:focus{
    box-shadow:0 0 0 0.25rem rgb(13 110 253 / 0%) !important ;
    border-bottom: 1px solid #707070 !important;
    /* border-color:#707070 !important; */
  }
  .carrerform select{
    border:none;
    border-radius: 0px;
    text-align: left;
    padding-left: 0px;
    border-bottom: 1px solid #707070 ;
    /* width:260px; */
  }
  .carrerform .form-select {
    background-color: white; /* Set the background color */
    color:#bbbbbb; /* Set the color */
    padding-bottom: 7px;
  }
  
  .carrerform .custom-file-label{
    border-bottom: 1px solid #707070;
    
  }
  /* Selected option */
/* Option element */
.form-option {
    display: flex; /* Display as flex */
    align-items: center; /* Center vertically */
    height: 40px; /* Set the height */
    padding: 8px 12px; /* Set the padding */
    font-size: 16px; /* Set the font size */
    color: #333; /* Set the color */
    cursor: pointer; /* Set cursor to pointer */
    transition: background-color 0.2s ease-in-out; /* Add transition */
  }
  
  /* Hover effect */
  .form-option:hover {
    background-color: #f0f0f0 !important; /* Set the background color */
  }
  
  /* Checked effect */
  .form-option input:checked + label {
    background-color: #707070; /* Set the selected color */
    color: #fff; /* Set the color */
  }
  
  /* Label */
  .form-option label {
    margin-left: 10px; /* Add some margin to the left */
  }
  

  .carrerform .custom-file-label{
    border: 1px solid #ced4da00 !important; 
    border-bottom: 1px solid #707070 !important;
    color: #bbbbbb !important;
    border-radius: 0px;
 }
 .carrerform #fullname,#job-profile,#experience{
    width: 86%;
 }

/* ///////////////////////////////////////////////////////////carrer page ends here ////////////////////////////////////*/
.mapblock{
    position: relative;
    width: 100%;
    height: 125vh; /* Adjust the height as needed */
    overflow: hidden;
}
.mapblock .container{
    position: absolute;
    top: 7%;
    left: 5%;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
    width: 100%;
    padding: 20px;
  }
  .mapblock img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: top;
  }
  .mapblock p{
    padding:1% 0%;
    color: #444444;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
}
.addressblock .container1{
    border: 2px solid rgba(112, 112, 112, 0.2);
    padding: 3% 4%;
    margin: 0 auto; 
    width: 75%; 
}
.addressblock .Phone{
    width: 57px;
    height: 24px;
    margin: 0 374px 8px 0;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: left;
    color: #181616;
}
.addressblock{
 justify-items: center;
 margin: 1% 0%;
 margin-top: -10%;
}
.addressblock .text1 a:hover{
    color: #888888;    ;

}
.addressblock .text1 p{
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    font-size: 18px;
    color: #444444;
}
.addressblock p{
    padding:1% 0%;
    color: #888888;
    line-height: 24px;
    font-size: 17px;
    font-weight: normal;
}

#maps-btn:hover{
    background-color: white;
    color: black;
  }
  
  #maps-btn{
    width: 70%;
    margin-top: 4%;
    margin-bottom: 6.5%;
    padding: 7% 0%;

  }
  #contacticons{
    margin-left: 2%;
    color: #1f1d1d;
    font-size: 17px;
  }

 .getintouch{
    margin: 9% 0% 5% 0%;
 }
 .getintouch .container{
    width: 77%; 
   
 }
 .getintouch img{
 width: 100%;
 height: 91%;
 }
 .getintouch h1{
    color: #1f1d1d;
    font-size: 50px;
    letter-spacing: 2.5px;
    line-height: 60px;
    word-spacing: 4px;
 }
 .getintouch p{
    padding:3% 0%;
    color: #444444;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
 }

 .contactform .form-group{ 
    margin-bottom: 10%;
    margin-top: 5%;
 }
 .contactform .form-control{
    border:none;
 border-radius: 0px;
 width: 391px;
 color: #bbbbbb !important;
 padding-bottom: 30px; 
 text-align: left;
 padding-left: 0px;
 border-bottom: 1px solid #707070 ;

 }
 
 #message{
    border-radius: 0px;
    border:none;
    border-bottom: solid 1px #707070;
    color: #bbbbbb !important;
 padding-bottom: 56px; 

 }
 .contactform .form-group .form-control{
    border-color:none !important;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
 }
 .contactform .form-control::placeholder {
    color: #bbbbbb;
  }
  #contactformsubmit:hover{
   color: black;
   background-color: white;
  }
  @media (min-width:1200px){
    #contactformsubmit{
    width: 45% !important;
    }
  }