/* Size */
/* Size End */
/* Size */
/* Size End */
/* Color */
:root {
  --backgroundColor: #f8f9fa;
  --primaryColor: #11aa85;
  --primaryHoverColor: #0e9675;
  --baseColor: #252525;
  --baseColorHover: #767676;
  --textColor: #555;
  --grayText: #858585;
  --secondColor: #3550f6;
  --secondHoverColor: #2e47dc;
  --addRentColor: #04957b;
  --addRentHoverColor: #037b65;
  --grayColor: #e1e6eb;
  --grayColorHover: #d0d7dd;
  --lightGrayColor: #eceff3;
  --r8: 8px;
  --lgrayColor: #f1f3f5;
}

/* Color End */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

body {
  height: 100%;
  font-size: 14px;
  font-family: "Nunito";
  color: var(--baseColor);
  line-height: 1.4;
  font-weight: 500;
  font-style: normal;
  position: relative;
  background-color: var(--backgroundColor);
  background-size: cover;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: var(--baseColor);
  font-size: 14px;
  text-decoration: none;
}

a:hover {
  color: var(--baseColor);
  text-decoration: none;
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

/* Other Style */
.clear-fix {
  display: block;
  clear: both;
}

.clear-fix::after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:focus,
*:active {
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  box-sizing: border-box;
}

.dg {
  display: -ms-grid;
  display: grid;
}

.dgc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.__aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.aie {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.jce {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.gap1 {
  gap: 10px;
}

.gap1_6 {
  gap: 16px;
}

.gap1_6_col {
  gap: 16px;
}

.gap2 {
  gap: 20px;
}

.gap_col2 {
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.gap2_4 {
  gap: 24px;
}

.gap2_4_row {
  row-gap: 24px;
}

.gap3 {
  gap: 30px;
}

.gap3_col {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.gap4_row {
  row-gap: 40px;
}

.gap5 {
  gap: 50px;
}

.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dfc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dcsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dfcc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pr {
  position: relative !important;
}

.pa {
  position: absolute !important;
}

.__pa_cc {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.__w10 {
  width: 100%;
}

.mt1 {
  margin-top: 10px;
}

.mt1_6 {
  margin-top: 16px;
}

.ml1 {
  margin-left: 10px;
}

.ml2 {
  margin-left: 20px;
}

.mt2 {
  margin-top: 20px;
}

.mt3 {
  margin-top: 30px;
}

.mt4 {
  margin-top: 40px;
}

.mt5 {
  margin-top: 50px;
}

.g_area {
  grid-auto-rows: minmax(100px, auto);
}

.g1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.g2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.g3 {
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}

.g4 {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}

.g5 {
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}

.g6 {
  -ms-grid-columns: (1fr) [6];
  grid-template-columns: repeat(6, 1fr);
}

.g7 {
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
}

.g8 {
  grid-column: span 8 / span 8;
}

.g12 {
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}

.g_c1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.g_c1_7 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
}

.g_c1_8 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-column: 1 / 9;
}

.g_c2 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

.g_c3 {
  -ms-grid-column: 1;
  grid-column: 1;
}

.g_c4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
}

.g_c5 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / 6;
}

.g_c5_12 {
  -ms-grid-column: 6;
  -ms-grid-column-span: 7;
  grid-column: 6 / 13;
}

.g_c6 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / 7;
}

.g_c6_12 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-column: 7 / 13;
}

.g_c7_12 {
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  grid-column: 8 / 13;
}

.g_c8_12 {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / 13;
}

/* Main Style */
.container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widget {
  width: 360px;
}

.full_container {
  margin: 0 auto;
  max-width: 1400px;
  padding-left: 32px;
  padding-right: 32px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  color: #fff;
  background-color: var(--secondColor);
}

::selection {
  color: #fff;
  background-color: var(--secondColor);
}

/* Main Style End */
.__input,
.__select,
.__textarea {
  position: relative;
  color: var(--baseColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  height: 44px;
  width: 100%;
  padding: 10px 12px 8px;
  -webkit-transition: border-color 0.1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: border-color 0.1s cubic-bezier(0.7, 0, 0.3, 1);
  border: none;
  border-width: 1px;
  border-style: solid;
  border-color: var(--grayColorHover);
  border-radius: 8px;
  z-index: 0;
}

.__input.__filled,
.__select.__filled,
.__textarea.__filled {
  padding: 0 31px 0 7px;
  border-width: 2px;
}

.__input::-webkit-input-placeholder,
.__select::-webkit-input-placeholder,
.__textarea::-webkit-input-placeholder {
  color: #acb4c1;
  font-weight: 500;
}

.__input:-ms-input-placeholder,
.__select:-ms-input-placeholder,
.__textarea:-ms-input-placeholder {
  color: #acb4c1;
  font-weight: 500;
}

.__input::-ms-input-placeholder,
.__select::-ms-input-placeholder,
.__textarea::-ms-input-placeholder {
  color: #acb4c1;
  font-weight: 500;
}

.__input::placeholder,
.__select::placeholder,
.__textarea::placeholder {
  color: #acb4c1;
  font-weight: 500;
}

select,
.__select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  padding-right: 30px;
  background-color: #fff;
  background: #fff url("../images/drop-arrow.svg") no-repeat center center;
  background-position: right 12px center;
  background-size: 10px 10px;
  outline: 0;
}

.__textarea {
  height: auto;
  min-height: 8rem;
  max-height: 12rem;
  resize: vertical;
}

textarea::-webkit-input-placeholder {
  color: #acb4c1;
}

textarea:-ms-input-placeholder {
  color: #acb4c1;
}

textarea::-ms-input-placeholder {
  color: #acb4c1;
}

textarea::placeholder {
  color: #acb4c1;
}

.__input_m {
  font-size: 13px;
  height: 40px;
  padding: 0 10px;
}

.__input::-webkit-input-placeholder {
  color: #acb4c1;
  font-size: 14px;
}

.__input:-ms-input-placeholder {
  color: #acb4c1;
  font-size: 14px;
}

.__input::-ms-input-placeholder {
  color: #acb4c1;
  font-size: 14px;
}

.__input::placeholder {
  color: #acb4c1;
  font-size: 14px;
}

.__input:hover,
.__select:hover,
.__textarea:hover,
.__input_rest:hover {
  border-color: #7f8da5;
}

.__input:focus,
.__select:focus,
.__textarea:focus,
.__input_rest:focus {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 122, 254, 0.15);
  box-shadow: 0 0 0 4px rgba(0, 122, 254, 0.15);
  border-color: var(--secondColor);
}

.__in_error {
  border-color: #d0021b;
}

.notice {
  padding: 10px 14px;
  margin: 16px 0;
  background-color: var(--grayColor);
  border-radius: 8px;
}

.notice.green {
  color: #0f5f55;
  background-color: #bef8ed;
}

.form_item {
  display: -ms-grid;
  display: grid;
  margin-bottom: 16px;
}

.form_item_horiz {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(30% - 20px) calc(50% - 10px) calc(20% - 10px);
  grid-template-columns: calc(30% - 20px) calc(50% - 10px) calc(20% - 10px);
  gap: 20px;
}

.form_item_horiz .__label {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 10px 0 0;
}

.form_item_horiz ~ .form_item_horiz {
  margin-top: 20px;
}

.form_item_horiz .dfc {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form_item_horiz .content_item {
  margin-bottom: 10px;
  margin-right: 40px;
}

.form_item_line {
  display: -ms-grid;
  display: grid;
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 16, 34, 0.1);
}

.__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #495460;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-bottom: 6px;
}

.label,
.label-text {
  color: var(--baseColor);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  min-height: 20px;
  line-height: 1;
  padding: 0 !important;
  width: 100%;
  overflow: hidden;
}

.__text_desc {
  margin-top: 8px;
}

.__text_desc p {
  color: var(--primaryColor);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #495460;
}

.__text_desc p ~ p {
  margin-top: 8px;
}

.__text_desc .__error {
  color: #d0021b;
  font-weight: 500;
}

.input_col {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 48px;
  grid-template-columns: 1fr 48px;
  gap: 10px;
}

.input_col ~ .input_col {
  margin-top: 10px;
}

.add_rem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  background-color: var(--lightGrayColor);
  border-radius: 8px;
  cursor: pointer;
}

.add_rem .add {
  position: relative;
  height: 2px;
  width: 18px;
  background-color: #7f8da5;
}

.add_rem .add::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 18px;
  width: 2px;
  background-color: #7f8da5;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.add_rem .remove {
  height: 2px;
  width: 18px;
  background-color: #7f8da5;
}

/* Button Style */
.__btn {
  position: relative;
  color: var(--baseColor);
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  padding: 0 20px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1),
    -webkit-box-shadow 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1),
    -webkit-box-shadow 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: box-shadow 0.15s cubic-bezier(0.075, 0.82, 0.165, 1),
    background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition: box-shadow 0.15s cubic-bezier(0.075, 0.82, 0.165, 1),
    background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1),
    -webkit-box-shadow 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 2;
}

.__btn:hover {
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1) inset;
  border-color: var(--grayColor);
}

