/* Banner Section */

.banner-form-section{position:absolute;top:50%;right:9%;transform:translateY(-50%);background:rgba(12,19,15,0.84);border-radius:5px;outline:rgba(244,241,232,0.29) solid 2px;outline-offset:3px;width:25%; z-index: 999;}
.banner-setion .banner .carousel-inner::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#0000008c;background:linear-gradient(90deg,#0000008f 35%,transparent)}
.banner-form-section .banner-form{margin:0;padding:30px 25px;border-radius:5px;width:100%}
.banner-form-section .banner-form .form-group{margin:10px 0}
.banner-form-section .banner-form .form-group input.form-control{padding:7px 10px;margin-bottom:10px;min-height:42px;background:none;border-width:1px;border-style:solid;border-color:transparent transparent #fff;border-image:initial;border-radius:0;color:#fff}
.banner-form-section .banner-form button.btn.dark_btn.rounded.submit_btn{color:#fff;padding:6px 30px;font-weight:500;margin-top:10px;}
.banner-form-section .banner-form .form-group input.form-control::placeholder{color:#fff}
/* .banner-form-section .banner-form .form-group input.form-control:focus{border:1px solid;outline:none;box-shadow:none} */
/* .banner-form-section .banner-form .form-group input.form-control:hover{border:1px solid;outline:none;box-shadow:none} */
select.form-select.form-group{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");color:#fff;font-size:15px;border-width:1px;border-style:solid;border-image:initial;border-radius:0;font-weight:300;letter-spacing:.5px;padding:7px 10px;background-color:transparent!important;border-color:transparent transparent initial}
select.form-select.form-group:focus,select.form-select.form-group:hover{box-shadow:none;border:1px solid}
select.form-select.form-group option{background:rgba(12,19,15,0.84);margin-bottom:5px}
.banner-setion .banner img{width:100%}
section.banner-setion{position:relative}
.mini-slider{position:absolute;bottom:0;width:100%}
img.mini-slider-img{border-radius:20px;border:2px solid transparent}
button.owl-prev{position:absolute;left:2%;bottom:30%;cursor:pointer}
button.owl-next{position:absolute;right:2%;bottom:30%;cursor:pointer}
.owl-one button.owl-prev{position:absolute;left:4%;bottom:7%;cursor:pointer}
.owl-one button.owl-next{position:absolute;right:90%;bottom:7%;cursor:pointer}
button.owl-prev span,button.owl-next span{font-size:45px;color:#fff;cursor:pointer}
.owl-theme .owl-nav [class*="owl-"]:hover{color:#fff;text-decoration:none;background:none!important}
.banner-detail-section .details-section h1{font-size:60px;margin-top:22px}
section#builder_section .container{padding:15px 0;box-shadow:rgba(0,0,0,0.45) 0 -14px 13px -21px,rgba(0,0,0,0.45) 0 14px 13px -21px}
.project-details-ban{display:flex;flex-direction:column;position:absolute;top:50%;left: 12%;transform:translateY(-50%);color:#fff;background-color: rgb(0 0 0 / 52%);/* backdrop-filter: blur(10px); */padding: 20px 30px;border-radius: 20px;outline: 1px solid;outline-offset: 5px;background: rgba(12,19,15,0.84);border-radius: 10px;outline: rgba(244, 241, 232, 0.29) solid 2px;outline-offset: 3px;}
.project-key-highlights{display:flex;flex-direction:column;gap:10px;margin:0 0 30px;justify-content:center}
.key-high{display:flex;justify-content:space-between;align-items:center;width:fit-content;padding:7px 10px;border-radius:10px;box-shadow:0 2px 5px -2px;background:#00000061}
.key-high img{width: 28px;height: 24px;margin-right:0}
.key-high p{font-size: 14px;padding-left:6px;letter-spacing:.5px}
.banner-typology h3{color:#000;font-size:18px;margin-bottom:0;padding:5px}
.container-fluid.banner-container{width:calc(100%);margin-bottom:10px;padding:0}
.project-details-ban h1{padding-bottom:0;font-size: 38px;line-height: 80px;}
.project-details-ban h1 img{max-width: 69%;padding: 15px 0;}
.banner-price-typo{display:flex;flex-direction:column;gap:15px}
.banner-form{text-align:start;bottom:5%;right:15px;z-index:9;border-radius:12px;opacity:1;transition:all .5s ease-in-out 0}
.banner-form.active{bottom:0;opacity:1;visibility:visible}
.banner-form.bottom{bottom:0}
.banner-form .close_outer{position:absolute;width:40px;height:40px;top:-50px;right:0;cursor:pointer;border:1px solid #ddd;border-radius:50%;padding:4px}
.banner-form .close_outer .close{float:unset;width:100%;height:100%;position:relative}
.banner-form .inner{color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.banner-form .label{opacity:0;font-size:10px;font-weight:400;transition:all .2s ease-out 0}
.banner-form .close_outer:focus .close::before,.banner-form .close_outer:focus .close::after,.banner-form .close_outer:hover .close::before,.banner-form .close_outer:hover .close::after{width:10px}
.banner-form .close_outer:focus .close .inner::before,.banner-form .close_outer:focus .close .inner::after,.banner-form .close_outer:hover .close .inner::before,.banner-form .close_outer:hover .close .inner::after{width:10px}
.banner-form .close_outer:focus .close .label,.banner-form .close_outer:hover .close .label{opacity:1}
.banner-form .form{padding:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.form-top{padding:20px 0;color:#fff}
.banner-form .form label{font-weight:500;font-size:14px;margin-bottom:6px;color:#3f3f3f}
.banner-form .form-top{border-top-left-radius:15px;border-top-right-radius:15px;padding:20px}
.banner-form.bottom .form-top{padding:15px 20px}
.banner-form .form-top .form_title{font-size:18px;color:#fff !important;text-align:center}
.banner-form .form-top .sub_text{margin:5px 0;font-size:14px;line-height:initial;color:#fff}
.banner-form .form .form-control{border-radius:7px;min-height:46px;padding:4px 15px;font-size:16px;letter-spacing:.5px;margin-bottom:10px}
.banner-form .form .form-control::placeholder{font-size:14px}
.banner-form .form .submit_btn{height:44px;padding:5px 30px;font-weight:500;letter-spacing:.5px;width:100%;color:#fff;}
.banner-detail-section{position:absolute;top:25%;z-index:9;color:#fff;left:27%;transform:translate(-25%,-10%)}
.banner-setion .banner .item::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(transparent,rgba(0,0,0,0.94))}
.builders_section .owl-carousel{padding:11px 0;box-shadow:0 -15px 20px -22px #000 0 15px 20px -22px #000;margin:30px 0 20px}
span.banner-location{padding:8px 25px;border-radius:10px;backdrop-filter:blur(6px);background-color:rgba(255,255,255,0.36);display:flex;width:fit-content}
span.banner-location img{filter:invert(1);width:18px}
span.banner-location span{font-size:13px;padding-left:8px;letter-spacing:.5px}
.banner-location p{width:70%;padding-top:15px;font-size:15px;letter-spacing:.3px}
.banner-detail-section .details-section .banner-para{font-size:14px;width:50%;margin-top:10px}
.banner-detail-section .details-section .high-points{display:flex;padding-bottom:8px}
.banner-detail-section .details-section .high-points img{width:24px;height:24px;padding:5px;border-radius:50%;margin-right:10px}
.banner-detail-section .details-section .banner-highlights{margin-top:25px}
.banner-detail-section .details-section .high-points p{font-size:16px;font-weight:400}
.banner-query button{padding:10px 48px;box-shadow:none;border:1px solid #fff;margin-top:15px;border-radius:5px;font-weight:500;letter-spacing:.5px;font-size:17px}
.b-high{position:absolute;bottom:5%;z-index:9;left:66%;transform:translateX(-60%);width:80%}
.b-high .b-high-points{color:#fff}
.b-high-points{backdrop-filter:blur(6px);background-color:rgba(255,255,255,0.3);margin-right:20px;padding:15px 0;border-radius:10px;text-align:center;width:19%}
a.footer-address{font-size:18px}
.banner-typology{display:inline-block;padding:7px 20px; color: #fff; letter-spacing:1px;backdrop-filter:blur(10px);border-radius:8px;width:fit-content}
.banner-typology h3{color:#fff;font-size:22px;margin-bottom:0;padding:3px 15px}
p.bottom-b-high{font-size:14px;letter-spacing:1px}
h3.top-b-high{font-size:35px}
nav.navbar.navbar-expand-lg{padding:.3rem}
.banner-call-section img{width:25px;margin-right:5px}
.banner-call-section{margin-top:20px;width:fit-content;padding:8px 20px;background:#fff;border-radius:10px}
.banner-call-section a{color:#000;text-decoration:none;font-size:20px;letter-spacing:1px;font-weight:500}
.trin-trin{animation-name:trin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
.banner-mobile-pricing{display:none}
.carousel-inner{border-radius:0}
.banner-right-section{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100%}
.upper-section{background:#d1beb0;padding:10px;border-radius:20px}

.gradient {
    text-shadow: 0 3px 6px #245701;
    background: linear-gradient(-45deg, #245701, #7ac943, #245701, #7ac943);
    background-size: 400% 400%;
    animation: Gradient 3s ease infinite;
}

@keyframes Gradient {
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}


@media (max-width: 767px) {
	
	
	.banner-form-section{position:relative;transform:unset;top:unset;right:unset; margin:4px auto auto;width:96%}
	

	
}