@charset "UTF-8";
body.body-store #header {
  margin-bottom: 0;
}


.store-page-header {
  border-left: 0.1rem solid rgba(0, 0, 0, 0.05);
  border-right: 0.1rem solid rgba(0, 0, 0, 0.05);
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 2.4rem;
}
.store-page-header .cover-image {
  width: 100%;
  display: inline-flex;
  position: relative;
}
.store-page-header .cover-image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 18.1818181818%;
  background-color: #eee;
}
.store-page-header .cover-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.store-page-header .bottom-huge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.05);
  padding: 2rem 1rem 1.5rem 4rem;
}
.store-page-header .store-icon-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.6rem;
}
.store-page-header .store-info-card {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0 2rem;
  margin-right: 2rem;
  align-self: stretch;
}
.store-page-header .store-info-card .store-image-huge {
  width: 18rem;
  align-self: stretch;
  position: relative;
}
.store-page-header .store-info-card .store-image {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-flex;
  border: 0.1rem solid #757575;
  background-color: #f2f2f2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.store-page-header .store-info-card .store-image::before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 100%;
}
.store-page-header .store-info-card .store-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.store-page-header .store-info-card .detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.2rem 0;
}
.store-page-header .store-info-card .detail > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.store-page-header .store-info-card .primary-title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #3d3d3d;
  display: inline-block;
  padding: 0.8rem;
  background-color: #f9d949;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-page-header .store-info-card .location {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #717171;
  font-weight: 400;
}
.store-page-header .store-info-card .tag {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #2d2d2d;
  background-color: #f9d949;
  display: inline-block;
  padding: 0 1.2rem;
}
.store-page-header .navigation-huge {
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.store-page-header .navigation-huge ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.store-page-header .navigation-huge li {
  display: inline-flex;
}
.store-page-header .navigation-huge a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #3d3d3d;
  display: inline-block;
  padding: 0.8rem 2rem;
  background-color: rgba(249, 217, 73, 0.2);
  min-width: 20rem;
  text-align: center;
  position: relative;
  transition: background-color ease 0.3s;
}
.store-page-header .navigation-huge a:before {
  content: "";
  width: 0;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: #f9d949;
  height: 0.3rem;
  transition: width ease 0.3s;
}
.store-page-header .navigation-huge a.active {
  background-color: rgba(249, 217, 73, 0.4);
}
.store-page-header .navigation-huge a.active:before {
  width: 100%;
}

.store-icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.6rem;
  box-sizing: border-box;
  background-color: #f1f1f1;
  border: 0.1rem solid #f1f1f1;
  width: 22rem;
  transition: background-color ease 0.3s, border-color ease 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.store-icon-box:hover {
  background-color: #e7e4e4;
}
.store-icon-box.phone {
  border-color: rgba(249, 217, 73, 0.32);
  background-color: rgba(249, 217, 73, 0.1);
}
.store-icon-box.phone:hover {
  background-color: rgba(249, 217, 73, 0.5);
}
.store-icon-box > span {
  margin-left: 1.5rem;
}
.store-icon-box .icon {
  align-self: flex-start;
}
.store-icon-box .title {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #000;
}
.store-icon-box .desc {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: rgba(60, 60, 67, 0.6);
}
.store-icon-box .arrow {
  margin-left: auto;
}

.block-header.border-bottom-0 {
  border-bottom: none !important;
}
.block-header .secondary-title-with-bg {
  color: #5f5f5f;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  display: inline-block;
  padding: 0 0.8rem;
  background: rgba(255, 206, 0, 0.2);
}
.block-header .huge.mt-0 {
  margin-top: 0 !important;
}

.card-list-container-type-0 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.6rem;
}

.product-card {
  width: 28rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #fff;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
}
.product-card .image {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.product-card .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62.5%;
  background-color: #eee;
}
.product-card .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-card .image .tag {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #2d2d2d;
  display: inline-block;
  padding: 0 1.2rem;
  background-color: #ffce00;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.product-card .detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 1.6rem;
  box-sizing: border-box;
}
.product-card .detail .top-huge {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #959ba5;
  font-weight: 400;
  margin-bottom: 0.8rem;
}
.product-card .detail .primary-title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card .detail .price {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
  color: #6487ce;
  display: block;
  margin-bottom: 1.8rem;
}
.product-card .detail .price b {
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 0.4rem;
}
.product-card .detail .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}
.product-card .detail .list > div {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 0.8rem;
  color: #959ba5;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
.product-card .person-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.1rem solid #f6f6f6;
  padding: 0.8rem 1.6rem;
}
.product-card .person-card .img {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: inline-flex;
  overflow: hidden;
  margin-right: 1.2rem;
}
.product-card .person-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-card .person-card .pc-huge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
}
.product-card .person-card .pc-title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #000;
}
.product-card .person-card .pc-desc {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #9597a1;
  font-weight: 400;
  display: block;
  margin-top: 0.5rem;
}
.product-card .person-card .pc-icon-box {
  margin-left: 1.5rem;
  display: inline-flex;
  position: relative;
}
.product-card .person-card .pc-icon-box:hover + .pc-phone-number {
  opacity: 1;
}
.product-card .person-card .pc-icon-box img + img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.product-card .person-card .pc-phone-number {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  transition: opacity ease 0.3s;
  z-index: 2;
}
.product-card .person-card .pc-phone-number:hover {
  opacity: 1;
}
.product-card .person-card .pc-phone-number img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-card .person-card .pc-phone-number span {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #000;
  display: inline-block;
  padding: 0.8rem;
  background-color: #f9d949;
}

.report-box-card .card-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report-box-card .card-title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #3a3a3a;
}
.report-box-card .dropdown-menu li a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 1.2rem;
  line-height: 2.4rem;
  font-weight: 500;
  width: 100%;
}

#report-chart {
  width: 100%;
  height: 50rem;
}

.account-favorie-history-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .account-favorie-history-container {
    gap: 2rem 0;
  }
}

.account-favorie-history-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0;
  position: relative;
}
.account-favorie-history-box:first-of-type::before {
  opacity: 1;
}
@media (max-width: 991px) {
  .account-favorie-history-box {
    padding: 1rem 0;
  }
  .account-favorie-history-box::before, .account-favorie-history-box::after {
    content: "";
    width: calc(100% + 6rem);
    position: absolute;
    left: -3rem;
    height: 0.1rem;
    background-color: #d9d9d9;
  }
  .account-favorie-history-box::before {
    top: 0;
    opacity: 0;
  }
  .account-favorie-history-box::after {
    bottom: 0;
  }
}
.account-favorie-history-box .date {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #64748b;
  padding: 0.8rem;
  display: inline-block;
  border: 0.1rem solid #d0d5dd;
}
.account-favorie-history-box .form-huge {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .account-favorie-history-box .form-huge {
    gap: 1rem;
  }
}
@media (min-width: 992px) {
  .account-favorie-history-box .form-huge {
    gap: 3rem;
  }
}
.account-favorie-history-box .form-group {
  flex-grow: 1;
}
.account-favorie-history-box .form-group:last-of-type .label {
  color: #2d2d2d;
}
.account-favorie-history-box .form-group:last-of-type .form-control {
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-color: #f9d949;
}
.account-favorie-history-box .form-group .label {
  color: rgba(45, 45, 45, 0.5);
}
.account-favorie-history-box .arrow-icon {
  margin-top: 2.6rem;
}
@media (max-width: 991px) {
  .account-favorie-history-box .arrow-icon {
    height: auto;
    width: 4rem;
  }
}

.older {
  filter: grayscale(1);
}

/* .swal2-x-mark-line-right{
    display: none !important;
  }
  .swal2-x-mark-line-left{
    display: none !important;
  } */
.favorite-card.add:hover {
  background-color: #1d3151;
}

.accordion-body-form-list .form-check {
  flex-grow: unset;
}

.favorite-card .card-huge {
  overflow: hidden;
  padding: 2rem;
}

.favorite-card .card-huge .title {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.showcase-slider .img img {
  pointer-events: none;
}

.post-card .img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.showcase-slider .img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.thumbnail-slider .img img {
  -o-object-fit: contain;
     object-fit: contain;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus::placeholder {
  color: transparent;
}

.company-widget .top-huge > img {
  -o-object-fit: cover;
     object-fit: cover;
}

.header-icon-box-group .btn-icon-item .count {
  font-size: 0.75rem !important;
  box-sizing: border-box;
}

html.swal2-shown,
body.swal2-shown {
  overflow-y: hidden !important;
  height: auto !important;
}

#full-page-watermark {
  display: none;
  background-color: rgba(19, 19, 19, 0.1);
}

.header-lang-dropdown .dropdown-menu .dropdown-item.active {
  background-color: var(--color-primary, 0.3);
}

.category-detail-mobile-header .form-select {
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 16px 12px;
}

/* 

  <div class="category-selected-result-card">
  <div class="icon">
      <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6273 26.2454C17.2453 26.2454 16.8593 26.0994 16.5673 25.8054L11.8194 21.0594C11.2334 20.4734 11.2334 19.5254 11.8194 18.9394C12.4054 18.3534 13.3534 18.3534 13.9394 18.9394L17.6273 22.6234L26.0593 14.1934C26.6453 13.6074 27.5933 13.6074 28.1793 14.1934C28.7653 14.7794 28.7653 15.7274 28.1793 16.3134L18.6873 25.8054C18.3953 26.0994 18.0113 26.2454 17.6273 26.2454Z" fill="#F9D949"/>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 3C6.27 3 3 6.466 3 11.832V28.168C3 33.534 6.27 37 11.33 37H28.666C33.728 37 37 33.534 37 28.168V11.832C37 6.466 33.728 3 28.668 3H11.33ZM28.666 40H11.33C4.552 40 0 35.244 0 28.168V11.832C0 4.756 4.552 0 11.33 0H28.668C35.446 0 40 4.756 40 11.832V28.168C40 35.244 35.446 40 28.666 40Z" fill="#F9D949"/>
      </svg>
  </div>
  <span class="p-title">Kategori seçiminizi</span>
  <span class="desc">tamamladınız</span>
  <a class="btn btn-primary" href="javascript:;">Devam Et</a>
  </div>

   */
/*
   <div class="category-selected-result-card">
      <div class="icon">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6273 26.2454C17.2453 26.2454 16.8593 26.0994 16.5673 25.8054L11.8194 21.0594C11.2334 20.4734 11.2334 19.5254 11.8194 18.9394C12.4054 18.3534 13.3534 18.3534 13.9394 18.9394L17.6273 22.6234L26.0593 14.1934C26.6453 13.6074 27.5933 13.6074 28.1793 14.1934C28.7653 14.7794 28.7653 15.7274 28.1793 16.3134L18.6873 25.8054C18.3953 26.0994 18.0113 26.2454 17.6273 26.2454Z" fill="#F9D949"/>
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 3C6.27 3 3 6.466 3 11.832V28.168C3 33.534 6.27 37 11.33 37H28.666C33.728 37 37 33.534 37 28.168V11.832C37 6.466 33.728 3 28.668 3H11.33ZM28.666 40H11.33C4.552 40 0 35.244 0 28.168V11.832C0 4.756 4.552 0 11.33 0H28.668C35.446 0 40 4.756 40 11.832V28.168C40 35.244 35.446 40 28.666 40Z" fill="#F9D949"/>
              </svg>
          </div>
          <span class="p-title">Kategori seçiminizi</span>
          <span class="desc">tamamladınız</span>
          <a class="btn btn-primary" href="javascript:;">Devam Et</a>
          </div>
  </div>

  */
.category-selected-result-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20rem;
  min-width: 20rem;
  height: 20rem;
  padding: 2.5rem 1rem;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.1), -1px 9px 9px 0px rgba(0, 0, 0, 0.09), -2px 21px 13px 0px rgba(0, 0, 0, 0.05), -4px 38px 15px 0px rgba(0, 0, 0, 0.01), -6px 59px 17px 0px rgba(0, 0, 0, 0);
  margin-right: 3rem;
  margin-top: 1rem;
}

.category-selected-result-card .icon {
  margin-bottom: 2.5rem;
}

.category-selected-result-card .icon svg {
  width: 4rem;
  height: 4rem;
}

