@font-face{
	font-family: 'poppins_light';
	src: url('/fonts/poppins/poppins_light/Poppins-Light.eot');
	src: url('/fonts/poppins/poppins_light/Poppins-Light.eot') format('embedded-opentype'),
	url('/fonts/poppins/poppins_light/Poppins-Light.woff') format('woff'),
	url('/fonts/poppins/poppins_light/Poppins-Light.woff2') format('woff2'),
    url('/fonts/poppins/poppins_light/Poppins-Light.ttf') format('truetype'),
    url('/fonts/poppins/poppins_light/Poppins-Light.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'poppins';
	src: url('/fonts/poppins/regular/poppins.eot');
	src: url('/fonts/poppins/regular/poppins.eot') format('embedded-opentype'),
	url('/fonts/poppins/regular/poppins.woff') format('woff'),
	url('/fonts/poppins/regular/poppins.woff2') format('woff2'),
    url('/fonts/poppins/regular/poppins.ttf') format('truetype'),
    url('/fonts/poppins/regular/poppins.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'crimson_bold';
	src: url('/fonts/crimson/crimson_bold.eot');
	src: url('/fonts/crimson/crimson_bold.eot') format('embedded-opentype'),
	url('/fonts/crimson/crimson_bold.woff') format('woff'),
	url('/fonts/crimson/crimson_bold.woff2') format('woff2'),
    url('/fonts/crimson/crimson_bold.ttf') format('truetype'),
    url('/fonts/crimson/crimson_bold.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'crimson_regular';
	src: url('/fonts/crimson/crimson_regular.eot');
	src: url('/fonts/crimson/crimson_regular.eot') format('embedded-opentype'),
	url('/fonts/crimson/crimson_regular.woff') format('woff'),
	url('/fonts/crimson/crimson_regular.woff2') format('woff2'),
    url('/fonts/crimson/crimson_regular.ttf') format('truetype'),
    url('/fonts/crimson/crimson_regular.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}

*{
	padding: 0;
	margin: 0;
	text-decoration: none;
    box-sizing: border-box;
}
body{
	font-family:var(--reg);
	background-color:#fff;
	font-size:var(--h6) !important;
}
:root {
  --h1: clamp(2.5rem, 6vw + 1rem, 5.3rem);
  --h2: clamp(2rem, 5vw + 0.5rem, 3.2rem);
  --h3: clamp(1.75rem, 4vw + 0.5rem, 2.4rem);
  --h4: clamp(1.9rem, 3vw + 0.25rem, 2.2rem);
  --h5: clamp(1.45rem, 2.5vw + 0.25rem, 2rem);
  --h6: clamp(1.3rem, 2vw + 0.25rem, 1.5rem);
  --body: clamp(1.75rem, 1.5vw + 0.25rem, 1.9rem);
  --sub_tittle: clamp(1.5rem, 1.5vw + 0.25rem, 1.8rem);
}
h1, .h1_title {font-size: var(--h1);}
h2, .h2_title {font-size: var(--h2);}
h3, .h3_title {font-size: var(--h3);}
h4, .h4_title {font-size: var(--h4);}
h5, .h5_title {font-size: var(--h5);}
h6, .h6_title {font-size: var(--h6);}
.sub_title {font-size: var(--sub_tittle); line-height:1.6;}

h1, h2, h3, h4, h5, h6, .h1_title, .h2_title, .h3_title, .h4_title, .h5_title, .h6_title, b {
    margin-top: 0;
    margin-bottom: 20px;
}

/*width*/
.w_300{
	width:100%;
	max-width:300px;
}
.w_400{
	width:100%;
	max-width:400px;
}
.w_500{
	width:100%;
	max-width:500px;
}
.w_600{
	width:100%;
	max-width:600px;
}
.w_700{
	width:100%;
	max-width:700px;
}
.w_800{
	width:100%;
	max-width:800px;
}
.w_900{
	width:100%;
	max-width:900px;
}
.w_1000{
	width:100%;
	max-width:1000px;
}
.w_500.center, .w_600.center, .w_700.center, .w_800.center, .w_900.center, .w_1000.center{
	margin-left:auto;
	margin-right:auto;
}
.div_c {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*height*/
.h_200{
	height:200px;
}
.h_300{
	height:300px;
}
.h_400{
	height:400px;
}
.h_500{
	height:500px;
}
.h_600{
	height:600px;
}
.h_700{
	height:700px;
}
.h_800{
	height:800px;
}
.h_900{
	height:900px;
}
.h_1000{
	height:1000px;
}

.a_link {
    background-color: var(--main-color);
    color: #fff;
    padding: 5px 11px;
    border-radius: 5px;
    font-family: var(--title_reg);
    font-size: 15px;
    text-align: center;
    letter-spacing: 1.2px;
    border: 2px solid var(--main-color);
}
.a_link:hover {
    background-color: var(--secondary-color);
    color: #fff;
}
.a_link .fa-angle-right{
	margin-left:5px;
}

.ff_title {
    font-family: var(--title);
    letter-spacing: 0.6px;
}
.ff_title_reg {
    font-family: var(--title_reg);
    letter-spacing: 0.6px;
}
.ff_reg_light {
    font-family: var(--reg_light);
}
.ff_reg{
	font-family:var(--reg);
}
/*use case*/
.ucase{
	text-transform:uppercase;
}
.ccase{
	text-transform:capitalize;
}
.lcase{
	text-transform:lowercase;
}
.fsc{
	color:var(--secondary-color);
}

.arrow {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    cursor: pointer;
    z-index: 7;
}
.arrow span {
    display: block;
    width: 16px;
    height: 15px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(-50%, -50%) rotate(0deg);
    margin: -10px;
    animation: animate 2s infinite;
    left: 42px;
    position: relative;
}
.arrow .text_scroll {
    color: #fff;
    position: relative;
    top: 40px;
    font-size: 14px;
    font-family: var(--reg);
    letter-spacing: 0.6px;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}


.gradient_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.0) 100%);
}

.p_rel{
	position:relative;
}
.slick-track a:focus-visible, .slick-track a:focus{
	outline:none;
}





 /*featured property css list page listpage */
 
 .property_card  {
 	color:#000;
 }
 .property_card > a .h_300 {
	height:265px;
    border-radius: 15px 15px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ecf0f6;
}
.property_card > .p_25.ff_title {
    border: 1px solid #eee;
    border-radius: 0 0 15px 15px;
    padding: 15px 20px 20px;
    margin-bottom:0;
    transition:var(--ease);
}
.property_card:hover > .p_25.ff_title{
	background: #f8f8f8;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.property_card > .p_25.ff_title .jcsb .a_link {
    background: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 8px 16px;
    transition:all 280ms ease;
}
.property_card .fa-map-marker{
    color: var(--main-color);
}
.property_card > .p_25.ff_title .jcsb .a_link:hover{
    background: var(--main-color);
    color: #fff;
	
}
span.ribbon_text {
    padding: 5px 10px;
    background: #00000078;
    display: table;
    border-radius: 5px;
    color: #fff;
    position: relative;
    top: 10px;
    font-family: var(--title_reg);
    left: 10px;
    transition:var(--ease);
}
.property_card:hover span.ribbon_text{
	background-color:var(--secondary-color);
}
@media (max-width:992px){
.reponsive_grid.gc_3{
	grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:786px){
.reponsive_grid.gc_3{
	grid-template-columns: repeat(1,1fr);
}
.property_card > a .h_300 {
    height: 245px;
}
}
/*end*/

.f_child{
	margin-top:0 !important;
	padding-top:0 !important;
}
.l_child{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}