/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
/*==========Header==========*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");
/*==========Header-end==========*/
/*==========Content==========*/
.home-slider .swiper-slide-bg, .elementor-background-overlay
{
	border-radius: 0 0 100px 100px;
}
.elementor-slide-button:after
{
	content: "\f30b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	margin-left: 5px;
	color: #FFF;
}
.swiper-pagination-bullet
{
	border: solid 1px #FFFFFF;
}
.img-darken
{
	mix-blend-mode: darken;
}
.elementor-form-fields-wrapper .elementor-field-required label
{
	padding-top: 10px;
	font-family: Roboto !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	display: inline-block;
	width: 18%;
}
.elementor-form-fields-wrapper .elementor-field-required input
{
	display: inline-block;
	max-width: 82% !important;
	background: transparent !important;
	border-bottom: solid 1px #B69B7E !important;
}
.elementor-form-fields-wrapper input::placeholder
{
	font-style: Italic;
}
.elementor-field-type-radio .elementor-field-label
{
	font-family: Roboto !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding-bottom: 8px;
}
.elementor-field-type-radio .elementor-field-option
{
	display: flex;
	align-items: flex-start;
	width: 32%;
	flex-basis: 32% !important;
}
.elementor-field-option input
{
	margin-right: 10px;
}
.elementor-field-option label
{
	font-family: Roboto !important;
	font-size: 16px !important;
}
.elementor-field-type-text label
{
	font-family: Roboto !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	display: inline;
	width: 50%;
	padding-top: 6px;
}
.elementor-field-type-text input
{
	background: transparent !important;
	border-bottom: solid 1px #B69B7E !important;
	display: inline;
	flex-basis: 50% !important;
	max-width: 50% !important;
}
.elementor-field-type-textarea label
{
	font-family: Roboto !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding-bottom: 8px;
}
.elementor-field-type-textarea textarea
{
	border-radius: 8px !important;
	padding-top: 6px !important;
}
.elementor-field-group button
{
	font-family: Roboto !important;
	font-size: 16px !important;
	flex-basis: 0 !important;
	margin: 0 auto;
}
/*Timeline CSS*/
.timeline 
{
	display: grid;
	grid-template-columns: 1fr 4px 1fr;
	align-items: start;
	margin: 0 auto;
	column-gap: 40px;
	padding: 0;
}
/* Create a vertical line */
.timeline::before 
{
	content: '';
	grid-column: 2;
	width: 4px;
	background-color: #B69B7E;
	height: 100%;
	justify-self: center;
	grid-row: 1 / span 100;
}
.timeline li 
{
	list-style-type: none;
	padding: 17px 20px;
	background-color: white;
	border-radius: 16px;
	align-self: start;
}
/* Create a circular marker */
.timeline li .title::after 
{
	content: '\f005'; /* Unicode for Font Awesome star icon */
	font-family: 'Font Awesome 5 Free'; /* Font family for Font Awesome */
	font-weight: 100;
	color: #1D2127;
	text-align: center;
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #FFF;
	border-radius: 50%;
	left: calc(50% - 15px);
	z-index: 1;
}
.timeline .title 
{
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	color: #B69B7E;
}
.timeline .descr 
{
	font-family: Roboto;
	font-size: 16px;
	color: #1D2127;
	margin-top: 10px;
}
/* Position the timeline items on the left and right */
.timeline li:nth-child(odd) 
{
	grid-column: 1; 
	text-align: right;
}
.timeline li:nth-child(even) 
{
	grid-column: 3; 
	text-align: left;
}
/*Timeline CSS - End*/
.project-menu li a
{
	background: #F9F8F7 !important;
    padding: 8px 16px !important;
    border-radius: 30px;
    color: #33373d !important;
}

