.error-message{color:red;display:block}.filter-select-section ul{align-items:center;display:flex;flex-wrap:wrap;gap:17px;list-style:none;margin:0;padding:0;position:relative}.filter-select-section ul li{width:calc(33.33% - 17px)}.filter-select-section select{border-color:inherit;border-radius:20px;color:var(--gray-3,#d9d9d9);font-weight:400;min-height:auto;padding:15px 34px;width:100%}.filter-select-section select,.filter-select-section ul li label{display:block;font-family:Outfit;font-size:22px;font-style:normal;letter-spacing:-.22px;line-height:30px}.filter-select-section ul li label{color:var(--green,#0f4245);font-weight:700;margin-bottom:3px}.cm-two-col{position:relative;z-index:99}.cm-two-col .two-col-inner{align-items:center;display:flex;gap:57px;justify-content:space-between}.content-col,.media-col{width:50%}.media-col img{border-radius:20px;width:100%}.content-col .button-section a{align-items:center;background:#0f4245;border-radius:20px;color:#fff;display:inline-flex;gap:10px;justify-content:center;letter-spacing:-.2px;line-height:30px;padding:15px 55px;text-transform:capitalize}.cm-two-col h6,.content-col .button-section a{font-family:Outfit;font-size:20px;font-style:normal;font-weight:400}.cm-two-col h6{color:var(--gold,#d9b162);letter-spacing:4px;line-height:125%;margin-bottom:10px;text-transform:uppercase}.content-col h2{color:var(--green,#0f4245);font-size:64px;font-weight:500;letter-spacing:-.64px;line-height:100%;margin-bottom:20px}.content-col h2,.content-col p{font-family:Outfit;font-style:normal}.content-col p{color:#3c3839;font-size:22px;font-weight:400;letter-spacing:-.22px;line-height:30px;margin:0;max-width:429px;text-transform:capitalize}.content-col .button-section{margin-top:60px}.cm-two-col .content-col .content-area h2{color:var(--green,#0f4245);font-family:Outfit;font-size:42px;font-style:normal;font-weight:500;letter-spacing:-.42px;line-height:125%;max-width:448px;text-transform:capitalize}.cm-two-col.project-blog-header .content-col h2{max-width:507px;text-transform:capitalize}.cm-two-col .content-col .content-area h2 span{font-weight:700}.color-section{background:#fff;margin-top:20px;padding:35px 45px;width:100%}.color-section .color-items{display:flex;flex-wrap:wrap;gap:30px}.color-section .color-items .color-item{width:calc(33% - 30px)}.color-section .color-items .color-sample{border:1px solid var(--body,#8d8f8f);border-radius:10px;height:70px;width:95px}.color-section .color-items .color-code{font-weight:300}.color-section .color-items .color-code,.color-section .color-items .color-name{color:var(--our-black,#3c3839);font-family:Outfit;font-size:16px;font-style:normal;letter-spacing:-.16px;line-height:125%;text-transform:capitalize}.color-section .color-items .color-name{font-weight:600}.cm-two-col.project-blog-header .two-col-inner{align-items:self-start}.cm-two-col.project-blog-header .content-area{color:var(--our-black,#3c3839);font-family:Outfit;font-size:22px;font-style:normal;font-weight:400;letter-spacing:-.22px;line-height:30px}.f-cat{display:none;opacity:0}.f-cat.active{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards;display:block;opacity:1}.filter-select-section select{-webkit-appearance:none;-moz-appearance:window;background-image:url(https://44604467.fs1.hubspotusercontent-na1.net/hubfs/44604467/Pergola/Images/Vector%207.svg);background-position:93% 54%;background-repeat:no-repeat;background-size:15px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}article.blog-index__post{display:block;opacity:1}@media screen and (max-width:1160px){.content-col h2{font-size:54px;line-height:1.1}.cm-two-col .two-col-inner{gap:20px}}@media screen and (max-width:981px){.cm-two-col .two-col-inner{flex-direction:column!important}.content-col,.media-col{width:100%}.content-col h2{width:100%}.cm-two-col .content-col .content-area h2,.cm-two-col .content-col p,.content-col h2{max-width:100%!important}.cm-two-side-content.exclus .two-side-inner .right-side-content p{margin-bottom:28px!important}}@media screen and (max-width:767px){.color-section .color-items .color-item{width:calc(50% - 30px)}.content-col .button-section a{padding:15px 35px}.cm-two-col .btn-item{text-align:center}.content-col .button-section{margin-top:30px}}@media screen and (max-width:450px){.color-section{padding:20px}}.filter-wrapper .filter-title{color:var(--green,#0f4245);font-family:Outfit;font-size:32px;font-style:normal;font-weight:700;letter-spacing:-.32px;line-height:100%;margin-bottom:21px}.filter-inner-wrapper{background:var(--white,#fff);border-radius:20px;box-shadow:0 0 17px 0 rgba(0,0,0,.15);margin-bottom:50px;padding:63px 105px 57px}.filter-tag-section ul{align-items:center;display:flex;flex-direction:row-reverse!important;justify-content:center;list-style:none;margin:0 0 30px;padding:0;position:relative}.filter-tag-section ul li{margin:0}.filter-tag-section ul li a{background:var(--beige,#f9f7f4);color:var(--gray-3,#d9d9d9);display:block;font-family:Outfit;font-size:22px;font-style:normal;font-weight:400;letter-spacing:-.22px;line-height:30px;padding:15px 120px;transition:all .3s ease}.filter-tag-section ul li a:hover{background:var(--gold,#d9b162);color:#fff}.filter-tag-section ul li:first-child a{border-radius:0 20px 20px 0}.filter-tag-section ul li:last-child a{border-radius:20px 0 0 20px}.filter-tag-section ul li.active-topic a{background:var(--gold,#d9b162);color:#fff}.filter-select-section ul li.resetBtn{background:#fff;border:1px solid #d9d9d9;border-radius:20px;display:block;font-family:Outfit;font-size:22px;font-style:normal;font-weight:400;letter-spacing:-.22px;margin:0;min-height:auto;padding:6px 9px;position:absolute;right:-5.5%;top:60%;transform:translateY(-50%);width:auto}.filter-select-section ul li.resetBtn a{background-image:url(https://44604467.fs1.hubspotusercontent-na1.net/hubfs/44604467/Pergola/Images/reset.png);background-position:50%;background-repeat:no-repeat;background-size:20px;display:block;height:47px;transform:rotate(180deg);width:39px}ul.filters .error-message{color:#ef6651;font-size:75%;line-height:1.2;max-width:210px;position:absolute}.filters select option{color:#000;font-size:16px;line-height:1.5;margin:15px}@media (max-width:1024px){.filter-inner-wrapper{padding-left:50px;padding-right:80px}.filter-select-section ul li.resetBtn{right:-6%}}@media (max-width:991px){.filter-select-section ul li.resetBtn{right:-8%}.filter-tag-section ul li a{padding-left:70px;padding-right:70px}}@media screen and (max-width:767px){.filter-inner-wrapper{padding:50px}.filter-select-section ul{flex-direction:column}.filter-select-section ul li{width:100%}.filter-tag-section ul li a{padding:15px 10%;text-align:center;width:100%}.filter-tag-section ul li{width:100%}.filter-select-section ul li.resetBtn{border:none;display:flex;justify-content:end;position:static;transform:none;width:100%}.filter-select-section ul li.resetBtn a{border:1px solid #d9d9d9;border-radius:20px;height:61px;width:59px}ul.filters .error-message{color:#ef6651;font-size:75%;line-height:1.2;max-width:100%;position:static}}