.__btn_l {
  height: 44px;
  border-radius: 10px;
}

.__btn_m {
  height: 38px;
  border-radius: 10px;
}

.__btn_htrans {
  -webkit-transition: background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition: background-color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.__default {
  background-color: var(--backgroundColor) !important;
  border: none;
}

.__default:hover {
  background-color: #f1f4f5 !important;
}

.__default .__deactivated {
  opacity: 0.6;
}

.btn_primary {
  color: #fff;
  background-color: var(--secondColor);
}

.btn_primary:hover {
  color: #fff;
  background-color: var(--secondHoverColor);
  border-color: transparent;
}

.green_btn {
  color: #fff;
  background-color: var(--primaryColor);
}

.green_btn:hover {
  background-color: var(--primaryHoverColor);
  border-color: transparent;
}

.__second_btn {
  color: #fff;
  background-color: var(--addRentColor);
}

.__second_btn:hover {
  background-color: var(--addRentHoverColor);
  border-color: transparent;
}

/* Button Style End */
/* Other */
.checkbox-label {
  color: #333;
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
  position: relative;
  padding-left: 26px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-label .checkbox {
  opacity: 0;
  position: absolute;
}

.rent_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding-left: 36px;
  border: 1px solid var(--grayColor);
  border-radius: 8px;
}

.rent_type input[type="radio"] {
  display: none;
}

.rent_type input[type="radio"]:checked ~ .checkmark {
  background-color: var(--secondColor);
  border-color: var(--secondColor);
}

.rent_type input[type="radio"]:checked ~ .checkmark::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 8px;
  width: 8px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.rent_type input[type="radio"]:checked ~ .label-text {
  color: var(--secondColor);
  font-weight: 600;
}

.rent_type .checkmark {
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}

.rent_type .label-text {
  color: #7f8da5;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #c7d2db;
  border-radius: 4px;
}

.checkbox-label:not(.disabled).\:hover .checkbox ~ .checkmark,
.checkbox-label:not(.disabled):hover .checkbox ~ .checkmark {
  background-color: #88a5d210;
}

.checkbox[type="checkbox"]:checked + .checkmark {
  border-color: var(--baseColor);
}

.checkbox[type="checkbox"]:checked + .checkmark::before,
.checkbox[type="checkbox"]:checked + .checkmark::after {
  display: block;
  width: 9px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 5px;
  content: "";
  background-color: var(--baseColor);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 2px;
}

.checkbox[type="checkbox"]:checked + .checkmark::before {
  top: 8px;
  left: 3px;
  width: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-label:not(.disabled).\:focus .checkbox ~ .checkmark,
.checkbox-label:not(.disabled):focus .checkbox ~ .checkmark {
  opacity: 1;
  z-index: 10;
  outline: 2px dotted var(--baseColor);
  outline-offset: 2px;
}

.__txtu {
  text-transform: uppercase;
}

/* Other End */
/* Header Style */
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 99;
}

.header_wrap .header_block {
  width: 100%;
}

.mobile_header {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 99;
}

.mobile_header .header_block {
  width: 100%;
}

.header_padd {
  padding-top: 10px;
  padding-bottom: 10px;
}

.header_main {
  position: relative;
  font-weight: 600;
  background-color: #fff;
  border-bottom: 1px solid var(--lightGrayColor);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  z-index: 3;
}

.header_main .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  margin-right: 30px;
  overflow: hidden;
}

.header_main .logo {
  height: 32px;
  width: 200px;
}

.header_main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_main ul li ~ li {
  margin-left: 15px;
}

.header_main ul li a {
  color: #6e6d7a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
}

.header_main ul li a:hover,
.header_main ul li a.active {
  color: var(--baseColor);
}

.header_main .header_tools .action_item {
  position: relative;
  color: #6e6d7a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 8px;
}

.header_main .header_tools .action_item ~ .action_item {
  margin-left: 16px;
}

.header_main .header_tools .action_item:hover {
  color: var(--baseColor);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  border-color: var(--grayColor);
}

.header_main .header_tools .action_item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  line-height: 14px;
  position: absolute;
  content: "";
  top: 4px;
  left: 26px;
  height: 15px;
  min-width: 15px;
  padding: 0 3px;
  background-color: #ed3339;
  border-radius: 50%;
  border: 1px solid #fff;
}

.header_main .header_tools .action_item span {
  height: 20px;
  width: 20px;
}

.header_main .header_tools .action_account {
  padding-right: 16px;
}

.header_main .header_tools .action_account span {
  margin-right: 8px;
}

.search_wrap {
  position: relative;
  margin-right: 20px;
}

.search_form .__input {
  line-height: 38px;
  height: 40px;
  padding-left: 12px;
  padding-right: 40px;
}

.search_form .__input::-webkit-input-placeholder {
  font-size: 14px;
}

.search_form .__input:-ms-input-placeholder {
  font-size: 14px;
}

.search_form .__input::-ms-input-placeholder {
  font-size: 14px;
}

.search_form .__input::placeholder {
  font-size: 14px;
}

.search_form .search_btn {
  position: absolute;
  content: "";
  top: 50%;
  right: 5px;
  height: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
  background-color: var(--secondColor);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 6px;
  cursor: pointer;
  border: none;
}

.search_form .search_btn img {
  height: 60%;
}

.create_rent {
  position: relative;
  margin-left: 16px;
  padding-left: 44px;
}

.create_rent:hover {
  color: #fff !important;
}

.create_rent:hover .__plus {
  background-color: rgba(255, 255, 255, 0.2);
}

.create_rent:hover .__plus::before,
.create_rent:hover .__plus::after {
  top: 10px;
  left: 4px;
  height: 2px;
  width: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.create_rent:hover .__plus::after {
  top: 9px;
  left: 7px;
  width: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.create_rent .__plus {
  position: absolute;
  left: 11px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.create_rent .__plus::before,
.create_rent .__plus::after {
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 2px;
  height: 2px;
  width: 16px;
  background-color: #fff;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 2px;
  z-index: 2;
}

.create_rent .__plus::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.nav-up .header_main {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.nav-up .header_filter {
  -webkit-transform: translateY(calc(-100% - 2px));
  transform: translateY(calc(-100% - 2px));
}

.header_filter {
  position: relative;
  margin-top: 65px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  transition: transform 0.2s ease-in, transform 0.1s ease-out,
    -webkit-transform 0.2s ease-in;
  border-bottom: 1px solid var(--lightGrayColor);
  z-index: 1;
}

.header_filter .header_category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
}

.header_filter .header_category ul li {
  position: relative;
}

.header_filter .header_category ul li div,
.header_filter .header_category ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px 0 10px;
  cursor: pointer;
}

.header_filter .header_category ul li div::before,
.header_filter .header_category ul li a::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  right: 0;
  visibility: hidden;
  opacity: 0;
  width: 0;
  border-bottom: 2px solid transparent;
  -webkit-transition: width 0.15s ease-in;
  transition: width 0.15s ease-in;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header_filter .header_category ul li div.active p,
.header_filter .header_category ul li div.active:hover p,
.header_filter .header_category ul li a.active p,
.header_filter .header_category ul li a.active:hover p {
  color: var(--baseColor);
}

.header_filter .header_category ul li div.active::before,
.header_filter .header_category ul li div.active:hover::before,
.header_filter .header_category ul li a.active::before,
.header_filter .header_category ul li a.active:hover::before {
  width: 100%;
  border-color: var(--baseColor);
  visibility: visible;
  opacity: 1;
}

.header_filter .header_category ul li div:hover::before,
.header_filter .header_category ul li a:hover::before {
  width: 100%;
  border-color: var(--grayColor);
  visibility: visible;
  opacity: 1;
}

.header_filter .header_category ul li:hover p {
  color: var(--baseColor);
}

.header_filter .header_category ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  margin-bottom: 5px;
  border-radius: 4px;
  overflow: hidden;
}

.header_filter .header_category ul li span img {
  height: 100%;
}

.header_filter .header_category ul li ~ li {
  margin-left: 50px;
}

.header_filter .header_category ul li p {
  color: #6e6d7a;
  font-size: 13px;
  white-space: nowrap;
}

/* Header Style End */
.n_breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

.n_breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
}

.n_breadcrumb ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.n_breadcrumb ul li a:hover {
  color: var(--secondColor);
}

.n_breadcrumb ul li a::after {
  content: "";
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 8px;
  background: url("../images/breadcrumb_arrow.svg");
  background-position: 0 0;
  background-size: contain;
}

.n_breadcrumb ul li p {
  color: #6e6d7a;
  text-wrap: nowrap;
}

/* Main Style */
.body_wrap {
  padding-top: 70px;
  padding-bottom: 40px;
}

.page_main {
  margin-top: 16px;
}

.sidebar_page {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(280px, auto) 1fr;
  grid-template-columns: minmax(280px, auto) 1fr;
  gap: 20px;
}

.sidebar_page .sidebar_head .profile_sidebar_head {
  text-align: center;
  margin: 20px auto;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--lightGrayColor);
}

