/* LISTING STYLE */
.listing:not(.slick-slider) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	   -moz-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.listing {
	width: auto;
	min-width: 100%;
	margin: 0 -webkit-calc((var(--listing-gap) / 2) * -1) -webkit-calc(var(--listing-gap-bottom) * -1);
	margin: 0 -moz-calc((var(--listing-gap) / 2) * -1) -moz-calc(var(--listing-gap-bottom) * -1);
	margin: 0 calc((var(--listing-gap) / 2) * -1) calc(var(--listing-gap-bottom) * -1);
}

.listing .listing-item,
.listing .wpb_column {
	position: relative;
}

.listing>.listing-item {
	width: -webkit-calc(100% / var(--listing-column));
	width: -moz-calc(100% / var(--listing-column));
	width: calc(100% / var(--listing-column));
	padding: 0 -webkit-calc(var(--listing-gap) / 2);
	padding: 0 -moz-calc(var(--listing-gap) / 2);
	padding: 0 calc(var(--listing-gap) / 2);
	margin-bottom: var(--listing-gap-bottom);
}

.listing .listitem-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.listing a.listitem-wrapper {
	cursor: pointer;
}

.listing .wpb_column {
	float: none;
}

.listing .thumbnail-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	overflow: hidden;
}

.listing li {
	list-style: none;
	margin-left: 0;
}

.vc_row.listing,
.vc_row.listing .vc_inner {
	margin: 0;
}

.vc_row.listing:before,
.vc_row.listing:after,
.vc_row.listing .vc_column-inner:before,
.vc_row.listing .vc_column-inner:after,
.vc_row.listing .vc_inner:before,
.vc_row.listing .vc_inner:after {
	display: none;
}

.vc_row.listing .wpb_column {
	float: none;
}

.vc_row.listing .wpb_column>.vc_column-inner {
	padding: 0;
}

.listing.slick-slider {
	width: -webkit-calc(100% + var(--listing-gap));
	width: -moz-calc(100% + var(--listing-gap));
	width: calc(100% + var(--listing-gap));
	margin: 0 -webkit-calc((var(--listing-gap) / 2) * -1);
	margin: 0 -moz-calc((var(--listing-gap) / 2) * -1);
	margin: 0 calc((var(--listing-gap) / 2) * -1);
	overflow: hidden;
}

.listing.slick-slider .slick-list {
	overflow: visible;
}

.listing.slick-slider .slick-track {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	   -moz-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.listing.slick-slider .slick-slide {
	height: auto;
}

.listing.slick-slider .listing-item.slick-slide {
	padding-left: -webkit-calc(var(--listing-gap) / 2);
	padding-left: -moz-calc(var(--listing-gap) / 2);
	padding-left: calc(var(--listing-gap) / 2);
	padding-right: -webkit-calc(var(--listing-gap) / 2);
	padding-right: -moz-calc(var(--listing-gap) / 2);
	padding-right: calc(var(--listing-gap) / 2);
}

.whfilter-overview .listing {
	margin-bottom: 0;
}

@media all and (min-width: 0\0) and (min-resolution: +72dpi) {
	.listing {
		width: -webkit-calc(100% + 1px);
		width: -moz-calc(100% + 1px);
		width: calc(100% + 1px);
	}
}

.vc_row.listing {
	width: 100%;
	margin: 0;
}

.vc_row.listing .vc_column-inner {
	padding: 0;
}

.site .listing[class*="lists-"] .listing-item:last-child,
.site .listing[class*="lists-"] .wpb_column:last-child {
	margin-right: 0;
}

.listing .title-listing {
	--text-4xl: 32px;
	line-height: var(--lineheight-s);
	margin-bottom: 16px;
    color: var(--black);
}

.listing .listitem-wrapper {
    height: 100%;
}

.listing:not(.listing-projects):not(.list-default):not(.press):not(.listing-search-result) .cta-meta {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 2;
}

.listing:not(.press):not(.list-default):not(.listing-search-result) .cta-meta button,
.featured-category-news .cta-meta button {
    background-color: var(--green);
    color: var(--white);
    font-size: var(--text-sm);
    font-weight: 800;
    letter-spacing: -0.274px;
    line-height: var(--lineheight-xs);
}

.listing.list-default .date-post,
.listing.listing-blog.press .date-post,
.listing .reading-time,
.listing .read-article {
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: var(--lineheight-s);
    -webkit-transition: opacity var(--duration);
    -o-transition: opacity var(--duration);
    -moz-transition: opacity var(--duration);
    transition: opacity var(--duration);
}

.listing .reading-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.listing .read-article {
    display: inline-block;
    color: var(--green);
    position: relative;
    padding-right: 24px;
}

.listing .read-article:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(/wp-content/themes/whello/assets/icons/arrow-white-right.svg) center/contain no-repeat;
}

.listing .reading-time,
.listing .date-post {
    color: var(--grey-40);
}

