body {
    padding-top: 56px;
}
/*.navbar {*/
/*    height: 60px;*/
/*}*/

.hero img {
    height: 500px;
    object-fit: cover;
}


    #cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.85);
      color: #fff;
      padding: 10px 20px;
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 9999;
    }
    #cookie-banner button {
      background: #4CAF50;
      border: none;
      color: white;
      padding: 8px 14px;
      font-size: 13px;
      cursor: pointer;
      border-radius: 4px;
    }


.hero .text-white h1 {
    font-size: 3rem;
    font-weight: bold;
}

.contacts a {
    text-decoration: none;
    color: black;
}

.card {
    /*border: 1px solid #ddd;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    /*border-radius: 5px;*/
    border: none !important;
    transition: transform 0.2s;
    height: 200px;
}

.mg-top-5{
    margin-top: 5px;
}

.card:hover {
    transform: translateY(-5px);
}

footer {
    background-color: #e5f3ff;
    /*background-color: #0d6efd;*/
    font-size: 0.9rem;
}

.navbar-toggler {
    border-color: transparent;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.25rem;
}

.navbar-nav .nav-link {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

.margin-top-3rem{
    /*margin-top: 10px;*/
    margin-top: 3rem!important;
}

.my-6{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.indent {
    text-indent: 30px; /* Adjust the value for desired indentation */
}


.card {
    height: 100%; /* Ensure cards stretch to the same height */
}

.card-body {
    display: flex;
    flex-direction: column; /* Stack content vertically */
}

.card-text {
    flex-grow: 1; /* Allow the text to take available space */
}

.mt-auto {
    margin-top: auto; /* Push the button to the bottom */
}

.custom-button{
    width: 100%;
}

.company {
    height: 100%; /* Ensure all cards are the same height */
    display: flex;
    flex-direction: column; /* Arrange card content vertically */
    justify-content: space-between; /* Space content inside evenly */
    /*border: 1px solid black;*/
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: transform 0.3s ease;
}

.company-img {
    max-height: 150px; /* Ensure images have a maximum height */
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure images fit nicely inside the container */
}

.company p {
    margin-bottom: 5px; /* Add spacing between paragraphs */
}

.mt-auto {
    margin-top: auto; /* Push the button to the bottom of the card */
}

.company:hover {
    transform: scale(1.05); /* Slightly enlarge the card */
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); !* Add a subtle shadow effect *!*/
}

.container-fluid {
    display: flex;
    flex-direction: column;
    min-height: 88vh; /* Make the container stretch to full height */
}

.service {
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: transform 0.2s;
    /*height: 200px;*/
    height: 100%; /* Ensure cards stretch to the same height */
}

.map img {
    height: 100%;
    width: 100%;
}

@media (max-width: 576px) {
    .card {
        width: 100%; /* Ensure full width on small screens */
    }

    .card:hover {
        transform: none !important;
    }
	
	.margin {
		margin-top: 20px;
	}
	
	.table td, .table th {
        font-size: 0.9rem; /* Reduce font size */
        padding: 0.5rem;   /* Adjust padding */
    }
}


    .table {
        width: 100%;
        table-layout: auto; /* Ensure the table adjusts to available space */
        word-wrap: break-word; /* Wrap content within cells */
    }

td, th {
    word-wrap: break-word;
    white-space: normal;
}

.table td, .table th {
    word-wrap: break-word; /* Break words to fit */
    white-space: normal;   /* Allow text to wrap */
}

.table-responsive {
    overflow-x: auto; /* Enable horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
}

.href{
    color: black;
}