body {background-color: #052141;}
.bg-on-theme { background-color: #052141;}
.bg-on-theme-light { background-color: #274363;}

.text-theme { color:#EFBF04}
.text-black {color:black;}
.bg-dark{background-color: #000000;}
.list-of-services{width:100%}
.text-white{color:white}

.service-btn-list{ 
    border: 1px solid white;
    color: white;
}
.service-btn-list:hover{
    border: 1px solid #EFBF04;
    color: #EFBF04:
}

.dropdown-menu a{
    display: block;
}

.custom-grid-1-img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5; /* optional: filler bg */
}

.custom-grid-1-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/*  */

.odd-grid{
    background-color:#000000;
    transition: background-color 0.4s ease;
}
.even-grid {
    background-color:#f5f5f5;
    transition: background-color 0.4s ease;
}

/* .custom-grid-1-item:hover {
    background-color:red;
} */

.custom-grid-1-img::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.15); /* adjust to your vibe */
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 1;
}

.custom-grid-1-item:hover .custom-grid-1-img::before {
    opacity: 1;
}
/*  */
.custom-el-3-img {
    aspect-ratio: 4 / 3; /* or 16 / 9, whatever shape you want */
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .custom-el-3-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1); /* slight zoom */
    padding:5px;
  }
/*  */
.underlay{
    margin:10px;
    background-color: rgba(0, 0, 0, 0.40);
    display:block;
}

/*  */

.Sliding-Gates-bg{
    background-image:url('custom-img-photos/blackgate.png');
}

/*  */
.servimg{
    width:600px;
    height: 450px;
}

@media (max-width: 768px) {
    .servimg {
        width: 100%;       /* scale to container width */
        height: auto;      /* maintain aspect ratio */
        max-width: 100%;   /* just in case container is smaller */
    }
}