.listing.list-default .cta-meta,
.listing.listing-blog.press .cta-meta,
.listing.listing-search-result .cta-meta {
    padding: 0;
    margin-bottom: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--green);
    font-family: var(--fontfamily-industry);
    letter-spacing: var(--letter-spacing-one);
    line-height: var(--lineheight-xs);
    font-size: var(--text-base);
    text-transform: uppercase;
    font-weight: 700;
}

.listing.listing-latest-blog .read-article,
.listing.listing-latest-blog .listitem-wrapper:hover .post-date,
.listing.listing-blog .read-article,
.listing.listing-blog .listitem-wrapper:hover .post-date {
    display: none;
}

.listing.listing-latest-blog .listitem-wrapper:hover .read-article,
.listing.listing-blog .listitem-wrapper:hover .read-article {
    display: inline-block;
}

.listing.listing-latest-blog .listitem-wrapper:hover .title-listing,
.listing.listing-blog .listitem-wrapper:hover .title-listing  {
    color: var(--white);
} 

.listing:not(.listing-projects):not(.press):not(.list-default):not(.videos):not(.listing-search-result) .listitem-wrapper:hover {
    background-color: var(--green);
}

/* slider */
.wrapper-listing-slider {
    position: relative;
}

/* listing blog */
.listing-latest-blog .listitem-wrapper,
.listing-blog .listitem-wrapper {
    position: relative;
    background-color: var(--background-card);
}

.listing-latest-blog .thumbnail-item,
.listing-blog .thumbnail-item {
    background-color: var(--grey-10);
}

.listing-latest-blog .image-wrapper,
.listing-latest-blog .image-wrapper *,
.listing-blog:not(.videos):not(.list-dafault) .image-wrapper, 
.listing-blog:not(.videos):not(.list-default) .thumbnail-item .image-wrapper * {
    width: 100%;
}

.listing.listing-latest-blog .listitem-wrapper:hover .content-item *,
.listing.listing-blog .listitem-wrapper:hover .content-item * {
    color: var(--white);
}

/* latets news */
.listing-latest-blog > .listing-item:first-of-type .thumbnail-item,
.listing-latest-blog > .listing-item:first-of-type .image-wrapper,
.listing-latest-blog > .listing-item:first-of-type .image-wrapper * {
    height: 100%;
}

.listing-latest-blog > .wrapper {
    --listing-gap-bottom: 24px;
    margin-bottom: 0
}

.listing-latest-blog > .wrapper > .listing-item {
    padding: 0 -webkit-calc(var(--listing-gap) / 2);
    padding: 0 -moz-calc(var(--listing-gap) / 2);
    padding: 0 calc(var(--listing-gap) / 2);
    margin-bottom: var(--listing-gap-bottom);
}

/* video taxonomy listing */
.listing-blog.videos,
.listing-projects.column-1 {
    --listing-gap-bottom: 56px;
}

.listing-blog.videos .author,
.listing-blog.videos .meta-data-post,
.featured-category-news .author,
.featured-category-news .meta-data-post {
    --text-sm: 13.625px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: var(--text-sm);    
}

.listing-blog.videos .author-avatar,
.featured-category-news .author-avatar {
    display: inline-block;
    width: 31.143px;
    height: 31.143px;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    overflow: hidden;
    margin-right: 14.6px;
}

.listing-blog.videos .author,
.featured-category-news .author {
    color: var(--black);
}

.listing-blog.videos .date-post {
    margin-left: 29.85px;
}

.listing-blog.videos .image-wrapper {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: -webkit-calc((331 / 588) * 100%);
    padding-top: -moz-calc((331 / 588) * 100%);
    padding-top: calc((331 / 588) * 100%);
}

.listing-blog.videos .image-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listing-blog.videos .image-wrapper:before,
.listing-blog.videos .image-wrapper:after,
.featured-category-news.videos .thumbnail-item:before {
    display: inline-block;
    content: '';
    position: absolute;
}