.sidebar_page .sidebar_head .profile_sidebar_head .prof_side_img {
  height: 120px;
  width: 120px;
  margin: 0 auto 10px;
  border-radius: 50%;
  overflow: hidden;
}

.sidebar_page .sidebar_head .profile_sidebar_head h3 {
  font-size: 20px;
}

.sidebar_page .sidebar_head .profile_sidebar_head p {
  color: var(--textColor);
}

.sidebar_page .sidebar_main ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px 9px;
  border-radius: 8px;
}

.sidebar_page .sidebar_main ul li a.active {
  color: var(--secondColor);
  font-weight: 600;
  background-color: #3550f615;
}

.sidebar_page .sidebar_main ul li a:hover {
  font-weight: 600;
}

.sidebar_page .sidebar_main ul li ~ li {
  margin-top: 2px;
}

.is_filter {
  padding-top: 30px;
}

.__section {
  padding: 30px 0 10px;
}

.back_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  min-width: 34px;
  margin-right: 15px;
  background-color: var(--grayColor);
  border: 1px solid transparent;
  border-radius: 8px;
}

.back_btn:hover {
  background-color: #fff;
  border-color: var(--grayColor);
}

.back_btn span {
  height: 14px;
  width: 12px;
  background: url("../images/drop-arrow.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px;
  margin-bottom: 20px;
}

.title button {
  height: 34px;
}

.sub_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.profile_head .p_head_menu {
  margin-bottom: 16px;
}

.profile_head .p_head_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--grayColor);
}

.profile_head .p_head_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 18px;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.profile_head .p_head_menu ul li a.active {
  font-weight: 600;
  background-color: var(--lightGrayColor);
  border-bottom-color: var(--secondColor);
}

.profile_head_grid {
  -ms-grid-columns: 1fr 1fr !important;
  grid-template-columns: 1fr 1fr !important;
}

.content_block {
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
}

.home_slide {
  display: block;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 30px 60px 0px,
    rgba(0, 0, 0, 0.12) 0px 14px 30px 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 30px 60px 0px,
    rgba(0, 0, 0, 0.12) 0px 14px 30px 0px;
  border-radius: 12px;
  overflow: hidden;
}

.slider_item {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.slider_item img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 12px;
}

.swiper-pagination-bullet-active {
  background-color: var(--secondColor);
}

.g2 .box_item .item_wrap {
  -ms-grid-columns: 270px 1fr;
  grid-template-columns: 270px 1fr;
}

.box_content_form {
  width: 100%;
}

.box_content_item {
  margin-top: 20px;
  padding: 10px 12px;
  background-color: #fff;
  border: 1px solid var(--lightGrayColor);
  border-radius: 10px;
}

.box_content_item .box_content_text p {
  color: var(--textColor);
}

.box_item {
  padding: 8px;
  background-color: #fff;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--lightGrayColor);
}

