/*Itinerary*/

        .itinerary-section {
          max-width: 900px;
          margin: auto;
          padding: 40px 20px;
          font-family: "Inter", sans-serif;
        }

        .itinerary-title {
          font-size: 28px;
          font-weight: 700;
          margin-bottom: 30px;
          text-align: center;
        }

        .day-card {
          border: 1px solid #e5e7eb;
          border-radius: 12px;
          margin-bottom: 16px;
          overflow: hidden;
          background: #fff;
        }

        .day-header {
          width: 100%;
          background: #f9fafb;
          border: none;
          padding: 18px 20px;
          display: flex;
          align-items: center;
          gap: 15px;
          cursor: pointer;
          font-size: 16px;
          font-weight: 600;
        }

        .day-number {
          background: #2563eb;
          color: #fff;
          padding: 6px 12px;
          border-radius: 20px;
          font-size: 14px;
        }

        .day-title {
          flex: 1;
          text-align: left;
          line-height: 1.3;
        }

        .toggle-icon {
          font-size: 22px;
          transition: transform 0.3s;
        }

        .day-content {
          display: none;
          padding: 20px;
          border-top: 1px solid #e5e7eb;
        }

        .day-meta {
          display: flex;
          flex-wrap: wrap;
          gap: 15px;
          font-size: 14px;
          color: #6b7280;
          margin-bottom: 12px;
        }

        .day-content p {
          font-size: 15px;
          line-height: 1.7;
          color: #374151;
        }

        /* Active State */
        .day-card.active .day-content {
          display: block;
        }

        .day-card.active .toggle-icon {
          transform: rotate(45deg);
        }
        .packagebooka
        {
          background-color: #f59924;
          color: white;
          text-align: center;
          border-radius: 50px;
          justify-content: center;
          align-items: center;
          /*width: 100%;*/
          display: inline-block;
          height: 44px;
          padding: 14px 26px;
          font-weight: 500;
          transition: all 0.35s;
        }
        .day-content>ul, .day-content>ul>li>ul
        {
          margin-top: 20px;
        }
        /*Itinerary*/

        @media screen and (max-width: 767px) {
          .itinerary h4 {
            font-size: 20px;
            line-height: 1.3em;
          }
          .hero-rich-text-style ul {
            margin-bottom: 0;
          }
          .itinerary-section h2 {
            font-size: 30px;
          }
          .day-header
          {
            font-size: 14px;
          }
          .day-number
          {
            font-size: 12px;
          }
          .day-title
          {
            font-size: 14px;
            line-height: 1.4;
          }
          .toggle-icon
          {
            font-size: 20px;
          }
          .day-content
          {
            font-size: 12px;
          }
          .day-meta
          {
            font-size: 12px;
          }
          .day-content p
          {
            font-size: 13px;
          }

          .day-content ul li
          {
            font-size: 13px;
            line-height: 1.6;
          }
          .day-content h5 {
            font-size: 15px;
          }
          .hero-rich-text-style h3{
            font-size: 25px;

          }
        }