.listing-blog.videos .image-wrapper:before,
.featured-category-news.videos .thumbnail-item:before {
    width: 73.5px;
    height: 50.6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='51' viewBox='0 0 74 51' fill='none'%3E%3Cpath d='M29.65 36.223L48.7232 25.3782L29.65 14.5333V36.223ZM72.133 7.91794C72.6107 9.61696 72.9415 11.8944 73.162 14.7863C73.4193 17.6783 73.5295 20.1726 73.5295 22.3416L73.75 25.3782C73.75 33.2949 73.162 39.115 72.133 42.8384C71.2142 46.0918 69.0827 48.1885 65.7753 49.0923C64.048 49.5622 60.8875 49.8876 56.0365 50.1044C51.259 50.3575 46.8858 50.4659 42.8433 50.4659L37 50.6828C21.6017 50.6828 12.01 50.1044 8.22475 49.0923C4.91725 48.1885 2.78575 46.0918 1.867 42.8384C1.38925 41.1394 1.0585 38.8619 0.838 35.97C0.58075 33.078 0.4705 30.5837 0.4705 28.4147L0.25 25.3782C0.25 17.4614 0.838 11.6413 1.867 7.91794C2.78575 4.66448 4.91725 2.5678 8.22475 1.66407C9.952 1.19412 13.1125 0.868776 17.9635 0.651878C22.741 0.398832 27.1143 0.290383 31.1567 0.290383L37 0.0734863C52.3983 0.0734863 61.99 0.651879 65.7753 1.66407C69.0827 2.5678 71.2142 4.66448 72.133 7.91794Z' fill='white'/%3E%3C/svg%3E") center/cover no-repeat;
    z-index: 1;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-blog.videos .listitem-wrapper:hover .image-wrapper:before,
.featured-category-news.videos .listitem-wrapper:hover .thumbnail-item:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='51' viewBox='0 0 74 51' fill='none'%3E%3Cpath d='M29.65 36.223L48.7232 25.3782L29.65 14.5333V36.223ZM72.133 7.91794C72.6108 9.61696 72.9415 11.8944 73.162 14.7863C73.4193 17.6783 73.5295 20.1726 73.5295 22.3416L73.75 25.3782C73.75 33.2949 73.162 39.115 72.133 42.8384C71.2143 46.0918 69.0828 48.1885 65.7753 49.0923C64.048 49.5622 60.8875 49.8875 56.0365 50.1044C51.259 50.3575 46.8858 50.4659 42.8433 50.4659L37 50.6828C21.6017 50.6828 12.01 50.1044 8.22475 49.0923C4.91725 48.1885 2.78575 46.0918 1.867 42.8384C1.38925 41.1394 1.0585 38.8619 0.838 35.97C0.58075 33.078 0.4705 30.5837 0.4705 28.4147L0.25 25.3782C0.25 17.4614 0.838 11.6413 1.867 7.91794C2.78575 4.66448 4.91725 2.5678 8.22475 1.66407C9.952 1.19412 13.1125 0.868776 17.9635 0.651878C22.741 0.398832 27.1143 0.290383 31.1568 0.290383L37 0.0734863C52.3982 0.0734863 61.99 0.651879 65.7753 1.66407C69.0828 2.5678 71.2143 4.66448 72.133 7.91794Z' fill='%23DA101D'/%3E%3C/svg%3E");
}

.listing-blog.videos .image-wrapper:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(31.081628799438477px);
            backdrop-filter: blur(31.081628799438477px);
    opacity: 0.1;
}

/* press taxonomy listing  and styling list*/
.listing.list-default,
.listing.listing-blog.press,
.listing.listing-search-result {
    --listing-gap-bottom: 48px;
}

.listing.list-default .listing-item,
.listing.listing-blog.press .listing-item,
.listing.listing-search-result .listing-item {
    position: relative;
}

.listing.list-default .listing-item:before,
.listing-blog.press .listing-item:before,
.listing.listing-search-result .listing-item:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: var(--grey-10);
}

.listing.column-1.list-default .listing-item:before,
.listing-blog.column-1.press .listing-item:before,
.listing.listing-search-result .listing-item:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
}

.listing.column-1.list-default .listing-item:nth-child(1):before,
.listing-blog.column-1.press .listing-item:nth-child(1):before,
.listing.listing-search-result .listing-item:nth-child(1):before,
.listing.column-2.list-default .listing-item:nth-child(1):before,
.listing-blog.column-2.press .listing-item:nth-child(1):before,
.listing.column-2.list-default .listing-item:nth-child(2):before,
.listing-blog.column-2.press .listing-item:nth-child(2):before {
    display: none;
}

.listing.column-2.list-default .listing-item:before,
.listing-blog.column-2.press .listing-item:before {
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
}

.listing.column-2.list-default .listing-item:nth-child(even):before,  
.listing-blog.column-2.press .listing-item:nth-child(even):before {
    left: 0;
}

.listing.column-2.list-default .listing-item:nth-child(odd):before,  
.listing-blog.column-2.press .listing-item:nth-child(odd):before {
    left: 12px;
}

.listing.listing-blog.press .listitem-wrapper {
    margin-top: 40px;
}

.listing.list-default .title-listing,
.listing.listing-blog.press .title-listing,
.listing.listing-search-result .title-listing {
    --text-4xl: 24px;
    margin-bottom: 12px;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing.listing-blog.press .listing-item:hover .title-listing,
.listing.listing-search-result .listing-item:hover .title-listing {
    color: var(--green);
}

.listing.list-default .listitem-wrapper,
.listing.listing-search-result .listitem-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.listing.list-default .thumbnail-item,
.listing.listing-search-result .thumbnail-item {
    background-color: var(--grey-10);
}

.btn-laod-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin: 32px auto 0;
    border: 1px solid var(--orange-10);
    color: var(--orange-10);
    font-weight: 800;
    line-height: var(--lineheight-s);
}

