.full-img {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

body {
    overflow-y: hidden;
    /* Hide vertical scrollbar */
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
    margin: 0px;
    padding: 0px;
}

.location-item.one {
    top: 73%;
    left: 11.5%;
}

.location-item {
    position: absolute;
    z-index: 9;
    width: 30px;
    height: 30px;

    color: white;
    font-size: 0.9rem;
    border-radius: 50px;
    cursor: pointer;
    /* background-color: #008080; */
}

.pulsating-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    height: 30px;
}

.pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-left: 0%;
    margin-top: 0%;
    border-radius: 45px;
    background-color: rgb(255, 255, 255);
    -webkit-animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(200, 200, 200, 0.5);
    -webkit-animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

.information-blink-img {
    width: 15px;
    padding: 7px;
}



.tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: 5%;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* css code for hotspot2 */

.location-item.two {
    top: 68%;
    right: 64%;
}

.tooltiptext1 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;

    border-radius: 6px;
    padding: 20px 20px;
    top: 40%;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext1 {
    visibility: visible;
}

/* css code for hotspot2 */

/* css code for hotspot3 */

.location-item.three {
    top: 65%;
    right: 57%;
}

.tooltiptext2 {
    visibility: hidden;
    width: 230px;
    background-color: white;
    color: #c67d43;

    border-radius: 6px;
    padding: 20px 20px;
    top: -5px;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext2 {
    visibility: visible;
}

/* css code for hotspot3 */

/* css code for hotspot4 */

.location-item.four {
    top: 45%;
    right: 66.7%;
}

.tooltiptext3 {
    visibility: hidden;
    width: 180px;
    background-color: white;
    color: #c67d43;
    text-align: justify;
    border-radius: 6px;
    padding: 20px 20px;
    top: -5px;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext3 {
    visibility: visible;
}

/* css code for hotspot4 */

/* css code for hotspot5 */

.location-item.five {
    top: 77%;
    right: 91.7%;
}

.tooltiptext4 {
    visibility: hidden;
    width: 240px;
    background-color: white;
    color: #c67d43;

    border-radius: 6px;
    padding: 20px 20px;
    top: 99%;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext4 {
    visibility: visible;
}

/* css code for hotspot5 */

/* css code for hotspot6 */

.location-item.six {
    top: 86%;
    right: 48.5%;
}

.tooltiptext5 {
    visibility: hidden;
    width: 290px;
    background-color: white;
    color: #c67d43;

    border-radius: 6px;
    padding: 20px 20px;
    top: -5px;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext5 {
    visibility: visible;
}

/* css code for hotspot6 */

/* css code for hotspot7 */

.location-item.seven {
    top: 55%;
    right: 33.2%;
}

.tooltiptext6 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;

    border-radius: 6px;
    padding: 20px 20px;
    top: -167px;
    left: -300%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.tooltip:hover .tooltiptext6 {
    visibility: visible;
}

/* css code for hotspot7 */

/* css code for hotspot7 */

.location-item.eight {
    top: 61%;
    right: 30.2%;
}

.tooltiptext7 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;

    border-radius: 6px;
    padding: 20px 20px;
    top: 120%;
    left: -357%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext7 {
    visibility: visible;
}

/* css code for hotspot7 */

/* css code for hotspot8 */

.location-item.nine {
    top: 39%;
    right: 20%;
}

.tooltiptext8 {
    visibility: hidden;
    width: 330px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: -405%;
    left: -1290%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext8 {
    visibility: visible;
}

/* css code for hotspot8 */

/* css code for hotspot9 */

.location-item.ten {
    top: 53%;
    right: 20%;
}

.tooltiptext9 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: -5px;
    left: 140%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext9 {
    visibility: visible;
}

/* css code for hotspot9 */


/* css code for hotspot10 */

.location-item.eleven {
    top: 36%;
    right: 14.5%;
}

.tooltiptext10 {
    visibility: hidden;
    width: 200px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: -500%;
    left: -295%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext10 {
    visibility: visible;
}

/* css code for hotspot10 */

/* css code for hotspot11 */

.location-item.twelve {
    top: 63%;
    right: 7.5%;
}

.tooltiptext11 {
    visibility: hidden;
    width: 196px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: 49px;
    left: -350%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext11 {
    visibility: visible;
}

/* css code for hotspot11 */

/* css code for hotspot12 */

.location-item.thirteen {
    top: 52%;
    right: 10.5%;
}

.tooltiptext12 {
    visibility: hidden;
    width: 170px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: -394%;
    left: -76%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext12 {
    visibility: visible;
}

/* css code for hotspot12 */


/* css code for hotspot13 */

.location-item.fourteen {
    top: 32%;
    right: 3.5%;
}

.tooltiptext13 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: -692%;
    left: -610%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext13 {
    visibility: visible;
}

/* css code for hotspot13 */

/* css code for hotspot14 */

.location-item.fifteen {
    top: 63%;
    right: 19.9%;
}

.tooltiptext14 {
    visibility: hidden;
    width: 220px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: 49px;
    left: -310%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext14 {
    visibility: visible;
}

/* css code for hotspot14 */

/* css code for hotspot15 */

.location-item.sixteen {
    top: 9%;
    right: 30.9%;
}

.tooltiptext15 {
    visibility: hidden;
    width: 250px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: 100%;
    left: -310%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext15 {
    visibility: visible;
}

/* css code for hotspot15 */

/* css code for hotspot16 */

.location-item.seventeen {
    top: 60%;
    right: 10.9%;
}

.tooltiptext16 {
    visibility: hidden;
    width: 212px;
    background-color: white;
    color: #c67d43;
    font-weight: 600;
    border-radius: 6px;
    padding: 20px 20px;
    top: 221%;
    left: -310%;
    line-height: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext16 {
    visibility: visible;
}

/* css code for hotspot16 */

/* .feature-color{
    color:#90EE90;
} */

.nav {
    position: absolute;
    top: 0;
}

.navbar {
    width: 100%;

}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    ;
}

.navbar .menu-items {
    display: flex;
    flex-direction: row !important;
}

.navbar .nav-container li {
    list-style: none;
    position: relative;
    left: 9%;
}
@media only screen and (max-width: 767px) {.navbar .nav-container a{padding:5px 10px!important;font-size:12px!important;}}
.navbar .nav-container a {
    text-decoration: none;
    color: #0e2431;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 25px;
    margin: 4px;
    /* border: 1px solid black; */
    background: linear-gradient(rgba(255, 255, 255, 0.3) 3em, rgba(255, 255, 255, 0.2) 3em);
    box-shadow: 0 0 1em 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.navbar .nav-container a:hover {
    font-weight: bolder;
}

.nav-container {
    display: block;
    position: relative;

}

.nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.nav-container .hamburger-lines {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: white;
}

.nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.5s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
    transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
    padding-top: 14px;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;

    transition: transform 0.8s ease-in-out;
    text-align: center;

}

.navbar .menu-items li {
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
    font-weight: 500;
}


.nav-container input[type="checkbox"]:checked~.menu-items {
    transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line1 {
    transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line2 {
    transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked~.hamburger-lines .line3 {
    transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked~.logo {
    display: none;
}
.active{
    color:#c67d43;
}
a.cross-smart {
    position: absolute;
    top: 0;
    right: 0;
}
a.cross-smart img{
    width: 40px;
    margin: 25px;
}
.act-1
{
    cursor: pointer;
}
.measure-locating-item1{
    position: absolute;
    top:15%;
    left:25%;
    cursor: pointer;
}
.measure-locating-item2{
    position: absolute;
    top:43%;
    left:19%;
    cursor: pointer;
}
.measure-locating-item3{
    position: absolute;
    top:71%;
    left:68%;
    cursor: pointer;
}
.measure-locating-item4{
    position: absolute;
    top:55%;
    left:82%;
    cursor: pointer;
}
.measure-locating-item5{
    position: absolute;
    top:82%;
    left:50.5%;
    cursor: pointer;
}
.measure-locating-item6{
    position: absolute;
    top:83%;
    left:80.5%;
    cursor: pointer;
}
.plus-img.forty-five {
    transform: rotate(-45deg);
    }