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

body{
    font-family:Arial,sans-serif;
}
/* ===== Header ===== */
.header {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* ===== Container ===== */
.container {
    width: 80%;
    max-width: 1200px;
    margin: auto;

    display: flex;
    justify-content: space-between;
    align-items: center;

    height: 80px;
}

/* ===== Logo ===== */
.logo a {
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    color: #2d572c;
    letter-spacing: 1px;
    padding-left: 0px;
}

/* ===== Navigation ===== */
.navbar ul {
    display: flex;
    align-items: center;
    gap: 25px;
    list-style: none;
}

.navbar ul li {
    list-style: none;
    padding: 10px;
}

.navbar ul li a {
    text-decoration: none;
    color: #222;
    font-size: 17px;
    font-weight: 600;
    transition: 0.3s;
}

.navbar ul li a:hover {
    color: #2d572c;
}

/* ===== Book Button ===== */
.book-btn2 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 25px;
    border: none;
    border-radius: 20px;

    background: #529f51;
    color: white;

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

    cursor: pointer;
    text-decoration: none;

    white-space: nowrap;
    flex-shrink: 1;

    transition: 0.3s;
}

.book-btn2 a:hover {
    background: #2a9226;
    transform: translateY(-2px);
}

/* ===== Hide Mobile Menu Icon ===== */
.menu-toggle {
    display: none;
    font-size: 30px;
    cursor: pointer;
}


/* ===== Desktop Responsive ===== */
@media (min-width: 992px) {
    .navbar {
        display: block;
    }

    .menu-toggle {
        display: none;
    }
}

/* Mobile */
@media(max-width:768px){

    .menu-toggle{
        display:block;    
    }
    .navbar{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#ffffff;
        display:none;
        /* box-shadow:0 5px 10px rgba(0,0,0,.1); */
    }

    .navbar.active{
        display:block;
    }
    .navbar ul{
        display: flex;
        flex-direction:column;
        text-align:center;
        justify-content: center;
        list-style: none;
        padding: 0;
        margin: 0;
        gap:0;
    }
    .navbar ul li{
        /* border-bottom:1px solid #ddd; */
        width: 100%;
    }

    .navbar ul li a{
        display:block;
        padding:17px;
        width: 100%;
        text-align: center;
        


    }

   .book-btn2{
    list-style: none;
    text-align: center;
    width: 100%;
    margin: 15px  auto 0;
}

.book-btn2 a{
    display: inline-block;
    width: 220px;
    padding: 14px 0;
    background: #58a84f;
    color: #fff;
    text-decoration: none;
    border-radius: 35px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
}
.main{
    background-image: url("../images/Jeep-Safari4.jpg");
    height: 550px ;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
  .hero{
    color:white;
   font-size: 50px;
  text-align: center;
   position: relative;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   padding-top: 300px;
   font-weight: 900; 
} 
 .main .hero{
    
    position: absolute; 
    inset: 0;
    background: rgba(0,0, 0, 0.4);
}
 .para{
    color: white;
    font-size: 18px;
    padding-top: 440px;
    /* padding-left: 440px; */
    justify-content: center;
    text-align: center;
    margin-top: 20px;
    line-height: 1.6;
    position: relative;
}
  .xyz{
    color: rgb(217, 164, 19);
    padding-left: 440px;
    padding-top: 10px;
    border-radius: 4px;
}
.main ul{
    display: flex;
    font-size: 20px;
    color: rgb(1, 14, 2);
    /* padding-left: 400px; */
    padding-top: 160px;
    justify-content: center;
   
}
ul li{
    padding: 30px; 
}
.column img{
    padding-left: 890px;
    border-radius: 5px;

}
.column{
    color: green;
    font-size: 40px;
    padding-top: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.second nav{
    font-size: 40px;
    padding-top: 20px;
    align-items: flex-start;
    color: rgb(30, 155, 5);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 800;
}
.second .mountain{
    font-size: 20px;
}
h1{
    text-align: center;
    color: darkgreen;
}
/* .unordered{
    display: flex;
    font-size: 25px;
    text-align: center;
} */


@media (max-width:768px){

    .main{
        justify-content:center;
        text-align:center;
        padding:20px;
       
    }

    .hero{
        font-size:36px;
    }

    .para{
        font-size:16px;
        
    }
}

 .about{
    height: 420px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 7%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0.95),
        rgba(255,255,255,0.1)
    ),
    url("../images/deer.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    
}


nav .villan{
    color: black;
    font-size: 40px;

}
.villan .raja{
    font-size: 70px;
    color: green;
} 
.about-section {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 70px 6%;
    background: #f5f3ed;
}

.about-content {
    width: 42%;
}

.small-heading {
    color: #a6894f;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.about-content h2 {
    font-family: Georgia, serif;
    font-size: 41px;
    line-height: 1.1;
    color: #1b3b2d;
    margin-bottom: 20px;
}

.about-content p {
    color: #666;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.about-stats {
    display: flex;
    gap: 0;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.stat {
    flex: 1;
    text-align: center;
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.stat:last-child {
    border-right: none;
}

.stat span {
    font-size: 23px;
}

.stat strong {
    font-size: 12px;
    color: #777;
    font-weight: normal;
}

.stat small {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.readd-btnn {
    margin-top: 25px;
    padding: 12px 20px;
    background: #06452f;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.about-image {
    width: 58%;
}

.about-image img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 8px;
}
@media (max-width: 768px) {

    .about-section {
        flex-direction: column;
        padding: 50px 20px;
        gap: 30px;
    }

    .about-content,
    .about-image {
        width: 100%;
    }

    .about-content h2 {
        font-size: 32px;
    }

    .about-stats {
        gap: 5px;
    }

    .stat strong {
        font-size: 8px;
    }

    .about-image img {
        height: 250px;
    }
}
.wildlife-section {
    background: #f5f3ed;
    padding: 35px 5% 45px;
    text-align: center;
}

.section-label {
    color: #d7a22f;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.wildlife-section h2 {
    font-family: Georgia, serif;
    color: #173b2c;
    font-size: 28px;
    margin-bottom: 20px;
}

/* Cards Container */
.wildlife-cards {
    display: flex;
    gap: 7px;
    justify-content: center;
}

/* Individual Card */
.wildlife-card {
    width: 20%;
    height: 190px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: #123d2d;
}

/* Image */
.wildlife-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* Dark overlay */
.wildlife-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        transparent 20%,
        rgba(0, 40, 25, 0.95) 100%
    );
}

/* Text */
.card-content {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 2;
    color: rgb(198, 189, 89);
}

.card-content h3 {
    font-size: 15px;
    margin: 0 0 3px;
}

/* .card-content p {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    color: #e5e5e5;
} */

/* Hover Effect */
.wildlife-card:hover img {
    transform: scale(1.1);
}

/* Button */
.explore-btn {
    margin-top: 18px;
    padding: 8px 18px;
    border: 1px solid #315344;
    background: transparent;
    color: #315344;
    font-size: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.explore-btn:hover {
    background: #3ad747;
    color: white;
}
@media (max-width: 768px) {

    .wildlife-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .wildlife-card {
        width: 100%;
        height: 150px;
    }

    .wildlife-card:last-child {
        grid-column: span 2;
        width: 50%;
        justify-self: center;
    }

    .wildlife-section h2 {
        font-size: 24px;
    }







    
}
.safari-section {
    background: #f5f3ed;
    padding: 30px 5%;
    
}

/* Header */

.safari-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 20px;
}

.section-label {
    color: #a17827;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 5px;
}

.safari-header h2 {
    font-family: Georgia, serif;
    color: #173b2c;
    font-size: 30px;
    margin: 0;
}


/* View all button */

.view-safari-btn {
    background: transparent;
    border: 1px solid #587263;
    color: #315344;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}


/* Cards */

.safari-cards {
    display: flex;
    gap: 20px;
}

.safari-card {
    flex: 1;
    background: white;
    border: 1px solid #d8d8d0;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    
}


/* Image */

.safari-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    
}


/* Content */

.safari-content {
    padding: 10px;
}

.safari-content h3 {
    font-size: 25px;
    color: #173b2c;
    margin: 0 0 5px;
    font-weight: 800;

}

.safari-content p {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 1.4;
    min-height: 28px;
    margin-bottom: 12px;
}


/* Bottom info */

.safari-info {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    font-size: 13px;
    color: #555;
    padding-bottom: 0%;
}

.safari-info button {
    margin-left: auto;
    background: #06452f;
    color: white;
    border: none;
    padding: 7px 12px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
  
}

.safari-info button:hover {
    background: #0b6848;
}
@media (max-width: 768px) {

    .safari-header {
        align-items: flex-start;
        gap: 15px;
    }

    .safari-header h2 {
        font-size: 22px;
    }

    .view-safari-btn {
        font-size: 8px;
        padding: 7px;
    }

    .safari-cards {
        flex-direction: column;
    }

    .safari-card img {
        height: 180px;
    }
}
.services-section {
    background: #063b29;
    color: white;
    padding: 25px 5%;
}


/* Heading */

.services-heading {
    margin-bottom: 18px;
}

.services-heading p {
    color: #eea209;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 0 5px;
}

.services-heading h2 {
    font-family: Georgia, serif;
    font-size: 26px;
    margin: 0;
    font-weight: normal;
}


/* Services Container */

.services-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


/* Individual Service */

.service-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}


/* Icon Box */

.service-icon {
    width: 42px;
    height: 42px;

    border: 1px solid #a38c50;
    border-radius: 5px;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #d2b96e;
    font-size: 22px;
}


/* Text */

.service-item h3 {
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: normal;
}

.service-item span {
    font-size: 11px;
    line-height: 1.4;
    color: #c6d0c9;
}
@media (max-width: 768px) {

    .services-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 15px;
    }

    .service-item {
        gap: 8px;
    }

    .service-icon {
        width: 35px;
        height: 35px;
        font-size: 18px;
        flex-shrink: 0;
    }

    .service-item h3 {
        font-size: 10px;
    }

    .service-item span {
        font-size: 7px;
    }

    .services-heading h2 {
        font-size: 21px;
    }
}
.gallery-guide-section {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 25px;

    padding: 35px 5%;
    background: #f5f3ed;
}


