/* general css */
:root {
  --color-scrollbar: #7239ea;
  --font-family: Nunito, sans-serif;
}
.yaqke {
  background: var(--color-scrollbar);
}
.mx-auto.ashesi {
  width: 60px;
  height: 3px;
  background-color: #7239ea;
}
#g358a, #jr957 {
  font-family: var(--font-family);
}

#g358a p::selection,
#g358a span::selection {
background-color: transparent;
}
/* media queries cel */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
@media only screen and (min-width: 321px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
@media only screen and (max-width: 320px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
@media only screen and (min-width: 481px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
}
/* media queries pc*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar {
    width: 11px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1223px) and (orientation: landscape) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar {
    width: 11px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .card > .card-header:not(.flex-nowrap) {
    padding-bottom: 0;
    padding-top: 0;
  }
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 0.98em;
    font-weight: 500;
  }
  .card .card-header {
    min-height: 30px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar {
    width: 11px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1224px) {
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 1.3rem;
    font-weight: 500;
  }
  .card .card-header {
    min-height: 47px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar {
    width: 11px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1824px) {
  .card .card-header .card-title,
  .card .card-header .card-title .card-label {
    font-size: 1.7rem;
    font-weight: 500;
  }
  .card .card-header {
    min-height: 57px;
  }
  .card .card-body {
    padding: 1.3rem 2.25rem;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar {
    width: 11px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
}