/**! */
.grid_cats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0.4%, 1fr));
  gap: .5rem; }
  @media (min-width: 768px) {
    .grid_cats {
      grid-template-columns: repeat(4, minmax(0.4%, 1fr)); } }
  @media (min-width: 1365px) {
    .grid_cats {
      grid-template-columns: repeat(6, minmax(0.4%, 1fr)); } }
  .grid_cats .grid_cat_item {
    background: var(--bs-dark2);
    padding: 12px;
    border-radius: 2px; }
    .grid_cats .grid_cat_item .img_icon {
      width: 28px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 28px;
              flex: 0 0 28px;
      height: auto;
      margin-right: .4rem;
      position: relative;
      overflow: hidden; }
    .grid_cats .grid_cat_item i {
      margin-top: 2.5px;
      font-size: 1.2rem;
      width: 28px;
      height: 28px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 28px;
              flex: 0 0 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .grid_cats .grid_cat_item .new_label {
      margin-left: .4rem; }

/* grid_services_wrap */
.grid_services_wrap {
  background: var(--dark-2);
  padding: 20px;
  border-radius: 3px; }

.grid_services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0.4%, 1fr));
  gap: .9rem; }
  .grid_services .service_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    .grid_services .service_item .flag {
      width: 48px;
      margin: 0;
      margin-bottom: .5rem; }
    .grid_services .service_item .title {
      font-weight: bold; }
  @media (min-width: 1365px) {
    .grid_services {
      grid-template-columns: repeat(12, minmax(0.4%, 1fr)); } }

.post-excerpt {
  border: 1px solid var(--bs-dark-border); }

.post-excerpt .card-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .post-excerpt .card-body .read_more {
    -ms-flex-item-align: center;
        align-self: center;
    margin-top: auto; }

/* sidebar */
#card_recent_posts ul.recent_posts li {
  border-color: var(--bs-dark-border);
  margin-bottom: .7rem;
  padding-bottom: 1rem; }
  #card_recent_posts ul.recent_posts li a {
    text-decoration: none; }
  #card_recent_posts ul.recent_posts li .number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;
    height: 44px;
    background: #141c2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px;
    margin-right: 0.5rem;
    color: #0058ff;
    font-size: 18px;
    font-weight: bold; }
  #card_recent_posts ul.recent_posts li .detail p {
    margin: 0; }
  #card_recent_posts ul.recent_posts li h3.title {
    font-size: 1.3rem; }

@media (min-width: 1024px) {
  section.auth-form {
    height: calc(100vh - 350px); } }

section.auth-form label {
  margin-bottom: .375rem; }

section.auth-form .form_area {
  width: 460px;
  max-width: 100%;
  background-color: var(--dark2); }

section.auth-form .form-control {
  background-color: white;
  color: black; }

section.auth-form .form-group {
  margin-bottom: 1rem; }