/*-----------Inner Banner-----------*/

.innerbanner-wrapper
{
    position: relative;
}
.innerbanner-wrapper::before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.innerbanner-wrapper .ibsec-caption
{
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9;
}
.ibsec-caption h1
{
	font-size: 140px;
    color: #fff;
    margin: 0;
    line-height: 120%; /* 109.2px */
}
.ibsec-caption p 
{
/* 	display: flex;
	flex-flow: row wrap;
	align-items: center; */
	margin: 0;
    color: #fff;
    padding-top: 32px;
    border-top: 1px solid #fff;
    margin-top: 32px;
    margin-right: 96px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 24px;
	letter-spacing: 0.80px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.ibsec-caption p span {display: inline-block; height: 4px; width: 4px; border-radius: 50%; background-color: #fff; margin: 0 5px 4px;}
.innerbanner-wrapper img.banner-img {height: 580px; width: 100%; object-fit: cover;}

.pro-single-ib .innerbanner-wrapper img.banner-img {height: 100vh;}
.pro-single-ib .col {position: relative;}
.pro-single-ib .slider-btn-down {position: absolute; bottom: 0; right: 0; z-index: 99;}
.pro-single-ib .slider-btn-down img {height: 64px; width: auto; min-height: inherit; transition: all 0.2s linear;}
.pro-single-ib .slider-btn-down:hover img {opacity: 0.8; transition: all 0.2s linear;}

body.page-id-21 #innerbanner-section, body.page-id-26 #innerbanner-section, body.page-id-27 #innerbanner-section {display: none;}
body.page-id-21, body.page-id-26, body.page-id-27 {padding-top: 101px;}

/*----------------------------------*/

.innerpage-spacing {padding: 128px 0;}

.ip-l-project-blk {display: none;}
.filter-btns-wrapper {margin: 0 0 128px; padding-bottom: 20px; border-bottom: 1px solid #D4D4D4;}

ul.filter-btn-list
{
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
ul.filter-btn-list li
{
    margin: 0;
    margin-right: 20px;
    list-style-type: none;
}
ul.filter-btn-list li span
{
    width: auto; 
    color: #A3A3A3;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.80px;
    transition: all 0.2s linear;
}
ul.filter-btn-list li span:hover
{
    color: #0A0A0A;
    transition: all 0.2s linear;
}
.filter-btn-list span.active
{
    color: #0A0A0A;
    transition: all 0.2s linear;
}

/*------------------Project Single-----------*/

.project-intro-wrap {margin-bottom: 128px; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between;}
.project-dc-left {width: 50%; padding-right: 80px;}
.project-dc-right {width: 50%; padding-left: 80px;}
.pro-dc-info h2 {font-size: 53px; font-weight: 500; margin: 0 0 40px;}
.paragraph-heading p {font-size: 20px; line-height: 30px;}
.pro-dc-btn {margin-top: 40px;}
.pro-dc-info {max-width: 600px;}
.pro-dc-info ul {list-style-type: none; padding: 0; margin: 0;}
.pro-dc-info ul li {padding-bottom: 12px; border-bottom: 1px solid #D4D4D4; margin-bottom: 12px; display: flex; flex-flow: row nowrap; align-items: flex-start;}
.pro-dc-info ul li span.pro-label {font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 24px; letter-spacing: 0.70px; margin-right: 20px; min-width: 150px;}
.pro-dc-info ul li span.pro-value {font-size: 16px; line-height: 24px;}
.pro-dc-info ul li:last-child {padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
.pro-dc-info p:last-child {margin-bottom: 0;}


.more-projects-wrapper {padding: 40px 0; border-top: 1px solid #D4D4D4;}
.more-projects-wrapper h2.morep-title {font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 40px;}

.project-slider-wrapper {padding-bottom: 40px;}
.project-slider.slick-slider
{
    position: relative;
    margin-bottom: 0 !important;
}
.project-slider img
{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.project-slider.slick-slider .slider-counter 
{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    padding: 8px 16px;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0.32);
    border: 1px solid #D2D2D2;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Satoshi';
    min-width: 70px;
    text-align: center;
}
.project-slider.slick-slider button.slick-prev.slick-arrow::before, .project-slider.slick-slider button.slick-next.slick-arrow::before {display: none;}
.project-slider.slick-slider button.slick-prev.slick-arrow, .project-slider.slick-slider button.slick-next.slick-arrow
{
    left: 50px;
    width: 60px;
    height: 60px;
    font-size: 0px !important;
    background-image: url(../images/sl_arw_l.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9;
}
.project-slider.slick-slider button.slick-next.slick-arrow
{
    left: auto;
    right: 50px;
    background-image: url(../images/sl_arw_r.svg);
}
.project-slider.slick-slider button.slick-prev.slick-arrow:hover {background-image: url(../images/sl_arw_l_act.svg);}
.project-slider.slick-slider button.slick-next.slick-arrow:hover {background-image: url(../images/sl_arw_r_act.svg);}
.project-slider.slick-slider button.slick-arrow {opacity: 0; transition: all 0.2s linear;}
.project-slider.slick-slider:hover button.slick-arrow {opacity: 1; transition: all 0.2s linear;}


/*-------------About---------------*/

.wp-block-columns.cols2-hp-cnt {justify-content: space-between;}
.wp-block-columns.cols2-hp-cnt > .wp-block-column {flex-grow: 0 !important; width: auto; flex-basis: auto !important; max-width: 600px;}
.wp-block-columns.cols2-hp-cnt h2 
{
	font-size: 53px;
    font-weight: 500;
    line-height: 69.34px;
	width: 100%;
	max-width: 600px;
	margin: 0;
}
.wp-block-columns.cols2-hp-cnt p 
{
	font-size: 20px;
    line-height: 30px;
	width: 100%;
	max-width: 600px;
}

.heading-small-h2 {margin-bottom: 54px;}
.heading-small-h2.hsh2-bdr-top {padding-top: 40px; border-top: 1px solid #D4D4D4;}
.heading-small-h2 h2 
{
	font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 0.80px;
	margin: 0;
}

.wp-block-columns.ab-rc-cols2 {gap: 20px;}
.wp-block-columns.ab-rc-cols2-cnt-col {gap: 20px; margin-top: 40px;}
.wp-block-columns.ab-rc-cols2-cnt-col h3
{
	font-size: 32px;
    font-weight: 500;
    line-height: 41.60px;
	margin: 0;
}
.wp-block-columns.ab-rc-cols2-cnt-col p
{
	font-size: 20px;
    line-height: 30px;
}
.wp-block-columns.cols2-hp-cnt p:last-child, .wp-block-columns.ab-rc-cols2-cnt-col p:last-child {margin-bottom: 0;}

/*-- ResCom --*/

.res-com-anime {position: relative; width: 100%; height: auto; overflow: hidden;}
.res-com-anime-wrapper {position: relative;}
.res-com-item-wrapper-full
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  margin: 111px 0 40px;
  z-index: 9;
}
.res-com-item-wrapper
{
  height: calc(100% - 151px);
  overflow-y: auto;
}
.res-com-preview {position: relative; line-height: 1;}
.res-com-anime-wrapper .res-com-preview::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.res-com-preview img, .res-com-preview video {width: 100%; height: 100%; object-fit: cover; display: none; height: 1080px;}
.res-com-item {
	position: relative;
  background-color: transparent;
  padding: 20px;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  transition: all 0.2s linear;
}
.res-com-item a {display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.res-com-item:hover {background-color: #fff; transition: all 0.2s linear;}
.res-com-item {cursor: pointer;}
.res-com-item.active, .res-com-item:hover {opacity: 1;background-color: #fff;}
.res-com-item ul {display: grid; grid-template-columns: 5fr 3fr 3fr; gap: 20px; padding: 0; margin: 0; list-style-type: none;}
.res-com-item ul li {padding: 0; margin: 0;}
.res-com-item ul li:nth-child(1) {display: flex; flex-flow: row nowrap;}
.res-com-item ul li span {color: #FFFFFF; display: inline-block; font-size: 18px; font-weight: 500; line-height: 27px;}
.res-com-item ul li span.rc-year {margin-right: 20px; min-width: 50px;}
.res-com-item:hover ul li span, .res-com-item.active ul li span {color: #000000;}

/*------------Contact US------------*/

/* Chrome, Edge, Safari */
input::placeholder {color: #A3A3A3;}
/* Firefox */
input::-moz-placeholder {color: #A3A3A3; opacity: 1;}
/* Internet Explorer */
input:-ms-input-placeholder {color: #A3A3A3;}
/* Old Edge */
input::-ms-input-placeholder {color: #A3A3A3;}

.wp-block-group.contact-p-form {padding: 70px 0;}
.wp-block-columns.contact-p-form-heading, .contact-p-form-heading {margin-bottom: 80px;}
.wp-block-columns.contact-p-form-heading h2, .contact-p-form-heading h2
{
	font-size: 91px;
    font-weight: 500;
    line-height: 109.20px;
	margin: 0 0 20px;
	text-align: center;
}
.wp-block-columns.contact-p-form-heading p, .contact-p-form-heading p
{
	font-size: 20px;
    line-height: 30px;
	width: 100%;
	max-width: 642px;
	margin: 0 auto;
	text-align: center;
}
.contact-p-form form {width: 100%; max-width: 642px; margin: 0 auto;}
.contact-p-form form .fg-wrap {display: flex; flex-flow: column wrap; gap: 20px;}
.contact-p-form form .fg-wrap p {margin: 0; line-height: 1;}
.contact-p-form form .fg-wrap p > label
{
	display: inline-block;
	width: 100%;
	color: #0A0A0A;
	font-size: 12px;
    font-weight: 400;
    line-height: 14.40px;
	margin: 0 0 8px;
}
.fg-wrap input[type="text"], .fg-wrap input[type="email"], .fg-wrap input[type="tel"]
{
	width: 100%;
	color: #0A0A0A;
	font-size: 16px;
    font-family: 'Satoshi';
    font-weight: 400;
    line-height: 24px;
	padding: 16px;
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
}
.fg-wrap textarea
{
	width: 100%;
	color: #0A0A0A;
	height: 120px;
	padding: 16px;
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
	font-family: 'Satoshi';
}
.fg-wrap input:focus, .fg-wrap textarea:focus{outline: none; color: #0A0A0A;}
.fg-wrap input[type="submit"]
{
	cursor: pointer;
	width: 100%;
	color: #fff;
	background-color: #0A0A0A;
    font-size: 16px;
	font-family: 'Satoshi';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20.80px;
}
.fg-wrap input[type="submit"]:hover 
{
    background-color: #404040;
    color: #ffffff;
    border: 2px solid #404040;
}
.fg-wrap .fg-submit {position: relative; margin-top: 20px;}
.fg-wrap .fg-submit .wpcf7-spinner
{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
form.wpcf7-form.invalid .wpcf7-response-output {display: none !important;}
.wpcf7-not-valid-tip
{
	position: absolute;
    bottom: -18px;
    right: 8px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
}
form.wpcf7-form.sent .contact-p-form-heading p, form.wpcf7-form.sent .fg-wrap, form.wpcf7-form.sent .wpcf7-response-output, form.wpcf7-form.sent .fieldset {display: none;}
.form-success-message {text-align: center;}
.form-success-message p, form.wpcf7-form.sent .contact-p-form-heading {margin-bottom: 0;}

.mobile-view-cnt {display: none;}
.mobile-view-cnt h2 {font-size: 36px; font-weight: 500; line-height: 1; color: #fff; margin-bottom: 20px;}
.mobile-view-cnt h2 span {font-size: 50%; vertical-align: super;}
.mobile-view-cnt ul
{
	padding: 0;
	list-style-type: none;
	display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
	margin: 0 0 15px;
	padding-right: 5px;
}
.mobile-view-cnt li {color: #404040; margin: 0; font-weight: 600;}


/*----------------Policy Content---------------*/
body.page-id-26 .innerpage-spacing, body.page-id-27 .innerpage-spacing {padding-bottom: 0;}
.cols2-hp-cnt.policy-cnt .cols2-p-cnt h3, .cols2-hp-cnt.policy-cnt .cols2-p-cnt p, .cols2-hp-cnt.policy-cnt .cols2-p-cnt li
{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
	margin-bottom: 0;
}
.cols2-hp-cnt.policy-cnt .cols2-p-cnt ul {margin-bottom: 0; padding-bottom: 0;}
.cols2-hp-cnt.policy-cnt .cols2-p-cnt h3 {font-weight: 700;}

body.page-id-26 .innerpage-spacing, body.page-id-21 .innerpage-spacing {min-height: 80vh;}