/*
Theme Name: Rehomes Child
Theme URI: http://demo2.wpopal.com/rehomes/
Template: rehomes
Author: Opal Team
Author URI: https://www.wpopal.com/
Description: Rehomes is a professional & Business Startup WordPress theme and an innovative solution for multipurpose startup business of finance, digital & technology, agriculture, etc. It’s perfect for any creative agency, corporate, company or business of any size to start up eCommerce stores
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-menu,editor-style,featured-images,flexible-header,full-width-template,post-formats,sticky-post,translation-ready
Version: 1.1.0.1590994098
Updated: 2020-06-01 06:48:18

*/
html,body {
  scroll-behavior: smooth;
  min-height: 100%;
  line-height: 1.6;
}

input, 
optgroup, 
select, 
textarea {
    font-size: 18px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}
.call-now-btn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3975 .elementor-item { 
    margin-left: 0px;
	padding: 8px 15px  !important;
}
.member-login.menu-item.menu-item-type-custom.menu-item-object-custom .elementor-item {
    background-color: #e8e8e8;
    padding: 8px 15px  !important;
    color: #102e46 !important;
    font-weight: 600 !important;
}
.member-login.menu-item.menu-item-type-custom.menu-item-object-custom .elementor-item span {
    border: 0px none;
}
.post-type-archive-osf_portfolio .page-title-bar {
    background-image: url(../wp-content/uploads/2021/05/projects.jpg);
}
.home-portfolio .portfolio-entries {
	padding-bottom: 0px !important;
}
.elementor-portfolio-style-caption .portfolio-inner .entry-title,
.elementor-portfolio-style-caption .portfolio-inner .entry-locations{
	font-weight: 400 !important;
	text-transform: uppercase !important;
}
.form-project .project-form-control {
	flex: 0 0 calc(25% - 30px);
}
.form-project .project-form-control.project-form-text-area {
	flex: 0 0 calc(100%  - 30px );
}
.form-project .project-form-control input {
	margin-bottom: 40px;
}
.form-project .project-form-control.project-form-text-area textarea {
	background-color: #F5F5F5;
	height: 163px;
	border: 0px;
	resize: none; 
		margin-bottom: 40px;
}
.page-title-bar .page-title {
	text-transform: uppercase;
}
.elementor-element .elementor-button .elementor-button-icon {
	display: none;
}
button[type="submit"] {
	  background-color: #102e46 !important;
    border-color: #102e46 !important;
    color: #fff !important;
		border-radius: 0px !important;
		margin-top: 30px;
		margin-bottom: 0px;
}
ul.portfolio-list li label,
.single-portfolio-summary-meta-list li .meta-title,
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title,
.elementor-widget-opal-image-gallery .elementor-galerry__filter,
.elementor-widget-heading .elementor-heading-title,
h1,
h2,
h3,
h4,
h5,
h6,
.typo-heading, 
.h1, 
.h2, 
.single-portfolio-summary-meta-title, 
.h3, 
h3.entry-title, 
.related-posts 
.related-heading, 
.comments-title, 
.comment-respond .comment-reply-title, 
.h4, .h5, 
.single .navigation .nav-link a, 
h2.widget-title, 
h2.widgettitle, 
.h6, blockquote, 
.author-wrapper .author-name, 
.error404 .error-404-subtitle h2, 
.comment-reply-link, #secondary .elementor-widget-container h5:first-of-type, 
.elementor-accordion .elementor-tab-title, .contactform-content .form-title, .elementor-cta-number, 
.elementor-counter .elementor-counter-number-wrapper, .elementor-widget-heading .sub-title, 
.icon-list-style2 .elementor-icon-list-item, .elementor-widget-opal-image-gallery .elementor-galerry__filter, 
.portfolio .portfolio-number, .elementor-widget-progress .elementor-title, .tab-tile-style2 .elementor-tab-title, 
.elementor-teams-wrapper .elementor-team-name, .elementor-widget-opal-building_carousel .elementor-building-number, 
.single-portfolio-menu a {
    font-family: "Raleway", raleway;
    font-weight: 400;
    padding: 0px;
}
body.elementor-kit-2220 h1,
body.elementor-kit-2220 h2,
body.elementor-kit-2220 h3,
body.elementor-kit-2220 h4,
body.elementor-kit-2220 h5,
body.elementor-kit-2220 h6 {
	margin-bottom: 0px;
}
.what-we-do-tile-row .elementor-row {
	display: block !important;
	text-align: center;
	 
	font-size: 0px;
}
.elementor-column.what-we-do-tile {
	width: 33.33%;
	display: inline-block !important;
	margin-bottom: 30px;
	font-size: 0px;
}
.elementor-column.what-we-do-tile .elementor-image-box-description {
	font-size: 16px;	
}

.elementor-column.what-we-do-tile .elementor-widget-container {
	min-height: 510px;
	border-color: rgb(0 0 0 / 16%) !important;
}
.elementor-column.what-we-do-tile .elementor-element-populated {
	padding: 0px 15px !important;
} 
.elementor-column.what-we-do-tile .elementor-widget-image-box .elementor-image-box-content {
	padding-left: 20px;
	padding-right: 20px;
	min-height: 270px;
	position: relative;
	padding-bottom: 75px;
}

.elementor-column.what-we-do-tile .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-button {
		position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.elementor-column.what-we-do-tile .elementor-element .elementor-button {
	background-color: #102e46;
	color: #fff;
	padding: 8px 15px;
	font-size: 12px;
	border-radius: 0px;
	margin-top: 30px;
}
.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
	font-weight: 200;
}
.elementor-column.what-we-do-tile  .elementor-image-box-img {
	width: 100%;
    margin-bottom: 25px !important;
}
.elementor-column.what-we-do-tile  .elementor-image-box-img img {
	width: 100%;
    display: block;
}
.elementor-column.what-we-do-tile.sustainability-tile {
	width: 50%;
}
.elementor-column.what-we-do-tile.sustainability-tile .elementor-image-box-img  {
	width: 100%;
}
.elementor-column.what-we-do-tile.sustainability-tile img {
	width: 100%;
}
.elementor-column.what-we-do-tile.sustainability-tile .elementor-element-populated {
	margin-bottom: 0px !important;
}
.elementor-column.what-we-do-tile.sustainability-tile .elementor-widget-container {
	min-height: 660px;
}
.portfolio .line {
	display: none;
}
.sustainability-slider .owl-carousel .owl-item {
	border: 1px solid rgb(0 0 0 / 16%) !important;
	box-sizing: border-box;
}
.sustainability-slider .elementor-image-box-img {
    padding-bottom: 10px;
}
.sustainability-slider .elementor-image-box-img img {
	margin: -1px;
}
.sustainability-slider .elementor-content-item-inner {
	padding-bottom: 20px;
	min-height: 590px
}
#gallery .elementor-tabs-wrapper {
	display: none;
}
.page-id-1140 .elementor-icon-box-svg img {
	max-width: unset;
}
.elementor-icon.elementor-social-icon  {
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    margin: 0px 4px;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}  
.elementor-portfolio-style-caption .portfolio-inner .entry-title {
	text-transform: uppercase;
}
.gallery .gallery-item:nth-child(6) a:before {
    content: 'More Images';
    padding-top: calc(30%);
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url(../wp-content/uploads/2020/08/Icon-awesome-image.svg);
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 8%;
}


.fa-map-marker:before {
    content: "\f041" !important;
}

.footer-contact-info .elementor-icon-list-icon {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
}
.footer-contact-info .elementor-icon-list-text {
    padding-left: 15px !important;
}
.footer-contact-info .elementor-icon-list-icon i {
    font-size: 20px !important;
} 
.footer-contact-info .elementor-icon-list-item {
    line-height: 22px !important;
}
.subscriber-form-outer {
    width: 100%;
    display: inline-block;
    max-width: 400px;
    float: right;
    color: #fff;
}
.subscriber-form-outer p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.subscriber-form {
    width: 100%;
    display: block;
}
.subscriber-form label {
    float: left;
    display: block;
    margin-bottom: 0px;
}
.subscriber-form label:first-child {
    width: 270px;
    margin-right: 8px;
}
.subscriber-form input {
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    line-height: 20px;
    border: 0px none; 
    font-size: 16px;
    margin-bottom: 0px; 
}
.subscriber-form label:first-child input {
    background-color: #fff;
    margin-bottom: 0px;
    padding: .8rem .8rem;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}
.subscriber-form label:first-child input.wpcf7-not-valid {
    border: 1px solid #dc3232;
}
.subscriber-form label:first-child input::placeholder {
    color: #92989f;
}
.subscriber-form label:first-child input::placeholder {
    color: #92989f;
}
.subscriber-form label input[type="submit"] {
    background-color: #5bb39b !important;
    color: #fff;
    text-align: center;
    width: 120px;
    margin: 0px; 
    text-transform: capitalize;
    font-size: 16px;
}
.subscriber-form label input[type="submit"]:hover,
.subscriber-form label input[type="submit"]:focus,
.subscriber-form label input[type="submit"]:active {
    box-shadow: unset;
}

.news-updates-listing-outer {
    width: 100%;
}
.news-updates-listing-outer ul {
    width: 100%;
} 
.news-updates-listing-outer ul li {
    width: 50%; 
    float: left;
}
.news-updates-listing-outer ul li .news-update {
    width: 100%;
    background-color: #F1F1F1;
    padding: 25px 30px 0px;
}
.news-update-img {
    width: 100%;
    margin-bottom: 12px;
}
.news-update-img a {
    width: 100%;
    display: block;
}
.news-update-img a img {
    width: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    height: auto;
}
.news-update-metas-outer {
    width: 100%;
}
.news-update-metas-outer .news-update-metas {
    width: 100%;
    position: relative;
}
.news-update-metas-outer .news-update-metas a  {
    display: block; 
}
.news-update-metas-outer .news-update-metas a h3 {
    font-size: 12px;
    font-weight: 600;
    color: #161515;
    line-height: 16px;
    text-transform: none;    
    height: 32px;
    overflow: hidden;
}
.news-update-metas-outer .news-update-metas span  {
    display: block; 
    font-size: 12px;
    line-height: 16px;
}   
.news-update-metas-outer  .news-update-excerpt {
    margin-bottom: 0px !important;
    display: none;
}
.news-updates-listing-outer ul li:last-child  .news-update {
    padding-bottom: 25px;
}
.news-updates-listing-outer ul li:nth-last-child(2)  .news-update {
    padding-bottom: 25px;
}

