@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passions+Conflict&display=swap');
body, html{overflow-x: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
a {text-decoration: none;}
/* Utility classes for fonts */
body {font-family: var(--ThemeFont);  background-color: var(--Bg) !important;  overflow-y: hidden;}
/* Reset and layout base */
* {margin: 0; padding: 0; box-sizing: border-box;}
.p-0{padding:0;}
p{color: var(--Gray);}
:root {
	--Black: #000;
	--White: #fff;
  --Gray: #121212;
  --Bg: #fffbe7;
  --ThemeColor: #9f7b59;
  --ThemeColor2: #d0c6a6;
  --ThemeColor3: #dbd3b6;  
  --ThemeColor4:#eadfc8;  
  --Gradient:linear-gradient(360deg,rgba(61, 71, 73, 1) 0%, #2c3638 100%);;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont: "Roboto", sans-serif;
	--ThemeFontTwo: "Chronicle Display";
	--Radius: 20px;}

.--transition-ease{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:hover{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:after{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:before{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}

/*********** start col **********/
.custom-bg { background:var(--Bg);}
.custom-color { color:var(--ThemeColor);}
h2, h1, h3 {font-family: var(--ThemeFontTwo);}
h2.fs-1 {font-size: 3rem !important;}
h1.fs-1 {font-size: 4rem !important;}
.ThemeFontTwo{font-family: var(--ThemeFontTwo);}
.ThemeFont{font-family: var(--ThemeFont);}
.ThemeFontThree{font-family: "Passions Conflict", cursive;}  
.max-container{ max-width: 1920px;}
p{line-height: 1.7; opacity: .8;}
.btn:hover{background: var(--ThemeColor); opacity: .6 !important;}

/************* end col ************/
.custom-btn {transition: transform 0.2s; color: var(--ThemeColor); font-size: 16px; border-radius: 5px; font-weight: 500; min-width: max-content; text-transform: uppercase; border: 1px solid var(--ThemeColor); text-decoration: none;}
.custom-fill-btn{background: var(--ThemeColor);  transition: transform 0.2s;}
.custom-btn:hover{transform: scale(1.05);}

/*  */
.heading h2 {font-size: 56px; margin-top: 25px; line-height: 65px; text-transform: uppercase;}
.heading h2 img { height: 40px;}
.heading {font-size: 56px; margin-top: 25px; line-height: 65px;color: var(--ThemeColor);}

/* WebKit Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar { width: 5px; background-color: var(--ThemeColor5);}
::-webkit-scrollbar-track {background-color:#ccc;}
::-webkit-scrollbar-thumb {background-color: var(--ThemeColor); border-radius: 10px;}

/* Firefox */
* {scrollbar-width: thin; scrollbar-color: var(--ThemeColor) #ccc;}

/***************************************************************
********************************* Header ************************
*****************************************************************/
header .right_btn {min-width: 550px;}
img.logo-img {height: 60px;}
a.number {font-size: 22px; font-family: var(--ThemeFontTwo);}
header li.nav-item a {font-size: 17px;}
.fixed {position: fixed; top: 0; z-index: 99999;  background: var(--ThemeColor4);  width: 100%;box-shadow:0 0 15px #72583f9c;}
.fixed img.logo-img {height: 55px;}

/***************************************************************
********************************* banner-content ************************
*****************************************************************/
.banner-content {margin-bottom: -24px;}
.banner-content h6 { border-left: 2px solid var(--ThemeColor); font-size: 18px;}
.banner .carousel-item:before {background: #000000b2; width: 100%; position: absolute; content: ""; right: 0; z-index: 1; top: 0; height: 100%;}
.banner h2 { font-size: 60px !important;}
section.py-xl-5 { padding-top: 80px !important; padding-bottom: 80px !important;}
.banner .custom-color:after { height: 2px; width: 80px; background: var(--White); content: ""; position: absolute; bottom: 0; top: 0; margin: auto; right: -114px;}
.banner .st { padding: 20px; background: #ffffffe8;}
.banner .st h3 {font-size: 56px !important; color: var(--ThemeColor);}
.banner .cont {max-width: 650px; margin-top: 0; min-width: 320px;}
.banner .carousel-caption { position: absolute;  bottom: 0; margin: auto; height: 326px;}
.banner_theme h2 { text-align: center; width: 100%; display: table; color: #fff; font-size: 50px; padding: 30px 0; text-shadow: 8px 4px 20px #000;}
.home_banner .custom-fill-btn {
  background: var(--White) !important;
  opacity: 1 !important;
}
/***************************************************************
********************************* about-us ************************
*****************************************************************/
.about_us h6{border-left: 2px solid var(--ThemeColor); font-size: 18px;}
.about_us .cont {border-left: 1px solid var(--ThemeColor3); margin-top: 60px !important;}
.numbers h3.fs-1 { font-size: 3.8rem !important;}
.numbers { max-width: 80%; border-bottom: 1px solid var(--ThemeColor3); border-top: 1px solid var(--ThemeColor3);}
.numbers p.fs-5 br { display: none;}

/* ***************************************************
*************************cta ******************
******************************************************/
.cta {padding: 30px 0 100px;}

/* ***************************************************
*************************projects ******************
******************************************************/
.projects p.h6 { border-left: 2px solid var(--ThemeColor);font-size: 17px; line-height: 1.6;}
.projects .cont a{  max-width: 55px; min-width: 55px; height: 55px;}
.projects .cont a img { height: 22px !important;}
.projects .cont { padding: 25px 20px; background: #000000a1;transition: transform 0.2s; }
.projects .position-relative:hover .position-absolute .cont a{margin: auto; transform: scale(1.05);}
.projects .position-relative:hover .position-absolute .cont { height: 100%; background: #000000b8; display: grid !important; text-align: center;}
.projects .position-relative:hover .position-absolute .cont h3 {font-size: 45px;}
.projects .position-relative:hover .position-absolute .cont p {font-size: 19px;}
.projects .position-relative:hover .position-absolute {height: 100%; padding-top: 15px;}
.projects .owl-dots button { background: var(--Black) !important; height: 15px; width: 15px; border-radius: 50%; opacity: .2;}
.projects .owl-dots {display: flex; justify-content: center; margin-top: 25px; gap: 6px;}
.projects .owl-dots button.active{background: var(--ThemeColor) !important; opacity: 1;}

/* ***************************************************
*************************testi ******************
******************************************************/
.testi p.h6 { border-left: 2px solid var(--ThemeColor); font-size: 17px;line-height: 1.6;}
.testi h2.fs-1 span { font-size: 3.2rem !important;}
.testi_in {background: var(--ThemeColor4); padding: 80px; background-repeat: no-repeat; background-position: right bottom 30px; background-size: 360px;}
.testi_in h4 span { border-left: 2px solid var(--ThemeColor);}
.testi_in .owl-dots button.owl-dot {height: 20px; width: 20px; background: #cac0a9 !important; border-radius: 50%;}
.testi_in .owl-dots button.owl-dot.active {background: #aaa292 !important;}
.testi_in .owl-dots{display: flex; gap: 7px; justify-content: right; margin-top: 42px;}

/* ***************************************************
*************************leadership ******************
******************************************************/
.leadership { background-repeat: no-repeat; background-position: top 48% right 30%;  background-size: 400px;}
.leadership p.h6 { font-size: 17px; line-height: 1.6;}
.leadership h2 span{ border-bottom: 1px solid;}
.leadership img {max-width: 400px; min-width: 400px;}
.leadership h3 { font-size: 65px ;}
.leadership .owl-dots{display:none}

/* ***************************************************
************************* upcomming_project ******************
******************************************************/
.upcomming_project .tab-pane img { height: 306px; object-fit: cover;}
.upcomming_project p.h6 { font-size: 17px; line-height: 1.6;   margin-left:-25%}
.upcomming_project:after { background: #a78a6e; content: "";left: 0; top: 0; width: 70%; height: 100%; position: absolute;z-index: -1;}
.upcomming_project .nav-pills .nav-link.active, .upcomming_project .nav-pills .show>.nav-link {background: transparent; opacity: 1; border-left: 3px solid var(--White);}
.upcomming_project .nav {border-left: 1px solid var(--ThemeColor3);}
.upcomming_project .nav-pills .nav-link {opacity: .5; margin-left: -2px;}
.upcomming_project .nav-link.active{background: transparent; opacity: 1; border-left: 3px solid var(--White);}
.upcomming_project li.nav-link {opacity: .5; margin-left: -2px;}
.upcomming_project .image img {height: 320px; object-fit: cover;}
#upcomming-project {scroll-margin-top: 150px;}
.carousel_Leadership { max-width: 1300px; margin: auto;
}

/* ***************************************************
************************* footer ******************
******************************************************/
.footer-bottom {background: var(--ThemeColor);}
.footer-bottom p{opacity: 1;}
.footer .add {border-left: 2px solid var(--ThemeColor);}
.footer h4{border-bottom: 1px solid var(--ThemeColor3);}
.footer ul.social li a{width: 65px; height: 65px; border: 1px solid var(--ThemeColor3);}
.footer {background-repeat: no-repeat; background-position: left -12% center;}

/* ***************************************************
************************* contact_form ******************
******************************************************/
section.contact_form {background-repeat: no-repeat; background-position: left -100px bottom -80px;}
.contact_form ul.social li a { min-width: 65px; height: 65px; border: 1px solid var(--ThemeColor3);}
.contact_form form {background: var(--ThemeColor4); padding: 70px;}
.contact_form form .form-control {background: var(--Bg) !important; border: 1px solid var(--ThemeColor3);}
.map{ filter: grayscale(100%);}

/* ***************************************************
************************* amenities ******************
******************************************************/
.amenities .set img { height: 45px;}
.amenities.py-xl-5 { padding-top: 0 !important; background-position: right -31px center; background-repeat: no-repeat; background-size: 330px;}
.amenities .set { border: 1px solid #dbd3b6;  transition: transform 0.2s;}
.amenities .set:hover {transform: scale(1.05); box-shadow: 0 4px 14px #eadfc8;}
.amenities .set h3{ font-family: var(--ThemeFont); font-size: 16px;}
.amenities h4{ position: absolute; color: #fff;  bottom: 0; width: 100%; margin: 0; padding: 28px 0; background: linear-gradient(360deg, #000000, #826d6d00);}
.amenities .item { padding: 20px; border: 1px solid #dbd3b6;}
.amenities p.h6 {border-left: 2px solid var(--ThemeColor); font-size: 17px; line-height: 1.6;}

/* ***************************************************
************************* advantages ******************
******************************************************/
.advantages li.list-group-item:hover {transform: scale(1.04); border-top: 1px solid var(--ThemeColor) !important;}
.advantages li.list-group-item {transition: transform 0.2s;}
.advantages .list-group-item span { color: var(--ThemeColor); font-size: 31px; opacity: .5; line-height: 40px; transform: rotate(-20deg); font-family: var(--ThemeFontTwo);}
.advantages ul.p-0 {max-width: 450px;}
.advantages li.list-group-item + li.list-group-item {border-top: 1px solid #ccc;}
/* .row.advantagesin {max-width: 1200px;  margin: auto;} */
section.advantages.py-4.py-xl-5 {padding-top: 0 !important;}
.advantages p.h6 { border-left: 2px solid var(--ThemeColor); font-size: 17px; line-height: 1.6;}

/* ***************************************************
************************* why_choose_us ******************
******************************************************/
.why_choose_us h6 {border-left: 2px solid var(--ThemeColor); font-size: 18px;}
.why_choose_us .setmain {border-left: 1px solid var(--ThemeColor3);}
.why_choose_us .setmain span { border: 1px solid var(--ThemeColor3); width: 20px; height: 20px; margin-left: -10px; background: var(--Bg); margin-top: 7px;}
.why_choose_us .setmain .set.active span::after { background: var(--ThemeColor); height: 10px; width: 10px; content: ""; position: absolute; left: 4px; top: 4px; border-radius: 50%;}
.why_choose_us .setmain .set h4{transition: transform 0.2s; }
.why_choose_us .setmain .set.active h4 { transform: scale(1.03); opacity: 1; margin-left: 0;}
.why_choose_us .setmain .set{opacity: .8}
.why_choose_us .setmain .set.active { opacity: 1;}
/* .why_choose_us .setmain .set:hover span::after { background: var(--ThemeColor); height: 10px; width: 10px; content: ""; position: absolute; left: 4px; top: 4px;border-radius: 50%;} */

.why_choose_us.py-4.py-xl-5 {padding-top: 25px !important;}
#about_us,
#testimonial {
  scroll-margin-top: 80px;
}

/* ***************************************************
************************* floorplan ******************
******************************************************/
.floorplan .nav { border-bottom: 1px solid var(--ThemeColor3);}
.floorplan .owl-stage{margin:auto}
.floorplan .nav .nav-link {min-width: 216px; padding: 8px 20px; font-size: 32px; color: var(--Black); font-family: var(--ThemeFontTwo);}
.floorplan .main_set img { background: #f2ead9; padding: 20px;}
.floorplan .main_set:hover { transform: scale(1.05); box-shadow:0 10px 15px #a37e5b21; border: 1px solid #eadfc8;}
.floorplan .main_set{transition: transform 0.2s;}
.floorplan .set p {min-height: 27px;}
.floorplan .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  gap: 6px;
}
.floorplan .owl-dots button.active {
  background: var(--ThemeColor) !important;
  opacity: 1;
}
.floorplan .owl-dots button {
  background: var(--Black) !important;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  opacity: .2;
}
.floorplan .set { background: var(--ThemeColor4); padding: 4px; transition: transform 0.2s; text-align: center;}
.floorplan .nav .nav-link.active, .floorplan .nav .nav-link:hover{ color: var(--ThemeColor); background: var(--Bg); border-color: var(--ThemeColor3); border-bottom-color: transparent !important;}
.specifications { background-repeat: no-repeat; background-position: left -185px bottom -60px;}
.banner_theme.py-4.py-xl-5, .floorplan.py-4.py-xl-5{ padding-top: 0 !important;}
.floorplan .nav.nav2 { background: #dbd3b6; display: inline-flex; border-radius: 6px; overflow: hidden; padding: 2px;}
.floorplan .nav.nav2 .nav-link { font-size: 20px; min-width: 200px; border-radius: 6px;}
.floorplan .nav.nav2 .nav-link.active, .floorplan .nav.nav2 .nav-link:hover {border-bottom-color: var(--ThemeColor3) !important; font-weight: 600;}
.banner_theme .item::before {border-radius:1rem; background: #00000063; width: 100%; position: absolute; content: ""; right: 0; z-index: 1; top: 0; height: 100%;}
.banner_theme .owl-dots button { background: var(--Black) !important; height: 15px; width: 15px; border-radius: 50%; opacity: .2;}
.banner_theme .owl-dots {display: flex; justify-content: center; margin-top: 25px; gap: 6px;}
.banner_theme .owl-dots button.active{background: var(--ThemeColor) !important; opacity: 1;}
.advimg { max-width:90%; border-radius: 16px; box-shadow: 0 0 26px #72583f52; border: 5px solid var(--ThemeColor2);}

  .banner.banner_det h2 {
    font-size: 47px !important;
  }
  .banner.banner_det .carousel-caption {
  left:10%;
  right:10%;
    height: 345px
}





@media only screen and (min-width: 1920px) {
}

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

/*************************************************************************
********* @media only screen and (max-width: 1600px)  *********************
***********************************************************************/
@media only screen and (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1450px;}
}

/*************************************************************************
********* @media only screen and (max-width: 1599px)  *********************
***********************************************************************/
@media only screen and (max-width: 1599px) {
  .banner.banner_det h2 {
  font-size: 42px !important;
}
.banner.banner_det .carousel-caption {
  height: 325px;
}
.numbers h3.fs-1 {
  font-size: 3.4rem !important;
}
}

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

h2.fs-1 {font-size: 2.6rem !important;}
.banner img {height: 500px;}
.contact-banner img {height: 400px;}
header .right_btn {min-width: 450px;}
header li.nav-item a {font-size: 16px;}
img.logo-img {height: 55px;}
section.py-xl-5 { padding-top: 65px !important; padding-bottom: 65px !important;}
.about_us img.aboutimg {width: 420px; height: 290px;}
.numbers h3.fs-1 {font-size:2.9rem !important;}
.upcomming_project p.h6 {  font-size: 16px;margin-left: 0;}
.upcomming_project .tab-pane img {height: 260px;}
.cta {padding: 10px 0 70px;}
.leadership .owl-carousel .owl-item img { min-width: 390px; height: 430px; object-fit: cover; }
.testi_in { padding: 50px;}
.testi img { max-width: 100px;}
.amenities .image{max-width: 360px; height: 240px;}
 .banner.banner_det h2 {
    font-size: 38px !important;
  }
  .banner_det h6 {
  font-size: 18px !important;
}
.banner .st h3 {
  font-size: 48px !important;
}
.banner.banner_det .carousel-caption {
  left: 6%;
  right: 6%;
}
}

/*************************************************************************
********* @media only screen and (max-width: 1199px)  *********************
***********************************************************************/
@media only screen and (max-width: 1199px) {
    .banner.banner_det .carousel-caption {
    height: 320px;
  }
.numbers .fs-5 {
  font-size: 16px !important;
}
.numbers {
  max-width: 95%;
}{}
  .banner.banner_det .custom-color::after{display:none;}
  .banner.banner_det .cont {
    display: flex;
    gap: 13px;
    justify-content: center;
    margin:auto
  }
  h1.fs-1 {
  font-size: 3rem !important;
}
 .banner.banner_det h2 {
    font-size: 30px !important;
  }
 
.banner.banner_prodect .carousel-caption {
  height: 143px !important;
}
.testi h2.fs-1 span {font-size: 2.8rem !important;}
.projects .cont a { max-width: 46px; min-width: 46px; height: 46px;}
.upcomming_project .nav-pills .nav-link { font-size: 24px !important;}
.projects .cont h3 {font-size: 21px !important;}
p {line-height: 1.5; font-size:15px;}
.projects .cont { padding: 16px 15px;background: #000000a1;}
 header .right_btn { min-width: 254px; display: flex; gap: 13px;}
.banner img {height: 420px;}
.leadership .owl-carousel .owl-item img {min-width: 350px;;}
.projects.py-4.py-xl-5 {padding-top:10px !important;}
.leadership h3 {font-size: 50px;}
.numbers h3.fs-1 {font-size: 2.9rem !important;}
img.logo-img {height: 50px;}
h2.fs-1 {font-size: 2.2rem !important;}
.navbar-collapse {position: absolute; width: 100%; z-index: 99; background: #9f7b59;  right: 0; top: 76px;}
header li.nav-item a {font-size: 15px; padding: 10px 26px !important; color: #fff !important;}
.navbar-toggler {order: 2;outline: none !important; box-shadow: none !important; border: 1px solid var(--ThemeColor);}
header li.nav-item a:hover {background: #8c6a49 !important;}
.banner h6 {font-size: 18px !important;}
.contact_form form {padding: 45px;}
.contact_form h3 {font-size: 23px;}
.projects.projects_page.py-4.py-xl-5 {padding-top: 50px !important;}
.banner_theme h2 {
  font-size: 32px;
}
}

/*************************************************************************
********* @media only screen and (max-width: 991px)  *********************
***********************************************************************/
@media only screen and (max-width: 991px) {
  .leadership .owl-carousel .owl-item img{margin:auto}
  .banner_theme h2 {
  font-size: 28px;
}
.banner.banner_det  .carousel-caption {
  right: 5%;
  left: 5%;
  height: unset;
  bottom:10px;
}
.upcomming_project .image img {
  height: 133px;
}
.why_choose_us .setmain .set h4 {
  font-size: 18px;
}
.why_choose_us .setmain .set img {
  width: 110px;
}
  h1.fs-1 {
    font-size: 2.8rem !important;
  }
  .advimg { max-width:100%;}
h2.fs-1 {font-size: 1.9rem !important;}
.banner-content h6 {font-size: 16px;}
.banner img {height: 380px;}
section.py-xl-5 { padding-top: 50px !important; padding-bottom: 50px !important;}
.about_us img.aboutimg { width: 300px; height: 220px;}
.numbers {max-width: 90%;}
 .numbers h3.fs-1 {
    font-size: 1.9rem !important;
  }
.numbers .fs-5 {font-size: 16px !important;}
.projects p.h6 {font-size: 16px;}
.cta {padding: 0px 0 50px;}
.upcomming_project::after {width: 80%;}
.upcomming_project .nav-pills .nav-link {font-size: 21px !important;}
.upcomming_project .tab-pane img {height: 210px;}
.testi p.h6 {font-size: 16px; max-width: 400px; margin: 0 auto 26px;}
.footer .add h6 a {font-size: 24px;}
.advantages ul.p-0 {max-width: 100%;}
.contact-banner img { height: 330px;}
.rounded-5 { border-radius: 30px !important; }
.contact_form form {padding: 35px; }
}

/*************************************************************************
********* @media only screen and (max-width: 767px)  *********************
***********************************************************************/
@media only screen and (max-width: 767px) { 
    .upcomming_project .image img {
    height: 180px;
  }
  .banner .custom-color::after{display:none}
    .banner_theme h2 {
    font-size: 24px;
    padding: 23px !important;
  }
.list_tb { max-width: 400px;}
section.py-xl-5 {padding-top: 40px !important; padding-bottom: 40px !important;}
.projects.projects_page.py-4.py-xl-5 {padding-top: 40px !important;}
.amenities p.h6 {border-left:none;}
.about_us .cont {border-left: navajowhite; margin-top: 30px !important;}
.numbers .fs-5 {font-size: 15px !important;}
.numbers { max-width: 100%;}
.numbers h3.fs-1 {font-size: 2.2rem !important;}
header .right_btn { min-width: 165px; order: 1; }
.banner img { height: 330px;}
.about_us img.aboutimg {width: 80%; height: 220px;}
.rounded-5 {border-radius: 25px !important;}
header .custom-btn.btn.btn-lg {padding-left: 10px;padding-right: 10px;}
.navbar-brand {order: 1;}
.navbar-toggler { order: 2;}
header {background: var(--ThemeColor4);}
.numbers p.fs-5 br {display: block;}
.projects p.h6 {border-left: none;}
.leadership .owl-dots{display:none}
.testi_in p {font-size: 18px !important;}
.footer .add {border-left: none;}
.upcomming_project::after {width: 100%;}
.upcomming_project .nav-pills .nav-link.active, .upcomming_project .nav-pills .show > .nav-link {border-left: none; border-bottom: 3px solid var(--White);}
.upcomming_project .nav {display: table-row;}
.upcomming_project .nav-pills .nav-link {width: 50%;float: left; text-align: center !important; padding: 15px 10px 10px 10px !important;font-size: 19px !important;}
.amenities .set img {height: 43px;}
.why_choose_us.py-4.py-xl-5 {padding-top: 0px !important;}
  .list_tb {
    max-width: 100%;
  }

    .banner.banner_det img {
    height: 360px;
  }
    .banner.banner_det .carousel-caption {
    height: auto;
    bottom: 10px;
  }
   .banner .st h3 {
    font-size: 40px !important;
  }
  .banner .st {
  padding: 10px;
}
  .banner.banner_det h2 {
    font-size: 34px !important;
  }
}

/*************************************************************************
********* @media only screen and (max-width: 576px)  *********************
***********************************************************************/
@media only screen and (max-width: 575px) {

  .banner.banner_det img {
    height: 380px;
  }
    h1.fs-1 {
    font-size: 2.4rem !important;
  }
    .banner.banner_prodect .carousel-caption {
    height: 110px !important;
  }
.banner.banner_prodect img {
    height: 280px;
  }
.contact-banner img {height: auto;}
.contact_form form { padding: 25px;}
.map iframe {height: 380px;}
.banner-content h6 {border-left: none;}
header .right_btn { order: 2; justify-content: right; min-width: 250px; }
section.py-xl-5 {padding-top: 40px !important; padding-bottom: 40px !important;}
.testi h2.fs-1 span {font-size: 2.4rem !important;}
.rounded-5 { border-radius: 15px !important;  }

.banner_theme img {
  height: 220px;
  object-fit: cover;
  object-position: center;
}
.banner_theme h2 br{display:none;}
  .upcomming_project .nav-pills .nav-link {
    width: 100%;
  margin: 0 0 15px 0 !important;
}
 .banner h6 {
    font-size: 16px !important;
  }
    .banner .st h3 {
    font-size: 35px !important;
  }

  .why_choose_us .setmain .set .d-flex {
  gap: 15px !important;
}
  .why_choose_us .setmain .set h4 {
    font-size: 16px;
  }
     .why_choose_us .setmain .set ul li, .why_choose_us .setmain .set p{font-size:15px !important;}
    .why_choose_us .setmain .set img {
    width: 70px;
    height: 70px;
  }

.floorplan .nav .nav-link {
  min-width: 83px;
  padding: 8px 10px;
  font-size: 24px;
}
.floorplan .nav {
  gap: 8px !important;
}
  .floorplan .nav.nav2 .nav-link {
  font-size: 16px;
  min-width: 135px;
}
}

/*************************************************************************
********* @media only screen and (max-width: 480px)  *********************
***********************************************************************/
@media only screen and (max-width: 480px) {
   .banner.banner_det img {
    height: 500px;
  }
    .banner.banner_det .cont {
    display: block;
    min-width: 100%;
  }
   .banner.banner_det .st {
    margin-top: 10px;
  }
  .banner.banner_det h2 {
    font-size: 28px !important;
  }

.right_btn.right_btn2 .custom-btn {display: none !important;}
header .right_btn { min-width: auto;display: none !important;}
.right_btn.right_btn2{display: inline-block !important;}
}