.category-selected-result-card .p-title {
  color: #555;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}

.category-selected-result-card .desc {
  color: #888;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7rem; /* 130.769% */
}

.category-selected-result-card .btn {
  margin-top: 3.5rem;
  width: 100%;
  color: #3a3a3a;
  font-size: 14px;
  padding: 0.6rem 1rem;
  background: var(--Main-Yellow, #f9d949);
}

.category-selected-result-card .btn:hover {
  background: var(--Main-Yellow, #f9d949) !important;
  color: #3a3a3a !important;
}

.header-lang-dropdown {
  margin-right: 2rem;
}

.header-lang-dropdown .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 1rem;
}

.header-lang-dropdown .btn-icon:before {
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 0.8rem;
  height: 0.8rem;
}

.header-lang-dropdown .btn-icon .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.4rem;
}

.header-lang-dropdown .btn-icon .arrow {
  display: inline-flex;
  margin-left: 1rem;
}

.header-lang-dropdown .btn-icon .flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header-lang-dropdown .dropdown-menu {
  width: 24rem;
}

.header-lang-dropdown .dropdown-menu .dropdown-item {
  color: var(--character-title-85, rgba(0, 0, 0, 0.85));
  /* Body/regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

@media (min-width: 992px) {
  .search-form-box .textbox {
    width: 34.5rem;
  }
}
.auth-icons svg {
  width: auto;
  height: auto;
  margin-bottom: 0;
}

.auth-icons .icon:first-of-type {
  margin-right: 0.8rem;
}

@media (max-width: 991px) {
  .category-selectable-card {
    height: auto;
  }
  .category-selected-result-card {
    width: 100%;
    margin: 0;
    margin-top: 2rem;
  }
  .popover .popover-arrow {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .post-card {
    max-width: calc(20% - 4rem);
    flex-grow: 1;
    width: unset;
  }
}
.header-right .form-huge > .btn {
  white-space: nowrap;
}

.header .header-user-login-huge {
  gap: 0 2rem;
}

.header .auth-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px 0;
  padding-left: 1.5rem;
  position: relative;
}

.header .auth-icons svg {
  min-width: 2.4rem;
}

.header .auth-icons .icon {
  cursor: pointer;
}

.header .auth-icons:before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #cecece;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
}

em {
  font-style: italic !important;
}

.nots {
  margin-top: 2px;
}

.chat-box-body {
  flex-grow: 1;
}

.body-account-message-detail #mobile-header {
  z-index: 999;
}

.list-type-1 li {
  margin: 0.5rem 0.5rem 0.5rem 0;
}

.list-type-1 li a::after {
  margin-left: 0.5rem;
}

.post-card-vertical .list {
  flex-wrap: wrap;
}

.header-user-message-info {
  display: none;
}

.body-account-message-detail .header-user-message-info {
  display: flex !important;
}

/* Revizeler */
.header-auth-huge a {
  transition: color ease 0.3s;
}

.header-auth-huge a:hover {
  color: #fff;
}

#account-sidebar.static-sidebar .btn-dashboard-nav.active {
  background-color: #bedef7;
}

.company-widget .line-huge {
  margin-bottom: 1.5rem;
}

.company-widget .phone-card {
  margin-bottom: 1.5rem;
}

.header-right .form-huge > .btn:hover,
.category-list-box li a:hover,
.block-header .block-link:hover,
.btn-with-icon:hover span + span,
.card-lg:hover .title,
.footer-navigation ul li a:hover,
.information-card .link:hover,
.breadcrumb .breadcrumb-item > a:hover,
.breadcrumb-container .secondary-list li a:hover,
.company-widget .list a:hover,
.btn-favorite:hover span span,
.company-widget a.link-13:hover,
.new-favorite-btn:hover span,
.category-list-box-2 a:hover {
  text-decoration: underline !important;
}

.password-toggle-icon-huge .form-group {
  width: 100%;
}

#account-sidebar .btn-dashboard-nav {
  margin-bottom: 0;
}

/* Expertize */
.preview-svg {
  position: relative;
}

#expertise-tooltip {
  position: absolute;
  background-color: #fff;
  padding: 5px 10px;
  display: none;
  border: 3px solid #8598aa;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #111;
}

/* #expertise-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #8598aa;
    position: absolute;
    top: -7px;
    left: 5px;
  } */
.tiny-radio-button .checkmark:before {
  width: 0.5rem;
  height: 0.5rem;
}

.showcase-slider-clickable-state {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.showcase-slider-clickable-state div {
  flex-grow: 1;
  opacity: 0;
}

.password-rule-box {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #e45959;
  width: 100%;
}

.password-rule-box .list-title {
  display: block;
  margin-bottom: 1rem;
}

.password-rule-box .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem 0;
  padding: 2rem;
  border-radius: 0.8rem;
  background: rgba(238, 238, 238, 0.33);
  width: 100%;
  box-sizing: border-box;
}

.password-rule-box .list span {
  display: inline-block;
}

.password-rule-box .list span:before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 50%;
  background-color: #e45959;
  margin-top: 0.8rem;
  margin-right: 1rem;
  float: left;
}

.password-rule-box .valid {
  color: #83f281 !important;
}

.password-rule-box .rule-not-include,
.password-rule-box .rule-same-character {
  color: #83f281 !important;
}

.password-rule-box .rule-not-include:before,
.password-rule-box .rule-same-character:before {
  background-color: #83f281 !important;
}

.password-rule-box .rule-not-include.valid,
.password-rule-box .rule-same-character.valid {
  color: #e45959 !important;
}

.password-rule-box .rule-not-include.valid:before,
.password-rule-box .rule-same-character.valid:before {
  background-color: #e45959 !important;
}

.password-rule-box .valid:before {
  background-color: #83f281 !important;
}

.message-list-card {
  position: relative;
}

.message-list-card .full-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.message-list-card .right-side {
  position: relative;
  z-index: 20;
}

.new-favorite-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.body-post-add .back-btn {
  display: inline-flex !important;
}

.category-card-accordion-item.loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.5098039216);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease 0.3s, visibility ease 0.3;
}

.post-add-main-box.loader-active .category-card-accordion-item.loader {
  opacity: 1;
  visibility: visible;
}

.btn-favorite > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  line-height: 1;
}

.custom-sweetalert .swal2-popup {
  width: 40rem;
  padding: 0;
  border-radius: 1.2rem;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  padding: 2.4rem;
  height: 24.8rem;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90%;
}

.custom-sweetalert .swal2-popup svg {
  height: auto;
}

.custom-sweetalert .swal2-popup .swal2-error.swal2-icon-show {
  margin-top: 0 !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  width: auto;
  height: auto;
  margin-bottom: 2rem;
}

.custom-sweetalert .swal2-popup .swal2-title {
  padding: 0;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 500;
  color: #101828;
  margin-bottom: 1rem;
}

.custom-sweetalert .swal2-popup .swal2-html-container {
  margin: 0 !important;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #667085;
}

.custom-sweetalert .swal2-popup .swal2-actions {
  margin-top: auto;
  width: 100%;
}

.custom-sweetalert .swal2-popup .swal2-confirm {
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #344054;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--gray-300, #d0d5dd);
  background: var(--White, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.custom-sweetalert .swal2-popup .swal2-confirm:focus {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.pointer-events-none {
  pointer-events: none !important;
}

.post-card .title {
  max-width: 90%;
}

.message-list-card .detail {
  max-width: calc(100% - 14rem);
}

.message-list-card .title {
  max-width: 90%;
}

.contact-table-content ul strong {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.fancybox-button.fancybox-button--zoom {
  display: none !important;
}

#account-sidebar.static-sidebar .btn-dashboard-nav {
  border-bottom: 0.1rem solid rgba(183, 183, 183, 0.2);
  border-radius: 0;
}
#account-sidebar.static-sidebar .btn-dashboard-nav:first-of-type {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
#account-sidebar.static-sidebar .btn-dashboard-nav:last-of-type {
  border-bottom: none;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

#account-sidebar.static-sidebar .navigation-dropdown-menu a {
  border-radius: 0;
}

.form-checkbox-label-type label {
  max-width: 100%;
}

.card-list-container-type-0{
  width: 100%;
}

.card-list-container-type-0 .product-card{
  max-width: calc(25% - 1.3rem);
}

.product-card .person-card .pc-desc{
  margin-top: 0;
}


.product-card .person-card .pc-phone-number{
  z-index: 2;
}

.product-card .person-card .pc-phone-number span+img{
  left: unset;
  right: 0;
}





/* Team Card */


.team-card {
  width: 28rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #fff;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
}
   
.team-card .detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 1.6rem;
  box-sizing: border-box;
}
     
.team-card .person-card {
  display: flex;
  align-items: center;
  justify-content: space-between; 
}
.team-card .person-card .img {
  width: 8rem;
  min-width: 8rem;
  height: 8rem;
  border-radius: 50%;
  display: inline-flex;
  overflow: hidden;
  margin-right: 1.2rem;
}

.team-card .person-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.team-card .person-card .pc-huge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
}
.team-card .person-card .pc-title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #000;
}
.team-card .person-card .pc-desc {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #9597a1;
  font-weight: 400;
  display: block;
  margin-top: 0.5rem;
}

.team-card .pc-icon-box {
  margin-left: 1.5rem;
  display: inline-flex;
  position: relative;
 
}
.team-card .pc-icon-box:hover + .pc-phone-number {
  opacity: 1;
}
.team-card .pc-icon-box img + img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.team-card .pc-phone-number {
  position: absolute;
  right: 0; 
  top: 50%;
  transform: translateY(-50%);
  padding-right: 0;
  padding-left: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  transition: opacity ease 0.3s;
  z-index: 2; 
}
.team-card .pc-phone-number:hover {
  opacity: 1;
}
.team-card .pc-phone-number img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.team-card .pc-phone-number span {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #000;
  display: inline-block;
  padding: 0.8rem;
  background-color: #f9d949;
}

.card-list-container-type-0 .team-card{
  max-width: calc(25% - 1.3rem);
}

.team-card .person-card .pc-desc{
  margin-top: 0;
}


.team-card  .pc-phone-number{
  z-index: 2;
}

.team-card   .pc-phone-number span+img{
  left: unset;
  right: 0;
}
 

.body-store{
  background-color: #fff;
}

.body-store #footer{
  background-color: rgba(255, 184, 0, 0.1);
}

.team-card .phone-box{
  display: inline-flex;
}

.team-card .bottom-huge{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  color: #9597A1;
  padding-left: 2rem;
  margin-top: 1.5rem;
  position: relative;
}

.team-card .bottom-huge>span{
  margin-right: 3rem;
}

.team-card .props-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 1rem; 
}

.team-card .props-list>div{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem 0;
}

.team-card .props-list strong{
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #000000;
}



.square-btn-list-scrollable{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 .5rem;
  width: 100%;
}

.square-btn-list-scrollable>div{
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  overflow-x: auto;
  padding: .5rem 0;
}

.square-btn-list-scrollable>div::-webkit-scrollbar {
 height: 0rem;
}

/* Track */
.square-btn-list-scrollable>div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f1f1f1; 
  border-radius: .5rem;
}
 
/* Handle */
.square-btn-list-scrollable>div::-webkit-scrollbar-thumb {
  background: #f9d949; 
  border-radius: .5rem;
}

/* Handle on hover */
.square-btn-list-scrollable>div::-webkit-scrollbar-thumb:hover {
  background: #f9d949; 
}
 
.square-btn-list-scrollable a{
  font-size: 1.4rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #6487CE;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .7rem 3.2rem;
  white-space: nowrap;
  transition: background-color ease .3s;
  border: .1rem solid #E4E4E7;
  user-select: none;
}

.square-btn-list-scrollable a:hover{
  background-color: rgba(100,135,206,.1);
}  

.btn-scrollable-navigation{
  display: inline-flex;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  min-width: 2rem;
  padding: 0;
}

.block-has-square-btn-list-scrollable{
  padding-bottom: 2rem;
  border-bottom: .1rem solid rgba(0,0,0,.1);
}