.btn-laod-more:after {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/03/Arrow-bottom-long.svg) center/contain no-repeat;
    margin-left: 16px;
}

.btn-laod-more:hover:after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.btn-laod-more:hover,
.btn-laod-more:active {
    color: var(--white);
    background-color: var(--orange-10);
}

.btn-laod-more.arrow-more-button {
    padding-right: 60px;
}

.btn-laod-more.arrow-more-button:after {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.172 8.778L8.808 3.414L10.222 2L18 9.778L10.222 17.556L8.808 16.142L14.172 10.778H2V8.778H14.172Z' fill='%23DA101D'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.btn-laod-more.arrow-more-button:hover:after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.listing-latest-blog > .listing-item:nth-child(1) .content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.listing-latest-blog > .listing-item:nth-child(1) .reading-time {
    margin-top: auto;
}

/* listing projects */
.listing-projects .listitem-wrapper {
    content: '';
    display: block;
    position: relative;
    background: var(--grey-10) var(--bg-listing-project) center/cover no-repeat;
    color: var(--white);
}

.listing-projects .content-item,
.listing-projects .listitem-wrapper:before {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.listing-projects .listitem-wrapper:before {
    content: '';
    height: 47.97%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), color-stop(61%, rgba(0, 0, 0, 0.93)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.93) 61%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.93) 61%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.93) 61%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.93) 61%);
    opacity: .5;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    z-index: 1;
}

.listing-projects .content-item {
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
}

.listing-projects .wrapper-content {
    margin-top: auto;
}

.listing-projects.column-2 {
    --listing-gap: 54.46px;
    --listing-gap-bottom: 56px;
}

.listing-projects .project-year {
    display: inline-block;
    font-family: var(--fontfamily-industry);
    font-size: var(--text-xl);
    font-weight: 700;
    line-height: var(--lineheight-xs);
}

.listing-projects .title-listing {
    color: var(--white);
}

.listing-projects .subtitle {
    letter-spacing: -0.814px;
    line-height: var(--lineheight-xs);
    font-weight: 500;
    font-size: var(--text-3xl);
}

.listing-projects .wrapper-readmore {
    --duration: .7s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity var(--duration);
    -o-transition: opacity var(--duration);
    -moz-transition: opacity var(--duration);
    transition: opacity var(--duration);
}

.listing-projects.column-2 .wrapper-readmore {
    height: 48px;
}

.listing-projects .wrapper-content-title {
    position: relative;
    -webkit-transition: margin-bottom var(--duration);
    -o-transition: margin-bottom var(--duration);
    -moz-transition: margin-bottom var(--duration);
    transition: margin-bottom var(--duration);
}

.listing-projects.column-2 .wrapper-content-title {
    margin-bottom: -48px;
}

.listing-projects .excerpt-listing {
    max-width: 540px;
}

.listing-projects.column-2 .excerpt-listing {
    display: none;
}

.listing-projects .read-article {
    color: var(--white);
    font-size: var(--text-base);
}

.listing.listing-projects .read-article:after {
    width: 16px;
    height: 16px;
    background-image: url(/wp-content/themes/whello/assets/icons/arrow-white-right.svg);
}

.listing.listing-projects .cta-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}

.listing.listing-projects .cta-meta-category button {
    text-transform: capitalize;
}

.listing.listing-projects.column-1 .cta-meta .cta-meta-available button {
    padding-left: 31px;
    padding-right: 31px;
}
/* hover */
.listing-projects .listitem-wrapper:hover:before {
    height: 80%;
}

.listing-projects .listitem-wrapper:hover .wrapper-readmore {
    opacity: 1;
    visibility: visible;
}

.listing-projects .listitem-wrapper:hover .wrapper-content-title {
    margin-bottom: 0;
} 

/* .listing-projects .listitem-wrapper:hover .btn-cta-meta.available {
    opacity: 0;
    visibility: hidden;
} */

/* listing search */
.listing.listing-search-result {
    --listing-column: 1;
}

/* featured category */
.featured-category-news {
    padding: 42.82px 54px 29.73px;
    background-color: var(--grey-8);
    -webkit-filter: drop-shadow(var(--shadow-seventh));
            filter: drop-shadow(var(--shadow-seventh));
}

.featured-category-news h3 {
    --text-4xl: 31.143px;
    margin-bottom: 41.83px;
}

