/* WRAPPER */
.sa-accordion-item {
    margin-bottom: 10px;
}

/* HEADER */
.sa-accordion-header {
    background: linear-gradient(135deg, rgba(110, 85, 0, 0.85), rgba(180, 143, 0, 0.85));
    color: #ffffff;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* HOVER EFFECT */
.sa-accordion-header:hover {
    opacity: 0.82;
}

/* CONTENT */
.sa-accordion-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 20px;
    background: #ffffff;
    display: none;
}

/* ACTIVE STATE */
.sa-accordion-item.active .sa-accordion-content {
    display: block;
}

.sa-accordion-content p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
}

/* BUTTONS */
.sa-accordion-buttons a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 6px;
    font-weight: 600;

    /* NEW STYLE */
    background: transparent;
    color: #4b3c01; /* gold tone */
    border: 2px solid #b48f00;
    transition: all 0.3s ease;
}

.sa-accordion-buttons a:hover {
    background: #b48f00;
    color: #ffffff;
}


      .category-card {
         text-align: center;
         background: white;
         padding: 5px;
         border-radius: 10px;
         transition: transform 0.3s;
         display: flex;
         justify-content: center;
         align-items: center;
      }

      .category-card:hover {
         transform: translateY(-5px);
      }

      .category-icon {
         width: 100px;
         height: 100px;
         margin-bottom: 10px;
      }

      .category-link {
         text-decoration: none;
         display: block;
         padding: 10px;
         border-radius: 5px;
         text-align: center;
         transition: 0.3s;
      }

      .category-link.active {
         color: white;
         background: #425563;
      }

      .tour-card {
         border-radius: 10px;
         overflow: hidden;
         position: relative;
         padding: 10px;
         transition: transform 0.3s;
      }

      .tour-card:hover {
         transform: translateY(-5px);
      }

      .content-box {
         border: 1px solid #ddd;
         border-radius: 5px;
         padding: 15px !important;
         background-color: #f9f9f9;
         margin-top: 20px !important;
      }

      .image-section img {
         width: 100%;
         /* Ensures the image fills the entire div */
         height: auto;
         border-radius: 5px;
         display: block;
         /* Removes extra spacing below the image */
      }

      .text-section {
         padding-left: 15px;
      }

      .title {
         font-size: 18px;
         font-weight: bold;
         margin-bottom: 10px;
      }

      .toggle-icon {
         position: absolute;
         bottom: 50px;
         left: 10px;
         background: rgba(255, 255, 255, 0.8);
         padding: 8px;
         cursor: pointer;
         transition: 0.3s;
      }

      .toggle-icon:hover {
         background: rgba(255, 255, 255, 1);
      }

      @media (max-width: 576px) {
         .video iframe {
            width: 300px;
            height: 180px;
            /* Adjust height proportionally */
         }
      }



.photo-author {
    position: relative;
    display: block;
}

/* overlay */
.photo-author::after {
    content: attr(data-photo-author);

    position: absolute;
    top: 10px;
    left: 10px;

    color: #fff;
    font-size: 12px;
    font-weight: bold;

    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);

    z-index: 5;
    pointer-events: none;

    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.img-wrap {
    position: relative;
}

.img-wrap::after {
    content: attr(data-photo-author);
    position: absolute;
    bottom: 3px;
    right: 5px;

    font-size: 3px;

    pointer-events: none;
}

.author-white::after {
    color: #fff;
}

.author-gray::after {
    color: #555;
}