.elementor-button-outline_primary a {
    border-style: solid !important;
    color: #102e46 !important;
    border-radius: unset !important;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    -ms-border-radius: unset !important;
    -o-border-radius: unset !important;
}

.grecaptcha-badge { 
    visibility: hidden; 
}


.wpcf7 form .wpcf7-response-output {
    position: static !important;
    margin: 0px !important;
}
.wpcf7#wpcf7-f8142-o1 form .wpcf7-response-output {
    display: none;
}
@media (min-width: 1024px) {
    .news-update-img a img {
        height: 202px;
    }
    .news-update-metas-outer .news-update-metas a  {
        width: calc(100% - 120px);
    }
    .news-update-metas-outer .news-update-metas span  {
        width: 120px;
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
    }   
    .news-updates-listing-outer ul li {
        width: 33.33%; 
        float: left;
    }
    .news-updates-listing-outer ul li:first-child {
        width: 66.66%;
        padding-top: 0px;
    }
    .news-updates-listing-outer ul li:first-child .news-update {
        background-color: transparent;           
    }
    .news-updates-listing-outer ul li:first-child .news-update {
        background-color: transparent;           
        padding: 0px 30px 0px 0px;
    }
    .news-updates-listing-outer ul li:first-child .news-update-metas-outer .news-update-excerpt { 
        display: block;
    }
    .news-updates-listing-outer ul li:first-child  .news-update-img {
        margin-bottom: 34px;
    }
    .news-updates-listing-outer ul li:first-child  .news-update-img img {
        height: 600px; 
        border: 1px solid #f1f1f1;
    }
    .news-updates-listing-outer ul li:first-child  .news-update-metas-outer .news-update-metas {
        padding-bottom: 15px;
    }
    .news-updates-listing-outer ul li:first-child  .news-update-metas-outer .news-update-metas a h3 {
        font-size: 28px;
        line-height: 37px;
        height: unset;
    }
    .news-updates-listing-outer ul li:last-child .news-update {           
        padding-bottom: 25px;
    }
    .news-updates-listing-outer ul li:nth-last-child(2)  .news-update {
        padding-bottom: 0px;
    }
}
@media (max-width: 767px) {   
    .news-updates-listing-outer ul li {
        width: 100%; 
    }
    .news-updates-listing-outer ul li:nth-last-child(2)  .news-update {
        padding-bottom: 0px;
    }
    .page-title-bar .page-title {
        font-size: 36px;
        font-size: 2rem;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
		.elementor-column.what-we-do-tile {
			width: 50%;
		}
		.elementor-column.what-we-do-tile .elementor-image-box-description {
			font-size: 14px;
		} 
}
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {  
    .subscriber-form-outer {
        width: 100%;
        max-width: 100%;
    }
    .subscriber-form label:first-child {
        width: 200px;
        margin-bottom: 0px;
    }
    .subscriber-form input {
        width: 100%;
        height: 40px;
        margin-bottom: 0px;
    }
    .subscriber-form label input[type="submit"] {
        width: 100px;
        margin: 0px;
    }
   
}
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 767px) {   
		.elementor-button-outline_primary a {
			min-width: 260px;
		}
	.elementor-column.what-we-do-tile,
		.elementor-column.what-we-do-tile.sustainability-tile {
			width: 100%;
		}
		.elementor-column.what-we-do-tile,
		.elementor-column.what-we-do-tile .elementor-element-populated {
	padding: 0px !important;			
		}
		.elementor-column.what-we-do-tile .elementor-image-box-description {
			font-size: 14px;
		}
		.elementor-column.what-we-do-tile  .elementor-widget-container {
			min-height: unset !important;
		}
		.form-project .project-form-control {
			flex: 0 0 calc(100% - 30px);
		} 
		.elementor-widget-image-gallery .elementor-widget-container {
			padding: 0px 40px;
		}
		.project_logo {
			padding-top: 30px;
		}
		.project_logo img {
			max-width: 100%;
		} 
        .elementor-column.what-we-do-tile .elementor-widget-image-box .elementor-image-box-content,
        .sustainability-slider .elementor-content-item-inner {
            min-height: unset;
        }
}
@media (max-width: 911px) {
    .elementor-text_carousel-wrapper .owl-theme.owl-carousel .owl-nav [class*=owl-] {
        display: block;
    }
    .elementor-text_carousel-wrapper .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-prev {
        left: -20px;
    }
    .elementor-text_carousel-wrapper .owl-theme.owl-carousel .owl-nav [class*=owl-].owl-next {
        right: -20px;
    }
}

.custom-excerpt {
    text-align: center;
    color: #fff;
    padding-top: 15px;
}
.custom-excerpt p {
    display: none;
    margin-bottom: 0px;
}
.page-title-bar .breadcrumb {
    display: none;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    width: auto !important;
}
.page-title-bar .page-title {
    padding-top: 30px;
}
.breadcrumb-projects {
    display: none;
}
.single-osf_portfolio .page-title-bar {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-title-bar:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.overview-div-outer .attachment-rehomes-gallery-image {
    height: 465px;
    object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
}
.gallery .gallery-item:nth-child(n+7) {
    display: none;
}
.gallery .gallery-item a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.gallery .gallery-item:nth-child(6) a:before {
    content: 'More Images';
    padding-top: calc(30%);
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url(../wp-content/uploads/2020/08/Icon-awesome-image.svg);
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 8%;
}


.project-gallery .elementor-opal-image-gallery .grid__item:nth-child(n+7) {
    display: none;
}
.project-gallery .elementor-opal-image-gallery .grid__item a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #e1e1e1;
}
.project-gallery .elementor-opal-image-gallery .grid__item img {
    transform-origin: center;
}
.project-gallery .elementor-opal-image-gallery .grid__item:nth-child(6) a:before {
    content: ''; 
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(16 46 70 / 90%);
    background-image: url(../wp-content/uploads/2020/08/Icon-awesome-image.svg);
    background-repeat: no-repeat;
    background-position: center calc(50% - 15px);
    background-size: 40px;
}
.project-gallery .elementor-opal-image-gallery .grid__item:nth-child(6) a:after {
    content: 'More Images';
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: calc(50% + 15px);
    left: 0px;
    width: 100%;
}
.project-gallery.construction-gallery  .elementor-opal-image-gallery .grid__item:nth-child(n+5) {
    display: none;
}
.project-gallery.construction-gallery .elementor-opal-image-gallery .grid__item:nth-child(4) a:before {
    content: ''; 
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(16 46 70 / 90%);
    background-image: url(../wp-content/uploads/2020/08/Icon-awesome-image.svg);
    background-repeat: no-repeat;
    background-position: center calc(50% - 15px);
    background-size: 40px;
}
.project-gallery.construction-gallery .elementor-opal-image-gallery .grid__item:nth-child(4) a:after {
    content: 'More Images';
    text-align: center;
    font: 200 20px/26px "Raleway", raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: calc(50% + 15px);
    left: 0px;
    width: 100%;
}

.overview-div-inner p:last-child {
    margin-bottom: 0px;
}
.overview-div-inner+[data-readmore-toggle] {
    margin-top: 10px;
}
.overview-div-outer .pt-3 {
    padding-top: 8px;
    padding-right: 0px;
}
.search-results .page-title-bar {
    background-image: url(../wp-content/uploads/2020/08/0001-BACKGROUNG-IMAGE-1920x480-1.jpg);
}
.post-type-archive-osf_portfolio .page-title-bar {
    background-image: url(../wp-content/uploads/2020/08/0001-BACKGROUNG-IMAGE-1920x480-1.jpg);
}
.portfolio .portfolio-post-thumbnail {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}
.portfolio .portfolio-inner {
    position: relative;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}
