/* Add here all your CSS customizations */
.show-img-gallery {
  width: 350px;
  height: 350px;
  object-fit: cover;
}

.show-img-gallery-new {
  width: 337.5px;
  height: 337.5px;
  object-fit: cover;
}

.show-img-gallery-project-details {
  width: 690px;
  height: 571px;
  object-fit: cover;
}

.show-img-gallery-project-details-2 {
  width: 345px;
  height: 259px;
  object-fit: cover;
}

.show-img-gallery-finishes {
  width: 330px;
  height: 461px;
  object-fit: cover;
}

.show-img-gallery-minibox {
  width: 160px;
  height: 120px;
  object-fit: cover;
}

.show-img-gallery-minibox-2 {
  width: 160px;
  height: 75px;
  object-fit: cover;
}

.show-img-gallery-leader {
  width: 160px;
  height: 160px;
  object-fit: cover;
}

.show-img-gallery-services {
  width: 63px;
  height: 80px;
  object-fit: cover;
}

.img-fit-1 {
  width: 695px;
  height: 522px;
  object-fit: cover;
}

.img-fit-2 {
  width: 337.5px;
  height: 521px;
  object-fit: cover;
}

.img-fit-3 {
  width: 337.5px;
  height: 250px;
  object-fit: cover;
}

.img-fit-4 {
  width: 337.5px;
  height: 250px;
  object-fit: cover;
}

/*
* Card
*/
.custom-card-style-2 {
box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.1);
border-left: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
margin-top: 16px;
margin-top: 1rem;
}
.custom-card-style-2 h3, .custom-card-style-2 h4 {
letter-spacing: inherit;
font-weight: 600;
}
.custom-card-style-2 hr {
background: rgba(0, 0, 0, 0.15) !important;
}
.custom-card-style-2:before {
background-color: #ff3f00;
content: "";
display: block;
top: 0;
left: 0;
height: 3px;
width: 100%;
}
.custom-card-style-2.card-contact-us {
margin-top: 6.4px !important;
margin-top: 0.4rem !important;
}

.custom-card-style-3 {
border: 1px solid #ccc;
}
.custom-card-style-3 h4 {
letter-spacing: inherit;
font-weight: 600;
}
.custom-card-style-3:hover {
cursor: pointer;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
}

.harita {
position: relative;
padding-bottom: 20%;
height: 0;
overflow: hidden;
}
.harita iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.harita2 {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.harita2 iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}