/*index.css starts */
body {
    color: #000;
}
.three-column>div {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    box-sizing: border-box;
}

section {
    width: 100%;
    position: relative;
    padding: 100px 0;
    box-sizing: border-box;
}

h1 {
    font: 65px/1.1 Zoho_Puvi_Bold;
}

h2 {
    font: 40px/1.2 Zoho_Puvi_Bold;
}

h3 {
    font: 25px/1.2 Zoho_Puvi_Bold;
}

section p,
section li,
section a {
    font: 18px/1.6 Zoho_Puvi_Regular;
}

a {
    text-decoration: none;
}

section img,
section source,
section picture {
    width: 100%;
}

#main-container {
    margin: 0 0;
    padding: 0 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.content-wrap {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.inner-cont-wrap {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.cta .circle-arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #0b5d89;
    border-radius: 20px;
    margin-left: 8px;
    transition: 0.6s ease;
    position: absolute;
    right: -12px;
    z-index: -1;
    transform: scale(0.7);
}

.cta .circle-arrow::before {
    content: "";
    left: 0;
}

.cta .circle-arrow span {
    margin-left: 0;
}

.cta .circle-arrow span,
.cta .circle-arrow span:after,
.cta .circle-arrow span::before {
    background: #fff;
}

.banner-section {
    background: #bbedea;
    color: #fff;
    padding: 75px 0 140px 0;
    height: auto;
}

.banner-section h1,
.banner-section p,
.banner-section span {
    color: #000;
}

.banner-section h1 {
    padding-right: 10px;
}

.banner-section .flex-left-wrap p {
    font-size: 23px;
    margin: 20px 0 40px 0;
    max-width: 450px;
    width: 100%;
}

.banner-section .cta {
    background: #db4228;
    color: #fff;
    text-decoration: none;
    font: 20px/1.5 Zoho_Puvi_Bold;
    position: relative;
    overflow: hidden;
    padding: 18px 60px;
}

.banner-section .cta::after {
    content: "";
    width: 30px;
    height: 110px;
    position: absolute;
    left: -30px;
    top: 0;
    margin-top: -20px;
    background: #e9c5c5;
    opacity: 0.6;
    filter: blur(20px);
    animation: login-blur 3s infinite;
    transform: translate(-10px) rotate(45deg);
    animation-delay: 3.5s;
    transform-origin: top;
}

@keyframes login-blur {
    from {
        transform: translate(-10px) rotate(45deg);
    }
    to {
        transform: translateX(600px) rotate(45deg);
    }
}

.banner-section .img-wrap {
    z-index: 51;
    position: relative;
    max-width: 450px;
    margin: 0 auto;
    top: 20px;
    left: -40px;
    opacity: 0;
    transform: translateX(-20px);
}

.parent-active.banner-section .img-wrap {
    opacity: 1;
    transform: translateX(0);
    transition: 0.6s ease all;
    transition-delay: 0.4s;
}

.animated-img-wrap {
    position: relative;
}

.mobile-banner-image-container {
    display: none;
    margin-top: 40px;
}

.parent-circle {
    transform: scale(0.9);
}

.big-circle,
.small-circle {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 1;
}

.parent-circle .big-circle,
.parent-circle .small-circle {
    border-radius: 50%;
}

.parent-active .parent-circle .small-circle {
    opacity: 1;
    transition-delay: 0.3s;
    animation: _circle_anim 0.6s linear;
    animation-delay: 0.3s;
}

.parent-active .parent-circle .big-circle {
    animation: _circle_anim 0.6s linear;
    opacity: 1;
}

@keyframes _circle_anim {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.parent-circle .big-circle {
    width: 630px;
    height: 630px;
    background-color: #85d6d15c;
    z-index: 1;
}

.parent-circle .small-circle {
    width: 430px;
    height: 430px;
    background-color: #8cd6d2;
    z-index: 2;
}

.bot-chat-wrap {
    position: relative;
    z-index: 4;
}

.chat-wrap {
    left: -40px;
    top: 40px;
    z-index: 1;
}

.chat-wrap .notification {
    margin: 12px 0;
    padding: 10px 28px;
    background: linear-gradient(to right, #e7fbfa 0%, #fff0 100%);
    border: 0.3px solid #fff;
    border-radius: 6px;
    font-weight: 500;
    height: 28px;
    width: 230px;
    position: relative;
    opacity: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.5;
}

.chat-wrap>div {
    transition: 0.6s ease;
}

.chat-1 {
    left: -30px;
    transform: translateX(-50px);
}

.chat-2 {
    transform: translateX(50px);
}

.parent-active .chat-wrap {
    opacity: 1;
    transition-delay: 0.4s;
}

.parent-active .chat-wrap .chat-1,
.parent-active .chat-wrap .chat-2 {
    transform: translateX(0);
    opacity: 1;
}

.parent-active .chat-wrap .chat-1 {
    transition-delay: 0.6s;
}

.parent-active .chat-wrap .chat-2 {
    transition-delay: 1.4s;
}

.bot {
    left: 220px;
    top: 113px;
    transform: rotate(10deg);
}

.parent-active .bot {
    transition-delay: 1.3s;
    opacity: 1;
    transform: rotate(0deg);
}

.animated-img-wrap span {
    display: block;
    background-repeat: no-repeat;
    line-height: 2;
}

.protect-shield,
.dashboard-graph,
.bot,
.banner-smilie,
.chat-wrap,
.review-call-out,
.banner-cta-arrow,
.big-circle,
.small-circle {
    position: absolute;
    z-index: 50;
    transition: 0.6s ease;
    opacity: 0;
}

.protect-shield {
    right: 95px;
    transform: scale(1) rotate3d(1, -89, 1, 45deg);
    top: 0;
}

.parent-active .protect-shield {
    opacity: 1;
    transition-delay: 1.6s;
    transform: scale(1) rotate3d(1, 1, 1, 0deg);
}

.protect-shield span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/protect-shield.png);
    height: 65px;
    width: 50px;
    background-size: contain;
}

.review-call-out {
    bottom: 91px;
    right: 88px;
    z-index: 52;
    transform: scale(0.4);
    transform-origin: right bottom;
}

.parent-active .review-call-out {
    opacity: 1;
    transition-delay: 2.7s;
    transform: scale(1);
}

.review-call-out span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/review-call-out.png);
    height: 42px;
    width: 130px;
    background-size: cover;
}

.review-call-out::after,
.review-call-out::before {
    content: "";
    width: 90%;
    position: absolute;
    left: 10px;
    top: 2px;
    height: 30px;
    border-radius: 40px;
    z-index: -1;
}

.review-call-out::after {
    background-color: #fff;
    z-index: -2;
}

.review-call-out::before {
    background-color: #ff0;
    width: 0;
    z-index: -1;
}

.parent-active .review-call-out::before {
    width: 110px;
    transition: 3s ease;
    transition-delay: 3s;
}

.dashboard-graph {
    bottom: 110px;
    left: 120px;
    transform: scale(1.1);
}

.parent-active .dashboard-graph {
    opacity: 1;
    transition-delay: 2.9s;
    transform: scale(1);
}

.dashboard-graph span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/dashboard-graph.png);
    height: 65px;
    width: 50px;
    background-size: contain;
}

.bot span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/index-bot.svg);
    height: 60px;
    width: 50px;
    background-size: 47px;
}

