@import url('https://fonts.cdnfonts.com/css/watford');

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 100 !important;
}

html {
  scroll-behavior: smooth;
}

.nav-width {
  width: 16rem !important
}

body {
  font-family: 'Watford', sans-serif !important;
  /* font-family: "EB Garamond", serif !important; 
 /* font-family: "Roboto", sans-serif !important; */
}

.logo-title {
  font-family: 'Watford', sans-serif !important;
  font-size: 6px;
  margin-bottom: 0;
  color: #949597;
}

.logo-title-home {
  font-family: 'Watford', sans-serif !important;
  font-size: 6px;
  margin-bottom: 0;
  color: white;
}

#ongoing_projects,
#join_us,
#shraddha-building,
#shree-hari,
#prabhavati-towers,
#annapurna,
#heritage,
#laxmi-narayan-society {
  scroll-margin-top: 100px !important;
}

.nav-link {
  color: #343f52 !important;
}

.nav-link:hover,
.active {
  color: #54a8c7 !important;
}

.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
  color: #343f52 !important;
}

.service-head-title {
  color: #00a5e5 !important;
}

.side-nav-contact {
  display: none;
}

.side-nav-logo {
  width: 60px;
  height: 75px;
}

.nav-btn-color:hover {
  color: white;
  background-color: #00a5e5;
}

.nav-btn-color {
  background-color: #00a5e5 !important;
  border-color: #00a5e5 !important;
  color: white;
}

.hero-banner-bg-color {
  /* background-color: #e5e8e9 !important; */
  /* background-color: #00467C !important; */
  background-color: #005088 !important;
}

.hero-banner-bg-image {
  position: absolute;
  top: 0;
  height: 550px;
  width: 100%;
  opacity: 0.7;
}

.header-text {
  color: #ffffff;
}

.wrapper.angled.lower-start:after {
  border-left-color: #e5e8e9;
}

.index-list {
  color: #a7b7bd;
}

.anime-color {
  color: #00a5e5 !important
}

.hero-banner-bg-image img {
  height: 590px !important;
  width: 100% !important;
  object-fit: cover;
}

.wrapper.angled:after {
  display: none;
}

.bordered:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: white;
  border: 4px solid #333;
  top: 15px;
  left: -14px;
  z-index: 1;
}

.story-img img {
  height: 360px !important;
  object-fit: cover;
}

.main-logo,
.main-logo-dark {
  width: 58px !important;
  height: 79px !important;
}

.project-home-title {
  height: 65px;
}
.project-image img{
 width: 500px;
 height: 430px !important;
}
.more-btn {
  float: right;
  padding-right: 10px;
}

/* .navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
  color: #54a8c7 !important;
} */
.services-img img {
  height: 575px !important;
  object-fit: cover;
}

.service-header-color {
  background-color: #eff7fa !important;
}

.display-1 {
  color: #eead2b;
}

.speacialities-img img {
  height: 660px !important;
  object-fit: cover !important;
}

.swiper-slide.bg-overlay:before {
  opacity: 0.9;
}

.logo-light {
  width: 93px;
  height: 40px;
  /* object-fit: cover; */
}

.navbar.navbar-dark button.hamburger {
  color: #00a5e5 !important;
}

/* .about-banner {
  /* position: absolute;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 550px;
  background: linear-gradient(to bottom right, #28303e, #343f52) !important;
  background-size: contain;
  opacity: 0.4; */
/* height: 550px !important;
  width: 100%;
  object-fit: cover; */
/* } */

/* .about-banner-section {
  position: relative;
  height: 550px;
} */

.contact-img img {
  width: 100%;
  max-width: 100%;
  height: 530px !important;
  object-fit: cover;
}

.home-services-card {
  height: 420px;
}

.home-services-card-text {
  height: 300px;
  /* margin-bottom: 0; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.index-more-btn {
  display: flex;
  justify-content: end;
}

.swiper-controls .swiper-pagination .swiper-pagination-bullet {
  height: 20px;
  width: 20px;
}

.even-card-flex {
  justify-content: space-between !important;
}

.even-card-img {
  margin-left: 50px !important;

}

.project-title {
  text-align: center;
  font-size: 2.2rem;
}

.project-text {
  text-align: center;
  margin-bottom: 50px;
}

.address-w {
  width: 300px;
}

/* parallax */
.about-banner {
  background-size: cover !important;
  width: 100%;
  min-height: 90vh !important;
  background-image: url('../../assets/img/images/on_road.jpg') !important;
  background-repeat: no-repeat;
}

.parallax {
  background-size: cover !important;
  width: 100%;
  min-height: 100vh !important;
  background-image: url('../../assets/img/building_frontview.jpg') !important;
  background-repeat: no-repeat;
  position: relative;
}

.parallax-content {
  /* position: absolute; */
  top: 0;
  display: flex;
  height: 100%;
  align-items: center;
}

.services-content-parallax {
  background-size: cover !important;
  width: 100%;
  min-height: 90vh !important;
  background-image: url('../../assets/img/industrial_sunset.jpg') !important;
  background-repeat: no-repeat;
}

.about-banner-parallax {
  background-size: cover !important;
  width: 100%;
  min-height: 90vh !important;
  background-image: url('../../assets/img/images/on_road.jpg') !important;
  background-repeat: no-repeat;

}

/* footer */
.add-col {
  padding-right: 2rem !important;
}

#ongoing_projects {
  scroll-margin-top: 100px !important;
}