.portfolio .portfolio-inner .thumbnail-overlay-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#gallery .elementor-tab-title {
    border-color: transparent;
}
.mapboxgl-map {
    max-width: 100% !important;
}
canvas {
    width: 100% !important;
}
.no-results.not-found {
    padding-bottom: 80px;
}
.elementor-lightbox .elementor-lightbox-image,
.elementor-lightbox .elementor-lightbox-image:hover {
    background-color: #fff;
}
rs-layer-wrap {
    background-color: rgba(0, 0, 0, 0.4);
}
.elementor-image-gallery .gallery-columns-2 .gallery-item {
    max-width: 100% !important;
}
.gallery .gallery-item a {
    border: 1px solid #e1e1e1;
}
.slick-arrow {
    width: auto;
    line-height: normal;
    height: auto;
    color: #000;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 0;
    transition: all 0.3s ease;
    background-color: white !important;
    font-size: 0px !important;
    border: 0px;
    z-index: 1;
}
.slick-arrow:hover:before {
    border-color: #5a5b5c !important;
    background-color: #5a5b5c !important;
    color: #fff;
}
.slick-prev {
    left: -30px;
}
.slick-next {
    right: -30px;
}
.slick-arrow:before {
    content: '';
    font-size: 16px;
    display: block;
    color: #000;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    box-sizing: initial;
    transition: all 0.3s ease;
    font-family: 'opal-icon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.slick-arrow.slick-prev:before {
    content: "";
}
.slick-arrow.slick-next:before {
    content: ""
}
.page-title-bar .page-title {
    max-width: 100%;
}
.elementor-nav-menu li.designs-byZD a {
    /*  background-image: url(../wp-content/uploads/2021/03/DESIGNS-By-ZD-Logo.png); */
    background-repeat: no-repeat;
    background-position: center;
    /*     width: 120px; */
    background-size: 100%;
    font-size: 14px;
}
ul li.designs-byZD a {
    /*     background-image: url(../wp-content/uploads/2021/03/DESIGNS-By-ZD-Logo.png); */
    background-repeat: no-repeat;
    background-position: 20px center;
    align-content: center;
    min-height: 72px;
    background-size: auto 35px;
    font-size: 14px;
} 
label {
    color: #5a5b5c;
}
.button-primary:hover,
input:hover[type="reset"],
input:hover[type="button"],
input:hover[type="submit"],
button:hover[type="submit"],
.page .edit-link a.post-edit-link:hover,
.error404 .go-back:hover,
.scrollup:hover,
.comment-form .form-submit input:hover[type="submit"],
.elementor-wpcf7-button-primary input:hover[type="submit"],
.elementor-wpcf7-button-primary button:hover[type="submit"],
.mailchimp-button-primary button:hover,
.button-primary:active,
input:active[type="reset"],
input:active[type="button"],
input:active[type="submit"],
button:active[type="submit"],
.page .edit-link a.post-edit-link:active,
.error404 .go-back:active,
.scrollup:active,
.comment-form .form-submit input:active[type="submit"],
.elementor-wpcf7-button-primary input:active[type="submit"],
.elementor-wpcf7-button-primary button:active[type="submit"],
.mailchimp-button-primary button:active,
.button-primary.active,
input.active[type="reset"],
input.active[type="button"],
input.active[type="submit"],
button.active[type="submit"],
.page .edit-link a.active.post-edit-link,
.error404 .active.go-back,
.active.scrollup,
.comment-form .form-submit input.active[type="submit"],
.elementor-wpcf7-button-primary input.active[type="submit"],
.elementor-wpcf7-button-primary button.active[type="submit"],
.mailchimp-button-primary button.active,
.show>.button-primary.dropdown-toggle,
.show>input.dropdown-toggle[type="reset"],
.show>input.dropdown-toggle[type="button"],
.show>input.dropdown-toggle[type="submit"],
.show>button.dropdown-toggle[type="submit"],
.page .edit-link .show>a.dropdown-toggle.post-edit-link,
.error404 .show>.dropdown-toggle.go-back,
.show>.dropdown-toggle.scrollup,
.comment-form .form-submit .show>input.dropdown-toggle[type="submit"],
.elementor-wpcf7-button-primary .show>input.dropdown-toggle[type="submit"],
.elementor-wpcf7-button-primary .show>button.dropdown-toggle[type="submit"],
.mailchimp-button-primary .show>button.dropdown-toggle,
.elementor-element .elementor-button-primary .elementor-button:hover,
.elementor-element .elementor-button-primary .elementor-button:active,
.elementor-element .elementor-button-primary .elementor-button:focus {
    border-color: #b9b9b9;
}
.button-primary,
input[type="reset"],
input.secondary[type="button"],
input.secondary[type="reset"],
input.secondary[type="submit"],
input[type="button"],
input[type="submit"],
button[type="submit"],
.page .edit-link a.post-edit-link,
.error404 .go-back,
.scrollup,
.comment-form .form-submit input[type="submit"],
.elementor-wpcf7-button-primary input[type="button"][type="submit"],
.elementor-wpcf7-button-primary input[type="submit"],
.elementor-wpcf7-button-primary button[type="submit"],
.mailchimp-button-primary button,
.mailchimp-button-primary button[type="submit"],
.button-default:hover,
.search .link-more a:hover,
.button-dark:hover,
.elementor-element .elementor-button-dark .elementor-button:hover,
.elementor-wpcf7-button-dark input:hover[type="submit"],
.elementor-wpcf7-button-dark button:hover[type="submit"],
.mailchimp-button-dark button:hover,
.button-dark:active,
.elementor-element .elementor-button-dark .elementor-button:active,
.elementor-wpcf7-button-dark input:active[type="submit"],
.elementor-wpcf7-button-dark button:active[type="submit"],
.mailchimp-button-dark button:active,
.button-dark:focus,
.elementor-element .elementor-button-dark .elementor-button:focus,
.elementor-wpcf7-button-dark input:focus[type="submit"],
.elementor-wpcf7-button-dark button:focus[type="submit"],
.mailchimp-button-dark button:focus,
.button-light:hover,
.elementor-element .elementor-button-light .elementor-button:hover,
.elementor-wpcf7-button-light input:hover[type="submit"],
.elementor-wpcf7-button-light button:hover[type="submit"],
.mailchimp-button-light button:hover,
.button-light:active,
.elementor-element .elementor-button-light .elementor-button:active,
.elementor-wpcf7-button-light input:active[type="submit"],
.elementor-wpcf7-button-light button:active[type="submit"],
.mailchimp-button-light button:active,
.button-light:focus,
.elementor-element .elementor-button-light .elementor-button:focus,
.elementor-wpcf7-button-light input:focus[type="submit"],
.elementor-wpcf7-button-light button:focus[type="submit"],
.mailchimp-button-light button:focus,
.elementor-element .elementor-button-primary .elementor-button {
    font-size: 14px;
}
.elementor-wpcf7-button-primary .project-form-control button[type="submit"],
.elementor-button-link.elementor-button  {
    padding-top: 14px !important;
    padding-bottom: 13px  !important;
    margin-top: 0 !important;
} 
.elementor-wpcf7-button-primary .project-form-control button[type="submit"] {
    margin-bottom: 10px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    margin-bottom: 30px !important;
}
.elementor-element .elementor-button .elementor-button-icon {
    margin-left: 8px;
} 
.elementor-widget-icon-box .elementor-icon-box-description {
    color: #5a5b5c !important;
}
.elementor-2695 .elementor-element.elementor-element-579849b9 .elementor-tab-title.elementor-active,
.elementor-2695 .elementor-element.elementor-element-579849b9 .elementor-tab-title:hover,
.elementor-widget-opal-image-gallery .elementor-galerry__filter.elementor-active {
    color: #11192c !important;
    border-color: #11192c !important;
}
.overview-div>div>a {
    font-weight: 600;
}
.elementor-menu-toggle i,
.search-project label {
    color: #5a5b5c !important;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -25px;
    left: 0px;
    margin-left: 0px;
}
button:active[type="submit"],
button:focus[type="submit"],
input:active[type="submit"],
input:focus[type="submit"] {
    background-color: #5a5b5c !important;
    border-color: #5a5b5c !important;
    color: #fff !important;
}
.page-id-341 input[type="submit"] {
    margin-top: 10px
}
.elementor-element .gallery-item,
.entry-gallery .gallery-item {
    padding-bottom: 10px;
    padding-top: 10px;
}
ul.portfolio-list li label,
.single-portfolio-summary-meta-list li .meta-title,
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title,
.elementor-widget-opal-image-gallery .elementor-galerry__filter,
.elementor-widget-heading .elementor-heading-title {
    color: #5a5b5c;
}
ul.single-portfolio-summary-meta-list li {
    padding-bottom: 0px;
}
ul.single-portfolio-summary-meta-list li:nth-child(1),
ul.single-portfolio-summary-meta-list li:nth-child(2),
ul.single-portfolio-summary-meta-list li:nth-child(3),
ul.single-portfolio-summary-meta-list li:nth-child(4),
ul.single-portfolio-summary-meta-list li:nth-child(5),
ul.single-portfolio-summary-meta-list li:nth-child(6) {
    padding-bottom: 5px;
}
body.opal-header-absolute.single-osf_portfolio .page-title-bar .container {
    width: 100% !important;
    max-width: 100%;
}
body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title-bar-inner {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px 0px 50px 115px;
}
body.page-id-2356 .page-title-bar .page-title-bar-inner:after,
body.page-id-2356 .page-title-bar .page-title-bar-inner:before,
body.page-id-341 .page-title-bar .page-title-bar-inner:after,
body.page-id-341 .page-title-bar .page-title-bar-inner:before,
#rev_slider_3_1_forcefullwidth:after,
#rev_slider_3_1_forcefullwidth:before,
body.post-type-archive-osf_portfolio .page-title-bar .page-title-bar-inner:after,
body.post-type-archive-osf_portfolio .page-title-bar .page-title-bar-inner:before {
    content: '';
    width: 1px;
    height: 100px;
    background: rgba(255, 255, 255, .2);
    left: 50%;
    margin-left: -0.5px;
    bottom: 5%;
    position: absolute;
    -webkit-transition:  .5s;
    transition:  .5s;
    -moz-transition:  .5s;
    -ms-transition:  .5s;
    -o-transition:  .5s;
    z-index: 2;
}
body.page-id-2356 .page-title-bar .page-title-bar-inner:after,
body.page-id-341 .page-title-bar .page-title-bar-inner:after,
#rev_slider_3_1_forcefullwidth:after,
body.post-type-archive-osf_portfolio .page-title-bar .page-title-bar-inner:after {
    will-change: transform;
    width: 1px;
    background: #fff;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    z-index: 1;
  }
/* body.page-id-2356 .page-title-bar .page-title-bar-inner:after {
    content: '';
    width: 2px;
    background-color: #fff;
    height: 15%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    animation: scroll 2.5s infinite;
    -webkit-animation: scroll 2.5s infinite;
} */

@-webkit-keyframes b {
    0% {
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }
    50% {
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }
    50.0001% {
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }
    to {
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transform: scaleY(1)    ;
      transform: scaleY(1)    ;
      -moz-transform: scaleY(1)    ;
      -ms-transform: scaleY(1)    ;
      -o-transform: scaleY(1)    ;
}
  }
  
  @keyframes b {
    0% {
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }
    50% {
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }
    50.0001% {
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }
    to {
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
    }
  }


@keyframes scroll {
    0% {
      height: 15%;
    }
    30% {
      height: 5%;
      /* bottom: 2.5%; */
    }
    60% {
      height: 15%;
    }
  }
  @-webkit-keyframes scroll {
    0% {
    height: 15%;
    }
    30% {
    height: 5%;
    /* bottom: 2.5%; */
    }
    60% {
    height: 15%;
    }
  }
