@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:wght@300;400&display=swap');

h1,
h2 {
    font-family: 'Oswald', sans-serif;
}

h2 {
    color: #079f1a;
}

body {
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    color: #079f1a;
}

.text-highlight {
    color: #dcdcdc;
    font-weight: 800;
}

.img-fluid {
    width: 100%;
    transform: scale(1.05);
}

.carousel-caption {
    position: absolute;
    right: auto;
    top: auto;
    bottom: 15%;
    margin: auto;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    z-index: 2;
}

.carousel-item img {
    width: 100%;
    vertical-align: top;
}

.carousel-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 1;
}

.brands {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-primary {
    background: linear-gradient(to right, #079f1a, #022e80);
    border-radius: 50px;
    padding: 10px 20px;
    transition: all ease-in-out 0.4s;
}

.btn-primary:hover {
    background: linear-gradient(to left, #079f1a, #022e80);
    /* padding: 10px 20px; */
}

.bg-dark {
    /* background-color: #079f1a !important; */
        background: linear-gradient(to left, #079f1a, #403ed9) !important;
        

}

.bg-light {
    background-color: #EDF5FF !important;
}

.text-justify {
    text-align: justify;
}

.h-320px {
    height: 180px;
    overflow: hidden;
    border-radius: 40px 40px 0px 0px;
    object-fit: cover;
}

.h-320px img {
    transition: all ease-in-out 0.4s;
}

.h-320px img:hover {
    transform: scale(1.4);
}

.title_h5 {
    background: #079f1a;
    border-radius: 0px 0px 40px 40px;
    padding: 16px 0px;
    color: #ffffff;
    font-size: 14px;
}

.svg {
    filter: brightness(0) saturate(90%) invert(10%) sepia(70%) saturate(3249%) hue-rotate(209deg) brightness(149%) contrast(137%);
}

.h-60 {
    height: 40vh !important;
}

footer .nav-link {
    transition: all ease-in-out 0.4s;
}

footer .nav-link:hover {
    transform: translateX(10px);
    color: #c0c0c0 !important;
}

.sprite-icon1 {
    background: url(../img/sprite.png) no-repeat;
    width: 32px;
    margin-right: 2% !important;
    height: 32px;
    cursor: pointer;
    display: block;
}

.fb {
    background-position: -259px -12px;
}

.insta {
    background-position: -305px -12px;
}

.lin {
    background-position: -399px -12px;
}

.fb:hover {
    background-position: -259px -50px;
    transition: 0.5s;
}

.insta:hover {
    background-position: -305px -50px;
    transition: 0.5s;
}

.lin:hover {
    background-position: -399px -50px;
    transition: 0.5s;
}

.go-top {
    position: fixed;
    bottom: 100px;
    right: 30px;
    display: none;
    background-color: #000000b6;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    /* z-index: 99999; */
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Share Tech Mono', monospace;
    line-height: 1;
    font-size: 16px;
    color: #ffffff;
    padding-top: 12px;
}

/* @media only screen and (max-width: 991px) {
    .go-top {
        bottom: 40px;
        right: 40px;
        width: 70px;
        height: 70px;
        line-height: 1;
        font-size: 10px;
        color: #ffffff;
        padding-top: 10px;
        border-radius: 20px;
    }
} */

.go-top:hover {
    transition: all .4s linear;
    transform: scale(1.1);
}

@media screen and (min-width:768px) {
    .h-320px {
        height: 300px;
        overflow: hidden;
        border-radius: 40px 40px 0px 0px;
        object-fit: cover;
    }
}

@media screen and (min-width:992px) {
    .btn-primary {
        background: linear-gradient(to right, #079f1a, #022e80);
        border-radius: 50px;
        padding: 15px 35px;
        transition: all ease-in-out 0.4s;
    }
    
    .btn-primary:hover {
        background: linear-gradient(to left, #079f1a, #022e80);
        /* padding: 15px 45px; */
    }
    .h-320px {
        height: 200px;
        overflow: hidden;
        border-radius: 40px 40px 0px 0px;
        object-fit: cover;

        
    }
    #add_enquiry_form label{
        font-size: 1rem !important;
    }
    
    #add_enquiry_form ::placeholder, .form-select{
        font-size: 1rem !important;
    }

    .small, small {
        font-size: .875em!important;
    }

    .title_h5 {
        background: #079f1a;
        border-radius: 0px 0px 40px 40px;
        padding: 16px 0px;
        color: #ffffff;
        font-size: 16px;
    }

    .h-60 {
        height: 60vh !important;
    }
}

@media screen and (min-width:1080px) {
    .h-320px {
        height: 300px;
        overflow: hidden;
        border-radius: 40px 40px 0px 0px;
        object-fit: cover;
    }
}

#add_enquiry_form label, .form-select{
    font-size: 0.8rem;
}

#add_enquiry_form ::placeholder{
    font-size: 0.8rem;
}

.small, small {
    font-size: .775em;
}


.quick_contact a {
    position: fixed;
    width: 40px;
    height: 40px;
    /* right: 1px; */
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    z-index: 100;
    transition: transform 0.5s ease;
  }
  .qwhtsapp {
    bottom: 70px;
    background-color: #25d366;
  }
  .qcall {
    bottom: 120px;
    background-color: #2196f3;
  }
  .quick_contact_icon {
    margin-top: 10px;
  }
  .quick_contact a:hover {
    transform: scale(1.1);
  }


  
element {
    /*     display: inline-block; */
        padding-bottom: 3px;
      }
      .element:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        background-color: #079f1a; /* Set initial background color */
        width: 0%; /* Set initial width to 0 */
        animation: underline 1s forwards; /* Use forwards to keep the final state of the animation */
        border-radius:10px;
      }
    
    
      @keyframes underline {
        0% { width: 0%; } /* No width at the start */
        100% { width: 15%; } /* Full width at the end */
      }