.custom-background-box {
    margin-top: 26px;       }


   .tcm_photos {height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;}

  .deco-brand {
    display: block;
    width: 85px;
    margin: 16px auto;
    border-bottom: 4px solid #FFA188;
}

  .deco1-brand {
    width: 200px;
    padding:7px;
   border-bottom: 4px solid #FFA188;

}


     /* Custom CSS for the image background box */
        .custom-image-box {
            background-image: url('/img/tcm/blurredimg.jpg'); /* Relative path to your image */
            background-size: cover; /* Cover the entire box with the image */
            background-repeat: no-repeat; /* Prevent image repetition */
            border: 1px solid #ddd; /* Border color */
            border-radius: 10px; /* Border radius */
            padding: 20px; /* Padding inside the box */
            color: #9b2e00; /* Text color */
            margin:9px;
            font-style: italic;

        }



     /* Custom CSS for the image background box */
        .custom-image-box1 {
            background-image: url('/img/tcm/blurredimg2.png'); /* Relative path to your image */
            background-size: cover; /* Cover the entire box with the image */
            background-repeat: no-repeat; /* Prevent image repetition */
            border: 1px solid #ddd; /* Border color */
            border-radius: 10px; /* Border radius */
            padding: 20px; /* Padding inside the box */
            color: #9b2e00; /* Text color */
            margin:9px;
            font-style: italic;
           
        }


.toptitle {margin-top:50px;}

.img-border {
    border-radius: 50px 0px;
}


#map_container {  width: 100%; /* Width takes up the entire container */
    height: 250px; /* You can set a default height, or use padding/margins for spacing */
    border: none; /* Remove border if not needed */}


    /* Responsive styles for mobile */
@media (max-width: 768px) {
   #map_container {
        height: 300px; /* Adjust height for mobile screens */
    }

   .doc-photo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
}

/* Additional styles for larger screens (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
  #map_container {
        height: 250px; /* Adjust height for tablets */
    }
}


    /* Customize the accordion header */
        .panel-heading {
            background-color: #f5f5f5;
            border: 1px solid #ddd;
            padding: 15px;
            cursor: pointer;
        }

        /* Style the accordion header when collapsed */
        .panel-heading.collapsed {
            background-color: #fff;
        }

        /* Customize the accordion header text */
       /* .panel-title {
            font-size: 18px;
            color: #fff;
        }
*/
        /* Add a transition effect for smooth animations */
        .panel-heading,
        .panel-body {
            transition: background-color 0.3s ease-in-out;
        }

        /* Customize the accordion content */
        .panel-body {
            border: 1px solid #ddd;
            padding: 15px;
        }

        /* Style the arrow icon */
        .accordion-icon {
            float: right;
        }


.doc-photo {
    padding-bottom:10px;
}



.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
 }

hr {
  margin: auto;
  width: 40%;
}


.bgimg {
   border: 8px  #fff;
   padding: 55px;
   background:#f5f3f3a6;
  color:#000;
  font-style: italic;
}


mark {background: transparent;
    color: #ca1d23;
    padding: 0;}


.box {padding:10px;}


element.style {
}

.single-service {
  
    margin:10px;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}

.service-icon-effect {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    margin:10px;
  }