.box_item:hover {
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.box_item .item_wrap {
  position: relative;
  display: -ms-grid;
  display: grid;
  z-index: 1;
}

.box_item .item_wrap .box_prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box_item .item_wrap .box_prof > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box_item .item_wrap .box_prof .box_prof_img {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.box_item .item_wrap .box_prof .box_prof_img img {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.box_item .item_wrap .box_prof h5 {
  padding-left: 6px;
}

.box_item .item_badge {
  font-size: 12px;
  line-height: 1;
  top: 10px;
  right: 10px;
  padding: 4px 6px 3px;
  background-color: #fff;
  border: 1px solid #d0021b;
  border-radius: 4px;
}

.box_item .icon_heart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  margin-left: 10px;
  background-color: #fff;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  border-radius: 6px;
  border: none;
}
.favourited .icon_heart:hover {
  background-color: #3f52fabd !important;
}

.box_item .icon_heart:hover {
  background-color: var(--lightGrayColor);
}

.box_item .icon_heart span {
  height: 18px;
  width: 18px;
  background: url("../images/icon_heart.svg") no-repeat center center;
  background-size: 100%;
}

.box_item .box_img {
  position: relative;
  overflow: hidden;
}

.box_item .box_img .box_img_block {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px;
  border-radius: 4px;
  overflow: hidden;
  z-index: -1;
}

.box_item .box_img .box_img_block > div {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.box_item .box_img .box_img_block > div img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  height: 100% !important;
  width: 100%;
  border-radius: 4px;
}

.box_item .box_img:hover .box_img_list {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.box_item .box_img:hover .box_img_list div::before {
  opacity: 1;
}

.box_item .box_img .box_img_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0 4px;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  z-index: 1;
}

.box_item .box_img .box_img_list div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.box_item .box_img .box_img_list div::before {
  position: absolute;
  content: "";
  bottom: 6px;
  left: 50%;
  height: 2px;
  width: calc(100% - 4px);
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 4px;
  opacity: 0;
}

.box_item .box_img .box_img_list div.active::before {
  background-color: #fff;
}

.box_item .box_img .box_img_list div img {
  display: none;
}

.box_item .box_desc {
  margin-top: 16px;
  padding: 0 8px 8px;
}

.box_item .box_desc .dir_i:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.box_item .box_desc .dir_i ~ .dir_i {
  margin-top: 6px;
}

.box_item .box_desc .dir_i h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 17px;
  padding-top: 4px;
}

.box_item .box_desc .dir_i p {
  color: #7f8da5;
}

.box_item .box_desc .dir_i div {
  text-align: right;
}

.box_item .box_desc .dir_i div strong {
  font-size: 18px;
}

.favourited .icon_heart {
  background-color: var(--secondColor);
}

.favourited .icon_heart span {
  background: #fff;
  -webkit-mask-image: url("../images/icon_heart.svg");
}

.box_status {
  padding: 15px;
}

.box_status label {
  color: #7f8da5;
  font-weight: 500;
}

.box_status h2 {
  margin-top: 4px;
}

.box_wrap .box_main h1 {
  color: var(--baseColor);
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 20px;
}

.box_wrap .box_main h1 > h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box_wrap .box_main p {
  color: #495460;
  font-size: 16px;
  margin-bottom: 20px;
}

.box_wrap .change_text {
  position: relative;
  height: 50px;
  width: 100%;
  margin-left: 8px;
}

.box_wrap .change_text .chtext {
  opacity: 0;
  color: var(--secondColor);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.box_wrap .change_text .chtext:nth-child(1) {
  -webkit-animation: 16s ease-in-out 0s infinite normal none changeText1;
  animation: 16s ease-in-out 0s infinite normal none changeText1;
}

.box_wrap .change_text .chtext:nth-child(2) {
  -webkit-animation: 16s ease-in-out 0s infinite normal none changeText2;
  animation: 16s ease-in-out 0s infinite normal none changeText2;
}

.box_wrap .change_text .chtext:nth-child(3) {
  -webkit-animation: 16s ease-in-out 0s infinite normal none changeText3;
  animation: 16s ease-in-out 0s infinite normal none changeText3;
}

.box_wrap .change_text .chtext:nth-child(4) {
  -webkit-animation: 16s ease-in-out 0s infinite normal none changeText4;
  animation: 16s ease-in-out 0s infinite normal none changeText4;
}

@-webkit-keyframes changeText1 {
  0% {
    width: 0px;
    opacity: 1;
  }

  1.5625% {
    width: 110%;
  }

  9.375% {
    color: var(--secondColor);
    opacity: 1;
  }

  22% {
    color: var(--secondColor);
    opacity: 1;
  }

  24.1% {
    opacity: 0;
  }
}

@keyframes changeText1 {
  0% {
    width: 0px;
    opacity: 1;
  }

  1.5625% {
    width: 110%;
  }

  9.375% {
    color: var(--secondColor);
    opacity: 1;
  }

  22% {
    color: var(--secondColor);
    opacity: 1;
  }

  24.1% {
    opacity: 0;
  }
}

@-webkit-keyframes changeText2 {
  0% {
    width: 0px;
  }

  24.5% {
    width: 0px;
    opacity: 1;
  }

  27.0625% {
    width: 110%;
  }

  50.875% {
    color: var(--secondColor);
    opacity: 1;
  }

  52% {
    opacity: 0;
  }
}

@keyframes changeText2 {
  0% {
    width: 0px;
  }

  24.5% {
    width: 0px;
    opacity: 1;
  }

  27.0625% {
    width: 110%;
  }

  50.875% {
    color: var(--secondColor);
    opacity: 1;
  }

  52% {
    opacity: 0;
  }
}

@-webkit-keyframes changeText3 {
  0% {
    width: 0px;
  }

  52% {
    width: 0px;
    opacity: 1;
  }

  53.5625% {
    width: 110%;
  }

  75.375% {
    color: var(--secondColor);
    opacity: 1;
  }

  77.5% {
    opacity: 0;
  }
}

@keyframes changeText3 {
  0% {
    width: 0px;
  }

  52% {
    width: 0px;
    opacity: 1;
  }

  53.5625% {
    width: 110%;
  }

  75.375% {
    color: var(--secondColor);
    opacity: 1;
  }

  77.5% {
    opacity: 0;
  }
}

@-webkit-keyframes changeText4 {
  0% {
    width: 0px;
  }

  77.5% {
    width: 0px;
    opacity: 1;
  }

  79.0625% {
    width: 110%;
  }

  96.875% {
    color: var(--secondColor);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes changeText4 {
  0% {
    width: 0px;
  }

  77.5% {
    width: 0px;
    opacity: 1;
  }

  79.0625% {
    width: 110%;
  }

  96.875% {
    color: var(--secondColor);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.item_list {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.item_list .box_item {
  max-width: 290px;
}

.allrent_slide_btn {
  position: absolute;
  content: "";
  top: 50%;
  left: 10px;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  background-image: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid var(--grayColor);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1;
}

.allrent_slide_btn:hover {
  border-color: var(--secondColor);
}

.allrent_slide_btn::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  background-image: url("../images/slide-prev-next-arrow.svg");
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: 10px !important;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.swiper-button-next {
  left: auto;
  right: 10px;
}

.swiper-button-next::before {
  background-image: url("../images/slide-prev-next-arrow.svg");
  -webkit-transform: scale(1);
  transform: scale(1);
}

.rent_search_form form {
  width: 100%;
}

.rent_search_form .search_main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rent_search_form .search_main .rent_si {
  font-size: 18px;
  height: 60px;
  padding-left: 18px;
  padding-right: 90px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px;
  border-radius: 13px;
}

.rent_search_form .search_main .rent_si::-webkit-input-placeholder {
  font-size: 18px;
}

.rent_search_form .search_main .rent_si:-ms-input-placeholder {
  font-size: 18px;
}

.rent_search_form .search_main .rent_si::-ms-input-placeholder {
  font-size: 18px;
}

.rent_search_form .search_main .rent_si::placeholder {
  font-size: 18px;
}

.rent_search_form .search_main .rent_si:focus {
  -webkit-box-shadow: 0 0 0 4px rgba(0, 122, 254, 0.15);
  box-shadow: 0 0 0 4px rgba(0, 122, 254, 0.15);
}

.rent_search_form .search_main button {
  position: absolute;
  top: 50%;
  right: 5px;
  font-size: 18px;
  line-height: 48px;
  height: 50px;
  padding: 0 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form_check {
  border-width: 1px;
  border-style: solid;
  border-color: var(--grayColorHover);
  border-radius: 8px;
}

.form_check .check_list {
  padding: 6px;
}

.form_check .check_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form_check .check_list ul li {
  position: relative;
  padding: 4px 8px;
  margin: 4px;
  white-space: nowrap;
  border: 1px solid var(--grayColorHover);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 6px;
  cursor: pointer;
}

.form_check .check_list ul li.active {
  padding-right: 24px;
  background-color: #007afe15;
  border-color: var(--secondColor);
}

.form_check .check_list ul li.active::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 6px;
  height: 14px;
  width: 14px;
  background: url("../images/selected_icon.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form_check .check_list ul li:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 122, 254, 0.15);
  box-shadow: 0 0 0 3px rgba(0, 122, 254, 0.15);
  border-color: var(--secondColor);
}

.partners {
  padding: 30px 0;
  background-color: #fff;
  border-top: 1px solid var(--grayColor);
  border-bottom: 1px solid var(--grayColor);
}

.partners h1 {
  color: var(--textColor);
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 24px;
}

.partners .partners_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.partners .partners_content .partner_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 10px 16px;
  margin: 0 16px;
  -webkit-transition: 0.4s ease 0s;
  transition: 0.4s ease 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: center;
}

.partners .partners_content .partner_logo img {
  height: 50px;
  width: auto;
}

.block_item .qrcode {
  margin: 10px auto;
  height: 140px;
}

.block_item .qrcode img {
  height: 100%;
}

.f_text {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}

.user_rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.user_rating b {
  font-weight: 500;
  line-height: 1;
  margin-left: 4px;
}

.stars.review {
  background: -13 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    24px 0
      url("data:image/svg+xml;charset=utf-17,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    48px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    72px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    96px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat;
}

.stars.review {
  background: 0 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    24px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    48px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    72px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat,
    96px 0
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e5e7e9' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E")
      no-repeat;
  height: 14px;
  width: 14px;
}

.fill.review {
  background: 4 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    24px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    48px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    72px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    96px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat;
  height: 14px;
  width: 0;
}

.fill.review {
  background: 0 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    24px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    48px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    72px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat,
    96px 0
      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 0 15 15"%3E%3Cpath class="st0" fill="%23252525" d="M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z"/%3E%3C/svg%3E')
      no-repeat;
}

.detail_wrap {
  display: -ms-grid;
  display: grid;
}

.detail_wrap .detail_grid {
  -ms-grid-columns: 1fr 380px;
  grid-template-columns: 1fr 380px;
}

.detail_wrap .detail_main .title {
  margin-bottom: 25px;
}

.sidebar_content {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.detail_sidemain,
.sidebar {
  padding: 20px;
  background-color: #fff;
  border: 1px solid var(--grayColor);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}

.detail_sidemain h2,
.sidebar h2 {
  font-size: 20px;
}

.detail_sidemain .side_title,
.sidebar .side_title {
  margin-bottom: 20px;
}

.detail_sidemain ~ .detail_sidemain {
  margin-top: 20px;
}

.detail_sidemain .s_title {
  font-size: 18px;
  padding-top: 20px;
  margin-bottom: 16px;
}

.phone_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  background-color: var(--lightGrayColor);
  border: 1px solid var(--grayColorHover);
  border-radius: 8px;
}

.phone_input p {
  padding: 0 14px;
}

.phone_input input {
  margin-right: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.filter_wrap {
  margin-bottom: 20px;
}

.filter_wrap .filter_main .filter_find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter_wrap .filter_main .form_item {
  margin: 0;
}

.filter_wrap .filter_main .form_item ~ .form_item {
  margin-left: 10px;
}

.filter_wrap .filter_main .find_price {
  position: relative;
}

.filter_wrap .filter_main .find_price input {
  padding-right: 25px;
}

.filter_wrap .filter_main .find_price span {
  color: #7f8da5;
  font-weight: 500;
  position: absolute;
  top: calc(50% + 2px);
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.filter_wrap .filter_main .__input,
.filter_wrap .filter_main .__select {
  line-height: 18px;
  height: 38px;
}

.fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.filter_grid .filter_gl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  border: 1px solid var(--grayColor);
  cursor: pointer;
}

.filter_grid .filter_gl ~ .filter_gl {
  margin-left: 10px;
}

.filter_grid .grid .gl_icon,
.filter_grid .list .gl_icon {
  height: 16px;
  width: 16px;
  background: url("../images/icon_grid.svg") no-repeat center center;
  background-size: 32px 16px;
  background-position: left;
}

.filter_grid .list .gl_icon {
  background: url("../images/icon_list.svg") no-repeat center center;
  background-size: 32px 16px;
  background-position: left;
}

.filter_grid .active {
  border-color: var(--secondColor);
}

.filter_grid .active .gl_icon {
  background-position: right;
}

.detail_thumb {
  position: relative;
  margin-bottom: 40px;
}

.detail_thumb .thubm_big {
  margin-bottom: 10px;
  border-radius: 12px;
  overflow: hidden;
}

.detail_thumb .thumb_list {
  -ms-flex-wrap: wrap;
  overflow-x: auto;
  width: 768px;
}

.detail_thumb .thumb_list .thumb_small {
  position: relative;
  height: 64px;
  min-width: 100px;
  width: 100px;
  margin: 0 10px 10px 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.7;
  cursor: pointer;
}

.detail_thumb .thumb_list .thumb_small.active {
  opacity: 1;
}

.detail_thumb .thumb_list .thumb_small.active::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 0 2px var(--addRentColor) inset;
  box-shadow: 0 0 0 2px var(--addRentColor) inset;
  border-radius: 10px;
  z-index: 2;
}

.detail_thumb .thumb_list .thumb_small img {
  position: relative;
  height: 100%;
  width: 100%;
  background-position: center center;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.img_grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img_box,
img {
  display: -ms-grid;
  display: grid;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.img_box img,
img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.detail_l_main {
  padding: 15px;
  background-color: #fff;
  border-radius: 12px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.detail_content {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed var(--grayColor);
}

.detail_content h3 {
  margin-bottom: 16px;
}

.content_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content_item ~ .content_item.dcsb {
  margin-top: 8px;
}

.content_item .icon_type {
  margin-right: 12px;
}

.detail_location {
  margin-bottom: 40px;
}

.detail_location p,
.detail_location em {
  color: #6e6d7a;
  margin-top: 3px;
}

.detail_location .location_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail_location .location_info .location_user {
  text-align: right;
  margin-right: 10px;
}

.detail_location .location_info .location_user h3 {
  font-size: 16px;
}

.detail_location .location_info .location_user em {
  font-style: normal;
}

.detail_location .location_img {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  overflow: hidden;
}

.d_price {
  margin-top: 20px;
  padding: 16px;
  background-color: #f3f6f7;
  border-radius: 12px;
}

.d_price p {
  color: #6e6d7a;
}

.d_buy_line {
  margin-top: 20px;
}

.d_buy_line a:hover {
  color: #fff;
}

.phone_number {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
  padding: 13px 18px 11px;
  background-color: #e0e5e9;
  border-radius: 10px;
  cursor: pointer;
}

.phone_number h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}

.phone_number .text_main {
  position: relative;
  margin-right: 14px;
}

.phone_number .text_main::after {
  font-size: 20px;
  position: absolute;
  content: "-";
  right: -12px;
}

.phone_number span {
  position: absolute;
  top: 50%;
  right: 10px;
  height: 20px;
  width: 20px;
  background: url("../images/smartphone.png") no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.detail_user_info {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.detail_user_info .cu_head_info {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 64px 1fr;
  grid-template-columns: 64px 1fr;
  gap: 16px;
}

.detail_user_info .cu_head_desc h4 {
  font-size: 24px;
}

.detail_user_info .user_info_profile {
  height: 64px;
  width: 64px;
  overflow: hidden;
  border-radius: 50%;
}

.detail_user_info .cu_other_list {
  margin-top: 5px;
}

.detail_user_info .cu_other_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail_user_info .cu_other_list ul li ~ li {
  margin-left: 16px;
}

.detail_user_info .cu_other_list ul li a {
  color: var(--textColor);
}

.detail_user_info .cu_other_list ul li a:hover {
  color: var(--secondColor);
}

.create_user_main {
  margin-top: 20px;
}

.create_user_main .cu_head {
  margin-bottom: 24px;
}

.line_item {
  margin: 10px 0 16px;
  height: 1px;
  width: 100%;
  background-color: var(--lightGrayColor);
}

.profile_cover_box {
  margin: 0 0 20px;
}

.profile_cover_box .profile_cover_item input {
  display: none;
}

.profile_cover_box .profile_cover_item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 200px;
  width: 100%;
  background-color: var(--lgrayColor);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.profile_cover_box .profile_cover_item label .cover_add {
  position: relative;
  height: 48px;
  width: 48px;
  background-color: var(--secondColor);
  border-radius: 50%;
}

.profile_cover_box .profile_cover_item label .cover_add::before,
.profile_cover_box .profile_cover_item label .cover_add::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 14px;
  background-color: #fff;
  border-radius: 2px;
}

.profile_cover_box .profile_cover_item label .cover_add::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.profile_cover_box .profile_cover_item label h1 {
  color: var(--textColor);
  font-size: 18px;
  margin-top: 10px;
}

.tab_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px;
  height: 44px;
  background-color: var(--grayColor);
  border-radius: 8px;
}

.tab_wrap li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  line-height: 40px;
  padding: 8px 20px;
  border-radius: 6px;
}

.tab_wrap li a.active {
  background-color: #fff;
}

.detail_item_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 38px;
  padding: 9px 0;
}

.detail_item_li label {
  color: var(--grayText);
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

/* Sign Style */
.sign_wrap {
  margin: 0 auto;
  height: 100vh;
  max-width: 1440px;
}

.sign_wrap .sign_main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(45% - 10px) calc(55% - 10px);
  grid-template-columns: calc(45% - 10px) calc(55% - 10px);
  gap: 20px;
  position: relative;
  padding: 20px;
}

.sign_wrap .sign_main .sign_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 100px;
  overflow-y: auto;
}

.sign_wrap .sign_main .sign_block .logo {
  position: absolute;
  top: 20px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  margin-right: 30px;
  overflow: hidden;
}

.sign_wrap .sign_main .sign_block .logo span {
  height: 32px;
  width: 200px;
}

.sign_wrap .sign_main .sign_head {
  margin: 10px 0 20px;
}

.sign_wrap .sign_main .sign_head h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sign_wrap .sign_main .sing_user {
  width: 380px;
}

.sign_wrap .sign_main .sing_user .signup_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px auto;
  text-decoration: underline;
}

.sign_wrap .sign_main .sign_else {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 20px;
}

.sign_wrap .sign_main .sign_else::before {
  position: absolute;
  content: "";
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 1px solid var(--lightGrayColor);
}

.sign_wrap .sign_main .sign_else span {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  font-size: 11px;
  padding: 4px 8px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid var(--grayColor);
  border-radius: 8px;
}

.sign_wrap .sign_main .sign_cover {
  height: calc(100vh - 140px);
  margin-top: 82px;
  border-radius: 20px;
  overflow: hidden;
}

.sign_wrap .sign_main .sign_cover .img_block {
  height: 100%;
  width: 100%;
}

.sign_wrap .sign_main .sign_cover .img_block img {
  height: 100%;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.sign_tab {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  position: relative;
  height: 56px;
  padding: 3px;
  margin: 10px 0 20px;
  background-color: #ecf0f3;
  border-radius: 8px;
}

.sign_tab input[type="radio"]:checked ~ .choose_item {
  background-color: var(--secondColor);
}

.sign_tab input[type="radio"]:checked ~ .choose_item .choose_label {
  color: #fff;
}

.sign_tab input[type="radio"]:checked ~ .choose_item.individual span {
  background-color: #fff !important;
  -webkit-mask: url("../images/icon-user-gray.svg") !important;
  background-image: none;
}

.sign_tab input[type="radio"]:checked ~ .choose_item.corporate span {
  background-color: #fff !important;
  -webkit-mask: url("../images/icon-corporate-gray.svg") !important;
  background-image: none;
}

.sign_tab .choose_item {
  color: #6e6d7a;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 10px 14px;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
}

.sign_tab .choose_item span {
  position: relative;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.sign_tab .individual span {
  background-image: url("../images/icon-user-gray.svg");
}

.sign_tab .corporate span {
  background-image: url("../images/icon-corporate-gray.svg");
}

.hidden_input {
  display: none;
}

.img_block {
  position: relative;
  height: 100%;
  width: 100%;
}

.img_block img {
  height: 100%;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.table_wrap {
  border: 1px solid var(--grayColorHover);
  border-radius: 6px;
  overflow-x: auto;
}

.allrent_table {
  caption-side: bottom;
  border-collapse: collapse;
  border-spacing: 0 2px;
  width: 100%;
}

.allrent_table thead {
  background-color: var(--lightGrayColor);
}

.allrent_table th,
.allrent_table td {
  padding: 10px;
  border-left: 1px solid var(--grayColorHover);
}

.allrent_table th:first-child,
.allrent_table td:first-child {
  border-left: none;
}

.allrent_table td {
  border-top: 1px solid var(--grayColorHover);
}

.allrent_table .order_number {
  color: var(--secondColor);
  font-weight: 600;
  white-space: nowrap;
}

.order_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  width: 64px;
  border-radius: 6px;
  overflow: hidden;
}

.table_action a ~ a {
  margin-left: 5px;
}

.table_action a:hover span svg [fill]:not(.permanent):not(g) {
  fill: var(--secondColor);
}

.table_action span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px;
  background-color: var(--lgrayColor);
  border-radius: 6px;
}

.table_action span svg {
  height: 16px;
  width: 16px;
}

.table_action span svg [fill]:not(.permanent):not(g) {
  fill: #b1b7bf;
}

/* Table Style */
.table_wrap {
  overflow-x: auto;
}

/* Basket Style */
.basket_side_head .basket_prod_item,
.basket_side_head .delivery_price {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 60% 40%;
  grid-template-columns: 60% 40%;
}

.basket_side_head .basket_prod_item div,
.basket_side_head .delivery_price div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket_side_head .deliver_block {
  margin: 20px 0;
  padding-top: 10px;
  border-top: 1px dashed var(--grayColor);
}

.basket_side_head .delivery_price {
  margin-top: 10px;
}

.basket_side_total {
  margin-top: 10px;
  padding: 10px 14px;
  background-color: var(--backgroundColor);
  border-radius: 4px;
}

.basket_side_total label {
  color: #6e6d7a;
}

.basket_side_footer {
  margin-top: 20px;
}

.basket_side_footer button {
  width: 100%;
}

.count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  height: 24px;
  min-width: 24px;
  padding: 3px 4px;
  background-color: var(--lightGrayColor);
  border-radius: 50%;
}

.quantity {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-columns: 32px 48px 32px;
  grid-template-columns: 32px 48px 32px;
}

.quantity span,
.quantity div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
}

.quantity span {
  position: relative;
  background-color: var(--lightGrayColor);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 8px;
  cursor: pointer;
}

.quantity span::before,
.quantity span::after {
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2px;
  width: 12px;
  background-color: var(--baseColor);
  border-radius: 2px;
}

.quantity span:hover {
  background-color: var(--grayColor);
}

.quantity span.minus::after {
  display: none;
}

.quantity span.plus::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.quantity .not {
  cursor: not-allowed;
  opacity: 0.5;
}

.basket_list .basket_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(60% - 10px) calc(40% - 10px);
  grid-template-columns: calc(60% - 10px) calc(40% - 10px);
  gap: 20px;
  padding: 10px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: var(--lightGrayColor);
  border-radius: 12px;
}

.basket_list .basket_item ~ .basket_item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed var(--grayColor);
}

.basket_list .basket_item .basket_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket_list .basket_item .basket_desc .basket_img {
  height: 64px;
  width: 64px;
  min-width: 64px;
  overflow: hidden;
  border-radius: 6px;
}

.basket_list .basket_item .basket_desc .basket_img .img_grid {
  height: 100%;
  width: 100%;
}

.basket_list .basket_item .basket_desc .basket_img .img_box {
  position: absolute;
}

.basket_list .basket_item .basket_desc .basket_item_content {
  margin-left: 12px;
}

.basket_list .basket_item .basket_desc .basket_item_content h2 {
  font-size: 18px;
}

.basket_list .basket_item .basket_desc .basket_item_content .price {
  font-weight: 600;
  margin-top: 5px;
}

.basket_list .basket_item em {
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.basket_list .basket_item .basket_remove {
  height: 26px;
  width: 26px;
  margin-left: 16px;
  margin-right: 10px;
  background-color: var(--grayColor);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border-radius: 8px;
  cursor: pointer;
}

.basket_list .basket_item .basket_remove span {
  position: relative;
  height: 26px;
  width: 26px;
}

.basket_list .basket_item .basket_remove span::before,
.basket_list .basket_item .basket_remove span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 2px;
  width: 14px;
  background-color: var(--baseColor);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 2px;
}

.basket_list .basket_item .basket_remove span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.basket_list .basket_item .basket_remove:hover {
  background-color: var(--grayColorHover);
}

/* Brand Style */
.page_grid {
  -ms-grid-columns: 320px 1fr;
  grid-template-columns: 320px 1fr;
}

.page_grid .page_head {
  padding: 8px;
  margin-bottom: 16px;
  background-color: #fff;
  border: 1px solid var(--lightGrayColor);
  border-radius: 8px;
}

.page_grid .page_head h3 {
  font-size: 16px;
  padding-left: 12px;
}

.page_grid .page_head .page_sort .__select {
  height: 34px;
  padding: 5px 30px 5px 10px;
}

.brand_page .brand_head {
  position: relative;
  height: 340px;
  border-radius: 12px;
  overflow: hidden;
}

.brand_page .brand_head .head_info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px;
  z-index: 2;
}

.brand_page .brand_head .head_info::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.7)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  z-index: 1;
}