.project-menu li.current-menu-item a, .project-menu li:hover a
{
	background: #D0AF79 !important;
}
.item-info .elementor-post-info__terms-list
{
	
}
.item-info a.elementor-post-info__terms-list-item
{
	background-color: #F9F8F7;
	padding: 4px 8px;
	border-radius: 30px;
	margin-right: 5px;
	line-height: 30px;
}
.preview-item .elementor-swiper-button
{
	color: #1D2127 !important;
	margin-top: 1%;
}
.project-overlay 
{
	position: absolute;
    top: 48%;
    left: 42%;
}
.icon-box-style .elementor-icon-box-description
{
	position: relative;
    top: 0;
    text-align: justify;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    text-align: left;
}
.icon-box-style:hover .elementor-icon-box-description, .icon-box-style.active .elementor-icon-box-description
{
	opacity: 1;
	visibility: visible;
}
.icon-box-style:hover .elementor-icon-box-title, .icon-box-style:hover .elementor-icon-box-icon,
.icon-box-style.active .elementor-icon-box-title, .icon-box-style.active .elementor-icon-box-icon
{
	opacity:0;
}
.project-item
{
	overflow: hidden;
}
.project-item .elementor-image-box-content
{
	height: 0
}
.project-item .elementor-image-box-description
{
	position: relative;
	top: -150px;
	opacity: 0;
}
.project-item .elementor-image-box-description a
{
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	padding-right: 8px;
}
.project-item .elementor-image-box-title
{
	position: relative;
    top: -160px;
    margin: 0;
    opacity: 0
}
.project-item:hover img
{
	scale: 1.15;
}
.project-item:hover .elementor-image-box-title
{
	opacity: 1 !important;
	transition: 0.5s;
}
.project-item:hover .elementor-image-box-description
{
	opacity: 1 !important;
	transition: 0.5s;
}
/*Light Box*/
.elementor-lightbox-image
{
	border-radius: 30px !important;
}

/*end Light Box*/
/*==========Content-end==========*/

/*==========Footer==========*/


/*==========Footer-end==========*/
@media only screen and (max-width: 600px)
{
	.home-slider .swiper-slide-bg, .elementor-background-overlay
	{
		border-radius: 0 0 60px 60px;
	}
	/*Timeline*/
	.timeline 
	{
		display: grid;
		grid-template-columns: 1fr 2px;
		align-items: start;
		margin: 0 auto;
		column-gap: 20px;
		row-gap: 15px;
		padding: 0;
	}
	.timeline::before 
	{
		content: '';
		grid-column: 2;
		width: 4px;
		background-color: #B69B7E;
		height: 100%;
		justify-self: center;
		grid-row: 1 / span 8;
	}
	.timeline li 
	{
		list-style-type: none;
		padding: 17px 20px;
		background-color: white;
		border-radius: 16px;
		text-align: center!important;
		grid-column: 1 !important;
		margin-top: 0!important;
	}
	.timeline li .title::after 
	{
		font-size: 15px;
		position: absolute;
		width: 22px;
		height: 22px;
		left: calc(98% - 5px);
		z-index: 1;
	}
	.elementor-field-type-radio .elementor-field-option
	{
		width: 50%;
		flex-basis: 50% !important;
	}
	/*Project Menu*/
	.project-menu ul
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.elementor-field-subgroup
	{
		row-gap: 15px;
	}
	.icon-box-style:hover .elementor-icon-box-title, .icon-box-style:hover .elementor-icon-box-icon, .icon-box-style.active .elementor-icon-box-title, .icon-box-style.active .elementor-icon-box-icon
	{
		opacity: 1;
		visibility: visible ;
	}
	.icon-box-style .elementor-icon-box-description
	{
		position: relative;
		opacity: 1;
		visibility: visible;
		text-align: center;
	}
	.project-item img
	{
		filter: brightness( 60% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
	}
	.project-item .elementor-image-box-title
	{
		opacity: 1 !important;
		top: -140px !important;
	}
}
@media only screen and (max-width: 1200px)
{
	
}

@media(min-width: 1024px)
{
	.elementor-location-header .menu_btn a
	{
		background-color: #d0af79;
		border-radius: 30px;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 20px !important;
		color: #1D2127 !important;
	}

	.elementor-field-subgroup
	{
		gap: 12px;
	}
	.icon-box-style .elementor-icon-box-description
	{
		margin-top: -120px !important;
	}
	.project-item .elementor-image-box-img img
	{
		width: 400px;
		height: 300px;
	}
}