body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title,
.page-title-bar .page-title {
    -webkit-transition: .35s;
    transition: .35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
}
body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title:hover,
.page-title-bar .page-title:hover {
    letter-spacing: .2em;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.breadcrumb {
    display: none;
}
@media screen and (min-width: 48em) {
    .site-content,
    .single-project-overview-section {
        padding: 100px 0;
    }
}
@media screen and (max-width: 47.999em) {
    .site-content,
    .single-project-overview-section {
        padding: 100px 0 ;
    }
}
.project_logo {
    padding-bottom: 45px;
}
.project_logo img {
    max-width: 300px;
}
.single-project-overview-title {
    font-size: 40px;
    color: #102E46;
    line-height: 1.75;
    padding-bottom: 45px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.single-project-meta-summary {
    padding-left: 0px;
    padding-top: 25px;    
}
.single-project-meta-summary li {
    list-style: none;
    width: 25%;
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
}
.single-project-meta-summary li .meta-title {
    font-size: 20px;
    color: #102E46;
    text-transform: uppercase;
    display: block; 
}
.single-project-meta-summary li .meta-value {
    font-size: 14px;
    color: #102E46;
    font-weight: 300;
    text-transform: uppercase;
}
.ms-slide-vpbtn {
    width: 114px !important;
    height: 114px !important;
    background: url(assets/images/play-circle.svg) no-repeat center center  !important;
    margin: -57px 0 0 -57px  !important;   
    background-size: 100% !important;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, 
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    background-color: transparent !important;
    width: 42px !important;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, 
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd,
.ms-skin-default .ms-nav-next, 
.ms-skin-default .ms-nav-prev {
    width: 42px !important;
    height: 42px !important;
    margin: -21px 0 0;
    top: 50%;    
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, 
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    display: none;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-skin-default .ms-nav-prev {
    background: url(assets/images/arrow-left-down-circle.svg) no-repeat center center  !important;
    margin-left: 5px;
    background-size: 100% !important;
} 
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd,
.ms-skin-default .ms-nav-next {
    background: url(assets/images/arrow-right-down-circle.svg) no-repeat center center  !important;
    margin-right: 5px;
    background-size: 100% !important;
}
.ms-skin-default .ms-nav-next, 
.ms-skin-default .ms-nav-prev {
    display: none;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background-color: white !important;
    border-radius: 50%;
}
.single-osf_portfolio #page, .single-osf_portfolio .opal-wrapper {
	overflow: unset;
}
.project_review_img {
	position: sticky;
  top: 100px;
}
.single-osf_portfolio .opal-wrapper .elementor-widget-icon-box .elementor-icon-box-wrapper {
	
} 
.single-osf_portfolio .opal-wrapper .elementor-widget-icon-box .elementor-icon-box-wrapper .elementor-icon-box-svg {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.single-osf_portfolio .opal-wrapper .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-svg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.scrollmagic-pin-spacer {
    min-height: 100vh !important;
}
@media (min-width: 1200px) {
    .page-title-bar .wrap {
        min-height: 100vh !important;
        padding: 0px !important;
    }
    body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title {
        font-size: 70px;
        text-transform: uppercase;
    }
    body.opal-header-absolute.single-osf_portfolio .page-title-bar .wrap {
        min-height: 100vh !important;
    } 
    body.post-type-archive-osf_portfolio #content {
        max-width: 1320px;
    }
}
@media (max-width: 1200px) {
    .homepage-inguiry-form-outer .elementor-widget-container {
        padding-bottom: 0px !important;
        margin-bottom: 30px;
    }
    .homepage-inguiry-form {
        position: static !important;
    }
    .single-portfolio-summary-meta-list {
        margin-left: 0px;
        border-left: 0px;
        border-top: 1px solid #5a5b5c;
        margin-top: 1.5em;
        padding-top: 1.5em;
    }
    .single-portfolio-summary-meta-list:before {
        display: none;
    }
    .single-portfolio-summary-meta .attachment-rehomes-gallery-image {
        width: 100%;
    }
    .single-project-meta-summary li {
        width: 50%;
    }
}
@media (max-width: 1024px) {
    .homepage-inguiry-form-outer .elementor-widget-container {
        padding-bottom: 0px !important;
        margin-bottom: 30px;
    }
    .homepage-inguiry-form {
        position: static !important;
    }
    .overview-div-outer .pt-3 {
        padding-right: 15px;
    }
    .overview-div-outer .attachment-rehomes-gallery-image {
        height: auto;
        object-fit: unset;
        -webkit-object-fit: unset;
        -o-object-fit: unset;
        -ms-object-fit: unset;
    }
    .project_review_img {
		position: unset;
		top: 0;
	}
    body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title-bar-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: stretch; 
        text-align: center !important;
        padding: 0px 15px !important;
    }
    body.opal-header-absolute.single-osf_portfolio .page-title-bar .page-title-bar-inner .page-header  {
        width: 100%;
    }
    body.page-id-2356 .page-title-bar .page-title-bar-inner:after, 
    body.page-id-2356 .page-title-bar .page-title-bar-inner:before, 
    body.page-id-341 .page-title-bar .page-title-bar-inner:after, 
    body.page-id-341 .page-title-bar .page-title-bar-inner:before, 
    #rev_slider_3_1_forcefullwidth:after,
    #rev_slider_3_1_forcefullwidth:before,
    body.post-type-archive-osf_portfolio .page-title-bar .page-title-bar-inner:after, 
    body.post-type-archive-osf_portfolio .page-title-bar .page-title-bar-inner:before {
        height: 40px;
    }
} 

@media (max-width: 767px) {
    .wpcf7 div.wpcf7-response-output {
        margin-bottom: 13px;
    }
    .portfolio .line {
        display: none;
    }
    .single-portfolio-summary-meta {
        width: auto;
    }
    ul.elementor-galerry__filters {
        padding-left: 0px;
    }
    #gallery .gallery .gallery-item:nth-child(4) a:before {
        padding-top: calc(25%);
        text-align: center;
        font: 600 25px/52px Assistant;
        background-position: center 35%;
        background-size: 40px
    }
    .master-slider-parent {
        margin-left: -30px !important;
        margin-right: -30px !important; 
    }
    .ms-thumb-list.ms-dir-h {
        display: none;
    }
    .ms-skin-default .ms-nav-next, 
    .ms-skin-default .ms-nav-prev {
        display: block !important;
    }
    .ms-slide-vpbtn {
        width: 50px !important;
        height: 50px !important;
        margin: -25px 0 0 -25px !important;
    }
}
.elementor-122 .elementor-element.elementor-element-abcfe3f:not(.elementor-motion-effects-element-type-background),
.elementor-122 .elementor-element.elementor-element-abcfe3f>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: rgba(255, 255, 255, 1) !important;
}

/* .page-id-4797 .elementor-122 .elementor-element.elementor-element-abcfe3f:not(.elementor-motion-effects-element-type-background),
.page-id-4797 .elementor-122 .elementor-element.elementor-element-abcfe3f>.elementor-motion-effects-container>.elementor-motion-effects-layer  {
	background-color: rgba(255, 255, 255, 0.32) !important;
} */

.page-id-4797 .elementor-122 .elementor-element.elementor-element-abcfe3f:not(.elementor-motion-effects-element-type-background).opacity,
.page-id-4797 .elementor-122 .elementor-element.elementor-element-abcfe3f>.elementor-motion-effects-container>.elementor-motion-effects-layer.opacity  {
	background-color: rgba(255, 255, 255, 1) !important;
}
/* .elementor-nav-menu li.designs-byZD a {
    width: 60px;
} */

.elementor-122 .elementor-element.elementor-element-84846c2 .elementor-image img,
.elementor-122 .elementor-element.elementor-element-84846c2 .elementor-image>a img[src$=".svg"],
.elementor-122 .elementor-element.elementor-element-84846c2 .elementor-image>img[src$=".svg"],
.elementor-122 .elementor-element.elementor-element-84846c2 .elementor-image figure>a img[src$=".svg"] {
    width: 120px;
}
.elementor-122 .elementor-element.elementor-element-8a8c4b4 .elementor-nav-menu--main:not(.e--pointer-underline) .elementor-item {
    padding-top: 30px;
    padding-bottom: 30px;
}
.elementor-122 .elementor-element.elementor-element-8a8c4b4 .elementor-nav-menu--main .elementor-item {
    color: #102e46;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
}
.elementor-122 .elementor-element.elementor-element-8a8c4b4 .elementor-nav-menu--main .elementor-item:not(:hover):not(.elementor-item-active) {
    color: #102e46;
}
.elementor-item.elementor-item-active span {
    border-bottom: 1px solid #102e46;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    justify-content: center;
    align-items: center;
    width: 100%
}
/* .designs-byZD.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2557 {
    margin-left: auto;
} */

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.page_item.page-item-117.current_page_item.menu-item-2367 {
    margin-left: auto;
}
.elementor-122 .elementor-element.elementor-element-8a8c4b4 .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child) {
    margin-right: 60px;
}
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:before {
    top: auto;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    display: none
}
.call-now-btn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3975 .elementor-item {
    background-color: #102e46;
    padding: 8px 15px;
    color: #FFF !important;
    font-weight: 600 !important;
    margin-left: 40px;
}
.elementor-161 .elementor-element.elementor-element-e59b0e0:not(.elementor-motion-effects-element-type-background),
.elementor-161 .elementor-element.elementor-element-e59b0e0>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url(../wp-content/uploads/2021/03/Footer12.png);
    background-position: bottom center;
    background-size: cover;
}
.elementor-161 .elementor-element.elementor-element-f096368:not(.elementor-motion-effects-element-type-background),
.elementor-161 .elementor-element.elementor-element-f096368>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #0E2D46;
    padding-top: 6rem;
}
.elementor-161 .elementor-element.elementor-element-f89b0c3 {
    border-width: 0px 0px 0px 0px !important;
    padding: 100px 0px 25px 0px;
}


/* Irfan Akram Custom Style */

.page-id-4461 #page-title-bar {
    display: none !important;
}

.page-id-4461 .site-content {
    padding: 0;
}

#post-4461 .entry-content {
    margin-bottom: 0;
}

.elementor-element-4271497 .mainSection {
  position: fixed;
  display: block;
  height: 100vh;
  min-width: 41vh;
  min-width: 45vh;
  left: 0;
}

.leftMenuBar {
  height: 100vh;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #022b27;
  width: 42vh;
}

.inner-menu {
  overflow: auto;
}

.leftMenuBar .menu-list {
  padding-left: 0;
  list-style-type: none;
  list-style: none;
}

.leftMenuBar .menu-list .menu-link {
  color: #b9b9b9;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0.8rem 0;
  text-decoration: none;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.leftMenuBar .menu-list .menu-link:hover {
	color: #FFF;
}

.menu-list .sub-menu {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  list-style: none;
}

.menu-list .sub-menu {
    display: none;
}

.leftMenuBar .menu-list .menu-item.open .menu-link {
    color: #fff;
}
.menu-list .menu-item .sub-menu.show {
    display: block;
}

.leftMenuBar .sub-menu .sub-menu-link {
  color: #fff;
  padding-left: 2rem;
  position: relative;
  display: block;
  font-size:  1rem;
  margin-left: 0.9rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.5px;
}

.sub-menu .sub-menu-link:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 3%;
  width: 10px;
  height: 2px;
  background-color: #b9b9b9;
  -webkit-transform: translate(-3%, 0);
  -ms-transform: translate(-3%, 0);
        transform: translate(-3%, 0);
}

