*{margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    }

header{
    background-color:#0074e1; 
    background-color:#001a33;
}


.main-header{
width:100%;
display:flex;
padding-top: 10px;
padding-bottom: 10px;}

.main-header-one{width:50%;}

.main-header-one img{    width:42%;
    margin-left: 18%;
    filter: drop-shadow(4px 2px 2px orangered);}

.main-header-two{width: 100%;
border: transparent;
background-color: #fff;
border-radius: 27px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px 5px 2px 10px;
position:relative;
transition: all .3s;
}

.search-formtopf{width: 100%;
display: flex;
align-items: center;
height: 100%;}

.btnbuyrentdivh{position: relative;
display: flex;
align-items: center;
border-right: 1px solid #b7abab;
margin-left: 10px;
padding-right: 10px;
cursor: pointer;}

.h4-buyrent{    font-family: 'poppins';
    font-weight: 500;
    font-size: 14px;
    color: #091E42;
display: flex;
align-items: center;
letter-spacing: .5px;
cursor: pointer;
}

.down-arrow{    font-size: 12px;
    margin-left: 3px;
    margin-top: 1px;
color: rgb(44, 40, 40);}

.drop-down-selectbuy{    position: absolute;
    width: 150px;
    border-radius: 8px;
    background-color: #fff;
    z-index: 2;
    top: 100%;
    margin-top: 21px;
    margin-left: -16px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
    display: none;
    transition: all .3s;
    z-index: 7;
}


#search{border: none;
outline: none;
margin-left: 10px;
padding: 5px 15px;
height: 100%;
width: 100%;
margin-right: 10px;
font-family: 'Poppins';

}

.searchbtl{outline: none;
border: none;
padding: 10px;
margin-right: 5px;
background-color:#0074e10d;
color: #0074e1;
border:1px solid #0074e10d;
border-radius: 100%;
font-family: 'Poppins';
font-size: 14px;
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;

}

.searchbtl2{width: 48px;
}

#search-buttont{    border: none;
    outline: none;
    background-color: #0074e1;
    color: white;
    font-family: 'poppins';
    font-size: 17px;
    padding: 7px 15px;
    border: 1px solid #0b6bc4;
    border-radius: 28px;
    margin-left: 1%;
    transition: all .3s ease-out;
    background-position: right bottom;
    cursor: pointer;
display: flex;
align-items: center;
}


  .search-icon{    margin-right: 3px;
    font-size: 15px;
margin-top: 3px;}  

.main-header-three{width: 59%;
display: flex;
align-items: center;
justify-content: end;
padding-right: 2%;

}

.one-three-header{margin-left: 15px;
height: 100%;
display: flex;
align-items: center;
}


.header-bta1{    text-decoration: none;
    color: white;
    font-family: open, sans-serif;
    letter-spacing: .7px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
position: relative;
height: 36px;
display: flex;
align-items: center;}

.icon-header{font-size: 25px;
margin-top: 2px;
margin-right: 3px;}

.header-bta2{    text-decoration: none;
    color: white;
    font-family: open, sans-serif;
    letter-spacing: .5px;
    font-size: 25px;
    font-weight: 600;
    margin-left: 15px;}

.header-bta3{    text-decoration: none;
    color:#0073e1;
    font-family: open, sans-serif;
    letter-spacing: .7px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 15px;
    background-color:white;
    padding: 10px 12px;
    border-radius: 5px;
    transition: all .3s ease-out;
    background-position: right bottom;
    white-space: nowrap;}

    /* start search drop down function here */

    /* @@@@@@@@@@@@@@@@@@@@@@ search bt */
    .drop-down-searcf{width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
top: 100%;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
visibility:hidden;
opacity: 0;
transition: all .3s;
margin-top: 0px;
z-index:5;}

.filter-heading {
    font-size: 14px;
    color: #606060;
    font-weight: 500;
    font-family: 'Poppins';
    letter-spacing: 0.6px;
    margin: 10px;
    margin-top: 20px;
    margin-left: 20px;
}

.search-section-div {
    margin-top: 20px;
    padding-left: 10px;
}

.input-checkbox {
    display: none;
}

.label-checkbox {
    font-size: 13px;
    color: #342c2c;
    font-family: 'Poppins';
    letter-spacing: 0.6px;
    margin: 10px;
    font-weight: 400;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 25px;
    margin-top: 0px;
    margin-right: 0px;
}

