.form-a-policy #site-content { opacity: 1;
}
.form-a-policy .title_forming {
padding-top: 51px;
text-align: center;
padding-bottom: 11px;
}
.form-a-policy .forming-background {
padding-bottom: 63px;
}
.form-a-policy .title_forming_policy {
text-align: center;
}
.form-a-policy .title_forming p {
margin: 0;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0;
font-size: 1.125rem;
}
.form-a-policy .title_forming_policy h2 {
margin: 0;
line-height: 3.3125rem;
font-size: 2.8125rem;
}
.form-a-policy .equal-background {
display: flex;
padding-bottom: 87.24px;
}
.form-a-policy .equal-background .equal.container .content-equal {
max-width: 567px;
}
.form-a-policy .equal-background .img_is_your {
position: relative;
}
.form-a-policy .equal-background .img_is_your::before {
content: "";
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/Group_3.png);
background-size: 100% 100%;
width: 582px;
height: 314px;
position: absolute;
right: -35px;
bottom: -47px;
z-index: -1;
}
.form-a-policy .forming .still-background {
position: relative;
max-width: 100%;
}
.form-a-policy .forming .still-background::before {
content: "";
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/Rectangle.png);
position: absolute;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
}
.form-a-policy .equal-background .equal.container .content-equal .is_your p {
font-weight: 700;
color: #145F37;
line-height: 1.875rem;
font-size: 1.1875rem;
margin-bottom: 23px;
}
.form-a-policy .equal-background .equal.container .content-equal .text_is_your p {
line-height: 1.5625rem;
color: #000000;
font-weight: 500;
font-size: 1rem;
margin-bottom: 25px;
}
.form-a-policy .btn.btn-secondary {
border-radius: 7px;
padding: 0.8125rem 0;
padding-right: 1.375rem;
padding-left: 1.5rem;
text-align: center;
height: 2.8125rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.form-a-policy .equal-background .equal.container .content-equal .is_your {
padding-top: 44px;
}
.form-a-policy .title_sectiona .btn.btn-secondary a {
color: #ffffff;
font-weight: 700;
text-decoration: none;
line-height: 1.1875rem;
letter-spacing: 0.00125rem;
text-transform: initial;
font-size: 0.9375rem;
display: block;
width: 9rem;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.form-a-policy .title_sectiona .btn.btn-secondary:hover a {
color: #5F143C;
}
.form-a-policy .equal-background .img_is_your img {
padding-left: 60px;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p {
color: #000000;
letter-spacing: 0;
line-height: 1.5625rem;
font-weight: 500;
font-size: 1rem;
padding: 0;
margin: 0;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p a {
color: #000;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p a:first-child {
text-decoration: none;
line-height: 1.5625rem;
letter-spacing: 0px;
font-size: 1rem;
font-weight: 700;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p a:last-child {
text-decoration: underline;
letter-spacing: 0px;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p a:hover {
color: #5eb581;
}
.form-a-policy .forming .still-background .still.container .content-still {
padding-top: 125px;
text-align: center;
}
.form-a-policy .equal-background .equal.container {
padding: 0;
margin: 0;
}
.form-a-policy .forming .still-background .still.container .content-still .title_still p {
color: #145F37;
font-size: 1.625rem;
font-weight: 500;
line-height: 2.125rem;
margin-bottom: 12px;
}
.form-a-policy .forming .still-background .still.container .content-still .title_still {
max-width: 650px;
margin: 0 auto;
margin-bottom: 10px;
max-width: 40.625rem;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still {
max-width: 40.625rem;
margin: auto;
margin-bottom: 2.5rem;
}
.form-a-policy .equal-background .equal.container .content-equal .container {
padding: 0;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb {
padding-bottom: 92px;
max-width: 40.625rem;
margin: 0 auto;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb .btn.btn-secondary {
margin: 0 auto;  box-sizing: border-box;
display: block;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb .btn.btn-secondary a {
color: #ffffff;
font-weight: 700;
text-decoration: none;
line-height: 1.1875rem;
letter-spacing: 0.00125rem;
text-transform: initial;
font-size: 0.9375rem;
display: block;
}
.form-a-policy .equal-background .img_is_your_mb {
display: none;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb .btn.btn-secondary:hover a {
color: #5F143C;
}
@media(max-width: 1200px) {
.form-a-policy .equal-background .img_is_your::before {
max-width: 100%;
right: 0;
}
}
@media(max-width: 1000px) {
.form-a-policy #site-content {
opacity: 1;
}
}
@media(max-width: 991px) {
.form-a-policy .equal-background .img_is_your img {
padding-left: 0;
}
.form-a-policy .equal-background .equal.container .content-equal {
margin: auto;
}
.form-a-policy .equal-background {
display: block;
}
.form-a-policy .equal-background .img_is_your img {
margin: auto;
}
.form-a-policy .equal-background .img_is_your {
padding-top: 45px;
}
.form-a-policy .btn.btn-secondary {
margin: auto;
} .form-a-policy .title_sectiona .btn.btn-secondary a {
display: inline-block;
}
.form-a-policy .equal-background {
padding-bottom: 70px;
}
.form-a-policy .forming .still-background .still.container .content-still {
padding-top: 90px;
}
.form-a-policy .forming-background {
padding-bottom: 30px;
}
}
@media(max-width: 768px) {
.form-a-policy #site-content { opacity: 1;
}
.form-a-policy .equal-background {
display: flex;
flex-direction: column;
}
.form-a-policy .equal-background .equal.container {
order: 2;
width: 100%;
padding-top: 50px;
}
.form-a-policy .equal-background .img_is_your {
order: 1;
width: 100%;
padding-top: 0;
}
.form-a-policy .equal-background .img_is_your::before {
right: 7.5%;
background-size: 100% 100%;
background-repeat: no-repeat;
bottom: -25px;
}
.form-a-policy .equal-background .equal.container .content-equal .is_your {
padding-top: 0;
}
.form-a-policy .title_forming_policy h2 {
font-size: 30px;
}
}
@media(max-width: 680px) {
.form-a-policy .equal-background .img_is_your::before {
right: 0;
}
}
@media(max-width: 650px) {
.form-a-policy .forming-background {
padding-bottom: 54px;
}
}
@media(max-width: 425px) {
.form-a-policy .equal-background .equal.container {
padding-left: 0;
padding-right: 0;
}
}
@media(max-width: 375px) {}
@media only screen and (max-width: 376px) {
.form-a-policy #site-content>.container {
padding: 0 20px;
}
.form-a-policy #site-content .equal-background .bottom_see {  opacity: 1;
}
.form-a-policy .equal-background .img_is_your {
display: none;
}
.form-a-policy .title_sectiona {
padding: 0 10px;
}
.form-a-policy .btn.btn-secondary {
margin: 0;
width: 100%;
display: block;
padding: 0.8125rem 0;
line-height: 1.1875rem;
}
.form-a-policy .title_sectiona .btn.btn-secondary a {
height: 1.1875rem;
line-height: 1.1875rem;
display: block;
margin: 0 auto; }
.form-a-policy .btn.btn-secondary a {
width: 100%;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb .btn.btn-secondary {
margin: auto;
}
.form-a-policy .equal-background .img_is_your_mb {
position: relative;
display: block;
}
.form-a-policy .equal-background .equal.container .content-equal .is_your p {
font-size: 18px;
margin: 0;
}
.form-a-policy .equal-background .img_is_your_mb::before {
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/Group_3_mb.png);
background-size: 100% 100%;
background-repeat: no-repeat;
content: '';
position: absolute;
z-index: -1;
top: 27.08px;
height: 181px;
width: -webkit-fill-available;
}
.form-a-policy .equal-background .img_is_your_mb img {
padding-left: 13px;
margin: auto;
}
.form-a-policy .equal-background .equal.container {
padding-top: 3.5675rem;
}
.form-a-policy .equal-background .equal.container .content-equal .text_is_your p {
font-size: 1rem;
line-height: 1.5625rem;
letter-spacing: 0.0204px;
margin: 0;
}
.form-a-policy .equal-background {
padding-bottom: 57px;
}
.form-a-policy .forming .still-background::before {
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/Rectangle9_mb.png);
}
.form-a-policy .forming .still-background .still.container .content-still {
padding-top: 61px;
}
.form-a-policy .forming .still-background .still.container .content-still .title_still p {
color: #145F37;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 1.5rem;
margin-bottom: 0px;
padding: 0 3.5px 0 0px;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p {
font-family: 'Quicksand';
font-weight: 500;
font-size: 1rem;
line-height: 1.5625rem;
letter-spacing: 0px;
padding-right: 3.5px;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still p b {
letter-spacing: 0;
}
.form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb {
padding: 0 10px;
padding-bottom: 132px;
}
.form-a-policy .equal-background .equal.container .content-equal .text_is_your { padding-top: 10px;
max-width: 335px;
}
.form-a-policy .title_forming {
padding-top: 14px;
padding-bottom: 3px;
}
.form-a-policy .title_forming_policy h2 {
opacity: 1;
font-size: 30px;
}
.form-a-policy .equal-background .equal.container .content-equal .container {
padding-top: 32px;
width: 335px;
} .form-a-policy .forming .still-background .container_bottom .container_content_what .title_sectionb .btn.btn-secondary a {
padding-left: 3px;
}
.form-a-policy .forming .still-background .still.container .content-still .title_still {
margin-bottom: 10px;
}
.form-a-policy .title_forming p {
font-weight: 500;
letter-spacing: 0.8px;
font-size: 16.5px;
line-height: 26px;
}
.form-a-policy #site-content>.still-background {
width: 375px;
}
.form-a-policy .forming .still-background .still.container .content-still .text_still {
margin-bottom: 1.875rem;
}
}
@media only screen and (max-width: 375px) {
.form-a-policy .equal-background .equal.container .content-equal .text_is_your {
width: unset;
}
}