@media (max-width:992px){
  .body-store .header-mobile {
    margin-bottom: 0; 
  }

  .store-page-header .cover-image:before{
    padding-top: 40%;
  }

  .store-page-header .bottom-huge{
    padding: 1rem;
    flex-direction: column;
  } 

  .store-page-header .store-info-card .store-image-huge{
    width: 8rem;
    padding-top: 3rem;
    margin-bottom: 1rem;
  }

  .store-page-header .store-info-card{
    margin-right: 0;
  }


  .store-page-header .store-icon-list{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-top: 1rem;
  }

  .store-icon-box{
    width: 100%;
    padding: .8rem 1.2rem;
  }

  .store-page-header .navigation-huge{
    overflow-x: auto;
  } 

  .store-page-header .navigation-huge a{
    min-width: 16rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .card-list-container-type-0 .product-card{
    flex-basis: 100%;
    max-width: 100%;
  }

  .card-list-container-type-0 .team-card{
    max-width: 100%;
    width: 100%;
  }

  .product-card .person-card .pc-phone-number{
    width: unset;
    left: unset;
    right: 0;
    padding-right: 3.4rem;
  }
 
  .block-header .secondary-title-with-bg{
    font-size: 1rem;
  }

  .store-page-header .store-info-card .primary-title{
    font-size: 1.4rem;
    padding: .4rem .8rem;
    display: block;
  }

  .store-page-header .store-info-card{
    flex-direction: column;
  }



  .form-select-with-icon {
  
  }

}

.space-block{
  width: 100%;
  height: 2rem;
}

.pagination .text-item{
  padding-left: .6rem;
  padding-right: .6rem;
  background-color: rgba(61, 61, 61, 0.05);
}

.post-table-pagination.type-1{
  margin-bottom: 0;
} 

.post-table-pagination.type-1 .item{
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1rem 1.2rem;
  border: none;
  color: rgba(100, 135, 206, 1);
  border-radius: 0;
  min-width: 4rem;
  text-align: center;
}

.post-table-pagination.type-1 .item.active{
  background-color: rgba(48, 48, 48, 0.6);
  color: #fff;
}

.post-table-pagination.type-1 .info{
  margin-top: 2rem;
  background-color: rgba(255, 206, 0, 0.2);
  border: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: rgba(95, 95, 95, 1);
}

.form-select-with-icon{
  position: relative;
  display: inline-flex;
}

.form-select-with-icon .form-select{
  padding-right: 4.8rem;
  background-position: right .6rem center;
  width: auto;
}

.form-select-with-icon .icon{
  position: absolute;
  right: 2.8rem;
  top: 50%;
  transform: translateY(-50%);
}

.store-posts-block-header{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;

}



@media (max-width:992px){
  .store-posts-block-header{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem 0;
    width: 100%;
  }

  .store-posts-block-header .form-select{
    width: 100%;
  }

  .block-header-mobile-column .huge{
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem 0;
  }
}


.editor-content-in-store-about{
  color: rgba(113, 113, 113, 1);
  padding: .8rem;
  background-color: rgba(217, 217, 217, 0.12);
}  




/* Team Full Card */



/* Team Card */


.team-full-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border: .1rem solid #F2F2F2;
  background-color: #fff; 
  margin-top: 1.5rem;
  border-radius: .1rem;
  
}
   
.team-full-card .detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem; 
  box-sizing: border-box;
  gap: 2rem;
}
     
.team-full-card .person-card {
  display: flex;
  align-items: center;
  justify-content: space-between; 
}
.team-full-card .person-card .img {
  width: 12rem;
  min-width: 12rem;
  height: 12rem;
  border-radius: 50%;
  display: inline-flex;
  overflow: hidden;
  margin-right: 2rem;
}

.team-full-card .person-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.team-full-card .person-card .pc-huge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
}
.team-full-card .person-card .pc-title {
  font-size: 1.7rem;
  line-height: 2rem; 
  font-weight: 400;
  color: #000;
}
.team-full-card .person-card .pc-desc {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #9597a1;
  font-weight: 400;
  display: block;
  margin-top: 0.5rem;
}
 
.team-full-card .person-card .pc-desc{
  margin-top: 0;
}
  

.team-full-card .bottom-huge{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  color: #9597A1; 
  position: relative;
}

.team-full-card .bottom-huge>span{
  margin-right: 3rem;
}

.team-full-card .props-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 1rem; 
}

.team-full-card .props-list>div{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem 0;
}

.team-full-card .props-list strong{
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #000000;
}

.team-full-card .main-huge{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2.5rem 0;
}


/* Store About Form */

.company-about-form{
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
} 

.company-about-form>div{}
.company-about-form>div:nth-child(1){
  flex-basis: 45%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.company-about-form>div:nth-child(2){
  flex-basis: 45%;
}
.company-about-form>div:nth-child(3){
  flex-basis: 100%;
  flex-grow: 1;
  margin-top: 3rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.company-about-form>div:nth-child(3)>div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.company-about-form .double-form-group{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}

.company-about-form .double-form-group .form-group{
  flex: 1;

}

.company-about-form .form-check-label{
  color: #5F5F5F !important;
  padding: 0 .8rem;
  background-color: rgba(255, 206, 0, 0.2);
}

.company-about-form .form-check .form-check-input{
  margin-top: .3rem;
}

.company-about-form .btn.btn-primary{
  border-radius: 0;
  background-color: #F9D949;
  padding: .8rem 2.8rem;
  color: #000000;
  font-size: 1.4rem;
}

.company-about-form .btn.btn-primary:hover{
  background-color: rgba(249, 217, 73, .8);
}

.success-primary-sweetalert{
  background-color: #313131;
}

.success-primary-sweetalert .swal2-icon-content{
  display: flex;
  align-items: center;
  justify-content: center; 
  width: 100%; 
}

.success-primary-sweetalert .swal2-icon.swal2-error{
  width: 100%; 
  padding: 0;
  margin: 0; 
  border-radius: 0;
  height: unset;
  margin-top: 0 !important;
}

.success-primary-sweetalert .swal2-modal{
  padding: 0;
  background-color: #313131;
  width: 41rem;
  max-width: 95%;
  border-radius: .4rem;
  overflow: hidden;
  padding-top: 5rem;
  box-shadow: 0px 24px 64px 0px rgba(45, 48, 58, 0.06);
}

.success-primary-sweetalert .swal2-title{
  padding: 0;
  margin: 0;
  font-size: 1.7rem;
  line-height: 2rem;
  color: #F9D949;
  font-weight: 600;
  letter-spacing: -0.08px;
  margin-bottom: 2.6rem;
  margin-top: 2.6rem;
}
.success-primary-sweetalert .swal2-html-container{
  font-size: 1.7rem;
  line-height: 2rem;
  color: #D2D2D2;
  letter-spacing: -0.08px;
  font-weight: 400;
  padding-top: 0;
  margin-top: 0;
}
.success-primary-sweetalert .swal2-actions{
  width: 100%;
  margin-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.2rem 1rem;
  background-color: #191A1D;
}
.success-primary-sweetalert .swal2-confirm{
  font-size: 1.6rem;
  line-height: 1;
  color: #000;
  font-weight: 500;
  padding: .7rem 4rem;
  background-color: #F9D949;
  border-radius: 0;
  border:none;
  outline: none;
  box-shadow: unset !important;
}
.success-primary-sweetalert .swal2-close{
  display: inline-flex !important; 
  border-radius: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 2.5rem;
  right: 2.5rem;
  color: #fff;
  font-size: 3.2rem;
}
.success-primary-sweetalert .swal2-close:hover{
  color: #fff;
}
.success-primary-sweetalert .demo{}
.success-primary-sweetalert .demo{}



@media (max-width:992px){

  .team-full-card .person-card .img{
    width: 9rem;
    min-width: 9rem;
    height: 9rem;
  }

  .team-full-card .detail{
    flex-direction: column;
    align-items: flex-start;
  }

  .company-about-form{
    flex-direction: column;
    gap: 1rem;
  }

  .company-about-form>div:nth-child(1){
    gap: 1rem 0;
  }

  .company-about-form>div:nth-child(3){
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem 0;
  }

}



.auth-main.corporate-register{
  
}
.auth-main.corporate-register .auth-box{
  width: 124rem;
  max-width: 100%;
}
 

.corporate-register-header{ 
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 124rem;
  max-width: 100%;
  margin-bottom: 1rem; 
}

.corporate-register-header>div{
  flex:1;
  display: inline-flex;
}

.corporate-register-header>div:nth-child(2){
  justify-content: center;
}

.corporate-register-header>div:nth-child(3){
 justify-content: flex-end;
}


.corporate-register-header .logo{
  display: inline-flex;
}

.corporate-register-header .store-icon-box.phone{
 padding-top: .8rem;
 padding-bottom: .8rem; 
 background: rgba(249, 217, 73, 0.12);
}

.corporate-register-header .store-icon-box.phone:hover{
  background: rgba(249, 217, 73, 0.6);
}


.auth-main.corporate-register .box-head .paragraph{
    padding: .4rem .8rem;
    border: .1rem solid rgba(208, 213, 221, 1);
}


.auth-main.corporate-register .auth-box{
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.15);
}

.auth-main.corporate-register .auth-box .box-head{
  margin-bottom: 2rem;
}

.body-corporate-register{
  background-color: #F6F6F6;
}


.form-corporate-register{
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.form-corporate-register>div:nth-child(1),.form-corporate-register>div:nth-child(3){
  width: 46rem;
  display: flex; 
 align-items: flex-start;
 flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 0;
}
.form-corporate-register>div:nth-child(2){
  align-self: stretch;
}

.form-corporate-register>div:first-child{}
.form-corporate-register>div:last-child{}

.form-corporate-register .label{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: rgba(45, 45, 45, 1);
  background-color: rgba(249, 217, 73, 1);
  display: inline-flex;
  padding: .6rem 2rem;
  min-width: 11rem;
  justify-content: center;
  text-align: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.form-corporate-register .form-control,.form-corporate-register .form-select{
  border-color: rgba(208, 213, 221, 1);
  padding-top: .93rem;
  padding-bottom: .93rem;
}


.form-corporate-register .notice-huge{
  font-size: 1.2rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: rgba(126, 126, 126, 1);
  margin-top: 2rem;
}

.form-corporate-register .notice-huge a{
  color: rgba(100, 135, 206, 1);
  text-decoration: underline;
  transition: opacity ease .3s;
}

.form-corporate-register .notice-huge a:hover{
  opacity: .8;
}



.form-corporate-register .square-radio-type{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-corporate-register .square-radio-type .square-radio-button{
   flex-basis: calc(50% - 2.4rem); 
}

.form-corporate-register .mt{
  margin-top: 1rem;
}

.square-radio-button{
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: rgba(77, 77, 77, 0.9);
  letter-spacing: -0.08px;
  width: 100%; 
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.square-radio-button .val{
  padding: 1rem 3.6rem 1rem .6rem;
  display: inline-block;
  background-color: rgba(245, 245, 245, 1);
  width: 100%;
}

.square-radio-button input{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  user-select: none;
 
}
.square-radio-button input:checked+.val{
background-color: rgba(249, 217, 73, 0.25);
}
.square-radio-button input:checked+.val+.checkmark{
  background-color: rgba(249, 217, 73, 1);
  border-color: rgba(255, 184, 0, 0.5);
}

.square-radio-button input:checked+.val+.checkmark img{
  opacity: 1;
} 

.square-radio-button .checkmark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  border:.1rem solid rgba(77, 77, 77, 0.5);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .6rem;
  background-color: transparent;
  transition: background-color ease .3s,border-color ease .3s;
}


.square-radio-button .checkmark img{
  opacity: 0;
  transition: opacity ease .3s;
}



.square-radio-button.type-1{

}

.square-radio-button.type-1 .val{
  background-color: rgba(100, 135, 206, 0.25);
  color: rgba(77, 77, 77, 0.9);
}

.square-radio-button.type-1 .val:before{
  content: "";
  width: 4rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(31, 39, 68, 0.25);
}

.square-radio-button.type-1 .val a{
  color: rgba(100, 135, 206, 1);
  transition: opacity ease .3s;
}

.square-radio-button.type-1 .val a:hover{
  color: rgba(100, 135, 206, .8);
}

.square-radio-button.type-1 input:checked+.val{
  background-color: rgba(100, 135, 206, 0.25);
  } 
  
  .square-radio-button.type-1 .checkmark{
    right: 1.2rem;
    border-color: #fff;
  }


  .form-corporate-register .btn{
    margin-top: 1rem;
    background-color: rgba(249, 217, 73, 1);
    width: 100%;
    padding: 1.2rem 1rem;
    color: rgba(45, 45, 45, 1);
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600; 
    border-radius: 0;
    transition: background-color ease .3s;
  }

  .form-corporate-register .btn:focus,.form-corporate-register .btn:hover{
    background-color: rgba(249, 217, 73, .8);
  }

  .form-corporate-register hr.type-2{
    height: 100%;
  }

  .form-corporate-register .notice-huge.last{
    color: rgba(68, 68, 68, 1);
    width: 100%;
    text-align: right;

  }

  .form-corporate-register .notice-huge.last a{
    text-decoration: unset;
  }


  @media (min-width:992px){
    .auth-main.corporate-register .auth-box{
      padding: 4rem 4rem;
    } 

  }


  @media (max-width:991px){
    .corporate-register-header{
      gap: 1rem;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }
    .corporate-register-header>div:first-of-type{
      display: none;
    }

    .corporate-register-header>div:nth-child(2){
      justify-content: flex-start;
    }

    .corporate-register-header>div:last-of-type{
      width: 100%;
    }

    .auth-main.corporate-register .auth-box .primary-title{
      font-size: 2rem;
    }

    .form-corporate-register{
      gap: 1.4rem 3rem;
    }

    .form-corporate-register .square-radio-type .square-radio-button{
      flex-basis: calc(50% - .5rem);
    }

  }
 

  .account-form-box.type-2{
    padding: 2rem 1.5rem;
  }
.account-session-and-devices-content{
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #313131;
}

.account-session-and-devices-content+.account-session-and-devices-table{
  margin-top: 2rem;
}

.account-session-and-devices-content .primary-title{ 
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: #3A3A3A;
  display: block;
  margin-bottom: 1rem;
}


  .account-session-and-devices-table{
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #2D2D2D;
    margin-bottom: 1.5rem;
  } 

  .account-session-and-devices-table.mb-0{
    margin-bottom: 0 !important;
  }

  .account-session-and-devices-table .table-head{ 
    user-select: none;
    margin-bottom: 1rem;
  }

  .account-session-and-devices-table .table-head span{ 
    font-weight: 300;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;


  }

  .account-session-and-devices-table .table-head span span{
    border: .1rem solid #ECEBEB;
    display: inline-block;
    padding: .6rem .5rem;
  }

  .account-session-and-devices-table .table-head, 
  .account-session-and-devices-table .table-body>div{ 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 1rem;
  }

  .account-session-and-devices-table .table-body>div{ 
    padding: .6rem .6rem .6rem 1rem;
    border: .1rem solid #ECEBEB;
  }

  .account-session-and-devices-table .table-body>div.featured{
    border-color: #83F281;
  }

  .account-session-and-devices-table .table-head>span, 
  .account-session-and-devices-table .table-body>div>span{ 
    width: 20%; 
    justify-content: flex-start;
  }

  .account-session-and-devices-table .table-head>span:last-of-type, 
  .account-session-and-devices-table .table-body>div>span:last-of-type{ 
    justify-content: flex-end;
  }
  .account-session-and-devices-table .item{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 1rem;
  }


  .account-session-and-devices-btn-group{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
  }

  .account-session-and-devices-btn-group .button{
    outline: none;
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    padding: .3rem 2rem;
    text-align: center;
    display: inline-block;
    min-width: 19rem;
    background-color: #FFFFFF;
    border: .1rem solid #6487CE;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    border-radius: .2rem;
    cursor: pointer;
    color: #6487CE;
    transition: color ease .3s,background-color ease .3s;
    user-select: none;
  }

  .account-session-and-devices-btn-group .button:hover{
    background-color: #6487CE;
    color: #fff;
  }


  @media (max-width:991px){
    .account-session-and-devices-btn-group{
      gap: 1rem;
    }

    .account-session-and-devices-btn-group .button{
      min-width: unset;
      flex-grow: 1;
    }

    .account-session-and-devices-table .table-body>div{
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 1rem 0;
    } 

    .account-session-and-devices-table .table-head>span, .account-session-and-devices-table .table-body>div>span{
      width: 100%;
    }

    .account-session-and-devices-table .table-head>span:last-of-type, .account-session-and-devices-table .table-body>div>span:last-of-type{
      justify-content: flex-start;
    }

    .account-session-and-devices-table .table-head{
      display: none;
    }

    .account-session-and-devices-table .table-head>span, .account-session-and-devices-table .table-body>div>span:before{
      content: attr(data-title);
      min-width: 12rem;
      font-size: 1rem;
    }

  } 



  .account-cancellation-page-main{
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    color: #313131;
  }

  .account-cancellation-page-main .primary-title{
    font-size: 14px;
    font-weight: 600;
    color: #3A3A3A;
    display: block;
    margin-bottom: 1rem;
  }

  .account-cancellation-page-main a{
    color: #6487CE;
    text-decoration: underline;
  }


  .account-cancellation-page-main li {
    display: inline-block;
    width: 100%;
    margin-bottom: .2rem;
    margin-top: .2rem;
  }


  .account-cancellation-page-main li:before {
    content: "";
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #313131;
    float: left;
    margin-top: .8rem;
    margin-right: 1rem;
  }

  .account-cancellation-bottom-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 1rem;
  }

  .account-cancellation-bottom-group .button{
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #F28181;
    padding: .3rem 1rem;
    min-width: 19rem;
    text-align: center;
    border-radius: .2rem;
    border: .1rem solid #F28181;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    transition: background-color ease .3s,color ease .3s;
  }

  .account-cancellation-bottom-group .button:hover{
    background-color: #F28181;
    color: #fff;
  }


  @media (max-width:991px){
    .account-cancellation-bottom-group{
      flex-direction: column;
      align-items: stretch;
      gap: 1rem 0;

    }

  .account-cancellation-bottom-group .button{
    min-width: unset;
  }

  #account-sidebar{
    padding: 1.5rem;
  }

  }

  .doping-card-2 .img{
    border-radius: 0; 
}

.doping-card-2{
    border-radius: 0;
}


.account-navigation .item.active{
  background-color: rgba(249, 217, 73, 0.33);
  border-color:rgba(249, 217, 73, 1);
  color: #49494B;
  border-width: .2rem;
}


/************************************************** Account Notification Preferences */
/** http://176.43.144.191:5111/me/account/notification-preferences  **/
.account-nots-preferences-main{
  padding: 2rem 1.5rem 3rem 1.5rem;
}

.account-nots-preferences-main .primary-title{
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 600;
  color: #3A3A3A;
  display: block;
  margin-bottom: 1rem;
  margin-left: 1.6rem;
}


/* Table */

.account-nots-preferences-table{}

.account-nots-preferences-table .table-head{
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #313131;
  font-weight: 400;
  margin-bottom: 1.2rem;
}

.account-nots-preferences-table .table-head span{
  display: inline-block;
  padding: .8rem 1rem;
  background-color: #F9D949;
  border-radius: .2rem;
  min-width: 9rem;
  text-align: center;
}

.account-nots-preferences-table .table-body{
  background-color: #FBFBFB;
  font-size: 1.2rem;
  line-height: 2.4rem;
  letter-spacing: -0.4px;
  font-weight: 400;
}

.account-nots-preferences-table .table-body span{}

.account-nots-preferences-table .col-item{}


.account-nots-preferences-table .table-head,
.account-nots-preferences-table .col-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0 1rem;
  padding: 0;
}

.account-nots-preferences-table .col-item{
  padding: .6rem 0 .6rem 1.6rem;
  border-bottom: .1rem solid rgba(0, 0, 0, 0.1);
}


.account-nots-preferences-table .col-item>div,
.account-nots-preferences-table .table-head>div{

}

.account-nots-preferences-table .col-item>div:nth-child(1),
.account-nots-preferences-table .table-head>div:nth-child(1){
  flex-grow: 1;
}

.account-nots-preferences-table .col-item>div:nth-child(2),
.account-nots-preferences-table .table-head>div:nth-child(2){
  min-width: 10rem;
  text-align: center;
}

.account-nots-preferences-table .col-item>div:nth-child(3),
.account-nots-preferences-table .table-head>div:nth-child(3){
  min-width: 10rem;
  text-align: center;
}


.account-cancellation-bottom-group .button.btn-primary-outline{
    padding: .3rem 3rem;
    color: #313131;
    border-color: #F9D949;
    min-width: 10rem;
}

.account-cancellation-bottom-group{
  margin-bottom: 4rem;
}

/* The switch - the box around the slider */
.switch-success {
  position: relative;
  display: inline-block;
  width: 5.1rem;
  height: 3.1rem;
}

/* Hide default HTML checkbox */
.switch-success input {
  opacity: 0;
  width: 0;
  height: 0;
  outline: none;
}

/* The slider */
.switch-success .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(120, 120, 128, 0.16);
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 10rem;
  
}

