/*global css*/
/* main-website.css */
.main-content {
padding-top: 1.5rem;
}


.fixed-back-to-top {
  color: #0b6fad;
}
.fixed-chat {
  color: rgb(32, 197, 32);
}
.fixed-back-to-top:hover {
  color: #09517e;
}
.fixed-chat:hover {
  color: rgb(18, 139, 18);
}
.header-image {
  width: 90%;
  height: 90%;
  object-fit: contain;
}

.custom-card {
  transition: box-shadow 0.1s ease-in-out;
}

.custom-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.services{
  border-radius: 6px;
}
.clean-link {
  text-decoration: none; /* This removes the underline */
  color: black;
}
.custom-card i {
  font-size: 48px;
  color: #007bff; /* set the color to the primary color */
}
.radius-25{
  border-radius: 25px;
}
.border-1{
  border: 0.5px solid #8a8e91;
}
.square-crop {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
}

.blink {
  animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* index.html*/

.main_img {
  position: static; /* Resets the position property for mobile devices */
  margin-top: 0; /* Resets the margin property for mobile devices */
  width: 100%; /* Sets the image width to 100% for mobile devices */
  height: auto; /* Ensures the aspect ratio is maintained for mobile devices */
  padding: 15px;
}
.display-1 {
  font-weight: bold;
  padding: 15px;
}
.main_btn {
  margin-right: 20px;
}


.card {
  border: none;
}

.card-body {
  padding: 2rem;
}

.card-title {
  font-weight: bold;
}

.card-text {
  text-align: justify;
}

.rounded-circle {
  border-radius: 50%;
}

.text-muted {
  font-size: 0.8rem;
}

.mt-3 {
  margin-top: 1rem;
}

.review-image {
  height: 200px;
  object-fit: cover;
  margin: auto;
  display: block;
}

.review-image-lg {
  height: 250px;
  object-fit: cover;
  margin: auto;
  display: block;
}
.service-icon {
  height: 100px;
  object-fit: cover;
  margin: auto;
  display: block;
}

.service-icon-last {
  height: 50px;
  object-fit: cover;
  margin: auto;
  display: block;
}
.post-title-link{
  color: black;
  text-decoration: none
}
.post-title-link:hover{
  color: black;
}


/*service*/
.service-main-img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 6px;
}
@media (max-width: 768px) {

.service-main-img {
  height: 100%;
}
}

.top-image{

    z-index: 999;
}


/*nav bar*/ 
/* Add margin below the buttons on mobile devices */
@media (max-width: 767px) {
  .navbar .btn {
      margin-bottom: 8px; /* Adjust the value as needed */
  }
  .social-icons {
      margin-top: 8px; /* Adjust the value as needed */
  }
}



/*footer*/
footer a {
color: #ffff; /* This sets the color to blue */
text-decoration: none; /* This removes the underline */
font-size: 1em; /* This sets the initial font size */
}

footer a:hover {
font-size: 1.1em; /* This increases the font size on hover */
color: #ffff;
}



/*colors*/
.bg-gray1 {
  background-color: #f8f9fa; /* Change this to the color or background-image you prefer */
}
.bg-green1{
  background-color: #7accc8; 
}
.bg-blue1{
  background-color: #7da7d9; /* Change this to the color or background-image you prefer */
}
.bg-mus{
  background-color: #0b6fad; /* Change this to the color or background-image you prefer */
}
.bg-yellow{
  background-color:#F2EF17;
}