/* Common Heading */

.gallery-guide-section h2 {
    font-family: Georgia, serif;
    font-size: 34px;
    color: #173b2c;
    margin: 0 0 18px;
}

.section-label {
    color: #c4a15b;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 0 5px;
}


/* GALLERY */

/* .gallery-images {
    display: flex;
    gap: 5px;
}

.gallery-images img {
    width: 20%;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.gallery-btn {
    display: block;
    margin: 15px auto 0;

    padding: 8px 15px;
    background: transparent;

    border: 1px solid #587263;
    border-radius: 4px;

    color: #315344;
    font-size: 16px;
} */
.gallery-slider{
    width:100%;
    overflow:hidden;
    margin:20px 0;
}

.slider-track{
    display:flex;
    width:max-content;
    animation:scroll 18s linear infinite;
}

.slider-track img{
    width:170px;
    height:110px;
    object-fit:cover;
    border-radius:8px;
    margin-right:10px;
    flex-shrink:0;
    transition:.3s;
}

.slider-track img:hover{
    transform:scale(1.05);
}

@keyframes scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

/* Mobile Responsive */
@media (max-width:768px){

    .slider-track img{
        width:120px;
        height:80px;
        margin-right:8px;
    }

    .slider-track{
        animation-duration:14s;
    }
}

/* TRAVEL GUIDE */

.travel-guide {
    border-left: 1px solid #ddd;
    padding-left: 20px;
}

.guide-item {
    display: flex;
    gap: 12px;
    margin-bottom: 14px;
}

.guide-icon {
    font-size: 25px;
    color: #315344;
}

.guide-item h3 {
    font-size: 17px;
    margin: 0 0 3px;
    color: #315344;
}

.guide-item p {
    font-size: 14px;
    color: #444444;
    margin: 0;
}


/* NEWS */

.news-section {
    border-left: 1px solid #ddd;
    padding-left: 20px;
}

.news-card {
    background: #e3dfcb;
    padding: 12px;
    border-radius: 8px;
}

