* {
  padding: 0;
  margin: 0;
  font-family: "Saira", sans-serif;
}

.active_custome {
  position: relative;
  color: #FFF;
  font-weight: 600;
  border-radius: 7px;
}
.active_custome::after{
  content: "";
  position: absolute;
  height: 3px;
  background: #D8962D;
  border-radius: 20px;
  width: 55px;
  bottom: 0%;
  left: 0%;
}

a {
  text-decoration: none !important;
}

.dm_f {
  font-family: "DM Sans", sans-serif;
}

/* header section */
nav ul li a span {
  color: rgba(255, 255, 255, 0.80);
  font-size: 20px;
}
header {
  /* position: absolute; */
  z-index: 10;
  width: 100%;
  background: #470000;
}

header .navbar-brand img{
  width: 120px;
}

/* banner slider start */
.slider {
  position: relative;
  width: 100%;
}
.items {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}
.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  &.current {
    opacity: 1;
  }
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.buttons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.button {
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  padding: 0;
  background: transparent center no-repeat;
  cursor: pointer;
  opacity: 0.4;
  &.prev {
    background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);
  }
  &.next {
    background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);
  }
  &:hover {
    opacity: 0.8;
  }
}

.dots {
  /* display: none; */
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.dot {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  background: #777;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out;
  &:nth-child(n + 2) {
    margin-left: 5px;
  }
  &.current {
    opacity: 1;
  }
}

.main_banner .banner_title {
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}
.main_banner .banner_title h4 {
  font-size: 26px;
  color: #fff;
}
.main_banner .banner_title h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}

/* OUR PROJECT style */
.all_title h2 {
  color: rgba(0, 0, 0, 0.8);
  font-size: 45px;
  font-weight: 600;
}
.all_title h2::after {
  content: "";
  position: absolute;
  height: 5px;
  background: #470000;
  border-radius: 20px;
  width: 100%;
  bottom: 0%;
  left: 0%;
}

/* .our_project .left_part h3 {
  color: #004aad;
  font-size: 26px;
  font-weight: 700;
} */
/* .our_project .left_part p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 24px;
  font-weight: 400;
} */

