@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{

    font-family: 'Montserrat', sans-serif;

}
nav#navbar-example2 { background: #fff !important;}

.first-section {

    padding-top: 70px;

}
.first-section img {
    width: 100%;
    object-fit: cover;
}
.review-details p {

    color: #797979;

    font-size: 13px;

    line-height: 18px;

}

nav.navbar {

    box-shadow: 5px 4px 20px rgb(0 0 0 / 5%);

}

.nav .nav-link{ color:#666;}

.nav-pills .nav-link.active{

    background-image: linear-gradient(90deg, #8daf2f 0%, #0b7434 99%);

}

.btn.active{

    background-image: linear-gradient(90deg, #a4c840 0%, #169046 99%);

    border: none;

}

.review-box h2{ font-size: 30px; font-weight: 700;}

.review-img {

    padding: 3px;

    margin-right: 15px;

    border: solid #f1f1f1 1px;

}

.client-details h1 {

    font-size: 30px;

    font-weight: 700;

}

.review-details h3 {

    font-size: 21px;

    font-weight: 500;

    line-height: 28px;

}

.review-main-box{

    max-height: 335px;

    overflow-y: auto;

    direction: ltr;

    scrollbar-color: #d4aa70 #e4e4e4;

    scrollbar-width: thin;

    margin-right: -6px;

}

.nav-pills .nav-link {

    padding: 10px 18px;

}

.review-img img {

    width: 90px !important;

    height: 90px !important;

    box-sizing: border-box;

}

ul.nav.nav-pills .active {

    background: none !important;

    color: #333 !important;

}

.client-details h1 {

    font-size: 30px;

    font-weight: 700;

}

.client-details p {

    font-size: 18px;

    color: #888;

}

.review-main-box::-webkit-scrollbar {

    width: 6px;

    

  }

  

.review-main-box::-webkit-scrollbar-track {

    background-color: #fff;

    border-radius: 100px;

    

  }



.review-main-box::-webkit-scrollbar-thumb {

    border-radius: 100px;

    background-image: linear-gradient(100deg, #ebee12 0%, #a3ee12 99%);

    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);

}

span.icon1 {

    width: 45px;

    background: #f4f71b;

    display: block;

    padding: 8px;

    box-shadow: 3px 3px 4px rgb(0 0 0 / 10%);

    border-radius: 100%;

}



span.icon1 img {

    width: 100%;

    display: block;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: #fff !important;

    background-color: #0d6efd !important;

}

.client_add p {

    font-size: 16px;

    text-align: left;

    line-height: 20px;

    font-weight: bold;

}

.section-bg{

    background: #f8f8f8;
    padding: 140px 0px;
}
.section-bg-white{
    padding: 140px 0px;
}
span.num {

    font-size: 120px;

    font-weight: 800;

}

.review-box{ margin-right:-6px;}

.section-detail p {

    font-size: 18px;

    line-height: 28px;

    margin: 0px;

}

.section-detail h2 {

    font-size: 40px;

    margin-bottom: 25px;

    font-weight: 700;

}

#scrollspyHeading7{

    background: #e3feee;

}

#scrollspyHeading9{

    background: #f5ffda;

}



#scrollspyHeading11{

    background: #e2f6fe;

}

.vision-box h2 {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 30px;

}

.vision-box p {

    font-size: 18px;

    line-height: 28px;

    margin: 0px;

}

.features-box .list-item {

    display: flex;

    gap: 30px;

}