.brand_page .brand_head .head_info > div {
  color: #fff;
  position: relative;
  z-index: 3;
}

.brand_page .brand_head .head_info .img_box {
  height: 72px;
  width: 72px;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}

.brand_page .brand_head ul {
  position: relative;
  z-index: 3;
}

.brand_page .brand_head ul li ~ li {
  margin-left: 20px;
}

.brand_page .brand_head .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.brand_page .brand_head .icon.facebook {
  background-image: url("../images/facebook.png");
}

.brand_page .brand_head .icon.instagram {
  background-image: url("../images/instagram.png");
}

.brand_page .brand_head .icon.youtube {
  background-image: url("../images/youtube.png");
}

.brand_page .brand_body {
  margin-top: 16px;
}

.brand_page .brand_body .brand_menu {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  overflow-x: auto;
}

.brand_page .brand_body .brand_menu li ~ li {
  margin-left: 24px;
}

.brand_page .brand_body .brand_menu li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 0;
  white-space: nowrap;
}

.brand_page .brand_body .brand_menu li a::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
  border-bottom: 2px solid transparent;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.brand_page .brand_body .brand_menu li a:hover::after {
  width: 100%;
  border-color: var(--grayColor);
  visibility: visible;
  opacity: 1;
}

.brand_page .brand_body .brand_menu li a.active {
  color: var(--secondColor);
}

