div.styles23 {
background: #000000;
padding:0 0 20px 0;
margin-top: 40px;
}
div.styles23 p, div.styles23 h3 {
color:#fff;
padding: 0 12px 12px;
}
div.styles23 h3 {
font-weight:700;
font-size: 2rem;
}
div.styles23 a.button {
background-color:  #ffffff !important;
color: #000000 !important;
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 700;
font-size:1.2rem;
border-radius: 50px;
padding: 16px 30px;
max-width:70%;
}
div.styles23 a.button:hover {
background-color:  #ffcc00 !important;
}
@media only screen and (min-width: 600px) {
div.styles23 .float_left {
    float: left;
    margin-left: 0rem;
    margin-top: 0rem;
    width: 100%;
max-width:none;
}
}
@media only screen and (min-width: 700px) {
div.styles23 .float_left {
    float: left;
    margin-right:30px !important;
    margin-top: .75rem;
    width: 50%;
}
div.styles23 {
padding:40px 40px 40px 40px;
}
div.styles23 p, div.styles23 h3 {
padding: 0;
}
}
@media only screen and (min-width: 800px) {
div.styles23 .float_left {
    margin-right:80px !important;
}
}
/*
@media only screen and (min-width: 1120px) {
div.styles23 {
padding:40px 40px 40px 40px;
}
div.styles23 img {
margin-left:80px !important;
padding:0;
}
div.styles23 p, div.styles23 h3 {
padding: 0;
}
}
*/
div.styles22 {
background: #f4f0ec;
padding:0 0 20px 0;
margin-top: 40px;
}
div.styles22 p, div.styles22 h3 {
color:#000;
padding: 0 12px 12px;
}
div.styles22 h3 {
font-weight:700;
font-size: 2rem;
}
div.styles22 a.button {
background-color:  #ffffff !important;
color: #000000 !important;
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 700;
font-size:1.2rem;
border-radius: 50px;
padding: 16px 30px;
max-width:70%;
}
div.styles22 a.button:hover {
background-color:  #ffcc00 !important;
}
@media only screen and (min-width: 600px) {
div.styles22 .float_right {
    float: none;
    margin-left: 0rem;
    margin-top: 0rem;
    width: 100%;
max-width:none;
}
}
@media only screen and (min-width: 700px) {
div.styles22 .float_right {
    float: right;
    margin-left: 1.5rem;
    margin-top: .75rem;
    width: 50%;
}
div.styles22 {
padding:40px 40px 40px 40px;
}
div.styles22 img {
margin-left:80px !important;
padding:0;
}
div.styles22 p, div.styles22 h3 {
padding: 0;
}
}
/*
@media only screen and (min-width: 1120px) {
div.styles22 {
padding:40px 40px 40px 40px;
}
div.styles22 img {
margin-left:80px !important;
padding:0;
}
div.styles22 p, div.styles22 h3 {
padding: 0;
}
}
*/
div.styles26 {
background: #FFCC00;
}
div.styles28 {
background: #FFCC00;
padding: 40px 40px 30px 80px;
}
div.styles28 span.pre-buttons {
margin:0;
padding:0;
font-weight: 700;
font-size:1.2rem;
margin-right:40px;
vertical-align:10px;
}
@media only screen and (max-width: 1040px) {
div.styles28 span.pre-buttons {
display:block;
margin-bottom:20px;
width:100%;
}
div.styles28 {
background: #FFCC00;
padding: 20px;
}
}
div.styles24 p {
font-weight: 700;
font-size:1.5rem;
}
div.styles27 h1 {
color: #FFCC00;
text-align: center;
line-height: 3rem;
font-size:6.5rem;
}

div.styles27 h1 span.heading-first {
font-family: "Mona Sans", sans-serif;
font-weight:600;
font-style: normal;
font-variation-settings:
    "wdth" 100;
color: #fff;
}
div.styles27 h1 span.heading-first img.heading-image {
height:80px;
margin: 0 auto;
}