.dashboard-top {
    height: 37px;
    background: #75d4ca;
    border-radius: 10px 10px 0 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.dashboard-close-mark span {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
}

.dasboard {
    width: 260px;
    height: 212px;
    position: absolute;
    background: linear-gradient(to left, #cff3f1 0%, rgb(255 255 255 / 32%) 100%);
    border: 1px solid #fff;
    border-radius: 10px;
    transform: scale(0.9);
    z-index: 53;
    right: -80px;
    top: 130px;
    opacity: 0;
}

.dasboard .dashboard-top {
    height: 30px;
}

.parent-active .dasboard {
    transform: translateY(0) scale(0.8);
    opacity: 1;
    transition: 0.6s ease;
    transition-delay: 1.8s;
}

.dashboard-main .search {
    width: 70%;
    background: #fff;
    height: 27px;
    margin: 20px auto 0;
    border-radius: 20px;
    transform: scale(0);
    position: relative;
}

.dashboard-main .search::after {
    content: "";
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-search.svg);
    height: 14px;
    width: 13px;
    background-size: contain;
    position: absolute;
    right: 14px;
    top: 7px;
}

.parent-active .dashboard-main .search {
    transform: scale(1);
    transition: 0.8s ease;
    transition-delay: 1.9s;
}

.main-column {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.main-column>div {
    height: 37px;
    width: 37px;
    margin: 0 13px;
    border-radius: 6px;
    transform: translateY(10px);
    opacity: 0;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.parent-active .main-column>div {
    transition: 0.8s ease;
    transform: translateY(0);
    opacity: 1;
}

.dashboard-main .main-column:nth-child(2)>div:nth-child(1) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-01.svg);
}

.parent-active .dashboard-main .main-column:nth-child(2)>div:nth-child(1) {
    transition-delay: 2s;
}

.dashboard-main .main-column:nth-child(2)>div:nth-child(2) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-02.svg);
}

.parent-active .dashboard-main .main-column:nth-child(2)>div:nth-child(2) {
    transition-delay: 2.1s;
}

.dashboard-main .main-column:nth-child(2)>div:nth-child(3) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-03.svg);
}

.parent-active .dashboard-main .main-column:nth-child(2)>div:nth-child(3) {
    transition-delay: 2.2s;
}

.dashboard-main .main-column:nth-child(3)>div:nth-child(1) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-04.svg);
}

.parent-active .dashboard-main .main-column:nth-child(3)>div:nth-child(1) {
    transition-delay: 2.3s;
}

.dashboard-main .main-column:nth-child(3)>div:nth-child(2) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-05.svg);
}

.parent-active .dashboard-main .main-column:nth-child(3)>div:nth-child(2) {
    transition-delay: 2.4s;
}

.dashboard-main .main-column:nth-child(3)>div:nth-child(3) {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/portal-icons-06.svg);
}

.parent-active .dashboard-main .main-column:nth-child(3)>div:nth-child(3) {
    transition-delay: 2.5s;
}

.banner-smilie {
    right: 56px;
    bottom: 52px;
}

.banner-smilie span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/banner-smile.svg);
    height: 50px;
    width: 50px;
    background-size: contain;
}

.parent-active .banner-smilie {
    opacity: 1;
    transition-delay: 2.5s;
}

.banner-cta-arrow {
    bottom: 40px;
    left: 180px;
}

.parent-active .banner-cta-arrow {
    opacity: 1;
}

.banner-cta-arrow span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/banner-arrow.svg);
    height: 70px;
    width: 100px;
    background-size: contain;
}

.banner-cta-arrow::after {
    content: "";
    height: 100%;
    background: #bbece9;
    position: absolute;
    top: 0;
    width: 100%;
    transition: 0.6s ease;
}

.parent-active .banner-cta-arrow::after {
    width: 0;
    transition-delay: 2.3s;
}

.trusted-brand-setion {
    z-index: 1;
    padding: 0 0 30px 0;
    margin: -95px 0 0 0;
}

.trusted-brand-parent-wrap h4 {
    font: 20px/1.6 Zoho_Puvi_Bold;
    text-align: center;
    position: relative;
}

.trusted-brand-parent-wrap h4::after,
.trusted-brand-parent-wrap h4::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    top: 50%;
    transform: translate(0, -50%);
    background: linear-gradient(to right, rgb(0 0 0 / 24%) 0%, #fff0 100%);
}

.trusted-brand-parent-wrap h4::after {
    left: 83%;
}

.trusted-brand-parent-wrap h4::before {
    right: 83%;
    transform: translate(0, -50%) rotate(180deg);
}

.promo-wrap {
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 222;
    box-sizing: border-box;
}

.promo-wrap>div {
    transform: translateY(30px);
    opacity: 0;
    background: #fff;
    flex-grow: 1;
    flex-basis: 0%;
    margin: 20px auto;
    /*    padding: 20px 60px;*/
    padding: 1px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    max-width: 580px;
    box-sizing: border-box;
}

.promo-wrap .promo-item {
    width: 500px;
    padding: 20px 43px;
}

span.promo-heading {
    font: 17px / 1.5 Zoho_Puvi_Bold;
}

.promo-wrap.content-view>div {
    transform: translateY(0);
    opacity: 1;
    transition: 0.6s ease;
}

.promo-wrap>div:nth-child(1) {
    transition-delay: 0.2s;
}

.promo-wrap>div:nth-child(2) {
    transition-delay: 0.4s;
}

.promo-wrap .promo-link-wrap {
    width: 100%;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    max-width: 800px;
    margin: 0 auto;
    padding:20px 0;
}

.promo-wrap .promo-link-wrap p {
    font-size: 16px;
    margin: 8px 0;
}

.promo-link-wrap>div {
    box-sizing: border-box;
}

.promo-link-wrap .arw_lnk {
    color: #0869db;
}

.promo-link-wrap .arw_lnk span,
.promo-link-wrap .arw_lnk span::before,
.promo-link-wrap .arw_lnk span::after {
    background: #0869db;
}

.promo-link-wrap .arw_lnk:hover span {
    margin-left: 11px;
    transition: 0.5s ease;
}

.promo-link-wrap>div:nth-child(1) {
    width: 120px;
}
 .sdp-magic-icon.promo-link-wrap>div:nth-child(1) {
	width: 85px;
}
.promo-link-wrap>div:nth-child(2) {
    max-width: calc(100% - 120px);
    flex: 0 0 calc(100% - 120px);
    padding: 0 0 0 40px;
}
.sdp-magic-icon.promo-link-wrap>div:nth-child(2){
	padding-left: 35px;
}
.promo-link-wrap span.promo-icon {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/special-rewards-sprit.svg);
    background-repeat: no-repeat;
    background-size: 230px;
    height: 100%;
    width: 100%;
    background-position: 0 1px;
    display: inline-block;
}

.promo-wrap>div:nth-child(2) .promo-icon {
    background-position: -117px 1px;
}

.brand-sprite-parent-wrap {
    border-radius: 20px 20px 0 0;
    position: relative;
    overflow: hidden;
}

.brand-sprite-sub-wrap {
    width: 100%;
}

.brand-sprite-parent-wrap ul {
    justify-content: space-evenly;
}

.brand-sprite-parent-wrap ul li {
    width: calc(100% / 6);
    height: 80px;
}

.brand-sprite-parent-wrap ul li span {
    background-image: url("https://www.manageengine.com/products/service-desk/style/../images/trust-brand-sprit.svg");
    /*background-image: url(https://cdn.manageengine.com/products/service-desk/images/trust-brand-sprit.svg);*/
    background-size: 650px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    transform: translateY(0) scale(1);
    transform-origin: center bottom;
    transform: translateY(25px);
    opacity: 0;
}

.brand-sprite-sub-wrap .content-view ul li span {
    transform: translateY(0);
    opacity: 1;
    transition: 1s ease;
}

.brand-sprite-parent-wrap ul li:nth-child(1) span {
    background-position: -6px -15px;
    max-width: 170px;
    transition-delay: 0.1s;
}

.brand-sprite-parent-wrap ul li:nth-child(2) span {
    background-position: 10px -155px;
    max-width: 200px;
    background-size: 450px auto;
    transition-delay: 0.2s;
}

.brand-sprite-parent-wrap ul li:nth-child(3) span {
    background-position: -311px -125px;
    max-width: 200px;
    background-size: 600px;
    transition-delay: 0.3s;
}

.brand-sprite-parent-wrap ul li:nth-child(4) span {
    background-position: -458px -15px;
    max-width: 140px;
    background-size: 600px;
    transition-delay: 0.4s;
}

