html{
scroll-behavior: smooth;
}
::-webkit-scrollbar-track {
background: #002633;
}
::-webkit-scrollbar-thumb {
background: #f0c448;
}
::-webkit-scrollbar {
width: 10px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.content-wrapper ,
.dnd-section > .row-fluid,
.page-center{
max-width: 1140px;
}
.cm-team-wrapper .content_widget h1.title {
font-size: 40px;
line-height: 1.2;
margin: 0 0 8px;
}
.cm-team-wrapper .top_sec.noButton {
margin: 0;
padding-bottom:20px;
}
.cm-team-wrapper .cm_team_card.col4 .cm_team_card_inner{
padding: 20px;
height:100%;
}
.cm-team-wrapper .cm_team .cm_team_card_inner {
padding: 0;
border: 3px solid #000;
margin: 10px;
}
.cm-team-wrapper .cm_team .cm_team_card_inner .cm_team_image.noBgAdded {
height: 350px;
margin:0;
display:block;
}
.cm-team-wrapper .cm_team_card.col4 {
padding: 0;
}
.cm-team-wrapper .theme_center .cm_team_cont p {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 300;
margin-bottom: 15px;
margin-top: -15px;
}
.cm_team_wrp.cm-team-wrapper .flex_row {
row-gap: 20px;
justify-content:flex-start;
height: 100%;
max-height: 100%;
}
.cm-team-wrapper .cm_team .cm_team_card_inner .cm_team_text p {
text-transform: none;
letter-spacing: normal;
line-height: 1.15;
margin:0;
}
.cm-team-wrapper .theme_center h3 {
color: #222;
font-family: Roboto Slab, Roboto;
font-size: 30px;
font-weight: 600;
padding: 0 0 10px 0;
margin: 10px 0;
line-height: 1.2;
}
.cm_team_wrp.cm-team-wrapper .cm_team_text {
margin-bottom: 0;
}
.text_left.cm-team-wrapper .btn_row {
margin: 0;
}
.cm_team_wrp.cm-team-wrapper .page-center .cm_team_image img {
object-fit: cover;
object-position: center;
width: 100%;
max-height: 100%;
}
.cm-accor-team .top_sec.noButton {
text-align: left;
padding: 50px 50px 0;
margin: 0;
}
.cm-accor-team .page-center{
background-color:#fff;
}
.cm-accor-team .content_widget h2.title {
margin-bottom: 20px;
}
.cm-accor-team .top_content p {
margin-bottom: 19px;
max-width: 50%;
font-weight: 300;
}
.cm-accor-team .page-center .top_sec h4 {
margin-left: 30px;
text-wrap:auto;
}
.cm-accor-team .top_content {
margin-bottom: 20px;
}
.cm-accor-team .accord_outer {
padding: 0 50px 50px;
}
.cm-accor-team .accord_outer .acc-item {
margin-left: 30px;
border:2px solid #000;
border-radius: unset;
}
.accordion_wrap.cm-accor-team .acc-item .acctitle {
border-radius: unset;
box-shadow: unset;
}
.accordion_wrap.cm-accor-team .acc-item .acc-content {
border-radius: unset;
box-shadow: unset;
}
.cm-accor-team .page-center .top_sec h4 {
margin-left: 30px;
font-family: "Roboto Slab", Roboto;
color: #222;
font-weight: 600;
line-height: 24px;
}
.cm-accor-team .page-center .accord_outer h4 {
font-size: 16px;
font-family: "Roboto", Roboto;
font-weight: 300;
text-transform: uppercase;
color: #222;
line-height: 1.15;
display: inline-flex;
align-items: center;
}
.accordion_wrap.cm-accor-team .acc-item .carrortwrap {
position: unset;
float: left;
margin-right: 10px;
background: #222;
color: #fff;
width: 25px;
height: 25px;
font-size: 15px;
border-radius: 50%;
justify-content: center;
display: flex;
order:1;
}
.cm-accor-team .page-center .accord_outer h4 span {
letter-spacing: 1.5px;
line-height: 1.15;
order:2;
}
.accordion_wrap.cm-accor-team .acc-item .acctitle{
display:flex;
}
.cm-accor-team .page-center .accord_outer .acc-item:not(:last-child){
margin-bottom: 20px;
}
.accordion_wrap.cm-accor-team .acc-item .acctitle:hover h4,
.accordion_wrap.cm-accor-team .acc-item.activeaccord .acctitle h4{
color: #f0c448;
}
.accordion_wrap.cm-accor-team .acc-item .acctitle:hover .carrortwrap,
.accordion_wrap.cm-accor-team .acc-item.activeaccord .acctitle .carrortwrap
{
background-color: #f0c448;
}
.accordion_wrap.cm-accor-team .acc-item.activeaccord .acctitle .carrortwrap{
width: 15px;
height: 15px;
}
.accordion_wrap.cm-accor-team .page-center .accord_outer .acc-item p {
font-weight: 300;
margin-bottom: 16px !important;
line-height: 1.15;
font-family: "Roboto Slab", Roboto;
color:#000000;
}
ul {
padding-left: 40px;
margin-bottom: 16px;
}
ul li {
margin: 0;
font-family: "Roboto Slab", Roboto;
font-weight: 300;
line-height: 1.15;
}
/*modules*/
.most-popular-posts-mdl .cm-container {
display: flex;
flex-wrap: wrap;
margin-left: calc(-15px / 2);
margin-right: calc(-15px / 2);
}
.most-popular-posts-mdl .m-pop-post-item {
width: 33.33333%;
padding-left: calc(15px / 2);
padding-right: calc(15px / 2);
}
.most-popular-posts-mdl {
padding: 10px 0;
}
.most-popular-posts-mdl .top-content h2 {
margin-bottom: 20px;
text-wrap: auto;
}
.most-popular-posts-mdl .m-pop-post a.m-pop-post-image {
width: 100%;
position: relative;
padding-bottom: calc(0.75* 100%);
border-color: #222;
border-style: solid;
border-width: .5px .5px .5px .5px;
top: 0;
height: 0;
display: inline-block;
transition: all .3s ease-in-out;
overflow: hidden;
}
.most-popular-posts-mdl .m-pop-post a.m-pop-post-image img {
opacity: 1;
display: block;
width: 100%;
transition: all .3s ease-in-out;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
object-position: center center;
}
.most-popular-posts-mdl .m-pop-post-item span.raven-post-image-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .3s ease-in-out;
opacity: 0;
z-index: 3;
padding: 0 0 20px 0;
line-height: 0;
}
.most-popular-posts-mdl .m-pop-post-item span.raven-post-image-overlay:hover {
background-color: #F0C4487D;
opacity: 1;
}
.most-popular-posts-mdl .m-pop-post-meta{
line-height: 1.2;
font-size: .8em;
}
.most-popular-posts-mdl .m-pop-post-content a.m-pop-post-title-link {
font-family: "Roboto Slab", Roboto;
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
}
.m-pop-post-meta a.m-pop-post-date {
font-family: "Roboto", Roboto;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
}
.most-popular-posts-mdl .m-pop-post-meta {
margin-bottom: 20px;
}
.most-popular-posts-mdl .m-pop-post-title{
text-wrap: balance;
}
.accordion_wrap.cm-accor-team .acc-item .carrortwrap svg {
width: 15px;
height: 15px;
}
.cnt-wit-bg-wrp.cm-text-bgwrp h2.title {
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
}
.cm-text-bgwrp .page-center .rich_text {
padding: 20px;
}
.cm-text-bgwrp .page-center .rich_text p {
font-size: 1.3em;
font-style: italic;
line-height: 1.5;
margin: 0;
font-family: "Roboto Slab";
}
.cm-text-bgwrp .page-center.pdlr10.theme_center {
padding: 0 50px;
}
.cm-text-bgwrp .content_widget.text_center {
width: 95%;
margin: 0 auto;
}
.cm-text-bgwrp .rich_text cite {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 40px;
font-style: normal;
font-weight: 600;
font-family: "Roboto Slab";
font-size: 14px;
line-height: 1.5;
}
.cm-text-bgwrp .rich_text cite span:last-child {
font-family: "Roboto";
font-weight: 500;
}
.cm-top-textwrp h2.title {
font-family: "Roboto Slab", Roboto;
font-size: 2.5em;
font-weight: 300;
line-height: .8em;
color: #f5f5f5;
margin-bottom: 20px;
}
.cm-top-textwrp .top_content p {
margin-bottom: 16px;
}
.cm-top-textwrp .content_widget.col8 {
padding: 0% 15% 0% 15%;
}
.cm-top-textwrp .top_sec.noButton {
margin: 0;
padding-bottom: 10px;
}
.cm-top-textwrp .cnt-col.splide__slide.center_aln.col4 {
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
margin: 0 0 0 0;
--e-column-margin-right: 0;
--e-column-margin-left: 0;
padding: 50px 50px 50px 50px;
}
.cm-top-textwrp .tp-img-cnt h3.col-title {
padding: 20px 0 5px 0;
font-size: 24px;
font-family: "Roboto Slab", Roboto;
font-weight: 400;
margin-bottom: 20px;
}
.cm-top-textwrp a.hs-sec-btn {
line-height: 1;
border-radius: 3px;
color: #fff;
font-size: 15px;
font-family: "Roboto";
}
.cm-top-textwrp .btn_row.count_1.oneButton {
margin-top: 35px;
}
.cm-Milestone-wrapper .right .timeline-item__meta-content {
text-align: right;
}
.cm-Milestone-wrapper .cm-top-wrapper {
text-wrap: balance;
}
.cm-textimg-wrp .page-center.pdlr10.theme_center h4 {
font-weight: 400;
margin-bottom: 20px;
line-height: 1;
color: #222222;
}
.cm-textimg-wrp ul li {
font-family: "Roboto";
font-weight: 400;
line-height: 1.2em;
}
.cm-textimg-wrp ul:not(:last-child){
margin-bottom: 66px;
line-height: 1.2em;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9.cm-bgwrp {
min-height: 280px;
}
.cm-bannerwrp .content-row {
display: flex;
flex-direction: column;
}
.cm-bannerwrp .bottom-spacer {
display: none;
}
.cm-cntwrp-text .content_widget.text_center h2.title {
padding: 0px 0 5px;
margin: 0;
font-size: 32px;
font-family: "Roboto Slab";
font-weight: 400;
margin-bottom: 20px;
}
.cm-cntwrp-text .rich_text {
padding: 0% 10% 3% 10%;
}
.cm-cntwrp-text .rich_text p {
margin: 0;
}
.cm-cntwrp-text .page-center.pdlr10.theme_center {
padding: 0 50px;
}
.cm-bannerwrp.banner-slider-wrp .img-sliderWrp .text-wrp h1.title {
font-family: "Roboto Slab", Roboto;
font-size: 3em;
font-weight: 600;
line-height: 1.2em;
text-shadow: -6px 0 15px #222;
color: #fff;
margin:0;
}
.banner-slider-wrp.cm-bannerwrp .img-sliderWrp .text-wrp h5 {
font-family: "Roboto", Roboto;
}
.cm-bannerwrp .text-wrp {
padding-bottom: 30px;
}
.cm-timeline-top h2.title {
font-family: "Roboto Slab", Roboto;
font-size: 2.5em;
font-weight: 300;
line-height: 1em;
margin: 0;
padding-bottom: 21px;
}
.cm-timeline-top .rich_text {
padding: 0% 9% 0% 9%;
}
.cm-timeline-top .rich_text p{
margin:0;
}
.cm-timeline-top .rich_text p:not(:last-child) {
margin-bottom: 16px;
}
.cm-timeline-top .btn_row a.hs-sec-btn {
background-color: #3d5965;
font-size: 15px;
line-height: 1;
color: #fff;
border-radius: 3px;
font-family: "Roboto";
}
.accordion_wrap.cm-accor-team .acc-item.activeaccord .acctitle.showctive_acc.activeaccord .carrortwrap {
width: 25px;
height: 25px;
}
.accordion_wrap.cm-accordian .acc-item .acc-content p {
margin-bottom: 16px;
}
.cm-bannerwrp.banner-slider-wrp .bg-overlay {
background-image: linear-gradient(120deg, #000000 8%, #F2295B00 100%);
background-image: linear-gradient(99deg, #000000 0%, #F2295B00 45%);
opacity: .56;
}
.cm-timeline-top.cnt-wit-bg-wrp h2.title{
margin-bottom:0;
}
@media (max-width: 1024px) {
.content-wrapper ,
.dnd-section > .row-fluid,
.page-center{
max-width: 1023.9999999942px;
}
.most-popular-posts-mdl .m-pop-post a.m-pop-post-image{
padding-bottom: calc(0.63* 100%);
}
.cm-timeline-top h2.title {
padding-bottom:16px;
}
.cm-cntwrp-text .rich_text{
padding:0;
}
.cm-about.most-popular-posts-mdl .m-pop-post-content a.m-pop-post-title-link,
.cm-about.most-popular-posts-mdl .m-pop-post-title {
font-size: 1.2em;
}
}
@media (max-width: 991px) {
.cm-team-wrapper .flex_row .col4 {
width: 33.333%;
}
.most-popular-posts-mdl .m-pop-post-item {
width: 50%;
}
.cm-top-textwrp .cnt-col.splide__slide.center_aln.col4 {
width: 33.333%;
}
.cm-top-textwrp .content_widget.col8 {
padding: 0;
}
.cm-top-textwrp .tp-img-cnt h3.col-title{
padding:0;
}
}
@media (max-width: 767px) {
.content-wrapper ,
.dnd-section > .row-fluid,
.page-center{
max-width: 766.9999999956001px;
}
.cm-team-wrapper .cm_team .cm_team_card_inner .cm_team_image.noBgAdded img {
width: 100%;
max-width: 100% !important;
}
.cm-team-wrapper .flex_row .col4 {
width: 100%;
}
.cm-accor-team .top_sec.noButton{
padding:10px 10px 0;
}
.cm-accor-team .accord_outer{
padding:0px 10px 10px;
}
.most-popular-posts-mdl .m-pop-post-item {
width:100%;
}
.most-popular-posts-mdl .m-pop-post a.m-pop-post-image{
padding-bottom: calc(0.63* 100%);
}
.hs-sec-btn{
padding: 12px 24px ;
}
.cm-top-textwrp .cnt-col.splide__slide.center_aln.col4 {
width: 100%;
padding: 0 20px;
}
.cm-top-textwrp .flex-row.flex_row {
gap: 0;
}
.cm-text-bgwrp .page-center.pdlr10.theme_center {
padding: 10px;
}
.gallery-slider-wrapper .gallery-item img {
width: 100%;
}
.cm-cntwrp-text .page-center.pdlr10.theme_center{
padding:20px;
}
.cm-cntwrp-text .content_widget.text_center h2.title{
margin-bottom:15px;
}
.cm-textimg-wrp ul:not(:last-child){
margin-bottom:71px;
}
.cm-team-wrapper .top_sec.noButton {
padding-left: 0;
padding-right: 0;
}
.cm-accor-team .top_content p {
max-width: 100%;
}
.cm-accor-team .page-center .top_sec h4 {
margin: 0;
}
.cm-accor-team .accord_outer .acc-item {
margin-left: 0;
}
.cm-accor-team .page-center .accord_outer h4 span{
padding-right:0;
}
.cm-bannerwrp.banner-slider-wrp .img-sliderWrp .text-wrp h1.title {
font-size: 2em;
}
.cm-about.most-popular-posts-mdl .cm-container{
padding:0;
}
}
.home_page_v5_banner_area .banner_v3 .btn_row a.hs-trans-btn {
border-width: 2px;
}
.servs-details-pg .hs_service .hs-search-field__form {
margin-bottom: 30px;
}
.servs-details-pg .hs_service .hs-search-field__bar {
padding: .0;
}
.header-sectionV2{
background-color: rgba(255, 255, 255,1.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li>a{
font-size: 12.8px;
color: rgba(0, 38, 51,1.0);
background-color: rgba(2, 103, 128,0.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li:hover>a{
color: rgba(205, 173, 144,1.0);
background-color: rgba(2, 103, 128,0.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li.active >a{
color: rgba(205, 173, 144,1.0);
background-color: rgba(2, 103, 128,0.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li>ul{
background-color: rgba(0, 38, 51,1.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li>ul>li>a{
color: rgba(205, 173, 144,1.0);
background-color: rgba(2, 103, 128,0.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li>ul>li>a:hover{
background-color: rgba(2, 103, 128,0.0);
color: rgba(205, 173, 144,1.0);
}
.header-sectionV2 .header-menu .menu .hs-menu-wrapper>ul>li>ul>li.active>a{
color: rgba(205, 173, 144,1.0);
background-color: rgba(240, 196, 72,0.0);
}
.header-sectionV2 .content-wrp .menuSearchWrp .btnWrp a{
background-color: rgba(205, 173, 144,1.0);
color: rgba(255, 255, 255,1.0);
border-width: 1px;
border-color: rgba(205, 173, 144,1.0);
padding: 12px 24px;
border-radius: 50px;
}
.header-sectionV2 .content-wrp .menuSearchWrp .btnWrp a:hover{
background-color: rgba(4, 4, 4,1.0);
color: rgba(255, 255, 255,1.0);
border-color: rgba(4, 4, 4,1.0);
}
.header-wrapper .row-fluid [class*=span] {
min-height: auto;
}
/* banner slider */
.logo_slider.lg-slider.noDotsArrowsAdded .top_sec.noButton {
margin-bottom: 20px;
padding: 0;
}
.logo_slider.lg-slider .top_sec .title {
margin-bottom: 0;
padding-bottom: 20px;
text-align: center;
color: #222;
font-family: "Spectral", Roboto;
font-size: 2em;
font-weight: 300;
line-height: 1em;
}
.logo_slider.lg-slider .page-center {
padding: 0 50px;
}
.logo_slider.lg-slider .page-center .bottom_row {
border-style: solid;
border-width: 1px;
border-color: #222;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row {
align-items: center;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
display: flex;
margin-bottom: 0;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row .logo_item {
max-width: calc(100% / 5);
flex: 0 0 calc(100% / 5);
position: relative;
min-height: 1px;
padding: 10px;
width: 100%;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row .logo_item .logo_inner {
padding: 30px 50px 30px 50px;
}
.imgSlider.bnr_wrp {
min-height: 600px;
height: 100% !important;
}
.imgSlider.bnr_wrp .slide_background {
min-height: 600px;
}
.bgContentStyle .rich_text h6 {
font-family: "Spectral", Roboto;
font-size: 1.2em;
font-weight: 300;
line-height: .9em;
color: #fff;
margin-bottom: 10px;
}
.bgContentStyle .rich_text h1 {
font-family: "Spectral", Roboto;
font-size: 2.5em;
font-weight: 300;
line-height: .9em;
color: #fff;
margin-bottom: 20px;
}
.bgContentStyle .rich_text p {
text-align: center;
color: #fff;
font-family: "Spectral", Roboto;
font-size: 1.2em;
font-weight: 300;
margin-bottom: 20px;
}
.bgContentStyle .rich_text div span {
color: #fff;
font-family: "Roboto", Roboto;
font-weight: 400;
margin-right: 10px;
}
.bgContentStyle .rich_text div i{
color: #f0c448 !important;
font-size: 18px;
font-style:normal;
}
.bgContentStyle .rich_text div a {
padding-left: 10px;
text-align: center;
color: #fff;
font-family: "Spectral", Roboto;
font-size: .8em;
font-weight: 300;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a {
font-family: "Roboto", Roboto;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
line-height: 1;
transition: all .5s;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a{
padding: 12px 24px;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a span {
color: #222 !important;
transition: all .5s;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a:hover span {
color: #222 !important;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a:hover {
color: #222;
background-color: #fff;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row {
margin-bottom: 20px;
}
.bgContentStyle2 .rich_text p {
text-align: center;
color: #fff;
font-family: "Spectral", Roboto;
font-size: .8em;
font-weight: 300;
margin: 0;
}
.cm-architects .content_widget .rich_text h6 {
color: #222;
font-family: "Spectral", Roboto;
font-size: .75em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0;
margin-bottom: 6px;
}
.cm-architects .content_widget .rich_text h2 {
font-family: "Spectral", Roboto;
font-weight: 400;
color: #222;
margin-bottom: 20px;
}
.cm-architects .content_widget .rich_text p {
margin-bottom: 1rem;
color: #222;
font-family: "Spectral", Roboto;
font-weight: 400;
line-height: 1.5em;
}
.logo_slider.logosWrp .page-center .bottom_row .logos_row {
margin: 0 -50px -50px 0;
flex-wrap: nowrap;
display: flex;
}
.logo_slider.logosWrp .page-center .bottom_row .logos_row .logo_item {
padding: 0 50px 50px 0;
max-width: 25%;
}
.logo_slider.logosWrp .page-center .top_sec.noButton {
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.logo_slider.logosWrp .page-center .top_sec .top_content p {
font-family: "Spectral", Roboto;
font-size: .75em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
text-align: left;
margin-top: 5px;
}
.cm-architects .page-center {
padding: 0;
}
.imgSlider.bnr_wrp.fullheight {
min-height: 100vh !important;
}
.imgSlider.bnr_wrp.fullheight .slide_background {
min-height: 100vh;
}
.custom-no-navigation {
height: auto;
}
.archTwoCol .top_sec {
padding: 0;
margin: 0;
}
.archTwoCol .top_sec h2.title {
margin-bottom: 20px;
color: #222;
font-family: "Spectral", Roboto;
font-size: 2em;
font-weight: 400;
text-align: left;
}
.archTwoCol .page-center {
padding: 50px;
}
.two-col-content.archTwoCol .content-col .description{
margin-bottom: 0;
}
.two-col-content.archTwoCol .content-col .description p {
columns: 1;
color: #222;
font-family: "Spectral", Roboto;
font-weight: 400;
line-height: 1.5em;
margin: 0;
}
.two-col-content.archTwoCol .content-col.col5 {
width: 40%;
}
.two-col-content.archTwoCol .media_column.col7 {
width: 60%;
}
.two-col-content.archTwoCol .media_column.col7 .single-img img {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #222;
}
.archTwoCol.two-col-content .flex_row {
gap: 0;
}
.two-col-content.archTwoCol .content-col .description p:not(:last-child){
margin-bottom: 16px;
}
.cm-top-img.type2 h3.col-title {
font-family: "Spectral", Roboto;
font-weight: 400;
color: #222;
text-wrap: balance;
line-height: 1;
font-size: 28px;
}
.cm-top-img.type2 .tp-img-cnt-inner p {
color: #222;
font-family: "Spectral", Roboto;
font-weight: 400;
line-height: 1.5em;
}
.cnt-wit-tp-img-wrp.type2 .flex-row {
gap: 0;
flex-wrap: nowrap;
}
.cm-top-img.type2 .flex_row .col6 .inner_spacing {
margin: 50px;
padding: 10px;
}
.cm-top-img.type2 .flex_row .col6{
padding: 0;
}
.cnt-wit-tp-img-wrp.type2 .img-title p {
z-index: 9;
text-align: right;
color: #fff;
font-family: "Spectral", Roboto;
font-size: .6em;
font-weight: 300;
line-height: 1.5em;
}
.archTopImg .bottom_row {
background-color: #fff;
padding: 50px;
}
.archTopImg .bottom_row .cnt-col {
padding: 0;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt h3.col-title {
font-family: "Spectral", Roboto;
font-size: .75em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
margin-bottom: 8px;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt .tp-img-cnt-inner {
columns: 2;
color: #222;
font-family: "Spectral", Roboto;
font-size: .8em;
font-weight: 400;
line-height: 1.5em;
}
.cnt-wit-tp-img-wrp.archTopImg .tp-img {
margin-bottom: 30px;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt .tp-img-cnt-inner h2 {
font-family: "Roboto Slab", Roboto;
text-wrap: balance;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 8px;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt .tp-img-cnt-inner p {
margin-bottom: 16px;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt .tp-img-cnt-inner h3 {
font-family: "Roboto Slab", Roboto;
text-wrap: balance;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 8px;
color: #222;
}
.archTwoColSec .bottom_row {
background-color: #fff;
align-content: flex-start;
flex-wrap: wrap;
position: relative;
width: 100%;
display: flex;
padding: 50px;
}
.two-col-content.archTwoColSec .content-col .description h6{
font-family: "Spectral", Roboto;
font-size: .75em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
margin-bottom: 8px;
}
.two-col-content.archTwoColSec .content-col .description h2 {
font-family: "Roboto Slab", Roboto;
text-wrap: balance;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 8px;
}
.two-col-content.archTwoColSec .content-col .description p {
margin-bottom: 16px;
color: #222;
font-family: "Spectral", Roboto;
font-size: .8em;
font-weight: 400;
line-height: 1.5em;
}
.two-col-content.archTwoColSec .content-col .description p:last-child{
margin-bottom: 0;
}
.two-col-content.archTwoColSec .content-col .description h3 {
font-family: "Roboto Slab", Roboto;
text-wrap: balance;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 8px;
color: #222;
}
.archTwoColSec.two-col-content .content-col .description {
margin: 0;
}
.most-popular-posts-mdl.archPostSec {
margin: 0;
padding: 50px;
}
.most-popular-posts-mdl.archPostSec .top-content {
margin-bottom: 30px;
}
.most-popular-posts-mdl .top-content {
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
}
.most-popular-posts-mdl .top-content .rich_txt {
width: 50%;
}
.most-popular-posts-mdl .top-content .btnWrp {
width: 50%;
text-align: right;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-button {
color: #222;
line-height: 1;
text-align: center;
display: inline-block;
position: relative;
padding: 12px 24px;
background-color: #f0c448;
border-radius: 10px;
font-family: "Roboto", Roboto;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
border: none;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-button:hover {
color: #fff;
background-color: #222;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-sec-btn {
background-color: #222;
padding: 18px 30px 15px 30px;
display: inline-block;
position: relative;
color: #fff;
line-height: 1;
text-align: center;
font-family: "Roboto", Roboto;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
border-radius: 0;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-sec-btn:hover {
background-color: #f0c448;
color: #fff;
}
.most-popular-posts-mdl.archPostSec .top-content h2 {
font-family: "Spectral", Roboto;
font-weight: 400;
color: #222222;
line-height: 1;
margin: 0;
padding: 0;
}
.most-popular-posts-mdl.archPostSec .m-pop-post a.m-pop-post-image {
border: none;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-item span.raven-post-image-overlay {
display: none;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-content a.m-pop-post-title-link {
font-family: "Spectral", Roboto;
font-size: 1.2em;
font-weight: 400;
line-height: 1em;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-read-more a {
color: #222222;
font-family: "Spectral", Roboto;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
transition: all .3s ease-in-out;
text-align: center;
line-height: 1.2;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-read-more a:hover {
color: #f0c448;
}
.feat_pro_wrap.archFeaturedSec .top_con h2 {
font-family: "Spectral", Roboto;
font-weight: 400;
line-height: 1;
margin-bottom: 6px;
}
.feat_pro_wrap.archFeaturedSec .top_con p {
color: #222;
font-family: "Spectral", Roboto;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 20px;
}
.feat_pro_wrap.archFeaturedSec h3.feat_post-title .feat_post-title-link {
font-family: "Spectral", Roboto;
font-size: 23.04px;
font-weight: 400;
line-height: 1em;
}
.feat_pro_wrap.archFeaturedSec h3.feat_post-title .feat_post-title-link .project-number {
font-family: "Spectral", Roboto;
font-size: 23.04px;
font-weight: 400;
line-height: 1em;
}
.feat_pro_wrap.archFeaturedSec span.feat_post-button-text {
color: #222;
font-family: "Spectral", Roboto;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 1.2;
}
.feat_pro_wrap.archFeaturedSec a.hs-sec-btn {
color: #222;
line-height: 1;
text-align: center;
display: inline-block;
position: relative;
padding: 12px 24px;
background-color: #f0c448;
border-radius: 10px;
font-family: "Roboto", Roboto;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
border: none;
}
.feat_pro_wrap.archFeaturedSec a.hs-sec-btn:hover {
background-color: #222;
color: #ffff;
}
.feat_pro_wrap.archFeaturedSec .feat_post-image-wrap {
padding-bottom: 16px;
}
.feat_pro_wrap.archFeaturedSec .btn_wrap {
padding-top: 16px;
}
.bgContentStyle .page-center {
padding: 0;
}
.cnt-wit-tp-img-wrp.archTopImg .img-title p {
z-index: 9;
text-align: right;
color: #fff;
font-family: "Spectral", Roboto;
font-size: .6em;
font-weight: 300;
line-height: 1.5em;
position: relative;
margin-bottom: 50px;
margin-top: -30px;
}
.two-col-content .single-img .image-tag {
z-index: 9;
text-align: right;
color: #fff;
font-family: "Spectral", Roboto;
font-size: .6em;
font-weight: 300;
line-height: 1.5em;
position: relative;
margin: -20px 7.5px 0 0;
}
.cm-architects .content_widget .rich_text p:last-child {
margin: 0;
}
.two-col-content.archTwoColSec .content-col .description h4 {
font-family: "Roboto Slab", Roboto;
color: #222;
margin-bottom: 8px;
}
@media (max-width: 1024px){
.menu-open .block-body-wrapper {
left: -250px;
}
.block-body-wrapper{
position: relative;
left: 0;
transition: all .3s ease;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row .logo_item .logo_inner{
padding: 20px 20px 20px 20px;
}
.two-col-content.archTwoColSec .flex_row .col6 {
width: 100%;
}
.two-col-content.archTwoColSec .mediaimg .single-img img {
width: auto;
}
.two-col-content.archTwoColSec .mediaimg .single-img {
text-align: center;
margin-bottom: 20px;
}
.two-col-content.archTwoColSec .flex_row{
gap: 0;
}
.bgContentStyle .rich_text h6 {
font-size: 1em;
}
.bgContentStyle .rich_text h1 {
font-size: 2em;
}
.bgContentStyle .rich_text p {
font-size: 16px;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a {
font-size: .7em;
}
.most-popular-posts-mdl.archPostSec .top-content .btnWrp{
width: 35%;
}
.most-popular-posts-mdl.archPostSec .top-content .rich_txt{
width: 65%;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-button {
font-size: .7em;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-content a.m-pop-post-title-link {
font-size: 1em;
}
.feat_pro_wrap.archFeaturedSec a.hs-sec-btn{
font-size: .7em;
}
}
@media (max-width: 991px){
.most-popular-posts-mdl.archPostSec .m-pop-post-item {
width: 33.333%;
}
}
@media (max-width: 767px){
.logo_slider.lg-slider {
padding: 10px 0;
}
.logo_slider.lg-slider .page-center {
padding: 0 10px;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row .logo_item .logo_inner{
padding: 30px;
}
.logo_slider.lg-slider .page-center .bottom_row .logos_row .logo_item{
max-width: calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
.logo_slider.lg-slider .top_sec .title {
padding: 20px;
font-size: 1.2em;
}
.imgSlider.bnr_wrp.normal {
min-height: 200px;
}
.imgSlider.bnr_wrp.normal .slide_background {
min-height: 200px;
}
.archTwoCol .page-center{
padding: 20px;
}
.two-col-content.archTwoCol .content-col.col5{
width: 100%;
}
.two-col-content.archTwoCol .media_column.col7{
width: 100%;
}
.two-col-content.archTwoCol .content-col .description{
margin-bottom: 20px;
}
.cnt-wit-tp-img-wrp.type2 .flex-row{
flex-wrap: wrap;
}
.cm-top-img.type2 .flex_row .col6{
width: 100%;
}
.cm-top-img.type2 .flex_row .col6 .inner_spacing{
margin: 0;
padding: 20px;
}
.cnt-wit-tp-img-wrp.type2 .tp-img img {
width: 100%;
}
.archTopImg .bottom_row .cnt-col .tp-img-cnt .tp-img-cnt-inner {
column-count: 1;
}
.archTopImg .bottom_row{
padding: 10px;
}
.archTwoColSec .bottom_row{
padding: 10px;
}
.bgContentStyle.cnt-wit-bg-wrp .content_widget .btn_row a{
font-size: 0.6em;
}
.most-popular-posts-mdl.archPostSec .m-pop-post-item {
width: 100%;
}
.most-popular-posts-mdl.archPostSec .top-content .btnWrp{
width: 100%;
}
.most-popular-posts-mdl.archPostSec .top-content .rich_txt{
width: 100%;
}
.most-popular-posts-mdl.archPostSec {
padding: 20px 0;
}
.most-popular-posts-mdl.archPostSec .top-content {
padding: 20px;
}
.most-popular-posts-mdl .cm-container {
padding: 20px;
}
.most-popular-posts-mdl.archPostSec .top-content {
flex-wrap: wrap;
}
.most-popular-posts-mdl.archPostSec .top-content .btnWrp {
text-align: left;
margin-top: 10px;
}
.most-popular-posts-mdl .top-content .btnWrp a.hs-button {
font-size: 0.6em;
}
.feat_pro_wrap.archFeaturedSec a.hs-sec-btn{
font-size: 0.6em;
}
.most-popular-posts-mdl .top-content .rich_txt,
.most-popular-posts-mdl .top-content .btnWrp{
width: 100%;
}
}
@font-face {
font-family: "Font Awesome 5 Free";
src: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.eot) format("embedded-opentype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/fontawesome-webfont.woff2) format("woff2"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.woff) format("woff"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.ttf) format("truetype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.svg) format("svg");
font-style: normal;
font-weight: 900;
font-display: block;
}
.two-col-content.cm-form .content_box h6 {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 20px;
font-size:16px;
line-height:1;
}
.two-col-content.cm-form .content_box {
margin-top: 0;
}
.two-col-content.cm-form .content_box h1 {
font-family: "Roboto Slab", Roboto;
line-height: .8em;
margin-bottom: 20px;
}
.two-col-content.cm-form .content_box p {
margin-bottom: 1rem;
line-height: 1.5em;
font-weight: 300;
}
.two-col-content.cm-form .form-title {
padding: 0;
margin: 0;
}
.two-col-content.cm-form .content-col .form_wrap{
padding:0;
}
.two-col-content.cm-form .content-col .description {
margin-bottom: 0;
}
form label, form legend {
font-size: 16px;
font-family: 'Roboto', serif;
font-weight: 300;
margin-bottom: .5rem;
display: inline-block;
}
.cnt-mid-sec form .hs-form-field>label{
margin-bottom: .5rem;
}
.cnt-mid-sec form input:not(.hs-button), .cnt-mid-sec form textarea {
padding: 9px 8px;
font-size: 15px;
height: auto;
border-top-style: inset;
border-bottom-style: inset;
border-left-style: inset;
border-right-style: inset;
}
.cm-form form fieldset {
max-width: 500px !important;
}
.cm-form a{
color: #f0c448;
}
.contact_page .row-fluid [class*=span]{
min-height: auto ;
}
.two-col-content.right.cm-form .content-col {
margin-top: -13px;
}
.hs-form-required {
color: red;
margin-left: .25rem;
}
.cnt-mid-sec form .hs-form-field textarea{
min-height: auto;
width:100% !important;
}
.grecaptcha-badge {
margin: 0;
}
form .hs-richtext, form .hs-richtext p {
font-size: .8rem;
font-weight: 300;
margin-bottom: 16px;
}
.actions .hs-button {
margin-bottom: 8px;
color: #fff;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
background-color: #222;
border-radius: 15px;
padding: 10px 50px;
border: 2px solid #222;
font-weight: 500 !important;
cursor: pointer;
font-size: 16px;
line-height: 1.15;
}
hr {
height: 1px;
background: #000000;
margin-top:0;
margin-bottom:0;
}
.cm-line .pdlr10{
padding:0;
}
.cm-accordian .top_content {
text-align: left;
}
.cm-accordian .top_sec.noButton{
padding:0;
margin-bottom:23px;
}
.accordion_wrap.cm-accordian .acc-item .acctitle{
box-shadow: none;
font-weight:300;
}
.accordion_wrap.cm-accordian .acc-item .acctitle h4 {
font-family: "Roboto", Roboto;
font-size: 1.2em;
font-weight: 300;
line-height: 1;
}
.hs_error_rollup label {
display: inline-block;
font-size: .8rem;
margin-bottom: .5rem;
margin-top: 0;
}
.accordion_wrap.cm-accordian .acc-item .activeaccord .carrortwrap:before{
transform: rotate(-93deg);
color: #f0c448;
}
.accordion_wrap.cm-accordian .acc-item .carrortwrap{
top: -2px;
}
b, strong {
font-weight: bolder;
}
.accordion_wrap.cm-accordian .acc-item:not(:last-child) {
margin-bottom: 0;
}
.accordion_wrap.cm-accordian .acc-item .carrortwrap {
left: 15px;
}
.accordion_wrap.cm-accordian .acc-item .carrortwrap:before {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight:900;
color: #222;
font-size: 16px;
}
.accordion_wrap.cm-accordian .acc-item .acc-content{
box-shadow: none;
font-weight:300;
}
.accordion_wrap.cm-accordian .acc-item .carrortwrap svg{
display:none;
}
.accordion_wrap.cm-accordian
.acc-item .acc-content .desc p:last-child{
margin-bottom:16px;
}
.accordion_wrap.cm-accordian .acc-item .activeaccord h4 {
color: #f0c448;
}
.hs-input.invalid.error {
border-color: #767676;
}
form .inputs-list>li{
margin:0;
}
.hs-error-msg {
font-size: .8rem;
margin-bottom: .5rem;
margin-top:0;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
form .inputs-list{
margin-top: 4px;
margin-bottom: 1rem;
}
.two-col-content.cm-award .content-col .description p {
font-weight: 300;
margin-bottom: 16px;
line-height: 1.5em;
}
.cm-award .text_block div{
display:flex;
}
.two-col-content.cm-award .content-col .description h2{
margin-bottom:20px;
}
.cm-award .text_block img{
width: 136px;
}
.cm-award .top_sec.noButton{
padding:0;
margin-bottom:20px;
}
.cm-award h2.title {
text-align: left;
margin-bottom:0;
}
.cm-award .text_block p {
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
font-family: "Roboto Slab";
margin-bottom: 20px;
}
.two-col-content.cm-award .content_box {
margin-top: 6px;
}
.cm-award .text_block p+img {
margin-right: 46px;
margin-bottom:20px;
}
.cm-video.cnt-wit-bg-wrp h2.title{
margin-bottom:20px;
}
.two-col-content.cm-award .content-col .description p:last-child{
margin:0;
}
.two-col-content.cm-award .content-col .description {
margin-bottom: 0;
}
.cm-video .page-center.full_width{
padding:0;
}
.cm-project .top_sec.noButton{
padding:0;
text-align: left;
margin-bottom:20px;
}
.two-col-content.cm-project .content_box {
margin-top: 0;
}
.cm-award .text_block img{
margin-bottom:16px !important;
}
.cm-map img{
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #222;
}
.cm-slider .left_inner {
display: flex;
flex-direction: column;
}
.cm-slider h3.name {
order: 2;
margin-top: 15px;
margin-bottom: 0;
color: #222;
font-family: "Roboto", Roboto;
font-size: 14px;
font-weight: 300;
font-style: normal;
line-height: 1.5;
}
.cm-slider p.rolee {
order: 3;
}
.cm-slider .splide .splide__track {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.cm-slider.testimonials_sliderv2 .noImage {
padding: 20px;
width: 988px !important;
margin-top: 0;
margin-bottom: -2px;
}
.cm-slider .flex_row {
padding: 0 150px 0 150px;
}
.cm-slider.testimonials_sliderv2.img_al_right .left_col{
padding:0;
}
.cm-slider .splide .splide__track {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.cm-slider ul.splide__pagination .splide__pagination__page {
width: 6px;
height: 6px;
background: #000;
margin: 0 6px;
}
.cm-slider ul.splide__pagination .splide__pagination__page {
opacity: .2;
}
.cm-slider ul.splide__pagination .splide__pagination__page.is-active {
opacity: 1;
transform: none;
}
.cm-slider .page-center.theme_center{
padding-left:50px;
padding-right:50px;
}
.cm-slider .text_box p{
color: #222;
font-weight: 300;
font-style: normal;
line-height: 1.5;
}
.cm-slider.testimonials_sliderv2 .left_inner {
margin-bottom: 0;
}
.cm-top-img .tp-img-cnt {
margin-top: 46px;
}
.cm-slider h2.title {
margin-bottom: 0;
}
.cm-slider .text_box{
margin-bottom:25px;
}
.cm-slider.testimonials_sliderv2 p.rolee.text {
margin-top: 0;
}
.cm-slider.testimonials_sliderv2 .noImage .testmn_inner_outer{
align-items: flex-start;
}
.cm-slider.testimonials_sliderv2 p.rolee{
margin-top: 15px;
color: #222;
font-family: "Roboto Slab", Roboto;
font-size: 21px;
font-weight: 400;
line-height: 1.5;
}
.cm-project.two-col-content p {
font-weight: 300;
line-height: 1.5em;
}
.cm-project.two-col-content .description p {
margin-bottom: 16px;
}
.cm-project.two-col-content .content-col .description{
margin-bottom:0;
}
.cm-map.two-col-content .content-col .description {
margin: 0;
}
.cm-map.two-col-content .flex_row {
row-gap: 0;
}
.cm-top-img .flex_row .col6 {
padding-top: 10px;
}
.cm-top-img h3.col-title {
font-family: "Roboto Slab", Roboto;
font-size: 1.5em;
font-weight: 600;
color: #222;
line-height: 1;
text-wrap: balance;
margin-bottom: 20px;
}
.cm-top-img .tp-img-cnt-inner p {
font-weight: 300;
line-height: 1.5em;
margin-bottom: 16px;
}
.cm-work .tp-img img {
padding: 10px;
}
.cm-work .cnt-col {
padding: 0;
}
.cm-work.cnt-wit-tp-img-wrp .img-title{
margin: -36px 20px 20px 0;
}
.two-col-content.cm-work .content-col .description h2+p{
columns: 2;
color: #222;
font-weight: 300;
line-height: 1.5em;
font-size:1em;
text-transform:none;
}
.two-col-content.cm-work .content-col .description{
margin-bottom: 37px;
}
.two-col-content.cm-work .content-col .description p {
margin-bottom: 1px;
font-size: .8em;
font-weight: 300;
text-transform: uppercase;
line-height: 1.5em;
}
.two-col-content.cm-work .content-col .description h2 {
margin-bottom: 20px;
}
.logo_slider.cm-seen.lg-slider .top_sec .title {
font-weight: 600;
font-family: "Roboto Slab", Roboto;
}
.logo_slider.cm-seen.lg-slider .page-center .bottom_row {
border: none;
}
.logo_slider.cm-seen.lg-slider .page-center .bottom_row .logos_row .logo_item .logo_inner {
padding: 0 30px 15px 30px;
}
.cm-card .column.splide__slide.col4:nth-child(1) {
padding-right: 23px;
}
.cm-card .column.splide__slide.col4:nth-child(2) {
padding-left: 17px;
padding-right: 17px;
}
.cm-card .column.splide__slide.col4:nth-child(3) {
padding-left: 23px;
padding-right: 10px;
}
.cm-card.gallery-section .item a:hover {
opacity: .5;
}
.cm-local .flex_row .col12 {
padding: 0;
}
.cm-local .tp-img-cnt-inner h2 {
font-family: "Roboto Slab", Roboto;
margin-bottom:8px;
line-height: 1.2;
}
.cm-history.two-col-content .content-col .description div {
columns: 2;
color: #222;
font-weight: 300;
line-height: 1.5em;
}
.cm-local .tp-img-cnt-inner p {
font-weight: 300;
line-height: 1.5em;
margin-bottom:16px;
}
.cm-enquiry.two-col-content .content-col .description {
margin: 0;
}
.two-col-content.cm-enquiry .content-col .form_wrap {
padding-top: 0px;
}
.two-col-content.cm-work .single-img .image-tag {
font-family: "Roboto";
}
form .inputs-list.multi-container{
display: flex ;
flex-wrap: wrap;
}
form .inputs-list.multi-container>li {
margin-right: 10px;
}
.cm-local h3.col-title {
color: #222;
font-size: .8em;
font-weight: 300;
text-transform: uppercase;
line-height: 1.5em;
margin-bottom: 0px;
font-family: "Roboto";
}
.cm-enquiry.two-col-content .form-title{
padding:0;
margin:0;
}
.cm-history.two-col-content .mediaimg .single-img img{
width: 379px;
max-width: 379px;
}
.cm-history.two-col-content .content-col .description h2 {
font-family: "Roboto Slab", Roboto;
text-wrap: wrap;
text-wrap: balance;
font-weight: 600;
margin-bottom: 7px;
line-height: 1.2;
}
.two-col-content.cm-history .content-col .description p {
color: #222;
font-size: .8em;
font-weight: 300;
text-transform: uppercase;
line-height: 1.5em;
margin-bottom: 1px;
}
.cm-history.two-col-content .content-col .description div p {
font-weight: 300;
line-height: 1.5em;
text-transform: none;
font-size: 16px;
margin-bottom:16px;
}
.cm-history.two-col-content .content-col .description h3 {
font-weight: 700;
text-wrap: balance;
font-family: Roboto Slab, Roboto;
color: #222;
line-height: 1.2;
margin-bottom: 8px;
font-weight: 600;
}
.cm-local .tp-img-cnt {
margin-top: 45px;
}
.form-columns-3 .hs-form-field{
width:33.33% !important;
}
.cm-enquiry .actions .hs-button {
padding: .67rem 1.2rem;
font-size: .9rem;
border: 0;
border-radius: 0;
width: 100%;
letter-spacing: 1.5px;
}
.cm-enquiry .actions {
width: 100%;
}
.cm-enquiry .hs_submit.hs-submit {
width: 25%;
}
.cm-enquiry .actions .hs-button:hover{
background-color: #f0c448;
color:#fff;
}
.two-col-content.cm-award .content-col .description p strong {
font-weight: bolder;
font-family: "Roboto Slab", 'Roboto';
font-weight: 700;
}
.two-col-content.cm-award.cm-xul .content-col .description h2 {
margin-bottom: 0;
text-wrap: balance;
}
.two-col-content.cm-xul .flex_row{
padding:10px;
}
.two-col-content.cm-award.cm-xul .content-col .description h2+p{
line-height:1.2em;
padding-top:5px;
}
.two-col-content.cm-award.cm-xul .content-col .description p {
font-weight: 400;
font-family: "Roboto Slab", 'Roboto';
line-height: 1.2em;
}
.cm-award.cm-xul .text_block p+img {
margin-right: 9px;
margin-left: 15px;
}
.cm-human.cnt-wit-tp-img-wrp .flex-row {
row-gap: 12px;
}
.cm-award.cm-xul .text_block img {
margin-top: 19px;
}
.cnt-wit-tp-img-wrp.cm-human .tp-img {
margin-bottom: 11px;
}
.cnt-wit-tp-img-wrp.cm-human .col-title {
margin-bottom: 6px;
text-wrap-style: balance;
}
.cm-start .bg_el{
background-position: 50% !important;
}
.cm-slider.cm-home .text_box p {
color: #222;
font-family: "Roboto Slab";
font-weight: 400;
font-size: 1.3em;
font-style: italic;
line-height: 1.5;
}
.cm-slider.cm-home h3.name {
font-family: "Roboto Slab";
color: #222;
font-weight: 600;
font-style: normal;
line-height: 1.5;
}
.cm-slider.cm-home.testimonials_sliderv2 p.rolee {
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
font-style: normal;
line-height: 1.5;
}
.cm-human .cnt-col.splide__slide.left_aln.col3 {
padding: 11px;
padding-top: 0;
}
.two-col-content.cm-enquiry .content-col .form_wrap h2 {
margin-bottom: 18px;
}
.cm-transform .page-center.theme_center {
padding: 50px;
padding-top:0;
}
::-webkit-input-placeholder {
color: #999;
}
.cm-knowledge.most-popular-posts-mdl .m-pop-post a.m-pop-post-image {
border: none;
}
.cm-transform .top_sec {
text-align: left;
padding: 0;
margin-bottom:20px;
}
.cm-transform .top_content p {
line-height: 1.5em;
}
.cm-transform h2.title {
margin-bottom: 20px;
}
.cm-transform.cnt-wit-tp-img-wrp .col-title {
margin-bottom: .5rem;
line-height: 1.2;
}
.two-col-content.cm-map .content-col .description {
margin-bottom: 0;
}
.cm-transform.cnt-wit-tp-img-wrp .tp-img {
width: 69%;
margin: 0 auto;
}
.cm-transform .cnt-col.splide__slide.center_aln.col6 {
padding: 0;
}
.cm-transform .cnt-col.splide__slide.center_aln.col6:first-child .inner_spacing {
padding: 0 50px 0 0;
}
.cm-transform .cnt-col.splide__slide.center_aln.col6:nth-child(2) .tp-img {
width: 62%;
}
.cm-transform.cnt-wit-tp-img-wrp .tp-img img {
margin-bottom: 15px;
}
.cm-transform.cnt-wit-tp-img-wrp .tp-img img {
margin-bottom: 15px;
}
.cm-transform .cnt-col.splide__slide.center_aln.col6 .tp-img-cnt-inner p {
margin-bottom: 20px;
line-height: 1.2em;
}
.cm-transform .top_content p {
line-height: 1.5em;
}
.cm-transform h2.title {
margin-bottom: 20px;
}
.cm-transform.cnt-wit-tp-img-wrp .col-title {
margin-bottom: .5rem;
line-height: 1.2;
}
.cm-transform.cnt-wit-tp-img-wrp .col-btn-grp {
margin-top: 0;
}
.cm-transform.cnt-wit-tp-img-wrp .col-btn-grp .btn_row {
margin: 0;
}
.cm-transform.cnt-wit-tp-img-wrp .col-btn-grp .btn_row a.hs-button:hover {
background: #3d5965;
color: #f5f5f5;
}
.cm-local.feat_pro_wrap .top_con h2{
margin-bottom:20px;
}
.cm-local.feat_pro_wrap .items {
margin-bottom: 14px;
padding-bottom: 0;
}
.cm-transform.cnt-wit-tp-img-wrp .col-btn-grp .btn_row a.hs-button {
background-color: #F0C44800;
color: #3d5965;
border-style: solid;
border-color: #3d5965;
display: inline-block;
font-size: 15px;
border-radius: 3px;
line-height: 1;
transition: all .3s;
display: inline-block;
font-family: 'Roboto';
padding: 12px 24px;
border-width: 3px;
}
.cm-banner.banner-slider-wrp .img-sliderWrp .text-wrp h1.title {
font-size: 3.5em;
padding-bottom: 50px;
margin-bottom: 0;
}
.cm-local .tp-img-cnt-inner h3 {
color: #222;
margin-bottom:8px;
line-height: 1;
}
@media(max-width:1100px) and (min-width:992px){
.cm-human .cnt-col.splide__slide.left_aln.col3{
width:25%;
}
}
@media(max-width:1024px) and (min-width:768px){
.cm-award.dnd_padd{
padding-left:20px;
padding-right:20px;
}
}
@media(max-width:767px){
.two-col-content.cm-form .content_box h1{
font-size:3rem;
}
.two-col-content.cm-form .content_box p:last-child{
margin-bottom:0;
}
.two-col-content.cm-form .flex_row {
row-gap: 0px;
}
.cm-slider .flex_row {
padding: 0 ;
}
.cm-slider.testimonials_sliderv2 .noImage{
width:100% !important;
}
.cm-slider .text_box p{
font-size: .8em;
}
.cm-slider .page-center.theme_center {
padding-left: 10px;
padding-right: 10px;
}
.cm-project.two-col-content .content-col .description {
margin-bottom: 0px;
}
.two-col-content.cm-project .flex_row {
row-gap: 0px;
}
.cnt-wit-tp-img-wrp.cm-top-img .tp-img img{
width:100%;
}
.cm-work .single-img{
text-align:center;
}
.cm-work.two-col-content .mediaimg .single-img img {
width: 600px;
margin: 0 auto;
}
.two-col-content.cm-work .content-col .description h2+p{
column-count:1;
}
.two-col-content.cm-work .content-col .description {
margin-bottom: 0;
}
.logo_slider.cm-seen.lg-slider .page-center .bottom_row .logos_row .logo_item .logo_inner {
padding: 15px;
}
.logo_slider.cm-seen.lg-slider .top_sec .title {
font-size: 32px;
}
.logo_slider.cm-seen.lg-slider .top_sec .title{
padding-top:0;
padding-bottom:0;
}
.cm-card .column.splide__slide.col4:first-child {
padding: 0px;
}
.cm-card .column.splide__slide.col4:nth-child(2) {
padding: 0px;
}
.cm-card .column.splide__slide.col4:nth-child(3) {
padding:0;
}
.cm-history .single-img{
text-align:center;
}
.cm-history.two-col-content .mediaimg .single-img img{
width:100%;
max-width:100%;
padding:10px;
}
.cm-history.two-col-content .content-col .description div{
column-count:1;
}
.two-col-content.cm-history .content-col .description {
margin-bottom: 0px;
}
.cm-history.two-col-content .content-col .description p:last-child{
margin-bottom:0;
}
.cm-transform .page-center.theme_center{
padding-left:20px;
padding-right:20px;
}
.cm-slider .text_box{
padding:10px;
}
.cm-project .top_content h2 {
text-wrap: auto;
}
.form-columns-3 .hs-form-field{
width:100% !important;
}
.hs-form-field{
width:100% !important;
}
.cm-knowledge.most-popular-posts-mdl .cm-container{
padding-top:0;
padding-left:10px;
padding-right:10px;
padding-bottom:0;
}
.cm-knowledge.most-popular-posts-mdl .m-pop-post-item{
padding: 0;
}
.cm-knowledge.most-popular-posts-mdl{
margin-top:0;
}
.cm-enquiry.two-col-content .flex_row {
row-gap: 30px;
}
.cm-transform .cnt-col.splide__slide.center_aln.col6:first-child .inner_spacing{
padding-right:0;
}
}
@font-face { font-family: "jupiterx";
src: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/jupiterx.eot) format("eot"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/jupiterx.woff2) format("woff2"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/jupiterx.woff) format("woff"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/jupiterx.ttf) format("truetype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/images/jupiterx.svg) format("svg");
}
.footer.footer_section__2 .footer-section-1 .col-section.num1 {
width: 22.282%;
}
.footer.footer_section__2 .footer-section-1 .col-section.num2 {
width: 24.998%;
}
.footer.footer_section__2 .footer-section-1 .col-section.num3 {
width: 26.07%;
}
.footer.footer_section__2 .footer-section-1 .col-section.num4 {
width: 26.65%;
}
.cm_footer .col-section h2 {
margin-bottom: 20px;
}
.cm_footer .col-section.cm_col1 p:not(:last-child) {
margin-bottom: 16px;
}
.cm_footer .col-section.cm_col2 p:not(:last-child) {
margin-bottom: 20px;
}
.cm_secton1 {
padding: 50px 50px 100px 50px;
}
.cm_footer .col-section h2 {
color: #fff;
font-family: Roboto Slab;
font-weight: 700;
line-height: 32px;
font-size: 32px;
}
.cm_footer .col-section p {
color: #fff;
font-family: Roboto, Roboto;
font-weight: 300;
line-height: 19.2px;
font-size: 16px;
}
.cm_footer .col-section p a {
color: rgb(240, 196, 72);
}
.cm_footer .cm_col2 .cm_row1 p:last-child,
.cm_footer .cm_col4 .single-line-text {
font-size:11.2px ;
line-height:13.44px;
}
.cm_footer .cm_col3 .footer-social {
display: block;
}
.cm_footer .cm_col3 .footer-social a {
display: block;
padding: 10px;
border-radius: 50px;
border: 1px solid;
margin-left: 3.200px;
margin-right: 3.200px;
margin-bottom: 6.200px;
height: auto;
width: auto;
border-color: transparent;
margin-left: 0;
}
.cm_footer .cm_col3 .footer-social a:hover {
background-color: #f0c448;
}
.cm_footer .cm_col3 .footer-social .footer-social-item {
height: auto;
width: auto;
display: inline-block;
}
.cm_footer .cm_col3 .footer-social .footer-social-item i{
font-family: jupiterx;
font-size: 20px;
color: #FFFFFF;
font-style: normal;
width: 20px;
display: block;
height: 20px;
display: flex;
align-items: center;
-webkit-font-smoothing: antialiased;
}
.cm_footer .cm_col3 .footer-social {
padding: 0;
}
.cm_footer .col-section {
padding: 10px;
}
.cm_footer .cm_col3 i.instagram:after {
content: "\EA27";
}
.cm_footer .cm_col3 i.facebook:after {
content: "\EA22";
}
.cm_footer .cm_col3 i.jupiterx:after {
content: "\EA2E";
}
.cm_footer .cm_col3 i.linkedin:after {
content: "\EA2A";
}
.cm_footer .cm_col4 .single-line-text {
color: #fff;
font-weight:300;
}
.cm_footer .cm_col4 .single-line-text {
margin-bottom: 20px;
}
.cm_footer .cm_col4 form .hs-email>label>span{
display: inline-block;
font-size: 16px;
font-family: "Roboto Slab", Roboto;
line-height: 18.4px;
font-weight: 400;
}
.cm_footer .cm_col4 form .hs-richtext p {
margin-bottom: 12px;
font-size: 11.2px;
line-height: 12.88px;
display: block;
font-weight: 400;
font-family: "Roboto Slab", Roboto;
}
.cm_footer .cm_col4 form .input>input {
height: 37.25px;
padding: 8px;
border: 2px solid;
border-color: #fff;
margin-right: 7px;
font-size: 15px;
font-family: "Roboto Slab", Roboto;
display: flow-root;
line-height: 17.25px;
border: 1px solid rgb(118, 118, 118);
border-radius: 2px;
}
.cm_footer .cm_col4 form .inputs-list{
margin:0;
}
.cm_footer .cm_col4 form .hs-dependent-field li.hs-form-booleancheckbox {
margin: 0;
}
.cm_footer .cm_col4 form .inputs-list.hs-error-msgs {
margin-top: 8px;
margin-bottom: 16px;
}
.cm_footer form ul.hs-error-msgs li {
margin: 0;
}
.cm_footer form ul.hs-error-msgs li label.hs-error-msg.hs-main-font-element {
margin-bottom: 8px;
margin-top: 0;
display: inline-block;
font-size: .8rem;
font-weight: 400;
font-family: "Roboto Slab", Roboto;
}
.cm_footer .cm_col4 form .hs-dependent-field li.hs-form-booleancheckbox p {
display: inline;
font-size: .7rem;
font-weight: 400;
margin: 0 !important;
line-height: 12.88px;
font-family: "Roboto Slab", Roboto;
}
.cm_footer .cm_col4 form .hs-dependent-field li.hs-form-booleancheckbox span {
margin: 0 !important;
display: flex;
}
.cm_footer .cm_col4 form .hs-richtext{
margin-bottom: 12px;
}
.cm_footer .cm_col4 form li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
margin-bottom: 24px;
}
.cm_footer .cm_col4 form .grecaptcha-badge {
margin:0 !important;
}
.cm_footer .actions input.hs-button {
font-family: Roboto, sans-serif;
font-size: 16px;
text-transform: uppercase;
line-height: 18.4px;
margin: 8px 0;
background-color: #f0c448;
border-radius: 0;
}
.footer.cm_footer .footer-form form .hs-form-field {
margin-bottom: 0px;
}
.footer.cm_footer .legal-consent-container {
margin-top: 4px;
}
.cm_footer .actions input.hs-button.primary.large {
padding: 10px 50px;
}
.cm_footer .hs-fieldtype-text>label {
margin-bottom: 8px;
}
.cm_footer .legal-consent-container .hs-form-booleancheckbox-display input {
margin-right: 7px;
}
.cm_footer .cm_section2 {
background-color: #fff;
}
.cm_footer .cm_section2 span {
color: rgb(34, 34, 34);
font-family: "Roboto Slab", 'Roboto';
font-weight: 400;
font-size: 16px;
padding-right: 8px;
line-height: 18.4px;
}
.cm_footer .cm_section2 a {
font-family: "Roboto Slab", 'Roboto';
font-weight: 400;
font-size: 16px;
line-height: 18.4px;
}
.cm_footer .cm_section2 .cm_col1 {
padding: 0;
}
.cm_footer .cm_section2 a:hover {
text-decoration: underline;
}
.cm_footer .cm_col4 form .input>input:focus {
outline: -webkit-focus-ring-color auto 1px;
}
.cm_footer .actions input.hs-button.primary.large:hover {
background-color: #fff;
color: #222;
border: 2px solid #222;
}
@media(max-width:1024px){
.cm_secton1 {
padding: 10px 10px 100px 10px;
}
.cm_footer form .rc-anchor-invisible{
width: 100%;
}
.cm_footer .cm_col4 form .grecaptcha-badge{
width: 100% !important;
}
.cm_footer .cm_col4 form .rc-anchor-normal-footer{
width: 100% !important;
}
.rc-anchor-invisible{
width: auto !important;
}
.rc-anchor-invisible-text {
white-space: normal !important;
}
.cm_footer .cm_col4 form .rc-anchor.rc-anchor-invisible {
width: auto;
}
.cm_footer.footer.footer_section__2 .footer-section-1 .col-section.num4{
padding-right:0;
}
.cm_footer .cm_col4 form iframe {
width: 100%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num1 {
width: 25%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num2 {
width: 25%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num3 {
width: 25%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num4 {
width: 25%;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
width: 100%;
overflow-x: auto;
}
}
@media(max-width:767px){
.cm_footer form .rc-anchor-invisible{
width: auto;
}
.cm_footer .cm_col4 form .grecaptcha-badge {
width: 256px !important;
}
.cm_footer .cm_col4 form .rc-anchor-normal-footer{
width: auto !important;
}
.cm_footer.footer.footer_section__2 .footer-section-1 .col-section.num4{
padding-right:0;
}
.cm_footer .cm_col4 form iframe {
width: auto;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num1 {
width: 100%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num2 {
width: 100%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num3 {
width: 100%;
}
.footer.footer_section__2.cm_footer .footer-section-1 .col-section.num4 {
width: 100%;
}
.cm_footer .actions input.hs-button.primary.large {
padding: 10px 50px;
}
.cm_footer .cm_col3 .footer-social .footer-social-item {
margin: 0;
}
.cm_footer .col-section {
padding: 10px !important;
}
.cm_footer .cm_col3 .footer-social {
margin-bottom: 24px;
}
.cm_footer .cm_section2 {
z-index: 999;
position: fixed;
bottom: 0;
background-color: #f0c448;
color: #222 !important;
text-align: center;
padding: 20px;
margin: 0;
width: 100%;
border: 0 solid;
padding-bottom: 19px;
}
.cm_footer .cm_section2 .cm_col1 .footer-content {
text-align: center;
}
.cm_footer .cm_section2 a {
color: #222 !important;
}
.cm_footer .cm_section2 .col-section {
padding: 0 !important;
}
}
/* -----------------------------end_footer-------------------------------------------------- */
.vs_biophilic_two_column.two-col-content .flex_row.flex_center {
align-items: normal;
justify-content: normal;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center .content-col {
width: 60.088%;
}
.vs_biophilic_two_column.two-col-content .flex_row .media_column.img-col {
width: 39.737%;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center p {
margin-bottom: 20px;
}
.vs_biophilic_two_column.two-col-content .description {
padding: 0 20px;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center ul {
padding-left: 40px;
margin-bottom: 16px;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center ul li {
margin: 0;
}
.vs_biophilic-design_section2 .content_widget.text_center {
width: 66.666%;
text-align: center;
margin: 0 auto;
}
.vs_biophilic-design_section2 .content_widget.text_center h2.title {
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
font-weight:600;
}
.vs_biophilic-design_section2 .content_widget.text_center p {
margin-bottom: 20px;
font-family: Roboto, Roboto;
}
.vs_biophilic-design_section3.cnt-wit-bg-wrp h2.title {
padding: 20px;
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #3d5965;
}
.vs_biophilic-design_section3.cnt-wit-bg-wrp .rich_text {
padding: 0 20px;
}
.vs_biophilic-design_section3.cnt-wit-bg-wrp .rich_text p {
color: #222;
font-weight: 400;
line-height: 19.2px;
margin-bottom: 16px;
}
.cnt-wit-bg-wrp.vs_biophilic_design_section5 h2.title {
padding: 20px 20px 0 20px;
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
color: rgb(61, 89, 101);
}
.cnt-wit-bg-wrp.vs_biophilic_design_section5 p {
padding: 0 20px;
margin: 0;
}
.cnt-wit-bg-wrp.vs_biophilic_design_section5 .content_widget.text_left {
padding: 10px 0;
padding-bottom: 0;
}
.vs_biophilic-design_section6.vs_Natural_colours{
border-top: 1px solid #3d5965;
}
.vs_biophilic-design_section6.two-col-content .content-col {
width: 59.298%;
}
.vs_biophilic-design_section6 h2.title {
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #3d5965;
text-align: start;
}
.vs_biophilic-design_section6 p {
text-align: start;
}
.vs_biophilic-design_section6.two-col-content .media_column.img-col {
width: 40.658%;
}
.vs_biophilic-design_section6.two-col-content .description h2 {
padding: 20px 0;
font-family: Roboto Slab;
font-weight: 600;
color: #3d5965;
font-size: 28px;
line-height: 28px;
margin-bottom: 20px;
}
.vs_biophilic-design_section6 .top_sec.noButton {
margin-bottom: 20px;
padding: 20px 30px 0 30px;
}
.vs_biophilic-design_section6 h2.title {
margin-bottom: 20px;
}
.vs_biophilic-design_section6.two-col-content p:last-child {
margin: 0;
}
.card_gallery.vs_biophilic_design_section7 .card_inner{
border-radius: 0;
}
.vs_biophilic_design_section7.card_gallery .card_item.text_center .btn_row {
margin: 0;
}
.card_gallery.vs_biophilic_design_section7 .card_inner.theme {
padding: 0;
}
.card_gallery.vs_biophilic_design_section7 .card_item.text_center .icon_inner {
width: 100%;
height: 100%;
display: block;
margin-bottom:0;
}
.card_gallery.vs_biophilic_design_section7 .card_inner .card_content h3.it_title {
font-family: Roboto, Roboto;
font-weight: 400;
line-height: 24px;
font-size: 20px;
margin: 0;
text-align: start;
color: #000;
}
.two-col-content.vs_biophilic-design_section7_content .media_column {
display: none;
}
.two-col-content.vs_biophilic-design_section7_content .flex_row.flex_center {
display: block;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .content_widget.col8 {
text-align: start;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 h3.title {
padding: 55px 20px 20px 20px;
margin-bottom: 20px;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 p {
padding: 0 20px;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .top_sec.noButton {
margin: 0;
padding: 10px;
padding-bottom: 20px;
padding-top:0;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .content_widget.col8 {
border-top: 1px solid #3d5965;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .tp-img img {
display: inline-block;
vertical-align: middle;
max-height: 364px;
height: 100%;
}
.vs_biophilic-design_section7_img .cnt-col.splide__slide.center_aln.col4 {
width: 340px;
height: 100%;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .tp-img-cnt h3.col-title {
font-size: 14px;
font-weight: 400;
color: rgb(34, 34, 34);
margin: 3px 0;
font-family: Roboto, Roboto;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .tp-img {
margin-bottom: 0;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .cnt-col.splide__slide {
padding-bottom: 10px;
width:50%;
}
.vs_biophilic-design_section7_img .flex-row.flex_row {
flex-wrap: nowrap;
justify-content: normal;
}
.two-col-content.vs_biophilic-design_section7_content .flex_row.flex_center .content-col.col12 {
padding-left: 44px;
padding-right: 30px;
}
.vs_biophilic-design_section7_img h3.col-title {
font-family: Roboto, Roboto;
font-size: 20px;
line-height: 24px;
text-align: start;
margin: 0;
color: #000;
font-weight: 400;
}
.vs_biophilic-design_section7_img.cnt-wit-tp-img-wrp .tp-img {
margin-bottom: 0;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 {
min-height: 402px;
display: flex;
align-items: center;
}
.vs_biophilic-design_section12 .feature-wrapper.text_left {
width: 59.649%;
flex-wrap: nowrap;
gap:0;
margin:0;
font-size: 20px;
}
.cm-line.vs_cm-line .flex_row.flex_center {
gap: 0;
}
.cm-line.vs_cm-line .flex_row.flex_center .description {
margin: 0;
}
.vs_biophilic-design_section12.two-col-content .feature-wrapper h5.feat-title {
margin: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
font-family: Roboto, 'Roboto';
line-height: 24px;
}
.vs_biophilic-design_section12 .flex_row.flex_center {
gap: 0;
}
.vs_biophilic-design_section12 .description {
width: 40.046%;
}
.vs_biophilic-design_section12 .content-col {
width: 100%;
}
.vs_biophilic-design_section12 .content-col .cont-inner {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.vs_biophilic-design_section12.vs_biophilic-design_section12_right_content .content-col .cont-inner {
flex-direction: row;
}
.vs_biophilic-design_section12 .content-col .cont-inner .featimggrp.aos-init.aos-animate {
width: 100%;
height: auto;
}
.vs_biophilic-design_section12 .description {
padding: 0 30px;
}
.vs_biophilic-design_section12 .content-col .cont-inner .featimgwrap {
width: 100%;
height: 100%;
}
.vs_biophilic-design_section12 .content-col .cont-inner .featimgwrap img {
height: 100%;
padding: 10px;
padding-bottom:0;
}
.vs_biophilic-design_section12.two-col-content .feature-wrapper .featimggrp{
max-width: 50%;
width: auto;
flex: 0 50%;
}
.vs_biophilic-design_section12.two-col-content .feature-wrapper .featimggrp .featimgwrap {
margin-bottom: 0px;
width: 100%;
}
.vs_biophilic-design_section6.vs_biophilic-design_section8 .content-col.col6 {
width: 60.795%;
}
.vs_biophilic-design_section6.vs_biophilic-design_section8 .media_column.img-col.col6 {
width: 39.205%;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 h2.title {
color: #3d5965;
margin-bottom: 15px;
font-family: "Roboto Slab", Roboto;
font-size: 23px;
transition-duration: 1000ms;
line-height: 27.6px;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 p {
margin-bottom: 15px;
color: rgb(61, 89, 101);
display: block;
font-family: Roboto, Roboto;
line-height: 19.2px;
transition-duration: 1000ms;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 .btn_row.count_1.oneButton {
margin: 0;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 .overlay_bg{
transition-duration: 1500ms;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 .btn_row.count_1 a.hs-button {
border-radius: 3px;
padding: 12px 24px;
border: 2px solid #fff;
font-size: 15px;
font-weight: 500;
line-height: 15px;
background-color: #3d5965;
font-family: Roboto, Roboto;
transition-duration: 1000ms;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 .btn_row.count_1 a.hs-button:hover{
border-color: #e3b652;
color:#fff;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 .bg_el.bg_img {
transition: 1500ms ease-in-out;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9:hover .bg_el.bg_img {
transform: scale(1.2);
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9:hover .overlay_bg{
background-color: rgba(0, 0, 0, .3) !important;
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9:hover h2{
transform: scale(1.1);
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9:hover p{
transform: scale(1.1);
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9:hover a{
transform: scale(1.1);
}
@media(max-width:767px){
.vs_biophilic_two_column.two-col-content .flex_row.flex_center {
flex-direction: column;
gap: 0;
}
.vs_biophilic-design_section6 .flex_row.flex_center {
gap: 0;
}
.vs_biophilic-design_section12.vs_biophilic-design_section12_right_content .content-col .cont-inner {
flex-direction: column;
}
.two-col-content .content-col .description {
margin-bottom: 20px;
}
.vs_biophilic-design_section12 .content-col .cont-inner {
flex-direction: column-reverse;
gap: 60px;
}
.vs_biophilic-design_section12 .feature-wrapper.text_left {
width: 100%;
}
.vs_biophilic-design_section12 .content-col .cont-inner .featimgwrap img {
width: 100%;
}
.vs_biophilic-design_section12 .description {
width: 100%;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center .content-col {
width: 100%;
}
.vs_biophilic_two_column.two-col-content .flex_row .media_column.img-col {
width: 100%;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center ul li {
font-weight: 400;
font-family: Roboto, Roboto;
line-height: 19.2px;
}
.vs_biophilic_two_column.two-col-content .flex_row.flex_center ul li {
font-weight: 400;
}
.vs_biophilic-design_section2 .content_widget.text_center {
width: 100%;
}
.vs_biophilic-design_section6 .flex_row.flex_center {
flex-direction: column;
}
.vs_biophilic-design_section6.two-col-content .content-col {
width: 100%;
}
.vs_biophilic-design_section6.two-col-content .media_column.img-col {
width: 100%;
}
.vs_biophilic-design_section7_img .cnt-col.splide__slide.center_aln.col4 {
width: 377px;
}
.vs_biophilic-design_section8 .flex-row.flex_row {
flex-direction: column;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .cnt-col.splide__slide {
width: 100%;
}
.cnt-wit-tp-img-wrp.vs_biophilic-design_section8 .tp-img-cnt h3.col-title {
margin: 20px;
margin-bottom: 31px;
}
.vs_biophilic-design_section8 .flex-row.flex_row {
gap: 0;
}
}
.terms-condition-col-content.vs_terms-condition-col-content .double-img {
width: auto;
max-width: 100% !important;
}
.two-col-content .img-col .horizontal .double-img img {
-webkit-mask-image: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/images/Rectangle-24.svg);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
border-radius: 5px;
}
.vs_terms-condition-col-content.two-col-content .flex_row.flex_center {
align-items: self-start;
justify-content: flex-start;
}
.vs_terms-condition-col-content .content-col.col6 {
width: 60.088%;
}
.vs_terms-condition-col-content .media_column.img-col {
width: 39.737%;
max-width: 100%;
}
.vs_terms-condition-col-content.two-col-content .flex_row.flex_center {
gap: 0;
}
.terms-condition-col-content.vs_terms-condition-col-content .content-col .cont-inner .description p {
margin-bottom: 20px;
}
.vs_biophilic-design_section6.vs_flow_section6 img {
-webkit-mask-image: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/images/Rectangle-24-1.svg);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
.vs_biophilic-design_section6.vs_biophilic-design_section8.vs_flow_section8 img {
-webkit-mask-image: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/images/Rectangle-27-1.svg);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
.vs_biophilic-design_section6.two-col-content.vs_flow_section8 .media_column.img-col{
width: 39.643%;
}
.vs_biophilic-design_section6.two-col-content.vs_flow_section8 .content-col{
width: 60.357%;
}
.vs_biophilic-design_section6.two-col-content.vs_perception_section86 .media_column.img-col{
width: 40.046%;
}
.vs_biophilic-design_section6.two-col-content.vs_perception_section86 .content-col{
width: 59.298%;
}
.two-col-content.vs_perception_section86 .flex_row {
justify-content: flex-start;
}
.vs_biophilic-design_section12.vs_perception_section12 .description{
width: 39.56%;
}
.vs_biophilic-design_section12.vs_perception_section12 .feature-wrapper.text_left{
width: 60.135%;
}
.vs_biophilic-design_section12.vs_perception_section12 .content-col .cont-inner .featimgwrap img,
.vs_biophilic-design_section12.vs_perception_section12 .content-col .cont-inner .featimgwrap{
height: auto;
}
.vs_biophilic-design_section12.vs_perception_section12.vs_perception_section12 .description{
line-height: 1.38;
}
.vs_terms-condition-col-content .media_column.img-col img {
height: auto !important;
}
.two-col-content.vs_terms-condition-col-content .img-col .horizontal .double-img{
margin-bottom: 20px;
}
.two-col-content.vs_terms-condition-col-content .img-col .horizontal .double-img.img1 {
margin-bottom: 20px;
}
@media(max-width:767px){
.two-col-content.vs_flow_section6 .content-col .description {
margin-bottom: 20px;
}
.vs_biophilic-design_section6.two-col-content.vs_flow_section8 .media_column.img-col {
width: 100%;
}
.vs_biophilic-design_section6.two-col-content.vs_flow_section8 .content-col {
width: 100%;
}
.vs_biophilic-design_section12.vs_perception_section12 .description {
width: 100%;
}
.vs_biophilic-design_section12.vs_perception_section12 .feature-wrapper.text_left {
width: 100%;
}
.vs_biophilic-design_section12.vs_perception_section12 .cont-inner {
gap: 0;
}
.vs_biophilic-design_section12.vs_perception_section12 .cont-inner .description {
margin-bottom: 20px;
}
.vs_biophilic-design_section6.two-col-content.vs_perception_section86 .content-col {
width: 100%;
}
.vs_biophilic-design_section6.two-col-content.vs_perception_section86 .media_column.img-col {
width: 100%;
}
}
@media(max-width:320px){
.two-col-content.vs_terms-condition-col-content .img-col .horizontal .double-img.img1 {
margin-bottom: 0;
}
}
.two-col-content.vs_Natural_light_secton1 .img-col .horizontal .double-img img{
-webkit-mask-image: none;
}
.two-col-content.vs_terms-condition-col-content .img-col .horizontal .double-img,
.two-col-content.vs_terms-condition-col-content .img-col .horizontal .double-img img{
border-radius: 0;
}
.vs_biophilic-design_section6.two-col-content.vs_Natural_light_section6 p {
margin-bottom: 16px;
}
.vs_Natural_light_section8 .content-col {
width: 59.649%;
}
.vs_Natural_light_section8 .media_column {
width: 40.046%;
}
.vs_Natural_light_section8.two-col-content .flex_row {
justify-content: flex-start;
}
.vs_Natural_light_section8.two-col-content .flex_row h3 {
font-family: "Roboto Slab", Roboto;
font-weight: 600;
font-size: 28px;
line-height: 28px;
padding: 26px 0;
margin-bottom: 20px;
}
.vs_Natural_light_section8.two-col-content .flex_row h3 {
}
@media(max-width:767px){
.vs_terms-condition-col-content .content-col.col6,
.vs_biophilic-design_section6.vs_biophilic-design_section8 .content-col.col6,
.vs_Natural_light_section8 .content-col,
.vs_Natural_light_section8 .media_column{
width: 100%;
}
.vs_terms-condition-col-content .media_column.img-col,
.vs_biophilic-design_section6.vs_biophilic-design_section8 .media_column.img-col.col6{
width: 100%;
}
.vs_Natural_light_section6.two-col-content .content-col .description,
.two-col-content.vs_Natural_light_section8 .content-col .description{
margin-bottom: 0px;
}
}
.cnt-wit-bg-wrp.vs_biophilic-design_section9 a.hs-button.anchor_extra {
font-size: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
z-index: 1;
background-color: rgba(2, 103, 128, 0.0);
z-index: 2;
border: none;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .description {
width: 35.175%;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .feature-wrapper {
width: 64.52%;
}
.vs_Hampstead_Architects_cards h2 {
font-family: "Spectral", Roboto;
font-weight: 400;
}
.cm_error .cst-content-wrapper.col6 {
width: 100%;
padding-left: 20px !important;!i;!;
padding-right: 20px !important;!i;!;
}
.cm_error h1 {
margin-bottom: 16px;
font-size: 40px;
font-family: "Roboto Slab", Roboto;
line-height: 48px;
}
.cm_error .cst-content-wrapper p {
margin-bottom: 16px;
line-height: 18.4px;
font-family: "Roboto Slab", Roboto;
font-size: 16px;
}
.cm_error .hs-search-field__bar.hs-search-field__bar--button-inline {
padding: 0;
width: auto;
max-width: 100%;
margin: 0;
}
.cm_error .error-page {
padding: 24px 0;
}
.cm_error input#site_search-input {
padding: 6px 12px;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-clip: padding-box;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
height: auto;
font-family: "Roboto Slab", 'Roboto';
}
.cm_error input::placeholder {
color: #6c757d;
font-size: 1rem;
font-family: "Roboto Slab", Roboto;
line-height: normal;
}
.cm_error input:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
outline: 0;
background-color: #fff;
border-color: #80bdff;
}
.cm_error .error_inner {
padding: 16px 0;
background: #f8f9fa;
padding-bottom: 15px;
}
.cm_error .error_inner h1 {
margin-bottom: 8px;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
font-family: "Roboto Slab", Robotofont;
font-size: 40px;
line-height: 48px;
}
.cm_error .error_inner .error_home_tag {
color: #6c757d;
}
.cm_error_main .content-wrapper {
padding: 0 20px;
}
.cm_error .error_inner a {
font-family: "Roboto Slab", Roboto;
}
.cm_error .error_inner a:hover {
text-decoration: underline;
}
.cm_error .cst-content-wrapper.col6 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.cm_error .custom-error-container{
margin:0;
}
.cm_error button svg {
display:none;
}
.cm_error_main form.hs-search-field__form {
margin: 0;
}
.cm_error button.hs-search-field__button:before {
content: "\EA04";
font-family: "jupiterx";
-webkit-font-smoothing: antialiased;
color: #222;
font-size: 14px;
}
.cm_error button.hs-search-field__button:hover {
color: #6c757d;
}
.cm_error button.hs-search-field__button:hover:before {
color: #6c757d;
}
.cm_error .error_inner ol,
.cm_search_result_page .breadcump ol{
display: flex;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
font-family: "Roboto Slab", Roboto;
}
.cm_error .error_inner ol li,
.cm_search_result_page .breadcump ol li{
margin: 0;
}
.cm_search_result_page .breadcump {
background: #f8f9fa;
padding: 16px 0;
}
.cm_search_result_page .content-wrapper {
padding: 0 20px;
}
.cm_search_result_page .hs-search-results__pagination a.hs-search-results__pagination__link--active:hover {
background-color: #222;
border-color: #222;
}
.cm_search_result_page .breadcump ol li a:hover {
text-decoration: underline;
}
.cm_search_result_page .hs-search-results__link:hover {
text-decoration: underline;
text-decoration-color: #000;
text-decoration-thickness: 2px;
}
.cm_search_result_page .hs-search-results__link {
transition: none;
}
.cm_error .error_inner ol li.text_404:before{
display: inline-block;
padding-right: 4px;
content: "/";
}
.cm_search_result_page .breadcump ol li{
color: #6c757d;
}
.cm_search_result_page .systems-page {
padding: 24px 0;
}
.cm_search_result_page .breadcump ol li.text_search {
padding-left: 8px;
}
.cm_search_result_page .breadcump ol li.text_search:before {
display: inline-block;
padding-right: 4px;
content: "/";
}
.cm_error .error_inner ol li.text_404 {
color: #6c757d;
padding-left: .5rem;
}
.cm_error button.hs-search-field__button {
width: 14px;
}
.cm_error button.hs-search-field__button {
position: absolute;
transform: translateX(7px);
top: 23%;
}
.cm_search_result_page section.content-wrapper {
padding-right: 20px;
padding-left: 20px;
}
.cm_search_result_page section.content-wrapper a.hs-search-results__link {
font-size: 20px;
}
.cm_search_result_page hnan.hs-search-results__title {
font-size: 20px;
color: #000;
line-height: 24px;
}
.cm_search_result_page section.content-wrapper p {
line-height: 18.4px;
font-family: "Roboto Slab", 'Roboto';
margin-bottom: 16px;
color: #000;
font-weight: 400;
}
.cm_search_result_page .hs-search-results__featured-image-wrapper {
padding-right: 22.400px;
margin: 0;
}
.cm_search_result_page h3 {
text-wrap: balance;
line-height: 1.2;
font-size: 28px;
margin-bottom: 8px;
color: #000;
}
.cm_search_result_page .hs-search-results__pagination a {
position: relative;
display: block;
padding: .5rem .75rem;
line-height: 1.25;
font-family: "Roboto Slab", Roboto;
border:1px solid #222;
display: flex;
align-items: center;
}
.cm_search_result_page .hs-search-results__pagination a:hover{
background-color: #e9ecef;
border-color: #dee2e6;
}
.cm_search_result_page p{
color: #000 ;
font-family: "Roboto Slab", Roboto;
line-height: 18.4px;
font-weight: 400;
}
.cm_search_result_page a.hs-search-results__pagination__link--active {
background-color: #222;
border-color: #222;
color: #fff;
}
@media(max-width:767px){
.cm_search_result_page .hs-search-results__listing li {
gap: 20px;
}
}
.testimonial-page .page-center{
padding-left:0;
padding-right:0;
}
.cnt-wit-bg-wrp.testimonial-page .content_widget h2 {
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #222;
font-family: "Roboto Slab", Roboto;
margin-bottom: 20px;
}
.testimonial-page h1 {
font-family: "Roboto Slab", Roboto;
font-size: 3em;
font-weight: 600;
color: #222;
line-height: 1;
margin-bottom: 20px;
}
.testimonial-page p {
color: #222;
font-weight: 300;
line-height: 1.5em;
font-family: 'Roboto';
margin-bottom: 1rem;
}
.testimonial-page .btn_row {
gap:0;
}
.testimonial-page .btn_row .btn_item a {
display:inline-flex;
align-items:center;
font-family: "Roboto", Roboto;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #fff;
padding: 18px 30px 15px 30px;
border-radius: unset;
background-color: #f0c448;
background-color: #222;
}
.testimonial-page .btn_row .btn_item:not(:last-child) {
padding-right: 20px;
}
.testimonial-page .btn_row .btn_item a:hover {
background-color: #f0c448;
}
.testimonial-page .btn_row .btn_item.ty_std.index1 a::before {
font-family: "Font Awesome 5 Brands";
content: "\f1a0";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 25px;
line-height: 1;
margin: 0 5px;
}
.testimonial-page .btn_row .btn_item.ty_std.index2 a::before {
font-family: "Font Awesome 5 Brands";
content: "\f09a";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
margin: 0 5px;
font-size: 25px;
line-height: 1;
}
.testimonial-page .btn_row .btn_item.ty_std.index3 a::before {
font-family: "Font Awesome 5 Brands";
background-image:url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/images/green-star.svg);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: 23px;
height: 23px;
margin:0 5px;
font-size: 25px;
line-height: 1;
content:"";
background-size:cover;
}
.testimonial-bottom-page .page-center{
padding-left:0;
padding-right:0;
}
.testimonial-bottom-page p {
color: #222;
font-size: 1.3em;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 20px;
}
/* Privacy-Page */
.simple-banner.privacy-banner{
min-height:auto;
}
.simple-banner.privacy-banner h1 {
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #222222;
line-height: 1;
font-size: 2.5rem;
margin-bottom: 20px;
}
.simple-banner.privacy-banner p {
color: #222222;
font-family: "Roboto", Roboto;
font-size: 1rem;
font-weight: 400;
margin-bottom: 1rem;
line-height: 1.2;
}
.simple-banner.privacy-banner .banner-content-inner{
padding:10px;
}
.privacy-page .page-center {
padding-right: 0;
padding-left: 0;
}
.privacy-page p{
color: #222222;
font-family: "Roboto", Roboto;
font-size: 1rem;
font-weight: 400;
margin-bottom: 1rem;
line-height: 1.2;
}
.cnt-wit-bg-wrp.privacy-page .content_widget{
padding:10px;
}
.cnt-wit-bg-wrp.privacy-page .content_widget h2{
font-family: "Roboto Slab", Roboto;
font-size: 2rem;
margin-bottom:.5rem;
font-weight: 600;
line-height: 1.2;
}
.privacy-page table{
border-collapse: collapse;
width:auto;
background-color:#fff;
border-radius: 25px;
padding: 25px;
text-align: center;
vertical-align: top;
margin-bottom:1rem;
}
.privacy-page tr:first-child td {
font-size: 1.5em;
font-weight: 700;
line-height: 0.8;
color: #222222;
padding:25px;
font-family: "Roboto", Roboto;
}
.privacy-page tr:first-child td:last-child {
border-right: 0;
}
.privacy-page tr td {
padding: 25px;
text-align: center;
border: 0.1em dotted #eee;
border-left: 0;
border-top: 0;
}
.privacy-page tr:last-child td{
padding:25px;
font-size: 16px;
line-height:1.2;
font-weight:400;
border-left:0;
}
.privacy-page tr td:first-child {
text-align:left;
}
.privacy-page tr:hover{
background-color: #eee;
}
.privacy-page tr:last-child td{
padding:25px;
font-size: 16px;
line-height:1.2;
font-weight:400;
border-left:0;
}
/* Maia Page */
.simple-banner.maia-lemlij-banner .banner-content-inner{
padding-left: 0;
padding-right: 0;
}
.simple-banner.maia-lemlij-banner {
min-height: auto;
}
.simple-banner.maia-lemlij-banner h1 {
font-size: 2.5rem;
font-weight: 500;
word-break: break-word;
line-height: 1.2;
font-family: "Roboto Slab", Roboto;
margin-bottom: .5rem;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb {
position: unset;
padding-left:0;
padding-right:0;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu{
font-size:1rem;
line-height:1.15;
justify-content:flex-start;
}
.simple-banner.maia-lemlij-banner .page-center{
padding-left: 20px;
padding-right: 20px;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li{
font-size:1rem;
line-height:1.15;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li a {
color: #f0c448;
font-family: Roboto Slab,Roboto;
font-size: 1rem;
line-height: 1.15;
opacity: 1;
font-weight: 400;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li a:hover{
text-decoration:underline;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li:first-child::after{
display:none;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li:last-child:before{
display: inline-block;
padding-right: .5rem;
content: "/";
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li:last-child{
padding-left: .5rem;
}
.simple-banner.maia-lemlij-banner .banner-breacrumb .banner-breacrumb-inner ul.hs-breadcrumb-menu li:last-child span.hs-breadcrumb-label{
color: #6c757d;
font-size:1rem;
line-height:1.15;
font-family: "Roboto Slab", Roboto;
font-weight:400;
}
.simple-banner.maia-lemlij-banner .banner-content-inner{
padding-left: 0;
padding-right: 0;
}
.maia-background-content{
min-height: 624px;
display:flex;
align-items:flex-end;
}
.maia-background-content .page-center{
padding-left:0;
padding-right:0;
}
.maia-background-content h1{
font-size: 2.5rem;
line-height: 1;
margin-top:20px;
color: #fff;
font-weight: 600;
margin-bottom:20px;
}
.maia-background-content .content_widget {
width: 50%;
padding-bottom:84px;
}
.maia-background-content .btn_item a {
display: inline-flex;
gap:5px;
font-size:15px;
align-items: center;
line-height: 1;
border-radius: 3px;
color: #000;
font-family: 'Roboto';
}
.maia-background-content .btn_row {
margin-top:0;
margin-bottom:20px;
}
.maia-background-content .btn_row .btn_item a:hover {
background-color: #f0c448;
}
.maia-background-content .btn_row .btn_item a::before {
content: "\f019";
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-size: 15px;
line-height: 1;
}
.two-col-content.maia-column-content .flex_row.flex_center{
align-items:flex-start;
gap:0;
}
.maia-column-content .media_column .content_box {
margin-top:0;
}
.maia-column-content .media_column .content_box .text_block p {
font-size: 1rem;
line-height: 1.15;
color: #004f66;
margin-bottom:0;
font-family: "Roboto Slab", Roboto;
}
.maia-column-content .media_column .content_box .text_block cite {
font-size: 1rem;
line-height: 1.15;
font-family: Roboto, Roboto;
font-style: normal;
font-weight: 500;
color: #004f66;
}
.maia-column-content .media_column .content_box .text_block p::before {
color: #f0c448;
content: "“";
display:block;
font-family: Times New Roman, Times, serif;
font-weight: 900;
height: .6em;
line-height: 1;
font-size: calc(1px* 100);
}
.maia-column-content .content-col .cont-inner .description {
margin-bottom: 0;
padding-top:40px;
}
.maia-column-content .content-col .cont-inner .description p {
font-size: 1rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.maia-column-content .content-col .cont-inner .description p:last-child {
margin-bottom: 0;
}
.maia-courtyard-content .content-col .cont-inner .description {
margin-bottom: 0;
}
.maia-courtyard-content .content-col .cont-inner .description h2 {
font-size: 23px;
line-height: 1.2;
font-family: "Roboto Slab", 'Roboto';
font-weight: 600;
color: #3f444b;
margin-bottom: 15px;
text-wrap: balance;
}
.two-col-content.maia-courtyard-content .content-col {
padding: 35px;
background-color:#f9fafa;
display: flex;
align-items: center;
justify-content: center;
}
.maia-courtyard-content .flex_row.full_img.flex_center{
padding-bottom:70px;
}
.maia-courtyard-content .content-col .cont-inner {
text-align: center;
}
.maia-courtyard-content .content-col .cont-inner .btn-items .btn_row.count_1.oneButton {
margin-top: 0;
justify-content:center;
}
.maia-courtyard-content .content-col .cont-inner .btn-items .btn_row.count_1.oneButton .btn_item.ty_std.index1 a {
font-size: 15px;
line-height: 1;
border: 2px solid #3f444b;
font-weight: 500;
color: #3f444b;
border-radius: 3px;
background-color: transparent;
font-family: Roboto, 'Roboto';
}
.maia-courtyard-content .media_column.parallax_inner.col6 .single_parallax{
height:100%;
min-height:200px;
padding-bottom:0;
transition: transform 1.5s;
}
.maia-courtyard-content .flex_row:hover .media_column .single_parallax {
will-change: transform;
transition-duration: 1500ms;
transform: scale(1.2);
}
.maia-courtyard-content .flex_row .media_column .single_parallax::before {
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
display: block;
content:"";
z-index: 2;
opacity:0;
visibility: hidden;
}
.maia-courtyard-content .flex_row:hover .media_column .single_parallax::before{
background-color: rgba(0, 0, 0, .3);
visibility:visible;
transition: all .4s;
opacity:1;
}
.maia-teamworks .cnt-col.col4 {
padding: 10px;
}
.maia-teamworks .cnt-col .tp-img {
width: 70%;
margin-bottom: 15px;
margin-left:auto;
margin-right:auto;
}
.maia-teamworks .cnt-col .tp-img-cnt .tp-img-cnt-inner h3 {
font-size: 1.75rem;
font-weight: 600;
line-height: 1.2;
color: #3d5965;
margin-bottom: 0;
}
.maia-teamworks .cnt-col:not(:first-child) .tp-img-cnt .tp-img-cnt-inner h3 {
margin-bottom: .5rem;
}
.maia-teamworks .cnt-col .tp-img-cnt .tp-img-cnt-inner h3 a {
color: #3d5965;
}
.maia-teamworks .cnt-col .tp-img-cnt .tp-img-cnt-inner p {
font-size: 1rem;
line-height: 1.2;
color: #222;
}
/* Terms-Page */
.two-col-content.terms-condition-col-content .flex_row{
gap:0;
}
.terms-condition-col-content .content-col .cont-inner .description {
margin-bottom: 0;
}
.terms-condition-col-content .content-col .cont-inner .description h1 {
font-size: 2.5rem;
line-height: 1;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
margin-bottom:20px;
color: #222222;
text-wrap: balance;
}
.terms-condition-col-content .content-col .cont-inner .description p {
font-size: 1rem;
line-height: 1.2;
color: #222222;
font-family: "Roboto", Roboto;
font-weight: 400;
margin-bottom: 0;
}
.terms-condition-col-content .media_column .mediaimg .single-img img{
-webkit-mask-image: url(https://144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/XUL_Architecture_March2025/Images/Rectangle-Mask.svg);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
}
.terms-condition-col-content .media_column .mediaimg .single-img img {
width: 100%;
max-width: 100%;
height: 500px;
object-fit: cover;
object-position: center left;
}
.terms-condition-content p {
font-size: 1rem;
line-height: 1.2;
color: #222;
margin-bottom: 1rem;
font-family: "Roboto", Roboto;
font-weight: 400;
}
.terms-condition-content ol {
padding-left: 2.5rem;
margin-bottom: 1rem;
}
.terms-condition-content ul {
padding-left: 2.5rem;
margin-bottom: 1rem;
}
.terms-condition-content ul li{
font-size: 1rem;
line-height: 1.2;
margin-bottom:0;
color: #222;
font-family: "Roboto", Roboto;
font-weight: 400;
}
.terms-condition-content ol li {
font-size: 1rem;
line-height: 1.2;
margin-bottom:0;
color: #222;
font-family: "Roboto", Roboto;
font-weight: 400;
}
.terms-condition-content h5{
font-family: "Roboto Slab", Roboto;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: .5rem;
line-height: 1.2;
}
/* Neuro Architects PAGE */
.architecture-banner .img-sliderWrp .content-wrp .content .text-wrp h1.title {
word-break: normal;
}
.architects-home-section-line .page-center {
padding: 10px;
}
.architects-bottom-content p {
font-size: 1rem;
line-height: 1.2;
font-weight: 400;
margin-bottom: 1rem;
}
.architects-bottom-content p:last-child {
margin-bottom: 0;
}
.architects-home-section .flex-row.flex_row {
gap: 0;
justify-content: initial;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:first-child{
width: 35.197%;
padding:10px;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:nth-child(2) {
width: 30.748%;
padding:10px;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:last-child{
width: 33.333%;
padding:10px;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:first-child .inner_spacing .tp-img-cnt{
padding:17px;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:first-child .inner_spacing .tp-img-cnt .tp-img-cnt-inner h3 {
font-family: "Roboto Slab", Roboto;
font-weight: 600;
font-size: 28px;
line-height: 1;
color: #004f66;
margin-bottom:0;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:first-child .inner_spacing .tp-img-cnt .tp-img-cnt-inner h3 a{
font-family: "Roboto Slab", Roboto;
font-weight: 600;
font-size: 28px;
line-height: 1;
color: #004f66;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:nth-child(2) .tp-img-cnt .tp-img-cnt-inner {
padding: 0 20px;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:nth-child(2) .tp-img-cnt .tp-img-cnt-inner p {
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
font-family: "Roboto", Roboto;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:nth-child(2) .tp-img-cnt .tp-img-cnt-inner p a {
color: #222;
font-weight: 700;
font-family: Roboto, sans-serif;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:last-child .inner_spacing.theme .tp-img img{
-webkit-mask-image: url(https://144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/XUL_Architecture_March2025/Images/Rectangle-%20Mask.svg);
-webkit-mask-size: contain;
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
height:250px;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row {
gap: 0;
}
.architects-projects .content_widget h2 {
font-size: 32px;
line-height: 1;
font-weight: 600;
font-family: "Roboto Slab", 'Roboto';
color: #3d5965;
margin-bottom: 0;
text-align: left;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row .cnt-col.col3 {
padding: 10px;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row .cnt-col.col3 .inner_spacing.theme .tp-img {
margin-bottom: 0;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row .cnt-col.col3 .inner_spacing.theme .tp-img-cnt .tp-img-cnt-inner {
font-size: 14px;
line-height: 1.2;
margin: 3px 0;
font-family: Roboto, 'Roboto';
}
.architects-projects .top_sec {
padding:10px;
margin-bottom: 0;
}
/* Locations Page */
.locations-page{
margin-bottom: 3rem;
}
.locations-page .bottom_row .splide__track .flex-row.flex_row .cnt-col {
padding-left:0;
padding-right:0;
}
.locations-page .top_sec{
margin-bottom:0;
padding-left:0;
padding-right:0;
}
.locations-page .top_sec .content_widget.col8 .top_content h2 {
font-family: "Roboto Slab", Roboto;
text-wrap: balance;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
text-align: left;
color: #000;
}
.locations-page .bottom_row .splide__track .flex-row.flex_row .cnt-col .inner_spacing.theme .tp-img {
margin-bottom: 0;
}
.locations-page .bottom_row .splide__track .flex-row.flex_row .cnt-col .inner_spacing.theme .tp-img img {
margin-top:1rem;
width:100%;
}
.locations-page .top_sec .content_widget .top_content h2 a {
color: inherit;
}
.locations-page .top_sec .content_widget .top_content h2 a:hover {
text-decoration: underline;
}
@media (max-width:991px){
.maia-background-content {
min-height: 664px;
}
.maia-teamworks .cnt-col.col4 {
width: 33.333%;
}
.testimonial-page .btn_row {
row-gap:10px;
}
}
@media (max-width:767px){
.maia-teamworks .flex-row.flex_row {
gap: 0;
}
.maia-teamworks .cnt-col.col4 {
width: 100%;
}
.maia-background-content {
min-height: 625px;
}
.maia-background-content .content_widget{
width:100%;
}
.two-col-content.maia-courtyard-content .content-col {
width: 50%;
}
.maia-courtyard-content .media_column.parallax_inner.col6 {
width: 50%;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:first-child {
width: 100%;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:nth-child(2) {
width: 100%;
}
.architects-home-section .flex-row.flex_row .cnt-col.col4:last-child {
width: 100%;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row .cnt-col.col3 .inner_spacing.theme .tp-img-cnt .tp-img-cnt-inner {
margin: 20px 20px;
}
.architects-projects .bottom_row .splide__track .flex-row.flex_row .cnt-col.col3 {
width: 100%;
}
.systems-page h1 {
font-size:28px;
}
.systems-page h2 {
font-size:24px;
}
}
@media (max-width:589px){
.maia-background-content {
min-height: 665px;
}
}
@media (max-width:589px){
.maia-courtyard-content .flex_row.full_img.flex_center {
gap: 0;
}
.two-col-content.maia-courtyard-content .content-col {
width: 100%;
}
.maia-courtyard-content .media_column.parallax_inner.col6 {
width: 100%;
}
}
.hs-search-field__form {
padding-bottom: 0 !important;
margin-bottom: 50px;
}
.banner-slider-wrp.normal .img-sliderWrp .text-wrp h1.title {
color: #fff;
font-family: Roboto Slab,Roboto;
font-size: 40px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
text-shadow: -6px 0 15px #222;
text-wrap: balance;
word-break: normal;
}
h1, h2, h3, h4, h5, h6, h7 {
text-wrap: balance;
}
.blog-listing-banner-mdl .page-center{
max-width: unset;
}
.blog-listing-banner-mdl .top-content{
text-align: center;
}
.blog-listing-banner-mdl .top-content h1 {
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #222;
line-height: 1;
margin: 0;
padding: 0;
font-size: 2.5rem;
}
.blog-listing-banner-mdl .top-content p{
font-size: 1.2em;
font-weight: 300;
line-height: 1.5em;
margin-bottom: 0;
}
.banner-search-wrapper .hs-search-field__bar {
padding: 10px 0 10px 0;
background: transparent;
}
.banner-search-wrapper .hs-search-field form{
width: 65%;
margin: auto;
}
.banner-search-wrapper form input[type=search]{
border-color: #ced4da;
padding: 25px 25px 25px 25px;
font-size: 1em;
font-weight: 300;
color: #222;
line-height: 1.2em;
border-radius: 150px 150px 150px 150px;
height: auto;
}
.banner-search-wrapper form input[type=search]::placeholder{
color: inherit;
}
.banner-search-wrapper form .hs-search-field__input:focus{
outline: none;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
.banner-search-wrapper form .hs-search-field__button {
font-size: 25px;
padding: 0 25px 0 25px;
color: #222;
height: auto;
display: inline-block;
width: auto;
right: 0;
transform: translateY(-40%);
}
.banner-search-wrapper .hs-search-field__bar button svg {
height: 10px;
width: 25px;
height: 25px;
fill: #222;
}
.blog-listing-banner-mdl .popular-categories {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.blog-listing-banner-mdl .popular-categories ul{
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.blog-listing-banner-mdl .popular-categories ul li{
width: 20.53%;
padding: 10px;
}
.blog-listing-banner-mdl .popular-categories ul li a{
background-color: #F0C448;
margin: 0px 5px 0px 5px;
padding: 5px 10px 5px 10px;
border-radius: 150px 150px 150px 150px;
display: flex;
justify-content: center;
align-self: center;
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: 300;
color: #FFFFFF;
flex-direction: row;
}
.blog-listing-banner-mdl .popular-categories ul li:first-child{
margin: 0px 0 0 41px;
text-align: end;
font-size: 1em;
font-weight: 300;
line-height: 1.2;
font-family: "Roboto", Roboto;
padding-right: 22px;
}
.most-popular-posts-mdl{
margin-top: 50px;
padding: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
.most-popular-posts-mdl .top-content h3 {
margin-bottom: 10px;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #222222;
line-height: 1;
font-size: 1.75rem;
}
.most-popular-posts-mdl .m-pop-post-item{
margin-bottom: 30px;
}
.most-popular-posts-mdl .m-pop-post-image-wrap {
padding: 0 0 20px 0;
line-height: 0;
}
.hs-blog-listing .most-popular-posts-mdl .m-pop-post a.m-pop-post-image{
border: 0;
}
.most-popular-posts-mdl .m-pop-post-title {
margin: -10px 15px 5px 0px;
color: #222222;
font-family: "Roboto Slab", Roboto;
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
text-wrap: balance;
}
.most-popular-posts-mdl .m-pop-post-title a{
color: inherit;
}
.project-number {
display: inline-block;
color: #bfbfbf;
}
.most-popular-posts-mdl .m-pop-post-read-more a {
color: #222222;
font-family: "Roboto", Roboto;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.most-popular-posts-mdl .m-pop-post a.m-pop-post-image:hover img{
opacity: 0.5;
}
.most-popular-posts-mdl a:hover {
color: #f0c448;
}
.all-article-title-wrapper {
padding: 10px;
}
.all-article-title-wrapper h3{
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #222222;
line-height: 1;
margin: 0;
font-size: 1.75rem;
padding-top: 25px;
border-top: 1px solid #222222;
}
.all-article-wrapper .tag-article-item-wrapper {
margin-top: 50px;
display: flex;
position: relative;
}
.all-article-wrapper .tag-article-column {
width: 100%;
padding: 10px;
}
.all-article-wrapper .tag-article-column .tag-article-column-title {
margin-bottom: 10px;
padding: 0px 0px 10px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #000;
font-family: "Roboto Slab", Roboto;
font-weight: 600;
color: #222222;
line-height: 1;
font-size: 1.75rem;
}
.all-article-wrapper .tag-article-column .tag-article-column-title a{
color: inherit;
}
.hs-blog-listing .most-popular-posts-mdl .m-pop-post-item span.raven-post-image-overlay:hover{
background-color: transparent;
}
.all-article-wrapper .tag-article-items {
margin-left: calc(-0px / 2);
margin-right: calc(-0px / 2);
width: calc(100% + 0px);
display: flex;
flex-wrap: wrap;
}
.all-article-wrapper .tag-article-items .tag-article-item {
--columns: 1;
max-width: calc(100% / var(--columns));
flex: 0 0 calc(100% / var(--columns));
border-bottom: 1px solid #222222;
display: flex;
position: relative;
}
.all-article-wrapper .tag-article-items .tag-article-item .image{
width: 30%;
padding: 10px 0px 10px 0px;
}
.all-article-wrapper .tag-article-items .tag-article-item .image img{
height: 63px;
width: 100%;
object-fit: cover;
}
.all-article-wrapper .tag-article-items .tag-article-item .post-title{
width: 70%;
padding: 10px;
}
.all-article-wrapper .tag-article-items .tag-article-item .post-title a{
margin-bottom: 20px;
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: 300;
line-height: 1em;
color: #222222;
display: inline-block;
}
.all-article-wrapper .tag-article-items .tag-article-item .post-title a:hover{
color: #F0C448;
}
.all-article-wrapper .tag-article-items>a{
margin-top: 10px;
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: bold;
line-height: 1;
}
.all-article-wrapper .tag-article-items>a:hover{
color: #222222;
}
.all-article-wrapper .tag-article-items>a i{
margin-right: 10px;
}
@media (max-width: 1024px) {
.blog-listing-banner-mdl .popular-categories ul li a{
font-size: 12px;
}
.blog-listing-banner-mdl .popular-categories ul li:first-child{
margin: 0 20px 0 5px;
}
.blog-listing-banner-mdl .popular-categories ul li{
width: 22.2%;
padding-left: calc(5px / 2);
padding-right: calc(5px / 2);
padding-top: calc(10px / 2);
padding-bottom: calc(10px / 2);
}
.most-popular-posts-mdl{
margin-top: 90px;
}
.most-popular-posts-mdl .m-pop-post-content a.m-pop-post-title-link, .most-popular-posts-mdl .m-pop-post-title{
font-size: 1em;
}
.all-article-wrapper .tag-article-items .tag-article-item .post-title a{
line-height: 1.3em;
}
.all-article-wrapper .tag-article-item-wrapper{
margin-top: 30px;
}
.tag-post-row1{
padding-top: 30px !Important;
}
.tag-post-row2, .tag-post-row3, .tag-post-row4, .tag-post-row5{
padding-top: 0px !Important;
}
.tag-post-row5{
padding-bottom: 0px !Important;
}
.all-article-wrapper .tag-article-column .tag-article-column-title{
padding: 0;
}
}
@media (max-width: 991px) {
.blog-listing-banner-mdl .popular-categories ul li:first-child{
padding-right: 0px;
}
}
@media (max-width: 767px) {
.blog-listing-banner-mdl .popular-categories{
display: none;
}
.all-article-title-wrapper{
margin-bottom: 30px;
}
.all-article-wrapper .tag-article-item-wrapper{
flex-wrap: wrap;
}
.all-article-wrapper .tag-article-items .tag-article-item{
flex-wrap: wrap;
}
.all-article-wrapper .tag-article-items .tag-article-item .image{
width: 100%;
}
.all-article-wrapper .tag-article-items .tag-article-item .post-title{
width: 100%;
}
.all-article-wrapper .tag-article-items .tag-article-item .image img{
height: auto;
}
}
.breadcrumbs-section {
border-style: solid;
border-width: 0 0 1px 0;
border-color: #ccc;
padding: 20px 20px 20px 20px;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.breadcrumbs-section .breadcrumbs-container {
color: #222;
font-family: "Roboto", Roboto;
font-weight: 300;
width: 100%;
}
.breadcrumbs-section .breadcrumbs-container a{
color: #ccc;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper {
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #f1f1f1;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .cs-blog-column-left{
width: 22%;
padding: 50px 20px 50px 20px;
position: relative;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .cs-blog-column-right {
width: 78%;
background-color: #fff;
padding: 50px 50px 50px 50px;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
position: relative;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .top-content {
margin-block-end: 20px;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .top-content h2{
font-size: 1em;
font-weight: 600;
color: #222;
margin-bottom: 0;
}
.cs-blog-listing-mdl .cs-blog-column-left .tag-list-wrapper ul {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 0;
display: grid;
padding: 0;
margin: 0;
list-style: none;
}
.cs-blog-listing-mdl .cs-blog-column-left .tag-list-wrapper ul li{
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
}
.cs-blog-listing-mdl .cs-blog-column-left .tag-list-wrapper ul li a{
padding: 10px 0 15px 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1em;
color: #222;
font-weight: 300;
line-height: 1em;
font-family: "Roboto", Roboto;
text-align: center;
}
.cs-blog-listing-mdl .cs-blog-column-left .tag-list-wrapper ul li a:hover{
color: #f0c448;
}
.cs-blog-listing-mdl .cs-blog-column-right .right-top-content{
width: 100%;
}
.cs-blog-listing-mdl .cs-blog-column-right .right-top-content .back-link {
margin-block-end: 17px;
}
.cs-blog-listing-mdl .cs-blog-column-right .right-top-content .back-link a{
font-family: "Roboto", Roboto;
font-size: 1.2em;
font-weight: 300;
color: #222;
line-height: 1;
}
.cs-blog-listing-mdl .cs-blog-column-right .right-top-content .back-link a:hover{
color: #f0c448;
}
.cs-blog-listing-mdl .cs-blog-column-right .right-top-content .tag-main-title {
margin-block-end: 20px;
margin-bottom: 20px;
font-weight: 600;
color: #222;
font-family: "Roboto Slab", Roboto;
font-size: 2.5rem;
text-transform: capitalize;
}
.hs-search-field--open.hs-search-field .hs-search-field__suggestions{
z-index: 1;
}
.cs-blog-listing-mdl .cs-blog-column-right .blog-posts-wrapper {
margin-block-end: 20px;
margin-bottom: 20px;
margin-left: calc(-15px / 2);
margin-right: calc(-15px / 2);
display: flex;
flex-wrap: wrap;
}
.cs-blog-listing-mdl .cs-blog-column-right .blog-posts-wrapper .m-pop-post-item {
padding-left: calc(15px / 2);
padding-right: calc(15px / 2);
align-items: stretch;
display: flex;
width: 33.33333%;
margin-bottom: 30px;
}
.cs-blog-listing-mdl .cs-blog-column-right .blog-posts-wrapper .m-pop-post-item .m-pop-post {
width: 100%;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap {
padding: 0 0 20px 0;
line-height: 0;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap .m-pop-post-image {
width: 100%;
padding-bottom: calc(0.75* 100%);
border-color: #222;
display: inline-block;
position: relative;
overflow: hidden;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap .m-pop-post-image img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
transition: all .3s ease-in-out;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media(min-width: 768px){
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap .m-pop-post-image:hover img{
opacity: .5;
}
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap .m-pop-post-image .raven-post-image-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
z-index: 3;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-content .m-pop-post-title {
margin: -10px 15px 5px 0;
color: #222;
font-family: "Roboto Slab", Roboto;
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
text-wrap: balance;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-content .m-pop-post-title a{
color: inherit;
font-family: "Roboto Slab", Roboto;
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-content .m-pop-post-title:hover a
{
color: #f0c448;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-content .m-pop-post-read-more a {
color: #222222;
font-family: "Roboto", Roboto;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-content .m-pop-post-read-more a:hover{
color: #f0c448;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .cs-blog-pagination {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 5px;
margin-bottom: 20px;
}
.cs-blog-listing-mdl .cs-blog-pagination a {
padding: 4px 8px;
border: 1px solid #222;
color: #222;
}
.cs-blog-listing-mdl .cs-blog-pagination a:hover, .cs-blog-pagination a.active{
color: #f0c448;
}
.cs-blog-listing-mdl .bottom-tag-content.cost-value {
color: #222222;
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: 300;
}
.cs-blog-listing-mdl .bottom-tag-content.cost-value p{
margin-bottom: 1rem;
}
.cs-blog-listing-mdl .bottom-tag-content.cost-value p:last-child{
margin-bottom: 0;
}
.bottom-tag-content.local-knowledge{
color: #222;
font-family: Roboto;
font-size: 1em;
font-weight: 300;
}
.bottom-tag-content.local-knowledge p{
margin-bottom: 1rem;
}
.bottom-tag-content.local-knowledge p:last-child{
margin-bottom: 0;
}
@media(max-width: 1024px){
.cs-blog-listing-mdl .cs-blog-column-right .blog-posts-wrapper .m-pop-post-item{
width: 50%;
}
.blog-posts-wrapper .m-pop-post-item .m-pop-post-image-wrap .m-pop-post-image {
padding-bottom: calc(0.63* 100%);
}
}
@media(max-width: 767px){
.cs-blog-listing-mdl .cs-blog-column-wrapper .cs-blog-column-left{
display: none;
}
.cs-blog-listing-mdl .cs-blog-column-wrapper .cs-blog-column-right{
width: 100%;
}
.cs-blog-listing-mdl .cs-blog-column-right .blog-posts-wrapper .m-pop-post-item{
width: 100%;
}
}
.header-sec-wrapper {
min-height: 110.906px;
}
.post-main-wrapper {
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #f1f1f1;
}
.post-main-wrapper .post-left-column {
width: 25%;
padding: 50px 20px 50px 20px;
}
.post-main-wrapper .post-left-column .back-link {
margin-block-end: 20px;
margin-bottom: 20px;
}
.post-main-wrapper .post-left-column .back-link h3{
font-family: "Roboto", Roboto;
font-size: 1.2em;
font-weight: 300;
color: #222;
margin-bottom: 0;
text-wrap: balance;
}
.post-main-wrapper .post-left-column .back-link h3 a{
color: inherit;
}
.post-main-wrapper .post-main-column {
width: 49.333%;
background-color: #fff;
padding: 50px;
}
.post-main-wrapper .post-right-column{
width: 25%;
}
.post-main-wrapper .post-left-column .tag-article-items {
padding: 10px 0 0 0;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #ccc;
margin-left: calc(-0px / 2);
margin-right: calc(-0px / 2);
width: calc(100% + 0px);
display: flex;
flex-wrap: wrap;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item{
--columns: 1;
padding-left: calc(0px / 2);
padding-right: calc(0px / 2);
padding-top: calc(0px / 2);
padding-bottom: calc(0px / 2);
max-width: calc(100% / var(--columns));
flex: 0 0 calc(100% / var(--columns));
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #222;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .image {
width: 30%;
padding: 10px 0 10px 0;
display: flex;
align-items: flex-start;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .image a{
max-width: 100%;
flex: 0 0 auto;
width: 100%;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .image img{
width: 100%;
height: 78.5px;
object-fit: cover;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .post-title{
width: 70%;
padding: 10px;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .post-title a{
padding: 0 0 20px 0;
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: 300;
line-height: 1em;
color: #222;
display: block;
}
.post-main-wrapper .post-left-column .tag-article-items .tag-article-item .post-title a:hover{
color: #f0c448;
}
.post-main-wrapper .post-main-column .post-details-title {
margin-block-end: 20px;
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
font-size: 2em;
font-weight: 600;
color: #222;
text-wrap: balance;
}
.post-main-wrapper .post-main-column .featured_image-wrapper {
margin-block-end: 20px;
margin-bottom: 20px;
text-align: center;
}
.post-main-wrapper .post-main-column .featured_image-wrapper img{
width: 100%;
}
.post-main-wrapper .post-main-column .blog-post__body {
margin-block-end: 20px;
margin-bottom: 20px;
}
.post-main-wrapper .post-main-column .blog-post__body{
line-height: 1.15;
color: #000;
font-family: "Roboto Slab", Roboto;
}
.post-main-wrapper .post-main-column .blog-post__body p{
margin-bottom: 1rem;
}
.post-main-wrapper .post-main-column .blog-post__body h2{
font-family: "Roboto Slab", Roboto;
font-weight: 600;
line-height: 1.2;
margin-bottom: .5rem;
color: inherit;
}
.post-main-wrapper .post-main-column .blog-post__body b, strong {
font-weight: bolder;
}
.post-main-wrapper .post-main-column .raven-divider {
padding: 50px 0 50px 0;
margin-block-end: 20px;
margin-bottom: 20px;
line-height: 0;
}
.post-main-wrapper .post-main-column .raven-divider .raven-divider-line.raven-divider-solid {
height: 1px;
background-color: #222;
display: inline-block;
width: 100%;
}
.post-main-wrapper .post-main-column .related-post-wrapper > h2 {
margin-block-end: 20px;
margin-bottom: 20px;
font-weight: 600;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-items{
margin-left: calc(-15px / 2);
margin-right: calc(-15px / 2);
display: flex;
flex-wrap: wrap;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-items .related-post-item{
padding-left: calc(15px / 2);
padding-right: calc(15px / 2);
width: 33.33333%;
margin-bottom: 30px;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-item .m-pop-post-image-wrap {
padding: 0 0 20px 0;
line-height: 0;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-item .m-pop-post-image {
padding-bottom: calc(0.75* 100%);
width: 100%;
display: inline-block;
position: relative;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-item .m-pop-post-image img{
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
object-position: center center;
}
.post-main-wrapper .post-main-column .related-post-wrapper .raven-post-image-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
z-index: 3;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-item .m-pop-post-image:hover .raven-post-image-overlay{
background-color: #F0C4487D;
opacity: 1;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-item .m-pop-post-image:hover img{
opacity: .5;
}
.post-main-wrapper .post-main-column .related-post-wrapper .m-pop-post-title{
margin: -10px 15px 5px 0;
color: #222;
font-family: "Roboto Slab", Roboto;
font-size: 1em;
font-weight: 600;
line-height: 1em;
text-wrap: balance;
}
.post-main-wrapper .post-main-column .related-post-wrapper .m-pop-post-title a{
color: inherit;
font-family: "Roboto Slab", Roboto;
font-size: 1em;
font-weight: 600;
line-height: 1em;
}
.post-main-wrapper .post-main-column .related-post-wrapper .m-pop-post-read-more a {
color: #222;
font-family: "Roboto", Roboto;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.post-main-wrapper .post-main-column .related-post-wrapper .m-pop-post-title:hover a{
color: #f0c448;
}
.post-main-wrapper .post-main-column .related-post-wrapper .m-pop-post-read-more a:hover{
color: #f0c448;
}
.blog-post-architects .page-center{
padding: 10%;
margin: -10px 0 0 0;
}
.blog-post-architects .top_sec.noButton{
padding: 0;
margin: 0;
}
.blog-post-architects .top_sec .title {
margin-block-end: 20px;
margin-bottom: 20px;
font-family: "Spectral", Roboto;
font-size: 2.5em;
font-weight: 300;
line-height: .9em;
text-wrap: balance;
}
.blog-post-architects .top_sec .top_content {
font-family: "Spectral", Roboto;
font-size: 1.2em;
font-weight: 300;
margin-block-end: 20px;
margin-bottom: 20px;
color: #222;
}
.blog-post-architects .top_sec .top_content p{
margin-block-end: 20px;
margin-bottom: 20px;
}
.blog-post-architects .top_sec .top_content span{
font-family: "Roboto", Roboto;
font-weight: 400;
line-height: 1.2em;
margin-inline-end: 10px;
font-size: 16px;
}
.blog-post-architects .top_sec .top_content i{
cursor: default;
display: inline-block;
font-style: normal;
position: relative;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #f0c448;
}
.blog-post-architects .top_sec .top_content a{
font-family: "Spectral", Roboto;
font-size: 12.8px;
font-weight: 300;
color: #222;
text-decoration: underline;
line-height: 1.2em;
margin: 0 0 0 10px;
}
.blog-post-architects .bottom_row .tp-img-cnt{
display: flex;
flex-direction: column-reverse;
}
.blog-post-architects .bottom_row .col12{
padding: 0;
}
.cnt-wit-tp-img-wrp.blog-post-architects .col-btn-grp{
margin: 0;
margin-block-end: 16px;
margin-bottom: 16px
}
.blog-post-architects .btn_row{
margin: 0;
}
.blog-post-architects .btn_row a{
font-family: "Roboto", Roboto;
font-size: 12.8px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 1;
padding: 12px 24px;
}
.blog-post-architects .btn_row a em{
text-decoration: underline;
}
.blog-post-architects .tp-img-cnt-inner p {
font-family: "Spectral", Roboto;
font-size: 12.8px;
font-weight: 300;
line-height: 1.2em;
color: #222;
}
.blog-post-architects .tp-img-cnt-inner p a{
color: #222;
text-decoration: underline;
}
@media(max-width: 1024px){
.post-main-wrapper{
flex-wrap: wrap;
}
.post-main-wrapper .post-left-column{
display: none;
}
.post-main-wrapper .post-main-column{
width: 100%;
}
.post-main-wrapper .post-right-column{
width: 100%;
}
.hs-blog-post .breadcrumbs-section {
display: none;
}
.post-main-wrapper .post-main-column .related-post-wrapper .related-post-items .related-post-item{
width: 50%;
}
.blog-post-architects .top_sec .title{
font-size: 32px;
}
.blog-post-architects .top_sec .top_content{
font-size: 1em;
}
.blog-post-architects .btn_row a{
font-size: 11.2px;
}
}
@media(max-width: 767px){
.post-main-wrapper .post-main-column{
padding: 20px
}
.blog-post-architects .btn_row a{
font-size: 9.6px;
}
}
.comment-date {
display: block !important;
}
.get-in-touch{
width: 75.044%;
}
.get-in-touch .page-center{
padding-left: 0;
padding-right: 0;
}
.cnt-wit-bg-wrp.get-in-touch .title{
margin-block-end: 20px;
margin-bottom: 20px;
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: "Roboto Slab", Roboto;
}
.get-in-touch .rich_text h1{
margin-block-end: 20px;
margin-bottom: 20px;
font-family: "Roboto Slab", Roboto;
font-size: 3em;
font-weight: 600;
color: #222222;
}
.get-in-touch .rich_text p{
font-weight: 300;
line-height: 1.5em;
margin-bottom: 1rem;
}
.get-in-touch .rich_text p:last-child{
margin-bottom: 0;
}
.get-in-touch-map{
overflow: unset;
}
.get-in-touch-map .page-center{
padding-left: 0;
padding-right: 0;
}
.get-in-touch-map .content_widget{
margin: -217px 0px 0px 250px;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #004F66;
overflow: hidden;
}
.get-in-touch-map .rich_text iframe{
height: 600px;
filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
transition-duration: 1s;
line-height: 1;
max-width: 100%;
width: 100%;
border: 0;
}
.get-in-touch-map .rich_text:hover iframe{
filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
@media(max-width: 767px){
.get-in-touch{
width: 100%;
}
.get-in-touch-map .content_widget{
margin: 0;
}
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text hr{
margin-bottom: 20px
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text p img{
margin: 5px 20px 20px 0;
}
@font-face {
font-family: "Font Awesome 5 Free";
src: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.eot) format("embedded-opentype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.woff2) format("woff2"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.woff) format("woff"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.ttf) format("truetype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/FontAwesome5Free-Solid.svg) format("svg");
font-style: normal;
font-weight: 900;
font-display: block;
}
@font-face { font-family: eicons;
src: url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/eicons.eot) format("embedded-opentype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/eicons.woff2) format("woff2"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/eicons.woff) format("woff"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/eicons.ttf) format("truetype"),
url(//144410919.fs1.hubspotusercontent-eu1.net/hubfs/144410919/raw_assets/public/XUL_Architecture_March2025/fonts/eicons.svg) format("svg");
font-style: normal;
font-weight: 400;
}
.cm-banner-portfolio.simple-banner {
min-height: 800px;
}
.cm-banner-portfolio .banner-content-inner.col12 {
padding-left: 0;
padding-right: 0;
}
.cm-banner-portfolio .top_sec h6 {
font-family: "Roboto", Roboto;
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
text-shadow: 0 0 15px rgba(0, 0, 0, .48);
margin-bottom:20px;
}
.cm-banner-portfolio.simple-banner h1 {
font-family: "Roboto Slab", Roboto;
font-size: 5em;
font-weight: 600;
line-height: .8em;
text-shadow: 0 0 15px rgba(0, 0, 0, .48);
margin-bottom:0;
text-wrap: balance;
}
.cm-banner-portfolio.simple-banner .banner-content-inner.col6 {
padding-left: 0;
padding-right: 0;
}
.cm-content.cnt-wit-bg-wrp .content_widget h2.title {
font-family: "Roboto Slab", Roboto;
font-size: 4em;
font-weight: 600;
line-height: .8em;
color: #222;
margin-bottom: 20px;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text h3 {
color: #222;
font-family: "Roboto Slab", Roboto;
font-size: 2em;
font-weight: 600;
line-height: 1em;
margin-bottom:20px;
text-wrap: auto;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text p{
margin-bottom: 1rem;
font-family: "Roboto Slab", Roboto;
line-height: 1.15;
}
.cm-content {
overflow: visible;
}
.cm-content.cnt-wit-bg-wrp .page-center{
padding-left:0;
padding-right:0;
}
.cm-content table{
margin-bottom:0;
}
.cm-content table,
.cm-content th,
.cm-content td {
font-family: "Roboto Slab", Roboto;
padding: 25px;
text-align: center;
vertical-align: top;
}
.cm-content table {
border-collapse: collapse;
width: auto;
background-color: #fff;
border-radius: 25px;
}
.cm-content table tr:first-child {
font-size: 1.5em;
font-weight: 700;
}
.cm-content table td {
width: auto;
}
.cm-content table tr td:last-child {
border-right: 0;
}
.cm-content table td,
.cm-content th {
border: .1em dotted #eee;
}
.cm-content table td:first-child {
text-align: left;
}
.cm-content table tr:first-child td,
.cm-content th {
border-top: 0;
}
.cm-content table tr td:first-child,
.cm-content th {
border-left: 0;
}
.cm-content tr:hover {
background-color: #eee;
}
.cm-category.card_gallery .card_item {
padding-left: 0;
padding-right: 0;
}
.cm-category.card_gallery .card_item {
padding-left: 0;
padding-right: 0;
}
.cm-category.card_gallery .card_box .it_title {
font-family: "Roboto Slab", Roboto;
font-size: 1.2em;
font-weight: 600;
color: #222;
line-height: 1;
margin-bottom: 10px;
}
.cm-category.card_gallery .card_content a {
color: #222;
font-family: "Roboto Slab", Roboto;
line-height: 1.15;
}
.cm-category.card_gallery .btn_row.count_8.moreButton {
margin-top: 0;
}
.cm-category.card_gallery .card_content a:hover {
color: #f0c448;
}
.cm-content .rich_text {
line-height: 1.15;
}
.cm-content table tr:last-child td {
border-bottom: 0;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text h3 ~ h3 {
font-family: "Roboto Slab", Roboto;
margin-bottom:8px;
line-height: 1.2;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text h3 ~ h3 {
font-family: "Roboto Slab", Roboto;
margin-bottom: 8px;
line-height: 1.2;
}
.cm-content .hs-responsive-embed-wrapper.hs-responsive-embed {
min-width: auto !important;
max-width: none !important;
margin-bottom: 3px !important;
max-height: none !important;
}
.cm-content .hs-responsive-embed-inner-wrapper {
padding-bottom: 34.2% !important;
}
.cm-content .rich_text h4 {
margin-bottom: 8px;
color: #000;
font-weight: 600;
line-height: 1.2;
}
/* fancybox custom css */
.fancybox-container .fancybox-slide--image {
padding: 70px !important;
}
.fancybox-container .fancybox-infobar {
font-size: 15px;
color: #fff;
line-height: 1.5;
min-width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding-right: 20px;
padding-left: 20px;
font-family: "Roboto Slab", Roboto;
}
.fancybox-container .fancybox-button {
height: 50px;
width: 50px;
font-size: 20px;
padding-left: 0;
padding-right: 0;
}
.fancybox-container .fancybox-toolbar {
padding-top: 5px;
padding-bottom: 5px;
}
.fancybox-container .fancybox-button:hover {
background: transparent;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button {
height: 100%;
justify-content: center;
width: 15%;
padding: 0;
display: flex;
align-items: center;
top:unset;
}
.fancybox-container .fancybox-navigation button svg {
display: none;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button.fancybox-button--arrow_left div:before {
content: "\e87e";
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button.fancybox-button--arrow_right div:before {
content: "\e87d";
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button div {
display: inline-block;
font-family: eicons;
font-size: inherit;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
padding: 0;
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.fancybox-container .fancybox-navigation {
position: relative;
display: flex;
height: 100%;
align-items: center;
width: 100%;
justify-content: center;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button {
background: transparent;
}
.fancybox-container .fancybox-inner [class*=" eicon-"],
.fancybox-container .fancybox-inner [class^="eicon"] {
display: inline-block;
font-family: eicons;
font-size: inherit;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fancybox-container .fancybox-toolbar {
z-index: 999999;
}
.fancybox-container.fancybox-is-open .fancybox-bg {
background-color: rgba(0, 0, 0, .8);
opacity: 1;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button:focus {
outline: none;
}
/* End fancybox custom css */
.cm-related-projects.feat_pro_wrap a.feat_post-title-link {
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
}
.cm-related-projects.feat_pro_wrap h3.feat_post-title {
font-size: 1.2em;
font-weight: 600;
line-height: 1em;
}
.cm-related-projects.feat_pro_wrap .items {
padding-bottom: 0;
}
.cm-related-projects.feat_pro_wrap .feat_post-image-wrap {
line-height: 0;
}
.cm-related-projects.feat_pro_wrap .btn_wrap {
padding-top: 0;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text p a {
color: #222;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text p a:hover {
color: #f0c448;
}
.cm-content.cnt-wit-bg-wrp .content_widget .rich_text ul li {
font-weight: normal;
}
.cm-related-projects.feat_pro_wrap .project-number {
font-size: 23.4px;
font-weight: 600;
line-height: 1em;
}
.cm-content .rich_text h6 {
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: .5rem;
}
.timelape.cm-content .hs-responsive-embed-inner-wrapper{
padding-bottom: 45% !important;
}
@media (max-width: 1100px) and (min-width: 992px) {
.cm-category.card_gallery.col20_row .flex_row .col20,
.cm-category.card_gallery.col3_row .flex_row .col3 {
width: 20%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.cm-category.card_gallery.col20_row .flex_row .col20,
.cm-category.card_gallery.col2_row .flex_row .col2,
.cm-category.card_gallery.col3_row .flex_row .col3,
.cm-category.card_gallery.col4_row .flex_row .col4 {
width: 20%;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.cm-banner-portfolio.simple-banner .banner-content-inner.col6{
width: 66%;
}
}
@media (min-width: 1025px) {
.cm-banner-portfolio .bg_el.bg_img {
background-attachment: fixed;
}
}
@media (max-width: 767px) {
.cm-banner-portfolio.simple-banner h1 {
font-size: 3em;
}
.cm-banner-portfolio.simple-banner {
min-height: 600px;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {
justify-content: start;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
justify-content: end;
}
.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button div{
background-color: rgba(0, 0, 0, .5);
padding: 10px;
height: auto;
}
.fancybox-container .fancybox-slide--image {
padding: 70px 0 !important;
}
.cm-content table,
.cm-content th,
.cm-content td {
padding: 10px;
border-radius: 0;
}
.card_gallery.cm-category .bottom_row.notshadow .rowGap15 {
row-gap: 0;
}
.cm-content.cnt-wit-bg-wrp .content_widget h2.title {
display: none;
}
.cm-related-projects.feat_pro_wrap a.feat_post-image.feat_image-fit {
padding-bottom: calc(0.63* 100%);
}
.cm-content .hs-responsive-embed-inner-wrapper {
padding-bottom: 100% !important;
}
.cm-content.iframe .hs-responsive-embed-inner-wrapper {
padding-bottom: 34.2% !important;
}
.timelape.cm-content .hs-responsive-embed-inner-wrapper {
padding-bottom: 69% !important;
}
}
.body-container-wrapper:not(.faq_page) .row-fluid [class*=span] {
min-height: 0;
}
.cnt-wit-bg-wrp.tag_top .content_widget {
padding: 10px 0;
}
.cnt-wit-bg-wrp.tag_top .content_widget h1 {
font-family: "Roboto Slab", Roboto;
font-size: 3em;
font-weight: 600;
color: #222;
margin: 0;
}
.cnt-wit-bg-wrp.tag_top .content_widget .rich_text {
margin: 20px 0 0;
color: #222;
font-weight: 300;
line-height: 1.5em;
}
.cnt-wit-bg-wrp.tag_top .content_widget .rich_text p:last-child {
margin-bottom: 0;
}
.col_content {
padding-bottom: 60px;
padding-top: 0;
}
.cnt-wit-bg-wrp.col_content .content_widget {
border-top: 1px solid #222222;
padding-top: 20px;
}
.cnt-wit-bg-wrp.col_content .content_widget h2.title {
margin-bottom: 20px;
}
.cnt-wit-bg-wrp.col_content .rich_text {
columns: 3;
column-gap: 50px;
color: #222;
font-family: "Roboto", Roboto;
font-size: .8em;
font-weight: 300;
}
.cnt-wit-bg-wrp.col_content .rich_text p {
margin-bottom: 1rem;
}
.cnt-wit-bg-wrp.col_content .rich_text h3 {
line-height: 1.2;
color: inherit;
}
.cnt-wit-bg-wrp.tag_top .content_widget .rich_text:not(:has(p)):not(:has(h2)) {
margin: 0;
}
@media (max-width: 767px) {
.cnt-wit-bg-wrp.col_content .rich_text {
column-count: 1;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .description {
width: 100%;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .description {
margin: 0;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .content-col .cont-inner {
row-gap: 0;
}
.vs_biophilic-design_section12.vs_emotional_response_section12 .feature-wrapper {
width: 100%;
}
.cm-top-textwrp .bottom_row {
padding-top: 20px;
}
.cm-top-textwrp .flex-row.flex_row {
gap: 40px;
}
.cm-top-textwrp .bototm_btn {
padding-top: 20px;
}
}