.page-title span {
	display: block;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0;
	max-width: 800px;
	margin-top: 5.5px;
}

/* remove Filter By as an option */
.buttons-wrap .buttons h4:first-of-type { pointer-events: none; }
.buttons-wrap .buttons h4:last-of-type { display: none; }
.dd-menu .dd-option[data-index="0"] { display: none !important; }

/* remove hover effect for work without detail page */
#works-tab .work-no-detail { pointer-events: none !important; }

#works-tab {min-height:400px!important;}
#works-tab h4, 
#works-tab .vc_gitem-post-data-source-post_title a, 
#works-tab .vc_gitem-post-category-name, 
#works-tab .vc_col-sm-4 .wpb_wrapper,
#works-tab .vc_gitem-post-data.vc_gitem-post-data-source-post_date
{color:#595959; font-weight:400; line-height:150%; font-size:16px; margin:0;}
#works-tab h4 {padding:0;}
#works-tab h4:hover, #works-tab h4.active, #works-tab .vc_gitem-post-data-source-post_title a:hover {color:#4F5CFD;}
#works-tab h4:first-of-type {font-weight:700;}
#works-tab .vc_gitem-post-category-name, #works-tab .vc_col-sm-4 .wpb_wrapper, #works-tab .vc_gitem-post-data.vc_gitem-post-data-source-post_date {color:#ACACAC;}
#works-tab .vc_gitem-post-category-name {cursor:auto; white-space:nowrap;}
#works-tab .vc_gitem-row-position-bottom {display:flex;}
#works-tab .vc_gitem-row-position-bottom > div {width:fit-content!important;}
#works-tab .vc_gitem-row-position-bottom .vc_col-sm-4 {margin-left:auto!important;}
#works-tab h4 {margin-right:22px;}
#works-tab .vc_gitem-post-data-source-post_title div {margin-top:11px;}
#works-tab .vc_col-sm-4 .wpb_wrapper {text-align:right;}

#works-tab .wpb_single_image a {overflow:hidden; aspect-ratio: 3/2;}
#works-tab .wpb_single_image a img {transform:scale(1); transition:all 1s ease; width:100%; height:100%; object-fit:cover; pointer-events:none;}
#works-tab .wpb_single_image:hover a img {transform:scale(1.1);}

.tab-box .buttons-wrap {border:none;}
.tab-box .buttons .line {display:none;}

#works-tab .vc_gitem-row-position-top * {width:100%;}
#works-tab .vc_gitem_row {position:relative; left:auto; right:auto; top:auto; bottom:auto; transform: translate(0);}

#works-tab .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before {padding:0!important;}
#works-tab .vc_gitem_row, #works-tab .vc_gitem-col, #works-tab .vc_gitem-post-data, #works-tab .vc_grid-filter, #works-tab .wpb_content_element {padding:0!important; margin:0!important;}

.buttons-wrap {display:flex; align-items:center; justify-content:space-between;}
.buttons-wrap > .buttons {width:fit-content; display:flex; flex-wrap:wrap;}

.buttons-dropdown {display:none;}
.buttons-dropdown {position:relative; min-width:200px; width: 100%;}
.dd-trigger{width:100%; display:flex; align-items:center; justify-content:space-between; padding:8px 16px; border:1px solid #ccc; border-radius:8px; background:#fff; color:#222; cursor:pointer; font-size:16px; line-height:150%; font-weight:400;}
.dd-trigger:focus{outline:none;}
.dd-trigger .chev{width:12px; height:8px; margin-left:.5rem; flex:0 0 auto;}
.dd-menu {position:absolute; inset-inline:0; top:calc(100% + 6px);
	background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.08); max-height:380px; overflow:auto; padding:.25rem; display:none; z-index:30;}
.dd-open .dd-menu{display:block;}
.dd-option {display:flex; align-items:center; gap:0; padding:8px 16px; border-radius:8px; cursor:pointer; font-size:16px; line-height:150%;}
.dd-option[data-index="0"] {font-weight:600;}
.dd-option:hover, #works-tab .dd-option[aria-selected="true"]{background:#fff7f2; color:#FE5000;}
.dd-option:focus{outline:none;}

#works-tab .vc_gitem-post-meta-field-past_project, #works-tab .vc_gitem-post-meta-field-no_detail_page {visibility:hidden; height:0;}
#works-tab .past-toggle-btn {font-size:16px; font-weight:400; line-height:150%; color:#595959; background:none; border:none; display:inline-flex; align-items:center; gap:6px; padding:8px 16px 6px 16px; cursor:pointer;}
#works-tab .past-toggle-btn .icon {display:inline-flex; width:24px; height:22px; line-height:0;}
#works-tab .past-toggle-btn .label {display:inline-block; white-space:nowrap;}
#works-tab .past-toggle-btn.active, #works-tab .past-toggle-btn:hover {background:#4F5CFD; color:white;}
#works-tab .past-toggle-btn.active .icon path, #works-tab .past-toggle-btn:hover .icon path {stroke:white;}
#works-tab .past-toggle-btn, #works-tab .past-toggle-btn .icon path {transition:all 0.5s ease;}
#works-tab .past-toggle-btn:hover {opacity:0.9;}

#cta-banner h2, #cta-banner p {color:white; line-height:100%; margin:0; padding:0;}
#cta-banner h2 {font-size:28px; font-weight:700; margin-bottom:12px!important;}
#cta-banner p {font-size:16px; font-weight:400; line-height:120%;}
#cta-banner .cta-btn a {border-radius:100px; border:solid 1px #4F5CFD; color:white; background:#4F5CFD; line-height:150%; font-size:16px; font-weight:700; padding:12px 25px; white-space:nowrap; transition:all 0.5s ease;}
#cta-banner .cta-btn:hover a {border:solid 1px white; color:#4F5CFD; background:white;}

#cta-banner {margin:0; min-height:240px; display:flex; justify-content:space-between; align-items:center; background-repeat:no-repeat;
	background-size:cover;row-gap:24px;}
