* {
            font-family: 'ZohoPuvi';
        }

        .heading-menu {
            display: none
        }

        strong {
            font-weight: 600;
            color: #000;
        }

        #scroll.sec-pTB {
            padding: 0
        }

        .container {
            max-width: 1200px;
        }

        .banner {
            padding: 85px 0 107px 0;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-banner.png') no-repeat;
            background-size: 100% 100%;
            background-color: #a0e3ff;
        }

        .banner .container {
            position: relative;
            padding-right: 40%;
            box-sizing: border-box;
            max-width: 1100px;
        }

        .container {
            max-width: 1200px;
            margin: auto;
            box-sizing: border-box;
        }

        .banner h1 {
            font-size: 40px;
            line-height: 51px;
            font-weight: 600;
            color: #000;
            margin: 0;
        }

        .banner p {
            font-size: 18px;
            line-height: 30px;
            color: #333333;
            font-weight: 300;
            margin: 0;
            margin-top: 15px;
        }

        .banner-image {
            width: 210px;
            height: 260px;
            position: absolute;
            right: 69px;
            top: -51px;
            background-color: #d8fbff;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 337px;
            background-position: -10px 12px;
        }

        .b-img {
            width: 40px;
            height: 40px;
            position: absolute;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 317px;
            background-position: -265px -8px;
            transition: .3s ease-in;
        }

        .img1 {
            left: -71px;
            top: 39%;
            animation: shake 2.5s linear alternate infinite;
        }

        .img2 {
            background-position: -270px -64px;
            left: -28px;
            top: -5px;
            transition-delay: 0.3s;
            animation: shake 2.5s ease-in-out alternate infinite;
        }

        .img3 {
            background-position: -270px -119px;
            right: -28px;
            transition-delay: 0.6s;
            animation: shake 2.5s ease-in-out alternate infinite;
        }

        .img4 {
            background-position: -270px -183px;
            right: -70px;
            top: 40%;
            transition-delay: 0.9s;
            animation: shake 2.5s ease-in-out alternate infinite;
        }

        @keyframes shake {
            from {
                transform: translateY(-8px)
            }

            to {
                transform: translateY(8px)
            }
        }

        div#topic-2 {
            margin-bottom: 50px;
        }

        .content-section {
            padding-top: 80px;
            background: rgb(248, 250, 254);
            background: -moz-linear-gradient(180deg, rgba(248, 250, 254, 1) 0%, rgba(248, 250, 254, 1) 37%, rgba(255, 255, 255, 1) 100%);
            background: -webkit-linear-gradient(180deg, rgba(248, 250, 254, 1) 0%, rgba(248, 250, 254, 1) 37%, rgba(255, 255, 255, 1) 100%);
            background: linear-gradient(180deg, rgba(248, 250, 254, 1) 0%, rgba(248, 250, 254, 1) 37%, rgba(255, 255, 255, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8fafe", endColorstr="#ffffff", GradientType=1);
        }

        .con-part {
            display: table;
            width: 100%;
            position: relative;
        }

        .lhs-side {
            max-width: 350px;
            display: inline-block;
            background: #fff;
            box-shadow: 0px 0px 20px #ecf1fe;
            border-radius: 3px;
            position: absolute;
            float: left;
            left: 0px;
            top: 0px;
            width: 100%;
            box-sizing: border-box;
            position: sticky;
            top: 105px;
        }

        .rhs-side {
            width: calc(100% - 360px);
            float: right;
            padding-left: 30px;
            display: inline-block;
            box-sizing: border-box;
        }

        #topic-1 p:nth-of-type(1) {
            margin-top: -8px;
        }

        .con-part h2 {
            font-size: 24px;
            line-height: 37px;
            margin: 0;
            font-weight: 500;
            margin-top: 52px;
            padding-right: 10%;
            color: #000;
            margin-bottom: 30px;
        }

        .lhs-side p {
            font-size: 19px;
            font-weight: 500;
            color: #252525;
            margin: 0;
            padding: 20px 18px;
            border-bottom: 1px solid #dee5ef;
            box-sizing: border-box;
            text-align: center;
        }

        .lhs-side li a {
            font-size: 14px;
            line-height: 20px;
            color: #333333;
            font-weight: 300;
            padding: 20px 0px;
            display: inline-block;
            width: 100%;
            padding-right: 20px;
            box-sizing: border-box;
            border-bottom: 1px solid #dee5ef;
            max-width: 87%;
            margin-left: 8%;
            z-index: 1;
            position: relative;
        }

        .lhs-side li:last-child a {
            border: none;
        }

        .lhs-side li.activenow {
            background: #f3faff;
            transition: .3s ease-in;
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .lhs-side li.activenow a {
            font-weight: 600;
        }

        .lhs-side li a:hover {
            text-decoration: none;
        }

        .lhs-side li.activenow:before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            right: 16px;
            top: 33%;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 300px;
            background-position: -265px -225px;
            z-index: 0;
        }

        .lhs-side li:hover {
            background: #f3faff;
        }

        .lhs-side li {
            transition: .3s ease-in;
        }

        .lhs-side li:hover a {
            font-weight: 400;
        }

        .lhs-side li.activenow:hover a {
            font-weight: 600;
        }

        .rhs-side p {
            margin-bottom: 45px;
            display: table;
            width: 100%;
            font-size: 15px;
            line-height: 30px;
            color: #333333;
            font-weight: 300;
        }

        div#topic-1 h2 {
            margin-top: 0;
        }

        .rhs-side h3 {
            font-size: 22px;
            font-weight: 500;
            color: #000;
        }

        .gray-card {
            box-sizing: border-box;
            padding: 20px 30px;
            background: #f7f9fe;
            margin-bottom: 30px;
            border-radius: 5px;
        }

        .rhs-side h5 {
            font-size: 18px;
            line-height: 27px;
            font-weight: 500;
            margin: 0;
            color: #000;
            max-width: 80%;
        }

        .card-details {
            box-sizing: border-box;
            padding-left: 138px;
            position: relative;
        }

        .card-details p {
            font-weight: 300;
            margin-top: 7px;
        }

        .card-details:before {
            content: '';
            width: 120px;
            height: 100px;
            position: absolute;
            left: 0;
            top: 35px;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 280px;
            background-position: -3px -312px;
            vertical-align: middle;
        }

        .card-2:before {
            background-position: -137px -312px;
            top: 63px;
        }

        .card-3:before {
            background-position: 5px -441px;
        }

        .card-4:before {
            background-position: -124px -441px;
        }

        .rhs-side li {
            width: 100%;
            font-size: 15px;
            line-height: 30px;
            color: #333333;
            font-weight: 300;
            position: relative;
            padding-left: 40px;
            box-sizing: border-box;
            margin-bottom: 10px;
        }

        .rhs-side li:before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            left: 5px;
            top: 3px;
            background: url("https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png") no-repeat;
            background-size: 300px;
            background-position: -27px -266px;
        }

        .rhs-side ul {
            margin-top: 0;
            padding-top: 0;
            margin-top: -15px;
        }

        #topic-6 p {
            margin-bottom: 0;
        }

        .tile {
            position: relative;
            width: 100%;
            padding: 22px;
            padding-left: 78px;
            box-sizing: border-box;
            background: #e7fbff;
            margin-bottom: 8px;
            border: 1px solid #cfebef;
            border-radius: 5px;
        }

        div#topic-6 h2 {
            margin-bottom: 25px;
        }

        .tile-title {
            font-size: 18px;
            font-weight: 500;
            color: #000;
        }

        .tile p {
            margin: 0;
            font-weight: 400;
        }

        .tile:before {
            content: '';
            width: 50px;
            height: 50px;
            position: absolute;
            left: 18px;
            top: 22%;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 330px;
            background-position: -10px -288px;
        }

        .tile-2:before {
            background-position: -68px -288px;
        }

        .tile-3:before {
            background-position: -136px -289px;
        }

        .tile-4:before {
            background-size: 310px;
            background-position: -182px -272px;
        }

        .tile-5:before {
            background-position: -269px -293px;
        }

        .tile:after {
            content: "";
            width: 100%;
            height: calc(100% + 2px);
            position: absolute;
            right: -2px;
            top: -1px;
            background: red;
            z-index: 0;
            background: rgb(241, 251, 255);
            background: -moz-linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%);
            background: -webkit-linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%);
            background: linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1fbff", endColorstr="#ffffff", GradientType=1);
        }

        .tile * {
            z-index: 1;
            position: relative;
        }

        .rhs-side table {
            width: 100%;
            margin-top: 30px;
        }

        .rhs-side table td {
            padding: 15px 10px;
            border: 1px solid #e2e8f1;
            padding-left: 30px;
            font-size: 15px;
            color: #333333;
            font-weight: 400;
        }

        .rhs-side table tr:nth-child(odd) {
            background: #f1fbff;
        }

        .table {
            display: table;
        }

        .pdf-side {
            max-width: 345px;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 100% 100%;
            text-align: center;
            box-sizing: border-box;
            padding: 20px 0;
            box-shadow: 0px 0px 20px #d0d5db;
            border-radius: 8px;
            position: relative;
            padding-top: 45px;
            width: 100%;
            float: left;
        }

        .pdf-side .book-image {
            display: table;
            width: 267px;
            height: 349px;
            margin: auto;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 350px;
            background-position: 13px -790px;
        }

        .pdf-side a {
            font-size: 17px;
            font-weight: 400;
            color: #fff;
            display: inline-block;
            background: #d73436;
            padding: 8px 29px;
            border-radius: 5px;
            margin-bottom: 20px;
            transition: .3s ease-in;
        }

        .pdf-side:hover a {
            text-decoration: none;
            transform: translateY(-5px);
            background: #ff0003;
        }

        .blue-lable {
            position: absolute;
            font-size: 17px;
            font-weight: 400;
            left: 0;
            right: 0;
            margin: 0 auto;
            background: #6493ff;
            display: table;
            width: 100px;
            color: #fff;
            padding: 6px;
            text-align: center;
            border-radius: 40px;
            top: -19px;
            text-transform: uppercase;
            z-index: 1;
        }

        .resources {
            position: relative;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat;
            background-size: 100% auto;
            background-position: 0px 317px;
            padding-bottom: 80px;
        }

        .resources h2 {
            text-align: center;
            font-size: 28px;
            line-height: 42px;
            margin-bottom: 45px;
            font-weight: 400;
            color: #000;
            margin-top: 100px;
            position: relative;
        }

        .resources h2 span {
            font-weight: 600;
        }

        .resources h2:before {
            content: '';
            width: 161px;
            height: 4px;
            background: #ff6464;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -23px;
            margin: auto;
        }

        .resources h3 {
            font-size: 23px;
            line-height: 44px;
            text-align: center;
            font-weight: 500;
            color: #000;
        }

        .slider-side {
            width: calc(100% - 380px);
            float: right;
            position: Relative;
        }

        .slider-side .blue-lable {
            width: 150px;
        }

        .controls {
            display: table;
            margin: auto;
            margin-top: 30px;
            background: #353535;
            padding: 4px 16px;
            user-select: none;
            position: relative;
            z-index: 1;
        }

        .controls span {
            cursor: pointer;
            padding: 0 14px;
            cursor: pointer;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
        }

        .controls span.ar {
            border-right: 1px solid #696a6d;
            height: 30px;
            display: inline-block;
        }

        .ar:after {
            content: ' \279C';
            font-size: 20px;
            position: relative;
            color: #fff;
            top: 2px;
        }

        .controls span.ar.prev {
            padding-left: 0;
        }

        .ar.prev:after {
            transform: rotateY(180deg);
            display: inline-block;
        }

        .ar:after {
            content: ' \279C';
            font-size: 20px;
            position: relative;
            color: #fff;
            top: 2px;
            opacity: 0.5;
        }

        .controls span.ar.prev {
            padding-left: 0;
        }

        .ar.prev:after {
            transform: rotateY(180deg);
            display: inline-block;
        }

        #to-prev::after,
        #to-next::after {
            opacity: 1;
        }

        .btm-banner {
            padding: 30px;
            text-align: center;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-btm-bnr.png') no-repeat;
            background-size: 100% 100%;
            margin-top: 100px;
            max-width: 1130px;
        }

        .btm-banner p {
            font-weight: 300;
            font-size: 27px;
            line-height: 39px;
            max-width: 500px;
            display: table;
            margin: AUTO;
            color: #000;
        }

        .btm-banner p .strong {
            display: block;
            font-weight: 600;
        }

        .btm-banner a {
            font-size: 17px;
            font-weight: 400;
            color: #fff;
            display: inline-block;
            background: #d73436;
            padding: 10px 29px;
            border-radius: 5px;
            margin-top: 20px;
            transition: .3s ease-in;
            margin-bottom: 8px;
        }

        .btm-banner a:hover {
            background: #ab1113;
            text-decoration: none;
        }

        /* logo section */
        .trustedBy {
            margin-top: 100px;
            margin-bottom: 70px;
        }

        .trustedBy h2 {
            text-align: center;
            font-size: 28px;
            line-height: 42px;
            font-weight: 300;
            color: #000;
            position: relative;
            display: table;
            margin: auto;
            background: white;
            padding: 0 5px;
            margin-bottom: 15px;
        }

        .trustedBy h2 span {
            font-weight: 600;
        }

        .trustedBy h2:before {
            content: '';
            width: calc(100% + 400px);
            height: 2px;
            position: absolute;
            top: 22px;
            left: -200px;
            margin: auto;
            background: rgb(241, 251, 255);
            background: -moz-linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgba(121, 121, 121, 1) 20%, rgba(121, 121, 121, 1) 80%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgba(121, 121, 121, 1) 20%, rgba(121, 121, 121, 1) 80%, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(90deg, rgba(241, 251, 255, 0) 0%, rgba(121, 121, 121, 1) 20%, rgba(121, 121, 121, 1) 80%, rgba(255, 255, 255, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1fbff", endColorstr="#ffffff", GradientType=1);
            z-index: -1;
        }

        .cus-logo ul {
            display: table;
            text-align: center;
            margin: auto;
            margin-top: 30px;
        }

        .cus-logo li {
            float: none;
            height: 60px;
            background: url('https://www.manageengine.com/log-management/cyber-security/images/log360_trust_img_health_logos_2024_2x.png') no-repeat;
            background-size: 820px 48px;
            background-position: -3px 8px;
            display: inline-block;
            margin: 0px 19px;
            width: 39px;
        }

        .cus-logo li:nth-of-type(2) {
            background-position: -81px 6px;
            width: 86px;
        }

        .cus-logo li:nth-of-type(3) {
            background-position: -207px 7px;
            width: 110px;
        }

        .cus-logo li:nth-of-type(4) {
            background-position: -357px 10px;
            width: 106px;
        }

        .cus-logo li:nth-of-type(5) {
            background-position: -503px 9px;
            width: 123px;
        }

        .cus-logo li:nth-of-type(6) {
            background-position: -667px 14px;
            width: 138px;
        }

        @media screen and (max-width : 1100px) {
            .cus-logo li {
                margin: 0px 10px;
            }
        }

        /* logo section end*/
        /* slider */
        .card-carousel {
            margin: auto;
            width: 650px;
            height: 520px;
            position: relative;
            perspective: 1000px;
        }

        .carousel {
            height: 100%;
            width: 100%;
            position: absolute;
            transform-style: preserve-3d;
            transition: transform 1s;
            top: 70px;
        }

        .item {
            display: block;
            position: absolute;
            transition: transform 1s;
        }

        .item img {
            max-width: 100%;
            box-shadow: 0px 0px 20px #d0d5db;
            box-sizing: border-box;
            border: 8px solid #fff;
            border-radius: 6px;
        }

        .slide-item {
            transition: .4s ease;
            opacity: .7;
            display: none;
        }

        .active-slide {
            transform: rotateY(0deg) translateZ(251px);
            opacity: 1;
            display: block;
        }

        .prev-slide {
            transform: translate3d(-21%, 0px, 100px);
            display: block;
        }

        .next-slide {
            transform: translate3d(20%, 0px, 100px);
            display: block;
        }

        .disable {
            opacity: .4;
            pointer-events: none;
        }

        .carousel-slider:fullscreen .card-carousel {
            width: 70vw;
            height: 80vh;
        }

        /* slider end*/
        @media screen and (max-width : 1250px) {

            .container,
            .banner .container {
                max-width: 90%;
            }

            .admpcstmrtmpftrbg {
                text-align: center;
            }
        }

        @media screen and (max-width : 1100px) {
            .card-carousel {
                width: 60%;
                height: calc(100vw - 55vw);
            }
        }

        @media screen and (min-width : 993px) and (max-width : 1025px) {
            .banner h1 {
                margin-top: 35px;
            }
        }

        @media screen and (max-width : 992px) {
            .banner .container:before {
                display: none;
            }

            .banner-image {
                display: none;
            }

            .banner h1 {
                text-align: center;
            }

            .banner .container {
                padding: 0;
            }

            .content-section {
                padding-top: 40px;
            }

            .lhs-side {
                display: none;
            }

            .rhs-side {
                width: 100%;
                padding: 0;
            }

            .con-part h2 {
                padding: 0;
            }

            .pdf-side {
                float: none;
                margin: auto;
                margin-bottom: 80px;
            }

            .slider-side {
                width: 100%;
            }

            .resources {
                padding-bottom: 20px;
                background-position: 0 220px;
            }

            .trustedBy {
                margin-top: 50px;
            }

            .btm-banner p {
                max-width: 100%;
            }

            .trustedBy h2:before {
                display: none;
            }

            .resources h2 {
                margin-top: 0;
            }

            .btm-banner {
                margin-top: 50px;
            }
        }

        @media screen and (max-width : 767px) {
            .banner h1 {
                font-size: 25px;
                line-height: 35px;
            }

            .banner p {
                font-size: 18px;
                line-height: 27px;
            }

            .banner {
                padding: 20px 0;
            }

            .content-section {
                padding-top: 23px;
            }

            .con-part h2 {
                font-size: 20px;
            }

            .rhs-side p {
                font-size: 13px;
                line-height: 23px;
                margin-bottom: 10px;
            }

            .rhs-side h3 {
                font-size: 20px;
            }

            .rhs-side h5 {
                font-size: 15px;
            }

            .rhs-side li {
                font-size: 13px;
            }

            .rhs-side ul {
                margin-top: 0;
            }

            div#topic-7 h2 {
                margin-top: 16px;
            }

            .tile-title {
                font-size: 15px;
            }

            .resources h2 {
                font-size: 16px;
                margin-bottom: 40px;
                line-height: 26px;
            }

            .resources h2 span {
                display: inline;
            }

            .rhs-side {
                margin-bottom: 30px;
                margin-top: 15px;
            }

            .btm-banner p {
                font-size: 20px;
                line-height: 29px;
            }

            .trustedBy h2 {
                font-size: 22px;
            }

            .card-details {
                padding: 0;
                padding-top: 0;
                padding-bottom: 15px;
            }

            .btm-banner a {
                font-size: 12px;
            }

            .card-details:before {
                display: none;
            }
        }

        @media screen and (max-width : 600px) {
            .card-carousel {
                width: 60%;
                height: calc(100vw - 45vw);
                margin-top: -10vh;
            }

            .resources h3 {
                font-size: 20px;
                line-height: 24px;
            }
        }

        /* common header */
        @media screen and (max-width : 1100px) {
            .banner {
                /* padding-top: 50px; */
                /* margin-top: -10px; */
            }
        }

        @media screen and (max-width : 1025px) {
            header:not(.abheader) #header-mainsec {}

            #header-mainsec .headerinner {
                box-shadow: none;
            }
        }

        @media screen and (max-width : 992px) {
            .banner {
                padding-bottom: 60px;
            }
        }

        @media screen and (max-width : 767px) {
            .banner {
                padding-top: 65px;
                text-align: center;
                padding-bottom: 25px;
            }

            .banner p {
                margin-top: 4px;
            }
        }

        .sec-pTB.bg-l-grey.mbH.mT20 {
            display: none;
        }

        .btmBar {
            display: none;
        }


        .feb-pre-footer .col20 ul li a[href$="#"] {
            display: block
        }

        /* Temp */

        .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
        }