.topbanner{

margin-top:20px;
height:100%;

}

.categoryrow {
  display: flex; /* equal height of the children */
  gap: 90px;
}

.latestrow {
  display: flex; /* equal height of the children */
  gap: 30px;
}

.maincontent{background-color:#FFFFFF;display: flex;
  justify-content: center;}
.homeintro{background-color:#e6e6ff;padding:25px;margin-top:20px;border-radius:5px;margin-bottom:20px;display: flex; /* equal height of the children */
  gap: 50px;}
.homeintro h1{margin-left:0px;font-weight:normal;color:#314d7a;margin-top:10px}
.homeintro p{margin-bottom:10px;font-size:18px;line-height:22px}
.homeintro a{color:#314d7a;}
.homeintro img{max-width:350px;border-radius:5px;}

.businessheffield{width:22%;float:right;margin-right:20px;margin-top:5px}

.homecontent{background-color:#dbd5d5;display: flex;
  justify-content: center;padding:25px;margin-top:20px;border-radius:5px;margin-bottom:20px;gap: 70px;padding-right:35px}
  .homecontent p{line-height:20px;}

  .homecol{width:30%;}

  input {padding:10px;border-radius: 5px;border:1px solid #CCCCCC;font-size:16px;margin-top:5px}
  label {margin-left:5px;font-size:18px}

  .buttonsubmit{padding:10px;background-color:#314d7a;color:#FFFFFF;margin-left:10px;border-radius: 5px;font-size:16px}
  .inputtext{width:450px;}

.homegooglead{background-color:#e6e6ff;padding:20px;border-radius: 5px;margin-bottom:20px;}

.featuredcompanies{background-color:#cccccc;padding:20px;border-radius: 5px;margin-bottom:20px;}
.featuredcompanies h2{color:#000000;font-weight:normal}
.fcompany{display: flex;background-color:#FFFFFF;border-radius: 5px;}
.fcompanies{background-color:#FFFFFF;padding:0px;margin-top:10px;border-radius: 5px;padding:15px;width:33%}
.fcompanies img{border-radius: 5px;}
.fcompanies h2{color:#314d7a}
.fcompanies a{color:#314d7a}
.fdetailsimg{padding:20px;width:30%}
.fdetailsimg img{border-radius: 5px;}
.fdetails{width:70%;padding:25px;}
.fdetails h3{color:#314d7a;font-size:24px;font-weight:normal;margin-top:10px}
.fdetails a{color:#314d7a;font-size:18px}
.fdetails p{font-size:18px;}

.latestcompanies{background-color:#314d7a;padding:20px;border-radius: 5px;}
.latestcompanies h2{color:#FFFFFF;font-weight:normal}
.latestcompany{background-color:#FFFFFF;padding:0px;margin-top:10px;border-radius: 5px;padding:15px;width:33%}
.latestcompany h2{color:#000000;}
.latestcompany h3{color:#000000;}
.latestcompany a{color:#314d7a}
.latestcompany p{font-size:18px;}

.homecategories{background-color:#e6e6ff;padding:20px;margin-top:20px;border-radius:5px;}
.homecategories h2{font-size:22px;color:#314d7a;margin-left:20px}
.homecategories p{font-size:18px;margin-left:20px;}
.homecategories a{color:#000000;text-decoration:none}
.homecategories a:hover{text-decoration:underline;}
.homecategories li{padding:5px;font-size:18px}

.bannermob{display:none;}

.hbuttons{margin-top:40px}

a.homebutton {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
}

a:hover.homebutton{color:#CCCCCC;}

.homebutton {
    padding: 15px;
    background-color: #314d7a;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 10px;
}

@media screen and (max-width: 800px) {

.businessheffield{width:30%;}
.homeintro img{max-width:280px;border-radius:5px;}
.homecontent{ display:block; }
.homecol{width:93%;}
.categoryrow {
  gap: 60px;
}

}



@media screen and (max-width: 600px) {

.homecontent{ display:block; }
.latestrow { display:block; }
.categoryrow { display:block;}
.homeintro{ display:block; }
.homeintro img{display:none;}
.homeintro h1{font-size:24px;}
.latestcompany{width:93% }
.homecol{width:93%;}
.inputtext{width:60%;}
.hbuttons{width:90%;}
a.homebutton {
    font-size: 16px;
}
.featuredcompanies{border-radius: 0px;}
.latestcompanies{border-radius:0px;}
.homecategories{border-radius:0px;}
.fcompany{display:block;}
.fdetails{padding-top:10px;width:91%;}
.fdetailsimg {width:91%;}

.businessheffield{width:35%;margin-top:15px;margin-right:15px}
.bannermob{display:block;}
.bannerdesk{display:none;}
.fdetails h3 {
margin-top:0px;
}
.toplogo{width:60%;}

}