/* Rwanda Map Styles */
.map-block {
    position: relative;
    height: 95vh;
    max-height: 700px;
    min-height: 600px;
    background-color: #fbfbfb;
}

.map-goole {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .8s,visibility .8s;
    -o-transition: opacity .8s,visibility .8s;
    transition: opacity .8s,visibility .8s;
}

.map-goole.active {
    opacity: 1;
    visibility: visible;
}

.map-goole .bgimage {
    background-size: contain;
}

.view-map {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    margin-top: 40px;
    z-index: 10;
}

.vie-h3 {
    font-size: 18px;
    color: #18233a;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    max-width: 190px;
    z-index: 1;
    position: relative;
}

.btn-wid {
    margin-top: 25px;
}

.btn-wid .btn {
    width: 190px;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.btn-wid .btn:first-child {
    margin-top: 0;
}

.map_btn {
    position: relative;
    z-index: 1;
}

.map_btn.active {
    background-color: #18233a;
    border-color: #18233a;
    color: #fff;
}

/* Button styles */
.btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: bold;
    cursor: pointer;
}

.btn_white {
    background-color: #fff;
    color: #18233a;
    border: 1px solid #18233a;
}

.btn_blue {
    background-color: #18233a;
    color: #fff;
    border: 1px solid #18233a;
}

.mt35 {
    margin-top: 35px;
}

/* Map container */
.c {
    margin: auto;
    padding: 0 60px;
    max-width: 1435px;
}

/* Map markers */
.map-title {
    position: absolute;
}

.map-pos {
    position: relative;
    cursor: pointer;
}

.map-spn {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}

.map-dot {
    display: block;
    text-align: center;
    line-height: 1;
    color: #18233a;
}

.map-pos .map-hover {
    position: absolute;
    padding: 25px;
    background-color: #fff;
    top: 65px;
    left: 0;
    text-align: center;
    width: 270px;
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s,opacity .5s;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 999;
}

.map-pos:hover .map-hover {
    visibility: visible;
    opacity: 1;
}

.map-hover:before {
    content: "";
    position: absolute;
    left: 7%;
    top: -21px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 24px solid #fff;
    transform: rotate(180deg);
}

.map-tith3 {
    font-size: 24px;
    color: #18233a;
    margin-top: 0;
}

.map-des {
    font-size: 16px;
    margin-top: 15px;
    color: #18233a;
}

/* National parks styling */
.txt-center {
    text-align: center;
}

.single-content .txt-upper {
    text-transform: uppercase;
    margin: 0;
}

.natonmap {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 1.1;
}

/* Image container */
.bsz {
    position: relative;
    width: 100%;
    height: 100%;
}

.bgimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.bsz img {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Default town positions - adjust as needed for your map */
.map-kigali {
    top: 43%;
    left: 62%;
}

.map-musanze {
    top: 22%;
    left: 50.2%;
}

.map-rubavu {
    top: 35.2%;
    left: 40%;
}

.map-karongi {
    top: 51.2%;
    left: 40%;
}

.map-nyanza {
    top: 65%;
    left: 52%;
}

.map-huye {
    top: 80%;
    left: 51%;
}

.map-ngoma {
    top: 53%;
    left: 76.7%;
}

.map-rusizi {
    bottom: 14%;
    left: 27%;
}

.map-nyagatare {
    top: 11%;
    left: 71%;
}

/* Default national park positions */
.nat-volcanoes {
    top: 19%;
    left: 49%;
}

.nat-gishwati-mukura {
    top: 35.4%;
    left: 48.8%;
}

.nat-nyungwe {
    top: 75.5%;
    left: 46.5%;
}

.nat-akagera {
    top: 34%;
    right: 16%;
}