.other-support-template .heading-title-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.other-support-template .service-content a:hover {
text-decoration: 1px underline;
color: #000;
}
.other-support-template .service-content a {
text-decoration: 1px underline #000;
color: #000;
}
.other-support-template .contact-content a{
text-decoration: 1px underline;
}
.contact-content em {
line-height: 1.02;
}
.other-support-template .content:first-child {padding-top: 21px;}
.other-support-template .group-support:last-child h4{
margin-bottom: 12px;
}
.other-support-template .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: solid 1px #5eb581;
padding: -3px 0 0px 0; line-height: 10px;
padding-top: 16.3px;
}
.other-support-template .this-page{
display: flex;
margin-top: 50px;
justify-content: start;
align-items: center;
padding: 0;
} .other-support-template .group-support:last-child .content:last-child .contact-content:last-child p:first-child {
margin-bottom: 14px;
}
.other-support-template .content-this-page {
max-width: 5687px;
padding-right: 29px;
width: 52%; padding-top: 26px; }
.other-support-template h5 {
font-family: 'Quicksand';
font-weight: bold;
font-size: 1.17rem;
font-stretch: normal;
line-height: 1.62;
color: #145f37;
letter-spacing: 0.14px;
}
.other-support-template .page-main-title {
padding-top: 52px;
}
.other-support-template .img_this_page {
max-width: 46%;
padding-left: -2px;
}
.other-support-template .support-section{
margin-top: 53px;
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/bgr_othersp.png);
background-size: 100% 100%;
background-repeat: no-repeat;
overflow: auto;
}
.other-support-template .group-support:first-child{
max-width: 896px;
margin: auto;
margin-top: 115px; padding-left: 51px;
padding-right: 47px;
}
.other-support-template .group-support{
max-width: 890px;
padding: 0 20px;
margin: auto;
margin-top: 82px;
padding-left: 50px;
padding-right: 46px;
position: relative;
} .other-support-template .group-support:not(:last-child) .dashed{
position: absolute;
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/boder.svg);
background-repeat: no-repeat; border-bottom: 0;
top: auto;
bottom: -49px;
width: 100%;
height: 10px;
left: 0;
}
.other-support-template .other-support-template .content:first-child{
padding-top: 0;
}
.other-support-template .heading-title-group{
border-radius: 7px;
background: #145f37;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 29px; margin-top: -2px;
}.other-support-template .heading-title-group .service-name{
padding: 8px 44px;
width: 67%;
}
.other-support-template .heading-title-group .contact-name{
padding: 8px 3px;
width: 33%;
}
.other-support-template .contact-content {
width: 33%;
padding: 0 3px;
display: flex;
flex-direction: column;
font-weight: 500;
}.other-support-template .service-content {
width: 67%;
padding: 0px 45px;
}
.other-support-template .service-content p {
font-weight: 500;
}
.other-support-template .contact-content a{
margin-bottom: 10px;
color: #000;
text-decoration: 1px underline #000;
}
.other-support-template .contact-content a:hover{
color: #808080;
text-decoration: 1px underline #808080;
}
.other-support-template .support{
margin-bottom: 150px;
padding: 0 20px;
}
.other-support-template .title_this_page h6{
font-size: 1.1875rem;
font-weight: 700;
line-height: 30px;
}
.other-support-template .text_the_page p{
font-weight: 500;
}
.other-support-template .group-support h4{
padding-bottom: 20px;
margin-bottom: 21px;
margin-top: 77px;
}
.other-support-template .service-content a:hover{
color: #808080;
}  @media only screen and (max-width: 1278px) {
.other-support-template .group-support:first-child{
padding-left: 0 20px;
}
.other-support-template .content-this-page{
padding-left: 0;
}
.other-support-template .group-support{
padding-left: 47px;
padding-right: 47px;
margin-top: 12px;
}
}
@media only screen and (max-width: 992px){
.other-support-template .support-section {
margin-top: 10px;
}
.other-support-template .group-support:first-child{
margin-top: 80px;
}
.other-support-template .contact-content a{
line-height: 1.102;
white-space: nowrap;
}
}
@media only screen and (max-width: 767.98px) { .other-support-template .group-support:first-child{
padding-left: 0px;
}
html[lang="zh-HK"] .other-support-template .heading-title-group .contact-name:before,
html[lang="zh-HK"] .other-support-template .heading-title-group .contact-name:before{
content: "和";
}
.other-support-template .page-main-title{
padding-top: 100px !important;
}
.other-support-template .support-section{
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/orther-mb.png);
margin-top: 10px;
}
.other-support-template .service-content{
padding: 0 15px;
}
.other-support-template .this-page{
flex-direction: column;
margin-top: 60px;
}
.other-support-template .content-this-page{
order: 1;
padding-right: 0;
}
.other-support-template .img_this_page {
max-width: 100%;
padding-left: 0;
}
.other-support-template h5{
font-family: 'Quicksand';
font-weight: bold; font-stretch: normal;
line-height: 1.64;
color: #145f37;
letter-spacing: -0.2px;
margin-bottom: 7px;
margin-top: 15px;
}
.other-support-template .content:first-child {
padding-top: 15px;
}
.other-support-template .title_this_page h6{
font-size: 1.125rem;
margin-bottom: 10px;
}
.other-support-template .content-this-page{
width: 100%;
padding-top: 19px;
word-spacing: 1px;
}
.other-support-template .group-support h4{
font-size: 1.125rem;
text-align: center;
margin-bottom: 32px;
padding: 0 20px;
margin-top: 69px;
}
.other-support-template .heading-title-group {
justify-content: center;
border-radius: unset;
}
.other-support-template .heading-title-group .service-name {
width: auto;
padding-right: 0;
padding-left: 0;
}
.other-support-template .heading-title-group .contact-name {
width: auto;
padding-left: 0;
}
.other-support-template .heading-title-group .contact-name:before {   
content: '&';
padding-left: 4px;
padding-right: 5px;}
.other-support-template .service-content {
width: 100%;
}
.other-support-template .contact-content {
width: 100%;
padding: 0 0; padding-left: 15px;
padding-bottom: 0px;
line-height: 14px;
}
.other-support-template .text_the_page p{
word-spacing: 0px;
}
main#site-content.other{
margin-top: 20px !important ;
}
.other-support-template .group-support:first-child{
margin-top: -8px;
padding-right: 0;
}
.other-support-template .content-section{
padding: 0 20px;
}
.other-support-template .group-support{
padding: unset;
margin-top: 119px;
}
.other-support-template .content{
line-height: 22px;
margin-top: 8px; }.other-support-template .dashed{
display: none;}
.other-support-template .support{
padding: unset;
margin-bottom: 185px;
}
.other-support-template .service-content p{
margin-bottom: 9.7px;
}
.other-support-template .contact-content p{margin-bottom: 23px;}
.other-support-template .group-support:last-child h4 {
margin-bottom: 33px;
}
.other-support-template .group-support:last-child .contact-content p:first-child {
margin-bottom: 17px;
}
.other-support-template .group-support:last-child .content:last-child .contact-content:last-child p:first-child {
margin-bottom: 26px;
}
}
@media screen and (min-width: 1680px) {
.other .container{
max-width: 1375px;
}
}