/* Start of general css */
*, body{
  margin: 0px;
  padding: 0px;
  background-color: #fffffb;
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #2d3d5e;
}

.book_card_apt{
  text-decoration: none;
}
.orange{
  color: #f48221;
}

/* End of general css */

/* NAV CSS */
.navv{
  font-size: 1.5rem;
}
.nav-link {
  text-decoration: none; /* Remove default underline */
  position: relative;
  
}
.text-right{
  text-align: right;
}

.cust-nav-link{
  color: #f48221 !important; /* Default color of link */
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Adjust position as needed */
  width: 100%;
  height: 2px; /* Thickness of underline */
  background-color: #007bff; /* Color of underline */
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.nav-link:hover::after {
  transform: scaleX(1); /* Expands underline on hover */
}
.log-img{
  border-radius: 200px;
}
.no-bg{
  background: none;
}

.text-left{
  text-align: left;
}

.custom-toggler {
  border-color: white;
  /* background-color: white; */
}
.custom-toggler-span{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
/* End of NAV */


/* Start of Footer */
.foot{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
.foot-logo{
  width: 250px;
}
.foot-head{
  font-size: 2rem;

}
.feedback-heading{
  font-size: 1.7rem;
  margin: 0px 0px;
}

.foot-form{
  display: grid;
  grid-template-columns: 2fr 7fr;
  /* padding: 5px; */
}
.foot-cells{
  text-align: right;
  margin: 7px 0px;
}
.foot-label-text{
  text-align: center;
  font-size: 2rem;
}
.foot-grid-inp{
  font-size: 2rem;
  border: none;
  border-bottom: 1px solid black;
  outline: none;
}
.foot-tarea{
  font-size: 1rem;
  margin: 7px 0px;
}
.center{
  text-align: center;
}
.foot-sub{
  font-size: 1.5rem;
  background-color: #f48221;
  text-align: center;
  color: #fffffb;
  border: 2px solid #f48221;
  border-radius: 25px;
  padding: 10px;
  margin-bottom: 10px;
}
.foot-sub-div{
  text-align: center;
  background-color: #2d3d5e;
}

.links{
  text-align: center;
  margin-top: 30px;
}
.foot-links{
  font-size: 1rem;
  text-decoration: none;
}
.revcol{
  background-color: #2d3d5e;
  color: #fffffb;
}
.logos{
  font-size: 2rem;
  margin-top: 15px;
}
.rights{
  width: 100%;
}
.cent{
  text-align: center;
}
.maps{
  margin-top: 15px;
  width: 70%;
  height: 50%;
}
.addr-text{
  margin-top: 10px;
}
.font-big{
  font-size: 1.5rem;
  text-decoration: none;
}
.custom-form {
  color: #fffffb;
  padding: 20px;
  border-radius: 8px;
}
.credits{
  font-size: 1rem;
}
.credits_pers{
  font-size: 0.85rem;
  text-decoration: none;
  margin-bottom: 0px;
}
.hover-light:hover{
  color: #007bff;
}
.foot-cred{
  width: 100%;
  padding: 10px;
}
.row{
  margin-right: 0px;
  margin-left: 0px;
}

.foot-st{
  margin-top: 50px;
}


/* End of Footer */

/* Animate Start */
/* Base style for hidden element */
.reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* When in view */
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}
/* Animate End */

/* For mobile friendly */
@media only screen and (max-width: 600px) {
  .nav{
    flex-direction: column;
    height: auto;
  }
  
  .maps{
    width: 100%;
    height: 50%;
    margin-bottom: 30px;
  }
  .foot-head{
    text-align: center;
  }
  .mob-y{
    margin-top: 50px;
  }

}