main.site-main>div:first-child {
margin-top: 174px;
}
.homepage,
main.site-main>div.section-banner:first-child {
margin-top: 0 !important;
} .single-custom_project .wishlist-button-wrap {
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin: auto;
}
.wishlist-button-wrap .wishlist_save_icon .fa-heart,
.name-product.name-wishlist .wishlist-button-wrap,
.name-blog.name-wishlist .wishlist-button-wrap,
.page-template-wishlist .name-wishlist .content-modal {
width: 20px;
height: 20px;
}
.single-furniture_product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-furniture_product .wishlist-button-wrap,
.single-product .wishlist-button-wrap,
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-custom_project .name-product.name-wishlist .wishlist-button-wrap,
.single-custom_project .name-blog.name-wishlist .wishlist-button-wrap,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-project .wishlist-button-wrap {
width: 35px;
height: 35px;
}
.page-template-wishlist .name-wishlist>* {
display: inline-block;
vertical-align: baseline;
text-decoration: none !important;
}
.page-template-wishlist .name-wishlist .content-modal {
margin-left: 5px;
}
.wishlist-button-wrap .wishlist_save_icon .fa-heart::before {
content: '';
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/heart.svg);
height: 100%;
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart::before,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart::before {
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/heart-blue.svg);
}
.wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before {
content: '';
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/love.svg);
height: 100%;
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.single-custom_project .wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before,
.single-project .wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before {
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/love-blue.svg);
}
#our-products-partitions .item-product .name-product.name-wishlist>*:not(style, .product-brand),
.border-our-project .list-item-our-project .border-info .name-blog.name-wishlist>*:not(style),
.single-product .page-title-container>*:not(style),
.single-project .entry-title-our-project>*:not(style) {
display: inline-block;
vertical-align: baseline;
text-decoration: none;
}
.name-product.name-wishlist .wishlist-button-wrap,
.name-blog.name-wishlist .wishlist-button-wrap,
.single-product .page-title-container .wishlist-button-wrap,
.single-project .entry-title-our-project .wishlist-button-wrap {
margin-top: 0;
margin-left: 10px;
}
.ct-project-listing .title-ct-project {
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin-right: 10px;
}
.page-template-wishlist #our-products-partitions {
margin-top: 0;
padding-top: 0
}
@media (max-width:1024px) {
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-custom_project .name-product.name-wishlist .wishlist-button-wrap,
.single-custom_project .name-blog.name-wishlist .wishlist-button-wrap {
width: 35px;
height: 35px;
}
}
@media (max-width:768px) {
.single-furniture_product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-furniture_product .wishlist-button-wrap,
.single-product .wishlist-button-wrap,
.single-project .wishlist-button-wrap {
width: 20px;
height: 20px;
}
}  .slider-single.swiper .swiper-slide .image {
transform: translateX(-100%);
transition-duration: 0.6s;
transition-delay: 1.2s;
position: relative;
padding-bottom: 62.2%;
}
.slider-single.swiper .swiper-slide .image img {
width: 100%;
}
.slider-single.swiper .swiper-slide.swiper-slide-prev,
.slider-single.swiper .swiper-slide.swiper-slide-duplicate-prev,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-next,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-duplicate-next,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-active {
z-index: 99 !important;
}
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-active,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-next,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-next {
z-index: 100 !important;
}
.slider-single.swiper.slider-init .swiper-slide.swiper-slide-active .image {
transition-delay: 0s;
transition-duration: 0s;
transform: translateX(0);
}
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-next .image,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-next .image {
transition-delay: 0s;
}
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-active .image,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-active .image {
transition-delay: 0s;
transform: translateX(0);
transition-duration: 0s;
}
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-active .image,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-duplicate-active .image {
transition-delay: 0s;
transform: translateX(0);
}
.breadcrumbs-item span span:not(.breadcrumb_last):after {
content: '';
display: inline-block;
width: 6px;
height: 10px;
background: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/breadcumb-arrow-black.svg);
margin: 0 6px 0 12px;
}
.section-banner .breadcrumbs-item span span:not(.breadcrumb_last):after {
background: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/arrow-breadcrum.svg);
}
.breadcrumbs-item>span {
display: block;
}
.breadcrumbs-item span,
.breadcrumbs-item a {
font-family: var(--font-body-text);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.01em;
text-transform: capitalize;
color: #282828;
}
.breadcrumbs-item .breadcrumb_last {
font-family: var(--font-body-text);
}
.button.white {
background: transparent;
border-color: #fff;
color: #fff;
padding: 4px 10px 4px 14px;
min-width: 141px;
-webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
height: 43px;
width: 100%;
}
.section-background-images.about-us h2+p {
color: #fff;
line-height: 25px;
margin-bottom: 35px;
}
.section-background-images.about-us h2 {
margin-bottom: 35px;
color: #fff;
}
.button.white span {
color: #fff;
font-family: var(--font-body-text);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 35px; letter-spacing: 0.02em;
vertical-align: middle;
}
.button-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-bottom>div {
margin: 0 17.5px;
}
.transparent-conners:before {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid transparent;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
position: absolute;
top: -5px;
left: -14px;
z-index: 3;
outline: 1px solid #fff;
}
.transparent-conners {
position: relative;
overflow: hidden;
}
.button.white:hover span {
color: #282828;
}
.section-background-images.about-us .button.white:hover {
background-color: #fff;
}
.section-background-images.about-us .container {
top: 50.5%;
}
.button-bottom .transparent-conners:first-child .button.white {
background: #fff;
color: #282828;
}
.button-bottom .transparent-conners .button {
text-decoration: none;
}
.button-bottom .transparent-conners:first-child .button.white:hover {
background: transparent;
color: #fff;
}
.button-bottom .transparent-conners:first-child .button.white span {
color: #000;
}
.button-bottom .transparent-conners:first-child .button.white:hover span {
color: #fff;
}
@media (max-width:767.98px) {
.breadcrumb { margin-bottom: 40px;
margin-top: 40px;
}
} .section-video .video .ico_w {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: cubic-bezier(.19, .81, .54, .99);
-o-transition-timing-function: cubic-bezier(.19, .81, .54, .99);
transition-timing-function: cubic-bezier(.19, .81, .54, .99);
}
.section-video .video .ico_w._leave .ar path { }
.section-video .video .ico_w .ar path {
fill: #fff;
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
}
.section-video .video .ico_w {
width: 42px;
height: 42px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10; border-radius: 50%;
cursor: pointer;
}
.wrapper.video {
position: relative;
}
.wrapper.video video#video_banner {
width: 100%;
cursor: pointer;
}
.section-video .video .ico_w svg path {
fill: transparent;
stroke: #FFF;
stroke-width: 2;
-webkit-transition: fill;
-o-transition: fill;
transition: fill;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.section-video .video .ico_w .ar {
width: 100%;
height: 100%;
padding-left: 6.6666666667px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
display: none;
}
.section-video .video .ico_w .ar svg {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
-o-transition: transform;
transition: transform;
transition: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
}
.mfp-iframe-scaler {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 0;
}
.mfp-iframe-holder .mfp-close {
font-size: 0;
opacity: 1;
}
.mfp-iframe-holder .mfp-content {
max-width: 100%;
}
.mfp-wrap,
.mfp-bg {
-webkit-animation-name: magnifiPopup;
animation-name: magnifiPopup;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes magnifiPopup {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes magnifiPopup {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.mfp-wrap {
z-index: 999999;
position: fixed !important;
top: 0 !important;
max-height: 100vh;
}
.section-video .video .ico_w:before {
content: "";
width: 100%;
height: 100%;
display: block;
border: 2px solid #fff;
border-width: 2.2222222222px;
border-radius: 9999px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.section-video .video .ico_w:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
border: 0;
background: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/Subtract.svg);
background-size: contain;
}
.mfp-iframe-holder .mfp-close:before {
content: '';
width: 100%;
height: 100%;
display: block;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/arrow-close-white.svg);
position: relative;
background-position: center;
background-repeat: no-repeat;
}
.mfp-iframe-holder .mfp-close {
width: 30px;
height: 30px;
padding: 0;
position: fixed;
top: 25px;
right: 25px;
cursor: pointer;
z-index: 100;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 0;
}
@media (min-width: 751px) {
.mfp-iframe-scaler iframe {
width: 130.7vh;
height: 73.52vh;
position: relative;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
@media (min-width: 751px) and (max-width: 1600px) {
.section-video .video .ico_w.ar {
padding-left: 0.4166666667vw;
height: 1.6666666667vw;
width: 1.5277777778vw;
}
.section-video .video .ico_w:before {
border-width: 0.1388888889vw;
}
}
.section-video .video .ico_w:before {
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
-o-transition: transform;
transition: transform;
transition: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.section-video .video .ico_w:before {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
-webkit-transition-duration: .25s;
-o-transition-duration: .25s;
transition-duration: .25s; }
@media screen and (max-width: 750px) { .mfp-iframe-scaler iframe {
width: 100vw !important;
height: 56.25vw !important;
position: relative;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-iframe-scaler {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.mfp-iframe-holder {
padding: 0;
}
.mfp-iframe-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:after {
position: absolute;
}
} form select {
padding: 0 0 20px 0;
font-family: var(--font-body-text);
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border-radius: 0;
border-bottom: 1px solid #282828;
}
input[type="checkbox"] {
width: 15px;
height: 15px;
border: 1px solid var(--color-primary);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
}
::-ms-input-placeholder,
::-o-input-placeholder,
::-moz-input-placeholder,
::-webkit-input-placeholder {
color: #ABABAB;
opacity: 1;
}
@media (max-width:767.98px) {
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
font-size: 15px;
line-height: 125%;
letter-spacing: 0.01em;
}
}  .home-our-client .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-client-wrapper {
width: 39%;
padding-left: 20px;
}
.home-our-client .container h2 {
margin-bottom: 15px;
}
.our-client-decription {
margin-bottom: 20px;
}
@media (min-width:1280px) {
.why-choose-jeb.section-background-images .img-wraper {
height: 549px;
}
}
.section-background-images .ground-content {
position: unset;
top: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
max-width: 1300px; left: 50%;
z-index: 3;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-background-images .ground-content .content-left {
max-width: 467px;
max-height: 450px;
overflow-x: auto;
}
.section-background-images .ground-content .content-left .content {
margin-top: 20px;
font-size: 26px;
line-height: 1.3;
font-weight: 500;
}
.section-background-images .ground-content .content-left .content>*,
.section-background-images .ground-content .content-left .content li,
.section-background-images .ground-content .content-left .title {
color: var(--color-primary);
text-transform: inherit;
}
.section-background-images .ground-content .content-left .group-button {
margin-top: 32px;
padding-bottom: 10px;
}
.group-button button {
background-color: #428B8B;
border-color: #428B8B;
}
.section-background-images .ground-content .content-right {
width: 50%;
position: relative;
}
.section-background-images .ground-content .content-right .img-right {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 376px;
height: 376px;
}
.section-background-images .ground-content .content-right .img-right img { -o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
.section-background-images .ground-content .content-right .img-right .border {
padding-top: 100%;
width: 100%;
position: relative;
overflow: hidden;
clip-path: unset;
-webkit-clip-path: unset;
}
.section-background-images .ground-content .content-right .img-right:first-child {
right: 39%;
z-index: 6;
top: 47%;
}
.section-background-images .ground-content .content-right .img-right:last-child {
right: -2%;
z-index: 5;
top: 47%;
}
.why-choose-jeb .border-section { padding-top: 125px;
padding-bottom: 125px;
}
.bgicon {
position: absolute;
}
.bgicon_centertop {
left: 50%;
transform: translate(-50%, 37px);
}
.bgicon_right_top {
right: -11.5%;
transform: translate(-50%, -40%);
}
.bgicon_center_bottom {
top: 57%;
left: 56.5%;
}
.bgicon_right_bottom {
right: -9.7%;
bottom: 0;
transform: translate(0%, 62%);
}
.home-workflow {
padding-top: 86px;
padding-bottom: 116px;
}
.workflow-title {
margin-bottom: 80px;
text-align: center;
}
.list-workflow .item {
background: #fff;
border-radius: 30px;
overflow: hidden;
padding-bottom: 192px;
position: relative;
}
.group-top {
padding: 32px 32px 25px;
}
.group-top .icon img {
object-fit: contain;
width: 100% !important;
height: 100% !important;
}
.group-top .content-top .icon {
width: 65px;
height: 65px;
border-radius: 50%;
overflow: hidden;
}
.list-workflow .content-top .name {
width: calc(100% - 97px);
}
.list-workflow .content-top h4 {
line-height: 118%;
font-weight: 600;
text-transform: uppercase;
font-family: var(--font-heading-primary);
}
.list-workflow .content-top {
display: flex;
align-items: center;
gap: 32px;
padding-bottom: 24px;
border-bottom: 1px solid var(--color-primary);
margin-bottom: 36px;
}
.list-workflow .content-bottom {
color: var(--color-primary);
}
.list-workflow .decription {
margin-bottom: 24px;
height: 80px;
overflow: hidden;
overflow-y: auto;
}
.list-workflow .image img {
height: 100% !important;
max-width: unset !important;
object-fit: cover;
}
.list-workflow img {
transition: all ease-in-out 0.5s;
}
.list-workflow .item:hover .image img {
scale: 1.1;
}
.list-workflow .image {
position: absolute;
bottom: 0;
height: 192px;
width: 100%;
overflow: hidden;
}
.content_popup {
max-width: 1094px;
margin: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.header_popup {
background-color: var(--color-primary);
color: #fff;
padding: 24px 27px;
display: flex;
align-items: center;
gap: 25px;
border-radius: 30px 30px 0 0;
}
.header_popup h4 {
width: calc(100% - 88px);
color: #fff;
text-transform: uppercase;
font-family: var(--font-heading-primary);
font-weight: 600;
}
.header_popup img {
filter: invert(1) brightness(2);
}
.header_popup .icon {
max-width: 64px;
max-height: 64px;
overflow: hidden;
}
.body_popup {
padding-left: 99px;
padding-top: 32px;
padding-bottom: 104px;
border-radius: 0 0 30px 30px;
background: #FAF9F6;
max-height: calc(100vh - 170px);
overflow: auto;
}
.body_popup .top-content {
max-width: 760px;
margin-bottom: 50px;
margin-right: 20px;
}
.popup-modal-dismiss {
position: absolute;
right: -50px;
top: -24px;
cursor: pointer;
}
.body_popup .number {
border: 2px solid #428B8B;
width: 55px;
height: 55px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 0;
top: 0;
font-size: 20px;
font-weight: 600;
line-height: 118%;
letter-spacing: 0.005em;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-primary);
}
.inner-slider {
display: flex;
}
.inner-slider .content {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
margin: 9px 0 0;
padding: 32px;
color: var(--color-primary);
border-radius: 0 30px 30px 0;
width: calc(100% - 280px);
}
.inner-slider .popupicon {
left: 42%;
z-index: 1;
}
.inner-slider .text {
z-index: 2;
}
.inner-slider .image {
padding: 9px 0 0 9px;
overflow: hidden;
}
.inner-slider .image img {
height: 274px !important;
width: 274px !important;
max-width: unset !important;
object-fit: cover;
border-radius: 30px 0 0 30px;
}
.inner-slider .inner-slider {
max-width: 675px;
}
.body_popup .swiper-slide {
max-width: 675px;
margin-right: 100px;
}
.body_popup .swiper-slide:not(:last-child):after {
content: '';
position: absolute;
right: -109px;
width: 109px;
background-color: #5DBF8C;
height: 2px;
top: 52%;
}
.popup_prev {
top: auto;
bottom: -51px;
left: auto;
right: 88px;
}
.popup_next {
top: auto;
bottom: -51px;
right: 31px;
}
.workflow_slidermb {
position: relative;
}
@media (min-width:768px) {
.workflow_slidermb.swiper-container {
overflow: unset;
}
.list-workflow {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 90px 38px;
}
}
@media (min-width:1280px) {
.list-workflow {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:1200px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 45%;
}
.section-background-images .ground-content .content-left { }
.section-background-images .ground-content .content-right .img-right {
width: 30vw;
height: 30vw;
}
.popup-modal-dismiss {
right: 19px;
top: 40px;
}
.popup-modal-dismiss svg {
width: 30px;
height: 30px;
}
.header_popup {
padding-right: 50px;
}
.header_popup h4 {
width: calc(100% - 76px);
}
}
@media (max-width:1024px) {
.section-background-images .ground-content .content-right .img-right { }
.section-background-images .ground-content .content-left {
max-width: 43vw;
}
}
@media (max-width:992px) {
.section-background-images .ground-content .content-left {
max-height: 350px;
overflow-x: auto;
}
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 50%;
}
.section-background-images .ground-content .content-right .img-right:last-child,
.section-background-images .ground-content .content-right .img-right:first-child {
top: 50%;
}
.section-background-images .ground-content .content-left .btn-white {
margin-top: 20px;
}
.section-background-images .ground-content .content-left .content {
font-size: 18px;
margin-top: 15px;
}
}
@media (max-width:767.98px) {
.group-top .content-top .icon {
width: 49px;
height: 49px;
}
.home-workflow {
padding-top: 42px;
padding-bottom: 20px;
}
.workflow-title {
margin-bottom: 40px;
}
.item-work {
max-width: 298px;
}
.workflow_next,
.workflow_prev {
top: auto;
left: auto;
bottom: 0;
transform: translateY(0);
}
.workflow_next {
right: 0;
}
.workflow_prev {
right: 47px;
}
.list-workflow .decription {
font-size: 14px;
line-height: 20px;
margin-bottom: 29px;
}
.group-top {
padding: 24.4px;
}
.list-workflow .content-top {
gap: 24.4px;
padding-bottom: 12px;
margin-bottom: 10px;
}
.list-workflow .content-top .name {
width: calc(100% - 24.4px - 49px);
}
.body_popup {
padding: 21px 24px 21px;
}
.popup_slider {
margin-left: -9px;
}
.inner-slider {
flex-wrap: wrap;
}
.inner-slider .content {
width: 100%;
margin: 0;
padding: 27px;
border-radius: 0 0 30px 30px;
min-height: 116px;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 0 9px;
}
.inner-slider .image img {
width: 100% !important;
height: 167px !important;
border-radius: 20px 20px 0 0;
}
.body_popup .number {
width: 46px;
height: 46px;
line-height: 1;
}
.body_popup .swiper-slide {
max-width: unset;
}
.list-workflow .content-top h4 {
font-size: 20px;
}
.list-workflow .item {
padding-bottom: 146px;
border-radius: 17.48px;
}
.list-workflow .image {
height: 146px;
}
.list-workflow {
padding-bottom: 65px;
}
.popup_slider .swiper-wrapper {
display: flex;
flex-wrap: wrap;
gap: 40px 0;
transform: unset !important;
}
.body_popup .swiper-slide {
margin-right: 0;
}
.body_popup .swiper-slide:not(:last-child):after {
content: '';
top: auto;
left: 50%;
width: 2px;
height: 50px;
margin-left: 3px;
}
.inner-slider .popupicon svg {
width: 85px;
}
.inner-slider .popupicon {
left: 49%;
top: -67%;
}
.content_popup { overflow-y: auto;
overflow-x: hidden;
padding: 10px;
}
.inner-slider .image {
width: 100%;
}
.header_popup .icon {
width: 55.74px;
height: 55.74px;
}
.header_popup {
gap: 20px;
padding: 28px 45px 28px 30px;
}
.body_popup .top-content {
margin-bottom: 41px;
}
.section-background-images .ground-content .content-left {
height: 327px;
overflow-x: auto;
}
.section-background-images.about-us .img-wraper {
padding-bottom: 0;
height: 357px;
}
.why-choose-jeb.section-background-images .img-wraper::after {
right: -90px;
}
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 83%;
}
.section-background-images .ground-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: inherit; }
.why-choose-jeb {
min-height: 546px;
}
.section-background-images .ground-content .content-left {
margin: 0;
padding-top: 22px;
}
.section-background-images .ground-content .content-left .group-button {
margin-top: 38px;
}
.section-background-images .ground-content .content-left,
.section-background-images .ground-content .content-right {
width: 100%;
max-width: 100%;
}
.section-background-images .ground-content .content-right {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -30px;
}
.section-background-images .ground-content .content-right .img-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
position: static;
}
.section-background-images .ground-content .content-right .img-right:first-child,
.section-background-images .ground-content .content-right .img-right:last-child {
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.section-background-images .ground-content .content-left .btn-white.corner a {
font-size: 15px;
line-height: 20px;
}
.section-background-images .ground-content .content-left .btn-white {
margin-top: 15px;
}
.bgicon_right_bottom img {
width: 121px;
height: auto;
}
.bgicon_center_bottom img {
width: 93.78px;
height: auto;
}
.bgicon_right_top img {
width: 84.58px;
height: auto;
}
.bgicon_right_top {
top: 49%;
right: -1.5%;
}
.bgicon_center_bottom {
top: 79%;
left: 23%;
}
.bgicon_right_bottom {
right: 5px;
bottom: 12px;
}
.bgicon_centertop img {
width: 121px;
height: auto;
}
.bgicon_centertop {
left: -3px;
top: 286px;
transform: translate(0, 0);
}
.why-choose-jeb .border-section {
padding-top: 20px;
padding-bottom: 65px;
}
.home-counting .counting-wrapper {
max-width: 100%;
}
.ground-content .group-button {
gap: 10px;
}
.group-button .button {
padding-left: 17px;
padding-right: 17px;
line-height: 35px;
}
}
@media (max-width:640.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 115%;
} }
@media (max-width:499.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 155%;
}
}
@media (max-width: 481px) {
main.site-main>div:first-child {
margin-top: 100px;
}
main.site-main>div.section-banner:first-child {
margin-top: 0 !important;
}
}
@media (max-width:420.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 166%;
} }
@media (max-width:370px) {
.section-background-images .ground-content .content-right .img-right {
width: 149.06px;
height: 166.38px;
}
}
@media (max-width:320px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 200%;
}
} @media (max-width: 991px) {
.items.list-client {
width: 100%;
margin-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 21px;
}
.our-client-wrapper {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0;
margin-bottom: 24px;
}
}
@media (max-width: 767px) {
section.home-counting.section-background-images .container {
top: calc(50% + 11.5px);
}
.items.list-client .item-content {
padding: 0 25px;
text-align: center;
margin-bottom: 23px;
}
.items.list-client .item-content img {
width: 100%;
}
.section-background-images.about-us h2+p {
font-size: 15px;
line-height: 125%; text-align: center;
letter-spacing: 0.01em;
}
.section-background-images.about-us .container {
top: 51%;
}
.button-bottom>div {
margin: 0;
}
.button-bottom a.button.white {
width: 140px;
padding: 5px 10px;
line-height: normal;
}
}
@media (max-width: 575px) {
.section-video .video .ico_w {
width: 47px;
height: 47px;
top: 49%;
left: 50%;
}
.section-video .video .ico_w:before {
width: 100%;
height: 100%;
background-size: contain;
}
.section-background-images.about-us h2 {
margin-bottom: 25px;
}
.section-background-images.about-us h2+p {
margin-bottom: 25px;
}
} .border-featured-blog .arrow-link.blue .text {
font-weight: 500;
}
.border-featured-blog {
background: #037580; }
.featured-blog .title {
text-align: center;
display: inline-block;
margin-bottom: 18px;
margin-top: 90px;
width: 100%;
color: #fff;
}
.featured-blog .link-btn .blue {
display: none;
}
.featured-blog .link-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.featured-blog .list-posts {  margin-bottom: 65px;
}
.featured-blog .list-posts .post {   margin-bottom: 67px;
}
.featured-blog .list-posts .post .border-image {
position: relative;
}
.featured-blog .list-posts .post .image-post {
-webkit-clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
margin: auto;
width: 100%;
background-size: cover;
overflow: hidden;
padding-bottom: 58.1%;
}
.featured-blog .list-posts .post .image-post img {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.featured-blog .list-posts .post .image-post:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.featured-blog .list-posts .post .border-content {
padding: 33px 35px;
background: #fff;
}
.featured-blog .list-posts .post .border-content .title-post {
margin-bottom: 5px;
font-family: var(--font-body-text);
font-style: normal;
letter-spacing: -0.01em;
color: #037580;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.featured-blog .list-posts .post .border-content .short-content-post {
font-family: var(--font-body-text);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.featured-blog .list-posts .post .border-content .date-post {
margin-bottom: 5px;
color: #8F90A6;
}
.video iframe {
display: none;
}
@media (max-width:1280px) {
.featured-blog .list-posts { margin-bottom: 55px;
}
.featured-blog .list-posts .post { margin-bottom: 40px;
}
.featured-blog .list-posts .post .border-content {
padding: 25px 30px;
background: #fff;
}
.section-background-images .ground-content .content-right .img-right:last-child {
right: 0;
}
}
@media (max-width:1024px) {
.featured-blog .list-posts { margin-bottom: 45px;
}
.featured-blog .list-posts .post { margin-bottom: 30px;
}
}
@media (max-width:992px) { .featured-blog .list-posts .post .border-content {
padding: 20px 30px;
}
}
@media (max-width: 800px) {
.section-search .grounp-filter .field .title-field { }
}
@media (max-width:767.98px) {
.featured-blog .title {
margin-top: 50px;
text-align: start;
margin-bottom: 14px;
}
.featured-blog .link-btn {
margin-bottom: 36px;
width: fit-content;
}
}
@media (max-width:590px) {
.featured-blog .list-posts .post {  padding: 0;
}
.featured-blog .list-posts {
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
}
}  .video-control-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video-control-btn {
cursor: pointer;
}
.img-btn-video {
background: transparent;
}
.wp-block-video {
position: relative;
}
.video-control-btn:before {
content: '';
background: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/Subtract.svg);
width: 60px;
height: 60px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.industry-our-project {
display: flex;
gap: 8px 0;
flex-wrap: wrap;
}
@media (max-width:767.98px) {
.video-control-btn:before {
width: 40px;
height: 40px;
}
} @media (max-width:1280px) {
.section-search .grounp-filter {
padding: 24px 0;
}
}
.grounp-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {
border: 0;
padding: 5px 0;
}
.count-item strong {
font-weight: 600;
}
@media (max-width:767.980px) {
.items.list-client .swiper {
margin: 0 -25px;
}
.our-client-decription {
margin-bottom: 14px;
}
.section-search .grounp-filter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-search .grounp-filter .field {
width: 80%;
margin: auto;
border: initial;
margin-bottom: 25px;
}
.section-search .grounp-filter .field:last-child {
margin-bottom: 0;
}
.section-search .grounp-filter .field select,
.section-search .grounp-filter .field .title-field {
padding: 0 20px 18px;
width: 100%;
}
.section-search .grounp-filter .select2-container .selection {
padding: 0 20px;
}
.filter-mobile .filter-popup-button span {
font-family: var(--font-body-text);
font-style: normal;
font-weight: 500;
letter-spacing: 0.02em;
}
.section-search .grounp-filter {
padding: 18px 0 7px;
}
.section-search .grounp-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 34px;
}
.section-search .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 27px;
}
}  .filter-metadata {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.filter-metadata .text-filter {
font-family: var(--font-body-text);
font-style: normal;
font-weight: 500;
letter-spacing: 0.01em;
color: #037580;
margin-right: 33px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button span,
.filter-metadata .filter-metadata-buttons .button span {
font-family: var(--font-body-text);
font-style: normal;
font-size: 16px;
line-height: 34px;
letter-spacing: 0.02em;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active span,
.filter-metadata .filter-metadata-buttons .button.active span {
color: #fff;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active svg path,
.filter-metadata .filter-metadata-buttons .button.active svg path {
fill: white;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button,
.filter-metadata .filter-metadata-buttons .button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 5px;
height: 40px;
}
.filter-metadata .filter-metadata-buttons .button span {
color: #8F90A6;
}
.filter-metadata .filter-metadata-buttons .button:hover,
.filter-metadata .filter-metadata-buttons .button:focus,
.filter-metadata .filter-metadata-buttons .button:active {
background: transparent;
}
.filter-metadata .filter-metadata-buttons .button.active:hover,
.filter-metadata .filter-metadata-buttons .button.active:focus,
.filter-metadata .filter-metadata-buttons .button.active:active {
background: #037580;
}  #filter-mobile-popup .filter-fields .filter-metadata-buttons .button.transparent,
.filter-metadata .filter-metadata-buttons .button.transparent {
border: 1px solid #8F90A6;
background: transparent;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active:hover,
.filter-metadata .filter-metadata-buttons .button.active:hover {
background: #037580;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button svg,
.filter-metadata .filter-metadata-buttons .button svg {
margin-right: 8px;
} .mfp-inline-holder .mfp-content {
width: 100%;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
height: 100vh;
}
#filter-mobile-popup {
background: #FAF9F6;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
}
#filter-mobile-popup .popup-header {
border-bottom: 1px solid #CFCFCF;
padding: 20px 25px;
}
#filter-mobile-popup .popup-header h2 {
line-height: 30px;
}
#filter-mobile-popup .filter-fields { height: calc(100vh - 151px);
overflow-y: scroll;
overflow-x: hidden;
}
#filter-mobile-popup .button.btn-transparent.grey {
color: #282828;
border: 1px solid #282828;
background: transparent;
}
#filter-mobile-popup .button.btn-transparent.grey:hover,
#filter-mobile-popup .button.btn-transparent.grey:focus {
color: #fff;
background: #037580;
border: 1px solid #037580;
}
#filter-mobile-popup .popup-footer {
border-top: 1px solid #CFCFCF;
padding: 20px 25px;
text-align: center; }
#filter-mobile-popup .apply,
#filter-mobile-popup .clear {
margin: 0 9px;
height: 39px; }
#filter-mobile-popup .clear {
width: 46.93251533742331%;
max-width: 153px;
margin-right: 0;
}
#filter-mobile-popup .apply {
max-width: 130px;
width: 40.877301%;
margin-left: 0;
}
#filter-mobile-popup .fields .toggle svg {
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#filter-mobile-popup .fields.active .toggle svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#filter-mobile-popup .field>*,
#filter-mobile-popup .title-field>* {
display: inline-block;
vertical-align: middle;
}
#filter-mobile-popup .title-field h4 {
width: calc(100% - 18px);
color: #282828;
}
body.magnify-show,
html.magnify-show {
overflow: hidden !important;
} @media (max-width:767.98px) {
.filter-metadata {
display: none;
}
.filter-mobile {
margin-bottom: 25px;
}
.filter-mobile .filter-popup-button:focus {
text-decoration: none;
}
.filter-mobile .filter-popup-button svg {
margin-left: 5px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:last-child,
.filter-metadata .filter-metadata-buttons .button:last-child {
margin-right: 0;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button,
.filter-metadata .filter-metadata-buttons .button {
padding: 3px 4.5px;
margin-top: 5px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button span,
.filter-metadata .filter-metadata-buttons .button span {
font-size: 15px;
line-height: 21px;
color: #8F90A6;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons {
padding: 15px 25px 20px;
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields:not(:first-child) {
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields {
padding: 20px 26px 18px;
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields.active {
border-bottom: initial;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields.active:not(:last-child) {
padding-bottom: 0;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field {
margin-bottom: 0;
padding-top: 20px;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field:last-child {
padding-bottom: 10px;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input {
border-radius: inherit;
border: 1px solid #282828;
margin-right: 6px;
width: 20px;
height: 20px;
background-color: #F5F5F5;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input::after {
width: 15px;
height: 15px;
border-radius: inherit;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input:focus,
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input:focus-visible {
outline: none;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:hover,
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:active,
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:focus {
color: #8F90A6;
}
.section-background-images .ground-content .content-right .img-right {
width: 42.3vw;
height: 42.3vw;
}
.section-search .grounp-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 17px;
line-height: 23px;
}
.border-our-project .list-item-our-project .border-info .name-blog h4 {
font-size: 20px;
line-height: 1.18;
}
.section-background-images .ground-content {
padding: 0;
}
}
@media (max-width:350px) {
#filter-mobile-popup .apply,
#filter-mobile-popup .clear {
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
} @media (max-width: 374px) {
.section-background-images.about-us h2,
.section-background-images.about-us h2+p {
margin-bottom: 15px;
}
.button-bottom .transparent-conners:first-child .button.white { }
.button-bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-bottom a.button.white { }
.button-bottom>div { }
.section-background-images.about-us .container {
top: 50%;
}
}
.sustainable-left-container .image .icon-support-package::before {
background-image: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/SupportPacks.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 76px;
height: 163px;
top: 0;
left: 40px;
position: absolute;
content: '';
z-index: 5;
}
@media (max-width:767.98px) {
.sustainable-left-container .image .icon-support-package::before {
width: 43.72px;
height: 93.76px;
left: 23px;
}
} [data-name="country"] span.select2-search.select2-search--dropdown {
display: block;
border: 0;
padding: 10px;
}
[data-name="country"] span.select2-search.select2-search--dropdown input {
border-color: #282828;
} @media (min-width: 768px) {
.page-template-template-sustainable .top-banner .normal .wrapper img {
height: 650px;
}
}
@media (min-width: 992px) {
.page-template-template-sustainable .top-banner .normal .wrapper img {
height: 700px;
}
}
@media (max-width: 389px) {
.section-background-images .ground-content .content-right {
margin-top: 30px;
}
.section-background-images .ground-content .content-left .group-button {
flex-wrap: wrap;
margin-top: 10px;
}
} .section-anchor {
position: absolute;
top: -110px;
}
.section-virtual {
position: relative;
} .anchor {
position: absolute;
} @media (min-width: 768px) {
.page-template-front-page-sos .home-counting .items.list-item .item {
width: calc(50% - 20px);
}
}