.brand-sprite-parent-wrap ul li:nth-child(5) span {
    background-position: -205px -194px;
    max-width: 200px;
    background-size: 530px auto;
    transition-delay: 0.5s;
}

.brand-sprite-parent-wrap ul li:nth-child(6) span {
    background-position: -186px -150px;
    max-width: 160px;
    background-size: 700px;
    transition-delay: 0.6s;
}

h3.partner-title {
    font: 17px/1.5 Zoho_Puvi_Regular;
    color: #5e5e5e;
    text-align: center;
}

.highlights-setion {
    background: #fff;
    overflow: hidden;
}

.highlights-setion .flex-right-wrap .arw_lnk span,
.testimonial-setion .arw_lnk span {
    width: 0;
}

.highlights-setion .flex-right-wrap .prev-arw span {
    left: 3px;
    top: 1px;
}

.highlights-setion .flex-right-wrap .next-arw span {
    left: 19px;
    top: -1px;
}

.highlights-setion .flex-right-wrap .arw_lnk span::before,
.highlights-setion .flex-right-wrap .arw_lnk span::after,
.testimonial-setion .arw_lnk span::after,
.testimonial-setion .arw_lnk span::before {
    width: 14px;
    height: 2.5px;
    background: #0c8980;
    border-radius: 3px;
}

.highlights-setion .flex-right-wrap .arw_lnk span::before,
.testimonial-setion .arw_lnk span::before {
    top: -6px;
}

.highlights-setion::after,
.highlights-setion::before {
    content: "";
    position: absolute;
    height: 400px;
    width: 400px;
    z-index: 1;
}

@keyframes shade {
    0% {
        transform: translate(0, 0) scale(0.9);
    }
    50% {
        transform: translate(50px, -50px) scale(1.1);
    }
    100% {
        transform: translate(0, 0) scale(0.9);
    }
}

.highlights-setion .flex-wrap {
    align-items: center;
    position: relative;
    z-index: 2;
}

.highlights-setion h2 {
    margin-bottom: 40px;
    margin-top: 0;
    font-size: 32px;
}

.highlights-setion .cta {
    position: relative;
    color: #000;
    text-decoration: none;
    margin-top: 30px;
    padding: 0 20px 0 0;
}

.highlights-setion .cta span,
.highlights-setion .cta span:after,
.highlights-setion .cta span::before {
    background: #fff;
}

.highlights-setion .cta:hover {
    transition: 0.5s ease;
}

.highlights-setion .cta:hover.cta span {
    transform: translateX(5px) rotate(180deg);
}

.highlights-setion .flex-left-wrap {
    padding-right: 110px;
}

.tab-infinitie-anim-wrap h4 {
    font: 20px/1.2 Zoho_Puvi_Bold;
    margin-left: 0;
}

.highlights-feature.mob>div>div {
    margin-bottom: 50px;
}

.tab-infinitie-anim-wrap .list-item {
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 50px;
    box-sizing: border-box;
    border-radius: 5px;
    transform: scale(0.95);
    transition: 0.6s ease;
}

.tab-infinitie-anim-wrap .list-item.active {
    background: #fff;
    transition: 0.6s ease;
    box-shadow: 0 3px 20px #00000029;
}

.tab-infinitie-anim-wrap .list-item>div {
    position: relative;
}

.tab-infinitie-anim-wrap .list-item>div:nth-child(1) {
    max-width: 20%;
    flex: 0 0 20%;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1) span {
    width: 100px;
    height: 100px;
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/highlights-sprite.png);
    background-repeat: no-repeat;
    background-size: 570px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).three-sixty-degeree span {
    background-position: 11px 8px;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).ai span {
    background-position: -479px 8px;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).last-mil span {
    background-position: -295px 8px;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).deploymet span {
    background-position: -175px 8px;
    width: 107px;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).privacy span {
    background-position: -100px 8px;
    background-size: 630px;
}

.infinitie-overlay-wrap .list-item>div:nth-child(1).dashboard span {
    background-position: -413px 8px;
    background-size: 600px;
}

.tab-infinitie-anim-wrap .list-item>div:nth-child(2) {
    max-width: 80%;
    flex: 0 0 80%;
    padding: 0 0 0 25px;
}

.tab-infinitie-anim-wrap .list-item>div:nth-child(2) p {
    margin-bottom: 0;
    font-size: 16px;
}

.tab-infinitie-anim-wrap {
    overflow-y: hidden;
    height: 500px;
    position: relative;
}

.tab-infinitie-anim-wrap .span-after,
.tab-infinitie-anim-wrap .span-before {
    width: 100%;
    position: absolute;
    z-index: 2;
}

