.heading-menu {
                display: none
            }

            div#scroll {
                display: none
            }

            body {
                margin: 0;
                padding: 0
            }

            .af,.af * {
                font-family: 'ZohoPuvi';
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
                margin: 0;
                padding: 0;
                -webkit-font-smoothing: antialiased;
                text-rendering: optimizeLegibility;
            }

            .af p,.af a,.af li,.af td,.af td,.af span,.af label {
                line-height: 24px;
                font-size: 14px;
                font-weight: 300;
            }

            .af h1,.af h2,.af h3,.af h4,.af h5,.af h6 {
                margin: 0
            }

            .af ul {
                padding-left: 0;
                margin: 0
            }

            .af li {
                list-style-type: none
            }

            .af a {
                text-decoration: none;
                cursor: pointer;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .af a:hover {
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span {
                box-sizing: border-box;
                color: #000;
                font-weight: 300;
            }

            .af div {
                box-sizing: border-box
            }

            .af {
                width: 100%
            }

            .ac {
                margin: 0 auto;
                position: relative;
                max-width: 1300px;
                width: 90%
            }

            .af:after,.af div:after {
                content: "";
                clear: both;
                display: table
            }

            img {
                -ms-interpolation-mode: bicubic;
                display: inline-block;
                height: auto;
                max-width: 100%;
                vertical-align: middle;
                box-sizing: border-box
            }

            .ban .ac,.foot-look {
                text-align: center;
                background: #2E2E2E;
                background: -o-linear-gradient(330deg,#2E2E2E,#000);
                background: linear-gradient(120deg,#2E2E2E,#000);
                border-radius: 10px;
                padding: 38px;
                overflow: hidden;
                position: relative;
                z-index: 1
            }

            .ban {
                padding: 130px 0 10px;
                background: #F7F7F7
            }

            .foot-look {
                padding: 15px 0 20px
            }

            .pop-lhs:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: url(https://www.manageengine.com/identity-360/images/secure-sso-with-mfa-dots.png) repeat;
                background-size: 115px
            }

            .cal-3,.cal-6,.cal-9 {
                float: left;
                box-sizing: border-box
            }

            .cal-3 {
                width: 25%
            }

            .cal-9 {
                width: 75%
            }

            .cal-6 {
                width: 50%
            }

            .sec-filt .inn {
                display: flex;
                flex-wrap: wrap
            }

            .apps-wrap {
                padding-right: 20px;
    position: sticky;
    top: 120px;
            }

            .ban .ac {
                padding: 30px 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 20px;
    background-image: url(https://www.manageengine.com/active-directory-360/marketplace/admanager-plus/images/admanager-plus-marketplace-home-bg.png);
    background-size: cover;
            }

            .ban-con {
                width: calc(100% - 400px);
                padding-right: 50px
            }

            .ban-img {
                width: 400px;
                position: relative
            }

            .ban img {
                padding-left: 30px;
                width: 100%;    margin-top: -6px;
            }

            .no-results {
                display: none
            }

            

            .brand-1 {
                left: 69px;
                top: 110px
            }

            .brand-2 {
                left: 175px;
                top: 46px
            }

            .brand-3 {
                left: 441px;
                top: 87px
            }

            .brand-4 {
                left: 512px;
                top: 282px
            }

            .brand-5 {
                left: 398px;
                top: 347px
            }

            .brand-6 {
                left: 123px;
                top: 313px
            }

            .me-tit-typ-2 {
                text-align: left;
                padding-right: 50px
            }

            .me-tit-typ-2 span.mark-tag {
                text-transform: uppercase;
    border: 1px solid #949494;
    color: #fff;
    border-radius: 4px;
    padding: 2px 10px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: inline-block;
            }

            .me-tit-typ-2 h1,.me-tit-typ-2 span.sub {
                font-size: 40px;
                line-height: 47px;
                font-weight: 500;
            }

            .me-tit-typ-2 h1 {
                padding: 0 0 20px;
                color: #fff
            }

            .me-tit-typ-2 span.sub {
                display: block;
                color: #fff
            }

            .me-tit-typ-2 p {
                margin: 0;
                padding-bottom: 25px;
                font-size: 16px;
                line-height: 28px;
                color: #ededed;
                font-weight: 300
            }

            .me-tit-typ-2 p:last-child {
                margin-bottom: 0;
                padding-bottom: 0
            }

            .me-btn-red-arr {
                font-size: 16px!important;
                background: #FFD283;
                color: #000;
                padding: 15px 35px 15px 30px;
                cursor: pointer;
                font-weight: 500;
                border: 0;
                border-radius: 5px;
                display: inline-block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-decoration: none;
                -webkit-transition: .3s ease-in;
                -o-transition: .3s ease-in;
                transition: .3s ease-in;
                display: inline-flex;
                text-align: left
            }

            .me-btn-red-arr i {
                width: 15px;
                height: 2px;
                background: #000;
                display: inline-block;
                margin: 10px 0 0 14px;
                position: relative;
                transition: all .5s ease;
                -moz-animation: bounce 3s infinite;
                -webkit-animation: bounce 3s infinite;
                animation: bounce 3s infinite
            }

            @-moz-keyframes bounce {
                0%,20%,50%,80%,100% {
                    -moz-transform: translateX(0);
                    transform: translateX(0)
                }

                40% {
                    -moz-transform: translateX(-6px);
                    transform: translateX(-6px)
                }

                60% {
                    -moz-transform: translateX(-3px);
                    transform: translateX(-3px)
                }
            }

            @-webkit-keyframes bounce {
                0%,20%,50%,80%,100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

                40% {
                    -webkit-transform: translateX(-6px);
                    transform: translateX(-6px)
                }

                60% {
                    -webkit-transform: translateX(-3px);
                    transform: translateX(-3px)
                }
            }

            @keyframes bounce {
                0%,20%,50%,80%,100% {
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

                40% {
                    -moz-transform: translateX(-6px);
                    -ms-transform: translateX(-6px);
                    -webkit-transform: translateX(-6px);
                    transform: translateX(-6px)
                }

                60% {
                    -moz-transform: translateX(-3px);
                    -ms-transform: translateX(-3px);
                    -webkit-transform: translateX(-3px);
                    transform: translateX(-3px)
                }
            }

            .app-min-show {
                max-height: 220px;
                overflow: hidden;
                overflow-y: scroll;
            }

            /* width */
            .app-min-show::-webkit-scrollbar {
                width: 5px;
            }

            /* Track */
            .app-min-show::-webkit-scrollbar-track {
                background: #f1f1f1;
            }

            /* Handle */
            .app-min-show::-webkit-scrollbar-thumb {
                background: #b2b2b2;
            }

            /* Handle on hover */
            .app-min-show::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

            .me-btn-red-arr i:after {
                content: '';
                position: absolute;
                width: 8px;
                height: 8px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                transform: rotate(45deg);
                margin: -4px 0 0 2px
            }

            .fil-tit {
                margin-bottom: 25px
            }

            .fil-tit h2 {
                font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
            }

            .ser-inp {
                position: relative;
                margin-bottom: 30px
            }

            .ser-inp input {
                font-size: 16px;
                width: 100%;
                font-weight: 300;
                color: #000;
                background: #fff;
                border-radius: 5px;
                border: 1px solid #CCC;
                padding: 14px 10px;
                padding-left: 42px;
                -webkit-transition: .3s;
                -o-transition: .3s;
                transition: .3s;
                outline: none;
                height: 44px
            }

            .ser-inp input::placeholder {
                color: #535353;
            }

            .sec-filt {
                padding: 50px 0 80px 0;
                background: #F7F7F7
            }

            .sec-filt .cal-3 {
                padding-right: 70px
            }

            .apps {
                display: flex;
                flex-wrap: wrap;
                gap: 30px
            }

            .app {
                padding: 25px 45px 35px 25px;
    border-radius: 10px;
    background: #fff;
    width: calc(100% / 3 - 23px);
    position: relative;
    transition: all .5s ease;
    box-shadow: 1px 3px 10px 1px #3333330a;
            }

            .app p {
                margin-bottom: 12px
            }

            .app h5 {
                font-weight: 500;
    font-size: 15px;
    padding-bottom: 10px;
    color: #000;
            }

            .app:nth-child(1n+13) {
                display: none
            }

            .apps.show-all .app {
                display: block
            }

            .app a.fcl {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%
            }

            .app:hover {
                box-shadow: 0 10px 34px -22px #000000cf
            }

            .tags span {
                background: #EDEDED;
                padding: 1px 8px;
                border-radius: 5px;
                color: #000;
                font-size: 12px;
                margin: 0 2px 5px 0;
                display: inline-block
            }

            .tags span.hig {
                display: none
            }

            .apps-wrap h3 {
                position: relative;
                padding-left: 30px;
                margin-bottom: 20px;
                font-size: 16px;
                font-weight: 400;
            }

            .apps-wrap h3:before {
                content: '';
                position: absolute;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgB7ZbfDYIwEMY//wzACLz6xgbiBrqBTuAMTqBOoBsYJ9AN1AnsBrKB9gIEUq5ni6S+8Eu+lB4tpe3dtUCPHxetAwLzLuTEgLEttaaQybQ2RVkOShyFPnetve3lE9WfS0prfd6OiqjxmBl0ZnyQg2Z4ZewroY9CtTKd4LWnY3QD7ZVCj8HIo+1aa4Lc9YNBjvJCB3CORLGUWNpHRj1hbDYUBGe7QQ7wkjnck8LX5HAGH8SpUae9vcKdB1okB68EIOGTHBR6/gx5Z4rAHJA7WyI1GqJb4qIUEwbnvVvkge8KHWs7w3ZCMyapTheEjBuUlibGb0RozlaVD7brSgx3FGNboHkaZYWsyUGhHVmtVAhEDD9/CMcHKo1Y9gTQaSUAAAAASUVORK5CYII=);
                background-size: cover;
                width: 18px;
                height: 18px;
                left: 0;
                top: 0
            }

            .apps-wrap h4.mT-40 {
                margin-top: 30px;
                border-top: 1px solid #CCC;
                padding-top: 30px;
            }

            .apps-wrap h4 {
                font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 15px;color: #000;
            }

            .apps-wrap h4:last-child {
                margin-top: 60px
            }

            .apps-wrap input[type=checkbox] {
                display: none
            }

            .apps-wrap label {
                position: relative;
                display: block;
                padding-left: 28px;
                margin-bottom: 6px;
                cursor: pointer;
                transition: all .4s ease;
                font-weight: 300;
                line-height: 26px
            }

            .apps-wrap label .mche {
                position: absolute;
                left: 0;
                top: 5px;
                width: 14px;
                height: 14px
            }

            .apps-wrap label .mche:before {
                content: '';
                border: 1px solid #6e6e6e;
                border-radius: 3px;
                width: 14px;
                height: 14px;
                position: absolute
            }

            .apps-wrap input[type=checkbox]:checked + .mche:after {
                content: '';
                position: absolute;
                background-color: transparent;
                left: 6px;
                top: 3px;
                width: 3px;
                border-bottom: 2px solid #fff;
                height: 7px;
                border-right: 2px solid #fff;
                transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg)
            }

            .apps-wrap input[type=checkbox]:checked + .mche:before {
                background: #4445EC;
                border-color: #4445EC
            }

            .apps-wrap label:hover {
                color: #4445EC;
                font-weight: 400
            }

            .blogo {
                height: 80px;
                display: inline-block;
                margin-bottom: 20px
            }

            .logo-11 {
                background-position: -13px 2px
            }

            .logo-12 {
                background-position: -80px 0
            }

            .logo-13 {
                background-position: -18px -180px
            }

            .search-ic {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgB5VaLccIwDJW7QD2CN2hGSDdgg2aDjkBGYAPYgG4AG4ROkHQC2MCVidwTJm4sO9frHe9OZz56enom0gHwKFCpidbaCg8Xhj46YQxKqRMsCRTSGGuMs42jx2gkddUvgjUeewxNHw0YR4wvev8Ct87d96/ofIAckDuPAzUQy23IraUbeQMpkLRigq2A1zLhKpXniIZ13YIQyNkQt5OQ1mLSLV+zpptUkifUkAn6ja/PQkpy7UcACkBu/YjpqZwn9trQ+QkFwJG5wDg+vOas6BIbxjdezYle6Jy8EiGeg5qzogbKYYKa06AZ9cOd7ZbXieX8OKWdeYTxeleQj3c6P5Ky2YxluWUuHYyEePBbSSIcrNAtSBCQu5SO3YJnHCta+BHha+dThWiLbe09etH1BsK7oNiZCvb2/t/EhjhdkXAg3kcctby4HXfvvlg4KGgo9EzubjFhCZiw7GleQLj5U6f/Ct+rlTrEo7NbOQAAAABJRU5ErkJggg==) no-repeat;
                background-size: 16px;
                width: 16px;
                height: 16px;
                position: absolute;
                left: 21px;
                top: 0;
                bottom: 0;
                margin: auto;
                opacity: 1;
                filter: brightness(0.4)
            }

            .more-apps {
                text-align: center;
                padding: 20px 0 10px
            }

            .more-aps-cta {
                color: #000;
                font-size: 15px!important;
                border: 2px solid #000;
                display: inline-block;
                padding: 10px 25px;
                border-radius: 50px;
                font-weight: 500;
                cursor: pointer;
                transition: all .4s ease
            }

            .more-aps-cta:hover {
                border: 2px solid #000;
                color: #000
            }

            .filter-section {
                display: flex;
                align-items: center;
                gap: 10px
            }

            .filter-section * {
                font-weight: 300;
            }

            .filter-tags {
                display: flex;
                gap: 10px;
                align-items: center
            }

            .filter-tag {
                background-color: #f0f0f0;
                padding: 5px 10px;
                border-radius: 5px;
                font-size: 14px;
                display: inline-flex;
                align-items: center
            }

            .remove-tag {
                margin-left: 10px;
                cursor: pointer
            }

            .clear-all {
                color: #000;
                text-decoration: none;
                font-size: 14px;
                display: none;
                cursor: pointer;
            }

            .filter-tag ~ .clear-all {
                display: block
            }

            .clear-all:hover {
                text-decoration: underline
            }

            .rhs-fix span span {
                font-size: 12px
            }

            .foot-look {
                padding: 60px 50px;
                border-radius: 10px;
                background: linear-gradient(269deg,#036276 0,#043747 100%);
                max-width: 900px;
                margin: 0 auto;
                margin-bottom: 70px;
                margin-top: 50px
            }

            .foot-look h2 {
                color: #fff
            }

            .foot-look a {
                position: absolute;
                right: 50px;
                top: 48px
            }

            .cal-flex {
                display: flex;
                flex-wrap: wrap
            }

            .cal-6-flex {
                width: 50%
            }

            .af .find-ban {
                padding: 38px;
                margin-top: 50px
            }

            .af .find-ban h4 {
                margin-bottom: 16px
            }

            .fil-tit .ser-inp {
                display: none;
            }

            @media screen and (max-width: 1500px) {
                .ban-con {
                    width:calc(100% - 400px)
                }

                .me-tit-typ-2 h1 br {
                    display: none
                }

                .ban-img {
                    width: 400px
                }
            }

            @media screen and (max-width: 1400px) {
                .me-tit-typ-2 h1 {
                    font-size:36px;
                    line-height: 46px
                }

                .me-tit-typ-2 {
                    padding-right: 0
                }

                .apps-wrap {
                    padding-right: 0;
                }
            }

            @media screen and (max-width: 992px) {
                .cal-6 {
                    width:100%
                }
            }

            @media screen and (max-width: 1150px) {
                .app {
                    width:calc(100% / 3 - 20px)
                }

                .sec-filt .cal-3 {
                    padding-right: 40px;
                }
            }

            @media screen and (max-width: 1100px) {
                .ac {
                    max-width:90%
                }
            }

            @media screen and (max-width: 1050px) {
                .ban-con {
                    width:100%;
                    padding-right: 0
                }

                .ban-img {
                    display: none
                }

                .me-tit-typ-2 {
                    text-align: center
                }

                .me-tit-typ-2 h1 {
                    padding-bottom: 0
                }
            }

            @media screen and (max-width: 1024px) {
                .foot-look {
                    text-align:center;
                    padding: 40px
                }

                .foot-look h2 {
                    font-size: 24px
                }

                .foot-look a {
                    position: relative;
                    right: initial;
                    top: initial;
                    margin-top: 20px
                }

                .fil-tit h2 {
                    font-size: 20px;
                    line-height: 28px
                }
            }

            @media screen and (max-width: 992px) {
                .app {
                    width:calc(100% / 2 - 20px)
                }

                .ban .ban-img {
                    display: none
                }

                .checkmark {
                    margin: 0 auto;
                    display: block;
                    margin-bottom: 10px
                }
            }

            @media screen and (max-width: 768px) {
                .sec-filt .cal-3, .filter-tags-main {
                    display:none
                }

                .sec-filt .cal-9 {
                    width: 100%
                }

                .me-tit-typ-2 {
                    padding-right: 0
                }

                .me-tit-typ-2 h1,.me-tit-typ-2 span.sub {
                    font-size: 26px;
                    line-height: 36px
                }

                .ser-inp input {
                    width: 100%
                }

                .fil-tit .ser-inp {
                    display: block;
                }
            }

            @media screen and (max-width: 580px) {
                .apps {
                    gap:15px
                }

                .app {
                    width: 100%
                }
.ban .ac{padding:40px}
            }