*,::after,::before{
  padding: 0;margin: 0;box-sizing: border-box;
}
.br-0{
  border-radius: 0;
}
/* Hero Section */

.layer{

  background: #00000050;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.hero-image{

  height: calc(100vh - 70px);

  object-fit: cover;

  object-position: center;

  width: 100%;

}

#heroCarousel .carousel-item{

  position: relative;

}

#heroCarousel .carousel-item .content{

  padding: 50px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  color: #fff;

  text-align: center;

  width: 100%;

}

#heroCarousel .carousel-item .content h2{

  font-size: 3.8rem;

  font-weight: 700;

  text-shadow: 3px 4px 7px #00000080;

  margin-bottom: 30px;

}

#heroCarousel .carousel-item .content .fw-400{

  font-weight: 400;

}

#heroCarousel .carousel-item .content p{

  font-size: 1.4rem;

  text-shadow: 2px 3px 5px #00000080;

  margin-bottom: 10px;

}

#heroCarousel .carousel-indicators{

  align-items: center;

}

#heroCarousel .carousel-indicators button{

  background-color: #fff;

  width: 10px;

  height: 10px;

  border-radius: 20px;

  overflow: hidden;

  background-clip: unset;

  border: 0;

  margin-right: 10px;

  box-shadow: 0 0 3px 3px #00000080;

}

#heroCarousel .carousel-indicators button.active{

  width: 13px;

  height: 13px;

}

.page-section{
	overflow: hidden;
}

/* Stengths Section */

.featured-card{

  padding: 30px;

  box-shadow: 0 0 2px 2px #b88a44;

  position: relative;

  border-radius: 5px;

}

.featured-card:hover{

  background: #b88a4430;

}

.featured-card:hover .top{

  position: absolute;

  top: 0;

  width: 100%;

  right: 0;

  height: 2px;

  background: #b88a44;

  animation:to-left 0.5s linear forwards;

}

.featured-card:hover .left{

  position: absolute;

  bottom: 0;

  width: 2px;

  left: 0;

  height: 100%;

  background: #b88a44;

  animation:to-top 0.5s linear forwards;

}

.featured-card:hover .right{

  position: absolute;

  top: 0;

  width: 2px;

  right: 0;

  height: 2px;

  background: #b88a44;

  animation:to-bottom 0.5s linear forwards;

}

.featured-card:hover .bottom{

  position: absolute;

  bottom: 0;

  width: 100%;

  left: 0;

  height: 2px;

  background: #b88a44;

  animation:to-right 0.5s linear forwards;

}



@keyframes to-left{

  from{

    width: 0;

  }

  to{

    width: 100%;

  }

}

@keyframes to-top{

  from{

    height: 0;

  }

  to{

    height: 100%;

  }

}

@keyframes to-bottom{

  from{

    height: 0;

  }

  to{

    height: 100%;

  }

}

@keyframes to-right{

  from{

    width: 0;

  }

  to{

    width: 100%;

  }

}



.featured-card .icon-cont{

  margin-bottom: 15px;

  color: #b88a44;

}

.featured-card .icon-cont i{

  font-size: 2rem;

}

.featured-card p{

  margin-bottom: 0;

}

.featured-card {

  position: relative;

  overflow: hidden;

  animation-duration: 1s;

  animation-fill-mode: both;

}