.nav-pills .custom-nav-link.active,
.nav-pills .show > .nav-link {
  color: #004aad !important;
  background-color: transparent !important;
  font-weight: 700;
  font-size: 23px !important;
}
.nav-pills .custom-nav-link {
  color: #000 !important;
  font-family: "DM Sans";
  font-size: 23px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-nav-link:focus,
.custom-nav-link:hover {
  color: #000 !important;
}

/* ABOUT US Shubhalaya SECTION START */
.about_us .p_content {
  color: #000;
  font-family: "DM Sans";
  font-size: 22px;
  font-weight: 400;
}
/* .about_us .left_part {
  height: 566px;
  overflow-y: scroll;
} */
.about_us .left_part p {
  color: rgba(0, 0, 0, 0.8);
  font-family: "DM Sans";
  font-size: 20px;
  font-weight: 500;
  text-align: justify;
}
.about_us .left_part span {
  color: #000;
  font-family: "DM Sans";
  font-weight: 500;
}
/* ABOUT US Shubhalaya SECTION END */

/* lease property section start */
.lease_property {
  background: url(../img/property_bg.png);
}
.lease_property .title h3 {
  color: #fff;
  font-size: 45px;
  font-weight: 600;
}



.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #D69329 !important;
  background-color: transparent !important;
  font-weight: 700;
}
.nav-pills .nav-link {
  color: #fff;
  font-family: "DM Sans";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.nav-link:focus,
.nav-link:hover {
  color: #000 !important;
}

.lease_property .tab_card {
  border-radius: 20px 20px 0px 0px;
 background: linear-gradient(180deg, rgba(203, 171, 77, 0.80) 0%, rgba(115, 115, 115, 0.00) 100%);
}
.lease_property .tab_card h4 {
  color: #fff;
  font-family: "DM Sans";
  font-size: 26px;
  font-weight: 700;
  text-align: left;
}
.lease_property .tab_card p {
  color: rgba(255, 255, 255, 0.8);
  font-family: "DM Sans";
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}
.swiper-slide {
  background: transparent !important;
}
/* lease property section end */

/* WHY CHOOSE US SECTION START  */
.why_choose .why_card {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
}
.why_choose .why_card h4 {
  color: #000;
  font-family: "DM Sans";
  font-size: 28px;
  font-weight: 500;
}
.why_choose .why_card p {
  color: rgba(0, 0, 0, 0.8);
  font-family: "DM Sans";
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
}

.why_choose .why_read_more {
  border-radius: 15px;
  border: 3px solid #470000;
background: #D8962D;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 33px;
}

.why_choose .why_read_more:hover {
  border: 3px solid #470000;
  background: #D8962D;
  color: #fff;
}
/* WHY CHOOSE US SECTION END  */

/* slider logo section start */
.logo_slider {
  /* background: url(../img/property_bg.png); */
  background: #7200002e;
}
/* slider logo section end */

/* CONTACT US SECTION START */
.contact_us .contact_title P {
  color: rgba(0, 0, 0, 0.8);
  font-family: "DM Sans";
  font-size: 20px;
  font-weight: 400;
}
.contact_us form .infuld_fild textarea,
.contact_us form .infuld_fild input {
  outline: none;
  border: none;
  border-radius: 15px;
  padding: 10px 24px;
}
.contact_us form .infuld_fild {
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 2px 1px rgba(0, 74, 173, 0.25);
}
.contact_us .form_space form{
  max-width: 700px;
}
/* CONTACT US SECTION END */

.contact_us .custome_save {
  border-radius: 15px;
  border: 3px solid #470000;
background: #D8962D;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 25px;
  width: 150px;
}
.contact_us .custome_save:hover {
  background: #D8962D;
  border: 3px solid #470000;
  color: #fff;
}

/* FOOTER SECTION START */
footer {
  background: #470000;
}
footer h4 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
footer p {
  color: rgba(255, 255, 255, 0.80);
  font-family: "DM Sans";
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
footer .imgg img{
  width: 150px;
}
/* FOOTER SECTION END */

/* swiper css start */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiperlogo .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
}
/* swiper css end */

/* ABOUT PAGE DESIGN START */
.about_banner {
  background: url(../img/about_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.koth_ganpatpura_banner .banner_title h1,
.bagodara_banner .banner_title h1,
.ananta_resort_banner .banner_title h1,
.why_choose_us_banner .banner_title h1,
.contact_banner .banner_title h1,
.about_banner .banner_title h1 {
  color: #fff;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Expertise section start */
.OPPORTUNITIES .exper_p p, 
.about_shubh .exper_p p,
.Expertise .exper_p p {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-family: "DM Sans";
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
}

.Expertise_card {
  display: flex;
  align-items: center;
  gap: 3%;
  border-radius: 20px;
  border: 3px solid #470000;
  padding: 20px;
  height: 100%;
}
.Expertise_card h4 {
  color: #000;
  font-size: 22px;
  font-weight: 500;
}
.Expertise_card p {
  color: rgba(0, 0, 0, 0.7);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
}

/* about shubhaliya section start */
.vision_mision .vision_mision_card {
  border-radius: 20px;
  background:url(../img/property_bg.png);
  text-align: center;
}
.vision_mision .vision_mision_card h3{
  color: #D8962D;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
/* .vision_mision .vision_mision_card ul li, */
.vision_mision .vision_mision_card p{
  color: #FFF;
text-align: center;
font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: justify;
}
/* about shubhaliya section end */

/* about project section start */
.project_slider{
  background: url(../img/property_bg.png);
}
/* about project section end */

/* ABOUT PAGE DESIGN END */


/* Why Choose Us? PAGE STYLE START */

.why_choose_us_banner {
  background: url(../img/why_choose_us_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.hover_effect{
  position: relative;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #47000095;
  /* border-radius: 20px; */
}

.hover_effect:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* small card section start */
.small_card_section{
  /* background: url(../img/property_bg.png); */
}
.small_card_section .small_card {
  border: 1.958px solid #470000;
  background: #fff;
  box-shadow: 2.61px 2.61px 6.525px 0px rgba(0, 0, 0, 0.15);
  transition-duration: 0.5s;
  transition-timing-function: linear;
  height: 100%;
}
.small_card_section .small_card .small_ct {
  background: #D8962D95;
  color: #470000;
  font-weight: 600;
  transition-duration: 0.5s;
  transition-timing-function: linear;
}
.small_card_section .small_card:hover {
  background: #D69329;
}
.small_card_section .small_card:hover .small_ct {
  background: white;
}
.small_card:hover path {
  fill: #fff;
}
/* small card section end */
/* Why Choose Us? PAGE STYLE END */

/* CONTACT US PAGE STYLE START */
.contact_banner {
  background: url(../img/contact_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.contact_us .map{
  border-radius: 20px;
  overflow: hidden;
}
/* CONTACT US PAGE STYLE END */


/* Ananta resort page start */
.ananta_resort_banner{
  background: url(../img/bagodra_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.ananta_resort_banner{
  background: url(../img/ananta_resort_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}



.ananta_one p{
  color: rgba(0, 0, 0, 0.70);
font-family: "DM Sans";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
text-align: justify;
}

.ananta_two{
  background: url(../img/property_bg.png);  
}
.ananta_two .round_card{
  text-align: center;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  background: #FFF;
  /* box-shadow: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
  /* padding: 45px; */
  position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.ananta_two .round_card h4{
  color: rgba(0, 0, 0, 0.80);
font-family: "DM Sans";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ananta_two .round_card h2{
  color: #000;
font-family: "DM Sans";
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.anant_three .img_sedo{
  border-radius: 20px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
/* Ananta resort page end */

/* Bagodara page start */
.bagodara_banner{
  width: 100%;
  background: url(../img/bagodra_banner.png);
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
/* Bagodara page end */

/* Koth Ganpatpura page start */
.koth_ganpatpura_banner{
  background: url(../img/koth_ganpatpura_banner.png);
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
/* Koth Ganpatpura page end */


.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  color: white;
}
.about_us .left_part::-webkit-scrollbar {
  display: none;
}

.downloed_btn{
  border: 3px solid #470000;
  background: #D8962D;
  color: #FFF !important;
  border-radius: 15px;
  padding: 7px 15px;
  font-weight: 700;
  font-size: 20px;
}

.section_lease_property{
  max-width: 900px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);

}

.section_lease_property .lease_card h3{
  color: #d69329;
}
.section_lease_property .lease_card p{
  color: #FFF;
  font-size: 20px;
}
.section_lease_property .lease_card ul li {
  color: #FFF;
  font-size: 16px;
}

.pdf_downlode{
  display: flex;
  justify-content: space-between;
  border: 2px solid #D8962D;
  border-radius: 10px;
  padding: 15px;
}

.pdf_downlode p{
  color: #FFF;
  font-size: 20px;
}
.pdf_downlode p:hover{
  color: #D8962D;
  font-size: 20px;
}
.pdf_downlode svg:hover path{
  fill: #D8962D;
}

.mx_width_add{
  max-width: 800px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.ananta_two h3{
  color: #fff;
  font-size: 45px;
  font-weight: 600;
}

.bottom_footer{
  text-align: center;
  background: #470000;
}
.bottom_footer p a,
.bottom_footer p{
  color: #FFF;
}