.tab-infinitie-anim-wrap .span-after {
    bottom: 0;
    height: 130px;
    background: -moz-linear-gradient(to top, #e7f8f6 0%, #fff0 100%);
    background: -webkit-linear-gradient(to top, #e7f8f6 0%, #fff0 100%);
    background: linear-gradient(to top, #ffffff 0%, rgb(255 255 255 / 10%) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

.tab-infinitie-anim-wrap .span-before {
    top: 0;
    height: 130px;
    background: -moz-linear-gradient(to bottom, #e7f8f6 0%, #fff0 100%);
    background: -webkit-linear-gradient(to bottom, #e7f8f6 0%, #fff0 100%);
    background: linear-gradient(to top, #ffffff 0%, rgb(255 255 255 / 10%) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    transform: rotate(180deg);
}

.infinitie-overlay-wrap {
    transition: 0.8s ease;
    position: relative;
}

.infinitie-overlay-wrap>div {
    position: relative;
}

.side-button-wrap {
    position: absolute;
    top: 300px;
    right: -120px;
    transform: translate(0%, -50%) rotate(90deg);
}

ul.side-button-wrap li {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 30px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: 1px solid #80808052;
    border-radius: 2px;
}

ul.side-button-wrap li:active {
    background: #8080806b;
}

.awards-setion {
    padding: 0 0 100px;
}

.awards-setion .inner-cont-wrap {
    max-width: 1100px;
}

.awards-setion h2 {
    text-align: center;
}

.awards-setion .cta {
    color: #000;
    text-decoration: none;
    position: relative;
}

.awards-sprite-wrap {
    margin: 50px 0;
}

.awards-sprite-wrap>li {
    max-width: calc(100% / 5);
    flex: 0 0 calc(100% / 5);
}

.awards-sprite-wrap>li span {
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/rewards-sprites.png);
    background-size: 870px;
    background-repeat: no-repeat;
    display: block;
    height: 90px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    transform: translateY(25px);
    transform-origin: bottom center;
    opacity: 0;
}

.parent-active .awards-sprite-wrap>li span {
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease;
}

.awards-sprite-wrap>li:nth-child(1) span {
    max-width: 128px;
    background-size: 940px;
    height: 100px;
    background-position: 5px 0;
}

.awards-sprite-wrap>li:nth-child(2) span {
    background-position: -104px 6px;
    background-size: 810px;
    max-width: 230px;
    transition-delay: 0.2s;
    height: 100px;
}

.awards-sprite-wrap>li:nth-child(3) span {
    background-position: -281px 7px;
    background-size: 690px;
    max-width: 130px;
    transition-delay: 0.3s;
}

.awards-sprite-wrap>li:nth-child(4) span {
    background-position: -305px 2px;
    background-size: 755px;
    max-width: 140px;
    transition-delay: 0.4s;
}

.awards-sprite-wrap>li:nth-child(5) span {
    background-position: -748px -1px;
    max-width: 125px;
    transition-delay: 0.5s;
    margin: auto 10px;
}

.half-circle {
    position: absolute;
    width: 50%;
    display: inline-block;
    top: 0;
    left: 50%;
    background: green;
}

.stats-setion {
    text-align: center;
    background: #fff0 linear-gradient(322deg, #f2f2f2 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
    overflow: hidden;
    padding: 100px 0 30px;
}

.stats-setion .content-wrap {
    position: relative;
    z-index: 2;
}

.stats-setion::after,
.stats-setion::before {
    content: "";
    position: absolute;
    height: 500px;
    width: 500px;
    z-index: 1;
}

.stats-setion::before {
    bottom: 30px;
    left: -280px;
    background: #ecf5f8;
    box-shadow: 1px 1px 38px 28px #ecf5f8;
    border-radius: 50%;
    animation: shade 10s linear infinite;
    transform: translate(0, 0);
}

.stats-setion::after {
    top: 70px;
    right: -280px;
    background: #ff520017;
    box-shadow: 1px 1px 28px 28px #ff520017;
    border-radius: 50%;
    animation: shade 10s linear infinite;
    transform: translate(0, 0);
}

.stats-setion .flex-wrap {
    align-items: flex-start;
}

.stats-setion .top-content-wrap {
    max-width: 800px;
    margin: 0 auto 100px;
}

.stats-setion .three-column .stats-count-wrap {
    text-align: left;
}

.stats-setion .three-column .stats-count-wrap:nth-child(2) {
    padding: 0 45px;
}

.stats-setion .three-column .stats-count-wrap:nth-child(1),
.stats-setion .three-column .stats-count-wrap:nth-child(3) {
    padding-left: 30px;
}

.stats-count-wrap span {
    color: #000;
    flex: 1;
    line-height: 1.2;
    text-decoration: none;
    background-image: linear-gradient(to right, #e7e6e6 0%, 5.700325593352318%, #bfa99b 11.400651186704636%, 55.70032559335232%, #ff7e00 100%);
    background-position: 0 -0.1em;
    background-size: 0 100%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgb(0 0 0 / 0.2);
    font: 72px/1.2 Zoho_Puvi_Bold;
    background-size: 100% 120%;
}

.stats-count-wrap strong {
    font: 18px/1.2 Zoho_Puvi_Bold;
}

.testimonial-setion::before {
    content: "";
    position: absolute;
    top: 0;
    height: 435px;
    width: 100%;
    background: #fff0 linear-gradient(322deg, #f2f2f2 0%, #f8fbfb 100%) 0% 0% no-repeat padding-box;
}

.testimonial-cont-wrap {
    background: #fff;
    box-shadow: 0 3px 20px #00000029;
    border-radius: 20px 20px 20px 20px;
    padding: 60px 100px;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    color: #000;
}

.testi-content {
    font: 28px/1.6 Zoho_Puvi_SemiBold;
    text-align: center;
}

.testi-slider>div {
    max-width: 800px;
    margin: 0 auto;
}

.testi-customer-name {
    color: #656565;
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}

.quotes {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/quotes.png);
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    background-size: contain;
    margin: 0 auto 30px;
}

.testi-customer-logo span {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/customer-brand-sprite.svg);
    background-repeat: no-repeat;
    height: 80px;
    width: 150px;
    display: block;
    background-size: 600px;
    margin: 20px auto 20px;
}

.testi-customer-logo span.liver-pool {
    background-position: 0 -15px;
}

.testi-customer-logo span.gartner {
    background-position: -420px -5px;
    width: 170px;
    margin: 0 auto 20px;
}

.testi-customer-logo span.stratco {
    background-position: -260px -10px;
}

.testi-customer-logo span.albur-city {
    background-position: -145px 0;
    width: 115px;
}

.testimonial-cont-wrap .arw_lnk {
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testi-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 3;
}

.testi-arrow.next-arw {
    right: 0;
}

.testi-arrow.prev-arw {
    left: 0;
}

.prev-nxt-arw {
    display: flex;
    margin-top: 50px;
}

.arw_lnk {
    cursor: pointer;
}

.prev-nxt-arw .arw_lnk:nth-child(1) {
    margin-right: 40px;
}

.arw_lnk span {
    cursor: pointer;
    display: inline-block;
    height: 2px;
    width: 28px;
    background: #03a9f5;
    position: relative;
}

.arw_lnk span::after,
.arw_lnk span::before {
    content: "";
    height: 2px;
    width: 10px;
    background: #03a9f5;
    display: inline-block;
    position: absolute;
}

.slick-disabled span::after,
.slick-disabled span::before,
.slick-disabled span {
    background: #b7b6b6;
    cursor: unset;
}

.arw_lnk span::after {
    transform: rotate(45deg);
    left: 0;
    top: 4px;
}

.arw_lnk span::before {
    transform: rotate(-45deg);
    left: 0;
    top: -4px;
}

.next-arw span {
    transform: rotate(180deg);
    transform-origin: center;
}

.edition-setion {
    padding: 0 0;
}

.edition-setion .top-content-wrap,
.edition-setion .bottom-content-wrap {
    text-align: center;
}

.edition-setion .top-content-wrap {
    margin-bottom: 50px;
}

.edition-setion .bottom-content-wrap {
    margin-top: 90px;
}

.edition-setion .bottom-content-wrap h3 {
    font: 36px/1.2 Zoho_Puvi_SemiBold;
}

.edition-setion .circle-cta {
    text-decoration: none;
    color: #000;
    position: relative;
}

.circle-cta:hover .circle-arrow {
    transform: translateX(5px) scale(0.7);
    transition: 0.6s ease;
}

.arw_lnk span {
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background: #004495;
    height: 1.4px;
    margin-left: 7px;
    transition: 0.5s ease;
}

.arw_lnk span::before,
.arw_lnk span::after {
    width: 7px;
    background: #004495;
    height: 1.4px;
}

.arw_lnk span::before {
    top: -3px;
}

.arw_lnk span::after {
    top: 3px;
}

.edition-table>div:nth-child(4) {
    border: 1px dashed grey;
    border-radius: 0 0 31px 31px;
}

.edition-table .flex-wrap {
    align-items: flex-start;
}

.edition-table .flex-wrap>div {
    box-sizing: border-box;
    padding: 60px 40px;
    border-radius: 30px;
    flex: 0 0 calc(100% / 3 - 20px);
    max-width: calc(100% / 3 - 20px);
    transform: translateY(50px);
    opacity: 0;
    position: relative;
    overflow: hidden;
    min-height: 560px;
}

.parent-active .edition-table .flex-wrap>div {
    transition: 0.6s ease;
    transform: translateY(0);
    opacity: 1;
}

.parent-active .edition-table .flex-wrap>div:nth-child(1) {
    transition-delay: 0s;
}

.parent-active .edition-table .flex-wrap>div:nth-child(2) {
    transition-delay: 0.2s;
}

.parent-active .edition-table .flex-wrap>div:nth-child(3) {
    transition-delay: 0.4s;
}

#standard {
    background: #d6ffff 0% 0% no-repeat padding-box;
    border: 1px solid #93d1d6;
}

#professional {
    background: #fff9e5 0% 0% no-repeat padding-box;
    border: 1px solid #e3b740;
}

#enterprise {
    background: #fde8e8 0% 0% no-repeat padding-box;
    border: 1px solid #fcc8c8;
    overflow: hidden;
}

#standard::after,
#enterprise::after,
#professional::after,
#professional::before {
    content: "";
    top: 190px;
    position: absolute;
    left: 110px;
    width: 130px;
    height: 300px;
    border-radius: 50%;
    z-index: -1;
    transform: rotate(45deg) translate(0, 0);
    animation: shade 10s linear infinite;
}

#standard::after {
    background: #ffffff78;
    box-shadow: 1px 1px 58px 58px #ffffff78;
}

#enterprise::after {
    background: #ffffff85;
    box-shadow: 1px 1px 58px 58px #ffffff85;
}

#professional::after {
    box-shadow: 1px 1px 58px 58px #ffffffb0;
    bottom: 0;
    width: 30px;
    right: 100px;
    left: unset;
    top: unset;
    background: #ffffffb0;
}

#professional::before {
    background: #ffffffb0;
    box-shadow: 1px 1px 58px 58px #ffffffb0;
    top: 0;
    width: 30px;
    left: 70px;
}

