@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black);  }
img{ display: inline-block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-family: var(--body_font); }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; font-size: 1.6rem; font-family: var(--body_font); }
ul, ol, li{ padding:0; margin:0; list-style:none; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.pt-0{ padding-top: 0; }
.pr-0{ padding-right: 0; }
.pb-0{ padding-bottom: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em{ font-style: normal; font-family: var(--body_font); display: block; font-size: 1.6rem; font-family: var(--body_font);}
p{ font: 400 1.6rem/1.8 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; font-family: var(--body_font);}
h4{font-size: 2.8rem; line-height: 1.2; color: var(--black); letter-spacing: 0.1rem; font-family: var(--body_font);}
h5{font-size: 2.5rem; line-height: 1.2; color: var(--black); letter-spacing: 0.1rem; font-family: var(--body_font);}
h1, h2, h3{font-size: 4.5rem; line-height: 1.2; color: var(--black); font-weight: 600; letter-spacing: 0.1rem; font-family: var(--body_font);}



/*__________________________ custom_short css____________*/
:root{ 
  --brand: #B8860B;
	/* --brand: red;  */
  --second_brand: red; 
	--body_text_color: #434343;
	--white: #fff; 
	--black: #000; 
	--body_font: 'Roboto', sans-serif;
	/*--head_font: "Gilda Display", sans-serif;*/
	/*--graident: linear-gradient(90deg,rgba(5, 217, 171, 1) 0%, rgba(5, 170, 244, 1) 100%);*/

}

.effect{ position:relative; overflow:hidden; }
.effect:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

/*__________________________ bottom_to_top css_start _________________________________________*/

#button { display: inline-block; background:  var(--brand); width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: #333; }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/*__________________________ bottom_to_top css_end _________________________________________*/
.main_btn{ position:relative; overflow:hidden; padding:1rem 3rem; background:var(--brand); border-radius:.6rem; color: var(--white); font-weight: 400; font-size: 1.8rem; margin: 0; cursor:pointer; }
.main_btn:hover{ background:var(--second_brand); color:var(--white); }
.main_btn::before{ content:''; background:var(--brand); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-90deg); transform-origin:bottom left; transition:transform 1s ease-in-out; }
.main_btn:hover::before{ transform:rotate(0); }
/*__________________________ custom_btn css_start _________________________________________*/
h2{ font-size: 4.5rem; color:var(--black); font-weight: 600; }
h2 em{ color:var(--brand); font-size: 1.6rem; font-weight: 600; width:fit-content; }
h2 em i{ font-size: 2rem; padding-left: 1rem; color:var(--second_brand); }

/*________________________________________________________________________ header_sec start ___________________________________________________________________________________*/

.header_sec.fixed { position:fixed; top: 0; width:100%; z-index: 999; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem;  }
/*===========bottom_header============== padding: 1.5rem 0;*/
.header_sec .nav_sec{ background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec .nav_sec .navbar-brand img{ width:19rem; }
.header_sec .nav_sec .container{ max-width:100%; padding: 0 0 0 15rem; }
/*======================*/
.header_sec .navbar .header_btn{ position: absolute; right:0; top: 0; bottom:0; background: var(--second_brand); padding: 0 3rem; display:flex; align-items:center; justify-content:center; border-radius:10rem 0 0 10rem; transition:all .4s ease; }
.header_sec .navbar .header_btn a{ gap: 0 1rem; color:var(--white);  border-radius:1rem; }
.header_sec .navbar .header_btn:hover{ background: var(--second_brand); }
.header_sec .navbar .header_btn a em{ font-size: 3rem; font-weight: 500; color: var(--white); transition:all .4s ease; }
.header_sec .navbar .header_btn:hover a em{ text-decoration:underline !important; }
.header_sec .navbar .header_btn i{ animation: shake 0.4s infinite; font-size: 2.5rem; color: var(--white); font-weight: 300; }
/*======================*/
.header_sec .nav_sec .navbar .navbar-nav li a{ color:var(--brand); font-weight: 600; font-size: 2rem; padding: 1.5rem 2.5rem; border-bottom:.2rem solid transparent; position:relative; }
.header_sec .nav_sec .navbar .navbar-nav li:last-child a{ padding-right: 0 !important; }
.header_sec .nav_sec .navbar .navbar-nav li.active a{ color:var(--second_brand);  }
.header_sec .nav_sec .navbar .navbar-nav li:hover a{ color:var(--second_brand);  }
.header_sec .nav_sec .navbar-expand-lg .navbar-collapse{ justify-content:end; }
.header_sec .nav_sec .navbar-expand-lg .navbar-nav{ margin-right: 35rem; }
/*======================*/
@keyframes shake{
  0% {
      transform: rotate(0deg);
  }
  25% {
      transform: rotate(20deg);
  }
  50% {
      transform: rotate(0deg);
  }
  75% {
      transform: rotate(-20deg);
  }
  100% {
      transform: rotate(0deg);
  }
}


/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/

.banner_sec{ position:relative; overflow:hidden; }
.banner_sec .item img { object-fit: cover; height: 100vh; }
.banner_sec .owl-nav { display:none; }
.banner_sec .carousel-inner .images_box { position:relative; }
.banner_sec .carousel-inner .images_box img{ height:80rem; }
/*=================================*/
.banner_sec .right_form_block { position:absolute; top: 50%; transform: translateY(-50%); right:10rem; }
.banner_sec .right_form_block .right_form_box { padding: 2.5rem; background: #fff; border-radius:1rem; text-align:center; width:45rem; }
.banner_sec .right_form_block .right_form_box .images{ text-align:center; }
.banner_sec .right_form_block .right_form_box .images img{ width: 12rem !important; height:inherit !important; }
.banner_sec .right_form_block .right_form_box h4{ font-size: 3.4rem; color:var(--black); font-weight: 500; margin-bottom: 2rem; margin-top: 2rem; }
.banner_sec .right_form_block .right_form_box form .input-group .form-control { height:5rem; width:100%; font-size: 1.4rem; color:var(--black); padding-left: 2rem; border:.1rem solid rgba(0, 0, 0, .2); background: var(--white); font-family: var(--body_font); }
.banner_sec .right_form_block .right_form_box form .input-group .form-control::placeholder{ color:var(--black); }
.banner_sec .right_form_block .right_form_box form .input-button{ margin-top: 3rem; }
.banner_sec .right_form_block .right_form_box form .input-button a{ width:100%; text-align:center; }
.banner_sec .right_form_block .right_form_box form .input-group{ margin-bottom: 1rem; }
/*================================*/
.banner_sec .left_form_block{ position:absolute; top: 50%; transform: translateY(-50%); left:10rem; }
.banner_sec .left_form_block .left_form_box{ padding: 2.5rem; border-radius:1rem; background: rgba(0, 0, 0, .5); backdrop-filter:blur(1rem) saturate(100%); width:45rem; }
.banner_sec .left_form_block .left_form_box h3{ color:var(--white); font-size: 3rem; font-weight: 600; margin-bottom: 1rem; }
.banner_sec .left_form_block .left_form_box .location{ gap: 0 2rem; }
.banner_sec .left_form_block .left_form_box .location span i{ color:#ff0000; font-size: 2.5rem; }
.banner_sec .left_form_block .left_form_box .location em{ color:var(--white); font-size: 1.6rem; font-weight: 400; letter-spacing:.1rem; }
.banner_sec .left_form_block .left_form_box ul{ border-top:.1rem solid rgba(255, 255, 255, .3); padding-top: 2rem; padding-bottom: 2rem; margin-top: 2rem; }
.banner_sec .left_form_block .left_form_box ul li{ background: #b8860b47; padding: 1rem 1.5rem; border-radius:1rem; margin: .5rem 0; gap: 0 1.5rem; }
.banner_sec .left_form_block .left_form_box ul li .icon span{ width:6rem; height:6rem; background: var(--brand); border-radius:100%; display:flex; align-items:center; justify-content:center; }
.banner_sec .left_form_block .left_form_box ul li .icon span i{ color:var(--white); font-size: 2.5rem; }
.banner_sec .left_form_block .left_form_box ul li .right_text h5{ font-size: 1.4rem; color:var(--white); font-weight: 300; padding-bottom: .5rem; }
.banner_sec .left_form_block .left_form_box ul li .right_text h6{ font-size: 1.6rem; font-weight: 500; color:var(--white); letter-spacing:.1rem; }
.banner_sec .left_form_block .left_form_box .rupee { padding: 2rem; background: linear-gradient(90deg,rgba(184, 134, 11, 1) 0%, rgba(0, 0, 0, 1) 88%); border-radius:.2rem; }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item{ border-bottom:.1rem solid rgba(255, 255, 255, .5); padding: 1rem 0; position:relative; }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item:last-child{ border-bottom:none; }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item em{ color:var(--white); font-size: 1.4rem; padding-bottom: 1rem; font-family: var(--body_font); }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item span{ color:var(--white); font-size: 1.6rem; font-family: var(--body_font); font-weight: 600; }

.banner_sec .left_form_block .left_form_box .rupee .rupee_item strong{ color:var(--white); font-size: 3rem; font-family: var(--body_font); }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item .rupee_ani{ position:absolute; top: 0 ; right:0; background: var(--brand); padding: .8rem 1.5rem; border-radius:.3rem; }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item .rupee_ani h6{ color:var(--white); font-size: 1.4rem; font-weight: 400; line-height: 1; }
.banner_sec .left_form_block .left_form_box .left_form_block_btn{width:100%; text-align:center; margin-top: 2rem; }
.banner_sec .left_form_block .left_form_box .left_form_block_btn a{ width:100%;  }

/* next_and_prev_icon */
.banner_sec .carousel-control-prev{ width: 10rem; height:10rem; top: 50%; transform:translateY(-50%); }
.banner_sec .carousel-control-next{ width: 10rem; height:10rem; top: 50%; transform:translateY(-50%); }
.banner_sec .carousel-control-prev-icon{ width: 7rem; height:7rem; }
.banner_sec .carousel-control-next-icon{ width: 7rem; height:7rem; }
/* dotes_btn */
.banner_sec .carousel-indicators { margin: 0; bottom:3rem; width: fit-content; margin: 0 auto; }
.banner_sec .carousel-indicators [data-bs-target]{ border:.3rem solid var(--white); width:1.5rem; height:1.5rem; border-radius:100%; background: transparent; margin: 0 .6rem; }


/*________________________________________________________________________ about_sec start ___________________________________________________________________________________*/

.about_sec{ background: var(--white); position:relative; z-index:1; }
.about_sec::after{ content:""; position: absolute; background: url(../images/about_bg.png) no-repeat center center/cover; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity:1; }
.about_sec .container{ max-width:100%; padding: 0 20rem; }
.about_sec .left_images{ margin-right: 3rem; height:100%;  }
.about_sec .left_images img{ object-fit: cover; height:50rem; border-radius:1rem; }
.about_sec .right_text h2{ color:var(--black); font-weight: 600;  }
.about_sec .right_text p{ padding-top: 2rem; }
.about_sec .right_text a{ margin-top: 3rem; }


/*________________________________________________________________________ price_list_sec start ___________________________________________________________________________________*/

.price_list_sec .row{ margin: 0 -1.5rem; }
.price_list_sec .price_list_paddi { padding: 0 1.5rem; }
.price_list_sec .price_list_box{ margin-top: 3rem; background: rgba(0, 0, 0, .03); position:relative; }
.price_list_sec .price_list_box .images a { width:100%; }

.price_list_sec .price_list_box .images{position: relative; z-index: 1;} 
.price_list_sec .price_list_box .images::after{ content: ""; position:absolute; top: 0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, .3); backdrop-filter:blur(.4rem); z-index: 2; }
.price_list_sec .price_list_box .images img{ border-radius:.5rem .5rem 0 0; height:30rem; object-fit:cover; }
.price_list_sec .price_list_box .text_box { background: #F2ECE4; padding: 2rem; }
.price_list_sec .price_list_box .text_box h3{ font-size: 3rem; }
.price_list_sec .price_list_box .text_box h3 small{ font-size: 1.6rem; font-weight: 300; }
.price_list_sec .price_list_box .text_box p{ padding: 2rem 0 1rem 0; border-top:.1rem dashed rgba(0, 0, 0, .3); margin-top: 2rem; }
.price_list_sec .price_list_box .text_box a i{ padding-left: 1rem; transition:all .4s ease; }
.price_list_sec .price_list_box .text_box a:hover i{ transform:rotate(-45deg); }
.price_list_sec .price_list_main .price_list_btn{ text-align:center; margin-top: 3rem; }
.price_list_sec .price_list_main .price_list_btn a{ color:var(--brand); border-bottom:.1rem solid var(--brand); font-weight: 600; letter-spacing: .1rem; padding-left: .5rem;}
.price_list_sec .price_list_main .price_list_btn a:hover{ color:var(--black); }
.price_list_sec .price_list_main .price_list_btn a i{ padding-left: 1rem; }
.price_list_sec .price_list_box .name_ani{ position:absolute; top:-1.5rem; right:-1.5rem; z-index: 3; }
.price_list_sec .price_list_box .name_ani em{ background: var(--brand); padding: .8rem 1.5rem; color:var(--white); font-weight: 600; border-radius:.2rem; }


/*________________________________________________________________________ price_list_sec start ___________________________________________________________________________________*/

.project_sec{ background: #F2F3F7; position:relative; z-index: 1; }
.project_sec::after{ position:absolute; content:""; background: url(../images/project_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity: .05; }
.project_sec .project_main { margin-top: 3rem; }
.project_sec .images { margin-right: 3rem; height:100%;  }
.project_sec .images img{ height:100%; object-fit:cover; border-radius:.5rem; }
.project_sec .right_text ul li { position:relative; padding-left: 3.5rem; margin: 4rem 0; word-break:break-all; width:100%; }
.project_sec .right_text ul li:last-child{ margin-bottom: 0; }
.project_sec .right_text ul li:first-child{ margin-top: 0; }
.project_sec .right_text ul li::after{ content: "\f336"; position:absolute; top: .4rem; left:0; font-family: "Font Awesome 6 Pro"; font-size: 2rem; color:red; font-weight: 900; }
.project_sec .right_text ul li em{ font-size: 2rem; font-weight: 500; color:var(--black); }


/*________________________________________________________________________ gallery_sec start ___________________________________________________________________________________*/
 
.gallery_sec{ overflow:hidden; }
.gallery_sec .gallery_main{ margin-top: 3rem; }
.gallery_sec .container{max-width: 100%; padding: 0 0;}
.gallery_sec .gallery_list li{ width:20%; border-right:.2rem solid rgba(255, 255, 255, 1.0); transition: all .5s ease; }
.gallery_sec ul.gallery_list li .portfolio_box img{ height:60rem; object-fit:cover; }
.gallery_sec .gallery_list li.active { width:100%;  }
.gallery_sec .portfolio_box{ position:relative; z-index: 1; overflow:hidden; }
.gallery_sec .portfolio_box::after{ position:absolute; z-index: 2; content:""; background: rgba(0, 0, 0, .2); top: 0; left:0; width:100%; height:100%; opacity:0; transform: translateX(-50rem); transition: all .4s ease; }
.gallery_sec .portfolio_box:hover::after{ opacity:1; transform: translateX(0);}
.gallery_sec .portfolio_box .portfolio_content{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 3; }
.gallery_sec .portfolio_box .portfolio_content .portfolio_link{ opacity:0;  }
.gallery_sec .portfolio_box:hover .portfolio_content .portfolio_link{ opacity:1; }
.gallery_sec .portfolio_box .portfolio_content .portfolio_link i{ color:var(--white); font-size: 4rem; }



/*________________________________________________________________________ ameniti_sec start ___________________________________________________________________________________*/

.ameniti_sec{ background: #F2F3F7; position:relative; z-index: 1; }
.ameniti_sec::after{ position:absolute; content:""; background: url(../images/amenite_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity: .5; }
.ameniti_sec .row{ margin: 0 -1.5rem; }
.ameniti_sec .row .ameniti_paddi{ padding: 0 1.5rem; }
.ameniti_sec .ameniti_box{ background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; text-align:center; padding: 2.5rem; border-radius:1rem; margin-top: 3rem; position:relative; z-index: 1; }
.ameniti_sec .ameniti_box::after{ background: url(../images/amenite_bg_2.jpg); content:""; position:absolute; top: 0; left:0; width:100%; height:100%; opacity:.06; z-index: -1; }
.ameniti_sec .ameniti_box .images img{ width:12.8rem }
.ameniti_sec .ameniti_box:hover .images img{ animation-name: wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.ameniti_sec .ameniti_box .text{ margin-top: 2rem; }
.ameniti_sec .ameniti_box .text em{ font-size: 2.6rem; color:var(--black); font-weight: 600; }
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}




/*________________________________________________________________________ floor_plan_sec start ___________________________________________________________________________________*/

.floor_plan_sec .floor_plan_box{ margin-top: 3rem; }
.floor_plan_sec .floor_plan_box .images img{ border-radius:.5rem .5rem 0 0; height:25rem; object-fit:cover; }
.floor_plan_sec .floor_plan_box .text_block { padding: 2rem; border: .1rem dashed rgba(0, 0, 0, .3);   border-radius: 0 0 .5rem .5rem; }
.floor_plan_sec .floor_plan_box .text_block em{ font-size: 3rem; color:var(--black); font-weight: 600; }
.floor_plan_sec .floor_plan_box .text_block ul{ margin-top: 2rem; }
.floor_plan_sec .floor_plan_box .text_block ul li{ gap: 0 .5rem; }
.floor_plan_sec .floor_plan_box .text_block ul li span img{ width:2.5rem; }
.floor_plan_sec .floor_plan_box .text_block ul li em{ font-size: 1.6rem; color:var(--black); font-weight: 500; }



/*________________________________________________________________________ location_sec start ___________________________________________________________________________________*/

.location_sec{ background: #F5F0E9; }
.location_sec .map_block { margin-right: 3rem; height:100%; }
.location_sec .map_block iframe{ width:100%; height:100%; }
.location_sec .right_text_box h3{ font-size: 3.5rem; }
.location_sec .right_text_box ul{ margin-top: 2rem; }
.location_sec .right_text_box ul li { position:relative;  margin: 1.5rem 0; background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 0 1rem; padding: 2rem 0 2rem 5rem; border-radius:.5rem; border:.1rem solid transparent; transition:all .4s ease; }
.location_sec .right_text_box ul li::after{ content: "\f3c5"; position:absolute; top: 2rem; left:1.7rem; font-family: "Font Awesome 6 Pro"; font-size: 2rem; color:var(--brand); font-weight: 400; }
.location_sec .right_text_box ul li em{ font-size: 1.8rem; font-weight: 300; color:var(--black);  }
.location_sec .right_text_box ul li:hover{ border:.1rem solid var(--brand); }


/*________________________________________________________________________ developer_sec start ___________________________________________________________________________________*/

.developer_sec{ background: #F2F3F7; position:relative; z-index: 1; }
.developer_sec::after{ position:absolute; content:""; background: url(../images/map_bg.png) no-repeat center center/cover; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity: 1; }
.developer_sec .left_text{ margin-right: 3rem; }
.developer_sec .left_text p { padding: 2rem 0 4rem 0; }
.developer_sec .left_text a{ font-size: 3rem; color:var(--brand); border:.1rem solid rgba(0, 0, 0, 1.0); padding: 1.5rem 4rem; border-radius:1rem; }
.developer_sec .left_text a:hover{ color:var(--black); border:.1rem solid var(--brand); text-decoration:underline; }
.developer_sec .developer_right_form .right_form_box { padding: 2.5rem; background: #fff; border-radius:1rem; text-align:center; width:50rem; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.developer_sec .developer_right_form .right_form_box .images{ text-align:center; }
.developer_sec .developer_right_form .right_form_box .images img{ width: 12rem !important; height:inherit !important; }
.developer_sec .developer_right_form .right_form_box h4{ font-size: 2.4rem; color:var(--brand); font-weight: 500; margin-bottom: 2rem; margin-top: 2rem; }
.developer_sec .developer_right_form .right_form_box form .input-group .form-control { height:5rem; width:100%; font-size: 1.4rem; color:var(--black); padding-left: 2rem; border:.1rem solid rgba(0, 0, 0, .2); background: var(--white); font-family: var(--body_font); }
.developer_sec .developer_right_form .right_form_box form .input-group .form-control::placeholder{ color:var(--black); }
.developer_sec .developer_right_form .right_form_box form .input-button{ margin-top: 3rem; }
.developer_sec .developer_right_form .right_form_box form .input-button a{ width:100%; text-align:center; }
.developer_sec .developer_right_form .right_form_box form .input-group{ margin-bottom: 1rem; }


/*________________________________________________________________________ developer_sec start ___________________________________________________________________________________*/

footer{ background: var(--brand); padding: 4rem 0; }
footer .desc_block{ text-align:center; }
footer .desc_block p{ color:var(--white); font-size: 1.6rem; letter-spacing:.1rem; margin-bottom: 2rem; }
footer .desc_block em{ color:var(--white); font-size: 2.5rem; font-weight: 600; }




/*________________________________________________________________________ model_sec_start ___________________________________________________________________________________*/

.modal .modal-dialog{ max-width:fit-content; }
.modal-header{ border-bottom:none; }
.modal-header .btn-close{ background: red; border-radius:100%; opacity: 1; position:relative; background-image: none; display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; }
.modal-header .btn-close::after{ content:"\f00d"; font-family: "Font Awesome 6 Pro"; color:var(--white); font-size: 2.5rem; }


/*________________________________________________________________________ footer_sec start _________________________________________________________________________________*/


/*#exampleModal .right_form_block { position:absolute; top: 50%; transform: translateY(-50%); right:10rem; }*/
.modal{  z-index: 99999999; }
.modal .right_form_block .right_form_box { padding: 2.5rem; background: #fff; border-radius:1rem; text-align:center; width:45rem; }
.modal .right_form_block .right_form_box .images{ text-align:center; }
.modal .right_form_block .right_form_box .images img{ width: 12rem !important; height:inherit !important; }
.modal .right_form_block .right_form_box h4{ font-size: 3.4rem; color:var(--black); font-weight: 500; margin-bottom: 2rem; margin-top: 2rem; }
.modal .right_form_block .right_form_box form .input-group .form-control { height:5rem; width:100%; font-size: 1.4rem; color:var(--black); padding-left: 2rem; border:.1rem solid rgba(0, 0, 0, .2); background: var(--white); font-family: var(--body_font); }
.modal .right_form_block .right_form_box form .input-group .form-control::placeholder{ color:var(--black); }
.modal .right_form_block .right_form_box form .input-button{ margin-top: 3rem; }
.modal .right_form_block .right_form_box form .input-button a{ width:100%; text-align:center; }
.modal .right_form_block .right_form_box form .input-group{ margin-bottom: 1rem; }




/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
}

@media only screen and (max-width: 1800px){ 

/*about*/
.about_sec .right_text h2{ font-size: 3.5rem; }











}

@media only screen and (max-width: 1699px){ 


/*header*/
.header_sec .nav_sec .container{ padding: 0 0 0 1.5rem; }
.header_sec .nav_sec .navbar .navbar-nav li a{ padding: 1.5rem 2rem; }
.header_sec .nav_sec .navbar-expand-lg .navbar-nav { margin-right: 35rem; }
/*banner*/
.banner_sec .carousel-inner .images_box img { height: 70rem; }
/*about*/
.about_sec .container{ max-width:100%; padding: 0 10rem; }
.about_sec .left_images img { height: 55rem; }




}

@media only screen and (max-width: 1399px){

/*banner*/

/*about*/
.about_sec .container{ padding: 0 1.5rem; }
/*list*/
.price_list_sec .container{ max-width: 100%; padding: 0 1.5rem; }
/*ameniti_sec*/
.ameniti_sec .ameniti_box { padding: 3.5rem 1.5rem; }
.ameniti_sec .ameniti_box .images img { width: 9.8rem; }
/*devoloper*/
.developer_sec .developer_right_form .right_form_box { width: 44rem; }
.header_sec .nav_sec .navbar .navbar-nav li a { padding: 1.5rem 1rem; }







}




@media screen and (max-width: 1199px){

/*mobile menu*/
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
/*=================================*/
.header_sec .navbar .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem; z-index: 22; }
/*=================================*/
.header_sec .navbar-expand-lg .navbar-toggler{ display: block !important; padding: 0; border:none; box-shadow:none; }
.header_sec .navbar .navbar-collapse.show{ left: 0; }
.header_sec .navbar .navbar-collapse.show .navbar-nav{ margin: 0; flex-direction:column; }
.header_sec .navbar .navbar-collapse.show ul li a{ color:#000; width:100%; padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .navbar .navbar-collapse.show ul{ width:100%; }
/*header*/
.header_sec .navbar-expand-lg .navbar-collapse{ align-items:flex-start !important; }
.header_sec .navbar .header_btn{ right:6rem; border-radius: 10rem; bottom:inherit; top: inherit; padding: 1.5rem 3rem; }
.header_sec .nav_sec .navbar .navbar-brand{ position:inherit; left:inherit; }
.header_sec.fixed .navbar .navbar-toggler-icon{ background: var(--black); }
/*project_sec*/
.project_sec .container{ max-width:100%; padding: 0 1.5rem; }
/*gallery*/
.gallery_sec .gallery_list li.active { width: 70%; }
/*devoloper*/
.developer_sec .developer_right_form .right_form_box { width: 38rem; }

/*banner_form*/
.banner_sec .right_form_block{ right: 4rem; }
.banner_sec .left_form_block{ left:4rem; }


.banner_sec .left_form_block .left_form_box{ width: 40rem; }


.banner_sec .right_form_block .right_form_box{ width: 40rem; }

.header_sec .nav_sec .navbar { padding: 2rem 0; }
.about_sec .left_images img { height: 100%; }









	
}



@media screen and (max-width: 991px){


/*about*/
.about_sec .left_images { margin-right: 0; padding-bottom: 3rem; }
/*project_sec*/
.project_sec .images{ margin-right: 0; padding-bottom: 3rem; }
/*gallery*/
.gallery_sec ul.gallery_list li .portfolio_box img { height: 50rem; }
/*location*/
.location_sec .map_block{ margin-right: 0; margin-bottom: 2rem; }
.location_sec .map_block iframe{ height:30rem; }
/*devoloper*/
.developer_sec .left_text{ margin-right: 0; margin-bottom: 3rem; }
.developer_sec .developer_right_form .right_form_box{ width:100%;  }



.banner_sec .left_form_block{ position:inherit; top: inherit; left:inherit; transform:inherit;  }
.banner_sec .left_form_block .left_form_box{ width:100%; border-radius:0; background: rgb(0 0 0 / 85%); }
.banner_sec .right_form_block{ right: inherit; top: 2rem; left:50%; transform:translateX(-50%); }
.banner_sec .carousel-inner .images_box img { height: 50rem; }
.banner_sec .carousel-control-prev-icon, .banner_sec .carousel-control-next-icon{ width: 5rem; height: 5rem; }
.banner_sec .carousel-control-next{ right:-3rem; }
.banner_sec .carousel-control-prev{ left:-3rem; }
.about_sec .left_images img { height: auto; }




}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
h2 { font-size: 3.5rem; }

.container{ max-width:100%; padding: 0 1.5rem; }
.ptb{ padding: 4rem 0; }
/*header*/


/*project*/
.project_sec .right_text ul li em { font-size: 1.6rem; }
/*gallry*/
.gallery_sec ul.gallery_list li .portfolio_box img { height: 40rem; }










}

@media screen and (max-width:575px){
h2{ font-size: 3rem; }


/*header*/
.header_sec .navbar .header_btn a em{ display:none; }
.header_sec .navbar .header_btn { right: 5rem; padding: 1.5rem 1.5rem; }
/*banner*/
.banner_sec .left_form_block .left_form_box h3 { font-size: 2.4rem; }
.banner_sec .left_form_block .left_form_box ul li .icon span { width: 5rem; height: 5rem; }
.banner_sec .left_form_block .left_form_box ul li .icon span i { font-size: 2rem; }
.banner_sec .left_form_block .left_form_box { padding: 1.5rem; }
.banner_sec .left_form_block .left_form_box .rupee { padding: 1.5rem; }
.banner_sec .left_form_block .left_form_box .rupee .rupee_item strong { font-size: 2.4rem; }
.banner_sec .carousel-inner .images_box img { height: 30rem; } 
/*about*/
.about_sec .right_text h2 { font-size: 3rem; }
/*project*/
.project_sec .right_text ul li{ margin: 3rem 0; }
.project_sec .right_text ul li em{ font-weight: 400; }
/*gallry*/
.gallery_sec ul.gallery_list li .portfolio_box img { height: 25rem; }
/*amenite*/
.ameniti_sec .ameniti_box .images img { width: 7.8rem; }
.ameniti_sec .ameniti_box .text em { font-size: 2.2rem; }
.ameniti_sec .ameniti_box{ margin-top: 2rem; }
/*floor*/
.floor_plan_sec .floor_plan_box{ margin-top: 2rem; }
.floor_plan_sec .floor_plan_box .text_block em { font-size: 2.6rem; }
/*location*/
.location_sec .right_text_box h3{ font-size: 3rem; }
/*devoloper*/
.developer_sec .developer_right_form .right_form_box .images img { width: 8rem !important; }
.developer_sec .left_text a{ width:100%; font-size: 2.6rem; padding: 1.5rem 3rem; text-align:center; }
.developer_sec .left_text p { padding: 1rem 0 3rem 0; }
/*footer*/
footer .desc_block em { font-size: 2rem; }
footer .desc_block p{ margin-bottom: 1rem; }


/* banner_form */
.banner_sec .right_form_block{ position:inherit; transform:inherit; top:inherit; left:inherit;  }
.banner_sec .right_form_block .right_form_box{ width:100%; }
.banner_sec .right_form_block .right_form_box h4{ font-size: 2.4rem; }
.header_sec .nav_sec .navbar-brand img { width: 15rem; }



}

/* emergency only */
@media screen and (max-width:480px){

    

}