.news-item {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.news-item img {
    width: 65px;
    height: 55px;
    object-fit: cover;
    border-radius: 4px;
}

.news-item h3 {
    font-size: 15px;
    color: #315344;
    margin: 0 0 3px;
}

.news-item p {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.news-btn {
    width: 100%;
    padding: 8px;

    background: #06452f;
    border: none;
    border-radius: 4px;

    color: white;
    font-size: 14px;
    cursor: pointer;
}
@media (max-width: 768px) {

    .gallery-guide-section {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .travel-guide,
    .news-section {
        border-left: none;
        border-top: 1px solid #ddd;
        padding-left: 0;
        padding-top: 25px;
    }

    .gallery-images img {
        height: 100px;
    }
}
.bottom-info-section {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr 1fr;

    background: #f5f3ed;
    min-height: 180px;
}


/* =========================
   CONSERVATION
========================= */

.conservation-box {
    position: relative;

    padding: 30px 40px;

    color: white;

    background:
        linear-gradient(
            rgba(125, 151, 144, 0.75),
            rgba(89, 122, 113, 0.75)
        ),
        url("../images/deer2.jpeg");

    background-size: cover;
    background-position: center;
}

.conservation-box .section-label {
    color: #c7a55b;
}

.conservation-box h2 {
    font-family: Georgia, serif;
    font-size: 25px;
    margin: 5px 0 12px;
}

.conservation-box > p:not(.section-label) {
    max-width: 450px;

    color: #e0e8e2;

    font-size: 13px;
    line-height: 1.6;
}

.conservation-box a {
    display: inline-block;

    margin-top: 12px;

    color: white;
    text-decoration: none;

    font-size: 13px;
}


/* =========================
   TESTIMONIAL
========================= */

.testimonial-box {
    padding: 30px 25px;
    background: #d8d5cc;
}

.testimonial-box .quote {
    font-family: Georgia, serif;
    font-size: 36px;
    color: #315344;
    height: 20px;
}

.testimonial-text {
    color: #555;

    font-size: 10px;
    line-height: 1.5;

    margin: 8px 0 15px;
}

.visitor {
    display: flex;
    align-items: center;
    gap: 10px;
}

.visitor-avatar {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: white;
    border-radius: 50%;
}

.visitor strong {
    display: block;

    color: #315344;
    font-size: 16px;
}

.visitor small {
    color: #777;
    font-size: 15px;
}


/* =========================
   NEWS
========================= */

.bottom-news {
    padding: 30px 25px;
    background: #d8d5cc;
}

.bottom-news-item {
    display: flex;
    gap: 10px;

    margin-bottom: 12px;
}

.bottom-news-item img {
    width: 42px;
    height: 35px;

    object-fit: cover;
    border-radius: 4px;
}

.bottom-news-item h3 {
    margin: 0 0 3px;

    color: #315344;
    font-size: 15px;
}

.bottom-news-item p {
    margin: 0;

    color: #777;
    font-size: 13px;
}
@media (max-width: 768px) {

    .bottom-info-section {
        grid-template-columns: 1fr;
    }

    .conservation-box {
        min-height: 220px;
    }

    .testimonial-box,
    .bottom-news {
        border-top: 1px solid #ddd;
    }
}
.contact-section {
    display: grid;

    grid-template-columns: 1.3fr 1fr 1fr;

    gap: 35px;

    padding: 35px 5%;

    background: #f5f3ed;
}


/* Heading */

.contact-info h2 {
    font-family: Georgia, serif;

    color: #173b2c;

    font-size: 24px;

    margin: 0 0 25px;
}

.section-label {
    color: #c4a15b;

    font-size: 12px;

    letter-spacing: 2px;

    font-weight: bold;

    margin-bottom: 5px;
}


/* Contact Details */

.contact-details {
    display: flex;

    gap: 25px;
}

.contact-item {
    display: flex;

    gap: 8px;

    align-items: flex-start;
}

.contact-item span {
    color: #315344;

    font-size: 18px;
}

.contact-item p {
    margin: 0;

    color: #555;

    font-size: 12px;

    line-height: 1.5;
}


/* Form */

.contact-form {
    display: flex;

    flex-direction: column;

    gap: 7px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;

    box-sizing: border-box;

    padding: 8px 10px;

    border: 1px solid #d5d5ce;

    border-radius: 4px;

    background: white;

    font-size: 12px;

    outline: none;
}

.contact-form textarea {
    height: 55px;

    resize: none;
}

.contact-form button {
    padding: 9px;

    border: none;

    border-radius: 4px;

    background: #06452f;

    color: white;

    font-size: 12px;

    cursor: pointer;
}

.contact-form button:hover {
    background: #0a6848;
}


/* Map */

.map-container {
    height: 145px;

    overflow: hidden;

    border-radius: 6px;
}

.map-container iframe {
    width: 100%;

    height: 100%;

    border: none;
}
.footer {
    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr
        1fr;

    gap: 25px;

    padding: 25px 5% 15px;

    background: #063b29;
    color: white;
}


/* Brand */

.footer-brand h2 {
    font-family: Georgia, serif;

    font-size: 25px;

    margin: 0;
}

.footer-brand p {
    font-size: 11px;

    letter-spacing: 2px;

    margin: 0 0 20px;
}

.footer-brand small {
    color: #aebdb4;

    font-size: 11px;
}


/* Links */

.footer-links h3,
.footer-social h3 {
    color: #c4a15b;

    font-size: 12px;

    margin: 0 0 10px;
}

.footer-links a {
    display: block;

    color: #d1dbd4;

    text-decoration: none;

    font-size: 11px;

    margin-bottom: 6px;
}


/* Social Icons */

.social-icons {
    display: flex;

    gap: 8px;
}

.social-icons a {
    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #81978b;

    border-radius: 50%;

    color: white;

    text-decoration: none;

    font-size: 14px;
} 
@media (max-width: 768px) {

    .contact-section {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .contact-details {
        flex-direction: column;

        gap: 15px;
    }

    .map-container {
        height: 220px;
    }

    .footer {
        grid-template-columns: repeat(2, 1fr);

        gap: 25px;
    }

    .footer-brand {
        grid-column: span 2;
    }

    .footer-social {
        grid-column: span 2;
    }
}
.about2 {
    display: flex;
    width: 100%;
    min-height: 430px;
    background-color: #f5f1e8;
}

.about2-image {
    width: 50%;
}

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

.about2-content {
    width: 50%;
    padding: 60px 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about2-small-title {
    color: #9b8a5a;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 12px;
}

.about2-content h2 {
    color: #234b35;
    font-family: Georgia, serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
}

.about2-line {
    width: 45px;
    height: 1px;
    background-color: #8b9278;
    margin: 20px 0;
}

.about2-content p:not(.about2-small-title) {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
    max-width: 480px;
    margin-bottom: 14px;
}

.about2-button {
    display: inline-block;
    width: fit-content;
    padding: 13px 20px;
    margin-top: 12px;
    background-color: #17452d;
    color: white;
    text-decoration: none;
    font-size: 13px;
    border-radius: 3px;
    transition: 0.3s;
}

.about2-button:hover {
    background-color: #286543;
}

.about2-button span {
    margin-left: 10px;
    font-size: 17px;
}
@media (max-width: 768px) {

    .about2 {
        flex-direction: column;
    }

    .about2-image,
    .about2-content {
        width: 100%;
    }

    .about2-image {
        height: 350px;
    }

    .about2-content {
        padding: 45px 25px;
    }

    .about2-content h2 {
        font-size: 28px;
    }
}
.stats2 {
    width: 100%;
    min-height: 50px;
    background-color: #17452d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 5%;
}

.stat2-item {
    width: 25%;
    text-align: center;
    color: #f5f1e8;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.stat2-item:last-child {
    border-right: none;
}

.stat2-item i {
    font-size: 20px;
    margin-bottom: 8px;
}

.stat2-item h2 {
    font-family: Georgia, serif;
    font-size: 26px;
    font-weight: normal;
    margin: 5px 0;
}

.stat2-item p {
    font-size: 9px;
    letter-spacing: 1px;
    margin: 0;
}
.explore2 {
    background-color: #f8f5ed;
    padding: 55px 8% 65px;
    text-align: center;
}

.explore2-heading p {
    color: #a28d5c;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 10px;
}

.explore2-heading h2 {
    color: #234b35;
    font-family: Georgia, serif;
    font-size: 29px;
    font-weight: normal;
    margin: 0;
}

.explore2-line {
    width: 70px;
    margin: 12px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b9278;
}

.explore2-line::before,
.explore2-line::after {
    content: "";
    width: 25px;
    height: 1px;
    background-color: #8b9278;
}

.explore2-line span {
    margin: 0 8px;
    font-size: 13px;
}

.explore2-cards {
    display: flex;
    justify-content: center;
    gap: 28px;
}

.explore2-card {
    width: 31%;
    background-color: #f2eee5;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.explore2-card:hover {
    transform: translateY(-8px);
}

.explore2-card img {
    width: 100%;
    height: 145px;
    object-fit: cover;
    display: block;
}

.explore2-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #17452d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid #f2eee5;
}

.explore2-card-content {
    padding: 27px 22px 25px;
}

.explore2-card-content h3 {
    color: #4d493b;
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0 0 12px;
}

.explore2-card-content p {
    color: #666;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
}
@media (max-width: 768px) {

    .explore2 {
        padding: 45px 20px;
    }

    .explore2-cards {
        flex-direction: column;
        align-items: center;
    }

    .explore2-card {
        width: 100%;
        max-width: 380px;
    }
}
.story2 {
    width: 100%;
    height: 300px;
    background-image: url("../images/lanscape_image.jpeg");
    background-size: cover;
    background-position: center;
    position: relative;
}

.story2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
}

.story2-overlay {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.story2-overlay h2 {
    color: white;
    font-family: Georgia, serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.story2-line {
    display: flex;
    align-items: center;
    color: white;
    margin-top: 15px;
}

.story2-line::before,
.story2-line::after {
    content: "";
    width: 35px;
    height: 1px;
    background-color: white;
}

.story2-line span {
    margin: 0 10px;
    font-size: 13px;
}
@media (max-width: 768px) {

    .story2 {
        height: 250px;
    }

    .story2-overlay h2 {
        font-size: 30px;
    }
}
.visit2 {
    background-color: #f8f5ed;
    text-align: center;
    padding: 45px 8% 55px;
}

.visit2-heading p {
    color: #a28d5c;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 10px;
}

.visit2-heading h2 {
    color: #234b35;
    font-family: Georgia, serif;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
}

.visit2-line {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b9278;
    margin: 10px auto 30px;
}

.visit2-line::before,
.visit2-line::after {
    content: "";
    width: 25px;
    height: 1px;
    background-color: #8b9278;
}

.visit2-line span {
    margin: 0 8px;
    font-size: 14px;
}

.visit2-items {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 30px;
}

.visit2-item {
    flex: 1;
    text-align: center;
    padding: 0 25px;
    border-right: 1px solid #ddd;
}

.visit2-item:last-child {
    border-right: none;
}

.visit2-item i {
    font-size: 27px;
    color: #17452d;
    margin-bottom: 15px;
}

.visit2-item h3 {
    color: #4d493b;
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: normal;
    margin: 8px 0 13px;
}

.visit2-item p {
    color: #666;
    font-size: 13px;
    line-height: 1.7;
    max-width: 170px;
    margin: auto;
}

.visit2-button {
    display: inline-block;
    background-color: #17452d;
    color: white;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 3px;
    font-size: 13px;
}

.visit2-button span {
    margin-left: 10px;
    font-size: 18px;
}
@media (max-width: 768px) {

    .visit2-items {
        flex-direction: column;
        gap: 30px;
    }

    .visit2-item {
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px;
    }

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

    .visit2-heading h2 {
        font-size: 25px;
    }
}
/* .wildlife2-section{
    background-image: url("../images/Lion.jpeg");
    height: 100px;
    width: 200px;
} */
 /* ================= HERO SECTION ================= */

.wildlife-hero2{
    position: relative;
    width: 100vw;
    height: 80vh;
    background: url("../images/tiger1.jpeg") center center/cover no-repeat;
    display: flex;
    align-items: center;
    padding: 0 8%;
    overflow: hidden;
}

.hero-overlay2{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
}

.hero-content2{
    position: relative;
    z-index: 2;
    max-width: 550px;
    color: #fff;
}

.hero-subtitle2{
    display: inline-block;
    color: #d8c28d;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 15px;
}

.hero-content2 h1{
    font-size: 70px;
    line-height: 1.1;
    font-family: "Georgia", serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: white;
}

.hero-content2 h1 span{
    color: #ffffff;
}

.hero-content2 p{
    font-size: 18px;
    line-height: 1.8;
    max-width: 500px;
    margin-bottom: 30px;
    color: #f5f5f5;
}

.hero-btn2{
    display: inline-block;
    background: #355f3b;
    color: #fff;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    border: 2px solid #4e8b56;
}

.hero-btn2:hover{
    background: #4e8b56;
    transform: translateY(-3px);
}

.hero-btn2 i{
    margin-right: 8px;
}

/* ================= MOBILE RESPONSIVE ================= */

@media (max-width:991px){

    .wildlife-hero2{
        height: 70vh;
        padding: 0 30px;
        background-position: center;
    }

    .hero-content2 h1{
        font-size: 48px;
    }

    .hero-content2 p{
        font-size: 16px;
    }

}

@media (max-width:768px){

    .wildlife-hero2{
        height: 60vh;
        justify-content: center;
        text-align: left;
        padding: 20px;
    }

    .hero-content2{
        max-width: 100%;
    }

    .hero-subtitle2{
        font-size: 12px;
    }

    .hero-content2 h1{
        font-size: 36px;
    }

    .hero-content2 p{
        font-size: 15px;
        line-height: 1.6;
    }

    .hero-btn2{
        padding: 12px 22px;
        font-size: 14px;
    }
}

@media (max-width:480px){

    .wildlife-hero2{
        height: 55vh;
    }

    .hero-content2 h1{
        font-size: 30px;
    }

    .hero-content2 p{
        font-size: 14px;
    }

    .hero-btn2{
        font-size: 13px;
        padding: 10px 18px;
    }
}
.about2-sectionn{
    background:#fdfaf4;
    padding:70px 8%;
}

.about2-containerr{
    display:flex;
    align-items:center;
    gap:50px;
}

.about2-imagee{
    flex:1;
}

.about2-imagee img{
    width:100%;
    height:430px;
    object-fit:cover;
    border-radius:18px;
    display:block;
}

.about2-contentt{
    flex:1;
}

.about2-subtitlee{
    display:block;
    color:#8c6a2d;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.about2-contentt h2{
    font-size:46px;
    color:#223221;
    line-height:1.2;
    margin-bottom:22px;
    font-family:Georgia, serif;
    font-weight:500;
}

.about2-contentt p{
    font-size:17px;
    color:#555;
    line-height:1.9;
}

@media (max-width:768px){

    .about2-containerr{
        flex-direction:column;
        gap:30px;
    }

    .about2-imagee img{
        height:260px;
    }

    .about2-contentt{
        text-align:center;
    }

    .about2-contentt h2{
        font-size:32px;
    }

    .about2-contentt p{
        font-size:15px;
    }

}
.wildlife-stats1{
    background:#173b22;
    padding:20px 5%;
}

.stats1-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    
}

.stat1-box{
    flex:1;
    min-width:80px;
    height: 65px;
    text-align:center;
    font-size: 10px;
    color:#fff;
    border-right:1px solid rgba(255,255,255,0.2);
    
    
}

.stat1-box:last-child{
    border-right:none;
}

.stat1-icon{
    font-size:15px;
    margin-bottom:2px;
    color:#d9b86b;
}

.stat1-box h2{
    font-size:20px;
    margin:2px 0;
    color:#f3d38a;
    font-weight:600;
}

.stat1-box h4{
    font-size:13px;
    font-weight:400;
    color:#f5f5f5;
}
@media (max-width:768px){

    .stats1-container{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .stat1-box{
        border:none;
    }

    .stat1-box h2{
        font-size:24px;
    }

    .stat1-box h4{
        font-size:14px;
    }

    .stat1-icon{
        font-size:28px;
    }
}
.wildlife2-section{
    padding:80px 8%;
    background:#faf8f1;
}

.wildlife2-subtitle{
    text-align:center;
    color:#8b6b2f;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.wildlife2-title{
    text-align:center;
    font-size:42px;
    color:#203020;
    margin:10px 0 50px;
    font-family:Georgia, serif;
}

.wildlife2-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.wildlife2-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    text-align:center;
    padding-bottom:25px;
    transition:.4s;
}

.wildlife2-card:hover{
    transform:translateY(-8px);
}

.wildlife2-card img{
    width:100%;
    height:220px;
    /* object-fit:cover; */
}

.wildlife2-icon{
    width:60px;
    height:60px;
    background:#1d4b30;
    color:#f4d58d;
    border-radius:50%;
    margin:-30px auto 15px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    border:4px solid #fff;
}

.wildlife2-card h3{
    font-size:24px;
    color:#203020;
    margin-bottom:10px;
    font-family:Georgia, serif;
}

.wildlife2-card p{
    font-size:15px;
    color:#555;
    line-height:1.7;
    padding:0 20px;
}
@media(max-width:768px){

    .wildlife2-container{
        grid-template-columns:1fr;
    }

    .wildlife2-title{
        font-size:30px;
    }

    .wildlife2-card img{
        height:200px;
    }

    .wildlife2-card h3{
        font-size:22px;
    }
}
.wildlife-quote{
    width:100%;
    height:260px;
    background:url("../images/landscape3.jpg") center center/cover no-repeat;
    background-attachment:fixed;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.wildlife-quote::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}

.quote-overlay{
    position:relative;
    text-align:center;
    color:#fff;
    z-index:2;
}

.quote-overlay h2{
    font-size:48px;
    font-family:Georgia, serif;
    font-weight:500;
    line-height:1.2;
    margin-bottom:20px;
}

.quote-line{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}

.quote-line span{
    width:90px;
    height:2px;
    background:#d8c18a;
}

.quote-line i{
    color:#d8c18a;
    font-size:18px;
}
@media (max-width:768px){

    .wildlife-quote{
        height:180px;
        background-attachment:scroll;
    }

    .quote-overlay h2{
        font-size:28px;
    }

    .quote-line span{
        width:50px;
    }
}
.wildlife-conservation{
    padding:12px;
    background:#fdfbf5;
}

.conservation-container{
    display:grid;
    grid-template-columns:1fr 1.2fr 0.9fr;
    gap:80px;
    align-items:center;
}

.conservation-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:18px;
    display:block;
}

.section-tag{
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    color:#8a6a2c;
    text-transform:uppercase;
}

.conservation-content h2{
    font-size:44px;
    color:#23341d;
    margin:15px 0;
    line-height:1.2;
    font-family:Georgia, serif;
}

.conservation-content p{
    color:#555;
    font-size:17px;
    line-height:1.9;
    margin-bottom:30px;
}

.learn-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 28px;
    background:#214426;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.learn-btn:hover{
    background:#2f6135;
}

.safari-tips{
    padding-left:30px;
    border-left:1px solid #ddd;
}

.safari-tips ul{
    list-style:none;
    padding:0;
    margin-top:5px;
}

.safari-tips li{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
    font-size:16px;
    color:#333;
}

.safari-tips li span{
    width:42px;
    height:42px;
    background:#214426;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
}

/* Mobile Responsive */
@media(max-width:991px){

    .conservation-container{
        grid-template-columns:1fr;
        gap:35px;
    }

    .conservation-image img{
        height:300px;
    }

    .conservation-content h2{
        font-size:32px;
    }

    .safari-tips{
        border-left:none;
        border-top:1px solid #ddd;
        padding-left:0;
        padding-top:25px;
    }
}
.wildlife-cta{
    background:url("../images/landscape5.jpeg") center center/cover no-repeat;
    min-height:340px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
}

.wildlife-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.wildlife-overlay{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
    max-width:700px;
    padding:20px;
}

.wildlife-overlay h2{
    font-size:48px;
    font-family:Georgia, serif;
    margin-bottom:18px;
    line-height:1.2;
}

.wildlife-overlay p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 35px;
    background:#ffffff;
    color:#234b29;
    text-decoration:none;
    font-weight:700;
    border-radius:8px;
    transition:.3s;
}

.cta-btn:hover{
    background:#234b29;
    color:#fff;
}
@media (max-width:768px){

    .wildlife-cta{
        min-height:260px;
        padding:50px 20px;
    }

    .wildlife-overlay h2{
        font-size:30px;
    }

    .wildlife-overlay p{
        font-size:15px;
        line-height:1.7;
    }

    .cta-btn{
        padding:12px 24px;
        font-size:14px;
    }

}
/*==========================
GALLERY HERO
==========================*/

.gallery-hero{
    position:relative;
    width:100%;
    height:570px;

    background:url("../images/tiger3.jpg") center center/cover no-repeat;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
}

/* Dark Overlay */

.gallery-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.42);
}