.social>a {
  margin: 0 0.5rem 0 0;
}

/* responsive */
@media (min-width: 992px) {
  .about-card-title {
    height: 60px !important;
  }

  textarea.form-control {
    min-height: calc(1.7em + 5.2rem + 4px);
  }

}

@media (max-width:1024px) {

  .index-spl-slide,
  .index-spl-slider {
    margin-top: 15px !important;
  }

  .index-part {
    padding-bottom: 60px !important;
  }

  /* .index-const-part {
    padding-top: 50px !important;
  } */

  .index-contact-part,
  .index-contact-parts {
    margin-top: 15px !important;
  }
}

/* responsive for large screens */

@media (max-width: 992px) {
  .navbar {
    padding: 5px 0;
  }

  .navbar-expand-lg .navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .main-logo,
  .main-logo-dark {
    width: 50px !important;
    height: 70px !important;
  }

  .services-img img {
    height: 430px !important;
  }

  .address-w {
    width: 100% !important;
  }
  .even-card-img {
    margin-left: 16.66666667% !important;
}
}

@media (max-width: 768px) {
  /* .main-logo {
    width: 95px !important;
    height: 70px !important;
    object-fit: cover !important;
  } */

  .side-nav-contact {
    display: block;
  }

  .index-part {
    padding-top: 100px !important;
  }

  .spl-slider {
    margin-top: auto;
  }

  .index-spl-slide {
    margin-top: 15px !important;
  }

  .index-spl-slider {
    margin-top: 64px !important;
  }

  .header-text {
    width: 600px;
  }

  .speacialities-img img {
    height: auto !important;
    /* object-fit: none !important; */
  }

  .services-img img {
    height: auto !important;
  }

  .spl-card {
    justify-content: center;
  }

  .wrapper-employees {
    display: flex;
    align-items: center !important;
  }

  .about-profile {
    width: 350px !important;
    display: flex;
    margin: auto;
  }

  .about-get-in-touch {
    justify-content: center !important;
  }

  .about-profile-person {
    height: 400px;
    width: auto;
  }

  .about-counts {
    align-items: flex-start !important;
  }

  .choose-card {
    margin-top: 15px !important;
  }

  .choose-card-flex {
    justify-content: center !important;
  }

  .cut-margin::before {
    border: none !important;
  }

  .index-services-title {
    height: 50px;
  }

  .home-services-card {
    height: 470px !important;
  }

  .home-services-card-text {
    height: 340px !important;
  }

  .index-contact-parts {
    margin-top: 64px !important;
  }

  .wrapper.bg-light.angled.upper-end:before {
    border: none;
  }
}

/* resposive for small screens */

@media (max-width: 552px) {

  .main-logo,
  .main-logo-dark {
    width: 35px !important;
    height: 55px !important;
  }

  .home-services-card {
    height: 450px !important;
  }

  .home-services-card-text {
    height: 300px !important;
  }

  .header-text {
    width: 250px;
    font-size: 16px !important;
    margin: auto;
  }

  .index-choose-card {
    padding-bottom: 50px !important;
  }

  .foot-card {
    padding-top: 40px !important;
  }

  .wrapper.bg-light.angled.upper-end:before {
    border-right-width: 0;
  }
  .even-card-img {
    margin-left: 0 !important;
}
  .about-banner-section {
    height: 285px;
  }

  .foot-pt {
    padding-top: 70px !important;
  }

  .swiper-container.dots-start .swiper-pagination {
    text-align: center;
  }
 
  .services-img img {
    height: 250px !important;
  }

  .form-control {
    padding: 0.4rem 6px;
    font-size: 12px;
  }

  .index-const-part {
    padding-top: 100px !important;
  }

}

@media (max-width: 375px) {
  .hero-banner-bg-image {
    height: 580px;
    object-fit: none;
  }

  .index-part {
    padding-top: 50px !important;
  }

  .about-banner {
    height: 300px !important;
  }

  .header-text {
    width: 200px;
    margin: auto;
    font-size: 14px !important;
  }

  .swiper-container.dots-start .swiper-pagination {
    text-align: center;
  }

  .foot-pt {
    padding-top: 70px !important;
  }

  .form-control {
    padding: 0.4rem 6px;
    font-size: 11px;
  }
}

@media (max-width: 320px) {
  .home-services-card {
    height: 540px !important;
  }

  .home-services-card-text {
    height: 415px !important;
  }

  .form-control {
    padding: 0.6rem 6px;
    font-size: 9px;
  }
}