.input-checkbox:checked + .label-checkbox {background-color: #0074e140;
    font-weight: bold;
    color: #161616;}

    /* start search drop down function here */

    /* start search section here */

.down-arrow{  
    font-weight: 900;
    font-size: 11px;
    color: #606060;
    transition: transform 0.3s ease;
}

input:focus{outline: none;
border: none;
border-right:1px solid #8b8b8b82;

}

 .filter-heading{
        font-size: 14px;
    color: #606060;
    font-weight: 500;
    font-family: 'Poppins';
    letter-spacing: 0.6px;
    margin: 10px;
    margin-top: 20px;
    margin-left: 20px;
 }

.heading-ad{margin-top: 20px;
margin-bottom: 30px;
}

.first-heading-ad{display:flex;}

.first-heading-ad h4{
          font-family: 'Poppins';
    font-weight: normal;
    font-size: 14px;
    margin-left: 21px;
    letter-spacing: .7px;
    background-color: #0074e1;
    color: white;
    padding: 6px 10px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.white{color: white;}

.down-arrowex{    display: flex;
    align-items: center;
    margin-left: 5px;}

.input-selecting-main{padding-left:.7%;
padding-right: 3%;
display: flex;
width: 94%;}

.input-section-down{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    text-wrap: nowrap;
}

.input-checkbox-downad{cursor: pointer;
    margin-right: 10px;
}

.lable-dadvance{    font-family: 'poppins';
    font-size: 13px;
    letter-spacing: .5px;
margin-left: -2px;
margin-top: 1px;
cursor: pointer;}

.second-heading-ad{display: none;
transition: all .3s;}


.input-buyrents{display: flex;
    margin-top: 5px;
}

.input-classbts{padding:0px;
margin-right: 5px;
margin-left: 13px;
width:auto;
height: auto;}

.buyrentslect{ padding-left: 10px;
    line-height: 28px;}

    .buyrentslect:hover{background-color: #0074e113;}

.text-selectd{    font-family: 'Poppins';
    font-size: 12px;
    width: 100%;
    line-height: 15px;
}

.text-btbuy-span{font-size: 11px;
color:#8993A4;
font-family:'Poppins';
letter-spacing: .5px;
margin-top: 15px;
margin-left: 10px;}

#buyorrentinput{display: none;}

.check{margin-top: 4px;}

#rentcheck{visibility: hidden;
opacity:0;}
 
#buytextdiv{font-weight: bold;
color: #161616;}
/* @@@@@@@@@@ end search bt */

.mobile_responsive_icon_side{
    display: none;
}

.mobile_responsive_main{
    display: none;
}


/* some extra code after the design start here***** */
.mian_logggedin{
    display: flex;
    align-items: center;
    position: relative
}

.header-bta2{
    font-size: 9px;
    background-color: #0073e1;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-weight: 400;
}

.down_chervon_loggedin{
    color: white;
    font-size: 14px;
    margin-left: 4px;
}

.submenu_loggedin_user{
    position:absolute;
    background-color: #fff;
    top:100%;
    right: 0px;
    margin-top: 10px;
    border-radius: 8px;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 999999999;
}

.mian_logggedin:hover .submenu_loggedin_user{
    visibility: visible;
    opacity: 1;
}

.logged_in_submenu_a_heading{
    font-family: 'Poppins', sans-serif;
    color: #313234;
    letter-spacing: .3px;
    border-bottom: 1px solid #dddddd70;
    padding-bottom: 3px;
}

.profile_pop_up{
    display: flex
    ;
        align-items: center;
        margin-top: 8px;
        padding: 4px 8px;
        transition: all .2s;
        cursor: pointer;
}

.profile_pop_up:hover{
    background-color: #dfdfe7a8;
    border-radius: 5px;
}

.pop_one_icon{
    margin-right: 10px;
}

.pop_one_icon img {
    width: 16px;
}

.pop_two_text {
    font-family: 'Poppins';
    font-size: 13px;
    color: #737B8B;
    white-space: nowrap;
}

.pop_two_text a {
    text-decoration: none;
    display: block;
    color: #737B8B;
}

/* some extra code after the design end here***** */


@media (max-width:900px){
    

    header{
        background-color:#001a33;
    }

  .one-three-header{
    display: none;
  }

  .main-header{
    display: flex;
    flex-direction: column;
    background-color: ;
}


  .main-header-one img{margin-left: 5%;
    width: 33%;}

    .main-header-two{
    width: 94%;
    margin-left: 3%;
    margin-top: 13px;
}

.searchbtl{display: none;}

#search-buttont{
    font-size: 13px;
}

.search-section-div{padding-right: 10px;}

.first-heading-ad{
    flex-direction: column;
}

.first-heading-ad h4{
    width: 85%;
    margin-top: 10px;
}

.input-selecting-main{
    flex-wrap: wrap;
}


    /* start mobile responsive css here ****** */

    .mobile_responsive_main{
        position:fixed;
       top: 0;
       width: 0%;
       height: 100vh;
       bottom: 0px;
       background-color:#161d21;
       z-index: 999; 
       overflow-y: scroll;
       transition: all .2s;
   }

   .closing_side_bar{
       position: absolute;
       top: 50%;
       right: 0px;
       font-size: 20px;
       background-color: #0073e1;
       color: white;
       padding: 10px;
       border-radius: 8px;
       z-index: 99999999;
       box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px, rgba(0, 115, 225, 0.5) 0px 4px 10px 0px;
       cursor: pointer;
       transition: all .3s ease-out;
       background-position: right bottom;
       border-top-right-radius: 0px;
       border-bottom-right-radius: 0px;
   }

   .closing_side_bar:hover{
       background: linear-gradient(to right, #171717 50%, white 50%);
       background-size: 200% 100%;
       color: white;
   }


   .mobile_responsive_one{
       display: flex;
       flex-direction: column;
   }

   .mobile_responsive_one_first{
       width: 100%;
       padding: 12px 20px;
        display: flex;
        justify-content: center;
   }

   .mobile_responsive_one_first img{
       width: 50%;
       filter: drop-shadow(4px 2px 2px #0073e1);
   }

   .mobile_responsive_one_second{
       display: flex;
       width: 99%;
       align-items: center;
       padding: 12px 20px;
       font-family: 'Poppins';
       color: white;
       letter-spacing: .4px;
       border: 1px solid #262626;
       border-left-width: 1px;
       border-left-style: solid;
       border-left-color: rgb(38, 38, 38);
       border-left: none;
       margin-right: 1px;
   }

   .mobile_responsive_one_second span{
       margin-left:15px;
       margin-right: 15px;
   }

   .mobile_responsive_one_second img{
       width: 35px;
   }

   .mobile_responsive_two{
       display: flex;
       width: 100%;
       padding: 12px 20px;
   }

   .mobile_responsive_two_first{
       display: flex;
       position: relative;
       width: 50%;
       align-items: center;
       font-family: 'Poppins',sans-serif;

   }

   .mobile_responsive_two_first img{
       width: 16%;
   }

   .text_favourite_span{
       margin-left: 10px;
       color: white;
   }

   .mobile_responsive_two_second{
       display: flex;
       width: 50%;
       align-items: center;
       justify-content: end;
   }

   .mobile_responsive_two_second a{
       text-decoration: none;
       color: white;
       font-family: 'Poppins',sans-serif;
       font-size: 15px;
       padding: 7px 15px;
       background-color: #0073e1;
       border-radius: 5px;
       letter-spacing: .4px;
       transition: all .3s ease-out;
       background-position: right bottom;
       box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px, rgba(0, 115, 225, 0.5) 0px 4px 10px 0px;
   }

   .mobile_responsive_two_second a:hover{
       background: linear-gradient(to right, #171717 50%, white 50%);
       background-size: 200% 100%;
       color: white;
   }

   .mobile_responsive_three_line{
       width: 100%;
       height: 4px;
      background: linear-gradient(90deg, #2aef9d, #0073e1, #39b8d8, #4194fe);
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
   margin-top: 5px;

   }


   /* start li here *** */
   
.mobile-menu {
   /* background-color: #333; */
   padding: 10px;
}

.mobile-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   font-family: 'Poppins',sans-serif;
}

.mobile-menu ul li {
   border-bottom: 1px solid #444;
   padding: 15px 10px;
}

.mobile-menu ul li a {
   color: white;
   text-decoration: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.mobile-menu ul li a:hover {
   color: #ddd;
}

.has-dropdown .dropdown {
   display: none;
   padding-left: 20px;
   background-color: #444;
   position: unset;
   opacity: 1;
   visibility: visible;
   padding-top: 10px;
   margin-top: 10px;
}


.has-dropdown .dropdown li {
   border-bottom: none;
   padding: 10px 0;
   display: flex;
}

.double_arrow_span{margin-right: 10px;
color: white;}

ul .has-dropdown:hover ul{opacity: 1;
   visibility: visible;
   margin-top: 10px;
   }

.has-dropdown i {
   transition: transform 0.3s ease;
}

.has-dropdown.open .font-i_rotate {
   transform: rotate(90deg); 
}

   /* end li here *** */


   .main-header-one{
    width: 100%; 
    position:relative;
    box-shadow: none;

}

.mobile_responsive_icon_side img {
   width: 26%;
   margin-right: 10%;
   cursor: pointer;
   background-color: #c2c803;
   padding: 3px;
   border-radius: 100%;
   transition: all .4s;
   filter: none;
 }

 
 .mobile_responsive_icon_side{display:flex;
    justify-content: end;
    align-items: center;
    width: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 10px;
    margin-top: 5px;
   }

   .mobile_responsive_main {
    position: fixed;
    top: 0;
    width: 0%;
    height: 100vh;
    bottom: 0px;
    background-color: #161d21;
    z-index: 999;
    overflow-y: scroll;
    transition: all .2s;
  }

  .mobile_responsive_main {
   display: block;
  }

  #mobile_add_listing{
    margin-right: 10px;
    text-wrap: nowrap;
}

   /* end mobile responsive css here ****** */




}