* {
   border: 0;
   box-sizing: border-box;
   padding: 0;
   /* margin: 0 auto; */

 }

 body {
   /* background-color: #e7e7e7; */
   font-size: 14px;
   color: #454545;
   background-color: #fefefe;
   margin: 0;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   
 }


 .tawba_t {
   color: #0076BE;
   text-align: left !important;
 }
 .text-left{
   text-align: left;
   align-items: start;
 }
 .tawba_b {
   background-color: #0076BE;
 }


 .border-b {
   border-bottom: 1px solid #a8a8a8;
   padding: 5px;
 }
/* 
 .inpu_field input {
   width: 30%;
 } */

 .pointer {
   cursor: pointer;
 }


 a:link {
   text-decoration: none;
 }

 a:visited {
   text-decoration: none;
 }

 a:hover {
   text-decoration: underline;
 }

 a:active {
   text-decoration: underline;
 }

 /* Search */


 :root {
   --hue: 223;
   --bg: hsl(var(--hue), 90%, 90%);
   --fg: hsl(var(--hue), 90%, 10%);
   --trans-dur: 0.3s;
   --trans-timing: cubic-bezier(0.65, 0, 0.35, 1);
   /* font-size: calc(20px + (40 - 20) * (100vw - 320px) / (2560 - 320)); */

 }

 .search,
 .search__icon,
 .search__input {
   color: hsl(0deg 0% 50.24%);
 }

 .search {
   /* margin: auto; */
   width: 50em;
 }

 .search__button,
 .search__input {
   outline: transparent;
 }

 .search__button {
   background-color: transparent;
   cursor: pointer;
   display: block;
   position: absolute;
   top: 0;
   right: 0.125em;
   width: 2.25em;
   height: 2.25em;
   -webkit-tap-highlight-color: transparent;
 }

 [dir="rtl"] .search__button {
   right: auto;
   left: 0.125em;
   transform: scaleX(-1);
 }

 .search__icon {
   display: block;
   margin: auto;
   transition: color 0.15s linear;
   width: 2.25em;
   height: 3.45em;
 }

 .search__button:focus-visible .search__icon,
 .search__button:hover .search__icon {
   color: hsl(var(--hue), 90%, 80%);
 }

 .search__icon-ellipse {
   transition: ry var(--trans-dur) var(--trans-timing);
 }

 .search__icon-g,
 .search__icon-line2,
 .search__icon-line3 {
   transition: transform var(--trans-dur) var(--trans-timing);
 }

 .search__icon-g {
   transform: translate(6px, 6px);
   transform-origin: 12px 12px;
 }

 .search__icon-line2,
 .search__icon-line3 {
   transform-origin: 21px 21px;
 }

 .search__input {
   background-color: white;
   border-radius: 0.5em;
   /* box-shadow: 0 0.5em 1em hsla(var(--hue),90%,60%,0.4); */
   padding: 0.125em 0.75em;
   padding-inline-end: 2.375em;
   transition:
   background-color var(--trans-dur);
   width: 100%;
   height: 2.25em;
 }

 .search__input::placeholder {
   color: hsl(var(--hue), 90%, 80%);
   transition: color var(--trans-dur);
 }

 .search__input-wrap {
   position: relative;
 }

 .search__label {
   position: absolute;
   width: 1px;
   height: 1px;
 }

 /* `:focus` state */
 .search__button:focus .search__icon-ellipse,
 .search__button:hover .search__icon-ellipse,
 .search__input:focus+.search__button .search__icon-ellipse {
   ry: 0.01px;
 }

 .search__button:focus .search__icon-g,
 .search__button:hover .search__icon-g,
 .search__input:focus+.search__button .search__icon-g {
   transform: translate(6px, 6px) rotate(-45deg);
 }

 .search__button:focus .search__icon-line2,
 .search__button:hover .search__icon-line2,
 .search__input:focus+.search__button .search__icon-line2 {
   transform: rotate(-45deg);
 }

 .search__button:focus .search__icon-line3,
 .search__button:hover .search__icon-line3,
 .search__input:focus+.search__button .search__icon-line3 {
   transform: rotate(45deg);
 }

 /* “searched” state */
 .search--searched .search__button {
   animation: search-icon-bounce var(--trans-dur);
 }

 [dir="rtl"] .search--searched .search__button {
   animation: search-icon-bounce-rtl var(--trans-dur);
 }

 .search--searched .search__icon-ellipse,
 .search--searched .search__icon-g,
 .search--searched .search__icon-line2,
 .search--searched .search__icon-line3 {
   transition-delay: var(--trans-dur);
 }

 /* Dark theme */
 @media (prefers-color-scheme: dark) {
   :root {
     --bg: hsl(var(--hue), 90%, 10%);
     --fg: hsl(var(--hue), 90%, 90%);
   }

   .search__input {
     background-color: hsl(var(--hue), 90%, 40%);
     box-shadow: 0 0.5em 1em hsla(var(--hue), 90%, 40%, 0.4);
   }

   .search__input::placeholder {
     color: hsl(var(--hue), 90%, 70%);
   }
 }

 /* Animations */
 @keyframes search-icon-bounce {

   from,
   to {
     animation-timing-function: cubic-bezier(0.65, 0, 1, 1);
     transform: translateX(0);
   }

   50% {
     animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
     transform: translateX(12.5%);
   }
 }

 @keyframes search-icon-bounce-rtl {

   from,
   to {
     animation-timing-function: cubic-bezier(0.65, 0, 1, 1);
     transform: scaleX(-1) translateX(0);
   }

   50% {
     animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
     transform: scaleX(-1) translateX(12.5%);
   }
 }



 /* Silser */


 /* Range */
 .wrapper {
   position: relative;
   /* width: 80%; */
   /* background-color: #ffffff; */
   padding: 10px 20px 0px 0px;
   /* padding: 50px 40px 20px 40px; */
   border-radius: 10px;
 }

 .container_wrraper {
   position: relative;
   width: 100%;
   height: 70px;
   /* margin-top: 30px; */
 }

 input[type="range"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   outline: none;
   position: absolute;
   margin: auto;
   top: 0;
   bottom: 0;
   background-color: transparent;
   pointer-events: none;
 }

 .slider-track {
   width: 100%;
   height: 5px;
   position: absolute;
   margin: auto;
   top: 0;
   bottom: 0;
   border-radius: 5px;
 }

 input[type="range"]::-webkit-slider-runnable-track {
   -webkit-appearance: none;
   height: 5px;
 }

 input[type="range"]::-moz-range-track {
   -moz-appearance: none;
   height: 5px;
 }

 input[type="range"]::-ms-track {
   appearance: none;
   height: 5px;
 }

 input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   height: 1.7em;
   width: 1.7em;
   background-color: #0076BE;
   cursor: pointer;
   margin-top: -9px;
   pointer-events: auto;
   border-radius: 50%;
 }

 input[type="range"]::-moz-range-thumb {
   -webkit-appearance: none;
   height: 1.7em;
   width: 1.7em;
   cursor: pointer;
   border-radius: 50%;
   background-color: #0076BE;
   pointer-events: auto;
   border: none;
 }

 input[type="range"]::-ms-thumb {
   appearance: none;
   height: 1.7em;
   width: 1.7em;
   cursor: pointer;
   border-radius: 50%;
   background-color: #0076BE;
   pointer-events: auto;
 }

 input[type="range"]:active::-webkit-slider-thumb {
   background-color: #ffffff;
   border: 1px solid #3264fe;
 }

 .values {
   background-color: #0076BE;
   width: 65%;
   position: relative;
   margin: auto;
   padding: 10px 0;
   border-radius: 5px;
   text-align: center;
   font-weight: 500;
   font-size: 20px;
   color: #ffffff;
 }

 .values:before {
   content: "";
   position: absolute;
   height: 0;
   width: 0;
   border-top: 15px solid #0076BE;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   margin: auto;
   bottom: -14px;
   left: 0;
   right: 0;
 }



 /* .................................Rating..................................... */

 .rating_wrapper .color-orange i {
   color: orange;
   font-size: 18px;
   margin-left: 5px;
 }

 .rating_wrapper i {
   color: rgb(163 163 163);
   font-size: 18px;
   margin-left: 10px;
   padding: 5px;
 }












 .sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: #111;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
 }

 .sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 25px;
   color: #818181;
   display: block;
   transition: 0.3s;
 }

 .sidenav a:hover {
   color: #f1f1f1;
 }

 .sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
 }

 @media screen and (max-height: 450px) {
   .sidenav {
     padding-top: 15px;
   }

   .sidenav a {
     font-size: 18px;
   }
 }


 /* Dropdown Menu */

 .dropbtn {
   /* background-color: #959595; */
   color: #797676;
   padding: 10px;
   font-size: 16px;
   border: none;
   width: 100%;
   cursor: pointer;
   padding: 4px 10px !important;
 }

 .dropdown {
   position: relative;
   color: #797676;
   font-weight: 500;
 }

 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fefefe;
  min-width: 300px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 65%;
  top: -170%;
  
  color: #797676;

 }

 .dropdown-content a {
   color: #797676;
   text-decoration: none;
   display: block;
   padding: 12px 20px;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }

 .dropdown-content a:hover {
   /* background-color: #0076BE; */
   /* color: #ffff; */
   text-decoration: underline;
 }

 .dropdown:hover .dropdown-content {
   display: block;
 }

 .dropdown:hover .dropbtn {
  color: #797676;
   text-decoration: underline;
 }
 .price{
  font-size: 18px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #797676;
 }

 
 @media only screen and (max-width: 500px) {
  .dropdown-content {
    left: 55%;
    
  }
  .sm_img {
    width: 100%;
    height: 250px;
  }

}
@media only screen and (max-width: 992px) {
  .sm_img {
    width: 100%;
    height: 300px;
  }

}
@media only screen and (max-width: 1200px) {
  .sm_img {
    width: 100%;
    height: 250px;
  }

}
/* .aside-menu{
  border-right: 2px solid #b9b6b6;
} */