.leftMenuBar .menu-list .menu-item.selected .menu-link {
  color: #fff;
}

.sub-menu .sub-menu-item:hover .sub-menu-link:before {
  background-color: #5db39d;
}
.sub-menu .sub-menu-item:hover .sub-menu-link {
  color: #5db39d;
}

.sub-menu .sub-menu-item.selected .sub-menu-link:before {
  background-color: #5db39d;
}
.sub-menu .sub-menu-item.selected .sub-menu-link {
  color: #5db39d;
}

.highlighted {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    position: relative;
}

.page-id-4461 {
    overflow: hidden;
}

.page-id-4461 #page #masthead > .site-header {
    display: none;
}

.highlighted .imgBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
}
.highlighted .textContent {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 59%;
            flex: 0 0 59%;
    width: 59%;
    padding: 1.5rem;
}

.highlighted .textSection-list {
    list-style-type: none;
    list-style: none;
    padding-left: 2rem;
    margin: 0;
}

.highlighted .textSection-list .textSection-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3rem;
}

.highlighted .textSection-list .textSection-item:last-child {
    margin-bottom: 0;
}

.textSection-item .icon-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    margin-right: 1rem;
    text-align: center;
}
.textSection-item .icon-box .img-icon {
    width: 70px;
    display: inline-block;
}

.textSection-list .textSection-item .text-box .links {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    /*letter-spacing: 2px;*/
    font-size: 1.2rem;
}

.highlighted .commonBlock {
    padding-left: 3rem;
}

.commonBlock .icon-box {
    margin-bottom: 1rem;
}
.commonBlock .heading {
    color: #000;
    font-size: 1.2rem;
    margin-bottom: .7rem;
    font-weight: 600;
}

.commonBlock .desc {
    font-size: 0.8rem;
    text-align: justify;
    margin-bottom: 2rem;
    line-height: 1.5;
    padding-right: 3rem;
}

.textContent .common-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
}

.textContent .common-list .common-item {
    /*display: flex;
    flex-grow: 1;
    flex: 0 0 100%;
    align-items: center;*/
    color: #000;
    font-size: 0.8rem;
    text-transform: capitalize;
    position: relative;
    padding: 0 0 0 2rem;
}

.textContent .common-list .common-item:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 1%;
    width: 12px;
    height: 1px;
    background-color: #5db39d;
    -webkit-transform: translate(-1%, 0);
        -ms-transform: translate(-1%, 0);
            transform: translate(-1%, 0);
}

.common-list .common-item .common-link {
    color: #000;
    font-size: 0.8rem;
    text-transform: capitalize;
}

.leftMenuBar .goToDesign {
    position: absolute;
    top: 3%;
    left: 3rem;
    -webkit-transform: translate(-1rem, -3%);
        -ms-transform: translate(-1rem, -3%);
            transform: translate(-1rem, -3%);
    border-radius: 50%;
    border: 1px solid #5db39d;
    width: 3rem;
    height: 3rem;
    color: #5db39d !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.leftMenuBar .goToDesign i.opal-icon-arrow-left {
    margin-top: 3px;
    font-weight: bold;
    font-size: 1.4rem;
}

.leftMenuBar .goToDesign:hover {
    background-color: #b9b9b9;
    border-color: #b9b9b9;
}




/* Design new style by Irfan Arkam */
.page-id-4797 #page-title-bar {
    display: none;
}

.page-id-4797 #content {
    padding: 0;
	max-width: 100%;

}

#post-4797 .entry-content {
    margin-bottom: 0;
}

#topBanner {
    min-height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
    z-index: 2;
}

.top-banner .main-imag {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    min-height:100vh;
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
}

.top-banner .main-imag img {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: difference;
    pointer-events: none;
}

.over-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
    height: 100vh;
    z-index: 3;
    background-color: rgba(29, 76, 76, 0.86);
}

#over_layer_bg {
/*     position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #e2e2e2;
    z-index: 4;
    pointer-events: none;
    /*mix-blend-mode: overlay;*/
    transition: all 3s ease-in-out;
}

.top-banner .logo-c,
#over_layer_bg .logo-c {
    width: 230px;
    position: fixed;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    z-index: 14;
}

.top-banner .logo-c .bar-block,
#over_layer_bg .logo-c .bar-block,
.logo-c .bar-block{
    position: relative;
    top: 0;
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto 1.5rem;
}

.top-banner .logo-c img,
#over_layer_bg .logo-c img,
.logo-c img {
    /*mix-blend-mode: difference;*/
    pointer-events: none;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
/*.altLogo {
  position: absolute;
  top:0px;
  transform: translate3d(0,0,0);
}*/

.logo-c .bar-block .bars,
#over_layer_bg .bar-block .bars,
.bar-block .bars {
    display: block;
    width: 100%;
    height: 20px;
/*     background-color: #54ad97; */
	/* background-color: #E2E2E2; */
    background-color: #FFF;
    flex: 0 0 100%;
    margin: auto 0;
}

.logo-c .bar-block .bars:first-child,
#over_layer_bg .bar-block .bars:first-child,
.bar-block .bars:first-child {
    margin-bottom: auto;
    margin-top: 0;
}

.logo-c .bar-block .bars:last-child,
#over_layer_bg .bar-block .bars:last-child,
.bar-block .bars:last-child {
    margin-top: auto;
    margin-bottom: 0;
}

/*#over_layer_bg svg.altLogo .st0 {
    fill: #0b3735;
    stroke: #0b3735;
}
#over_layer_bg svg.altLogo .st1 {
    fill:#5FB39D;
}

#over_layer_bg svg.altLogo .st2 {
    fill: #0b3735;
    stroke: #0b3735;
}*/

.top-banner .someText {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6rem;
    position: absolute;
    bottom: 10%;
    left: 50%;
    color: #fff;
    z-index: 7;
    transform: translate(-50%, -10%);
    /*mix-blend-mode: difference;*/
    pointer-events: none;
}

#over_layer_bg .full-services,
.full-services {
    position: relative;
    bottom: 100%;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    color: #7b7b7b;
    padding: 1rem 0;
    background-color: #e2e2e2;
    z-index: 20;
	transform: translateY(-100%);
	transition: all 1s ease-in-out;
}

#over_layer_bg .full-services .inner-serivce,
.full-services .inner-serivce {
    letter-spacing: 3px;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

#mask_bg {
    height: 100vh;
    width: 100%;
    background-color: #fff;
}


.main-block {
    position: relative;
	overflow: hidden;
}
.image-box.elementor-widget.elementor-widget-image {
    margin-bottom: 0;
}

.image-box .elementor-image img {
    width: 100%;
}

.main-block .hover-text-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%; 
    /*background-color: rgba(106, 106, 106, 0.84);  */
}

.main-block .hover-text-block .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    /*justify-content: center;*/
    padding: 4rem;
	z-index: 10;
}

.hover-text-block .hover-link .inner-block {
    margin: 18rem 4rem 0;
}

.main-block .hover-text-block .hover-heading span {
    display: block;
}
.main-block .hover-text-block .hover-heading span:first-child {
    line-height: 1.0;
}

/*.main-block .hover-text-block.logo-color{*/
/*    background-color: rgba(41, 81, 82, 0.84);*/
/*}*/

.main-block .hover-text-block .hover-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 2.5rem;
    font-weight: bold;
    flex: 0 0 100%;
    flex-grow: 1;
}

.main-block .hover-text-block p {
    color: #fff;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    flex: 0 0 100%;
    flex-grow: 1;
    font-weight: 300;
    /*line-height: 1.1;*/
    /*margin-bottom: 0.3rem;*/
}

.site-footer {
    z-index: 8;
}

.site-footer .wrap {
    z-index: 9;
}

.animate-overLayer .hover-link {
	display: flex;
	flex: 0 0 100%;
	align-items: center;
	justify-content: center;
}

.animate-overLayer .hover-link .hover-heading {
	color: #000;
}

.swiper-wrapper .swiper-slide .swiper-slide-image {
    /*opacity: .67;*/
    /*filter: brightness(0.50);*/
    transition: all .5s ease-in-out;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    left: 33.5%;
    align-items: center;
}

.custom-slider figure.swiper-slide-inner {
    opacity: 0.7;
}

.custom-slider .swiper-slide.swiper-slide-active figure.swiper-slide-inner {
    opacity: 1;
}

.swiper-wrapper .swiper-slide .swiper-slide-image {
    width: 80%;
    /*height: 285px;*/
}

.swiper-wrapper .swiper-slide.swiper-slide-active .swiper-slide-image {
    width: 100%;
    /*height: auto;*/
    opacity: 1;
    filter: brightness(1.0);
    box-shadow: 0 0 25px -4px rgb(0 0 0 / 85%);
}
.swiper-wrapper .swiper-slide .elementor-image-carousel-caption {
    padding: 1rem 0;
}

.swiper-wrapper .swiper-slide.swiper-slide-active .elementor-image-carousel-caption {
    text-transform: uppercase;
    /* padding: 2.6rem 0 1rem; */
    position: relative;
    font-size: 1.3rem;
}
.swiper-wrapper .swiper-slide.swiper-slide-active .elementor-image-carousel-caption:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 40px;
    height: 2px;
    background-color: #000;
}

.elementor-widget-opal-image-gallery .column-item img {
    filter: grayscale(1);
}

.elementor-widget-opal-image-gallery .column-item:hover img {
    filter: grayscale(0);
}
.portfolio-heading.elementor-widget:not(:last-child) {
    margin-bottom: 0;
}
.portfolio-heading {
    padding: 5rem 1rem 0rem;
    background-color: #f5f5f5;
}
.portfolio-heading .elementor-heading-title {
    font-weight: 600;
}


.elementor-widget-opal-image-gallery .gallery-item-overlay {
    display: none !important;
}

