.ask_this {
  border: 2px dashed rgba(4, 4, 4, 0.46);
  padding: 20px;
  margin-top: 20px;
  display: none;
}
.ask_title {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25em;
  color: inherit;
  text-decoration: none;
  margin-bottom: 20px;
}
.ask_this button {
  background: none;
  border: 1px solid #dfe4ee;
  margin: 15px 0;
}

.ask_this button:hover {
  background: #dfe4ee;
}
.ask_this label {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  margin-bottom: 10px;
}
.ask_this label input {
  display: none;
}
.ask_this label span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  display: block;
  border: 1px solid #dfe4ee;
}
.ask_this label input:checked + span {
  background: #dfe4ee;
}
.ask_this small {
  display: block;
  text-align: right;
  font-size: 10px;
}
.ask_this label span a:hover {
  text-decoration: none;
}
.ask_wrap p {
  font-size: 16px;
  font-weight: 500;
}

.header  .agesign-container {
  position: absolute; right: 15px; left: unset; border: solid 2px; border-radius: 50%; display: inline-flex; top: 50%; bottom: unset; line-height: 100%; transform: translateY(-50%); width: 24px; height: 24px; align-items: center; justify-content: center;
}
.header .agesign-container .agesign {
  font-weight: 900; font-size: 12px; display: flex;
}

.header .header-profile { margin-right: 5px }

@media (max-width: 1188px) {
 .header .header-profile { margin-right: 40px }
 .header .auth-block { margin-right: 40px; }
}

@media (max-width: 980px) {
.header .agesign-container {
  right: unset;
}
.header .header-profile { margin-right: 5px }
.header .auth-block { margin-right: 0; }
}

/* addon 2025-11-17 */
.d-flex {
  display: flex;
  width: 100%;
}
.flex-1 {
  flex: 1;
}

.h-100vh {
  height: 100vh;
}

.aside-left-col__layout {
  position: sticky;
  height: calc(100vh - 50px);
  top: 0px;

  &.h-100vh {
    height: calc(100vh + 50px);
  }

  .left-layout-adv-wrapper{
    top: 50%;
    left: calc(50% + 7.5px);
    position: absolute;
    transform: translate(-50%, -50%);
    width: max-content;
  }

  @media screen and (max-width: 980px) {
    .left-layout-adv-wrapper {
      display: none;
    }
  }
}
@media screen and (max-width: 1720px) {
  .left-layout-adv-wrapper {
    display: none;
  }
}
.content-col__layout {
  flex: 0 1 1080px;
  max-width: 100%;
}
.aside-right-col__layout {

}

body {
  overflow-x: unset !important;
}