/* @font-face {
  font-family: 'Uni Sans Bold';
  src: url('../fonts/uni-sans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
} */

.services-panel {}
.services-panel .section {padding: 50px 0; position: relative;}
.services-panel .section .inner {padding: 40px 0; display: flex; flex-direction: row; position: relative;}
.services-panel .section .inner.reverse {flex-direction:row-reverse;}
.services-panel .section .inner.orange {background-color: rgba(230, 112, 11, .4);}
.services-panel .section .inner .column {flex: 0 1 60%; z-index: 10; max-width: 920px;}
.services-panel .section .inner .column.left {padding-left: 100px; margin-right: 80px; display: flex; justify-content: center; flex-direction: column;}
.services-panel .section .inner .column.right {padding-right: 100px; margin-left: 80px; display: flex; justify-content: center; flex-direction: column;}
.services-panel .section .inner .column.image {flex: 0 1 40%; z-index: 10; margin: 0; padding: 0;}
.services-panel .section .inner .column.image .img {padding-top:100%;}
.services-panel .section .inner .column .content {text-align: left; font: 17px/35px 'Helvetica'; color: #3B3B38;}
.services-panel .section .inner .column .content-title {text-align: left; font: 20px/24px 'Proxima-Nova'; font-weight: bold; padding-bottom: 40px; margin-left: 0;}
.services-panel .section .inner.reverse .column .content-title {color: #fff;}
.services-panel .section .orange {background: rgba(230, 112, 11, 1); width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
.services-panel .section .overlay {width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 4; opacity: .1;}

.cta-section {padding: 40px 0; display: flex;}
.cta-section .buttons {}
.cta-section .buttons a {border-radius: 22px; background-color: #E6700B; padding: 12px 42px 10px; color: white; display: inline-block; border: 1px solid transparent; margin: 0 20px; text-align:center;}

.services-panel .section .ozone-box {width: 60%;}
.services-panel .section .ozone-box .ozone-inner {font-size: 12px; line-height: 1.3; text-transform:none;}

@media (max-width: 1020px) {
  .services-panel .section .ozone-box {width: 100%;}
  .services-panel .section .inner {flex-wrap: wrap; padding: 40px 7%;}
  .services-panel .section .inner .column.image {flex: 0 1 100%;}
  .services-panel .section .inner .column {flex: 0 1 100%;}
  .services-panel .section .inner .column.image .img {padding-top: 56.25%;}
  .services-panel .section .inner .column.right {margin: 0; padding: 40px 0 0 0;}
  .services-panel .section .inner .column.left {margin: 0; padding: 40px 0 0 0;}

}

@media (max-width: 720px) {
  .services-panel .section .inner {padding: 0 7%; flex-wrap: wrap;;}
  .services-panel .section .inner .column.image {flex: 0 1 100%;}
  .services-panel .section .inner .column.image .img {padding-top: 56.25%;}
  .services-panel .section .inner .column {flex: 0 1 100%;}
  .services-panel .section .inner .column.right {margin: 0; padding: 40px 0 0 0;}
  .services-panel .section .inner .column.left {margin: 0; padding: 40px 0 0 0;}
  .services-panel .section .inner .column .content {font: 16px/26px 'Helvetica';}
  .services-panel .section .inner .column .content-title {padding-bottom: 30px;}

  .cta-section {padding: 20px 0;}
  .cta-section .buttons {display: flex; justify-content: center; flex-direction: column;}
  .cta-section .buttons a {font-size: 12px; margin-bottom:10px;}
  .cta-section .buttons a:last-child {margin-bottom:0;}
  .strategy-consulting .section .faq .left-column .buttons a {font-size: 12px;}

}

/* strategy consulting page template */
.strategy-consulting {font: 18px / 22px 'proxima-nova';}
.strategy-consulting .section {padding: 50px 0px; position: relative;}
.strategy-consulting .section .strategic-two-col {display: flex; padding: 0 120px;}
.strategy-consulting .section .strategic-two-col .left-content {flex: 0 1 50%; padding: 30px; font-size: 35px;}
.strategy-consulting .section .strategic-two-col .left-content span {font-family: 'UniSans-Bold'; font-weight: bold;}
.strategy-consulting .section .strategic-two-col .right-content {flex: 0 1 50%; display: flex; flex-direction: column; row-gap: 50px; align-items: flex-start;}
.strategy-consulting .section .strategic-two-col .right-content .text{text-align: left; line-height: 35px;}
.strategy-consulting .section .strategic-two-col .right-content .learn-more{display: flex; flex-direction: row; align-items: center; margin: 0;}
.strategy-consulting .section .strategic-two-col .right-content .learn-more p {margin: 0;}
.strategy-consulting .section .strategic-two-col .right-content .learn-more p span {margin: 5px; padding: 5px; font-weight: bold; font-size: 18px;}

.strategy-consulting .section .banner-image {padding: 0 50px;}
.strategy-consulting .section .banner-image img {width: 100%;}

.strategy-consulting .section .scope {padding: 0 100px;}
.strategy-consulting .section .scope .info-section {display: flex;}
.strategy-consulting .section .scope .info-section .logo {flex: 0 1 30%;}
.strategy-consulting .section .scope .info-section .content {flex: 0 1 70%; text-align: left; padding-left: 20px;}
.strategy-consulting .section .scope .info-section .content .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.strategy-consulting .section .scope .info-section .content .subtitle {font-size: 18px; padding-top: 10px;}
.strategy-consulting .section .scope .scopes {display: grid; column-gap: 80px; row-gap: 40px; padding: 40px 80px; grid-template-columns: 1fr 1fr 1fr;}
.strategy-consulting .section .scope .scopes .scope-item {flex: 0 1 33%; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.strategy-consulting .section .scope .scopes .scope-item .logo {margin: 0;}
.strategy-consulting .section .scope .scopes .scope-item .text {}
.strategy-consulting .section .scope .scopes .scope-item .text .title {font-size: 18px; font-weight: bold; padding-top: 20px; line-height: 22px; text-transform: uppercase;}
.strategy-consulting .section .scope .scopes .scope-item .text .subtitle {font-size: 18px; padding: 10px 0; line-height: 22px;}

.strategy-consulting .section#p4 {background-color: #F5F5F5;}
.strategy-consulting .section .partners {max-width: 900px;}
.strategy-consulting .section .partners h2 {font-family: 'UniSans-Bold'; font-size: 24px;}
.strategy-consulting .section .partners .partner-logos {display: flex; align-items: center; justify-content: center; padding: 20px;}
.strategy-consulting .section .partners .partner-logos .logo-container {display: flex; justify-content: center; align-items: center; background: #fff; padding: 10px;}
.strategy-consulting .section .partners .partner-logos .partner-logo {max-width: 75px; margin: 10px;}
.strategy-consulting .section .partners .quote {text-transform: none; font-style: italic; line-height: 27px; letter-spacing: normal; max-width: 800px; font-size: 22px;}
.strategy-consulting .section .partners .signature {display: flex; padding: 40px 0; max-width: 450px; align-items: center;}
.strategy-consulting .section .partners .signature .avatar {max-width: 75px;}
.strategy-consulting .section .partners .signature .title-section {text-align: left; padding:7px 20px 7px 10px; border-right: solid 1px #E6700B; margin-left: 0px;}
.strategy-consulting .section .partners .signature .title-section .name {font-weight: bold;}
.strategy-consulting .section .partners .signature .title-section .title {white-space: nowrap;}
.strategy-consulting .section .partners .signature .partner-logo {max-width: 75px;}

.strategy-consulting .section .faq {display: flex; padding: 0 200px;}
.strategy-consulting .section .faq .left-column {flex: 0 1 40%; text-align: left;}
.strategy-consulting .section .faq .left-column .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.strategy-consulting .section .faq .left-column .text {padding: 20px 0;}
.strategy-consulting .section .faq .left-column .buttons a {border-radius: 22px; background-color: #E6700B; padding: 12px 42px 10px; color: white; display: inline-block; border: 1px solid transparent; text-align: center;}
.strategy-consulting .section .faq .right-column {flex: 0 1 60%;}
.strategy-consulting .section .faq .right-column .faq-item {padding: 40px; background:#F5F5F5; margin-bottom: 20px; }
.strategy-consulting .section .faq .right-column .faq-item .question-container {display: flex; justify-content: space-between; align-items: center;}
.strategy-consulting .section .faq .right-column .faq-item .question-container .carrot {margin: 0; transition: all .3s ease;}
.strategy-consulting .section .faq .right-column .faq-item .question-container .carrot.rotate {transform: rotate(180deg);}
.strategy-consulting .section .faq .right-column .faq-item .faq-question {text-align: left; margin: 0; font-weight: bold; letter-spacing: normal;}
.strategy-consulting .section .faq .right-column .faq-item .faq-answer {display: none; text-align: left; text-transform: none; padding-top: 20px; font-size: 18px; line-height: 22px; letter-spacing: normal;}

@media (max-width: 1020px) {
  .strategy-consulting .section .strategic-two-col {flex-wrap: wrap; padding: 0 60px;}
  .strategy-consulting .section .strategic-two-col .left-content {flex: 0 1 100%;}
  .strategy-consulting .section .strategic-two-col .right-content {flex: 0 1 100%;}

  .strategy-consulting .section .scope .scopes {grid-template-columns: 1fr 1fr; padding: 40px 0;}

  .strategy-consulting .section .faq {padding: 0 60px;}
}

@media (max-width: 720px) {
  .strategy-consulting .section {padding: 25px 0;}
  .strategy-consulting .section .banner-image {padding: 0;}
  .strategy-consulting .section .strategic-two-col {padding: 0 20px;}
  .strategy-consulting .section .strategic-two-col .left-content {padding: 10px;}
  .strategy-consulting .section .strategic-two-col .right-content {row-gap: 25px;}

  .strategy-consulting .section .scope {padding: 0 20px;}
  .strategy-consulting .section .scope .scopes {grid-template-columns: 1fr;}
  .strategy-consulting .section .scope .info-section {flex-wrap: wrap; row-gap: 40px;}
  .strategy-consulting .section .scope .info-section .logo {flex: 0 1 100%;}
  .strategy-consulting .section .scope .info-section .content {flex: 0 1 100%; padding-left: 0px;}
  
  

  .strategy-consulting .section .partners {padding: 0 20px;}
  .strategy-consulting .section .partners .signature .partner-logo {margin-left: 20px;}
  
  .strategy-consulting .section .faq {padding: 0 20px; flex-wrap: wrap;}
  .strategy-consulting .section .faq .left-column {flex: 0 1 100%; padding-bottom: 40px;}
  .strategy-consulting .section .faq .right-column {flex: 0 1 100%;}
  .strategy-consulting .section .faq .right-column .faq-item {padding: 20px;}
  .strategy-consulting .section .faq .right-column .faq-item .faq-question {font-size: 16px;}
  .strategy-consulting .section .faq .right-column .faq-item .faq-answer {font-size: 14px;}
}

/* Architecture & Master Planning page template */
.architecture-master-planning {font: 18px / 22px 'proxima-nova';}
.architecture-master-planning .section {padding: 50px 0px; position: relative;}
.architecture-master-planning .section .strategic-two-col {display: flex; padding: 0 120px;}
.architecture-master-planning .section .strategic-two-col .left-content {flex: 0 1 50%; padding: 30px; font-size: 35px;}
.architecture-master-planning .section .strategic-two-col .left-content span {font-family: 'UniSans-Bold'; font-weight: bold;}
.architecture-master-planning .section .strategic-two-col .right-content {flex: 0 1 50%; display: flex; flex-direction: column; row-gap: 50px; align-items: flex-start;}
.architecture-master-planning .section .strategic-two-col .right-content .text{text-align: left; line-height: 35px;}
.architecture-master-planning .section .strategic-two-col .right-content .learn-more{display: flex; flex-direction: row; align-items: center; margin: 0;}
.architecture-master-planning .section .strategic-two-col .right-content .learn-more p {margin: 0;}
.architecture-master-planning .section .strategic-two-col .right-content .learn-more p span {margin: 5px; padding: 5px; font-weight: bold; font-size: 18px;}

.architecture-master-planning .section .banner-image {padding: 0 50px; position: relative;}
.architecture-master-planning .section .banner-image::after {content: ""; position: absolute; top: 0; left: 50px; width: calc(100% - 100px); height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here */}
.architecture-master-planning .section .banner-image img {width: 100%;}
.architecture-master-planning .section .banner-image .overlay-text {position: absolute; width: 600px; top: 50%; left: 10%; transform: translateY(-50%); z-index: 5;}
.architecture-master-planning .section .banner-image .overlay-text .title {font-family: 'UniSans-Bold'; font-weight: bold; font-size: 35px; color: #fff; text-transform: uppercase; line-height: normal; text-align: left;}
.architecture-master-planning .section .banner-image .overlay-text .subtitle {font-size: 18px; color: #fff; text-align: left}

.architecture-master-planning .section .scope {padding: 0 100px;}
.architecture-master-planning .section .scope .info-section {display: flex;}
.architecture-master-planning .section .scope .info-section .logo {flex: 0 1 30%;}
.architecture-master-planning .section .scope .info-section .content {flex: 0 1 70%; text-align: left;}
.architecture-master-planning .section .scope .info-section .content .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.architecture-master-planning .section .scope .info-section .content .subtitle {font-size: 18px; padding-top: 10px;}
.architecture-master-planning .section .scope .scopes {display: grid; column-gap: 80px; row-gap: 40px; padding: 40px 80px; grid-template-columns: 1fr 1fr 1fr;}
.architecture-master-planning .section .scope .scopes .scope-item {flex: 0 1 33%; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.architecture-master-planning .section .scope .scopes .scope-item .logo {margin: 0;}
.architecture-master-planning .section .scope .scopes .scope-item .text {}
.architecture-master-planning .section .scope .scopes .scope-item .text .title {font-size: 18px; font-weight: bold; padding-top: 20px; line-height: 22px; text-transform: uppercase;}
.architecture-master-planning .section .scope .scopes .scope-item .text .subtitle {font-size: 18px; padding: 10px 0; line-height: 22px;}

.architecture-master-planning .section .our-team {padding: 0 100px;}
.architecture-master-planning .section .our-team .info {max-width: 750px;}
.architecture-master-planning .section .our-team .info .title {font-size: 35px; font-family: 'UniSans-Bold'; line-height: normal;}
.architecture-master-planning .section .our-team .info .subtitle {text-transform: none; padding: 10px 0;}
.architecture-master-planning .section .our-team .team-members {display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 60px; padding: 40px; column-gap: 80px;}
.architecture-master-planning .section .our-team .team-members .member img {width: 100%;}
.architecture-master-planning .section .our-team .team-members .member .txt .name {font-size: 20px; padding-bottom: 4px; color: #E6700B; font-weight: bold; letter-spacing: normal;}
.architecture-master-planning .section .our-team .team-members .member .txt .title1 {letter-spacing: normal;}
.architecture-master-planning .section .our-team .team-members .member .txt .links  {}
.architecture-master-planning .section .our-team .team-members .member .txt .links .icon-link { width: 36px; height: 36px; display: block; background: #E6700B; border-radius: 50%; overflow: hidden; text-align: center; margin-top: 12px;}
.architecture-master-planning .section .our-team .team-members .member .txt .links .icon-link span { font-size: 22px; line-height: 1.7; color: #202020; letter-spacing: 0;}

.architecture-master-planning .section#p4 {background-color: #F5F5F5;}
.architecture-master-planning .section .partners {max-width: 900px;}
.architecture-master-planning .section .partners h2 {font-family: 'UniSans-Bold'; font-size: 24px;}
.architecture-master-planning .section .partners .partner-logos {display: flex; align-items: center; justify-content: center; padding: 20px;}
.architecture-master-planning .section .partners .partner-logos .logo-container {display: flex; justify-content: center; align-items: center; background: #fff; padding: 10px;}
.architecture-master-planning .section .partners .partner-logos .partner-logo {max-width: 75px; margin: 10px;}
.architecture-master-planning .section .partners .quote {text-transform: none; font-style: italic; line-height: 27px; letter-spacing: normal; max-width: 800px; font-size: 22px;}
.architecture-master-planning .section .partners .signature {display: flex; padding: 40px 0; max-width: 450px; align-items: center;}
.architecture-master-planning .section .partners .signature .avatar {max-width: 75px;}
.architecture-master-planning .section .partners .signature .title-section {text-align: left; padding:7px 20px 7px 10px; border-right: solid 1px #E6700B; margin-left: 0px;}
.architecture-master-planning .section .partners .signature .title-section .name {font-weight: bold;}
.architecture-master-planning .section .partners .signature .title-section .title {white-space: nowrap;}
.architecture-master-planning .section .partners .signature .partner-logo {max-width: 75px;}

.architecture-master-planning .section .faq {display: flex; padding: 0 200px;}
.architecture-master-planning .section .faq .left-column {flex: 0 1 40%; text-align: left;}
.architecture-master-planning .section .faq .left-column .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.architecture-master-planning .section .faq .left-column .text {padding: 20px 0;}
.architecture-master-planning .section .faq .left-column .buttons a {border-radius: 22px; background-color: #E6700B; padding: 12px 42px 10px; color: white; display: inline-block; border: 1px solid transparent; text-align: center;}
.architecture-master-planning .section .faq .right-column {flex: 0 1 60%;}
.architecture-master-planning .section .faq .right-column .faq-item {padding: 40px; background:#F5F5F5; margin-bottom: 20px; }
.architecture-master-planning .section .faq .right-column .faq-item .question-container {display: flex; justify-content: space-between; align-items: center;}
.architecture-master-planning .section .faq .right-column .faq-item .question-container .carrot {margin: 0; transition: all .3s ease;}
.architecture-master-planning .section .faq .right-column .faq-item .question-container .carrot.rotate {transform: rotate(180deg);}
.architecture-master-planning .section .faq .right-column .faq-item .faq-question {text-align: left; margin: 0; font-weight: bold;  letter-spacing: normal;}
.architecture-master-planning .section .faq .right-column .faq-item .faq-answer {display: none; text-align: left; text-transform: none; padding-top: 20px; font-size: 18px; line-height: 22px; letter-spacing: normal;}

@media (max-width: 1020px) {
  .architecture-master-planning .section .strategic-two-col {flex-wrap: wrap; padding: 0 60px;}
  .architecture-master-planning .section .strategic-two-col .left-content {flex: 0 1 100%;}
  .architecture-master-planning .section .strategic-two-col .right-content {flex: 0 1 100%;}

  .architecture-master-planning .section .scope {padding: 0 60px;}

  .architecture-master-planning .section .our-team {padding: 0 60px;}
  .architecture-master-planning .section .our-team .team-members {grid-template-columns: 1fr 1fr;}

  .architecture-master-planning .section .scope .scopes {grid-template-columns: 1fr 1fr; padding: 40px 0;}

  .architecture-master-planning .section .faq {padding: 0 60px;}
}

@media (max-width: 720px) {
  
  .architecture-master-planning .section {padding: 25px 0;}
  .architecture-master-planning .section .strategic-two-col {padding: 0 20px;}
  .architecture-master-planning .section .strategic-two-col .left-content {padding: 10px;}
  .architecture-master-planning .section .strategic-two-col .right-content {row-gap: 25px;}

  .architecture-master-planning .section .banner-image::after {left: 0; width: 100%;}
  .architecture-master-planning .section .our-team {padding: 0 20px;}

  .architecture-master-planning .section .scope {padding: 0 20px;}
  .architecture-master-planning .section .scope .scopes {grid-template-columns: 1fr; padding: 0; row-gap: 20px;}
  .architecture-master-planning .section .scope .info-section {flex-wrap: wrap; row-gap: 40px;}
  .architecture-master-planning .section .scope .info-section .logo {flex: 0 1 100%;}
  .architecture-master-planning .section .scope .info-section .content {flex: 0 1 100%;}

  .architecture-master-planning .section .partners {padding: 0 20px;}
  .architecture-master-planning .section .partners .signature .partner-logo {margin-left: 20px;}

  .architecture-master-planning .section .our-team .team-members {grid-template-columns: 1fr;}

  
  .architecture-master-planning .section .banner-image {padding: 0px;}
  .architecture-master-planning .section .banner-image .overlay-text {width: 350px; left: 5%;}
  .architecture-master-planning .section .banner-image .overlay-text .title {font-size: 18px;}
  .architecture-master-planning .section .banner-image .overlay-text .subtitle {font-size: 14px;}
  
  .architecture-master-planning .section .faq {padding: 0 20px; flex-wrap: wrap;}
  .architecture-master-planning .section .faq .left-column {flex: 0 1 100%; padding-bottom: 40px;}
  .architecture-master-planning .section .faq .right-column {flex: 0 1 100%;}

  .architecture-master-planning .section .faq .left-column .buttons a {font-size: 12px;}
  .architecture-master-planning .section .faq .right-column .faq-item {padding: 20px;}
  .architecture-master-planning .section .faq .right-column .faq-item .faq-question {font-size: 16px;}
  .architecture-master-planning .section .faq .right-column .faq-item .faq-answer {font-size: 14px;}
}

/* Landscape Architecture page template */
.landscape-architecture {font: 18px / 22px 'proxima-nova';}
.landscape-architecture .section {padding: 50px 0px; position: relative;}
.landscape-architecture .section .strategic-two-col {display: flex; padding: 0 120px;}
.landscape-architecture .section .strategic-two-col .left-content {flex: 0 1 50%; padding: 30px; font-size: 35px;}
.landscape-architecture .section .strategic-two-col .left-content span {font-family: 'UniSans-Bold'; font-weight: bold;}
.landscape-architecture .section .strategic-two-col .right-content {flex: 0 1 50%; display: flex; flex-direction: column; row-gap: 50px; align-items: flex-start;}
.landscape-architecture .section .strategic-two-col .right-content .text{text-align: left; line-height: 35px;}
.landscape-architecture .section .strategic-two-col .right-content .learn-more{display: flex; flex-direction: row; align-items: center; margin: 0;}
.landscape-architecture .section .strategic-two-col .right-content .learn-more p {margin: 0;}
.landscape-architecture .section .strategic-two-col .right-content .learn-more p span {margin: 5px; padding: 5px; font-weight: bold; font-size: 18px;}

.landscape-architecture .section .banner-image {padding: 0 50px; position: relative;}
.landscape-architecture .section .banner-image::after {content: ""; position: absolute; top: 0; left: 50px; width: calc(100% - 100px); height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here */}
.landscape-architecture .section .banner-image img {width: 100%;}
.landscape-architecture .section .banner-image .overlay-text {position: absolute; width: 600px; top: 50%; left: 10%; transform: translateY(-50%); z-index: 5;}
.landscape-architecture .section .banner-image .overlay-text .title {font-family: 'UniSans-Bold'; font-weight: bold; font-size: 35px; color: #fff; text-transform: uppercase; line-height: normal; text-align: left;}
.landscape-architecture .section .banner-image .overlay-text .subtitle {font-size: 18px; color: #fff; text-align: left}

.landscape-architecture .section .scope {padding: 0 100px;}
.landscape-architecture .section .scope .info-section {display: flex;}
.landscape-architecture .section .scope .info-section .logo {flex: 0 1 30%;}
.landscape-architecture .section .scope .info-section .content {flex: 0 1 70%; text-align: left;}
.landscape-architecture .section .scope .info-section .content .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.landscape-architecture .section .scope .info-section .content .subtitle {font-size: 18px; padding-top: 10px;}
.landscape-architecture .section .scope .scopes {display: grid; column-gap: 80px; row-gap: 40px; padding: 40px 80px; grid-template-columns: 1fr 1fr 1fr;}
.landscape-architecture .section .scope .scopes .scope-item {flex: 0 1 33%; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.landscape-architecture .section .scope .scopes .scope-item .logo {margin: 0;}
.landscape-architecture .section .scope .scopes .scope-item .text {}
.landscape-architecture .section .scope .scopes .scope-item .text .title {font-size: 18px; font-weight: bold; padding-top: 20px; line-height: 22px; text-transform: uppercase;}
.landscape-architecture .section .scope .scopes .scope-item .text .subtitle {font-size: 18px; padding: 10px 0; line-height: 22px;}

.landscape-architecture .section .our-team {padding: 0 100px;}
.landscape-architecture .section .our-team .info {max-width: 750px;}
.landscape-architecture .section .our-team .info .title {font-size: 35px; font-family: 'UniSans-Bold'; line-height: normal;}
.landscape-architecture .section .our-team .info .subtitle {text-transform: none; padding: 10px 0;}
.landscape-architecture .section .our-team .team-members {display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 60px; padding: 40px; column-gap: 80px;}
.landscape-architecture .section .our-team .team-members .member {}
.landscape-architecture .section .our-team .team-members .member img {width: 100%;}
.landscape-architecture .section .our-team .team-members .member .txt .name {font-size: 20px; padding-bottom: 4px; color: #E6700B; font-weight: bold; letter-spacing: normal;}
.landscape-architecture .section .our-team .team-members .member .txt .title1 {letter-spacing: normal;}
.landscape-architecture .section .our-team .team-members .member .txt .links .icon-link { width: 36px; height: 36px; display: block; background: #E6700B; border-radius: 50%; overflow: hidden; text-align: center; margin-top: 12px;}
.landscape-architecture .section .our-team .team-members .member .txt .links .icon-link span { font-size: 22px; line-height: 1.7; color: #202020; letter-spacing: 0;}

.landscape-architecture .section#p4 {background-color: #F5F5F5;}
.landscape-architecture .section .partners {max-width: 900px;}
.landscape-architecture .section .partners h2 {font-family: 'UniSans-Bold'; font-size: 24px;}
.landscape-architecture .section .partners .partner-logos {display: flex; align-items: center; justify-content: center; padding: 20px;}
.landscape-architecture .section .partners .partner-logos .logo-container {display: flex; justify-content: center; align-items: center; background: #fff; padding: 10px;}
.landscape-architecture .section .partners .partner-logos .partner-logo {max-width: 75px; margin: 10px;}
.landscape-architecture .section .partners .quote {text-transform: none; font-style: italic; line-height: 27px; letter-spacing: normal; max-width: 800px; font-size: 22px;}
.landscape-architecture .section .partners .signature {display: flex; padding: 40px 0; max-width: 450px; align-items: center;}
.landscape-architecture .section .partners .signature .avatar {max-width: 75px;}
.landscape-architecture .section .partners .signature .title-section {text-align: left; padding:7px 20px 7px 10px; border-right: solid 1px #E6700B; margin-left: 0px;}
.landscape-architecture .section .partners .signature .title-section .name {font-weight: bold;}
.landscape-architecture .section .partners .signature .title-section .title {white-space: nowrap;}
.landscape-architecture .section .partners .signature .partner-logo {max-width: 75px;}

.landscape-architecture .section .faq {display: flex; padding: 0 200px;}
.landscape-architecture .section .faq .left-column {flex: 0 1 40%; text-align: left;}
.landscape-architecture .section .faq .left-column .title {font-size: 35px; font-weight: bold; font-family: 'UniSans-Bold', Arial, Helvetica, sans-serif; line-height: normal;}
.landscape-architecture .section .faq .left-column .text {padding: 20px 0;}
.landscape-architecture .section .faq .left-column .buttons a {border-radius: 22px; background-color: #E6700B; padding: 12px 42px 10px; color: white; display: inline-block; border: 1px solid transparent; text-align: center;}
.landscape-architecture .section .faq .right-column {flex: 0 1 60%;}
.landscape-architecture .section .faq .right-column .faq-item {padding: 40px; background:#F5F5F5; margin-bottom: 20px; }
.landscape-architecture .section .faq .right-column .faq-item .question-container {display: flex; justify-content: space-between; align-items: center;}
.landscape-architecture .section .faq .right-column .faq-item .question-container .carrot {margin: 0; transition: all .3s ease;}
.landscape-architecture .section .faq .right-column .faq-item .question-container .carrot.rotate {transform: rotate(180deg);}
.landscape-architecture .section .faq .right-column .faq-item .faq-question {text-align: left; margin: 0; font-weight: bold; letter-spacing: normal;}
.landscape-architecture .section .faq .right-column .faq-item .faq-answer {display: none; text-align: left; text-transform: none; padding-top: 20px; font-size: 18px; line-height: 22px; letter-spacing: normal;}

@media (max-width: 1020px) {
  .landscape-architecture .section .strategic-two-col {flex-wrap: wrap; padding: 0 60px;}
  .landscape-architecture .section .strategic-two-col .left-content {flex: 0 1 100%;}
  .landscape-architecture .section .strategic-two-col .right-content {flex: 0 1 100%;}

  .landscape-architecture .section .scope {padding: 0 60px;}

  .landscape-architecture .section .our-team {padding: 0 60px;}
  .landscape-architecture .section .our-team .team-members {grid-template-columns: 1fr 1fr;}

  .landscape-architecture .section .scope .scopes {grid-template-columns: 1fr 1fr; padding: 40px 0;}

  .landscape-architecture .section .faq {padding: 0 60px;}
}

@media (max-width: 720px) {


  .landscape-architecture .section {padding: 25px 0;}
  .landscape-architecture .section .strategic-two-col {padding: 0 20px;}
  .landscape-architecture .section .strategic-two-col .left-content {padding: 10px;}
  .landscape-architecture .section .strategic-two-col .right-content {row-gap: 25px;}

  .landscape-architecture .section .our-team {padding: 0 20px;}

  .landscape-architecture .section .banner-image::after {left: 0; width: 100%;}

  .landscape-architecture .section .scope {padding: 0 20px;}
  .landscape-architecture .section .scope .scopes {grid-template-columns: 1fr; row-gap: 20px; padding: 0px;}
  .landscape-architecture .section .scope .info-section {flex-wrap: wrap; row-gap: 40px;}
  .landscape-architecture .section .scope .info-section .logo {flex: 0 1 100%;}
  .landscape-architecture .section .scope .info-section .content {flex: 0 1 100%;}
  

  .landscape-architecture .section .partners {padding: 0 20px;}
  .landscape-architecture .section .partners .signature .partner-logo {margin-left: 20px;}

  .landscape-architecture .section .banner-image {padding: 0;}
  .landscape-architecture .section .banner-image .overlay-text {left: 5%;}
  .landscape-architecture .section .banner-image .overlay-text {width: 350px;}
  .landscape-architecture .section .banner-image .overlay-text .title {font-size: 22px;}
  .landscape-architecture .section .banner-image .overlay-text .subtitle {font-size: 15px;}

  .landscape-architecture .section .our-team .team-members {grid-template-columns: 1fr;}
  
  .landscape-architecture .section .faq {padding: 0 20px; flex-wrap: wrap;}
  .landscape-architecture .section .faq .left-column {flex: 0 1 100%; padding-bottom: 40px;}
  .landscape-architecture .section .faq .right-column {flex: 0 1 100%;}
  .landscape-architecture .section .faq .right-column .faq-item {padding: 20px;}
  .landscape-architecture .section .faq .right-column .faq-item .faq-question {font-size: 16px;}
  .landscape-architecture .section .faq .right-column .faq-item .faq-answer {font-size: 14px;}

  .landscape-architecture .section .faq .left-column .buttons a {font-size: 12px;}
  
}