.featured-category-news .content-item,
.featured-category-news .meta-data-post-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.featured-category-news .content-item {
    margin-top: 28.22px;
    -webkit-box-orient:  horizontal;
    -webkit-box-direction:  normal;
    -webkit-flex-flow:  row wrap;
       -moz-box-orient:  horizontal;
       -moz-box-direction:  normal;
        -ms-flex-flow:  row wrap;
            flex-flow:  row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.featured-category-news .date-post {
    margin-left: 29.85px;
}

.featured-category-news .cta-meta button {
    --padding-button: 8.2px 12.4px;
    --text-sm: 12.354px;
    min-width: 80px;
}

.featured-category-news .cta-meta button+button {
    margin-left: 21.79px;
}

.featured-category-news .reading-time {
    margin-left: 45.79px;
}

.featured-category-news .read-article {
    --text-base: 15.5px;
    position: relative;
    padding-right: 26px;
    font-size: var(--text-base);
    color: var(--green);
    font-weight: 800;
}

.featured-category-news .read-article:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 19.4px;
    height: 19.4px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M14.5764 9.16786L9.35611 3.94754L10.7322 2.57141L18.3019 10.1411L10.7322 17.7107L9.35611 16.3346L14.5764 11.1143H2.73047V9.16786H14.5764Z' fill='%23DA101D'/%3E%3C/svg%3E") center/contain no-repeat;
} 

.featured-category-news .read-article:hover:after {
    right: -3px;
}

.featured-category-news .thumbnail-item {
    display: block;
    position: relative;
    padding-top: -webkit-calc((613 / 1090) * 100%);
    padding-top: -moz-calc((613 / 1090) * 100%);
    padding-top: calc((613 / 1090) * 100%);
}

.featured-category-news .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.featured-category-news .image-wrapper img {
    height: 100%;
}

/* listing team */
.listing-team .listitem-wrapper {
    position: relative;
    overflow: hidden;
}

.listing-team .image-wrapper img {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-team .listitem-wrapper:hover .image-wrapper img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.listing-team .listitem-wrapper:before {
    position: absolute;
    content: '';
    height: 47.97%;
    min-height: 197px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), color-stop(64%, rgba(0, 0, 0, 0.58)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.58) 64%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.58) 64%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.58) 64%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.58) 64%);
    opacity: .5;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    z-index: 1;
}

.listing-team .image-wrapper,
.listing-team .image-wrapper img {
    width: 100%;
    height: 100%;
}

.listing-team  .content-item {
    position: absolute;
    display: inline-block;
    bottom: 20px;
    left: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    z-index: 2;
}

