/*
 * Styles for the activity section.
 */
.activity-text-row {
  margin-bottom: var(--wp--preset--spacing--40);
  align-items: center; }

.activity-info01 {
  max-width: 560px; }

.activity-label {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.95rem;
  margin-bottom: var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--accent, #ff7a00); }

.activity-heading-text {
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin-bottom: var(--wp--preset--spacing--30);
  font-weight: 600;
  text-transform: capitalize; }

.activity-description {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--wp--preset--color--tertiary, #475569); }

.activity-info02 {
  flex-basis: 200px; }

.activity-cta {
  border-radius: 4px;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase; }

.activity-inner-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(20px, 3vw, 28px); }

.activity-inner-col .activity-heading {
  font-size: clamp(1.25rem, 2.3vw, 1.6rem);
  margin-bottom: var(--wp--preset--spacing--20); }

.activity-inner-col p {
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--wp--preset--color--tertiary, #475569); }

.activity-image img {
  object-fit: contain;
  width: 100%;
  height: auto; }

@media (max-width: 768px) {
  .activity-text-row {
    flex-direction: column;
    gap: var(--wp--preset--spacing--40); }

  .activity-info01,
  .activity-info02 {
    flex-basis: 100%;
    text-align: center; }

  .activity-info02 {
    margin-top: 0; } }
@media (max-width: 640px) {
  .activity-info01,
  .activity-info02 {
    text-align: center; }

  .activity-info02 {
    margin-top: var(--wp--preset--spacing--30); }

  .activity-cards-wrapper {
    padding: clamp(60px, 10vw, 80px) 0 0; }

  .activity-col {
    margin-top: 0;
    padding: 28px 24px; } }
/*  */
.activity-cards-wrapper {
  padding: 100px 0 0 0;
  position: relative; }
  .activity-cards-wrapper .activity-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 85%;
    margin: 0 auto; }
    @media (max-width: 480px) {
      .activity-cards-wrapper .activity-cards-container {
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%; } }
  .activity-cards-wrapper .activity-col {
    background: #ffffff;
    padding: 40px 32px;
    border: 1px solid rgba(21, 21, 21, 0.07);
    transition: all 0.4s ease-in-out;
    border-radius: 10px; }
    .activity-cards-wrapper .activity-col:hover {
      transform: translateY(-10px);
      background-color: #fef8ef;
      border: 1px solid rgba(21, 21, 21, 0.07); }
    .activity-cards-wrapper .activity-col .activity-image {
      width: 50px;
      margin-bottom: 15px; }
      .activity-cards-wrapper .activity-col .activity-image .activity-image img {
        object-fit: contain;
        width: 100%;
        height: auto; }
    .activity-cards-wrapper .activity-col .activity-card-description {
      margin-top: 20px;
      font-size: 16px;
      font-weight: 300;
      font-family: "Kanit", sans-serif;
      color: #797e88;
      line-height: 35px; }

.activity-card-title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", sans-serif; }

/*# sourceMappingURL=activity.css.map */