.bottom-row {
    text-transform: uppercase;
    font-size: 8rem;
    flex: 0 0 100%;
    text-align: right;
    padding-right: 4rem;
    position: absolute;
    bottom: 7%;
    right: 0;
    font-weight: 700;
    color: #e0e5e5;
    transform: translate(0, -7%);
}
#visualization .bottom-row {
    font-size: 5rem;
}
#project_management .bottom-row {
    font-size: 6rem;
}
.animate-overLayer {
	position: absolute;
    top: 0;
    z-index: 6;
    bottom: 0;
/*     height: 100% !important; */
    transition: all .5s ease-in-out;
    width: 100%;
    background-color: #fff;
}
/* .over {
	top:-100%;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: -1;
} */

.elementor-element-418c24f 
{
	display: none;
}
.elementor-swiper-button {
	color: #000 !important;
	font-size: 40px;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: 0;
	top: 40px;
    font-size: 4rem;
	padding: 10px 10px 20px;
    height: auto;
    width: auto;
    line-height: 20px;
    background: transparent;
}
/* .elementor-kit-2220 button:hover, .elementor-kit-2220 button:focus, .elementor-kit-2220 input[type="button"]:hover, .elementor-kit-2220 input[type="button"]:focus, .elementor-kit-2220 input[type="submit"]:hover, .elementor-kit-2220 input[type="submit"]:focus, .elementor-kit-2220 .elementor-button:hover, .elementor-kit-2220 .elementor-button:focus {
	 background: transparent;
	box-shadow: none;
}

.elementor-kit-2220 button, .elementor-kit-2220 input[type="button"], .elementor-kit-2220 input[type="submit"], .elementor-kit-2220 .elementor-button {
	background-color: transparent !important;
	text-shadow: none !important;
} */

#view_all_btn .elementor-button-success .elementor-button-link {
    background-color: #5db39d !important;
    border-color: #5db39d !important;
    padding: 0.6rem 1rem;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}

#view_all_btn .elementor-button-success .elementor-button-link:hover {
	background-color: #fff !important;
	color: #5db39d !important;
}

.page-id-6570 #content.site-content {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.height-100 {
	height: 100vh;
}
#portfolio_block {
    margin-top: 350vh;
}
.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
    height: 78vh;
}
.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
    padding: 2rem 4rem 6rem 4rem;
    background-color: #f5f5f5 !important;
}
.hover-tag {
    padding: 2rem;
    color: #fff;
    text-align: center !important;
}
.page-id-7411,
.page-id-7547 {
	background-color: #f5f5f5;
}
.page-id-7411 .page-title-bar,
.page-id-7547 .page-title-bar {
	display: none;
}
.text-area-block {
	padding-right: 2rem;
}

.page-id-7547 .e-gallery-masonry .e-gallery-image {
    filter: grayscale(1);
    transition: all 0.5s ease-in-out;
}

.page-id-7547 .e-gallery-masonry .e-gallery-image:hover {
    filter: grayscale(0);
}

.elementor-menu-toggle {
	background-color: unset !important;
}

.the-sum-of-us {
	background-color: #F5F5F5;
}

@media (min-width: 992px) {
    body.opal-header-absolute .site-header {
        position: fixed;
    }
}








/* Responsive style by Irfan Akram */
@media(min-width: 1681px) {
	#project_management .bottom-row {
		font-size: 5rem;
	}
	#visualization .bottom-row {
		font-size: 4.6rem;
	}
}
@media(min-width: 1440px) {
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:nth-child(9) {
   		--percent-height: 68.5674% !important;
	}
}

@media(min-width: 1380px) {
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:nth-child(9) {
   		--percent-height: 68.1674% !important;
	}
}

@media(min-width: 1200px) {
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:nth-child(9) {
   		--percent-height: 67.3674% !important;
	}
}

@media(min-width: 1199px) {
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:last-child {
		width: 74.7%;
		--item-height: 38.1847% !important;
		--column: 1 !important;
	}
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:nth-child(8) {
		--item-height: 67.7692% !important;
	}
	.page-id-7411 .e-gallery-item.elementor-gallery-item.elementor-animated-content:nth-child(9) {
		--column: 0 !important;
    	--items-in-column: 7 !important;
	}
	.text-area-block p {
		margin-bottom: 2rem;
		padding-left: 2rem;
	}
	.text-area-block h2 {
		padding-left: 2rem;
		margin-bottom: 1rem !important;
	}
}

@media (max-width:  1680px) {
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 23%;
        background-color: #022b27;
    }
    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 79%;
    }
    .bottom-row {
        font-size: 4.5rem !important;
    }
	/* #project_management .bottom-row {
		font-size: 5rem;
	}
	#visualization .bottom-row {
		font-size: 4.5rem;
	} */
}

@media (max-width:  1440px) {
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 25%
    }
    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 74%;
    }
    .bottom-row {
        font-size: 4rem !important;
    }
    /* .bottom-row {
        font-size: 7rem;
    }
    .bottom-row {
        font-size: 4rem !important;
    } */
    /* #visualization .bottom-row {
        font-size: 4rem;
    }
    #project_management .bottom-row {
        font-size: 5rem;
    } */
}

@media (max-width: 1380px) {
	.bottom-row {
		font-size: 3.3rem !important;
	}
	 /* #visualization .bottom-row {
        font-size: 4rem;
    }
    #project_management .bottom-row {
        font-size: 5rem;
    } */
	
	.hover-text-block .hover-link .inner-block {
		margin: 12rem 4rem 0;
	}
}

@media(max-width: 1366px) {
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 28%
    }
    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 71%;
    }
    .elementor-element-4271497 .mainSection{
		max-width: 41vh;
    	min-width: 40vh;
    }
	.leftMenuBar .sub-menu .sub-menu-link {
		font-size: 0.85rem;
		margin-top: 0.4rem;
	}
    
    .bottom-row {
        font-size: 6rem;
    }

    #visualization .bottom-row {
        font-size: 3rem;
    }
    #project_management .bottom-row {
        font-size: 4rem;
    }
	.leftMenuBar {
		width: 60vh;
	}
}

@media(max-width: 1199px) {
    .bottom-row {
        font-size: 4rem;
    }
    #visualization .bottom-row {
        font-size: 3rem;
    }
    #project_management .bottom-row {
        font-size: 3.5rem;
    }
	
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 70vh;
	}
	.elementor-4797 .elementor-element.elementor-element-3acc5d2 > .elementor-widget-container {
		padding: 1rem 1rem 1rem 1rem !important;
	}
	.elementor-4797 .elementor-element.elementor-element-e7d9916 > .elementor-element-populated {
		padding: 0rem 2rem !important;
	}
	.elementor-4797 .elementor-element.elementor-element-b62700d > .elementor-container {
		min-height: 70vh !important;
	}
}


@media (max-width: 1055px) {
	.bottom-row {
		font-size: 4rem;
	}
	 #visualization .bottom-row {
        font-size: 3rem;
    }
    #project_management .bottom-row {
        font-size: 4rem;
		padding-right: 2rem;
    }
	.textSection-list .textSection-item .text-box .links {
		font-size: 1rem;
	}
	.leftMenuBar .menu-list .menu-link {
		font-size: 1rem;
	}
	.leftMenuBar .sub-menu .sub-menu-link {
		font-size: 0.8rem;
	}
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 65vh;
		padding: 2rem 2rem 3rem 2rem;
	}	
}

@media (max-width: 1024px) {
	.elementor-4461 .elementor-element.elementor-element-4271497 {
		width: 35%;
	}
	.elementor-4461 .elementor-element.elementor-element-fd659d1 {
		width: 65%;
	}
	.leftMenuBar {
		width: 35vh;
	}
    .leftMenuBar .menu-list .menu-link {
        font-size: 1rem;
    }
    .leftMenuBar .sub-menu .sub-menu-link {
        font-size: 0.8rem;
    }
    .bottom-row {
        display: none;
    }
    
    .top-banner .someText {
        width: 100%;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
    }
    .main-block .hover-text-block .hover-link {
        align-items: center;
        justify-content: center;
    }
    .main-block .hover-text-block p {
        font-size: 1rem;
    }
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 65vh;
		padding: 2rem 2rem 3rem 2rem;
	}
	#view_all_btn {
		padding-bottom: 2rem;
	}
}

@media(max-width: 991px) {
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: 25%;
    }
    
    [data-elementor-columns="5"] .column-item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 100%;
		padding: 2rem 2rem 3rem 2rem;
	}
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 100%;
	}
}

@media(max-width: 898px) {
	.elementor-4797 .elementor-element.elementor-element-d0f638f {
		padding: 0rem;
	}
}

@media (min-width: 768px) and (max-width: 856px) {
/*     .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 35%
    }
    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 65%;
    } */
    .main-block .hover-text-block .hover-heading {
        font-size: 1rem;
    }
    .main-block .hover-text-block .hover-heading span {
        display: inline-block;
        margin: 0 0.5rem;
    }
    .main-block .hover-text-block p {
        font-size: 0.75rem !important;
    }
    .main-block .hover-text-block .hover-link {
        padding: 2rem;
    }
	.bottom-row {
        display: none;
    }
    .leftMenuBar .menu-list .menu-link,
    .leftMenuBar .sub-menu .sub-menu-link {
        font-size: 0.8rem;
    }
    .textSection-list .textSection-item .text-box .links {
        font-size: 0.75rem;
    	line-height: 1.3;
    }
    .highlighted {
/*         align-items: flex-start;
        justify-content: flex-start; */
        padding: 2rem 1rem 2rem;
        overflow: auto;
    }
    
    .top-banner .someText {
        width: 100%;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
    }
    .main-block .hover-text-block .hover-link {
        padding: 2rem;
    }
    .main-block .hover-text-block .hover-heading {
        font-size: 1.3rem;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: 27%;
    }
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		padding: 2rem 1rem 2rem 1rem;
	}
	
	.elementor-4797 .elementor-element.elementor-element-b62700d > .elementor-container {
		min-height: auto;
	}
/* 	  .elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 50vh;
	} */
	
}

@media(max-width: 800px) {
	.leftMenuBar {
		width: 22vh;
	}
}

