
.s_top_drop{

    display: flex;

    padding-bottom: 30px;

}

.s_box {

    display: inline-block;

    width: 17%;

    margin: 14px;

}

.m-search_abe {

    position: relative;

    background: #fff;

    margin-top: 40px;

    padding-top: 40px;

}

select.form-control {

    border-radius: 0px;

}

.m-search_abe:after{

    content: "";

    position: absolute;

    bottom: -35px;

    background-image: url(../img/searchshadw.png);

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: bottom center;

    height: 35px;

    width: 100%;

}

.btn-default {

    outline: none !important;

    box-shadow: none !important;

    background-color: transparent !important;

    background-image: none !important;

}

input, textarea, select, a { outline: none !important; }

input:focus, textarea:focus, select:focus{ outline: none; } 

/*Range_ slider */



.flat-slider {

  width:100%;

  padding: 0;

  position: relative;

}



.flat-slider .ui-corner-all { border-radius: 0px; }



.flat-slider .ui-widget-content a { color: #222222; }



.flat-slider .ui-widget-content {

  color: #222222;

    background-color: #fff;

    background-image: none;

    border-width: 0;

    border: 1px solid #e4e4e4;

}



.flat-slider .ui-widget-header {

    background-color: #000;

    background-image: none;

    border: 5px solid #000 !important;

    border-radius: 3px;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}

.flat-slider .ui-slider-handle:focus{

    border-color: #fff !important;

    box-shadow: 0px 0px 0px 1px #dedede !important;

}



.flat-slider .ui-state-hover,

.flat-slider .ui-widget-content .ui-state-hover,

.flat-slider .ui-widget-header .ui-state-hover,

.flat-slider .ui-state-focus,

 .flat-slider .ui-widget-content .ui-state-focus,

.flat-slider .ui-widget-header .ui-state-focus { background-image: none; }



.flat-slider .ui-slider {

  position: relative;

  text-align: left;

}
.flat-slider {
    width: 100%;
    padding: 0;
    position: relative;
}

.flat-slider .ui-widget-content {
    color: #222222;
    background-color: #fff;
    background-image: none;
    border-width: 0;
    border: 1px solid #e4e4e4;
}
.flat-slider .ui-slider-horizontal {

    height: 10px;

    border-radius: 3px;

}



.flat-slider .ui-slider-handle {

    cursor: pointer;

    position: absolute;

    z-index: 2;

    background-color: #292f34;

    background-image: none;

    box-shadow: 0px 0px 0px 1px #dedede;

    border-radius: 20px;

    border: 4px solid #fff;

    height: 20px;

    top: -6px;

    width: 20px;

}







.flat-slider .min,

.flat-slider .max,

 .flat-slider .min_value,

.flat-slider .max_value,

.flat-slider .value {

  margin-top: 17px;

  font-size: 0.8rem;

  white-space: nowrap;

  -webkit-transition-duration: 0.35s;

  -moz-transition-duration: 0.35s;

  -o-transition-duration: 0.35s;

  transition-duration: 0.35s;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}



.flat-slider .min,

.flat-slider .max {

  font-size: 0.7rem;

  color: #c4c4c4;

}



.flat-slider .min { float: left; }



.flat-slider .max { float: right; }



.flat-slider .min_value,

.flat-slider .max_value,

.flat-slider .value { 

    position: absolute;

    font-size: 15px;

    font-weight: 600;

    color:#828282; }



.flat-slider::after { clear: both; }

.rang_price {

    display: flex;

}

.rang_price label {

    text-transform: uppercase;

    position: relative;

    top: -6px;

    padding-right: 18px;

    font-size: 14px;

    font-weight: 500;

    min-width: 117px;

    color: #545454;

}


    
   .m-search_abe {
    position: relative;
    background: #fff;
    margin-top: 40px;
    padding-top: 40px;
        padding: 25px;
    max-width: 975px;
    display: block;
    margin: auto;
    margin-top: 44px;
}
.s_top_drop {
    display: flex;
    padding-bottom: 0px;
}
.foo_linkss ul li a{
    font-size:11px;
}
.foo_linkss ul li a{
    font-size:11px;
}
.foo_para p{
     font-size:11px;
}
.s_box {
    display: inline-block;
    width: 17%;
    margin: 14px;
}
.s_box select.form-control {
    margin-bottom: 5px;
    color: #545454;
    font-size: 14px;
}

.rang_price {
    display: flex;
}
    .rang_price label {
    text-transform: uppercase;
    position: relative;
    top: -6px;
    padding-right: 18px;
    font-size: 14px;
    font-weight: 500;
    min-width: 117px;
    color: #545454;
}
.flat-slider .ui-slider-horizontal {
    height: 10px;
    border-radius: 3px;
}
.flat-slider .ui-slider {
    position: relative;
    text-align: left;
}
.flat-slider .ui-widget-content {
    color: #222222;
    background-color: #fff;
    background-image: none;
    border-width: 0;
    border: 1px solid #e4e4e4;
}
.flat-slider .ui-corner-all {
    border-radius: 0px;
}

.slider {
    width: 100%;
    margin-left: 0px !important;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.flat-slider .ui-widget-header {
    background-color: #000;
    background-image: none;
    border: 5px solid #000 !important;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ui-widget-header {
    border: 0;
    background: #e9333f;
    color: #222;
    font-weight: 700;
}



.s_box a {

    font-size: 11px;

    color: #8b8b8b;

    text-transform: uppercase;

}

.s_box select.form-control {

    margin-bottom: 5px;

    color: #545454;

    font-size: 14px;

}

.p_range_set {

    padding: 17px;

}

.main_s_btn {

    font-size: 16px;

    text-transform: uppercase;

    background: #292f34;

    border: none;

    color: #fff;

    font-weight: 500;

    padding: 8px 20px;

    position: relative;

    top: -9px;

    z-index: 99;

    cursor: pointer;

    transition: 0.3s ease;

}

.main_s_btn:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 30px;

    border: 1px solid #292f34;

    padding: 21px 20px;

    z-index: -1;

    left: -6px;

    top: 7px;

    transition: 0.3s ease;

}

.main_s_btn:hover:before{

     left: 0px;

    top: 0px;

}

.main_s_btn i.fa.fa-angle-right {

    font-size: 23px;

    padding-left: 11px;

}

.abt_text_m p {

    font-size: 13px;

    color: #7b7b7b;

    font-weight: 300;

    line-height: 24px;

    text-align: justify;

    margin-bottom: 25px;

}

.abt_text_m h4 {

    font-size: 13px;

    color: #000;

    margin-bottom: 0px;

    margin-top: 40px;

}

.auth_post {

    font-size: 13px;

    color: #7b7b7b;

    font-weight: 300;

}

.hm_abt_text .abe_head {

    margin-bottom: 13px;

}

.hm_abt_text {

    /*padding-top: 15px;*/

}

.h_p_sec {

    padding-top: 35px;

}
.flat-slider {

  width:100%;

  padding: 0;

  position: relative;

}



.flat-slider .ui-corner-all { border-radius: 0px; }



.flat-slider .ui-widget-content a { color: #222222; }



.flat-slider .ui-widget-content {

  color: #222222;

    background-color: #fff;

    background-image: none;

    border-width: 0;

    border: 1px solid #e4e4e4;

}



.flat-slider .ui-widget-header {

    background-color: #000;

    background-image: none;

    border: 5px solid #000 !important;

    border-radius: 3px;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}

.flat-slider .ui-slider-handle:focus{

    border-color: #fff !important;

    box-shadow: 0px 0px 0px 1px #dedede !important;

}



.flat-slider .ui-state-hover,

.flat-slider .ui-widget-content .ui-state-hover,

.flat-slider .ui-widget-header .ui-state-hover,

.flat-slider .ui-state-focus,

 .flat-slider .ui-widget-content .ui-state-focus,

.flat-slider .ui-widget-header .ui-state-focus { background-image: none; }



.flat-slider .ui-slider {

  position: relative;

  text-align: left;

}



.flat-slider .ui-slider-horizontal {

    height: 10px;

    border-radius: 3px;

}



.flat-slider .ui-slider-handle {

    cursor: pointer;

    position: absolute;

    z-index: 2;

    background-color: #292f34;

    background-image: none;

    box-shadow: 0px 0px 0px 1px #dedede;

    border-radius: 20px;

    border: 4px solid #fff;

    height: 20px;

    top: -6px;

    width: 20px;

}







.flat-slider .min,

.flat-slider .max,

 .flat-slider .min_value,

.flat-slider .max_value,

.flat-slider .value {

  margin-top: 17px;

  font-size: 0.8rem;

  white-space: nowrap;

  -webkit-transition-duration: 0.35s;

  -moz-transition-duration: 0.35s;

  -o-transition-duration: 0.35s;

  transition-duration: 0.35s;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}



.flat-slider .min,

.flat-slider .max {

  font-size: 0.7rem;

  color: #c4c4c4;

}



.flat-slider .min { float: left; }



.flat-slider .max { float: right; }



.flat-slider .min_value,

.flat-slider .max_value,

.flat-slider .value { 

    position: absolute;

    font-size: 15px;

    font-weight: 600;

    color:#828282; }



.flat-slider::after { clear: both; }

.rang_price {

    display: flex;

}

.rang_price label {

    text-transform: uppercase;

    position: relative;

    top: -6px;

    padding-right: 18px;

    font-size: 14px;

    font-weight: 500;

    min-width: 117px;

    color: #545454;

}

.main { 
    background-color: #fff; 
    border-radius: 15px; 
    box-shadow: 0 0 20px
        rgba(0, 0, 0, 0.2); 
    padding: 20px; 
    transition: transform 0.2s; 
    width: 600px; 
} 
  
.main:hover { 
    transform: scale(1.05); 
} 
  
.gfg { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 24px; 
    font-weight: 600; 
    color: #01940b; 
} 
  
.custom-wrapper { 
    margin: 0; 
    width: 70%; 
    padding: 0px 25px 40px; 
    position: relative; 
    left: 63px; 
} 
  
.header h2 { 
    font-size: 30px; 
    color: #01940b; 
    display: flex; 
    justify-content: center; 
    padding: 20px; 
} 
  
/* Styles for the price input container */
.price-input-container { 
    width: 100%; 
} 
  
.price-input .price-field { 
    display: flex; 
    margin-bottom: 22px; 
} 
  
.price-field span { 
    margin-right: 10px; 
    margin-top: 6px; 
    font-size: 17px; 
} 
  
.price-field input { 
    flex: 1; 
    height: 35px; 
    font-size: 15px; 
    font-family: "DM Sans", sans-serif; 
    border-radius: 9px; 
    text-align: center; 
    border: 0px; 
    background: #e4e4e4; 
} 
  
.price-input { 
    width: 100%; 
    font-size: 19px; 
    color: #555; 
} 
  
/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 
  
.slider-container { 
    width: 100%; 
} 
  
.slider-container { 
    height: 6px; 
    position: relative; 
    background: #e4e4e4; 
    border-radius: 5px; 
} 
  
.slider-container .price-slider { 
    height: 100%; 
    left: 25%; 
    right: 15%; 
    position: absolute; 
    border-radius: 5px; 
    background: #01940b; 
} 
  
.range-input { 
    position: relative; 
} 
  
.range-input input { 
    position: absolute; 
    width: 100%; 
    height: 5px; 
    background: none; 
    top: -5px; 
    pointer-events: none; 
    cursor: pointer; 
    -webkit-appearance: none; 
} 
  
/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb { 
    height: 18px; 
    width: 18px; 
    border-radius: 70%; 
    background: #555; 
    pointer-events: auto; 
    -webkit-appearance: none; 
} 
  
@media screen and (max-width: 768px) { 
    .main { 
        width: 80%; 
        margin-right: 5px; 
    } 
  
    .custom-wrapper { 
        width: 100%; 
        left: 0; 
        padding: 0 10px; 
    } 
  
    .projtitle { 
        width: 100%; 
        position: relative; 
        right: 26px; 
    } 
  
    .price-input { 
        flex-direction: column; 
        align-items: center; 
    } 
  
    .price-field { 
        margin-bottom: 10px; 
    } 
}