:root {
    --akwePro: 'Akwe Pro';
    --bonaTitle: 'Bona Title';
    --courierPrime: 'Courier New';
    --white: #fff;
    --black: #000;
    --cornflower: #8fd2ec;
    --snow: #fffafa;
    --blackOlive: #3b3b3b;
    --blackgray: #404040;
    --doveGrey: #6D6E71;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mb-50 {
    margin-bottom: 50px;
}

.bonaTitle {
    font-family: var(--bonaTitle);
}

.akweProLight {
    font-family: var(--akwePro);
    font-weight: 200;
}

.akweProRegular {
    font-family: var(--akwePro);
    font-weight: normal;
}

.courierPrimeRegular {
    font-family: var(--courierPrime);
    font-weight: normal;
}

.courierPrimeBold {
    font-family: var(--courierPrimeBold);
    font-weight: bold;
}

body {
    font-family: var(--courierPrime);
    font-weight: normal;
    position: relative;
    background: var(--snow);
}

body.home,
body.about,
body.projectSingle {
    opacity: 0;
}

.customContainer {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}


/* Custom Header */

.customHeader {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    line-height: 61px;
    position: relative;
    /* z-index: 99; */
    background: var(--snow);
}

.customHeader .siteLogo a svg {
    width: 27px;
    height: 16px;
    fill: var(--cornflower);
    vertical-align: middle;
}

.customHeader .siteLogo {
    width: 55px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e9e9e9;
    z-index: 99
}

.customHeader .fullLogo {
    position: absolute;
    left: 55px;
    z-index: 9;
}

.customHeader .fullLogo svg {
    width: 440px;
    height: 81px;
}

.customHeader .menuIcon {
    width: 55px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    z-index: 99;
    border-left: 1px solid #e9e9e9;
}

.customHeader .menuIcon svg {
    width: 26px;
    text-align: center;
    height: 6px;
    fill: var(--cornflower);
    transition: all 0.3s ease;
}

.openMegaMenu .menuIcon a,
.customHeader.fixed.openMegaMenu .menuIcon a {
    position: fixed;
    z-index: 99;
}

.openMegaMenu .menuIcon a:hover svg {
    fill: rgba(0, 0, 0, 0.10);
}

.openMegaMenu.customHeader .siteLogo {
    z-index: -99;
}

.customHeader.fixed.openMegaMenu .siteLogo a svg,
.openMegaMenu.customHeader .projectHeadinig {
    visibility: hidden;
}

.openMegaMenu .menuIcon a svg {
    transform: rotate(90deg);
    fill: rgba(0, 0, 0, 0.10);
}

.customHeader.openMegaMenu.fixed {
    position: relative !important;
    z-index: unset !important;
}

.showMegaMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background: #fffafa;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 715.35 505.35"><defs><style>.cls-1{opacity:0.16;}</style></defs><g id="Layer_1" data-name="Layer 1" class="cls-1"><rect x="10.07" y="0.08" width="0.15" height="505.19"/><rect x="20.14" y="0.08" width="0.15" height="505.19"/><rect x="30.22" y="0.08" width="0.15" height="505.19"/><rect x="40.29" y="0.08" width="0.15" height="505.19"/><rect x="50.36" y="0.08" width="0.15" height="505.19"/><rect x="60.43" y="0.08" width="0.15" height="505.19"/><rect x="70.51" y="0.08" width="0.15" height="505.19"/><rect x="80.58" y="0.08" width="0.15" height="505.19"/><rect x="90.65" y="0.08" width="0.15" height="505.19"/><rect x="100.73" y="0.08" width="0.15" height="505.19"/><rect x="110.8" y="0.08" width="0.15" height="505.19"/><rect x="120.92" y="0.08" width="0.15" height="505.19"/><rect x="130.92" y="0.08" width="0.15" height="505.19"/><rect x="141.02" y="0.08" width="0.15" height="505.19"/><rect x="151.09" y="0.08" width="0.15" height="505.19"/><rect x="161.17" y="0.08" width="0.15" height="505.19"/><rect x="171.24" y="0.08" width="0.15" height="505.19"/><rect x="181.31" y="0.08" width="0.15" height="505.19"/><rect x="191.39" y="0.08" width="0.15" height="505.19"/><rect x="201.46" y="0.08" width="0.15" height="505.19"/><rect x="211.53" y="0.08" width="0.15" height="505.19"/><rect x="221.61" y="0.08" width="0.15" height="505.19"/><rect x="231.68" y="0.08" width="0.15" height="505.19"/><rect x="241.75" y="0.08" width="0.15" height="505.19"/><rect x="251.83" y="0.08" width="0.15" height="505.19"/><rect x="261.92" y="0.08" width="0.15" height="505.19"/><rect x="271.97" y="0.08" width="0.15" height="505.19"/><rect x="282.05" y="0.08" width="0.15" height="505.19"/><rect x="292.12" y="0.08" width="0.15" height="505.19"/><rect x="302.19" y="0.08" width="0.15" height="505.19"/><rect x="312.27" y="0.08" width="0.15" height="505.19"/><rect x="322.34" y="0.08" width="0.15" height="505.19"/><rect x="332.41" y="0.08" width="0.15" height="505.19"/><rect x="342.48" y="0.08" width="0.15" height="505.19"/><rect x="352.56" y="0.08" width="0.15" height="505.19"/><rect x="362.63" y="0.08" width="0.15" height="505.19"/><rect x="372.71" y="0.08" width="0.15" height="505.19"/><rect x="382.78" y="0.08" width="0.15" height="505.19"/><rect x="392.85" y="0.08" width="0.15" height="505.19"/><rect x="402.92" y="0.08" width="0.15" height="505.19"/><rect x="413" y="0.08" width="0.15" height="505.19"/><rect x="423.07" y="0.08" width="0.15" height="505.19"/><rect x="433.14" y="0.08" width="0.15" height="505.19"/><rect x="443.22" y="0.08" width="0.15" height="505.19"/><rect x="453.29" y="0.08" width="0.15" height="505.19"/><rect x="463.36" y="0.08" width="0.15" height="505.19"/><rect x="473.44" y="0.08" width="0.15" height="505.19"/><rect x="483.51" y="0.08" width="0.15" height="505.19"/><rect x="493.59" y="0.08" width="0.15" height="505.19"/><rect x="503.66" y="0.08" width="0.15" height="505.19"/><rect x="513.73" y="0.08" width="0.15" height="505.19"/><rect x="523.8" y="0.08" width="0.15" height="505.19"/><rect x="533.92" y="0.08" width="0.15" height="505.19"/><rect x="543.92" y="0.08" width="0.15" height="505.19"/><rect x="554.02" y="0.08" width="0.15" height="505.19"/><rect x="564.1" y="0.08" width="0.15" height="505.19"/><rect x="574.17" y="0.08" width="0.15" height="505.19"/><rect x="584.24" y="0.08" width="0.15" height="505.19"/><rect x="594.32" y="0.08" width="0.15" height="505.19"/><rect x="604.39" y="0.08" width="0.15" height="505.19"/><rect x="614.46" y="0.08" width="0.15" height="505.19"/><rect x="624.53" y="0.08" width="0.15" height="505.19"/><rect x="634.61" y="0.08" width="0.15" height="505.19"/><rect x="644.68" y="0.08" width="0.15" height="505.19"/><rect x="654.76" y="0.08" width="0.15" height="505.19"/><rect x="664.83" y="0.08" width="0.15" height="505.19"/><rect x="674.92" y="0.08" width="0.15" height="505.19"/><rect x="684.98" y="0.08" width="0.15" height="505.19"/><rect x="695.05" y="0.08" width="0.15" height="505.19"/><rect x="705.12" y="0.08" width="0.15" height="505.19"/><rect x="0.08" y="9.92" width="715.2" height="0.15"/><rect x="0.08" y="19.81" width="715.2" height="0.15"/><rect x="0.08" y="29.71" width="715.2" height="0.15"/><rect x="0.08" y="39.62" width="715.2" height="0.15"/><rect x="0.08" y="49.52" width="715.2" height="0.15"/><rect x="0.08" y="59.43" width="715.2" height="0.15"/><rect x="0.08" y="69.34" width="715.2" height="0.15"/><rect x="0.08" y="79.24" width="715.2" height="0.15"/><rect x="0.08" y="89.15" width="715.2" height="0.15"/><rect x="0.08" y="99.05" width="715.2" height="0.15"/><rect x="0.08" y="108.92" width="715.2" height="0.15"/><rect x="0.08" y="118.92" width="715.2" height="0.15"/><rect x="0.08" y="128.77" width="715.2" height="0.15"/><rect x="0.08" y="138.68" width="715.2" height="0.15"/><rect x="0.08" y="148.58" width="715.2" height="0.15"/><rect x="0.08" y="158.49" width="715.2" height="0.15"/><rect x="0.08" y="168.39" width="715.2" height="0.15"/><rect x="0.08" y="178.3" width="715.2" height="0.15"/><rect x="0.08" y="188.21" width="715.2" height="0.15"/><rect x="0.08" y="198.11" width="715.2" height="0.15"/><rect x="0.08" y="208.02" width="715.2" height="0.15"/><rect x="0.08" y="217.92" width="715.2" height="0.15"/><rect x="0.08" y="227.83" width="715.2" height="0.15"/><rect x="0.08" y="237.74" width="715.2" height="0.15"/><rect x="0.08" y="247.64" width="715.2" height="0.15"/><rect x="0.08" y="257.55" width="715.2" height="0.15"/><rect x="0.08" y="267.45" width="715.2" height="0.15"/><rect x="0.08" y="277.36" width="715.2" height="0.15"/><rect x="0.08" y="287.26" width="715.2" height="0.15"/><rect x="0.08" y="297.17" width="715.2" height="0.15"/><rect x="0.08" y="307.08" width="715.2" height="0.15"/><rect x="0.08" y="316.98" width="715.2" height="0.15"/><rect x="0.08" y="326.92" width="715.2" height="0.15"/><rect x="0.08" y="336.8" width="715.2" height="0.15"/><rect x="0.08" y="346.7" width="715.2" height="0.15"/><rect x="0.08" y="356.61" width="715.2" height="0.15"/><rect x="0.08" y="366.51" width="715.2" height="0.15"/><rect x="0.08" y="376.42" width="715.2" height="0.15"/><rect x="0.08" y="386.32" width="715.2" height="0.15"/><rect x="0.08" y="396.23" width="715.2" height="0.15"/><rect x="0.08" y="406.13" width="715.2" height="0.15"/><rect x="0.08" y="416.04" width="715.2" height="0.15"/><rect x="0.08" y="425.92" width="715.2" height="0.15"/><rect x="0.08" y="435.85" width="715.2" height="0.15"/><rect x="0.08" y="445.76" width="715.2" height="0.15"/><rect x="0.08" y="455.66" width="715.2" height="0.15"/><rect x="0.08" y="465.57" width="715.2" height="0.15"/><rect x="0.08" y="475.48" width="715.2" height="0.15"/><rect x="0.08" y="485.38" width="715.2" height="0.15"/><rect x="0.08" y="495.29" width="715.2" height="0.15"/><path d="M715.35,505.35H0V0H715.35ZM.15,505.2H715.2V.15H.15Z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 66% 62%;
    display: none;
}

