@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap");

      :root {
        --primary-color: #69c6dd;
        --secondary-color: #eaf5f7;
        --dark-color: #253036;
        --gray-color: #d6d7d7;
        --blue-color: #0459a5;
        --orange-color: #ecab86;
        --light-bg: #ebeae6;
        --blue-gray: #b2c6d3;
        --text-gray: #63666a;
        --white: #ffffff;
      }

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      p:lang(ko),
      div:lang(ko) {
        word-break: keep-all;
        white-space: normal;
      }

      body {
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
        line-height: 1.6;
        color: var(--text-gray);
        background-color: var(--white);
      }

      /* Header */
      .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0);
        padding: 1rem 2rem;
        transition: all 0.3s ease-in-out;
        width: 100vw;
        box-sizing: border-box;
      }

      .header-container {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .logo img {
        /* width: 120px; */
        height: 50px;
      }

      /* Language Switcher */
      .language-switcher {
        display: flex;
        gap: 1px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 30px;
        padding: 4px;
      }

      .lang-btn {
        padding: 6px 10px;
        border: none;
        background: transparent;
        color: var(--white);
        cursor: pointer;
        border-radius: 30px;
        font-size: 0.9rem;
        font-weight: 500;
        transition: all 0.3s ease;
        line-height: 26px;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(105, 198, 221, 0);
      }

      .lang-btn.active {
        background: var(--primary-color);
        color: var(--dark-color);
        background: rgba(105, 198, 221, 0.4);
        color: var(--white);
        border: 1px solid rgba(105, 198, 221, 0.5);
      }

      .lang-btn:hover {
        background: rgba(105, 198, 221, 0.2);
        color: var(--white);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(105, 198, 221, 0.3);
      }

      .hero {
        position: relative;
        min-height: 100vh;
        overflow: visible;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: var(--white);
        background-color: var(--dark-color);
        background-image: url("../img/hero_bg_woman_4.jpg");
        background-size: cover;
        /* background-position: right 2% center; */
        background-position: left center;
      }

      .hero-cover {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        z-index: 0;
        object-fit: cover;
        opacity: 0.5;
        background-color: var(--dark-color);
      }

      .hero-content {
        width: 100%;
        max-width: 900px;
        padding: 2rem;
        padding-top: 200px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .hero h1 {
        font-size: 4rem;
        font-weight: 600;
        line-height: 1.3;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
        margin-bottom: 1.5rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
      }

      .hero-subtitle {
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: 3rem;
        opacity: 0.95;
        line-height: 1.5;
      }

      .hero-form {
        width: 100%;
        max-width: 900px;
        margin: 0 auto 2.5rem;
        background: rgba(255, 255, 255, 0.96);
        border-radius: 22px;
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-wrap: wrap;
        overflow: visible;
        color: var(--dark-color);
      }

      .hero-form-item {
        min-width: 140px;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.8rem 0.9rem;
        border-right: 1px solid rgba(37, 48, 54, 0.08);
        border-bottom: none;
        background: rgba(255, 255, 255, 0.98);
        text-align: left;
        min-height: 76px;
      }

      /* Hero Form Grid Layout - Row 1 (4 items: 22% + 22% + 34% + 22%) */
      .hero-form-item:nth-child(4) {
        border-top-left-radius: 22px;
        flex: 0 0 22%;
      }

      .hero-form-item:nth-child(5) {
        flex: 0 0 22%;
      }

      .hero-form-item:nth-child(6) {
        flex: 0 0 34%;
      }

      .hero-form-item:nth-child(7) {
        border-top-right-radius: 22px;
        border-right: none;
        flex: 0 0 22%;
      }

      /* Hero Form Grid Layout - Row 2 (2 items: 44% + 56%) */
      .hero-form-item:nth-child(8) {
        border-bottom-left-radius: 22px;
        flex: 0 0 44%;
      }

      .hero-form-item:nth-child(9) {
        border-bottom-right-radius: 22px;
        border-right: none;
        flex: 0 0 56%;
      }

      .hero-form-icon {
        font-size: 1.2rem;
        color: rgba(37, 48, 54, 0.45);
        flex-shrink: 0;
      }

      .hero-form-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex: 1;
        gap: 0.15rem;
        min-width: 0;
        overflow: hidden;
        height: 36px;
      }

      .hero-form-text label {
        font-size: 0.55rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-weight: 700;
        color: rgba(37, 48, 54, 0.6);
        line-height: 1;
        flex-shrink: 0;
      }

      .hero-form-text input,
      .hero-form-text select {
        width: 100%;
        border: none;
        background: transparent;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--dark-color);
        outline: none;
        font-family: inherit;
      }

      .hero-form-text input::placeholder {
        color: rgba(37, 48, 54, 0.4);
      }

      .hero-form-text select {
        appearance: none;
        cursor: pointer;
      }

      .hero-form-code {
        font-size: 0.65rem;
        font-weight: 700;
        color: rgba(37, 48, 54, 0.6);
        background: rgba(37, 48, 54, 0.08);
        padding: 0.2rem 0.4rem;
        border-radius: 5px;
        flex-shrink: 0;
      }

      .hero-form-caret {
        font-size: 1rem;
        color: rgba(37, 48, 54, 0.4);
        flex-shrink: 0;
      }

      .hero-form-item:hover {
        background: rgba(234, 245, 247, 0.7);
      }

      .cta-button {
        position: relative;
        display: inline-block;
        background: var(--primary-color);
        color: var(--dark-color);
        padding: 1.2rem 3rem;
        border-radius: 50px;
        font-size: 1.6rem;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s ease;
        cursor: pointer;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border: 4px solid var(--text-gray);
        overflow: visible;
        z-index: 10000;
      }

      .cta-button::before {
        content: "";
        position: absolute;
        width: 39px;
        height: 39px;
        left: 30%;
        top: -22px;
        transform: rotate(90deg);
        background: url("../img/wing.svg") no-repeat center center;
        transition: transform 0.3s ease;
      }

      .cta-button::after {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        right: 30%;
        bottom: -22px;
        transform: rotate(270deg);
        background: url("../img/wing.svg") no-repeat center center;
        transition: transform 0.3s ease;
      }

      .cta-button:hover {
        background: var(--orange-color);
        color: var(--dark-color);
        transform: translateY(calc(-50%+-3px));
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        background-size: contain;
      }

      .cta-button:hover::before {
        transform: rotate(90deg) translateY(-30px);
      }

      .cta-button:hover::after {
        transform: rotate(270deg) translateY(-30px);
      }

      /* All Section */
      .section-title {
        font-weight: 600 !important;
        margin-bottom: 1rem !important;
      }

      .section-subtitle {
        text-align: center;
        font-size: 1.2rem;
        color: var(--text-gray);
        margin-bottom: 3rem;
      }

      /* Video Section */
      .video-section {
        padding: 6rem 0;
        background: var(--dark-color);
        position: relative;
      }

      .video-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
        text-align: center;
      }

      .video-title {
        font-size: 3rem;
        font-weight: 300;
        color: var(--white);
        margin-bottom: 1rem;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
      }

      .video-subtitle {
        font-size: 1.2rem;
        color: var(--white);
        margin-bottom: 3rem;
        opacity: 0.9;
      }

      .video-wrapper {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
        aspect-ratio: 16/9;
      }

      .video-thumbnail {
        width: 100%;
        height: 100%;
        background: url("../img/greeting_main.jpg") center center;
        background-size: cover;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      .video-thumbnail::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          45deg,
          rgba(37, 48, 54, 0.6),
          rgba(105, 198, 221, 0.4)
        );
      }

      .play-button {
        width: 80px;
        height: 80px;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        z-index: 2;
        position: relative;
        border: 3px solid var(--primary-color);
      }

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

      .play-button i {
        color: var(--dark-color);
        font-size: 2rem;
        margin-left: 3px;
        transition: all 0.3s ease;
      }

      .play-button:hover i {
        color: var(--white);
      }

      .video-player {
        width: 100%;
        height: 100%;
        display: none;
      }

      .video-player video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Services Section */
      .services-section {
        padding: 6rem 0;
        background: linear-gradient(
            135deg,
            /* var(--secondary-color),
            var(--white) */
              rgba(235, 234, 230, 1),
            rgba(235, 234, 230, 0.8)
          ),
          url("../img/private-airplanes-field.jpg");
        background-blend-mode: screen;
        background-size: auto;
        background-position: top left;
      }

      .services-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
      }

      .services-title {
        text-align: center;
        font-size: 3rem;
        font-weight: 300;
        color: var(--dark-color);
        margin-bottom: 1rem;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
      }

      .services-subtitle {
        text-align: center;
        font-size: 1.2rem;
        color: var(--text-gray);
        margin-bottom: 4rem;
      }

      .services-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        margin-top: 3rem;
      }

      .service-card {
        background: var(--white);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        transition: all 0.4s ease;
        position: relative;
        border: 1px solid rgba(105, 198, 221, 0);
        cursor: pointer;
        /* height: 450px; */
      }

      .service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
        background: linear-gradient(
          135deg,
          var(--secondary-color),
          rgba(255, 255, 255, 0.3)
        );
        backdrop-filter: blur(10px);
      }

      .service-image {
        width: 100%;
        height: 250px;
        background-size: cover;
        background-position: center;
        position: relative;
      }

      .service-card:nth-child(1) .service-image {
        background-image: url("../img/inbound_ver2.png");
      }

      .service-card:nth-child(2) .service-image {
        background-image: url("../img/outbound_ver2.jpg");
      }

      .service-card:nth-child(3) .service-image {
        background-image: url("../img/transfer_ver2.jpg");
      }

      .service-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          45deg,
          rgba(37, 48, 54, 0.8),
          rgba(105, 198, 221, 0.4)
        );
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: all 0.3s ease;
      }

      .service-card:hover .service-overlay {
        opacity: 0.3;
      }

      .service-card:hover {
        border: 1px solid rgba(105, 198, 221, 0.8);
      }

      /* .service-card:nth-child(1) .service-image::after{
        content:"도착서비스";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: var(--white);
        font-size: 2rem;
        font-weight: 500;
      }

      .service-card:hover .service-image::after {
        opacity: 0;
      } */

      .service-content {
        padding: 1.8rem 2rem;
      }

      .service-name {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--dark-color);
        margin-bottom: 1rem;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
        border-left: 4px solid var(--dark-color);
        padding-left: 1rem;
        line-height: 1.2;
      }

      .service-description {
        font-size: 0.9rem;
        color: var(--text-gray);
        line-height: 1.6;
        list-style-type: "- ";
      }

      /* Company Section */
      .company-section {
        /* padding: 6rem 0 12rem 0; */
        background: var(--dark-color);
        color: var(--white);
        position: relative;
        overflow: hidden;
      }

      /* .company-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: center;
      } */

      .company-container {
        max-width: 1200px;
        height: 100%;
        margin: 0 auto;
        padding: 6rem 2rem 12rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        position: relative;
      }

      .company-content {
        padding-right: 2rem;
        width: 50%;
      }

      .company-content h2 {
        font-size: 2.5rem;
        font-weight: 300;
        margin-bottom: 2rem;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
        color: var(--primary-color);
      }

      .company-description {
        font-size: 1.1rem;
        line-height: 1.8;
        margin-bottom: 2rem;
        opacity: 0.9;
      }

      .company-quote {
        font-size: 1.4rem;
        font-style: italic;
        color: var(--primary-color);
        border-left: 4px solid var(--primary-color);
        padding-left: 1.5rem;
        margin: 2rem 0;
      }

      .ceo-image {
        width: 50%;
        min-width: 300px;
        max-width: 600px;
        height: 100%;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
      }

      .ceo-image::before {
        content: "CEO of BestTurn Inc.";
        font-size: 0.8rem;
        font-weight: 400;
        position: absolute;
        right: 12%;
        top: 30%;
        z-index: 2;
        opacity: 0.9;
      }

      .ceo-image::after {
        content: url("../img/ceo_signature_lighter.png");
        /* width: 180px; */
        /* height: auto; */
        position: absolute;
        object-fit: cover;
        right: 8%;
        top: 36%;
        z-index: 2;
      }

      .ceo-photo {
        width: 100%;
        height: 100%;
        min-width: 300px;
        max-width: 600px;
        object-fit: cover;
        opacity: 0.8;
      }

      .ceo-name {
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
      }

      .ceo-title {
        font-size: 1rem;
        opacity: 0.8;
        color: var(--white);
      }

      /* Testimonials Section */
      .testimonials-section {
        padding: 6rem 0;
        background-image: linear-gradient(
            rgba(235, 234, 230, 1),
            rgba(235, 234, 230, 0.8)
          ),
          url("../img/private-airplanes-field.jpg");
        background-blend-mode: screen;
        background-size: cover;
        background-position: center;
      }

      .testimonials-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
        margin-bottom: 3rem;
      }

      .testimonials-title {
        text-align: center;
        font-size: 3rem;
        font-weight: 300;
        color: var(--dark-color);
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
      }

      .testimonials-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
      }

      .testimonial-card {
        background: var(--white);
        padding: 6rem 2rem 2.5rem 2rem;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        position: relative;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        border: 1px solid rgba(105, 198, 221, 0);
        cursor: pointer;
      }

      .testimonial-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(105, 198, 221, 0.8);
        background: linear-gradient(
          135deg,
          var(--secondary-color),
          rgba(255, 255, 255, 0.4)
        );
        backdrop-filter: blur(10px);
      }

      .testimonial-card::before {
        content: '';
        -webkit-mask-image: url('../img/icon_quote.svg');
        mask-image: url('../img/icon_quote.svg');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        background-color: var(--primary-color);
        background-size:cover;
        width: 4rem;
        height: 3rem;
        position: absolute;
        top: 30px;
        left: 30px;
        font-size: 2rem;
        color: var(--primary-color);
        font-family: serif;
      }

      .testimonial-text {
        font-size: 0.9rem;
        line-height: 1.7;
        margin-bottom: 1.5rem;
        color: var(--text-gray);
        font-style: italic;
      }

      .testimonial-author {
        display: flex;
        align-items: center;
        gap: 1rem;
      }

      .author-avatar {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        border-radius: 50%;
        background: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        font-weight: bold;
        background-position: center center;
        background-size: cover;
      }

      .testimonial-card:nth-child(1) .author-avatar {
        background-image: url("../img/testimonial_diplomat.PNG");
      }

      .testimonial-card:nth-child(2) .author-avatar {
        background-image: url("../img/testimonial_marketer.PNG");
      }

      .testimonial-card:nth-child(3) .author-avatar {
        background-image: url("../img/outbound.png");
      }

      .testimonial-card:nth-child(4) .author-avatar {
        background-image: url("../img/testimonial_rockband.PNG");
      }

      .author-info h4 {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--dark-color);
      }

      .author-info p {
        font-size: 0.9rem;
        color: var(--text-gray);
      }

      /* Map Section */
      .map-section {
        padding: 6rem 0;
        background: var(--white);
      }

      .map-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
      }

      .map-title {
        text-align: center;
        font-size: 3rem;
        font-weight: 300;
        color: var(--dark-color);
        margin-bottom: 1rem;
        font-family: "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
      }

      .map-subtitle {
        text-align: center;
        font-size: 1.2rem;
        color: var(--text-gray);
        margin-bottom: 3rem;
      }

      .map-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
      }

      .map-wrapper {
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        height: 400px;
        height: 400px;
        width: 100%;
        max-width: 100%;
        position: relative;
      }

      .map-wrapper iframe {
        width: 100%;
        height: 100%;
        max-width: 100%;
        border: none;
      }

      .contact-info {
        background: var(--secondary-color);
        padding: 2rem 3rem;
        border-radius: 20px;
        min-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
      }

      .contact-item {
        display: flex;
        align-items: center;
        gap: 1rem;
      }

      .contact-icon {
        width: 50px;
        height: 50px;
        background: var(--primary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
      }

      .contact-details h4 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--dark-color);
        /* margin-bottom: 0.2rem; */
      }

      .contact-details p {
        font-size: 1rem;
        color: var(--text-gray);
      }

      /* Footer */
      .footer {
        background: var(--dark-color);
        color: var(--white);
        padding: 2rem 0;
        text-align: center;
      }

      .footer p {
        opacity: 0.8;
      }

      /* Scroll Reveal */
      .scroll-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
      }

      .scroll-reveal.revealed {
        opacity: 1;
        transform: translateY(0);
      }

      /* Language Content */
      .lang-content[data-lang="en"] {
        display: none;
      }

      .lang-content[data-lang="ko"] {
        display: block;
      }

      /* Hero content - title and subtitle lang-content */
      .hero-content > h1.lang-content,
      .hero-content > p.lang-content {
        display: block;
      }

      .hero-content > h1.lang-content[data-lang="en"],
      .hero-content > p.lang-content[data-lang="en"] {
        display: none;
      }

      /* CTA button lang-content spans */
      .cta-button .lang-content[data-lang="en"] {
        display: none;
      }

      /* Mobile Responsive */
      @media (max-width: 1024px) {
        .hero {
        background-position: right 40% center;		
        }

        .hero-form-item {
          flex: 1 1 100%;
          min-width: 100%;
          border-right: none;
          border-radius: 0 !important;
        }

        .hero-form-item:nth-child(4) {
          border-top-left-radius: 22px !important;
          border-top-right-radius: 22px !important;
        }

        .hero-form-item:last-child {
          border-bottom: none;
          border-bottom-left-radius: 22px !important;
          border-bottom-right-radius: 22px !important;
        }

        .hero-form-item {
          /* border-bottom: 1px solid rgba(37, 48, 54, 0.08); */
          min-height: 64px;
        }

        .hero-form-item:nth-child(n+5) {
          border-top: none;
        }

        .company-content {
          padding-right: 0;
        }

        .ceo-image::before {
          right: 79%;
          top: 70%;
          text-align: right;
          width: 200px;
        }

        .ceo-image::after {
          right: 74%;
          top: 76%;
        }

        .map-content {
          grid-template-columns: 1fr;
          gap: 2rem;
        }

        .services-grid,
        .testimonials-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 768px) {
		.hero {
		  /* background-position: right 40% center; */
		}

        .hero-form {
          margin-bottom: 2rem;
        }

        .hero h1 {
          font-size: 3rem;
        }

        .hero-subtitle {
          font-size: 1.4rem;
        }

        .cta-button {
          width: 60%;
          font-size: 1.4rem;
          padding: 1rem 1.4rem;
        }

        .video-title,
        .services-title,
        .testimonials-title,
        .map-title {
          font-size: 2.2rem;
        }

        .company-container {
          flex-direction: column;
          padding-bottom: 0;
        }

        .company-content {
          width: 100%;
        }

        .ceo-image {
          width: 100%;
          position: relative;
          display: flex;
          align-items: flex-end;
          justify-content: center;
        }

        .ceo-image::before {
          right: 40%;
          top: 30px;
        }

        .ceo-image::after {
          right: 20%;
          top: 52px;
        }

        .ceo-photo {
          object-fit: cover;
          object-position: center bottom;
          width: 100%;
          height: 100%;
        }

        .company-content h2 {
          font-size: 2rem;
        }

        .services-grid,
        .testimonials-grid {
          grid-template-columns: 1fr;
          /* gap: 1.5rem; */
        }

        .service-card {
          height: auto;
        }

        .language-switcher {
          top: 15px;
          right: 15px;
        }
      }

      @media (max-width: 480px) {
        .logo img {
            height: 40px;
        }

        .hero-form {
          border-radius: 16px;
        }

        .hero-form-item {
          padding: 0.6rem 0.8rem;
        }

        .hero {
          padding: 0 1rem;
        }

        .hero h1 {
          font-size: 2.5rem;
        }

        .hero-subtitle {
          font-size: 1.2rem;
        }

        .cta-button {
          width: 80%;
          font-size: 1.1rem;
          padding: 1rem 1.4rem;
        }

        .contact-info {
          padding: 2rem 1.5rem;
          height: auto;
          min-height: 300px;
        }

        .map-content {
          display: flex;
          flex-direction: column;
        }

        .contact-info {
          width: 100%;
          padding-left: 1.5rem;
        }

        .contact-item {
          gap: 0.8rem;
        }

        .contact-icon {
          min-width: 30px;
          width: 30px;
          height: 30px;
        }

        .contact-details p {
          font-size: 0.9rem;
        }
      }

    @media (max-width: 360px) {
        .header, .video-container, .services-container, .company-container, .testimonials-container, .map-container {
            padding-left: 1.4rem;
            padding-right: 1.4rem;
        }

        .hero h1 {
            line-height: 1.1;
        }

        .hero-subtitle {
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }

        .author-avatar {
            width: 80px;
            height: 80px;
        }

        .footer p {
            font-size: 0.9rem;
      }
    }

      /* Floating Animation */
      @keyframes float {
        0%,
        100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }

      .floating {
        animation: float 3s ease-in-out infinite;
      }

      /* Fade In Animation */
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .fade-in {
        animation: fadeInUp 0.8s ease-out;
      }

      /* ========== Dropdown Styles ========== */
      .hero-form-item--dropdown,
      .hero-form-item--calendar {
        position: relative;
        cursor: pointer;
      }

      .hero-form-value {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--dark-color);
        max-width: 100%;
        display: block;
        line-height: 1.3;
        flex-shrink: 0;
      }

      .hero-form-caret {
        transition: transform 0.3s ease;
      }

      .hero-form-caret.rotated {
        transform: rotate(180deg);
      }

      .hero-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--white);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        z-index: 10001;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        overflow: hidden;
      }

      .hero-dropdown.open {
        opacity: 1;
        visibility: visible;
        transform: translateY(5px);
      }

      .hero-dropdown-item {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--dark-color);
        cursor: pointer;
        transition: background 0.2s ease;
      }

      .hero-dropdown-item:hover {
        background: var(--secondary-color);
      }

      .hero-dropdown-item.selected {
        background: var(--primary-color);
        color: var(--dark-color);
      }

      /* ========== Passenger Counter Styles ========== */
      .hero-dropdown--passengers {
        padding: 0.4rem 0;
      }

      .passenger-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.6rem 1rem;
      }

      .passenger-label {
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--dark-color);
      }

      .passenger-controls {
        display: flex;
        align-items: center;
        gap: 0.6rem;
      }

      .passenger-btn {
        width: 28px;
        height: 28px;
        border: 2px solid var(--primary-color);
        background: var(--white);
        border-radius: 50%;
        font-size: 1rem;
        font-weight: 600;
        color: var(--primary-color);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        line-height: 1;
      }

      .passenger-btn:hover {
        background: var(--primary-color);
        color: var(--white);
      }

      .passenger-count {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--dark-color);
        min-width: 20px;
        text-align: center;
      }

      /* ========== Calendar Styles ========== */
      .hero-calendar {
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--white);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        z-index: 10001;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        padding: 1rem;
        min-width: 280px;
      }

      .hero-calendar.open {
        opacity: 1;
        visibility: visible;
        transform: translateY(5px);
      }

      .calendar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
      }

      .calendar-month-year {
        font-size: 1rem;
        font-weight: 600;
        color: var(--dark-color);
      }

      .calendar-nav {
        width: 32px;
        height: 32px;
        border: none;
        background: var(--secondary-color);
        border-radius: 50%;
        font-size: 1rem;
        font-weight: 600;
        color: var(--dark-color);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
      }

      .calendar-nav:hover {
        background: var(--primary-color);
        color: var(--white);
      }

      .calendar-weekdays {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 2px;
        margin-bottom: 0.5rem;
      }

      .calendar-weekdays span {
        font-size: 0.7rem;
        font-weight: 600;
        color: var(--text-gray);
        text-align: center;
        padding: 0.3rem 0;
      }

      .calendar-days {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 2px;
      }

      .calendar-day {
        width: 100%;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--dark-color);
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.2s ease;
      }

      .calendar-day:not(.empty):hover {
        background: var(--secondary-color);
      }

      .calendar-day.selected {
        background: var(--primary-color);
        color: var(--dark-color);
        font-weight: 600;
      }

      .calendar-day.empty {
        cursor: default;
      }

      /* Mobile responsive for dropdowns and calendar */
      @media (max-width: 768px) {
        .hero-dropdown,
        .hero-calendar {
          left: -1rem;
          right: -1rem;
          min-width: auto;
        }
      }

      /* ========== Quote Modal Styles ========== */
      .quote-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(37, 48, 54, 0.85);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        z-index: 20000;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
      }

      .quote-modal-overlay.open {
        opacity: 1;
        visibility: visible;
      }

      .quote-modal {
        background: var(--white);
        border-radius: 24px;
        width: 100%;
        max-width: 900px;
        max-height: 90vh;
        overflow-y: auto;
        box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
        transform: scale(0.9) translateY(20px);
        transition: all 0.3s ease;
        position: relative;
        padding: 2rem;
      }

      .quote-modal-overlay.open .quote-modal {
        transform: scale(1) translateY(0);
      }

      .quote-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem 2rem;
        border-bottom: 1px solid rgba(37, 48, 54, 0.1);
        position: sticky;
        top: 0;
        background: var(--white);
        z-index: 1;
        border-radius: 24px 24px 0 0;
      }

      .quote-modal-title {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--dark-color);
        display: flex;
        align-items: center;
        gap: 0.75rem;
      }

      .quote-modal-title i {
        color: var(--primary-color);
      }

      .quote-modal-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 40px;
        height: 40px;
        border: none;
        background: var(--secondary-color);
        border-radius: 50%;
        font-size: 1.5rem;
        color: var(--dark-color);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        z-index: 10;
        line-height: 1;
      }

      .quote-modal-close:hover {
        background: var(--primary-color);
        color: var(--white);
      }

      /* Modal header structure without separate header wrapper */
      .quote-service-header {
        margin-bottom: 1.5rem;
      }

      .quote-service-badge {
        display: inline-block;
        background: var(--primary-color);
        color: var(--dark-color);
        padding: 0.35rem 0.9rem;
        border-radius: 50px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.75rem;
      }

      .quote-service-header h2 {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--dark-color);
        margin-bottom: 0.5rem;
        line-height: 1.3;
      }

      .quote-service-subtitle {
        font-size: 0.9rem;
        color: var(--text-gray);
      }

      .quote-modal-body {
        padding: 0;
      }

      .quote-modal-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        padding-top: 1rem;
      }

      /* Left Column - Service Details */
      .quote-service-details {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }

      .quote-service-card {
        background: var(--secondary-color);
        border-radius: 16px;
        padding: 1.5rem;
      }

      .quote-service-card h4 {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--dark-color);
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .quote-service-card h4 i {
        color: var(--primary-color);
      }

      .quote-service-card p {
        font-size: 0.9rem;
        color: var(--text-gray);
        line-height: 1.6;
      }

      .quote-included-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .quote-included-list li {
        font-size: 0.9rem;
        color: var(--text-gray);
        padding: 0.5rem 0;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        border-bottom: 1px solid rgba(37, 48, 54, 0.08);
      }

      .quote-included-list li:last-child {
        border-bottom: none;
      }

      .quote-included-list li i {
        color: var(--primary-color);
        flex-shrink: 0;
        margin-top: 3px;
      }

      /* Included Section */
      .quote-included {
        margin-bottom: 1.5rem;
      }

      .quote-included h3 {
        font-size: 1rem;
        font-weight: 700;
        color: var(--dark-color);
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .quote-included h3 .material-icons-outlined {
        color: var(--primary-color);
        font-size: 1.2rem;
      }

      /* Process Section */
      .quote-process {
        margin-bottom: 1.5rem;
        border-top: 1px solid rgba(37, 48, 54, 0.1);
        padding-top: 1rem;
      }

      .quote-accordion-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: transparent;
        border: none;
        padding: 0.75rem 0;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 700;
        color: var(--dark-color);
      }

      .quote-accordion-btn span {
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .quote-accordion-btn .material-icons-outlined {
        color: var(--primary-color);
        font-size: 1.2rem;
      }

      .quote-accordion-btn .accordion-icon {
        transition: transform 0.3s ease;
      }

      .quote-accordion-btn.active .accordion-icon {
        transform: rotate(180deg);
      }

      .quote-accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }

      .quote-accordion-content.open {
        max-height: 500px;
      }

      .quote-process-list {
        list-style: none;
        padding: 0;
        margin: 0;
        counter-reset: process-counter;
      }

      .quote-process-list li {
        counter-increment: process-counter;
        font-size: 0.9rem;
        color: var(--text-gray);
        padding: 0.6rem 0;
        padding-left: 2rem;
        position: relative;
        border-bottom: 1px solid rgba(37, 48, 54, 0.06);
      }

      .quote-process-list li:last-child {
        border-bottom: none;
      }

      .quote-process-list li::before {
        content: counter(process-counter);
        position: absolute;
        left: 0;
        top: 0.6rem;
        width: 22px;
        height: 22px;
        background: var(--primary-color);
        color: var(--dark-color);
        font-size: 0.75rem;
        font-weight: 700;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      /* Notice Section */
      .quote-notice {
        background: rgba(4, 89, 165, 0.08);
        border-radius: 12px;
        padding: 1.25rem;
        border-left: 4px solid var(--blue-color);
      }

      .quote-notice h4 {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--dark-color);
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .quote-notice h4 .material-icons-outlined {
        color: var(--blue-color);
        font-size: 1.1rem;
      }

      .quote-notice-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .quote-notice-list li {
        font-size: 0.85rem;
        color: var(--text-gray);
        padding: 0.35rem 0;
        padding-left: 1.25rem;
        position: relative;
      }

      .quote-notice-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: var(--blue-color);
        font-weight: bold;
      }

      /* Right Column - Quote Summary */
      .quote-summary {
        background: linear-gradient(135deg, var(--dark-color), #3a4d56);
        border-radius: 16px;
        padding: 1.5rem;
        color: var(--white);
        display: flex;
        flex-direction: column;
      }

      .quote-summary-header {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      }

      .quote-summary-header h4 {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--white);
        margin-bottom: 0.25rem;
      }

      .quote-summary-header p {
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.7);
      }

      /* Quote Summary Details */
      .quote-summary-details {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      }

      .quote-detail-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.85rem;
      }

      .quote-detail-label {
        color: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .quote-detail-label .material-icons-outlined {
        font-size: 1rem;
        color: var(--primary-color);
      }

      .quote-detail-value {
        font-weight: 600;
        color: var(--white);
      }

      .quote-breakdown {
        margin-bottom: 1rem;
      }

      .quote-breakdown h4 {
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--white);
        margin-bottom: 0.75rem;
      }

      .quote-breakdown-items {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
      }

      .quote-breakdown-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.85rem;
      }

      .quote-breakdown-row .label {
        color: rgba(255, 255, 255, 0.75);
      }

      .quote-breakdown-row .value {
        font-weight: 600;
        color: var(--white);
      }

      .quote-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        border-top: 2px solid var(--primary-color);
        margin-top: auto;
      }

      .quote-total .label {
        font-size: 1rem;
        font-weight: 600;
        color: var(--white);
      }

      .quote-total .value {
        font-size: 1.8rem;
        font-weight: 700;
        color: var(--primary-color);
      }

      .quote-note {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        text-align: center;
        margin-top: 1rem;
      }

      .quote-booking-btn {
        width: 100%;
        padding: 1rem 2rem;
        background: var(--primary-color);
        border: none;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        color: var(--dark-color);
        cursor: pointer;
        transition: all 0.3s ease;
        margin-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
      }

      .quote-booking-btn:hover {
        background: var(--orange-color);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(105, 198, 221, 0.4);
      }

      /* Enquiry Field */
      .quote-enquiry {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
      }

      .quote-enquiry label {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0.5rem;
      }

      .quote-enquiry label .material-icons-outlined {
        font-size: 1.1rem;
      }

      .quote-enquiry textarea {
        width: 100%;
        padding: 0.75rem 1rem;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        font-size: 0.9rem;
        font-family: inherit;
        color: #fff;
        resize: vertical;
        min-height: 80px;
        transition: all 0.3s ease;
      }

      .quote-enquiry textarea::placeholder {
        color: rgba(255, 255, 255, 0.4);
      }

      .quote-enquiry textarea:focus {
        outline: none;
        border-color: var(--primary-color);
        background: rgba(255, 255, 255, 0.15);
      }

      /* Book Button (alternate class) */
      .quote-book-btn {
        width: 100%;
        padding: 1rem 2rem;
        background: var(--primary-color);
        border: none;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 700;
        color: var(--dark-color);
        cursor: pointer;
        transition: all 0.3s ease;
        margin-top: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
      }

      .quote-book-btn:hover {
        background: var(--orange-color);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(105, 198, 221, 0.4);
      }

      .quote-book-btn .material-icons-outlined {
        font-size: 1.2rem;
      }

      /* Disclaimer */
      .quote-disclaimer {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.55);
        text-align: center;
        margin-top: 1rem;
        line-height: 1.5;
      }

      /* Accordion Styles */
      .quote-accordion {
        margin-top: 1rem;
      }

      .quote-accordion-item {
        border-bottom: 1px solid rgba(37, 48, 54, 0.1);
      }

      .quote-accordion-item:last-child {
        border-bottom: none;
      }

      .quote-accordion-header {
        width: 100%;
        padding: 1rem 0;
        background: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--dark-color);
        text-align: left;
      }

      .quote-accordion-header i {
        transition: transform 0.3s ease;
        color: var(--primary-color);
      }

      .quote-accordion-header.active i {
        transform: rotate(180deg);
      }

      .quote-accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }

      .quote-accordion-content.open {
        max-height: 500px;
      }

      .quote-accordion-body {
        padding: 0 0 1rem 0;
        font-size: 0.9rem;
        color: var(--text-gray);
        line-height: 1.6;
      }

      /* Toast Notification */
      .quote-toast,
      .toast-notification {
        position: fixed;
        bottom: 2rem;
        left: 50%;
        transform: translateX(-50%) translateY(100px);
        background: var(--dark-color);
        color: var(--white);
        padding: 1rem 2rem;
        border-radius: 50px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        z-index: 25000;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-size: 0.95rem;
        font-weight: 500;
      }

      .quote-toast.show,
      .toast-notification.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
      }

      .quote-toast.success,
      .toast-notification.success {
        background: #2e7d32;
      }

      .quote-toast.error,
      .toast-notification.error {
        background: #c62828;
      }

      .quote-toast i,
      .toast-notification i,
      .toast-icon {
        font-size: 1.2rem;
      }

      .toast-message {
        font-weight: 500;
      }

      /* Field Error Styles */
      .hero-form-item.field-error {
        background: rgba(198, 40, 40, 0.08);
        border: 2px solid #c62828;
      }

      .hero-form-item .field-error-msg {
        display: none;
        font-size: 0.7rem;
        color: #c62828;
        margin-top: 2px;
      }

      .hero-form-item.field-error .field-error-msg {
        display: block;
      }

      /* Responsive Styles for Modal */
      @media (max-width: 768px) {
        .quote-modal-overlay {
          padding: 1rem;
          align-items: flex-end;
        }

        .quote-modal {
          max-height: 85vh;
          border-radius: 24px 24px 0 0;
          padding: 1.5rem;
        }

        .quote-modal-content {
          grid-template-columns: 1fr;
          gap: 1.5rem;
        }

        .quote-modal-header {
          padding: 1.25rem 1.5rem;
        }

        .quote-modal-title {
          font-size: 1.2rem;
        }

        .quote-modal-body {
          padding: 0;
        }

        .quote-summary {
          order: -1;
        }

        .quote-total .value {
          font-size: 1.5rem;
        }

        .quote-service-header h2 {
          font-size: 1.2rem;
        }

        .quote-modal-close {
          top: 0.75rem;
          right: 0.75rem;
          width: 36px;
          height: 36px;
          font-size: 1.3rem;
        }
      }

      @media (max-width: 480px) {
        .quote-modal-overlay {
          padding: 0;
        }

        .quote-modal {
          max-height: 90vh;
          border-radius: 20px 20px 0 0;
          padding: 1.25rem;
        }

        .quote-modal-header {
          padding: 1rem 1.25rem;
        }

        .quote-modal-body {
          padding: 0;
        }

        .quote-service-card {
          padding: 1.25rem;
        }

        .quote-summary {
          padding: 1.25rem;
        }

        .quote-booking-btn,
        .quote-book-btn {
          padding: 0.9rem 1.5rem;
          font-size: 0.95rem;
        }

        .quote-enquiry textarea {
          min-height: 70px;
          font-size: 0.85rem;
        }

        .quote-enquiry label {
          font-size: 0.8rem;
        }

        .quote-toast,
        .toast-notification {
          left: 1rem;
          right: 1rem;
          transform: translateX(0) translateY(100px);
          text-align: center;
          justify-content: center;
        }

        .quote-toast.show,
        .toast-notification.show {
          transform: translateX(0) translateY(0);
        }

        .quote-service-header h2 {
          font-size: 1.1rem;
        }

        .quote-service-badge {
          font-size: 0.7rem;
          padding: 0.3rem 0.7rem;
        }
      }