.filter-selected{
    border: solid 0.1px #1C1B1F !important;
}

  
        .filter-parent{
            position: fixed; top: 0; left: 0; z-index: 10;
            width: 100%; height: 100%; 
            font-size: 15px; padding-bottom: 50px;

               display: flex; justify-content: end;
           
        }


        .filter-child-space{
            height: 5vh;
        }
 
        .filter-child{
            width: 380px; margin-right: 5%;
            border-radius: 30px; background-color: #fff;
            box-shadow: 10px 10px 20px 5px #0000001c;
        }


        .desktop-filter-top{
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            height: 50px;
            width: 90%; margin-left: 5%;
            border-bottom: solid 0.1px #dadada;
        }

        .desktop-filter-top span{
            font-weight: 600;
            font-size: 18px;
        }

        .desktop-filter-top img{
            position: absolute;
            right: 0px;
            cursor: pointer;
            width: 20px;
        }



        .filter-grand-child-mobile{
            display: none;
        }

         .filter-collapse-body{
            height: 80vh;      /* large enough */
            overflow-y: auto;
        }

        .filter-collapse-body.collapsed{
            max-height: 0;
            opacity: 0;
        }



        .filter-property-type{
            width: 90%; margin-left: 5%;
             margin-top: 20px;
            border-bottom: solid 0.1px #dadada;
            font-size: 12px; font-weight: 700;
        }

        .filter-property-type-child{
            display: flex; margin-top: 10px;
            margin-bottom: 20px;
        }

        .filter-property-type-granChildren{
            border-radius: 5px; 
            width: 85px; height: 35px;
            display: flex; align-items: center;
            font-size: 12px; margin-right: 5px;
            cursor: pointer;

        }

        .filter-property-type-granChildren,
        .filter-duration-container section div{
            border: solid 0.1px #D1D1D1;
            transition: .2s;
            cursor: pointer;
        }


        .filter-property-type-granChildren img{
            margin-right: 5px;  margin-left: 5px;
            width: 15px;
         }



         .filter-duration-container{
             width: 90%; margin-left: 5%;
             margin-top: 20px;
            border-bottom: solid 0.1px #dadada;
         }

        .filter-duration-container span{
         font-weight: 700;
         }

        .filter-duration-container p{
         font-size: 9px; color: #999999;
         }

        .filter-duration-container section{
            display: flex; margin-bottom: 20px;
         }

        .filter-duration-container div{
             border: solid 0.1px #D1D1D1; 
            border-radius: 13px; 
            width: 50px; height: 25px;
            display: flex; justify-content: center;
            align-items: center;
            font-size: 10px; margin-right: 5px;
         }




        .filter-allowed{
             width: 90%; margin-left: 5%;
             margin-top: 20px;
            border-bottom: solid 0.1px #dadada;
         }

        .filter-allowed-title{
         font-weight: 700;
         }

        .filter-allowed p{
         font-size: 9px; color: #999999;
         }

        .filter-allowed div{
            display: flex; margin-bottom: 20px;
             flex-wrap: wrap;  gap:5px;
         }

        .filter-allowed-child section{
            border: solid 0.1px #D1D1D1;
            border-radius: 13px;
            padding: 2px 4px;
            display: flex;
            align-items: center;
            margin-right: 5px;
            cursor: pointer;
            transition: .2s;
        }


         .filter-allowed-child img{
             width: 13px; margin-right: 5px;
         }

         .filter-allowed-child span{
             font-weight: 400;    font-size: 9px;
         }

    





        .filter-Amenities{
             width: 90%; margin-left: 5%;
             margin-top: 20px;
            border-bottom: solid 0.1px #dadada;
         }

        .filter-Amenities-title{
            font-weight: 700;
         }


        .filter-Amenities div{
            display: flex; margin-bottom: 20px;
             flex-wrap: wrap;  gap:5px;
         }

        .filter-Amenities section{
            border: solid 0.1px #D1D1D1; 
            border-radius: 13px; 
            padding: 2px 4px 2px;
            display: flex; 
            align-items: center;
            margin-right: 5px;
            cursor: pointer;
            font-size: 9px;

            transition: .2s;
            user-select: none;
            
         }

         .filter-Amenities img{
             width: 15px; margin-right: 5px;
         }



         .filter-apply-filter-div{
            width: 90%; margin-left: 5%;
            height: 60px; display: 
            flex; justify-content: end;
            align-items: center;

            font-size: 12px;
         }



          .filter-apply-btn {
            width: 100px; height: 35px;
            border-radius: 25px; display: flex;
            justify-content: center;
            align-items: center;

            margin-left: 30px;

            background-color: #BF2829;
            color: #fff;
            cursor: pointer;
          }

          .filter-clear{
            padding: 10px; border-radius: 20px;
            cursor: pointer;
          }
    



    @media (max-width:500px) {

        .filter-parent{
           display: flex; justify-content: center;
            align-items: end;
            background: #ffffffb2;
        }

        .filter-child-space{
            height: 0vh;
        }
        .filter-child{
            background-color: #fff;
            width: 300px; margin:0;
            border-radius: 0px;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            box-shadow: 10px 10px 20px 5px #0000001c;
        }

        .desktop-filter-top{
            display: none; 
        }

        .filter-grand-child-mobile{
            width: 90%; margin-left: 5%;
            display: block;
        }

        .mobile-filter-top{
            text-align: end;
            padding-top: 20px; padding-bottom: 10px;
            border-bottom: solid 0.1px #dadada;

        }

        .mobile-filter-top img{
          width: 17px;
        }


        .load-filter-mobile-search{
            margin-top: 20px;
        }

        .filter-mobile-search-main{
            display: flex;  justify-content: end;
            align-items: center; 
            border-radius: 20px;

            width: 100%; height: 40px;
            box-shadow: 1px 1px 15px 5px #0000000c;
            border: solid 0.1px #c2c2c2;

        }

        .filter-mobile-search-main input{
            height: 25px; width: 70%;
            margin-right: 10px;
            border: none; outline: none;


        

        }

         .filter-search-btn{
            width: 30px; height: 30px;
            border-radius: 20px;
            margin-right: 5px;
            background:#BF2829;
            display: flex; justify-content: center;
            align-items: center; cursor: pointer;

            box-shadow: 1px 1px 15px 5px #0000000c;

            background-image: url("/imgs/icons/Frame 885.svg");
            background-repeat: no-repeat;
            background-position: center;
            
        }

        .filter-g-c-m-more-less-div{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 50px;
           
        }

        
#filter_collaps_all{
    width: 17px; height: 17px;

    background-image: url("/imgs/icons/circle-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

     .filter-collapse-body{
            height: 65vh;      /* large enough */
            opacity: 1;
            transition:
                max-height .45s ease,
                opacity .25s ease;

        }
   
    #filter_collaps_all{
        cursor: pointer;
        transition: transform .35s ease;
    }

    #filter_collaps_all.collapsed{
        transform: rotate(180deg);
    }


    .filter-apply-btn {
        margin-left: 100px;

    }





        
}