.showMegaMenu .containerPart {
    max-width: 910px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
}

.showMegaMenu .containerPart .rowPart {
    display: flex;
    column-gap: 130px;
    width: 100%;
}

.showMegaMenu .bottomBar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    color: var(--black);
    font-size: 12px;
    line-height: 14px;
}

.showMegaMenu .bottomBar a {
    color: var(--black);
    transition: all 0.3s ease;
}

.showMegaMenu .bottomBar a:hover {
    color: var(--cornflower);
}

.showMegaMenu .headerleftPart {
    width: 30%;
}

.showMegaMenu ul,
.showMegaMenu ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.showMegaMenu .headerleftPart .siteLogoFull a svg {
    width: 261px;
    height: 51px;
}

.showMegaMenu .headerleftPart .siteLogoFull {
    margin-bottom: 65px;
}

.showMegaMenu .headerleftPart ul li {
    margin-bottom: 15px;
}

.showMegaMenu .headerleftPart ul li a {
    display: block;
    font-size: 25px;
    line-height: 35px;
    font-family: var(--akwePro);
    font-weight: 200;
    transition: all 0.3s ease;
}

.showMegaMenu .headerleftPart ul li a:hover {
    color: var(--cornflower);
}

.showMegaMenu .headerRightPart {
    width: 70%;
    margin-top: 50px;
    padding-top: 65px;
    border-top: 1px solid var(--black);
}

.showMegaMenu .headerRightPart p {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1;
    font-family: var(--akwePro);
    transition: all 0.3s ease;
    font-weight: 500;
}

.showMegaMenu .headerRightPart ul {
    column-count: 2;
}

.showMegaMenu .headerRightPart ul li {
    margin-bottom: 10px;
}

.showMegaMenu .headerRightPart ul li a {
    display: inline-block;
    font-size: 19px;
    line-height: 31px;
    transition: all 0.3s ease;
    opacity: 0.5;
    position: relative;
    text-transform: capitalize;
}

.showMegaMenu .headerRightPart ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 0%;
    height: 1px;
    background: var(--black);
    transition: all 0.3s ease;
}

.showMegaMenu .headerRightPart ul li a:hover::after {
    width: 100%;
    left: 0;
}

.showMegaMenu .headerRightPart ul li a:hover {
    opacity: 1;
}


/* End Custom Header */

.bannerSection {
    position: relative;
    height: 100vh;
    /* height: calc(100vh - var(--header-height)); */
    padding: 0 55px;
    padding-top: var(--header-height);
    padding-bottom: var(--header-height);
}

.bannerSection::before,
.bannerSection::after {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    height: 1px;
    z-index: 1;
    pointer-events: none;
    left: 0;
}

.bannerSection::before {
    top: 0;
    display: none;
}

.bannerSection::after {
    top: auto;
    bottom: 0;
}

.borderSection {
    position: absolute;
    z-index: 0;
    overflow: clip;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    height: calc(100% - var(--header-height)*2);
}

.brdPart {
    height: calc(100% / 4);
    /* border-bottom: 1px solid var(--cornflower); */
    border-bottom: 1px solid #e9e9e9;
}

.horzontalLine::before,
.horzontalLine::after {
    content: '';
    width: 1px;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    position: absolute;
    top: var(--header-height);
    height: calc(100% - var(--header-height));
    z-index: 1;
    pointer-events: none;
}

.horzontalLine::before {
    left: 55px;
}

.horzontalLine::after {
    right: 55px;
}

.bannerImg {
    background-size: cover;
    background-position: top center;
    height: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.bannerImg:after {
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.69) 100%); */
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.21) 100%);
    padding: 45px;
    background-blend-mode: multiply;
    min-height: 296px;
    content: '';
    top: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.bannerImg .textBg {
    padding: 45px;
    position: relative;
    z-index: 1;
}

.bannerImg .textBg h2 {
    font-size: 21px;
    line-height: 33px;
    letter-spacing: 0.25px;
    color: var(--white);
    font-family: var(--akwePro);
    font-weight: 200;
    max-width: 425px;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.projectHeadinig {
    padding-left: 15px;
}

.projectHeadinig h1 {
    font-size: 18px;
    font-weight: 400;
}

.projectHeadinig h1 span.projectName {
    display: inline-block;
}

.projectHeadinig h1 span.projectName:after {
    content: '|';
    margin: 0 8px;
}

.projectSimpleText {
    padding: 55px 40px 40px;
    border-bottom: 1px solid #e9e9e9;
}

.projectSimpleText p {
    max-width: 505px;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--akwePro);
    font-weight: 400;
}