@media (max-width: 768px) {
    .bottom-row {
        display: none;
    }
	.animate-overLayer {
		display: none !important;
	}
	.leftMenuBar {
		width: 26vh;
	}
	.page-id-7411 .text-area-block h2 {
		margin-bottom: 1.5rem;
		font-size: 25px;
	}
	.page-id-7411  .elementor-7411 .elementor-element.elementor-element-ac2e76e .elementor-spacer-inner {
		display: none;
	}
}

@media (max-width: 767px) {
    .highlighted .imgBox {
        flex: 0 0 50%;
        width: 50%;
    }
    .highlighted .textContent {
        flex: 0 0 100%;
        width: 100%;
    }
    .page-id-4797 #content {
        padding-top: 0;
    }
	
/* 	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 70vh;
	} */

    .main-block .hover-text-block .hover-link {
        padding: 2rem 1rem;
        align-items: center;
        justify-content: center;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
        padding: 3rem;
    }
    .main-block .hover-text-block .hover-heading {
        margin-bottom: 1.3rem;
        font-size: 1.3rem;
    }
    .main-block .hover-text-block .hover-heading span {
        display: inline-block;
    }
    .main-block .hover-text-block p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: justify !important;
        -moz-text-align-last: center !important;
        text-align-last: center !important;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        width: 150px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
    .top-banner .logo-c .bar-block, #over_layer_bg .logo-c .bar-block {
        height: 142px;
    }
    #topBanner {
        position: relative;
    }
    .top-banner .someText {
        font-size: 1rem;
        bottom: 6%;
        left: 50%;
        transform: translate(-50%, -6%);
        width: 100%;
    }
    
    .elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
        padding: 2rem 1rem 3rem;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: auto;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        mix-blend-mode: unset;
    }
    #logo_c .logo-img svg .st0{fill:#E2E2E2;stroke:#E2E2E2;stroke-width:0.5;stroke-miterlimit:10;}
    #logo_c .logo-img svg .st1{fill:#5FB39D;}
    #logo_c .logo-img svg .st2{fill:#E2E2E2;}
    .logo-c .bar-block .bars, #over_layer_bg .bar-block .bars {
        background-color: #54ad97;
    }
    .top-banner .someText {
        width: 100%;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
    }
}

@media (max-width: 766px) {
	.highlighted .imgBox {
		flex: 0 0 90%;
		width: 90%;
		margin-left: 1rem;
	}
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 100%;
	}
}

@media (max-width: 425px) {
	
    .page-id-4461 #page #masthead > .site-header {
        display: block; 
    }
    .page-id-4461 #colophon {
        display: none;
    }
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 100%;
    } 
    .elementor-element-4271497 .mainSection {
        position: relative;
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .leftMenuBar {
        height: auto;
        padding: 0 1.2rem;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        position: fixed;
        top: 68px;
        left: 0;
        z-index: 9;
        max-width: 100%;
   		width: 100%;
    }
	.highlighted .imgBox {
		margin-left: 0rem;
	}

    .leftMenuBar .goToDesign {
        display: none;
    }

    .inner-menu {
        overflow: auto;
        position: relative;
    }

    .leftMenuBar .menu-list {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        width: 1000px;
        margin-bottom: 0;
        padding: 0.5rem 0;
    }

    .leftMenuBar .menu-list .menu-item {
        display: inline-flex;
        text-align: center;
        align-items: center;
    }

    .leftMenuBar .menu-list .menu-link {
        margin: 0;
        padding: 0.5rem 1.2rem;
        position: relative;
        font-size: 0.8rem;
    }

    .leftMenuBar .menu-list.open .menu-link:before,
    .leftMenuBar .menu-list.selected .menu-link:before {
        content: '';
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 0;
        width: 30px;
        height: 1px;
        background-color: #fff;
    }

    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 100%;
    }

    .highlighted {
        padding: 7rem 0 5rem;
        min-height: 100vh;
        background-color: #fff;
        overflow: auto;
        height: calc(100vh + 2.5rem);
    }

    .highlighted .imgBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .highlighted .imgBox img {
        height: calc(104vh - 100px);
        object-fit: cover;
    }
    .highlighted .textContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0rem 1.1rem 2rem;
    }

    /*#architecture,*/
    /*#engineering,*/
    /*#interiors,*/
    /*#visualization,*/
    /*#project_management,*/
    /*#residential{*/
    /*    padding-top: 8rem;*/
    /*}*/

    /* #architecture .textContent,
    #engineering .textContent,
    #interiors .textContent,
    #visualization .textContent,
    #project_management .textContent{
        position: relative;
        top: -70px;
    } */
    #architecture .textContent,
    #engineering .textContent,
    #interiors .textContent,
    #visualization .textContent,
    #project_management .textContent{
        position: absolute;
        bottom: 20px;
    }
    #architecture .textSection-list,
    #engineering .textSection-list,
    #interiors .textSection-list,
    #visualization .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row nowrap;
        justify-content: center;
    }

    #project_management .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row wrap;
    }
    #project_management .textSection-list .textSection-item {
        flex-wrap: wrap;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        flex: 0 0 47%;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
    }

    #architecture .textSection-list .textSection-item,
    #engineering .textSection-list .textSection-item,
    #interiors .textSection-list .textSection-item,
    #visualization .textSection-list .textSection-item {
        flex-wrap: wrap;
        flex: 0 0 33%;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.7rem 0.5rem 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
        min-height: 14vh; 
    }
    .textSection-list .textSection-item {
        position: relative !important;
        align-items: flex-start !important;
        min-height: 14vh !important;
    }
    #architecture .textSection-item .icon-box,
    #engineering .textSection-item .icon-box,
    #interiors .textSection-item .icon-box,
    #visualization .textSection-item .icon-box,
    #project_management .textSection-item .icon-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin-right: 0;
    }
    .textSection-item .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 45px;
    }
    .textSection-item .icon-box img {
        width: auto !important;
        max-height: 45px;
    }
    /* #interiors .textSection-item .icon-box .img-icon {
        width: 47px !important;
    }

    #architecture .textSection-item .img-icon {
        width: 35px !important;
    }
    #engineering .textSection-item:first-child .img-icon img {
        width:  37px;
    } */

    .textSection-list .textSection-item .text-box .links {
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
        display: flex;
        width: 100%;
        height: 100%;
        align-content: center;
        padding: 65px 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .menu-list .menu-item .sub-menu.show {
        display: none;
    }
    .textContent {
        padding-left: 1.5rem;
        padding-bottom: 2rem;
    }

    .commonBlock .icon-box {
        margin: 2rem 0;
        display: flex;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.8rem;
        border-radius: 10px;
        width: 65px;
        height: 65px;
        align-items: center;
        justify-content: center;
    }

    .commonBlock .desc {
        padding-right: 1.5rem;
    }
    .textContent .common-list .common-item {
        padding: 0 1rem 0 2rem;
    }

    .textSection-list .textSection-item .text-box .links {
        font-size: 0.7rem;
    }

    #structure .icon-box img {
        width: 30px !important;
    }

    .bottom-row {
        display: none;
    }
    
    .page-id-4797 #content {
        padding-top: 0;
    }

    .main-block .hover-text-block .hover-link {
        padding: 2rem 1rem;
        align-items: center;
        justify-content: center;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
        padding: 2rem;
    }
    .main-block .hover-text-block .hover-heading {
        margin-bottom: 1.3rem;
        font-size: 1.3rem;
    }
    .main-block .hover-text-block .hover-heading span {
        display: inline-block;
    }
    .main-block .hover-text-block p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: justify !important;
        -moz-text-align-last: center !important;
        text-align-last: center !important;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        width: 150px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
    .top-banner .logo-c .bar-block, #over_layer_bg .logo-c .bar-block {
        height: 142px;
    }
    #topBanner {
        position: relative;
    }
    .top-banner .someText {
        font-size: 1rem;
        bottom: 6%;
        left: 50%;
        transform: translate(-50%, -6%);
        width: 100%;
    }
    
    .elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
        padding: 2rem 1rem 3rem;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: auto;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        mix-blend-mode: unset;
    }
    #logo_c .logo-img svg .st0{fill:#E2E2E2;stroke:#E2E2E2;stroke-width:0.5;stroke-miterlimit:10;}
    #logo_c .logo-img svg .st1{fill:#5FB39D;}
    #logo_c .logo-img svg .st2{fill:#E2E2E2;}
    .logo-c .bar-block .bars, #over_layer_bg .bar-block .bars {
        background-color: #54ad97;
    }
    [data-elementor-columns="5"] .column-item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }
	
	.text-area-block {
		padding-right: 0;
	}
	.page-id-7411 .text-area-block h2 {
		margin-bottom: 1.5rem !important;
	}
	.page-id-7411 .text-area-block p {
		text-align: justify;
		margin-bottom: 1rem;
	}
	
	.page-id-7411 .text-area-block p:last-child {
		margin-bottom: 2rem;
	}
	.elementor-4797 .elementor-element.elementor-element-e7d9916 > .elementor-element-populated {
		padding: 0rem !important;
	}
}

@media (max-width: 412px) {
	#portfolio_block {
		margin-top: 0vh;
	}
	.hover-tag {
		font-size: 1rem;
		line-height: 1.5;
	}
}