.switch-success .slider:before {
  position: absolute;
  content: "";
  height: 2.7rem;
  width: 2.7rem;
  left: .2rem;
  bottom: .2rem;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.switch-success input:checked + .slider {
  background-color: rgba(52, 199, 89, 1);
}

.switch-success input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch-success input:checked + .slider:before {
  -webkit-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  transform: translateX(2rem);
}

 
@media (max-width:991px){
  .account-nots-preferences-table .col-item>div:nth-child(3), .account-nots-preferences-table .table-head>div:nth-child(3){
    min-width: 6rem;
  }
  .account-nots-preferences-table .col-item>div:nth-child(2), .account-nots-preferences-table .table-head>div:nth-child(2){
    min-width: 6rem;
  }

  .account-nots-preferences-table .table-head span{
    min-width: 6rem;
    padding: .6rem .5rem;
  }

  .account-nots-preferences-table .col-item{
    padding-left: .6rem;
  }

}




/************************************************** Account Blocked Users */
/** http://176.43.144.191:5111/me/account/blocked-users  **/


.account-blocked-users-main{
  padding: 0;
  min-height: 50rem;

}

.account-blocked-users-main .main-head{
  width: 100%;
  padding: 2rem 1.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #3A3A3A;
  border-bottom: .1rem solid #E5E9EB;
}

.account-blocked-users-main .main-body{
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.account-blocked-users-card{
  width: 100%;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  background-color: #FBFBFB;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  color: #2D2D2D;
  padding: .7rem .7rem .7rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.account-blocked-users-card .title{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}

.account-blocked-users-card .date{
  margin-left: auto;
}

.account-blocked-users-card .date b{
  font-weight: 600;
  color: #2D2D2D;
}

.account-blocked-users-card .button{
  margin-left: 6rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #313131;
  padding: .3rem 1.4rem;
  display: inline-block;
  border-radius: .2rem;
  border: .1rem solid #F28181;
  background-color: #FFF;
  outline: none;
  cursor: pointer;
  transition: background-color ease .3s;
}

.account-blocked-users-card .button:hover{
  background-color: #f6f6f6;
}

.account-blocked-users-not-found{
  padding: 1rem 1.5rem;
  display: inline-block;
  width: 100%;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  background-color: #FBFBFB;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #F28181;
  font-weight: 500;
}

@media (max-width:991px){
  .account-blocked-users-card{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .account-blocked-users-card .button,
  .account-blocked-users-card .date{
    margin-left: unset;
  }

  .account-blocked-users-card .button{
    width: 100%;
  }
}  




/************************************************** QR Login */
/** http://176.43.144.191:5111/login-qr  **/

.qr-auth-box{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 4rem;
  margin-bottom: 2rem;
}

.qr-auth-box .logo{
  margin-bottom: 1.5rem;
}

.qr-auth-box hr.type-1{
  margin-bottom: 1.2rem;
}

.qr-auth-box .primary-title{
  margin-bottom: 3rem;
}


.login-qr-code-huge{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-bottom: 3rem;
  user-select: none;
}

.login-qr-code-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20rem;
  height: 20rem;
  border: .1rem solid rgba(0, 0, 0, 0.50);
  overflow: hidden;
}

.login-qr-timer{
  font-size: 1.2rem;
  font-weight: 300;
  color: #2D2D2D;
  line-height: 1.4rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: .3rem 0;
  padding: .8rem 1.2rem;
  background-color: #F9D949;
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%) translateX(100%);
  z-index: 2;
  border-radius: .1rem;
} 

.login-qr-timer b{
  color: #2D2D2D;
  font-weight: 500;
}

.login-qr-timer:before{
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #F9D949;
  border-radius: .1rem;
  top: 50%;
  left: -.7rem;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  user-select: none;
  z-index: -1;
}


.login-qr-timer.done b{
  color: #fff;
}

.qr-auth-box .information-box{
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #7E7E7E;
  font-weight: 400;
  margin-bottom: 3rem;
}

.qr-auth-box .information-box b{
  color: #7E7E7E;
  font-weight: 600;
}

.qr-auth-box .info-text-center{
  color: #000; 
}

.qr-auth-box .info-text-center+.info-text-center{
  margin-top: 3rem;
}

.login-qr-code-box .repeat-box{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 900;
  color: #F28181;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease .3s,visibility ease .3s;
}

.login-qr-code-box.timer-done>img{
  filter: blur(5px);
}

.login-qr-code-box.timer-done .repeat-box{
  opacity: 1;
  visibility: visible;
}

.login-qr-code-box.timer-done+.login-qr-timer{
  background-color: #F28181;
  color: #fff;
}
.login-qr-code-box.timer-done+.login-qr-timer:before{
  background-color: #F28181;
}

.login-qr-code-box.timer-done+.login-qr-timer b{ 
  color: #fff;
}


 

.login-qr-code-box .repeat-box>div{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem 0;
  padding-top: 30px;
}


@media (max-width:991px){
  .login-qr-code-huge{
    align-self: flex-start;
  }

  .login-qr-code-box{
    width: 16rem;
    height: 16rem;
  }

  .login-qr-code-box>img{
    width: 14rem;
    height: 14rem;
  }
}



/* Vehicle Compare */


.vehicle-compare-page-head {
  margin-bottom: 2rem;
}

.vehicle-compare-page-head .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #5F5F5F;
  font-weight: 400;
}

.vehicle-compare-page-head span{
  display: inline-block;
  padding: 0 .8rem;
  background-color: rgba(255, 206, 0, 0.2);
}


.vehicle-compare-main-container{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  padding-bottom: 6rem;
  overflow-x: auto;
  scroll-behavior: smooth;

}

/* width */
.vehicle-compare-main-container::-webkit-scrollbar {
  height: 1rem;
}

/* Track */
.vehicle-compare-main-container::-webkit-scrollbar-track {
  background: #ECECEC;

}

/* Handle */
.vehicle-compare-main-container::-webkit-scrollbar-thumb {
  background: #ADACAC;
  border-radius: 3rem;
  height: .6rem;
}

/* Handle on hover */
.vehicle-compare-main-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.vehicle-compare-card{
  max-width: 100%;
  width: 35rem;
  min-width: 35rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #F4F2F2;
}

.vehicle-compare-card.selected-card .card-body{
  padding-top: 7rem;
  padding-bottom: 3rem;
} 

.vehicle-compare-card .card-head{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C4C4C4;
  height: 17rem;
}

.vehicle-compare-card .card-head .image-default{
  /* width: 100%;
  height: 100%;
  object-fit: cover; */
}

.vehicle-compare-card .card-head .montesaler-icon{
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}

.vehicle-compare-card .card-head .image-tag{
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: inline-block;
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10)) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.09)) drop-shadow(0px 11px 7px rgba(0, 0, 0, 0.05)) drop-shadow(0px 20px 8px rgba(0, 0, 0, 0.01)) drop-shadow(0px 31px 9px rgba(0, 0, 0, 0.00));
  min-width: 9.4rem;
  text-align: center; 
  background-color: #F9D949;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.vehicle-compare-card .selected-state{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F9D949;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem 0;
  padding-top: .2rem;
}

