
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 10:00:42 */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */

/** Rich Text **/
@media (max-width: 781px) {
	.rich__text--content {
		font-size: 20px !important;
		max-width: 325px !important;
	}
}

/** Animated Section **/
#featured-projects {
	height: 750px;
	position: relative;
}

.featured__projects_items {
	position: relative;
	height: 100%;
	max-width: 100% !important;
}

.featured__project_item {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100vw;
	z-index: 1;
}

.featured__project_item > figure > a {
	display: block !important;
}

.featured__project_item > figure img {
	object-fit: cover;
}

.featured__project--1 {
	max-width: 1200px !important;
	margin: auto !important;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}

.featured__project--2, .featured__project--3 {
	/*   -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%); */
	transform: translate(-50%, 100%);
}

.featured__project--2 {
	max-width: calc(100vw - 60px);
}

.featured__project--3 {
	max-width: calc(100vw - 0px);
}

.featured__project_item--content-wrapper {
	position: absolute;
	top: 0;
	z-index: 3;
	/*   left: 0;
  right: 0;
  bottom: 0; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 100%;
}

.featured__project_item--content-title {
	margin-top: 50px !important;
}

.featured__project_item--content {
	width: 100%;
	max-width: 1140px !important;
	padding: 0 30px !important;
	bottom: 50px !important;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 1;
}

.featured__project_item--content-2, .featured__project_item--content-3 {
	opacity: 0;
}

.featured__project_item--content-heading {
	color: #fff;
}

.featured__project_item--content a {
	color: #fff;
	text-decoration: none !important;
}

@media (max-width: 781px) {
	#featured-projects {
		display: none !important;
	}
	
	.featured__project_item--content {
		display: -ms-grid !important;
		display: grid !important;
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}
	
	.featured__project_item--content-heading {
		font-size: 25px !important;
	}
}

/** Featured Projects Mobile **/
@media (min-width: 782px) {
	#featured-projects-mobile {
		display: none !important;
	}
}

#featured-projects-mobile {
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.featured__project_mobile-items {
	position: relative;
	height: 100%;
}

.featured__project_mobile {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.featured__project_mobile-2, .featured__project_mobile-3 {
	transform: translateY(100%);
}

.featured__project_mobile-1 h2, .featured__project_mobile-2 h2, .featured__project_mobile-3 h2 {
	font-size: 25px !important;
}

.featured__project_mobile-1 a, .featured__project_mobile-2 a, .featured__project_mobile-3 a {
	font-size: 12px !important;
	color: #012a40;
	text-decoration: none !important;
}

.featured__project_mobile--content {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	align-items: center !important;
	background: #fff !important;
}

.featured__project_mobile--content > div {
	margin: 0 !important;
}

/** Service List **/
.homepage__services_list--content {
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: anchor-center;
	-ms-flex-align: anchor-center;
	align-items: anchor-center;
	right: 0;
	left: 0;
	bottom: 0;
	max-width: 1060px !important;
}

.homepage__services_list--content > div.wp-block-columns {
	width: 100%;
	max-width: 100%;
}

.homepage__services_list--content > div.wp-block-columns > div {
	margin: 0 !important;
}

.homepage__services_list--content-services ul, .homepage__services_list--content-services ul li {
	list-style: none;
}

.homepage__services_list--content-services li {
	font-size: 35px;
	color: rgba(1, 42, 64, .4);
	cursor: pointer;
	font-family: Cormorant, sans-serif;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	list-style: none;
}

.homepage__services_list--content-services li:hover {
	font-size: 45px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	color: #012a40;
}

@media (max-width: 781px) {
	.homepage__services_list--content > div.wp-block-columns {
		gap: 40px;
	}
	
	.homepage__services_list--media img {
		height: 650px !important;
	}
	
	.homepage__services_list--content-services li {
		font-size: 20px;
	}
	
	.homepage__services_list--content-services li:hover {
		font-size: 35px;
	}
}

/** Video **/
.video__content > video {
	width: 100%;
	max-width: 100%;
	height: 750px;
	-o-object-fit: cover !important;
	object-fit: cover !important;
	-o-object-position: center center;
	object-position: center center;
}

.video__content_play {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	margin: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
}

@media (max-width: 781px) {
	.video__content > video {
		height: 100%;
	}
	
	.video__content_play img {
		width: 50px !important;
		height: 50px !important;
	}
}

/** Featured Blogs Section **/
.featured__blogs {
	gap: 135px !important;
}

.featured__blogs_item--content {
	position: sticky;
	top: 100px;
}

.featured__blogs_heading {
	max-width: 535px;
}

.featured__blogs_text {
	max-width: 515px;
}

.featured__blogs_item--articles {
	max-width: 450px;
}

.featured__blogs_item--articles > ul {
	padding-left: 0 !important;
}

.featured__blogs_item--articles .article__item > li {
	margin-bottom: 120px;
}

.featured__blogs_item--articles .article__item > li:last-child {
	margin-bottom: 0;
}

@media (max-width: 1023px) {
	.featured__blogs {
		gap: 60px !important;
	}
}

@media (max-width: 781px) {
	.featured__blogs_heading {
		font-size: 35px !important;
		max-width: 321px;
	}
	
	.featured__blogs_item--articles .article__item > li {
		margin-bottom: 70px;
	}
}

/** Image With Text Full **/
.image__text_full {
	max-width: 100% !important;
	gap: 130px !important;
	padding-right: 30px !important;
}

.image__text_full--content {
	margin: auto !important;
}

.image__text_full--content > div {
	max-width: 535px;
}

@media (max-width: 1023px) {
	.image__text_full {
		gap: 60px !important;
	}
}

@media (max-width: 781px) {
	.image__text_full {
		padding-right: 0 !important;
	}
	
	.image__text_full--content h2 {
		font-size: 35px !important;
	}
	
	.image__text_full--content {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	
	.image__text_full--content > div {
		max-width: 325px;
	}
}

/** Image Text Overlay **/
.image__text_overlay--content {
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: anchor-center;
	-ms-flex-align: anchor-center;
	align-items: anchor-center;
	right: 0;
	left: 0;
	bottom: 0;
	max-width: 531px;
}

@media (max-width: 781px) {
	.image__text_overlay--content-wrapper {
		max-width: 247px !important;
	}
}