/* Content */

.gallery-content{

    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    gap:40px;

    text-align:center;

    color:#fff;
}

/* Leaves */

.leaf{

    font-size:60px;
    color:#7db15a;
}

.heading h1{

    font-size:95px;
    font-weight:900;
    letter-spacing:5px;
    line-height:1;
    color: white;
    text-transform:uppercase;
}

.heading h2{

    font-size:42px;
    color:#07f30e;
    font-family:cursive;
    margin-top:8px;
}

.heading p{

    margin-top:22px;
    font-size:24px;
    line-height:1.6;
    max-width:700px;
}

/* Divider */

.paw-divider{

    display:flex;
    justify-content:center;
    align-items:center;

    margin-top:35px;
    gap:18px;

    color:#d6b25b;
    font-size:30px;
}

.paw-divider span{

    width:90px;
    height:2px;

    background:#d6b25b;
}

/* Torn Bottom */

.torn{

    position:absolute;
    left:0;
    bottom:-1px;

    width:100%;
    height:70px;

    z-index:5;
}
@media(max-width:768px){

.gallery-hero{

    height:420px;
}

.gallery-content{

    gap:12px;
    padding:0 20px;
}

.leaf{

    font-size:34px;
}

.heading h1{

    font-size:55px;
}

.heading h2{

    font-size:26px;
}

.heading p{

    font-size:16px;
    line-height:1.5;
}

.paw-divider{

    margin-top:20px;
}

.paw-divider span{

    width:45px;
}

.torn{

    height:45px;
}

}
/*=========================
GALLERY FILTER
==========================*/

