* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* border: 1px solid #fff; */
}

:root {
  --color_07101D: #07101d;
  --color_FF3C00: #ff3c00;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}

body {
  font-family: kalameh;
  background-color: var(--color_07101D);
}

@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: 900;
  src: url("../font/KalamehWeb-Black.woff") format("woff");
}
@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: bold;
  src: url("../font/KalamehWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: normal;
  src: url("../font/KalamehWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: 300;
  src: url("../font/KalamehWeb-Thin.woff") format("woff");
}

@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: 900;
  src: url("../font/KalamehWeb\(FaNum\)-Black.woff") format("woff");
}
@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: bold;
  src: url("../font/KalamehWeb\(FaNum\)-Bold.woff") format("woff");
}
@font-face {
  font-family: kalameh;
  font-style: normal;
  font-weight: normal;
  src: url("../font/KalamehWeb\(FaNum\)-Regular.woff") format("woff");
}
@font-face {
  font-family: Gilroy_Bold;
  font-style: normal;
  font-weight: bold;
  src: url("../font/Gilroy-Bold.woff") format("woff");
}

header::before {
  content: "";
  width: 904px;
  height: 876px;
  background-image: radial-gradient(#3d0d58 38%, #070f1c 0);
  position: absolute;
  filter: blur(74px);
  opacity: 0.4;
  right: -274px;
  top: -273px;
  z-index: -1;
}
header::after {
  content: "";
  background-image: url("../img/Group\ 1.png");
  background-repeat: no-repeat;
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.bg_07101D {
  background-color: var(--color_07101D) !important;
}
.text_FF3C00 {
  color: var(--color_FF3C00);
}
.border_FF3C00 {
  border-color: var(--color_FF3C00) !important;
}
.bg_FF3C00 {
  background-color: var(--color_FF3C00);
}
.title_main_header {
  font-size: 4rem;
}

.w_70 {
  width: 70%;
}
.search_form_header {
  height: 68px;
}
.search_form_header button {
  right: 8px;
  top: 25%;
}
.bg_gradient_main_site {
  background-image: linear-gradient(to right, #7011ad, #bc0505, #fc630f);
}
.main_img_header::before,
.main_img_header::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
}
.main_img_header::before {
  background-image: url("../img/Path\ \(1\).png");
  width: 45px;
  height: 81px;
  top: 4rem;
  right: 5rem;
}
.main_img_header::after {
  background-image: url("../img/scribble\ final\ version-02\ \(2\).png");
  width: 72px;
  height: 57px;
  bottom: 3rem;
  left: 2rem;
}
.count_user_site {
  width: 298px;
  height: 79px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.1);
  bottom: 4rem;
  right: 3rem;
}
.no-outline:focus {
  outline: none;
}

.icon_header_container {
  width: 81px;
  height: 81px;
}

.wallet_box_2 {
  background-image: linear-gradient(to right bottom, #07101d, #00d1ff);
}

.wallet_box_3 {
  background-image: linear-gradient(to right bottom, #07101d, #760aff);
}
.wallet_box_4 {
  background-image: linear-gradient(to right bottom, #07101d, #fe007a);
}
.wallet_box_5 {
  background-image: linear-gradient(to right bottom, #07101d, #ffbb0d);
}
.wallet_box_6 {
  background-image: linear-gradient(to right bottom, #07101d, #fc280c);
}
.wallet_box_2::after {
  border-top: 1px solid #00d1ff;
}
.wallet_box_3::after {
  border-top: 1px solid #760aff;
}
.wallet_box_4::after {
  border-top: 1px solid #fe007a;
}
.wallet_box_5::after {
  border-top: 1px solid #ffbb0d;
}
.wallet_box_6::after {
  border-top: 1px solid #fc280c;
}

.wallet_box {
  padding: 1px;
  height: 188px;
}
.wallet_box > div {
  background-color: #161e2a;
}
.wallet_box::after {
  content: "";
  width: 43px;
  height: 22px;
  background-color: #07101d;
  position: absolute;
  right: -14px;
  bottom: -3px;
  transform: rotate(-43deg);
}
.box_hot_bids {
  background-color: rgba(255, 255, 255, 0.1);
}
.img_hot_bids > div {
  top: 1.8rem;
  left: 2.4rem;
}

.bg_blur {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.hearet_icon_hot_bids {
  width: 58px;
  height: 58px;
}

.text_time_hot_bids {
  width: 150px;
  height: 58px;
  font-size: 1.5rem;
  font-family: Gilroy_Bold;
}
.Ellipse_2 {
  width: 952px;
  height: 991px;
  border-radius: 100%;
  position: absolute;
  bottom: -55%;
  left: -15%;
  z-index: -1;
  filter: blur(50px);
  background: radial-gradient(
    62.37% 62.37% at 50% 50%,
    rgba(8, 164, 117, 0.1) 28.57%,
    rgba(7, 15, 28, 0) 100%
  );
}
.section_property {
  margin-top: 11rem;
}
.box_property {
  height: 240px;
}
.icon_box_property {
  width: 90px;
  height: 90px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(25px);
  right: 2rem;
  top: -3rem;
}

.box_property_1 {
  border: 1px solid #00ff1a;
  background: linear-gradient(
    107deg,
    rgba(0, 255, 26, 0.1),
    rgba(255, 255, 255, 0.1)
  );
}

.box_property_2 {
  border: 1px solid #5300ff;
  background: linear-gradient(
    107deg,
    rgba(83, 0, 255, 0.1),
    rgba(255, 255, 255, 0.1)
  );
}
.box_property_3 {
  border: 1px solid #ff1f00;
  background: linear-gradient(
    107deg,
    rgba(255, 31, 0, 0.1),
    rgba(255, 255, 255, 0.1)
  );
}
.caption_box_trends {
  background-color: rgba(255, 255, 255, 0.1);
  height: 214px;
  padding-top: 7rem;
}
.img_box_trend {
  transform: translateY(103px);
}
.img_box_trend img {
  width: 90%;
}
.Ellipse_3 {
  width: 1605px;
  height: 1613px;
  top: -17rem;
  right: -37rem;
  background: radial-gradient(
    62.37% 62.37% at 50% 50%,
    rgba(189, 9, 95, 0.13) 37.62%,
    rgba(7, 15, 28, 0) 100%
  );
}
.box_top_creators {
  height: 182px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}
.section_news_letters {
  background: linear-gradient(
    90deg,
    #a50e86 0.16%,
    #c10b70 24.02%,
    #e83947 38.73%,
    #df330d 55.88%,
    #c55212 81.05%,
    #d37506 100%
  );
  height: 324px;
}
.section_news_letters::before,
.section_news_letters::after {
  content: "";
  width: 982.714px;
  height: 726.266px;
  position: absolute;
  background-repeat: no-repeat;
}
.section_news_letters::before {
  background-image: url("../img/Group\ 122\ \(1\).png");
  left: 0;
}
.section_news_letters::after {
  background-image: url("../img/Group\ 123\ \(1\).png");
  right: -31rem;
  bottom: -27rem;
}
.cover_bg_news_letters {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 149px 0 rgba(255, 255, 255, 0.6);
}
footer {
  background-color: #091028;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.icon_footer_link {
  background-color: rgba(255, 255, 255, 0.1);
  width: 52px;
  height: 52px;
}
.icon_footer_instagram {
  background: linear-gradient(
    90deg,
    #9a5bff 0%,
    #ff1212 53.12%,
    #ff7f56 100%
  ) !important;
}
.Ellipse_4 {
  filter: blur(50px);
  top: -11%;
  right: -12%;
  width: 615px;
  height: 584px;
  background: radial-gradient(
    62.37% 62.37% at 50% 50%,
    rgba(8, 52, 164, 0.2) 21.7%,
    rgba(7, 15, 28, 0) 100%
  );
  -webkit-filter: blur(50px);
}
.form_news_letters {
  width: 70%;
}
@media screen and (max-width: 991.98px) {
  .bg_dark_md {
    background-color: var(--bs-secondary-color);
  }
  header::before {
    width: 30%;
    height: 46%;
    right: 70%;
    top: 0;
  }
  header::after {
    display: none;
  }
  .Ellipse_2 {
    width: 551px;
    height: 574px;
    bottom: 55%;
    left: 65%;
  }
}
@media screen and (max-width: 600.98px) {
  .title_main_header {
    font-size: 2.5rem;
  }
  .text_time_hot_bids {
    width: 120px;
    height: 34px;
    font-size: 0.8rem;
  }
  .hearet_icon_hot_bids {
    width: 31px;
    height: 31px;
  }
  .main_img_header::before,
  .main_img_header::after {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
  .count_user_site {
    height: 56px;
  }
  .icon_header_container {
    width: 40px;
    height: 40px;
  }
  .icon_header_container img,
  .icon_header_container svg {
    width: 24px;
  }
  .fs-5 {
    font-size: 1rem !important;
  }
  .fs-3 {
    font-size: calc(1rem + 0.6vw) !important;
  }
  .fs-4 {
    font-size: calc(1rem + 0.3vw) !important;
  }
  .arrowleft {
    width: 22px;
  }
  .icon_box_property {
    width: 58px;
    height: 58px;
  }
  .icon_box_property svg {
    width: 32px;
  }
  .box_property {
    height: 198px;
  }
  .section_property {
    margin-top: 6rem;
  }
  .form_news_letters {
    width: 95%;
  }
  .cover_bg_news_letters {
    box-shadow: none;
    background-color: transparent;
  }
  .section_news_letters {
    background: linear-gradient(
      180deg,
      #d37506 0%,
      #df330d 46.72%,
      #a50e86 100%
    );
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
  }
  .section_news_letters::before,
  .section_news_letters::after {
    width: 380px;
    height: 380px;
  }
  .section_news_letters::before {
    left: -5rem;
    bottom: -8rem;
    transform: rotate(-104deg);
  }
  .section_news_letters::after {
    right: -6rem;
    bottom: 1rem;
    transform: rotate(-115deg);
  }
}