.brand_page .brand_body .brand_menu li a.active::after {
  width: 100%;
  border-color: var(--secondColor);
  visibility: visible;
  opacity: 1;
}

.banner {
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}

.box_list .box_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 40px 24px;
}

.box_list .box_list_item .icon {
  height: 140px;
  width: 140px;
  margin-bottom: 10px;
  background-color: var(--lightGrayColor);
  border-radius: 50%;
  overflow: hidden;
}

.box_list .box_list_item h2 {
  font-size: 20px;
}

.box_list ul li {
  text-align: center;
}

.box_list ul li::marker {
  color: #b1b7bf;
}

.box_list ul li ~ li {
  margin-top: 5px;
}

.create_rent_fixed {
  display: none;
}

.__visited,
.search_visited {
  position: fixed;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  z-index: 11;
}

.search_visited {
  z-index: 2;
}

#locationMap {
  height: 340px;
  width: 100%;
}

.rent_container {
  max-width: 800px;
  margin: 30px auto;
}

.rent_container a:hover {
  color: #fff;
}

.rent_container .__default:hover {
  color: var(--baseColor);
}

.terms_box {
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--grayColor);
}

.terms_box .terms_list {
  padding: 15px;
  margin-bottom: 20px;
  max-height: 320px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
  border-radius: 4px;
  overflow-y: auto;
}

.terms_box .terms_list p {
  margin-top: 15px;
}

.checkbox-label .label-text b {
  margin-right: 4px;
}

.rent_content {
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}

.rent_content_item ~ .rent_content_item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--lightGrayColor);
}

.rent_content_item .rent_list_item {
  height: 240px;
  padding: 4px;
  background-color: var(--backgroundColor);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  border-radius: 12px;
  overflow-y: auto;
}

.rent_content_item .rent_list_item .rent_list_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 8px;
  cursor: pointer;
}

.rent_content_item .rent_list_item .rent_list_text.selected,
.rent_content_item .rent_list_item .rent_list_text.selected:hover {
  color: #fff;
  background-color: var(--secondColor);
}

.rent_content_item .rent_list_item .rent_list_text:hover {
  background-color: var(--grayColor);
}

.rent_upload_content {
  position: relative;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  overflow: hidden;
}

.rent_upload_content:hover {
  border-color: var(--secondColor);
}

.rent_upload_content ~ .rent_upload_content {
  margin-left: 10px;
}

.rent_upload_content input[type="file"] {
  height: 80px;
  width: 80px;
  opacity: 0;
}

.rent_upload_content .rent_upload_img {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  background-color: #3550f615;
  cursor: pointer;
}

.rent_upload_content .rent_upload_img span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  background-color: var(--secondColor);
  border-radius: 50%;
}

.rent_upload_content .rent_upload_img span::before,
.rent_upload_content .rent_upload_img span::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 12px;
  background-color: #fff;
  border-radius: 2px;
}

.rent_upload_content .rent_upload_img span::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rent_qr_pay {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px dashed var(--grayColor);
}

.rent_qr_pay p {
  color: #7f8da5;
  margin-bottom: 5px;
}

.rent_qr_pay h2 {
  font-size: 34px;
}

.rent_qr {
  width: 280px;
  margin: 0 auto;
}

.rent_content_done {
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
}

.rent_content_done .done_head {
  height: 180px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#eff4ff),
    to(#d2e1ff)
  );
  background: linear-gradient(to top, #eff4ff, #d2e1ff);
  border-radius: 8px;
}

.rent_content_done .done_head span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  background: url("../images/done.svg") no-repeat center center;
  background-size: contain;
}

.rent_content_done .sent span {
  background: url("../images/sent.svg") no-repeat center center;
}

.rent_content_done .done_desc {
  padding: 30px 20px 20px;
}

.rent_content_done .done_desc h2 {
  font-size: 18px;
}

.rent_content_done .done_desc p {
  color: var(--textColor);
  margin-top: 5px;
}

.rent_content_done .done_desc h4 {
  margin-top: 20px;
}

.my_ads {
  display: table;
  margin: 0 auto;
  width: auto;
}

.my_ads:hover {
  color: var(--baseColor) !important;
}

.text_notice,
.text_gray {
  color: #e35f76;
  margin-top: 4px;
}

.text_gray {
  color: #7f8da5;
}

.price_symbol {
  font-size: 16px;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.payment_options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.payment_options .payment_option {
  padding: 20px;
  border: 1px solid var(--grayColor);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  border-radius: 8px;
}

.payment_options .payment_option:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.payment_options .payment_option.standart .pay_option_head h2 {
  color: var(--textColor);
}

.payment_options .payment_option .pay_option_head {
  text-align: center;
  height: 115px;
}

.payment_options .payment_option .pay_option_head h2 {
  color: var(--secondColor);
  font-size: 24px;
  margin: 10px 0;
}

.payment_options .payment_option .pay_option_head h4 {
  color: var(--textColor);
}

.payment_options .payment_option .pay_option_head p {
  display: table;
  line-height: 1;
  margin: 5px auto 0;
  padding: 5px 9px;
  background-color: var(--lightGrayColor);
  border-radius: 20px;
}

.payment_options .payment_option .pay_option_head .discount_save {
  color: var(--baseColor);
}

.payment_options .payment_option .pay_option_head .discount_save b {
  color: #f26725;
}

.payment_options .payment_option .pay_option_main {
  margin-top: 15px;
  padding: 20px 0;
  min-height: 240px;
  border-top: 1px solid var(--lightGrayColor);
}

.payment_options .payment_option .pay_option_main ul li {
  position: relative;
  padding-left: 24px;
}

.payment_options .payment_option .pay_option_main ul li::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  height: 16px;
  width: 16px;
  background: url("../images/selected_icon.svg") no-repeat center center;
  background-size: 100%;
}