@media (max-width: 375px) {
    .page-id-4461 #page #masthead > .site-header {
        display: block; 
    }
    .page-id-4461 #colophon {
        display: none;
    }
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 100%;
    } 
    .elementor-element-4271497 .mainSection {
        position: relative;
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .leftMenuBar {
        height: auto;
        padding: 0 1.2rem;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        position: fixed;
        top: 65px;
        left: 0;
        z-index: 9;
        max-width: 100vh;
		width: 100%;
    }

    .leftMenuBar .goToDesign {
        display: none;
    }

    .inner-menu {
        overflow: auto;
        position: relative;
    }

    .leftMenuBar .menu-list {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        width: 1000px;
        margin-bottom: 0;
        padding: 0.5rem 0;
    }

    .menu-item.architecture {
        display: inline-flex;
    }

    .leftMenuBar .menu-list .menu-link {
        margin: 0;
        padding: 0.5rem 1.2rem;
        position: relative;
        font-size: 0.8rem;
    }

    .leftMenuBar .menu-list.open .menu-link:before,
    .leftMenuBar .menu-list.selected .menu-link:before {
        content: '';
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 0;
        width: 30px;
        height: 1px;
        background-color: #fff;
    }

    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 100%;
    }

    .highlighted {
        padding: 7rem 0 5rem;
        min-height: 100vh;
        background-color: #fff;
        overflow: auto;
        height: calc(100vh + 2.5rem);
    }

    .highlighted .imgBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .highlighted .textContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0rem 1.1rem 2rem;
    }

    /*#architecture,*/
    /*#engineering,*/
    /*#interiors,*/
    /*#visualization,*/
    /*#project_management {*/
    /*    padding-top: 8rem;*/
    /*}*/
    /*#residential {*/
    /*    padding-top: 7rem;*/
    /*}*/

    #architecture .textContent,
    #engineering .textContent,
    #interiors .textContent,
    #visualization .textContent {
        position: relative;
        top: -95px;
    }
    #architecture .textSection-list,
    #engineering .textSection-list,
    #interiors .textSection-list,
    #visualization .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row nowrap;
        justify-content: center;
    }

    /*#project_management {*/
    /*    padding-bottom: 3rem;*/
    /*}*/
    #project_management .textContent {
        position: relative;
        top: -75px;
    }

    #project_management .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row wrap;
    }
    #project_management .textSection-list .textSection-item {
        flex-wrap: wrap;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        flex: 0 0 46.3%;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
    }

    #architecture .textSection-list .textSection-item,
    #engineering .textSection-list .textSection-item,
    #interiors .textSection-list .textSection-item,
    #visualization .textSection-list .textSection-item {
        flex-wrap: wrap;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        flex: 0 0 33%;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
    }
    #architecture .textSection-item .icon-box,
    #engineering .textSection-item .icon-box,
    #interiors .textSection-item .icon-box,
    #visualization .textSection-item .icon-box,
    #project_management .textSection-item .icon-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin-right: 0;
    }

    #interiors .textSection-item .icon-box .img-icon {
        width: 47px !important;
    }

    #architecture .textSection-item .img-icon {
        width: 35px !important;
    }
    #engineering .textSection-item:first-child .img-icon img {
        width:  37px;
    }

    .textSection-list .textSection-item .text-box .links {
        text-align: center;
        display: inline-block;
    }

    .menu-list .menu-item .sub-menu.show {
        display: none;
    }
    .textContent {
        padding-left: 1.5rem;
        padding-bottom: 2rem;
    }

    .commonBlock .icon-box {
        margin: 2rem 0;
        display: flex;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.8rem;
        border-radius: 10px;
        width: 65px;
        height: 65px;
        align-items: center;
        justify-content: center;
    }

    .commonBlock .desc {
        padding-right: 1.5rem;
    }
    .textContent .common-list .common-item {
        padding: 0 1rem 0 2rem;
    }

    .textSection-list .textSection-item .text-box .links {
        font-size: 0.7rem;
    }

    #structure .icon-box img {
        width: 30px !important;
    }

    .bottom-row {
        display: none;
    }
    
    .page-id-4797 #content {
        padding-top: 0;
    }

    .main-block .hover-text-block .hover-link {
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
    }
    .main-block .hover-text-block .hover-heading {
        margin-bottom: 1.3rem;
        font-size: 1rem;
    }
    .main-block .hover-text-block .hover-heading span {
        display: inline-block;
    }
    .main-block .hover-text-block p {
        font-size: 0.75rem;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        width: 150px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
    .top-banner .logo-c .bar-block, #over_layer_bg .logo-c .bar-block {
        height: 142px;
    }
    #topBanner {
        position: relative;
    }
    .top-banner .someText {
        font-size: 1rem;
        bottom: 6%;
        left: 50%;
        transform: translate(-50%, -6%);
        width: 100%;
    }
    
    .elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
        padding: 2rem 1rem 3rem;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: auto;
    }
	.hover-text-block .hover-link .inner-block {
        margin: 0;
        padding: 2rem;
    }
	.elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
		height: 100%;
	}
	.portfolio-heading {
		padding: 3rem 1rem 0rem;
	}
}

@media (max-width: 320px) {
    .page-id-4461 #page #masthead > .site-header {
        display: block; 
    }
    .page-id-4461 #colophon {
        display: none;
    }
    .elementor-4461 .elementor-element.elementor-element-4271497 {
        width: 100%;
    } 
    .elementor-element-4271497 .mainSection {
        position: relative;
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .leftMenuBar {
        height: auto;
        padding: 0 1.2rem;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        position: fixed;
        top: 65px;
        left: 0;
        z-index: 9;
        max-width: 100%;
		width: 100%;
    }

    .leftMenuBar .goToDesign {
        display: none;
    }

    .inner-menu {
        overflow: auto;
        position: relative;
    }

    .leftMenuBar .menu-list {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        width: 1000px;
        margin-bottom: 0;
        padding: 0.5rem 0;
    }

    .menu-item.architecture {
        display: inline-flex;
    }

    .leftMenuBar .menu-list .menu-link {
        margin: 0;
        padding: 0.5rem 1.2rem;
        position: relative;
        font-size: 0.8rem;
    }

    .leftMenuBar .menu-list.open .menu-link:before,
    .leftMenuBar .menu-list.selected .menu-link:before {
        content: '';
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 0;
        width: 30px;
        height: 1px;
        background-color: #fff;
    }

    .elementor-4461 .elementor-element.elementor-element-fd659d1 {
        width: 100%;
    }
	.hover-text-block .hover-link .inner-block {
        margin: 0;
        padding: 1.2rem;
    }

    .highlighted {
        padding: 8rem 0 5rem;
        min-height: 100vh;
        background-color: #fff;
        overflow: auto;
        height: calc(100vh + 2.5rem);
    }

    .highlighted .imgBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .highlighted .textContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0rem 1.5rem 2rem;
    }
    #project_management .textContent {
        padding: 0 0.5rem 2rem;
    }
    
    #architecture .textContent, #engineering .textContent, #visualization .textContent {
        position: relative;
        top: -110px;
    }
    
    #interiors .textContent {
        position: relative;
        top: -55px;
    }

    /*#architecture,*/
    /*#engineering,*/
    /*#interiors,*/
    /*#visualization,*/
    /*#project_management {*/
    /*    padding-top: 3rem;*/
    /*}*/
    /*#residential {*/
    /*    padding-top: 5rem;*/
    /*}*/

    /*#architecture .textContent,*/
    /*#engineering .textContent,*/
    /*#interiors .textContent,*/
    /*#visualization .textContent {*/
    /*    margin-top: -5rem;*/
    /*}*/
    #architecture .textSection-list,
    #engineering .textSection-list,
    #visualization .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row nowrap;
        justify-content: center;
    }
    
    #interiors .textSection-list {
        flex-flow: row wrap;
    }

    /*#project_management {*/
    /*    padding-bottom: 3rem;*/
    /*}*/
    /*#project_management .textContent {*/
    /*    margin-top: -5rem;*/
    /*}*/

    #project_management .textSection-list {
        padding-left: 0;
        display: flex;
        flex: 0 0 100%;
        flex-flow: row wrap;
    }
    #project_management .textSection-list .textSection-item {
        flex-wrap: wrap;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        flex: 0 0 46%;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
    }

    #architecture .textSection-list .textSection-item,
    #visualization .textSection-list .textSection-item {
        flex-wrap: wrap;
        display: inline-flex;
        margin-bottom: 0;
        justify-content: center;
        flex: 0 0 35%;
        font-size: 0.6rem;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.5rem;
        margin: 0.3rem;
        border-radius: 8px;
        background-color: #fff;
    }
    #project_management .textContent {
        position: relative;
        top: -60px;
    }
    #engineering .textSection-list .textSection-item {
        flex: 0 0 48%;
    }
    #interiors .textSection-list .textSection-item {
        flex: 0 0 45%;
    }
    
    #architecture .textSection-item .icon-box,
    #engineering .textSection-item .icon-box,
    #interiors .textSection-item .icon-box,
    #visualization .textSection-item .icon-box,
    #project_management .textSection-item .icon-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin-right: 0;
    }

    #interiors .textSection-item .icon-box .img-icon {
        width: 47px !important;
    }

    #architecture .textSection-item .img-icon {
        width: 35px !important;
    }
    #engineering .textSection-item:first-child .img-icon img {
        width:  37px;
    }

    .textSection-list .textSection-item .text-box .links {
        text-align: center;
        display: inline-block;
    }

    .menu-list .menu-item .sub-menu.show {
        display: none;
    }
    .textContent {
        padding-left: 1.5rem;
        padding-bottom: 2rem;
    }

    .commonBlock .icon-box {
        margin: 2rem 0;
        display: flex;
        box-shadow: 0 0 15px -4px rgb(0 0 0 / 35%);
        padding: 0.8rem;
        border-radius: 10px;
        width: 65px;
        height: 65px;
        align-items: center;
        justify-content: center;
    }

    .commonBlock .desc {
        padding-right: 1.5rem;
    }
    .textContent .common-list .common-item {
        padding: 0 1rem 0 2rem;
    }

    .textSection-list .textSection-item .text-box .links {
        font-size: 0.7rem;
    }

    #structure .icon-box img {
        width: 30px !important;
    }

    .bottom-row {
        display: none;
    }

    .main-block .hover-text-block .hover-link {
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    .hover-text-block .hover-link .inner-block {
        margin: 0;
    }
    .main-block .hover-text-block .hover-heading {
        margin-bottom: 1.3rem;
        font-size: 1rem;
    }
    .main-block .hover-text-block .hover-heading span {
        display: inline-block;
    }
    .main-block .hover-text-block p {
        font-size: 0.75rem;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .top-banner .logo-c, #over_layer_bg .logo-c {
        width: 150px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
    .top-banner .logo-c .bar-block, #over_layer_bg .logo-c .bar-block {
        height: 142px;
    }
    #topBanner {
        position: relative;
    }
    .top-banner .someText {
        font-size: 1rem;
        bottom: 6%;
        left: 50%;
        transform: translate(-50%, -6%);
        width: 100%;
    }
    
    .elementor-4797 .elementor-element.elementor-element-18ac9c8 > .elementor-widget-container {
        padding: 2rem 1rem 1rem;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        left: auto;
    }
	
	.text-area-block {
		padding-right: 0;
	}
	
	.text-area-block p {
		text-align: justify;
		margin-bottom: 1rem;
	}
}