.gallery-filter{
    width:100%;
    background:#f8f6f1;
    padding:35px 20px 25px;
}

.filter-container{
    max-width:1200px;
    margin:auto;

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
}

.filter-btn{

    border:none;
    outline:none;

    background:#fff;
    color:#222;

    padding:14px 24px;

    border-radius:40px;

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

    display:flex;
    align-items:center;
    gap:10px;

    cursor:pointer;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;
}

.filter-btn i{

    font-size:16px;
}

.filter-btn:hover{

    background:#6b8e23;
    color:#fff;
    transform:translateY(-3px);
}

.filter-btn.active{

    background:#6b8e23;
    color:#fff;
}
@media (max-width:768px){

.gallery-filter{

    padding:25px 15px;
}

.filter-container{

    gap:12px;
}

.filter-btn{

    padding:11px 18px;
    font-size:14px;
}

.filter-btn i{

    font-size:14px;
}

}
/*=========================
GALLERY GRID
==========================*/

.gallery-section{
    background:#f8f6f1;
    padding:20px 20px 70px;
}

.gallery-container{

    max-width:1380px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.gallery-item{

    position:relative;
    overflow:hidden;
    border-radius:15px;
    cursor:pointer;
}

.gallery-item img{

    width:100%;
    height:240px;
    object-fit:cover;
    display:block;

    transition:.5s;
}

.gallery-item:hover img{

    transform:scale(1.1);
}

.gallery-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.7),
    rgba(0,0,0,.1));

    display:flex;
    align-items:flex-end;
    justify-content:center;

    opacity:0;

    transition:.4s;
}

.gallery-item:hover .gallery-overlay{

    opacity:1;
}

.gallery-overlay h3{

    color:#fff;
    margin-bottom:20px;
    font-size:22px;
    letter-spacing:1px;
}
@media(max-width:992px){

.gallery-container{

    grid-template-columns:repeat(2,1fr);
}

.gallery-item img{

    height:220px;
}

}

@media(max-width:576px){

.gallery-container{

    grid-template-columns:1fr;
    gap:15px;
}

.gallery-item img{

    height:230px;
}

.gallery-overlay h3{

    font-size:18px;
}

}
/*=========================
QUOTE SECTION
==========================*/

.gallery-quote{

    position:relative;

    background:#0d2b1d;

    color:#fff;

    text-align:center;

    padding:15px 20px;

    overflow:hidden;
}

.quote-content{

    max-width:900px;
    margin:auto;
}

.quote-icon{

    color:#d6a84f;
    font-size:30px;
    display:inline-block;
    margin:0 8px;
}

.quote-content h2{

    display:inline;
    font-size:28px;
    font-weight:500;
    line-height:1.8;
}

.quote-content p{

    margin-top:18px;

    color:#d6a84f;

    letter-spacing:4px;

    font-size:15px;

    font-weight:700;
}

/* Decorative Forest */

.forest-left,
.forest-right{

    position:absolute;
    bottom:10px;

    font-size:45px;

    opacity:.15;
}

.forest-left{

    left:30px;
}

.forest-right{

    right:30px;
}
@media(max-width:768px){

.gallery-quote{

    padding:40px 18px;
}

.quote-content h2{

    display:block;
    font-size:20px;
    line-height:1.7;
}

.quote-icon{

    font-size:22px;
}

.quote-content p{

    font-size:13px;
    letter-spacing:2px;
}

.forest-left,
.forest-right{

    font-size:28px;
}

}
/* ================= HERO SECTION ================= */

