.bg-grey {
    background: #f4f5fa;
}

.mb-lg {
    margin-bottom: 75px;
}

.main-page-header {
    background: #f4f5fa;
    background-image: linear-gradient(rgba(244, 245, 250, 0.9), rgba(244, 245, 250, 0.9)), url("../uploads/background.jpg");
    background-size: cover;       
    background-repeat: no-repeat; 
    background-position: bottom;  
}

.page-header {
    display: flex;
    /* justify-content: center;
    text-align: center; */
    align-items: center;
    height: 250px;
    /* border: 1px solid #ccc;
    background: #f4f5fa;
    background-image: linear-gradient(rgba(244, 245, 250, 0.9), rgba(244, 245, 250, 0.9)), url("../uploads/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: black; */
}

.btn {
    border-radius: 50px;
    padding: 10px 25px 10px 25px;
}

.callback {
    display: flex;
    align-items: center;
    background: #dee2e6;
    color: black;
}

.p-tb {
    padding: 50px 0 50px;
}

.img-wrapper {
  overflow: hidden;
}
.img-wrapper img {
  transition: transform 0.4s ease;
}
.img-wrapper:hover img {
  transform: scale(1.2);
  opacity: 0.7;
}

.card-anim {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-anim:hover {
  transform: translateY(-5px);
}

.slide-in-right {
  opacity: 0;
  transform: translateX(100px);
  animation: slideInRight 0.5s ease-out forwards;
}
@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-100px);
  animation: slideInLeft 0.5s ease-out forwards;
}
@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}