/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Custom CSS goes below */
:root{
    --image-radius : 20px;
    --BlackClr     : #000000;
    --WhiteClr     : #ffffff;
    --MainClr      : #FF7F00;
}

.img-full img{width: 100%;}

.pum-theme-567, .pum-theme-default-theme {
    background-color: rgb(0 0 0 / 50%);
}

.btn-outline-with-arrow{border: 1px solid #00000033; color: #000000!important; border-radius:30px; font-size: 14px; font-weight: 600; position: relative; padding: 0.6rem 2.8rem 0.6rem 1rem;}
.btn-outline-with-arrow:after{
    content: '';
    background: url('../hello-elementor-child/assets/images/button-arrow.svg') no-repeat center;
    position: absolute;
    top: 2px;
    right: 3px;
    width: 35px;
    height: 35px;
    background-size: contain;
    transition:all 0.5s ease;
}
.btn-outline-with-arrow:hover{background: var(--MainClr); border-color: var(--MainClr); color: var(--WhiteClr)!important;}
.btn-outline-with-arrow:hover::after{transform: rotate(44deg);}


.btn-outline-web a{border: 1px solid #00000033; color: #000000!important; line-height: inherit; font-size: 14px; font-weight: 600; position: relative; padding: 0.6rem 2.8rem 0.6rem 1rem;}
.btn-outline-web a:after{
    content: '';
    background: url('../hello-elementor-child/assets/images/button-arrow.svg') no-repeat center;
    position: absolute;
    top: 2px;
    right: 3px;
    width: 35px;
    height: 35px;
    background-size: contain;
    transition:all 0.5s ease;
}
.btn-outline-web a:hover{background: var(--MainClr)!important; border-color: var(--MainClr); color: var(--WhiteClr)!important;}
.btn-outline-web a:hover::after{transform: rotate(44deg);}


section{max-width: min(100%, 100%);}
section .container{
    margin: 0 auto;
    max-width: 1300px;
}
.position-relative{position: relative;}


.project-hero{border-radius: var(--image-radius); overflow: hidden; height: calc(100vh - 120px);}
.project-hero .slick-slide{position: relative;}
.project-hero .slick-slide:before{content:'';/* Rectangle 8 */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.project-hero .slick-list,
.project-hero .slick-track{height: 100%;}
.single-project .page-header{position: absolute;bottom: 20px;text-align: center;color: var(--WhiteClr);z-index: 2;width: 80%;left: 10%;}

.about-project{padding: 4rem 0px;}

.about-project_card{display: grid; grid-template-columns: 1fr 300px; column-gap:4rem;}
.about-project_card_left{display: flex; flex-direction: column; row-gap: 1.4rem;}
.about-project_card_left p{font-size:22px; line-height: 160%;}
.about-project_card_left p:last-child{margin-bottom:0px;}
.about-project_card_left .btn-outline-with-arrow{margin-top: 1.4rem;}

.about-project_card_right{background:#FFF5EB; border-radius: var(--image-radius); padding: 1.2rem; }
.about-project_card_right figure{width: 100%; margin: 0px;}
.project-download-btn{text-align: center; margin-top: 2rem;}

.project-video-outer{position: relative;}
.project-video{aspect-ratio: 16 / 9; max-height:800px;}
.project-video iframe{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.project-va-slider{padding: 3rem 0px;}
.project-va-slider-card{display: grid; grid-template-columns:55% 1fr; align-items: center;  background: #F6F6F6; border-radius: var(--image-radius); overflow: hidden;}
.project-va-slider-card figure{margin:0px; border-radius: var(--image-radius); overflow: hidden;}
.pva-right{padding: 2rem 3rem;}
.pva-right h3{font-weight: 700; font-size: 36px; margin-bottom: 2rem;}
.pva-right p{font-size: 15px; line-height: 160%;}

.amenities-outer{background: #FFF5EB; padding: 3rem 0px;}
.amenities-slider-wrapper{width: 100%; padding: 1rem 0px 3rem max((100vw - 1300px) / 2, 0px);}

.other-amenitis .container{max-width:1100px;}
.other-amenitis h3{text-align: center; margin-bottom:3rem;}
.other-amenitis_card{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap:0.5rem; column-gap: 2rem;}
.other-amenitis_card div{display:grid; grid-template-columns:50px 1fr; column-gap: 1rem; align-items: center; padding: 1.6rem 0px; border-bottom: solid 1px #00000033;}
.other-amenitis_card div figure{margin: 0px; display: flex; justify-content: center;}
.other-amenitis_card div figure img{max-height: 40px; max-width: 50px;}
.other-amenitis_card div p{font-size:16px; font-weight: 600; margin-bottom: 0px;}

.amenities-slider-image .slick-slider {margin:0 -15px;}
.amenities-slider-image .slick-slide {padding:0px 10px;}
.amenities-slider-image .slick-slide img {width: auto; max-width: 100%; height: auto;}
.amenities_slider_card figure{border-radius: var(--image-radius); overflow: hidden; margin: 0px;}
.amenities_slider_card h4{font-size: 22px; font-weight: 400; line-height: 26px; margin: 1rem 0px;}
.amenities_slider_card p{font-size: 16px; margin-bottom: 0px;}

.gallery-tabs{list-style: none; padding: 0px; margin: 0px 0px 1rem 0px; text-align: center;}
.gallery-tabs li{display: inline-block; margin: 0px 1rem; font-size: 18px; font-weight: 600; color: #000000; opacity: 0.30; cursor: pointer;}
.gallery-tabs li.active{opacity: 1;}

.gallery-content { display: none; }
.gallery-content.active { display: block; }
.gallery-outer{padding:3rem 0px;}
.gallery-outer h2{ margin-bottom: 2rem; text-align: center;}
.gallery-wrapper{width: 100%; padding: 1rem 0px 4rem max((100vw - 1300px) / 2, 0px); overflow: hidden;}

.gallery-content .slick-slide img{border-radius: var(--image-radius);}
.gallery-content .slick-slider {margin:0 -15px;}
.gallery-content .slick-slide {padding:10px;}
.gallery-content .slick-prev,
.gallery-content .slick-next {position: absolute; top: unset; bottom:-50px; left: 45%; transform: translateX(-45%); z-index: 3;}
.gallery-content .slick-prev {margin-left: -25px;}
.gallery-content .slick-next {margin-left: 25px;}

.gallery-video video{width: 100%; height: 100%;}

.project-inquiery{padding: 3rem 0px;}
.project-inquiery_card{display: grid; align-items: center; grid-template-columns:55% 1fr; row-gap: 2rem; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.1); border-radius:var(--image-radius); overflow: hidden;}
.project-inquiery_card figure{margin: 0px;height: 100%;}
.project-inquiery_card figure img{float:left; width: 100%; height: 100%; object-fit: cover;}
.project-inquiery_card .fotter-contact-form{margin:0px auto; max-width: 350px;}

.floor-plan-outer{padding:3rem 0px 4rem 0px;}
.floor-plan-outer h2{ margin-bottom: 2rem; text-align: center;}
.fp-tabs{list-style: none; padding: 0px; margin: 0px 0px 1rem 0px; text-align: center;}
.fp-tabs li{display: inline-block; margin: 0px 1rem; font-size: 18px; font-weight: 600; color: #000000; opacity: 0.30; cursor: pointer;}
.fp-tabs li.active{opacity: 1;}

.floor-content { display: none; }
.floor-content.active { display: block; }
.floor-plan-wrapper{width: 100%; padding: 1rem 0px 4rem max((100vw - 1300px) / 2, 0px); overflow: hidden;}

.floor-content .slick-slide a{display: inline-block; overflow: hidden; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: var(--image-radius);}
.floor-content .slick-slider {margin:0 -15px;}
.floor-content .slick-slide {padding:10px;}
.floor-content  .slick-list{padding:0 10% 0 0 !important;}

.floor-content .slick-prev,
.floor-content .slick-next {position: absolute; top: unset; bottom:-50px; left: 45%; transform: translateX(-45%); z-index: 3;}
.floor-content .slick-prev {margin-left: -25px;}
.floor-content .slick-next {margin-left: 25px;}

.neighbor-outer{background: #FFF5EB; padding: 3rem 0px;}
.neighbor-heading{text-align: center;}
.neighbor-heading h2{margin: 0px 0px 2rem 0px;}
.neighbor-heading p{font-size: 16px;max-width: 900px;margin: 0 auto;}

.neighbor-tabs{list-style: none;padding: 0px;margin: 0px auto;text-align: center;max-width: 600px;justify-content: space-around;display: flex;}
.neighbor-tabs li{display: inline-block; padding:1rem 0px; font-size: 18px; font-weight: 600; color: #000000; opacity: 0.30; border-bottom: solid 1px #00000097; cursor: pointer; width: 100%;}
.neighbor-tabs li.active{opacity: 1;border-bottom: solid 1px var(--MainClr);}
.neighbor-content { display: none; }
.neighbor-content.active { display: block;}

.neighbor-info-outer{padding: 3rem 0px;}
.neighbor-content{max-width: 960px; margin: 0 auto;}
.neighbor-content_row{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap:1rem; row-gap: 2rem; margin-top:4rem;}
.neighbor-content_row div figure{margin: 0px 0px 10px 0px;}
.neighbor-content_row div figure img{max-height: 50px;}
.neighbor-content_row div h3{font-size: 20px; font-weight: 400; margin: 0px 0px 10px 0px;}
.neighbor-content_row div p{font-size:15px;}

.nearest-place{max-width: 1280px; margin:0rem auto 0px auto; display: grid; grid-template-columns: 45% 1fr; background: #FFFFFF; box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.08); border-radius:var(--image-radius); overflow: hidden; }
.nearest-place .nearest-place_left{padding:2rem;}
.nearest-place .nearest-place_left ul{list-style: none; padding: 0px; margin: 0px;}
.nearest-place .nearest-place_left ul li{font-size: 16px; border-bottom: solid 1px #00000033; padding: 0.7rem 0px; display: flex; justify-content: space-between;}
.nearest-place .nearest-place_left ul li:last-child{border: 0px;}
.nearest-place .nearest-place_left ul li strong{font-weight: 600;}
.nearest-place_right iframe{width: 100%; height: 100%;    filter: grayscale(100%);}

.project-explore{padding: 3rem 0px 4rem 0px;}
.project-explore h2{margin-bottom:3rem;}

.project-row{display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 1.4rem; row-gap: 1rem;}
.project-item-card{border: solid 1px #00000033; border-radius: var(--image-radius); overflow: hidden; position: relative;}
.project-item-card figure{aspect-ratio: 4 / 3; margin: 0px;}
.project-item-card figure img{width: 100%; height: 100%; object-fit: cover; float: left;}
.project-item-card_body{padding: 1.4rem; display: flex; flex-direction: column; align-items: flex-start; row-gap: 15px;}
.project-item-card_body h3{margin: 0px; font-size:22px; font-weight: 400;}
.project-item-card_body h3 a{color: var(--BlackClr);}
.project-item-card_body h3 a:hover{color: var(--MainClr);}

.project-category{position: absolute;top: 10%;left:-1px;background: #EEFF00;font-size: 15px;font-weight: 700;padding: 0.4rem 1.3rem 0.4rem 0.8rem;border-radius: 0px 30px 30px 0px;}

.home-project-slider .slick-slider {margin:0 -10px;}
.home-project-slider .slick-slide {padding:0px 10px;}
.home-project-slider .slick-prev,
.home-project-slider .slick-next {position: absolute; top: unset; top:-70px; left:100%; transform: translateX(-100%); z-index: 3;}
.home-project-slider .slick-prev {margin-left: -47px;}
.home-project-slider .slick-next {margin-left: 0px;}

.slick-prev, .slick-next {
    text-indent: -9999px;
    width: 36px !important;
    height: 36px !important;
    border: 0px !important;
    padding: 0px!important;
    background:var(--MainClr) url('../hello-elementor-child/assets/images/slick-next.svg') no-repeat center!important;
}
.slick-prev{
    background:var(--MainClr) url('../hello-elementor-child/assets/images/slick-prev.svg') no-repeat center!important;
}
.slick-prev::before,
.slick-next:before{
    display: none!important;
}

.slick-lightbox-slick{
    height: 100%;
    align-items: center;
    display: flex;
    padding: 2rem;
}
.slick-lightbox-close{
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: transparent;
    color: white;
}

.client-box .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
}
.client-box .swiper .elementor-swiper-button-prev{left: -15px!important;}
.client-box .swiper .elementor-swiper-button-next{right: -15px!important;}

.fotter-contact-form {position: relative;}
.fotter-contact-form p{margin-bottom: 0px;}
.fotter-contact-form .wpcf7-form-control-wrap{margin-bottom: 15px; display: inline-block; width: 100%;}

.fotter-contact-form .wpcf7-text,
.fotter-contact-form .wpcf7-email,
.fotter-contact-form .wpcf7-tel,
.fotter-contact-form .wpcf7-select,
.fotter-contact-form .wpcf7-textarea{
    padding:15px 10px;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 18px;
}
.fotter-contact-form .wpcf7-textarea{ height: 150px; resize: none;}

.fotter-contact-form .wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#0000004D}
.fotter-contact-form .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */color:#0000004D}
.fotter-contact-form .wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */color:#0000004D}
.fotter-contact-form .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */color:#0000004D}

.fotter-contact-form .wpcf7-text:focus-visible,
.fotter-contact-form .wpcf7-email:focus-visible,
.fotter-contact-form .wpcf7-select:focus-visible,
.fotter-contact-form .wpcf7-tel:focus-visible,
.fotter-contact-form .wpcf7-textarea:focus-visible{
    outline: 0px;
    border: 0px;
    border-bottom: 1px solid var(--MainClr);
}

.fotter-contact-form .wpcf7-submit{
    width: 100%;
    background:var(--MainClr);
    border-color:var(--MainClr);
    color: var(--WhiteClr)!important;
    font-weight: 700;
}
.fotter-contact-form  .wpcf7-submit:focus,
.fotter-contact-form  .wpcf7-submit:hover{
    background: var(--BlackClr)!important;
    border-color: var(--BlackClr)!important;
}
.wpcf7-response-output{font-size: 14px; font-weight: 600; text-align: center;}
.wpcf7-not-valid-tip{font-size: 14px; font-weight: 600;}
.wpcf7-spinner{position: absolute; bottom:9px; right: 0px;}

.broker-card{transition:all 0.5s ease;}
.broker-card:hover{box-shadow: 0px 20px 50px rgba(255, 127, 0, 0.3);}
.broker-card figure{min-height: 80px; display: flex!important;align-items: center;}
.broker-card img{max-height:60px;}
.page-id-408 .broker-card img{max-height:75px;}
.broker-card:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(255%) contrast(255%);}
.broker-card:hover p{color: var(--WhiteClr)!important;}

.popmake{border-radius: 20px!important; overflow: hidden!important;}
.popmake:before{content: '';background: var(--MainClr);position: absolute;left: 0px;top: 0;width: 300px;height: 100%;}
.pum-theme-enterprise-blue .pum-content + .pum-close{background: var(--MainClr)!important;}

.team-card .elementor-image-box-wrapper{border-radius: 20px; overflow: hidden; position: relative;}
.team-card .elementor-image-box-wrapper figure{float: left;}
.team-card .elementor-image-box-content{position: absolute; bottom: 0px; padding: 1rem; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.team-card .elementor-image-box-content:after{content: ''; background: url(./assets/images/button-arrow.svg) no-repeat center; width: 36px; height: 36px; position: absolute; right: 1rem; top: calc(50% - 20px); background-size: contain;  transition:all 0.5s ease;}
.team-card .elementor-image-box-wrapper:hover .elementor-image-box-content:after{transform: rotate(44deg);}
.team-card .elementor-image-box-content h3{margin: 0px;}





@media (max-width:1050px) {
    .client-box .swiper .elementor-swiper-button-prev{left: 0px!important;}
    .client-box .swiper .elementor-swiper-button-next{right: 0px!important;}
    .pum-container{max-width: 80% !important; padding: 13px 0px 0px 0px !important;}
}


@media (max-width:767px) {
    .popmake:before{width: 100%; height:300px;}
    .pum-theme-enterprise-blue .pum-content + .pum-close {background: var(--BlackClr) !important;}

    .single-project h2{font-size: 2rem;}
    .single-project h3{font-size: 1.4rem;}

    .project-hero {height:50vh;}
    .single-project .page-header{bottom: 2rem;}
    .single-project .page-header h1{font-size: 2rem;}
    .slick-dots{bottom: 1rem!important; left: 1rem!important;}

    .about-project_card{grid-template-columns: 1fr; row-gap: 2rem;}
    .about-project {padding: 2rem 1.5rem;}
    .about-project_card_left p{font-size: 16px;}
    .project-download-btn{margin-top: 1rem;}

    .project-va-slider {padding: 3rem 1rem;}
    .project-va-slider .slick-prev, 
    .project-va-slider .slick-next{top:15%;}
    .project-va-slider .slick-prev{left: 0px; z-index: 5;}
    .project-va-slider .slick-next{right: 0px;}

    .project-va-slider-card{grid-template-columns: 1fr;}
    .pva-right {padding: 1rem;}
    .pva-right h3 {font-size: 1.4rem; margin-bottom: 1rem;}
    .project-va-slider-card figure{ border-radius: var(--image-radius) var(--image-radius) 0 0;}

    .amenities-outer{padding: 2rem 0px;}
    .amenities-outer h2{margin: 0px; padding: 0px 0px 0px 1rem;}
    .amenities_slider_card figure img{max-height:300px;}
    .amenities_slider_card h4{font-size:18px;}
    .amenities_slider_card p{font-size: 15px;}
    .amenities-slider-image .slick-slide img{width: 100%;}

    .amenities-outer .slick-track{display: flex !important;}
    .amenities-outer .slick-slide{height: inherit !important;}

    .other-amenitis_card{grid-template-columns: 1fr 1fr; padding: 0px 1rem;row-gap: 0; column-gap: 1rem;}
    .other-amenitis h3{margin-bottom: 1rem;}
    .other-amenitis_card div{grid-template-columns: 30px 1fr; column-gap: 10px; padding: 1rem 0px;}
    .other-amenitis_card div figure img{max-height: 30px;max-width: 30px;}
    .other-amenitis_card div p{font-size: 13px;}

    .gallery-wrapper{padding: 1rem 1rem 4rem 1rem;}
    .gallery-content img{max-height:250px;}
    .gallery-content .slick-track{display: flex !important;}
    .gallery-content .slick-slide{height: inherit !important;}
    .gallery-content .slick-prev, .gallery-content .slick-next {left: 50%; transform: translateX(-50%);}

    .project-inquiery_card{grid-template-columns: 1fr; row-gap: 1rem; padding-bottom: 1rem;}
    .project-inquiery {padding: 0px 1rem;}
    .project-inquiery_card .fotter-contact-form{padding: 0px 1rem;}

    .floor-plan-outer {padding: 3rem 0px 0rem 0rem;}
    .floor-plan-wrapper{padding: 1rem 1rem 4rem 1rem;}
    .floor-plan-wrapper .slick-prev, .floor-plan-wrapper .slick-next {left: 50%; transform: translateX(-50%);}
    .floor-plan-outer .slick-track{display: flex !important;}
    .floor-plan-outer .slick-slide{height: inherit !important;}
    .floor-content .slick-list {padding: 0 20% 0 0 !important;}
    
    .neighbor-outer {padding: 2rem 1rem;    row-gap: 1rem; margin-top: 2rem;}
    .neighbor-tabs li{font-size: 16px;}
    .neighbor-content_row{grid-template-columns: 1fr 1fr;}
    .neighbor-content_row div h3{font-size: 18px;}

    .nearest-place{grid-template-columns: 1fr;}
    .nearest-place .nearest-place_left {padding: 1rem;}
    .nearest-place .nearest-place_left ul li{font-size: 14px;}
    .nearest-place_right iframe{height: 300px;}

    .project-explore{padding: 2rem 1rem;}
    .project-row{grid-template-columns:1fr;}



}