.vehicle-compare-card .close-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0;
  width: 2.8rem;
  height: 2.8rem;
}

.vehicle-compare-card .model-name{
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #393939;
  padding: 0 1.5rem;
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10)) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.09)) drop-shadow(0px 11px 7px rgba(0, 0, 0, 0.05)) drop-shadow(0px 20px 8px rgba(0, 0, 0, 0.01)) drop-shadow(0px 31px 9px rgba(0, 0, 0, 0.00));
  font-weight: 500;
  background-color: #FFF3BF;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
} 

.vehicle-compare-card .card-body{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem 0;
  background-color: #F4F2F2;
  padding: 2rem 1.5rem;
}

.vehicle-compare-card:not(.selected-card) .card-body{
  /* gap: 1rem 0; */
  padding-top: 7rem;
}


.vehicle-compare-card .card-body .form-select{
  height: 4rem;
  background-color: #fff;
  border-color: #D0D5DD;
}

.vehicle-compare-card .card-footer{
  padding: .5rem 1.5rem 2rem 1.5rem;
  background-color: #F4F2F2;
  display: inline-flex;
}

.vehicle-compare-card .card-footer .card-button{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.2rem;
  color: #313131;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 900;
  border-radius: .1rem;
  border: .1rem solid #E6E6E6;
  background-color: #F9D949;
  outline: none;
  cursor: pointer;
  transition: border-color ease .3s;
  border-radius: .1rem;
}

.vehicle-compare-card .card-footer .card-button:hover{
  border-color: #313131;
}



.vehicle-compare-card .prop-box{
  padding: 1rem .8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #2D2D2D; 
  font-weight: 400;
  border: .1rem solid #D0D5DD;
  background-color: #FFF;
  height: 4rem;
  width: 100%;
}

.line-huge{
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.line-huge hr{
  width: calc(100% + 3rem);
  height: auto;
  border: none;
  border-bottom: .5rem solid #FFF;
  margin: 0;
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.vehicle-compare-card .icon-box{
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.vehicle-compare-card .icon-box.type-1{
  background-color: #E5E5E5;
}

.vehicle-compare-list-card{
  width: 21.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 17rem;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
  padding-right: 1rem;
}

.vehicle-compare-list-card .card-head{
  height: 7rem;
  width: 100%;
  padding-top: 1.5rem;
}

.vehicle-compare-list-card .card-body{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem 0;
  padding-bottom: 3rem;
}

.vehicle-compare-list-card .card-body>div{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 4rem;
}

.vehicle-compare-list-card .card-body>div.hover-animate span{
  animation: fadein 1.5s ease-in alternate infinite;
}

@keyframes fadein {
  from {  
    background-color: rgba(255, 206, 0, 0.20);
  }
  to {  
    background-color: rgba(255, 206, 0, 0.80);
  }
}

.vehicle-compare-list-card span,
.vehicle-compare-list-card strong{
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #5F5F5F;
  font-weight: 400;
  padding: 0 .8rem;
  display: inline-block;
  border: .1rem solid rgba(0, 0, 0, 0.20);
  background-color: rgba(255, 206, 0, 0.20);
  white-space: nowrap;
}

.vehicle-compare-list-card span{
  width: 100%;
}

.vehicle-compare-list-card strong{
  font-weight: 700;
  color: #5F5F5F;
}

.vehicle-compare-card .close-button-mobile{
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  border: none;
  cursor: pointer;
  background-color: transparent;
  font-size: 1rem;
  color: #6487CE;
  font-weight: 400;
  gap: 0 .5rem;
  display: none;
}


.vehicle-compare-next-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F9D949;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 0;
  transition: opacity ease .3s, visibility ease .3s;
}

.vehicle-compare-next-button.disable{
  opacity: 0;
  visibility: hidden;
}

@media (max-width:991px){

  .vehicle-compare-list-card{
    display: none;
  }

  .vehicle-compare-main-container{
    gap: 2.5rem;
  }

  .vehicle-compare-card .selected-state{
    background-color: #fff;
    padding-top: 2rem;
  }

  .vehicle-compare-card .model-name{
    color: #393939;
    font-size: 1.5rem;
    min-width: unset;
    background-color: transparent;
    border: none;
    filter: unset;
    font-weight: 500;
    padding: 0 .5rem;
  }

  .vehicle-compare-card .close-button{
    display: none;
  }

  .vehicle-compare-card .close-button-mobile{
    display: inline-flex;
  }

  .vehicle-compare-card.selected-card .card-body{
    padding: 1.5rem 0;
  }

  .vehicle-compare-card .prop-box{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .9rem 0;
    background-color: rgba(249, 217, 73, 0.30);
    border: none;
    padding: 1rem;
    height: unset;
    font-size: 1.2rem;
    color: #6F6A6A;

  }

  .vehicle-compare-card .prop-box:before{
    content: attr(data-title);
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #2D2D2D;
    font-weight: 400;
    display: block;
    margin-bottom: .5rem;
  }

  .vehicle-compare-card.selected-card .card-body{
    gap: 0;
  }

  .vehicle-compare-card .prop-box:nth-child(even){
    background: rgba(255, 255, 255, 0.30);
  }

  .vehicle-compare-card .icon-box{
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 4rem;
  }

  .vehicle-compare-card .icon-box:before{
    margin-bottom: 0;
  }

  .vehicle-compare-card .icon-box img{
    margin-left: auto;
    margin-right: auto;
  }
   
  .vehicle-compare-card{
    min-width: 20rem;
    width: 20rem;
  }

  .vehicle-compare-card .selected-state .image-car{
    max-width: 90%;
    height: auto;
  }

  .vehicle-compare-main-container{
    padding-bottom: 3rem;
  }


}


/***************************** Category Map *****************/

.cat-filter-box.border-top-none{
  border-top: none;
}

.category-map-tab-head{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .5rem 1rem;
  border: .1rem solid #D0D5DD;
  background-color: rgba(100, 135, 206, 0.15);
  border-bottom: none;
}

.category-map-tab-head .nav-item{
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem;
  background-color: rgba(118, 118, 128, 0.12);
}

.category-map-tab-head .line-item{
  margin: 0 1rem; 
  margin: 0 auto;
  width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(118, 118, 128, 0.12);
  align-self: stretch;
}

.category-map-tab-head .line-item:before{
  content: "";
  width: .1rem;
  height: 1.7rem;
  display: inline-block;
  background-color: #C0C0C0;
}

.category-map-tab-head .nav-link{
    color: #000;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem .8rem;
    border-radius: .1rem;
    border: .1rem solid rgba(0, 0, 0, 0.04);
    background-color: rgba(255, 255, 255, 0.25);
    width: 100%;
    opacity: .6;
}


.category-map-tab-head .nav-link.active{ 
  border-color: rgba(0, 0, 0, 0.04);
  background-color: #fff !important;
  opacity: 1;
  color: #000 !important;
  box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
} 


.category-map-sidebar #category-detail-sidebar{
  position: unset;
  height: auto;
  transform: unset;
  padding: 0;
}

.category-map-sidebar .mobile-header-box{
  display: none !important;
}

.category-map-select-box{
  width: 100%;
  padding: .5rem 1rem;
  border: .1rem solid #D0D5DD;
  background-color: #E8EBF3;
}

.category-map-select-box {
  margin-bottom: 1rem;
}

.category-map-select-box .form-select{
  padding-left: .8rem;

}


.category-map-post-list-card{
  padding: .5rem;
  border: .1rem solid #D0D5DD;
  background-color: rgba(100, 135, 206, 0.15);

}

.category-map-post-list-card>div{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: .5rem 0;
  height: 60rem;
  overflow-y: auto;
  padding-right: .5rem;
}


/* width */
.category-map-post-list-card>div::-webkit-scrollbar {
  width: .5rem;

}

/* Track */
.category-map-post-list-card>div::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.category-map-post-list-card>div::-webkit-scrollbar-thumb {
  background: #606060; 
  border-radius: .5rem; 
}

/* Handle on hover */
.category-map-post-list-card>div::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.category-map-post-card{
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: .5rem;
  border: .1rem solid rgba(40, 39, 39, 0.50);
  background: #FFF;
  gap: 0 .5rem;
  transition: background-color ease .3s;
  cursor: pointer;
}

.category-map-post-card.active{
  background-color: rgba(249, 217, 73, 0.30);
}

.category-map-post-card .image{
  min-width: 7.4rem;
  width: 7.4rem;
  height: 5.6rem;
  display: inline-flex;
}

.category-map-post-card .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-map-post-card .detail{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 0;
  flex-grow: 1;
}

.category-map-post-card .title{
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #1A1A1A;
  font-weight: 400;
  display: block;
}

.category-map-post-card .price{
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  color: #6487CE;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.category-map-post-card .price b{
  font-size: 1.1rem;
  font-weight: 700;
}

.category-map-box{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #e2e2e2;
  flex-grow: 1;
  min-height: 40rem;
  position: relative;
}

.category-map-box>.top-huge{
  padding: 1.5rem;
  pointer-events: none;
  width: 100%;
  position: relative;
  z-index: 20;
} 

.category-map-search-box{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  pointer-events: auto;
}    
 
.category-map-search-box input{
  width: 18rem;
  padding: .5rem .8rem;
  outline: none;
  border: .1rem solid #E6E6E6;
  border-radius: 0;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #313131;

}

.category-map-search-box .button{
  width: 3rem; 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border: .1rem solid #E6E6E6;
  background-color: #F9D949;
  border-left: none;
}

.category-map-box-page-container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;

}



#category-map{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}
 



#category-map .gm-style .gm-style-iw-c{
  max-width: 420px !important;
  padding: 0 !important;
  background-color: #fff; 
 border-radius: 0 !important;
 border: none !important;

}

#category-map .gm-style .gm-style-iw-tc{
  display: none;
}

#category-map .gm-style .gm-style-iw-d{
  overflow: unset !important;
}

.product-card.product-card-in-map .tag.bottom-right{
  right: .5rem;
  bottom: .5rem;
}

.product-card.product-card-in-map{
  flex-direction: row;
  min-width: 37rem;
  padding: .5rem;
}

.product-card.product-card-in-map .detail{
  padding: 0 1.5rem;
}

.product-card.product-card-in-map .detail .list{
  margin-bottom: 1rem;
}

