html 
{
font-family: 'Red Hat Display', sans-serif;
margin:0;
padding:0;
width: 100%;
}

#headsection
{
    margin:0px;
}


#logosection
{
    text-align: center;
    margin: 20px 0px ;
}

#homegradient
{
    background-image: url('../images/gradient.png');
    background-position: 83% 26%;
    width:100%;
    display: flex;
    margin:0px;
}

#bannertext
{
    padding-top:15vh;
    padding-left:20vh;
    padding-bottom:50px;
}

#bannertext p
{
  font-family: 'Red Hat Display', sans-serif;
  font-size:58px;
  line-height: 1.1em;
  font-weight:400;  
  padding-bottom:25px;
}

#bannertext span
{
font-weight:900;
font-family: 'Red Hat Display', sans-serif;
}

#bannertext a
{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 13px;
    text-decoration:none;
    color:#000;
    padding:17px;
    background-color:#fff;
    border-radius:30px;
    font-weight:900;
    letter-spacing: 4px;
}

#homebuilding
{
    padding-top:10vh;
    padding: 0px;
    top:90px;
}

#homebuilding img
{
    max-width:1000px;
    
}

#metrics
{
    margin:0px;
    padding:0px;
    text-align: center;
    padding-top:30px;
    border-image: linear-gradient(#7B3F03, #F48020, #F0A637) 280;
    border-width: 0px;
    border-top-width: 12px;
    border-style: solid;
}


#metricsblock p
{
font-family: 'Red Hat Display', sans-serif;
font-size:30px;
font-weight:700;
text-align: center;
}

#metricsblock span
{
font-family: 'Red Hat Display', sans-serif;
font-size:26px;
font-weight:500;
}

#formsection
{
    padding:20px;
}

#formsection1
{
    text-align: center;
    background-color:#F6F0E7;
    margin-right:10%;
    margin-left:10%;
}

#details
{
    margin-top:30px;
}



#formsection1  h2
{
   font-family: 'Red Hat Display', sans-serif;
   padding-top:40px;
   padding-bottom:20px;
   color:#CBB89E;  
   font-size:30px; 
   font-weight:500;
}

#formsection form
{
    padding-bottom:40px;
    margin:50px;
}

#formsection1 input[type="text"], #formsection1 input[type="tel"], #formsection1 input[type="email"]
{
    width:80%;
    margin:6px 0px;
    padding:8px;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    font-weight: 700;
    Background-color:#fff;
    border-radius: 30px;
    letter-spacing: 1px;
    border-color: #fff;
    color: #CBB89E;
    text-align: center;
    border: 5px;
}


input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
    outline: none !important;
}

#formsection1 button
{
    width:80%;
    margin:20px 0px;
    padding:8px;
    font-family: 'Red Hat Display', sans-serif;
    font-size:18px;
    color:#fff;
    letter-spacing: 1px;
    font-weight: 700;
    background-color:#CBB89E;
    border-color: #CBB89E;
    border-radius: 30px;
    border: 5px;
}

#formsection2
{
    font-family: 'Red Hat Display', sans-serif;
    font-size:18px;
    text-align: right;
    background-color:#fff;
    margin-right:10%;
    margin-left:10%;
}


#details
{
    margin:0px;
    padding:0px;
}

#detailsection
{
    padding-top:20%;
}


#detailsection p
{
    font-family: 'Red Hat Display', sans-serif;
    font-size:30px;    
    font-weight: 600;
    line-height: 1.1em;
    padding-bottom:20px;
}


#detailsection span
{
    font-family: 'Red Hat Display', sans-serif;
    font-size:30px; 
    font-weight: 900;   
}

#contactus
{
    background-color:#F6F0E7;
    margin:0px;
    margin-top:50px;
}

#text
{
    margin:20px;
}

#text p
{
    font-family: 'Red Hat Display', sans-serif;
    font-size:18px; 
    text-align: center;
}

#text span
{
    font-family: 'Red Hat Display', sans-serif;
    font-weight:700;
    font-size:30px;
    top:2px;
}

#privacy
{
    margin:0px;
    padding:0px;
    background-color: #CBB89E;
}

#privacy #text a
{
    text-decoration: none;
    color:#000;
}


/*CSS Mobile View Codes*/

/* @media (max-width: 767px) {
    #imgblock {
      display: none;
    }
  } */




   @media (min-width: 767px) {
    #imgblock {
      display: none !important;
    }
  } 




@media (max-width: 767px) {
    #homegradient {
      display: none;
    }
  }




   @media (min-width: 767px) {
    #homegradientmob {
      display: none !important;
    }
  } 

  #homegradientmob
{
    background-image: url('../images/gradient.png');
    background-position: 83% 26%;
    width:100%;
    display: flex;
    margin:0px;
    padding-bottom:9px;
}

#bannertextmob
{
padding:20px;

}

#bannertextmob p
{
  font-family: 'Red Hat Display', sans-serif;
  font-size:31px;
  line-height: 1.3em;
  font-weight:400;  
  padding-bottom:0px;
padding-top:20px;

}

#bannertextmob span
{
font-weight:900;
font-family: 'Red Hat Display', sans-serif;
}

#bannertextmob a
{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 13px;
    text-decoration:none;
    color:#000;
    padding:15px;
    background-color:#fff;
    border-radius:30px;
    font-weight:900;
    letter-spacing: 4px;
}

#homebuildingmob
{
    padding-top:10vh;
    padding: 0px;
    top:90px;
}

#homebuildingmob img
{
    max-width:1000px;
    
}


@media (max-width: 767px) {
    #formsection form {
      margin:20px;
    }
  }


  @media (max-width: 767px) {
    #detailsection {
      padding-top:50px;
      text-align:center;
    }
  }
  
    @media (max-width: 767px) {
    #contactus #text span {
      display: block;
    }
  }