/*--- Star ---*/

/*.star {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: rgb(142 178 233 / 80%);
  box-shadow: 0 0 40px 0 rgb(142 178 233 / 80%), 0 0 20px 0 #ffffff;
  animation: glow 5s infinite;
}
.star--medium {
  width: 6px;
  height: 6px;
}
.star--big {
  width: 9px;
  height: 9px;
  box-shadow: 0 0 40px 0 #e3e98e, 0 0 20px 0 #ffffff, inset 0 0 4px #ffffff;
}

.comet {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40px 0 #202e5b, 0 0 20px 0 #ffffff, inset 0 0 8px rgba(255, 255, 255, 0.6);
  top: 0;
  left: 80%;
  opacity: 0.3;
  transform: rotate(-45deg) translate(0, -50px);
  animation: comet 30s infinite;
}
.comet:after {
  content: "";
  width: 20vw;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 20px rgb(142 174 233 / 40%);
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes glow {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes comet {
  0% {
    transform: rotate(-45deg) translateX(0);
    opacity: 0.3;
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: rotate(-45deg) translateX(-100vw);
    opacity: 0;
  }
  100% {
    transform: rotate(-45deg) translateX(-100vw);
    opacity: 0;
  }
}*/


#star-canvas {
    position: absolute;
    top: 0;
    height: 100%;
}

/*--- Star ---*/


/*--- Earth ---*/

.er-img {
    transform: scale(0.85);
    
}
/*.er-img-outer {
    -webkit-animation:spin 70s linear infinite;
        -moz-animation:spin 70s linear infinite;
        animation:spin 70s linear infinite;
}*/
.er-outer {
    position: absolute !important;
    top: 0;
    -webkit-animation:spin 20s linear infinite;
        -moz-animation:spin 20s linear infinite;
        animation:spin 20s linear infinite;
}
.er-moon {
    position: absolute !important;
    top: 0;
    -webkit-animation:spin 30s linear infinite;
        -moz-animation:spin 30s linear infinite;
        animation:spin 30s linear infinite;
}


@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}


@keyframes wind {
    0% {
        transform: rotate( 0deg );
    }
    25% {
        transform: rotate( 1deg );
    }
    75% {
        transform: rotate( -1deg );
    }
}

@keyframes wind2 {
    0% {
        transform: rotate( 0deg );
    }
    25% {
        transform: rotate( 2deg );
    }
    75% {
        transform: rotate( -2deg );
    }
}

