* {
  box-sizing: border-box;
  font-family: 'Cairo', sans-serif;
  direction: rtl;
}

body {
  margin: 10px !important;
  right: -8px;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
}

.title_search {
  text-align: center;
}

.brands div,
.p_type div,
.t_b {
  display: flex;
  justify-content: space-evenly;
}

.overlay {
  background-color: black;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 7px;
}

.brands a,
.p_type a {
  text-decoration: none;
  color: white;
  font-size: 30px;
  font-weight: light;
  text-align: center;
  z-index: 1;
}

.search {
  margin-right: 10%;
  margin-left: 10%;
  margin-top: 100px;
  margin-bottom: 30px;
  bottom: 15px;
  background-color: #c73a85;
  border-radius: 20px;
  padding: 50px;
  padding-top: 0;
}

.search h2 {
  text-align: center;
  color: white;
}


.search form {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  position: relative;
  flex-direction: column;
}

.search form input,
.search form select {
  height: 50px;
  border: none;
  outline: none;
  padding-right: 10px;
  margin: 2px;
}

.search form select,
.seach_submit {
  width: 100%;
  text-align: center;
  font-size: x-large;
}

.text-search {
  width: 500px !important;
}

.type {
  display: flex;
  justify-content: center;
}

.p_type {
  display: flex;
  justify-content: center;
}

.type label {
  margin: 10px;
}

.p_type label {
  margin: 10px;
}

label input {
  opacity: 0;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 0;
}

label div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100px;
  height: 100px;
  background-color: #c0c0c0;
  border: 5px solid #c0c0c0;
  border-radius: 100%;
}

input:checked+div {
  background-color: #42bdf6;
}


input:checked+div p {
  color: white;
}

.seach_submit {
  background-color: #42bdf6;
  color: white;
  font-weight: 600;
}

.brands,
.p_type {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}

.places {
  padding: 30px 10px;
  position: relative;
}

.ستائر,
.أدوات_منزلية,
.أجهزة_كهربائية,
.أثاث_منزلي,
.أثاث_مكتبي,
.مطابخ_و_دريسنج,
.مفروشات,
.موبايلات,
.نجف_و_تحف,
.رجالي,
.نسائي,
.أطفالي_أولادي,
.أطفالي_بناتي,
.إكسسوار,
.مستحضرات_تجميل,
.أحذية,
.حقائب,
.zara,
.bershka,
.h_m,
.textelo,
.massimodutti,
.gucci,
.chanel,
.bruberry,
.adidas,
.hermes,
.lc_waikiki,
.louis_vuitton,
.nike,
.town_team,
.puma,
.mobaco,
.mango,
.beymen,
.pullandbear,
.stradivarius,
.oysho,
.ravin,
.reserved,
.guess,
.diesel,
.whatsup,
.concrete,
.aldo,
.gant,
.carinawear {
  flex-grow: 1;
  width: 400px;
  min-width: 100px;
  margin: 10px;
  padding: 10px;
  height: 450px;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  position: relative;
}

.categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.background_image {
  margin: 10px;
}

.background_image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100px;
  height: 100px;
  background-color: #eee9e6;
  border: 2px solid #eee9e6;
  border-radius: 100%;
}

.category_link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category_p {
  font-size: medium;
}

.zara {
  background-image: url(../images/zara.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.textelo {
  background-image: url(../images/textelo.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bershka {
  background-image: url(../images/bershka.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.h_m {
  background-image: url(../images/h&m.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.massimodutti {
  background-image: url(../images/massimodutti.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.adidas {
  background-image: url(../images/adidas.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bruberry {
  background-image: url(../images/burberry.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.chanel {
  background-image: url(../images/chanel.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gucci {
  background-image: url(../images/gucci.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hermes {
  background-image: url(../images/hermes.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.lc_waikiki {
  background-image: url(../images/lc-waikiki.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.louis_vuitton {
  background-image: url(../images/louis-vuitton.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.nike {
  background-image: url(../images/nike.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.town_team {
  background-image: url(../images/town-team.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.puma {
  background-image: url(../images/puma.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mobaco {
  background-image: url(../images/mobaco.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mango {
  background-image: url(../images/mango.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.beymen {
  background-image: url(../images/beymen.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pullandbear {
  background-image: url(../images/pullandbear.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.stradivarius {
  background-image: url(../images/stradivarius.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.oysho {
  background-image: url(../images/oysho.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ravin {
  background-image: url(../images/ravin.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.reserved {
  background-image: url(../images/reserved.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guess {
  background-image: url(../images/guess.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.diesel {
  background-image: url(../images/diesel.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.whatsup {
  background-image: url(../images/whatsup.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.concrete {
  background-image: url(../images/concrete.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.aldo {
  background-image: url(../images/aldo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gant {
  background-image: url(../images/gant.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.carinawear {
  background-image: url(../images/carinawear.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.رجالي {
  background-image: url(../images/man_model.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.نسائي {
  background-image: url(../images/woman_model.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أطفالي_أولادي {
  background-image: url(../images/أطفالي_أولادي.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أطفالي_بناتي {
  background-image: url(../images/أطفالي_بناتي.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.إكسسوار {
  background-image: url(../images/accessories_model.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.مستحضرات_تجميل {
  background-image: url(../images/makeup.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أحذية {
  background-image: url(../images/shoes_model.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.حقائب {
  background-image: url(../images/bags.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.موبايلات {
  background-image: url(../images/mobile.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.نجف_و_تحف {
  background-image: url(../images/najaf.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.مفروشات {
  background-image: url(../images/furniture.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أدوات_منزلية {
  background-image: url(../images/houseware.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أجهزة_كهربائية {
  background-image: url(../images/electrical\ devices.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أثاث_منزلي {
  background-image: url(../images/home\ furnishings.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.أثاث_مكتبي {
  background-image: url(../images/office\ furniture.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.مطابخ_و_دريسنج {
  background-image: url(../images/kitchens.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ستائر {
  background-image: url(../images/curtains.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width:694px) {
  .text-search {
    width: 96% !important;
  }

  header img {
    width: 140px;
  }
}