.tip-com {
        position: absolute;
        top: 0;
      }

      .tip-com .tool-pointer {
        display: inline-block;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        color: #fff;
        width: 14px;
        height: 14px;
        background: #ff6d3f;
        border-radius: 50px;
        cursor: pointer;
        position: relative;
        -webkit-box-shadow: 0 0 0 0 rgba(255, 108, 63, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 108, 63, 0.6);
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      }

      @-webkit-keyframes pulse {
        100% {
          -webkit-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
          box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
        }
      }

      @keyframes pulse {
        100% {
          -webkit-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
          box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
        }
      }

      .tip-com .tip-tool {
        width: 230px;
        padding: 14px 20px;
        padding-right: 25px;
        border-radius: 4px;
        background: #2c363b;
        position: absolute;
        top: -14px;
        left: 26px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }

      .tip-com .tip-tool::before {
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #2c363b;
        position: absolute;
        top: 18px;
        left: -10px;
      }

      .img-tip .close {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 12px;
        height: 12px;
        opacity: 0.6;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }

      .img-tip .close:before,
      .img-tip .close:after {
        position: absolute;
        left: 5px;
        content: " ";
        height: 10px;
        width: 1.5px;
        background-color: #fff;
      }

      .img-tip .close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
      }

      .img-tip .close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }

      .img-tip .close:hover {
        opacity: 1;
      }

      .tip-tool.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: 10;
      }

      .img-tip .tip-tool p {
        font-size: 12px;
        line-height: 1.3;
        text-align: left;
        color: #fff;
        margin-bottom: 0;
      }

      .img-tip .tip-tool p strong {
        display: block;
        margin-bottom: 4px;
      }

      .img-tip1 .tab-tip1 {
        top: 20%;
        left: 58%;
      }

      .img-tip1 .tab-tip1 {
        top: 25%;
        left: 64%;
      }

      /* .img-tip1 .tab-tip1 .tip-tool::before{top:auto;left:100px;bottom:-9px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} */

      .img-tip1 .tab-tip2 {
        top: 58%;
        left: 21%;
      }

      .img-tip1 .tab-tip2 .tip-tool {
        top: -115px;
        left: -98px;
      }

      .img-tip1 .tab-tip2 .tip-tool::before {
        top: auto;
        left: 100px;
        bottom: -9px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
      }

      .img-tip1 .tab-tip3 {
        top: 57.5%;
        left: 74%;
      }

      .img-tip1 .tab-tip3 .tip-tool {
        top: -130px;
        left: -89px;
      }

      .img-tip1 .tab-tip3 .tip-tool::before {
        top: auto;
        left: 90px;
        bottom: -9px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
      }

      .img-tip2 .tab-tip1 {
        top: 26%;
        left: 47%;
      }

      .img-tip2 .tab-tip2 {
        top: 12%;
        left: 75%;
      }

      .img-tip2 .tab-tip2 .tip-tool {
        left: -241px;
        top: -30px;
      }

      .img-tip2 .tab-tip2 .tip-tool::before {
        top: 34px;
        left: auto;
        right: -9px;
        transform: rotate(180deg);
      }

      .img-tip2 .tab-tip3 {
        top: 18%;
        left: 19%;
      }

      .img-tip2 .tab-tip4 {
        top: 13%;
        right: 20px;
      }

      .img-tip3 .tab-tip1 {
        top: 29%;
        left: 57%;
      }

      .img-tip3 .tab-tip1 .tip-tool {
        top: -25px;
        left: 26px;
      }

      .img-tip3 .tab-tip1 .tip-tool::before {
        top: auto;
        left: -6px;
        bottom: 20px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(116deg);
      }

      .img-tip3 .tab-tip2 {
        top: 75.5%;
        left: 83.5%;
      }

      .img-tip3 .tab-tip2 .tip-tool {
        top: -66px;
        left: -98px;
      }

      .img-tip3 .tab-tip2 .tip-tool::before {
        top: auto;
        left: 100px;
        bottom: -9px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
      }

      .img-tip3 .tab-tip3 {
        top: 12%;
        left: 77.5%;
      }

      .img-tip3 .tab-tip3 .tip-tool {
        top: 31px;
        left: -60px;
      }

      .img-tip3 .tab-tip3 .tip-tool::before {
        top: -11px;
        left: 62px;
        transform: rotate(90deg);
      }

      @media (max-width: 991px) {
        .img-tip {
          display: none;
        }
      }

/* Cloud button */
      .nav-dwn a{font-size:20px}
      .nav-clo{background:#1F96E5;border-radius:3px;box-shadow:0px 5px 6px #0026ef30;cursor:pointer;height:39px;margin:4px 0 0 10px;position:relative;transition:all .5s;width:45px}
      .nav-clo:before{background:url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;background-size:183px;content:"";height:30px;left:7px;position:absolute;top:10px;width:30px;}
      .nav-clo:hover{background:#1C6190;box-shadow:box-shadow: 0px 5px 6px #0026ef5c;transition:all .5s;}
      .nav-clo ul{background:#fbfeff;border:solid 1px #c0ddff;box-shadow:0 13px 11px #00000042;display:none;padding:30px;position:absolute;right:0;top:55px;width:570px;}
      .nav-clo ul:after{background:#fff;content:"";border:solid #c0ddff;border-width:0 1px 1px 0;height:0px;padding:5px;position:absolute;right:14px;top:-6px;transform:rotate(222deg);width:1px}
      .nav-clo ul:before{content:"";height:10px;left:0;top:0;width:100%}
      .nav-clo ul li{cursor:default;display:inline-block;position:relative;vertical-align:top;}
      .nav-clo ul li:nth-child(1){width:30%}
      .nav-clo ul li:nth-child(1):after{background:url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;background-position:-29px -5px;background-size:170px;content:"";height:141px;left:0;position:absolute;top:0;width:140px}
      .nav-clo ul li:nth-child(2){width:69%}
      .nav-clo ul li h3{font-size:20px;font-weight:500;margin:0}
      .nav-clo ul li p{margin:5px 0 30px 0}
      .nav-clo ul li a{background:none;border:solid 1px #168eff;border-radius:20px;color:#168eff;display:inline-block;font-size:14px;padding:7px 25px;position:relative;transition:all .3s ease}
      .nav-clo ul li a:hover{background:#168eff;color:#fff;text-decoration:none;transition:all .3s ease}
      .nav-clo span{background:url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;background-position:0 -55px;background-size:200px;height:17px;position:absolute;right:12px;top:11px;width:15px;z-index:9}
      .nav-clo{display:none}
      .fea-nav-list #allFeaDiv5 ul{width:23%}

footer#commonFooter .clearfix { display:flex}