@charset "UTF-8";
/*
	Theme Name: Halcyon Paths
	Theme URI: www.halcyonpaths.ca
	Author: Mike Garces
	Author URI: www.mikegarces.com
	Description: This is a blank theme designed for Wordpress in Calgary, Alberta, Canada.
	Version: 1.0
	License: Private, All rights reserved
	License URI: http://www.mikegarces.com

	For more information please contact info@mikegarces.ninja

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
* {
  box-sizing: border-box; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@media only screen and (max-width: 667px) {
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #6c92aa;
    line-height: 1.6; }

  /* Navigation */
  .desktop-nav {
    display: none; }

  #mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5; }
    #mobile-header .toggler {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      cursor: pointer;
      width: 50px;
      height: 50px;
      opacity: 0; }
    #mobile-header .hamburger {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
      width: 60px;
      height: 60px;
      padding: 10px;
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      align-items: center;
      justify-content: center; }
    #mobile-header .hamburger > div {
      position: relative;
      width: 100%;
      height: 2px;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.4s ease; }
    #mobile-header .hamburger > div:before, #mobile-header .hamburger > div:after {
      content: '';
      position: absolute;
      z-index: 4;
      top: -10px;
      width: 100%;
      height: 2px;
      background: inherit; }
    #mobile-header .hamburger > div:after {
      top: 10px; }
    #mobile-header .toggler:checked + .hamburger > div {
      transform: rotate(135deg); }
    #mobile-header .toggler:checked + .hamburger > div:before,
    #mobile-header .toggler:checked + .hamburger > div:after {
      top: 0;
      transform: rotate(90deg); }
    #mobile-header .toggler:checked ~ .mobile-menu {
      visibility: visible; }
    #mobile-header .toggler:checked ~ .mobile-menu > div {
      transform: scale(1);
      transition-duration: 0.4s; }
    #mobile-header .toggler:checked ~ .mobile-menu > div > div {
      opacity: 1;
      transition: opacity 0.4s ease; }
    #mobile-header .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      visibility: hidden;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
    #mobile-header .mobile-menu > div {
      background: rgba(255, 255, 255, 0.9);
      border-radius: 50px;
      width: 200vw;
      height: 200vh;
      display: flex;
      flex: none;
      align-items: center;
      justify-content: center;
      transform: scale(0);
      transition: all 0.4s ease; }
    #mobile-header .mobile-menu > div > div {
      text-align: center;
      max-width: 90vw;
      height: 80vh;
      opacity: 0;
      transition: opacity 0.4s ease; }
      #mobile-header .mobile-menu > div > div #logo {
        width: 40%;
        margin: 0 auto; }
        #mobile-header .mobile-menu > div > div #logo img {
          width: 100%;
          height: auto; }
    #mobile-header #menu-mobile-nav {
      margin: 6% 0; }
      #mobile-header #menu-mobile-nav li {
        margin: 3% 0; }
        #mobile-header #menu-mobile-nav li a {
          color: #6c92aa;
          text-decoration: none;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1.5rem;
          font-weight: bolder; }

  .page-container {
    max-width: 100%; }

  /* ===== HERO HOME SECTION ===== */
  .hero {
    position: relative;
    display: flex;
    height: 25vh;
    align-items: center;
    padding: 0 10%;
    font-family: Arial, Helvetica, sans-serif; }
    .hero .bg-img-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 25vh;
      z-index: -1; }
      .hero .bg-img-container img {
        width: 100%;
        height: 100%;
        filter: brightness(50%); }
    .hero .hero-content {
      position: absolute;
      z-index: 1;
      width: 70%;
      top: 5%;
      left: 20%; }
      .hero .hero-content h1 {
        color: white;
        font-size: 3.5vw;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.3;
        text-shadow: 2px 2px 2px black; }
    .hero .hero-underline {
      width: 100%;
      height: 1px;
      background: white;
      margin-bottom: 2%;
      box-shadow: 2px 2px 2px black; }
    .hero .hero-text-box {
      padding: 0;
      color: white;
      font-size: 3vw;
      line-height: 1.5em;
      text-shadow: 1px 1px 1px black; }

  .hero-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15); }

  /* Section: Who can receive */
  .section-peach {
    background-color: white;
    padding: 3% 5%;
    text-align: center;
    position: relative; }

  .section-peach h2 {
    color: #6b7b7a;
    font-size: 5vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .section-peach p {
    max-width: 900px;
    margin: 0 auto 15px;
    color: #7a8a89;
    font-size: 3vw;
    text-align: left;
    line-height: 1.7; }

  .read-more-link {
    display: inline-block;
    background-color: #e06a7e;
    color: white;
    padding: 1% 5%;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 3vw;
    border: none;
    cursor: pointer;
    letter-spacing: 0.5px; }
    .read-more-link a {
      color: white; }

  .read-more-link:hover {
    background-color: #e18393;
    color: #ffeeee; }

  /* Section: Who am I */
  .section-green {
    background-color: #afbfa0;
    position: relative;
    align-items: center;
    gap: 40px;
    height: 45vh; }
    .section-green h2 {
      color: #818180;
      font-size: 5vw;
      margin-bottom: 2%;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green .teal-text-box {
      color: white;
      padding: 2% 0;
      font-size: 3vw;
      line-height: 1.6; }

  .text-side {
    padding: 2% 5%;
    width: 65%;
    position: absolute;
    z-index: 1; }

  .image-fade-right {
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 2;
    padding: 0;
    position: absolute;
    z-index: 0; }
    .image-fade-right img {
      width: 140%;
      height: 105%;
      overflow: hidden;
      object-fit: contain;
      margin: 0 0 0 -10%;
      -webkit-mask-image: linear-gradient(to left, black 10%, transparent 70%);
      mask-image: linear-gradient(to left, black 10%, transparent 70%); }

  /* Section: What to Expect */
  .section-expect {
    background-color: white;
    text-align: center;
    padding-bottom: 3%; }

  .section-expect h2 {
    color: #6b7b7a;
    font-size: 5vw;
    margin-top: 3%;
    font-weight: 600; }

  .expect-card {
    background: white;
    border-radius: 15px;
    padding: 2%;
    margin: 0 auto 0; }

  .expect-card h3 {
    color: #6c92aa;
    font-size: 1.5vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .expect-card-body {
    gap: 30px; }

  .expect-card-body p {
    text-align: left;
    font-size: 3.25vw;
    padding: 1%; }

  .expect-card-body img {
    width: 70%;
    height: auto;
    border-radius: 8px;
    flex-shrink: 0; }

  .expect-list {
    flex: 1; }

  .expect-list li {
    margin-bottom: 15px;
    list-style: none; }

  .expect-list li strong {
    color: #444;
    font-size: 1.25vw;
    display: block;
    margin-bottom: 3px; }

  .expect-list li span {
    color: #777;
    font-size: 1.25vw;
    line-height: 1.5; }

  .expect-list li::before {
    content: '• ';
    color: #6c92aa;
    font-weight: bold; }

  /* Section: Testimonials */
  .section-testimonials {
    background-color: #dccce7;
    padding: 3%;
    align-items: center;
    text-align: left;
    gap: 50px; }

  .section-testimonials h2 {
    color: #818180;
    font-size: 4vw;
    margin-bottom: 3%;
    font-weight: 600;
    text-align: center; }

  div#n2-ss-2 .n2-ss-slider-4 {
    font-size: 1.5vw; }

  div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a {
    font-size: 5vw !important; }

  .testimonial-container {
    width: 100%;
    margin: 2% auto;
    font-size: 1vw; }

  #sp-testimonial-free-wrapper-236 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title {
    font-size: 5vw;
    font-family: Arial, Helvetica, sans-serif; }

  .sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
    font-size: 3vw;
    line-height: 1.5em; }

  .qwen-markdown-text {
    text-align: left !important; }

  .testimonial {
    margin-bottom: 18px; }

  .testimonial p {
    color: #818180;
    font-style: italic;
    font-size: 1.25vw;
    line-height: 1.5; }

  .testimonial .author {
    color: #818180;
    font-size: 1.1vw;
    margin-top: 3px;
    font-style: normal; }

  .testimonials-link {
    color: #818180;
    text-decoration: none;
    font-size: 1.25vw;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 10px;
    display: inline-block; }

  .testimonials-link:hover {
    text-decoration: underline; }

  /* Section: Resources */
  .section-resources {
    background-color: white;
    align-items: center;
    height: 35vh; }

  .section-resources .text-side {
    width: 100%; }
    .section-resources .text-side p {
      font-size: 3.5vw;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5em; }

  .section-resources h2 {
    color: #6b7b7a;
    font-size: 4vw;
    font-weight: 600;
    line-height: 1.4; }

  .resource-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: #6b7b7a;
    font-size: 1.25vw; }

  .resource-icon {
    font-size: 22px;
    width: 30px;
    text-align: center; }

  .section-resources .image-side {
    flex: 1;
    display: flex;
    justify-content: center; }

  .section-resources .image-side img {
    max-width: 380px;
    border-radius: 5px; }

  /* Footer */
  footer {
    background-color: #afbfa0;
    padding: 3%;
    align-items: flex-start;
    width: 100%; }

  .footer-brand {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%; }

  .footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-basis: 20%; }
    .footer-logo img {
      width: 70%;
      height: auto; }

  .footer-logo span {
    color: white;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2; }

  .social-icons {
    flex-basis: 80%;
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center; }

  .social-icons a {
    color: white;
    font-size: 20px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; }

  .footer-email {
    flex-basis: 50%;
    color: white;
    font-size: 4vw; }

  .footer-copy {
    color: white;
    font-size: 13px;
    margin-right: 3%; }

  .rtt-certs {
    width: 95%;
    margin: 2% 0; }
    .rtt-certs .rtt-text {
      width: 100%;
      color: white;
      font-size: 3vw; }
    .rtt-certs .rtt-logos {
      width: 100%;
      display: flex; }
      .rtt-certs .rtt-logos .rtt-circles {
        width: 20%; }
        .rtt-certs .rtt-logos .rtt-circles img {
          width: 100%;
          height: auto; }
      .rtt-certs .rtt-logos .rtt-rectangle {
        width: 100%; }
        .rtt-certs .rtt-logos .rtt-rectangle img {
          width: 80%;
          height: auto; }

  .footer-nav {
    display: none; }

  .footer-nav a {
    color: white;
    text-decoration: none;
    font-size: 14px; }

  .footer-nav a:hover {
    text-decoration: underline; }

  .footer-form {
    flex: 4;
    padding: 0; }
    .footer-form h3 {
      color: white;
      font-size: 6vw; }
    .footer-form .footer-text-input {
      width: 100%; }
    .footer-form .footer-text-area {
      width: 100%; }

  .form-row {
    display: flex;
    gap: 15px; }

  .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px; }

  .form-group label {
    color: white;
    font-size: 13px; }

  .form-group input {
    padding: 10px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background: white; }

  .btn-submit {
    background-color: #e06a7d;
    color: white;
    padding: 14px 35px;
    border-radius: 30px;
    border: none;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    align-self: flex-start;
    letter-spacing: 0.5px;
    margin: 3% auto; }

  .btn-submit:hover {
    background-color: #aebd9f; }

  /* SVG Icons inline */
  .icon-svg {
    width: 24px;
    height: 24px;
    fill: #6b7b7a; }

  /*/////////// ABOUT PAGE STYLES ///////////////*/
  /* ===== ABOUT PAGE ABOUT SECTION ===== */
  .about {
    align-items: center;
    padding: 3%;
    background-color: #f8f3eb;
    gap: 50px; }

  .about-text {
    flex: 1;
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #7a7a7a;
    line-height: 1.5em;
    margin-bottom: 3%; }

  .about-image {
    flex: 0 0 300px; }

  .about-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px; }

  /* ===== MY ROLE SECTION ===== */
  .section-green-2 {
    background-color: #afbfa0;
    position: relative;
    align-items: center;
    height: 27vh; }
    .section-green-2 h2 {
      color: #818180;
      font-size: 1.75vw;
      margin-bottom: 15px;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green-2 .my-role-image {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden; }
      .section-green-2 .my-role-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        -webkit-mask-image: linear-gradient(to right, black 10%, transparent 80%);
        mask-image: linear-gradient(to right, black 10%, transparent 80%); }
    .section-green-2 .my-role-text {
      position: absolute;
      z-index: 1;
      padding: 0 5%; }
      .section-green-2 .my-role-text h2 {
        font-family: 'Arial', sans-serif;
        font-size: 5vw;
        color: #fff;
        margin-bottom: 3%;
        font-weight: 700;
        text-shadow: #333 1px 1px; }
      .section-green-2 .my-role-text p {
        font-family: 'Arial', sans-serif;
        font-size: 3vw;
        color: #fff;
        line-height: 1.5em;
        text-shadow: #333 1px 1px; }

  /* ===== CTA SECTION ===== */
  .cta {
    position: relative;
    width: 100%;
    padding: 2% 2.5%;
    text-align: center;
    overflow: hidden;
    background-color: #f8f3eb; }

  .cta-inner {
    position: relative;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2% 5%;
    font-family: Arial, Helvetica, sans-serif; }

  .cta-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; }

  .cta-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1; }

  .cta-content {
    position: relative;
    z-index: 2; }

  .cta-content p {
    color: #fff;
    font-size: 5vw;
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

  .btn-cta {
    display: inline-block;
    background-color: #f0a0a0;
    color: #fff;
    padding: 16px 40px;
    border-radius: 30px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s; }

  .btn-cta:hover {
    background-color: #e88888; }

  /* ===== TESTIMONIALS SECTION ===== */
  .testimonials {
    display: flex;
    align-items: center;
    background-color: #dccce7;
    min-height: 350px; }

  .testimonials-image {
    flex: 1;
    height: 350px;
    overflow: hidden; }

  .testimonials-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

  .testimonials-text {
    flex: 1;
    padding: 40px 60px; }

  .testimonials-text h2 {
    font-family: 'Arial', sans-serif;
    font-size: 1.75vw;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700; }

  .testimonial-item {
    margin-bottom: 18px; }

  .testimonial-item p {
    font-family: 'Arial', sans-serif;
    font-size: 1.25vw;
    color: #fff;
    font-style: italic;
    line-height: 1.6; }

  .testimonial-item .author {
    font-style: normal;
    font-size: 1.1vw;
    margin-top: 4px;
    color: #fff; }

  .testimonials-link {
    display: inline-block;
    margin-top: 1.3vw;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }

  .testimonials-link:hover {
    text-decoration: underline; }

  /*/////////// SERVICES PAGE STYLES ///////////////*/
  .services-hero {
    height: 27vh; }
    .services-hero .bg-img-container {
      height: 100%; }

  /* ===== INTRO TEXT SECTION ===== */
  .intro {
    padding: 3% 5%;
    background-color: white;
    text-align: left;
    font-family: 'Arial', sans-serif; }
    .intro h2 {
      font-size: 4vw;
      color: #818180;
      line-height: 1.8;
      max-width: 800px;
      margin: 3% auto; }
    .intro ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto; }
      .intro ul li {
        text-align: left;
        font-size: 3vw;
        list-style: disc;
        flex: 0 0 calc(33.333% - (32px / 3));
        box-sizing: border-box;
        color: #818180; }

  .services-p {
    font-family: 'Arial', sans-serif;
    display: block;
    text-align: left;
    align-items: center;
    color: #818180;
    background-color: #dccce7;
    padding: 5%;
    font-size: 3vw; }
    .services-p ul {
      margin-left: 3%; }
      .services-p ul li {
        list-style: disc; }

  /* ===== PACKAGES SECTION ===== */
  .packages {
    display: flex;
    flex-direction: column;
    padding: 5%;
    gap: 2%;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif; }

  .package-card {
    align-items: center;
    background-color: #dccce7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 3%;
    flex: 1;
    padding: 2%; }

  .package-image {
    flex: 0 0 35%;
    overflow: hidden;
    margin-bottom: 1%; }
    .package-image img {
      width: 100%;
      height: auto;
      object-fit: cover; }

  .package-content {
    padding: 2%;
    color: #818180;
    font-size: 1vw; }
    .package-content h3 {
      font-size: 5vw;
      font-weight: 700;
      line-height: 1em;
      margin-bottom: 3%; }
    .package-content ul li {
      list-style-type: disc;
      font-size: 3vw; }
    .package-content p {
      font-size: 3vw; }

  /*
  .package-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .package-content {
      padding: 30px 35px;
      color: #818180;
      h3{
        font-size: 1.35vw;
        font-family: 'Arial', sans-serif;
        color: #818180;
        margin-bottom: 3%;
        font-weight: 700;
      }
      ul{
        li{
          margin: 0;
          font-size: 1vw;
          padding: 0;
          ul{
            margin-left: 5%;
          }
        }
      }
  }

  .package-content ul li::before {
      content: '•';
      margin-right: 1%;
  }

  .package-content .transfer-note {
      font-family: 'Arial', sans-serif;
      font-size: 1.1vw;
      color: #818180;
      margin-top: 3%;
      font-style: italic;
  }
  */
  /*/////////// RESOURCES PAGE STYLES ///////////////*/
  /* ===== SECTION HEADINGS ===== */
  .section-heading {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    color: #818180;
    font-weight: 700;
    padding: 40px 60px 20px;
    background-color: white; }

  /* ===== RESOURCE CARDS ===== */
  .resources-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 60px 40px;
    background-color: white; }

  .resource-card {
    display: flex;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    min-height: 180px;
    background: linear-gradient(to right, #e8f4f4 0%, #dccce7 35%, #dccce7 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

  .resource-image {
    flex: 0 0 35%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative; }

  .resource-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }

  .play-button {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.3s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }

  .play-button:hover {
    transform: scale(1.1);
    background-color: #fff; }

  .play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #6c92aa;
    margin-left: 4px; }

  .resource-content {
    flex: 1;
    padding: 25px 35px; }

  .resource-content h3 {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700; }

  .resource-content p {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 15px; }

  .btn-resource {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s;
    cursor: pointer; }

  .btn-resource:hover {
    background-color: rgba(255, 255, 255, 0.5); }

  /*/////////// FAQ PAGE STYLES ///////////////*/
  /* ===== FAQ SECTION ===== */
  .faq-section {
    padding: 5% 0;
    background-color: white; }

  .faq-section h2 {
    font-family: 'Arial', sans-serif;
    font-size: 5vw;
    color: #5a6e6e;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3%; }

  .faq-container {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px; }

  /* ===== FAQ ITEM ===== */
  .faq-item {
    background-color: #dccbe7;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s; }

  .faq-item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }

  .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 3%;
    cursor: pointer;
    user-select: none; }

  .faq-question h3 {
    font-family: 'Arial', sans-serif;
    font-size: 4vw;
    color: #4a5858;
    font-weight: 600;
    flex: 1;
    line-height: 1.4; }

  .faq-toggle {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #dccce7;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    position: relative; }

  .faq-toggle::before,
  .faq-toggle::after {
    content: '';
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    transition: transform 0.3s; }

  .faq-toggle::before {
    width: 16px;
    height: 3px; }

  .faq-toggle::after {
    width: 3px;
    height: 16px; }

  .faq-item.active .faq-toggle {
    background-color: #f4a0a0;
    transform: rotate(45deg); }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease; }

  .faq-answer-inner {
    padding: 1% 3%; }
    .faq-answer-inner strong {
      font-weight: 700; }

  .faq-answer-inner p {
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #5a6e6e;
    line-height: 1.8; }

  .faq-item.active .faq-answer {
    max-height: 500px; }

  /*/////////// CONTACT PAGE STYLES ///////////////*/
  /* ===== CONTACT FORM SECTION ===== */
  .contact-section {
    padding: 3%;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center; }

  .contact-intro {
    text-align: center;
    margin-bottom: 5%;
    color: #6b7b7b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vw;
    width: 98%;
    line-height: 1.6; }

  .contact-intro a {
    color: #6b7b7b;
    font-weight: bold; }

  .wpcf7-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    margin: 0 auto; }

  .form-submit-section {
    text-align: center;
    width: 100%; }
    .form-submit-section input[type=submit] {
      margin: 0 auto; }
    .form-submit-section .btn-submit {
      background-color: #aebd9f;
      color: white;
      padding: 14px 35px;
      border-radius: 30px;
      border: none;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      align-self: flex-start;
      letter-spacing: 0.5px;
      margin-top: 5px; }
    .form-submit-section .btn-submit:hover {
      background-color: #aebd9f; }

  .form-top {
    width: 100%;
    display: flex; }
    .form-top p {
      width: 48%;
      margin: 0 2%; }

  .form-bottom {
    width: 100%;
    margin: 0 2%; }
    .form-bottom p {
      margin: 3% 0; }

  input, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #333;
    outline: none;
    transition: border-color 0.3s; }

  input::placeholder, textarea::placeholder {
    color: #888; }

  input:focus, textarea:focus {
    border-color: #dccce7; }

  textarea {
    height: 200px;
    resize: vertical; }

  .btn-send-container {
    display: flex;
    justify-content: center;
    margin-top: 10px; }

  .btn-send {
    background-color: #dccce7;
    color: #fff;
    padding: 12px 50px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s; }

  .btn-send:hover {
    background-color: #6ab0b0; }

  .clear-div {
    clear: both; } }
@media only screen and (min-width: 668px) and (max-width: 991px) {
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #6c92aa;
    line-height: 1.6; }

  /* Navigation */
  .desktop-nav {
    display: none; }

  #mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5; }
    #mobile-header .toggler {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      cursor: pointer;
      width: 50px;
      height: 50px;
      opacity: 0; }
    #mobile-header .hamburger {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
      width: 60px;
      height: 60px;
      padding: 10px;
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      align-items: center;
      justify-content: center; }
    #mobile-header .hamburger > div {
      position: relative;
      width: 100%;
      height: 2px;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.4s ease; }
    #mobile-header .hamburger > div:before, #mobile-header .hamburger > div:after {
      content: '';
      position: absolute;
      z-index: 4;
      top: -10px;
      width: 100%;
      height: 2px;
      background: inherit; }
    #mobile-header .hamburger > div:after {
      top: 10px; }
    #mobile-header .toggler:checked + .hamburger > div {
      transform: rotate(135deg); }
    #mobile-header .toggler:checked + .hamburger > div:before,
    #mobile-header .toggler:checked + .hamburger > div:after {
      top: 0;
      transform: rotate(90deg); }
    #mobile-header .toggler:checked ~ .mobile-menu {
      visibility: visible; }
    #mobile-header .toggler:checked ~ .mobile-menu > div {
      transform: scale(1);
      transition-duration: 0.4s; }
    #mobile-header .toggler:checked ~ .mobile-menu > div > div {
      opacity: 1;
      transition: opacity 0.4s ease; }
    #mobile-header .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      visibility: hidden;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
    #mobile-header .mobile-menu > div {
      background: rgba(255, 255, 255, 0.9);
      border-radius: 50px;
      width: 200vw;
      height: 200vh;
      display: flex;
      flex: none;
      align-items: center;
      justify-content: center;
      transform: scale(0);
      transition: all 0.4s ease; }
    #mobile-header .mobile-menu > div > div {
      text-align: center;
      max-width: 90vw;
      height: 80vh;
      opacity: 0;
      transition: opacity 0.4s ease; }
      #mobile-header .mobile-menu > div > div #logo {
        width: 40%;
        margin: 0 auto; }
        #mobile-header .mobile-menu > div > div #logo img {
          width: 100%;
          height: auto; }
    #mobile-header #menu-mobile-nav {
      margin: 6% 0; }
      #mobile-header #menu-mobile-nav li {
        margin: 3% 0; }
        #mobile-header #menu-mobile-nav li a {
          color: #6c92aa;
          text-decoration: none;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1.5rem;
          font-weight: bolder; }

  .page-container {
    max-width: 100%; }

  /* ===== HERO HOME SECTION ===== */
  .hero {
    position: relative;
    display: flex;
    height: 25vh;
    align-items: center;
    padding: 0 10%;
    font-family: Arial, Helvetica, sans-serif; }
    .hero .bg-img-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 25vh;
      z-index: -1; }
      .hero .bg-img-container img {
        width: 100%;
        height: 100%;
        filter: brightness(50%); }
    .hero .hero-content {
      position: absolute;
      z-index: 1;
      width: 70%;
      top: 5%;
      left: 20%; }
      .hero .hero-content h1 {
        color: white;
        font-size: 3.5vw;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.3;
        text-shadow: 2px 2px 2px black; }
    .hero .hero-underline {
      width: 100%;
      height: 1px;
      background: white;
      margin-bottom: 2%;
      box-shadow: 2px 2px 2px black; }
    .hero .hero-text-box {
      padding: 0;
      color: white;
      font-size: 3vw;
      line-height: 1.5em;
      text-shadow: 1px 1px 1px black; }

  .hero-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15); }

  /* Section: Who can receive */
  .section-peach {
    background-color: white;
    padding: 3% 5%;
    text-align: center;
    position: relative; }

  .section-peach h2 {
    color: #6b7b7a;
    font-size: 5vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .section-peach p {
    max-width: 900px;
    margin: 0 auto 15px;
    color: #7a8a89;
    font-size: 3vw;
    text-align: left;
    line-height: 1.7; }

  .read-more-link {
    display: inline-block;
    background-color: #e06a7e;
    color: white;
    padding: 1% 5%;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 3vw;
    border: none;
    cursor: pointer;
    letter-spacing: 0.5px; }
    .read-more-link a {
      color: white; }

  .read-more-link:hover {
    background-color: #e18393;
    color: #ffeeee; }

  /* Section: Who am I */
  .section-green {
    background-color: #afbfa0;
    position: relative;
    align-items: center;
    gap: 40px;
    height: 45vh; }
    .section-green h2 {
      color: #818180;
      font-size: 5vw;
      margin-bottom: 2%;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green .teal-text-box {
      color: white;
      padding: 2% 0;
      font-size: 3vw;
      line-height: 1.6; }

  .text-side {
    padding: 2% 5%;
    width: 65%;
    position: absolute;
    z-index: 1; }

  .image-fade-right {
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 2;
    padding: 0;
    position: absolute;
    z-index: 0; }
    .image-fade-right img {
      width: 140%;
      height: 105%;
      overflow: hidden;
      object-fit: contain;
      margin: 0 0 0 -10%;
      -webkit-mask-image: linear-gradient(to left, black 10%, transparent 70%);
      mask-image: linear-gradient(to left, black 10%, transparent 70%); }

  /* Section: What to Expect */
  .section-expect {
    background-color: white;
    text-align: center;
    padding-bottom: 3%; }

  .section-expect h2 {
    color: #6b7b7a;
    font-size: 5vw;
    margin-top: 3%;
    font-weight: 600; }

  .expect-card {
    background: white;
    border-radius: 15px;
    padding: 2%;
    margin: 0 auto 0; }

  .expect-card h3 {
    color: #6c92aa;
    font-size: 1.5vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .expect-card-body {
    gap: 30px; }

  .expect-card-body p {
    text-align: left;
    font-size: 3.25vw;
    padding: 1%; }

  .expect-card-body img {
    width: 70%;
    height: auto;
    border-radius: 8px;
    flex-shrink: 0; }

  .expect-list {
    flex: 1; }

  .expect-list li {
    margin-bottom: 15px;
    list-style: none; }

  .expect-list li strong {
    color: #444;
    font-size: 1.25vw;
    display: block;
    margin-bottom: 3px; }

  .expect-list li span {
    color: #777;
    font-size: 1.25vw;
    line-height: 1.5; }

  .expect-list li::before {
    content: '• ';
    color: #6c92aa;
    font-weight: bold; }

  /* Section: Testimonials */
  .section-testimonials {
    background-color: #dccce7;
    padding: 3%;
    align-items: center;
    text-align: left;
    gap: 50px; }

  .section-testimonials h2 {
    color: #818180;
    font-size: 4vw;
    margin-bottom: 3%;
    font-weight: 600;
    text-align: center; }

  div#n2-ss-2 .n2-ss-slider-4 {
    font-size: 1.5vw; }

  div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a {
    font-size: 5vw !important; }

  .testimonial-container {
    width: 100%;
    margin: 2% auto;
    font-size: 1vw; }

  #sp-testimonial-free-wrapper-236 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title {
    font-size: 5vw;
    font-family: Arial, Helvetica, sans-serif; }

  .sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
    font-size: 3vw;
    line-height: 1.5em; }

  .qwen-markdown-text {
    text-align: left !important; }

  .testimonial {
    margin-bottom: 18px; }

  .testimonial p {
    color: #818180;
    font-style: italic;
    font-size: 1.25vw;
    line-height: 1.5; }

  .testimonial .author {
    color: #818180;
    font-size: 1.1vw;
    margin-top: 3px;
    font-style: normal; }

  .testimonials-link {
    color: #818180;
    text-decoration: none;
    font-size: 1.25vw;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 10px;
    display: inline-block; }

  .testimonials-link:hover {
    text-decoration: underline; }

  /* Section: Resources */
  .section-resources {
    background-color: white;
    align-items: center;
    height: 35vh; }

  .section-resources .text-side {
    width: 100%; }
    .section-resources .text-side p {
      font-size: 3.5vw;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5em; }

  .section-resources h2 {
    color: #6b7b7a;
    font-size: 4vw;
    font-weight: 600;
    line-height: 1.4; }

  .resource-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: #6b7b7a;
    font-size: 1.25vw; }

  .resource-icon {
    font-size: 22px;
    width: 30px;
    text-align: center; }

  .section-resources .image-side {
    flex: 1;
    display: flex;
    justify-content: center; }

  .section-resources .image-side img {
    max-width: 380px;
    border-radius: 5px; }

  /* Footer */
  footer {
    background-color: #afbfa0;
    padding: 3%;
    align-items: flex-start;
    width: 100%; }

  .footer-brand {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }

  .footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-basis: 20%; }
    .footer-logo img {
      width: 70%;
      height: auto; }

  .footer-logo svg {
    width: 45px;
    height: 45px; }

  .footer-logo span {
    color: white;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2; }

  .social-icons {
    flex-basis: 80%;
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center; }

  .social-icons a {
    color: white;
    font-size: 20px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; }

  .footer-email {
    flex-basis: 50%;
    color: white;
    font-size: 4vw; }

  .footer-copy {
    color: white;
    font-size: 13px;
    margin-right: 3%; }

  .rtt-certs {
    width: 95%;
    margin: 2% 0; }
    .rtt-certs .rtt-text {
      width: 100%;
      color: white;
      font-size: 3vw; }
    .rtt-certs .rtt-logos {
      width: 100%;
      display: flex; }
      .rtt-certs .rtt-logos .rtt-circles {
        width: 20%; }
        .rtt-certs .rtt-logos .rtt-circles img {
          width: 100%;
          height: auto; }
      .rtt-certs .rtt-logos .rtt-rectangle {
        width: 100%; }
        .rtt-certs .rtt-logos .rtt-rectangle img {
          width: 80%;
          height: auto; }

  .footer-nav {
    display: none; }

  .footer-nav a {
    color: white;
    text-decoration: none;
    font-size: 14px; }

  .footer-nav a:hover {
    text-decoration: underline; }

  .footer-nav a:hover {
    text-decoration: underline; }

  .footer-form {
    flex: 4;
    padding: 0; }
    .footer-form h3 {
      color: white;
      font-size: 6vw; }
    .footer-form .footer-text-input {
      width: 100%; }
    .footer-form .footer-text-area {
      width: 100%; }

  .form-row {
    display: flex;
    gap: 15px; }

  .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px; }

  .form-group label {
    color: white;
    font-size: 13px; }

  .form-group input {
    padding: 10px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background: white; }

  .btn-submit {
    background-color: #e06a7d;
    color: white;
    padding: 14px 35px;
    border-radius: 30px;
    border: none;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    align-self: flex-start;
    letter-spacing: 0.5px;
    margin: 3% auto; }

  .btn-submit:hover {
    background-color: #aebd9f; }

  /* SVG Icons inline */
  .icon-svg {
    width: 24px;
    height: 24px;
    fill: #6b7b7a; }

  /*/////////// ABOUT PAGE STYLES ///////////////*/
  /* ===== ABOUT PAGE ABOUT SECTION ===== */
  .about {
    align-items: center;
    padding: 3%;
    background-color: #f8f3eb;
    gap: 50px; }

  .about-text {
    flex: 1;
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #7a7a7a;
    line-height: 1.5em;
    margin-bottom: 3%; }

  .about-image {
    flex: 0 0 300px; }

  .about-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px; }

  /* ===== MY ROLE SECTION ===== */
  .section-green-2 {
    background-color: #afbfa0;
    position: relative;
    align-items: center;
    height: 27vh; }
    .section-green-2 h2 {
      color: #818180;
      font-size: 1.75vw;
      margin-bottom: 15px;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green-2 .my-role-image {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden; }
      .section-green-2 .my-role-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        -webkit-mask-image: linear-gradient(to right, black 10%, transparent 80%);
        mask-image: linear-gradient(to right, black 10%, transparent 80%); }
    .section-green-2 .my-role-text {
      position: absolute;
      z-index: 1;
      padding: 0 5%; }
      .section-green-2 .my-role-text h2 {
        font-family: 'Arial', sans-serif;
        font-size: 5vw;
        color: #fff;
        margin-bottom: 3%;
        font-weight: 700;
        text-shadow: #333 1px 1px; }
      .section-green-2 .my-role-text p {
        font-family: 'Arial', sans-serif;
        font-size: 3vw;
        color: #fff;
        line-height: 1.5em;
        text-shadow: #333 1px 1px; }

  /* ===== CTA SECTION ===== */
  .cta {
    position: relative;
    width: 100%;
    padding: 2% 2.5%;
    text-align: center;
    overflow: hidden;
    background-color: #f8f3eb; }

  .cta-inner {
    position: relative;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2% 5%;
    font-family: Arial, Helvetica, sans-serif; }

  .cta-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; }

  .cta-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1; }

  .cta-content {
    position: relative;
    z-index: 2; }

  .cta-content p {
    color: #fff;
    font-size: 5vw;
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

  .btn-cta {
    display: inline-block;
    background-color: #f0a0a0;
    color: #fff;
    padding: 16px 40px;
    border-radius: 30px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s; }

  .btn-cta:hover {
    background-color: #e88888; }

  /* ===== TESTIMONIALS SECTION ===== */
  .testimonials {
    display: flex;
    align-items: center;
    background-color: #dccce7;
    min-height: 350px; }

  .testimonials-image {
    flex: 1;
    height: 350px;
    overflow: hidden; }

  .testimonials-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

  .testimonials-text {
    flex: 1;
    padding: 40px 60px; }

  .testimonials-text h2 {
    font-family: 'Arial', sans-serif;
    font-size: 1.75vw;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700; }

  .testimonial-item {
    margin-bottom: 18px; }

  .testimonial-item p {
    font-family: 'Arial', sans-serif;
    font-size: 1.25vw;
    color: #fff;
    font-style: italic;
    line-height: 1.6; }

  .testimonial-item .author {
    font-style: normal;
    font-size: 1.1vw;
    margin-top: 4px;
    color: #fff; }

  .testimonials-link {
    display: inline-block;
    margin-top: 1.3vw;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }

  .testimonials-link:hover {
    text-decoration: underline; }

  /*/////////// SERVICES PAGE STYLES ///////////////*/
  .services-hero {
    height: 27vh; }
    .services-hero .bg-img-container {
      height: 100%; }

  /* ===== INTRO TEXT SECTION ===== */
  .intro {
    padding: 3% 5%;
    background-color: white;
    text-align: left;
    font-family: 'Arial', sans-serif; }
    .intro h2 {
      font-size: 4vw;
      color: #818180;
      line-height: 1.8;
      max-width: 800px;
      margin: 3% auto; }
    .intro ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto; }
      .intro ul li {
        text-align: left;
        font-size: 3vw;
        list-style: disc;
        flex: 0 0 calc(33.333% - (32px / 3));
        box-sizing: border-box;
        color: #818180; }

  .services-p {
    font-family: 'Arial', sans-serif;
    display: block;
    text-align: left;
    align-items: center;
    color: #818180;
    background-color: #dccce7;
    padding: 5%;
    font-size: 3vw; }
    .services-p ul {
      margin-left: 3%; }
      .services-p ul li {
        list-style: disc; }

  /* ===== PACKAGES SECTION ===== */
  .packages {
    display: flex;
    flex-direction: column;
    padding: 5%;
    gap: 2%;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif; }

  .package-card {
    align-items: center;
    background-color: #dccce7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 3%;
    flex: 1;
    padding: 2%; }

  .package-image {
    flex: 0 0 35%;
    overflow: hidden;
    margin-bottom: 1%; }
    .package-image img {
      width: 100%;
      height: auto;
      object-fit: cover; }

  .package-content {
    padding: 2%;
    color: #818180;
    font-size: 1vw; }
    .package-content h3 {
      font-size: 5vw;
      font-weight: 700;
      line-height: 1em;
      margin-bottom: 3%; }
    .package-content ul li {
      list-style-type: disc;
      font-size: 3vw; }
    .package-content p {
      font-size: 3vw; }

  /*
  .package-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .package-content {
      padding: 30px 35px;
      color: #818180;
      h3{
        font-size: 1.35vw;
        font-family: 'Arial', sans-serif;
        color: #818180;
        margin-bottom: 3%;
        font-weight: 700;
      }
      ul{
        li{
          margin: 0;
          font-size: 1vw;
          padding: 0;
          ul{
            margin-left: 5%;
          }
        }
      }
  }

  .package-content ul li::before {
      content: '•';
      margin-right: 1%;
  }

  .package-content .transfer-note {
      font-family: 'Arial', sans-serif;
      font-size: 1.1vw;
      color: #818180;
      margin-top: 3%;
      font-style: italic;
  }
  */
  /*/////////// RESOURCES PAGE STYLES ///////////////*/
  /* ===== SECTION HEADINGS ===== */
  .section-heading {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    color: #818180;
    font-weight: 700;
    padding: 40px 60px 20px;
    background-color: white; }

  /* ===== RESOURCE CARDS ===== */
  .resources-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 60px 40px;
    background-color: white; }

  .resource-card {
    display: flex;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    min-height: 180px;
    background: linear-gradient(to right, #e8f4f4 0%, #dccce7 35%, #dccce7 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

  .resource-image {
    flex: 0 0 35%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative; }

  .resource-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }

  .play-button {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.3s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }

  .play-button:hover {
    transform: scale(1.1);
    background-color: #fff; }

  .play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #6c92aa;
    margin-left: 4px; }

  .resource-content {
    flex: 1;
    padding: 25px 35px; }

  .resource-content h3 {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700; }

  .resource-content p {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 15px; }

  .btn-resource {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s;
    cursor: pointer; }

  .btn-resource:hover {
    background-color: rgba(255, 255, 255, 0.5); }

  /*/////////// FAQ PAGE STYLES ///////////////*/
  /* ===== FAQ SECTION ===== */
  .faq-section {
    padding: 5% 0;
    background-color: white; }

  .faq-section h2 {
    font-family: 'Arial', sans-serif;
    font-size: 5vw;
    color: #5a6e6e;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3%; }

  .faq-container {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px; }

  /* ===== FAQ ITEM ===== */
  .faq-item {
    background-color: #dccbe7;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s; }

  .faq-item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }

  .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 3%;
    cursor: pointer;
    user-select: none; }

  .faq-question h3 {
    font-family: 'Arial', sans-serif;
    font-size: 4vw;
    color: #4a5858;
    font-weight: 600;
    flex: 1;
    line-height: 1.4; }

  .faq-toggle {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #dccce7;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    position: relative; }

  .faq-toggle::before,
  .faq-toggle::after {
    content: '';
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    transition: transform 0.3s; }

  .faq-toggle::before {
    width: 16px;
    height: 3px; }

  .faq-toggle::after {
    width: 3px;
    height: 16px; }

  .faq-item.active .faq-toggle {
    background-color: #f4a0a0;
    transform: rotate(45deg); }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease; }

  .faq-answer-inner {
    padding: 1% 3%; }
    .faq-answer-inner strong {
      font-weight: 700; }

  .faq-answer-inner p {
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #5a6e6e;
    line-height: 1.8; }

  .faq-item.active .faq-answer {
    max-height: 500px; }

  /*/////////// CONTACT PAGE STYLES ///////////////*/
  /* ===== CONTACT FORM SECTION ===== */
  .contact-section {
    padding: 3%;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center; }

  .contact-intro {
    text-align: center;
    margin-bottom: 5%;
    color: #6b7b7b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vw;
    width: 98%;
    line-height: 1.6; }

  .contact-intro a {
    color: #6b7b7b;
    font-weight: bold; }

  .wpcf7-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    margin: 0 auto; }

  .form-submit-section {
    text-align: center;
    width: 100%; }
    .form-submit-section input[type=submit] {
      margin: 0 auto; }
    .form-submit-section .btn-submit {
      background-color: #aebd9f;
      color: white;
      padding: 14px 35px;
      border-radius: 30px;
      border: none;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      align-self: flex-start;
      letter-spacing: 0.5px;
      margin-top: 5px; }
    .form-submit-section .btn-submit:hover {
      background-color: #aebd9f; }

  .form-top {
    width: 100%;
    display: flex; }
    .form-top p {
      width: 48%;
      margin: 0 2%; }

  .form-bottom {
    width: 100%;
    margin: 0 2%; }
    .form-bottom p {
      margin: 3% 0; }

  input, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: 'Arial', sans-serif;
    font-size: 3vw;
    color: #333;
    outline: none;
    transition: border-color 0.3s; }

  input::placeholder, textarea::placeholder {
    color: #888; }

  input:focus, textarea:focus {
    border-color: #dccce7; }

  textarea {
    height: 200px;
    resize: vertical; }

  .btn-send-container {
    display: flex;
    justify-content: center;
    margin-top: 10px; }

  .btn-send {
    background-color: #dccce7;
    color: #fff;
    padding: 12px 50px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s; }

  .btn-send:hover {
    background-color: #6ab0b0; }

  .clear-div {
    clear: both; } }
/*// DESKTOP STYLES //*/
@media only screen and (min-width: 992px) {
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #6c92aa;
    line-height: 1.6; }

  /* Navigation */
  .desktop-nav nav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 60px;
    background-color: #f8f3eb; }
    .desktop-nav nav .read-more-link {
      display: inline-block;
      background-color: #e06a7e;
      color: white;
      padding: 1% 3%;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.1vw;
      border: none;
      cursor: pointer;
      letter-spacing: 0.5px; }
      .desktop-nav nav .read-more-link a {
        color: white; }
      .desktop-nav nav .read-more-link a:hover {
        background-color: #e18393;
        color: #ffeeee; }

  #mobile-header {
    display: none; }

  .menu-desktop-nav-left-container, .menu-desktop-nav-right-container {
    flex: 3; }

  .logo-container {
    flex: 1;
    flex-direction: column;
    align-items: center;
    margin-right: 3%; }
    .logo-container img {
      width: 100%;
      height: auto; }

  .nav-links ul {
    display: flex;
    align-items: center;
    list-style: none; }
    .nav-links ul li {
      margin: 0 8%; }

  .nav-links a {
    text-decoration: none;
    color: #6c92aa;
    font-size: 1.5vw;
    font-weight: 500;
    text-transform: lowercase; }

  .nav-links a:hover {
    color: #aebe9f; }

  .btn-work {
    background-color: #aebd9f;
    padding: 1% 2%;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    text-align: center;
    width: 100%; }
    .btn-work a {
      text-decoration: none;
      color: white;
      font-weight: 600;
      font-size: 1.5vw; }

  .btn-work:hover {
    background-color: #88957c; }

  /* ===== HERO HOME SECTION ===== */
  .hero {
    position: relative;
    height: 420px;
    display: flex;
    align-items: center;
    padding: 0 10%;
    font-family: Arial, Helvetica, sans-serif; }
    .hero .bg-img-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
      .hero .bg-img-container img {
        width: 100%;
        height: auto;
        filter: brightness(70%); }
    .hero .hero-content {
      position: relative;
      z-index: 1;
      width: 50%; }
      .hero .hero-content h1 {
        color: white;
        font-size: 2vw;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.3;
        text-shadow: 2px 2px 2px black; }
    .hero .hero-underline {
      width: 100%;
      height: 3px;
      background: white;
      margin-bottom: 15px;
      box-shadow: 2px 2px 2px black; }
    .hero .hero-text-box {
      padding: 15px 5px;
      color: white;
      font-size: 1.5vw;
      line-height: 1.5;
      text-shadow: 1px 1px 1px black; }

  .hero-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15); }

  /* Section: Who can receive */
  .section-peach {
    background-color: white;
    padding: 50px 80px;
    text-align: center; }

  .section-peach h2 {
    color: #6b7b7a;
    font-size: 1.75vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .section-peach p {
    max-width: 900px;
    margin: 0 auto 15px;
    color: #7a8a89;
    font-size: 1.25vw;
    text-align: left;
    line-height: 1.7; }

  .read-more-link {
    display: inline-block;
    background-color: #e06a7e;
    color: white;
    padding: 1% 5%;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.15vw;
    border: none;
    cursor: pointer;
    letter-spacing: 0.5px; }
    .read-more-link a {
      color: white; }

  .read-more-link:hover {
    background-color: #e18393;
    color: #ffeeee; }

  /* Section: Who am I */
  .section-green {
    background-color: #afbfa0;
    display: flex;
    align-items: center;
    gap: 40px; }
    .section-green h2 {
      color: #818180;
      font-size: 1.75vw;
      margin-bottom: 15px;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green .teal-text-box {
      color: white;
      padding: 2% 0;
      font-size: 1.25vw;
      line-height: 1.6;
      margin-bottom: 15px; }

  .text-side {
    flex: 2;
    padding: 2% 5%;
    width: 40%; }

  .image-fade-right {
    width: 30%;
    height: 100%;
    flex: 2;
    padding: 0; }
    .image-fade-right img {
      width: 100%;
      height: auto;
      margin: 0;
      -webkit-mask-image: linear-gradient(to left, black 70%, transparent 100%);
      mask-image: linear-gradient(to left, black 70%, transparent 100%); }

  /* Section: What to Expect */
  .section-expect {
    background-color: white;
    padding: 50px 80px;
    text-align: center; }

  .section-expect h2 {
    color: #6b7b7a;
    font-size: 1.75vw;
    margin-bottom: 25px;
    font-weight: 600; }

  .expect-card {
    background: white;
    border-radius: 15px;
    padding: 30px 40px;
    width: 65%;
    margin: 0 auto 30px;
    text-align: left; }

  .expect-card h3 {
    color: #6c92aa;
    font-size: 1.5vw;
    margin-bottom: 20px;
    font-weight: 600; }

  .expect-card-body {
    display: flex;
    gap: 30px;
    align-items: flex-start; }

  .expect-card-body img {
    width: 50%;
    height: auto;
    border-radius: 8px;
    flex-shrink: 0; }

  .expect-list {
    flex: 1; }

  .expect-list li {
    margin-bottom: 15px;
    list-style: none; }

  .expect-list li strong {
    color: #444;
    font-size: 1.25vw;
    display: block;
    margin-bottom: 3px; }

  .expect-list li span {
    color: #777;
    font-size: 1.25vw;
    line-height: 1.5; }

  .expect-list li::before {
    content: '• ';
    color: #6c92aa;
    font-weight: bold; }

  /* Section: Testimonials */
  .section-testimonials {
    background-color: #dccce7;
    padding: 50px 80px;
    align-items: center;
    text-align: left;
    gap: 50px; }

  .section-testimonials h2 {
    color: #818180;
    font-size: 1.75vw;
    font-weight: 600;
    text-align: center; }

  .testimonial-container {
    width: 70%;
    margin: 2% auto; }

  .qwen-markdown-text {
    text-align: left !important; }

  .testimonial {
    margin-bottom: 18px; }

  .testimonial p {
    color: #818180;
    font-style: italic;
    font-size: 1.25vw;
    line-height: 1.5; }

  .testimonial .author {
    color: #818180;
    font-size: 1.1vw;
    margin-top: 3px;
    font-style: normal; }

  .testimonials-link {
    color: #818180;
    text-decoration: none;
    font-size: 1.25vw;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 10px;
    display: inline-block; }

  .testimonials-link:hover {
    text-decoration: underline; }

  /* Section: Resources */
  .section-resources {
    background-color: white;
    padding: 50px 80px;
    display: flex;
    align-items: center;
    gap: 50px; }

  .section-resources .text-side {
    flex: 1; }

  .section-resources h2 {
    color: #6b7b7a;
    font-size: 1.75vw;
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 1.4; }

  .resource-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: #6b7b7a;
    font-size: 1.25vw; }

  .resource-icon {
    font-size: 22px;
    width: 30px;
    text-align: center; }

  .section-resources .image-side {
    flex: 1;
    display: flex;
    justify-content: center; }

  .section-resources .image-side img {
    max-width: 380px;
    border-radius: 5px; }

  /* Footer */
  footer {
    background-color: #afbfa0;
    padding: 40px 80px;
    display: flex;
    gap: 40px;
    align-items: flex-start; }

  .footer-brand {
    flex: 1; }

  .footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px; }
    .footer-logo img {
      width: 40%;
      height: auto; }

  .footer-logo span {
    color: white;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2; }

  .social-icons {
    display: flex;
    gap: 12px;
    margin-bottom: 15px; }

  .social-icons a {
    color: white;
    font-size: 20px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; }

  .footer-email {
    color: white;
    font-size: 13px;
    margin-bottom: 3px; }

  .footer-copy {
    color: white;
    font-size: 13px; }

  .rtt-certs {
    width: 30%; }
    .rtt-certs .rtt-text {
      width: 100%;
      color: white; }
    .rtt-certs .rtt-logos {
      width: 100%;
      display: flex; }
      .rtt-certs .rtt-logos .rtt-circles {
        width: 20%; }
        .rtt-certs .rtt-logos .rtt-circles img {
          width: 100%;
          height: auto; }
      .rtt-certs .rtt-logos .rtt-rectangle {
        width: 100%; }
        .rtt-certs .rtt-logos .rtt-rectangle img {
          width: 80%;
          height: auto; }

  .footer-nav {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px; }

  .footer-nav a {
    color: white;
    text-decoration: none;
    font-size: 14px; }

  .footer-nav a:hover {
    text-decoration: underline; }

  .footer-form {
    flex: 4;
    padding: 0; }
    .footer-form h3 {
      color: white;
      font-size: 1.75vw; }
    .footer-form .wpcf7-form {
      width: 100%;
      max-width: 100%; }
      .footer-form .wpcf7-form .footer-text-input {
        width: 48%;
        float: left; }
        .footer-form .wpcf7-form .footer-text-input input {
          width: 100%;
          padding: 1%;
          font-size: 1vw; }
      .footer-form .wpcf7-form .footer-text-area {
        width: 99%; }
        .footer-form .wpcf7-form .footer-text-area textarea {
          width: 100%;
          padding: 1%;
          font-size: 1vw;
          max-height: 5vh;
          min-height: 5vh;
          resize: vertical;
          /* Lets users drag the corner to resize if needed */
          box-sizing: border-box; }
      .footer-form .wpcf7-form input[type="submit"] {
        font-size: 1.25vw;
        background-color: #f0a0a0;
        color: white;
        border-radius: 25px;
        width: 80%;
        margin: 0 auto;
        padding: 2% 5%; }

  .clear {
    clear: both; }

  .form-row {
    display: flex;
    gap: 15px; }

  .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px; }

  .form-group label {
    color: white;
    font-size: 13px; }

  .form-group input {
    padding: 10px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background: white; }

  .btn-submit {
    background-color: #aebd9f;
    color: white;
    padding: 14px 35px;
    border-radius: 30px;
    border: none;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    align-self: flex-start;
    letter-spacing: 0.5px;
    margin-top: 5px; }

  .btn-submit:hover {
    background-color: #aebd9f; }

  /* SVG Icons inline */
  .icon-svg {
    width: 24px;
    height: 24px;
    fill: #6b7b7a; }

  /*/////////// ABOUT PAGE STYLES ///////////////*/
  /* ===== ABOUT PAGE ABOUT SECTION ===== */
  .about {
    display: flex;
    align-items: center;
    padding: 5% 15%;
    background-color: #f8f3eb;
    gap: 50px; }

  .about-text {
    flex: 1;
    font-family: 'Arial', sans-serif;
    font-size: 1.25vw;
    color: #7a7a7a;
    line-height: 1.8;
    margin-bottom: 3%; }

  .about-image {
    flex: 0 0 300px; }

  .about-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px; }

  /* ===== MY ROLE SECTION ===== */
  .section-green-2 {
    background-color: #afbfa0;
    display: flex;
    align-items: center;
    gap: 40px; }
    .section-green-2 h2 {
      color: #818180;
      font-size: 1.75vw;
      margin-bottom: 15px;
      font-weight: 600;
      font-family: Arial, Helvetica, sans-serif;
      color: white; }
    .section-green-2 .my-role-image {
      flex: 1;
      height: 100%;
      overflow: hidden; }
      .section-green-2 .my-role-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        -webkit-mask-image: linear-gradient(to right, black 60%, transparent 100%);
        mask-image: linear-gradient(to right, black 60%, transparent 100%); }
    .section-green-2 .my-role-text {
      flex: 1;
      padding: 0 5%; }
      .section-green-2 .my-role-text h2 {
        font-family: 'Arial', sans-serif;
        font-size: 1.75vw;
        color: #fff;
        margin-bottom: 3%;
        font-weight: 700; }
      .section-green-2 .my-role-text p {
        font-family: 'Arial', sans-serif;
        font-size: 1.25vw;
        color: #fff;
        line-height: 1.7; }

  /* ===== CTA SECTION ===== */
  .cta {
    position: relative;
    width: 100%;
    padding: 2% 2.5%;
    text-align: center;
    overflow: hidden;
    background-color: #f8f3eb; }

  .cta-inner {
    position: relative;
    max-width: 60%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2% 5%;
    font-family: Arial, Helvetica, sans-serif; }

  .cta-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; }

  .cta-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1; }

  .cta-content {
    position: relative;
    z-index: 2; }

  .cta-content p {
    color: #fff;
    font-size: 22px;
    line-height: 1.6;
    max-width: 750px;
    margin: 0 auto 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

  .btn-cta {
    display: inline-block;
    background-color: #f0a0a0;
    color: #fff;
    padding: 16px 40px;
    border-radius: 30px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color 0.3s; }

  .btn-cta:hover {
    background-color: #e88888; }

  /* ===== TESTIMONIALS PAGE ===== */
  .testimonial-section h1 {
    font-size: 2.5vw;
    font-weight: 900;
    text-align: center; }

  .testimonial-card {
    background-color: #dacde5;
    color: #6e7b7a;
    font-family: sans-serif;
    margin: 2% auto;
    border-radius: 25px;
    padding: 3%;
    width: 80%; }
    .testimonial-card .testimonial-title {
      font-weight: 800;
      font-size: 1.75vw; }
    .testimonial-card .testimonial-text {
      font-size: 1.25vw;
      padding: 2%; }
    .testimonial-card .testimonial-name {
      font-weight: 800;
      font-size: 1.75vw;
      font-style: italic; }

  /*/////////// SERVICES PAGE STYLES ///////////////*/
  /* ===== INTRO TEXT SECTION ===== */
  .intro {
    padding: 50px 80px;
    background-color: white;
    text-align: left;
    font-family: 'Arial', sans-serif; }
    .intro h2 {
      font-size: 1.75vw;
      color: #818180;
      line-height: 1.8;
      max-width: 800px;
      margin: 3% auto; }
    .intro ul {
      display: flex;
      flex-wrap: wrap;
      width: 50%;
      margin: 0 auto; }
      .intro ul li {
        text-align: left;
        font-size: 1.1vw;
        list-style: disc;
        flex: 0 0 calc(33.333% - (32px / 3));
        box-sizing: border-box;
        color: #818180; }

  .services-p {
    font-family: 'Arial', sans-serif;
    display: block;
    text-align: left;
    align-items: center;
    color: #818180;
    background-color: #dccce7;
    padding: 5%;
    font-size: 1.25vw; }
    .services-p ul {
      margin-left: 3%; }
      .services-p ul li {
        list-style: disc; }

  /* ===== PACKAGES SECTION ===== */
  .packages {
    display: flex;
    flex-direction: row;
    padding: 5%;
    gap: 2%;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif; }

  .package-card {
    align-items: center;
    background-color: #dccce7;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 3%;
    flex: 1;
    padding: 2%; }

  .package-image {
    flex: 0 0 35%;
    height: 25vh;
    overflow: hidden;
    margin-bottom: 3%; }
    .package-image img {
      width: 100%;
      height: auto;
      object-fit: cover; }

  .package-content {
    padding: 2%;
    color: #818180;
    font-size: 1vw; }
    .package-content h3 {
      font-size: 1.1vw;
      font-weight: 700;
      margin-bottom: 3%; }
    .package-content ul li {
      list-style-type: disc;
      font-size: 1vw; }

  /*
  .package-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .package-content {
      padding: 30px 35px;
      color: #818180;
      h3{
        font-size: 1.35vw;
        font-family: 'Arial', sans-serif;
        color: #818180;
        margin-bottom: 3%;
        font-weight: 700;
      }
      ul{
        li{
          margin: 0;
          font-size: 1vw;
          padding: 0;
          ul{
            margin-left: 5%;
          }
        }
      }
  }

  .package-content ul li::before {
      content: '•';
      margin-right: 1%;
  }

  .package-content .transfer-note {
      font-family: 'Arial', sans-serif;
      font-size: 1.1vw;
      color: #818180;
      margin-top: 3%;
      font-style: italic;
  }
  */
  /*/////////// RESOURCES PAGE STYLES ///////////////*/
  /* ===== RESOURCE CARDS ===== */
  .resources-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 60px 40px;
    background-color: white; }
    .resources-list h2 {
      font-size: 2vw; }

  .resource-card {
    display: flex;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    min-height: 180px;
    background: linear-gradient(to right, #e8f4f4 0%, #dccce7 35%, #dccce7 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

  .resource-image {
    flex: 0 0 35%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative; }

  .resource-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }

  .play-button {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.3s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }

  .play-button:hover {
    transform: scale(1.1);
    background-color: #fff; }

  .play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #6c92aa;
    margin-left: 4px; }

  .resource-content {
    flex: 1;
    padding: 25px 35px; }

  .resource-content h3 {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700; }

  .resource-content p {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 15px; }

  .btn-resource {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s;
    cursor: pointer; }

  .btn-resource:hover {
    background-color: rgba(255, 255, 255, 0.5); }

  /*/////////// FAQ PAGE STYLES ///////////////*/
  /* ===== FAQ SECTION ===== */
  .faq-section {
    padding: 5% 0;
    background-color: white; }

  .faq-section h2 {
    font-family: 'Arial', sans-serif;
    font-size: 1.75vw;
    color: #5a6e6e;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3%; }

  .faq-container {
    max-width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px; }

  /* ===== FAQ ITEM ===== */
  .faq-item {
    background-color: #dccbe7;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s; }

  .faq-item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }

  .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 3%;
    cursor: pointer;
    user-select: none; }

  .faq-question h3 {
    font-family: 'Arial', sans-serif;
    font-size: 1.25vw;
    color: #4a5858;
    font-weight: 600;
    flex: 1;
    line-height: 1.4; }

  .faq-toggle {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #dccce7;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    position: relative; }

  .faq-toggle::before,
  .faq-toggle::after {
    content: '';
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    transition: transform 0.3s; }

  .faq-toggle::before {
    width: 16px;
    height: 3px; }

  .faq-toggle::after {
    width: 3px;
    height: 16px; }

  .faq-item.active .faq-toggle {
    background-color: #f4a0a0;
    transform: rotate(45deg); }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease; }

  .faq-answer-inner {
    padding: 1% 3%; }
    .faq-answer-inner strong {
      font-weight: 700; }

  .faq-answer-inner p {
    font-family: 'Arial', sans-serif;
    font-size: 1.1vw;
    color: #5a6e6e;
    line-height: 1.8; }

  .faq-item.active .faq-answer {
    max-height: 500px; }

  /*/////////// CONTACT PAGE STYLES ///////////////*/
  /* ===== CONTACT FORM SECTION ===== */
  .contact-section {
    padding: 60px 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center; }

  .contact-intro {
    text-align: center;
    margin-bottom: 5%;
    color: #6b7b7b;
    font-size: 1.25vw;
    width: 60%;
    line-height: 1.6; }

  .contact-intro a {
    color: #6b7b7b;
    font-weight: bold; }

  .wpcf7-form {
    width: 100%;
    max-width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    margin: 0 auto; }

  .form-submit-section {
    text-align: center;
    width: 100%; }
    .form-submit-section input[type=submit] {
      width: 30%;
      margin: 0 auto; }
    .form-submit-section .btn-submit {
      background-color: #aebd9f;
      color: white;
      padding: 14px 35px;
      border-radius: 30px;
      border: none;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      align-self: flex-start;
      letter-spacing: 0.5px;
      margin-top: 5px; }
    .form-submit-section .btn-submit:hover {
      background-color: #aebd9f; }

  .form-top {
    width: 100%;
    display: flex; }
    .form-top p {
      width: 48%;
      margin: 0 2%; }

  .form-bottom {
    width: 100%;
    margin: 0 2%; }
    .form-bottom p {
      margin: 3% 0; }

  input, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: 'Arial', sans-serif;
    font-size: 1vw;
    color: #333;
    outline: none;
    transition: border-color 0.3s; }

  input::placeholder, textarea::placeholder {
    color: #888; }

  input:focus, textarea:focus {
    border-color: #dccce7; }

  textarea {
    height: 200px;
    resize: vertical; }

  .btn-send-container {
    display: flex;
    justify-content: center;
    margin-top: 10px; }

  .btn-send {
    background-color: #dccce7;
    color: #fff;
    padding: 12px 50px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s; }

  .btn-send:hover {
    background-color: #6ab0b0; }

  .booking-container {
    margin-bottom: 0; } }
/*** MOBILE STYLES ***/
/*** DESKTOP STYLES ***/
/*** MOBILE STYLES ***/
/*** DESKTOP STYLES ***/
/*** MOBILE STYLES ***/
/*** DESKTOP STYLES ***/