:root {
            --primary-color: #654046;
            --secondary-color: #193250;
            --light-color: #F8F9FA;
        }
        
body {
             font-family: 'Poppins';
        }

.whatsapp_chat_container {
height:auto;background:
transparent;position:
fixed;bottom:10px;right:10px;z-index:99999;
}

.whatsapp_chat_container .whatsapp_chat_options {
    display: none;
}

.whatsapp_chat_container .whatsapp_chat_btn {
height:60px;width:60px;border-radius:50%;background:#25D366;transition: 0.5s;cursor:pointer;;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.whatsapp_chat_container .whatsapp_chat_btn i{
  font-size:25px;transition: 0.5s
}

.whatsapp_chat_container:hover .whatsapp_chat_options {
    display: block;

}

.whatsapp_chat_container:hover .whatsapp_chat_btn {
height:0;width:0;

}

.whatsapp_chat_container:hover .whatsapp_chat_btn i {
  font-size:0;

}        

#apply-button-floating {
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: var(--primary-color);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  text-decoration: none;
  
  opacity: 1;
}

.header-top{padding:15px 0;}

.header-logo img{
    max-width: 80px;
    height: auto;

}

.site-name{color:var(--primary-color);}




.navbar{background:var(--secondary-color) !important;}

.nav-link {
    color: #ffffff !important;
    font-weight: 900;
    text-decoration: none;
    padding: 8px 15px;
    font-size: 1rem;
    transition: all 0.3s ease;
    border-radius: 4px;
    margin-right: 5px;
}

.nav-link:hover, .nav-link.active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.navbar-toggler {
    color: var(--primary-color) !important;
    background-color: #ffffff !important;
}


/* Responsive Styles */
@media (max-width: 768px) {
    .navbar-collapse {
   margin-top:15px !important;
  }
    .header-container {
        flex-direction: column;
        padding: 10px;
    }

    .logo-container {
        margin-bottom: 10px;
        flex: 0 0 80px;
       
    }

   
    .nav-link {
        display: block;
       padding: 6px 5px !important;
        margin: 0;
        border-bottom: 1px solid #f0f0f0;
    }

  
}


       
         .section-title {
            color: var(--primary-color);
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 30px;
        }

.section-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: var(--secondary-color) !important;
}
.section-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: var(--secondary-color) !important;
}

.section-title-center {
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: -0.5px;
        line-height: 1.3;
        padding-bottom: 1.5rem;
        position: relative;
        text-align: center;
        color: var(--primary-color) !important;
        margin-bottom: 1rem;
    }
    
    .section-title-center:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 4px;
        width: 80px;
        background-color: var(--secondary-color) !important;
        transform: translateX(-50%);
        border-radius: 2px;
    }
    
    .section-title-center:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 2px;
        height: 1px;
        width: 200px;
        max-width: 100%;
        background-color: var(--secondary-color) !important;
        transform: translateX(-50%);
    }
    
    .lead.subtitle {
        color: #6c757d;
        font-weight: 300;
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }


            .image-container {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 10px;
  }

  .image-container img {
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    object-position: top center;
  }

  /* Single image styling */
  .image-container img:only-child {
    flex: 1 1 100%;
    height: 400px;
    width: 100%;
  }

  /* Two images styling */
  .image-container img:nth-child(1):nth-last-child(2),
  .image-container img:nth-child(2):nth-last-child(1) {
    height: 300px !important;
    width: calc(50% - 5px);
    flex: 1 1 calc(50% - 5px);
   
  }

  /* Three or more images styling */
  .image-container img:nth-child(1):nth-last-child(n+3),
  .image-container img:nth-child(2):nth-last-child(n+2),
  .image-container img:nth-child(3):nth-last-child(n+1) {
    height: 300px !important;
    width: calc(33.333% - 7px);
    flex: 1 1 calc(33.333% - 7px);
  }
  @media (max-width: 768px) {
  .image-container {
    flex-direction: column;
    align-items: stretch;
  }

  .image-container img {
    width: 100% !important;
    height: auto !important;
    flex: 1 1 100% !important;
  }
}
    

     
        footer {
            background-color: var(--primary-color);
            color: white;
        }
        
        .social-icons a {
            color: white;
            font-size: 1.5rem;
            margin-right: 15px;
        }
        
        .social-icons a:hover {
            color: #ccc;
        }
        
       


        footer{font-size:18px;}