.stickySecions {
    position: relative;
    overflow: hidden;
}

.stickySecions::before {
    content: '';
    width: 1px;
    /* background: var(--cornflower);*/
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.stickySecions .pinned-section {
    /* max-width: 947px; */
    max-width: 1170px;
}

.fullWidth {
    max-width: 100% !important;
    padding: 0 55px;
}

.stickySecions .pinned-section .scrolling-element.left,
.stickySecions .pinned-section .pinned-element.left {
    padding-right: 35px;
}

.stickySecions .pinned-section p {
    width: 360px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.25px;
}

.stickySecions .pinned-section .akweProRegular p {
    width: 390px;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.25px;
    padding-bottom: 40px;
}
.stickySecions .pinned-section .akweProRegular .no-padding{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.stickySecions .pinned-section .pinned-element.right,
.stickySecions .pinned-section .scrolling-element.right {
    padding-left: 35px;
}

.stickySecions .row_padding_top {
    padding-top: 130px;
}

.stickySecions .row_padding_bottom {
    padding-bottom: 50px;
}

.stickySecions .customSpacing {
    padding-bottom: 80px;
}

.stickySecions .pinned-section .pinned-element.right,
.stickySecions .pinned-section .pinned-element.left {
    padding-top: 25px;
}

.stickySecions .pinned-section .pinned-element.right:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 1px;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    left: 0px;
    pointer-events: none;
}

.stickySecions .pinned-section .pinned-element.left:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 1px;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    right: 0px;
    pointer-events: none;
}

#data {
    overflow: hidden;
    position: relative;
}

.projectSection {
    position: relative;
}

.stickyPart {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.stickyAnimation {
    padding: 0px 55px;
    position: relative;
    z-index: 9;
    height: 100dvh;
}

.projectInfo {
    display: flex;
    padding: 0px;
    position: relative;
    height: 100dvh;
}

.projectInfo .leftInfo {
    background: rgba(143, 210, 236, 0.82);
    display: flex;
    padding: 0;
    max-width: 50%;
    width: 100%;
    gap: 14vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.projectInfo .leftInfo p {
    font-size: 30px;
    line-height: 44px;
    font-family: var(--akwePro);
    color: var(--white);
    max-width: 322px;
    text-align: left;
    letter-spacing: 0.25px;
    font-weight: 200;
}

.projectSection .borderSection {
    position: absolute;
    z-index: 0;
    overflow: clip;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100dvh;
}

.textImgAnimation {
    position: relative;
    padding: 150px 55px;
    display: flex;
    align-items: flex-start;
    gap: 55px;
    overflow: hidden;
}

.borderdsection,
.brdBg {
    position: relative;
}

.textImgAnimation::before {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    left: 0px;
}

.textImgAnimation::after {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    bottom: 110px;
    top: auto;
    left: 0px;
}

.brdBg .horizontalLine {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.brdBg .horizontalLine::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 19.75vh;
    z-index: 1;
    pointer-events: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.textImgAnimation .onlyImg {
    width: 34vw;
    opacity: 1;
    transform: translateX(0);
}

.textImgAnimation .imgTextPart {
    width: 66vw;
}

.textImgAnimation .imgTextPart .imgBox {
    margin-bottom: 75px;
    opacity: 1;
    transform: translateX(0);
}

.textImgAnimation .imgTextPart .textPart {
    max-width: 485px;
    opacity: 1;
    transform: translateY(0);
}

.textImgAnimation .imgTextPart .textPart p {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.25px;
    margin: 0px;
    padding: 0px;
}

#multipleData {
    overflow: visible;
    position: relative;
}

.multipleOverlay {
    position: relative;
}

.multipleOverlay .parentSection {
    position: absolute;
    z-index: 0;
    overflow: clip;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100dvh;
}

.multipleOverlay .parentSection,
.multipleOverlay .secondProjectInfo {
    position: relative;
    width: 100%;
    height: 100vh;
}

.multipleOverlay .parentSection .stickyPart {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.multipleOverlay .stickyPart .topToBottomText {
    position: absolute;
    left: 0;
    top: calc(50px + var(--header-height));
    width: 100%;
    border-top: 1px solid var(--cornflower);
    overflow: hidden;
    will-change: transform;
}

.multipleOverlay .stickyPart .topToBottomText p {
    max-width: 638px;
    text-align: left;
    color: var(--white);
    font-size: 18px;
    line-height: 27px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 55px;
}

.multipleOverlay .stickyPart .topToBottomText p.darkText {
    color: var(--blackOlive);
}

.multipleOverlay .stickyPart .topToBottomText.rightAlign p {
    margin: 15px 0px 0px auto;
    padding: 0px 55px 0px 0px;
}

.topToBottomText .rightSideText p {
    margin-left: auto;
    padding-right: 50px;
}

.multipleOverlay .secondProjectInfo {
    position: absolute;
    z-index: 0;
    overflow: clip;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100dvh;
}

.multipleOverlay .secondProjectInfo .stickyPart {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.multipleOverlay .thirdProjectInfo {
    display: flex;
    padding: 0px;
    position: relative;
    height: 100dvh;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.33);
    transform: translateY(0);
}

.multipleOverlay .thirdProjectInfo .borderText {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    max-width: 668px;
    transform: translateY(0);
}

.multipleOverlay .thirdProjectInfo .borderText p {
    border-top: 1px solid var(--cornflower);
    font-size: 36px;
    line-height: 46px;
    font-family: var(--akwePro);
    color: var(--white);
    text-align: left;
    letter-spacing: 0.25px;
    font-weight: 200;
    padding-top: 15px;
}

.multipleOverlay .secondProjectInfo .stickyPart:before {
    min-height: 296px;
    content: ' ';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
}

.simpleProjectCredit {
    position: relative;
    padding: 50px 0px;
}

.simpleProjectCredit::before {
    content: '';
    width: 1px;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.simpleProjectCredit .innerPart {
    display: flex;
}

.simpleProjectCredit .lebelText {
    width: 50%;
    text-transform: uppercase;
    padding-right: 40px;
}

.simpleProjectCredit .moreDetails {
    /* width: 100%;
    padding-left: 40px;
    max-width: 492px; */
    width: 50%;
    padding-left: 40px;
}

.simpleProjectCredit .lebelText h3,
.simpleProjectCredit .moreDetails p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.25px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-weight: 400;
    color: var(--blackgray);
}

.simpleProjectCredit .moreDetails p:last-child {
    margin: 0px;
}

.projectNavigation {
    position: relative;
    padding: 45px 0;
}

.projectNavigation .row {
    display: flex;
    align-items: center;
}

.projectNavigation .row .col {
    width: 50%;
    float: left;
}

.projectNavigation .row .col.contactInfo {
    padding: 0px 45px 0px 45px;
}

.projectNavigation .row .col.contactInfo p {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.25px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    color: var(--blackgray);
}

.projectNavigation .row .col.contactInfo p:last-child {
    margin-bottom: 0px;
}

.projectNavigation .inlineText a {
    display: inline-block;
}

.projectNavigation .socialMediaIcon a {
    display: inline-block;
}

.projectNavigation .socialMediaIcon a svg {
    width: 26px;
    height: 26px;
    fill: var(--black);
    opacity: 1;
}

.projectNavigation::before {
    content: '';
    width: 1px;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.projectNavigation::after {
    content: '';
    width: 100%;
    /* background: var(--cornflower); */
    background: #e9e9e9;
    position: absolute;
    top: 0;
    left: 0%;
    height: 1px;
    z-index: 1;
    pointer-events: none;
}

.projectNavigation a {
    display: flex;
    align-items: center;
    gap: 50px;
    width: max-content;
    color: var(--blackgray);
    transition: all 0.3s ease;
}

.projectNavigation a svg {
    width: 50px;
    height: 9px;
    fill: var(--blackgray);
    opacity: 0.4;
    transition: all 0.3s ease;
}

.projectNavigation a:hover {
    color: var(--cornflower);
}

.projectNavigation a:hover svg {
    fill: var(--cornflower);
    opacity: 1;
}

.mb-40 {
    margin-bottom: 40px;
}

.textAndSliderAnimation {
    background: #f1f1f1;
    min-height: 675px;
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}

.textAndSliderAnimation .animatedText {
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 55px;
}

.textAndSliderAnimation .animatedText p {
    max-width: 484px;
    text-align: left;
    color: rgba(59, 59, 59, 0.13);
    font-family: var(--akwePro);
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.25px;
    font-weight: 200;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.sliderSection {
    width: 50%;
    position: relative;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide img {
    display: block;
    width: 100%;
}


/* .sliderSection .qodef--slider {
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transform: scale(1);
    transform-origin: 0 50%;
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96), transform 1.06s ease;
    width: 100%;
    height: 100%;
}

.sliderSection .qodef--slider .swiper-slide {
    opacity: 1!important;
    z-index: 0;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96) 1s;
}

.sliderSection .qodef--slider .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.15);
    transform-origin: 0 50%;
    transition: transform 1.06s ease .32s;
}

.sliderSection .qodef--slider .swiper-slide.swiper-slide-active {
    z-index: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96);
}

.sliderSection .qodef--slider .swiper-slide.swiper-slide-active img {
    transform: scale(1);
    transition: transform 1.06s ease;
} */

.sliderSection .qodef--slider {
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transform: scale(1);
    transform-origin: 0 50%;
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96), transform 1.06s ease;
    width: 100%;
    height: 100%;
}

.sliderSection .qodef--slider .swiper-slide {
    opacity: 1!important;
    z-index: 0;
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96) 1s;
}

.sliderSection .qodef--slider .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.15);
    transform-origin: 0 50%;
    transition: transform 1.06s ease .32s;
}

.sliderSection .qodef--slider .swiper-slide.swiper-slide-active {
    z-index: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: clip-path 2.50s cubic-bezier(.46, .03, .52, .96);
}

.sliderSection .qodef--slider .swiper-slide.swiper-slide-active img {
    transform: scale(1);
    transition: transform 1.06s ease;
}

.sliderSection .qodef--slider .swiper-pagination {
    bottom: 38px;
    text-align: right;
    padding-right: 22px;
}

.sliderSection .qodef--slider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background-color: transparent;
    opacity: 1;
    transition: width .3s ease;
    position: relative;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 0 10px !important;
}

.sliderSection .qodef--slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #000;
}

