/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v2.0.1
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */

/*----------- ADD YOUR CUSTOM CSS STYLES BELOW -----------*/
/* =========================================================
   HOME SECTION
   ========================================================= */

.home-eyebrow {
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0.75;
}

.home-position {
  margin-top: 14px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
}

.home-content {
  transform: translateX(-6%);
}

.home-intro {
  max-width: 680px;
  margin: 12px auto 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
}

.home-cta {
  display: inline-block;
  margin-top: 20px;
  color: #00c896;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.home-cta span {
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.3s ease;
}

.home-cta:hover {
  color: #ffffff;
  opacity: 0.75;
  text-decoration: none;
}

.home-cta:hover span {
  transform: translateX(5px);
}


/* =========================================================
   HOME SECTION - MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

  /* Shift the crop toward the portrait in the wide hero photograph. */
  .home-area {
    background-position: 85% center;
  }

  .home-eyebrow {
    font-size: 10px;
    letter-spacing: 2.5px;
  }

  .home-position {
    margin-top: 22px;
    font-size: 19px;
    letter-spacing: 0.4px;
    opacity: 0.9;
  }

  .home-content {
    transform: none;
  }

  /* Reserve space for a mobile-only horizontal social row. */
  .home-area > .container {
    padding-bottom: 76px;
  }

  .home-area .fixed-wrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    left: 0;
    margin: 0;
    z-index: 1;
  }

  .home-area .fixed-wrapper .block-left {
    display: none;
  }

  .home-area .fixed-wrapper .fixed-block.block-right {
    position: static;
  }

  .home-area .fixed-wrapper .social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
  }

  .home-area .fixed-wrapper .social-icons > li {
    margin: 0;
  }

  .home-area .fixed-wrapper .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }

}


/* =========================================================
   PRACTICE / COLLABORATION CARDS
   ========================================================= */

.practice-card {
  height: 100%;
  padding: 45px 28px !important;
}

.practice-description {
  max-width: 320px;
  margin: 20px auto;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.8;
}

.practice-focus {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}


/* =========================================================
   PROFESSIONAL ENDORSEMENTS
   ========================================================= */

.testimonials-section .review-client .media {
  align-items: center;
}

.testimonials-section .client-name {
  margin-bottom: 4px;
}

.testimonials-section .client-avatar {
  object-fit: cover;
}

.testimonials-section .review-content {
  line-height: 1.75;
}

.testimonials-section .endorsement-source {
  display: block;
  margin-top: 18px;
  color: #00bd8e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}


/* =========================================================
   COLLABORATION SECTION
   ========================================================= */

.collaboration-cta {
  margin-top: 65px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.collaboration-cta h4 {
  margin-bottom: 12px;
  font-size: 21px;
  font-weight: 600;
}

.collaboration-cta p {
  max-width: 780px;
  margin: 0 auto 22px;
  color: #9f9f9f;
  font-size: 14px;
  line-height: 1.8;
}


/* =========================================================
   MOBILE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767.98px) {

  .practice-card {
    height: auto;
  }

  .collaboration-cta {
    margin-top: 45px;
    padding-top: 30px;
  }

}

/* =========================================
   UiTM Expert Profile CTA
========================================= */

.academic-profile-link {
  width: 100%;
  margin-top: 50px;
}

.academic-profile-text {
  max-width: 720px;
  margin: 0 0 18px;
  color: #9f9f9f;
  font-size: 14px;
  line-height: 1.7;
}

.academic-profile-link .btn {
  display: inline-block !important;
  margin: 0 auto !important;
}
/* =========================================================
   MEDIA & PUBLICATIONS
========================================================= */

.media-section-heading {
  margin-bottom: 35px;
}


/* Content Type */

.media-type {
  display: block;
  margin-bottom: 7px;

  color: #00bd8e;

  font-size: 10px;
  font-weight: 600;

  letter-spacing: 1.3px;
}


/* Outlet / Programme */

.media-outlet {
  margin: -2px 0 12px;

  color: #888888;

  font-size: 12px;
  font-weight: 500;

  line-height: 1.5;
}


/* External Link */

.media-link {
  display: inline-block;

  margin-top: 8px;

  color: #00bd8e;

  font-size: 12px;
  font-weight: 500;

  text-decoration: none;

  transition: color 0.25s ease;
}

.media-link:hover {
  color: #ffffff;
  text-decoration: none;
}


/* Keep cards comfortably separated */

.media-card {
  margin-bottom: 35px;
}


/* Slightly better title rhythm */

.media-card .content-title {
  line-height: 1.4;
}


/* Mobile */

@media (max-width: 767.98px) {

  .media-section-heading {
    margin-bottom: 25px;
  }

}/* =========================================================
   SCHOLARLY PUBLICATION CARDS
========================================================= */

.publication-card .media-outlet {
  margin-bottom: 14px;
}


/* Publication bibliographic information */

.publication-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-bottom: 18px;
}

.publication-meta span {
  padding: 5px 9px;

  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 3px;

  color: #aaaaaa;

  font-size: 10px;
  font-weight: 500;

  letter-spacing: 0.4px;
}


/* Bottom publication links */

.publication-links {
  display: flex;
  align-items: center;
  gap: 18px;

  margin-top: 12px;
}


/* DOI link */

.publication-doi {
  display: inline-block;

  color: #888888;

  font-size: 11px;
  font-weight: 600;

  letter-spacing: 0.8px;

  text-decoration: none;

  transition: color 0.25s ease;
}

.publication-doi:hover {
  color: #00bd8e;
  text-decoration: none;
}