:root {
    --font-poppins: "Poppins", sans-serif;
    --font-playfair-display: "Playfair Display", sans-serif;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --text-body: #262626;
    --theme-dark: #262626;
    --theme-dark-rgb: 38, 38, 38;
    --goldern-yellow: #C9AF68;
    --goldern-yellow-rbg: 201, 175, 104;
    --goldern-light: #F9F7F4;
    --white: #fff;
    --error-text: #BF481B;
    --black: #000;
    --transition: all 400ms ease-in-out;
    --golden-gradient: linear-gradient(180deg, #F9F7F4 0%, #FFF 100%);
    
}

.project-detail-section{
    margin-bottom: 90px;
}

.project-img-content-wrap{
    display: flex;
    justify-content: space-between;
}
.project-img-content-wrap .project-img-left{
    max-width: 700px;
    flex-grow: 1;
    margin-right: 40px;
    flex-shrink: 0;
}
.project-img-content-wrap .project-img-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-img-content-wrap .project-content-right{
    max-width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 0;
}
.project-img-content-wrap .project-content-right .section-title{
    margin-bottom: 32px;
}
.project-img-content-wrap .project-content-right .project-desc:not(:last-child){
    margin-bottom: 40px;
}

.project-content-right .additional-details .additional-details-item{
    display: flex;
}
.project-content-right .additional-details .additional-details-item:not(:last-child){
    margin-bottom: 18px;
}
.project-content-right .additional-details .additional-details-item .icon-wrap{
    width: 24px;
    margin-right: 16px;
    flex-shrink: 0;
}
.project-content-right .additional-details .additional-details-item .icon-wrap img{
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px;
}
.project-content-right .additional-details .additional-details-item .content-wrap{
    flex-grow: 1;
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-400);
    line-height: 32px; /* 200% */
}
.project-content-right .additional-details .additional-details-item .content-wrap a{
    text-decoration: underline;
    text-decoration-color: #8F5E25;
}
.project-content-right .additional-details .additional-details-item .content-wrap a:hover{
    text-decoration-color: var(--goldern-yellow);
}

.media-gallery-wrap{
    margin-bottom: 90px;
}
.media-gallery-wrap .section-title h2{
    text-transform: capitalize;
}

.media-gallery-items-wrap:not(:last-child){
    margin-bottom: 30px;
}

.media-gallery-items-wrap .left-item-wrap .video-wrap,
.media-gallery-items-wrap .left-item-wrap .right-item{
    width: 100%;
    min-height: 100%;
    height: 744px;
    max-height: 744px;
    overflow: hidden;
    background-color: var(--goldern-light);
}
.right-item-wrap .right-item:not(:last-child){
    margin-bottom: 30px;
}
.right-item-wrap .right-item{
    height: calc(50% - 15px);
    max-height: 357px;
    overflow: hidden;
    background-color: var(--goldern-light);
}
.right-item-wrap .right-item .video-wrap{
    max-height: 400px;
}
.right-item-wrap .right-item .video-wrap .play-btn{
    width: 54px;
    height: 54px;
    -webkit-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.5);
}

.right-item-wrap .right-item .video-wrap .play-btn img, 
.right-item-wrap .right-item .video-wrap .play-btn svg{
    width: 16px;
    left: 3px;
}
.right-item-wrap .right-item img,
.media-gallery-items-wrap .left-item-wrap .right-item img,
.media-gallery-items-wrap .video-wrap img, 
.media-gallery-items-wrap .left-item-wrap .video-wrap iframe,
.media-gallery-items-wrap .video-wrap video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.right-item-wrap .right-item img,
.left-item-wrap .right-item img,
.media-gallery-items-wrap .video-wrap img{
    transition: var(--transition);
    transform: scale(1.01);
}

.right-item-wrap .right-item:hover img,
.left-item-wrap .right-item:hover img,
.media-gallery-items-wrap .video-wrap:hover img{
    transform: scale(1.06);
}

.media-gallery-items-wrap .video-wrap{
    position: relative;
    height: 100%;
}
.media-gallery-items-wrap .video-wrap .wp-video{
    width: 100% !important;
    height: 100%;
}
.media-gallery-items-wrap .video-wrap .play-btn{
    position: absolute;
    width: 74px;
    height: 74px;
    flex-shrink: 0;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 50%;
    transition: var(--transition);
    cursor: pointer;
    z-index: 40;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 0px 13px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 0px 13px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 0px 13px rgba(255,255,255,0.5);
}
.media-gallery-items-wrap .video-wrap .play-btn:hover{
    background-color: #886030;
}
.media-gallery-items-wrap .video-wrap .play-btn img,
.media-gallery-items-wrap .video-wrap .play-btn svg{
    width: 26px;
    height: auto;
    object-fit: unset;
    position: relative;
    left: 4px;
    transform: none;
}
.media-gallery-items-wrap .video-wrap .play-btn svg path{
    transition: var(--transition);    
}
.media-gallery-items-wrap .video-wrap .play-btn:hover svg path{
    fill: var(--white);
}
.media-gallery-items-wrap .left-item-wrap .video-wrap::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.00) 0%, #010101 100%);
}