.edition-table .flex-wrap>div:nth-child(2) {
    margin: 0 30px;
}

.edition-table .flex-wrap>div ul {
    padding-right: 40px;
}

.edition-table h3 {
    font: 34px/1.2 Zoho_Puvi_Bold;
    margin-top: 0;
    margin-bottom: 0;
}

.edition-table p,
.edition-table li {
    font-size: 16px;
}

.edition-table p {
    font: 16px/1.5 Zoho_Puvi_SemiBold;
    margin-bottom: 30px;
    margin-top: 5px;
}

.edition-table ul li {
    margin-bottom: 10px;
    display: block;
    position: relative;
    padding-left: 32px;
}

a.edition-link:hover {
    text-decoration: underline;
}

a.edition-link {
    color: #000;
    text-decoration: none;
    font-size: 16px;
}

.edition-table ul li::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 6px;
}

.edition-table #enterprise ul li::before {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-red-tick.svg);
}

.edition-table #professional ul li::before {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-yellow-tick.svg);
}

.edition-table #standard ul li::before {
    background-image: url(https://cdn.manageengine.com/products/service-desk/images/edition-green-tick.svg);
}

.m-popular {
    background: #b72828;
    color: #fff;
    padding: 5px 40px;
    position: absolute;
    right: -42px;
    top: 30px;
    transform: rotate(45deg);
    vertical-align: middle;
    display: inline-block;
}

.m-popular::before {
    content: "\22C6";
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 0;
}

.footer-setion {
    margin: 100px 0 0;
    background: #e6fffe 0% 0% no-repeat padding-box;
    overflow-y: hidden;
}

.footer-setion::before,
.footer-cont-wrap::after,
.footer-cont-wrap::before {
    content: "";
    position: absolute;
    height: 400px;
    width: 400px;
    z-index: 1;
    animation: shade 10s linear infinite;
    transform: translate(0, 0);
}

.footer-setion::before {
    top: -50px;
    left: -280px;
    background: #49d88b54;
    box-shadow: 1px 11px 48px 48px #49d88b54;
    border-radius: 50%;
}

.footer-cont-wrap {
    position: relative;
}

.footer-cont-wrap::before {
    bottom: -390px;
    left: 200px;
    background: #c9f0f9f0;
    box-shadow: 1px 11px 48px 48px #c9f0f9f0;
    border-radius: 50%;
}

.footer-cont-wrap::after {
    bottom: -390px;
    right: 0;
    background: #effeeb;
    box-shadow: 1px 11px 48px 48px #effeeb;
    border-radius: 50%;
}

.footer-cont-wrap>div {
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
}

.footer-setion .top-content-wrap {
    max-width: 650px;
    width: 100%;
    margin: 0 auto 50px;
}

.footer-cont-wrap h2 {
    color: #000;
    font: 36px/1.3 Zoho_Puvi_SemiBold;
}

.footer-cta {
    display: flex;
    justify-content: center;
    max-width: 570px;
    margin: 0 auto;
}

.footer-cta>div {
    border-radius: 5px;
}

.footer-cta div:nth-child(1) {
    margin-right: 20px;
}

.footer-cta a {
    text-decoration: none;
    color: #fff;
    font: 18px/1.6 Zoho_Puvi_SemiBold;
}

.footer-cta #signup {
    background: #db4228;
    padding: 0 25px;
    border: 1px solid #db4228;
}

.footer-cta #signup:hover {
    background: #d12b22;
    transition: 0.2s ease;
}

.footer-cta #demo {
    border: 2px solid #000;
}

.footer-cta #demo a:hover {
    background-color: #313131;
    transition: 0.2s ease;
}

.footer-cta #demo a {
    color: #000;
    font: 18px/1.6 Zoho_Puvi_SemiBold;
}

.footer-cta #demo a:hover {
    color: #fff;
    transition: 0.2s ease;
}

a.cta-arrow-animation {
    color: #0067ff;
    text-decoration: none;
    font-size: 17px;
}

span.arrow-animation {
    background: #0067ff;
    width: 14px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    transition: all ease 0.35s;
}

span.arrow-animation:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #0067ff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0;
}

a.cta-arrow-animation:hover .arrow-animation {
    transform: translateX(5px);
    transition: all 0.3s ease;
}

a.highlights-cta {
    margin-top: 20px;
    display: inline-block;
    font-size: 17px;
}

a.award-cta {
    color: #0067ff;
}

span.award-arrow {
    background: #0067ff;
}

span.award-arrow:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #0067ff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0;
}

.edition-cta {
    text-align: center;
    margin-top: 100px;
}

.prd-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

.prd-nav li {
    max-width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
}

.awards-sprite-wrap>li:nth-child(3) {
    display: none;
}


/*FAQ style starts here*/

section.faq-bg {
    position: relative;
}

.faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.faq-bg h2 {
    font: 40px / 1.2 Zoho_Puvi_SemiBold;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.faq-bg h3 {
    font: 20px / 1.2 Zoho_Puvi_Bold;
    margin: 30px 0px 20px 0px;
}

.faq-bg p {
    font: 18px / 1.6 Zoho_Puvi_Regular;
    margin: 0px 0px 0px 0px;
}

.faq-bg .slick-next,
.faq-bg .slick-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform-origin: center;
    border: 2px solid #0c8980;
    transition: all .5s ease;
}

.faq-bg .slick-next:hover,
.faq-bg .slick-prev:hover {
    background: #0c8980;
}

.faq-bg .slick-next:hover::before,
.faq-bg .slick-prev:hover:before,
.faq-bg .slick-next:hover::after,
.faq-bg .slick-prev:hover::after {
    background: #fff;
}

.faq-bg .slick-prev {
    left: -150px;
}

.faq-bg .slick-next {
    right: -150px;
}

.faq-bg .slick-next:after,
.faq-bg .slick-next:before,
.faq-bg .slick-prev:after,
.faq-bg .slick-prev:before {
    background: #0c8980;
    width: 3px;
    height: 14px;
}

.faq-bg .slick-prev:before {
    top: 6px;
    left: 16px;
}

.faq-bg .slick-next:before {
    top: 7px;
    right: 15px;
}

.faq-bg .slick-prev:after {
    bottom: 7px;
    left: 15px;
}

.faq-bg .slick-next:after {
    bottom: 6px;
    right: 15px;
}

.faq-bg .slick-dots li.slick-active {
    background: #0c8980;
    width: 8px;
    height: 8px;
    border: 1px solid #0c8980;
}

a.faq-links {
    font: 16px / 1.1 "Zoho_Puvi_SemiBold";
    text-decoration: none;
    color: #0067ff;
}


/*FAQ style ends here*/


/*AI Page Style Starts Here*/

img.banner-image {
    width: 85%;
    display: block;
    margin: 0 auto;
}

.row {
    display: flex;
    justify-content: center;
    max-width: 1110px;
    margin: 50px auto 0 auto;
}

.row .col {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    flex-grow: 1;
    flex-basis: 0;
    padding: 50px 40px;
    box-shadow: 0px 0px 10px 1px #CAFFFA;
    margin: 10px;
    box-sizing: border-box;
}

.ai-section-bg {
    background: #F4FFFE;
    padding: 100px 0px;
}

