.page-template-template-sos-homepage .top-banner:before{
content: none;
}
.page-template-template-sos-homepage .section.section-banner .container .content {
display: block;
}
.page-sos .border-sos {
margin-top: 60px;
}
.out-server-section .title-section-client {
margin-bottom: 20px;
}
.out-server-section .btn-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
cursor: pointer;
}
.page-sos .section.section-banner .container h1 {
text-transform: inherit;
}
.page-sos .out-server-section .btn-control .title {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.02em;
color: #8F90A6;
padding: 4px 16px 1px;
border: 1px solid #8F90A6;
}
.page-sos .out-server-section .btn-control .title.title-ngos {
padding-left: 18.5px;
padding-right: 18.5px;
}
.page-sos .out-server-section .btn-control .title:hover,
.page-sos .out-server-section .btn-control .title:focus,
.page-sos .out-server-section .btn-control .title.active {
background: #001689;
color: #fff;
border: 1px solid #001689;
}
.out-server-section .btn-control .title-ngos {
margin-left: 15px;
}
.out-server-section .for-client.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.out-server-section .for-client {
gap: 10%;
margin-top: 35px;
display: none;
}
.out-server-section .for-client .client-left,
.out-server-section .for-client .client-right {
width: 45%;
}
.out-server-section .for-client .client-left .description,
.out-server-section .for-ngos .description {
margin-bottom: 40px;
font-family: 'Hind';
line-height: 25px;
}
.out-server-section .for-client .client-right .collapse-content {
max-height: 0;
overflow: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.out-server-section .for-ngos .description {
width: 74%;
}
.out-server-section .for-client .client-right .collapse-content .content {
margin-top: 10px;
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0.01em;
}
.out-server-section .for-client .client-left .image {
-webkit-clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%, 0 41%);
clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%, 0 41%);
text-align: center;
}
.out-server-section .for-client .client-left .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.out-server-section .for-client .client-right .collapse-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
}
.out-server-section .for-client .client-right .collapse-heading::after {
background-position: center;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 0;
cursor: pointer;
content: '';
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/plussos.png);
width: 20px;
height: 20px;
}
.out-server-section .for-client .client-right .collapse-heading.active:after {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/minussos.png);
}
.out-server-section .for-client .client-right .collapse-heading .icon {
margin-right: 15px; }
.out-server-section .for-client .client-right .collapse-heading .icon img {
-o-object-fit: contain;
object-fit: contain;
max-width: 45px;
max-height: 45px;
width: 100%;
}
.out-server-section .for-client .client-right .collapse-heading .title {
font-family: 'Hind';
font-style: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #001689;
letter-spacing: .1px;
}
.out-server-section .for-client .client-right .option {
border-bottom: 1px solid #001689;
padding: 18px 0;
}
.out-server-section .for-client .client-right .option:first-child {
padding-top: 0;
}
.page-sos .our-impact-section {
max-width: 1058px;
margin: auto;
padding-bottom: 66px;
position: relative;
}
.page-sos .our-impact-section::before {
left: -64.5%;
width: 100%;
height: 100%;
z-index: -1;
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/pattern-backgound.png);
background-position: top right;
background-repeat: no-repeat;
top: 57%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
.our-impact-section .title-impact {
margin-top: 100px;
display: inline-block;
width: 100%;
text-align: center;
}
.our-impact-section .grround-item-impact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-impact-section .item-impact {
margin-top: 58px;
width: calc(50% - 59px);
border-bottom: 2px solid #001689;
padding: 7px 0 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.our-impact-section .item-impact:nth-child(2n) {
margin-left: 59px;
}
.our-impact-section .item-impact:nth-child(2n-1) {
margin-right: 59px;
}
.our-impact-section .item-impact:last-child,
.our-impact-section .item-impact:nth-last-child(2) {
border: initial;
}
.our-impact-section .item-impact:first-child,
.our-impact-section .item-impact:nth-child(2) {
padding-top: 0;
}
.our-impact-section .item-impact .value-impact {
font-family: 'Hind';
font-style: normal;
font-weight: 600;
font-size: 70px;
line-height: 118%;
letter-spacing: 0.005em;
text-transform: capitalize;
color: #001689;
}
.our-impact-section .item-impact .unit-impact {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 36px; letter-spacing: 0.005em;
text-transform: capitalize;
color: #001689;
}
.our-impact-section .item-impact .description-impact {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
color: #001689;
margin-top: 30px;
}
.our-impact-section .item-impact .icon {
margin-right: 34px;
margin-top: 15px;
margin-bottom: auto;
position: relative;
width: 70px;
min-height: 70px;
}
.our-impact-section .item-impact .icon img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.out-server-section .for-ngos {
display: none;
margin-top: 35px;
}
.out-server-section .for-ngos.active {
display: block;
}
.out-server-section .for-ngos .section-video {
margin: 0;
}
.page-sos .section.section-banner .container h1 {
max-width: 950px;
}
.page-sos .section.section-banner .container .content {
max-width: 700px;
}
.page-sos .border-featured-blog {
background-color: transparent;
}
.page-sos .featured-blog .title {
color: #001689;
}
.page-sos .border-featured-blog .featured-blog .heptagon.white {
display: none;
}
.page-sos .border-featured-blog .featured-blog .heptagon.blue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-template-sos-homepage .section.section-banner .container h1 {
text-transform: inherit;
}
.our-impact-section .content-impact {
display: none;
}
@media (max-width:1024px) {
.out-server-section .for-client .client-left,
.out-server-section .for-client .client-right {
width: 47.5%;
}
.out-server-section .for-client {
gap: 5%;
}
.out-server-section .for-ngos .description {
width: 85%;
}
.our-impact-section .item-impact .value-impact {
font-size: 65px;
line-height: 75px;
}
.our-impact-section .item-impact .unit-impact {
font-size: 34px;
}
.our-impact-section .item-impact .icon {
margin-right: 25px;
}
.our-impact-section .item-impact {
width: calc(50% - 40px);
padding: 7px 0 47px;
margin-top: 58px;
}
.our-impact-section .item-impact:nth-child(2n) {
margin-left: 40px;
}
.our-impact-section .item-impact:nth-child(2n-1) {
margin-right: 40px;
}
.page-sos .our-impact-section {
padding-bottom: 40px;
}
.our-impact-section .item-impact .icon {
width: 60px;
min-height: 60px;
}
}
@media (max-width:992px) {
.our-impact-section .title-impact {
margin-top: 80px;
}
.our-impact-section .item-impact .value-impact {
font-size: 55px;
line-height: 65px;
}
.our-impact-section .item-impact .unit-impact {
font-size: 28px;
}
.our-impact-section .item-impact .icon {
margin-right: 20px;
}
.our-impact-section .item-impact .description-impact {
margin-top: 15px;
}
.our-impact-section .item-impact {
width: calc(50% - 30px);
padding: 7px 0 47px;
}
.our-impact-section .item-impact:nth-child(2n) {
margin-left: 30px;
}
.our-impact-section .item-impact:nth-child(2n-1) {
margin-right: 30px;
}
.page-sos .our-impact-section {
padding-bottom: 30px;
}
}
@media (max-width:767.98px) {
.page-template-template-sos-homepage .section.section-banner .container h1 {
text-transform: uppercase;
margin-bottom: 10px;
}
.section.section-banner .logo-banner {
bottom: 30px;
}
.page-sos .border-sos {
margin-top: 40px;
}
.page-sos .out-server-section .btn-control .title {
width: 50%;
}
.out-server-section .title-section-client {
margin-bottom: 30px;
}
.page-sos .out-server-section .btn-control .title {
padding: 8px 16px 5px;
justify-content: center;
font-size: 15px;
line-height: 125%;
height: 49px;
}
.out-server-section .btn-control .title-ngos {
margin-left: 19px;
}
.out-server-section .for-ngos {
margin-top: 30px;
}
.out-server-section .for-client.active {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
}
.out-server-section .for-client .client-left,
.out-server-section .for-client .client-right {
width: 100%;
}
.out-server-section .for-client .client-left .description p {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 125%;
letter-spacing: 0.01em;
}
.out-server-section .for-client {
gap: 0;
}
.out-server-section .for-client .client-left .description {
margin-bottom: 32px;
}
.out-server-section .for-client .client-right {
margin-top: 30px;
margin-bottom: 15px;
}
.out-server-section .for-client .client-right .option {
padding: 17.5px 0;
}
.our-impact-section .item-impact .value-impact {
font-size: 38px;
line-height: 118%;
}
.our-impact-section .item-impact .unit-impact {
font-size: 18px;
line-height: 140%;
}
.our-impact-section .item-impact {
width: calc(50% - 20px);
padding: 30px 0 30px;
margin-top: 0;
}
.our-impact-section .item-impact:nth-child(2n) {
margin-left: 20px;
}
.our-impact-section .item-impact:nth-child(2n-1) {
margin-right: 20px;
}
.our-impact-section .item-impact .icon {
width: 59px;
min-height: 40px;
margin-right: 35px;
}
.out-server-section .for-client .client-right .collapse-heading .icon {
width: 45px;
height: 45px;
} .out-server-section .for-client .client-right .collapse-content .content {
font-family: 'Hind';
font-size: 15px;
line-height: 125%;
letter-spacing: 0.01em;
}
.our-impact-section .title-impact {
margin-top: 52px;
}
.our-impact-section .item-impact .description-impact {
margin-top: 5px;
}
.our-impact-section .content-impact {
display: block;
margin-top: 15px;
margin-bottom: 40px;
}
.page-sos .our-impact-section::before {
width: 783.8px;
height: 452px;
background-size: cover;
top: 25px;
transform: none;
left: auto;
background-position: top left;
right: 34%;
}
.out-server-section .for-ngos .description {
width: 100%;
}
}
@media (max-width:599px) {
.our-impact-section .item-impact {
width: 100%;
padding: 21px 0;
}
.our-impact-section .item-impact:nth-child(2n),
.our-impact-section .item-impact:nth-child(2n-1) {
margin: 0;
padding-left: 15px;
}
.our-impact-section .item-impact:nth-child(2) {
padding-top: 20px;
}
.our-impact-section .item-impact:nth-last-child(2) {
border-bottom: 2px solid #001689;
}
}