.topbanner{
    position: relative;
    width:100%;
    height:auto;
    overflow:hidden;
    background-image:url('../../images/bg1.png');
    background-size:cover;
}



.topbanner p{
    font-family: 'Lora-bold';
    line-height:4.3rem;
    font-size: 7vh;
    font-weight: 900;
    margin:0px;
    margin-left:.5rem
}

.topbanner p:nth-child(4){
    font-family: 'Lora-bold';
    font-size: 3vh;
    line-height:4rem;
    margin-left:.5rem;
}

.topbanner p:nth-child(5){
    font-family: 'Lora-bold';
    font-size: 3vh;
    line-height:1rem;
    margin-left:.5rem;
}

.topbanner p:nth-child(6){
    font-family: 'Inter-Bold';
    font-size: 10vh;
    line-height:7rem;
    margin-left:.5rem;
}

.text-slider-items{
    height: 13vh;
    font-size: 7vh;
}

.typed-cursor {
  font-size: 7vh;
}

.search{
    margin-left:.5rem;
    margin-right:.5rem;
    background-color: rgba(255, 61, 0, .6);
    width: 100%;
    height: auto;
    border-radius:8px;
}

.grid-container{
    display:grid;
    row-gap:9px;
}

.grid-item{
    width:100%;
    height:56px;
}

main{
    background-color:#FFE7E6;
    width:100%;
    /* height:2000px; */
}

.search-button{
    width:100%;
    height:56px;
    color:white;
    background-color:rgba(255, 61, 0, 1);
    border-radius:8px;
}

.search-button:hover{
    width:100%;
    height:100%;
    color:white;
    background-color:#EA3901;
    border-top-left-radius:0px;
    border-radius:8px;
}

.search-bar{
    border:none;
    height:56px;
    border-radius:8px;
}

.search-bar::focus{
    border:none;
    height:56px;
    border-radius:8px;
}

select{
    border:none;
    border-radius:8px;
}



@media only screen and (min-width: 997px){
    
    .topbanner{
        position: relative;
        width:100%;
        height:auto;
        overflow:hidden;
        background-image:url('../../images/bg1.png');
        background-size:cover;
    }
    
    
 
    
    .topbanner p:nth-child(4){
        font-family: 'Lora-bold';
        font-size: 5vh;
        line-height:5rem;
        margin-left:.5rem;
    }
    
    .topbanner p:nth-child(5){
        font-family: 'Lora-bold';
        font-size: 5vh;
        line-height:1.3rem;
        margin-left:.5rem;
    }
    
    .topbanner p:nth-child(6){
        font-family: 'Inter-Bold';
        font-size: 14vh;
        line-height:13rem;
        margin-left:.5rem;
    }
    
    .text-slider-items{
        height: 13vh;
        font-size: 16vh;
    }
    
    .typed-cursor {
      font-size: 12.5vh;
    }
    
    .search{
        margin-left:.5rem;
        background-color: rgba(255, 61, 0, .6);
        width: 100%;
        height: auto;
        border-radius:8px;
    }
    
    .grid-container{
        display:grid;
        column-gap:9px;
        grid-template-columns : 1.5fr 1fr 1fr .2fr;
    }
    
    .grid-item{
        width:100%;
        height:56px;
    }
    
    main{
        background-color:#FFE7E6;
        width:100%;
        padding: 50px 0;
    }
    
    .search-button{
        width:100%;
        height:100%;
        color:white;
        background-color:rgba(255, 61, 0, 1);
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
        margin-left: -10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .search-button:hover{
        width:100%;
        height:100%;
        color:white;
        background-color:#EA3901;
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
        border-top-right-radius:8px;
        border-bottom-right-radius:8px;
    }
    
    .search-bar{
        border:none;
        height:56px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
    }
    
    .search-bar::focus{
        border:none;
        height:56px;
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
    } 
    .search-bar:focus-visible
    #property:focus-visible,
    #location:focus-visible{
        outline: none !important;
    }

    select{
        border:none;
        border-radius:0px;
    }

    .testimonial{
        width:100%;
        height:700px;
        background-image:url('../../images/T-Bg.png');
        background-size:cover;
        margin-top: 1.5rem;
    }
    .card-text{
        font-size:12px;
        line-height:1rem;
    }

    .profile{
        width:150px;
        height:150px;
        overflow:hidden;
        border-radius:300px;
    }
} 
@media only screen and (max-device-width: 480px){
.topbanner p{
        font-size:3vh !important;
        margin-bottom:15px;
    }
    .search-bar,
    #property,
    #location{
        padding:45px 13px !important;
    }
}