.ai-section h2 {
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.ai-section>p {
    font: 18px / 1.6 "Zoho_Puvi_Regular";
    margin: 0px auto 40px auto;
    text-align: center;
    max-width: 900px;
}

.ai-section>a {
    font: 20px / 1.5 "Zoho_Puvi_SemiBold";
    text-align: center;
    display: block;
    color: #004640;
    text-decoration: underline;
}

.ai-section .col img {
    width: 63px;
}

.ai-section .col h5 {
    font: 24px / 1.2 "Zoho_Puvi_Bold";
    margin: 10px 0px 0px 0px;
}

.ai-section .col h6 {
    font: 18px / 1.6 "Zoho_Puvi_Regular";
    margin: 0px 0px 20px 0px;
}

.ai-section .col p {
    font: 16px / 1.6 "Zoho_Puvi_Regular";
    margin: 0px 0px 20px 0px;
}

.ai-section .col a {
    font: 14px / 1.6 "Zoho_Puvi_Regular";
    display: inline-block;
    border: 1.5px solid #0B4A46;
    text-decoration: none;
    color: #0B4A46;
    padding: 3px 12px;
    border-radius: 3px;
}

.ai-section .col a:hover {
    background: #0B4A46;
    color: #fff;
}

span.sdp-cta-arrow {
    transition: 0.3s ease-in;
    padding: 0 0 0 5px;
    display: inline-block;
    transform: translateX(0px);
    vertical-align: middle;
}

.ai-section a:hover .sdp-cta-arrow {
    transform: translateX(5px);
    transition: 0.3s ease-in;
}

.ai-ml {
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    font-size: 26px !important;
}

p.ai-disclaimer {
    font: 13px / 1.5 "Zoho_Puvi_Regular";
    text-align: center;
    margin: 0px 0px 30px 0px;
    padding: 0px 30px;
}


/*AI Page Style Ends Here*/


/*banner-section-animation-image-section-start-here*/

.mobile-banner-wrap {
    display: none;
    max-width: 600px;
    width: 100%;
    margin: 0px auto;
}

.banner-anim-parent {
    position: relative;
}

.banner-anim-parent .banner-person-object {
    z-index: 22;
    position: relative;
    opacity: 0;
}

.banner-person-object {
    max-width: 360px;
}

.banner-sprites {
    background-repeat: no-repeat;
    opacity: 0;
}

.banner-person-object,
.banner-sprites {
    transition: .5s ease;
}

.banner-shapes,
.banner-sprites {
    position: absolute;
}

.banner-sprites.banner-circle-shape {
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/banner-circle-shape.png);
    height: 280px;
    width: 260px;
    background-size: contain;
    top: 105px;
    left: 49%;
    z-index: 1;
    transform: scale(.7);
}

.banner-anim-parent.active .banner-sprites.banner-circle-shape,
.banner-anim-parent.active .banner-sprites.banner-rectangle-rounded-shape,
.banner-anim-parent.active .shield,
.banner-anim-parent.active .chat-a,
.banner-anim-parent.active .chat-b,
.banner-anim-parent.active .chat-c,
.banner-anim-parent.active .banner-person-object {
    opacity: 1;
}

.banner-person-object {
    transform: translate(-20px, 20px);
}

.banner-anim-parent.active .banner-person-object {
    transform: translate(0px, 0px);
}

.banner-anim-parent.active .banner-sprites.banner-circle-shape {
    transition-delay: .2s;
    transform: scale(1);
}

.banner-sprites.banner-rectangle-rounded-shape {
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/banner-bottom-rounded-rectangle.png);
    width: 250px;
    height: 130px;
    bottom: 0;
    right: 50px;
    z-index: 33;
    transform: translateX(70px);
}

.banner-anim-parent.active .banner-sprites.banner-rectangle-rounded-shape {
    transition-delay: .4s;
    transform: translateX(0px);
}

.headshot {
    height: 38px;
    width: 38px;
}

.chat-conv-wrap {
    width: 200px;
}

.chat-a .chat-frame-box,
.chat-c .chat-frame-box {
    height: 40px;
}

.chat-a .chat-frame-box {
    width: 160px;
}

.chat-b .chat-frame-box {
    height: 70px;
}

.chat-conv-wrap .flex-wrap {
    justify-content: left;
}

.chat-conv-wrap p {
    font-size: 12px;
    margin: 0px 0px;
}

.chat-conv-wrap p.chat-name {
    font-size: 15px;
    font-family: 'Zoho_Puvi_SemiBold';
}

.headshot {
    height: 45px;
    width: 45px;
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/banner-anim-icon-sprites.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
}

.headshot.user-profile {
    background-position: -42px 0px;
}

.headshot.zia-profile {
    background-position: 2px 0px;
}

.cliq-wrap .chat-conv-wrap .headshot {
    transform: scale(.8);
    transition: .8s;
}

.chat-a {
    top: 10%;
    left: 25%;
}

.chat-b {
    top: 25%;
    left: 12%;
}

.chat-b .chat-frame-box {
    border-radius: 10px;
}

.chat-b.chat-conv-wrap {
    z-index: 22;
}

.chat-c {
    top: 49%;
    left: 1.5%;
}

.chat-c .chat-frame-box {
    padding: 10px 68px 10px 30px;
}

.chat-frame-box {
    background: #fdf2c1ba;
    padding: 10px 28px;
    border-radius: 50px;
    margin-top: 2px;
    box-sizing: border-box;
}

.shield {
    height: 70px;
    width: 55px;
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/banner-anim-icon-sprites.png);
    background-repeat: no-repeat;
    background-size: 270px;
    top: 10%;
    right: 20%;
    background-position: -213px -3px;
    z-index: 22;
    transform: scale(1) rotate3d(1, -89, 1, 75deg);
}