.payment_options .payment_option .pay_option_main ul li ~ li {
  margin-top: 10px;
}

.payment_options .payment_option .pay_option_main ul li b {
  color: #f26725;
}

.payment_options .payment_option .pay_option_footer .standart_btn {
  font-weight: 600;
  width: 100%;
  border: 2px solid var(--baseColor);
}

.payment_options .payment_option .pay_option_footer .standart_btn:hover {
  color: var(--baseColor);
}

/* Main Style End */
.allrent_tabbar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 5px rgba(18, 27, 46, 0.1);
  box-shadow: 0 -1px 5px rgba(18, 27, 46, 0.1);
  z-index: 10;
}

.allrent_tabbar .tabbar_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 580px;
  margin: 0 auto;
}

.allrent_tabbar .tabbar_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vw;
  margin: 0 auto;
}

.allrent_tabbar .tabbar_items .allrent_tab_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 64px;
  padding: 10px;
  cursor: pointer;
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 20%;
  width: 60%;
  height: 3px;
  background-color: var(--secondColor);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active .icon-home {
  background-image: url("../images/tabbar/icon-home-active.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active .icon-rent {
  background-image: url("../images/tabbar/icon-rent-active.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active .icon-list {
  background-image: url("../images/tabbar/icon-list-active.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active .icon-profile {
  background-image: url("../images/tabbar/icon-user-active.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item.active h5 {
  color: var(--baseColor);
}

.allrent_tabbar .tabbar_items .allrent_tab_item .icon {
  height: 20px;
  width: 20px;
  margin: 0 0 4px;
  background-repeat: no-repeat !important;
  background-position: center center;
  background-size: contain !important;
}

.allrent_tabbar .tabbar_items .allrent_tab_item h5 {
  color: var(--grayText);
  font-size: 12px;
  font-weight: normal;
}

.allrent_tabbar .tabbar_items .allrent_tab_item .icon-home {
  background-image: url("../images/tabbar/icon-home.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item .icon-rent {
  background-image: url("../images/tabbar/icon-rent.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item .icon-list {
  background-image: url("../images/tabbar/icon-list.svg");
}

.allrent_tabbar .tabbar_items .allrent_tab_item .icon-profile {
  background-image: url("../images/tabbar/icon-user-gray.svg");
}

/* Footer Style */
.footer_wrap .footer_main {
  padding: 50px 0;
  background-color: #eaeff5;
}

.footer_wrap .footer_main h3 {
  font-size: 16px;
  margin-bottom: 20px;
}

.footer_wrap .footer_main ul li {
  padding: 5px 0;
}

.footer_wrap .footer_main ul li a,
.footer_wrap .footer_main ul li p {
  color: #5c677a;
}

.footer_wrap .footer_main ul li a:hover {
  text-decoration: underline;
}

.footer_wrap .footer_socail .social_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

.footer_wrap .footer_socail .social_links a {
  line-height: 1;
  padding: 0;
}

.footer_wrap .footer_socail .social_links a ~ a {
  margin-left: 20px;
}

.footer_wrap .footer_socail .social_links a svg {
  height: 20px;
  width: 20px;
}

.footer_wrap .footer_bottom {
  padding: 20px 0;
  background-color: #e0e5ea;
  border-top: 1px solid var(--grayColor);
}

.footer_wrap .footer_bottom span {
  color: #b1b7bf;
  margin-right: 6px;
}

/* Footer Style End */
/* Semantic Style */
.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  border-color: var(--grayColorHover) !important;
}

.ui.multiple.search.dropdown > input.search,
.ui.multiple.search.dropdown > .text {
  margin: 4px !important;
  height: 32px;
}

.ui.multiple.search.dropdown > .text {
  line-height: 24px !important;
  top: 4px !important;
  left: 4px !important;
  padding: 4px 10px !important;
  background-color: var(--lightGrayColor);
  border-radius: 4px;
}

.ui.selection.dropdown > .dropdown.icon {
  top: 6px !important;
  right: 5px !important;
  margin: 0 !important;
}

.check_selected,
.ui.selection.dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 48px !important;
  padding: 4px !important;
  background-color: #fff !important;
  border-bottom: 1px solid var(--grayColorHover);
  border-width: 1px;
  border-style: solid;
  border-color: var(--grayColorHover);
  border-radius: 8px !important;
}

.check_selected:hover,
.ui.selection.dropdown:hover {
  border-color: var(--grayColorHover) !important;
}

.check_selected > a,
.check_selected .active,
.ui.selection.dropdown > a,
.ui.selection.dropdown .active {
  color: var(--baseColor);
  font-weight: 400 !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  line-height: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4px !important;
  padding: 4px 8px !important;
  background-color: #007afe15;
  border: 1px solid var(--secondColor);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  cursor: pointer;
}

.check_selected > a:hover,
.check_selected .active:hover,
.ui.selection.dropdown > a:hover,
.ui.selection.dropdown .active:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 122, 254, 0.15) !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 254, 0.15) !important;
  border: 1px solid var(--secondColor);
}

.check_selected > a:hover span,
.check_selected .active:hover span,
.ui.selection.dropdown > a:hover span,
.ui.selection.dropdown .active:hover span {
  color: var(--secondColor);
  background-color: var(--lightGrayColor);
}

.check_selected > a:hover span::before,
.check_selected > a:hover span::after,
.check_selected .active:hover span::before,
.check_selected .active:hover span::after,
.ui.selection.dropdown > a:hover span::before,
.ui.selection.dropdown > a:hover span::after,
.ui.selection.dropdown .active:hover span::before,
.ui.selection.dropdown .active:hover span::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 10px;
  background-color: var(--secondColor);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check_selected > a:hover span::after,
.check_selected .active:hover span::after,
.ui.selection.dropdown > a:hover span::after,
.ui.selection.dropdown .active:hover span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.check_selected > a span,
.check_selected .active span,
.ui.selection.dropdown > a span,
.ui.selection.dropdown .active span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}

.check_selected > a span::before,
.check_selected .active span::before,
.ui.selection.dropdown > a span::before,
.ui.selection.dropdown .active span::before {
  position: absolute;
  content: "";
  top: 50%;
  height: 14px;
  width: 14px;
  background: url("../images/selected_icon.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.big_img {
  max-height: 432px !important;
  height: 432px !important;
}
/* Semantic Style End */
/* Responsive Style */
@media (max-width: 1280px) {
  .container {
    width: 100%;
  }
}

@media (max-width: 1081px) {
  .header_main,
  .full_container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .menu_small {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    width: 44px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
  }

  .menu_small.open span {
    left: 5px;
    width: 24px;
  }

  .menu_small.open span:first-child {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  .menu_small.open span:nth-child(2) {
    -webkit-transform: translateY(6px) rotate(135deg);
    transform: translateY(6px) rotate(135deg);
  }

  .menu_small.open span:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(-135deg);
    transform: translateY(-6px) rotate(-135deg);
  }

  .menu_small span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 22px;
    height: 2px;
    opacity: 1;
    background-color: var(--baseColor);
    -webkit-transform: rotate(0deg) translate(-50%, -1px);
    transform: rotate(0deg) translate(-50%, -1px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }

  .menu_small span:nth-child(2) {
    top: 16px;
  }

  .menu_small span:last-child {
    top: 28px;
  }

  .menu_wrap {
    position: fixed;
    top: 55px;
    bottom: 0;
    width: 90vw;
    max-width: 400px;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.7, 1, 0.3, 0.1);
    transition: -webkit-transform 0.2s cubic-bezier(0.7, 1, 0.3, 0.1);
    transition: transform 0.2s cubic-bezier(0.7, 1, 0.3, 0.1);
    transition: transform 0.2s cubic-bezier(0.7, 1, 0.3, 0.1),
      -webkit-transform 0.2s cubic-bezier(0.7, 1, 0.3, 0.1);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    z-index: 101;
  }

  .menu_wrap.open {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .menu_wrap .footer_main .container {
    padding: 0 !important;
  }

  .menu_wrap .__block .g4 {
    padding: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: calc(100vh - 53px);
    overflow-y: auto;
  }

  .menu_wrap h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .menu_wrap ul li ~ li {
    margin-top: 10px;
  }

  .menu_wrap ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
  }

  .menu_wrap ul li a:hover {
    color: var(--secondColor);
  }

  .filter_slide {
    gap: 24px;
  }

  .filter_grid {
    display: none;
  }

  .detail_wrap .detail_grid {
    gap: 20px;
  }
}

