#home{
    background-image: url('../images/Earth.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-yellow{
    --bs-btn-color: #000;
    --bs-btn-bg:rgb(255, 255, 0)!important;
    --bs-btn-border-color: rgb(255, 255, 0)!important;
    --bs-btn-hover-color: #01A35A;
    --bs-btn-hover-bg:rgb(255, 255, 0)!important;
    --bs-btn-hover-border-color: rgb(255, 255, 0)!important;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color:rgb(255, 255, 0)!important;
    --bs-btn-active-bg:rgb(255, 255, 0)!important;
    --bs-btn-active-border-color: rgb(255, 255, 0)!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgb(255, 255, 0)!important;
    --bs-btn-disabled-border-color: #01A35A;
}
.text-success{
    color: 01A35A!important;
}
.form-control{
   outline: none;
   box-shadow: none;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
#banner-frame{
    background-image: url('../images/banner-frame.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.features-card{
    height: 400px !important;
    min-height: 400px!important;
    max-height: 400px!important;

}
.features-card-green{
    background-image:
    radial-gradient(
        rgb(1, 163, 90),
        rgba(1, 163, 90, 0.715)
    ),
    url('../images/white-pattern-box.jpg');
}
.f-bg-black{
    background-image:
    radial-gradient(
        rgb(0, 0, 0),
        rgba(0, 0, 0, 0.715)
    ),
    url('../images/white-pattern-box.jpg');
}
.owl-nav{
    text-align: right;
   font-size: 50px;
}
.owl-nav .owl-prev{
    margin-right: 2%;
}
.bg-dark-brown{
    background-color: #212529!important;
}
#gallery img{
    height: 200px;
    width: 100%;
}
#dark-form-control::placeholder{
    color: #fff !important;
}
.text-container {
    height: 370px; /* Example fixed height */
    /* Optionally, set a fixed width as well: */
    /* width: 200px; */
    overflow: hidden; /* Important to handle text that overflows */
  }

@media screen and (max-width: 769px) {
    .owl-nav{
        text-align: center;
    }
    
}