.safari-hero{
    position: relative;
    width:100%;
    min-height:74vh;
    background:url("../images/jeepsafari3.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.hero-container{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1200px;
    margin:auto;
    /* padding-bottom: 30px; */
}

.hero-content{
    width:55%;
    color:#fff;
}

.hero-top{
    display:flex;
    align-items:center;
    gap:9px;
    color:#e7d4a2;
    font-size:16px;
    letter-spacing:2px;
    text-transform:uppercase;
    /* margin-bottom:20px; */
}

.hero-top .line{
    width:55px;
    height:2px;
    background:#d9b56d;
}

.hero-content h1{
    font-size:100px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:3px;
    margin:0;
    color:#fff;
    text-shadow:3px 3px 8px rgba(0,0,0,.4);
}

.hero-content h2{
    font-size:65px;
    font-family:cursive;
    color:#d9a12d;
    margin-top:-30px;
    margin-left:40px;
    font-weight:500;
}

.hero-content p{
    max-width:540px;
    font-size:20px;
    line-height:1.6;
    margin:10px 0 20px;
    color:#f2f2f2;
}

.hero-features{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
 
}

.feature{
    display:flex;
    align-items:center;
    gap:5px;
}

.feature i{
    font-size:26px;
    color:#d9b56d;
}

.feature span{
    font-size:16px;
    line-height:1.2;
    color:#fff;
}

.bottom-brush{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:70px;
    background:#f7f4ec;
    
}

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

@media(max-width:992px){

.hero-content{
    width:100%;
    text-align:center;
}

.hero-top{
    justify-content:center;
}

.hero-content h1{
    font-size:43px;
}

.hero-content h2{
    font-size:42px;
    margin:0;
}

.hero-content p{
    font-size:15px;
    margin:24px auto;
}

.hero-features{
    justify-content:center;
    gap:25px;
}

.feature{
    width:45%;
}

}

@media(max-width:576px){

.safari-hero{
    min-height:69vh;
    padding:70px 0;
}

.hero-content h1{
    font-size:51px;
}

.hero-content h2{
    font-size:36px;
}

.hero-content p{
    font-size:14px;
}

.hero-top{
    font-size:11px;
    letter-spacing:2px;
}

.feature{
    width:100%;
    justify-content:center;
}

.feature i{
    font-size:20px;
}

.feature span{
    font-size:13px;
}

.bottom-brush{
    height:38px;
}

}
/*==========================
 SAFARI PACKAGES
===========================*/

.safari6-packages6{
    padding:20px 8%;
    background:#f8f5ed;
}

.section6-title6{
    text-align:center;
    margin-bottom:50px;
}

.section6-title6 span{
    color:#8b6b2d;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
}

.section6-title6 h2{
    margin-top:10px;
    font-size:42px;
    color:#1d1d1d;
    font-weight:800;
}

.package6-container6{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.package6-card6{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.package6-card6:hover{
    transform:translateY(-8px);
}

.package6-card6 img{
    width:100%;
    height:210px;
    object-fit:cover;
}

.package6-content6{
    padding:28px;
    position:relative;
}

.package6-icon6{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#2d4d22;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    position:absolute;
    top:-30px;
    left:25px;
    border:5px solid #fff;
}

.package6-content6 h3{
    margin-top:20px;
    font-size:28px;
}

.time6{
    color:#555;
    margin:12px 0;
}

.desc6{
    color:#666;
    line-height:1.7;
    margin-bottom:30px;
}

.package6-bottom6{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.package6-bottom6 h4{
    font-size:28px;
    color:#1c1c1c;
}

.package6-bottom6 h4 span{
    font-size:16px;
    color:#666;
}

.package6-bottom6 a{
    text-decoration:none;
    background:#2d4d22;
    color:#fff;
    padding:12px 24px;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.package6-bottom6 a:hover{
    background:#c79b3b;
}

.people6{
    text-align:center;
    margin-top:35px;
    font-size:18px;
    color:#555;
}

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

@media(max-width:991px){

.package6-container6{
    grid-template-columns:1fr;
}

.section6-title6 h2{
    font-size:32px;
}

.package6-card6 img{
    height:220px;
}

.package6-bottom6{
    flex-direction:column;
    gap:15px;
}

}

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

body{
    font-family:Arial, sans-serif;
    background:#f8f8f8;
}

.zones{
    width:90%;
    margin:50px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.zone-card{
    background:#3d6f39;
    color:#fff;
    padding:20px;
    text-align:center;
    border:2px dashed #d9c7b6;
    min-height:520px;
}

.zone-card h2{
    color:#ff9b57;
    font-size:34px;
    font-family:cursive;
    margin-bottom:15px;
}

.zone-card p{
    font-size:15px;
    line-height:1.8;
    text-align:justify;
    margin-bottom:20px;
}

.zone-card img{
    width:160px;
    height:160px;
    border-radius:50%;
    object-fit:cover;
    display:block;
    margin:15px auto;
}

.btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 28px;
    background:#ff8c42;
    color:#fff;
    text-decoration:none;
    border:2px dotted #fff;
    font-weight:bold;
}

.btn:hover{
    background:#e97420;
}

/* Tablet */
@media(max-width:992px){
    .zones{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:768px){
    .zones{
        grid-template-columns:1fr;
    }

    .zone-card{
        min-height:auto;
    }

    .zone-card h2{
        font-size:28px;
    }

    .zone-card img{
        width:140px;
        height:140px;
    }
}
.included7-section7{
    background:#f8f4ea;
    padding:28px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.included7-section7 .container7{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.included7-section7 h5{
    text-align:center;
    font-size:14px;
    letter-spacing:3px;
    color:#4b4b4b;
    margin-bottom:22px;
    font-weight:700;
}

.included7-wrapper7{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.included7-item7{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-right:1px solid #d8d8d8;
    padding:8px 10px;
}

.included7-item7:last-child{
    border-right:none;
}

.icon7{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#44512a;
    font-size:18px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.included7-item7 span{
    font-size:16px;
    font-weight:600;
    color:#333;
}
@media (max-width:768px){

.included7-wrapper7{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.included7-item7{
    border:none;
    background:#fff;
    border-radius:12px;
    padding:15px;
    justify-content:flex-start;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
}

.included7-item7 span{
    font-size:14px;
}

}

@media (max-width:480px){

.included7-wrapper7{
    grid-template-columns:1fr;
}

}
.important-section{
    position:relative;
    background:url("../images/deer2.jpeg") center/cover no-repeat;
    border-radius:15px;
    overflow:hidden;
    margin:50px auto;
    max-width:1200px;
}

.important-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,35,12,.72);
}

.important-container{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:45px 50px;
}

.important-left{
    width:55%;
}

.important-left h3{
    color:#fff;
    font-size:22px;
    letter-spacing:2px;
    margin-bottom:25px;
}

.important-left ul{
    list-style:none;
    padding:0;
}

.important-left ul li{
    color:#fff;
    margin-bottom:16px;
    font-size:17px;
}

.important-left i{
    color:#d8b45b;
    margin-right:12px;
}

.booking-card{
    width:340px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(221,193,111,.6);
    border-radius:15px;
    text-align:center;
    padding:35px 30px;
    backdrop-filter:blur(8px);
}

.booking-card h2{
    color:#e6c16b;
    letter-spacing:2px;
    font-size:28px;
    margin-bottom:18px;
}

.booking-card p{
    color:#fff;
    line-height:1.8;
    margin-bottom:30px;
}

.book-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    background:#d6ad52;
    color:#222;
    padding:15px 28px;
    border-radius:8px;
    font-weight:700;
    transition:.3s;
}

.book-btn:hover{
    background:#f1c566;
}
@media(max-width:768px){

.important-container{
    flex-direction:column;
    padding:30px 20px;
}

.important-left,
.booking-card{
    width:100%;
}

.important-left{
    margin-bottom:30px;
}

.important-left h3{
    text-align:center;
    font-size:20px;
}

.important-left ul li{
    font-size:15px;
}

.booking-card{
    padding:25px 20px;
}

.booking-card h2{
    font-size:24px;
}

.book-btn{
    width:100%;
    justify-content:center;
}

}
.ready-section{
    position:relative;
    background:url("../images/river_image.jpg") center center/cover no-repeat;
    /* border-radius:18px; */
    overflow:hidden;
    max-width:1200px;
    margin:50px auto;
    min-height:260px;
}

.ready-overlay{
    position:absolute;
    inset:0;
    background:rgba(25,35,18,.35);
}

.ready-container{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:60px;
}

.ready-content{
    color:#fff;
}

.sub-heading{
    display:block;
    font-size:18px;
    letter-spacing:5px;
    font-weight:600;
    margin-bottom:12px;
}

.ready-content h2{
    font-size:62px;
    margin:0;
    color:#fff;
    font-family:Georgia, serif;
}

.ready-content h2 span{
    color:#e7b44d;
    font-style:italic;
    font-family:cursive;
}

.ready-content h2 i{
    color:#d9b15d;
    font-size:30px;
}

.ready-content p{
    margin-top:20px;
    font-size:20px;
    color:#f5f5f5;
}

.ready-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#243718;
    color:#fff;
    text-decoration:none;
    padding:18px 34px;
    border-radius:10px;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

.ready-btn:hover{
    background:#3b5427;
}

.ready-btn i{
    color:#fff;
}
@media(max-width:768px){

.ready-container{
    flex-direction:column;
    text-align:center;
    padding:40px 20px;
}

.ready-content h2{
    font-size:42px;
}

.sub-heading{
    font-size:14px;
    letter-spacing:2px;
}

.ready-content p{
    font-size:16px;
}

.ready-btn-box{
    margin-top:30px;
}

.ready-btn{
    width:100%;
    justify-content:center;
}

}
/*==============================
CONTACT HERO SECTION
==============================*/

.contact3-hero3{
    position: relative;
    height: 650px;
    background: url("../images/river_image.jpg") center center/cover no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.contact3-hero3 .overlay3{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
}

.contact3-hero3 .container3{
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.hero3-content3{
    max-width: 520px;
    color: #fff;
}

.hero3-top3-text3{
    display: inline-block;
    color: #d6c38a;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hero3-content3 h1{
    font-size: 82px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
}

.hero3-content3 h1 span{
    color: #d9a441;
    font-family: "Great Vibes", cursive;
    font-size: 95px;
    font-weight: normal;
}

.hero3-content3 p{
    font-size: 22px;
    line-height: 1.8;
    max-width: 480px;
    color: #f3f3f3;
}

.hero3-divider3{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
}

.hero3-divider3 span{
    width: 110px;
    height: 2px;
    background: rgba(255,255,255,.6);
}

.hero3-divider3 i{
    color: #d9a441;
    font-size: 22px;
}

/* Bottom White Wave */

.bottom3-wave3{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    line-height: 0;
}

.bottom3-wave3 svg{
    width: 100%;
    height: 110px;
    display: block;
}

/*=========================
MOBILE RESPONSIVE
=========================*/

@media(max-width:992px){

.contact3-hero3{
    height: 540px;
    text-align:center;
}

.hero3-content3{
    max-width:100%;
}

.hero3-content3 h1{
    font-size:58px;
}

.hero3-content3 h1 span{
    font-size:72px;
}

.hero3-content3 p{
    font-size:18px;
    margin:auto;
}

.hero3-divider3{
    justify-content:center;
}

.hero3-divider3 span{
    width:70px;
}

}

@media(max-width:576px){

.contact3-hero3{
    height:460px;
    padding:0 20px;
}

.hero3-top3-text3{
    font-size:11px;
    letter-spacing:2px;
}

.hero3-content3 h1{
    font-size:42px;
}

.hero3-content3 h1 span{
    font-size:58px;
}

.hero3-content3 p{
    font-size:15px;
    line-height:1.7;
}

.hero3-divider3 span{
    width:45px;
}

.bottom3-wave3 svg{
    height:65px;
}

}





    
/*==============================
   CONTACT SECTION
==============================*/

.contact4-section4{
    width:100%;
    padding:50px 20px;
    background:#f8f6ef;
    ;
}

.contact4-wrapper4{
    max-width:1100px;
    height: 850px;
    margin:auto;
    display:grid;
    grid-template-columns:340px 1fr;
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/*==============================
   LEFT SIDE
==============================*/

.contact4-info4{
    background:#f2f0df;
    padding:45px 35px;
}

.contact4-info4 h2{
    font-size:42px;
    font-family:Georgia, serif;
    color:#1f2b16;
    margin-bottom:10px;
}

.contact4-info4 .line{
    width:75px;
    height:3px;
    background:#214514;
    margin-bottom:25px;
}

.contact4-info4>p{
    color:#555;
    line-height:1.6;
    font-size:16px;
    margin-bottom:35px;
}

.info4-box4{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}

.info4-box4 .icon4{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#214514;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.info4-box4 h4{
    margin:0 0 8px;
    font-size:21px;
    color:#222;
}

.info4-box4 p{
    margin:3px 0;
    color:#555;
    line-height:1.7;
}

/*==============================
   RIGHT SIDE
==============================*/

.contact4-form4{
    /* padding:45px; */
    background:#fff;
}

.contact4-form4 h2{
    text-align:center;
    font-size:42px;
    color:#222;
    margin-bottom:10px;
    font-family:Georgia, serif;
}

.contact4-form4>p{
    text-align:center;
    color:#666;
    margin-bottom:35px;
}

.row4{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:20px;
}

.contac4-form4 input,
.contact4-form4 select,
.contact4-form4 textarea{
    width:400px;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    outline:none;
    font-size:16px;
    margin-bottom:20px;
    transition:.3s;
    box-sizing:border-box;
    background:#fff;
}

.contact4-form4 textarea{
    resize:none;
}

.contact4-form4 input:focus,
.contact4-form4 select:focus,
.contact4-form4 textarea:focus{
    border-color:#214514;
    box-shadow:0 0 8px rgba(33,69,20,.15);
}

.contact4-form4 button{
    display:block;
    margin:auto;
    border:none;
    background:#214514;
    color:#fff;
    padding:16px 45px;
    border-radius:10px;
    font-size:18px;
    cursor:pointer;
    transition:.3s;
}

.contact4-form4 button:hover{
    background:#2f6120;
    transform:translateY(-2px);
}

.contact4-form4 button i{
    margin-right:8px;
}

/*==============================
   RESPONSIVE
==============================*/

@media(max-width:991px){

    .contact4-wrapper4{
        grid-template-columns:1fr;
    }

    .contact4-info4,
    .contact4-form4{
        padding:35px 25px;
    }

    .row4{
        grid-template-columns:1fr;
        gap:0;
    }

    .contact4-info4 h2,
    .contact4-form4 h2{
        font-size:34px;
    }
}

@media(max-width:576px){

    .contact4-section4{
        padding:40px 15px;
    }

    .contact4-info4 h2,
    .contact4-form4 h2{
        font-size:30px;
    }

    .contact4-form4 button{
        width:100%;
        padding:15px;
        font-size:17px;
    }

    .info4-box4{
        gap:15px;
    }

    .info4-box4 .icon44{
        width:50px;
        height:50px;
        font-size:18px;
    }

    .info4-box4 h4{
        font-size:18px;
    }

    .contact4-form4 input,
    .contact4-form4 select,
    .contact4-form4 textarea{
        /* padding:14px 15px; */
        font-size:15px;
    }
}
.package-section{
    position:relative;
    background:url("../images/forest.jpg") center center/cover no-repeat;
    padding:20px 4%;
    
}

.package-section .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}

.package-container{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    z-index:2;
}

.package-card{
    background:#fff;
    text-align:center;
    padding:20px 20px;
    border-radius:4px;
    box-shadow:0 8px 18px rgba(0,0,0,.3);
    transition:.4s;
    height: 270px;
}

.package-card:hover{
    transform:translateY(-8px);
}

.package-card h2{
    font-size:25px;
    font-family:Georgia, 'Times New Roman', Times, serif;
    margin-bottom:5px;
    color:#222;
}

.package-card p{
    color:#666;
    font-size:13px;
    margin:2px 0;
}

.package-card h3{
    color:rgb(72, 118, 2);
    font-size:30px;
    margin:13px 0;
}

.package-card h3 span{
    font-size:20px;
}

.package-card h4{
    font-size:18px;
    margin:10px 0;
    color:#111;
}

.btn-book{
    display:inline-block;
    margin-top:5px;
    padding:10px 22px;
    background:rgb(72, 118, 2);
    color:#fff;
    text-decoration:none;
    border-radius:3px;
    transition:.3s;
}

.btn-book:hover{
    background:rgb(1, 97, 1);
}

/* Tablet */
@media(max-width:992px){
    .package-container{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:768px){
    .package-container{
        grid-template-columns:1fr;
    }

    .package-card{
        padding:18px 15px;
    }

    .package-card h2{
        font-size:24px;
    }

    .package-card h3{
        font-size:20px;
    }

    .package-card h4{
        font-size:16px;
    }
}


.contact-map {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contact-map iframe {
    width: 100%;
    height: 450px;
    display: block;
    border: none;
}
@media (max-width: 768px) {
    .contact-map iframe {
        height: 300px;
    }
}
/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
} */

.contact6-section6 {
    width: 100%;
    padding: 70px 8%;
}

.container6 {
    max-width: 1200px;
    margin: auto;
}

.contact6-heading6 {
    text-align: center;
    margin-bottom: 60px;
}

.contact6-heading6 h2 {
    font-size: 40px;
    color: #046405;
    margin-bottom: 15px;
    font-family: Georgia, serif;
}

.contact6-heading6 p {
    max-width: 650px;
    margin: auto;
    color: #666;
    line-height: 1.8;
    font-size: 15px;
}

.contact6-wrapper6 {
    display: flex;
    justify-content: space-between;
    gap: 70px;
    align-items: flex-start;
}

/* Left Side */

.contact6-info6 {
    width: 35%;
}

.info6 {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    font-size: 16px;
}

.info6 i {
    width: 30px;
    font-size: 20px;
    color: #222;
}

.info6 span {
    color: #444;
}

.social6 {
    margin-top: 40px;
}

.social6 a {
    display: inline-flex;
    width: 42px;
    height: 42px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
    text-decoration: none;
}

.social6 a:nth-child(1) {
    background: #1877f2;
}

.social6 a:nth-child(2) {
    background: #1da1f2;
}

.social6 a:nth-child(3) {
    background: #ff0000;
}

/* Right Side */

.contact6-form6 {
    width: 65%;
}

.contact6-form6 label {
    display: block;
    font-size: 14px;
    margin: 14px 0 6px;
    color: #333;
}

.radio6-group6 label {
    display: block;
    margin: 8px 0;
    font-size: 14px;
}

.radio6-group6 input {
    margin-right: 8px;
}

.contact6-form6 input[type="text"],
.contact6-form6 input[type="email"],
.contact6-form6 input[type="tel"],
.contact6-form6 input[type="date"],
.contact6-form6 input[type="time"] {
    width: 100%;
    height: 42px;
    border: 1px solid #d5d5d5;
    padding: 10px;
    outline: none;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact6-form6 input:focus {
    border-color: #0b2701;
}

.contact6-form6 small {
    display: block;
    color: #888;
    font-style: italic;
    margin-bottom: 10px;
}

.contact6-form6 button {
    margin-top: 25px;
    padding: 12px 35px;
    background: #012a04;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 15px;
    border-radius: 4px;
    transition: .3s;
}

.contact6-form6 button:hover {
    background: #0cd030;
}

/* Mobile Responsive */

@media (max-width:768px) {

    .contact6-section6 {
        padding: 50px 20px;
    }

    .contact6-wrapper6 {
        flex-direction: column;
        gap: 40px;
    }

    .contact6-info6,
    .contact6-form6 {
        width: 100%;
    }

    .contact6-heading6 h2 {
        font-size: 32px;
    }

    .social6 {
        margin-bottom: 20px;
    }
}
/* Google Font */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#f8f9f5;
    color:#333;
    line-height:1.6;
} */

/* Hero Section */

.hero9{
    width:100%;
    height:55vh;
    background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
    url("../images/jungle2.jpg") center/cover no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    padding:20px;
}

.hero9-content9{
    max-width:750px;
}

.hero9 h1{
    font-size:48px;
    margin-bottom:15px;
    color: rgb(175, 169, 7);
}

.hero9 p{
    font-size:18px;
}

/* Booking Section */

.booking9-section9{
    padding:70px 8%;
}

.booking9-form9{
    background:#fff;
    max-width:900px;
    margin:auto;
    padding:40px;
    border-radius:12px;
    box-shadow:3px 11px 11px 30px rgba(53, 52, 52, 0.12);
}

.booking9-form9 h2{
    text-align:center;
    margin-bottom:30px;
    color: rgb(5, 124, 5);
}

.row9{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.row9 input,
.row9select{
    flex:1;
}

.booking9-form9 input,
.booking9-form9 select,
.booking9-form9 textarea{
    width:100%;
    padding:14px;
    border:1px solid #ccc;
    border-radius:8px;
    outline:none;
    font-size:15px;
    margin-bottom:20px;
}

.booking9-form9 input:focus,
.booking9-form9 select:focus,
.booking9-form9 textarea:focus{
    border-color:#1b5e20;
}

.booking9-form9 button{
    width:100%;
    padding:15px;
    border:none;
    background:#1b5e20;
    color:#fff;
    font-size:18px;
    border-radius:8px;
    cursor:pointer;
    transition:.3s;
}

.booking9-form9 button:hover{
    background:#2e7d32;
}

/* Why Us */

.why9-us9{
    padding:70px 8%;
    text-align:center;
}

.why9-us9 h2{
    margin-bottom:40px;
    color:#1b5e20;
}

.features9{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.feature9{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.feature9 h3{
    color:#1b5e20;
    margin-bottom:10px;
}

/* Information */

.info9{
    padding:70px 8%;
}

.info9 h2{
    text-align:center;
    margin-bottom:30px;
    color:#1b5e20;
}

.info9-box9{
    max-width:850px;
    margin:auto;
    background:#fff;
    padding:35px;
    border-radius:10px;
    box-shadow:0px 15px 25px rgba(0,0,0,.1);
}

.info9-box9 p{
    margin-bottom:15px;
}

/* Policy */

.policy12{
    padding:70px 8%;
    text-align:center;
}

.policy12 h2{
    color:#1b5e20;
    margin-bottom:2px;
}

.policy12 ul{
    max-width:700px;
    margin:auto;
    text-align:left;
    
}

.policy12 li{
    margin:5px;
    padding: 2px;
}
/* Contact */

.contact9{
    background:#1b5e20;
    color:#fff;
    text-align:center;
    padding:60px 20px;
}

.contact9 h2{
    margin-bottom:20px;
}

.contact9 p{
    margin:10px 0;
}

/* Responsive */

@media(max-width:768px){

.hero9{
    height:auto;
    padding:80px 20px;
}

.hero9 h1{
    font-size:34px;
}

.hero9 p{
    font-size:16px;
}

.booking9-form9{
    padding:25px;
}

.row9 {
    flex-direction:column;
    gap:0;
}

.features9{
    grid-template-columns:1fr;
}

.info9-box9{
    padding:25px;
}

}
/* ===== About Rajaji Page ===== */

.about10-rajaji10-page10{
    width:100%;
    padding:80px 8%;
    background:#f8f8f5;
}

.container10{
    max-width:1200px;
    margin:auto;
}

/* Heading */

.page10-title10{
    text-align:center;
    margin-bottom:60px;
}

.page10-title10 span{
    color:#2e7d32;
    font-size:15px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.page10-title10 h1{
    font-size:48px;
    color:#222;
    margin:15px 0;
}

.page10-title10 p{
    max-width:750px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:18px;
}

/* Main Content */

.about10-content10{
    background:#fff;
    padding:50px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.about10-text10 h2{
    color:#2e7d32;
    margin:35px 0 15px;
    font-size:30px;
}

.about10-text10 p{
    color:#555;
    line-height:1.9;
    font-size:17px;
}

/* List */

.about10-text10 ul{
    margin-top:3px;
    padding-left:25px;
}
.about10-text10 ul li{
    /* margin-bottom:4px; */
    color:#555;
    /* line-height:1.2; */
    font-size:17px;
    padding: 7px;
}

/* Safari Information */

.info10-box10{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:30px;
}

.info10-item10{
    background:#f3f7f2;
    padding:25px;
    border-radius:12px;
    text-align:center;
    transition:.3s;
}

.info10-item10:hover{
    transform:translateY(-5px);
}

.info10-item10 h3{
    color:#2e7d32;
    margin-bottom:15px;
    font-size:22px;
}

.info10-item10 p{
    margin:8px 0;
    color:#444;
}

.info10-item small{
    color:#888;
}

/* Button */

.read10-btn10{
    text-align:center;
    margin-top:45px;
}

.book10-btn10{
    display:inline-block;
    background:#2e7d32;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:8px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.book10-btn10:hover{
    background:#1b5e20;
}

/* Responsive */

@media(max-width:992px){

.info10-box10{
    grid-template-columns:1fr;
}

.page10-title10 h1{
    font-size:36px;
}

.about10-content10{
    padding:30px;
}

}

@media(max-width:768px){

.about10-rajaji10-page10{
    padding:60px 5%;
}

.page10-title10 h1{
    font-size:30px;
}

.page10-title10 p,
.about10-text10 p,
.about10-text10 ul li{
    font-size:16px;
}

.about10-text10 h2{
    font-size:24px;
}

.book10-btn10{
    width:100%;
    text-align:center;
}

}

/* =====================================
   FLOATING CHAT WIDGET
===================================== */

.chat-widget-container {
    position: fixed;
    right: 22px;
    bottom: 25px;
    z-index: 9999;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.chat-widget-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chat-label {
    background: #063b29;
    color: #fff;
    padding: 7px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;

    box-shadow: 0 4px 15px rgba(0,0,0,.18);

    opacity: 0;
    transform: translateX(10px);
    transition: .3s ease;
    pointer-events: none;
}

.chat-widget-group:hover .chat-label {
    opacity: 1;
    transform: translateX(0);
}

.chat-action-btn {
    width: 56px;
    height: 56px;

    border: none;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    box-shadow: 0 6px 20px rgba(0,0,0,.25);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.chat-action-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0,0,0,.35);
}

.chat-action-btn svg {
    width: 27px;
    height: 27px;
    fill: #fff;
}


/* CALL */

.call-btn {
    background: #063b29;
}


/* WHATSAPP */

.whatsapp-btn {
    background: #25D366;
}


/* AI */

.ai-bot-btn {
    background: #c49a4a;
}

.ai-bot-btn svg {
    width: 29px;
    height: 29px;
}


/* =====================================
   AI CHAT WINDOW
===================================== */

.ai-chat-window {
    position: fixed;

    right: 25px;
    bottom: 95px;

    width: 370px;
    max-width: calc(100vw - 30px);

    height: 520px;

    background: #fff;

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 15px 50px rgba(0,0,0,.25);

    z-index: 9998;

    display: flex;
    flex-direction: column;

    opacity: 0;
    visibility: hidden;

    transform: translateY(25px) scale(.96);

    transition:
        opacity .3s ease,
        transform .3s ease,
        visibility .3s ease;
}

.ai-chat-window.active {
    opacity: 1;
    visibility: visible;

    transform: translateY(0) scale(1);
}


/* =====================================
   CHAT HEADER
===================================== */

.ai-chat-header {
    background: linear-gradient(
        135deg,
        #063b29,
        #0b5a3f
    );

    color: #fff;

    padding: 16px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-chat-header strong {
    display: block;
    font-size: 16px;
}

.ai-chat-header small {
    display: block;
    margin-top: 3px;
    opacity: .8;
    font-size: 11px;
}

.close-chat-btn {
    border: 0;
    background: transparent;
    color: white;

    font-size: 28px;
    cursor: pointer;

    line-height: 1;
}


/* =====================================
   CHAT BODY
===================================== */

.ai-chat-body {
    flex: 1;

    padding: 18px;

    overflow-y: auto;

    background: #f5f7f5;

    scroll-behavior: smooth;
}


/* BOT MESSAGE */

.bot-message {
    background: #fff;

    color: #26332d;

    padding: 12px 14px;

    border-radius: 4px 16px 16px 16px;

    max-width: 88%;

    font-size: 14px;
    line-height: 1.55;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);

    margin-bottom: 12px;
}

.bot-message ul {
    margin: 8px 0;
    padding-left: 20px;
}


/* USER MESSAGE */

.user-message {
    background: #063b29;

    color: #fff;

    padding: 11px 14px;

    border-radius: 16px 4px 16px 16px;

    max-width: 82%;

    margin-left: auto;
    margin-bottom: 12px;

    font-size: 14px;

    line-height: 1.5;
}


/* =====================================
   TYPING INDICATOR
===================================== */

.typing-message {
    display: flex;
    align-items: center;
    gap: 5px;

    background: #fff;

    width: fit-content;

    padding: 12px 16px;

    border-radius: 15px;

    margin-bottom: 12px;
}

.typing-message span {
    width: 7px;
    height: 7px;

    background: #063b29;

    border-radius: 50%;

    animation: typing 1.2s infinite;
}

.typing-message span:nth-child(2) {
    animation-delay: .2s;
}

.typing-message span:nth-child(3) {
    animation-delay: .4s;
}

@keyframes typing {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: .4;
    }

    30% {
        transform: translateY(-5px);
        opacity: 1;
    }
}


/* =====================================
   QUICK QUESTIONS
===================================== */

.quick-question-container {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 10px;
}

.quick-question {
    border: 1px solid #063b29;

    background: #fff;

    color: #063b29;

    padding: 7px 10px;

    border-radius: 20px;

    font-size: 11px;

    cursor: pointer;

    transition: .2s;
}

.quick-question:hover {
    background: #063b29;
    color: #fff;
}


/* =====================================
   CHAT INPUT
===================================== */

.ai-chat-input-area {
    display: flex;

    padding: 12px;

    border-top: 1px solid #ddd;

    background: #fff;

    gap: 8px;
}

.ai-chat-input-area input {
    flex: 1;

    border: 1px solid #ddd;

    border-radius: 25px;

    padding: 11px 15px;

    outline: none;

    font-size: 14px;
}

.ai-chat-input-area input:focus {
    border-color: #063b29;
}

.ai-chat-input-area button {
    border: 0;

    background: #063b29;

    color: #fff;

    padding: 0 18px;

    border-radius: 25px;

    cursor: pointer;

    font-weight: 600;
}

.ai-chat-input-area button:hover {
    background: #0b5a3f;
}


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

@media (max-width: 600px) {

    .chat-widget-container {
        right: 14px;
        bottom: 15px;
        gap: 8px;
    }

    .chat-action-btn {
        width: 50px;
        height: 50px;
    }

    .chat-action-btn svg {
        width: 24px;
        height: 24px;
    }

    .chat-label {
        display: none;
    }

    .ai-chat-window {
        right: 10px;
        bottom: 78px;

        width: calc(100vw - 20px);

        height: 70vh;
        max-height: 560px;
    }
}