.clear {
    clear: both;
}

.d-grid {
    display: grid;
}

.col-empty {
    height: 2px
}

.buggy-img-before:before {
   width: 100%;
height: 85%;
background-color: #D1D7DF;
margin-left: -2.5rem;
margin-top: -2.5rem;
position: absolute;
content: "";
}

.bg-red {
    background-color: red!important;
}

#video {

}

#headerTop {
    background-image: url(img/headerTop-bg-img.png);
    background-size: cover;
    min-height: calc(100vw / 1.864);
    
}



.bg-video {
        background-image: url(img/video-bg-img.png);
    background-size: cover;
    min-height: calc(100vw / 1.527);
}

.bg-black {
    background-color: #000;
}

.contact-info-hover {
border: 2px solid #000;
}

.contact-info-hover:hover {
    background-color: #343a40!important;
    border: 2px solid red;
    cursor: pointer; 
    text-decoration: none!important;
}

.w-30p {
    width: 30px;
}

.w-56p {
    width: 56px;
}

.circle {
    border-radius: 100%;
}

.input-container {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

/* Style the form icons */
.icon {
  padding: 10px;
    margin-top:5px;
  color: white;
  min-width: 50px;
  text-align: center;
}

/* Style the input fields */
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}




.rounded-form {
    border-radius: 25px;
}

.ml-textarea {
    margin-left: 4.15%;
}

.bg-danger-hover:hover {
    background-color: #dc3545!important;
}


@media only screen and (max-width: 768px) {
  #headerTop {
    background-image: url(img/headerTop-bg-sm-img.png);
    background-size: cover;
    background-position: center;
    min-height: calc(100vw / 0.736);
      
    }
    
    .bg-video {
        background-image: url(img/video-bg-sm-img.png);
    background-size: cover;
}
    
    .h1-mobile{
        font-size: 1.7rem!important;
    }
}
.phone-number {
    color: red!important;
-webkit-text-stroke: 0.2px rgb(64, 60, 60);
}

.decoration-none {
    text-decoration: none;
}