.sliderWithText {
    padding: 88px 55px;
    display: flex;
    gap: 88px;
}

.colOneOfThree {
    width: 33.3%;
}

.colOneOfThree .imgbox {
    aspect-ratio: 3 /4;
}

.colOneOfThree .imgbox img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.colOneOfThree.testomonialSlider {
    border: 1px solid var(--cornflower);
    padding: 35px;
    display: flex;
    align-items: center;
}

.testiSliderParent {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.testiSliderParent .sliderNavPart {
    display: flex;
    gap: 10px;
    position: relative;
    align-items: center;
    margin-bottom: 30px;
}

.testiSliderParent .swiper-button-next {
    width: auto;
    height: auto;
    position: unset;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testiSliderParent .swiper-button-next svg {
    width: 9px;
    height: 11px;
    fill: #8fd2ec;
    transition: all 0.3s ease;
}

.testiSliderParent .swiper-button-prev {
    width: auto;
    height: auto;
    position: unset;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testiSliderParent .swiper-button-prev svg {
    width: 9px;
    height: 11px;
    fill: #8fd2ec;
    transition: all 0.3s ease;
}

.testiSliderParent .box {
    width: auto;
    height: auto;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testiSliderParent .box svg {
    width: 10px;
    height: 10px;
    fill: #8fd2ec;
    transition: all 0.3s ease;
    object-fit: contain;
    transform-origin: center;
}

.testiSliderParent .swiper-button-next:after,
.testiSliderParent .swiper-button-prev:after {
    display: none;
}

.testiSliderParent .swiper-button-next:hover svg,
.testiSliderParent .swiper-button-prev:hover svg {
    fill: #8fd2ec;
}

.testiSliderParent p {
    color: var(--blackOlive);
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.25px;
    margin: 0px;
    padding: 0px;
}

.topBottomAniamtion {
    position: relative;
    height: 100dvh;
    overflow: hidden;
}

.topBottomAniamtion img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.topBottomAniamtion .topToBottomText {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    border-top: 1px solid var(--cornflower);
    overflow: hidden;
    will-change: transform;
}

.topBottomAniamtion .topToBottomText p {
    max-width: 638px;
    text-align: left;
    color: var(--white);
    font-size: 18px;
    line-height: 27px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 55px;
}

.topToBottomText .rightSideText p {
    margin-left: auto;
    padding-right: 50px;
}

.imgWithBorderdData {
    position: absolute;
    /* Ensures it overlays the previous section */
    top: 100%;
    /* Start below the viewport */
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url(../images/projects/100RiverRoad/Timothy-Downing-D&CO-11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(59, 59, 59, 0.66);
    transform: translateY(100%);
    /* Initially pushed down */
    z-index: 2;
    /* Ensures it's above .topBottomAniamtion */
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgWithBorderdData img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.imgWithBorderdData .borderText {
    margin: 0 auto;
    max-width: 668px;
    transform: translateY(50px);
    opacity: 0;
    /* Hidden initially */
}

.imgWithBorderdData .borderText p {
    border-top: 1px solid var(--cornflower);
    font-size: 36px;
    line-height: 46px;
    font-family: var(--akwePro);
    color: var(--white);
    text-align: left;
    letter-spacing: 0.25px;
    font-weight: 200;
    padding-top: 15px;
    margin: 0px;
}


/* Home page */

.home .siteLogo a,
.about .siteLogo a {
    visibility: hidden;
}

.customHomeSlider {
    position: relative;
    height: 100vh;
    padding: 0 55px;
    align-items: flex-end;
    display: flex;
}

.customHomeSlider .stickyBrd {
    position: absolute;
    z-index: 0;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    top: 0;
}

.customHomeSlider .stickyBrd .stickyBrdPart {
    height: 25vh;
    border-bottom: 1px solid #e9e9e9;
}

.customHomeSlider .stickyBrd .horzontalBrdLine::before,
.customHomeSlider .stickyBrd .horzontalBrdLine::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.customHomeSlider .stickyBrd .horzontalBrdLine::before {
    left: 54px;
}

.customHomeSlider .stickyBrd .horzontalBrdLine::after {
    right: 54px;
}

.heroSiderParent {
    width: 100%;
    position: relative;
}

.heroSiderParent .wipeDownSlider::before {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: 0%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.heroSiderParent .wipeDownSlider {
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transform-origin: 0 50%;
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96), transform 1.06s ease;
    width: 100%;
    height: 100%;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox {
    opacity: 1!important;
    z-index: 0;
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96) 1s;
}

.heroSiderParent .wipeDownSlider .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: auto;
    transform-origin: 0 50%;
    transition: transform 1.06s ease .32s;
    aspect-ratio: 3 / 2;
}

.heroSiderParent .wipeDownSlider .swiper-slide.swiper-slide-active .imgBox {
    z-index: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: clip-path 2.50s cubic-bezier(.46, .03, .52, .96);
}

.heroSiderParent .wipeDownSlider .swiper-slide.swiper-slide-active img {
    /* transition: transform 0.06s ease; */
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 {
    display: flex;
    align-items: center;
    text-align: unset;
    justify-content: space-between;
    gap: 60px;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 img {
    margin: 0px !important;
    aspect-ratio: 4 / 3;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 a:last-child img {
    object-position: bottom center;
}

.heroSiderParent .wipeDownSlider .swiper-slide h1 {
    font-size: 14px;
    line-height: 62px;
    color: var(--blackOlive);
    text-align: right;
    letter-spacing: 0.25px;
    font-weight: 200;
    padding-right: 15px;
}

.heroSiderParent .wipeDownSlider .swiper-slide h1 span.projectName:after {
    content: '|';
    margin: 0 8px;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgFull {
    width: 100%;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgFull img {
    width: 100%;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix {
    display: flex;
    align-items: center;
    text-align: unset;
    justify-content: space-between;
    gap: 0px;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix img {
    margin: 0px !important;
    aspect-ratio: 4 / 3;
    width: 100%;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix a {
    width: 50%;
}

.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix a:first-child img {
    width: auto;
    aspect-ratio: 4 / 5;
    margin-left: auto !important;
    margin-right: 60px !important;
}


/* Mega menu new design */

.showMegaMenuForParents {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background: var(--snow);
    visibility: hidden;
    transition: all 0.3s ease;
}

.showMegaMenuForParents.showMenu {
    visibility: visible;
}

.showMegaMenuForParents .bottomBar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    color: var(--blackgray);
    font-size: 14px;
    width: 100%;
    text-align: center;
    letter-spacing: 0.25px;
}

.showMegaMenuForParents .bottomBar span {
    display: inline-flex;
    margin: 0 20px;
}

.showMegaMenuForParents .bottomBar a {
    color: var(--blackgray);
    transition: all 0.3s ease;
}

.showMegaMenuForParents .bottomBar a:hover {
    color: var(--cornflower);
}

.showMegaMenuForParents ul,
.showMegaMenuForParents ul li,
.customHeaderInDisplay.rowPart ul,
.customHeaderInDisplay.rowPart ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.showMegaMenuForParents .topNavigation ul,
.customHeaderInDisplay.rowPart .topNavigation ul {
    display: flex;
    gap: 45px;
}

.showMegaMenuForParents .topNavigation ul li a,
.customHeaderInDisplay.rowPart .topNavigation ul li a {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    transition: all 0.3s ease;
    color: var(--blackgray);
    position: relative;
}

.showMegaMenuForParents .topNavigation ul li a.activeMenu,
.showMegaMenuForParents .topNavigation ul li a:hover,
.customHeaderInDisplay.rowPart .topNavigation ul li a.activeMenu,
.customHeaderInDisplay.rowPart .topNavigation ul li a:hover {
    color: var(--cornflower);
}

.showMegaMenuForParents .stickyBrd {
    position: absolute;
    z-index: 0;
    padding: 0;
    width: 100%;
    left: 0;
    pointer-events: none;
    right: 0;
    height: 100vh;
    top: 0;
}

.showMegaMenuForParents .stickyBrd .stickyBrdPart {
    height: 25vh;
    border-bottom: 1px solid #e9e9e9;
}

.showMegaMenuForParents .stickyBrd .horzontalBrdLine::before,
.showMegaMenuForParents .stickyBrd .horzontalBrdLine::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.showMegaMenuForParents .stickyBrd .horzontalBrdLine::before {
    left: 54px;
}

.showMegaMenuForParents .stickyBrd .horzontalBrdLine::after {
    right: 54px;
}

.showMegaMenuForParents .rowPart,
.customHeaderInDisplay.rowPart {
    padding-left: 55px;
    padding-right: 55px;
    border-top: 1px solid #e9e9e9;
    position: relative;
}

.customHeaderInDisplay.rowPart {
    border-top: transparent;
    margin-bottom: 94px;
    padding-top: var(--header-height);
}

.showMegaMenuForParents .rowPart .topNavigation,
.customHeaderInDisplay.rowPart .topNavigation {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.showMegaMenuForParents .rowPart .topNavigation .megaMnuSiteLogoFull svg,
.customHeaderInDisplay.rowPart .topNavigation .megaMnuSiteLogoFull svg {
    width: 440px;
    height: 81px;
}

.showMegaMenuForParents .projectsMenu,
.customHeaderInDisplay.rowPart .projectsMenu {
    position: relative;
    padding-left: 55px;
    padding-right: 55px;
    display: flex;
    align-items: flex-start;
}

.showMegaMenuForParents .projectsMenu::before {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: 0%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.showMegaMenuForParents .projectsMenu .cols {
    width: 50%;
    padding: 35px 30px;
}

.showMegaMenuForParents .projectsMenu .cols p {
    text-align: right;
    font-family: var(--akwePro);
    font-weight: 200;
    font-size: 21px;
    letter-spacing: 0.25px;
    color: var(--blackgray);
    margin: -6px 0px 0px 0px;
    line-height: 1;
}

.showMegaMenuForParents .projectsMenu .cols ul li {
    margin-bottom: 15px;
}

.showMegaMenuForParents .projectsMenu .cols ul li a {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    transition: all 0.3s ease;
    position: relative;
    text-transform: capitalize;
    color: var(--blackgray);
}

.showMegaMenuForParents .projectsMenu .cols ul li a.active,
.showMegaMenuForParents .projectsMenu .cols ul li a:hover {
    color: var(--cornflower);
}

.hideBodyScroll {
    overflow: hidden;
}


/* About page */

.about #main:before,
.about #main:after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: var(--header-height, 0);
    bottom: 0;
    height: calc(100% - var(--header-height, 0));
    z-index: 1;
    pointer-events: none;
}

.about #main::before {
    left: 54px;
}

.about #main:after {
    right: 54px;
}

.aboutText {
    padding: 0 55px;
    position: relative;
}

.aboutText:before,
.aboutText:after {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
}

.aboutText:before {
    left: 0px;
    top: 0;
    width: calc(100% - 55px);
}

.aboutText::after {
    right: 0px;
    top: auto;
    bottom: 0;
}

.aboutText .row {
    display: flex;
    /* align-items: center; */
}

.aboutText .row::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 100%;
    left: 50%;
}

.aboutText .row .cols {
    width: 50%;
}

.aboutText .row .cols:first-child {
    padding: 40px 75px;
}

.aboutText .row .cols p {
    margin: 0px 0px 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--blackgray);
    letter-spacing: 0;
}

.aboutText .row .cols p:last-child {
    margin-bottom: 0px;
}

.aboutText .row .cols .aboutImg {
    margin: 0 auto;
    text-align: center;
    padding: 0 130px;
}

.row:after {
    content: "";
    display: block;
    clear: both;
}

.workProcess {
    padding: 35px 55px 50px;
    position: relative;
}

.instagramPage .workProcess {
    padding: 55px;
}

.workProcess h2 {
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.25px;
    color: var(--blackgray);
    margin-bottom: 0px;
}

.instagramPage .workProcess::before {
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
}

.workProcess:after {
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
}

.workProcess .codePart {
    position: relative;
    overflow: hidden;
}

.workProcess .codePart::before {
    content: '';
    width: 100vw;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.workProcess .codePart img {
    width: 100%;
    max-width: 100%;
}

.workProcess .customTagEmbedCode .codePart{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.workProcess .customTagEmbedCode .codePart .swiper-button-prev,
.workProcess .customTagEmbedCode .codePart .swiper-button-next{
    background: #ffffff;
    width: 50px;
    height: 50px;
    color: #000000;
    border-radius: 100px;
}
.workProcess .customTagEmbedCode .codePart .swiper-button-prev::after,
.workProcess .customTagEmbedCode .codePart .swiper-button-next::after{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 100px;
}
.workProcess .customTagEmbedCode .codePart .swiper-button-prev:focus,
.workProcess .customTagEmbedCode .codePart .swiper-button-prev:hover,
.workProcess .customTagEmbedCode .codePart .swiper-button-next:focus,
.workProcess .customTagEmbedCode .codePart .swiper-button-next:hover{
    background: #ffffff;
    border-radius: 100px;
}

.about .simpleTextImg {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 55px;
    padding-left: 55px;
    position: relative;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.noPadTop.simpleTextImg {
    padding-top: 0;
    border-top: none;
}

.about .simpleTextImg::before {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.aboutText .row.headingPart .cols {
    padding: 0;
}


/* .about .simpleTextImg::after {
    content: '';
    width: 55px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 19.75vh;
    z-index: 1;
    pointer-events: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
} */

.about .simpleTextImg p a {
    color: var(--cornflower);
}

.about .simpleTextImg .fullWidthRow {
    display: flex;
    align-items: center;
}

.about .simpleTextImg .fullWidthRow .colsPart {
    width: 50%;
}

.about .simpleTextImg .akweProRegular p {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.25px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0px 0px 20px 0px;
}
.about .simpleTextImg .akweProRegular p:last-child{
    margin-bottom: 0px;
}
.colsPart figure {
    overflow: hidden;
}

.colsPart figure img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
    min-height: 428px;
    width: 100%;
}

.bannerImg.posCenter {
    background-position: center center;
}

.imgText {
    margin-top: var(--header-height);
    margin-bottom: var(--header-height);
    padding: 0px 55px;
    position: relative;
}

.imgText:before,
.imgText:after {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
}

.imgText:before {
    left: 0px;
    top: 0;
    width: 100%;
}

.imgText::after {
    right: 0px;
    top: auto;
    bottom: 0;
}

.imgText .row {
    display: flex;
    align-items: center;
    position: relative;
}

.imgText .row::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.imgText .row .cols {
    width: 50%;
}

.imgText .row .cols p {
    padding: 50px 50px 50px 35px;
    margin: 0px;
    font-family: var(--akwePro);
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.25px;
    color: var(--blackgray);
    max-width: 492px;
}

.imgText .row .cols .aboutImg {
    height: 54.57vh;
    display: block;
    /* padding-right: 30px; */
}

.imgText .row .cols .aboutImg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* aspect-ratio: 16 / 9; */
}

.arlington .multipleOverlay .thirdProjectInfo {
    background-color: rgba(0, 0, 0, 0.33);
}

.arlington .topBottomAniamtion .topToBottomText {
    z-index: 1;
}

.arlington .topBottomAniamtion:after {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
    padding: 45px;
    background-blend-mode: multiply;
    min-height: 296px;
    content: '';
    top: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}


/* .bottomRight.right {
    float: right;
    width: 50%;
    padding-left: 35px;
} */


/* 
.bottomStickyText {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bottomRight {
    width: 50%;
    float: right;
} */


/* .arlington .projectSection {
    margin-top: 180px;
} */

.borderdsectionArlington,
.brdBgArlington {
    position: relative;
}

.textImgAnimationArlington {
    position: relative;
    padding: 65px 55px;
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.borderdsectionArlington .textImgAnimationArlington::before {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    left: 0px;
}

.borderdsectionArlington .textImgAnimationArlington::after {
    content: '';
    width: 100%;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    bottom: 0px;
    top: auto;
    left: 0px;
}

.borderdsectionArlington .brdBgArlington .horizontalLine {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.borderdsectionArlington .brdBgArlington .horizontalLine::before {
    content: '';
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 19.75vh;
    z-index: 1;
    pointer-events: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.borderdsectionArlington .textImgAnimationArlington .onlyImg {
    width: 27.8vw;
    opacity: 1;
    transform: translateX(0);
}

.borderdsectionArlington .textImgAnimationArlington .imgTextPart {
    width: 66vw;
}

.borderdsectionArlington .textImgAnimationArlington .imgTextPart .imgBox {
    opacity: 1;
    transform: translateX(0);
}

.arlington .notPinedText {
    width: 100%;
    position: relative;
    display: table;
    position: absolute;
    bottom: 0;
}

.arlington .notPinedText::before {
    content: '';
    width: 100vw;
    background: #e9e9e9;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
}

.arlington .notPinedText::after {
    content: '';
    width: 100vw;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 1px;
    bottom: 0px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.arlington .notPinedText .rightSideText {
    width: 50%;
    padding: 50px 0px 50px 35px;
    margin-left: auto;
}

.arlington .bottomSticky .pinned-element.right {
    padding-bottom: var(--bottomSticky-height);
}

.arlington .notPinedText .rightSideText p {
    width: 360px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.25px;
    margin: 0px;
}

.customHeader.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.parallaxEffect {
    position: relative;
    min-height: 100vh;
    width: 100%;
    transform-style: inherit;
    overflow: hidden;
}

.parallaxEffect:after {
    min-height: 296px;
    content: ' ';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
}

.parallaxEffect::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: url(../images/projects/ArlingtonStreet/16__DSC1966_Sylvia-Rishards-Arlington-St.jpg);
    background-size: cover;
    will-change: transform;
    z-index: -1;
}

.parallaxEffect .stickyText {
    position: absolute;
    left: 0;
    top: calc(50px + var(--header-height));
    width: 100%;
    border-top: 1px solid var(--cornflower);
    overflow: hidden;
    will-change: transform;
}

.parallaxEffect .stickyText p {
    max-width: 638px;
    text-align: left;
    color: var(--white);
    font-size: 18px;
    line-height: 27px;
    margin: 15px 0px 0px auto;
    padding: 0px 55px 0px 0px;
}

.about .customHeader.fixed .siteLogo a {
    visibility: visible;
    transition: all 0.3s ease;
}

.headingPart {
    padding: 0 55px;
    position: relative;
}

.headingPart .row {
    display: flex;
    align-items: center;
}

.headingPart .row::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 100%;
    left: 50%;
}

.headingPart .row .cols {
    width: 50%;
    padding: 10px 75px;
}

.headingPart .row .cols h2 {
    margin: 0px 0px px;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: var(--blackgray);
    letter-spacing: 0;
}

.headingPart .row .cols p {
    margin: 0px 0px 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #a6a5a5;
    letter-spacing: 0;
}

.spacer {
    padding: 0 55px;
    position: relative;
    height: 60px;
}

.spacer::after {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    height: 100%;
    left: 50%;
}
.customTagEmbedCode h2 {
    padding-left: 30px;
}


.bannerImg .textBg.w530 h2{
    max-width: 530px;
}
.bannerImg.darkOverlay:after{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
}
.squamLake .borderdsectionArlington .brdBgArlington .horizontalLine::before,
.squamLake .borderdsectionArlington .textImgAnimationArlington::before,
.squamLake .borderdsectionArlington .textImgAnimationArlington::after {
    display: none;
}
/* .squamLake .multipleOverlay .stickyPart .topToBottomText{
    border: none;
} */
.squamLake .borderdsectionArlington:before {
    content: '';
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.officeAssociates .multipleOverlay .secondProjectInfo .stickyPart:before{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%)
}
/* Start Responsive */

/* @media (min-width:1441px) {
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 a:last-child img {
        object-position: center center;
    }
} */


/* .customHomeSlider .stickyBrd .stickyBrdPart.hide {
    opacity: 0;
} */
.simpleProjectCredit.topBrd {
    border-top: 1px solid #e9e9e9;
}
.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg.sliderImgWithText img{
    margin: 0px !important;
    aspect-ratio: 3.3 / 3;
    width: 100%;
}
.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg {
    display: flex;
    background: var(--snow);
    border-bottom: 1px solid #e9e9e9;
}
.heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg a{
    margin-left: auto;
}
.textUpdate {
    width: 35%;
    padding: 20px;
}
.textUpdate h2 {
    font-size: 18px;
    margin: 0px 0px 10px;
    padding: 0;
    color:var(--doveGrey);
}
.textUpdate .metaBox{
    margin: 0px 0px 10px;
    color:var(--doveGrey);
    font-weight: 400;
    font-size: 16px;
}

.textUpdate .newsHeading {
    font-size: 16px;
    line-height: 1.4;
}
.textUpdate .newsHeading a {
    font-style: italic;
    color: var(--cornflower);
    transition: all 0.3s ease-in;
}
.textUpdate .newsHeading a:hover{
    color: var(--doveGrey);
}
.publicationSection .moreDetails p a {
    font-style: italic;
    color: var(--cornflower);
    transition: all 0.3s ease-in;
}
.publicationSection .moreDetails p a:hover{
    color: var(--doveGrey);
}
@media (max-width:1199px) {
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix {
        gap: 60px;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix a:first-child img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .customContainer,
    .stickySecions .pinned-section {
        padding: 0 55px;
    }
    .arlington .notPinedText .rightSideText {
        width: calc(50% + 55px);
    }
    .arlington .notPinedText::before,
    .arlington .notPinedText::after {
        left: calc(50% - 55px);
    }
}

@media (max-width:1023px) {
    .customHeader .fullLogo svg {
        width: 300px;
        height: 55px;
    }
    .showMegaMenuForParents .rowPart .topNavigation .megaMnuSiteLogoFull svg,
    .customHeaderInDisplay.rowPart .topNavigation .megaMnuSiteLogoFull svg {
        width: 300px;
        height: 55px;
    }
    .showMegaMenuForParents .topNavigation ul,
    .customHeaderInDisplay.rowPart .topNavigation ul {
        gap: 35px;
    }
    .showMegaMenuForParents .projectsMenu .cols p {
        font-size: 19px;
    }
    .showMegaMenuForParents .projectsMenu .cols ul li a {
        font-size: 15px;
    }
    .showMegaMenuForParents .bottomBar {
        font-size: 13px;
    }
    .showMegaMenuForParents .bottomBar span {
        margin: 0 5px;
    }
    .customHeaderInDisplay.rowPart .menuPart {
        display: none;
    }
    .customHeaderInDisplay.rowPart {
        border-top: transparent;
        margin-bottom: 55px;
    }
    .about .simpleTextImg::before,
    .headingPart .row::after,
    .aboutText .row::after {
        display: none;
    }
    .about .simpleTextImg {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .about .simpleTextImg .fullWidthRow {
        align-items: flex-start;
        flex-direction: column;
    }
    .about .simpleTextImg .fullWidthRow .colsPart {
        width: 100%;
    }
    .about .simpleTextImg .akweProRegular p {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .workProcess {
        padding: 40px 55px;
    }
    .noPadTop.simpleTextImg p {
        padding-top: 40px;
        padding-bottom: 0px !important;
    }
    .headingPart .row .cols {
        width: 50%;
        padding: 10px 40px;
    }
    .aboutText .row {
        flex-wrap: wrap;
    }
    .aboutText .row .cols {
        width: 100%;
    }
    .aboutText .row .cols:first-child {
        padding: 40px;
        border-bottom: 1px solid #e9e9e9;
    }
    .spacer {
        height: 40px;
    }
    .projectNavigation {
        padding: 40px 0;
    }
    .projectNavigation .row .col.contactInfo {
        padding: 0px 40px;
    }
    .projectNavigation .socialMediaIcon a svg {
        width: 20px;
        height: 20px;
    }
    .bannerImg .textBg {
        padding: 40px;
    }
    .bannerImg .textBg h2 {
        max-width: 100%;
    }
    .imgText .row {
        flex-wrap: wrap;
    }
    .imgText .row .cols {
        width: 100%;
    }
    .imgText .row::after {
        display: none;
    }
    .imgText .row .cols p {
        padding: 40px 0px;
        max-width: 100%;
    }
    .stickySecions .row_padding_top {
        padding-top: 60px;
    }
    .stickySecions .pinned-section p {
        width: 100%;
    }
    .arlington .notPinedText .rightSideText p {
        width: calc(100% - 55px);
    }
    .projectInfo .leftInfo p {
        font-size: 26px;
        line-height: 36px;
    }
    .borderdsectionArlington .brdBgArlington .horizontalLine::before {
        height: 10.75vh;
    }
    .brdBg .horizontalLine,
    .brdBg .horizontalLine::before {
        display: none;
    }
    .textImgAnimation {
        padding: 100px 55px;
        flex-direction: column;
    }
    .textImgAnimation .onlyImg,
    .textImgAnimation .imgTextPart {
        width: 100%;
    }
    .textImgAnimation .onlyImg img,
    .textImgAnimation .imgTextPart img {
        width: 100%;
    }
    .textImgAnimation .imgTextPart .imgBox {
        margin-bottom: 50px;
    }
    .textImgAnimation::after {
        display: none;
    }
    .textImgAnimation .imgTextPart .textPart {
        max-width: 100%;
    }
    .stickySecions .pinned-section .akweProRegular p {
        width: 100%;
    }
    .instagramPage .workProcess {
        padding: 55px 35px;
    }

    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg {
        flex-wrap: wrap;
    }
    .textUpdate {
        width: 50%;
    }
}

@media (max-width:767px) {
    .customHeader .fullLogo {
        left: 35px;
    }
    .customHeader .fullLogo svg,
    .showMegaMenuForParents .rowPart .topNavigation .megaMnuSiteLogoFull svg,
    .customHeaderInDisplay.rowPart .topNavigation .megaMnuSiteLogoFull svg {
        width: 272px;
        height: 50px;
    }
    .showMegaMenuForParents .rowPart {
        padding: 0 35px;
    }
    .customHeaderInDisplay.rowPart,
    .about .simpleTextImg {
        padding-left: 35px;
        padding-right: 35px;
    }
    .customHomeSlider {
        padding: 0 35px;
    }
    .showMegaMenuForParents .rowPart .topNavigation,
    .customHeaderInDisplay.rowPart .topNavigation {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .customHomeSlider .stickyBrd .horzontalBrdLine::before,
    .showMegaMenuForParents .stickyBrd .horzontalBrdLine::before,
    .about #main::before {
        left: 34px;
    }
    .customHomeSlider .stickyBrd .horzontalBrdLine::after,
    .showMegaMenuForParents .stickyBrd .horzontalBrdLine::after,
    .about #main:after {
        right: 34px;
    }
    .customHeader .siteLogo,
    .customHeader .menuIcon {
        width: 35px;
        min-width: 35px;
    }
    .customHeader .menuIcon svg {
        width: 20px;
    }
    .customHeader {
        line-height: 34px;
    }
    .heroSiderParent .wipeDownSlider::before {
        display: none;
    }
    .customHomeSlider .stickyBrd .stickyBrdPart {
        border: none;
        display: none;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide h1 {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }
    .customHomeSlider {
        align-items: flex-start;
        padding-top: 80px;
        height: auto;
    }
    .heroSiderParent{
        padding-bottom:30px;
    }
    .customHomeSlider .stickyBrd{
        height: 100%;
    }
    /* .heroSiderParent .wipeDownSlider {
        padding-bottom: 80px !important;
    } */
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox {
        margin-bottom: 15px;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2,
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix {
        gap: 30px;
        flex-direction: column;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix a {
        width: 100%;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix img {
        margin: 0px !important;
        aspect-ratio: unset;
        width: 100%;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide img,
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 img,
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgMix a:first-child img,
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg.sliderImgWithText img {
        aspect-ratio: unset;
    }
    .showMegaMenuForParents .projectsMenu,
    .customHeaderInDisplay.rowPart .projectsMenu {
        padding: 35px 35px 0px;
        margin-top: 35px !important;
        flex-direction: column;
        border-top: 1px solid #e9e9e9;
    }
    .showMegaMenuForParents .topNavigation ul li a,
    .customHeaderInDisplay.rowPart .topNavigation ul li a {
        font-size: 15px;
    }
    .showMegaMenuForParents .projectsMenu::before {
        display: none;
    }
    .showMegaMenuForParents .stickyBrd .stickyBrdPart {
        display: none;
    }
    .showMegaMenuForParents .projectsMenu .cols {
        width: 100%;
        padding: 0;
    }
    .showMegaMenuForParents .projectsMenu .cols p {
        font-size: 18px;
        text-align: left;
    }
    .showMegaMenuForParents .projectsMenu .cols:last-child {
        padding: 20px 0px 0px 0px;
    }
    .showMegaMenuForParents .projectsMenu .cols ul li {
        margin-bottom: 10px;
    }
    .showMegaMenuForParents .bottomBar {
        font-size: 13px;
        line-height: 22px !important;
        height: auto !important;
        padding: 25px 35px;
        letter-spacing: 0px;
        border-top: 1px solid #e9e9e9;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.imgEqual2 a:last-child img {
        object-position: bottom;
        width: 100%;
        height: 100%;
        aspect-ratio: 4 / 3;
    }
    .customHeader .siteLogo a svg {
        width: 22px;
        height: 12px;
    }
    .customHeaderInDisplay.rowPart {
        margin-bottom: 35px;
    }
    .about .simpleTextImg {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .about .simpleTextImg .akweProRegular p {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 35px;
    }
    .about .simpleTextImg .akweProRegular p {
        font-size: 15px;
        line-height: 26px;
    }
    .workProcess {
        padding: 35px 35px;
    }
    .workProcess .customTagEmbedCode .codePart .swiper-button-prev, .workProcess .customTagEmbedCode .codePart .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .workProcess .customTagEmbedCode .codePart .swiper-button-prev::after, .workProcess .customTagEmbedCode .codePart .swiper-button-next::after{
        font-size: 12px;
    }
    .headingPart,
    .aboutText {
        padding: 0px 35px;
    }
    .headingPart .row {
        flex-wrap: wrap;
    }
    .headingPart .row .cols {
        padding: 10px 35px;
        width: 100%;
    }
    .headingPart .row .cols:last-child {
        display: none;
    }
    .aboutText:before {
        width: 100%;
    }
    .aboutText .row .cols:first-child {
        padding: 35px;
    }
    .aboutText .row .cols .aboutImg {
        padding: 0px;
    }
    .spacer {
        height: 35px;
    }
    .projectNavigation .row {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .projectNavigation .row .col {
        width: 100%;
    }
    .projectNavigation::before,
    .spacer::after {
        display: none;
    }
    .projectNavigation .row .col.contactInfo {
        padding: 0px 35px;
    }
    .about #main:before,
    .about #main:after {
        height: 100% !important;
    }
    .simpleProjectCredit::before {
        display: none;
    }
    .customContainer,
    .stickySecions .pinned-section {
        padding: 0 35px;
    }
    .simpleProjectCredit .innerPart {
        flex-wrap: wrap;
    }
    .simpleProjectCredit {
        padding: 35px 0px;
    }
    .simpleProjectCredit .lebelText {
        width: 100%;
        padding-right: 0;
    }
    .simpleProjectCredit .moreDetails {
        width: 100%;
        padding-left: 0;
    }
    .projectNavigation {
        padding: 35px 0;
    }
    .projectNavigation .row .col.contactInfo {
        padding: 0;
    }
    .bannerSection .borderSection {
        display: none;
    }
    /* .projectHeadinig {
        display: none;
    } */
    .projectHeadinig {
        padding-left: 10px;
    }
    .projectHeadinig h1 {
        font-size: 13px;
        line-height: 16px;
    }
    .bannerSection {
        padding-left: 35px;
        padding-right: 35px;
    }
    .bannerImg .textBg {
        padding: 35px;
    }
    .bannerImg .textBg h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .horzontalLine::before {
        left: 35px;
    }
    .horzontalLine::after {
        right: 35px;
    }
    .imgText {
        padding: 0px 35px;
    }
    .imgText .row .cols p {
        padding: 35px 0px;
        font-size: 15px;
        line-height: 25px;
    }
    .parallaxEffect .stickyText p {
        max-width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin: 15px 0px 0px auto;
        padding: 0 35px;
    }
    .stickySecions .row_padding_top {
        padding-top: 35px;
    }
    .stickySecions::before {
        display: none;
    }
    .stickySecions .pinned-section .scrolling-element.left,
    .stickySecions .pinned-section .pinned-element.left {
        padding-right: 0;
    }
    .scrolling-element.left {
        margin-bottom: 35px;
    }
    .arlington .notPinedText {
        position: relative;
    }
    .arlington .bottomSticky .pinned-element.right {
        padding-bottom: 35px !important;
    }
    .arlington .notPinedText .rightSideText {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .arlington .bottomSticky .pinned-element.right {
        padding-bottom: 35px !important;
        padding-left: 0;
        padding-top: 35px !important;
    }
    .multipleOverlay .stickyPart .topToBottomText.rightAlign p {
        margin: 15px 0px 0px auto;
        padding: 0 35px;
    }
    .multipleOverlay .stickyPart .topToBottomText p {
        max-width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin: 15px 0px 0px auto;
        padding: 0 35px;
    }
    .textImgAnimationArlington {
        padding: 35px;
        flex-wrap: wrap;
        gap: 35px;
    }
    .borderdsectionArlington .brdBgArlington .horizontalLine {
        display: none;
    }
    .borderdsectionArlington .textImgAnimationArlington .onlyImg,
    .borderdsectionArlington .textImgAnimationArlington .imgTextPart {
        width: 100%;
    }
    .projectInfo {
        height: 100dvh;
    }
    .projectInfo .leftInfo {
        max-width: 100%;
    }
    .projectInfo .leftInfo p {
        font-size: 22px;
        line-height: 32px;
        margin: 0;
    }
    .projectSimpleText {
        padding: 35px 35px;
    }
    .projectSimpleText .customContainer {
        padding: 0;
    }
    .projectSimpleText p:last-child {
        max-width: 100%;
        font-size: 15px;
        margin-bottom: 0px;
    }
    .stickySecions .pinned-section .pinned-element.right,
    .stickySecions .pinned-section .scrolling-element.right {
        padding-left: 0;
    }
    .stickySecions .row_padding_bottom {
        padding-bottom: 35px;
    }
    .stickySecions .customSpacing {
        padding-bottom: 35px;
    }
    .stickySecions .pinned-section .pinned-element.right:after,
    .stickySecions .pinned-section .pinned-element.left:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .textImgAnimation {
        padding: 35px;
    }
    .textImgAnimation .imgTextPart .imgBox {
        margin-bottom: 35px;
    }
    .mb-40 {
        margin-bottom: 35px;
    }
    .stickySecions .pinned-section .akweProRegular p {
        font-size: 15px;
        line-height: 25px;
    }
    .pb-100 {
        padding-bottom: 0px;
    }
    .removeBr br{
        display: none;
    }
    .officeAssociates .multipleOverlay .secondProjectInfo .stickyPart:before {
        min-height: 500px;
    }
    .textUpdate {
        width: 100%;
    }
    .heroSiderParent .wipeDownSlider .swiper-slide .imgBox.singleImg a {
        margin-top: auto;
    }
    .arlington .notPinedText::before, .arlington .notPinedText::after {
        left: 50%;
    }
    .pb-sm-0{
        padding-bottom: 0px;
    }
}
@media (max-width:576px) {
    .stickySecions .pinned-section .akweProRegular .no-padding{
        padding-bottom: 40px;
    }
}

/* End Responsive */

.showMegaMenuForParents.showMenu .stickyBrd .stickyBrdPart:nth-child(2) {
    border-bottom: none;
}


.rowList:not(:last-child) {
    margin-bottom: 20px;
}