@keyframes floating {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes floating-ltr {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes l-to-r {
    0% {
        transform: translateY(0px) rotate(356deg);
    }

    50% {
        transform: translateY(-10px) rotate(356deg);
    }

    100% {
        transform: translateY(0px) rotate(356deg);
    }
}


.planet-images .p-img1, .planet-images .p-img2, .planet-images .p-img3, .planet-images .p-img4, .planet-images .p-img5 {
    position: absolute;
}


.planet-images .p-img1 {
    right: -100px;
    height: 250px;
    animation: 7s Infinite linear floating;
    animation-delay: 2s;
    filter: drop-shadow(2px 4px 30px #8dbbff5e);
}

.planet-images .p-img2 {
    left: 7%;
    bottom: 35%;
    animation: 7s Infinite linear floating;
    animation-delay: 0.5s;
}

.planet-images .p-img3 {
    left: 14%;
    bottom: 17%;
    animation: 7s Infinite linear floating;
    animation-delay: 3s;
}

.planet-images .p-img4 {
    right: -75px;
    top: 20%;
    animation: 7s Infinite linear floating;
    animation-delay: 0.5s;
}

.planet-images .p-img5 {
    left: 4%;
    top: 37%;
    animation: 7s Infinite linear floating;
}



/*--- Earth ---*/

/*--- Factory ---*/

/*.factory-img {
    position: relative;
}*/
.truck-img {
    position: absolute;
    bottom: 0;
    -webkit-animation: linear infinite;
      -webkit-animation-name: left-to-right;
      -webkit-animation-duration: 80s;
}



@-webkit-keyframes left-to-right {
  0% {
      left: 0px;
    }
    48% {
      -webkit-transform: rotateY(0deg); 
    }
    50% { 
      left: calc(100% - 0px);
      -webkit-transform: rotateY(180deg); 
    }
    98% {
      -webkit-transform: rotateY(180deg); 
    }
    100% {
      left: 0;    
       -webkit-transform: rotateY(0deg);
    }
}

@-webkit-keyframes right-to-left {
  0% {
      right: 0px;
    }
    48% {
      -webkit-transform: rotateY(0deg); 
    }
    50% { 
      right: calc(100% - 0px);
      -webkit-transform: rotateY(180deg); 
    }
    98% {
      -webkit-transform: rotateY(180deg); 
    }
    100% {
      right: 0;    
       -webkit-transform: rotateY(0deg);
    }
}

@keyframes cloudMove1 {
    0% {
        margin-left: -50px;
    }
    100% {
        margin-left: 100%;
    }
}


@keyframes cloudMove2 {
    0% {
        margin-left: -50px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes cloudMove3 {
    0% {
        margin-left: -50px;
    }
    100% {
        margin-left: 100%;
    }
}

.line-img2 {
    position: relative;
}
.line-img2 svg {
    position: absolute;
    display: block;
    top: 0;
    left: -18%;
    margin-top: -48%;
    z-index: 1;
}
.factory-img {
    position: relative;
    z-index: 1;
}

.clouds img {
    position: absolute;
}
.clouds .cl1 {
    top: 10%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 120s;
}
.clouds .cl2 {
    top: 14%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove2;
    -webkit-animation-duration: 70s;
}
.clouds .cl3 {
    top: 2%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove3;
    -webkit-animation-duration: 40s;
}
.land-imgs {
    position: relative;
}
.plants img {
    position: absolute;
    z-index: -1;
}
.plants .pt1 {
    right: 2%;
    bottom: -10%;
    animation: 4s Infinite linear wind;
}
.plants .pt2 {
    right: 18%;
    bottom: 7%;
    animation: 2s Infinite linear wind;
    animation-delay: 0.5s;
}
.plants .pt3 {
    right: 21%;
    bottom: 10%;
    animation: 3s Infinite linear wind;
    animation-delay: 1s;
}
.plants .pt4 {
    right: -5%;
    bottom: -54%;
    animation: 4s Infinite ease-in-out l-to-r;
}
.plants .pt5 {
    right: 12%;
    bottom: 7%;
    animation: 4s Infinite linear wind;
    animation-delay: 1s;
}
.plants .pt6 {
    right: 40%;
    bottom: 35%;
    animation: 4s Infinite linear wind;
    animation-delay: 0.5s;
}
.flies img {
    position: absolute;
}
.flies .b1 {
    top: 0;
    right: 30%;
    animation: 4s Infinite ease-in-out floating;
}
.flies .b2 {
    top: 10%;
    right: 35%;
    animation: 4s Infinite ease-in-out floating;
    animation-delay: 1s;
}
.flies .b3 {
    top: -10%;
    right: 27%;
    animation: 4s Infinite ease-in-out floating;
}
.flies .b4 {
    top: 7%;
    right: 26%;
    animation: 4s Infinite ease-in-out floating;
}
.flies .b5 {
    top: 0%;
    right: 25%;
    animation: 4s Infinite ease-in-out floating;
    animation-delay: 1s;
}

/*--- Factory ---*/



/*--- About section ---*/

.cloud-img {
    animation: 5s Infinite linear wind;
}


/*--- About section ---*/

/*--- Feature section start ---*/

.water-bg-outer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: linear-gradient(180deg, #309EB6 0%, #002D67 85.44%);
}
.water-imgs {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.water-bg-outer img {
    position: absolute;
}
img.wbg1 {
    width: 100%;
    top: 0;
    left: 0;
    animation: 5s Infinite linear floating;
    animation-delay: 0.5s;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}
img.wbg2 {
    right: -20px;
    bottom: 8%;
    width: 96%;
    animation: 7s Infinite linear floating;
    animation-delay: 1s;
}
img.wbg3 {
    right: 0;
    bottom: 10%;
    height: 30%;
    animation: 8s Infinite linear wind;
    animation-delay: 1s;
}
img.wbg4 {
    width: 100%;
    top: -7%;
    animation: 6s Infinite linear floating;
    animation-delay: 1s;
}
img.wi1 {
    right: 15%;
    top: 15%;
    animation: 5s Infinite linear floating;
    animation-delay: 2s;
}
img.wi2 {
    right: 2%;
    mix-blend-mode: multiply;
    top: 12%;
    animation: 4s Infinite linear floating;
    animation-delay: 0.5s;
}
img.wi3 {
    right: 10%;
    bottom: 45%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: right-to-left;
    -webkit-animation-duration: 190s;
}
img.wi4 {
    right: 10%;
    bottom: 54%;
    animation: 4s Infinite linear floating;
    animation-delay: 2.5s;
}
img.wi5 {
    bottom: 47%;
    right: 35%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: left-to-right;
    -webkit-animation-duration: 90s;
}
img.wi6 {
    left: 35%;
    bottom: 40%;
    animation: 3s Infinite linear floating;
    animation-delay: 0.5s;
}
img.wi7 {
    left: 35%;
    bottom: 44%;
    animation: 5s Infinite linear floating;
    animation-delay: 0.5s;
}
img.wi8 {
    right: 16%;
    top: 24%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: left-to-right;
    -webkit-animation-duration: 70s;
}
.co2 {
    opacity: 0.6;
}
.co2 .c1 {
    left: 10%;
    top: 2%;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: floating;
}
.co2 .c2 {
    right: 40%;
    top: 17%;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: floating;
}
.co2 .c3 {
    left: 50%;
    bottom: 40%;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: floating;
}
.co2 .c4 {
    right: 20%;
    bottom: 50%;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: floating;
}

/*--- Feature section end ---*/

/*---- Technology page factory Start ---*/


/*.tech-banner:after {
    content: '';
    position: absolute;
    right: 0;
    padding-left: 24%;
    top: 0;
    bottom: 0;
    backdrop-filter: grayscale(1);
    z-index: 10;
}*/
/*.tech-banner:before {
    content: '';
    position: absolute;
}*/
.th-img-outer {
    position: relative;
    z-index: 1;
}
.th-img-outer .tech-banner-img:before {
    content: '';
    position: absolute;
    right: -150%;
    padding-left: 50%;
    top: -500vh;
    bottom: 90%;
    backdrop-filter: grayscale(1);
    background: #00000059;
    z-index: -1;
    width: 200%;
}
.tech-banner {
    position: relative;
}
.tech-banner:before {
    content: '';
    position: absolute;
    right: -40%;
    bottom: -80%;
    background: #ffffff0f;
    border-radius: 1000px;
    padding-bottom: 115%;
    padding-left: 115%;
}
.tech-banner:after {
    content: '';
    position: absolute;
    right: -16%;
    bottom: -47%;
    background: #ffffff0f;
    border-radius: 1000px;
    padding-bottom: 65%;
    padding-left: 65%;
}

.th-btm {
    position: relative;
}
.th-top img, .t-bt img {
    position: absolute;
}
.t-bt .be1 {
    bottom: 50%;
    right: 24%;
    animation: 8s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
.t-bt .be2 {
    bottom: 50%;
    right: 41%;
    max-width: 92px;
    animation: 10s Infinite linear floating;
    animation-delay: 0.5s;
}
.t-bt .be3 {
    bottom: 42%;
    right: 26%;
    max-width: 30px;
    animation: 6s Infinite linear floating-ltr;
    animation-delay: 0.5s;
}
.t-bt .be4 {
    bottom: 41%;
    left: 40%;
    animation: 7s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
.t-bt .be5 {
    bottom: 54%;
    left: 25%;
    max-width: 80px;
    animation: 5s Infinite linear floating-ltr;
    animation-delay: 1s;
}
.t-bt .be6 {
    bottom: 64%;
    right: 22%;
    animation: 8s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
.t-bt .be7 {
    bottom: 66%;
    left: 27%;
    animation: 7s Infinite linear floating-ltr;
    animation-delay: 0.5s;
    height: 8px;
}
.th-land img {
    bottom: 99%;
}
img.l-m1 {
    left: 5%;
}
img.l-m2 {
    left: 15%;
}
img.l-b1 {
    right: 26%;
}
img.l-b2 {
    right: 26%;
}
img.l-b3 {
    left: 50%;
}
img.l-b4 {
    right: 14%;
}
img.l-b5 {
    right: 5%;
}
img.l-b6 {
    right: 34%;
}
img.l-p1 {
    left: 28%;
}
img.l-p2 {
    left: 13%;
}
img.l-p3 {
    left: 4%;
}
img.l-p4 {
    left: 40%;
}
img.l-p5 {
    left: 10%;
}

img.l-t1 {
    left: 13%;
    animation: 6s Infinite linear wind2;
    animation-delay: 1s;
}
img.l-t2 {
    left: 19%;
    animation: 5s Infinite linear wind2;
    animation-delay: 0.5s;
}
img.l-t3 {
    left: 16%;
    animation: 4s Infinite linear wind2;
}
img.l-t4 {
    left: 24%;
    animation: 5s Infinite linear wind2;
    animation-delay: 0.5s;
}
img.l-t5 {
    left: 19%;
    animation: 4s Infinite linear wind2;
}
img.l-t6 {
    left: 36%;
    animation: 5s Infinite linear wind2;
    animation-delay: 0.5s;
}
img.l-t7 {
    left: 29%;
    animation: 6s Infinite linear wind2;
}
img.l-t8 {
    left: 42%;
    animation: 7s Infinite linear wind2;
    animation-delay: 0.5s;
}
img.l-t9 {
    left: 10%;
    animation: 6s Infinite linear wind2;
}

img.s-c1 {
    top: -93%;
    right: 10%;
    animation: 8s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
img.s-c2 {
    top: -138%;
    right: 8%;
    animation: 10s Infinite linear floating-ltr;
    animation-delay: 0.5s;
}
img.s-c3 {
    top: -154%;
    left: 40.27%;
    animation: 12s Infinite linear floating;
    animation-delay: 1s;
}
img.s-c4 {
    top: -145%;
    left: 8%;
    animation: 8s Infinite linear floating-ltr;
    animation-delay: 0.5s;
}
img.s-c5 {
    top: -114%;
    left: 23%;
    animation: 5s Infinite linear floating-ltr;
    animation-delay: 1s;
}
img.s-c6 {
    top: -53%;
    left: -4%;
    animation: 6s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
img.s-c7 {
    top: -179%;
    left: 29%;
    animation: 7s Infinite linear floating-ltr;
    animation-delay: 0.5s;
}
img.s-c8 {
    top: -92%;
    left: 0%;
    animation: 8s Infinite linear floating-ltr;
    animation-delay: 1.5s;
}
img.s-sun {
    top: -100%;
    left: 13%;
}

img.s-b1 {
    left: 26%;
    top: -79%;
    animation: 8s Infinite linear floating;
    animation-delay: 0.5s;
}
img.s-b2 {
    left: 12%;
    top: -68%;
    animation: 7s Infinite linear floating;
}
img.s-b3 {
    left: 12%;
    top: -59%;
    animation: 5s Infinite linear floating;
    animation-delay: 0.5s;
}
img.s-b4 {
    left: 5%;
    top: -64%;
    animation: 8s Infinite linear floating;
    animation-delay: 1s;
}

img.l-b-s1 {
    right: 33%;
    top: -124%;
    animation: 8s Infinite linear floating;
    animation-delay: 1.5s;
}
img.l-b-s2 {
    right: 35%;
    top: -109%;
    animation: 7s Infinite linear floating;
    animation-delay: 0.5s;
}
img.l-b-s3 {
    right: 23%;
    top: -120%;
    animation: 9s Infinite linear floating;
    animation-delay: 1.5s;
}
img.l-b-s4 {
    right: 26%;
    top: -101%;
    animation: 10s Infinite linear floating;
    animation-delay: 1s;
}
img.l-b-s5 {
    right: 28%;
    top: -142%;
    animation: 8s Infinite linear floating;
    animation-delay: 1.5s;
}
img.l-b-s6 {
    right: 35%;
    top: -189%;
    animation: 10s Infinite linear floating;
    animation-delay: 0.5s;
}
img.l-b-s7 {
    right: 22%;
    top: -167%;
    animation: 7s Infinite linear floating;
    animation-delay: 1.5s;
}
img.l-b-s8 {
    right: 9%;
    top: -144%;
    animation: 9s Infinite linear floating;
    animation-delay: 1s;
}

/*---- Technology page factory End ---*/


@media screen and (max-width: 1199px) {
    .line-img2, .line-img3 {
        display: none;
    }
}

/*---- Team section start ---*/

/*.ot-inner, .ot-inner * {
    visibility: hidden !important;
}*/

.team-bg-imgs img {
    position: absolute;
    bottom: 0;
}
img.c1 {
    top: 5%;
    /*right: 10%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 120s;
}
img.c2 {
    top: 40%;
    /*left: 30%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 90s;
}
img.c3 {
    top: 30%;
    /*right: 5%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 80s;
}
img.c4 {
    top: 10%;
    /*left: 35%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 220s;
}
img.c5 {
    top: 28%;
    /*left: 26%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 200s;
}
img.c6 {
    top: 14%;
    /*left: 4%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 70s;
}
img.c7 {
    top: 23%;
    /*left: 5%;*/
    -webkit-animation: linear infinite;
    -webkit-animation-name: cloudMove1;
    -webkit-animation-duration: 100s;
}
img.b1 {
    top: 10%;
    left: 5%;
    animation: 4s Infinite ease-in-out floating;
}
img.b2 {
    top: 21%;
    right: 14%;
    animation: 6s Infinite ease-in-out floating;
    animation-delay: 0.5s;
}
img.b3 {
    top: 10%;
    right: 5%;
    animation: 5s Infinite ease-in-out floating;
    animation-delay: 1.5s;
}
img.t1 {
    right: -300px;
    bottom: -0.5%;
}
img.t2 {
    right: 10%;
    animation: 3s Infinite linear wind;
}
img.t3 {
    left: 8%;
    bottom: -1%;
    animation: 8s Infinite linear wind;
}
img.t4 {
    left: -230px;
}
img.t5 {
    right: -40px;
}
img.m1 {
    left: -4%;
}
img.m2 {
    left: 5%;
    bottom: 12%;
}
img.m3 {
    left: 22%;
    bottom: 15%;
}
img.m4 {
    right: -1%;
    bottom: 12%;
    width: 100%;
}
img.m5 {
    right: -2%;
    bottom: 10%;
}
img.m6 {
    left: -2%;
    bottom: 11%;
}
img.a1 {
    left: 10%;
    bottom: 5%;
}
img.a2 {
    right: 7%;
    bottom: 2%;
}
img.a3 {
    left: 40%;
    bottom: 2%;
}
img.l1 {
    left: 0%;
    bottom: 0%;
    width: 100%;
    max-height: 190px;
    object-fit: cover;
    object-position: top;
    animation: 10s Infinite linear floating;
}
img.l2 {
    width: 100%;
    left: 0%;
    bottom: 8%;
    max-height: 190px;
    object-fit: cover;
    object-position: top;
}
img.l3 {
    left: 0%;
    width: 100%;
    bottom: 1%;
    max-height: 200px;
    object-fit: cover;
    object-position: top;
    animation: 10s Infinite linear floating;
    animation-delay: 0.5s;
}
img.l4 {
    right: 0;
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    object-position: top;
    bottom: -1%;
    animation: 10s Infinite linear floating;
}

@media screen and (max-width: 770px) {
    img.l3 {
        display: none;
    }
    img.t2 {
        display: none;
    }
    img.l1 {
        min-height: 290px;
        max-height: unset;
    }
    img.m3 {
        display: none;
    }
    img.t1 {
        display: none;
    }
    img.a1, img.a2, img.a3 {
        display: none;
    }
    img.l4 {
        bottom: -0.5%;
    }
}

/*---- Team section end ---*/

/*--- Image map home start ---*/

.ft-img-outer {
    position: relative;
}

.h-circle {
    display: block;
    color: #000;
    line-height: 1;
    text-align: center;
    position: absolute;
    padding: 20px;
    border-radius: 200px;
    font-size: 11px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    visibility: hidden;
    opacity: 0;
    transition: 1s ease-in-out;
}
.h-circle.hc1 {
    background: #D23C55FF;
    max-width: 128px;
    max-height: 128px;
    color: #fff;
    left: 1%;
    top: 1%;
}
.h-circle.hc2 {
   background: #FDB815FF;
    max-width: 150px;
    max-height: 150px;
    right: 2%;
    top: 7%;
    font-size: 16px;
}
.h-circle.hc1 {
    background: #D23C55FF;
    max-width: 165px;
    max-height: 165px;
    color: #fff;
    left: 1%;
    top: 1%;
	    font-size: 14px;
    line-height: 17px;
}
.h-circle.hc3 {
    background: #7DCFF7FF;
    max-width: 145px !important;
    max-height: 165px !important;
    right: 1%;
    bottom: 3% !important;
    font-size: 13px !important;
}
.h-circle.hc4 {
    background: #DEE6E8FF;
    max-width: 130px !important;
    max-height: 130px !important;
    left: 5%;
    bottom: 6%;
    font-size: 14px !important;
}
.h-circle.hc3 {
    background: #7DCFF7FF;
    max-width: 125px;
    max-height: 125px;
    right: 1%;
    bottom: 1%;
}
.h-circle.hc4 {
    background: #DEE6E8FF;
    max-width: 114px;
    max-height: 114px;
    left: 5%;
    bottom: 6%;
}
.h-dot {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: rgba(255,255,255,0.7);
    box-shadow: inset 0px 0px 10px 2px rgba(14,78,126,0.5),
                      0px 0px 10px 2px rgba(14,78,126,0.3);
    -webkit-animation: pulse-g 1s alternate infinite;
    -moz-animation: pulse-g 1s alternate infinite;
}
.h-dot.dt1 {
    top: 18%;
    left: 35%;
}
.h-dot.dt2 {
    bottom: 46%;
    right: 15%;
}
.h-dot.dt3 {
    bottom: 18%;
    right: 48%;
}
.h-dot.dt4 {
    top: 48%;
    left: 17%;
}
.h-dot.dt1:hover + .h-circle.hc1 {
    opacity: 1;
    visibility: visible;
}
.h-dot.dt2:hover + .h-circle.hc2 {
    opacity: 1;
    visibility: visible;
}
.h-dot.dt3:hover + .h-circle.hc3 {
    opacity: 1;
    visibility: visible;
}
.h-dot.dt4:hover + .h-circle.hc4 {
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes pulse-g {
  0% {
    background: rgba(255,255,255,0.3);
    box-shadow: inset 0px 0px 10px 2px rgba(14,78,126,0.5),
                      0px 0px 5px 2px rgba(14,78,126,0.3);
  }
  100% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 10px 2px rgba(14,78,126,0.5),
                      0px 0px 15px 2px rgba(14,78,126,1);
  }
}
  
@-moz-keyframes pulse-g {
  0% {
    background: rgba(255,255,255,0.3);
    box-shadow: inset 0px 0px 10px 2px rgba(14,78,126,0.5),
                      0px 0px 5px 2px rgba(14,78,126,0.3);
  }
  100% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 10px 2px rgba(14,78,126,0.5),
                      0px 0px 15px 2px rgba(14,78,126,1);
  }
}

/*--- Image map home end ---*/