.product-card.product-card-in-map .detail .price{
  margin-top: auto;
  margin-bottom: 0;
}

.category-map-place-modal{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; 
  gap: .5rem 0;
  border-top: .3rem solid #F9D949;
  background-color: #282727;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400; 
  color: #fff;
  padding: 1rem .5rem;
} 
   
.category-map-place-modal h3{
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}

.category-map-place-modal p{
  color: #F9D949;
  margin: 0;
}

.category-map-place-modal span{
  color: #6487CE;
}


/**************************** Sorun veya öneri bildirimi ******/

.account-problem-suggestion-nots-main{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem 0;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}


.account-problem-suggestion-nots-main .primary-title{
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #343434;
}

.account-problem-suggestion-nots-main .label-item{
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 700;
  color: #2D2D2D;
  display: inline-block;
  padding: .7rem .8rem;
  background-color: #F9D949;
}

.account-problem-suggestion-nots-main .form-box{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 .5rem;
}

.account-problem-suggestion-nots-main .form-box .form-select{
  padding: .4rem 4rem .4rem .8rem;
  width: 18rem;
  background-color: #fff;
  font-size: 1.3rem;
  background-position: right 1rem center;
}

.account-problem-suggestion-nots-textarea{
  width: 100%;
  resize: none;
  padding: 1.5rem;
  height: 15rem;
  font-size: 1.4rem;
  line-height: 2rem;
  background-color: #fff;
  border-color: #C4C4C4;
}


.dropzone.account-problem-suggestion-dropzone{

}

.account-problem-suggestion-dropzone-container{
  width: 100%;
  padding: 0;
  background-color: transparent;
} 


.dropzone.account-problem-suggestion-dropzone{
  display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.8rem;
    border: .1rem solid #C4C4C4;
    background-color: #fff;
    min-height: unset !important;
} 

.dropzone.account-problem-suggestion-dropzone .dropzone-note{
  background-color: transparent !important;
  padding: 0 !important;
  width: unset !important;
}



.dropzone.dropzone-custom.dropzone.account-problem-suggestion-dropzone .dz-message{
  width: unset;
}

@media (min-width: 992px){
  .dropzone.dropzone-custom.dropzone.account-problem-suggestion-dropzone .dropzone-note > div{
      width: 8rem;
      height: 8rem;
  }
}

@media (max-width: 991px){
  .dropzone.dropzone-custom.dropzone.account-problem-suggestion-dropzone .dropzone-note > div{
    width: 8rem;
    height: 8rem;
}
}

.dropzone.dropzone-custom.dropzone.account-problem-suggestion-dropzone .dropzone-note > div{
 font-size: 1.1rem;
 line-height: 1.4rem;
 color: #adacac;
 border: none;
}

.dropzone.dropzone-custom.account-problem-suggestion-dropzone .dropzone-note > div > img{
  margin-bottom: .5rem;
}

.dropzone.dropzone.dropzone-custom.account-problem-suggestion-dropzone .dz-preview{
  width: 8rem;
  height: 8rem;
  border: none;
}

.account-problem-suggestion-modal{

}


.account-problem-suggestion-modal .swal2-title{
  padding: 0;
  text-align: left;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 0 .5rem;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 500;
  color: #424242;
}

.account-problem-suggestion-modal .swal2-html-container{
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #757575;
}
.account-problem-suggestion-modal .swal2-popup{
  padding: 0;
}
.account-problem-suggestion-modal .swal2-actions{
  margin: 0;
  margin-left: auto;
}
.account-problem-suggestion-modal .swal2-confirm{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #fff;
  padding: .8rem 1.6rem;
  background-color: #FFBC00;
  border-radius: .4rem;
  outline: none !important;
  box-shadow: unset !important;
}
.account-problem-suggestion-modal .swal2-modal{
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.4rem;
  gap: 1rem 0;
  width: 48rem;
  max-width: 90%;
}

/**** Post Detay Şikayet Et Modalı  *********/

#complain-post-modal{

}

.complain-post-modal{
  backdrop-filter: blur(10px);
}

.complain-post-modal .demo{} 


.modal-radio-list-type{}
.modal-radio-list-type .demo{} 


.modal-radio-list-type{}

.modal-radio-list-type .modal-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem 0;
  border-radius: 1.2rem;
  background: #FFF; 
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  padding: 2.4rem;
  width: 43rem;
  max-width: 90%;
}

.modal-radio-list-type .radio-group{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem 0;
  width: 100%;
}

.modal-radio-list-type .primary-title{
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #393939;
  font-weight: 500;

}
.modal-radio-list-type .form-check-label{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #393939;
}
.modal-radio-list-type .form-check-input{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: .2rem solid #535353;
  margin-right: 1rem;
  background-color: transparent;
}
.modal-radio-list-type .form-check .form-check-input:checked{
  background-color: #fff; 
}
.modal-radio-list-type .form-check-input:checked[type=radio],.modal-radio-list-type .form-check-input:checked[type=checkbox]{
  background-size: 1rem;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23F9D949'/%3E%3C/svg%3E%0A");
} 
.modal-radio-list-type .label.label-item{
  font-size: 1.4rem;
  line-height: 2rem;
  color: #393939;
  font-weight: 500;
}
.modal-radio-list-type .label.label-item span{
  font-size: 1rem;
  display: inline-block;
  margin-left: .5rem;
  color: #B7B7B7;

}
.modal-radio-list-type .form-group{
  width: 100%;
}
.modal-radio-list-type .button-group-modal{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.2rem;
  width: 100%;
  margin-top: 1rem;
} 
.modal-radio-list-type .button-group-modal .button-for-modal{ 
  flex: 1;
  font-weight: 600;
}
.modal-radio-list-type .form-check{
  margin-bottom: 0 !important;
}
.modal-radio-list-type .demo{}


.button-for-modal{
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #393939;
  display: inline-block;
  padding: 1rem;
  border-radius: .8px;
  border: .1rem solid #D0D5DD;
  background: #FFF; 
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  cursor: pointer;
  border-radius: .8rem;
}

.button-for-modal.primary-type{
  background: #F9D949;
  border-color: #F9D949;
}

.store-page-header .navigation-huge a:hover{
  background-color: rgba(249, 217, 73, 0.6);
}


.product-card .person-card .pc-phone-number span+img{
  display: none;
}

.product-card .person-card .pc-phone-number{
  width: unset;
  left: unset;
  right: 0;
}


/********* Advisor List ********/

.account-advisor-list-head{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1rem;
  margin-bottom: 1rem;
}

.account-advisor-list-head .primary-title{
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #252C32;
}

.account-advisor-list-table{
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1.5rem;
  border: .1rem solid #ECEBEB;
  background: #FFF;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05), 0px 56px 23px 0px rgba(0, 0, 0, 0.01), 0px 88px 25px 0px rgba(0, 0, 0, 0.00);
}

.account-advisor-list-table table{
  font-size: 1.2rem;
  line-height: 2.4rem; 
  font-weight: 400;
  color: rgba(49, 49, 49, 0.75);
}

.account-advisor-list-table  th{
  color: #2D2D2D;
  font-weight: 600;
  font-size: 1rem;
  padding: 1.4rem 1rem;
  background-color: #D9D9D9;
  border-right: .1rem solid #fff;
  white-space: nowrap;
}

.account-advisor-list-table td{
  padding: 1rem;
  /* vertical-align: middle; */
}

.account-advisor-list-table .edit{
  color: #6487CE;
}

.account-advisor-list-table .image{
  min-width: 10.5rem;
}

/********* Advisor Detail ********/

.account-advisor-detail-head{
  width: 100%;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.account-advisor-detail-head .primary-title{
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #252C32;
  font-weight: 700;
}


.label.label-type-2{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: rgba(45, 45, 45, 1);
  background-color: rgba(249, 217, 73, 1);
  display: inline-flex;
  padding: .6rem 2rem;
  min-width: 11rem;
  justify-content: center;
  text-align: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.account-advisor-detail-main{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0;
}

.account-advisor-detail-main .top-container{
  width: 100%;
  padding: 2rem;
  border: 1px solid #E6E6E6;
  background-color: #FFF;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2.5rem;
}

.account-advisor-detail-main .top-container .form-group{
  width: 24rem;
}

.account-advisor-detail-main .top-container .form-group.md{
  width: 38rem;
}

.account-advisor-detail-main .account-cancellation-bottom-group{
  width: 100%;
}


.account-advisor-detail-main .square-radio-button .val{
  padding-right: 4.6rem;
  
}

.account-advisor-detail-main .square-radio-button a{
  text-decoration: underline;
}

@media (max-width:991px){
  .account-advisor-detail-main .top-container .form-group{
    width: 100%;
  }

  .account-advisor-detail-main .top-container .form-group.md{
    width: 100%;
  }
}


#category-map-sidebar-toggle-map{ 
  background-color: #605A5A;
  border: .1rem solid #D0D5DD;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 13rem;
  left: -1.5rem;
  z-index: 20;
  width: 3rem;
  height: 3rem;
} 

#category-map-sidebar-toggle-map.active{
  left: 0;
}

#category-map-sidebar-toggle-map img{
  transition: transform ease .3s;
}

#category-map-sidebar-toggle-map.active img{
  transform: rotate(180deg);
}

#category-map-sidebar-col.disable{
  width: 0;
  padding: 0;
  overflow: hidden;
}

@media (max-width:991px){
  #category-map-sidebar-col{
    position: fixed;
    left: 0;
    background: #fff;
    z-index: 900;
    transform: translateX(-100%);
    top: 0;
    width: 100%;
    height: 100dvh;
    overflow-y: auto;
    transition: transform ease .3s;
  }
  #category-map-sidebar-col.disable{
    transform: translateX(0);
    width: 100%;
  }

  #category-map-sidebar-toggle-map{
    position: fixed;
    bottom: 6rem;
    left: 0;
    z-index: 1000;
    width: 5rem;
    height: 5rem;
  }
}


/*** Corporate Register  *****/

.password-rule-box.type-1{
  width: 48rem;
  max-width: 100%;
  margin-right: auto;
  margin-top: 2rem;
}
.password-rule-box.type-1 .list-title{
  color: #666666;
  margin-bottom: 1rem;
}
.password-rule-box.type-1 .list{
  background-color: #fff;
  padding: 2rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: 1.5rem 0;
}
.password-rule-box.type-1 .list>span{
  flex-grow: 1;
  flex-basis: 50%;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666666;
  font-weight: 400;
  max-width: 40%;
} 

.password-rule-box.type-1 .list>span:before{
  float: unset;
  width: 1.2rem;
  height: 1.2rem;
  border: .1rem solid #BCBCBC;
  background-color: transparent !important; 
}

.password-rule-box.type-1 .list>span:nth-child(even){
  text-align: right;
}
.password-rule-box.type-1 .valid,
.password-rule-box.type-1 .rule-not-include, 
.password-rule-box.type-1 .rule-same-character{
  color: #41996F !important;
}

.password-rule-box.type-1 .valid:before,
.password-rule-box.type-1 .rule-not-include:before, 
.password-rule-box.type-1 .rule-same-character:before{
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='5' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 2.5L2 4L5.5 0.5' stroke='%2341996F' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: .6rem;
  background-repeat: no-repeat;
  border-color: #41996F !important;
  color: #41996F !important;
}

.password-rule-box.type-1 .demo{}

  
.auth-corporate-register-container {
  width: 124rem;
  max-width: 100%;
}

.body-doping .header{
  margin-bottom: 0;
}
.doping-card .btn{
  transition: all ease .3s;
}

.doping-card .btn:hover{
  border-color: #474747;
  color: #313131;
  background-color: #F9D949;
}

.header-icon-box-group .btn-icon-item.nots{
  margin-right: -3px;
}
 

/******* Services *****/

.body-services #footer{
  background-color: rgba(255, 184, 0, 0.1);
}

.body-services .header{
  margin-bottom: 0;
}

.body-services .container{
  max-width: 1200px;
}

.services-primary-menu{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 2rem;
  background-color: rgba(249, 217, 73, 1);
}

.services-primary-menu ul{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 3.2rem;
}

.services-primary-menu ul li{
  display: inline-flex;
}

.services-primary-menu ul li a{
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: rgba(60, 60, 60, 1);
  position: relative;
}

.services-primary-menu ul li a::before{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: .1rem;
  width: 0;
  transition: with ease .3s;
  background-color: #3C3C3C;
  bottom: -.2rem;
}

.services-primary-menu ul li a.active::before{
  width: 100%;
}
.services-primary-menu ul li a.primary{
  padding: .2rem 1.6rem;
  background-color: #373737;
  color: #FFE500;
} 