@media (max-width: 1040px) {
  .g4.gap1_6_col {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .gap2_4_row {
    gap: 10px;
  }
}

@media (max-width: 991px) {
  .action_item ~ .action_item {
    margin-left: 10px !important;
  }

  .header_tools button,
  .action_account {
    font-size: 0;
    text-indent: -10000px;
    padding-right: 10px !important;
  }

  .header_tools button span,
  .action_account span {
    margin: 0 !important;
  }

  .header_tools button {
    width: 44px;
    margin-left: 10px !important;
    padding-left: 0 !important;
  }

  .search_form .search_btn {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .sidebar_page,
  .detail_wrap .detail_grid,
  .filter_slide,
  .g12,
  .g2,
  .page_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .gap2 {
    gap: 12px;
  }

  .g_c6,
  .g_c6_12,
  .g_c1_8,
  .g_c8_12 {
    -ms-grid-column: 1;
    grid-column: 1 / 1;
  }

  .box_wrap .box_main h1 {
    font-size: 40px;
  }

  .box_wrap .change_text {
    height: 40px;
  }

  .home_slide {
    width: calc(100vw - 32px);
  }

  .sign_wrap .sign_main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .brand_page .brand_body .brand_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sign_cover,
  .page_sidebar {
    display: none;
  }

  .page_main {
    margin-top: 0 !important;
  }
}

@media (max-width: 860px) {
  .container {
    width: 100%;
    padding: 0 10px;
  }

  .header_main,
  .full_container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .filter_slide {
    gap: 16px;
  }

  .home_slide {
    width: calc(100vw - 20px);
  }

  .table_wrap {
    width: calc(100vw - 56px);
  }

  .box_item {
    margin: 5px 0;
    padding: 5px;
    border-radius: 10px;
  }

  .profile_head_grid .box_item {
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .box_wrap .box_main h1 {
    font-size: 28px;
    overflow: hidden;
  }

  .box_wrap .change_text {
    height: 28px;
  }

  .header_filter {
    margin-top: 53px;
  }

  .header_padd {
    padding: 5px 0;
  }

  .header_main .header_lm ul {
    display: none;
  }

  .header_main .logo {
    height: 22px;
    margin: 0;
  }

  .header_main .logo span {
    height: 22px;
    width: 105px;
  }

  .header_main .search_wrap {
    margin-right: 10px;
  }

  .header_main .search_wrap .search_button {
    cursor: pointer;
  }

  .header_main .search_wrap .search_button span {
    height: 20px;
    width: 20px;
  }

  .header_tools div:last-child {
    display: none;
  }

  .action_account {
    display: none !important;
  }

  .mobile_header,
  .mobile_white_header,
  .mobile_search,
  .allrent_tabbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
  }

  .body_wrap {
    padding-top: 53px;
    padding-bottom: 80px;
  }

  .rent_container {
    margin: 20px 0;
  }

  .rent_content {
    padding: 15px;
  }

  .is_filter {
    padding-top: 20px;
  }

  .gap2_4_row {
    gap: 8px;
  }

  .box_step .__step span::before {
    display: none;
  }

  .box_step .__step p {
    display: none;
  }

  .box_step .__step i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header_filter {
    padding: 10px;
  }

  .header_filter .header_category ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    height: 64px;
  }

  .header_filter .header_category ul li div,
  .header_filter .header_category ul li a {
    height: 64px;
    padding: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .header_filter .header_category ul li div p,
  .header_filter .header_category ul li a p {
    line-height: 1;
    text-align: center;
    white-space: normal;
  }

  .header_filter .header_category ul li div.active,
  .header_filter .header_category ul li a.active {
    background-color: var(--secondColor);
  }

  .header_filter .header_category ul li div.active::before,
  .header_filter .header_category ul li a.active::before {
    display: none;
  }

  .header_filter .header_category ul li div.active span img,
  .header_filter .header_category ul li a.active span img {
    -webkit-filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg)
      brightness(100%) contrast(100%);
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg)
      brightness(100%) contrast(100%);
  }

  .header_filter .header_category ul li div.active:hover,
  .header_filter .header_category ul li div.active p,
  .header_filter .header_category ul li a.active:hover,
  .header_filter .header_category ul li a.active p {
    color: #fff !important;
  }

  .header_filter .header_category ul li ~ li {
    margin: 5px 0;
    margin-left: 14px;
  }

  .title {
    margin-bottom: 16px;
  }

  .filter_wrap {
    margin-bottom: 10px;
  }

  .filter_find {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .filter_find .form_item {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }

  .filter_find .form_item ~ .form_item {
    margin-left: 0 !important;
  }

  .partners {
    padding: 20px 0;
  }

  .partners .partners_content .partner_logo {
    height: 48px;
  }

  .detail_l_main {
    padding: 10px;
  }

  .detail_thumb .thumb_list .thumb_small {
    min-width: 64px;
    width: 64px;
  }

  .detail_location .dcsb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .detail_location .location_info {
    margin-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .detail_location .location_info .location_user {
    text-align: left;
    margin-left: 10px;
    margin-right: 0;
  }

  .box_item .box_img .box_img_list {
    display: none;
  }

  .box_item .box_desc .dir_i {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    align-items: center;
  }

  .box_item .box_desc .dir_i:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .box_item .box_prof {
    padding: 4px;
  }

  .brand_page {
    margin-top: 10px;
  }

  .brand_page .brand_head {
    height: 140px;
  }

  .brand_page .brand_head .head_info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 16px;
  }

  .brand_page .brand_head .head_info .img_box {
    display: none;
  }

  .brand_page .brand_head .head_info h2 {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .brand_page .brand_head .head_info .dfc .dfc {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .brand_page .brand_head .head_info .dfc .dfc .ml2 {
    margin: 0;
  }

  .brand_page .brand_body {
    margin-top: 5px;
  }

  .brand_page .brand_body .brand_menu {
    margin-bottom: 10px;
  }

  .create_rent_fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.15);
    z-index: 10;
  }

  .create_rent_fixed .create_rent {
    margin: 0;
    padding-left: 20px;
    width: 100%;
  }

  .d_buy_line {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer_wrap .footer_main .g4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .sidebar_content,
  .sidebar {
    position: relative;
    top: 0;
  }

  .__g2,
  .basket_item,
  .g3,
  .form_item_horiz,
  .payment_options {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }

  .page_column .g3,
  .favourited .g3 {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .payment_options .payment_option .pay_option_main {
    min-height: auto;
  }

  .content_block {
    padding: 12px;
  }

  .mt3 {
    margin-top: 10px !important;
  }

  .sidebar_page .sidebar_head .profile_sidebar_head {
    margin: 0 0 10px;
  }

  .sidebar_page .sidebar_head .profile_sidebar_head .prof_side_img {
    height: 60px;
    width: 60px;
  }

  .form_item_horiz {
    gap: 6px;
  }

  .form_item_horiz .__label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer_wrap .footer_main {
    padding: 20px 0;
  }

  .footer_wrap .footer_socail {
    padding: 20px 0 80px;
  }

  .footer_wrap .footer_bottom {
    display: none;
    padding: 10px 0;
  }

  .footer_wrap .footer_bottom .dcsb {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .footer_wrap .footer_bottom .dcsb p ~ p {
    margin-top: 10px;
  }
}

@media (max-width: 560px) {
  .big_img {
    max-height: 210px !important;
    height: 210px !important;
  }
  .title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .rent_search_form .search_main .rent_si {
    font-size: 15px;
    height: 44px;
    padding-left: 12px;
    border-radius: 8px;
  }

  .rent_search_form .search_main button {
    font-size: 14px;
    right: 2px;
    height: 40px;
    padding: 0 20px;
    border-radius: 6px;
  }

  .footer_wrap .footer_main .g4,
  .order_info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .order_info {
    gap: 10px;
  }

  .create_user_main .cu_head .dcsb {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .create_user_main .cu_head .tab_wrap {
    width: 100%;
    margin-bottom: 10px;
  }

  .create_user_main .cu_head form {
    width: 100%;
  }

  .box_item .box_desc {
    margin-top: 10px;
    padding: 0 5px 5px;
  }
}

@media (max-width: 520px) {
  .search_form {
    position: fixed;
    top: 53px;
    left: 0;
    right: 0;
    display: none;
    background-color: #fff;
    padding: 10px;
    z-index: 11;
  }

  .search_form .search_btn {
    right: 15px;
  }

  .show .search_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 420px) {
  .title h2 {
    font-size: 20px;
  }

  .box_header h2 {
    font-size: 24px;
  }

  .box_header h2 sup {
    font-size: 12px;
  }

  .box_main .order_box h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .box_main .order_box h5 strong {
    margin: 0;
  }

  .sign_wrap .sign_main .sing_user {
    width: 100%;
  }
}

.ql-editor {
  background-color: white !important;
}
.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 58px;
  height: 32px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before,
.toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggle-checkbox:checked + .toggle-switch {
  background: #56c080;
}
.toggle-checkbox:checked + .toggle-switch:before {
  left: 30px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
/* Responsive Style End */

.banner_content {
  padding: 20px;
  margin: 30px 0 10px;
  background-color: var(--lightGrayColor);
  border-radius: 8px;
}

.banner_content ul li ~ li {
  padding-top: 5px;
}

.banner_content ul li a:hover {
  color: var(--secondColor);
}

// uuganaa

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

// uuganaa