<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.content-title{
    flex-wrap: wrap;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: left;
    color: #1B7062;
}

.no-bg{
    width: 283px;
    background: transparent!important;}

.center-container{
    min-width: 210px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 36px;
}

.bbox{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    background: transparent;
    width: min-content;
}

.hover-lg :hover{
    background: linear-gradient(154.83deg, #396D61 5.92%, #20804F 107.23%);
}

.l-5{
    /* ต่ำกว่า 500,000.- */
    width: 190px;
    height: 14px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 0px;
    padding: 0px;
}

.p5-7{
    /* 500,000 - 750,000.- */

font-family: 'Prompt';
font-style: normal;
font-weight: 500;
font-size: 20px;
/* identical to box height, or 70% */


/* Main Color */

color: #396D61;


/* Inside auto layout */

flex: none;
order: 1;
flex-grow: 0;
}

.price-range-btn{
    width: 282px;
    height: 90px;
    filter: drop-shadow(10px 10px 20px rgba(27, 112, 98, 0.1));
    background: #FFFFFF;
    border-radius: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 14px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #396D61;
    order: 1;
    flex-grow: 0;
}

.price-range-btn.active{
color: #FFFFFF !important;
    background: linear-gradient(154.83deg, #396D61 5.92%, #20804F 107.23%) !important;
}
.price-range-btn.active img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(250deg) brightness(125%) contrast(105%) !important;
    background: transparent !important;   
}


.button-group-container .PriceRange_ListRecords{
    width: 1700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 30px;

    gap: 37px;
}



.green :hover{
    color: #FFFFFF;
    background: linear-gradient(154.83deg, #396D61 5.92%, #20804F 107.23%);
}

.green:hover img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(250deg) brightness(125%) contrast(105%);
    background: transparent !important;   
}

.button-group-container{
    display: flex;
    justify-content: center;
}

/*Apply tablet landscape*/
@media screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1200px){
    .RangSilder{
        padding-right: 20px;
    }
}

@media screen and (orientation:portrait) and  (max-width:834px){
    .bbox{
        flex-wrap: wrap;
        display: flex;
        justify-content: start;
    }

    .price-range-btn{
        margin-left: 20px;
        margin-top: 30px;
        width: 242px;
        height: 80px;
    }

}

/* Ipad Pro Portrait */
@media screen and (orientation:portrait) and  (max-width:820px){
    
}
/* Ipad Pro 11" Landscape */
@media screen and (orientation:landscape) and (max-width:1194px){

}
/* Mobile" portrait */
 @media screen and (orientation: portrait) and (max-width:515px){

 }
/* Mobile" Landscape */
 @media screen and (orientation:landscape) and (max-height:428px) and (max-width:926px){
     
 }</pre></body></html>