.features-box ul{

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.features-box ul li{

    font-size:15px !important;

    margin-bottom: 10px;

    background:url("images/list-icon.png") 0 3px no-repeat;

    padding-left: 29px;

    font-weight: 500;

}

.domisys-box p {

    margin-bottom: 25px;

}

.domisys-box ul {

    margin: 0px;

    display: flex;

    padding: 0px;

    list-style: none;

    flex-direction: column;

    gap: 10px;

}

.domisys-box ul li{

    font-size: 18px;

    font-weight: 500;

}

.domisys-box ul li span {

    background: url(images/list-icon21.png) left no-repeat;

    width: 32px;

    height: 32px;

    display: inline-block;

    margin-right: 15px;

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 32px;

}

span.num.num-one {

    color: #cae4d5;

}

span.num.num-two {

    color: #c8eefd;

}

span.num.num-three {

    color: #d9e7b2;

}

span.num.num-four {

    color: #c2e8e1;

}

.footer {

    background: #212121;

    padding: 50px 0px;

}

.social-icon {

    text-align: center;

}

.social-icon a{ display: inline-block; margin: 0px 5px 20px;}

.social-icon a img {

    width: 40px;

}

.footer-details {

    text-align: center;

    color: #fff;

}

.footer-details a{ color:#c8eefd;}

.client-box{ padding: 100px 0px; background-image: linear-gradient(90deg, #a4c840 0%, #169046 99%);}

.vision-box {

    padding: 80px 0px !important;

}
.area-details img {
    width: 140px;
    margin: 0 auto 30px;
    display: block;
}

.area-details h2 {
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: 800;
    margin: 0px 0px 8px 0px;
}
.area-details p {
    font-size: 14px;
    text-align: center;
    margin: 0px;
}
.area-details span {
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
}
.area-details.bg-light.rounded.p-4 {
    position: relative;
}
span.backtext {
    position: absolute;
    top: 35%;
    display: inline-block;
    width: 100%;
    font-size: 30px;
    opacity: 3%;
    transform: translateY(-50%);
    left: 0px;
    line-height: 28px;
    font-weight: 900;
    color: #000;
    
}
.fancybox__content {
    width: 88% !important;
    height: 100% !important;
    padding: 0 !important;
    background:none !important;
}
html.with-fancybox{
    overflow: hidden;
}

.compensate-for-scrollbar{
    padding: 0px !important;
}
.map{ width:600px; margin:0 auto;}
        .map-inn{ position: relative;}
        .main-map img{ width: 100%;}
        .mapall img{ width: 100%;}
        .mapall{ position: absolute; top: 0px;}
        .map1 {width: 22%;top: 1.7%;left: 30.6%;}
        .map2 {width: 20%;left: 51.5%;top: 0.2%;}
        .map2 .map-icon{top: 24%;}
        .map3.mapall {width: 22%;top: 4.6%;right: 21%;}
        .map3 .map-icon{top: 40%;}
        .map4 {width: 24%;right: 30%;top: 10.5%;}
        .map4 .map-icon{top: 59%;}
        .map5 {width: 19%;top: 7%;left: 36.7%;}
        .map5 .map-icon {top: 30%;}
        .map6.mapall {width: 12%;top: 12%;left: 30.1%;}
        .map6 .map-icon {top: 28%;}
        .map7.mapall {width: 44%;top: 16.4%;left: 35.2%;}
        .map7 .map-icon {top: 60%;}
        .map8.mapall {width: 14%;top: 27%;left: 27%;}
        .map8 .map-icon {top: 44%;}
        .map9.mapall {width: 21.7%;top: 22.8%;left: 12.5%;}
        .map9 .map-icon {top: 40%;left: 33%;}
        .map10.mapall {top: 39.5%;left: 29.2%;width: 21%;}
        .map10 .map-icon {top: 18%;}
        .map11.mapall {width: 26%;top: 40%;left: 15.5%;}
        .map11 .map-icon {top: 47%;}
        .map12.mapall {top: 50.7%;width: 10%;left: 36.6%;}
        .map12 .map-icon {top: 63%;}
        .map13.mapall {top: 57.4%;left: 44%;width: 8.9%;}
        .map13 .map-icon {top: 52%;}
        .map14.mapall {width: 8%;top: 62.4%;left: 37.3%;}
        .map14 .map-icon {top: 29%;left: 32%;}
        .map15.mapall {width: 24.4%;top: 56.9%;left: 56.8%;}
        .map15 .map-icon {top: 36%;}
        .map16.mapall {top: 56.1%;width: 14.1%;left: 50%;}
        .map16 .map-icon{top: 60%;}
        .map17 {width: 26.1%;top: 64%;left: 13.1%;}
        .map17 .map-icon{top: 40%;}
        .map18.mapall {width: 20.5%;top: 59.5%;left: 2%;}
        .map18 .map-icon{ top: 75px;}
        .map19.mapall {width: 28.3%;top: 73.4%;left: 20%;}
        .map19 .map-icon{top: 50%;}
        .map20.mapall {width: 21.5%;top: 67%;left: 39.2%;}
        .map20 .map-icon{top: 50%;}
        .map21.mapall {width: 44.4%;top: 58.5%;right: 0.6%;}
        .map21 .map-icon {top: 53%;}
        .map23.mapall {width: 39.3%;top: 43.5%;right: 20.2%;}
        .map23 .map-icon {top: 38%;}
        .map24.mapall {top: 67%;left: 36.9%;width: 12.5%;}
        .map24 .map-icon {top: 36%;left: 30%;}
        .map25.mapall {width: 22.2%;top: 11%;left: 13.5%;}
        .map25 .map-icon {top: 40%;}
        /* .mapall img:hover {
            filter: drop-shadow(15px 15px 15px rgba(000,000,00,0.9));
            position: relative;
            z-index: 99999;
        } */
        .map-icon {
            position: absolute;
            z-index: 1000;
            left: 50%;
            top: 6%;
            z-index: 2;
        }
        .map-icon img{ width: 15px;}
        .main-map {
            position: relative;
        }
        .map-icon{
            cursor: pointer;
            z-index: 2;
        }
        .map-icon:hover ~ img{
            filter: drop-shadow(15px 15px 15px rgba(000,000,00,0.5));
            transition: box-shadow 0.3s ease-in-out;
            position: relative;
            z-index: 1;
        }
        
        .tooltiptext img{
            margin-right: 5px;
        }
        .map-icon .tooltiptext {
            visibility: visible;
            display: inline-block;
            background-color:#fff;
            color: #000;
            text-align: center;
            border-radius: 5px;
            padding: 2px 12px;
            box-shadow: 5px 5px 10px rgba(000,000,00,0.2);
            
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
            z-index: 3;
            display: flex;
            align-items: center;
            

        }
        .map23 span.tooltiptext {
            left: 180%;
            top: -8%;
        }
        .map1 span.tooltiptext {
            left: 180%;
            top: -8%;
        }
        .map9 .tooltiptext {
            right: 160%;
        }
        .map14 .tooltiptext {
            right: 170%;
        }
        .map13 .map-icon {
            left: 90%;
        }
        .map24 .tooltiptext {
            left: 170%;
        }
        .map20.mapall .tooltiptext {
            left: 170%;
        }
        .map13 .tooltiptext {
            left: 143%;
        }
        .deactivate .map-icon .tooltiptext{        
        }
        .deactivate .map-icon{
            display: none !important;
        }
       
@media (max-width: 1024px){
    .active.ms-5 {
        margin: 0px !important;
    }
}
@media (max-width: 991px){
    .nav{
        display: block;
    }
}
@media (max-width: 767px){
    .map-icon {
        margin-top: -12px;
    }
}