.listing-team .title-listing {
    --text-4xl: 18px;
    display: block;
    color: var(--white);
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-team .listitem-wrapper:hover .title-listing {
    -webkit-line-clamp: 8;
}

.listing-team.listing-team-in-about {
    --listing-gap: 16px;
    --listing-gap-bottom: 16px;
}

/* ------------------------------
        RESPONSIVE
--------------------------------*/
@media all and (min-width: 601px) {
    .listing.listing-projects .cta-meta-category {
        max-width: -webkit-calc(100% - 180px);
        max-width: -moz-calc(100% - 180px);
        max-width: calc(100% - 180px);
        margin: -8px;
    }

    .listing.listing-projects .cta-meta-category button {
        margin: 8px;
    }
    
    .listing.listing-projects .cta-meta-available {
        margin-left: auto;
    }

    .listing-latest-blog .image-wrapper,
    .listing-latest-blog .image-wrapper *,
    .listing-blog:not(.videos):not(.list-dafault) .image-wrapper, 
    .listing-blog:not(.videos):not(.list-default) .thumbnail-item .image-wrapper * {
        height: 174px;
    }

    .listing-latest-blog .content-item,
    .listing-blog:not(.videos):not(.press):not(.list-default) .content-item {
        padding: 24px 32px 32px;
    }

    .listing-latest-blog > .listing-item:first-of-type .content-item {
        padding: 40px;
        padding-top: 33px;
        min-height: 214px;
    }

    .listing-latest-blog > .listing-item:first-of-type .title-listing{
        -webkit-line-clamp: 1;
    }

    .listing:not(.listing-projects):not(.list-default):not(.press):not(.listing-search-result) .cta-meta {
        top: 24px;
        right: 24px;
    }

    .listing.list-default .thumbnail-item,
    .listing.list-default .thumbnail-item *,
    .listing.listing-search-result .thumbnail-item,
    .listing.listing-search-result .thumbnail-item * {
        width: 180px;
        height: 180px;
    }

    .listing.list-default .content-item,
    .listing.listing-search-result .content-item {
        padding-left: 48px;
        width: -webkit-calc(100% - 180px);
        width: -moz-calc(100% - 180px);
        width: calc(100% - 180px);
    }

    .listing.list-default .listing-item,
    .listing.listing-search-result .listing-item {
        padding-top: 48px;
    }

    .listing-blog.videos .thumbnail-item {
        margin-bottom: 40px;
    }

}


@media all and (min-width: 901px) {
    .listing-latest-blog > .listing-item:first-of-type {
        width: 66.666%;
    }

    .listing-latest-blog > .wrapper,
    .listing-latest-blog > .listing-item:not(:first-of-type) {
        width: 33.333333%;
    }

    .listing.list-default,
    .listing.listing-blog.press,
    .listing.listing-search-result,
    .listing.listing-projects.column-1 {
        --listing-column: 1;
    }
    
    .listing.listing-projects.column-2 {
        --listing-column: 2;
    }

    .listing.listing-projects .cta-meta {
        padding: 52px 56px 24px;
    }

    .listing-projects.column-1 .wrapper-content {
        padding: 63px 56px 67.31px 56px;
    }

    .listing.listing-projects.column-2 .cta-meta {
        padding-left: 49px;
        padding-right: 49px;
        padding-bottom: 16px;
    }

    .listing-projects.column-2 .wrapper-content {
        padding: 24px 40px 40px 56px;
    }

    .listing-projects.column-1 .title-listing {
        --text-4xl: 65.143px;
        margin-bottom: 12.69px;
    }

    .listing-projects.column-2 .title-listing {
        --text-4xl: 48px;
        margin-bottom: 0px;
    }

    .listing-projects.column-1 .subtitle {
        --text-3xl: 32.571px;
    }

    .listing-projects.column-2 .subtitle {
        --text-3xl: 24px;
    }

    .listing-projects.column-1 .project-year {
        --text-xl: 26px;
        margin-bottom: 28px;
    }

    .listing-projects.column-2 .project-year {
        --text-xl: 24px;
        margin-bottom: 22px;
    }
    
    .listing-projects.column-1 .read-article {
        margin-left: auto;
    }

    .listing:not(.press):not(.list-default):not(.listing-search-result) .cta-meta button {
        --text-sm: 12.649px;
        padding: 8.73px 12.69px;
    }

    .listing-projects.column-1 .wrapper-content-title {
        margin-bottom: -132px;
    }

    .listing-projects.column-1 .wrapper-readmore {
        height: 132px;
    }

    .listing-projects .excerpt-listing p {
        -webkit-line-clamp: 4;
    }

    .listing-latest-blog .excerpt-listing,
    .listing-blog .excerpt-listing {
        font-size: var(--text-sm);
        font-weight: 500;
        margin-bottom: 26px;
    }

    .listing:not(.listing-projects):not(.list-default):not(.listing-search-result) .cta-meta button {
        margin: 10.5px;
    }

    .listing:not(.listing-projects):not(.press):not(.list-default):not(.listing-search-result) .cta-meta {
        margin: -10.5px;
    }

    .featured-category-news.videos .thumbnail-item:before {
        width: 136.25px;
        height: 93.82px;
    }

    .wpb_single_image.featured-post-single * {
        width: 100%;
        height: 580px;
    }
}

@media all and (min-width: 1200px) {
    .listing-projects.column-1 .listitem-wrapper {
        padding-top: -webkit-calc((107 / 200) * 100%);
        padding-top: -moz-calc((107 / 200) * 100%);
        padding-top: calc((107 / 200) * 100%);
    }

    .listing-projects.column-2 .listitem-wrapper {
        padding-top: -webkit-calc((100 / 143) * 100%);
        padding-top: -moz-calc((100 / 143) * 100%);
        padding-top: calc((100 / 143) * 100%);   
    }

}

@media all and (min-width: 1300px) and (max-width: 1599px) {
    .listing-team {
        --listing-column: 4!important;
    }
}

@media all and (max-width: 1299px) {
	.listing.slick-slider {
		--listing-gap: var(--padding-container);
	}

	.listing.slick-slider {
		width: -webkit-calc(100% + (var(--padding-container) * 2));
		width: -moz-calc(100% + (var(--padding-container) * 2));
		width: calc(100% + (var(--padding-container) * 2));
		margin-right: -webkit-calc(var(--padding-container) * -1);
		margin-right: -moz-calc(var(--padding-container) * -1);
		margin-right: calc(var(--padding-container) * -1);
		margin-left: -webkit-calc(var(--padding-container) * -1);
		margin-left: -moz-calc(var(--padding-container) * -1);
		margin-left: calc(var(--padding-container) * -1);
		padding-right: -webkit-calc(var(--padding-container) - (var(--listing-gap) / 2));
		padding-right: -moz-calc(var(--padding-container) - (var(--listing-gap) / 2));
		padding-right: calc(var(--padding-container) - (var(--listing-gap) / 2));
		padding-left: -webkit-calc(var(--padding-container) - (var(--listing-gap) / 2));
		padding-left: -moz-calc(var(--padding-container) - (var(--listing-gap) / 2));
		padding-left: calc(var(--padding-container) - (var(--listing-gap) / 2));
	}
    
    .listing.listing-blog.card-slider {
        overflow: visible;
    }
}


@media all and (min-width: 901px) and (max-width: 1199px) {
    .listing-projects.column-1 .listitem-wrapper {
        padding-top: -webkit-calc((107 / 160) * 100%);
        padding-top: -moz-calc((107 / 160) * 100%);
        padding-top: calc((107 / 160) * 100%);
    }

    .listing-projects.column-2 .listitem-wrapper {
        padding-top: -webkit-calc((100 / 110) * 100%);
        padding-top: -moz-calc((100 / 110) * 100%);
        padding-top: calc((100 / 110) * 100%);   
    }

    .listing-projects.column-2 {
        --listing-gap: 24px;
        --listing-gap-bottom: 24px;
    }

    .listing-projects.column-2 .wrapper-content {
        padding-left: 49px;
    }

    .listing.listing-projects .cta-meta-category {
        max-width: -webkit-calc(100% - 160px);
        max-width: -moz-calc(100% - 160px);
        max-width: calc(100% - 160px);
    }

    .listing-team {
        --listing-gap: 12px;
        --listing-column: 4;
        --listing-gap-bottom: 12px;
    }
}

@media all and (max-width: 900px) {
    .listing {
        --listing-column: 1;
    }

    .listing-latest-blog > .listing-item,
    .listing-latest-blog > .wrapper  {
        width: 100%;
    }
    
    .listing.listing-projects .cta-meta {
        padding: 29.83px 28.11px 12px;
    }

    .listing-projects.column-1 .wrapper-content,
    .listing-projects.column-2 .wrapper-content {
        padding: 12px 32px 23px 32px;
    }

    .listing-projects.column-1 .title-listing,
    .listing-projects.column-2 .title-listing {
        margin-bottom: 0;
    }

    .listing-projects.column-1 .subtitle,
    .listing-projects.column-2 .subtitle {
        --text-3xl: 13.767px;
    }

    .listing-projects.column-1 .project-year,
    .listing-projects.column-2 .project-year {
        --text-xl: 13.767px;
        margin-bottom: 12.53px;
    }
    
    .listing-projects .excerpt-listing {
        font-size: var(--text-sm);
    }

    .listing-projects .wrapper-readmore {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .listing-projects .read-article {
        --text-base: 12px;
        margin-top: 16px;
    }

    .listing:not(.press):not(.list-default):not(.listing-search-result) .cta-meta button {
        --text-sm: 12px;
        padding: 7.73px 11.69px;
    }

    .listing.listing-projects {
        --listing-gap-bottom: 0px;
        --listing-gap: 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        margin: 0px -24px;
        padding: 0px 12px;
    }

    .listing.listing-projects>.listing-item {
        white-space: normal;
    }

    .listing.listing-projects::-webkit-scrollbar {
        display: none;
    }

    .btn-listing-slider {
        display: none;
    }

    .listing.slick-slider {
        --padding-container: 16px;
        --listing-gap: 16px;
    }

    .listing-latest-blog .excerpt-listing,
    .listing-blog .excerpt-listing {
        font-size: var(--text-base);
        font-weight: 500;
        margin-bottom: 20.44px;
    }

    .listing:not(.listing-projects):not(.list-default):not(.listing-search-result) .cta-meta button {
        margin: 8px;
    }

    .listing:not(.listing-projects):not(.press):not(.list-default):not(.listing-search-result) .cta-meta {
        margin: -8px;
    }

    .listing.listing-blog.videos .title-listing {
        --text-4xl: 24px;
    }

    .listing.listing-blog.card-default:not(.press):not(.more-button) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        margin-right: -24px;
        margin-left: -24px;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .listing.listing-blog.card-default:not(.press):not(.more-button)::-webkit-scrollbar {
        display: none;
    }

    .listing.listing-blog.card-default:not(.press):not(.more-button)>.listing-item {
        white-space: normal;
        scroll-snap-align: center;
    }

    .featured-category-news {
        padding: 24px;
    }

    .featured-category-news h3 {
        --text-4xl: 20px;
        margin-bottom: 24px;
    }

    .featured-category-news .reading-time {
        display: none;
    }

    .featured-category-news .content-item {
        margin-bottom: -24px;
    }

    .featured-category-news .content-item>div {
        margin-bottom: 24px;
    }

}

@media all and (min-width: 601px) and (max-width: 900px) {
    .listing-latest-blog > .wrapper  {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px;
    }

    .listing-latest-blog > .wrapper> .listing-item {
        width: 50%;
    }

    .listing-projects.column-1 .wrapper-readmore {
        height: 140px;
    }

    .listing-projects.column-1 .wrapper-content-title {
        margin-bottom: -140px;
    }

    .listing.listing-projects>.listing-item {
        min-width: 65vw;
    }

    .listing-projects.column-1 .wrapper-content,
    .listing-projects.column-2 .wrapper-content {
        padding-bottom: 32px;
    }

    .listing-projects .excerpt-listing p {
        -webkit-line-clamp: 3;
    }

    .listing.listing-blog.card-default:not(.more-button)>.listing-item {
        min-width: 60vw;
    }

    .listing-team {
        --listing-column: 3;
    }

     
    .listing.listing-blog.card-default.more-button:not(.press):not(.listing-team) {
        --listing-column: 2;
    }

    .listing-projects:not(.show-only-one) .listitem-wrapper {
        padding-top: -webkit-calc((175 / 220) * 100%);
        padding-top: -moz-calc((175 / 220) * 100%);
        padding-top: calc((175 / 220) * 100%);
    }

    .listing-projects.show-only-one .listitem-wrapper {
        padding-top: -webkit-calc((175 / 300) * 100%);
        padding-top: -moz-calc((175 / 300) * 100%);
        padding-top: calc((175 / 300) * 100%);
    }

}


@media all and (max-width: 600px) {
    .listing.listing-projects .cta-meta-category {
        margin: -6px;
    }

    .listing.listing-projects .cta-meta-category button {
        margin: 6px;
    }

    .listing.listing-projects .cta-meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .listing.listing-projects .cta-meta-available {
        margin-top: 16px;
    }

    .listing-projects .excerpt-listing p {
        -webkit-line-clamp: 2;
    }

    .listing-projects.column-1 .wrapper-readmore {
        padding-top: 16px;
    }

    .listing-projects.column-1 .wrapper-readmore {
        height: 95px;
    }

    .listing-projects.column-1 .wrapper-content-title {
        margin-bottom: -95px;
    }

    .listing-latest-blog > .listing-item:first-of-type .thumbnail-item,
    .listing-latest-blog .image-wrapper,
    .listing-latest-blog .image-wrapper *,
    .listing-blog:not(.videos):not(.list-dafault) .image-wrapper, 
    .listing-blog:not(.videos):not(.list-default) .thumbnail-item .image-wrapper * {
        height: 148px;
    }

    .listing-latest-blog .content-item,
    .listing-blog:not(.videos):not(.press):not(.list-default) .content-item {
        padding: 24px;
    }

    .listing.listing-latest-blog .excerpt-listing,
    .listing.listing-blog:not(.videos):not(.press):not(.list-default)  .excerpt-listing {
        --text-base: 14px;
        margin-bottom: 24px;
    }

    .listing.listing-latest-blog .title-listing,
    .listing.listing-blog:not(.videos):not(.press):not(.list-default)  .title-listing {
        --text-4xl: 24px;
        margin-bottom: 16px;
    }

    .listing:not(.listing-projects):not(.list-default):not(.press):not(.listing-search-result) .cta-meta {
        top: 24px;
        right: 24px;
    }
    
    .listing-projects .listitem-wrapper {
        padding-top: -webkit-calc((175 / 167.5) * 100%);
        padding-top: -moz-calc((175 / 167.5) * 100%);
        padding-top: calc((175 / 167.5) * 100%);
    }

    .slick-slider .slick-dots {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .listing-projects.column-1 .title-listing,
    .listing-projects.column-2 .title-listing {
        --text-4xl: 27.535px;
    }

    .listing.list-default,
    .listing.listing-search-result {
        --listing-gap-bottom: 40px;
    }

    .listing.list-default .thumbnail-item,
    .listing.list-default .thumbnail-item *,
    .listing.listing-search-result .thumbnail-item,
    .listing.listing-search-result .thumbnail-item * {
        width: 95px;
        height: 143px;
    }

    .listing.list-default .content-item,
    .listing.listing-search-result .content-item {
        padding-left: 24px;
        width: -webkit-calc(100% - 95px);
        width: -moz-calc(100% - 95px);
        width: calc(100% - 95px);
    }

    .listing.list-default .listing-item,
    .listing.listing-search-result .listing-item {
        padding-top: 40px;
    }

    .listing.list-default .title-listing, 
    .listing.listing-blog.press .title-listing, 
    .listing.listing-search-result .title-listing {
        --text-4xl: 20px;
        -webkit-line-clamp: 3;
    }

    .listing-blog.videos .thumbnail-item, 
    .listing.listing-latest-blog>.listing-item:nth-child(1) {
        margin-bottom: 24px;
    }

    .listing.listing-blog.card-default:not(.press):not(.more-button) {
        --listing-gap: 16px;
    }

    .listing-team {
        --listing-gap: 12px;
        --listing-column: 2;
        --listing-gap-bottom: 12px;
    }

}

@media all and (min-width: 451px) and (max-width: 600px) {
    .listing.listing-projects>.listing-item,
    .listing.listing-blog.card-default:not(.press):not(.more-button)>.listing-item  {
        min-width: 70vw;
    }
}

@media all and (max-width: 450px) {
    .listing.listing-projects>.listing-item,
    .listing.listing-blog.card-default:not(.press):not(.more-button)>.listing-item {
        min-width: 91.74vw;
    }    
}