/* Overlay */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

/*.card{
max-height: 430px ;/* Adjust the desired maximum height */ 
/*} */ 

body{
   font-family: Lato,Arial,sans-serif !important;      
}

.navbar .navbar-nav .nav-link{
    font-family: Lato,Arial,sans-serif !important;
}



/*.container {
  color: red !important;
}*/

.text-reset{
    color:black !important;
}

.img-fluid {
    max-width: 100%; /* Ensures the image doesn't exceed the container width */
    height: auto; /* Allows the image to scale proportionally */
}




/* Style for the padlock icon */
.key-icon i.fas.fa-lock {
    font-size: 68px;
    color: #ff2e2e;
}

.key-icon i.fas.fa-unlock-alt {
    font-size: 68px;
    color: green;
    display: none;
}

/* Show the open-lock icon on hover */
.overlay:hover .key-icon i.fas.fa-lock {
    display: none;
}

.overlay:hover .key-icon i.fas.fa-unlock-alt {
    display: inline-block;
}


/* Initially hide the locked content text */
.lock-text {
    position: absolute;
    bottom: 142px;
    left: 51%;
    transform: translateX(-50%);
    color: white;
    width: 100%;
}


.customhoverclass:hover{
    color: white !important;
}

/* Show the locked content text on overlay hover */
.overlay:hover .lock-text {
    display: block !important;
}

.customfamilycards , .btn-primary{
  border-color: #88ac9c !important;
  background-color: #88ac9c !important;    
}

.familycardsfullwidth{
    background-color: #373737;
}

.footerfont a{

font-size: .8125rem;
}
.badge{
    background-color: #88ac9c !important;
}
.customblackfamilycards {

  border-color: black !important;
  background-color: black !important;    

}


.customfamilycardsbg{
    background-color: #202020 !important;;
}

.customfamilycardswidth{
      max-width: 1430px;
margin: 0 auto;
}

.container1{
    padding-top:50px;
}

.card-body:hover > h5{
    color: #88ac9c !important;
}

.customhoverboxes:hover > a{
   color: #88ac9c !important; 
}

.btn.btn-secondary.btn-hover-arrow.hover-lift {
  background-color: black !important;
}

.customahover:hover{
     color: #88ac9c !important;   
}

.swiper-divider-line{
       background-color: #88ac9c !important;    
}
.swiper-divider-line::before{
         background-color: #88ac9c !important;   
}

.customcardborder{
    border:1px solid gray !important;
}

.activeclass{
       background-color: black !important ;
  border-color: black !important; 
}

/*.pageclass{
    background-color: black ;
  border-color: black !important;
}      */

.customhover{
    display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
padding-left: 5px;
padding-right: 5px;
/* text-transform: capitalize;   */
color: var(--bs-nav-link-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.customhover:hover, .customhover:focus {
  color: #88ac9c !important;
}
/*.nav-item a{
    color:white !important;
}     */
/*
input[type=file]::file-selector-button {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
background-color: #88ac9c;
}  */