.bottom{
    padding-top: 14px;
    width: 200px;
   margin-left: auto;
margin-right: auto;
display: block;
}
.rr-logo {
width: 300px;
margin-left: auto;
margin-right: auto;
display: block;
    background-color: #FFFFFF;
}
header {background-color: #FFFFFF;
}

nav {background-color: #52aff9}

.horizontal-list {
 font-size: 30px;
    display: flex; 
  list-style-type: none;
  padding: 0;
  margin: 0; 
justify-content: center;
}

.horizontal-list li {
  padding: 10px;
}

.horizontal-list2 {
 font-size: 20px;
    display: flex; 
  list-style-type: none;
  padding: 0;
  margin: 0; 
justify-content: center;
color: #FFFFFF;
}

.horizontal-list2 li {
  padding: 10px;
  color: #FFFFFF;
}


a:link {text-decoration: none;
 font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
color: #000000;}

a:visited {color: #000000}

a:hover {text-decoration: underline}


body {background-color: #13334d}



.h1 {color: #FFFFFF;
 width: 1100px;
 text-align:center;
 margin-left: auto;
margin-right: auto;
}

.h1A{font-size: 40px; 
color: #FFFFFF;
 text-align:center;
 margin-left: auto;
margin-right: auto;
}

.h2A{font-size: 27px; 
color: #FFFFFF;
 text-align:center;
 margin-left: auto;
margin-right: auto;
}

.font2 {font-size: 20px; 
    color: #FFFFFF;
}

.font3 {font-size: 20px; 
text-align:center;
    color: #FFFFFF;
}


.font4 {font-size: 20px; 
margin-left: auto;
margin-right: auto;
    color: #FFFFFF;
    width: 900px;
}
.agent {width: 500px;
    margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 0 0 5px white; 
}

.pagent { font-size: 20px;
color: #FFFFFF ; 
margin-left: auto;
margin-right: auto;
    width: 1000px;}
    
    .white {color: #FFFFFF;
}

.line {width: 1100px;}

.line2 {width: 900px;}

.line3 {width: 85%;}

.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #52aff9;
  width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown:hover .dropdown-content {
  display: block;
}

.house {width: 19.5%;
    box-shadow: 0 0 0 3px white; 
    margin: 2.5%;
    transition: transform 0.3s ease-in-out; 
  
} 

.house:hover { transform: scale(1.3); } 

  .form-container {
        background: white;
        padding: 25px;
        border-radius: 8px;
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
        width: 350px;
    }
    input, textarea {
        width: 100%;
        padding: 8px;
        margin-top: 8px;
        margin-bottom: 12px;
    }
    button {
        background-color: #13334d;
        color: white;
        padding: 10px;
        border: none;
        cursor: pointer;
        width: 100%;
    }
    
    .center-form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    
    .comic-relief-regular {
  font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
}

.comic-relief-bold {
  font-family: "Comic Relief", system-ui;
  font-weight: 700;
  font-style: normal;
}

.center { 
    width: 600px;
margin-left: auto;
margin-right: auto;
display: block; 
    box-shadow: 0 0 0 5px white;
}