main.site-main>div:first-child {
    margin-top: 174px;
}

.homepage,
main.site-main>div.section-banner:first-child {
    margin-top: 0 !important;
}

/* wishlist */
.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(../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(../images/heart-blue.svg);
}

.wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before {
    content: '';
    background-image: url(../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(../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;
    }
}

/* end wishlist */
/*slider-single*/
.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(../images/breadcumb-arrow-black.svg);
    margin: 0 6px 0 12px;
}

.section-banner .breadcrumbs-item span span:not(.breadcrumb_last):after {
    background: url(../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;
    /* identical to box height, or 219% */
    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 {
        /* display: none; */
        margin-bottom: 40px;
        margin-top: 40px;
    }
}

/*Video SEction*/
.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 {
    /* fill: transparent; */
}

.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;
    /* background: #fff; */
    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(../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(../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;
    /* background: #fff; */
}

@media screen and (max-width: 750px) {

    /*.mfp-iframe-holder .mfp-close {
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 10.6666666667vw;
        left: 0;
        cursor: pointer;
        z-index: 100;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        text-align: center;
        right: auto;
        display: flex;
        justify-content: center;
    }*/
    .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;
    }
}

/* custom contact */
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;
    }
}

/* end custom contact */
/*section.home-our-client*/
.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;
    /* padding: 0 25px; */
    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 {
    /* height: 100% !important;
    min-height: 371.93px; */
    -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 {
    /* background-color:#FAF9F6;
    min-height: 600px; */
    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 {
        /* max-width: 50%;
        padding-bottom: 0;
        max-height: 400px;
        overflow-x: auto; */
    }

    .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 {
        /* width: 179.06px;
        height: 206.38px; */
    }

    .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 {
        /* max-height: 80vh; */
        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;
        /* top: 49%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); */
    }

    .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%;
    }

    /* .section-background-images .ground-content .content-right .img-right {
        width: 50%;
        max-width: 50%;
        height: auto;
    } */
}

@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%;
    }

    /* .section-background-images .ground-content .content-left {
        margin-bottom: 20px;
    } */
}

@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%;
    }
}

/* end style sos page */
@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%;
        /* or 19px */
        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;
    }
}

/* featured blogs section */
.border-featured-blog .arrow-link.blue .text {
    font-weight: 500;
}

.border-featured-blog {
    background: #037580;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
}

.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 {
    /* float: left; */
    /* margin: 0 -33.5px; */
    margin-bottom: 65px;
}

.featured-blog .list-posts .post {
    /* padding: 0 33.5px; */
    /* width: calc(100% / 3); */
    /* float: left; */
    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: 0 -20px; */
        margin-bottom: 55px;
    }

    .featured-blog .list-posts .post {
        /* padding: 0 20px; */
        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: 0 -15px; */
        margin-bottom: 45px;
    }

    .featured-blog .list-posts .post {
        /* padding: 0 15px; */
        margin-bottom: 30px;
    }
}

@media (max-width:992px) {

    /* .featured-blog .list-posts .post {
        width: calc(100% / 2);
        float: left;
    } */
    .featured-blog .list-posts .post .border-content {
        padding: 20px 30px;
    }
}

@media (max-width: 800px) {
    .section-search .grounp-filter .field .title-field {
        /* font-size: 15px; */
    }
}

@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 {
        /* width: 100%; */
        /* float: left; */
        padding: 0;
    }

    .featured-blog .list-posts {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* end featured blogs section */
/* Video Slider: Sustainable - Our Impact page  */
.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(../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;
    }
}

/* End of Video Slider: Sustainable - Our Impact page  */

@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;
    }
}

/* end filter custom list post */
/* filter list post mobile  */
.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-metadata .filter-metadata-buttons .button:hover,
.filter-metadata .filter-metadata-buttons .button:active,
.filter-metadata .filter-metadata-buttons .button:focus {
    background: transparent;
} */
/* .filter-metadata .filter-metadata-buttons .button:hover span,
.filter-metadata .filter-metadata-buttons .button:active span,
.filter-metadata .filter-metadata-buttons .button:focus span {
    color: #037580;
}
.filter-metadata .filter-metadata-buttons .button:hover svg path,
.filter-metadata .filter-metadata-buttons .button:active svg path,
.filter-metadata .filter-metadata-buttons .button:focus svg path {
    fill: #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;
}

/* filter popup */
.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 {
    /* padding: 20px 25px; */
    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;
    /* margin-left: 8px; */
}

#filter-mobile-popup .apply,
#filter-mobile-popup .clear {
    margin: 0 9px;
    height: 39px;
    /* padding-top: 0;
    padding-bottom: 0; */
}

#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;
}

/* filter popup */
@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;
    }
}

/* end filter list post mobile  */
@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 {
        /* width: 100%; */
    }

    .button-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .button-bottom a.button.white {
        /* width: 100%; */
    }

    .button-bottom>div {
        /* width: 100%; */
    }

    .section-background-images.about-us .container {
        top: 50%;
    }
}

.sustainable-left-container .image .icon-support-package::before {
    background-image: url(../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;
    }
}

/* 18/7/2024 */
[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;
}

/* 27/8/2024 */
@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;
    }
}

/* 18/12/2024 */
.section-anchor {
    position: absolute;
    top: -110px;
}

.section-virtual {
    position: relative;
}


/* 20/03/2025 */
.anchor {
    position: absolute;
}



/* 27/03/2025 */
@media (min-width: 768px) {
    .page-template-front-page-sos .home-counting .items.list-item .item {
        width: calc(50% - 20px);
    }
}