.chatgpt {
    height: 30px;
    width: 25px;
    background-image: url(https://www.manageengine.com/products/service-desk/style/../images/banner-anim-icon-sprites.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: -53px 0px;
    margin-right: 4px;
}

.banner-anim-parent.active .shield {
    opacity: 1;
    transition-delay: .9s;
    transform: scale(1) rotate3d(1, 1, 1, 0deg);
}

.banner-anim-parent.active .chat-a {
    transition-delay: .6s;
    opacity: 1;
}

.banner-anim-parent.active .chat-a .headshot {
    transform: scale(1);
    transition-delay: .7s;
}

.banner-anim-parent.active .chat-b {
    transition-delay: .9s;
    opacity: 1;
}

.banner-anim-parent.active .chat-b .headshot {
    transform: scale(1);
    transition-delay: 1.1s;
}

.banner-anim-parent.active .chat-c {
    transition-delay: 1.3s;
    opacity: 1;
}

.banner-anim-parent.active .chat-c .headshot {
    transform: scale(1);
    transition-delay: 1.4s;
}

.assistans-box {
    max-width: 350px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 3px solid #d7f4f2;
    overflow: hidden;
    position: absolute;
    top: 30%;
    right: -6%;
    z-index: 33;
    transform: scale(1) translateY(50px);
    opacity: 0;
    transition: .6s ease;
}

.banner-anim-parent.active .assistans-box {
    transform: scale(.83) translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: 1.5s;
}

.assistans-box p {
    font-size: 15px;
}

.assistans-box .inside-dashboad p {
    font-size: 12px;
}

.assistans-box>div {
    box-sizing: border-box;
    padding: 0px 20px;
}

.assistans-box>div.inside-dashboad {
    padding-bottom: 15px;
}

.assistans-box .head-wrap {
    justify-content: left;
    background: #86bcfe;
}

.assistans-box .head-wrap p {
    font: 15px / 1.6 Zoho_Puvi_SemiBold;
}

.inside-dashboad {
    background: #ffffff54;
}

.inside-dashboad .top-wrap p {
    margin-top: 0px;
    padding-top: 10px;
}

.top-wrap p {
    font: 13px / 1.6 Zoho_Puvi_SemiBold;
}

.placeholder {
    border: 1px solid #aed8e1;
    height: 60px;
    border-radius: 10px;
}

.placeholder .placeholder-loading {
    width: 90%;
    height: 8px;
    display: block;
    margin: 10px auto;
    border-radius: 50px;
}

.generate-btn {
    position: absolute;
    right: 15%;
    top: 41%;
    overflow: hidden;
}

.generate-btn .arrow {
    border: solid black;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin: 1px 4px;
}

.generate-btn .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.assistans-box .inside-dashboad .generate-btn p {
    border-radius: 6px;
    text-align: center;
    outline: none;
    border: none;
    cursor: pointer;
    position: relative;
    letter-spacing: 2px;
    background: #ffdede;
    width: 100px;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid #f8a8ba;
}

.banner-stripe {
    background: url('https://www.manageengine.com/products/service-desk/style/../images/banner-strips.png');
    background-repeat: no-repeat;
    height: 0%;
    width: 300px;
    background-size: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .8s ease;
}

.banner-anim-parent.active .banner-stripe {
    height: 100%;
    transition-delay: 2.1s;
}


/* .assistans-box .inside-dashboad .generate-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    border-radius: 50%;
    background: #ffdede;
    height: 20px;
    z-index: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: .4s ease;
} 

.banner-anim-parent.active .assistans-box .inside-dashboad .generate-btn::after {
    transform: translate(-50%, -50%) scale(15);
    transition-delay: 2.8s;
}
*/

.generate-options {
    background: #e8fcfa;
    color: #000;
    padding: 10px 0px;
    box-sizing: border-box;
    text-align: left;
    margin-top: 7px;
    border-radius: 10px;
    border: 1.5px solid #ffff;
    position: relative;
    overflow: hidden;
}

.generate-options::after {
    content: '';
    background: #f4e291;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    position: absolute;
    transition: .8s ease;
}

.banner-anim-parent.active .generate-options::after {
    transition-delay: 1.7s;
    bottom: 53px;
}

.generate-options>div {
    padding: 2px 10px;
    position: relative;
    z-index: 33;
}

.generate-options h4 {
    margin: 0 0 0 0px;
    font-size: 13px;
}

.assistans-box .inside-dashboad .generate-options p {
    margin: 0px;
}

.assistans-box .inside-dashboad .placeholder-loading {
    background-color: #a3bbbd9c;
}


/*banner-section-animation-image-section-end-here*/

@media only screen and (max-width: 1600px) {
    .parent-circle {
        transform: scale(0.84);
        top: -30px;
    }
    .banner-section h1 {
        font-size: 55px;
        padding-right: 14px;
    }
    .banner-cta-arrow span {
        height: 90px;
        width: 100px;
    }
    .banner-cta-arrow {
        bottom: 90px;
    }
}

@media only screen and (max-width: 1500px) {
    .highlights-setion::after {
        display: none;
    }
    .side-button-wrap {
        right: -95px;
    }
}

@media only screen and (max-width: 1310px) {
    .promo-wrap .promo-link-wrap p {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1450px) {
    .banner-section {
        padding: 70px 0 140px 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .banner-section h1 {
        font-size: 50px;
    }
    .banner-section .cta {
        font: 20px/1.6 Zoho_Puvi_Bold;
    }
    .dasboard {
        right: -100px;
    }
    .edition-table .flex-wrap>div {
        padding: 60px 30px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(3) span {
        background-position: -268px -101px;
        background-size: 530px;
    }
}

@media only screen and (max-width: 1300px) {
    .banner-anim-parent {
        max-width: 440px;
        margin: 0px auto;
        width: 100%;
    }
    .banner-person-object {
        max-width: 270px;
    }
    .banner-sprites {
        transform: scale(.8);
    }
    .banner-sprites.banner-circle-shape {
        top: 78px;
        left: 43%;
    }
    .banner-anim-parent .assistans-box {
        transform: scale(.83) translateY(0px);
        top: 22%;
        right: -15%;
    }
    .banner-anim-parent.active .assistans-box {
        transform: scale(.63) translateY(0px);
    }
    .banner-anim-parent .shield {
        right: 14%;
    }
    .banner-anim-parent.active .shield {
        transform: scale(.8) rotate3d(1, 1, 1, 0deg);
    }
    .chat-a {
        top: 10%;
        left: 16%;
    }
    .chat-c {
        left: -4.5%;
    }
    .chat-b {
        top: 23%;
        left: 2%;
    }
    .banner-cta-arrow {
        bottom: 20px;
    }
    .side-button-wrap {
        right: -90px;
        top: 330px;
    }
    .tab-infinitie-anim-wrap .list-item>div:nth-child(1) {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .tab-infinitie-anim-wrap .list-item>div:nth-child(2) {
        max-width: 75%;
        flex: 0 0 75%;
        padding-left: 10px;
        padding-right: 0;
    }
    .tab-infinitie-anim-wrap h4 {
        font-size: 18px;
    }
    .tab-infinitie-anim-wrap,
    p {
        font-size: 16px;
    }
    .tab-infinitie-anim-wrap .list-item {
        padding: 30px 30px;
        margin-bottom: 35px;
    }
    .tab-infinitie-anim-wrap .list-item:nth-last-child(1) {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1124px) {
    .parent-circle {
        transform: scale(0.78);
        top: -30px;
    }
    .dasboard {
        right: -130px;
    }
    .chat-wrap {
        left: -90px;
    }
    .bot {
        left: 180px;
        top: 113px;
    }
    .banner-cta-arrow span {
        height: 90px;
        width: 90px;
    }
}

@media only screen and (max-width: 1024px) {
    .banner-anim-parent {
        display: none;
    }
    .mobile-banner-image-container,
    .promo-wrap,
    .banner-section .flex-wrap,
    .mobile-banner-wrap {
        display: block;
    }
    .animated-img-wrap {
        display: none;
    }
    .mobile-banner-image-container .mobile-banner-img {
        max-width: 650px;
        margin: 0 auto;
        width: 100%;
    }
    .banner-section .flex-wrap>div {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
        text-align: center;
    }
    .banner-section {
        padding: 100px 0 50px 0;
    }
    .trusted-brand-setion {
        padding: 30px 0 30px 0;
        margin: 0 0 0 0;
    }
    .banner-section .flex-left-wrap p {
        max-width: 100%;
    }
    .banner-section h1 {
        padding-right: 0;
        text-align: center;
    }
    .banner-section .cta {
        font-size: 20px;
    }
    .row {
        flex-wrap: wrap;
    }
    .row .col {
        flex-grow: inherit;
        flex-basis: inherit;
        min-width: 90%;
    }
    .brand-sprite-parent-wrap ul li:nth-child(3) span {
        background-position: -241px -82px;
        background-size: 465px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(2) span {
        background-position: -3px -155px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(5) span {
        background-position: -223px -194px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .brand-sprite-parent-wrap ul li {
        transform: scale(0.88);
    }
    .highlights-setion .flex-left-wrap {
        padding-right: 60px;
    }
    .infinitie-overlay-wrap .list-item>div:nth-child(1) span {
        transform: scale(0.8);
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(1) {
        padding-right: 50px;
        padding-left: 0;
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(2) {
        padding: 0 20px;
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(3) {
        padding-left: 50px;
    }
    .edition-table .flex-wrap>div ul {
        padding-right: 0;
    }
    .edition-table .flex-wrap>div {
        padding: 60px 20px;
    }
    #professional {
        padding: 70px 30px 80px;
    }
}

@media only screen and (max-width: 992px) {
    .tab-infinitie-anim-wrap::before,
    .tab-infinitie-anim-wrap::after,
    .side-button-wrap,
    ul.side-button-wrap li,
    .tab-infinitie-anim-wrap .span-after,
    .tab-infinitie-anim-wrap .span-before {
        display: none;
    }
    .highlights-setion .flex-wrap,
    .highlights-section-static,
    .edition-table .flex-wrap {
        display: block;
    }
    .banner-section {
        padding: 70px 0 40px;
    }
    .footer-setion {
        padding: 70px 0;
    }
    section,
    .stats-setion,
    .awards-setion {
        padding: 0 0 70px;
    }
    .brand-sprite-sub-wrap .flex-wrap {
        margin-bottom: 50px;
    }
    .brand-sprite-parent-wrap ul li {
        margin-bottom: 20px;
    }
    .brand-sprite-parent-wrap {
        padding: 0 0;
    }
    .awards-sprite-wrap>li {
        max-width: 180px;
        flex: 0 0 300px;
        margin: 8px 20px;
    }
    .tab-infinitie-anim-wrap .list-item>div:nth-child(2) {
        padding-left: 0;
        margin-top: 10px;
        max-width: 100%;
    }
    .tab-infinitie-anim-wrap .list-item.active {
        background: unset;
        box-shadow: unset;
    }
    .brand-sprite-parent-wrap ul li {
        width: 180px;
    }
    .highlights-setion .flex-wrap>div {
        max-width: 100%;
    }
    .highlights-setion .flex-left-wrap {
        padding-right: 0;
        margin-bottom: 50px;
    }
    .tab-infinitie-anim-wrap {
        height: auto;
        overflow: visible;
    }
    .tab-infinitie-anim-wrap .list-item {
        display: block;
        height: auto;
        transform: scale(1);
        padding: 0 0;
    }
    .infinitie-overlay-wrap .list-item>div:nth-child(1) span {
        margin: 0 0;
    }
    .tab-infinitie-anim-wrap h4 {
        font: 20px/1.2 Zoho_Puvi_Bold;
    }
    .tab-infinitie-anim-wrap .list-item>div:nth-child(2) p {
        font: 18px/1.6 Zoho_Puvi_Regular;
        margin-top: 5px;
    }
    .edition-table .flex-wrap>div {
        max-width: 500px;
        margin: 50px auto 0;
        width: 95%;
        opacity: 1;
        transform: translateY(0);
    }
    .edition-table .flex-wrap>div:nth-child(2) {
        margin: 50px auto 0;
    }
    .edition-setion .bottom-content-wrap {
        margin-top: 50px;
    }
    .edition-cta {
        margin-top: 50px;
    }
    .footer-setion {
        margin: 50px 0 0;
    }
    .faq-bg {
        padding: 70px 0px;
    }
    .brand-sprite-parent-wrap ul li:nth-child(3) span {
        background-position: -248px -93px;
        background-size: 480px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .stats-setion .three-column .stats-count-wrap:nth-child(1) {
        padding-right: 20px;
        padding-left: 0;
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(3) {
        padding-left: 20px;
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(2) {
        padding: 0 25px;
    }
    .promo-link-wrap>div:nth-child(2) {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
	 .sdp-magic-icon.promo-link-wrap>div:nth-child(2){
		padding-left: 0;
	}
    .headerinner,
    #header-topsec {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .promo-link-wrap .arw_lnk {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .banner-section h1 {
        font: 40px/1.3 Zoho_Puvi_Bold;
    }
    h2 {
        font: 32px/1.2 Zoho_Puvi_Bold;
    }
    .banner-section {
        text-align: center;
    }
    .banner-section .flex-left-wrap p {
        font-size: 19px;
    }
    .banner-section .cta {
        font: 16px/1.6 Zoho_Puvi_Bold;
    }
    .banner-section .flex-right-wrap {
        margin-top: 20px;
    }
    .banner-section .flex-left-wrap p {
        margin: 30px auto;
    }
    .animated-img-wrap,
    .side-button-wrap,
    .testimonial-cont-wrap .testi-arrow {
        display: none;
    }
    .promo-wrap {
        padding: 40px 15px 20px;
        flex-wrap: wrap;
    }
    .promo-wrap>div {
        max-width: 100%;
        margin: 0 auto 40px 0;
        padding: 30px 20px;
    }
    .promo-wrap>div:nth-child(2) {
        margin-bottom: 0;
    }
    .promo-link-wrap>div {
        margin: 0 auto;
        text-align: center;
    }
    .promo-wrap .flex-right-wrap {
        margin-top: 20px;
    }
    .promo-link-wrap>div:nth-child(2) {
        padding-right: 0;
        max-width: 400px;
        width: 90%;
    }
    .brand-sprite-parent-wrap ul {
        display: flex;
    }
    .brand-sprite-parent-wrap ul li {
        width: 160px;
    }
    .brand-sprite-parent-wrap::after {
        top: 0;
    }
    .awards-setion .flex-wrap {
        display: flex;
    }
    .highlights-setion .flex-left-wrap {
        padding-right: 0;
    }
    .infinitie-overlay-wrap .list-item>div:nth-child(1).privacy span {
        background-position: -113px -8px;
        width: 90px;
    }
    .tab-infinitie-anim-wrap .span-after {
        background: transparent;
    }
    .stats-setion .three-column .stats-count-wrap:nth-child(1),
    .stats-setion .three-column .stats-count-wrap:nth-child(2),
    .stats-setion .three-column .stats-count-wrap:nth-child(3) {
        padding: 0 0;
    }
    .stats-setion h2 {
        text-align: left;
    }
    .testimonial-cont-wrap {
        padding: 60px 20px 30px;
    }
    .edition-table .flex-wrap>div {
        max-width: calc(100%);
        transform: translateY(0);
        opacity: 1;
    }
    .testi-content {
        font: 22px/1.6 Zoho_Puvi_SemiBold;
    }
    .edition-table #standard,
    .edition-table #enterprise,
    .edition-table #professional {
        padding: 60px 40px;
    }
    .edition-table #enterprise {
        margin: 50px auto;
    }
    .footer-setion {
        overflow-x: hidden;
    }
    .footer-cta {
        justify-content: space-around;
        max-width: 340px;
        width: 100%;
    }
    .footer-cta>div {
        margin-bottom: 20px;
    }
    .footer-cta #signup,
    .footer-cta #demo {
        padding: 0 15px;
    }
    .footer-cta #signup a,
    .footer-cta #demo a {
        font-size: 16px;
    }
    .footer-setion::before,
    .footer-cont-wrap::after,
    .footer-cont-wrap::before {
        animation: unset;
    }
    .cta {
        padding: 10px 10px;
    }
    .banner-section .cta {
        padding: 12px 50px;
    }
    .promo-link-wrap>div:nth-child(2) {
        max-width: 100%;
        width: 100%;
    }
    .promo-link-wrap>div:nth-child(2) {
        padding: 0 0;
    }
    .footer-cta div:nth-child(1) {
        margin-right: 0;
    }
    #meCommonFooterNew .footer {
        box-sizing: border-box;
        padding: 0 15px;
    }
    .faq-wrapper {
        padding: 50px 0px;
    }
    .panel {
        max-width: 100%;
    }
    h2.faq-main-heading {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .promo-link-wrap>div:nth-child(2) {
        padding: 0 0 0 0;
    }
    .banner-section .cta {
        padding: 12px 20px;
    }
    .arw_lnk.next-arw {
        display: block;
    }
    .faq-bg h2 {
        font: 30px / 1.1 Zoho_Puvi_SemiBold;
    }
    .row .col {
        min-width: 100%;
    }
    .brand-sprite-parent-wrap ul li:nth-child(5) span {
        background-position: -221px -194px;
        background-size: 530px auto;
    }
}
/*index.css ends*/
#btmBar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
#btmBar ul {
    margin-left: 50px;
}

#dload{
    display: none;
}
#sdpcutomerlogos, #ftrgetstd, #allFea {
    display: block;
}
h1.ftrmnhdr {
    color: #fff;
}


.testimonial-cont-wrap{
margin-top: -90px;
}

.stats-setion{
padding: 50px 0px 170px;
}

.awards-setion {
    padding: 0px 0px 20px;
}

.footer-setion::before{
    top: 130px;
}

.edition-setion{
margin-top: 150px;
}

.footer-cont-wrap h2{
font: 36px/1.6 Zoho_Puvi_SemiBold;
}

.footer-cont-wrap > div{
padding: 60px 0;
}

h2{
font: 40px/1.6 Zoho_Puvi_Bold;
}

.banner-section .flex-left-wrap p{
font-size: 18px;
}
.banner-section h1{
font-size: 70px !important;
line-height: 85px!important;
font-weight: bold;
}
section p, section li, section a{
font: 18px/2 Zoho_Puvi_Regular;
}


section{
    padding: 0;
}
.testimonial-setion::before {
    content: unset;
    position: unset;
    top: unset;
    height: unset;
    width: unset;
    background: unset;
}
#dload{
    display: unset;
}
.bradkrm {
   display:none;
}