@keyframes fadeInUp {

  0% {

    transform: translateY(100%);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

.animate__fadeInUp {

  visibility: hidden;

}


.active .animate__fadeInUp {
  visibility: visible;
  animation: fadeInUp 0.5s ease-in forwards;

}



/* About section */

.about-image{

  border-top-right-radius: 20% 50%;

  border-bottom-right-radius: 20% 50%;

}

.btn-warn, .btn-warn:focus{

  background: #b88a44;

  color: #fff;

  box-shadow: none;

  outline: none;

  border: none;

}

.btn-warn:hover{

  background: #b88a44;

  color: #fff;

  box-shadow: none;

  outline: none;

  border: none;

}

.about-right{

  z-index: 10;

  margin-left: calc(-20%);

  background: #fff;

  box-shadow: 0 0 2px 2px #00264C40;

  border-top-right-radius: 10% 50%;

  border-bottom-right-radius: 10% 50%;

}



@keyframes slideInLeft {

  0% {

    transform: translateX(-100%);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

@keyframes slideInRight {

  0% {

    transform: translateX(100%);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}
.animate__slideInLeft {
  visibility: hidden;
}

.animate__slideInRight {
  visibility: hidden;
}


.active .animate__slideInLeft {
  visibility: visible;
  animation: slideInLeft 1.5s forwards;
  animation-fill-mode: both;
}

.active .animate__slideInRight {
  visibility: visible;
  animation: slideInRight 1.5s forwards;

  animation-fill-mode: both;
}



/* Projects */

.swiper-cont{

  position: relative;

}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

  content: 'next';

  font-size: 1.2rem;

}

.swiper-button-prev:after, .swiper-ltr .swiper-button-prev:after {

  content: 'prev';

  font-size: 1.2rem;

}

.swiper-cont img{

  width: 100%;

  object-fit: cover;

  height: 35vh;

  object-position: center;

}

#slide-back{

  background: #b88a44;

  border: none;

  left: -40px;

  position: absolute;

  top: 50%;

  transform: translateY(-48%);

  z-index: 10;

  border-radius: 50%;

}

#slide-forward{

  background: #b88a44;

  border: none;

  right: -40px;

  position: absolute;

  top: 50%;

  transform: translateY(-48%);

  z-index: 10;

  border-radius: 50%;

}

#slide-back.in-active, #slide-forward.in-active{

  opacity: 0.3;

}



.swiper-breads{

  font-size: 0.9rem;

  text-transform: uppercase;

}

.swiper-heading{

  font-size: 1.5rem;

  font-weight: 700;

}



.swiper-para{

  font-size: 1rem;

}



/* Accordion */

.bg-img{

  background: linear-gradient(to right, #00000030, #00000030), url('../images/vaibhavi-banner.webp');

  background-size: cover;

  background-position: center;

}

.accordion-sec .acc-card{

  background: #00264C80;

  color: #fff;

  border-radius: 5px;

  box-shadow: inset 0 0 2px 2px #fff;

}

.accordion-sec h4{

  font-size: 1.5rem;

  font-weight: 700;

  text-shadow: 3px 4px 7px #00000080;

}

.accordion-sec p{

  font-size: 1rem;

  margin-bottom: 0;

  text-shadow: 3px 4px 7px #00000080;

}
.bg-blue{
  text-align: center;
  height: 40vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.banner-section{
  height: 40vh;
}
.banner-heading{
  font-size: 2.5rem;
  font-weight: 700;
}
.card.images-card{
  border: none;
  box-shadow: none;
}
.images-section{
  padding: 50px;
}
.image-position{
  position: relative;
}
.badge-position{
  position: absolute;
  top: 0;
  right: 0;
}
.img-height{
  max-width: 100%;
  height: 200px;
}
.project-heading{
  color: #00264C;
  font-size: 1.5rem;
  font-weight: 700;
}
.sub-text{
  font-size: 12px;
  line-height: 2.33em;
  letter-spacing: .1em;
  font-weight: 500;
  color: #565969;
}
.btn.btn-blue{
  background-color: #00264C;
  color: white;
}
.blue-color-link{
  text-decoration: none;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: #00264C !important;
}
.bg-color{
  background-color: #00264C;
}
.contact-page-formcontrol,
.contact-page-formcontrol:focus,
.contact-page-formcontrol:hover{
  background-color: transparent;
  color: #fff;
  padding: 15px;
  outline: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid white;
}
.contact-page-formcontrol::placeholder{
  color: #fff;
}
.btn.btn-light{
  font-size: 1.1rem;
  font-weight: 500;
}
.nav-item:not(:last-child){
  margin-right: 40px;
}
/* .dropdown-toggle::after{
  display: none;
} */
.dropdown:hover .dropdown-menu{
  display: block;
}
.why-choose-us{
  padding: 20px 50px;
}
.about-description{
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.about-us-image{
  height: auto;
  max-width: 100%;
}
.fw-500{
  font-weight: 500;
  font-size: 1.1rem;
  color: #565969;
}
.whatsapp-icon {
  position: fixed;
  bottom: 20%; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
  z-index: 999; /* Ensure it's above other content */
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
}
.icon-color{
  color: white;
  background-color: green;
  border-radius: 3px;
  font-size: 2.5rem;
  padding: 8px;
  height: auto;
}
.font-size{
  font-size: 3.5rem;
  font-weight: 700;
}
.banner-description{
  font-weight: 400;
  font-size: 1.3rem;
  width: 80%;
}
@media screen and (max-width:992px){
  .navbar-toggler {
    background-color: transparent;
    outline: none;
    box-shadow: none;
    background-color: #fff;
  }
  .banner-section{
    height: 25vh;
  }
  .banner-section .banner-heading{
    padding: 20px 0;
    font-size: 2rem;
  }
  .navbar-toggler-icon{
    color: #fff !important;
    /* background-color:#b88a44 */
  } 
  .hero-image {
    height: unset;
  }
  #heroCarousel .carousel-item .content h2 {
    font-size: 2rem;
    font-weight: 700;
    text-shadow: 3px 4px 7px #00000080;
    margin-bottom: 30px;
}
  .images-section{
    padding: 20px;
  }
  #heroCarousel .carousel-item .content {
    padding: unset;
  }
  .page-section {
    padding: 30px;
    padding-top: 0;
  } 
  .featured-card {
    padding: 15px;
    text-align: center;
  }
  .about-image {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    margin-bottom: 10px;
  }
  .about-right {
    z-index: 10;
    margin-left: unset; 
    box-shadow: none;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
  }
  .p-50 {
    padding: 30px;
    padding-top: 0;
  }
  .page-section.projects-section{
    padding: 0 40px;
  }
  .p-30{
    padding: 20px;
  }
  .page-section.footer-top-section {
    padding-bottom: 10px;
  }
  .copyright {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .why-choose-us {
    padding: 0 20px;
  }
  .page-section.accordion-sec {
    padding: 20px;
    padding-top: 0;
  }
  .bg-img {
    background: none;
  }

}