/* range slider */
       .main_header .container {
           background: #F5F5F5 !important;
       }

       [slider] {
           position: relative;
           height: 14px;
           border-radius: 10px;
           text-align: left;
           margin: 2rem 0 10px 0;
       }

       [slider]>div {
           position: absolute;
           left: 13px;
           right: 15px;
           height: 14px;
       }

       [slider]>div>[inverse-left] {
           position: absolute;
           left: 0;
           height: 7px;
           border-radius: 10px;
           background-color: #CCC;
           margin: 0 7px;
       }

       [slider]>div>[inverse-right] {
           position: absolute;
           right: 0;
           height: 7px;
           border-radius: 10px;
           background-color: #CCC;
           margin: 0 7px;
       }

       [slider]>div>[range] {
           position: absolute;
           left: 0;
           height: 7px;
           border-radius: 14px;
           background-color: #FD8C22;
       }

       [slider]>div>[thumb] {
           position: absolute;
           top: -10px;
           z-index: 2;
           height: 26px;
           width: 26px;
           text-align: left;
           margin-left: -11px;
           cursor: pointer;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
           background-color: #FFF;
           border-radius: 50%;
           outline: none;
       }

       [slider]>input[type=range] {
           position: absolute;
           pointer-events: none;
           -webkit-appearance: none;
           z-index: 3;
           height: 14px;
           top: -2px;
           width: 100%;
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
           filter: alpha(opacity=0);
           -moz-opacity: 0;
           -khtml-opacity: 0;
           opacity: 0;
       }

       div[slider]>input[type=range]::-ms-track {
           -webkit-appearance: none;
           background: transparent;
           color: transparent;
       }

       div[slider]>input[type=range]::-moz-range-track {
           -moz-appearance: none;
           background: transparent;
           color: transparent;
       }

       div[slider]>input[type=range]:focus::-webkit-slider-runnable-track {
           background: transparent;
           border: transparent;
       }

       div[slider]>input[type=range]:focus {
           outline: none;
       }

       div[slider]>input[type=range]::-ms-thumb {
           pointer-events: all;
           width: 28px;
           height: 28px;
       }

       div[slider]>input[type=range]::-moz-range-thumb {
           pointer-events: all;
           width: 28px;
           height: 28px;
       }

       div[slider]>input[type=range]::-webkit-slider-thumb {
           pointer-events: all;
           width: 28px;
           height: 28px;
           -webkit-appearance: none;
       }

       [slider]>div>[sign] {
           opacity: 0;
           position: absolute;
           margin-left: -11px;
           min-width: 29px;
           top: -39px;
           z-index: 3;
           /* left: -50% !important; */
           background-color: #FD8C22;
           color: #fff;
           padding-inline: 5px;
           width: fit-content;
           height: 28px;
           border-radius: 28px;
           -webkit-border-radius: 28px;
           align-items: center;
           -webkit-justify-content: center;
           justify-content: center;
           text-align: center;
       }

       [slider]>div>[sign]:after {
           position: absolute;
           content: '';
           left: 0%;
           border-radius: 16px;
           top: 19px;
           border-left: 14px solid transparent;
           border-right: 14px solid transparent;
           border-top-width: 16px;
           border-top-style: solid;
           border-top-color: #FD8C22;
           /* transform: translateX(-50%); */
       }

       [slider]>div>[sign]>span {
           font-size: 12px;
           font-weight: 700;
           line-height: 28px;
       }

       [slider]:hover>div>[sign] {
           opacity: 1;
       }


       /* range dropdown */


       .dropdown-range {
           width: 260px;
       }

       .dropdown-menu {
           width: 100%;
           min-width: 260px;
           padding: 15px;
       }

       .list-options {
           max-height: 150px;
           overflow-y: auto;
       }

       .option-btn {
           border: none;
           border-bottom: 1px solid #eee;
           width: 100%;
           padding: 6px;
           text-align: left;
           background: #fff;
       }

       .option-btn:hover,
       .option-btn.active {
           background-color: #0d6efd;
           color: #fff;
       }

       .change-unit {
           color: #0d6efd;
           font-size: 13px;
           text-align: center;
           display: block;
           margin-bottom: 10px;
           cursor: pointer;
       }

       .reset-btn {
           font-size: 13px;
           color: #0d6efd;
           cursor: pointer;
       }

       .divider {
           border-top: 2px solid #ddd;
           margin: 5px 0 10px;
       }

       .dropdown-toggle::after {
           position: absolute;
           top: 16px;
           right: 15px;
       }

       /* range dropdown */

       @media(max-width:767px) {
           [slider] {
               margin: 21px 0 10px 0;
           }

           .mimu_ul_2 {
               gap: 01rem;
           }

           .range_slider_col label {
               margin-top: 2rem;
           }

       }