.services-page-header{
  padding: 2.5rem 3rem;
  background-color: #FAEFCC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.5rem;
}

.services-page-header>div{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.2rem;
}

.services-page-header .select-group{
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-search-input{
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #3C3C3C;
  padding: 1.3rem 2rem 1.3rem 4.2rem;
  background-color: #fff;
  border: .1rem solid #D0D5DD;
  border-radius: .8rem;
  width: 40rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath stroke='%23C7C7C7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m17.5 18-3.625-3.625m1.958-4.708a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0Z'/%3E%3C/svg%3E");
  background-size: 2rem;
  background-position:  1.4rem center;
  background-repeat: no-repeat;
}

.service-search-input::placeholder{
  color: #BABCC2;
}

.services-page-select{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #3C3C3C;
  padding: 1.32rem 4.6rem 1.32rem 1.6rem;
  border: .1rem solid #D0D5DD;
  background-color: #fff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23000' d='m12 13.671 4.95-4.95 1.414 1.415L12 16.5l-6.364-6.364L7.05 8.722l4.95 4.95Z'/%3E%3C/svg%3E");
  background-size: 2rem;
  background-position:  calc(100% - 1.2rem) center;
  background-repeat: no-repeat;
}

.services-page-select.type-1{
  border-color: #F9D949;
  background-color: #FFFCED;
}

.services-page-button{
  outline: none;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #3C3C3C;
  display: inline-block;
  padding: 1.15rem 1.6rem;
  background-color: #F9D949;
  border: .1rem solid #FFB800;
}

.services-page-service-main-container{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  margin-bottom: 3.5rem;
}


.service-page-card{
  padding: 2.4rem;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 3.2rem 0;
  border: .1rem solid #8B8B8B; 
  box-shadow: 0px -1px 18px -4px rgba(0,0,0,0.4);
  transition: border-color ease .3s;
  position: relative;
}

.service-page-card:hover{
  border-color: #FFB800;
}

.service-page-card:hover .card-button{
  font-weight: 600;
}

.service-page-card .img{
  display: inline-flex;
  width: 30.6rem;
  height: 24rem;
  position: relative;
  max-width: 100%;
  
}
.service-page-card .img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-page-card .card-button{
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #101828;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 2rem;
    gap: 0 1rem;
    width: 100%;
    background-color: #F9D949;
}
.service-page-card .link{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.services-page-pagination{
  width: 100%;
  margin-bottom: 3.5rem;
}


.services-page-pagination .info{
  display: block;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #636363;
}

.services-pagination ul{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 1rem;
}
.services-pagination ul li{ 
  display: inline-flex;
}
.services-pagination ul li a{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #636363;
  display: inline-block;
  padding: 1rem;
  border-radius: .8rem;
  background-color: rgba(153, 153, 153, 0.1);
  transition: background-color ease .3s,border-color ease .3s;
  border: .1rem solid rgba(153, 153, 153, 0.1);
  min-width: 4rem;
  text-align: center;
}
.services-pagination ul li a:hover{
  border-color: rgba(122, 125, 131, 0.65);
  color: rgba(99, 99, 99, 1);
}
.services-pagination ul li a.active{
  border-color: rgba(49, 49, 49, 1);
  background-color: rgba(49, 49, 49, 1);
  color: #FFFFFF;
}
.services-pagination .button-item a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6487CE;
  gap: .8rem;
  background-color: transparent;
  border: none;
}

.services-pagination .button-item a:hover{
  color: #6487CE;
}

.services-page-comment-container{
  padding: 2.5rem;
  width: 100%;
  background-color: #fff;
  border: .1rem solid #8B8B8B;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 1.5rem;
}

.services-page-comment-container>div:first-child{
  flex-grow: 1;
  padding-right: 2.5rem;
  border-right: .1rem solid #F0F0F0;
}
.services-page-comment-container>div:last-child{
  width: 37.5rem;
}

.services-page-promo-box{
display: inline-flex;
}

.services-page-promo-box img{
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* Css içinde scss yazımına başlandı */

.services-page-comment-container{
  .nav.nav-tabs{ 
    border-bottom: .1rem solid #E4E4E7;
    justify-content: space-between;

    .nav-item{
      &:last-child{
        .nav-link{
          padding-right: 0;
        }
      }
    }

    .nav-link{
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: 700;
      color: #71717A;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-bottom: 1.8rem;
      background-color: transparent !important;
      position: relative;
      padding-left: 0;

      &:before{ 
        content: "";
        position: absolute;
        bottom: -.1rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: .1rem;
        background-color: #18181B;
        transition: width ease .3s;
      }

      &.active{
        color: #18181B !important;
        &:before{
          width: 100%;
        }
      }

      .badge-elem{
        display: inline-flex;
        padding: .1rem .6rem;
        font-size: 1.1rem;
        line-height: 1.8rem;
        color: #FAFAFA;
        font-weight: 700;
        background-color: #A1A1AA;
        text-align: center;
        margin-left: 1.3rem;
        border-radius: 2.4rem;
      }

    }
  }
}


.services-comment-card{
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #18181B;
  font-weight: 400; 
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  border-bottom: .1rem solid #F4F4F5;
  width: 57rem;
  max-width: 100%;

  .stars-huge{
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #71717A;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 1rem; 
    margin-bottom: 2rem;
  }

  .stars{
    display: flex;
    align-items: center;
    justify-content: flex-start; 
  }

  .content{

  }

  .owner{
    margin-top: 2.2rem;
  }

  .owner-title{
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #18181B;
  }

  .owner-desc{
    font-size: 1.4rem;
    line-height: 2rem;
    color: #71717A;
    display: block; 
  }
}
 
.services-comment-load-more-btn{
  outline: none;
  box-shadow: unset; 
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.1rem;  
  line-height: 1.8rem;
  color: #151518;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2rem;
  margin-top: 3rem; 
  padding: 1rem 0;
}



@media (max-width:991px){

  .services-primary-menu ul{
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 2rem;
  }

  .services-page-header>div{
    flex-direction: column;
    width: 100%;
  }

  .service-search-input{
    max-width: 100%;
  }

  .services-page-header{
    padding: 2.5rem 1.5rem;
  }

  .services-page-header .select-group{
    width: 100%;
    margin-top: 1rem;
  }

  .services-page-select{
    flex-grow: 1;
  }

  .services-page-button{
    flex-grow: 1;
    width: 100%;
    margin-top: 1rem;
  }

  .service-page-card{
    width: 100%;
  }

  .services-page-comment-container .nav.nav-tabs .nav-link {
    white-space: nowrap;
  }

  .services-page-comment-container>div:first-child{
    max-width: 100%;
  }

  .services-page-comment-container .nav.nav-tabs{
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .2rem;
  }

  .services-comment-card{
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }

  .services-comment-card .owner{
    margin-top: 1.2rem;
  }

  .services-page-comment-container{
    flex-direction: column;
    align-items: stretch;
    gap: 2rem 0;
  }

  .services-page-comment-container>div{
    max-width: 100%;
  }

  .services-page-comment-container>div:first-child{
    padding-right: 0;
    border-right: none;
  }
 
}

#account-sidebar{}

#account-sidebar.type-1{
  padding: 0;
  border: .1rem solid #D8DAE5;
  background-color: transparent;
  box-shadow: unset;
 
  .btn-dashboard-nav{
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: rgba(105, 111, 140, 0.4);
    padding: .4rem 1rem;
    min-height: unset;
    border: none;
    background-color: #D8DAE5;
    justify-content: center;
    text-align: center;
    border-bottom: .1rem solid #D8DAE5;
    background-color: #fff;
    transition: background-color ease .3s, color ease .3s;
  }

  .btn-dashboard-nav.active{
    background-color: #6487CE !important;
    color: #FFFFFF !important;
  }
  .btn-dashboard-nav:hover{
    background-color: rgba(100, 135, 206, .2);
    color: rgba(105, 111, 140, 0.6);
  } 

  .btn-dashboard-nav:last-of-type{
    border-bottom: none;
  }
}

.account-favorites-accordion-item{
  .accordion-body{
    background-color: rgba(242, 253, 255, 1);
  }
}


.account-navigation.type-2{
  .item.active{
    border-color: #6487CE;
    color: #6487CE;
    background-color: transparent;
  }
}




.account-favorite-detail-accordion{
  .accordion-button{
    padding-left: 4.5rem;
    span{
      font-size: 1.2rem;
      line-height: 2.4rem;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.4);
    }
    span.price-span{
      margin-left: auto;
      margin-right: 11rem;
    }
  } 
}


 

.post-card-vertical.in-fav-detail{
  padding: 2rem 3rem;
  border: .1rem solid #ECEBEB;
  background-color: #FFFFFF;
  position: relative;  

  .post-detail-huge{
    flex-direction: row;
  }
   .post-detail-huge>div:nth-child(1){
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    flex-grow: 1;
   }

   .post-detail-huge>div:nth-child(2){
    display: none;
   }
   .post-detail-huge>div:nth-child(3){
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 3rem;
   }

   .post-detail-huge>div:nth-child(4){
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 5rem;
    padding-bottom: 3rem;
   }


   .price-secondary{
    font-size: 1.4rem;
    line-height: 2rem;
    color: #6487CE;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 .8rem;
    padding-top: 2px;
   }

   .dropdown.type-2{
    .btn{
      padding: .4rem .6rem;
      background-color: rgba(217, 217, 217, 0.28); 
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;

      span{
        display: inline-flex;
      }
    }
    .dropdown-menu{
      border: .1rem solid #8B8B8B;
      padding: 0;
      border-radius: 0;
      min-width: 18rem;
      left: unset !important;
      right: 0 !important;
      
      li{
        width: 100%;
        display: inline-flex;
        border-bottom: .1rem solid #8B8B8B;
      }

      li:last-child{
        border-bottom: unset;
      }  

      a{
        font-size: 1.2rem;
        line-height: 2.4rem;
        color: #313131;
        padding: .3rem 1rem;
        width: 100%;
        white-space: nowrap;
        text-align: center;
        display: inline-block;
        transition: background-color ease .3s,color ease .3s;
      }

      a:hover{
        background-color: #6487CE;
        color: #fff;
      } 
    }
   }
   
   
   .btn-favorite{
      font-size: 1.3rem;
      line-height: 1.7rem;
      color: rgba(82, 82, 82, 0.56);
      font-weight: 400;

      span{
        color: rgba(82, 82, 82, 0.56);
      } 
   }
  
} 

.post-card-vertical.in-fav-detail:before{
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 1rem;
  height: calc(100% - 2rem);
  width: calc(100% - 3rem); 
}

.post-card-vertical.in-fav-detail .post-detail-huge > div:last-of-type{
  margin-top: unset;
}
#account-sidebar.static-sidebar .btn-dashboard-nav:hover{
  background-color: #bedef7;
}

.static-page-content{
  border-radius: 0;
}

.cat-filter-box.has-btn .button{
  transition: background-color ease .3s; 
}

.cat-filter-box.has-btn .button:hover{
  background-color: #5585e7;
} 

.contact-table-content ul li:last-child strong{
  border-bottom: none;
}

.detail-page-main-container .list-type-1 a:hover{
  text-decoration: underline;
}

.btn-favorite img{
  margin-top: -2px;
}


@media (min-width: 992px){
  .search-form-box .textbox{
    width: 31.5rem;
  }
}

.post-card:hover .title{
  text-decoration: underline;
} 

.news-card{
  border-radius: 0;
}

.static-page-corporate-logo .corporate-logo-box .logo-link:hover{
  transition: background-color ease .3s;
}

.static-page-corporate-logo .corporate-logo-box .logo-link:hover{
  background-color: #f6d004;
}

.post-card-vertical.passive-post{
 
  .post-img{
    filter: blur(2px);
  }

  .price-secondary{
    color: rgba(49, 49, 49, 0.4);
  }
  
}

.post-card-vertical.passive-post:before{
  border:.1rem solid rgba(249, 217, 73, 0.44);
}


.post-card-vertical.passive-post.type-1::before{
  border: none;
}

.post-card-vertical.passive-post.type-1{
  .list-type-1 a,.list a,.description{
    color: #C8C8C8;
  }
}

.acccount-facorites-list-detail-head{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}

.acccount-facorites-list-detail-back-button{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: #6487CE;

  .icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .5rem;
    background-color: #6487CE;
  }
}

#account-sidebar{
  padding: 2.5rem;
}


.category-map-sidebar.in-account-fav-detail{
  margin-top: 1rem;

  .nav-link{
    background-color: rgba(0, 0, 0, 0.04);
  }

  .form-select{
    background-color: #fff;
    border-color: #E6E6E6;
  }
}


