#fixed-bg {
    position: static;
    top: 5.6rem;
    background-image: url('/public/safari/safari-intro.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    color: white;
    justify-content: center;
    display: flex;
    padding: 20rem 0;
}

#introduction-section,
#zone-details {
    background-color: var(--prime-green);
}

#introduction-section>.l-leaf {
    position: absolute;
    left: -6.8rem;
    top: 1.5rem;
    width: 20%;
    rotate: 45deg;
}

#introduction-section>.r-leaf {
    position: absolute;
    right: -7.8rem;
    bottom: 1.5rem;
    width: 20%;
    rotate: 225deg;
}

#introduction-section * p,
#safari-booking * p,
#official-websites * p,
#naturalists * p,
#zone-details * p {
    line-height: 1.4rem;
}

#safari-booking>.r-leaf {
    position: absolute;
    width: 45%;
    right: -15rem;
    top: -22rem;
}

#safari-booking>.l-leaf {
    position: absolute;
    transform: scaleY(-1);
    rotate: -4deg;
    left: -17rem;
    bottom: -10rem;
    width: 40%;
}

#safari-img {
    margin-top: 5.6rem;
    width: -webkit-fill-available;
}


#booking-container>h5,
#booking-container>h4 {
    font-family: 'Gilroy-Bold', serif;
    color: var(--prime-green);

}

#booking-container>p {
    color: var(--prime-green);
}

.booking-title>h2,
.websites-title>h2 {
    right: 0;
    top: 3.1rem;
}

#zone-frame {
    display: flex;
    justify-content: center;
}

#zone-frame>img {
    width: 24rem;
}

.pench-zone {
    top: 14%;
    left: 32%;
    text-align: center;
}

.kanha-zone {
    top: 20%;
    left: 34%;
    text-align: center;
}

.tadoba-zone {
    top: 20%;
    left: 32%;
    text-align: center;
}

.bandhavgarh-zone {
    top: 24%;
    left: 31%;
    text-align: center;
}

.slick-dots li button:before {
    color: grey;
}

.slick-dots li.slick-active button:before {
    color: #fff;
}

#websites-container * a {
    font-family: 'Gilroy-Bold', serif;
    font-size: 16px;
    color: var(--prime-green);
}

#websites-container>button {
    font-size: 16px;
    color: var(--prime-green);
}

.vertical-line {
    width: 1px;
    height: 100px;
    background-color: var(--prime-yellow); 
    margin: 0 auto; 
}

#dand * strong {
    font-family: 'Gilroy-Bold', serif;
    color: var(--prime-green);
    font-size: 17px;
}

.vertical-line2 {
    width: 1px;
    height: 55rem;
    background-color: var(--prime-yellow); 
    margin: 0 auto; 
}


/* Large devices (desktops, 992px and up to 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {

    #introduction-section>.l-leaf {
        left: -4.8rem;
    }

    #introduction-section>.r-leaf {
        right: -4.8rem;
    }

    #safari-booking>.r-leaf{
        right: -14rem;
        top: -15rem;
    }

    #safari-booking>.l-leaf {
        left: -11rem;
        bottom: -6rem;
    }

    .vertical-line2 {
        height: 120rem;
    }

    #zone-frame>img {
        width: 20rem;
    }
}

/* Medium devices (tablets, 768px and up to 992px) */
@media (min-width: 768px) and (max-width: 992px) {
    #introduction-section>.l-leaf {
        left: -3.8rem;
    }

    #introduction-section>.r-leaf {
        right: -3.8rem;
    }

    #safari-booking>.r-leaf {
        width: 35%;
        right: -7rem;
        top: -9rem;
    }

    #safari-booking>.l-leaf {
        left: -8rem;
        bottom: -4rem;
    }

    #zone-frame>img {
        width: 22.5rem;
    }    

    .vertical-line2 {
        height: 115rem;
    }

    .pench-zone{
        left: 25%;
    }

    .kanha-zone{
        left: 28%;
    }

    .tadoba-zone{
        left: 19%;
    }

    .bandhavgarh-zone{
        left: 25%;
    }
}


/* extra Small devices ( phones)*/
@media (min-width: 320px) and (max-width: 578px) {

    .booking-title>h2, .websites-title>h2 {
        right: 0;
        top: 1.9rem;
    }

    .pench-zone {
        top: 20%;
        left: 29%;
    }

    .kanha-zone {
        top: 30%;
        left: 30%;
    }


    .tadoba-zone {
        top: 24%;
        left: 22%;
    }

    .bandhavgarh-zone {
        top: 22%;
        left: 28%;
    }
}