@media only screen and (min-width: 1043px) {
div.styles27 .header-mobile, div.styles27 .header-tablet {
display:none;
}

div.styles27 {
margin-top:0;
height:400px;
background: url('https://www.hounslow.gov.uk/images/Fostering___Homepage_banner___Desktop.png');
}
div.styles27 h1 {
float:right;
width:54%;
text-align: center;
line-height: 3.5rem;
padding: 80px 50px 106px 80px;
background: linear-gradient(to left, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0) 99%) !important;
font-size:6.5rem;
}
div.styles27 h1 span.heading-first {
font-size: 2rem;
}
}
@media only screen and (max-width: 1042px) {
div.styles27 {
background:none;
margin-top:-12px;
}

div.styles27 .header-mobile, div.styles27 .header-tablet {
margin-top:0;
}
div.styles27 .heading-image-container {
position: absolute;
background: transparent;
width: 100%;
left: 0;
margin-top:0;
}
div.styles27 .heading-image-container .heading-image {
position: relative;
width: 50%;
margin: 14px auto 0;
max-width:200px;
}


div.styles27 h1 {
font-size: 4rem !important;
margin-top: -20px;
padding-bottom: 12px;
top: -20px;
position:relative;
background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.95) 75%, rgba(0, 0, 0, 0) 99%) !important;
}
div.styles27 h1 span.heading-first {
font-size: 1.6rem !important;
line-height:2rem;
}
div.styles27 span.heading-first img.heading-image {
display:none;
}
}
@media only screen and (max-width: 768px) {
div.styles27 .header-tablet {
display:none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1042px) {
div.styles27 .header-mobile {
display:none;
}
}
div.styles20 h1 {
color: #FFCC00;
text-align: center;
line-height: 3rem;
font-size:6.5rem;
}

div.styles20 h1 span.heading-first {
font-family: "Mona Sans", sans-serif;
font-weight:600;
font-style: normal;
font-variation-settings:
    "wdth" 100;
color: #fff;
}

@media only screen and (min-width: 1043px) {
div.styles20 .header-mobile, div.styles20 .header-tablet {
display:none;
}

div.styles20 {
margin-top:0;
height:400px;
background: url('https://www.hounslow.gov.uk/images/Fostering___Types_of_fostering_banner___Desktop.jpg');
}
div.styles20 h1 {
width:40%;
text-align: center;
line-height: 3.5rem;
padding: 120px 80px 146px 50px;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0) 99%);
font-size:6.5rem;
}
div.styles20 h1 span.heading-first {
font-size: 2rem;
}
}
@media only screen and (max-width: 1042px) {
div.styles20 {
background:none;
margin-top:-12px;
}

div.styles20 .header-mobile, div.styles20 .header-tablet {
margin-top:0;
}

div.styles20 h1 {
font-size: 4rem !important;
margin-top: -20px;
padding-bottom: 12px;
top: -20px;
position:relative;
background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.95) 75%, rgba(0, 0, 0, 0) 99%) !important;
}
div.styles20 h1 span.heading-first {
font-size: 1.6rem !important;
line-height:2rem;
}
}
@media only screen and (max-width: 768px) {
div.styles20 .header-tablet {
display:none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1042px) {
div.styles20 .header-mobile {
display:none;
}
}
div.styles21 {
max-width:550px;
margin: 50px auto;
display:block;
}

div.styles21 p {
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

div.styles21 p:nth-of-type(1) {
font-weight: 700;
font-size:1.5rem;
}

div.styles21 p:nth-of-type(2) {
font-weight: 500;
font-size:1.2rem;
}

@media only screen and (max-width: 768px) {
div.styles21 {
margin: 0 auto;
}
div.styles21 p:nth-of-type(1) {
font-weight: 700;
font-size:1.3rem;
}

div.styles21 p:nth-of-type(2) {
font-weight: 500;
font-size:1.1rem;
}


}
@media only screen and (max-width: 758px) {
div.styles25 {
margin-top: -14px !important;
}
}
div.styles29 {
background:#000000;
}

div.styles29 .embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
}

div.styles29 .embed-container iframe, div.styles29.embed-container object, div.styles29 .embed-container embed { position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
div.styles31 h2.widget__heading {
font-family: "Mona Sans", sans-serif;
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
font-style: normal;
}

div.styles31 .featured-content__content {
background: #000000;
color:#ffffff;
border-left: 6px solid #FFCC00;
}

div.styles31 .featured-content__description {
color:#ffffff;
font-family: "Mona Sans", sans-serif;
}

div.styles31 a {
color: #FFCC00;
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
text-decoration: none;
font-size: 2.5rem;
}
div.styles30 .top-task { 
border-color: #FFCC00;
}

div.styles30 .top-task::before { 
background-color: #FFCC00;
}

div.styles30 .icon-ui-chevron-right {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' preserveAspectRatio='xMinYMid' aria-hidden='true' focusable='false'%3e%3cpath d='M19.84,16,8.49,27.35a2.14,2.14,0,0,0,3,3L24.38,17.52a2.15,2.15,0,0,0,0-3L11.52,1.63a2.14,2.14,0,0,0-3,3L19.84,16Z' fill='%23000000'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
}

div.styles30 .top-task, div.styles30 .top-task__heading {
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 700;
font-size:1.5rem;
}

div.styles30 .top-task:hover { 
border-color: #000000;
background-color: #FFCC00;
}

div.styles30 .top-task:hover a.top-task__link span.top-task__heading {
text-decoration:none !important;
}
div.styles30 .top-task:hover::before { 
background-color: #000000;
}
div.styles30 .top-task:hover .icon-ui-chevron-right {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' preserveAspectRatio='xMinYMid' aria-hidden='true' focusable='false'%3e%3cpath d='M19.84,16,8.49,27.35a2.14,2.14,0,0,0,3,3L24.38,17.52a2.15,2.15,0,0,0,0-3L11.52,1.63a2.14,2.14,0,0,0-3,3L19.84,16Z' fill='%23ffffff'/%3e%3c/svg%3e ") !important;
    background-repeat: no-repeat;
}