.logo1 {
    color: red;
    text-shadow: 1px 1px white;
    font-weight: 1000;
}
.logo2 {
    color: black;
    text-shadow: 1px 1px yellow;
    font-weight: 1000;
}
.w-sm-75,
.w-sm-70 {
    width: 100%;
}
@media screen and (min-width:576px) {
    .w-sm-75,
    .w-sm-70 {
        width: 75%;
    }
}
@media screen and (max-width:576px) {
    .w-sm-75 {
        height: 30vh;
    }
}
.img-size {
    width: 100%;
    height: auto; /* Maintain aspect ratio of images */
}
@media screen and (min-width: 576px) {
    .img-size {
        max-width: 75%;
    }
}
@media screen and (max-width: 576px) {
    .img-size {
        height: 30vh;
    }
}
.bgclr{
    background-color: #14A44D; 
}
.head {
    font-size: larger;
    background-color: #007bbf;
    color: white;
    font-weight: 800;
    margin-bottom: 0px;
}
.salebg {
    background-color: #007bbf;
    border: 1px solid black;
    border-radius: 20px;
}
.welcome-container {
    /* background-color: #007bbf; */
    color: white;
    text-align: center;
    padding: 15px;
}
.welcome-heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;  
}
.welcome-text {
    font-size: 18px;
    text-align: justify;
}
.hr{
    border:2px solid;
    opacity:inherit;
    width: 130px;
}
.button {
    background-color: #007bbf;
    color: white;
    font-weight: bold;
    border-radius: 20px;
}
.no-underline {
    text-decoration: none !important; /* Remove underline */
    color: white !important; /* Set the desired color */
}
.card_landing {
    width: 280px;
    height: 350px;
    background: #e5e5e5;
    border: none;
    box-shadow: 15px 20px 20px rgba(0, 0, 0, 0.3),
        inset 4px 4px 10px white;
    border-radius: 20px;
    overflow: hidden;
}
.card_landing:hover {
    box-shadow: inset 15px 20px 20px rgba(0, 0, 0, .3),
        4px 4px 10px white;
    transition: .2s;
}
.h-120 {
    height: 210px;
}

.search_select_box {
    margin: 30px auto;
}
.search_select_box select {
    width: 100%;
}
.search_select_box button {
    padding: 15px 25px;
    color: #009900;
    font-size: 20px;
    font-weight: 600;
}
.drop {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
}
.card-text {
    padding-left: 0%;
}
/* --real_estate details------- */
.details_hide {
    display: none;
}
@media screen and (min-width:992px) {
    .details_hide {
        display: block;
    }
}
/* ----------------------Bikes--------- */
.image-container {
    background-image: url(../../assets/images/vehicles/bike4.jpg);
    background-size: cover;
    position: relative;
    height: 100px;
}
.text2 {
    background-color: white;
    color: green;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
}
.logo3 {
    color: yellow;
    text-shadow: 1px 1px red;
    font-weight: bolder;
}
/* ----------------------Cars--------- */
.image-container2 {
    background-image: url(../../assets/images/vehicles/car.jpeg);
    background-size: cover;
    position: relative;
    height: 100px;
}
/* ----------------------Commercial vehicles--------- */
.image-container3 {
    background-image: url(../../assets/images/vehicles/vehicle.jpg);
    background-size: cover;
    position: relative;
    height: 100px;
}
.adv {
    object-fit: contain;
}
/* <-----------------------car bike list----------- */
.search_select_box_2 {
    margin: 0px auto;
}
.search_select_box_2 select {
    width: 100%;
}
.search_select_box_2 button {
   padding: 5px 15px;
    color: #009900;
    font-size: 20px;
    font-weight: 600;
}
/* <-----------------------car bike details----------- */
.details_h3 {
    border: 2px solid #009900;
    font: bold;
    background-color: #009900;
    padding: 8px 8px;
}
.details_hide2 {
    display: block;   
}
@media screen and (min-width:992px) {
    .details_hide2 {
        display: none;
    }
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}
.scrltop {
    background-color: #009900;
}
.bg-ero {
    background-color: #009900;  
}
.card-img-top {  
    width: 100%;
    background-color: rgb(184, 179, 179);
    height: 25vh;
}
.card{
    border:5px solid white;   
}