#cta-banner .col-1 {width:600px; max-width:600px; min-width:500px;}
#cta-banner .col-2 {width:fit-content; display:flex; justify-content:flex-end; align-items:center;}
#cta-banner .col-2 > div {width:fit-content;}

.buttons-dropdown-placeholder { display: none; } /* added for sticky dropdown */
.tab-box .buttons-wrap { border: none !important; }

#works-tab div.items .item:not(.active) {pointer-events:none;}
#works-tab .wpp-empty-msg {text-align:center; padding: 48px 0;}

@media (max-width:1440px){
	#cta-banner { padding:0 10%; }
}		
@media (max-width:1024px){
	#cta-banner {padding:0; margin-left:6px;}
	#cta-banner {flex-direction:column; padding:24px 25px; align-items: flex-start;}
	#cta-banner .col-1, #cta-banner .col-2 {width:100%; min-width:0; justify-content:flex-start;}
}
@media (max-width: 900px){
	#past-toggle {display:none !important;}
	.buttons-wrap > .buttons {display:none;}
	.buttons-dropdown {display:block;}
	.buttons-wrap {margin-bottom:12px; flex-wrap:wrap; gap:12px;}

	/* added for sticky dropdown */
	.buttons-dropdown.dd-fixed {
		position: fixed !important;
		top: 70px;
		left: 70px;
		right: 0;
		z-index: 999;
		background: #fff;
		padding: 16px 16px;
		margin: 0 auto;
		width: calc(100% - 70px);
		margin-top:-5px;
	}
	.buttons-dropdown.dd-fixed .dd-menu {margin: 0 16px; margin-top:-16px;}
	.buttons-dropdown-placeholder {display: block;} 
}
@media (max-width:768px){
	#cta-banner {margin:0;}
	.buttons-dropdown.dd-fixed {padding: 16px 34px; left:0; width:100%; margin-top:0;}
	.buttons-dropdown.dd-fixed .dd-menu {margin: 0 34px; margin-top:-16px;}
}
