.container-fluid.garage-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.garage-door h1 {
  font-weight: bold;
  margin-top: 25px;
}

.garage-door p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;


  padding: 20px;
  background-color: white;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid lightgray;
  border-radius: 5px;


}




/* about section */
.w3l-about-2 .about-2-secs-left li i {
  color: var(--secondary-color);
}

.image-box.inverse .image-box__static {
  z-index: 2;
  transition: transform .5s ease;
}

.image-box {
  justify-content: flex-start;
  margin-left: 0;
}

.image-box__float {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-100px, 50px);
  transition: transform .5s ease;
}

.image-box:hover .image-box__static {
  transform: translateY(50px);
}

.image-box.inverse:hover .image-box__float {
  transform: translate(-15px, 0);
}

.image-box img {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
}

.address-sec i {
  color: var(--primary-color);
  font-size: 40px;
}

@media (max-width: 991px) {
  .title-style {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (max-width: 768px) {
  .title-style {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (max-width: 475px) {
  .image-box img {
    width: 260px !important;
    height: 330px !important;
  }
}

@media (max-width: 414px) {
  .image-box img {
    width: 200px !important;
    height: 250px !important;
  }
}

@media (max-width:385px) {
  .title-style {
    font-size: 30px;
    line-height: 40px;
  }
}

/* //about section */




.image-box img {
    width: 260px !important;
    height: 330px !important;
}

.image-box img {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
}

img {
    vertical-align: middle;
    border-style: none;
}