@media (max-width:991px){
  .post-card-vertical.in-fav-detail{
    padding: 2rem 2rem;

    .post-detail-huge{
      flex-wrap: wrap;
    }

    .btn-favorite{
      margin-left: auto;
    }

    .post-detail-huge>div:nth-child(1){
      flex-basis: 100%;
    }
    .post-detail-huge>div:nth-child(3){ 
      padding-bottom: 0;
    }
    .post-detail-huge>div:nth-child(4){
      margin-left: auto;
      padding-bottom: 0;
    }
  }

  .post-card-vertical.in-fav-detail > div:first-of-type{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem 0;
  }
}

.modal-radio-list-type{
  .primary-title-with-border{
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #393939;
    display: block;
    border-bottom: .1rem solid rgba(0, 0, 0, 0.35);
    width: 100%;
    padding-bottom: 2rem;
  }
  .info-title{
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #393939;
    font-weight: 500;
    display: block;
  }
}
 

.fav-note-modal-textarea-group{
  width: 100%;
  textarea{
    width: 100%;
    border: .1rem solid rgba(16, 24, 40, 0.06);
    background-color: #F2F4F7;
    padding: 1rem 1.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #101828;
    resize: auto;
    height: 7rem;
    outline: none;
    max-height: 30rem;
    max-width: 100%;
    min-width: 100%;
  }

  .textarea-info-text{
    display: block;
    text-align: right;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: rgba(121, 121, 121, 0.42);
  }
}


/* Account Transactions */
.account-transactions-primary-box{ 
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem 0;
  padding: 2rem 1.5rem;
  border: .1rem solid #ECEBEB;
  background: #FFF;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05), 0px 56px 23px 0px rgba(0, 0, 0, 0.01), 0px 88px 25px 0px rgba(0, 0, 0, 0.00);
  margin-top: 1rem;
  margin-bottom: 2rem;

  
}

.account-transactions-primary-box .col-container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}

.account-transactions-primary-box .col-item{
  max-width: calc(33% - .2rem);
  flex-basis: calc(33% - .2rem);
  flex-grow: 1;
  padding: 0;
}

.account-transactions-primary-box .form-select{
  font-weight: 500;
}

.account-transactions-date-box{
  padding: 1.2rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 .8rem; 
  border: .1rem solid #D9D9D9;
}

.account-transactions-date-box input{
  padding: 1rem .4rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #696F8C;
  font-weight: 500;
  letter-spacing: -0.5px;
  border-radius: .4rem;
  border: .1rem solid #D8DAE5;
  flex-grow: 1;
}


.account-transactions-primary-box .col-item.btn-col-item{
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.account-transactions-primary-box .btn{
  padding-left: 3rem;
  padding-right: 3rem;
  border-radius: .1rem;
}


/* Custom Select */
 
.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select:hover .select-styled{
  border-color: #505050;
}

.custom-select select {
  display: none;
}

.custom-select .select-styled {
  display: inline-block; 
  border: .1rem solid #D9D9D9;
  cursor: pointer;
  width: 100%;
  padding: .9rem;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #2D2D2D;
  transition: border-color ease .3s;
}

.custom-select .select-styled:after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.94194 4.4688C4.69786 4.72915 4.30214 4.72915 4.05806 4.4688L0.933059 1.13547C0.688981 0.875118 0.688981 0.453008 0.933059 0.192658C1.17714 -0.0676912 1.57286 -0.0676912 1.81694 0.192658L4.5 3.05459L7.18306 0.192658C7.42714 -0.0676912 7.82286 -0.0676912 8.06694 0.192658C8.31102 0.453008 8.31102 0.875118 8.06694 1.13547L4.94194 4.4688Z' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: .9rem;
  transition: all ease .3s;
}

.custom-select.active{
  z-index: 10;
}

.custom-select.active .select-styled:after {
  transform: translateY(-50%) rotate(-180deg);
}

.custom-select .select-options {
  display: none;
  position: absolute;
  background-color: #F9F9F9;
  /* box-shadow: 0 8px 16px rgba(0,0,0,0.2); */
  border-radius: 0;
  overflow-y: auto;
  max-height: 150px;
  width: 100%; 

}

.custom-select .option {
  padding: .9rem;
  display: inline-block;
  width: 100%;
  color: #2D2D2D;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  border-bottom: .1rem solid #D9D9D9; 
  border-left: .1rem solid #D9D9D9; 
  border-right: .1rem solid #D9D9D9; 
  transition: all ease .3s;
  position: relative;
  z-index: 1;
}

 

.custom-select .option:before{
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: .1rem solid #F9D949; 
  z-index: -1;
  opacity: 0;
  transition: opacity ease .3s;
}

.custom-select .option:last-child{
 
}

.custom-select .option:hover {
  background-color: rgba(249, 217, 73, 0.3);
  border-bottom-color: transparent;
}

.custom-select .option:hover:before {
  opacity: 1;
}


@media (max-width: 991px) {
  .account-transactions-primary-box .col-container{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .account-transactions-primary-box .col-item{
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
  }

  .account-transactions-primary-box .col-container{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
}


/* Detail Page Print */

#detail-page-main-print{
  display: none;
  /* display: block;
  padding: 2rem;
  position: fixed;
  left: 0;
  top: 0; 
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-y: auto;
  background-color: #fff; */
}

.detail-page-print-item-head{
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem; 
}

.detail-page-print-company-container{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 3rem;
}

.detail-page-print-company-container .store-image{
  width: 9.4rem;
  height: 9.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: .1rem solid #757575;
}

.detail-page-print-company-container .store-image img{
  height: auto;
  width: 100%;
}

.detail-page-print-company-container .detail-card{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
  padding-left: 1rem;
  align-self: stretch;
}


.detail-page-print-company-container .primary-title{
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #2D2D2D;
  background-color: #F9D949;
  display: inline-block;
}

.detail-page-print-company-container .primary-title.name{
  padding: 0 1rem;
}
.detail-page-print-company-container .primary-title.tag{
  padding: 0 .6rem;
}


.detail-page-print-company-container .phone-box{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 500;
  color: #F9D949;
  padding: 1rem .7rem;
  background-color: #302F2F;
  gap: 1rem;
}


#detail-page-main-print .hr-type-1{
    width: 100%;
    margin: 0;
    padding: 0; 
    border: none;
    border-bottom: .1rem solid #B8B8B8;
    height: unset;
}

#detail-page-main-print .hr-type-1.first{
  margin-bottom: 1.5rem;
}

.detail-page-print-title-container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  margin-bottom: 2rem;
}

.detail-page-print-title-container>span{
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #333333;
}

.detail-page-print-title-container>hr{
  height: 100%;
  width: unset;
  border: none;
  border-left: .1rem solid #D5D5D5;
  height: 2.8rem;
}

.detail-page-print-title-container .primary-title{
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #6487CE;
}  

.detail-page-print-props-list{
  display: flex;
  /* flex-wrap: wrap; */
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4rem;
  gap: 4rem;
  width: 100%;
} 

.detail-page-print-props-list>div{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.detail-page-print-props-list .tag{
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #2D2D2D;
  padding: .2rem .5rem;
  display: inline-block;
  background-color: #F9D949;
  margin-bottom: .5rem; 
  min-width: 6.2rem;
  text-align: center;
}

.detail-page-print-props-list .val{
  font-size: 1rem;
  line-height: 1.4rem;
  color: #313131;
  font-weight: 400;
}

.detail-page-print-props-list .val.featured{
  font-weight: 600;
  color: #6487CE;
}

.detail-page-print-images{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.5rem;
  margin-bottom: 5rem;
}

.detail-page-print-images .item{
  flex-grow: 1;
  flex-basis: 33%;
  max-width: calc(33% - 1.6rem);
  position: relative;
}

.detail-page-print-images .item:before{
  content: "";
  width: 100%;
  padding-bottom: 70%;
  display: block;
}

.detail-page-print-images picture{
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.detail-page-print-images picture img{
  width: 100%;
  height: 100%;
  border: .1rem solid #F9D949;
  object-fit: cover;
}
 

.detail-page-print-images .item.featured picture{
  box-shadow: 0px 51px 14px 0px #00000000;
  left: -1rem;
  top: -1rem;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  max-width: unset;
}

.detail-page-print-images .item.featured img{
  border-width: .2rem;
}

/* Footer */
.detail-page-print-footer{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0 2rem;
}

.detail-page-print-footer>div:first-child{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.detail-page-print-footer-image{
  display: inline-flex;
}

.detail-page-print-footer-apps{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: -2rem;
}

.detail-page-print-footer-apps a{
  display: inline-flex;
}

.detail-page-print-footer-info{
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: #2D2D2D;
  padding: .3rem .8rem;
  border: .1rem solid #ECEBEB;
  margin-top: 1.5rem;
}

.detail-page-print-footer-info b{
  font-weight: 600;

}


.detail-page-print-qr-code{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 1.5rem;
}

.detail-page-print-qr-code .qr-btn-group{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 .5rem;
}

.detail-page-print-qr-code .qr-btn-group strong{
  font-size: 1rem;
  line-height: 1.2rem;
  color: #313131;
  font-weight: 500;
  display: block;
}
.detail-page-print-qr-code .qr-btn-group span{
  display: block;
  margin-top: .5rem;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #FFD100;
  font-weight: 500;
}
.detail-page-print-qr-code .qr-btn-group .icon{
  display: inline-flex;
}

.detail-page-print-qr-code .qr-image{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9.4rem;
  height: 9.4rem;
  min-width: 9.4rem;
  background-color: #EDEDED;
}

@page { size: auto;  margin: 30px; }


@media print { 
  .detail-page-main-container,
  .detail-page-main-bottom-container,
  #footer-mobile,
  .mobile-elements-container,
  #mobile-header,
  #navigation-fixed,
  .mobile-breadcrumb-container,
  #header{
    display: none;
  }


  #detail-page-main-print{
    display: block;
  }

 
} 



#mobile-promotion-main-page{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 3rem;
  position: relative;
  background-color: #F6F6F6;
  z-index: 1;
  overflow: hidden;
}

#mobile-promotion-main-page:before{
  content: "";
  position: absolute;
  left: 50%;
  top: 51%;
  width: 120%;
  height: 80%;
  transform: translate(-50%,-50%) rotate(11.65deg);
  z-index: -1;
  background-color: #F9D949;
  pointer-events: none;
}

#mobile-promotion-main-page>div:first-child{
  width: 50rem;
  max-width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem 0;
}
 

#mobile-promotion-main-page .primary-title{
  font-size: 3rem;
  line-height: 5.2rem;
  color: #222221; 
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

#mobile-promotion-main-page .qr-image{
  display: inline-flex;
}

#mobile-promotion-main-page .apps-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}

#mobile-promotion-main-page .apps-list .store-card{
  display: inline-flex;
}

#mobile-promotion-main-page .primary-image{
  display: inline-flex;
  flex-grow: 1;
  align-self: stretch;
}

#mobile-promotion-main-page .primary-image img{
  height: auto;
  max-width: 100%;

}

#mobile-promotion-main-page .logo-elem{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}


#mobile-promotion-download-button{
  display: none;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #2D2D2D;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: .5rem;
  padding: 1.3rem 1rem;
  width: 100%;
  background-color: #F9D949;
  margin-top: 1.5rem;
  margin-bottom: 4rem;
}

@media (max-width: 991px) {
  #mobile-promotion-main-page{
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.4rem 0;
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-color: #D9D9D9;
  }

  #mobile-promotion-main-page .logo-elem{
    display: none;
  }

  #mobile-promotion-main-page:before{
    width: 37rem;
    height: 37rem;
    transform: unset;
    left: -9.2rem;
    top: -9.2rem;
    border-radius: 50%;

  }

  #mobile-promotion-main-page .primary-image img{
    transform: scale(1.2);
  }

  #mobile-promotion-main-page .primary-title{
    font-size: 2.2rem;
    line-height: 3.2rem;

  }

  #mobile-promotion-main-page .apps-list .store-card img{
    width: auto;
    height: 3.2rem;
  }

  #mobile-promotion-main-page .qr-image img{
    width: 6rem;
    height: 6rem;
  }

  #mobile-promotion-main-page>div:first-child{
    gap: 1rem 0;
  }

  #mobile-promotion-download-button{
    width: 100%;
    display: inline-flex;
  }

  #mobile-promotion-main-page-container{
    padding-left: 0;
    padding-right: 0;
  }

  .body-mobile-promotion #mobile-header{
    margin-bottom: 0;
  }
}