/* 
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.1.7
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 */

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0");

@keyframes grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.pcts {
    height: 3px;
    background: #ffffff42;
}

.elementor-swiper-button {
	transform:none!important;
}

.pcts .pcts-line {
	animation: grow 3s forwards;
    height: 3px;
	transform: scaleX(0);
  transform-origin: left;
    background: white;
}

body{
    overflow-x: hidden!important;
}
	
.admin-bar #header{
	margin-top:32px;
}

.lang-item{
	display: flex;
    align-items: center;
    justify-content: center;
}

.lang-item a {
	border:1px solid transparent;
	width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-item.current-lang a{
	color:white!important;
	border: 1px solid white;
}

.elementor-swiper-button-prev,
.elementor-swiper-button-next{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M396.15-267.69 183.85-480l212.3-212.31 28.31 28.77L260.92-500h515.23v40H260.92l163.54 163.54-28.31 28.77Z'/%3E%3C/svg%3E");
    width: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%;
    height: 55px;
    min-width: 55px;
    min-height: 55px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff1f;
	top:0!important;
	bottom:0!important;
	margin:auto!important;
}

.elementor-swiper-button-prev .e-font-icon-svg,
.elementor-swiper-button-next .e-font-icon-svg {
	display:none!important;
}

.elementor-swiper-button-next{
	transform:rotate(180deg)!important;
}

.description-list .description-item:first-child{
	padding-top:0;
}

.description-list .description-item{
    display: flex;
	    font-family: "Fira Sans", Sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5em;
    color:var( --e-global-color-secondary );
    transition: color .3s;
    list-style-type: none;
    padding:4rem 0;
    gap:1rem;
    border-bottom:1px solid;
    border-color: #ffffff50;
}

.description-inner-left{
	min-width:50%;
	width:50%;
	max-width:50%;
	display:flex;
	gap:1rem;
    align-items: center;
}


.description-list .description-title {
	font-family: "Fira Sans", Sans-serif!important;
	font-size: 17px!important;
    font-weight: 400!important;
	line-height: 1.5em;
	color:var( --e-global-color-secondary );
	 transition: color .3s;
	margin:0!important;
	letter-spacing:.5px;
	text-transform:uppercase;
}

.description-list .description-item p{
    margin: 0;
}

.description-list .description-item:last-child{
    border:none;
}

.description-list {
    padding-left: 0;
}

.description-list .description-text{
	min-width:50%;
	width:50%;
	max-width:50%;
}

.description-list  .material-symbols-outlined {
	font-size:30px;
}

.property{
	display:flex; flex-wrap:wrap; padding-bottom:50px;
}

.property-thumb{
	width:50%;
}

.property-thumb img {
	width:100%; height:100%; object-fit:contain;
}

.property-thumb .property_thumb-link{
	display:block; width:100%; height:100%;
}

.property-description{
	color:#fff; font-family:'Fira Sans', Sans-serif; font-size:15px; font-weight:300; line-height:1.5em;
}

.property {
	display:flex;
	flex-direction: row;
	color:white;
	align-items: stretch;
	flex-wrap:nowrap;
	overflow:hidden;
	gap:50px;
}

.property:nth-child(odd){
	flex-direction:row-reverse;
}

.property-info,
.property-thumb{
	width:100%;
}

.property .description-list .description-item {
	padding:1rem 0;
}

.property .description-list .description-item:first-child {
	padding: 0 0 1rem;
}

.property .property-rooms{
	font-size: 18px;
    margin-bottom: 35px;
    display: block;
}

.property .description-list{
	margin-bottom: 35px;
}

@media(max-width:1024px){
	.description-inner-left, .description-list .description-text{
		min-width:100%;
		width:100%;
		max-width:100%;
	}
	.description-list li{
		flex-direction:column;
	}
	.property,.property:nth-child(2n + 1) {
		flex-direction:column;
	}
	.property-info {
		padding:25px;
	}
}